/* Favenda vitrini: bütün müşteri sitelerinin ortak görünümü. Renk, yazı ve köşe temadan CSS değişkeni olarak gelir
   (favenda/temalar.py). Dışarıdan yazı tipi ya da betik yüklenmez. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--metin);font:17px/1.65 var(--yazi-govde)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ana)}
h1,h2,h3{font-family:var(--yazi-baslik);line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.5vw,3.4rem)}
h2{font-size:clamp(1.5rem,3vw,2.2rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
.kap{width:min(1160px,100% - 32px);margin-inline:auto}
.dar{width:min(780px,100% - 32px)}
.orta{text-align:center}
.soluk{color:color-mix(in srgb,var(--metin) 68%,var(--zemin))}
.kucuk{font-size:.85rem}
.bolum{padding:clamp(48px,8vw,96px) 0}
.bolum.yumusak{background:var(--yumusak)}
.onizleme-bandi{background:#1B2430;color:#fff;text-align:center;font:600 14px/1 system-ui,sans-serif;padding:10px}

/* Üst ve menü */
.ust{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--zemin) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--metin) 10%,transparent)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.marka{font:700 1.25rem/1 var(--yazi-baslik);color:var(--metin);text-decoration:none}
.marka img{height:40px;width:auto}
.menu{display:flex;align-items:center;gap:24px}
.menu a{color:var(--metin);text-decoration:none;font-weight:500}
.menu a[aria-current=page],.menu a:hover{color:var(--ana)}
.menu a{white-space:nowrap}
.menu-telefon{border:1.5px solid var(--ana);border-radius:var(--kose);padding:6px 14px;color:var(--ana)!important;white-space:nowrap}
.menu-daha{position:relative}
.menu-mobil{display:none}
.menu-daha summary{cursor:pointer;font-weight:500;list-style:none}
.menu-daha summary::after{content:" ▾";font-size:.8em}
.menu-daha>div{position:absolute;right:0;top:calc(100% + 12px);background:var(--zemin);border:1px solid color-mix(in srgb,var(--metin) 12%,transparent);border-radius:calc(var(--kose) * .7);box-shadow:0 18px 40px -20px rgba(0,0,0,.35);padding:8px;display:grid;min-width:200px;z-index:30}
.menu-daha>div a{padding:8px 10px;border-radius:8px}
.menu-daha>div a:hover{background:var(--yumusak)}
.menu-ac,.menu-dugme{display:none}
@media (max-width:980px){
  .menu-dugme{display:grid;gap:5px;cursor:pointer;padding:8px}
  .menu-dugme span{display:block;width:24px;height:2px;background:var(--metin)}
  .menu{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;align-items:stretch;gap:0;background:var(--zemin);border-bottom:1px solid color-mix(in srgb,var(--metin) 12%,transparent);padding:8px 16px 16px}
  .menu a{padding:12px 4px;border-bottom:1px solid color-mix(in srgb,var(--metin) 8%,transparent)}
  .menu-ac:checked~.menu{display:flex}
  .menu-daha{display:none}
  .menu-mobil{display:contents}
}

/* Düğmeler */
.dugme{display:inline-block;background:var(--dugme,var(--ana));color:var(--dugme-metin,#fff);text-decoration:none;font-weight:600;border:0;border-radius:var(--kose);padding:14px 26px;cursor:pointer;font-size:1rem;transition:transform .15s,filter .15s}
.dugme:hover{filter:brightness(1.08);transform:translateY(-1px)}
.dugme.acik{background:#fff;color:var(--ana)}
.ok{font-weight:600;text-decoration:none}
.ok::after{content:" →"}

/* Kahraman */
.kahraman{padding:clamp(64px,11vw,140px) 0;background:linear-gradient(180deg,var(--yumusak),var(--zemin))}
.kahraman-ic{display:grid;gap:40px;align-items:center}
.kahraman-ortali .kahraman-metin{text-align:center;max-width:820px;margin-inline:auto}
.kahraman .giris{font-size:clamp(1.05rem,1.6vw,1.3rem);color:color-mix(in srgb,var(--metin) 75%,var(--zemin));max-width:640px}
.kahraman-ortali .giris{margin-inline:auto}
.kahraman-gorselli .kahraman-ic:has(.kahraman-gorsel){grid-template-columns:1.1fr 1fr}
.kahraman-gorsel img{border-radius:var(--kose);box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.kahraman-arka_plan{position:relative;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.25)),var(--arka,linear-gradient(135deg,var(--ana),var(--vurgu))) center/cover}
.kahraman-arka_plan .giris{color:rgba(255,255,255,.9)}
@media (max-width:820px){.kahraman-gorselli .kahraman-ic{grid-template-columns:1fr}}

/* Izgara ve kartlar */
.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:32px}
.kart{background:var(--zemin);border:1px solid color-mix(in srgb,var(--metin) 10%,transparent);border-radius:var(--kose);padding:26px}
.yumusak .kart{border-color:transparent;box-shadow:0 10px 30px -18px rgba(0,0,0,.25)}
.kart h3{color:var(--ana)}
.kart p:last-child{margin-bottom:0}
.kart-gorselli{padding:0;overflow:hidden}
.kart-gorselli img{aspect-ratio:4/3;object-fit:cover;width:100%}
.kart-ic{padding:22px 24px}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.iki.ters>:first-child{order:2}
.yuvarlak-gorsel img,.gorsel-yok{border-radius:var(--kose);aspect-ratio:4/3;object-fit:cover;width:100%}
.gorsel-yok{background:linear-gradient(135deg,var(--yumusak),color-mix(in srgb,var(--ana) 18%,var(--zemin)))}
@media (max-width:820px){.iki{grid-template-columns:1fr}.iki.ters>:first-child{order:0}}
.duz-metin p{margin-bottom:1em}

/* Galeri, rakamlar, yorumlar, SSS */
.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:28px}
.galeri figure{margin:0}
.galeri img{aspect-ratio:1;object-fit:cover;border-radius:var(--kose);width:100%}
.galeri figcaption{font-size:.85rem;margin-top:6px}
.sayilar{background:var(--ana);color:#fff}
.sayi-sira{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;text-align:center;margin-top:16px}
.sayi-sira strong{display:block;font:700 clamp(2rem,4vw,3rem)/1.1 var(--yazi-baslik)}
.sayi-sira span{opacity:.88}
.alinti{margin:0}
.alinti blockquote{margin:0 0 14px;font-size:1.05rem}
.alinti blockquote::before{content:"“";display:block;font:700 3rem/1 Georgia,serif;color:var(--vurgu)}
.sss{border-bottom:1px solid color-mix(in srgb,var(--metin) 12%,transparent);padding:18px 0}
.sss summary{cursor:pointer;font-weight:600;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.sss summary::after{content:"+";color:var(--ana);font-size:1.4rem;line-height:1}
.sss[open] summary::after{content:"–"}
.sss div{padding-top:10px}

/* Çağrı bandı */
.cagri{background:linear-gradient(120deg,var(--ana),color-mix(in srgb,var(--ana) 70%,var(--vurgu)));color:#fff}
.cagri-ic{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cagri h2{margin:0}
.cagri p{margin:.4em 0 0;opacity:.9}

/* İletişim */
.iletisim-liste{list-style:none;padding:0;margin:20px 0}
.iletisim-liste li{padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--metin) 10%,transparent);display:flex;gap:14px}
.iletisim-liste span{min-width:90px;color:color-mix(in srgb,var(--metin) 60%,var(--zemin))}
.harita{width:100%;height:260px;border:0;border-radius:var(--kose);margin-top:8px}
.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.form input,.form textarea{font:inherit;border:1.5px solid color-mix(in srgb,var(--metin) 18%,transparent);border-radius:calc(var(--kose) * .6);padding:12px 14px;background:var(--zemin);color:var(--metin)}
.form input:focus,.form textarea:focus{outline:2px solid color-mix(in srgb,var(--ana) 45%,transparent);border-color:var(--ana)}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bildirim{padding:12px 16px;border-radius:calc(var(--kose) * .6)}
.bildirim.tamam{background:#E8F5EC;color:#1E5B33}
.bildirim.hata{background:#FDECEC;color:#8A1F1F}

/* Alt bilgi */
.alt{background:color-mix(in srgb,var(--metin) 94%,var(--ana));color:rgba(255,255,255,.82);padding:48px 0 24px;font-size:.95rem}
.alt a{color:#fff;text-decoration:none}
.alt-ic{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}
.alt-ic nav{display:flex;flex-direction:column;gap:6px}
.alt-son{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:.82rem;opacity:.8}
.whatsapp{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.35);z-index:30}

/* Katalog (F2): arama, ürün kartları, kategori ve ürün sayfası */
.arama{flex:1;max-width:340px;margin-left:auto}
.arama input{width:100%;font:inherit;font-size:.95rem;border:1.5px solid color-mix(in srgb,var(--metin) 14%,transparent);border-radius:999px;padding:9px 16px 9px 38px;background:var(--zemin) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5.5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") 14px center no-repeat;color:var(--metin)}
.arama input:focus{outline:2px solid color-mix(in srgb,var(--ana) 40%,transparent);border-color:var(--ana)}
@media (max-width:980px){.arama{order:3;flex-basis:100%;max-width:none;margin:0 0 10px}.ust-ic{flex-wrap:wrap}}
.urun-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:28px}
@media (max-width:600px){.urun-izgara{grid-template-columns:1fr 1fr;gap:12px}}
.urun-kart{display:flex;flex-direction:column;text-decoration:none;color:var(--metin);background:var(--zemin);border:1px solid color-mix(in srgb,var(--metin) 9%,transparent);border-radius:var(--kose);overflow:hidden;transition:transform .15s,box-shadow .15s}
.urun-kart:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(0,0,0,.35)}
.urun-kart-gorsel{position:relative;aspect-ratio:1;background:var(--yumusak)}
.urun-kart-gorsel img,.urun-kart-gorsel .gorsel-yok{width:100%;height:100%;object-fit:cover;aspect-ratio:1;border-radius:0}
.urun-kart-ic{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.urun-kart h3{font:600 .98rem/1.35 var(--yazi-govde);color:var(--metin);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fiyat{margin:auto 0 0}
.fiyat strong{color:var(--ana);font-size:1.08rem}
.fiyat del{color:color-mix(in srgb,var(--metin) 50%,var(--zemin));font-size:.9rem}
.etiket{position:absolute;top:10px;left:10px;background:var(--vurgu);color:#fff;font:700 .75rem/1 var(--yazi-govde);padding:6px 9px;border-radius:999px}
.etiket.koyu{background:#333}
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 18px;font-size:.88rem}
.kirinti li+li::before{content:"›";margin-right:6px;color:color-mix(in srgb,var(--metin) 40%,var(--zemin))}
.kirinti a{color:color-mix(in srgb,var(--metin) 65%,var(--zemin));text-decoration:none}
.liste-bolum{padding-top:28px}
.liste-ust{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.liste-ust h1{font-size:clamp(1.6rem,3.4vw,2.4rem);margin:0}
.liste-ust p{margin:4px 0 0}
.sirala{display:flex;align-items:center;gap:8px}
.sirala select,.urun-secim select,.urun-secim input{font:inherit;border:1.5px solid color-mix(in srgb,var(--metin) 16%,transparent);border-radius:calc(var(--kose) * .5);padding:9px 12px;background:var(--zemin);color:var(--metin)}
.alt-kategoriler{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.alt-kategoriler a{display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--metin) 12%,transparent);border-radius:999px;padding:5px 16px 5px 5px;text-decoration:none;color:var(--metin);font-weight:500;font-size:.92rem}
.alt-kategoriler a:hover{border-color:var(--ana);color:var(--ana)}
.alt-kategoriler img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.sayfalama{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:36px}
.sayfalama a{font-weight:600;text-decoration:none}
.bos-sonuc{padding:48px 0;text-align:center;color:color-mix(in srgb,var(--metin) 65%,var(--zemin))}
.kategori-aciklama{margin-top:56px;padding-top:32px;border-top:1px solid color-mix(in srgb,var(--metin) 10%,transparent);max-width:860px}
.kategori-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:28px}
@media (max-width:600px){.kategori-izgara{grid-template-columns:1fr 1fr;gap:10px}}
.kategori-kart{position:relative;display:block;border-radius:var(--kose);overflow:hidden;aspect-ratio:4/3;text-decoration:none;background:var(--ana)}
.kategori-kart img,.kategori-kart .gorsel-yok{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0;transition:transform .3s}
.kategori-kart:hover img{transform:scale(1.04)}
.kategori-kart span:last-child{position:absolute;inset:auto 0 0;padding:28px 16px 14px;color:#fff;font:700 1.05rem/1.25 var(--yazi-baslik);background:linear-gradient(transparent,rgba(0,0,0,.72))}
.zengin h2{font-size:1.3rem;margin:1.4em 0 .5em}
.zengin ul{padding-left:1.2em;margin:0 0 1em}
.zengin li{margin-bottom:.35em}
.urun-bolum{padding-top:28px}
.urun-duzen{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:900px){.urun-duzen{grid-template-columns:1fr}}
.urun-galeri{position:sticky;top:90px}
@media (max-width:900px){.urun-galeri{position:static}}
.urun-ana-gorsel{border-radius:var(--kose);overflow:hidden;background:var(--yumusak);aspect-ratio:1}
.urun-ana-gorsel img,.urun-ana-gorsel .gorsel-yok{width:100%;height:100%;object-fit:contain;border-radius:0}
.urun-kucukler{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.urun-kucukler button{flex:0 0 72px;height:72px;padding:0;border:2px solid transparent;border-radius:calc(var(--kose) * .5);overflow:hidden;cursor:pointer;background:none}
.urun-kucukler button[aria-current]{border-color:var(--ana)}
.urun-kucukler img{width:100%;height:100%;object-fit:cover}
.urun-bilgi h1{font-size:clamp(1.5rem,2.8vw,2.1rem)}
.urun-fiyat{font-size:1.05rem;margin:14px 0}
.urun-fiyat strong{font:700 clamp(1.6rem,3vw,2rem)/1.1 var(--yazi-baslik);color:var(--ana)}
.urun-fiyat del{color:color-mix(in srgb,var(--metin) 50%,var(--zemin))}
.stok-yok{background:#FDF1E6;color:#8A4B12;padding:10px 14px;border-radius:calc(var(--kose) * .5)}
.urun-kisa{color:color-mix(in srgb,var(--metin) 82%,var(--zemin))}
.urun-secim{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0;padding:18px;border-radius:var(--kose);background:var(--yumusak)}
.urun-secim>label{display:grid;gap:6px;font-weight:600;font-size:.9rem}
.urun-secim .ek{grid-column:1/-1;border:0;padding:0;margin:0}
.urun-secim legend{font-weight:600;font-size:.9rem;margin-bottom:6px}
.ek-secenek{display:inline-flex;align-items:center;gap:6px;margin:0 14px 6px 0;font-size:.92rem;cursor:pointer}
.ek-secenek em{font-style:normal;color:color-mix(in srgb,var(--metin) 60%,var(--zemin));font-size:.82rem}
.toplam{grid-column:1/-1;margin:0;font-size:1.05rem}
.toplam strong{color:var(--ana);font-size:1.25rem}
.urun-eylem{display:flex;gap:10px;flex-wrap:wrap}
.urun-eylem .dugme{flex:1 1 220px;text-align:center}
.whatsapp-dugme{background:#1FA855}
.dugme.ikincil{background:transparent;color:var(--ana);border:1.5px solid var(--ana)}
.urun-ayrinti{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:64px;padding-top:40px;border-top:1px solid color-mix(in srgb,var(--metin) 10%,transparent)}
.urun-ayrinti>div:only-child{grid-column:1/-1;max-width:860px}
@media (max-width:900px){.urun-ayrinti{grid-template-columns:1fr}}
.urun-ayrinti h2{font-size:1.4rem}
.ozellik-tablo{width:100%;border-collapse:collapse;font-size:.95rem}
.ozellik-tablo th,.ozellik-tablo td{text-align:left;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--metin) 9%,transparent);vertical-align:top}
.ozellik-tablo th{width:42%;font-weight:600;color:color-mix(in srgb,var(--metin) 70%,var(--zemin))}
.benzerler{margin-top:64px}

/* Mağaza başlığı: üstte logo, geniş arama ve iletişim; altta kategori şeridi */
.ust-magaza .ust-ic{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"marka arama iletisim" "menu menu menu";gap:0 28px;min-height:0;padding-top:14px}
.ust-magaza .marka{grid-area:marka}
.ust-magaza .marka img{height:44px}
.ust-magaza .arama{grid-area:arama;max-width:640px;width:100%;margin:0 auto;display:flex;position:relative}
.ust-magaza .arama input{border-radius:var(--kose);padding:12px 90px 12px 42px;background-color:var(--yumusak);border-color:transparent}
.ust-magaza .arama input:focus{background-color:var(--zemin)}
.ust-magaza .arama button{position:absolute;right:5px;top:5px;bottom:5px;border:0;border-radius:calc(var(--kose) * .8);background:var(--ana);color:#fff;font:600 .9rem var(--yazi-govde);padding:0 18px;cursor:pointer}
.ust-iletisim{grid-area:iletisim;display:flex;align-items:center;gap:14px}
.ust-tel{display:grid;text-decoration:none;color:var(--metin);line-height:1.2;text-align:right}
.ust-tel small{font-size:.75rem;color:color-mix(in srgb,var(--metin) 55%,var(--zemin))}
.ust-tel strong{font-size:.98rem}
.ust-ulke select{font:inherit;font-size:.85rem;max-width:150px;border:1px solid var(--cizgi,#ddd);border-radius:999px;padding:7px 10px;background:#fff;color:inherit}
.ust-wa{display:inline-flex;align-items:center;gap:6px;background:#1FA855;color:#fff;text-decoration:none;font-weight:600;font-size:.88rem;border-radius:999px;padding:8px 14px}
.menu-serit{grid-area:menu;display:block;margin-top:12px;border-top:1px solid color-mix(in srgb,var(--metin) 8%,transparent)}
.menu-serit .kap{width:auto;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.menu-serit a{padding:12px 14px;font-weight:600;font-size:.95rem;white-space:nowrap;border-bottom:2px solid transparent}
.menu-serit a[aria-current=page],.menu-serit a:hover{border-bottom-color:var(--ana)}
.ust-magaza .menu-dugme{grid-area:marka;justify-self:start}
@media (max-width:980px){
  .ust-magaza .ust-ic{grid-template-columns:auto 1fr auto;grid-template-areas:"dugme marka iletisim" "arama arama arama";gap:10px 12px;padding:10px 0 12px}
  .ust-magaza .menu-dugme{grid-area:dugme;padding:8px 4px}
  .ust-magaza .marka{justify-self:start}
  .ust-magaza .marka img{height:36px}
  .ust-magaza .arama{order:0;margin:0;max-width:none}
  .ust-tel small,.ust-wa span{display:none}
  .ust-wa{width:38px;height:38px;padding:0;justify-content:center;background:#1FA855 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='%23fff' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2z'/%3E%3C/svg%3E") center no-repeat}
  .ust-tel strong{font-size:.85rem}
  .menu-serit{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:var(--zemin);box-shadow:0 20px 30px -20px rgba(0,0,0,.3)}
  .menu-serit .kap{flex-direction:column;width:min(1160px,100% - 32px);margin:auto;padding:6px 0 12px}
  .menu-serit a{border-bottom:1px solid color-mix(in srgb,var(--metin) 8%,transparent)}
  .menu-ac:checked~.menu-serit{display:block}
}
@media (max-width:480px){.ust-tel{display:none}}

/* Biçimli metin (favenda/metin.py) */
.duz-metin h2,.sss div h2,.zengin h2{font-size:1.35rem;margin:1.3em 0 .5em}
.duz-metin h3,.sss div h3,.zengin h3{font-size:1.1rem;margin:1.2em 0 .4em}
.duz-metin ul,.duz-metin ol,.sss div ul,.sss div ol{padding-left:1.3em;margin:0 0 1em}
.duz-metin li,.sss div li{margin-bottom:.35em}
.duz-metin blockquote,.sss div blockquote,.zengin blockquote{margin:1em 0;padding:.6em 1.1em;border-left:3px solid var(--ana);background:var(--yumusak);border-radius:0 calc(var(--kose) * .5) calc(var(--kose) * .5) 0}
.duz-metin a,.sss div a,.zengin a{text-decoration:underline;text-underline-offset:3px}
.duz-metin>:first-child{margin-top:0}

/* Müşteri asistanı (favenda/vitrin/_asistan.html) */
.yz-dugme{position:fixed;right:18px;bottom:18px;z-index:31;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;background:var(--metin);color:var(--zemin);font:600 .92rem var(--yazi-govde);box-shadow:0 12px 28px -10px rgba(0,0,0,.45);cursor:pointer}
.yz-dugme[hidden]{display:none}
.yz-dugme.wa-ile{bottom:86px}
.yz-dugme span{color:var(--vurgu)}
@media (max-width:600px){.yz-dugme{font-size:0;padding:0;width:52px;height:52px;justify-content:center}.yz-dugme span{font-size:1.3rem}}
.yz-kutu{position:fixed;right:18px;bottom:18px;z-index:40;width:min(380px,calc(100vw - 24px));height:min(580px,calc(100vh - 36px));display:flex;flex-direction:column;background:var(--zemin);border-radius:22px;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);overflow:hidden;border:1px solid color-mix(in srgb,var(--metin) 10%,transparent)}
.yz-kutu[hidden]{display:none}
@media (max-width:600px){.yz-kutu{right:0;bottom:0;width:100vw;height:88vh;border-radius:18px 18px 0 0}}
.yz-kutu header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--ana);color:#fff}
.yz-kutu header strong{display:block;font-size:1rem}
.yz-kutu header small{opacity:.85;font-size:.78rem}
.yz-kutu header button{border:0;background:rgba(255,255,255,.18);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer}
.yz-akis{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--yumusak)}
.yz-balon{max-width:85%;padding:10px 13px;border-radius:16px;font-size:.93rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.yz-balon.asistan{background:var(--zemin);align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 2px 6px -3px rgba(0,0,0,.15)}
.yz-balon.kullanici{background:var(--ana);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.yz-balon.hata{background:#FDECEC;color:#8A1F1F}
.yz-balon.bekliyor{opacity:.6;animation:yz-nabiz 1s infinite}
@keyframes yz-nabiz{50%{opacity:.25}}
.yz-balon a{display:inline-block;margin:2px 0;font-weight:600;color:var(--ana)}
.yz-oneriler{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 0;background:var(--yumusak)}
.yz-oneriler[hidden]{display:none}
.yz-oneriler button{border:1px solid color-mix(in srgb,var(--ana) 35%,transparent);background:var(--zemin);color:var(--ana);border-radius:999px;padding:6px 12px;font:500 .82rem var(--yazi-govde);cursor:pointer}
.yz-kutu form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid color-mix(in srgb,var(--metin) 8%,transparent)}
.yz-kutu form input{flex:1;font:inherit;font-size:.95rem;border:1.5px solid color-mix(in srgb,var(--metin) 14%,transparent);border-radius:999px;padding:10px 14px;background:var(--zemin);color:var(--metin)}
.yz-kutu form button{border:0;background:var(--ana);color:#fff;width:42px;border-radius:50%;cursor:pointer;font-size:1rem}
.yz-not{margin:0;padding:0 14px 10px;font-size:.72rem;color:color-mix(in srgb,var(--metin) 55%,var(--zemin))}

/* Banka hesaplarımız */
.banka-liste{display:grid;gap:12px;margin-top:24px}
.banka-kart{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 22px}
.banka-kart code{display:block;font-size:1.02rem;letter-spacing:.04em;margin-top:6px;font-family:ui-monospace,Consolas,monospace}
.banka-kart .dugme.acik{border:1.5px solid var(--ana);padding:10px 18px}

/* Tükenen ürün ve ürün ailesi */
.urun-kart.tukendi .urun-kart-gorsel img{filter:grayscale(.85);opacity:.55}
.urun-kart.tukendi h3{color:color-mix(in srgb,var(--metin) 55%,var(--zemin))}
.aile-secim{margin:14px 0 4px}
.aile-ad{display:block;font-size:.9rem;margin-bottom:8px;color:color-mix(in srgb,var(--metin) 75%,var(--zemin))}
.aile-ad strong{color:var(--metin)}
.aile-secenekler{display:flex;flex-wrap:wrap;gap:8px}
.aile-secenek{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1.5px solid color-mix(in srgb,var(--metin) 16%,transparent);border-radius:calc(var(--kose) * .5);text-decoration:none;color:var(--metin);font-weight:600;font-size:.92rem;background:var(--zemin);transition:border-color .15s}
.aile-secenek:hover{border-color:var(--ana)}
.aile-secenek.secili{border-color:var(--ana);box-shadow:inset 0 0 0 1px var(--ana);color:var(--ana)}
.aile-secenek.tukendi{opacity:.45;text-decoration:line-through}
.aile-secenek.renkli{padding:4px;min-height:0;border-radius:50%}
.aile-secenek.renkli.tukendi{text-decoration:none}
.renk-kutu{display:block;width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.gizli-ad{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.stok-yok{background:#F4F2EE;color:#5E554B;padding:12px 16px;border-radius:calc(var(--kose) * .5)}

/* Sepet, ödeme, hesap */
.ust-sepet,.ust-hesap{position:relative;display:inline-flex;align-items:center;gap:6px;color:var(--metin);text-decoration:none;font-weight:600;font-size:.9rem;padding:6px}
.ust-hesap[hidden]{display:none}
.sepet-sayi{position:absolute;top:-2px;right:-6px;min-width:19px;height:19px;border-radius:999px;background:var(--vurgu);color:#fff;font:700 .7rem/19px var(--yazi-govde);text-align:center;padding:0 5px}
.sepet-sayi[hidden]{display:none}
@media (max-width:980px){.ust-hesap span{display:none}}
.urun-eylem .sepete-ekle{background:var(--metin)}
.urun-eylem .hemen-al{background:var(--ana)}
.sepet-bildirim{margin:10px 0 0;padding:10px 14px;border-radius:calc(var(--kose) * .5);background:#E8F5EC;color:#1E5B33;font-weight:600}
.sepet-bildirim.hata{background:#FDECEC;color:#8A1F1F}
.sepet-bildirim a{margin-left:8px}
.satin-al-cubugu{position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--zemin);border-top:1px solid color-mix(in srgb,var(--metin) 12%,transparent);box-shadow:0 -12px 30px -18px rgba(0,0,0,.35);padding:10px 0;animation:cubuk-gir .2s ease-out}
.satin-al-cubugu[hidden]{display:none}
@keyframes cubuk-gir{from{transform:translateY(100%)}}
.satin-al-cubugu .kap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.cubuk-bilgi{display:grid;min-width:0}
.cubuk-bilgi strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}
.cubuk-bilgi span{color:var(--ana);font:700 1.1rem var(--yazi-baslik)}
.cubuk-dugmeler{display:flex;gap:8px;flex-shrink:0}
.cubuk-dugmeler .dugme{padding:11px 18px;font-size:.95rem}
.cubuk-dugmeler .sepete-ekle{background:var(--metin)}
@media (max-width:600px){.cubuk-bilgi strong{display:none}.cubuk-dugmeler{flex:1}.cubuk-dugmeler .dugme{flex:1;padding:12px 8px}}
body:has(.satin-al-cubugu:not([hidden])) .whatsapp,body:has(.satin-al-cubugu:not([hidden])) .yz-dugme{bottom:84px}
.sepet-duzen{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start;margin-top:20px}
@media (max-width:900px){.sepet-duzen{grid-template-columns:1fr}}
.sepet-kalemler{display:grid;gap:12px}
.sepet-kalem{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:start;padding:14px;border:1px solid color-mix(in srgb,var(--metin) 10%,transparent);border-radius:var(--kose);background:var(--zemin)}
.sepet-kalem.hatali{opacity:.7;border-color:#e8b4b4}
.sepet-gorsel img,.sepet-gorsel .gorsel-yok{width:96px;height:96px;object-fit:cover;border-radius:calc(var(--kose) * .6);aspect-ratio:1}
.sepet-bilgi a{color:var(--metin);text-decoration:none}
.sepet-adet{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.sepet-adet input{width:76px;font:inherit;padding:7px 10px;border:1.5px solid color-mix(in srgb,var(--metin) 16%,transparent);border-radius:8px}
.ok-dugme{border:0;background:none;color:var(--ana);font:600 .88rem var(--yazi-govde);cursor:pointer;padding:4px}
.ok-dugme.sil{color:color-mix(in srgb,var(--metin) 55%,var(--zemin))}
.sepet-hata{color:#8A1F1F;font-weight:600;margin:4px 0}
.sepet-tutar{font-size:1.05rem;white-space:nowrap}
.sepet-ozet{position:sticky;top:90px;display:grid;gap:10px}
.sepet-ozet h2{font-size:1.25rem;margin:0}
.ozet-satir,.ozet-urun{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.ozet-urun{font-size:.92rem;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--metin) 7%,transparent)}
.ozet-urun small{display:block;color:color-mix(in srgb,var(--metin) 55%,var(--zemin))}
.ozet-satir.indirim strong{color:#1E6B3A}
.ozet-satir.toplam{border-top:2px solid var(--metin);padding-top:10px;font-size:1.2rem}
.kargo-ipucu{margin:0;padding:8px 12px;border-radius:8px;background:var(--yumusak);font-size:.88rem}
.kupon-form{display:flex;gap:6px}
.kupon-form input{flex:1;font:inherit;padding:9px 12px;border:1.5px solid color-mix(in srgb,var(--metin) 16%,transparent);border-radius:8px;text-transform:uppercase}
.kupon-form button{border:1.5px solid var(--ana);background:none;color:var(--ana);font:600 .9rem var(--yazi-govde);border-radius:8px;padding:0 14px;cursor:pointer}
.dugme.tam{width:100%;text-align:center}
.bos-sepet{text-align:center;padding:48px 0}
.odeme-adimlar{display:grid;gap:16px}
.odeme-formu fieldset{border:1px solid color-mix(in srgb,var(--metin) 10%,transparent);margin:0}
.odeme-formu legend{font:700 1.05rem var(--yazi-baslik);padding:0 6px}
.iki-kolon{grid-template-columns:1fr 1fr}
.iki-kolon .tam{grid-column:1/-1}
.iki-kolon [hidden]{display:none}
@media (max-width:600px){.iki-kolon{grid-template-columns:1fr}}
.tur-secim{display:flex;gap:16px;margin-bottom:12px}
.tur-secim label,.onay{display:flex;gap:8px;align-items:flex-start;font-size:.92rem;cursor:pointer}
.onay input{margin-top:4px}
.yontem{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1.5px solid color-mix(in srgb,var(--metin) 12%,transparent);border-radius:calc(var(--kose) * .6);margin-bottom:8px;cursor:pointer}
.yontem:has(input:checked){border-color:var(--ana);background:var(--yumusak)}
.yontem span{display:grid}
.yontem small{color:color-mix(in srgb,var(--metin) 60%,var(--zemin))}
.uye-sifre[hidden]{display:none}
.siparis-tamam{text-align:center}
.siparis-adimlar{list-style:none;display:flex;justify-content:space-between;padding:0;margin:24px 0 8px;counter-reset:adim}
.siparis-adimlar li{flex:1;position:relative;font-size:.82rem;color:color-mix(in srgb,var(--metin) 50%,var(--zemin));padding-top:30px}
.siparis-adimlar li::before{content:"";position:absolute;top:6px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:color-mix(in srgb,var(--metin) 15%,var(--zemin))}
.siparis-adimlar li.tamam{color:var(--metin);font-weight:600}
.siparis-adimlar li.tamam::before{background:var(--ana)}
.siparis-adimlar li.simdi::before{box-shadow:0 0 0 5px color-mix(in srgb,var(--ana) 25%,transparent)}

/* Çerez onayı */
.cerez-bandi{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin:auto;background:var(--zemin);border:1px solid color-mix(in srgb,var(--metin) 12%,transparent);border-radius:16px;box-shadow:0 20px 50px -20px rgba(0,0,0,.4);padding:16px 18px;display:grid;gap:12px;font-size:.92rem}
.cerez-bandi[hidden]{display:none}
.cerez-bandi p{margin:0}
.cerez-bandi div{display:flex;gap:8px;justify-content:flex-end}
.cerez-bandi .dugme{padding:9px 18px;font-size:.92rem}
/* Ürün yorumları */
.yildizlar{--puan:5;display:inline-block;font-size:1rem;line-height:1;letter-spacing:2px;background:linear-gradient(90deg,#f5a623 calc(var(--puan)/5*100%),color-mix(in srgb,var(--metin) 18%,transparent) 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.yildizlar::before{content:"★★★★★"}
.puan-ozet{display:inline-flex;gap:6px;align-items:center;font-size:.9rem;text-decoration:none;color:inherit;margin:.2em 0 .6em}
.yorumlar{margin:40px 0}
.yorum{border-top:1px solid color-mix(in srgb,var(--metin) 12%,transparent);padding:16px 0}
.yorum h3{font-size:1rem;margin:.4em 0 .2em}.yorum p{margin:.3em 0}
.yorum-ust{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rozet-dogrulanmis{font-size:.75rem;font-weight:600;color:#1b7a3d;background:#e7f6ec;border-radius:999px;padding:2px 8px}
.yorum-cevap{margin:.6em 0 0 16px;padding:10px 12px;border-left:3px solid var(--ana);background:var(--yumusak);border-radius:6px;font-size:.95rem}
.yorum-yaz{margin-top:16px}.yorum-yaz summary{list-style:none;display:inline-block;cursor:pointer}
.yorum-yaz form{display:grid;gap:10px;max-width:560px;margin-top:12px}
.puan-sec{border:0;padding:0;margin:0;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end}
.puan-sec legend{float:left;width:100%;margin-bottom:4px}
.puan-sec input{position:absolute;opacity:0;width:1px;height:1px}
.puan-sec label{font-size:1.8rem;cursor:pointer;color:color-mix(in srgb,var(--metin) 25%,transparent);padding:0 2px}
.puan-sec input:checked~label,.puan-sec label:hover,.puan-sec label:hover~label{color:#f5a623}
.puan-sec input:focus-visible+label{outline:2px solid var(--ana);border-radius:4px}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Görünüm (23 Ekim 2026): bölüm zemini ve kenarı, kart stilleri, simgeler, hareket, şeffaf üst menü, galeri büyütme,
   yeni bölümler (adımlar, logolar, görsel bandı), mobil çağrı çubuğu. Seçimler favenda/bolumler.py GORUNUM ve
   favenda/temalar.py; varsayılan değerler bugünkü görünümü değiştirmez. Hareket "hareketi azalt" ayarında kapanır. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(yazi/manrope-latin-400-normal.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:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(yazi/manrope-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(yazi/manrope-latin-600-normal.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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(yazi/manrope-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(yazi/manrope-latin-700-normal.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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(yazi/manrope-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(yazi/manrope-latin-800-normal.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:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(yazi/manrope-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.yazi-manrope h1,.yazi-manrope h2{font-weight:800;letter-spacing:-.025em}

/* Bölüm zemini */
.blok.zemin-beyaz>.bolum{background:var(--zemin);color:var(--metin)}
.blok.zemin-acik>.bolum{background:var(--yumusak);color:var(--metin)}
.blok.zemin-koyu>.bolum{background:color-mix(in srgb,var(--ana) 30%,#0b1016);color:#fff}
.blok.zemin-ana>.bolum{background:var(--ana);color:#fff}
.zemin-koyu .soluk,.zemin-ana .soluk{color:rgba(255,255,255,.78)}
.zemin-koyu a:not(.dugme),.zemin-ana a:not(.dugme){color:#fff}
.zemin-koyu .kart,.zemin-ana .kart{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;box-shadow:none}
.zemin-koyu .kart h3,.zemin-ana .kart h3{color:#fff}
.zemin-koyu .kart p,.zemin-ana .kart p{color:rgba(255,255,255,.82)}
.zemin-acik .sayilar,.zemin-beyaz .sayilar{color:var(--metin)}
.zemin-acik .sayi-sira strong,.zemin-beyaz .sayi-sira strong{color:var(--ana)}
.zemin-koyu .dugme.acik{color:var(--ana)}
.zemin-ana .cagri,.zemin-koyu .cagri{background:none}
.zemin-ana .dugme:not(.acik){background:#fff;color:var(--ana)}

/* Bölüm üst kenarı: eğik ve dalgalı (üstteki bölümün rengini değil sayfa zeminini gösterir) */
.blok{position:relative}
.ayrac-egik>.bolum{clip-path:polygon(0 clamp(24px,4vw,64px),100% 0,100% 100%,0 100%);padding-top:calc(clamp(48px,8vw,96px) + clamp(24px,4vw,64px))}
.ayrac-dalga>.bolum{position:relative;padding-top:calc(clamp(48px,8vw,96px) + 36px)}
.ayrac-dalga>.bolum::before{content:"";position:absolute;left:0;right:0;top:-1px;height:48px;background:var(--zemin);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1200v18c-150 30-300 30-450 6S450-6 300 12 75 42 0 24z'/%3E%3C/svg%3E") top/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1200v18c-150 30-300 30-450 6S450-6 300 12 75 42 0 24z'/%3E%3C/svg%3E") top/100% 100% no-repeat}

/* Kart stilleri ve simgeler */
.izgara .kart{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.kartlar-golgeli .kart{border-color:transparent;box-shadow:0 18px 44px -24px rgba(15,23,42,.38)}
.kartlar-cizgili .kart{border-top:4px solid var(--vurgu)}
.kartlar-cerceveli .kart{background:transparent;border:1.5px solid color-mix(in srgb,var(--ana) 32%,transparent)}
.hareket-yumusak .izgara .kart:hover{transform:translateY(-5px);box-shadow:0 24px 50px -26px rgba(15,23,42,.45)}
.kart-gorsel{overflow:hidden}
.kart-gorselli img{transition:transform .6s ease}
.hareket-yumusak .kart-gorselli:hover img{transform:scale(1.06)}
.simge-kutu svg{width:30px;height:30px}
.simge-kutu{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:calc(var(--kose) * .8 + 4px);background:color-mix(in srgb,var(--ana) 10%,transparent);color:var(--ana);margin-bottom:16px}
.zemin-koyu .simge-kutu,.zemin-ana .simge-kutu{background:rgba(255,255,255,.1);color:var(--vurgu)}
.zemin-ana .simge-kutu{color:#fff}

/* Giriş: katmanlı arka plan, karartma, yükseklik, ikinci düğme */
.kahraman-arka_plan:has(.kahraman-arka){background:#0b1016}
.kahraman-arka{position:absolute;inset:0;overflow:hidden}
.kahraman-arka .katman{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity 1.4s ease}
.kahraman-arka .katman.etkin{opacity:1}
.kahraman-arka::after{content:"";position:absolute;inset:0;background:var(--karart,linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.25)))}
.karartma-hafif{--karart:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.08))}
.karartma-koyu{--karart:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.52))}
.karartma-renkli{--karart:linear-gradient(100deg,color-mix(in srgb,var(--ana) 94%,transparent) 0%,color-mix(in srgb,var(--ana) 60%,transparent) 55%,color-mix(in srgb,var(--ana) 18%,transparent))}
.kahraman-arka_plan .kahraman-ic{position:relative;z-index:1}
.hareket-yumusak .kahraman-arka .katman.etkin{animation:fv-yakinlas 16s ease-out both}
@keyframes fv-yakinlas{from{transform:scale(1.12)}to{transform:scale(1)}}
.kahraman.boy-buyuk{min-height:min(78vh,780px);display:grid;align-items:center}
.kahraman.boy-tam{min-height:calc(100vh - 68px);min-height:calc(100svh - 68px);display:grid;align-items:center}
.ust-yazi{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:700;color:var(--ana);margin-bottom:16px}
.kahraman-arka_plan .ust-yazi{color:#fff;background:rgba(255,255,255,.14);padding:7px 14px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.dugme-sira{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.kahraman-ortali .dugme-sira{justify-content:center}
.dugme.ikinci{background:transparent;color:var(--ana);box-shadow:inset 0 0 0 2px currentColor}
.kahraman-arka_plan .dugme.ikinci{color:#fff}
.asagi-ok{position:absolute;left:50%;bottom:28px;width:28px;height:46px;border:2px solid rgba(255,255,255,.75);border-radius:14px;transform:translateX(-50%);z-index:1}
.asagi-ok::after{content:"";position:absolute;left:50%;top:9px;width:4px;height:8px;border-radius:2px;background:#fff;transform:translateX(-50%)}
.hareket-yumusak .asagi-ok::after{animation:fv-ok 1.8s ease-in-out infinite}
@keyframes fv-ok{0%{opacity:0;top:8px}40%{opacity:1}100%{opacity:0;top:24px}}
#icerik-basi{display:block;position:relative;top:-68px}

/* Üst menü: giriş görselinin üstünde şeffaf, kaydırınca daralır */
.ust,.ust-ic{transition:background .3s ease,min-height .3s ease,border-color .3s ease}
.ust.kucuk .ust-ic{min-height:58px}
.seffaf-sayfa .ust{position:fixed;left:0;right:0;top:0}
.seffaf-sayfa main>.blok:first-child .kahraman{padding-top:calc(clamp(64px,11vw,140px) + 68px)}
.seffaf-sayfa main>.blok:first-child .kahraman.boy-tam{min-height:100vh;min-height:100svh}
.ust.seffaf{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent}
.ust.seffaf .marka,.ust.seffaf .menu>a,.ust.seffaf .menu-daha summary{color:#fff}
.ust.seffaf .menu-telefon{border-color:#fff;color:#fff!important}
.marka .logo-acik{display:none}
.ust.seffaf .marka .logo-acik{display:block}
.ust.seffaf .marka .logo-koyu:not(:only-child){display:none}
.ust.seffaf .marka .logo-koyu:only-child{filter:brightness(0) invert(1)}
.ust.seffaf .menu-dugme span{background:#fff}
@media (max-width:980px){.ust.seffaf .menu>a{color:var(--metin)}.ust.seffaf .menu-telefon{border-color:var(--ana);color:var(--ana)!important}}

/* Kaydırınca beliren içerik (vitrin.js sınıf ekler; betik yoksa içerik hep görünür) */
.hareket-yumusak .gorunme{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.hareket-yumusak .gorunme.gorundu{opacity:1;transform:none}

/* Galeri: düzenler ve tam ekran büyütme */
.galeri a{display:block;overflow:hidden;border-radius:var(--kose);cursor:zoom-in}
.galeri img{transition:transform .6s ease}
.hareket-yumusak .galeri a:hover img{transform:scale(1.05)}
.galeri-genis{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.galeri-genis img{aspect-ratio:4/3}
.galeri-duvar{display:block;columns:3 240px;column-gap:12px}
.galeri-duvar figure{break-inside:avoid;margin-bottom:12px}
.galeri-duvar img{aspect-ratio:auto}
.buyutec{border:0;padding:0;margin:0;width:100%;max-width:100%;height:100%;max-height:100%;background:rgba(8,10,14,.94);color:#fff}
.buyutec::backdrop{background:rgba(8,10,14,.9)}
.buyutec[open]{display:grid;place-items:center}
.buyutec figure{margin:0;display:grid;justify-items:center;gap:12px;padding:56px 16px}
.buyutec img{max-width:min(1400px,94vw);max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:6px}
.buyutec figcaption{font-size:.95rem;opacity:.85;text-align:center}
.buyutec button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:1.6rem;line-height:1;cursor:pointer}
.buyutec button:hover{background:rgba(255,255,255,.24)}
.buyutec .kapat{top:14px;right:14px}
.buyutec .onceki{left:14px;top:50%;transform:translateY(-50%)}
.buyutec .sonraki{right:14px;top:50%;transform:translateY(-50%)}

/* Adımlar */
.adim-sira{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.adim{position:relative;text-align:center}
.adim-no{position:relative;z-index:1;width:68px;height:68px;border-radius:50%;background:var(--ana);color:#fff;display:grid;place-items:center;margin:0 auto 12px;font:800 1.35rem/1 var(--yazi-baslik);box-shadow:0 0 0 8px color-mix(in srgb,var(--ana) 13%,transparent)}
.adim small{display:block;color:var(--vurgu);font-weight:800;letter-spacing:.12em;margin-bottom:4px}
.adim p{margin:0;color:color-mix(in srgb,currentColor 78%,transparent)}
@media (min-width:821px){.adim:not(:last-child)::after{content:"";position:absolute;top:34px;left:calc(50% + 50px);width:calc(100% - 68px);border-top:2px dashed color-mix(in srgb,var(--ana) 35%,transparent)}}
.zemin-koyu .adim-no,.zemin-ana .adim-no{background:#fff;color:var(--ana);box-shadow:0 0 0 8px rgba(255,255,255,.12)}

/* Logolar */
.logolar{padding:clamp(36px,5vw,64px) 0}
.kucuk-baslik{font-size:.85rem;text-transform:uppercase;letter-spacing:.16em;color:color-mix(in srgb,var(--metin) 60%,var(--zemin));font-weight:700}
.logo-serit{overflow:hidden;margin-top:18px}
.logo-ic{display:flex;gap:clamp(28px,5vw,64px);align-items:center;justify-content:center;flex-wrap:wrap}
.logo-ic img{height:46px;width:auto;max-width:160px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.logo-ic img:hover{filter:none;opacity:1}
.logolar-kayan .logo-serit{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.logolar-kayan .logo-ic{flex-wrap:nowrap;justify-content:flex-start;width:max-content;animation:fv-kay 36s linear infinite}
.logolar-kayan .logo-serit:hover .logo-ic{animation-play-state:paused}
@keyframes fv-kay{to{transform:translateX(-50%)}}

/* Görsel bandı */
.bant{position:relative;color:#fff;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.35);padding:clamp(88px,14vw,180px) 0;background:linear-gradient(rgba(6,10,16,.66),rgba(6,10,16,.66)),var(--arka,linear-gradient(135deg,var(--ana),var(--vurgu))) center/cover no-repeat}
.bant-sabit{background-attachment:fixed}
@media (hover:none),(max-width:820px){.bant-sabit{background-attachment:scroll}}
.bant-ic{max-width:780px}
.bant h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.bant p{font-size:1.12rem;opacity:.92}

/* Mobil çağrı çubuğu */
.mobil-cubuk{display:none}
@media (max-width:700px){
  .mobil-goster .mobil-cubuk{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:31;background:var(--zemin);box-shadow:0 -6px 24px -10px rgba(0,0,0,.3);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .mobil-cubuk a{flex:1;text-align:center;text-decoration:none;font-weight:700;padding:12px;border-radius:var(--kose);background:var(--ana);color:#fff}
  .mobil-cubuk .mobil-wa{background:#1FA855}
  .mobil-goster{padding-bottom:68px}
  .mobil-goster .whatsapp{display:none}
}
@media (prefers-reduced-motion:reduce){
  .hareket-yumusak .gorunme{opacity:1;transform:none;transition:none}
  .kahraman-arka .katman.etkin,.logolar-kayan .logo-ic,.asagi-ok::after{animation:none}
  .bant-sabit{background-attachment:scroll}
}

/* Başlık yazı tipleri (SIL Open Font License; yazi/OFL-*.txt): Outfit, Plus Jakarta Sans, Sora — gövde Manrope */
@font-face{font-family:"Outfit";font-style:normal;font-weight:700;font-display:swap;src:url(yazi/outfit-latin-700-normal.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:"Outfit";font-style:normal;font-weight:700;font-display:swap;src:url(yazi/outfit-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Outfit";font-style:normal;font-weight:800;font-display:swap;src:url(yazi/outfit-latin-800-normal.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:"Outfit";font-style:normal;font-weight:800;font-display:swap;src:url(yazi/outfit-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-700-normal.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:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-800-normal.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:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(yazi/plus-jakarta-sans-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:700;font-display:swap;src:url(yazi/sora-latin-700-normal.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:"Sora";font-style:normal;font-weight:700;font-display:swap;src:url(yazi/sora-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:800;font-display:swap;src:url(yazi/sora-latin-800-normal.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:"Sora";font-style:normal;font-weight:800;font-display:swap;src:url(yazi/sora-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.yazi-outfit h1,.yazi-outfit h2,.yazi-jakarta h1,.yazi-jakarta h2,.yazi-sora h1,.yazi-sora h2{font-weight:800;letter-spacing:-.02em}
.yazi-outfit h3,.yazi-jakarta h3,.yazi-sora h3{font-weight:700}

/* Ekip */
.ekip-izgara{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.kisi{text-align:center}
.kisi-foto{margin:0 auto 14px;overflow:hidden;background:color-mix(in srgb,var(--ana) 12%,var(--zemin));display:grid;place-items:center;color:var(--ana);font:800 2.4rem/1 var(--yazi-baslik)}
.ekip-yuvarlak .kisi-foto{width:160px;height:160px;border-radius:50%;box-shadow:0 0 0 6px color-mix(in srgb,var(--ana) 10%,transparent)}
.ekip-dikey .kisi-foto{width:100%;aspect-ratio:4/5;border-radius:var(--kose)}
.kisi-foto img{width:100%;height:100%;object-fit:cover}
.kisi h3{margin-bottom:2px}
.kisi-unvan{color:var(--vurgu);font-weight:700;font-size:.92rem;margin-bottom:8px}
.kisi p{margin-bottom:0}
.zemin-koyu .kisi-unvan,.zemin-ana .kisi-unvan{color:#fff;opacity:.85}

/* Fiyatlar */
.fiyat-liste{list-style:none;padding:0;margin:32px auto 0}
.fiyat-liste li{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.fiyat-liste li>div{display:grid;gap:2px}
.fiyat-liste li span{font-size:.9rem;opacity:.75}
.fiyat-liste i{flex:1;border-bottom:2px dotted color-mix(in srgb,currentColor 25%,transparent);transform:translateY(-4px)}
.fiyat-liste b{font:700 1.08rem/1 var(--yazi-baslik);color:var(--ana);white-space:nowrap}
.fiyat-liste li.one-cikan strong::after{content:"Öne çıkan";margin-left:8px;font-size:.7rem;font-weight:700;background:var(--vurgu);color:#fff;border-radius:999px;padding:2px 8px;vertical-align:middle}
.zemin-koyu .fiyat-liste b,.zemin-ana .fiyat-liste b{color:#fff}
.fiyat-kartlar{align-items:stretch}
.fiyat-kart{text-align:center;display:flex;flex-direction:column;gap:6px}
.fiyat-tutar{font:800 clamp(1.6rem,3vw,2.2rem)/1.1 var(--yazi-baslik);color:var(--ana);margin:4px 0 10px}
.fiyat-kart .duz-metin{text-align:left}
.fiyat-kart.one-cikan{border:2px solid var(--ana);box-shadow:0 26px 50px -28px color-mix(in srgb,var(--ana) 60%,transparent);transform:translateY(-8px)}
.fiyat-kart.one-cikan::before{content:"Önerilen";align-self:center;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--ana);color:#fff;border-radius:999px;padding:4px 12px;margin:-4px 0 6px}
.fiyat-not{margin-top:18px}

/* Blog (25 Ekim 2026): liste kartları, yazı başlığı ve kapak */
.yazi-kart{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.yazi-kart .kart-ic{display:grid;gap:6px}
.yazi-kart h3{margin:0}
.yazi-kart p{margin:0}
.yazi-ust{padding-bottom:0}
.yazi-ust h1{margin:.2em 0 .3em}
.yazi-kapak{display:block;width:100%;height:auto;margin-top:22px;border-radius:var(--kose)}
.diger-yazilar{background:var(--yumusak)}