/* MH Mobil Premium V1 — 2026-08-09 */
:root{--mh3-navy:#062f52;--mh3-blue:#18aee8;--mh3-white:#fff}

/* V1.2 bütün premium kutularda tek üç renk yazı sistemi */
body.premium-home-v23-mh :is(.premium-step-card,.premium-benefit-card,.premium-confidence-bar>div,.premium-faq-item,.sp-trust-v2__item),
body.mhui-active :is(.mh-order-card,.mh-summary-card,.mh-package-option,.service--features li,.mh-payment-card,.mh-cart-card),
body.pcd-detail-active .pcd-shell.pcd--mh :is(.pack,.service--features li){
 background-color:var(--mh3-navy)!important;color:var(--mh3-white)!important;border-color:var(--mh3-blue)!important
}
body.premium-home-v23-mh :is(.premium-step-card,.premium-benefit-card,.premium-confidence-bar>div,.premium-faq-item,.sp-trust-v2__item) :is(h2,h3,h4,strong,summary),
body.mhui-active :is(.mh-order-card,.mh-summary-card,.mh-package-option,.service--features li,.mh-payment-card,.mh-cart-card) :is(h2,h3,h4,strong,label),
body.pcd-detail-active .pcd-shell.pcd--mh :is(.pack,.service--features li) :is(strong,.amount){
 color:var(--mh3-white)!important;-webkit-text-fill-color:var(--mh3-white)!important;text-shadow:none!important;opacity:1!important
}
body.premium-home-v23-mh :is(.premium-step-card,.premium-benefit-card,.premium-confidence-bar>div,.premium-faq-item,.sp-trust-v2__item) :is(p,small,span),
body.mhui-active :is(.mh-order-card,.mh-summary-card,.mh-package-option,.service--features li,.mh-payment-card,.mh-cart-card) :is(p,small,span),
body.pcd-detail-active .pcd-shell.pcd--mh :is(.pack,.service--features li) :is(p,small,.type){
 color:var(--mh3-white)!important;-webkit-text-fill-color:var(--mh3-white)!important;text-shadow:none!important;opacity:1!important
}
body.premium-home-v23-mh :is(.premium-icon-box,.sp-trust-v2__icon,.premium-faq-item summary::after),
body.mhui-active :is(.mh-step,.mh-order-card__icon,.service--features .icon),
body.pcd-detail-active .pcd-shell.pcd--mh :is(.intro--head>.icon,.service--features .icon){
 color:var(--mh3-blue)!important;-webkit-text-fill-color:var(--mh3-blue)!important;border-color:var(--mh3-blue)!important
}
body.premium-home-v23-mh :is(.premium-icon-box,.sp-trust-v2__icon) svg,
body.mhui-active :is(.mh-order-card__icon,.service--features .icon) svg,
body.pcd-detail-active .pcd-shell.pcd--mh :is(.intro--head>.icon,.service--features .icon) svg{
 stroke:var(--mh3-blue)!important;color:var(--mh3-blue)!important
}
/* Form alanlarının içi okunabilir açık yüzey olarak kalır. */
body.mhui-active :is(input,textarea,select,option){color:var(--mh3-navy)!important;-webkit-text-fill-color:var(--mh3-navy)!important;background:#fff!important}
@media(max-width:767px){
 /* 1. Mobil marka gerçek görünür alanı büyütülür */
 html body header.premium-site-header .premium-header-shell{grid-template-columns:minmax(0,1fr) auto!important}
 html body header.premium-site-header .premium-brand{min-width:0!important;overflow:visible!important;padding-left:10px!important}
 html body header.premium-site-header .premium-brand-logo{
  display:block!important;width:min(100%,330px)!important;max-width:none!important;height:auto!important;
  transform:scale(1.28)!important;transform-origin:left center!important;filter:none!important
 }
 html body header.premium-site-header .premium-header-actions{position:relative!important;z-index:3!important}

 /* 2-3. Tüm ürün paketlerinde büyük, ayrı ve premium fiyat kapsülü */
 html body.pcd-detail-active .pcd-shell.pcd--mh .pack--list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html body.pcd-detail-active .pcd-shell.pcd--mh .pack--list .pack{
  min-height:158px!important;height:auto!important;padding:18px 14px!important;border-radius:20px!important;
  display:grid!important;grid-template-rows:auto auto auto!important;align-content:center!important;justify-items:center!important;
  gap:6px!important;overflow:hidden!important
 }
 html body.pcd-detail-active .pcd-shell.pcd--mh .pack--list .pack>*{position:relative!important;z-index:2!important}
 html body.pcd-detail-active .pcd-shell.pcd--mh .pack--list .pack .amount{
  position:static!important;inset:auto!important;transform:none!important;display:block!important;width:auto!important;height:auto!important;
  margin:0!important;padding:0!important;overflow:visible!important;font-size:clamp(24px,7vw,30px)!important;line-height:1.08!important;font-weight:950!important;
  white-space:nowrap!important;max-width:100%!important
 }
 html body.pcd-detail-active .pcd-shell.pcd--mh .pack--list .pack .type{
  position:static!important;inset:auto!important;transform:none!important;display:block!important;height:auto!important;
  font-size:clamp(12px,3.6vw,14px)!important;line-height:1.2!important;margin:0!important;font-weight:750!important
 }
 html body.pcd-detail-active .pcd-shell.pcd--mh .pack--list .pack .price{
  position:static!important;inset:auto!important;transform:none!important;height:auto!important;
  display:inline-flex!important;width:max-content!important;min-width:72px!important;min-height:36px!important;max-width:100%!important;
  align-items:center!important;justify-content:center!important;margin:5px 0 0!important;padding:6px 11px!important;
  border:1px solid rgba(108,220,255,.72)!important;border-radius:13px!important;background:rgba(238,250,255,.96)!important;
  color:#08365c!important;-webkit-text-fill-color:#08365c!important;font-size:clamp(16px,4.8vw,19px)!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;
  box-shadow:0 8px 20px rgba(0,118,180,.17)!important
 }

 /* Ürün görseli ve canlı kullanıcı katmanı tekrar birlikte görünür */
 html body.pcd-detail-active .pcd-shell.pcd--mh .service--media,
 html body.pcd-detail-active .pcd-shell.pcd--mh .service--image,
 html body.pcd-detail-active .pcd-shell.pcd--mh .service--image-wrap,
 html body.pcd-detail-active .pcd-shell.pcd--mh .intro--visual{
  position:relative!important;visibility:visible!important;opacity:1!important;background-size:cover!important;background-position:center!important
 }
 html body.pcd-detail-active .pcd-shell.pcd--mh .service--media img,
 html body.pcd-detail-active .pcd-shell.pcd--mh .service--image img,
 html body.pcd-detail-active .pcd-shell.pcd--mh .service--image-wrap img,
 html body.pcd-detail-active .pcd-shell.pcd--mh .intro--visual img{
  display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important
 }
 html body.pcd-detail-active .pcd-shell.pcd--mh .service--bottom [data-selected_amount]{font-size:16px!important;line-height:1.15!important;font-weight:850!important}
 html body.pcd-detail-active .pcd-shell.pcd--mh .service--bottom [data-selected_price]{font-size:21px!important;line-height:1!important;font-weight:950!important;color:#55dcff!important}

 /* Sepet sayfası ve açılır sepet */
 html body.mh-checkout-page #loftOrderForm .cart-price .price,
 html body .mh-cart-drawer .cart-price .price,
 html body .mh-cart-drawer__item>div:last-child b{
  display:inline-flex!important;width:max-content!important;min-height:42px!important;align-items:center!important;justify-content:center!important;
  padding:8px 13px!important;border:1px solid rgba(91,211,255,.65)!important;border-radius:13px!important;
  background:linear-gradient(135deg,#eaf9ff,#ccefff)!important;color:#06385f!important;-webkit-text-fill-color:#06385f!important;
  font-size:20px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;
  box-shadow:0 8px 20px rgba(0,106,163,.15)!important
 }
 html body.mh-checkout-page #loftOrderForm .cart-item{padding:16px!important;border-radius:18px!important;gap:12px!important}
 html body.mh-checkout-page #loftOrderForm .cart-name .name{font-size:15px!important}
html body.mh-checkout-page #loftOrderForm .cart-name .subname{font-size:14px!important;line-height:1.35!important}

 /* MH sepet: yalnızca beyaz + gece laciverti + elektrik mavisi */
 html body.mh-checkout-page #loftOrderForm .mh-cart-card,
 html body.mh-checkout-page #loftOrderForm #sepet-items{
  background:#fff!important;background-image:none!important;border-color:#168ee8!important;color:#062f52!important
 }
 html body.mh-checkout-page #loftOrderForm .cart-item{
  background:#fff!important;background-image:none!important;border:1px solid #168ee8!important;color:#062f52!important;
  box-shadow:0 12px 28px rgba(6,47,82,.12)!important
 }
 html body.mh-checkout-page #loftOrderForm .cart-name .name,
 html body.mh-checkout-page #loftOrderForm .cart-name .subname{color:#062f52!important;-webkit-text-fill-color:#062f52!important}
 html body.mh-checkout-page #loftOrderForm .cart-name .cart-link{color:#168ee8!important;-webkit-text-fill-color:#168ee8!important}
 html body.mh-checkout-page #loftOrderForm .cart-price .btn-trash{
  background:#062f52!important;color:#fff!important;border:1px solid #168ee8!important;border-radius:12px!important
 }
 html body.mh-checkout-page #loftOrderForm .mh-cart-total,
 html body.mh-checkout-page #loftOrderForm #totals{
  background:#062f52!important;background-image:none!important;border:1px solid #168ee8!important;color:#fff!important;border-radius:18px!important
 }
 html body.mh-checkout-page #loftOrderForm #totals span,
 html body.mh-checkout-page #loftOrderForm #totals strong{color:#fff!important;-webkit-text-fill-color:#fff!important}

 html body .mh-cart-overlay{background:rgba(6,47,82,.72)!important}
 html body .mh-cart-drawer{background:#062f52!important;background-image:none!important;color:#fff!important;border-left:1px solid #168ee8!important}
 html body .mh-cart-drawer__head{border-color:#168ee8!important}
 html body .mh-cart-drawer__head h2,
 html body .mh-cart-drawer__total span,
 html body .mh-cart-drawer__total strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
 html body .mh-cart-drawer__item{
  margin-bottom:10px!important;padding:14px!important;border:1px solid #168ee8!important;border-radius:16px!important;
  background:#fff!important;color:#062f52!important
 }
 html body .mh-cart-drawer__item strong,
 html body .mh-cart-drawer__item span,
 html body .mh-cart-drawer__item small{color:#062f52!important;-webkit-text-fill-color:#062f52!important}
 html body .mh-cart-drawer__remove,
 html body .mh-cart-close{background:#062f52!important;color:#fff!important;border:1px solid #168ee8!important;border-radius:12px!important}
 html body .mh-cart-drawer__foot{border-color:#168ee8!important}
 html body .mh-cart-drawer__actions button{background:#fff!important;color:#062f52!important;border:1px solid #168ee8!important}
 html body .mh-cart-drawer__actions a{background:#168ee8!important;color:#fff!important;border:1px solid #168ee8!important}

 /* 4. SP tipi belirgin ödeme ikon kutuları, MH renkleriyle */
 html body.mh-checkout-page #loftOrderForm .PaymentMethod .selectPayment>i.mh-payment-icon-fixed{
  display:grid!important;width:64px!important;min-width:64px!important;height:64px!important;place-items:center!important;
  border:1px solid rgba(92,211,255,.62)!important;border-radius:18px!important;
  background:linear-gradient(145deg,#0a426d 0%,#062f54 100%)!important;color:#eafaff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 26px rgba(0,70,115,.2)!important
 }
 html body.mh-checkout-page #loftOrderForm .PaymentMethod .selectPayment>i.mh-payment-icon-fixed svg{
  display:block!important;width:32px!important;height:32px!important;fill:none!important;stroke:#eafaff!important;
  stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important
 }
 html body.mh-checkout-page #loftOrderForm .PaymentMethod .selectPayment.selected>i.mh-payment-icon-fixed{
  border-color:#72e4ff!important;background:linear-gradient(145deg,#0878ae 0%,#07527e 100%)!important;
  box-shadow:0 0 0 3px rgba(72,203,255,.14),0 14px 30px rgba(0,118,178,.24)!important
 }
 html body.mh-checkout-page #loftOrderForm .PaymentMethod .selectPayment{grid-template-columns:64px minmax(0,1fr)!important;column-gap:16px!important}
 html body.mh-checkout-page #loftOrderForm .PaymentMethod .top span{font-size:19px!important;line-height:1.2!important}

 /* V1.5 acil: eski tema kırpma kurallarını tamamen sıfırla */
 html body.pcd-detail-active div.pcd-shell.pcd--mh div.service--content div.pack--list>div.pack.available{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;min-height:142px!important;height:auto!important;padding:15px 10px!important;overflow:hidden!important
 }
 html body.pcd-detail-active div.pcd-shell.pcd--mh div.service--content div.pack--list>div.pack.available>span.amount{
  all:unset!important;box-sizing:border-box!important;display:block!important;position:relative!important;z-index:3!important;
  flex:0 0 auto!important;width:100%!important;min-height:25px!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:0 3px!important;overflow:visible!important;clip:auto!important;clip-path:none!important;
  mask:none!important;-webkit-mask:none!important;transform:none!important;text-indent:0!important;text-align:center!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:inherit!important;font-size:23px!important;
  font-weight:900!important;line-height:25px!important;letter-spacing:-.02em!important;white-space:nowrap!important
 }
 html body.pcd-detail-active div.pcd-shell.pcd--mh div.service--content div.pack--list>div.pack.available>span.type{
  all:unset!important;box-sizing:border-box!important;display:block!important;position:relative!important;z-index:3!important;
  flex:0 0 auto!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:inherit!important;font-size:12px!important;
  font-weight:750!important;line-height:16px!important;text-align:center!important;white-space:nowrap!important
 }
 html body.pcd-detail-active div.pcd-shell.pcd--mh div.service--content div.pack--list>div.pack.available>span.price{
  all:unset!important;box-sizing:border-box!important;display:inline-flex!important;position:relative!important;z-index:3!important;
  flex:0 0 auto!important;width:auto!important;min-width:68px!important;max-width:100%!important;min-height:33px!important;height:33px!important;
  align-items:center!important;justify-content:center!important;margin:5px 0 0!important;padding:5px 9px!important;overflow:visible!important;
  border:1px solid #4dc9f4!important;border-radius:11px!important;background:#eefaff!important;color:#062f52!important;
  -webkit-text-fill-color:#062f52!important;font-family:inherit!important;font-size:15px!important;font-weight:900!important;
  line-height:1!important;text-align:center!important;white-space:nowrap!important;box-shadow:0 7px 16px rgba(6,47,82,.15)!important
 }
}
@media(max-width:390px){
 html body header.premium-site-header .premium-brand-logo{transform:scale(1.18)!important}
 html body.pcd-detail-active .pcd-shell.pcd--mh .pack--list .pack{min-height:148px!important;height:auto!important;padding:15px 10px!important}
 html body.pcd-detail-active .pcd-shell.pcd--mh .pack--list .pack .amount{font-size:25px!important}
 html body.pcd-detail-active .pcd-shell.pcd--mh .pack--list .pack .price{font-size:16px!important;min-width:68px!important;min-height:34px!important;padding:6px 9px!important}
}