@import url('./mobile-storefront.css?v=20261005-para');

@font-face {
    font-family: 'Barlow Condensed'; font-style: italic; font-weight: 700; font-display: swap;
    src: url('../fonts/barlow-condensed-bold-italic.ttf') format('truetype');
}

/* ============================================================
   GenePeak — paylaşılan site başlığı v3 (tek masthead: marka satırı + kategori satırı)
   Storefront ve /hesap/ aynı dosyayı kullanır. Same-origin, inline stil yok.

   Tasarım jetonları
   - mürekkep  #0d1c32 (başlık) · #21304a (bağlantı) · #66718a (ikincil)
   - kobalt    #0047ab (vurgu) · #0a57c9 (odak/aktif çizgi)  — seçici kullanılır
   - yüzey     #ffffff · #f4f5f6 (arama) · #f4f5f7 (mega raf)
   - çizgi     #e7ebf2 (yumuşak) · #edf0f5 (satır ayracı)
   - kabuk     max 1440px içerik, 20/32px yan boşluk
   ============================================================ */

:root {
    --gp-header-h: 106px;      /* JS ölçer; burada yalnızca güvenli varsayılan */
    --gph-shell: 1440px;
    --gph-pad: 20px;
}
@media (min-width: 1024px) { :root { --gph-pad: 32px; } }

.gph, .gph *, .gph *::before, .gph *::after { box-sizing: border-box; }
.gph [hidden] { display: none !important; }
/* Shared header renders identically on pages with and without Tailwind's reset. */
.gph button, .gph input { margin: 0; letter-spacing: inherit; }
.gph button { -webkit-appearance: none; appearance: none; }
.gph svg, .gph img { display: block; vertical-align: middle; }
.gph__mobilesearch, .gph__mobilesearch * { box-sizing: border-box; }

.gph {
    position: sticky; top: 0; z-index: 60; width: 100%; max-height: 100dvh;
    background: #fff; border-bottom: 1px solid #e7ebf2;
    font-family: 'Inter', system-ui, sans-serif; line-height: 1.5;
}
/* Tek hizalama sözleşmesi: üst satır, kategori satırı ve mega panel aynı
   içerik kutusunu paylaşır. */
.gph__wrap { width: 100%; max-width: var(--gph-shell); margin-inline: auto; padding-inline: var(--gph-pad); }

/* ---------- üst satır: marka / arama / aksiyonlar ---------- */
.gph__top { display: flex; align-items: center; gap: 16px; height: 56px; }
/* Equal outer columns keep the brand at the exact center of the masthead. */
@media (min-width: 1024px) {
    .gph__top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        height: 64px; gap: 32px;
    }
    .gph__top .gph__search { grid-column: 1; grid-row: 1; width: 100%; max-width: 440px; margin: 0; }
    .gph__top .gph__logo { grid-column: 2; grid-row: 1; justify-self: center; }
    .gph__top .gph__actions { grid-column: 3; grid-row: 1; justify-self: end; margin: 0; }
}

.gph__logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.gph__logo img { display: block; width: 158px; max-width: 100%; height: auto; }
/* Transparent padding puts the supplied PNG's visible center 18px to the left. */
.gph__logo img { transform: translateX(1.97%); }
@media (min-width: 1024px) { .gph__logo img { width: 168px; } }

/* ---------- arama: tek bütünleşik yüzey ---------- */
.gph__search { position: relative; flex: 1 1 auto; min-width: 0; display: none; }
@media (min-width: 1024px) { .gph__search { display: block; max-width: 600px; margin-inline: auto; } }

.gph-search__form {
    display: flex; align-items: center; height: 40px;
    padding: 0 4px 0 16px; border: 0; border-radius: 6px; background: #f4f5f6;
    transition: background-color .16s ease, box-shadow .16s ease;
}
.gph-search__form:focus-within { background: #fff; box-shadow: inset 0 0 0 1px #0a57c9; }
.gph-search__input {
    flex: 1 1 auto; align-self: stretch; min-width: 0; padding: 0; border: 0; background: transparent;
    font: 500 14.5px/1 'Inter', sans-serif; color: #0d1c32; outline: none;
}
.gph-search__input::placeholder { color: #5b6579; opacity: 1; }
.gph-search__input::-webkit-search-cancel-button,
.gph-search__input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

/* Temizle: yalnızca yazı varken görünen sessiz bir düğme. */
.gph-search__clear {
    display: none; flex: 0 0 auto; align-items: center; justify-content: center;
    width: 30px; height: 30px; padding: 0; border: 0; border-radius: 5px;
    background: transparent; color: #8a93a6; cursor: pointer;
}
.gph-search__form[data-filled="1"] .gph-search__clear { display: inline-flex; }
.gph-search__clear:hover { color: #0d1c32; }
.gph-search__submit {
    flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; padding: 0; border: 0; border-radius: 5px;
    background: transparent; color: #46536b; cursor: pointer;
    transition: color .16s ease, background-color .16s ease;
}
.gph-search__submit:hover { color: #0047ab; background: rgba(10, 87, 201, .08); }

/* sonuç listesi */
.gph-results {
    position: absolute; z-index: 70; top: calc(100% + 8px); left: 0; right: 0;
    max-height: 380px; overflow-y: auto; padding: 6px;
    background: #fff; border: 1px solid #e7ebf2; border-radius: 10px;
    box-shadow: 0 18px 44px rgba(10, 26, 60, .16);
}
.gph-results[hidden] { display: none; }
.gph-result { display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 10px 12px; border-radius: 6px; color: #0d1c32; text-decoration: none; }
.gph-result:hover, .gph-result:focus-visible, .gph-result[data-active="1"] { background: #f4f6fb; outline: none; }
.gph-result__name { font: 600 13.5px/1.3 'Inter', sans-serif; }
.gph-result__tag { flex: 0 0 auto; font: 700 10px/1 'Inter', sans-serif; letter-spacing: .1em;
    text-transform: uppercase; color: #4d5a72; }
.gph-results__empty { padding: 14px 12px; font: 500 13px/1.5 'Inter', sans-serif; color: #66718a; }

/* ---------- aksiyonlar: kutusuz ikon + etiket ---------- */
.gph__actions { display: flex; align-items: center; gap: 2px; margin-left: auto; flex: 0 0 auto; }
.gph-action {
    position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    height: 44px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent;
    color: #0d1c32; text-decoration: none; cursor: pointer;
    font: 600 13px/1 'Inter', sans-serif; letter-spacing: .01em;
    transition: color .16s ease;
}
.gph-action:hover, .gph-action:focus-visible { color: #0047ab; }
.gph-action svg { flex: 0 0 auto; }
.gph-action__text { display: none; }
@media (min-width: 1024px) { .gph-action__text { display: inline; } }
/* Mobil: görünmez ama 44px dokunma hedefi. */
@media (max-width: 1023px) { .gph-action { width: 44px; height: 44px; padding: 0; } }
@media (max-width: 1023px) {
    .gph__top { display: grid; grid-template-columns: 90px minmax(0, 1fr) 90px; gap: 6px; height: 64px; padding-inline: 16px; }
    .gph__top > .gph-action--menu { grid-column: 1; }
    .gph__logo { grid-column: 2; justify-self: center; min-width: 0; max-width: 100%; }
    .gph__actions { grid-column: 3; margin-left: 0; justify-self: end; }
}
@media (min-width: 1024px) { .gph-action--menu { display: none; } }
.gph-action--icon { width: 44px; padding: 0; }

.gph-badge[data-cart-count="0"], .gph-badge:not([data-cart-count]) { display: none; }
/* Mobil: düğmede yalnızca ikon var; adet ikonun sağ üst köşesine oturur. */
#cart-count.gph-badge, .gph-badge {
    position: absolute; top: 4px; right: 2px; min-width: 17px; height: 17px; padding: 0 5px;
    border-radius: 999px; background: #0047ab; color: #fff;
    font: 700 10px/17px 'Inter', sans-serif; text-align: center;
}
/* Masaüstünde "Sepet" etiketi görünür: adet etiketin üstüne binmez (eskiden
   "Sepet"in t'sini örtüyordu), etiketin ardından akışta gelir — ikon · Sepet · 2.
   Düğme yüksekliği (44px) değişmez; 10+ adet de hapın içinde kalır.
   Hesap sayfasının ilk başlığındaki (.gpa-action) rozet de bu kuralı alır. */
@media (min-width: 1024px) {
    #cart-count.gph-badge, .gph-badge { position: static; flex: 0 0 auto; margin-left: -2px; }
}

/* ---------- kategori satırı ---------- */
.gph__nav { display: none; border-top: 1px solid #edf0f5; }
@media (min-width: 1024px) { .gph__nav { display: block; } }
.gph__navrow { display: flex; align-items: stretch; justify-content: center; gap: 0; height: 44px; }
.gph-cat {
    position: relative; display: inline-flex; align-items: center; gap: 4px; padding: 0 10px;
    border: 0; background: transparent; cursor: pointer; color: #0d1c32; text-decoration: none;
    font: 500 13.5px/1 'Inter', sans-serif; letter-spacing: 0; text-transform: none;
    transition: color .16s ease;
}
/* İnce kobalt aktiflik çizgisi (yalnızca etiket genişliğinde). */
.gph-cat::after {
    content: ''; position: absolute; left: 10px; right: 10px; bottom: 0; height: 2px;
    background: #0047ab; opacity: 0; transition: opacity .16s ease; pointer-events: none;
}
/* Açılır panelli kategori (.gph-cat--menu): ad bir bağlantı (kategori sayfası),
   yanındaki ok paneli açıp kapatan ayrı bir düğme. Öğe eski tek <button> ile
   aynı kutuyu, dolguyu, boşluğu ve çizgiyi taşır; o düğme `.gph button`
   kuralıyla harf aralığını devralıyordu, öğe de devralır. Bağlantının ve
   okun tıklama alanı öğenin dolgusuna uzanır (ölü bölge yok). */
.gph-cat[data-menu] { letter-spacing: inherit; }
.gph-cat__link, .gph-cat__toggle {
    position: relative; display: inline-flex; align-items: center; align-self: stretch;
    color: inherit; text-decoration: none;
}
.gph-cat__toggle { padding: 0; border: 0; background: transparent; font: inherit; cursor: pointer; }
.gph-cat__link::before, .gph-cat__toggle::before { content: ''; position: absolute; top: 0; bottom: 0; }
.gph-cat__link::before { left: -10px; right: -2px; }
.gph-cat__toggle::before { left: -2px; right: -10px; }
.gph-cat:hover, .gph-cat:focus-visible,
.gph-cat__link:focus-visible, .gph-cat__toggle:focus-visible { color: #0047ab; }
.gph-cat[data-open] { color: #0047ab; }
.gph-cat[data-open]::after { opacity: 1; }
.gph-cat__chev { width: 12px; height: 12px; opacity: .55; transition: transform .18s ease, opacity .16s ease; }
.gph-cat:hover .gph-cat__chev, .gph-cat[data-open] .gph-cat__chev { opacity: 1; }
.gph-cat[data-open] .gph-cat__chev { transform: rotate(180deg); }
.gph-cat--launch, .gph-cat--packages {
    gap: 5px; background: transparent;
}
.gph-cat--launch { color: #c4341a; margin-right: 2px; }
.gph-cat--launch:hover, .gph-cat--launch:focus-visible { color: #c4341a; }
.gph-cat--packages { color: #0047ab; margin-right: 4px; }
.gph-cat--launch .gph-cat__label, .gph-cat--packages .gph-cat__label {
    font: italic 700 22px/1 'Barlow Condensed', 'Inter', sans-serif;
    letter-spacing: .15px; text-transform: uppercase;
}
.gph-cat__note {
    padding: 5px 4px; border-radius: 4px;
    color: #fff; font: 700 10px/1.1 'Inter', sans-serif; letter-spacing: 0;
}
.gph-cat--launch .gph-cat__note { background: #c4341a; }
.gph-cat--packages .gph-cat__note { background: #0047ab; }
/* Bulunulan kategori sayfası. */
.gph-cat[data-current] { color: #0047ab; }
.gph-cat[data-current]::after { opacity: 1; }
/* Kategori sayısı sahibinin menüsüne bağlıdır: satır dar ekranda sıkışır,
   yine de sığmazsa (çok uzun bir menü) yatay kaydırılır — asla taşmaz. */
.gph__navrow { justify-content: safe center; overflow-x: auto; scrollbar-width: none; }
.gph__navrow::-webkit-scrollbar { display: none; }
.gph-cat { flex: 0 0 auto; white-space: nowrap; }
@media (min-width: 1024px) and (max-width: 1399px) {
    .gph-cat { padding: 0 7px; font-size: 13px; letter-spacing: 0; gap: 4px; }
    .gph-cat::after { left: 7px; right: 7px; }
    .gph-cat__link::before { left: -7px; right: -2px; }
    .gph-cat__toggle::before { left: -2px; right: -7px; }
    .gph-cat--launch, .gph-cat--packages {
        flex-direction: column; justify-content: center; gap: 2px; padding-inline: 4px;
    }
    .gph-cat--launch .gph-cat__label, .gph-cat--packages .gph-cat__label { font-size: 20px; }
    .gph-cat__note { padding: 3px 4px; font-size: 9px; }
    .gph-cat--packages { margin-right: 4px; }
}

@media (min-width: 1024px) and (max-width: 1099px) {
    .gph-cat { padding-inline: 5px; }
    .gph-cat--launch, .gph-cat--packages { padding-inline: 2px; }
    .gph-cat::after { left: 5px; right: 5px; }
    .gph-cat__link::before { left: -5px; }
    .gph-cat__toggle::before { right: -5px; }
}

/* ---------- kategoriye hizalanan panel ---------- */
.gph__megas { position: relative; height: 0; }
@media (max-width: 1023px) { .gph__megas { display: none; } }

.gph-mega {
    position: absolute; top: 10px; left: var(--gph-menu-left, var(--gph-pad)); right: auto; z-index: 65;
    /* İçeriğe göre genişler; üst sınır başlığın içerik kutusudur. */
    width: fit-content; min-width: 720px; max-width: calc(100% - 2 * var(--gph-pad));
    background: #fff; border: 1px solid #e7ebf2; border-radius: 10px; overflow: hidden;
    box-shadow: 0 18px 44px rgba(10, 26, 60, .14);
}
.gph-mega[hidden] { display: none; }
.gph-mega[data-groups="2"] { width: min(1020px, calc(100% - 2 * var(--gph-pad))); }
.gph-mega[data-groups="3"] { width: min(1200px, calc(100% - 2 * var(--gph-pad))); }
.gph-mega[data-groups="4"] { width: calc(100% - 2 * var(--gph-pad)); }
/* Tek ürünlü Kreatin kartı da kendi kategorisine hizalanır. */
.gph-mega[data-menu="cat-kreatin"] {
    width: min(800px, calc(100% - 64px));
}
.gph-mega[data-menu="cat-kreatin"] .gph-mega__inner { grid-template-columns: 1fr 1fr; }
/* Izgara kabuğu doldurur: iç öğede ikinci bir max-width/margin:auto YOK. */
.gph-mega__inner {
    display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 0;
    max-height: min(560px, var(--gph-panel-max, 72vh)); overflow-y: auto;
}
@media (min-width: 1280px) { .gph-mega__inner { grid-template-columns: 320px minmax(0, 1fr); } }

.gph-mega__featured { background: #efeff1; padding: 28px 24px; min-width: 0; }
.gph-mega__eyebrow { margin: 0 0 20px; font: 800 18px/1.25 'Inter', sans-serif;
    letter-spacing: -.025em; text-transform: uppercase; color: #0d1c32; }
.gph-feat { display: grid; gap: 2px; margin-left: -10px; }
.gph-feat__item { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; align-items: center;
    padding: 10px; border-radius: 8px; color: #0d1c32; text-decoration: none;
    transition: background-color .16s ease; }
.gph-feat__item:hover, .gph-feat__item:focus-visible { background: rgba(255, 255, 255, .72); }
/* Ürün görselleri rafa karışır: beyaz karo/çerçeve yok. */
.gph-feat__thumb { width: 84px; height: 96px; display: grid; place-items: center;
    background: transparent; border: 0; }
.gph-feat__thumb img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.gph-feat__name { font: 700 14px/1.35 'Inter', sans-serif; letter-spacing: -.005em; color: #0d1c32; }
.gph-feat__meta { display: block; margin-top: 3px; font: 500 12.5px/1.35 'Inter', sans-serif; color: #66718a; }
.gph-feat__empty { margin: 0 10px; font: 500 13px/1.6 'Inter', sans-serif; color: #66718a; }

.gph-mega__body { padding: 26px 30px 28px; min-width: 0; }
.gph-mega__heading { margin: 0 0 24px; font: 800 21px/1.2 'Inter', sans-serif;
    letter-spacing: -.025em; text-transform: uppercase; color: #0d1c32; }
/* Sütun sayısı menüden gelir (data-cols): tek gruplu Kreatin paneli, üç
   gruplu panelin genişliğini miras almaz. */
.gph-mega__cols { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 26px 24px; align-content: start; min-width: 0; }
.gph-mega__cols[data-cols="1"] { grid-template-columns: minmax(200px, 320px); }
.gph-mega__cols[data-cols="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gph-mega__cols[data-cols="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gph-mega__cols[data-cols="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (min-width: 1024px) and (max-width: 1279px) {
    /* Çok sütunlu menü dar masaüstünde yatay kaydırma gerektirmesin. */
    .gph-mega__cols[data-cols="3"], .gph-mega__cols[data-cols="4"] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}
.gph-col__title { margin: 0 0 10px; font: 800 14px/1.3 'Inter', sans-serif;
    letter-spacing: .035em; text-transform: uppercase; color: #0d1c32; }
.gph-col__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 1px; }
.gph-col__list a { display: block; padding: 6px 8px; margin-left: -8px; border-radius: 6px;
    font: 500 14px/1.45 'Inter', sans-serif; color: #21304a; text-decoration: none;
    transition: color .16s ease, background-color .16s ease; }
.gph-col__list a:hover, .gph-col__list a:focus-visible { color: #0047ab; background: #f4f6fb; }
.gph-mega__allrow { grid-column: 1 / -1; }
.gph-mega__all { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px;
    font: 600 13.5px/1 'Inter', sans-serif; color: #0047ab; text-decoration: none; }
.gph-mega__all:hover { text-decoration: underline; text-underline-offset: 3px; }

/* sayfa karartma */
.gph-scrim { position: fixed; inset: 0; z-index: 55; background: rgba(16, 24, 40, .34);
    opacity: 0; transition: opacity .18s ease; }
.gph-scrim[hidden] { display: none; }
.gph-scrim[data-on="1"] { opacity: 1; }

/* Duyuru kategorilerin altında: beyaz zemin bütün satırı kaplar, ortadaki
   .wrap ve slayt metni kendi genişliklerini korur. Sayfa zemini kenarlarda
   mavi şerit olarak görünmez. */
body [data-gp-announcement] {
    position: relative; z-index: 1; width: 100%; max-width: none;
    margin-inline: 0; border-radius: 0; overflow: hidden; background: #fff;
}
/* Dar ekranda diğer sayfaların bandı da ana sayfadaki gibidir (home-mobile.css):
   11px yazı, sıkı boşluk — hediye kampanyasının kısa cümlesi 360px telefonda
   tek satıra sığar. Ana sayfanın kendi kuralları geçerli kalır. */
@media (max-width: 1023px) {
    body [data-gp-announcement]:not([data-home-announcement]) .wrap { gap: 8px; padding: 9px 20px; }
    body [data-gp-announcement]:not([data-home-announcement]) .wrap > span:not(.material-symbols-outlined) { font-size: 11px; line-height: 1.5; }
}
@media (max-width: 359px) {
    body [data-gp-announcement]:not([data-home-announcement]) .wrap { padding-inline: 12px; }
}

/* ---------- mobil ---------- */
/* Arama satırı menüden bağımsızdır: menü kapalıyken de görünür. */
.gph__mobilesearch { border-top: 1px solid #edf0f5; background: #fff; padding: 8px 0 12px; }
@media (min-width: 1024px) { .gph__mobilesearch { display: none !important; } }
.gph__mobilesearch .gph__search { display: block; max-width: none; }
.gph__mobilesearch .gph-search__form { height: 44px; }
#home-mobile-search:empty { display: none; }
@media (min-width: 1024px) { #home-mobile-search { display: none; } }
@media (max-width: 1023px) {
    #home-mobile-search { position: relative; z-index: 40; background: #fff; }
    #home-mobile-search .gph__mobilesearch { border-top: 0; padding: 16px 0; }
    #home-mobile-search .gph-search__form { height: 48px; border-radius: 8px; }
    #home-mobile-search .gph-search__input { font-size: 16px; }
    #home-mobile-search .gph__wrap { padding-inline: 20px; }
    [data-home-page] [data-home-announcement] { position: relative; z-index: 1; }
    .gph ~ .gpa-announcement .gpa-announcement__row { min-height: 36px; gap: 8px; padding: 9px 20px; }
    .gph ~ .gpa-announcement .gpa-announcement__text { font-size: 11px; line-height: 1.5; }
    .gph ~ .gpa-announcement .gpa-announcement__cta { display: none; }
}
@media (max-width: 1023px) {
    .gph-search__clear, .gph-search__submit { width: 44px; height: 44px; }
}

/* Mobil kategori çekmecesi ekranın solundan açılır ve kendi içinde kayar. */
html.gph-menu-open, html.gph-menu-open body { overflow: hidden; overscroll-behavior: none; }
.gph__mobile {
    position: fixed; inset: 0 auto 0 0; z-index: 80; width: min(88vw, 360px); height: 100vh; height: 100dvh;
    display: flex; flex-direction: column; background: #fff; box-shadow: 12px 0 42px rgba(13, 28, 50, .14);
    transform: translateX(-105%); visibility: hidden;
    transition: transform .28s cubic-bezier(.22, .8, .25, 1), visibility .28s;
    overscroll-behavior: contain; padding-bottom: env(safe-area-inset-bottom, 0px);
}
.gph[data-mobile-open="1"] .gph__mobile { transform: translateX(0); visibility: visible; }
.gph-mobile-backdrop {
    position: fixed; inset: 0; z-index: 75; width: 100%; height: 100vh; height: 100dvh;
    padding: 0; border: 0; border-radius: 0; background: rgba(13, 28, 50, .42);
    opacity: 0; visibility: hidden; cursor: pointer;
    transition: opacity .28s ease, visibility .28s;
}
.gph[data-mobile-open="1"] .gph-mobile-backdrop { opacity: 1; visibility: visible; }
.gph-mobile-heading { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between;
    min-height: 76px; padding: 16px 16px 12px 24px; border-bottom: 1px solid #edf0f5; }
.gph-mobile-heading__title { margin: 0; font: 700 22px/1.2 'Space Grotesk', 'Inter', sans-serif; color: #0d1c32; }
/* Menü araması kendi sonucunu çekmecenin içinde gösterir; mağaza bağlantıları
   altta kaymaya devam eder, arama ve kapat düğmesi görünür kalır. */
.gph .gph__mobile .gph-mobile-search {
    display: block; flex: 0 0 auto; width: auto; max-width: none; margin: 12px 20px 16px;
}
.gph .gph-mobile-search .gph-search__form {
    height: 44px; padding-left: 12px; border-radius: 3px; background: #f2f2f2;
}
.gph .gph-mobile-search .gph-search__input { font-size: 16px; font-weight: 500; }
.gph .gph-mobile-search .gph-search__input::placeholder { font-size: 12px; color: #555; }
.gph .gph-mobile-search .gph-results {
    top: calc(100% + 6px); max-height: min(420px, calc(100dvh - 160px)); border-radius: 3px;
}
.gph .gph-mobile-search .gph-result { min-height: 48px; padding: 12px 10px; }
.gph__mobile .gph-acc { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain; padding: 4px 24px 28px; border-top: 0; }
@media (min-width: 1024px) { .gph__mobile, .gph-mobile-backdrop { display: none !important; } }
@media (max-width: 1023px) {
    .gph-mega, .gph-scrim { display: none !important; }
    .gph-acc__panel .gph-col__list a, .gph-acc__panel .gph-mega__all { min-height: 44px; display: flex; align-items: center; }
}
.gph-acc { border-top: 1px solid #edf0f5; }
.gph-acc__item { border-bottom: 1px solid #edf0f5; }
.gph-acc__btn { display: flex; align-items: center; justify-content: space-between; gap: 12px;
    width: 100%; min-height: 52px; padding: 0 2px; border: 0; background: transparent; cursor: pointer;
    color: #0d1c32; text-decoration: none; text-align: left;
    font: 600 14.5px/1.3 'Inter', sans-serif; letter-spacing: .025em; text-transform: uppercase; }
.gph-acc__btn[aria-expanded="true"] { color: #0047ab; }
.gph-acc__btn[aria-expanded="true"] .gph-cat__chev { transform: rotate(180deg); }
.gph-acc__btn--launch { color: #c4341a; }
.gph-acc__item--formula { margin-top: 20px; border-top: 1px solid #edf0f5; }
.gph-acc__btn--formula { min-height: 60px; color: #0047ab; text-transform: none; letter-spacing: 0; }
/* Mobil menü listesi — uygulamanın kenar menüsüyle aynı düzen:
   bölüm başlığı (LANSMAN vurgu renginde), altında başlık + ok satırları. */
.gph-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.gph-mobile-heading__logo { display: block; width: auto; height: 44px; margin-left: -6px; }
.gph__mobile .gpm { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain; padding: 4px 0 32px; }
.gpm__section { padding-top: 24px; }
.gpm__kicker { margin: 0; padding: 0 24px 6px; font: 700 11px/1.3 'Inter', sans-serif;
    letter-spacing: .2em; color: #0047ab; }
.gpm__kicker--accent { color: #c4341a; }
.gpm__row { display: flex; align-items: center; justify-content: space-between; gap: 16px;
    width: 100%; min-height: 56px; padding: 10px 24px; border: 0; border-bottom: 1px solid rgba(0, 18, 37, .1);
    background: transparent; color: #001225; text-decoration: none; text-align: left; cursor: pointer;
    font: 700 19px/1.2 'Space Grotesk', 'Inter', sans-serif; letter-spacing: .005em;
    transition: background-color .15s ease, opacity .15s ease; }
.gpm__row:hover { background: #f5f8ff; }
.gpm__row:active { opacity: .72; }
.gpm__row--accent { color: #c4341a; font-weight: 800; }
.gpm__row--packages { color: #0047ab; font-weight: 800; }
.gpm__label { flex: 1 1 auto; min-width: 0; }
.gpm__arrow { flex: 0 0 auto; font: 400 22px/1 'Inter', sans-serif; color: #0047ab; }
.gpm__row--accent .gpm__arrow { color: #c4341a; }
/* Kampanya adı ve notu birlikte sarılır; sağdaki ok kendi yerini korur. */
.gpm__copy {
    flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap;
    align-items: center; gap: 6px 10px;
}
.gpm__row--promo .gpm__label {
    flex: 0 1 auto; max-width: 100%;
    font: italic 700 24px/1 'Barlow Condensed', 'Inter', sans-serif;
    letter-spacing: .15px; text-transform: uppercase;
}
.gpm__note {
    flex: 0 1 auto; max-width: 100%; padding: 5px 7px; border-radius: 4px;
    color: #fff; background: #0047ab; font: 700 10px/1.25 'Inter', sans-serif;
    letter-spacing: 0; white-space: normal; overflow-wrap: anywhere;
}
.gpm__row--accent .gpm__note { background: #c4341a; }


.gph-acc__panel { padding: 2px 0 14px; }
.gph-acc__panel[hidden] { display: none; }
.gph-acc__group { margin-bottom: 12px; }
.gph-acc__group:last-child { margin-bottom: 0; }

/* Menüden açılan araç mobilde de kullanılabilir; normal ana sayfada gizlidir. */
@media (max-width: 1023px) {
    [data-home-page] #rutin:target { display: block; padding-block: 36px 44px; }
}

/* dar telefonlar (320–380px) */
@media (max-width: 380px) {
    .gph__top { gap: 4px; }
    .gph__logo img { width: 138px; }
    .gph__actions { gap: 0; }
    .gph__actions .gph-action { width: 44px; padding: 0; }
}

/* Odak halkası yalnızca klavye ile görünür. */
.gph :focus-visible { outline: 2px solid #0a57c9; outline-offset: 2px; border-radius: 4px; }
.gph-scrim:focus-visible { outline: none; }
#home-mobile-search :focus-visible { outline: 2px solid #0a57c9; outline-offset: 2px; }
/* Metin girdisi fare tıklamasında da :focus-visible eşleşebilir; halka çift
   görünmesin diye girdi kendi hâlkasını taşımaz — odak formda gösterilir.
   Diğer düğme/bağlantı odak halkaları olduğu gibi kalır. */
.gph .gph-search__input:focus,
.gph .gph-search__input:focus-visible { outline: none; box-shadow: none; }
#home-mobile-search .gph-search__input:focus { outline: none; box-shadow: none; }

@media (prefers-reduced-motion: reduce) {
    .gph *, .gph-mega, .gph-scrim { transition: none !important; }
}

/* ---------- başlık uyumluluğu: çapa kaydırma payı ----------
   Başlık iki satırlıdır; sayfa içi çapalar sabit 88/96px yerine ölçülen
   başlık yüksekliğini kullanır. Sayfa gövdeleri değiştirilmez. */
#lansman, #paketler-rafi, #rutin, #standart, #urun-evreni, #tum-urunler, #waitlist, #urun-dosyasi {
    scroll-margin-top: calc(var(--gp-header-h, 106px) + 16px);
}