/* GENS PHARMA MOBILE V27 — kullanıcının işaretli ekran görüntülerindeki düzeltmeler */
@media (max-width:980px){
  /* =====================================================
     1) BEYAZ HEADER: logo solda, Sipariş Ver ortada, menü sağda
     ===================================================== */
  .site-header .header-inner{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    max-width:none !important;
    padding:0 12px !important;
  }
  .site-header .brand{
    width:128px !important;
    flex:0 0 128px !important;
    margin:0 !important;
    z-index:2 !important;
  }
  .site-header .brand picture,
  .site-header .brand img{
    width:100% !important;
    height:78px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
  .site-header .order-link{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    min-width:138px !important;
    min-height:62px !important;
    padding:0 16px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:17px !important;
    font-size:19px !important;
    line-height:1 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    z-index:3 !important;
  }
  .site-header .menu-toggle{
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:68px !important;
    height:68px !important;
    flex:0 0 68px !important;
    margin:0 !important;
    z-index:4 !important;
  }
  .site-header .menu-toggle span{
    width:36px !important;
    height:5px !important;
    margin:4px 0 !important;
  }

  /* =====================================================
     2) ANA SAYFA HERO: gerçek kutu + flakon ortalanmış özel kırpım
     ===================================================== */
  .home-page .hero-final{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:2570 / 1195 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#eef7fb !important;
  }
  .home-page .mobile-hero-v25{
    content:url("hero-mobile-centered-v27.webp") !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
    margin:0 !important;
  }

  /* =====================================================
     3) İÇERİK + KADIN: çizgiler metin alanında biter, kadın tertemiz
     ===================================================== */
  .home-page .mobile-v23-ingredients{
    position:relative !important;
    min-height:735px !important;
    padding:34px 16px 24px !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 82% 45%, rgba(164,205,228,.42) 0%, rgba(76,134,173,.22) 25%, rgba(3,43,82,0) 48%),
      linear-gradient(135deg,#031f3f 0%,#07325f 100%) !important;
  }
  .home-page .mobile-v23-ingredients::after{
    display:none !important;
    content:none !important;
  }
  .home-page .mobile-v23-ingredients-inner{
    position:relative !important;
    z-index:3 !important;
    width:58% !important;
    max-width:58% !important;
  }
  .home-page .mobile-v25-ingredient-columns{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 14px !important;
    width:100% !important;
  }
  .home-page .mobile-v25-ingredient-column{
    min-width:0 !important;
  }
  .home-page .mobile-v25-ingredient-column p{
    position:relative !important;
    border:0 !important;
    margin:0 !important;
    padding:11px 0 12px !important;
    font-size:17px !important;
    line-height:1.18 !important;
    font-weight:900 !important;
    color:#fff !important;
  }
  .home-page .mobile-v25-ingredient-column p::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    width:90% !important;
    height:1px !important;
    background:rgba(126,218,255,.30) !important;
  }
  .home-page .mobile-v25-ingredient-column p:last-child::after{
    display:none !important;
  }
  .home-page .mobile-v26-woman{
    display:block !important;
    position:absolute !important;
    z-index:2 !important;
    right:-4px !important;
    bottom:0 !important;
    width:45% !important;
    height:auto !important;
    max-height:98% !important;
    object-fit:contain !important;
    object-position:right bottom !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
  }

  /* =====================================================
     4) ANA SAYFA ÜRÜN KARTLARI: kırmızı alan kadar kart, siyah alan kadar görsel
     ===================================================== */
  .home-page .product-highlight{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .home-page .product-highlight>.container{
    width:100% !important;
    max-width:none !important;
    padding:0 4px !important;
    margin:0 !important;
  }
  .home-page .pricing-grid,
  .home-page .pricing-grid-compact{
    width:100% !important;
    max-width:none !important;
    gap:14px !important;
  }
  .home-page .price-card,
  .home-page .price-card-compact{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:64% 36% !important;
    align-items:stretch !important;
    padding:8px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
  .home-page .price-card .price-image,
  .home-page .price-card-compact .price-image{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
    border-radius:17px !important;
    overflow:hidden !important;
    background:#f5f9fc !important;
  }
  .home-page .price-card .price-image img,
  .home-page .price-card-compact .price-image img,
  .home-page .price-card:nth-child(2) .price-image img,
  .home-page .price-card-compact:nth-child(2) .price-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }
  .home-page .price-card-content{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    padding:12px 8px 12px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
  }
  .home-page .price-card-content h3{
    font-size:23px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
    margin:0 0 9px !important;
  }
  .home-page .price-card-content strong{
    font-size:34px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
  }
  .home-page .price-card-content p{
    font-size:16px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
  }
  .home-page .compact-order-btn{
    width:100% !important;
    min-height:60px !important;
    margin-top:10px !important;
    font-size:18px !important;
    font-weight:950 !important;
  }

  /* Ürünler sayfasının altındaki paket kartlarını da aynı mantıkla büyüt */
  .product-page .product-highlight>.container{
    width:100% !important;
    max-width:none !important;
    padding:0 4px !important;
    margin:0 !important;
  }
  .product-page .product-highlight .pricing-grid{
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:14px !important;
  }
  .product-page .product-highlight .price-card{
    display:grid !important;
    grid-template-columns:64% 36% !important;
    min-height:0 !important;
    width:100% !important;
    padding:8px !important;
    border-radius:22px !important;
  }
  .product-page .product-highlight .price-image{
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
    border-radius:17px !important;
    overflow:hidden !important;
  }
  .product-page .product-highlight .price-image img,
  .product-page .product-highlight .price-card:nth-child(2) .price-image img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
  }
  .product-page .product-highlight .price-card-content{
    grid-column:2 !important;
    grid-row:1 !important;
    padding:12px 8px 12px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
  }
  .product-page .product-highlight .btn.full,
  .product-page .product-highlight .compact-order-btn{
    width:100% !important;
    margin-top:auto !important;
  }

  /* =====================================================
     5) SSS: ana başlık, sorular ve açılan cevaplar 2x hissi + kalın
     ===================================================== */
  .faq-page .page-hero .eyebrow{
    font-size:20px !important;
    font-weight:950 !important;
  }
  .faq-page .page-hero h1{
    font-size:58px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
  }
  .faq-page .page-hero p{
    font-size:28px !important;
    line-height:1.55 !important;
    font-weight:800 !important;
  }
  .faq-page .faq-list details{
    padding:0 !important;
  }
  .faq-page .faq-list summary{
    padding:28px 10px !important;
    font-size:29px !important;
    line-height:1.35 !important;
    font-weight:950 !important;
  }
  .faq-page .faq-list details p{
    padding:0 10px 28px !important;
    margin:0 !important;
    font-size:26px !important;
    line-height:1.7 !important;
    font-weight:760 !important;
  }

  /* =====================================================
     6) SİPARİŞ VE TESLİMAT: bütün ana/alt başlıklar ve metinler büyütülür
     ===================================================== */
  .delivery-page .page-hero .eyebrow{
    font-size:20px !important;
    font-weight:950 !important;
  }
  .delivery-page .page-hero h1{
    font-size:62px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
  }
  .delivery-page .page-hero p{
    font-size:29px !important;
    line-height:1.6 !important;
    font-weight:850 !important;
  }
  .delivery-page .order-query-card{
    padding:34px 24px !important;
  }
  .delivery-page .order-query-copy .eyebrow{
    font-size:19px !important;
    font-weight:950 !important;
  }
  .delivery-page .order-query-copy h2{
    font-size:47px !important;
    line-height:1.12 !important;
    font-weight:950 !important;
  }
  .delivery-page .order-query-copy p{
    font-size:29px !important;
    line-height:1.75 !important;
    font-weight:800 !important;
  }
  .delivery-page .order-query-form label{
    font-size:28px !important;
    font-weight:950 !important;
  }
  .delivery-page .order-query-form input{
    min-height:88px !important;
    font-size:27px !important;
    font-weight:800 !important;
  }
  .delivery-page .order-query-form button{
    min-height:82px !important;
    font-size:27px !important;
    font-weight:950 !important;
  }
  .delivery-page .order-query-form small{
    font-size:22px !important;
    line-height:1.55 !important;
    font-weight:760 !important;
  }
  .delivery-page .process-grid article,
  .delivery-page .two-col-cards article{
    padding:38px 30px !important;
  }
  .delivery-page .process-grid article>span{
    font-size:24px !important;
    font-weight:950 !important;
  }
  .delivery-page .process-grid h3{
    font-size:40px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
  }
  .delivery-page .process-grid p{
    font-size:30px !important;
    line-height:1.72 !important;
    font-weight:800 !important;
  }
  .delivery-page .two-col-cards h2{
    font-size:46px !important;
    line-height:1.12 !important;
    font-weight:950 !important;
  }
  .delivery-page .two-col-cards h3{
    font-size:36px !important;
    font-weight:950 !important;
  }
  .delivery-page .two-col-cards p{
    font-size:29px !important;
    line-height:1.75 !important;
    font-weight:800 !important;
  }
  .delivery-page .two-col-cards .btn{
    min-height:82px !important;
    font-size:27px !important;
    font-weight:950 !important;
  }

  /* =====================================================
     7) İLETİŞİM: şirket adresi hiçbir yerde görünmez
     ===================================================== */
  .contact-page .address-card,
  .site-footer .footer-address{
    display:none !important;
  }

  /* =====================================================
     8) SİPARİŞ FORMU: 3 AL 2 ÖDE tam görsel + tüm metinler 2x + ödeme hizası
     ===================================================== */
  .order-page .page-hero .eyebrow{
    font-size:20px !important;
    font-weight:950 !important;
  }
  .order-page .page-hero h1{
    font-size:62px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
  }
  .order-page .page-hero p{
    font-size:29px !important;
    line-height:1.6 !important;
    font-weight:850 !important;
  }
  .order-page .order-summary{
    width:100% !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .order-page .order-product-picture{
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:#f7fbfd !important;
  }
  .order-page .order-product-picture img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 !important;
    transform:none !important;
  }
  .order-page .order-summary h2{
    font-size:52px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
  }
  .order-page .order-summary>div{
    font-size:30px !important;
    line-height:1.5 !important;
    font-weight:900 !important;
  }
  .order-page .order-summary>p{
    font-size:27px !important;
    line-height:1.7 !important;
    font-weight:800 !important;
  }
  .order-page .order-form{
    padding:32px 24px !important;
  }
  .order-page .order-form label,
  .order-page .order-form legend{
    font-size:30px !important;
    line-height:1.35 !important;
    font-weight:950 !important;
  }
  .order-page .order-form input,
  .order-page .order-form select,
  .order-page .order-form textarea{
    min-height:90px !important;
    padding:18px 20px !important;
    font-size:28px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
  }
  .order-page .order-form textarea{
    min-height:190px !important;
  }
  .order-page .order-form fieldset{
    padding:24px 22px !important;
    border-radius:18px !important;
  }
  .order-page .order-form fieldset .radio{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    align-items:center !important;
    column-gap:15px !important;
    width:100% !important;
    min-height:62px !important;
    margin:0 !important;
    padding:8px 0 !important;
    flex-direction:unset !important;
    font-size:27px !important;
    line-height:1.3 !important;
    font-weight:850 !important;
  }
  .order-page .order-form fieldset .radio input{
    display:block !important;
    width:24px !important;
    height:24px !important;
    min-height:24px !important;
    margin:0 !important;
    padding:0 !important;
    align-self:center !important;
  }
  .order-page .order-form .check{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    align-items:start !important;
    gap:15px !important;
    font-size:24px !important;
    line-height:1.65 !important;
    font-weight:800 !important;
  }
  .order-page .order-form .check input{
    width:24px !important;
    height:24px !important;
    min-height:24px !important;
    margin-top:7px !important;
  }
  .order-page .eft-note h3{
    font-size:34px !important;
    font-weight:950 !important;
  }
  .order-page .eft-note p,
  .order-page .eft-note a{
    font-size:25px !important;
    line-height:1.7 !important;
    font-weight:800 !important;
  }
  .order-page .site-form button[type="submit"]{
    min-height:96px !important;
    font-size:31px !important;
    font-weight:950 !important;
  }
}

@media (max-width:430px){
  /* Dar telefonlarda beyaz bantta hiçbir öğe üst üste binmez */
  .site-header .brand{width:108px !important;flex-basis:108px !important}
  .site-header .brand picture,.site-header .brand img{height:70px !important}
  .site-header .order-link{min-width:124px !important;min-height:58px !important;font-size:17px !important;padding:0 12px !important}
  .site-header .menu-toggle{width:62px !important;height:62px !important;flex-basis:62px !important;right:8px !important}
  .site-header .menu-toggle span{width:32px !important;height:4px !important}

  .home-page .mobile-v23-ingredients{min-height:700px !important;padding-left:12px !important;padding-right:10px !important}
  .home-page .mobile-v23-ingredients-inner{width:60% !important;max-width:60% !important}
  .home-page .mobile-v25-ingredient-columns{gap:0 9px !important}
  .home-page .mobile-v25-ingredient-column p{font-size:14.5px !important;padding:9px 0 10px !important}
  .home-page .mobile-v26-woman{width:44% !important;right:-3px !important}

  .home-page .price-card,.home-page .price-card-compact,
  .product-page .product-highlight .price-card{grid-template-columns:63% 37% !important;padding:6px !important}
  .home-page .price-card-content,
  .product-page .product-highlight .price-card-content{padding:10px 6px 10px 9px !important}
  .home-page .price-card-content h3{font-size:20px !important}
  .home-page .price-card-content strong{font-size:29px !important}
  .home-page .price-card-content p{font-size:14px !important}
  .home-page .compact-order-btn{font-size:16px !important;min-height:55px !important}

  .faq-page .page-hero h1{font-size:50px !important}
  .faq-page .page-hero p{font-size:24px !important}
  .faq-page .faq-list summary{font-size:26px !important}
  .faq-page .faq-list details p{font-size:23px !important}

  .delivery-page .page-hero h1{font-size:52px !important}
  .delivery-page .page-hero p{font-size:25px !important}
  .delivery-page .order-query-copy h2{font-size:40px !important}
  .delivery-page .order-query-copy p{font-size:25px !important}
  .delivery-page .process-grid h3{font-size:35px !important}
  .delivery-page .process-grid p{font-size:26px !important}
  .delivery-page .two-col-cards h2{font-size:40px !important}
  .delivery-page .two-col-cards h3{font-size:32px !important}
  .delivery-page .two-col-cards p{font-size:25px !important}

  .order-page .page-hero h1{font-size:52px !important}
  .order-page .page-hero p{font-size:25px !important}
  .order-page .order-form{padding:28px 18px !important}
  .order-page .order-form label,.order-page .order-form legend{font-size:26px !important}
  .order-page .order-form input,.order-page .order-form select,.order-page .order-form textarea{font-size:24px !important;min-height:82px !important}
  .order-page .order-form fieldset .radio{font-size:24px !important}
  .order-page .order-form .check{font-size:21px !important}
}

@media (max-width:980px){
  /* Paket görselleri veritabanındaki eski dosya yolundan etkilenmesin: mobilde onaylı kumaş görselleri sabit. */
  .home-page .single-pack .price-image,
  .product-page .single-pack .price-image{
    background:url("single-cloth-v22.webp") center center / cover no-repeat !important;
  }
  .home-page .bundle-pack .price-image,
  .product-page .bundle-pack .price-image{
    background:url("bundle-cloth-v22.webp") center center / cover no-repeat !important;
  }
  .home-page .single-pack .price-image img,
  .home-page .bundle-pack .price-image img,
  .product-page .single-pack .price-image img,
  .product-page .bundle-pack .price-image img{
    opacity:0 !important;
  }
}