/* GENS PHARMA MOBILE V28 — sadece onaylanan üst bantlar + İçerikler bölümü */
@media (max-width:980px){
  :root{
    --v26-topbar-h:clamp(100px,25.5vw,132px) !important;
    --v26-header-h:clamp(76px,18.8vw,104px) !important;
  }

  /* Mavi bilgi bandı: referanstaki dolgun oran */
  .topbar{
    height:var(--v26-topbar-h) !important;
    min-height:var(--v26-topbar-h) !important;
  }
  .topbar-inner{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    padding:8px 10px !important;
    display:grid !important;
    grid-template-columns:1fr 1.18fr 1fr !important;
    align-items:stretch !important;
    gap:0 !important;
  }
  .topbar-left{display:contents !important}
  .topbar-phone-group,
  .topbar-shipping,
  .topbar-bank{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-align:center !important;
    color:#fff !important;
    padding:4px 8px !important;
  }
  .topbar-phone-group{grid-column:1 !important}
  .topbar-shipping{grid-column:2 !important;border-left:1px solid rgba(255,255,255,.18) !important;border-right:1px solid rgba(255,255,255,.18) !important}
  .topbar-bank{grid-column:3 !important}
  .topbar-phone-link{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    color:#fff !important;
  }
  .topbar-phone-link i,
  .topbar-shipping::before,
  .topbar-bank::before{
    font-size:30px !important;
    line-height:1 !important;
    margin:0 !important;
  }
  .topbar-phone-link span,
  .topbar-shipping,
  .topbar-bank{
    font-size:18px !important;
    line-height:1.12 !important;
    font-weight:900 !important;
    letter-spacing:-.25px !important;
  }
  .topbar-phone-link span{white-space:nowrap !important}
  .topbar-shipping,.topbar-bank{white-space:normal !important}

  /* Beyaz marka bandı: referanstaki yükseklik ve büyük logo */
  .site-header{
    height:var(--v26-header-h) !important;
    min-height:var(--v26-header-h) !important;
  }
  .site-header .header-inner{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:100% !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }
  .site-header .brand{
    position:static !important;
    width:150px !important;
    flex:0 0 150px !important;
    margin:0 !important;
  }
  .site-header .brand picture,
  .site-header .brand img{
    width:100% !important;
    height:68px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
  .site-header .order-link{
    position:static !important;
    transform:none !important;
    margin:0 0 0 auto !important;
    min-width:108px !important;
    min-height:58px !important;
    padding:0 14px !important;
    border-radius:16px !important;
    font-size:18px !important;
    font-weight:900 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }
  .site-header .menu-toggle{
    position:static !important;
    transform:none !important;
    right:auto !important;
    top:auto !important;
    width:56px !important;
    height:56px !important;
    flex:0 0 56px !important;
    margin:0 !important;
    border-radius:15px !important;
  }
  .site-header .menu-toggle span{
    width:31px !important;
    height:4px !important;
    margin:3px 0 !important;
  }

  /* Onaylanan İçerikler tasarımı */
  .home-page .mobile-v23-ingredients{
    display:block !important;
    position:relative !important;
    min-height:430px !important;
    padding:28px 18px 26px !important;
    overflow:hidden !important;
    background:linear-gradient(110deg,#062b58 0%,#073766 62%,#0b4775 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:60% !important;
    max-width:60% !important;
  }
  .home-page .mobile-v23-ingredients h2{
    margin:0 0 20px !important;
    color:#fff !important;
    font-size:42px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-.8px !important;
  }
  .home-page .mobile-v23-ingredients h2::after{
    content:"" !important;
    display:block !important;
    width:42px !important;
    height:3px !important;
    margin-top:12px !important;
    border-radius:999px !important;
    background:#42c9e7 !important;
  }
  .home-page .mobile-v25-ingredient-columns{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:0 20px !important;
    width:100% !important;
  }
  .home-page .mobile-v25-ingredient-column{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:none !important;
    border-radius:0 !important;
    backdrop-filter:none !important;
  }
  .home-page .mobile-v25-ingredient-column p{
    position:relative !important;
    margin:0 !important;
    padding:0 0 0 15px !important;
    border:0 !important;
    color:#fff !important;
    font-size:17px !important;
    line-height:1.26 !important;
    font-weight:800 !important;
  }
  .home-page .mobile-v25-ingredient-column p::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:.52em !important;
    width:6px !important;
    height:6px !important;
    margin:0 !important;
    border-radius:50% !important;
    background:#55d8f4 !important;
  }
  .home-page .mobile-v25-ingredient-column p::after{display:none !important;content:none !important}
  .home-page .mobile-v26-woman{
    display:block !important;
    position:absolute !important;
    z-index:2 !important;
    right:0 !important;
    top:0 !important;
    bottom:auto !important;
    width:43% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center top !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 14%,#000 30%,#000 100%) !important;
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 14%,#000 30%,#000 100%) !important;
  }
}

@media (max-width:430px){
  :root{
    --v26-topbar-h:100px !important;
    --v26-header-h:78px !important;
  }
  .topbar-inner{padding:7px 5px !important}
  .topbar-phone-group,.topbar-shipping,.topbar-bank{padding:3px 5px !important;gap:6px !important}
  .topbar-phone-link i,.topbar-shipping::before,.topbar-bank::before{font-size:27px !important}
  .topbar-phone-link span,.topbar-shipping,.topbar-bank{font-size:15.5px !important;line-height:1.08 !important}

  .site-header .header-inner{padding:0 10px !important;gap:7px !important}
  .site-header .brand{width:142px !important;flex-basis:142px !important}
  .site-header .brand picture,.site-header .brand img{height:64px !important}
  .site-header .order-link{min-width:104px !important;min-height:55px !important;font-size:17px !important;padding:0 11px !important}
  .site-header .menu-toggle{width:52px !important;height:52px !important;flex-basis:52px !important}
  .site-header .menu-toggle span{width:29px !important;height:4px !important}

  .home-page .mobile-v23-ingredients{min-height:420px !important;padding:26px 13px 22px !important}
  .home-page .mobile-v23-ingredients-inner{width:61% !important;max-width:61% !important}
  .home-page .mobile-v23-ingredients h2{font-size:38px !important;margin-bottom:18px !important}
  .home-page .mobile-v25-ingredient-columns{gap:0 11px !important}
  .home-page .mobile-v25-ingredient-column{gap:8px !important}
  .home-page .mobile-v25-ingredient-column p{font-size:14px !important;line-height:1.22 !important;padding-left:12px !important}
  .home-page .mobile-v25-ingredient-column p::before{width:5px !important;height:5px !important}
  .home-page .mobile-v26-woman{width:42% !important}
}