@font-face { font-family: "Albert Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/albert-sans-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Albert Sans"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/albert-sans-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
    --ana: #214332;
    --zemin: #f5f5ec;
    --bolum: #e7ecd2;
    --yazi: #172e22;
    --vurgu: #ca2703;
    --beyaz: #ffffff;
    --yazi-2: #5c6b62;
    --kenar: rgba(23, 46, 34, .12);
    --radius: 10px;
    --kap: 1440px;
    --golge: 0 4px 24px rgba(0, 0, 0, .08);
    --hata: #9a3412;
    --hata-zemin: #fff4ec;
    --gecis-hizli: .15s;
    --gecis: .2s;
    --gecis-yavas: .3s;
    --yazi-tipi: "Albert Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--yazi-tipi); font-size: 14px; line-height: 22px; color: var(--yazi); background: var(--zemin); }
body.kilitli { overflow: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--gecis); }
h1, h2, h3 { font-family: var(--baslik-tipi, inherit); font-weight: var(--baslik-kalinlik, 400); line-height: 1.2; margin: 0 0 .5em; }
p { margin: 0 0 1em; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--ana); outline-offset: 2px; }

.simge { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.simge-dolu { fill: currentColor; stroke: none; }

.kap { width: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 16px; }
.kap-genis { width: 100%; padding: 0 16px; }
.kap-dar { max-width: 860px; }
@media (min-width: 1200px) { .kap { padding: 0 40px; } .kap-genis { padding: 0 40px; } }

.atla { position: absolute; left: -9999px; top: 0; background: var(--ana); color: var(--beyaz); padding: 8px 12px; z-index: 100; }
.atla:focus { left: 8px; top: 8px; }

.gorsel-gizli { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 26px; border-radius: var(--dugme-radius, 999px); border: 1px solid transparent;
    font-size: 14px; font-weight: 600; line-height: 1; transition: background var(--gecis-yavas), color var(--gecis-yavas), border-color var(--gecis-yavas); white-space: nowrap; }
.dugme .simge { width: 16px; height: 16px; transition: transform var(--gecis-yavas); }
.dugme:hover .simge { transform: translateX(3px); }
.dugme-dolu { background: var(--ana); color: var(--beyaz); }
.dugme-dolu:hover { background: var(--yazi); color: var(--beyaz); }
.dugme-beyaz { background: var(--beyaz); color: var(--yazi); }
.dugme-beyaz:hover { background: var(--ana); color: var(--beyaz); }
.dugme-cizgi { border-color: var(--yazi); color: var(--yazi); }
.dugme-cizgi:hover { background: var(--yazi); color: var(--beyaz); }
.simge-dugme { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: none; border: 0; padding: 0; position: relative; color: var(--yazi); }
.simge-dugme .simge { width: 22px; height: 22px; }
.simge-dugme:hover { color: var(--ana); }

/* ---------- Duyuru çubuğu ---------- */
.ozel-gun-modu { background: var(--bolum); color: var(--yazi); font-size: 13px; }
.ozel-gun-modu .kap { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 10px; padding-top: 8px; padding-bottom: 8px; }
.ozel-gun-modu .simge { width: 18px; height: 18px; color: var(--ana); flex-shrink: 0; }
.ozel-gun-modu a { color: var(--ana); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.duyuru { position: relative; background: var(--duyuru-zemin, var(--ana)); color: var(--duyuru-yazi, var(--beyaz)); overflow: hidden; font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; }
.duyuru a.duyuru-oge:hover { text-decoration: underline; }
.duyuru-serit { display: flex; width: max-content; animation: kayan 40s linear infinite; }
.duyuru-yavas .duyuru-serit { animation-duration: 70s; }
.duyuru-hizli .duyuru-serit { animation-duration: 22s; }
.duyuru:hover .duyuru-serit { animation-play-state: paused; }
.duyuru-kopya { display: flex; }
.duyuru-oge { display: flex; align-items: center; padding: 10px 0; white-space: nowrap; }
.duyuru-kayan .duyuru-oge::after { content: ""; width: 28px; height: 1px; background: currentColor; opacity: .6; margin: 0 22px; }
@keyframes kayan { to { transform: translateX(-50%); } }
.duyuru-ic { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 28px; min-height: 40px; padding-top: 0; padding-bottom: 0; text-align: center; }
.duyuru-ic .duyuru-oge { white-space: normal; padding: 10px 0; }
.duyuru-sabit .duyuru-oge + .duyuru-oge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .6; margin-right: 28px; flex-shrink: 0; }
.duyuru-donen .duyuru-oge:not(.aktif) { display: none; }
.duyuru-donen .duyuru-oge.aktif { animation: duyuru-gel .5s ease; }
@media (max-width: 767px) {
    .duyuru-sabit .duyuru-oge:not(.aktif) { display: none; }
    .duyuru-sabit .duyuru-oge.aktif { animation: duyuru-gel .5s ease; }
    .duyuru-sabit .duyuru-oge + .duyuru-oge::before { display: none; }
}
@keyframes duyuru-gel { from { opacity: 0; transform: translateY(6px); } }
.duyuru-kapatilir .duyuru-ic { padding-left: 44px; padding-right: 44px; }
.duyuru-kapat { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border: 0; padding: 0; background: var(--duyuru-zemin, var(--ana)); color: inherit;
    display: flex; align-items: center; justify-content: center; }
.duyuru-kapat .simge { width: 16px; height: 16px; }
@media (prefers-reduced-motion: reduce) { .duyuru-serit { animation: none; } .duyuru-kopya { display: none; } .duyuru-oge.aktif { animation: none !important; } }

/* ---------- Üst şerit ---------- */
.serit { background: var(--serit-zemin, var(--beyaz)); color: var(--serit-yazi, var(--yazi)); border-bottom: 1px solid var(--kenar); font-size: 13px; }
.serit-satir { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; overflow-x: auto; scrollbar-width: none; }
.serit-satir::-webkit-scrollbar { display: none; }
.serit-kutular { display: flex; align-items: center; gap: 8px; padding: 6px 0; flex-shrink: 0; }
.serit-kutu { display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0 12px; border: 1px solid var(--kenar); border-radius: var(--radius); background: var(--beyaz);
    color: var(--yazi); font-weight: 600; white-space: nowrap; transition: border-color var(--gecis), box-shadow var(--gecis); }
.serit-kutu img { height: 24px; width: auto; max-width: 110px; object-fit: contain; }
a.serit-kutu:hover, .serit-kutu.secili { border-color: var(--ana); box-shadow: inset 0 0 0 1px var(--ana); }
.serit-stil-sekme .serit-kutular { align-self: stretch; align-items: flex-end; padding: 6px 0 0; gap: 4px; }
.serit-stil-sekme .serit-kutu { height: 38px; border: 1px solid transparent; border-bottom: 0; border-radius: var(--radius) var(--radius) 0 0; background: transparent; color: inherit; box-shadow: none; opacity: .8; }
.serit-stil-sekme a.serit-kutu:hover { opacity: 1; box-shadow: none; }
.serit-stil-sekme .serit-kutu.secili { background: var(--ust-zemin, var(--zemin)); color: var(--yazi); border-color: var(--kenar); opacity: 1; box-shadow: none; }
.serit-stil-yazi .serit-kutu { height: auto; padding: 0; border: 0; background: none; color: inherit; box-shadow: none !important; }
.serit-stil-yazi .serit-kutular { gap: 20px; }
.serit-stil-yazi a.serit-kutu:hover, .serit-stil-yazi .serit-kutu.secili { text-decoration: underline; text-underline-offset: 4px; }
.serit-orta { flex: 1; margin: 0; text-align: center; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.serit-baglantilar { display: flex; align-items: center; gap: 18px; margin-left: auto; white-space: nowrap; }
.serit-baglantilar a, .serit-baglantilar span { display: inline-flex; align-items: center; gap: 6px; }
.serit-baglantilar a:hover { text-decoration: underline; text-underline-offset: 4px; }
.serit-baglantilar .simge { width: 16px; height: 16px; }
@media (max-width: 767px) {
    .serit-mobil-gizli { display: none; }
    .serit-orta { display: none; }
    .serit-kutu { height: 30px; padding: 0 10px; }
    .serit-kutu img { height: 20px; }
}

/* ---------- Üst bölüm ---------- */
.ust { background: var(--ust-zemin, var(--zemin)); position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--kenar); }
.ust-akan { position: relative; }
.ust-satir { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; grid-template-areas: "menu logo simgeler"; align-items: center; column-gap: 12px; min-height: 64px; }
.ust-bas { grid-area: menu; justify-self: start; display: flex; align-items: center; margin-left: -8px; }
.logo { grid-area: logo; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; letter-spacing: -.02em; color: var(--yazi); }
.logo img { max-height: 42px; width: auto; max-width: none; }
.logo-kucuk .logo img { max-height: 34px; } .logo-kucuk .logo { font-size: 20px; }
.logo-buyuk .logo img { max-height: 52px; } .logo-buyuk .logo { font-size: 28px; }
.ust-simgeler { grid-area: simgeler; display: flex; align-items: center; justify-content: flex-end; gap: 2px; margin-right: -8px; }
.masaustu { display: none !important; }
.simge-link { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 40px; height: 40px; padding: 0 6px; font-size: 13px; font-weight: 500; color: var(--yazi); }
.simge-link:hover { color: var(--ana); }
.simge-link .simge { width: 22px; height: 22px; }
.simge-link > span:last-child { display: none; }
.sepet-simge { position: relative; display: inline-flex; }
.sepet-sayi { position: absolute; top: -7px; right: -9px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--ana); color: var(--beyaz); font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; }
.ana-menu { display: none; }

.ust-orta .ust-satir, .ust-sol-arama .ust-satir, .ust-ortada-logo .ust-satir { grid-template-areas: "menu logo simgeler" "arama arama arama"; padding-bottom: 10px; }
.arama-kutu { display: flex; align-items: center; width: 100%; height: 44px; border: 1px solid var(--kenar); border-radius: var(--dugme-radius, 999px); background: var(--beyaz); overflow: hidden; transition: border-color var(--gecis); }
.arama-kutu:focus-within { border-color: var(--ana); }
.arama-kutu input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; padding: 0 18px; font-size: 14px; outline: none; }
.arama-kutu button { width: 44px; height: 36px; margin-right: 4px; border: 0; border-radius: var(--dugme-radius, 999px); background: var(--ana); color: var(--beyaz); display: inline-flex; align-items: center; justify-content: center; }
.arama-kutu button .simge { width: 18px; height: 18px; }

@media (min-width: 992px) {
    .ust-orta .ust-bas, .ust-sol-arama .ust-bas, .ust-ortada-logo .ust-bas { display: none; }
    .ust-orta .masaustu, .ust-sol-arama .masaustu, .ust-ortada-logo .masaustu { display: inline-flex !important; }
    .ust-orta .simge-link > span:last-child, .ust-sol-arama .simge-link > span:last-child, .ust-ortada-logo .simge-link > span:last-child { display: inline; }
    .ust-simgeler { gap: 10px; }
    .logo-kucuk .logo img { max-height: 44px; } .logo-orta .logo img { max-height: 64px; } .logo-buyuk .logo img { max-height: 90px; }
    .logo-orta .logo { font-size: 28px; } .logo-buyuk .logo { font-size: 34px; }

    .ust-orta .ust-satir { grid-template-columns: 1fr auto 1fr; grid-template-areas: "arama logo simgeler"; column-gap: 32px; min-height: 96px; padding-bottom: 0; }
    .ust-orta .arama-kutusu { max-width: 420px; width: 100%; justify-self: start; }
    .ust-sol-arama .ust-satir { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "logo arama simgeler"; column-gap: 40px; min-height: 88px; padding-bottom: 0; }
    .ust-sol-arama .logo { justify-content: flex-start; }
    .ust-sol-arama .arama-kutusu { max-width: 640px; width: 100%; justify-self: center; }
    .ust-sol-arama .arama-kutu { height: 48px; }
    .ust-ortada-logo .ust-satir { grid-template-columns: 1fr auto 1fr; grid-template-areas: "arama logo simgeler"; column-gap: 32px; min-height: 104px; padding-bottom: 0; }
    .ust-ortada-logo .arama-kutusu { max-width: 340px; width: 100%; justify-self: start; }
    .ust-ortada-logo .arama-sonuc { right: auto; width: min(460px, calc(100vw - 32px)); }

    .menu-alt { display: block; border-top: 1px solid var(--kenar); }
    .menu-alt > ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 28px; list-style: none; margin: 0 auto; }
    .menu-sola .menu-alt > ul { justify-content: flex-start; }
    .menu-alt > ul > li { position: relative; }
    .menu-alt > ul > li > a { display: flex; align-items: center; gap: 3px; min-height: 52px; font-size: 16px; font-weight: 500; letter-spacing: .01em; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ust-orta .simge-link > span:last-child, .ust-sol-arama .simge-link > span:last-child, .ust-ortada-logo .simge-link > span:last-child { display: none; }
    .ust-sol-arama .ust-satir { column-gap: 20px; }
}
.simge-yazisiz .simge-link > span:last-child { display: none !important; }

@media (min-width: 1150px) {
    .ust-sol .ust-satir { grid-template-columns: auto 1fr auto; grid-template-areas: "logo menu simgeler"; gap: 40px; min-height: 80px; }
    .ust-sol .ust-bas { display: none; }
    .ust-sol .masaustu { display: inline-flex !important; }
    .ust-sol .ana-menu { grid-area: menu; display: block; justify-self: stretch; min-width: 0; }
    .ust-sol .ana-menu > ul { display: flex; flex-wrap: nowrap; gap: 0 26px; list-style: none; margin: 0; padding: 0; }
    .ust-sol .ana-menu > ul > li { position: relative; flex-shrink: 0; }
    .ust-sol .ana-menu > ul > li > a { display: flex; align-items: center; gap: 4px; min-height: 80px; font-size: 16px; font-weight: 500; white-space: nowrap; }
    .ust .menu-diger > .alt-menu { left: auto; right: -24px; }
}
@media (min-width: 1150px) and (max-width: 1439px) {
    .ust-sol .ust-satir { gap: 28px; }
    .ust-sol .ana-menu > ul { gap: 0 20px; }
    .ust-sol .ana-menu > ul > li > a { font-size: 15px; }
}
.ana-menu > ul > li > a { text-transform: none; letter-spacing: .01em; }
.ana-menu .menu-ek.vurgulu > a, .cekmece-menu .menu-ek.vurgulu > a { color: var(--vurgu); font-weight: 700; }
.alt-tumu { display: none; }

@media (min-width: 992px) {
    .ana-menu > ul > li > a .simge { width: 14px; height: 14px; transition: transform var(--gecis); }
    .ana-menu > ul > li:hover > a { color: var(--ana); }
    .ana-menu > ul > li:hover > a .simge { transform: none; }
    .ana-menu .acilir-dugme { display: none; }
    .ust .alt-menu { position: absolute; left: -24px; top: 100%; min-width: 240px; list-style: none; margin: 0; padding: 18px 0; background: var(--beyaz); border-radius: var(--radius);
        box-shadow: var(--golge); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all var(--gecis-yavas); z-index: 60; }
    .ust .alt-menu a { display: block; padding: 7px 24px; font-size: 14px; font-weight: 400; letter-spacing: 0; color: var(--yazi-2); }
    .ust .alt-menu a:hover { color: var(--ana); }
    .ana-menu li:hover > .alt-menu, .ana-menu li:focus-within > .alt-menu { opacity: 1; visibility: visible; transform: none; }
    .menu-genis .ana-menu > ul > li { position: static; }
    .menu-genis .alt-menu { left: 0; right: 0; min-width: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 2px 24px; border-radius: 0 0 var(--radius) var(--radius);
        padding: 28px max(40px, calc((100% - var(--kap)) / 2 + 40px)); border-top: 1px solid var(--kenar); }
    .menu-genis .alt-menu a { padding: 8px 0; }

    .menu-genis .alt-tumu { display: block; grid-column: 1 / -1; margin-top: 8px; border-top: 1px solid var(--kenar); padding-top: 10px; }
    .menu-genis .alt-tumu a { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--ana); }
}

.arama-panel { position: absolute; top: 0; height: 100%; width: 0; overflow: hidden; z-index: 55; pointer-events: none;
    background: var(--ust-zemin, var(--zemin)); border: 1px solid transparent; border-radius: var(--dugme-radius, 999px); transition: width var(--gecis-yavas) ease; }
.ust-sol .arama-panel { right: 0; }
.arama-panel.acik { width: min(280px, 100%); overflow: visible; pointer-events: auto; border-color: var(--kenar); }
.arama-panel .arama { display: flex; align-items: center; gap: 10px; height: 100%; padding: 0 16px; }
.arama .simge { color: var(--yazi-2); flex-shrink: 0; }
.arama input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 10px 0; font-size: 14px; outline: none; }
.arama .dugme { flex-shrink: 0; min-height: 36px; padding: 0 16px; }
.arama-kapat { flex-shrink: 0; width: 32px; height: 32px; }
.ust-sol .arama-panel .arama-sonuc { left: auto; width: min(460px, calc(100vw - 32px)); }

.arama-kutusu { position: relative; grid-area: arama; }
.arama-kutusu { min-width: 0; max-width: 100%; }
.urun-ust > *, .alan-izgara > * { min-width: 0; }
@media (max-width: 991px) {
    .ust-satir { grid-template-columns: 36px minmax(0, 1fr) auto; min-width: 0; }
    .logo, .logo img { max-width: 100%; min-width: 0; }
    .ust .logo, .kasa-ust .logo { padding-top: 10px; padding-bottom: 10px; }
    input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]), select, textarea { font-size: 16px !important; }
    .urun-bilgi-kutu h1, .urun-aciklama { overflow-wrap: anywhere; }
}
.arama-sonuc { position: absolute; left: 0; right: 0; top: 100%; margin-top: 10px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 16px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .14); padding: 18px; z-index: 60; max-height: 75vh; overflow-y: auto; }
.arama-blok + .arama-blok { margin-top: 20px; }
.arama-blok-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.arama-blok strong { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--yazi-2); }
.arama-temizle { border: 0; background: none; padding: 0; color: var(--ana); font-size: 12px; cursor: pointer; }
.arama-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.arama-cip { border: 1px solid var(--kenar); background: var(--zemin); border-radius: 999px; padding: 7px 16px; font-size: 13px; line-height: 1.2; cursor: pointer; color: var(--yazi); text-decoration: none; }
.arama-cip:hover { border-color: var(--ana); color: var(--ana); }
.arama-urunler { display: flex; flex-direction: column; gap: 2px; }
.arama-urun-satir { display: flex; align-items: center; gap: 12px; padding: 8px; border-radius: 10px; text-decoration: none; color: inherit; }
.arama-urun-satir:hover { background: var(--zemin); }
.arama-urun-gorsel { width: 48px; height: 48px; border-radius: 8px; overflow: hidden; background: var(--zemin); flex-shrink: 0; }
.arama-urun-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.arama-urun-bilgi { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.arama-urun-ad { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arama-urun-fiyat { font-size: 13px; color: var(--yazi-2); }
.arama-urun-tukendi { font-size: 12px; color: var(--yazi-2); }
.arama-not { color: var(--yazi-2); font-size: 14px; margin: 10px 0; }
.arama-devam { display: block; text-align: center; margin-top: 14px; font-size: 13px; font-weight: 600; color: var(--ana); text-decoration: none; }
.arama-cip { display: inline-flex; align-items: center; gap: 6px; }
.arama-cip .simge { width: 14px; height: 14px; flex-shrink: 0; stroke: currentColor; }
.arama-ust-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.arama-alt { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--kenar); }
.arama-urun-kartlar { display: flex; flex-wrap: wrap; gap: 12px; }
.arama-urun-kart { display: flex; flex-direction: column; gap: 6px; width: calc(50% - 6px); text-decoration: none; color: inherit; }
.arama-alt .arama-urun-kart { width: calc(25% - 9px); }
.arama-urun-kart-gorsel { position: relative; aspect-ratio: 1 / 1; border-radius: 10px; overflow: hidden; background: var(--zemin); }
.arama-urun-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.arama-urun-indirim { position: absolute; top: 6px; left: 6px; background: var(--vurgu); color: var(--beyaz); font-size: 12px; font-weight: 700; line-height: 1; padding: 4px 6px; border-radius: 6px; }
.arama-urun-kart-ad { font-size: 13px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.arama-urun-kart-fiyat { display: flex; align-items: baseline; gap: 6px; font-size: 13px; }
.arama-urun-kart-fiyat del { color: var(--yazi-2); font-size: 12px; font-weight: 400; }
.arama-urun-kart-fiyat b { color: var(--vurgu); }
@media (max-width: 767px) {
    .arama-sonuc { position: fixed; left: 10px; right: 10px; top: auto; max-height: 70vh; }
    .arama-ust-izgara { grid-template-columns: 1fr; gap: 20px; }
    .arama-alt .arama-urun-kart, .arama-urun-kart { width: calc(50% - 6px); }
}

/* Mobil çekmece */
.cekmece { position: fixed; inset: 0 auto 0 0; width: min(360px, 88vw); background: var(--beyaz); z-index: 90; display: flex; flex-direction: column; overflow-y: auto;
    transform: translateX(-100%); transition: transform var(--gecis-yavas) ease; }
.cekmece.acik { transform: none; }
.perde { position: fixed; inset: 0; background: rgba(0, 0, 0, .45); z-index: 80; }
.cekmece-ust { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 14px 20px; border-bottom: 1px solid var(--kenar); font-size: 18px; }
.cekmece-menu ul { list-style: none; margin: 0; padding: 0; }
.cekmece-menu > ul { padding: 8px 20px; }
.cekmece-menu > ul > li { position: relative; border-bottom: 1px solid var(--kenar); }
.cekmece-menu > ul > li > a { display: block; padding: 14px 44px 14px 0; font-size: 16px; font-weight: 500; }
.cekmece-menu > ul > li > a .simge { display: none; }
.cekmece-menu .acilir-dugme { position: absolute; right: -10px; top: 6px; width: 44px; height: 40px; border: 0; background: none; display: flex; align-items: center; justify-content: center; }
.cekmece-menu .acilir-dugme .simge { transition: transform var(--gecis); }
.cekmece-menu .acik > .acilir-dugme .simge { transform: none; }
.cekmece-menu .alt-menu { display: none; padding: 0 0 12px 12px; }
.cekmece-menu .acik > .alt-menu { display: block; }
.cekmece-menu .alt-menu a { display: block; padding: 8px 0; color: var(--yazi-2); }
.cekmece-alt { margin-top: auto; padding: 20px; background: var(--zemin); display: grid; gap: 12px; }
.cekmece-alt a { display: flex; align-items: center; gap: 10px; }

/* ---------- Bloklar ---------- */
.blok { padding: 50px 0; }
@media (min-width: 992px) { .blok { padding: 80px 0; } }
.zemin-renkli { background: var(--bolum); }
.blok-baslik { text-align: center; margin-bottom: 28px; }
.blok-baslik h2 { font-size: 28px; margin: 0; }
.blok-baslik p { color: var(--yazi-2); margin: 8px 0 0; }
.blok-baslik.sola { text-align: left; margin-bottom: 0; }
.blok-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.blok-ust:empty { display: none; }
.blok-alt { text-align: center; margin-top: 32px; }
@media (min-width: 992px) { .blok-baslik h2 { font-size: 42px; } .blok-ust, .blok-baslik { margin-bottom: 40px; } .blok-baslik.sola { margin-bottom: 0; } }
.ust-yazi { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 12px; }
.gorsel-yok { display: block; width: 100%; height: 100%; min-height: 120px; background: linear-gradient(135deg, var(--bolum), var(--zemin)); }
.bos { text-align: center; color: var(--yazi-2); padding: 40px 0; }
.bosluk { padding: 0; }
.bosluk-kucuk { height: 20px; } .bosluk-orta { height: 50px; } .bosluk-buyuk { height: 100px; }
@media (max-width: 767px) { .mobilde-gizli { display: none; } }
@media (min-width: 768px) { .masaustunde-gizli { display: none; } }

.kaydir-kap { position: relative; }
.kaydir-serit { display: grid; grid-auto-flow: column; gap: 15px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain; }
.kaydir-serit::-webkit-scrollbar { display: none; }
.kaydir-serit > * { scroll-snap-align: start; }
.kaydir-oklar { display: flex; gap: 8px; }
.kaydir-ok { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--yazi); background: transparent; display: inline-flex; align-items: center; justify-content: center; color: var(--yazi); transition: all var(--gecis); }
.kaydir-ok .simge { width: 16px; height: 16px; }
.kaydir-ok:hover { background: var(--yazi); color: var(--beyaz); }
.kaydir-ok:disabled { opacity: .3; cursor: default; background: transparent; color: var(--yazi); }

/* ---------- Slider ---------- */
.slider { padding: 0; position: relative; }
.slider-serit { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.slider-serit::-webkit-scrollbar { display: none; }
.slayt { position: relative; scroll-snap-align: start; height: 480px; display: flex; overflow: hidden; background: var(--ana); }
.slider-orta .slayt { height: 400px; } .slider-kucuk .slayt { height: 300px; }
.slayt picture, .slayt-gorsel { position: absolute; inset: 0; width: 100%; height: 100%; }
.slayt-gorsel { object-fit: cover; }
.slayt::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .28), rgba(0, 0, 0, .05)); }
.slayt-gorselsiz::after { display: none; }
.slayt-icerik { position: relative; z-index: 1; margin: auto; padding: 0 20px; text-align: center; color: var(--beyaz); max-width: 900px; }
.slider-sol .slayt-icerik { margin: auto auto auto 0; text-align: left; padding-left: 24px; }
.slayt-ust { font-size: 14px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 12px; }
.slayt-baslik { font-size: 38px; line-height: 1.15; color: var(--beyaz); margin-bottom: 24px; }
.slider-noktalar { position: absolute; left: 0; right: 0; bottom: 24px; display: flex; justify-content: center; gap: 10px; z-index: 2; }
.nokta { width: 10px; height: 10px; padding: 0; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .5); transition: all var(--gecis-yavas); }
.nokta.secili { background: var(--beyaz); box-shadow: 0 0 0 4px rgba(255, 255, 255, .35); }
@media (min-width: 768px) {
    .slayt { height: 620px; } .slider-orta .slayt { height: 500px; } .slider-kucuk .slayt { height: 360px; }
    .slayt-baslik { font-size: 68px; }
    .slider-sol .slayt-icerik { padding-left: 80px; }
}

/* ---------- Kategori kartları ---------- */
.kategori-serit { grid-auto-columns: 62%; }
@media (min-width: 600px) { .kategori-serit { grid-auto-columns: calc((100% - 30px) / 3); } }
@media (min-width: 992px) { .kategori-serit { grid-auto-columns: calc((100% - 60px) / 5); } }
.kategori-kart { display: block; position: relative; }
.kategori-gorsel { display: block; aspect-ratio: 3 / 4; border-radius: var(--radius); overflow: hidden; background: var(--bolum); }
.kategori-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(0, 0, .44, 1.18); }
.kategori-kart:hover img { transform: scale(1.06); }
.kategori-ad { position: absolute; left: 12px; right: 12px; bottom: 12px; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 14px;
    background: var(--beyaz); border-radius: var(--dugme-radius, 999px); font-size: 15px; font-weight: 600; transition: all var(--gecis-yavas); }
.kategori-ad .simge { width: 15px; height: 15px; }
.kategori-kart:hover .kategori-ad { background: var(--ana); color: var(--beyaz); }
.kategoriler-yuvarlak .kategori-serit { grid-auto-columns: 32%; text-align: center; }
@media (min-width: 600px) { .kategoriler-yuvarlak .kategori-serit { grid-auto-columns: calc((100% - 75px) / 6); } }
.kategoriler-yuvarlak .kategori-gorsel { aspect-ratio: 1; border-radius: 50%; }
.kategoriler-yuvarlak .kategori-ad { position: static; background: none; min-height: 0; padding: 12px 0 0; }
.kategoriler-yuvarlak .kategori-kart:hover .kategori-ad { background: none; color: var(--ana); }
.kategoriler .kaydir-oklar { position: absolute; top: -64px; right: 0; }


/* ---------- Hikâyeler ---------- */
.hikayeler { padding: 24px 0; }
.hikaye-serit { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; padding: 4px 2px; }
.hikaye-serit::-webkit-scrollbar { display: none; }
.hikaye:first-child { margin-left: auto; }
.hikaye:last-child { margin-right: auto; }
.hikaye { flex: 0 0 auto; width: 84px; display: flex; flex-direction: column; align-items: center; gap: 8px; scroll-snap-align: start; text-align: center; }
.hikaye-gorsel { display: block; width: 76px; height: 76px; border-radius: 50%; overflow: hidden; background: var(--bolum); transition: transform var(--gecis-yavas); }
.hikaye-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.hikaye:hover .hikaye-gorsel { transform: translateY(-3px); }
.hikaye-ad { font-size: 12.5px; line-height: 16px; font-weight: 500; }
.hikaye:hover .hikaye-ad { color: var(--ana); }
.hikaye-halkali .hikaye-gorsel { padding: 3px; background: linear-gradient(45deg, var(--vurgu), var(--ana)); }
.hikaye-halkali .hikaye-gorsel img, .hikaye-halkali .hikaye-gorsel .gorsel-yok { border-radius: 50%; border: 3px solid var(--zemin); }
.hikaye-kucuk .hikaye { width: 72px; } .hikaye-kucuk .hikaye-gorsel { width: 62px; height: 62px; }
.hikaye-buyuk .hikaye-serit { padding-top: 8px; padding-bottom: 8px; }
.hikaye-buyuk .hikaye-gorsel img { object-fit: contain; background: #fff; }
.hikaye-buyuk .hikaye-ad { font-weight: 600; }
.hikaye-buyuk .hikaye:focus-visible { outline: 2px solid var(--ana); outline-offset: 5px; border-radius: 12px; }
@media (max-width: 767px) {
    .hikaye-buyuk .hikaye { width: 94px; gap: 10px; }
    .hikaye-buyuk .hikaye-gorsel { width: 86px; height: 86px; }
}
@media (min-width: 768px) {
    .hikayeler { padding: 36px 0; }
    .hikaye-serit { gap: 26px; }
    .hikaye { width: 110px; }
    .hikaye-gorsel { width: 96px; height: 96px; }
    .hikaye-ad { font-size: 13.5px; }
    .hikaye-buyuk .hikaye { width: 130px; } .hikaye-buyuk .hikaye-gorsel { width: 116px; height: 116px; }
    .hikaye-buyuk .hikaye-serit { gap: 18px; }
    .hikaye-kucuk .hikaye { width: 88px; } .hikaye-kucuk .hikaye-gorsel { width: 72px; height: 72px; }
}

/* ---------- Gönderim bölgesi seçici ---------- */
.bolge-blok { padding: 8px 0 28px; }
.bolge-kutu { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 14px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: var(--radius); }
.bolge-etiket { padding: 9px 14px; border-radius: 8px; background: var(--ana); color: var(--beyaz); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; line-height: 1.3; }
.bolge-secici { position: relative; flex: 1 1 320px; display: flex; min-width: 0; }
.bolge-dugme { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 16px; border: 1px solid var(--kenar); border-radius: var(--dugme-radius, 999px); background: var(--zemin); color: var(--yazi); font-size: 14px; text-align: left; }
.bolge-dugme:hover, .bolge-dugme[aria-expanded="true"] { border-color: var(--ana); }
.bolge-dugme .simge { width: 18px; height: 18px; color: var(--ana); }
.bolge-yazi { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--yazi-2); }
.secili .bolge-yazi { color: var(--yazi); font-weight: 600; }
.secili .bolge-dugme { padding-right: 50px; }
.secili .bolge-dugme > .simge:last-child { display: none; }
.bolge-kaldir { position: absolute; right: 6px; top: 6px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: var(--yazi-2); display: flex; align-items: center; justify-content: center; }
.bolge-kaldir:hover { background: var(--bolum); color: var(--yazi); }
.bolge-kaldir .simge { width: 16px; height: 16px; }
.bolge-vaatler { display: flex; flex-wrap: wrap; gap: 10px 22px; list-style: none; margin: 0; padding: 0; }
.bolge-vaatler li { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; line-height: 1.3; max-width: 150px; }
.bolge-vaatler .simge { width: 26px; height: 26px; color: var(--ana); }

.bolge-panel { position: fixed; inset: 0; z-index: 95; display: flex; flex-direction: column; gap: 12px; padding: 14px 16px; background: var(--beyaz); overflow-y: auto; }
.bolge-panel-ust { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; font-size: 17px; }
.bolge-ara { flex-shrink: 0; display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 14px; border: 1px solid var(--kenar); border-radius: 12px; background: var(--zemin); }
.bolge-ara:focus-within { border-color: var(--ana); }
.bolge-ara .simge { width: 18px; height: 18px; color: var(--yazi-2); }
.bolge-ara input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; font-size: 16px; outline: none; }
.bolge-not { margin: 0 0 6px; font-size: 13px; color: var(--yazi-2); }
.bolge-not.uyari { padding: 10px 12px; border-radius: 10px; background: #fff4ec; color: #9a3412; line-height: 1.45; }
.bolge-not.uyari b { color: inherit; }
.bolge-liste { list-style: none; margin: 0; padding: 0; }
.bolge-liste button, .bolge-liste [role="option"] { width: 100%; display: flex; align-items: center; gap: 10px; padding: 11px 12px; border: 0; border-radius: 10px; background: none; color: var(--yazi); font-size: 14px; text-align: left; cursor: pointer; }
.bolge-liste button:hover, .bolge-liste [role="option"]:hover, .bolge-liste .aktif { background: var(--bolum); }
.bolge-liste span { flex: 1; min-width: 0; }
.bolge-liste small { color: var(--yazi-2); font-size: 12px; white-space: nowrap; }
.bolge-liste .simge { width: 16px; height: 16px; color: var(--yazi-2); }
.bolge-liste mark { background: none; color: var(--ana); font-weight: 700; }
[data-bolge-liste] button, [data-bolge-liste] [role="option"] { flex-direction: column; align-items: flex-start; gap: 2px; }
[data-bolge-liste] span, [data-bolge-liste] small { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
li:not(.bolge-liste-yer) + .bolge-liste-yer { margin-top: 4px; padding-top: 10px; border-top: 1px solid var(--kenar); }
.bolge-yol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-bottom: 6px; font-size: 13px; }
.bolge-yol button { border: 0; background: none; padding: 4px 2px; color: var(--ana); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.bolge-yol b { padding: 4px 2px; }
.bolge-yukleniyor { padding: 12px; color: var(--yazi-2); font-size: 13px; }
@media (min-width: 768px) {
    .bolge-panel { position: absolute; inset: auto; top: calc(100% + 8px); left: 0; right: 0; min-width: 360px; height: min(440px, 70vh); padding: 14px; border-radius: 14px; border: 1px solid var(--kenar); box-shadow: 0 16px 48px rgba(0, 0, 0, .16); z-index: 45; }
    .bolge-panel-ust { display: none; }
    .bolge-blok { padding: 12px 0 36px; }
    .bolge-kutu { padding: 16px 20px; }
}
/* ---------- Ürün kartı ---------- */
.urun-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px 15px; }
@media (min-width: 768px) { .urun-izgara { grid-template-columns: repeat(3, 1fr); gap: 30px; } }
@media (min-width: 1150px) { .urun-izgara { grid-template-columns: repeat(4, 1fr); } }
.urun-serit { grid-auto-columns: calc((100% - 15px) / 2.15); }
@media (min-width: 768px) { .urun-serit { grid-auto-columns: calc((100% - 30px) / 3); gap: 15px; } }
@media (min-width: 1150px) { .urun-serit { grid-auto-columns: calc((100% - 60px) / 5); } }
.urun-kart { min-width: 0; }
.urun-gorsel { display: block; position: relative; aspect-ratio: 350 / 385; border-radius: var(--radius); overflow: hidden; background: var(--beyaz); }
.urun-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .5s ease, transform 2s cubic-bezier(0, 0, .44, 1.18); }
.urun-gorsel .gorsel-2 { opacity: 0; }
.iki-gorsel .urun-gorsel:hover img:first-child { opacity: 0; }
.iki-gorsel .urun-gorsel:hover .gorsel-2 { opacity: 1; transform: scale(1.09); }
.urun-kart:not(.iki-gorsel) .urun-gorsel:hover img { transform: scale(1.06); }
.rozetler { position: absolute; top: 8px; left: 8px; right: 52px; display: flex; flex-wrap: wrap; gap: 5px; z-index: 2; }
.rozet { display: inline-flex; align-items: center; min-height: 22px; padding: 0 9px; border-radius: var(--dugme-radius, 999px); background: var(--ana); color: var(--beyaz); font-size: 12px; font-weight: 600; }
.rozet-indirim { background: var(--vurgu); }
.rozet-kisisel { position: absolute; left: 8px; bottom: 8px; z-index: 2; padding: 2px 9px; border-radius: var(--dugme-radius, 999px); background: rgba(255, 255, 255, .92); font-size: 12px; font-weight: 600; }
.urun-incele { position: absolute; left: 50%; bottom: 14px; z-index: 3; transform: translate(-50%, 10px); opacity: 0; min-height: 38px; padding: 0 22px; display: flex; align-items: center;
    border-radius: var(--dugme-radius, 999px); background: var(--beyaz); font-size: 13px; font-weight: 600; transition: all var(--gecis-yavas); white-space: nowrap; }
.urun-gorsel:hover .urun-incele { opacity: 1; transform: translate(-50%, 0); }
.urun-gorsel:hover .rozet-kisisel { opacity: 0; }

.tukendi-etiket { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; width: 76px; height: 76px; border-radius: 50%; background: #f2f2f2;
    display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; }
.urun-bilgi { padding-top: 12px; }
.urun-bilgi h3 { font-size: 15px; line-height: 20px; margin: 0 0 4px; }
.urun-bilgi h3 a:hover { color: var(--ana); text-decoration: underline; text-underline-offset: 3px; }
.fiyat { margin: 0; font-size: 14px; }
.fiyat b { font-weight: 600; }
.fiyat b.indirimli { color: var(--vurgu); }
.fiyat del { color: var(--yazi-2); margin-right: 4px; }
.sepette-fiyat { display: inline-flex; align-items: center; gap: 4px; margin: 4px 0 0; padding: 2px 8px; border-radius: var(--radius); background: var(--vurgu); color: var(--beyaz); font-size: 12.5px; }
.sepette-fiyat b { font-weight: 700; }
.urun-bilgi-kutu .sepette-fiyat { margin: -8px 0 18px; padding: 6px 12px; font-size: 15px; }
.sepette-fiyat[hidden] { display: none; }
@media (hover: none) { .urun-incele { display: none; } }

.urun-kart { position: relative; }
.favori-dugme { position: absolute; top: 8px; right: 8px; z-index: 4; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--yazi);
    display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(0, 0, 0, .08); transition: transform var(--gecis), color var(--gecis); }
.favori-dugme .simge { width: 18px; height: 18px; }
.favori-dugme:hover { transform: scale(1.08); color: var(--vurgu); }
.favori-dugme[aria-pressed="true"] { color: var(--vurgu); }
.favori-dugme[aria-pressed="true"] .simge { fill: currentColor; }
.teslim-bilgi { display: flex; align-items: center; gap: 5px; margin: 6px 0 0; font-size: 12.5px; font-weight: 600; color: var(--ana); }
.teslim-bilgi .simge { width: 16px; height: 16px; }

/* ---------- Ürün listesi sayfası ---------- */
.sayfa-baslik { background: var(--bolum); padding: 28px 0 24px; text-align: center; }
.sayfa-baslik h1 { font-size: 28px; margin: 8px 0 6px; }
.sayfa-aciklama { max-width: 720px; margin: 0 auto; color: var(--yazi-2); }
.yol { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; font-size: 13px; color: var(--yazi-2); }
.yol a:hover { color: var(--ana); text-decoration: underline; }
.yol [aria-current] { color: var(--yazi); }
.blog-izgara { display: grid; grid-template-columns: 1fr; gap: 24px; margin: 24px 0; }
@media (min-width: 700px) { .blog-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .blog-izgara { grid-template-columns: repeat(3, 1fr); } }
.blog-kart { display: block; }
.blog-gorsel { display: block; aspect-ratio: 400 / 260; border-radius: var(--radius); overflow: hidden; background: var(--bolum); }
.blog-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.blog-kart:hover .blog-gorsel img { transform: scale(1.05); }
.blog-bilgi { display: block; padding-top: 12px; }
.blog-bilgi b { display: block; font-size: 18px; margin: 4px 0 6px; color: var(--yazi); }
.blog-bilgi span { display: block; color: var(--yazi-2); font-size: 14px; }
.blog-tarih { color: var(--yazi-2); font-size: 12.5px; }
.blog-yazi-sayfa { max-width: 760px; padding-top: 16px; padding-bottom: 50px; }
.blog-yazi h1 { font-size: 28px; margin: 10px 0 6px; }
@media (min-width: 992px) { .blog-yazi h1 { font-size: 36px; } }
.blog-yazi-tarih { display: flex; align-items: center; gap: 7px; color: var(--yazi-2); font-size: 14px; margin: 0 0 20px; }
.blog-yazi-kapak { width: 100%; aspect-ratio: 900 / 500; object-fit: cover; border-radius: var(--radius); margin-bottom: 24px; }
.blog-yazi .seo-yazi { margin-top: 0; padding-top: 0; border-top: 0; font-size: 16px; }
.urun-filtre { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; }
.filtre-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.filtre-grup { position: relative; }
.filtre-buton { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border: 1px solid var(--kenar); border-radius: var(--dugme-radius, 999px); background: var(--beyaz); font-size: 13.5px; font-weight: 500; color: var(--yazi); cursor: pointer; }
.filtre-buton:hover { border-color: var(--ana); }
.filtre-buton[aria-expanded="true"] { border-color: var(--ana); color: var(--ana); }
.filtre-buton .simge { width: 16px; height: 16px; }
.filtre-buton span b { font-weight: 600; }
.filtre-rozet { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px; background: var(--ana); color: var(--beyaz); font-size: 12px; font-weight: 700; }
.filtre-panel { position: absolute; z-index: 20; top: calc(100% + 8px); left: 0; min-width: 240px; max-width: 320px; display: flex; flex-direction: column; gap: 10px; padding: 16px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: var(--radius); box-shadow: 0 12px 32px rgba(0,0,0,.12); }
.filtre-panel[hidden] { display: none; }
.filtre-panel-liste { flex-direction: column; gap: 2px; padding: 8px; min-width: 200px; }
.filtre-panel-liste a { display: block; padding: 9px 12px; border-radius: var(--radius); font-size: 13.5px; }
.filtre-panel-liste a:hover { background: var(--bolum); }
.filtre-panel-liste a.secili { color: var(--ana); font-weight: 600; }
.filtre-secenek { display: flex; align-items: center; gap: 8px; font-size: 13.5px; cursor: pointer; }
.filtre-fiyat-kutu { display: flex; align-items: center; gap: 8px; }
.filtre-fiyat-kutu input { width: 100%; height: 38px; padding: 0 10px; border: 1px solid var(--kenar); border-radius: var(--radius); font-size: 13.5px; }
.filtre-panel .dugme-sm { align-self: flex-start; min-height: 34px; padding: 0 16px; font-size: 13px; }
.filtre-temizle { border: 0; background: none; color: var(--yazi-2); font-size: 13px; text-decoration: underline; cursor: pointer; padding: 0; }
.filtre-temizle:hover { color: var(--ana); }
@media (min-width: 992px) { .sayfa-baslik { padding: 48px 0 40px; } .sayfa-baslik h1 { font-size: 42px; } }

.liste { padding-top: 20px; padding-bottom: 60px; }
.bolge-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; padding: 12px 14px; margin-bottom: 18px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: var(--radius); }
.bolge-serit > p { display: flex; align-items: center; gap: 8px; margin: 0; flex: 1 1 280px; font-size: 13.5px; }
.bolge-serit > p .simge { width: 20px; height: 20px; color: var(--ana); }
.bolge-serit .bolge-secici { flex: 0 1 420px; }
.bolge-serit .bolge-dugme { height: 42px; }
.liste-sayi { margin: 0 0 14px; color: var(--yazi-2); }
.liste-sayi b { color: var(--yazi); }
.liste-arac { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 20px; margin-bottom: 20px; }
.sirala { font-size: 13px; }
.sayfalama { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 40px; }
.sayfalama a, .sayfalama span { min-width: 40px; height: 40px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--dugme-radius, 999px); border: 1px solid var(--kenar); background: var(--beyaz); font-weight: 600; }
.sayfalama a:hover { border-color: var(--ana); color: var(--ana); }
.sayfalama .secili { background: var(--ana); border-color: var(--ana); color: var(--beyaz); }
.sayfalama .bosluk-nokta { border: 0; background: none; }
.sayfalama .simge { width: 16px; height: 16px; }
.bos-durum { text-align: center; padding: 40px 16px; background: var(--beyaz); border-radius: var(--radius); }
.bos-durum p { max-width: 560px; margin: 0 auto 18px; color: var(--yazi-2); font-size: 15px; }
.bos-dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.seo-yazi { margin-top: 50px; padding-top: 30px; border-top: 1px solid var(--kenar); color: var(--yazi-2); font-size: 14px; line-height: 1.7; }
.seo-yazi h2, .seo-yazi h3 { color: var(--yazi); font-size: 20px; margin: 1.2em 0 .5em; }
.seo-yazi a { color: var(--ana); text-decoration: underline; }
.seo-yazi img { border-radius: var(--radius); margin: 1em 0; }


/* ---------- Ürün sayfası ---------- */
.urun-sayfa { padding-top: 16px; padding-bottom: 40px; }
.yol-sol { justify-content: flex-start; margin-bottom: 16px; }
.urun-ust { display: grid; gap: 24px; }
@media (min-width: 992px) { .urun-ust { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; } }
.urun-sol { min-width: 0; }
.galeri { min-width: 0; }
@media (min-width: 992px) { .galeri { position: sticky; top: 170px; } }
.galeri-ana { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: var(--radius); background: var(--beyaz); }
.galeri-ana::-webkit-scrollbar { display: none; }
.galeri-oge { margin: 0; scroll-snap-align: start; aspect-ratio: 630 / 693; }
.galeri-oge img { width: 100%; height: 100%; object-fit: cover; }
.galeri-kucuk { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; scrollbar-width: none; }
.galeri-kucuk button { flex: 0 0 72px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: var(--beyaz); opacity: .7; }
.galeri-kucuk button.secili, .galeri-kucuk button:hover { border-color: var(--ana); opacity: 1; }
.galeri-kucuk img { width: 100%; height: auto; aspect-ratio: 80 / 88; object-fit: cover; }
@media (min-width: 992px) {
    .galeri-sol { display: flex; flex-direction: row-reverse; align-items: flex-start; gap: 10px; }
    .galeri-sol .galeri-ana { flex: 1; min-width: 0; }
    .galeri-sol .galeri-kucuk { flex: 0 0 72px; flex-direction: column; margin-top: 0; max-height: 693px; }
}
.galeri-yakinlastir .galeri-oge { overflow: hidden; cursor: zoom-in; }
.galeri-yakinlastir .galeri-oge img { transition: transform var(--gecis-hizli) ease-out; }
.galeri-yakinlastir .galeri-oge img.yakin { transform: scale(2.2); }

.urun-bilgi-kutu h1 { font-size: 26px; margin: 0 0 6px; }
@media (min-width: 992px) { .urun-bilgi-kutu h1 { font-size: 34px; } }
.urun-kodu { margin: 0 0 10px; font-size: 13px; color: var(--yazi-2); }
.urun-puan { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; color: var(--yazi-2); }
.urun-puan .yildizlar .simge { width: 16px; height: 16px; color: #f5a623; }
.yildizlar { display: inline-flex; gap: 1px; }
.urun-yorumlar { margin-top: 40px; padding: 24px; background: var(--beyaz); border-radius: var(--radius); }
.urun-yorumlar h2 { font-size: 22px; margin: 0 0 16px; }
.yorum-oge { padding: 16px 0; border-top: 1px solid var(--kenar); }
.yorum-oge:first-of-type { border-top: 0; padding-top: 0; }
.yorum-ust { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; flex-wrap: wrap; }
.yorum-ust .yildizlar .simge { width: 15px; height: 15px; color: #f5a623; }
.yorum-ust span { font-size: 13px; color: var(--yazi-2); }
.yorum-oge p { margin: 0; }
.yorum-oge .yorum-yanit { margin-top: 10px; padding: 10px 14px; background: var(--bolum); border-radius: 10px; font-size: 14px; }
.urun-fiyat { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; font-size: 24px; }
.urun-fiyat b { font-weight: 600; }
.urun-fiyat b.indirimli { color: var(--vurgu); }
.urun-fiyat del { font-size: 17px; color: var(--yazi-2); }
.urun-fiyat .rozet { font-size: 13px; }
.secim-grup { margin: 0 0 18px; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(--kenar); min-width: 0; }
.secim-grup.tek-secenek { display: none; }
.secim-baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 0; font-size: 15px; font-weight: 600; }
.secim-baslik small { font-weight: 400; color: var(--yazi-2); }
.secim-baslik .simge { width: 18px; height: 18px; color: var(--ana); }

.secim-grup.kisisel { background: var(--bolum); border: 1px solid var(--kenar); border-radius: var(--radius); padding: 18px; }
.kisisel-aciklama { margin: -4px 0 14px; font-size: 13px; color: var(--yazi-2); }
.kisisel-alan:last-child { margin-bottom: 0; }
.kisisel-alan label { display: flex; align-items: center; gap: 7px; }
.kisisel-alan label .simge { width: 16px; height: 16px; color: var(--ana); flex-shrink: 0; }
.kisisel-alan input, .kisisel-alan textarea, .kisisel-alan select { background: var(--beyaz); }
.varyasyonlar { display: flex; flex-wrap: wrap; gap: 8px; }
.varyasyonlar a { display: block; border: 2px solid var(--kenar); border-radius: 8px; overflow: hidden; padding: 0; min-width: 56px; text-align: center; font-size: 13px; }
.varyasyonlar a.secili, .varyasyonlar a:hover { border-color: var(--ana); }
.secenekler { display: grid; gap: 8px; }
@media (min-width: 600px) { .secenekler { grid-template-columns: repeat(2, 1fr); } }
.secenek { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 52px; padding: 10px 14px; border: 1px solid var(--kenar); border-radius: 12px; background: var(--beyaz); cursor: pointer; }
.secenek input { position: absolute; opacity: 0; pointer-events: none; }
.secenek:has(input:checked) { border-color: var(--ana); box-shadow: inset 0 0 0 1px var(--ana); }
.secenek:has(input:focus-visible) { outline: 2px solid var(--ana); outline-offset: 2px; }
.secenek.tukendi { opacity: .5; cursor: not-allowed; }
.secenek-ad { font-weight: 500; }
.secenek-fiyat { font-weight: 600; white-space: nowrap; }

.teslim-bolge .bolge-secici { margin-bottom: 8px; }
.teslim-not { display: flex; align-items: center; gap: 8px; margin: 6px 0; font-size: 13px; color: var(--yazi-2); }
.teslim-not .simge { width: 18px; height: 18px; color: var(--ana); flex-shrink: 0; }
.kargo-bilgi { display: flex; align-items: flex-start; gap: 10px; margin: 10px 0 4px; padding: 12px 14px; border-radius: 12px; background: var(--bolum); font-size: 14px; line-height: 1.5; }
.kargo-bilgi p { margin: 0; }
.kargo-bilgi .simge { width: 22px; height: 22px; color: var(--ana); flex-shrink: 0; margin-top: 1px; }
.teslim-not.uyari, .urun-mesaj.uyari { padding: 10px 12px; border-radius: 10px; background: #fff4ec; color: #9a3412; }
.teslim-not.uyari { flex-wrap: wrap; }
.teslim-not-baglanti { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.geri-sayim { margin: 12px 0; padding: 10px 12px; border-radius: 12px; background: var(--bolum); }
.geri-sayim p { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 13.5px; }
.geri-sayim .simge { width: 18px; height: 18px; color: var(--ana); }
.geri-sayim-cubuk { display: block; height: 6px; border-radius: 3px; background: rgba(0, 0, 0, .08); overflow: hidden; }
.geri-sayim-cubuk span { display: block; height: 100%; background: var(--ana); border-radius: 3px; transition: width .5s; }
.geri-sayim-not { display: block; margin-top: 8px; font-size: 12.5px; color: var(--yazi-2); }
.gunler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0 10px; }
.gunler > .teslim-not { grid-column: 1 / -1; margin: 0; }
.gun { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 76px; padding: 10px 4px;
    border: 2px solid transparent; border-radius: var(--radius); background: rgba(0, 0, 0, .045); color: var(--yazi); text-align: center; transition: background var(--gecis), border-color var(--gecis); }
.gun:hover:not(:disabled) { border-color: var(--ana); }
.gun-baslik { font-size: 15px; font-weight: 700; line-height: 1.2; text-transform: capitalize; }
.gun-tarih { font-size: 12.5px; color: var(--yazi-2); line-height: 1.2; }
.gun-hemen { font-size: 12px; font-weight: 700; color: var(--vurgu); }
.gun-neden { font-size: 10.5px; color: var(--yazi-2); line-height: 1.2; }
.gun[aria-checked="true"], .gun-takvim.secili { background: var(--ana); border-color: var(--ana); color: var(--beyaz); }
.gun[aria-checked="true"] .gun-tarih, .gun-takvim.secili .gun-tarih, .gun[aria-checked="true"] .gun-hemen { color: rgba(255, 255, 255, .9); }
.gun[aria-checked="true"]::after, .gun-takvim.secili::after { content: "✓"; position: absolute; top: 6px; right: 7px; width: 18px; height: 18px; border-radius: 50%;
    background: var(--beyaz); color: var(--ana); font-size: 12px; font-weight: 700; line-height: 18px; text-align: center; }
.gun:disabled { cursor: not-allowed; opacity: .55; }
.gun:disabled .gun-tarih { text-decoration: line-through; }
.gun-takvim { border: 2px dashed var(--kenar); background: transparent; }
.gun-takvim .gun-baslik::before { content: none; }
.gun-ozel:not([aria-checked="true"]) { border-color: var(--vurgu); }
.gun-ozel-ad { display: flex; align-items: center; justify-content: center; gap: 4px; font-weight: 700; color: var(--vurgu); }
.gun-ozel[aria-checked="true"] .gun-ozel-ad { color: rgba(255, 255, 255, .9); }
.gun-ozel-gorsel { display: inline-block; width: 16px; height: 16px; flex-shrink: 0; background-color: currentColor;
    -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-size: contain; mask-repeat: no-repeat; mask-position: center; }
.gun-ozel-yildiz { width: 12px; height: 12px; fill: currentColor; flex-shrink: 0; }
@media (max-width: 420px) { .gun-baslik { font-size: 13.5px; } .gun-tarih { font-size: 12px; } .gun { min-height: 70px; } }

[data-teslim-panel] { position: relative; }
.takvim { position: absolute; right: 0; z-index: 30; width: min(340px, 100%); padding: 14px; border: 1px solid var(--kenar); border-radius: var(--radius); background: var(--beyaz); box-shadow: 0 12px 36px rgba(0, 0, 0, .16); }
.takvim-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.takvim-ust strong { font-size: 14px; text-transform: capitalize; }
.takvim-ok { width: 34px; height: 34px; border: 1px solid var(--kenar); border-radius: 50%; background: var(--beyaz); font-size: 18px; line-height: 1; }
.takvim-ok:disabled { opacity: .3; }
.takvim-izgara { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.takvim-gun-adi { text-align: center; font-size: 12px; color: var(--yazi-2); padding: 4px 0; }
.takvim-gun { aspect-ratio: 1; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .045); font-size: 13px; font-weight: 600; }
.takvim-gun:hover:not(:disabled) { background: var(--ana); color: var(--beyaz); }
.takvim-gun.secili { background: var(--ana); color: var(--beyaz); box-shadow: 0 0 0 3px rgba(0, 0, 0, .08); }
.takvim-gun:disabled { background: none; color: var(--yazi-2); opacity: .45; text-decoration: line-through; cursor: not-allowed; }
.takvim-not { margin: 8px 0 0; font-size: 12px; color: var(--yazi-2); }

/* Saatler */
.saatler { display: flex; flex-wrap: wrap; gap: 8px; }
.saat { min-height: 42px; padding: 0 16px; border: 2px solid transparent; border-radius: var(--dugme-radius, 999px); background: rgba(0, 0, 0, .045); font-size: 13.5px; font-weight: 600; }
.saat:hover { border-color: var(--ana); }
.saat[aria-checked="true"] { background: var(--ana); border-color: var(--ana); color: var(--beyaz); }
.saat-tam-grup { display: flex; align-items: center; gap: 8px; }
.saat-tam-kutu { min-height: 42px; padding: 0 36px 0 16px; border: 2px solid var(--ana); border-radius: var(--dugme-radius, 999px); background: var(--beyaz); color: var(--yazi); font-size: 14px; font-weight: 600; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; cursor: pointer; }
.saat-tam-kutu:focus { outline: none; box-shadow: 0 0 0 3px rgba(0, 0, 0, .08); }

.alan { display: grid; gap: 6px; margin-bottom: 12px; }
.alan label { font-size: 14px; font-weight: 500; }
.alan input[type=text], .alan textarea, .alan select { width: 100%; padding: 10px 12px; border: 1px solid var(--kenar); border-radius: 10px; background: var(--beyaz); font-size: 15px; }
.alan input:focus, .alan textarea:focus, .alan select:focus { outline: none; border-color: var(--ana); }
.alan-yan { grid-template-columns: 1fr auto; align-items: end; }
.alan-ipucu, .alan-sayac { font-size: 12px; color: var(--yazi-2); }
.alan-ipucu { display: flex; align-items: center; gap: 6px; margin: 0; }
.alan-ipucu .simge { width: 16px; height: 16px; }
.alan-sayac { justify-self: end; }
.zorunlu { color: var(--vurgu); }
.alan-hata { margin: 0; font-size: 13px; line-height: 18px; color: var(--hata); }
.onay { display: flex; align-items: center; gap: 8px; font-size: 14px; min-height: 42px; cursor: pointer; }
.ekstralar { display: grid; gap: 8px; }
@media (min-width: 600px) { .ekstralar { grid-template-columns: repeat(2, 1fr); } }
.ekstra { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 10px; padding: 8px; border: 1px solid var(--kenar); border-radius: 12px; background: var(--beyaz); }
.ekstra.secili { border-color: var(--ana); }
.ekstra-gorsel { width: 56px; height: 56px; border-radius: 8px; overflow: hidden; background: var(--bolum); }
.ekstra-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ekstra-ad { display: grid; font-size: 13px; line-height: 1.3; }
.ekstra-ad b { font-weight: 600; margin-top: 2px; }
.adet { display: flex; align-items: center; border: 1px solid var(--kenar); border-radius: var(--dugme-radius, 999px); }
.adet button { width: 32px; height: 32px; border: 0; background: none; font-size: 18px; line-height: 1; }
.adet output { min-width: 18px; text-align: center; font-weight: 600; }
.urun-mesaj { margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; background: var(--hata-zemin); color: var(--hata); font-size: 14px; }
.urun-mesaj ul { margin: 0; padding-left: 18px; }
.urun-mesaj p { margin: 0; }
.urun-mesaj a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.urun-mesaj:focus-visible { outline: 2px solid var(--hata); outline-offset: 2px; }
.sepete-ekle { width: 100%; min-height: 54px; font-size: 16px; }
.sepete-ekle .simge { width: 20px; height: 20px; }
.sepete-ekle:disabled { opacity: .6; cursor: not-allowed; }
.urun-guven { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px; font-size: 13px; color: var(--yazi-2); }
.urun-guven li { display: flex; align-items: center; gap: 8px; }
.urun-guven .simge { width: 18px; height: 18px; color: var(--ana); }
.urun-aciklama { margin-top: 40px; padding: 24px; background: var(--beyaz); border-radius: var(--radius); }
.urun-aciklama h2 { font-size: 22px; }
.urun-aciklama-sutun { margin-top: 24px; }
.urun-aciklama-sutun h2 { font-size: 18px; }
.urun-ozet { font-size: 15px; }
.urun-aciklama .seo-yazi { margin-top: 12px; padding-top: 0; border-top: 0; }

/* ---------- Kademeli sepet ---------- */
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/caveat-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Caveat"; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts/caveat-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
.gizli-etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.tam { width: 100%; }
.merkez { text-align: center; }
.basari-mesaj { margin: 0 0 14px; padding: 12px 14px; border-radius: 10px; background: #e8f5ec; color: #166534; font-size: 14px; }

.sepet-sayfa, .hesap-sayfa, .takip-sayfa { padding-top: 20px; padding-bottom: 60px; }
.adimlar { display: flex; gap: 6px; list-style: none; margin: 0 0 24px; padding: 0; overflow-x: auto; scrollbar-width: none; counter-reset: a; }
.adimlar li { flex: 1 0 auto; }
.adimlar a, .adimlar span { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 0 12px; border-radius: var(--dugme-radius, 999px); background: var(--beyaz); border: 1px solid var(--kenar); font-size: 13px; color: var(--yazi-2); white-space: nowrap; }
.adimlar b { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--bolum); font-size: 12px; color: var(--yazi); }
.adimlar .tamam a { color: var(--ana); border-color: var(--ana); }
.adimlar .tamam b { background: var(--ana); color: var(--beyaz); }
.adimlar .aktif span { background: var(--ana); border-color: var(--ana); color: var(--beyaz); font-weight: 600; }
.adimlar .aktif b { background: var(--beyaz); color: var(--ana); }
.sepet-izgara { display: grid; gap: 24px; align-items: start; }
@media (min-width: 992px) { .sepet-izgara { grid-template-columns: minmax(0, 1fr) 360px; gap: 32px; } .sepet-ozet { position: sticky; top: 170px; } }
.sepet-baslik { font-size: 26px; margin: 0 0 16px; }
.sepet-baslik small { font-size: 15px; color: var(--yazi-2); }
.sepet-satir { display: grid; grid-template-columns: 84px 1fr auto; gap: 14px; padding: 14px; margin-bottom: 10px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 14px; }
.sepet-gorsel { width: 84px; aspect-ratio: 96 / 106; border-radius: 10px; overflow: hidden; background: var(--bolum); display: block; }
.sepet-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.sepet-bilgi h3 a:hover { color: var(--ana); text-decoration: underline; text-underline-offset: 3px; }
.sepet-bilgi h3 { font-size: 16px; margin: 0 0 4px; }
.sepet-kucuk { margin: 2px 0; font-size: 13px; color: var(--yazi-2); }
.sepet-teslim { display: flex; align-items: center; gap: 6px; margin: 4px 0; font-size: 13px; font-weight: 600; color: var(--ana); }
.sepet-teslim .simge { width: 16px; height: 16px; }
.sepet-sag { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 8px; }
.sepet-kaldir { display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; font-size: 12.5px; color: var(--yazi-2); padding: 4px; }
.sepet-kaldir:hover { color: var(--vurgu); }
.sepet-kaldir .simge { width: 14px; height: 14px; }
.sepet-bos { margin-top: 20px; }
.sepet-bos > .simge { width: 48px; height: 48px; color: var(--ana); margin-bottom: 10px; }
.sepet-devam { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding: 16px; background: var(--beyaz); border-radius: 14px; }
.sepet-devam p { margin: 0; }
.sepet-uyelik { display: grid; justify-items: center; gap: 16px; margin: 16px auto 40px; }
.sepet-uyelik h1 { margin: 0 0 20px; font-size: 30px; text-align: center; }
@media (max-width: 599px) { .sepet-uyelik h1 { font-size: 24px; } }
.sepet-uyelik form, .sepet-uyelik > .uyelik-dugme { width: 100%; max-width: 400px; margin: 0; }
.uyelik-dugme { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 60px; padding: 0 48px; border: 0; border-radius: var(--radius);
    background: var(--ana); color: var(--beyaz); font: inherit; font-size: 17px; font-weight: 500; cursor: pointer; transition: background var(--gecis); }
.uyelik-dugme:hover, .uyelik-dugme:focus-visible { background: var(--yazi); color: var(--beyaz); }
.uyelik-dugme .simge { position: absolute; right: 20px; top: 50%; width: 20px; height: 20px; margin-top: -10px; transition: transform var(--gecis-yavas); }
.uyelik-dugme:hover .simge { transform: translateX(3px); }

.giris-secenek { display: grid; gap: 12px; max-width: 560px; }
.giris-secenek form { margin: 0; }
.secenek-dugme { display: grid; grid-template-columns: 44px minmax(0, 1fr) 18px; align-items: center; gap: 14px; width: 100%; padding: 16px 18px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 14px;
    color: var(--yazi); font: inherit; text-align: left; cursor: pointer; transition: border-color var(--gecis), box-shadow var(--gecis), background var(--gecis); }
.secenek-dugme:hover, .secenek-dugme:focus-visible { border-color: var(--ana); box-shadow: var(--golge); color: var(--yazi); }
.secenek-simge { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--bolum); color: var(--ana); }
.secenek-simge .simge { width: 22px; height: 22px; }
.secenek-yazi { display: grid; gap: 2px; }
.secenek-yazi b { font-size: 16px; }
.secenek-yazi small { font-size: 13px; color: var(--yazi-2); }
.secenek-dugme > .simge { width: 18px; height: 18px; color: var(--yazi-2); transition: transform var(--gecis-yavas), color var(--gecis); }
.secenek-dugme:hover > .simge { transform: translateX(3px); color: var(--ana); }
.secenek-ayrac { display: flex; align-items: center; gap: 12px; margin: 2px 0; font-size: 13px; color: var(--yazi-2); }
.secenek-ayrac::before, .secenek-ayrac::after { content: ""; flex: 1; height: 1px; background: var(--kenar); }
.hesap-izgara.kasa-hesap { max-width: 560px; }
@media (min-width: 900px) { .hesap-izgara.kasa-hesap { grid-template-columns: 1fr; } }
.kasa-hesap .giris-secenek { max-width: none; }

.sepet-ozet { padding: 18px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 14px; }
.sepet-ozet h2 { font-size: 17px; margin: 0 0 12px; }
.ozet-urunler { list-style: none; margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid var(--kenar); display: grid; gap: 10px; }
.ozet-urunler li { display: grid; grid-template-columns: 48px 1fr auto; gap: 10px; align-items: center; font-size: 13px; }
.ozet-gorsel { width: 48px; aspect-ratio: 56 / 62; border-radius: 8px; overflow: hidden; background: var(--bolum); }
.ozet-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ozet-bilgi { display: grid; gap: 1px; min-width: 0; }
.ozet-bilgi small { color: var(--yazi-2); font-size: 12px; }
.ozet-tutar { font-weight: 600; white-space: nowrap; }
.ozet-toplam { margin: 0; display: grid; gap: 6px; font-size: 14px; }
.ozet-toplam div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.ozet-toplam dt { min-width: 0; color: var(--yazi-2); }
.ozet-toplam dd { margin: 0; flex-shrink: 0; white-space: nowrap; text-align: right; }
.ozet-son { padding-top: 8px; margin-top: 4px; border-top: 1px solid var(--kenar); font-size: 17px; font-weight: 700; }
.ozet-son dt { color: var(--yazi); }
.ozet-fark { margin: 12px 0 0; padding: 10px 12px; border-radius: var(--radius); background: var(--bolum); font-size: 12.5px; line-height: 1.5; color: var(--yazi-2); }
.ozet-fark a { color: var(--ana); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

.adim-form { display: grid; gap: 4px; }
.adim-aciklama { color: var(--yazi-2); font-size: 14px; margin: 0 0 14px; display: flex; gap: 8px; align-items: flex-start; }
.adim-aciklama .simge { width: 18px; height: 18px; color: var(--ana); margin-top: 2px; }
.adim-alt-baslik { font-size: 16px; margin: 18px 0 10px; }
.adim-alt-baslik small { font-weight: 400; color: var(--yazi-2); font-size: 13px; }
.alan-izgara { display: grid; gap: 0 14px; }
@media (min-width: 600px) { .alan-izgara { grid-template-columns: 1fr 1fr; } }
.alan input[type=tel], .alan input[type=email], .alan input[type=password], .alan input[type=number], .alan input[type=file] { width: 100%; padding: 10px 12px; border: 1px solid var(--kenar); border-radius: 10px; background: var(--beyaz); font-size: 15px; }
.intl-phone-container { position: relative; width: 100%; }
.fl-box { position: relative; display: flex; align-items: stretch; width: 100%; height: 46px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 10px; overflow: hidden; transition: border-color var(--gecis), box-shadow var(--gecis); }
.fl-box:focus-within { border-color: var(--ana); box-shadow: 0 0 0 1px var(--ana); }
.fl-box .fl-wrap { position: relative; display: flex; flex: 1 1 auto; min-width: 0; }
.alan .fl-box .fl-input { width: 100%; height: 100%; margin: 0; padding: 0 12px; border: 0; border-radius: 0; background: none; box-shadow: none; outline: none; color: var(--yazi); font-size: 16px; line-height: 22px; letter-spacing: .5px; }
.fl-box .fl-input::placeholder { color: transparent; transition: color var(--gecis-hizli); }
.fl-box .fl-input:focus::placeholder { color: var(--yazi-2); }
.fl-box .fl-label { position: absolute; top: 0; left: 0; display: flex; align-items: center; height: 100%; max-width: 100%; margin: 0; padding: 0 12px; color: var(--yazi-2); font-size: 15px; font-weight: 400; white-space: nowrap; pointer-events: none; transition: top var(--gecis-hizli), font-size var(--gecis-hizli), height var(--gecis-hizli), color var(--gecis-hizli); }
.fl-box .fl-input:focus, .fl-box .fl-input:not(:placeholder-shown) { padding-top: 19px; padding-bottom: 1px; }
.fl-box .fl-input:focus ~ .fl-label, .fl-box .fl-input:not(:placeholder-shown) ~ .fl-label { top: 4px; height: auto; font-size: 12px; line-height: 16px; }
.fl-box .fl-input:focus ~ .fl-label { color: var(--ana); }
.fl-label .fl-req { margin-left: 4px; color: var(--vurgu); }
.intl-phone-country-btn { display: flex; flex-shrink: 0; align-items: center; gap: 4px; max-width: 140px; margin: 0; padding: 0 0 0 12px; border: 0; background: none; color: var(--yazi); font: inherit; font-size: 16px; white-space: nowrap; cursor: pointer; overflow: hidden; transition: max-width var(--gecis-yavas) ease, opacity var(--gecis) ease, padding var(--gecis-yavas) ease; }
.fl-phone .fl-box:focus-within .intl-phone-country-btn, .fl-phone .fl-box:has(.fl-input:not(:placeholder-shown)) .intl-phone-country-btn { padding-top: 15px; }
.intl-phone-country-btn:focus-visible { outline: 2px solid var(--ana); outline-offset: -2px; }
.intl-phone-flag { font-size: 20px; line-height: 1; }
.intl-phone-arrow { margin-left: 2px; color: var(--yazi-2); font-size: 10px; }
.intl-phone-container--country-hidden .intl-phone-country-btn { max-width: 0; padding-left: 0; padding-right: 0; opacity: 0; visibility: hidden; pointer-events: none; }
.intl-phone-container--reveal .intl-phone-country-btn { max-width: 140px; opacity: 1; }
.intl-phone-dropdown { position: absolute; top: calc(100% + 4px); left: 0; z-index: 50; display: flex; flex-direction: column; width: 100%; min-width: 280px; max-height: 300px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 10px; box-shadow: var(--golge); animation: telListe .15s ease-out; }
.intl-phone-dropdown[hidden] { display: none; }
@keyframes telListe { from { opacity: 0; transform: translateY(-4px); } }
.intl-phone-dropdown-search { padding: 8px; border-bottom: 1px solid var(--kenar); }
.alan .intl-phone-search-input { width: 100%; padding: 9px 12px; border: 1px solid var(--kenar); border-radius: 8px; background: var(--beyaz); font-size: 14px; outline: none; }
.alan .intl-phone-search-input:focus { border-color: var(--ana); }
.intl-phone-dropdown-list { margin: 0; padding: 4px 0; list-style: none; overflow-y: auto; }
.intl-phone-dropdown-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 14px; border: 0; background: none; color: var(--yazi); font: inherit; text-align: left; cursor: pointer; }
.intl-phone-dropdown-item:hover, .intl-phone-dropdown-item:focus-visible { background: var(--bolum); outline: none; }
.intl-phone-dropdown-item--selected { background: var(--bolum); font-weight: 600; }
.intl-phone-country-name { flex: 1; font-size: 14px; }
.intl-phone-dial-code-list { color: var(--yazi-2); font-size: 13px; font-weight: 500; }
.intl-phone-dropdown-empty { margin: 0; padding: 20px; color: var(--yazi-2); font-size: 14px; text-align: center; }
@media (max-width: 768px) { .intl-phone-flag { font-size: 18px; } .intl-phone-dropdown { min-width: 100%; } }
.alan input:disabled { background: var(--zemin); color: var(--yazi-2); }
.alan input:-webkit-autofill, .alan input:-webkit-autofill:hover, .alan input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--yazi);
    -webkit-box-shadow: 0 0 0 1000px var(--beyaz) inset;
    box-shadow: 0 0 0 1000px var(--beyaz) inset;
    transition: background-color 9999s ease-in-out 0s;
}
.sifre-kutu { position: relative; }
.sifre-kutu input[type=password], .sifre-kutu input[type=text] { padding-right: 44px; }
.alan.alan-hatali input, .alan.alan-hatali textarea, .alan.alan-hatali select, .alan.alan-hatali .fl-box { border-color: var(--hata); }
.sifre-goster { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 44px; height: 100%; border: 0; background: none; color: var(--yazi-2); cursor: pointer; }
.sifre-goster:hover, .sifre-goster:focus-visible { color: var(--yazi); outline: none; }
.sifre-goster .simge { width: 19px; height: 19px; }
.alici { background: var(--beyaz); padding: 16px; border-radius: 14px; border: 1px solid var(--kenar); }
.alici > legend { float: left; width: 100%; margin-bottom: 12px; }
.alici > legend + * { clear: both; }
.foto-alan label { display: flex; align-items: center; gap: 6px; }
.adim-dugmeler { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 16px; }
.adim-dugmeler .dugme { min-width: 160px; }
.adim-dugmeler form { margin: 0; }
.sozlesme { align-items: flex-start; margin-top: 6px; }
.sozlesme a { color: var(--ana); text-decoration: underline; }
.ekstralar-buyuk { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.ekstralar-buyuk .ekstra { grid-template-columns: 72px 1fr; }
.ekstralar-buyuk .ekstra-gorsel { width: 72px; height: 72px; }
.ekstralar-buyuk .adet { grid-column: 1 / -1; justify-self: end; }
.adet input { width: 36px; border: 0; background: none; text-align: center; font-weight: 600; font-size: 15px; -moz-appearance: textfield; }
.adet input::-webkit-inner-spin-button { -webkit-appearance: none; }

.kart-duzen { margin-bottom: 20px; }
.kart-duzen + .kart-duzen { padding-top: 18px; border-top: 1px solid var(--kenar); }
.kart-duzen .alan label small { font-weight: 400; color: var(--yazi-2); }
.kart-kagit { position: relative; padding: 28px 26px 20px; border-radius: 6px; background: linear-gradient(180deg, #fffdf7, #fbf6ea); box-shadow: 0 1px 0 rgba(0, 0, 0, .04), 0 12px 30px rgba(33, 67, 50, .14); border: 1px solid #efe6d2; }
.kart-kagit::before { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(33, 67, 50, .15); border-radius: 4px; pointer-events: none; }
.kart-kucuk { margin-top: 12px; padding: 18px; }
.kart-kucuk p { font-family: "Caveat", cursive; font-size: 21px; line-height: 1.3; margin: 0; }
.kart-imza-yazi { text-align: right; }

.kart-tetik { margin: 0 0 14px; padding: 16px; border: 1px dashed var(--kenar); border-radius: 14px; text-align: center; background: var(--bolum); }
.takip-kutu .kart-tetik { margin-top: 14px; }
.kart-tetik.dolu { border-style: solid; border-color: var(--ana); background: var(--beyaz); }
.kart-tetik-urun { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--yazi-2); }
.kart-tetik-dugme { display: inline-flex; align-items: center; gap: 8px; margin: 0 auto; padding: 0; border: 0; background: none; color: var(--ana); font: inherit; font-weight: 600; font-size: 15px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.kart-tetik-dugme .simge { width: 20px; height: 20px; }
.kart-tetik-ozet { margin: 8px 0 0; font-size: 13.5px; color: var(--yazi-2); white-space: pre-wrap; }
.kart-pencere { width: calc(100% - 32px); max-width: 480px; max-height: calc(100% - 48px); padding: 24px; border: 0; border-radius: 16px; background: var(--beyaz); color: var(--yazi); box-shadow: var(--golge); overflow-y: auto; }
.kart-pencere:not([open]) { display: none; }
.kart-pencere::backdrop { background: rgba(0, 0, 0, .45); }
.kart-pencere-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 14px; }
.kart-pencere-ust h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 19px; }
.kart-pencere-ust h2 .simge { width: 21px; height: 21px; color: var(--ana); }
.kart-pencere-not { margin: 4px 0 16px; font-size: 13px; color: var(--yazi-2); }

.kart-emoji { position: relative; margin-top: 6px; }
.kart-emoji-dugme { padding: 6px 10px; border: 1px solid var(--kenar); border-radius: 999px; background: var(--bolum); color: var(--yazi); font-size: 13px; cursor: pointer; }
.kart-emoji-dugme:hover { border-color: var(--ana); color: var(--ana); }
.kart-emoji-panel { position: absolute; z-index: 5; top: calc(100% + 6px); left: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 2px; width: 232px; padding: 8px; border: 1px solid var(--kenar); border-radius: 12px; background: var(--beyaz); box-shadow: var(--golge); }
.kart-emoji-panel[hidden] { display: none; }
.kart-emoji-panel button { padding: 4px; border: 0; background: none; border-radius: 8px; font-size: 19px; line-height: 1; cursor: pointer; }
.kart-emoji-panel button:hover, .kart-emoji-panel button:focus-visible { background: var(--bolum); outline: none; }

.saat-pencere { width: calc(100% - 32px); max-width: 460px; padding: 24px; border: 0; border-radius: 16px; background: var(--beyaz); color: var(--yazi); box-shadow: var(--golge); }
.saat-pencere:not([open]) { display: none; }
.saat-pencere::backdrop { background: rgba(0, 0, 0, .45); }
.saat-pencere form { margin: 0; }
.saat-pencere h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 20px; }
.saat-pencere h2 .simge { width: 22px; height: 22px; color: var(--ana); }
.saat-pencere p { margin: 0 0 12px; font-size: 14.5px; line-height: 1.5; }
.saat-pencere-gun { padding: 10px 12px; border-radius: 10px; background: var(--bolum); }
.saat-secenekler { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 18px; }
.saat-secenek { cursor: pointer; }
.saat-secenek input { position: absolute; opacity: 0; }
.saat-secenek span { display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 1px solid var(--kenar); border-radius: var(--dugme-radius, 999px); background: var(--beyaz); font-size: 14px; font-weight: 500; }
.saat-tam-secim { width: 100%; padding: 10px 12px; border: 1px solid var(--kenar); border-radius: 10px; background: var(--beyaz); color: var(--yazi); font-size: 15px; }
.saat-secenek small { color: var(--yazi-2); font-size: 12px; }
.saat-secenek input:checked + span { border-color: var(--ana); box-shadow: inset 0 0 0 1px var(--ana); color: var(--ana); font-weight: 700; }
.saat-secenek input:focus-visible + span { outline: 2px solid var(--ana); outline-offset: 2px; }
.saat-pencere-dugmeler { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.saat-pencere-dugmeler .dugme { flex: 1 1 160px; }
.saat-pencere .saat-pencere-not { margin: 14px 0 0; font-size: 13px; color: var(--yazi-2); }

.odeme-sekmeler { display: flex; gap: 8px; margin: 0 0 16px; padding: 4px; border-radius: 14px; background: var(--bolum); }
.odeme-sekmeler button { flex: 1 1 0; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 6px 12px; border: 0; border-radius: 10px; background: none; font: inherit; font-size: 14.5px; font-weight: 600; color: var(--yazi-2); text-align: center; cursor: pointer; transition: background var(--gecis), color var(--gecis); }
.odeme-sekmeler button:hover { color: var(--ana); }
.odeme-sekmeler button.secili { background: var(--beyaz); color: var(--ana); box-shadow: 0 1px 4px rgba(0, 0, 0, .08); cursor: default; }
.odeme-sekmeler .simge { flex-shrink: 0; width: 20px; height: 20px; }
@media (max-width: 599px) { .odeme-sekmeler button { flex-direction: column; gap: 2px; font-size: 12.5px; line-height: 1.2; } }
.havale-bilgi { margin: 12px 0; padding: 14px; border-radius: 14px; background: var(--bolum); font-size: 14px; }
.havale-bilgi ul { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 8px; }
.havale-bilgi li { display: grid; gap: 2px; padding: 10px 12px; background: var(--beyaz); border-radius: 10px; }
.havale-bilgi code { font-family: ui-monospace, Consolas, monospace; font-size: 14px; letter-spacing: .03em; user-select: all; }
.odeme-iframe { width: 100%; min-height: 600px; border: 0; border-radius: 14px; background: var(--beyaz); }

.tesekkur { text-align: center; padding: 30px 16px; margin-bottom: 20px; background: var(--beyaz); border-radius: 16px; }
.tesekkur-simge { display: inline-grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--bolum); color: var(--vurgu); margin-bottom: 10px; }
.tesekkur-simge .simge { width: 30px; height: 30px; fill: currentColor; }
.tesekkur h1 { font-size: 28px; }
.tesekkur p { max-width: 560px; margin: 0 auto; color: var(--yazi-2); }
.takip-kutu { padding: 18px; margin-bottom: 14px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 16px; }
.takip-kutu h2 { font-size: 18px; margin: 0 0 4px; }
.takip-urun { display: grid; grid-template-columns: 84px 1fr; gap: 14px; }
.cizelge { display: flex; list-style: none; margin: 16px 0 6px; padding: 0; counter-reset: c; }
.cizelge li { flex: 1; position: relative; text-align: center; font-size: 12px; color: var(--yazi-2); padding-top: 26px; }
.cizelge li span { position: absolute; top: 0; left: 50%; width: 18px; height: 18px; margin-left: -9px; border-radius: 50%; background: var(--beyaz); border: 2px solid var(--kenar); z-index: 1; }
.cizelge li::before { content: ""; position: absolute; top: 8px; left: -50%; right: 50%; height: 2px; background: var(--kenar); }
.cizelge li:first-child::before { display: none; }
.cizelge li.tamam, .cizelge li.aktif { color: var(--ana); font-weight: 600; }
.cizelge li.tamam span, .cizelge li.aktif span { background: var(--ana); border-color: var(--ana); }
.cizelge li.tamam::before, .cizelge li.aktif::before { background: var(--ana); }
.cizelge li.aktif span { box-shadow: 0 0 0 4px var(--bolum); }
.takip-bilgi { display: grid; gap: 6px; margin: 12px 0 0; font-size: 14px; }
.takip-bilgi div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; }
.takip-bilgi dt { color: var(--yazi-2); }
.takip-bilgi dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.takip-foto { display: flex; align-items: center; gap: 12px; margin: 12px 0 0; padding: 10px; border-radius: 12px; background: var(--bolum); }
.takip-foto img { width: 96px; height: auto; border-radius: 10px; display: block; }
.takip-foto figcaption { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--yazi-2); }
.takip-foto figcaption .simge { width: 18px; height: 18px; color: var(--ana); flex-shrink: 0; }
@media (max-width: 480px) { .takip-bilgi div { grid-template-columns: 1fr; gap: 2px; } }
.takip-durum-ozel { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: #fff4ec; color: #9a3412; font-weight: 600; }
.foto-onay { margin-top: 14px; padding: 16px; border-radius: 14px; background: var(--bolum); text-align: center; }
.foto-onay h3 { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 12px; }
.foto-onay img { max-width: 360px; width: 100%; margin: 0 auto 8px; border-radius: 12px; }
.foto-onay .adim-dugmeler { justify-content: center; }
.degisiklik summary { list-style: none; cursor: pointer; }
.degisiklik summary::-webkit-details-marker { display: none; }
.degisiklik[open] form { margin-top: 10px; text-align: left; }

.yorum-kutu { margin-top: 14px; }
.yildiz-secim { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px; margin-bottom: 14px; }
.yildiz-secim input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.yildiz-secim label { cursor: pointer; color: var(--kenar); }
.yildiz-secim label .simge { width: 28px; height: 28px; }
.yildiz-secim label:hover, .yildiz-secim label:hover ~ label, .yildiz-secim input:checked ~ label { color: #f5a623; }
.yorum-yanit { margin-top: 6px; padding: 10px 14px; background: var(--bolum); border-radius: 10px; font-size: 14px; }
.bildirim-form { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(0, 0, 0, .08); }
.bildirim-form h3 { margin: 0 0 8px; font-size: 16px; }

/* Üyelik */
.hesap-izgara { display: grid; gap: 20px; max-width: 980px; margin: 0 auto; }
@media (min-width: 900px) { .hesap-izgara { grid-template-columns: 1fr 1.2fr; align-items: start; } }
.hesap-kutu { padding: 24px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 16px; }
.hesap-kutu.tek { max-width: 480px; margin: 0 auto; }
.hesap-kutu.odak { border-color: var(--ana); }
.hesap-kutu h1, .hesap-kutu h2 { display: flex; align-items: center; gap: 10px; font-size: 22px; margin: 0 0 14px; }
.hesap-kutu h1 .simge, .hesap-kutu h2 .simge { color: var(--ana); }
.hesap-satir { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; font-size: 14px; }
.hesap-satir a, .hesap-alt a { color: var(--ana); text-decoration: underline; }
.hesap-alt { margin: 14px 0 0; text-align: center; font-size: 14px; }
.hesap-duzen { display: grid; gap: 20px; }
@media (min-width: 900px) { .hesap-duzen { grid-template-columns: 240px 1fr; align-items: start; } }
.hesap-menu { display: grid; gap: 4px; padding: 10px; background: var(--beyaz); border-radius: 16px; border: 1px solid var(--kenar); }
.hesap-menu a, .hesap-menu button { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px; border: 0; border-radius: 10px; background: none; font-size: 14px; text-align: left; width: 100%; }
.hesap-menu a:hover, .hesap-menu button:hover, .hesap-menu [aria-current] { background: var(--bolum); color: var(--ana); }
.hesap-menu .simge { width: 18px; height: 18px; }
.hesap-menu form { margin: 0; }
.siparis-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.siparis-liste a { display: grid; grid-template-columns: 1fr; gap: 4px 14px; align-items: center; padding: 12px 14px; border: 1px solid var(--kenar); border-radius: 12px; font-size: 14px; }
@media (min-width: 700px) { .siparis-liste a { grid-template-columns: 140px 1fr auto auto; } }
.siparis-liste a:hover { border-color: var(--ana); }
.siparis-liste span { display: grid; }
.siparis-liste small { color: var(--yazi-2); font-size: 12px; }
.label-durum { display: inline-flex !important; padding: 3px 10px; border-radius: var(--dugme-radius, 999px); background: var(--bolum); color: var(--ana); font-size: 12px; font-weight: 600; }
.adres-liste { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; }
.adres-kart { padding: 14px 16px; border: 1px solid var(--kenar); border-radius: 12px; font-size: 14px; }
.adres-kart.varsayilan { border-color: var(--ana); }
.adres-kart p { margin: 2px 0; color: var(--yazi-2); }
.adres-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.adres-ust b { font-size: 15px; color: var(--yazi); }
.adres-kart .adim-dugmeler { margin-top: 10px; justify-content: flex-start; }
.dugme-kucuk { min-width: 0 !important; padding: 7px 16px; font-size: 13px; }
.adres-secim-liste { margin-bottom: 4px; }
.adres-secim-liste .secenek { align-items: flex-start; justify-content: flex-start; min-height: 0; padding: 12px 14px; }
.adres-secim-metin { display: grid; gap: 3px; min-width: 0; }
.adres-secim-ust { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.adres-secim-ust .simge { width: 16px; height: 16px; color: var(--ana); flex-shrink: 0; }
.adres-secim-ozet { color: var(--yazi-2); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adres-kaydet-blok { margin: -6px 0 14px; }
/* ---------- Görsel ve yazı ---------- */
.gorsel-metin-izgara { display: grid; gap: 28px; align-items: center; }
.gm-gorsel { border-radius: var(--radius); overflow: hidden; aspect-ratio: 9 / 7; }
.gm-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.gm-icerik h2 { font-size: 30px; }
.gm-icerik p { color: var(--yazi-2); }
.gm-icerik .dugme { margin-top: 12px; }
@media (min-width: 992px) {
    .gorsel-metin-izgara { grid-template-columns: 1fr 1fr; gap: 80px; }
    .gorsel-sagda .gm-gorsel { order: 2; }
    .gm-icerik { max-width: 520px; }
    .gm-icerik h2 { font-size: 42px; }
}

/* ---------- Güven simgeleri ---------- */
.guven { padding: 30px 0; }
.guven-kutu { background: var(--beyaz); border-radius: var(--radius); padding: 30px 20px; }
.guven-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px 16px; }
.guven-oge { text-align: center; }
.guven-simge { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 50%; border: 1px solid var(--kenar); display: flex; align-items: center; justify-content: center; color: var(--ana); }
.guven-simge .simge { width: 28px; height: 28px; }
.guven-oge h3 { font-size: 16px; font-weight: 600; margin: 0 0 4px; }
.guven-oge p { color: var(--yazi-2); margin: 0; font-size: 13px; }
@media (min-width: 992px) {
    .guven { padding: 50px 0; }
    .guven-kutu { padding: 50px 40px; }
    .guven-3 { grid-template-columns: repeat(3, 1fr); } .guven-4 { grid-template-columns: repeat(4, 1fr); }
    .guven-oge h3 { font-size: 18px; }
    .guven-oge p { font-size: 14px; }
}

/* ---------- Müşteri yorumları ---------- */
.yorum-kutu { position: relative; background: var(--ana); color: var(--beyaz); border-radius: var(--radius); padding: 30px 20px 76px; }
.yorum-serit { grid-auto-columns: 100%; gap: 0; }
.yorum { margin: 0; display: grid; gap: 24px; align-items: center; }
.yorum-metin > .simge { width: 34px; height: 34px; opacity: .6; margin-bottom: 18px; }
.yorum .ust-yazi { margin-bottom: 8px; }
.yildizlar { display: flex; gap: 4px; color: var(--vurgu); margin-bottom: 18px; }
.yildizlar .simge { width: 16px; height: 16px; }
.yorum blockquote { margin: 0 0 18px; font-size: 18px; line-height: 28px; }
.yorum figcaption { display: grid; gap: 2px; font-size: 13px; }
.yorum-gorsel { border-radius: var(--radius); overflow: hidden; aspect-ratio: 1; max-width: 360px; background: var(--beyaz); }
.yorum-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.yorum-kutu .kaydir-oklar { position: absolute; left: 20px; bottom: 26px; }
.yorum-kutu .kaydir-ok { border-color: var(--beyaz); color: var(--beyaz); }
.yorum-kutu .kaydir-ok:hover { background: var(--beyaz); color: var(--ana); }
.yorum-kutu .kaydir-ok:disabled { color: var(--beyaz); background: transparent; }
@media (min-width: 992px) {
    .yorum-kutu { padding: 70px 110px 110px 110px; }
    .yorum { grid-template-columns: 1fr 340px; gap: 60px; }
    .yorum-gorselsiz { grid-template-columns: 1fr; }
    .yorum blockquote { font-size: 22px; line-height: 34px; }
    .yorum-kutu .kaydir-oklar { left: 110px; bottom: 60px; }
}

/* ---------- Yazı bloğu ---------- */
.metin-orta > .kap > h2 { text-align: center; }
.metin h2 { font-size: 28px; }
.metin p { color: var(--yazi-2); }
@media (min-width: 992px) { .metin h2 { font-size: 36px; } }

/* ---------- Alt bilgi ---------- */
.alt { background: var(--alt-zemin, var(--ana)); color: rgba(255, 255, 255, .8); font-size: 14px; }
.alt a:hover { color: var(--beyaz); }
.alt-izgara { display: grid; gap: 32px; padding-top: 50px; padding-bottom: 36px; }
.alt-logo { color: var(--beyaz); margin-bottom: 16px; justify-content: flex-start; width: fit-content; }
.alt-ortali .alt-logo { justify-content: center; }
.alt-firma p { max-width: 360px; }
.alt-iletisim { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; }
.alt-iletisim li { display: flex; gap: 10px; align-items: flex-start; }
.alt-iletisim .simge { width: 18px; height: 18px; margin-top: 2px; }
.sosyal { display: flex; gap: 8px; }
.sosyal a { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .3); display: flex; align-items: center; justify-content: center; }
.sosyal a:hover { background: var(--beyaz); color: var(--ana); }
.sosyal .simge { width: 16px; height: 16px; }
.alt-baslik { color: var(--beyaz); font-size: 16px; font-weight: 600; margin: 0 0 16px; }
.alt ul { list-style: none; margin: 0; padding: 0; }
.alt-sutun li { margin: 0 0 10px; }
.alt-telif { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid rgba(255, 255, 255, .15); padding-top: 20px; padding-bottom: 20px; font-size: 13px; }
.alt-telif p { margin: 0; }
.odeme-gorsel { max-height: 28px; width: auto; }
@media (min-width: 768px) { .alt-izgara { grid-template-columns: minmax(260px, 2fr) repeat(auto-fit, minmax(150px, 1fr)); gap: 40px; padding-top: 80px; padding-bottom: 60px; } }

/* ---------- Site haritası ---------- */
.harita { padding-top: 24px; padding-bottom: 48px; }
.harita-izgara { display: grid; grid-template-columns: 1fr; gap: 28px 40px; }
@media (min-width: 768px) { .harita-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .harita-izgara { grid-template-columns: repeat(3, 1fr); } }
.harita-bolum h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 20px; }
.harita-bolum h2 .simge { color: var(--ana); }
.harita-bolum ul { list-style: none; margin: 0; padding: 0; }
.harita-bolum ul ul { padding-left: 16px; margin: 4px 0 6px; border-left: 2px solid var(--kenar); }
.harita-bolum li { margin: 0 0 6px; font-size: 15px; }
.harita-bolum a { color: var(--yazi); }
.harita-bolum a:hover { color: var(--ana); }
.harita-genis { grid-column: 1 / -1; }
.harita-il { margin: 0 0 8px; border: 1px solid var(--kenar); border-radius: 10px; padding: 10px 14px; background: var(--beyaz); }
.harita-il summary { cursor: pointer; font-weight: 600; }
.harita-il summary small { font-weight: 400; opacity: .7; }
.harita-il ul { columns: 2; column-gap: 24px; margin-top: 10px; }
@media (min-width: 768px) { .harita-il ul { columns: 3; } }
@media (min-width: 1100px) { .harita-il ul { columns: 4; } }

/* ---------- WhatsApp ---------- */
.whatsapp-kutu { position: fixed; right: 16px; bottom: 16px; z-index: 40; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.whatsapp { width: 52px; height: 52px; border: 0; border-radius: 50%; background: #25d366; color: var(--beyaz); display: flex; align-items: center; justify-content: center; box-shadow: var(--golge); flex: none; cursor: pointer; }
.whatsapp .simge { width: 30px; height: 30px; }
.ara-dugme { display: none; width: 52px; height: 52px; border-radius: 50%; background: var(--ana); color: var(--beyaz); align-items: center; justify-content: center; box-shadow: var(--golge); flex: none; }
.ara-dugme .simge { width: 26px; height: 26px; }
@media (max-width: 767px) { .ara-dugme { display: flex; } }
.whatsapp-balon { position: relative; width: 260px; max-width: calc(100vw - 32px); padding: 16px 18px; border-radius: var(--radius); background: var(--beyaz); color: var(--yazi); box-shadow: var(--golge); border: 1px solid var(--kenar); }
.whatsapp-balon p { margin: 0 0 10px; font-size: 14px; line-height: 1.5; }
.whatsapp-balon-baslik { font-weight: 600; }
.whatsapp-balon-kapat { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--yazi); opacity: .6; }
.whatsapp-balon-kapat:hover { background: var(--zemin); opacity: 1; }
.whatsapp-balon-kapat .simge { width: 14px; height: 14px; }
.whatsapp-balon-dugme { display: block; text-align: center; padding: 10px 14px; border-radius: calc(var(--radius) - 4px); background: #25d366; color: var(--beyaz); font-size: 14px; font-weight: 600; margin: 0; }
/* ---------- Sipariş asistanı ---------- */
.asistan-kutu { position: fixed; left: 16px; bottom: 16px; z-index: 60; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.asistan-ac { width: 52px; height: 52px; border: 0; border-radius: 50%; background: var(--ana); color: var(--beyaz); display: flex; align-items: center; justify-content: center; box-shadow: var(--golge); flex: none; cursor: pointer; }
.asistan-ac .simge { width: 26px; height: 26px; }
.asistan-panel { width: 380px; max-width: calc(100vw - 32px); max-height: min(640px, calc(100vh - 180px)); display: flex; flex-direction: column; background: var(--beyaz); color: var(--yazi); border-radius: var(--radius); box-shadow: var(--golge); border: 1px solid var(--kenar); overflow: hidden; }
.asistan-baslik { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; background: var(--ana); color: var(--beyaz); flex: none; }
.asistan-baslik strong { display: block; font-size: 14px; }
.asistan-baslik span { display: block; font-size: 12px; opacity: .8; }
.asistan-kapat { border: 0; background: transparent; cursor: pointer; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--beyaz); flex: none; }
.asistan-kapat:hover { background: rgba(255,255,255,.15); }
.asistan-kapat .simge { width: 16px; height: 16px; }
.asistan-govde { flex: 1; min-height: 0; overflow-y: auto; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; overflow-anchor: none; }
.asistan-govde > * { flex-shrink: 0; }
.asistan-mesaj { align-self: flex-start; max-width: 90%; background: var(--zemin); border-radius: 14px; padding: 10px 14px; }
.asistan-mesaj p { margin: 0; font-size: 13px; line-height: 1.5; }
.asistan-secili { align-self: flex-end; max-width: 90%; background: var(--ana); color: var(--beyaz); border-radius: 14px; padding: 10px 14px; font-size: 13px; font-weight: 600; }
.asistan-secenekler { display: flex; flex-wrap: wrap; gap: 8px; }
.asistan-secenek { border: 1px solid var(--kenar); background: var(--beyaz); border-radius: 999px; padding: 9px 16px; font-size: 13px; color: var(--yazi); cursor: pointer; }
.asistan-secenek:hover { border-color: var(--ana); color: var(--ana); }
.asistan-geri { align-self: flex-start; border: 0; background: none; padding: 0; color: var(--yazi-2); font-size: 12px; text-decoration: underline; cursor: pointer; }
.asistan-yukleniyor { align-self: flex-start; color: var(--yazi-2); font-size: 13px; }
.asistan-bos { color: var(--yazi-2); font-size: 13px; margin: 0; }
.asistan-urunler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.asistan-urunler .asistan-bos { grid-column: 1 / -1; }
.asistan-urun { display: flex; flex-direction: column; border: 1px solid var(--kenar); border-radius: var(--radius); padding: 8px; min-width: 0; }
.asistan-urun .urun-kart { font-size: 12px; flex: 1; }
.asistan-urun .urun-gorsel { aspect-ratio: 1; }
.asistan-urun h3 { font-size: 12px; line-height: 1.3; margin: 6px 0 2px; }
.asistan-urun .fiyat { font-size: 12px; }
.asistan-urun .favori-dugme, .asistan-urun .urun-incele-alt, .asistan-urun .teslim-bilgi { display: none; }
.asistan-urun-dugme { display: block; width: 100%; margin-top: 8px; min-height: 34px; padding: 0 10px; font-size: 13px; }
.asistan-ozet { align-self: flex-start; max-width: 95%; background: var(--zemin); border-radius: 14px; padding: 10px 14px; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.asistan-ozet b { font-weight: 600; }
.asistan-ozet small { display: block; margin-top: 6px; color: var(--yazi-2); font-size: 12px; line-height: 1.4; }
.asistan-form { display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--kenar); background: var(--beyaz); flex: none; }
.asistan-girdi { flex: 1; min-width: 0; min-height: 40px; padding: 0 14px; border: 1px solid var(--kenar); border-radius: 999px; background: var(--beyaz); color: var(--yazi); font: inherit; font-size: 16px; }
.asistan-girdi:focus { border-color: var(--ana); outline: none; }
.asistan-girdi:disabled { background: var(--zemin); }
.asistan-form .dugme { min-height: 40px; padding: 0 16px; }
.asistan-form .dugme:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 480px) { .asistan-panel { width: calc(100vw - 32px); } }

.cerez { position: fixed; left: 12px; right: 12px; bottom: 12px; max-width: 760px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 14px 18px;
    background: var(--yazi); color: var(--beyaz); border-radius: var(--radius); font-size: 13px; z-index: 1300; max-height: calc(100dvh - 24px); overflow-y: auto; bottom: max(12px, env(safe-area-inset-bottom)); }
.cerez p { margin: 0; flex: 1 1 260px; }
.cerez a { text-decoration: underline; text-underline-offset: 2px; color: inherit; }
.cerez-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.cerez-dugmeler .dugme { min-height: 38px; padding: 0 18px; }
.cerez-dugmeler .dugme-cizgi { border-color: var(--beyaz); background: var(--beyaz); color: var(--yazi); }
.cerez-dugmeler .dugme-cizgi:hover { background: var(--bolum); color: var(--yazi); }
@media (max-width: 600px) {
    .cerez { padding: 14px; gap: 12px; }
    .cerez-dugmeler { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
    .cerez-dugmeler .dugme { min-height: 44px; padding: 0 10px; }
    .cerez-dugmeler [data-cerez-kabul] { grid-column: 1 / -1; }
}

.cerez-pencere { max-width: 520px; }
.cerez-pencere h2 { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cerez-pencere-kapat { border: 0; background: none; padding: 4px; cursor: pointer; color: var(--yazi); }
.cerez-pencere-kapat .simge { width: 20px; height: 20px; }
.cerez-liste { margin: 4px 0 0; }
.cerez-satir { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--kenar); }
.cerez-satir:last-child { border-bottom: 0; }
.cerez-satir h3 { margin: 0 0 4px; font-size: 15px; }
.cerez-satir p { margin: 0; font-size: 13px; color: var(--yazi-2); }
.cerez-anahtar { position: relative; display: inline-block; width: 42px; height: 24px; flex-shrink: 0; margin-top: 2px; }
.cerez-anahtar input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.cerez-anahtar span { position: absolute; inset: 0; background: var(--kenar); border-radius: 999px; transition: background var(--gecis); }
.cerez-anahtar span::before { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--beyaz); transition: transform var(--gecis); }
.cerez-anahtar input:checked + span { background: var(--ana); }
.cerez-anahtar input:checked + span::before { transform: translateX(18px); }
.cerez-anahtar input:disabled + span { opacity: .6; cursor: default; }
.cerez-anahtar input:focus-visible + span { outline: 2px solid var(--ana); outline-offset: 2px; }
.cerez-pencere-dugmeler { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 18px; }
.cerez-pencere-dugmeler .dugme { flex: 1 1 140px; }

/* ---------- Boş ---------- */
.sayfa-bos { text-align: center; padding: 80px 16px; max-width: 640px; }
.sayfa-bos h1 { font-size: 32px; }
.sayfa-bos p { color: var(--yazi-2); }

.icerik-sayfa { max-width: 860px; padding-top: 32px; padding-bottom: 56px; }
.sayfa-guncelleme { margin: 0; font-size: 13px; color: var(--yazi-2); }
.taslak-not { margin: 0 0 20px; padding: 10px 14px; border-radius: var(--radius); background: #fff4d6; color: #7a5b00; font-size: 13.5px; }
.bilgi-liste, .zengin .bilgi-liste { list-style: none; margin: 0 0 1em; padding: 12px 16px; border: 1px solid var(--kenar); border-radius: var(--radius); background: var(--beyaz); }
.bilgi-liste li { margin: 0 0 4px; }
.sozlesme-not { padding: 10px 14px; border-left: 3px solid var(--ana); background: var(--bolum); border-radius: 0 var(--radius) var(--radius) 0; font-size: 14px; }
.zengin .sozlesme-tablo { display: table; font-size: 14px; }
.sozlesme-tablo th { background: var(--bolum); color: var(--yazi); font-weight: 600; }
.sozlesme-tablo td:last-child, .sozlesme-tablo th:last-child { text-align: right; white-space: nowrap; }
.sozlesme-tablo tfoot td { background: var(--zemin); }
.sozlesme-toplam td { color: var(--yazi); font-weight: 700; }
@media (max-width: 600px) { .zengin .sozlesme-tablo { display: block; } }

.iletisim { padding-top: 32px; padding-bottom: 56px; }
.iletisim-izgara { display: grid; gap: 28px; }
@media (min-width: 900px) { .iletisim-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 40px; } }
.iletisim-bilgi { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; align-content: start; }
.iletisim-bilgi li { display: flex; gap: 14px; padding: 16px; border: 1px solid var(--kenar); border-radius: var(--radius); background: var(--beyaz); }
.iletisim-bilgi li > .simge { flex-shrink: 0; width: 22px; height: 22px; color: var(--ana); }
.iletisim-bilgi div { display: grid; gap: 2px; font-size: 14.5px; }
.iletisim-bilgi b { font-size: 13px; color: var(--yazi-2); font-weight: 500; }
.iletisim-bilgi a:hover { color: var(--ana); text-decoration: underline; }
.iletisim-form { padding: 22px; border: 1px solid var(--kenar); border-radius: var(--radius); background: var(--beyaz); }
.iletisim-form-tek { max-width: 640px; margin: 0 auto; }
.hizli-odeme-kutu { max-width: 680px; margin: 0 auto; padding-bottom: 32px; }
.hizli-ozet { display: grid; gap: 6px; margin-bottom: 16px; text-align: center; justify-items: center; }
.hizli-tutar { font-size: 32px; font-weight: 700; color: var(--ana); }
.hizli-bilgi { font-size: 14px; color: var(--yazi-2); }
.iletisim-form h2 { font-size: 20px; margin: 0 0 14px; }
.iletisim-kvkk { margin: 0 0 14px; font-size: 12.5px; color: var(--yazi-2); }
.iletisim-kvkk a { text-decoration: underline; }
.urun-mesaj.basarili { background: #ecfdf3; color: #166534; }
.tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.iletisim-harita { display: block; width: 100%; height: 380px; margin-top: 32px; border: 0; border-radius: var(--radius); }
.sayfa-bos .dugme { background: var(--ana); color: var(--beyaz); }
.bakim .sayfa-bos { margin-top: 10vh; background: var(--beyaz); border-radius: var(--radius); box-shadow: var(--golge); }
.bakim-logo { margin: 0 auto 20px; max-height: 60px; width: auto; }

/* ---------- Kasa şablonu ---------- */
.kasa-ust { background: var(--beyaz); border-bottom: 1px solid var(--kenar); }
.kasa-satir { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; min-height: 68px; }
.kasa-ust .logo { grid-area: auto; }
.kasa-ust .logo img { max-height: 48px; }
.kasa-geri, .kasa-guvenli { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--yazi-2); }
.kasa-geri:hover { color: var(--ana); }
.kasa-guvenli { justify-self: end; color: var(--ana); font-weight: 600; }
.kasa-geri .simge, .kasa-guvenli .simge { width: 18px; height: 18px; }
@media (max-width: 599px) { .kasa-geri span, .kasa-guvenli span { display: none; } }
.kasa main { padding-top: 24px; min-height: 70vh; }
.kasa-alt { padding: 24px 0 32px; font-size: 13px; color: var(--yazi-2); text-align: center; }
.kasa-alt p { margin: 4px 0; }
@media (min-width: 992px) { .kasa .sepet-ozet { top: 24px; } }

.sepet-geri { margin: 14px 0 0; font-size: 14px; }
.sepet-geri a { display: inline-flex; align-items: center; gap: 6px; color: var(--yazi-2); }
.sepet-geri a:hover { color: var(--ana); }
.sepet-geri .simge { width: 16px; height: 16px; }
.ozet-devam { width: 100%; margin-top: 14px; }
.ozet-indirim dt, .ozet-indirim dd { color: var(--vurgu); }
.ozet-indirim small { font-size: 12px; }
.kupon { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--kenar); display: grid; gap: 8px; }
.kupon-form label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.kupon-satir { display: flex; gap: 8px; }
.kupon-satir input { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid var(--kenar); border-radius: 10px; background: var(--beyaz); font-size: 15px; text-transform: uppercase; letter-spacing: .04em; }
.kupon-satir input[aria-invalid=true] { border-color: var(--vurgu); }
.kupon-satir .dugme { flex-shrink: 0; min-height: 0; padding: 0 16px; }
.kupon-hata { margin: 6px 0 0; font-size: 13px; color: var(--vurgu); }
.kupon-uygulu { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; background: var(--bolum); font-size: 14px; }
.kupon-uygulu > .simge { width: 18px; height: 18px; color: var(--ana); flex-shrink: 0; }
.kupon-uygulu span { flex: 1; display: grid; gap: 2px; min-width: 0; }
.kupon-uygulu b { letter-spacing: .04em; }
.kupon-uygulu small { font-size: 12.5px; color: var(--yazi-2); }
.kupon-uygulu.kupon-bekliyor { background: #fff1ec; }
.kupon-uygulu.kupon-bekliyor small { color: var(--vurgu); }
.kupon-kaldir { border: 0; background: none; padding: 4px; color: var(--yazi-2); display: grid; }
.kupon-kaldir .simge { width: 16px; height: 16px; }
.kupon-kaldir:hover { color: var(--vurgu); }
.kupon-tesvik { display: flex; gap: 8px; align-items: flex-start; margin: 0; font-size: 13px; color: var(--ana); font-weight: 600; }
.kupon-tesvik .simge { width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; }
.havale-adimlar { margin: 0 0 14px; padding-left: 20px; display: grid; gap: 6px; font-size: 14px; }
.bildirim-form { margin-top: 18px; padding: 18px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 14px; }

/* ---------- Editör önizlemesi ---------- */
.onizleme [data-blok] { position: relative; cursor: pointer; }
.onizleme [data-blok]:hover { outline: 2px dashed #2f6fed; outline-offset: -2px; }
.onizleme [data-blok].secili-blok { outline: 2px solid #2f6fed; outline-offset: -2px; }

/* ---------- Zengin yazı ---------- */
.zengin { color: var(--yazi-2); font-size: 15px; line-height: 1.7; }
.zengin > :last-child { margin-bottom: 0; }
.zengin h2, .zengin h3, .zengin h4 { color: var(--yazi); margin: 1.4em 0 .5em; }
.zengin h2 { font-size: 24px; } .zengin h3 { font-size: 20px; } .zengin h4 { font-size: 17px; font-weight: 600; }
.zengin > h2:first-child, .zengin > h3:first-child, .zengin > h4:first-child { margin-top: 0; }
.zengin strong, .zengin b { color: var(--yazi); font-weight: 700; }
.zengin a { color: var(--ana); text-decoration: underline; text-underline-offset: 3px; }
.zengin ul, .zengin ol { margin: 0 0 1em; padding-left: 1.4em; }
.zengin li { margin: 0 0 .35em; }
.zengin blockquote { margin: 0 0 1em; padding: 4px 0 4px 18px; border-left: 3px solid var(--ana); font-style: italic; }
.zengin hr { border: 0; border-top: 1px solid var(--kenar); margin: 1.5em 0; }
.zengin img { border-radius: var(--radius); margin: 1em auto; }
.zengin table { width: 100%; border-collapse: collapse; margin: 0 0 1em; display: block; overflow-x: auto; }
.zengin th, .zengin td { border: 1px solid var(--kenar); padding: 8px 12px; text-align: left; }
.hiza-sol { text-align: left; } .hiza-orta { text-align: center; } .hiza-sag { text-align: right; } .hiza-iki { text-align: justify; }
.metin .zengin { margin-top: 8px; }
@media (min-width: 992px) { .zengin h2 { font-size: 28px; } .zengin h3 { font-size: 22px; } }

.blok { --blok-zemin: var(--zemin); }
.zemin-renkli { --blok-zemin: var(--bolum); }
.kisalt-kisa { --kisa-boy: 100px; } .kisalt-orta { --kisa-boy: 200px; } .kisalt-uzun { --kisa-boy: 340px; }
.kisaltilmis { max-height: var(--kisa-boy); overflow: hidden; position: relative; }
.kisaltilmis::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 80px; background: linear-gradient(rgba(255, 255, 255, 0), var(--blok-zemin)); pointer-events: none; }
.devam-kap { text-align: center; margin-top: 12px; }
.metin-sol .devam-kap { text-align: left; }
.devam-dugme { display: inline-flex; align-items: center; gap: 6px; border: 0; background: none; padding: 6px 0; color: var(--ana); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.devam-dugme .simge { width: 16px; height: 16px; transition: transform var(--gecis); }
.devam-dugme[aria-expanded="true"] .simge { transform: rotate(180deg); }

/* ---------- Görsel ızgarası ---------- */
.oran-yatay { --oran: 4 / 3; } .oran-genis { --oran: 16 / 9; } .oran-kare { --oran: 1 / 1; } .oran-dikey { --oran: 3 / 4; } .oran-serit { --oran: 3 / 1; }
.izgara { display: grid; grid-template-columns: 1fr; gap: 15px; }
.izgara.bosluksuz { gap: 0; }
.izgara-oge { position: relative; display: block; overflow: hidden; border-radius: var(--radius); aspect-ratio: var(--oran); background: var(--bolum); color: var(--beyaz); }
.bosluksuz .izgara-oge, .bosluksuz .izgara-gorsel { border-radius: 0; }
.izgara-gorsel { position: absolute; inset: 0; display: block; overflow: hidden; }
.izgara-gorsel picture, .izgara-gorsel .gorsel-yok { display: block; width: 100%; height: 100%; }
.izgara-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
a.izgara-oge:hover .izgara-gorsel img { transform: scale(1.05); }
.izgara-icerik { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 20px; }
.izgara-ust { font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.izgara-baslik { font-family: var(--baslik-tipi, inherit); font-weight: var(--baslik-kalinlik, 400); font-size: 22px; line-height: 1.2; }
.izgara-dugme { min-height: 38px; padding: 0 18px; margin-top: 6px; }
a.izgara-oge:hover .izgara-dugme.dugme-beyaz { background: var(--ana); color: var(--beyaz); }
a.izgara-oge:hover .izgara-dugme.dugme-cizgi { background: var(--yazi); color: var(--beyaz); }
a.izgara-oge:hover .izgara-dugme .simge { transform: translateX(3px); }
.ton-acik.yazi-alt_sol .izgara-oge::after { content: ""; position: absolute; inset: 40% 0 0 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .55)); pointer-events: none; }
.ton-acik.yazi-orta .izgara-oge::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .28); pointer-events: none; }
.ton-koyu .izgara-oge { color: var(--yazi); }
.yazi-orta .izgara-icerik { top: 0; justify-content: center; align-items: center; text-align: center; }
/* Yazı görselin altında */
.yazi-alt .izgara-oge { aspect-ratio: auto; overflow: visible; background: none; border-radius: 0; color: var(--yazi); display: flex; flex-direction: column; gap: 14px; }
.yazi-alt .izgara-gorsel { position: relative; inset: auto; aspect-ratio: var(--oran); border-radius: var(--radius); background: var(--bolum); }
.yazi-alt .izgara-icerik { position: static; padding: 0; }
.yazi-alt .izgara-baslik { font-size: 18px; }
@media (max-width: 767px) {
    .mobil-iki { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .mobil-iki .izgara-icerik { padding: 12px; }
    .mobil-iki .izgara-baslik { font-size: 16px; }
    .mobil-iki .izgara-dugme { display: none; }
    .mobil-kaydir { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .mobil-kaydir::-webkit-scrollbar { display: none; }
    .mobil-kaydir > * { scroll-snap-align: start; }
}
@media (min-width: 768px) {
    .izgara { gap: 20px; }
    .izgara-2 { grid-template-columns: repeat(2, 1fr); }
    .izgara-3, .izgara-6 { grid-template-columns: repeat(3, 1fr); }
    .izgara-4 { grid-template-columns: repeat(4, 1fr); }
    .izgara-2u3a { grid-template-columns: repeat(6, 1fr); }
    .izgara-2u3a > :nth-child(-n+2) { grid-column: span 3; }
    .izgara-2u3a > :nth-child(n+3) { grid-column: span 2; }
    .izgara-1b2k { grid-template-columns: 2fr 1fr; grid-auto-flow: dense; }
    .izgara-2k1b { grid-template-columns: 1fr 2fr; grid-auto-flow: dense; }
    .izgara-1b4k { grid-template-columns: 2fr 1fr 1fr; grid-auto-flow: dense; }
    .izgara-1b2k > :first-child, .izgara-1b4k > :first-child { grid-row: span 2; aspect-ratio: auto; }
    .izgara-2k1b > :first-child { grid-column: 2; grid-row: span 2; aspect-ratio: auto; }
    .izgara-1b2k.yazi-alt > :first-child .izgara-gorsel, .izgara-2k1b.yazi-alt > :first-child .izgara-gorsel, .izgara-1b4k.yazi-alt > :first-child .izgara-gorsel { flex: 1; aspect-ratio: auto; }
    .izgara-1b2k > :first-child .izgara-baslik, .izgara-2k1b > :first-child .izgara-baslik, .izgara-1b4k > :first-child .izgara-baslik { font-size: 32px; }
    .izgara-icerik { padding: 28px; }
    .izgara-4 .izgara-icerik, .izgara-1b4k > :not(:first-child) .izgara-icerik { padding: 18px; }
    .izgara-4 .izgara-baslik, .izgara-1b4k > :not(:first-child) .izgara-baslik { font-size: 18px; }
}
.izgara-tam > .kap-genis { padding-left: 0; padding-right: 0; }
.izgara-tam .blok-baslik { padding: 0 16px; }

/* ====================================================================== */
#icerik { overflow-x: clip; }

/* ---------- Slider ---------- */
.slider-sag .slayt-icerik { margin: auto 0 auto auto; text-align: right; padding-right: 24px; }
.slider-karart-yok .slayt::after { display: none; }
.slider-karart-koyu .slayt::after { background: rgba(0, 0, 0, .45); }
.slider-stil-kutulu { max-width: var(--kap); margin: 0 auto; padding: 16px 16px 0; }
.slider-stil-kutulu .slider-serit { border-radius: var(--radius); }
.slider-stil-bolunmus .slayt, .slider-stil-bolunmus.slider-orta .slayt, .slider-stil-bolunmus.slider-kucuk .slayt { height: auto; display: grid; background: var(--bolum); }
.slider-stil-bolunmus .slayt::after { display: none; }
.slider-stil-bolunmus .slayt picture { position: relative; inset: auto; height: auto; aspect-ratio: 4 / 3; }
.slider-stil-bolunmus .slayt-icerik { margin: 0; max-width: none; padding: 28px 20px 56px; text-align: left; color: var(--yazi); }
.slider-stil-bolunmus.slider-orta .slayt-icerik { text-align: center; }
.slider-stil-bolunmus .slayt-baslik { color: var(--yazi); font-size: 30px; }
.slider-stil-bolunmus .nokta { background: rgba(0, 0, 0, .18); }
.slider-stil-bolunmus .nokta.secili { background: var(--ana); box-shadow: none; }
@media (min-width: 768px) {
    .slider-sag .slayt-icerik { padding-right: 80px; }
    .slider-stil-bolunmus .slayt { grid-template-columns: 1.15fr 1fr; height: 560px; }
    .slider-stil-bolunmus.slider-orta .slayt { height: 480px; } .slider-stil-bolunmus.slider-kucuk .slayt { height: 380px; }
    .slider-stil-bolunmus .slayt picture { aspect-ratio: auto; height: 100%; }
    .slider-stil-bolunmus .slayt-icerik { align-self: center; padding: 40px 64px; }
    .slider-stil-bolunmus.slider-sol .slayt picture { order: 2; }
    .slider-stil-bolunmus .slayt-baslik { font-size: 50px; }
}
@media (min-width: 1200px) { .slider-stil-kutulu { padding: 24px 40px 0; } }

/* ---------- Kategori kartları ---------- */
.sutun-3 { --sutun: 3; } .sutun-4 { --sutun: 4; } .sutun-5 { --sutun: 5; } .sutun-6 { --sutun: 6; }
.kategori-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.kategoriler-yuvarlak .kategori-izgara { grid-template-columns: repeat(3, 1fr); text-align: center; }
@media (min-width: 600px) { .kategori-izgara { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 992px) {
    .kategoriler .kategori-serit { grid-auto-columns: calc((100% - (var(--sutun, 5) - 1) * 15px) / var(--sutun, 5)); }
    .kategoriler .kategori-izgara { grid-template-columns: repeat(var(--sutun, 5), 1fr); }
}
.kategori-oran-kare .kategori-gorsel { aspect-ratio: 1; }
.kategori-oran-yatay .kategori-gorsel { aspect-ratio: 4 / 3; }
.kategoriler-ustte .kategori-kart { border-radius: var(--radius); overflow: hidden; }
.kategoriler-ustte .kategori-ad { inset: 0; border-radius: 0; min-height: 0; background: rgba(0, 0, 0, .28); color: var(--beyaz); font-size: 18px; text-align: center; }
.kategoriler-ustte .kategori-kart:hover .kategori-ad { background: rgba(0, 0, 0, .42); color: var(--beyaz); }
.kategoriler-ustte .kategori-ad { flex-direction: column; gap: 2px; }
.kategoriler-ustte .kategori-ad small { font-size: 13px; font-weight: 400; opacity: .85; }
.kategoriler-alt .kategori-ad { position: static; justify-content: flex-start; min-height: 0; padding: 12px 2px 0; background: none; font-size: 16px; }
.kategoriler-alt .kategori-kart:hover .kategori-ad { background: none; color: var(--ana); }
.kategori-gorsel .ozel-gun-simge-kutu { display: flex; align-items: flex-start; justify-content: center; padding-top: 14%; color: var(--ana); }
.ozel-gun-simge { width: 38%; height: auto; aspect-ratio: 1; fill: none; stroke: currentColor; stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; transition: transform 1s cubic-bezier(0, 0, .44, 1.18); }
.kategori-kart:hover .ozel-gun-simge { transform: scale(1.08); }

/* ---------- Hikâyeler ---------- */
.hikaye-kare .hikaye-gorsel { border-radius: 18px; }
.hikaye-kare.hikaye-halkali .hikaye-gorsel img, .hikaye-kare.hikaye-halkali .hikaye-gorsel .gorsel-yok { border-radius: 15px; }

/* ---------- Ürün listesi ---------- */
@media (max-width: 767px) {
    .urun-mobil-1 .urun-izgara { grid-template-columns: 1fr; }
    .urun-mobil-1 .urun-serit { grid-auto-columns: 78%; }
}
@media (min-width: 1150px) {
    .urun-sutun-3 .urun-izgara { grid-template-columns: repeat(3, 1fr); }
    .urun-sutun-5 .urun-izgara { grid-template-columns: repeat(5, 1fr); gap: 24px; }
    .urun-sutun-6 .urun-izgara { grid-template-columns: repeat(6, 1fr); gap: 20px; }
    .urun-sutun-3 .urun-serit { grid-auto-columns: calc((100% - 30px) / 3); }
    .urun-sutun-4 .urun-serit { grid-auto-columns: calc((100% - 45px) / 4); }
    .urun-sutun-6 .urun-serit { grid-auto-columns: calc((100% - 75px) / 6); }
}

/* ---------- Görsel ve Yazı ---------- */
.gm-oran-kare .gm-gorsel { aspect-ratio: 1; }
.gm-oran-dikey .gm-gorsel { aspect-ratio: 4 / 5; }

/* ---------- Güven simgeleri ---------- */
.guven-stil-sade .guven-kutu { background: none; padding: 0; }
.guven-stil-yatay .guven-oge { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; align-items: center; text-align: left; }
.guven-stil-yatay .guven-simge { grid-row: span 2; width: 52px; height: 52px; margin: 0; }
.guven-stil-yatay .guven-simge .simge { width: 24px; height: 24px; }
.guven-stil-yatay .guven-oge h3 { margin: 0; align-self: end; }
.guven-stil-yatay .guven-oge p { grid-column: 2; align-self: start; }
@media (max-width: 599px) { .guven-stil-yatay .guven-izgara { grid-template-columns: 1fr; } }
.guven-stil-renkli .guven-kutu { background: var(--ana); color: var(--beyaz); }
.guven-stil-renkli .guven-simge { color: var(--beyaz); border-color: rgba(255, 255, 255, .35); }
.guven-stil-renkli .guven-oge p, .guven-stil-renkli .blok-baslik p { color: rgba(255, 255, 255, .8); }
.guven-stil-renkli .blok-baslik h2 { color: var(--beyaz); }

/* ---------- Yorumlar ---------- */
.yorum-kart-serit { grid-auto-columns: 88%; }
@media (min-width: 768px) { .yorum-kart-serit { grid-auto-columns: calc((100% - 15px) / 2); } }
@media (min-width: 1150px) { .yorum-kart-serit { grid-auto-columns: calc((100% - 30px) / 3); } }
.yorum-kart { margin: 0; display: flex; flex-direction: column; gap: 14px; padding: 24px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: var(--radius); }
.yorum-kart .yildizlar { margin: 0; }
.yorum-kart blockquote { flex: 1; margin: 0; font-size: 15px; line-height: 1.6; color: var(--yazi); }
.yorum-kart figcaption { display: flex; align-items: center; gap: 12px; font-size: 13px; }
.yorum-kart figcaption span { display: grid; gap: 2px; }
.yorum-kart figcaption small { color: var(--yazi-2); }
.yorum-kart-gorsel { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }

/* ---------- Kayan yazı bandı ---------- */
.bant { padding: 0; overflow: hidden; }
.bant-serit { display: flex; width: max-content; animation: kayan 30s linear infinite; }
.bant:hover .bant-serit { animation-play-state: paused; }
.bant-grup { display: flex; align-items: center; }
.bant-oge { white-space: nowrap; font-family: var(--baslik-tipi, inherit); font-weight: var(--baslik-kalinlik, 400); }
.bant-ayrac { display: inline-flex; align-items: center; margin: 0 28px; opacity: .7; }
.bant-ayrac .simge { width: .9em; height: .9em; }
.bant-kucuk { font-size: 15px; padding: 12px 0; } .bant-orta { font-size: 22px; padding: 16px 0; } .bant-buyuk { font-size: 30px; padding: 20px 0; }
@media (min-width: 992px) { .bant-orta { font-size: 30px; padding: 22px 0; } .bant-buyuk { font-size: 52px; padding: 28px 0; } }
.bant-ana { background: var(--ana); color: var(--beyaz); }
.bant-vurgu { background: var(--vurgu); color: var(--beyaz); }
.bant-acik { background: var(--bolum); color: var(--yazi); }
.bant-koyu { background: var(--yazi); color: var(--zemin); }
.bant-hiz-yavas .bant-serit { animation-duration: 60s; } .bant-hiz-hizli .bant-serit { animation-duration: 16s; }
.bant-egik { transform: rotate(-2deg) scale(1.03); margin: 36px 0; }
@media (prefers-reduced-motion: reduce) { .bant-serit, .logo-serit { animation: none; } }

/* ---------- Geri sayım ---------- */
.gs-kutu { position: relative; overflow: hidden; border-radius: var(--radius); background: var(--bolum); }
.gs-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.gs-icerik { position: relative; z-index: 1; padding: 44px 20px; text-align: center; }
.gs-icerik h2 { font-size: 30px; }
.gs-yazi { max-width: 560px; margin: 0 auto; opacity: .85; }
.gs-sayac { display: flex; justify-content: center; gap: 10px; margin: 22px 0 26px; }
.gs-birim { display: grid; justify-items: center; min-width: 70px; padding: 12px 8px; border-radius: var(--radius); background: var(--beyaz); color: var(--yazi); }
.gs-birim b { font-size: 30px; line-height: 1; font-weight: 600; font-variant-numeric: tabular-nums; }
.gs-birim small { margin-top: 6px; font-size: 12px; opacity: .75; }
.gs-gorselli:not(.gs-gorselsiz) .gs-gorsel { position: absolute; inset: 0; }
.gs-gorselli:not(.gs-gorselsiz) .gs-gorsel::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .4); }
.gs-gorselli:not(.gs-gorselsiz) .gs-icerik, .gs-renkli .gs-icerik { color: var(--beyaz); }
.gs-gorselli:not(.gs-gorselsiz) .gs-icerik h2, .gs-renkli .gs-icerik h2 { color: var(--beyaz); }
.gs-gorselli:not(.gs-gorselsiz) .gs-birim, .gs-renkli .gs-birim { background: rgba(255, 255, 255, .16); color: var(--beyaz); }
.gs-renkli .gs-kutu { background: var(--ana); }
.gs-yanda .gs-gorsel { aspect-ratio: 4 / 3; }
.gs-yanda .gs-icerik { text-align: left; padding: 32px 24px; }
.gs-yanda .gs-yazi { margin: 0; }
.gs-yanda .gs-sayac { justify-content: flex-start; }
@media (min-width: 768px) {
    .gs-icerik { padding: 72px 40px; } .gs-icerik h2 { font-size: 44px; }
    .gs-birim { min-width: 96px; padding: 16px 10px; } .gs-birim b { font-size: 44px; }
    .gs-yanda:not(.gs-gorselsiz) .gs-kutu { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
    .gs-yanda .gs-gorsel { aspect-ratio: auto; height: 100%; min-height: 380px; }
    .gs-yanda .gs-icerik { padding: 48px 56px; }
}

/* ---------- Sıkça sorulan sorular ---------- */
.sss-sayfa { margin-top: 50px; padding-top: 30px; border-top: 1px solid var(--kenar); }
.sss-sayfa h2 { margin: 0 0 8px; font-size: 20px; }
.sss-oge summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; list-style: none; cursor: pointer; font-size: 16px; font-weight: 600; }
.sss-oge summary::-webkit-details-marker { display: none; }
.sss-oge summary .simge { flex-shrink: 0; transition: transform var(--gecis-yavas); }
.sss-oge[open] summary .simge { transform: rotate(45deg); }
.sss-oge summary:hover { color: var(--ana); }
.sss-cevap { padding: 0 0 18px; color: var(--yazi-2); }
.sss-cevap p:last-child { margin-bottom: 0; }
.sss-cizgi .sss-oge { border-bottom: 1px solid var(--kenar); }
.sss-cizgi .sss-oge:first-child { border-top: 1px solid var(--kenar); }
.sss-kutu .sss-liste { display: grid; gap: 10px; }
.sss-kutu .sss-oge { padding: 0 20px; border: 1px solid var(--kenar); border-radius: var(--radius); background: var(--beyaz); }

/* ---------- Logo şeridi ---------- */
.logolar { padding: 40px 0; }
.logo-izgara { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px 48px; }
.logo-oge { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.logo-oge img { height: 40px; width: auto; max-width: 160px; object-fit: contain; transition: filter var(--gecis-yavas), opacity var(--gecis-yavas); }
.logo-kucuk .logo-oge img { height: 28px; } .logo-buyuk .logo-oge img { height: 60px; max-width: 220px; }
.logo-gri .logo-oge img { filter: grayscale(1); opacity: .6; }
.logo-gri .logo-oge:hover img { filter: none; opacity: 1; }
.logo-kayan { overflow: hidden; }
.logo-serit { display: flex; width: max-content; animation: kayan 35s linear infinite; }
.logo-kayan:hover .logo-serit { animation-play-state: paused; }
.logo-grup { display: flex; align-items: center; gap: 56px; padding-right: 56px; }

/* ---------- Video ---------- */
.video-izgara { display: grid; gap: 28px; align-items: center; }
.video-tam .video-icerik { order: -1; max-width: 720px; margin: 0 auto; text-align: center; }
.video-kutu { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius); background: #000; }
.video-oynat { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.video-oynat img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.video-oynat:hover img { transform: scale(1.03); }
.video-simge { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .18); color: var(--beyaz); }
.video-simge .simge { width: 76px; height: 76px; stroke-width: 1.2; filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .35)); transition: transform var(--gecis-yavas); }
.video-oynat:hover .video-simge .simge { transform: scale(1.08); }
.video-cerceve { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-icerik h2 { font-size: 30px; }
@media (min-width: 992px) {
    .video-sol .video-izgara { grid-template-columns: 1.3fr 1fr; gap: 60px; }
    .video-sag .video-izgara { grid-template-columns: 1fr 1.3fr; gap: 60px; }
    .video-sag .video-kutu { order: 2; }
    .video-icerik h2 { font-size: 40px; }
}

/* ---------- Ürün kartı stilleri ---------- */
.kart-cerceveli .urun-kart { padding: 10px; border: 1px solid var(--kenar); border-radius: var(--radius); background: var(--beyaz); }
.kart-golgeli .urun-kart { padding: 10px; border-radius: var(--radius); background: var(--beyaz); transition: box-shadow var(--gecis-yavas), transform var(--gecis-yavas); }
.kart-golgeli .urun-kart:hover { box-shadow: var(--golge); transform: translateY(-3px); }
.kart-zeminli .urun-kart { padding: 10px; border-radius: var(--radius); background: var(--bolum); }
.kart-cerceveli .urun-bilgi, .kart-golgeli .urun-bilgi, .kart-zeminli .urun-bilgi { padding: 12px 4px 4px; }
.kart-cerceveli .favori-dugme, .kart-golgeli .favori-dugme, .kart-zeminli .favori-dugme { top: 18px; right: 18px; }
.kart-ortali .urun-bilgi { text-align: center; }
.kart-ortali .teslim-bilgi { justify-content: center; }
.kart-oran-kare .urun-gorsel { aspect-ratio: 1; }
.kart-oran-uzun .urun-gorsel { aspect-ratio: 3 / 4; }
.kart-hover-yakinlastir .urun-gorsel .gorsel-2, .kart-hover-yok .urun-gorsel .gorsel-2 { display: none; }
.kart-hover-yakinlastir .iki-gorsel .urun-gorsel:hover img:first-child, .kart-hover-yok .iki-gorsel .urun-gorsel:hover img:first-child { opacity: 1; }
.kart-hover-yakinlastir .urun-gorsel:hover img:first-child { transform: scale(1.06); }
.kart-hover-yok .urun-gorsel:hover img { transform: none !important; }
.urun-incele-alt { display: none; }
.kart-incele-her-zaman .urun-incele-alt { display: inline-flex; min-height: 36px; padding: 0 18px; margin-top: 10px; font-size: 13px; }
.kart-incele-her-zaman .urun-incele, .kart-incele-yok .urun-incele { display: none; }
.kart-favorisiz .favori-dugme { display: none; }
.kart-favorisiz .rozetler { right: 8px; }

/* ---------- Alt bilgi stilleri ---------- */
.alt-acik { background: var(--alt-zemin, var(--bolum)); color: var(--yazi-2); }
.alt-acik .alt-baslik, .alt-acik .alt-logo { color: var(--yazi); }
.alt-acik a:hover { color: var(--ana); }
.alt-acik .sosyal a { border-color: var(--kenar); }
.alt-acik .sosyal a:hover { background: var(--ana); color: var(--beyaz); }
.alt-acik .alt-telif { border-top-color: var(--kenar); }
.alt-ortali .alt-izgara { text-align: center; }
.alt-ortali .alt-firma { display: flex; flex-direction: column; align-items: center; }
.alt-ortali .alt-firma p { margin-left: auto; margin-right: auto; }
.alt-ortali .alt-iletisim li, .alt-ortali .sosyal, .alt-ortali .alt-telif { justify-content: center; }
.alt-ortali .alt-telif { text-align: center; }
@media (min-width: 768px) {
    .alt-ortali .alt-izgara { grid-template-columns: repeat(auto-fit, minmax(180px, 240px)); justify-content: center; }
    .alt-ortali .alt-firma { grid-column: 1 / -1; }
}

/* ---------- Görsel ızgarası ---------- */
@media (max-width: 767px) {
    .izgara-asim3.mobil-iki > :first-child { grid-column: 1 / -1; }
}
@media (min-width: 768px) {
    .izgara-asim3 { grid-template-columns: 1fr 1fr 1fr; grid-auto-flow: dense; }
    .izgara-asim3 > :nth-child(1), .izgara-asim3 > :nth-child(4) { grid-row: span 2; aspect-ratio: auto; }
    .izgara-asim3 > :nth-child(2), .izgara-asim3 > :nth-child(3) { grid-column: 2; }
    .izgara-asim3 > :nth-child(4) { grid-column: 3; }
    .izgara-asim3.yazi-alt > :nth-child(1) .izgara-gorsel, .izgara-asim3.yazi-alt > :nth-child(4) .izgara-gorsel { flex: 1; aspect-ratio: auto; }
    .izgara-asim3 > :nth-child(1) .izgara-baslik, .izgara-asim3 > :nth-child(4) .izgara-baslik { font-size: 30px; }
    .izgara-genis_dar { grid-template-columns: 2fr 1fr; }
    .izgara-dar_genis { grid-template-columns: 1fr 2fr; }
    .izgara-genis_dar > :nth-child(2n), .izgara-dar_genis > :nth-child(2n+1) { aspect-ratio: auto; }
    .izgara-genis_dar.yazi-alt > :nth-child(2n) .izgara-gorsel, .izgara-dar_genis.yazi-alt > :nth-child(2n+1) .izgara-gorsel { flex: 1; aspect-ratio: auto; }
    .izgara-genis_dar > :nth-child(2n+1) .izgara-baslik, .izgara-dar_genis > :nth-child(2n) .izgara-baslik { font-size: 30px; }
}
@media (max-width: 767px) {
    .izgara-1b2k3a.mobil-iki > :first-child, .izgara-1b2k3a.mobil-iki > :nth-child(6) { grid-column: 1 / -1; }
    .izgara-1b2k3a.mobil-iki > :nth-child(6) { aspect-ratio: 16 / 9; }
    .izgara-1b2k3a.mobil-iki > :first-child .izgara-dugme, .izgara-asim3.mobil-iki > :first-child .izgara-dugme { display: inline-flex; }
    .izgara-1b2k3a.mobil-iki > :first-child .izgara-baslik { font-size: 22px; }
}
@media (min-width: 768px) {
    .izgara-1b2k3a { grid-template-columns: repeat(6, 1fr); }
    .izgara-1b2k3a > :nth-child(1) { grid-column: span 4; grid-row: span 2; aspect-ratio: auto; }
    .izgara-1b2k3a > :nth-child(2), .izgara-1b2k3a > :nth-child(3) { grid-column: span 2; }
    .izgara-1b2k3a > :nth-child(n+4) { grid-column: span 2; aspect-ratio: 16 / 9; }
    .izgara-1b2k3a.yazi-alt > :nth-child(1) .izgara-gorsel { flex: 1; aspect-ratio: auto; }
    .izgara-1b2k3a > :nth-child(1) .izgara-baslik { font-size: 34px; }
    .izgara-1b2k3a > :nth-child(n+4) .izgara-icerik { padding: 16px 18px; }
    .izgara-1b2k3a > :nth-child(n+4) .izgara-baslik { font-size: 18px; }
}

/* ---------- Menüde görseller ---------- */
.menu-simge { display: inline-flex; vertical-align: -3px; margin-right: 6px; }
.menu-simge .simge { width: 17px; height: 17px; }
.menu-kucuk { display: inline-block; width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; object-fit: cover; background: var(--bolum); }
.menu-kucuk.menu-kare { border-radius: 8px; }
.ust .alt-menu a.gorselli, .cekmece-menu .alt-menu a.gorselli { display: flex; align-items: center; gap: 12px; }
@media (min-width: 992px) {
    .ust .alt-menu a.gorselli { padding-top: 6px; padding-bottom: 6px; }
    .menu-genis .alt-menu.mega { display: block; }
    .mega-ic { display: flex; gap: 32px; align-items: stretch; }
    .mega-sol { flex: 1; min-width: 0; }
    .mega-ogeler { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 20px 18px; }
    .mega-kare { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
    .ust .alt-menu .mega-oge { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0; text-align: center; font-size: 14px; color: var(--yazi); }
    .ust .alt-menu .mega-oge:hover { padding-left: 0; }
    .mega-gorsel { display: block; width: 96px; height: 96px; border-radius: 50%; overflow: hidden; background: var(--bolum); }
    .mega-kare .mega-gorsel { width: 100%; height: auto; aspect-ratio: 1; border-radius: var(--radius); }
    .mega-gorsel img, .mega-gorsel .gorsel-yok { width: 100%; height: 100%; min-height: 0; object-fit: cover; transition: transform .5s ease; }
    .mega-oge:hover .mega-gorsel img { transform: scale(1.07); }
    .ust .alt-menu .mega-oge:hover .mega-ad { color: var(--ana); }
    .ust .alt-menu .mega-tumu { display: inline-flex; align-items: center; gap: 6px; margin-top: 20px; padding: 0; font-weight: 600; color: var(--ana); }
    .ust .alt-menu .mega-tumu:hover { padding-left: 0; text-decoration: underline; text-underline-offset: 4px; }
    .ust .alt-menu .mega-tumu .simge { width: 16px; height: 16px; }
    .ust .alt-menu .mega-banner { position: relative; display: block; flex: 0 0 300px; min-height: 240px; padding: 0; overflow: hidden; border-radius: var(--radius); background: var(--bolum); }
    .mega-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
    .mega-banner:hover img { transform: scale(1.05); }
    .mega-banner::after { content: ""; position: absolute; inset: 40% 0 0 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .55)); }
    .mega-banner span { position: absolute; left: 18px; right: 18px; bottom: 16px; z-index: 1; display: flex; align-items: center; gap: 6px; color: var(--beyaz); font-size: 18px; font-weight: 600; }
    .mega-banner .simge { width: 18px; height: 18px; }
}
.menu-kucuk.menu-yanda_kutu { border-radius: 8px; }
@media (min-width: 992px) {
    .mega-yanda_yuvarlak, .mega-yanda_kutu { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 6px 24px; }
    .mega-yanda_kutu { gap: 10px; }
    .ust .alt-menu .mega-yanda_yuvarlak .mega-oge, .ust .alt-menu .mega-yanda_kutu .mega-oge { flex-direction: row; justify-content: flex-start; gap: 12px; text-align: left; }
    .ust .alt-menu .mega-yanda_yuvarlak .mega-oge { padding: 6px 0; }
    .mega-yanda_yuvarlak .mega-gorsel { width: 44px; height: 44px; flex-shrink: 0; }
    .ust .alt-menu .mega-yanda_kutu .mega-oge { padding: 8px 12px 8px 8px; border-radius: var(--radius); background: var(--zemin); border: 1px solid var(--kenar); transition: border-color var(--gecis), background var(--gecis); }
    .ust .alt-menu .mega-yanda_kutu .mega-oge:hover { border-color: var(--ana); background: var(--bolum); padding-left: 8px; }
    .mega-yanda_kutu .mega-gorsel { width: 48px; height: 48px; flex-shrink: 0; border-radius: 8px; }
    .mega-yanda_yuvarlak .mega-ad, .mega-yanda_kutu .mega-ad { font-weight: 500; line-height: 1.3; }
}

.yonetici-tani { margin: 0 0 12px; padding: 8px 12px; border: 1px dashed var(--vurgu); border-radius: 8px; background: rgba(255, 200, 0, .08); font-size: 12px; line-height: 1.6; color: var(--yazi); }
.yonetici-tani span { display: inline-block; margin-right: 6px; padding: 0 6px; border-radius: 4px; background: var(--vurgu); color: var(--beyaz); font-size: 10.5px; font-weight: 700; }
.yonetici-tani a { color: var(--ana); font-weight: 700; text-decoration: underline; }
.saat-hemen { border: 2px dashed var(--vurgu); background: transparent; color: var(--vurgu); }
.saat-hemen:hover { border-color: var(--vurgu); }
.saat-hemen[aria-checked="true"] { border-style: solid; background: var(--vurgu); border-color: var(--vurgu); color: var(--beyaz); }

/* ---------- Açılış pencereleri ---------- */
.popup { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 16px; pointer-events: none; }
.popup[hidden] { display: none; }
.popup-perde { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); opacity: 0; transition: opacity var(--gecis-yavas); pointer-events: auto; }
.popup.acik .popup-perde { opacity: 1; }
.popup-kutu { position: relative; display: flex; width: 100%; max-width: 880px; max-height: calc(100vh - 32px); overflow: auto; border-radius: 20px; background: var(--zemin); color: var(--yazi); box-shadow: var(--golge); pointer-events: auto; opacity: 0; transform: translateY(16px) scale(.98); transition: opacity var(--gecis-yavas), transform var(--gecis-yavas); }
.popup.acik .popup-kutu { opacity: 1; transform: none; }
.popup-stil-koyu .popup-kutu { background: var(--yazi); color: var(--beyaz); }
.popup-stil-vurgu .popup-kutu { background: var(--ana); color: var(--beyaz); }
.popup-x { position: absolute; top: 16px; right: 16px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border-radius: 50%; border: 1px solid var(--kenar); background: var(--zemin); color: var(--yazi); cursor: pointer; }
.popup-x:hover { background: var(--yazi); color: var(--beyaz); }
.popup-x .simge { width: 18px; height: 18px; }
.popup-gorsel { flex: 0 0 50%; min-height: 360px; overflow: hidden; }
.popup-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.popup-ic { flex: 1 1 50%; display: flex; flex-direction: column; justify-content: center; align-items: stretch; padding: 56px 40px 40px; min-width: 0; }
.popup-etiket { margin: 0 0 18px; font-size: 12px; line-height: 1.4; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--vurgu); }
.popup-baslik { margin: 0; font-size: 38px; line-height: 1.1; }
.popup-ayrac { width: 48px; height: 0; margin: 22px 0; border: 0; border-top: 1px solid var(--vurgu); }
.popup-metin { font-size: 17px; line-height: 1.55; }
.popup-metin p { margin: 0 0 .6em; }
.popup-metin p:last-child { margin-bottom: 0; }
.popup-alt { margin: 14px 0 0; font-size: 13.5px; line-height: 1.6; opacity: .75; }
.popup-sayim { margin: 22px 0 0; }
.popup-sayim-baslik { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; letter-spacing: .04em; }
.popup-sayim-ogeler { display: flex; gap: 8px; }
.popup-sayim-oge { display: flex; flex-direction: column; align-items: center; min-width: 62px; padding: 10px 6px 8px; border-radius: 12px; background: var(--bolum); color: var(--yazi); }
.popup-sayim-oge b { font-size: 26px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.popup-sayim-oge small { margin-top: 2px; font-size: 12px; opacity: .7; }
.popup-kupon { display: flex; align-items: center; gap: 12px; margin: 18px 0 0; padding: 10px 14px; border: 1.5px dashed var(--vurgu); border-radius: 12px; background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; }
.popup-kupon span { font-size: 12.5px; opacity: .75; }
.popup-kupon b { flex: 1; font-size: 18px; letter-spacing: .1em; }
.popup-kupon em { font-style: normal; font-size: 12.5px; font-weight: 600; color: var(--vurgu); }
.popup-dugme { margin-top: 24px; justify-content: space-between; width: 100%; padding: 0 22px; text-decoration: none; }
.popup-stil-koyu .popup-dugme, .popup-stil-vurgu .popup-dugme { background: var(--beyaz); color: var(--yazi); }
.popup-stil-koyu .popup-dugme:hover, .popup-stil-vurgu .popup-dugme:hover { background: var(--bolum); color: var(--yazi); }
.popup-devam { align-self: center; margin-top: 16px; padding: 4px; border: 0; background: none; color: inherit; font: inherit; font-size: 13.5px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; opacity: .8; }
.popup-devam:hover { opacity: 1; }
.popup-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.popup-duzen-sag .popup-kutu { flex-direction: row-reverse; }
.popup-duzen-ust .popup-kutu { flex-direction: column; max-width: 520px; }
.popup-duzen-ust .popup-gorsel { flex: 0 0 280px; min-height: 0; }
.popup-duzen-ust .popup-ic { padding: 32px 36px 36px; }
.popup-duzen-yok .popup-kutu { max-width: 520px; }
.popup-duzen-yalniz .popup-kutu { display: block; width: auto; max-width: min(720px, 100%); background: none; box-shadow: none; overflow: visible; }
.popup-yalniz { display: block; }
.popup-yalniz img { display: block; max-width: 100%; max-height: calc(100vh - 64px); margin: 0 auto; border-radius: 16px; }
.popup-duzen-yalniz .popup-x { top: -12px; right: -12px; }
.popup-sag-alt, .popup-sol-alt { inset: auto 16px 16px auto; padding: 0; }
.popup-sol-alt { inset: auto auto 16px 16px; }
.popup-sag-alt .popup-perde, .popup-sol-alt .popup-perde { display: none; }
.popup-sag-alt .popup-kutu, .popup-sol-alt .popup-kutu { flex-direction: column; width: 380px; max-width: calc(100vw - 32px); }
.popup-sag-alt .popup-gorsel, .popup-sol-alt .popup-gorsel { flex: 0 0 180px; min-height: 0; }
.popup-sag-alt .popup-ic, .popup-sol-alt .popup-ic { padding: 24px; }
.popup-sag-alt .popup-baslik, .popup-sol-alt .popup-baslik { font-size: 24px; }
.popup-sag-alt .popup-metin, .popup-sol-alt .popup-metin { font-size: 15px; }
.popup-sag-alt .popup-x, .popup-sol-alt .popup-x { top: 10px; right: 10px; width: 34px; height: 34px; background: var(--zemin); }
@media (max-width: 767px) {
    .popup-mobilde-yok { display: none !important; }
    .popup-kutu { flex-direction: column !important; max-width: 440px; }
    .popup-gorsel { flex: 0 0 200px; min-height: 0; }
    .popup-ic { padding: 24px 22px 26px; }
    .popup-baslik { font-size: 28px; }
    .popup-metin { font-size: 15.5px; }
    .popup-sag-alt, .popup-sol-alt { inset: auto 8px 8px 8px; }
    .popup-sag-alt .popup-kutu, .popup-sol-alt .popup-kutu { width: 100%; max-width: none; }
    .popup-sag-alt .popup-gorsel, .popup-sol-alt .popup-gorsel { flex-basis: 130px; }
}
@media (min-width: 768px) { .popup-masaustunde-yok { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .popup-perde, .popup-kutu { transition: none; } }
.popup-duzen-urun .popup-kutu { flex-direction: column; width: 300px; max-width: calc(100vw - 32px); overflow: hidden; }
.popup-urun-ust { position: relative; padding: 14px 52px; background: var(--yazi); color: var(--beyaz); font-weight: 600; text-align: center; font-size: 15px; line-height: 20px; }
.popup-duzen-urun .popup-x { top: 4px; right: 6px; width: 36px; height: 36px; border: 0; background: transparent; color: var(--beyaz); }
.popup-duzen-urun .popup-x:hover { background: rgba(255, 255, 255, .15); color: var(--beyaz); }
.popup-duzen-urun .popup-ic { padding: 16px 18px 18px; text-align: center; }
.popup-urun { display: flex; flex-direction: column; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.popup-urun img, .popup-urun .gorsel-yok { display: block; width: 100%; max-width: 200px; aspect-ratio: 350 / 385; object-fit: contain; }
.popup-urun-teslim { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; }
.popup-urun-teslim .simge { width: 15px; height: 15px; }
.popup-urun-kod { font-size: 12px; opacity: .65; }
.popup-urun-ad { font-size: 15px; font-weight: 500; line-height: 1.3; }
.popup-urun-fiyat { display: inline-flex; align-items: baseline; gap: 8px; }
.popup-urun-fiyat del { font-size: 13px; opacity: .6; }
.popup-urun-fiyat b { font-size: 26px; line-height: 1.1; }
.popup-urun-sepette { font-size: 13px; color: var(--vurgu); }
.popup-duzen-urun .popup-dugme { justify-content: center; margin-top: 14px; }
.popup-duzen-urun .popup-sayim-oge { min-width: 52px; }
.popup-duzen-urun .popup-sayim-oge b { font-size: 20px; }
.popup-duzen-urun.popup-orta .popup-kutu { width: 340px; }
@media (max-width: 767px) { .popup-duzen-urun .popup-kutu { width: 100% !important; max-width: none; } .popup-duzen-urun .popup-urun img { max-width: 150px; } }

.popup-duzen-urun .popup-urun-ust { background: var(--ana); }
.popup-geri { position: absolute; top: 4px; left: 6px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--beyaz); cursor: pointer; }
.popup-geri:hover { background: rgba(255, 255, 255, .15); }
.popup-geri .simge { width: 18px; height: 18px; }
.popup-duzen-urun .popup-urun { gap: 0; }
.popup-urun-resim { position: relative; display: flex; justify-content: center; width: 100%; }
.popup-urun-resim > a { display: block; width: 100%; max-width: 230px; }
.popup-urun-resim img, .popup-urun-resim .gorsel-yok { display: block; width: 100%; max-width: none; aspect-ratio: 350 / 385; object-fit: contain; }
.popup-urun-metin { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: 10px; color: inherit; text-decoration: none; }
.popup-urun-fiyat b { font-size: 28px; font-weight: 600; }
.popup-urun-teslim { margin-top: 6px; color: var(--ana); font-weight: 500; }
.popup-duzen-urun .popup-dugme { align-self: center; width: auto; min-height: 36px; margin-top: 14px; padding: 0 18px; gap: 8px; border: 1px solid var(--ana); background: transparent; color: var(--ana); font-size: 13.5px; }
.popup-duzen-urun .popup-dugme:hover { background: var(--ana); color: var(--beyaz); }
.popup-duzen-urun .popup-dugme .simge { width: 15px; height: 15px; }
.popup-duzen-urun .popup-dugme:hover .simge { transform: none; }

.popup.popup-sekmeli { inset: 0 auto 0 0; display: block; width: 0; padding: 0; }
.popup.popup-sekmeli[hidden] { display: none; }
.popup.popup-sekme-sag { inset: 0 0 0 auto; }
.popup-sekmeli .popup-sekme { position: absolute; left: 0; top: 50%; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 14px 10px; border: 0; border-radius: 10px 0 0 10px; background: var(--ana); color: var(--beyaz); font: inherit; font-size: 13.5px; font-weight: 700; letter-spacing: .02em; white-space: nowrap; writing-mode: vertical-rl; transform: translateY(-50%) rotate(180deg); box-shadow: var(--golge); cursor: pointer; pointer-events: auto; transition: opacity var(--gecis), padding var(--gecis); }
.popup-sekmeli .popup-sekme:hover { padding-right: 14px; }
.popup-sekmeli .popup-sekme .simge { width: 16px; height: 16px; transform: rotate(180deg); }
.popup-sekme-sag .popup-sekme { left: auto; right: 0; border-radius: 0 10px 10px 0; }
.popup-sekmeli.acik .popup-sekme { opacity: 0; pointer-events: none; }
.popup.popup-sekmeli .popup-kutu { position: absolute; top: 50%; left: 0; max-height: calc(100vh - 32px); border-radius: 0 16px 16px 0; visibility: hidden; opacity: 0; transform: translate(-110%, -50%); transition: transform var(--gecis-yavas), opacity var(--gecis-yavas), visibility 0s var(--gecis-yavas); }
.popup.popup-sekmeli.acik .popup-kutu { visibility: visible; opacity: 1; transform: translate(0, -50%); transition-delay: 0s; }
.popup.popup-sekme-sag .popup-kutu { left: auto; right: 0; border-radius: 16px 0 0 16px; transform: translate(110%, -50%); }
.popup.popup-sekme-sag.acik .popup-kutu { transform: translate(0, -50%); }
@media (max-width: 767px) { .popup.popup-sekmeli .popup-kutu { width: min(300px, calc(100vw - 48px)) !important; max-width: none; } }
@media (prefers-reduced-motion: reduce) { .popup.popup-sekmeli .popup-kutu, .popup-sekmeli .popup-sekme { transition: none; } }

.popup-nokta { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #ff6b6b; flex: none; }
.popup-duzen-vitrin .popup-kutu { flex-direction: column; max-width: 920px; padding: 0; overflow: hidden; }
.popup-vitrin-ust { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 120px; padding: 26px 76px 26px 32px; background: linear-gradient(120deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 55%), var(--ana); color: var(--beyaz); }
.popup-vitrin-metin { min-width: 0; }
.popup-vitrin-rozet { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px; padding: 4px 12px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; background: rgba(255, 255, 255, .14); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.popup-vitrin-ust h2 { margin: 0; font-size: 30px; line-height: 1.15; color: inherit; }
.popup-vitrin-ust p { margin: 8px 0 0; font-size: 14.5px; opacity: .85; }
.popup-vitrin-gorsel { flex: none; display: block; max-width: 160px; max-height: 110px; object-fit: contain; }
.popup-duzen-vitrin .popup-x { top: 16px; right: 16px; border: 0; background: var(--beyaz); color: var(--ana); }
.popup-duzen-vitrin .popup-x:hover { background: var(--bolum); color: var(--ana); }
.popup-vitrin-govde { position: relative; padding: 24px 24px 20px; }
.popup-vitrin-iz { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.popup-vitrin-iz::-webkit-scrollbar { display: none; }
.popup-vitrin-kart { flex: 0 0 calc((100% - 32px) / 3); min-width: 230px; display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid var(--kenar); border-radius: 12px; background: var(--beyaz); color: var(--yazi); scroll-snap-align: start; }
.popup-vitrin-kart p { margin: 0; }
.popup-vitrin-resim { position: relative; display: block; aspect-ratio: 350 / 385; overflow: hidden; border-radius: 8px; }
.popup-vitrin-resim img, .popup-vitrin-resim .gorsel-yok { display: block; width: 100%; height: 100%; object-fit: contain; }
.popup-vitrin-resim .rozet { position: absolute; top: 6px; left: 6px; }
.popup-vitrin-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; font-size: 15px; line-height: 1.3; color: inherit; text-decoration: none; }
.popup-vitrin-fiyat { display: flex; align-items: baseline; gap: 8px; }
.popup-vitrin-fiyat del { font-size: 13px; opacity: .6; }
.popup-vitrin-fiyat b { font-size: 21px; font-weight: 600; }
.popup-vitrin-kart .popup-urun-teslim { color: var(--ana); }
.popup-vitrin-dugme { width: 100%; margin-top: auto; }
.popup-vitrin-ok { position: absolute; top: 42%; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--beyaz); color: var(--yazi); box-shadow: var(--golge); cursor: pointer; }
.popup-vitrin-ok[hidden] { display: none; }
.popup-vitrin-ok .simge { width: 18px; height: 18px; }
.popup-vitrin-onceki { left: 12px; }
.popup-vitrin-sonraki { right: 12px; }
.popup-vitrin-cubuk { height: 4px; margin-top: 16px; border-radius: 2px; background: var(--bolum); overflow: hidden; }
.popup-vitrin-cubuk span { display: block; height: 100%; width: 30%; border-radius: 2px; background: linear-gradient(90deg, var(--ana), var(--vurgu)); transition: width var(--gecis); }
.popup-balonlu .popup-perde, .popup-balonlu .popup-kutu { visibility: hidden; }
.popup-balonlu.acik .popup-perde, .popup-balonlu.acik .popup-kutu { visibility: visible; }
.popup-balon-kap { position: fixed; left: 16px; bottom: 84px; z-index: 2; display: flex; flex-direction: column; align-items: center; pointer-events: auto; transition: opacity var(--gecis); }
.popup-balon-sag .popup-balon-kap { left: auto; right: 16px; }
.popup-balonlu.acik .popup-balon-kap { opacity: 0; pointer-events: none; }
.popup-balon { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
.popup-balon-halka { display: block; width: 76px; height: 76px; padding: 4px; border-radius: 50%; background: conic-gradient(var(--ana), var(--vurgu), var(--ana)); box-shadow: 0 0 0 5px rgba(255, 255, 255, .55), var(--golge); animation: popup-balon-nefes 2.6s ease-in-out infinite; }
.popup-balon-halka img { display: block; width: 100%; height: 100%; border: 3px solid var(--beyaz); border-radius: 50%; background: var(--beyaz); object-fit: cover; }
.popup-balon-yazi { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; background: var(--ana); color: var(--beyaz); font-size: 13px; font-weight: 700; white-space: nowrap; box-shadow: var(--golge); }
.popup-balon-x { position: absolute; top: -2px; left: calc(50% + 24px); display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 1px solid var(--kenar); border-radius: 50%; background: var(--beyaz); color: var(--yazi); cursor: pointer; box-shadow: var(--golge); }
.popup-balon-x .simge { width: 12px; height: 12px; }
@keyframes popup-balon-nefes { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }
@media (max-width: 767px) {
    .popup-vitrin-ust { min-height: 0; padding: 20px 64px 20px 18px; }
    .popup-vitrin-ust h2 { font-size: 22px; }
    .popup-vitrin-gorsel { display: none; }
    .popup-vitrin-govde { padding: 16px 14px 14px; }
    .popup-vitrin-kart { flex-basis: 74%; min-width: 0; }
    .popup-balon-sag .popup-balon-kap, .popup-balon-sol .popup-balon-kap { bottom: 76px; }
}
@media (pointer: coarse) { .popup-vitrin-ok { display: none; } }
@media (prefers-reduced-motion: reduce) { .popup-balon-halka { animation: none; } }

/* ---------- Kategori banner + bölge ---------- */
.bolge-serit .dugme { margin-left: auto; white-space: nowrap; }
.yakin-bolgeler, .bolge-il-liste { margin: 40px 0 16px; }
.yakin-bolgeler h2, .bolge-il-liste h2 { font-size: 22px; margin: 0 0 14px; }
.yakin-bolgeler ul, .bolge-ilce-duz { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.yakin-bolgeler li a, .bolge-ilce-duz li a { display: inline-block; padding: 8px 14px; border: 1px solid var(--kenar); border-radius: 999px; background: var(--beyaz); color: var(--yazi); font-size: 14px; }
.yakin-bolgeler li a:hover, .bolge-ilce-duz li a:hover { border-color: var(--ana); color: var(--ana); }
.bolge-il-liste .harita-il ul { columns: 2; column-gap: 24px; margin-top: 10px; list-style: none; padding: 0; }
.bolge-il-liste .harita-il li { margin: 0 0 6px; font-size: 14.5px; }
@media (min-width: 768px) { .bolge-il-liste .harita-il ul { columns: 3; } }
@media (min-width: 1100px) { .bolge-il-liste .harita-il ul { columns: 4; } }
.asistan-acik .popup-balon-sol .popup-balon-kap { opacity: 0; pointer-events: none; }

/* ---------- Mobil tarayıcı çubuğu açılıp kapanınca yükseklik değişir ---------- */
@supports (height: 100dvh) {
    .asistan-panel { max-height: min(640px, calc(100dvh - 180px)); }
    .popup-kutu { max-height: calc(100dvh - 32px); }
    .popup-yalniz img { max-height: calc(100dvh - 64px); }
    .popup.popup-sekmeli .popup-kutu { max-height: calc(100dvh - 32px); }
}

/* ---------- Gönder kilidi ---------- */
button.bekliyor, input.bekliyor { cursor: wait; opacity: .75; }
button.bekliyor::after { content: ""; width: 14px; height: 14px; margin-left: 8px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; flex-shrink: 0; animation: bekliyor-donus .8s linear infinite; }
@keyframes bekliyor-donus { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { button.bekliyor::after { animation: none; } }

/* ---------- Dokunma hedefi en az 44 px ---------- */
.arama-kapat, .serit-kutu, .sayfalama a, .sepet-kaldir, .kupon-kaldir, .asistan-kapat, .cerez-pencere-kapat { position: relative; }
.simge-dugme::before, .sayfalama a::before, .cekmece-menu .acilir-dugme::before { content: ""; position: absolute; inset: -2px; }
.favori-dugme::before, .duyuru-kapat::before { content: ""; position: absolute; inset: -4px; }
.serit-kutu::before { content: ""; position: absolute; inset: -7px 0; }
.arama-kapat::before { content: ""; position: absolute; inset: -6px; }
.asistan-kapat::before, .cerez-pencere-kapat::before { content: ""; position: absolute; inset: -8px; }
.sepet-kaldir::before, .kupon-kaldir::before { content: ""; position: absolute; inset: -10px; }
.tasarla-gorsel { aspect-ratio: 96 / 106; border-radius: 10px; overflow: hidden; background: var(--bolum); margin-bottom: 12px; }
.tasarla-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tasarla-ad { font-size: 18px; margin: 0 0 12px; }

.urun-kampanya { margin: 18px 0; padding: 14px; border: 1px solid var(--kenar); border-radius: var(--radius); background: var(--zemin); }
.urun-kampanya header { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.urun-kampanya header > .simge { width: 28px; height: 28px; color: var(--ana); flex-shrink: 0; }
.urun-kampanya header small { font-size: 11px; color: var(--yazi-2); }
.urun-kampanya h2 { margin: 0; font-size: 16px; line-height: 1.4; }
.urun-kampanya p { margin: 8px 0; font-size: 13px; line-height: 1.6; }
.urun-kampanya strong { color: var(--ana); }
.urun-kampanya-hediyeler { display: grid; gap: 8px; margin: 12px 0; }
.urun-kampanya-hedef { display: flex; align-items: center; gap: 10px; padding: 10px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 8px; }
label.urun-kampanya-hedef { cursor: pointer; }
.urun-kampanya-hedef:has(input:checked) { border-color: var(--ana); }
.urun-kampanya-hedef input { accent-color: var(--ana); }
.urun-kampanya-hedef img { width: 54px; height: 60px; object-fit: contain; flex-shrink: 0; border-radius: 6px; }
.urun-kampanya-hedef a { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 10px; font-size: 13px; font-weight: 600; }
.urun-kampanya-hedef a .simge { width: 16px; height: 16px; flex-shrink: 0; }
.urun-kampanya .urun-kampanya-not { color: var(--yazi-2); font-size: 12px; }
.urun-kampanya-kosul { border-top: 1px solid var(--kenar); padding-top: 10px; margin-top: 12px; font-size: 12px; }
.urun-kampanya-kosul summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-weight: 600; list-style: none; }
.urun-kampanya-kosul summary::-webkit-details-marker { display: none; }
.urun-kampanya-kosul summary .simge { width: 15px; height: 15px; }
.urun-kampanya-kosul ul { margin: 10px 0 0; padding-left: 18px; color: var(--yazi-2); line-height: 1.8; }
.sepet-hediye-rozet { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; color: var(--ana); background: var(--bolum); border-radius: 5px; padding: 5px 8px; margin: 6px 0; }
.sepet-hediye-rozet .simge { width: 14px; height: 14px; }
.sepet-kampanya-bildirim { padding: 14px 18px; border: 1px solid var(--kenar); border-radius: var(--radius); background: var(--bolum); margin-bottom: 20px; font-size: 13px; line-height: 1.6; }
.sepet-kampanya-bildirim p { margin: 4px 0; }
.sepet-hediye-eski { display: block; font-size: 12px; color: var(--yazi-2); margin-bottom: 4px; }

.urun-kampanyalar-diger .urun-kampanya { margin: 10px 0; }
.urun-kampanya-kazanc { flex-shrink: 0; padding: 4px 8px; border-radius: 999px; background: var(--bolum); color: var(--ana); font-size: 11px; font-weight: 700; }
.urun-kampanya-hedef a, .urun-kampanya-hedef > span:not(.urun-kampanya-kazanc) { min-width: 0; overflow-wrap: anywhere; }
.urun-kampanya-hedef img { width: 40px; height: 44px; }

/* Sepet süreci: site temasından bağımsız, sakin yeşil palet. */
body.kasa, .sepet-sayfa { --yazi: #23352a; --yazi-2: #758078; --zemin: #fafcfb; --bolum: #f2f7f2; --kenar: #e1e8e2; --beyaz: #fff; --dugme-radius: 8px; }
.kasa .sepet-sayfa { max-width: 1160px; padding-top: 28px; }
.kasa .sepet-baslik { font-size: 22px; font-weight: 600; margin-bottom: 20px; }
.kasa .kasa-satir { min-height: 80px; }
.kasa .kasa-ust .logo img { max-height: 44px; }
.kasa .adimlar { max-width: 700px; margin: 0 auto 32px; gap: 0; overflow: visible; }
.kasa .adimlar li { position: relative; flex: 1 1 0; min-width: 0; text-align: center; }
.kasa .adimlar li:not(:last-child)::after { content: ''; position: absolute; height: 2px; background: var(--kenar); top: 16px; left: calc(50% + 24px); right: calc(-50% + 24px); }
.kasa .adimlar a, .kasa .adimlar span { position: relative; z-index: 1; flex-direction: column; gap: 8px; padding: 0 4px; min-height: 60px; background: none; border: 0; color: var(--yazi-2); font-size: 12px; white-space: normal; }
.kasa .adimlar b { width: 32px; height: 32px; background: var(--kenar); color: var(--yazi-2); font-size: 12px; }
.kasa .adimlar .aktif span, .kasa .adimlar .tamam a { color: var(--ana); background: none; }
.kasa .adimlar .aktif b, .kasa .adimlar .tamam b { background: var(--ana); color: var(--beyaz); }
.kasa .sepet-ozet { top: 24px; padding: 24px; box-shadow: none; }
.kasa .ozet-gorsel img { object-fit: contain; background: var(--beyaz); }
.kasa .adim-form { gap: 16px; }
.kasa .alici { margin: 0 0 16px; padding: 20px; border-radius: 12px; }
.kasa .alici > legend + * { clear: none; }
.alici-tercih { padding: 16px 20px; background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 12px; }
.alici-anahtar { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; cursor: pointer; }
.alici-anahtar input { position: absolute; opacity: 0; width: 44px; height: 26px; }
.alici-anahtar-gorsel { width: 44px; height: 26px; border-radius: 99px; background: var(--kenar); position: relative; flex-shrink: 0; }
.alici-anahtar-gorsel::after { content: ''; position: absolute; width: 20px; height: 20px; background: var(--beyaz); border-radius: 50%; left: 3px; top: 3px; transition: transform .2s; }
.alici-anahtar input:checked + span { background: var(--ana); }
.alici-anahtar input:checked + span::after { transform: translateX(18px); }
.alici-anahtar input:focus-visible + span { outline: 2px solid var(--ana); outline-offset: 3px; }
.alici-urun-ozet { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--kenar); margin-bottom: 14px; border-radius: 6px; }
.alici-urun-fotograflar { display: flex; gap: 4px; flex-wrap: wrap; max-width: 160px; flex-shrink: 0; }
.alici-urun-fotograflar img { width: 40px; height: 46px; object-fit: contain; }
.alici-urun-ozet b { display: block; font-size: 13px; font-weight: 600; }
.alici-urun-ozet small { display: block; font-size: 12px; line-height: 1.5; color: var(--yazi-2); }
.kasa .alici .alan-izgara { grid-template-columns: 1fr; }
.kasa .alan { margin-bottom: 14px; }
.kasa .fl-box { height: 54px; border-radius: 6px; }
.kasa-kayan { position: relative; }
.kasa .gonderen-isim { display: grid; grid-template-columns: minmax(0, 1fr); clear: both; }
.kasa .gonderen-isim-kutu { height: 54px; min-height: 54px; }
.kasa #g_isim { display: block !important; box-sizing: border-box; width: 100%; height: 54px !important; min-height: 54px !important; }
.kasa .gonderen-isim > .alan-hata { margin-top: 6px; }
.kasa .alan > .kasa-kayan { grid-row: 1; min-width: 0; }
.kasa .alan:has(> .kasa-kayan) > .alan-hata { grid-row: 2; }
.kasa .kasa-kayan > input, .kasa .kasa-kayan > textarea { display: block; width: 100%; }
.kasa .kasa-kayan input, .kasa .kasa-kayan textarea { min-height: 54px; border-radius: 6px; padding: 23px 12px 8px; font-size: 16px; }
.kasa .kasa-kayan textarea { min-height: 88px; }
.kasa .kasa-kayan > label { position: absolute; left: 12px; top: 16px; font-size: 14px; font-weight: 400; color: var(--yazi-2); margin: 0; pointer-events: none; transition: top .15s, font-size .15s; }
.kasa .kasa-kayan input::placeholder, .kasa .kasa-kayan textarea::placeholder { color: transparent; }
.kasa .kasa-kayan:focus-within > label, .kasa .kasa-kayan:has(input:not(:placeholder-shown)) > label, .kasa .kasa-kayan:has(textarea:not(:placeholder-shown)) > label { top: 5px; font-size: 11px; line-height: 16px; }
.kasa .kasa-kayan:focus-within > label { color: var(--ana); }
.kasa .kart-tetik { padding: 22px 16px; background: var(--zemin); border-radius: 12px; border-color: #b8c7b9; margin: 4px 0 12px; }
.kasa .kart-tetik-dugme { flex-direction: column; gap: 10px; font-size: 15px; font-weight: 500; color: var(--ana); }
.kasa .kart-tetik-dugme .simge { width: 32px; height: 32px; }
.kart-tetik-aciklama { margin: 10px 0 0; color: var(--yazi-2); font-size: 12px; }
.kasa .adim-dugmeler .dugme-dolu { min-height: 50px; }
.kasa .secim-grup:not(.alici) { background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 12px; padding: 20px; }
@media (max-width: 599px) {
    .kasa .sepet-sayfa { padding-top: 20px; }
    .kasa .alici, .kasa .sepet-ozet, .kasa .secim-grup:not(.alici) { padding: 16px; }
    .kasa .adimlar { margin-bottom: 24px; }
    .alici-urun-fotograflar { max-width: 88px; }
    .kasa .adim-dugmeler { gap: 10px; }
    .kasa .adim-dugmeler .dugme { flex: 1; min-width: 0; padding: 0 12px; }
}

.kasa .alici > legend.gorsel-gizli { float: none; width: 1px; margin: 0; }

.alici-adres-ayrinti { margin: 4px 0 18px; color: var(--yazi-2); font-size: 12px; }
.alici-adres-ayrinti summary { cursor: pointer; padding: 8px 0; }
.alici-adres-ayrinti[open] summary { margin-bottom: 10px; }
.sepet-ozet:has(.kasa-ozet-devam), .sepet-ozet:has(.ozet-devam) { display: flex; flex-direction: column; }
.kasa-ozet-devam, .sepet-ozet .ozet-devam { order: -1; width: 100%; margin: 0 0 24px; min-height: 58px; font-size: 16px; font-weight: 700; }


/* Kategorili ek ürün vitrini */
.ekstra-vitrin { background: var(--beyaz); border: 1px solid var(--kenar); border-radius: 12px; padding: 20px; }
.ekstra-vitrin > header { display: grid; gap: 4px; margin-bottom: 16px; }
.ekstra-vitrin > header b { font-size: 14px; }
.ekstra-vitrin > header small { color: var(--yazi-2); font-size: 12px; }
.ekstra-kategoriler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.ekstra-kategoriler button { border: 1px solid var(--kenar); background: var(--beyaz); color: var(--yazi); border-radius: 6px; min-height: 36px; padding: 0 14px; font: inherit; font-size: 12px; cursor: pointer; }
.ekstra-kategoriler button.aktif { background: var(--ana); color: var(--beyaz); border-color: var(--ana); }
.ekstra-vitrin-izgara { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.ekstra-vitrin-kart { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 16px 10px; border: 1px solid var(--kenar); border-radius: 8px; min-width: 0; }
.ekstra-vitrin-kart.secili { border-color: var(--ana); }
.ekstra-vitrin-gorsel { position: relative; width: 100%; aspect-ratio: 1; max-width: 160px; }
.ekstra-vitrin-gorsel img { width: 100%; height: 100%; object-fit: contain; }
.ekstra-buyut { position: absolute; top: 0; right: 0; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--kenar); border-radius: 6px; background: var(--beyaz); color: var(--ana); cursor: pointer; }
.ekstra-buyut .simge { width: 16px; height: 16px; }
.ekstra-vitrin-kart h3 { margin: 0; font-size: 13px; line-height: 1.5; flex: 1; }
.ekstra-vitrin-fiyat { font-size: 13px; }
.ekstra-vitrin-kart .dugme { min-height: 38px; font-size: 13px; padding: 0 20px; }
.ekstra-vitrin-kart [hidden] { display: none; }
.ekstra-gorsel-pencere { width: min(680px,calc(100% - 32px)); max-height: calc(100dvh - 40px); padding: 20px; border: 0; border-radius: 12px; background: var(--beyaz); color: var(--yazi); }
.ekstra-gorsel-pencere::backdrop { background: rgba(0,0,0,.55); }
.ekstra-gorsel-pencere > button { display: flex; margin-left: auto; }
.ekstra-gorsel-pencere img { width: 100%; height: auto; max-height: 70dvh; object-fit: contain; }
.ekstra-gorsel-pencere p { margin: 12px 0 0; text-align: center; font-size: 14px; }
@media(max-width: 599px) { .ekstra-vitrin { padding: 14px; } .ekstra-vitrin-izgara { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .ekstra-vitrin-kart { padding: 12px 8px; } }

.ekstra-vitrin-gorsel-yok { display: grid; place-items: center; width: 100%; height: 100%; background: var(--bolum); border-radius: 6px; color: var(--yazi-2); }
.ekstra-vitrin-gorsel-yok .simge { width: 40px; height: 40px; }

/* Kasa bölüm başlıkları kutunun içinde. */
.kasa .secim-grup:not(.alici) > legend { float: left; width: 100%; padding: 0; margin: 0 0 16px; font-size: 15px; font-weight: 600; }
.kasa .secim-grup:not(.alici) > legend + * { clear: both; }

.urun-siparis-dugmeler { display: flex; gap: 8px; }
.urun-siparis-dugmeler > .dugme { flex: 1; min-width: 0; padding: 0 12px; min-height: 52px; font-size: 14px; }
.urun-whatsapp-siparis { border: 1px dashed #128c46; color: #128c46; background: transparent; white-space: normal; text-align: center; }
.urun-sabit-fiyat { display: none; }
.gun-takvim > .simge { width: 20px; height: 20px; color: var(--ana); }
.urun-kampanya-minimal .urun-kampanya { padding: 10px 12px; margin: 12px 0; }
.urun-kampanya-minimal .urun-kampanya header { margin-bottom: 6px; gap: 8px; }
.urun-kampanya-minimal .urun-kampanya h2 { font-size: 13px; }
.urun-kampanya-minimal .urun-kampanya header > .simge { width: 18px; height: 18px; }
.urun-kampanya-minimal .urun-kampanya-hediyeler { margin: 6px 0; }
@media(max-width: 767px) {
    body.urun-sabit-siparis { padding-bottom: 100px; }
    .urun-siparis-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 65; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); background: var(--beyaz); border-top: 1px solid var(--kenar); box-shadow: 0 -4px 20px rgba(0,0,0,.08); }
    .urun-sabit-fiyat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; margin: 0; font-size: 18px; font-weight: 700; }
    .urun-sabit-fiyat del { color: var(--yazi-2); font-size: 12px; font-weight: 400; }
    .urun-sabit-fiyat .rozet { font-size: 11px; }
    .urun-siparis-dugmeler { flex: 1; max-width: 60%; justify-content: flex-end; }
    .urun-siparis-dugmeler > .dugme { min-height: 44px; padding: 6px 10px; font-size: 12px; line-height: 1.25; }
    .urun-sabit-fiyat { max-width: 40%; }
    .urun-sabit-fiyat b { order: -1; width: 100%; white-space: nowrap; }
    .urun-sabit-siparis .asistan-dugme { bottom: 100px; }
}

.urun-whatsapp-siparis:hover, .urun-whatsapp-siparis:focus-visible { background: transparent; border-color: #0b7338; color: #0b7338; }
.kampanya-oneri { width: min(620px,calc(100% - 32px)); max-height: calc(100dvh - 40px); padding: 24px; border: 1px solid var(--kenar); border-radius: 16px; background: var(--zemin); color: var(--yazi); overflow: auto; }
.kampanya-oneri::backdrop { background: rgba(0,0,0,.45); }
.kampanya-oneri h2 { margin: 0 0 20px; font-size: 20px; }
.kampanya-oneri-liste { display: grid; gap: 12px; }
.kampanya-oneri-kart { display: flex; align-items: center; gap: 12px; border: 1px solid var(--kenar); border-radius: 10px; padding: 12px; }
.kampanya-oneri-kart img { width: 64px; height: 72px; object-fit: contain; }
.kampanya-oneri-kart > div { flex: 1; min-width: 0; }
.kampanya-oneri-kart h3 { margin: 0 0 6px; font-size: 14px; }
.kampanya-oneri-kart p { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; font-size: 13px; }
.kampanya-oneri-kart del { color: var(--yazi-2); }
.kampanya-oneri-kart strong { color: var(--ana); }
.kampanya-oneri-kart .dugme { min-height: 44px; padding: 8px 14px; }
.kampanya-oneri-bilgi { font-size: 13px; }
.kampanya-oneri-devam { width: 100%; min-height: 44px; margin-top: 12px; }
@media(max-width: 399px) { .kampanya-oneri { padding: 16px; } .kampanya-oneri-kart { gap: 8px; padding: 8px; } .kampanya-oneri-kart img { width: 44px; height: 54px; } }


.urun-gorsel-sigdir .urun-gorsel img, .urun-gorsel-sigdir .galeri-oge img, .urun-gorsel-sigdir .galeri-kucuk img, .urun-gorsel-sigdir .arama-urun-kart-gorsel img { object-fit: contain; }
.urun-gorsel-doldur .urun-gorsel img, .urun-gorsel-doldur .galeri-oge img, .urun-gorsel-doldur .galeri-kucuk img, .urun-gorsel-doldur .arama-urun-kart-gorsel img { object-fit: cover; }
.galeri-buyut { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.galeri-buyut:focus-visible { outline: 2px solid var(--ana); outline-offset: -4px; }
.urun-gorsel-buyuk { width: min(1100px,calc(100% - 32px)); height: min(850px,calc(100dvh - 32px)); max-width: none; max-height: none; padding: 20px; border: 0; border-radius: 12px; background: var(--zemin); color: var(--yazi); }
.urun-gorsel-buyuk::backdrop { background: rgba(0,0,0,.75); }
.urun-gorsel-buyuk > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.urun-gorsel-kapat, .urun-gorsel-ok { position: absolute; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--kenar); border-radius: 50%; background: var(--zemin); color: var(--yazi); font-size: 30px; cursor: pointer; }
.urun-gorsel-kapat { top: 12px; right: 12px; }
.urun-gorsel-ok { top: calc(50% - 22px); }
.urun-gorsel-ok.onceki { left: 12px; }
.urun-gorsel-ok.sonraki { right: 12px; }
.urun-gorsel-sayac { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); padding: 4px 12px; border-radius: 20px; background: var(--zemin); font-size: 13px; }
.galeri-sol { display: grid; grid-template-columns: 80px minmax(0,1fr); align-items: start; gap: 12px; }
.galeri-vitrin { position: relative; grid-column: 2; grid-row: 1; min-width: 0; }
.galeri-sol .galeri-kucuk { grid-column: 1; grid-row: 1; flex-direction: column; margin: 0; max-height: min(693px,70vh); overflow-x: hidden; overflow-y: auto; }
.galeri-sol .galeri-kucuk button { flex: 0 0 auto; width: 100%; }
.galeri-kaydir { position: absolute; top: calc(50% - 20px); z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--kenar); border-radius: 50%; background: var(--beyaz); color: var(--yazi); cursor: pointer; opacity: .85; }
.galeri-kaydir.onceki { left: 8px; }
.galeri-kaydir.sonraki { right: 8px; }
.galeri-kaydir:hover, .galeri-kaydir:focus-visible { opacity: 1; color: var(--ana); border-color: var(--ana); }
.galeri-kaydir .simge { width: 18px; height: 18px; }
.galeri-vitrin:only-child { grid-column: 1 / -1; }
@media(max-width: 599px) { .galeri-sol { grid-template-columns: 56px minmax(0,1fr); gap: 8px; } .galeri-kaydir { width: 36px; height: 36px; top: calc(50% - 18px); } .galeri-kaydir.onceki { left: 4px; } .galeri-kaydir.sonraki { right: 4px; } }
/* Genel ürün kartı ayarı: ana sayfa, kategori, arama ve favoriler. */
@media (min-width: 768px) {
    body.kart-sutun-2 .urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.kart-sutun-2 .urun-serit { grid-auto-columns: calc((100% - 15px) / 2); }
}
@media (min-width: 1150px) {
    body.kart-sutun-2 .urun-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.kart-sutun-2 .urun-serit { grid-auto-columns: calc((100% - 15px) / 2); }
    body.kart-sutun-3 .urun-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.kart-sutun-3 .urun-serit { grid-auto-columns: calc((100% - 30px) / 3); }
    body.kart-sutun-4 .urun-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    body.kart-sutun-4 .urun-serit { grid-auto-columns: calc((100% - 45px) / 4); }
    body.kart-sutun-5 .urun-izgara { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    body.kart-sutun-5 .urun-serit { grid-auto-columns: calc((100% - 60px) / 5); }
    body.kart-sutun-6 .urun-izgara { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    body.kart-sutun-6 .urun-serit { grid-auto-columns: calc((100% - 75px) / 6); }
}


.magaza-teslim-secim { display: block; position: relative; margin: 0; cursor: pointer; }
.magaza-teslim-secim > input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.magaza-teslim-satir { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 10px 16px; border: 1px solid var(--kenar); border-radius: 12px; background: var(--beyaz); font-size: 14px; font-weight: 600; transition: border-color .2s, background .2s; }
.magaza-teslim-satir > .simge { width: 20px; height: 20px; color: var(--ana); flex-shrink: 0; }
.magaza-teslim-anahtar { margin-left: auto; width: 34px; height: 20px; border-radius: 999px; background: var(--kenar); padding: 3px; flex-shrink: 0; transition: background .2s; }
.magaza-teslim-anahtar::after { content: ''; display: block; width: 14px; height: 14px; border-radius: 50%; background: var(--beyaz); transition: transform .2s; }
.magaza-teslim-secim:hover .magaza-teslim-satir { border-color: var(--ana); }
.magaza-teslim-secim > input:checked + .magaza-teslim-satir { border-color: var(--ana); background: var(--bolum); }
.magaza-teslim-secim > input:checked + .magaza-teslim-satir .magaza-teslim-anahtar { background: var(--ana); }
.magaza-teslim-secim > input:checked + .magaza-teslim-satir .magaza-teslim-anahtar::after { transform: translateX(14px); }
.magaza-teslim-secim > input:focus-visible + .magaza-teslim-satir { outline: 2px solid var(--ana); outline-offset: 3px; }

.teslim-konum-satir { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin-bottom: 12px; }
.teslim-konum-satir > .teslim-bolge { flex: 1; min-width: 0; }
.magaza-teslim-alternatif { display: flex; flex-direction: column; gap: 10px; align-self: flex-start; width: fit-content; max-width: 100%; }
.teslim-konum-satir .magaza-teslim-satir { height: 100%; border-radius: var(--dugme-radius, 999px); }
@media (max-width: 599px) {
    .teslim-konum-satir .bolge-dugme { padding-left: 10px; gap: 6px; font-size: 12px; }
    .teslim-konum-satir .magaza-teslim-satir { padding: 8px 10px; gap: 7px; font-size: 12px; }
    .teslim-konum-satir .magaza-teslim-satir > .simge { display: none; }
}

.magaza-teslim-metin { display: flex; flex-direction: column; gap: 2px; }
.magaza-indirim { color: var(--ana); font-size: 11px; font-weight: 600; }

/* Fatura seçimi teslimat bileşeninden bağımsızdır. */
.fatura-tip-secimi { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
.fatura-tip-secimi label { position: relative; cursor: pointer; }
.fatura-tip-secimi input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.fatura-tip-secimi span { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 10px; border: 1px solid var(--kenar); border-radius: 12px; background: var(--beyaz); font-weight: 600; font-size: 14px; text-align: center; }
.fatura-tip-secimi input:checked + span { border-color: var(--ana); background: var(--ana); color: var(--beyaz); }
.fatura-tip-secimi input:focus-visible + span { outline: 2px solid var(--ana); outline-offset: 2px; }
.fatura-tip-secimi .simge { width: 18px; height: 18px; }

[data-urun-sayfa] .urun-fiyat { margin-bottom: 30px; }

.teslim-secim-ayrac { text-align: center; color: var(--yazi-2); font-size: 12px; line-height: 1; }

/* Sade menü: yazının altında kayan ince çizgi, sabit yön ikonu. */
@media (min-width: 992px) {
    .ana-menu > ul > li > a { position: relative; }
    .menu-efekt-cizgi .ana-menu > ul > li > a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 12px; height: 2px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .25s ease; }
    .menu-efekt-cizgi .ana-menu > ul > li:hover > a::after, .menu-efekt-cizgi .ana-menu > ul > li:focus-within > a::after { transform: scaleX(1); transform-origin: left; }
    .menu-alt > ul > li > a::after { bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .menu-efekt-cizgi .ana-menu > ul > li > a::after { transition: none; }
}

@media (min-width: 992px) {
    .ust.menu-yazi-14 .ana-menu > ul > li > a { font-size: 14px; }
    .ust.menu-yazi-15 .ana-menu > ul > li > a { font-size: 15px; }
    .ust.menu-yazi-16 .ana-menu > ul > li > a { font-size: 16px; }
    .ust.menu-yazi-18 .ana-menu > ul > li > a { font-size: 18px; }
    .menu-ikon-donen .ana-menu > ul > li:hover > a > .simge, .menu-ikon-donen .ana-menu > ul > li:focus-within > a > .simge { transform: rotate(180deg); }
}
.menu-ikon-donen .cekmece-menu .acik > .acilir-dugme .simge { transform: rotate(180deg); }

@media (min-width: 992px) {
    .ust.menu-genis .ana-menu .alt-menu { left: 0; right: 0; border-radius: 0; padding-left: max(24px, calc((100% - var(--kap)) / 2 + 24px)); padding-right: max(24px, calc((100% - var(--kap)) / 2 + 24px)); }
    .menu-genis .alt-menu:not(.mega) { display: block; columns: 2; column-gap: 64px; }
    .menu-genis .alt-menu:not(.mega) > li { break-inside: avoid; }
    .menu-genis .alt-menu:not(.mega) .alt-tumu { column-span: all; }
}

/* Yan içerikler farklı genişlikte olsa da şerit mesajı ekran merkezinde. */
.serit-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.serit-kutular { grid-column: 1; grid-row: 1; justify-self: start; }
.serit-orta { grid-column: 2; grid-row: 1; justify-self: center; }
.serit-baglantilar { grid-column: 3; grid-row: 1; justify-self: end; }

.alt { color: var(--alt-yazi, rgba(255,255,255,.85)); }
.alt-acik { color: var(--alt-yazi, var(--yazi-2)); }
.alt-baslik, .alt-logo, .alt-acik .alt-baslik, .alt-acik .alt-logo { color: inherit; }
.alt { border-top: 1px solid var(--kenar); }
.alt-izgara { row-gap: 32px; }
.alt-sutun a { text-decoration: none; transition: opacity var(--gecis); }
.alt-sutun a:hover { color: inherit; opacity: .75; text-decoration: underline; text-underline-offset: 4px; }
.alt-baslik { font-size: 15px; margin-bottom: 20px; }
.alt-markalar, .alt-pos { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.alt-pos { gap: 12px; }
.alt-pos span { font-size: 12px; }
.alt-pos img { width: auto; height: 26px; max-width: 110px; object-fit: contain; }
.alt-lisa { display: inline-flex; align-items: center; padding: 10px 14px; border-radius: 8px; background: #fff; }
.alt-lisa img { width: 145px; height: auto; max-height: 32px; object-fit: contain; }
@media (max-width: 767px) { .alt-telif { align-items: flex-start; gap: 20px; } .alt-markalar { width: 100%; justify-content: space-between; } }
.alt-izgara { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; max-width: 1060px; padding-top: 64px; padding-bottom: 64px; }
.alt-firma { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; padding-bottom: 12px; }
.alt-logo { margin-bottom: 16px; }
.alt-logo img { width: 230px; max-height: 80px; height: auto; }
.alt-firma .sosyal { justify-content: center; gap: 22px; }
.alt-firma .sosyal a { border: 0; border-radius: 0; width: 24px; height: 24px; }
.alt-sutun li { margin-bottom: 8px; }
.alt-guvenlik { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; border-top: 1px solid var(--kenar); border-bottom: 1px solid var(--kenar); padding-top: 24px; padding-bottom: 24px; }
.alt-guven { display: flex; gap: 10px; align-items: center; font-size: 12px; }
.alt-guven .simge { width: 30px; height: 30px; }
.alt-guven strong { font-size: 18px; font-weight: 500; }
.alt-odeme-merkez { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; }
.alt-odeme-merkez img { width: auto; height: auto; max-height: 32px; max-width: 340px; object-fit: contain; }
.alt-guvenlik .alt-lisa { justify-self: end; padding: 0; background: transparent; }
.alt-telif { justify-content: center; text-align: center; border: 0; padding-top: 22px; padding-bottom: 22px; }
@media (min-width: 992px) { .alt-izgara, .alt-ortali .alt-izgara { grid-template-columns: repeat(4,minmax(0,1fr)); column-gap: 48px; } .alt-sutun { text-align: left; } }
@media (max-width: 767px) { .alt-guvenlik { grid-template-columns: 1fr 1fr; gap: 24px 16px; } .alt-odeme-merkez { grid-column: 1 / -1; grid-row: 1; } .alt-odeme-merkez img { max-width: 100%; } .alt-izgara { padding-top: 40px; padding-bottom: 40px; gap: 28px 20px; } }
.takip-sayfa { --ana: #345c49; --beyaz: #fff; --yazi: #24312b; --yazi-2: #68756e; --kenar: #dfe5e1; --bolum: #f5f7f6; --vurgu: #b7791f; color: var(--yazi); }
.takip-degerlendirme { margin-top: 20px; padding: 20px; background: #f5f7f6; color: #24312b; border: 1px solid #dfe5e1; border-radius: 12px; }
.takip-degerlendirme .adim-form { margin-top: 18px; max-width: 680px; }
.takip-degerlendirme .alan label { color: #24312b; }
.takip-degerlendirme input:not([type=radio]), .takip-degerlendirme textarea { background: #fff; color: #24312b; border-color: #ccd7d0; }
.takip-degerlendirme .dugme-cizgi { color: #345c49; border-color: #a6b9ad; background: #fff; }
.takip-degerlendirme .dugme-cizgi:hover { color: #243f32; background: #edf3ef; }
.takip-degerlendirme .dugme-dolu { background: #345c49; color: #fff; }
.takip-degerlendirme .dugme-dolu:hover { background: #284737; }
.takip-degerlendirme .yildiz-secim label { color: #b7c2ba; }
.takip-degerlendirme .yildiz-secim label:hover, .takip-degerlendirme .yildiz-secim label:hover ~ label, .takip-degerlendirme .yildiz-secim input:checked ~ label { color: #e3a126; }
@media (max-width: 480px) { .takip-degerlendirme { padding: 16px; } }
.liste-yukleme { min-height: 1px; text-align: center; margin-top: 24px; }
.liste-yukleme.kaydirma-hazir .liste-devam { display: none; }
.liste-yukleme [data-yukleme-durum] { color: var(--soluk, #666); font-size: 14px; }

.urun-puan { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; width: fit-content; line-height: 20px; margin-bottom: 14px; }
.urun-puan .yildizlar { display: inline-flex; align-items: center; gap: 3px; margin: 0; flex-shrink: 0; }
.urun-puan > span { white-space: nowrap; }
.urun-puan:hover { color: var(--ana); }
.urun-yorumlar { scroll-margin-top: 190px; }
.urun-yorumlar .yildizlar { display: inline-flex; margin: 0; }
.urun-yorumlar .yorum-oge > p { white-space: pre-line; overflow-wrap: anywhere; }
.kart-puan { display: inline-flex; align-items: center; gap: 5px; margin: 6px 0; font-size: 13px; color: var(--yazi-2); }
.kart-puan .simge { width: 15px; height: 15px; color: #e3a126; }
.kart-puan b { color: var(--yazi); font-weight: 500; }
@media (min-width: 992px) {
    .ust-menu-sabit { --menu-ust-yukseklik: 112px; top: calc(-1 * var(--menu-ust-yukseklik)); }
    .ust-menu-sabit .ust-satir { height: var(--menu-ust-yukseklik); min-height: 0; }
    .ust-menu-sabit .menu-alt { background: var(--ust-zemin, var(--zemin)); }
}
.detay-urun-serit { grid-auto-columns: calc((100% - 15px) / 2); padding-bottom: 4px; }
@media (min-width: 992px) { .detay-urun-serit { gap: 24px; grid-auto-columns: calc((100% - 72px) / 4); } }

.bakim { min-height: 100vh; background: #f5f5ec; padding: 15px 20px; color: #253c31; }
.bakim .sayfa-bos { margin: 0 auto; max-width: 640px; padding: 80px 24px; border-radius: 12px; background: #fff; box-shadow: 0 8px 28px rgba(35,50,35,.08); }
.bakim .sayfa-bos h1 { font-weight: 400; }
.bakim .sayfa-bos p { color: #68736b; }

.bos-durum { margin: 32px 0; padding: 48px 24px; background: var(--bolum); border: 1px solid var(--kenar); border-radius: 20px; }
.bos-simge { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 18px; background: var(--beyaz); border-radius: 50%; color: var(--ana); }
.bos-simge .simge { width: 28px; height: 28px; }
.bos-durum h2 { font-size: 24px; margin-bottom: 12px; }
.bos-durum .bos-kesfet { margin-bottom: 24px; gap: 10px; }
.bos-dugmeler .dugme-cizgi { border: 0; padding: 6px 12px; background: transparent; color: var(--yazi-2); min-height: 0; font-size: 13px; }
.bos-dugmeler .dugme-cizgi:hover { color: var(--ana); text-decoration: underline; }

/* Ürün listeleme: kompakt başlık ve geniş gönderim bölgesi seçimi. */
.sayfa-baslik.liste-baslik { background: var(--beyaz); text-align: left; padding: 18px 0 0; }
.liste-baslik .yol { justify-content: flex-start; flex-wrap: wrap; }
.sayfa-baslik.liste-baslik h1 { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.25; margin: 10px 0 0; overflow-wrap: anywhere; }
.liste-baslik .sayfa-aciklama { margin: 10px 0 0; max-width: 900px; }
.bolge-serit.bolge-serit-kompakt { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); gap: 12px; padding: 0; border: 0; background: none; border-radius: 0; margin-bottom: 12px; }
.bolge-serit-kompakt .bolge-secici { order: 0; width: 100%; min-width: 0; padding: 6px; border: 1px solid var(--kenar); border-radius: 10px; background: var(--bolum); }
.bolge-serit-kompakt .bolge-dugme { height: 48px; border-radius: 6px; }
.bolge-serit-kompakt > p { order: 1; min-width: 0; padding: 12px 14px; border: 1px solid var(--kenar); border-radius: 10px; background: var(--bolum); font-size: 12px; line-height: 1.5; }
.bolge-serit-kompakt > p .simge { flex-shrink: 0; }
.liste-bolge:empty { display: none; }
@media (max-width: 767px) {
    .sayfa-baslik.liste-baslik { padding-top: 14px; }
    .bolge-serit.bolge-serit-kompakt { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .bolge-serit-kompakt > p { padding: 8px 12px; }
}