/* Ortak magaza vitrini (9 Eki 2026). Duzen: acik gri zemin + beyaz yuvarlak kartlar; turuncu yalniz fiyat ve satin alma eylemlerinde.
   Proje rengi/yazisi: MAGAZA["CSS"] dosyasinda :root degiskenleri ezilir. Satir ici stil YOK (CSP style-src 'self'). */
/* Yazi: Barlow (govde + basliklar) ve Barlow Condensed (fiyatlar); SIL Open Font License, yazi/LISANS-Barlow-OFL.txt. Her kalinlik TEK dosya:
   Latin + Turkce harfler + para isaretleri alt kumesi (fonttools), kalinlik basina ~19 KB. 10 Eki 2026: Nunito yerine (Suat). */
@font-face{font-family:"Barlow";font-style:normal;font-weight:400 500;font-display:swap;src:url("yazi/barlow-500.63afc7524a77.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600 700;font-display:swap;src:url("yazi/barlow-700.f6300514ac1f.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:800 900;font-display:swap;src:url("yazi/barlow-800.1a2a35dc95e6.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("yazi/barlow-c-700.05fd1d677814.woff2") format("woff2")}

:root{
  /* Renk sistemi (10 Eki 2026 aksam, Suat: "logo haric her sey G2A olsun"): siyah ust bolum, acik gri zemin, beyaz kartlar;
     --ana = ana eylem rengi (mavi: dugmeler, baglantilar, secili alanlar; panelde Site Ayarlari > Tema > Ana Renk bunu ezer),
     --vurgu = dikkat rengi (turuncu: etkin sekme, indirim rozeti), --sari = marka sarisi (logo), --yesil = bolge / olumlu. */
  --zemin:#f9f9f9; --kart:#ffffff; --murekkep:#0a0a0a; --ikincil:#404040; --soluk:#757575; --cizgi:#e3e3e3; --yumusak:#f0f0f0;
  --ana:#0868f3; --ana-acik:#2f82fb; --ana-koyu:#0654c4; --ana-zemin:#e9f2ff;
  --vurgu:#ff5000; --vurgu-koyu:#d94400; --vurgu-zemin:#fff0e8;
  --sari:#ffc21a; --krem:#fff0e8; --yesil:#2d8407; --yesil-zemin:#eaf6e4; --kirmizi:#d92b2b; --kirmizi-zemin:#fff0f0; --koyu:#0a0a0a; --ust:#000000;
  --yazi:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --rakam:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --kose:16px;
  --yumusak-gecis:cubic-bezier(.22,1,.36,1);   /* uzerine gelme hareketleri: hizli baslar, yavaslayarak durur (10 Eki 2026, Suat: "cok robotik, daha soft olsun") */
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:var(--yazi);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
body.kilit{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--ana-acik);outline-offset:2px}
.sar{max-width:1202px;margin-inline:auto;padding-inline:16px}   /* icerik 1170 px */
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
svg.d{width:24px;height:24px;flex:none}   /* dolgun (ici dolu) simge: _simgeler_dolgun.html */
svg.d:not([fill]){fill:currentColor}
.gizli-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ekran-okuyucu{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-9999px;top:8px;background:var(--ana);color:#fff;padding:8px 14px;border-radius:8px;z-index:70}
.atla:focus{left:8px}

/* Ust bolum: siyah zemin. Masaustu: logo + genis arama (kategori secici + mavi dugme) + sag baglantilar; altinda simgeli kategori satiri.
   Dar ekran (<=900): menu dugmesi + logo + yuvarlak simge dugmeleri; altinda tam genislik arama; kategoriler cekmecede. */
/* Ust bant: ince, marka sarisi zemin + siyah BUYUK HARF, dar kalin yazi (fiyat yazisi: zaten yuklu). 10 Eki 2026, Suat: "arkasi dikkat
   ceken ama siteye uygun ince banner; komple buyuk harf; yazi karakteri farkli". Kenarlardaki koyu sari, ortadaki acik sari isik. */
.ust-bant{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:6px 16px;text-align:center;color:var(--koyu);
  background:linear-gradient(90deg,#f5a800 0%,var(--sari) 22%,#ffe07a 50%,var(--sari) 78%,#f5a800 100%);
  font-family:var(--rakam);font-weight:700;font-size:16px;line-height:1.2;letter-spacing:.09em;text-transform:uppercase}
.ust-bant svg.i{width:17px;height:17px;stroke-width:2.4;flex:none}
.site-baslik{background:var(--ust);color:#fff}
.baslik-ic{display:flex;align-items:center;gap:24px;min-height:92px}
.menu-ac{display:none;background:none;border:0;color:#fff;padding:6px;margin-left:-6px}
.menu-ac svg.i{width:28px;height:28px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;font-size:26px;letter-spacing:-.02em;color:var(--murekkep);flex:none}
.logo .isaret{width:40px;height:40px;border-radius:12px;background:var(--vurgu);display:grid;place-items:center}
.logo .isaret svg.i{width:24px;height:24px;stroke:#fff;stroke-width:3.2}
.logo em{font-style:normal;color:var(--vurgu)}
.logo.logo-gorsel img{height:46px;width:auto;max-width:min(260px,62vw);object-fit:contain;display:block}   /* 46 = models.LOGO_BOY; dar ekran 34, alt bilgi 40 ayni oranda */
.site-baslik .logo{color:#fff}
/* Arama cubugu (10 Eki 2026 gece, Suat: "tasarim hatalari var, bir tik daha siteye uygun tatli bir hal alabilir"): beyaz hap icinde yazi
   alani, temizle dugmesi, kendi oklu kategori secici (tarayicinin yerel oku kalkti) ve YUVARLAK mavi dugme; odakta marka sarisi halka. */
.ara{flex:1;min-width:0;max-width:704px;position:relative;display:flex;align-items:center;height:46px;padding:0;border-radius:999px;background:linear-gradient(90deg,#fff calc(100% - 40px),var(--ana) calc(100% - 40px));color:var(--ikincil);box-shadow:0 0 0 0 #ffc21a00;transition:box-shadow .3s var(--yumusak-gecis)}
.ara:focus-within{box-shadow:0 0 0 3px var(--sari)}
.ara input{flex:1;min-width:0;height:100%;border:0;border-radius:999px 0 0 999px;background:none;outline:none;color:var(--murekkep);padding:0 8px 0 22px;font-size:15px}
.ara input::placeholder{color:var(--soluk)}
.ara input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.ara-sil{flex:none;width:26px;height:26px;margin-right:10px;border:0;border-radius:50%;background:#ececec;color:var(--ikincil);display:grid;place-items:center;transition:background-color .2s}
.ara-sil:hover{background:#dcdcdc}
.ara-sil svg.i{width:13px;height:13px;stroke-width:2.8}
.ara-kategori{flex:none;max-width:178px;height:26px;border:0;border-left:1px solid #d9d9d9;border-radius:0;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23525252' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 9 8 8 8-8'/%3E%3C/svg%3E") no-repeat right 12px center/12px 12px;color:var(--ikincil);font-size:14px;padding:0 32px 0 14px;outline:none;cursor:pointer;text-overflow:ellipsis;transition:color .2s}
.ara-kategori:hover,.ara-kategori:focus{color:var(--ana)}
/* Arama dugmesi (11 Eki 2026, Suat G2A'yi gostererek: "mavi search kısmı böyle olsun, daha tatlı duruyor"): beyaz hapin icindeki yuvarlak
   dugme yerine hapin SAG UCUNU dolduran mavi blok (sol koseleri 8 px, sag ucu hapla ayni yuvarlak; G2A'da olculen 64 x 48).
   Hapin zemini sag 40 px'te mavidir: beyaz zemin, mavi blogun yuvarlak ucunda ince beyaz cizgi ("kırıklık") olarak siziyordu. */
.ara-dugme{flex:none;align-self:stretch;width:64px;margin-left:10px;border:0;border-radius:8px 999px 999px 8px;background:var(--ana);color:#fff;display:grid;place-items:center;padding-right:3px;transition:background-color .2s}
.ara-dugme:hover{background:var(--ana-acik)}
.ara-dugme svg.i{width:21px;height:21px;stroke-width:2.4;transition:transform .4s var(--yumusak-gecis)}
.ara-dugme:hover svg.i{transform:scale(1.12)}
/* Aninda arama paneli (G2A'nin arama acilir paneli mantigi, kod bize ait): gri yuvarlak panel icinde beyaz urun satirlari (kapak, ad,
   bilgi, fiyat + eski fiyat + indirim), altta "Tüm Sonuçları Gör". Acikken sayfa kararir, ust bolum ustte kalir. */
.ara-oneri{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:5;display:flex;flex-direction:column;gap:8px;max-height:min(72vh,600px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border-radius:24px;background:#f5f5f5;box-shadow:0 14px 34px #0000004d;color:var(--murekkep);animation:oneri-gir .25s var(--yumusak-gecis)}
@keyframes oneri-gir{from{opacity:0;transform:translateY(-6px)}}
.oneri-satir{display:grid;grid-template-columns:62px minmax(0,1fr) auto;column-gap:12px;padding:8px 14px 8px 8px;border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:inset 0 0 0 1.5px #0868f300;transition:background-color .25s,box-shadow .25s}
.oneri-satir:hover,.oneri-satir[aria-selected="true"]{background:#f2f7ff;box-shadow:inset 0 0 0 1.5px var(--ana-acik)}
.oneri-satir .gorsel{width:62px;aspect-ratio:62/82;border-radius:8px;padding:0}
.oneri-satir .gorsel img{width:100%;height:100%;object-fit:cover}
.oneri-orta{display:flex;flex-direction:column;min-width:0;padding:3px 0}
.oneri-ad{font-size:14px;line-height:20px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oneri-bilgi{margin-top:2px;font-size:12px;line-height:16px;color:var(--ikincil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oneri-bilgi b{font-weight:500;color:var(--yesil);text-transform:uppercase}
.oneri-not{margin-top:auto;padding-top:6px;font-size:11px;line-height:14px;color:var(--soluk);text-transform:uppercase}
.oneri-fiyat{display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:3px 0;white-space:nowrap}
.oneri-fiyat>b{font-size:14px;line-height:20px;font-weight:700}
.oneri-fiyat>b small{font-size:inherit;font-weight:500}
.oneri-fiyat s{font-size:12px;line-height:14px;color:var(--ikincil)}
.oneri-fiyat .indirim{margin-top:2px}
.oneri-tumu{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:14px;font-size:14px;font-weight:700;color:var(--ana);text-decoration:none;transition:background-color .25s}
.oneri-tumu:hover,.oneri-tumu[aria-selected="true"]{background:#fff}
.oneri-tumu svg.i{width:14px;height:14px;stroke-width:2.6}
.oneri-bos{padding:18px 16px;text-align:center;font-size:14px;line-height:20px;color:var(--ikincil)}
.oneri-bos b{display:block;color:var(--murekkep)}
.ara-perde{position:fixed;inset:0;z-index:45;background:#171717;opacity:0;pointer-events:none;transition:opacity .3s}
.ara-acik .ara-perde{opacity:.5;pointer-events:auto}
.ara-acik .site-baslik{position:relative;z-index:46}
.saglar{display:flex;align-items:center;gap:6px;margin-left:auto}
.ust-baglanti{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border-radius:8px;color:#87d6ff;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;position:relative;transition:background-color .15s,color .15s}
.ust-baglanti:hover{background:#ffffff1a;color:#fff}
.ust-baglanti.sepet{color:#fff}
.ust-baglanti .sayi{position:absolute;left:24px;top:6px;background:var(--vurgu);color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;padding-inline:4px;border-radius:9px;display:grid;place-items:center}
.ust-baglanti .sayi[data-bos]{display:none}
/* Hesap alani (10 Eki 2026 gece): yuvarlak kisi simgesi + iki satir (Giris Yap / Kayit Ol ya da Hesabim / e-posta) */
.ust-baglanti.hesap{color:#fff;gap:10px;padding-left:6px}
.ust-baglanti.hesap svg.i{width:22px;height:22px}
.ust-baglanti.hesap>svg.i,.ust-baglanti.hesap .hesap-simge{flex:none;width:40px;height:40px;border-radius:50%;background:#262626;display:grid;place-items:center;color:#fff;padding:9px}
.ust-baglanti.hesap .hesap-simge{padding:0}
span.ust-baglanti.hesap:hover{background:none}
.iki-satir{display:flex;flex-direction:column;align-items:flex-start;line-height:17px;font-size:13px}
.iki-satir a{color:#fff;text-decoration:none;font-weight:700}
.iki-satir a:hover{color:var(--sari)}
.iki-satir small{font-size:12px;font-weight:500;color:#bdbdbd}
nav.kategoriler{position:relative;z-index:30;background:var(--ust);border-top:1px solid #ffffff14}
nav.kategoriler>.sar{display:flex;align-items:center;gap:8px;min-height:48px;overflow-x:auto;scrollbar-width:none}
nav.kategoriler>.sar::-webkit-scrollbar{display:none}
nav.kategoriler .ml{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:8px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;transition:background-color .15s}
nav.kategoriler>.sar>.mk:first-child>.ml{margin-left:-10px}
nav.kategoriler .ml:hover,nav.kategoriler .ml[aria-current="page"],nav.kategoriler .mk:hover>.ml,nav.kategoriler .mk:focus-within>.ml{background:#ffffff1f}
/* Acilir menu (11 Eki 2026, Suat: "açılır menülerimiz olabilir"; duzen mantigi G2A'nin acilir menusunden, kod bize ait). .mk menu cubugunun
   TUM yuksekligini kaplar (fare baglantidan panele inerken bosluga dusmesin); panel nav'a gore konumlanir (yatay kayan .sar onu kirpmaz).
   Kisa gecikmeyle acilir (fare ustunden gecerken titremesin), klavyeyle odaklaninca da acilir.
   11 Eki 12:00, Suat: "gereksiz boşlukları sevmem, yazıları bir tık kalın yapabiliriz": satir araligi 34 -> 30, sutun araligi 56 -> 44, yazilar kalin;
   marka sutunu olmayan panelde (.uc) urunler 3 sutun x 4 satir (bosluk yerine icerik); uc blok (urunler, markalar, one cikan) ayni boyda biter. */
.mk{flex:none;align-self:stretch;display:flex;align-items:center}
.mega{position:absolute;left:0;right:0;top:100%;z-index:31;background:#131313;border-top:1px solid #ffffff14;box-shadow:0 26px 44px #00000073;color:#d4d4d4;
  visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .18s,transform .22s var(--yumusak-gecis),visibility 0s .18s}
.mk:hover>.mega,.mk:focus-within>.mega{visibility:visible;opacity:1;transform:none;transition-delay:.12s,.12s,.12s}
.mega-ic{display:flex;align-items:flex-start;gap:44px;padding-block:22px 24px;overflow:visible}
.mega-sutun{min-width:190px}
.mega-sutun.genis{flex:1;min-width:0}
.mega-sutun>b{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#fff;font-size:16px;line-height:22px;font-weight:700}
.mega-sutun>b svg.i{width:20px;height:20px}
.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:0 28px}
.mega-sutun.genis ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-sutun.genis.uc ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega li a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;color:#ececec;text-decoration:none;font-size:14px;line-height:20px;font-weight:600;transition:color .15s}
.mega li a:hover{color:#87d6ff}
.mega li a span{flex:none;min-width:26px;padding:0 7px;border-radius:999px;background:#ffffff14;color:#bdbdbd;font-size:12px;line-height:18px;font-weight:700;text-align:center}
.mega-tumu{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#87d6ff;text-decoration:none;font-size:14px;font-weight:700}
.mega-tumu:hover{text-decoration:underline}
.mega-tumu span{color:#bdbdbd;font-weight:500}
.mega-one{flex:none;display:flex;align-items:flex-end;gap:16px;width:330px;padding:14px;border-radius:14px;background:#ffffff0f;color:#fff;text-decoration:none;transition:background-color .2s}
.mega-one:hover{background:#ffffff1a}
.mega-one img{flex:none;width:112px;height:149px;border-radius:10px;object-fit:cover}
.mega-one span{display:flex;flex-direction:column;gap:4px;min-width:0;padding-bottom:4px}
.mega-one small{color:var(--sari);font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.mega-one b{font-size:17px;line-height:22px;font-weight:700}
.mega-one em{font-style:normal;font-size:16px;font-weight:700;color:var(--sari)}
@media (max-width:1100px){.mega-ic{gap:28px}.mega-one{width:270px}.mega-one img{width:90px;height:120px}}
@media (max-width:980px){.mega-sutun.genis.uc ul{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-sutun.genis.uc li:nth-child(n+9){display:none}}
.menu-rozet{background:var(--vurgu);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:999px;letter-spacing:.02em}
/* Firsat dugmesi: DUZ sari zemin. Renk gecisli zeminden duz renge gecis canlandirilamaz: uzerine gelince zemin bir an saydamlasip
   "sonup yaniyordu" (10 Eki 2026, Suat: "ustune gelince bir hata var gibi davraniyor"). */
nav.kategoriler .ml.firsat{margin-left:auto;background-color:var(--sari);color:var(--koyu);padding-inline:14px}
nav.kategoriler .firsat:hover,nav.kategoriler .firsat[aria-current="page"]{background-color:#ffd65c}
nav.kategoriler .firsat .menu-rozet{background:var(--koyu)}
/* Dar ekran menusu (10 Eki 2026 gece; G2A'nin dar ekran menusu mantigi, kod bize ait): ust satirin hemen altina oturan koyu panel;
   arama satirini ortup ekranin altina kadar iner (yuksekligi magaza.js verir). Arka plan kararmaz, dugme carpiya doner ve altinda
   paneli gosteren kucuk bir ok ucu cikar. Acilis: belirme + 0,95 -> 1 olcek; kapanis aninda. Kurallar asagida (<=900). */
.mobil-menu,.menu-ac .kapat-i{display:none}
/* Cekmece: sepet paneli bunu kullanir (sagdan kayar, arkasi kararir; magaza.js) */
.cekmece{position:fixed;inset:0;z-index:60}
.cekmece-perde{position:absolute;inset:0;background:#0000008c;opacity:0;transition:opacity .25s}
.cekmece-ic{position:absolute;inset:0 auto 0 0;width:min(340px,88vw);background:var(--kart);display:flex;flex-direction:column;overflow-y:auto;transform:translateX(-100%);transition:transform .25s cubic-bezier(.23,1,.32,1);overscroll-behavior:contain}
.cekmece.acik .cekmece-perde{opacity:1}
.cekmece.acik .cekmece-ic{transform:none}
.cekmece-kapat{background:#ffffff1f;border:0;color:#fff;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
/* Sepet paneli (10 Eki 2026, Suat'in gonderdigi G2A "Sepete eklendi" goruntusune gore; kod bize ait): ayni cekmece, SAGDAN kayar.
   Beyaz baslik (yesil onay + baslik + kapat), gri govdede beyaz kartlar (eklenen urun + oneriler, yuvarlak mavi sepet dugmesi),
   altta sabit iki dugme yan yana. Dar ekranda tam genislik. */
.cekmece.sag .cekmece-ic{inset:0 0 0 auto;width:min(447px,100vw);transform:translateX(100%);box-shadow:-16px 0 40px #00000033;transition:transform .45s var(--yumusak-gecis);background:#f5f5f5;overflow:hidden}
.cekmece.sag.acik .cekmece-ic{transform:none}
.sp-bas{display:flex;align-items:center;gap:10px;padding:16px 12px 16px 18px;background:var(--kart);border-bottom:1px solid var(--cizgi);flex:none}
.sp-bas>svg.i{width:30px;height:30px;color:var(--yesil);stroke-width:1.8}
.sp-bas strong{font-size:22px;line-height:1.2;font-weight:700;margin-right:auto}
.sp-bas .cekmece-kapat{background:none;color:var(--murekkep)}
.sp-bas .cekmece-kapat:hover{background:var(--yumusak)}
.sp-govde{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 8px 16px;display:flex;flex-direction:column;gap:8px}
.sp-kart{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;background:var(--kart);border-radius:12px;padding:8px}
.sp-kart .gorsel{aspect-ratio:112/150;border-radius:8px;padding:8px;text-decoration:none}
.sp-kart .gorsel strong{font-size:12.5px}
.sp-kart .gorsel img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.sp-kart-bilgi{display:flex;flex-direction:column;min-width:0;padding:4px 4px 2px 0}
.sp-kart-bilgi .ad{font-size:14px;line-height:20px;font-weight:700;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-kart-bilgi a.ad:hover{color:var(--ana)}
.sp-kart-alt{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.sp-kart-alt .kart-fiyat{padding-top:8px;margin-top:0}
.sp-eklenen{border:1px solid #269dff}
.sp-ekle{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--ana);color:#fff;display:grid;place-items:center;transition:background-color .15s,transform .15s}
.sp-ekle:hover{background:var(--ana-koyu)}
.sp-ekle:active{transform:scale(.94)}
.sp-ekle.tamam{background:var(--yesil)}
.sp-ekle:disabled{cursor:default}
.sp-ozet{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px 4px;font-size:14px;color:var(--ikincil)}
.sp-ozet b{font-size:18px;color:var(--murekkep);white-space:nowrap}
.sp-oneri-baslik{margin:10px 12px 2px;font-size:18px;line-height:1.3;font-weight:700}
.sp-oneriler{display:flex;flex-direction:column;gap:8px}
.sp-dugmeler{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--kart);border-top:1px solid var(--cizgi);flex:none}
.sp-dugmeler .dugme{min-height:44px;padding-inline:8px;font-size:14px}
.yukari{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:24;width:36px;height:36px;border-radius:50%;border:0;background:var(--ana-acik);color:#fff;display:grid;place-items:center;box-shadow:0 3px 9px #00000033;transition:background-color .3s,transform .3s}
.yukari:hover{background:var(--ana);transform:translateY(-2px)}
.yukari svg.i{width:18px;height:18px}

main{padding-block:24px 56px;min-height:50vh}
.yol{font-size:13px;color:var(--ikincil);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.yol a{text-decoration:none}.yol a:hover{text-decoration:underline}
.bolum-adi{font-size:24px;line-height:30px;font-weight:700;margin:0}
.bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.bolum-bas a{font-weight:700;color:var(--ana);text-decoration:none;font-size:14px;white-space:nowrap}
.bolum-bas a.kesfet{background:var(--ana-acik);color:#fff;font-size:12px;padding:5px 24px;border-radius:4px;transition:background-color .15s}
.bolum-bas a.kesfet:hover{background:var(--ana)}
.bolum-aciklama{margin:0 0 20px;font-size:14px;line-height:17px;font-weight:700;color:var(--ikincil)}
.yigin{display:flex;flex-direction:column;gap:40px}
.blok{background:var(--kart);border:1px solid #d4d4d4;border-radius:var(--kose)}

/* Mesajlar */
.mesajlar{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.mesajlar li{border-radius:12px;padding:12px 16px;font-weight:700;background:var(--kart);border-left:4px solid var(--ikincil)}
.mesajlar .success{border-color:var(--yesil);background:var(--yesil-zemin)}
.mesajlar .error{border-color:var(--kirmizi);background:var(--kirmizi-zemin)}
.mesajlar .warning{border-color:var(--sari);background:#fff8e1}
.mesajlar .info{border-color:var(--ana);background:var(--ana-zemin)}

/* Urun karti (G2A duzeni): beyaz kart, ustte dik kapak (170:226), altinda ad (2 satir), marka • tur, yesil bolge, fiyat + eski fiyat + indirim rozeti */
.kart{background:var(--kart);border-radius:var(--kose);display:flex;flex-direction:column;text-decoration:none;position:relative;color:var(--murekkep);transition:transform .4s var(--yumusak-gecis),box-shadow .4s var(--yumusak-gecis)}
.kart:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001f}
.kart .gorsel{aspect-ratio:170/226;width:100%;border-radius:var(--kose)}
.kart .gorsel img{width:100%;height:100%;object-fit:cover}
.kart-govde{display:flex;flex-direction:column;flex:1;padding:14px 12px 12px}
.kart .ad{font-weight:700;font-size:14px;line-height:20px;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kart-bilgi{font-size:14px;line-height:20px;color:var(--ikincil);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kart-bolge{font-size:14px;line-height:20px;color:var(--yesil);text-transform:uppercase}
.kart-fiyat{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.kart-fiyat .yeni{font-size:16px;line-height:19px}
.kart-fiyat .yeni b{font-weight:700}
.kart-fiyat .eski{font-size:12px;line-height:14px;color:var(--ikincil);text-decoration:line-through}
.indirim{display:inline-block;margin-top:3px;background:var(--vurgu);color:#fff;font-size:12px;line-height:16px;font-weight:700;padding:0 6px;border-radius:3px;transform:skewX(-10deg)}
.serit{background:#4c4c55;color:#fff;font-size:11px;font-weight:800;text-align:center;padding:4px;letter-spacing:.08em;text-transform:uppercase}

/* Gorsel yokken kutu */
.gorsel{display:flex;flex-direction:column;justify-content:flex-end;padding:14px;color:#fff;position:relative;overflow:hidden;background:var(--koyu)}
.gorsel:has(img){padding:0;background:var(--kart)}
.gorsel::after{content:"";position:absolute;right:-30%;top:-40%;width:90%;aspect-ratio:1;border-radius:50%;background:#ffffff1f;pointer-events:none}
.gorsel:has(img)::after{display:none}
.gorsel small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.gorsel strong{font-size:19px;font-weight:800;line-height:1.08;letter-spacing:-.01em}
.r-mavi{background:linear-gradient(135deg,#0b5ed7,#3aa0ff)}
.r-lacivert{background:linear-gradient(135deg,#1b2a6b,#3b5bdb)}
.r-turuncu{background:linear-gradient(135deg,#d9480f,#ff922b)}
.r-yesil{background:linear-gradient(135deg,#087f5b,#38d9a9)}
.r-kirmizi{background:linear-gradient(135deg,#c92a2a,#ff6b6b)}
.r-mor{background:linear-gradient(135deg,#5f3dc4,#b197fc)}
.r-koyu{background:linear-gradient(135deg,#212529,#495057)}
.r-sari{background:linear-gradient(135deg,#e67700,#ffd43b)}
.r-teal{background:linear-gradient(135deg,#0b7285,#3bc9db)}

/* Kaydirmali sira (urun sayfasindaki benzer urunler): sabit 170 px kartlar */
.krem{background:var(--kart);border-radius:var(--kose);padding:22px 20px 10px}

/* Ana sayfa (10 Eki 2026 aksam; duzen mantigi G2A ana sayfasindan, kod ve cizim bize ait). Yalniz CSS: ek betik, ek gorsel, ek istek yok. */
/* Vitrin bandi "sahne": tam genislik renkli bant, icinde 4 dik koyu kart; kapak (urun gorseli ya da CSS ile cizilen egik "kutu") kartin
   ustunden tasar; uzerine gelince kart yukselir, kutu dogrulur. Dar ekranda bant zemini kalkar, kartlar alt alta yatay afis olur. */
.ust-alan{display:flex;flex-direction:column}
/* Bant zemini (11 Eki 2026, Suat: "bg'yi G2A gibi farkli bir sey mi kullansa, icime sinmedi"): duz doygun turuncu yerine pembeden seftaliye
   yumusak mercan gecisi + capraz isik seritleri + hafif rozet bezemesi. Bezeme KENDI cizimimiz (tek yollu SVG, CSS'e gomulu: ek istek yok;
   CSP img-src data: izinli; icinde parantez YOK ki statik dosya isleyicisi url() ayiklarken bolmesin). Eski zemin: NOTLAR 11 Eki. */
.sahne{--bezeme:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-66 -66 132 132'><path fill='none' stroke='%23fff' stroke-opacity='.11' stroke-width='1.3' d='M-47 0A47 16 0 1 0 47 0 47 16 0 1 0-47 0ZM0-47A16 47 0 1 0 0 47 16 47 0 1 0 0-47ZM-33.2-33.2A47 16 45 1 0 33.2 33.2 47 16 45 1 0-33.2-33.2ZM33.2-33.2A47 16 135 1 0-33.2 33.2 47 16 135 1 0 33.2-33.2ZM-9 0A9 9 0 1 0 9 0 9 9 0 1 0-9 0ZM-53 0A53 53 0 1 0 53 0 53 53 0 1 0-53 0Z'/></svg>");
  background:var(--bezeme) 50% 0/132px 132px,var(--bezeme) calc(50% + 66px) 66px/132px 132px,
    linear-gradient(115deg,#fff0 0 14%,#ffffff1c 14% 23%,#fff0 23% 39%,#ffffff12 39% 43%,#fff0 43% 66%,#ffffff17 66% 79%,#fff0 79%),
    radial-gradient(58% 130% at 0% 0%,#cf5a86 0%,#cf5a8600 62%),radial-gradient(50% 120% at 100% 100%,#f3b877 0%,#f3b87700 64%),
    linear-gradient(100deg,#d8627a 0%,#ee865c 52%,#efa066 100%)}
.sahne-kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:84px 0 44px}
.sahne-kart{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:372px;border-radius:var(--kose);background:var(--koyu);color:#fff;text-decoration:none;box-shadow:0 14px 30px #00000038;transition:transform .55s var(--yumusak-gecis),box-shadow .55s var(--yumusak-gecis)}
.sahne-kart:hover{transform:translateY(-8px);box-shadow:0 26px 48px #0000004d}
.sahne-kapak{position:absolute;inset:-38px 15% auto 15%;height:60%;display:block;pointer-events:none}
.sahne-kapak img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 20px #00000066);transition:transform .7s var(--yumusak-gecis)}
.sahne-kart:hover .sahne-kapak img{transform:translateY(-6px) scale(1.04)}
.kutu{position:absolute;inset:0;border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;transform:rotate(-5deg);box-shadow:0 18px 30px #00000059;transition:transform .7s var(--yumusak-gecis)}
.kutu::after{content:"";position:absolute;right:-26%;top:-22%;width:84%;aspect-ratio:1;border-radius:50%;background:#ffffff24}
.kutu.arka{transform:rotate(7deg) translate(9%,3%);filter:brightness(.7);transition-delay:.05s}
/* Vitrin kartinda urunun KAPAK gorseli egik kart olarak (11 Eki 2026; seffaf kutu gorseli yoksa). Ilk hali kapagi KIRPIYORDU (alttaki yazi
   satiri yarim kesiliyor, "cizgi" gibi gorunuyordu) ve egik kirpma kenarlari tirtikliydi (Suat: "kırılmalar var, çizgi atıyor"). Simdi kutu
   kapagin oraninda (3:4, kirpma yok); kirpan kapsayici yerine gorselin kendi kosesi yuvarlak; kutu ayri katmana alinir (kenar yumusatma). */
.kutu{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;outline:1px solid transparent}
.sahne-kapak:has(.kapakli){inset:-46px auto auto 50%;width:62%;height:auto;aspect-ratio:3/4;margin-left:-31%}
.kutu.kapakli{padding:0;overflow:visible;background:none;box-shadow:none}
.kutu.kapakli::after{display:none}
.sahne-kapak .kutu.kapakli img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 18px 30px #00000059;filter:none;transform:none;outline:1px solid transparent}
.sahne-kart:hover .sahne-kapak .kutu.kapakli img{transform:none}
.sahne-kart:has(.kapakli) .sahne-alt{padding-top:74px}
/* A: beyaz kart (MAGAZA["VITRIN_GORUNUM"]="beyaz"): duzen ayni, zemin beyaz, yazi koyu */
.sahne.v-beyaz .sahne-kart{background:var(--kart);color:var(--murekkep);box-shadow:0 14px 30px #7a2a0038}
.sahne.v-beyaz .sahne-kart:hover{box-shadow:0 26px 48px #7a2a004d}
.sahne.v-beyaz .sahne-alt{background:none}   /* beyaza gecis kapagin alt kenarini solduruyordu (koyu kartta siyaha karisiyordu) */
.sahne.v-beyaz .sahne-bilgi{color:var(--ikincil);opacity:1}
.sahne.v-beyaz .sahne-fiyat b{color:var(--murekkep);font-size:20px}
.sahne.v-beyaz .sahne-fiyat s{color:var(--soluk);opacity:1}
/* Seffaf (MAGAZA["VITRIN_GORUNUM"]="seffaf"; 11 Eki 2026, Suat: "G2A'daki gibi şeffaf mı yapsak… G2A'yı incelesene"). G2A'da olculen: kartin
   kendi zemini YOK; gorsel bandin ustunde durur, kartin alt bolumunde seffaftan siyaha gecis vardir (ortada %65, altta %95 siyah) ve
   yazilar o gecisin ustundedir. Bizde: kutu zemini kalkar, gecis karti ::after ile gorselin alt kenarinin USTUNE biner (gorsel siyaha
   erir), kapak biraz buyur. Dar ekranda bant zemini olmadigi icin kart koyu kalir. */
.sahne.v-seffaf .sahne-kart{background:none;box-shadow:none;min-height:392px}
.sahne.v-seffaf .sahne-kart:hover{box-shadow:none}
.sahne.v-seffaf .sahne-kart::after{content:"";position:absolute;inset:34% 0 0 0;border-radius:0 0 var(--kose) var(--kose);background:linear-gradient(180deg,#0a0a0a00 0%,#0a0a0aa6 46%,#0a0a0af2 100%);pointer-events:none}
.sahne.v-seffaf .sahne-alt,.sahne.v-seffaf .sahne-kart:has(.kapakli) .sahne-alt{background:none;padding-top:0}
.sahne.v-seffaf .sahne-kapak:has(.kapakli){inset:-52px auto auto 50%;width:72%;margin-left:-36%}
.sahne.v-seffaf .sahne-kapak{inset:-44px 12% auto 12%;height:62%}
.sahne.v-seffaf .sahne-serit{top:-72px}
/* B: afis (MAGAZA["VITRIN_GORUNUM"]="afis"): kartin ustu KAPAGIN TAMAMI (egim, kirpma ve siyah alt bolum yok), altinda beyaz serit:
   fiyat + durum cipi. Urun adi kapakta yazdigi icin seritte yinelenmez (ekran okuyucu icin sayfada durur). Kapagi olmayan urunde renkli
   kutu afisi doldurur. Serit kapagin USTUNE binmez (ilk denemede kapaktaki surum satirini ortuyordu). */
.sahne.v-afis .sahne-kartlar{padding:40px 0 44px;gap:28px;align-items:start}
.sahne.v-afis .sahne-kart{min-height:0;justify-content:flex-start;background:var(--kart);color:var(--murekkep);border-radius:20px;overflow:hidden;isolation:isolate;box-shadow:0 22px 44px #5a1c0059}
.sahne.v-afis .sahne-kart:hover{transform:translateY(-10px) rotate(-1.2deg);box-shadow:0 34px 60px #5a1c0073}
.sahne.v-afis .sahne-kapak,.sahne.v-afis .sahne-kapak:has(.kapakli){position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/4;margin:0}
.sahne.v-afis .kutu,.sahne.v-afis .sahne-kart:hover .kutu{transform:none;border-radius:0;box-shadow:none}
.sahne.v-afis .kutu{padding:22px}
.sahne.v-afis .kutu.arka{display:none}
.sahne.v-afis .kutu strong{font-size:30px}.sahne.v-afis .kutu small{font-size:13px;margin-bottom:6px}
.sahne.v-afis .sahne-kapak .kutu.kapakli img{border-radius:0;box-shadow:none}
.sahne.v-afis .sahne-alt,.sahne.v-afis .sahne-kart:has(.kapakli) .sahne-alt{position:relative;max-width:none;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-radius:0;background:var(--kart)}
.sahne.v-afis .sahne-ad,.sahne.v-afis .sahne-bilgi{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sahne.v-afis .sahne-fiyat{order:1;margin:0}.sahne.v-afis .sahne-fiyat b{font-size:22px;color:var(--murekkep)}.sahne.v-afis .sahne-fiyat s{color:var(--soluk);opacity:1}
.sahne.v-afis .sahne-cip{order:2;margin:0}
.sahne.v-afis .sahne-serit{top:14px;left:12px;transform:scale(.72);transform-origin:0 0}
.kutu small{position:relative;z-index:1;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.92}
.kutu strong{position:relative;z-index:1;font-size:21px;font-weight:800;line-height:1.05}
.sahne-kart:hover .kutu{transform:rotate(-2.5deg) translateY(-6px) scale(1.03)}
.sahne-kart:hover .kutu.arka{transform:rotate(9.5deg) translate(11%,0)}
/* Indirim seridi (10 Eki 2026 gece, Suat: "sunlar G2A'daki gibi olsa"): iki egik parca ust uste: buyuk beyaz yuzdeli turuncu parca +
   ustune binen mavi "İndirim" parcasi. YAZI DIK kalir: egim parcanin zeminine (::before, skewX) verilir, kose yuvarlak, golge zeminde.
   Eskisi: siyah zeminde sari yuzde + beyaz parca, az egimli ve kucuktu. ACIK KONU: turuncu parca turuncu bandin ustunde zemine
   karisiyor (Suat, 10 Eki 2026). Beyaz kenar cizgisi denendi, Suat begenmedi ("olmadi, sil; sonra detay bakariz"): kenar EKLEME. */
.sahne-serit{position:absolute;top:-66px;left:10px;z-index:2;display:flex;align-items:center;color:#fff;white-space:nowrap}
.sahne-serit b,.sahne-serit span{position:relative;z-index:0;display:block}
.sahne-serit b::before,.sahne-serit span::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:5px;transform:skewX(-28deg)}
.sahne-serit b{height:50px;padding:0 33px 0 20px;font-size:42px;line-height:50px;font-weight:800;letter-spacing:-.01em}
.sahne-serit b::before{background:linear-gradient(180deg,#ff7d17,#ff4a00);box-shadow:0 8px 18px #00000047,inset 0 1px 0 #ffffff66}
.sahne-serit span{z-index:1;height:32px;margin-left:-18px;padding:0 16px;font-size:19px;line-height:32px;font-weight:700}
.sahne-serit span::before{background:linear-gradient(180deg,#1a8cff,#0868f3);box-shadow:0 5px 12px #00000047,inset 0 1px 0 #ffffff66}
.sahne-alt{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:62px 16px 16px;border-radius:0 0 var(--kose) var(--kose);background:linear-gradient(180deg,#0a0a0a00 0,var(--koyu) 52px)}
.sahne-cip{background:var(--vurgu);color:#fff;font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-bottom:6px}
.sahne-ad{font-size:26px;font-weight:700;line-height:1.12;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sahne-bilgi{font-size:16px;opacity:.9;margin-top:4px}
.sahne-fiyat{margin-top:10px;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px}
.sahne-fiyat b{font-size:18px;font-weight:700;color:var(--sari)}
.sahne-fiyat s{font-size:13px;opacity:.7}
/* Indirim kutucuklari (10 Eki 2026, Suat: "daha kaliteli yapilabilirmis, bizimki ciliz kalmis"): renkli zemin ustunde isik + ince
   capraz doku, simge rozeti, kategori adi + buyuk indirim, arkada soluk buyuk simge (filigran), ic isik ve golgeyle derinlik.
   Masaustunde tek sira; dar ekranda 4 sutun, vitrinin USTUNDE, yalniz simge + indirim. Yalniz CSS. */
.kutucuklar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding-top:44px;width:100%}
.kutucuk{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:10px;height:70px;padding:0 12px;border-radius:14px;color:#fff;text-decoration:none;
  box-shadow:inset 0 1px 0 #ffffff59,inset 0 -22px 30px #00000033,0 6px 14px #00000024;transition:transform .4s var(--yumusak-gecis),box-shadow .4s var(--yumusak-gecis)}
.kutucuk::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(110% 150% at 0% 0%,#ffffff47 0%,#ffffff00 48%),repeating-linear-gradient(118deg,#ffffff12 0 12px,#ffffff00 12px 26px)}
.kutucuk:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 #ffffff59,inset 0 -22px 30px #00000033,0 14px 26px #00000038}
.kutucuk-simge{flex:none;width:40px;height:40px;border-radius:12px;background:#ffffff33;display:grid;place-items:center;box-shadow:inset 0 1px 0 #ffffff66,0 2px 6px #0000001f}
.kutucuk-simge svg.d{width:24px;height:24px}
.kutucuk-yazi{display:flex;flex-direction:column;min-width:0;line-height:1.1;text-shadow:0 1px 2px #00000040}
.kutucuk-yazi small{font-size:12px;font-weight:600;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kutucuk-yazi b{font-family:var(--rakam);font-size:29px;font-weight:700;font-style:italic;line-height:1;letter-spacing:.01em;white-space:nowrap}
.kutucuk-yazi b.duz{font-family:var(--yazi);font-size:17px;font-weight:800;font-style:normal;line-height:1.25}
.kutucuk-filigran{position:absolute;right:-12px;bottom:-18px;z-index:-1;opacity:.17;transform:rotate(-14deg);transition:transform .6s var(--yumusak-gecis),opacity .6s var(--yumusak-gecis)}
.kutucuk-filigran svg.d{width:82px;height:82px;display:block}
.kutucuk:hover .kutucuk-filigran{transform:rotate(-6deg) scale(1.1);opacity:.26}
/* Kategori kutulari: beyaz kutu, buyuk simge, buyuk harfli ad; dar ekranda yatay kayar */
/* Kategori seridi: TEK satir (8 kutu gorunur), fazlasi yatay kayar; oklar ve yavas kendiliginden kayma magaza.js [data-serit].
   Ust / alt ic bosluk: kutunun uzerine gelince yukselmesi ve golgesi kirpilmasin. */
.kat-serit{position:relative}
.kat-kutular{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-block:-8px -16px;padding-block:8px 16px}
.kat-kutular::-webkit-scrollbar{display:none}
.kat-kutular>.kat-kutu{flex:0 0 calc((100% - 84px)/8);scroll-snap-align:start}
.serit-ok{position:absolute;top:calc(50% - 20px);z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:var(--kart);color:var(--murekkep);display:grid;place-items:center;box-shadow:0 4px 14px #00000030;transition:opacity .3s,transform .3s var(--yumusak-gecis)}
.serit-ok[hidden]{display:none}
.serit-ok:hover{transform:scale(1.08)}
.serit-ok.geri{left:-14px}.serit-ok.ileri{right:-14px}
.serit-ok svg.i{width:18px;height:18px;stroke-width:2.4}
.serit-ok.geri svg.i{transform:rotate(-90deg)}.serit-ok.ileri svg.i{transform:rotate(90deg)}
/* Akis modu (magaza.js [data-serit] kutulari kopyalayip "akiyor" sinifini ekler): ray transform ile sabit hizla kayar; kap tasani keser.
   Kenarlarda yumusak solma (maske); dikey kaydirma tarayicida kalir (touch-action:pan-y), yatay surukleme betikte. */
.kat-serit.akiyor{overflow:hidden;margin-block:-8px -16px;padding-block:8px 16px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#0000,#000 32px,#000 calc(100% - 32px),#0000)}
.kat-serit.akiyor.tutuldu{cursor:grabbing}
.kat-serit.akiyor .kat-kutular{overflow:visible;width:max-content;margin:0;padding:0;scroll-snap-type:none;will-change:transform}
.kat-serit.akiyor .kat-kutular>.kat-kutu{flex:0 0 var(--kutu-en,136px);-webkit-user-drag:none}
.kat-kutu{background:var(--kart);border-radius:12px;padding:16px 8px;min-height:163px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;text-decoration:none;font-size:13px;font-weight:600;text-transform:uppercase;color:var(--murekkep);transition:transform .4s var(--yumusak-gecis),box-shadow .4s var(--yumusak-gecis)}
.kat-kutu:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0000001a}
.kat-kutu svg.d{width:78px;height:78px}
/* Sekmeli urun alani: gizli secim dugmeleri (.sekme-sec) + etiketler (.sekme-hap) + paneller; betiksiz (:checked). En cok 6 sekme. */
.sekme-hap{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;background:#ebebeb;border:1px solid #d5d0d0;border-radius:16px;margin-bottom:24px}
.sekme-hap label{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:4px 8px;border-radius:12px;font-size:14px;line-height:20px;cursor:pointer;transition:background-color .15s,color .15s}
.sekme-hap label:hover{background:#00000010}
.sekme-panel{display:none}
.sekme-sec:nth-of-type(1):checked~.sekme-hap label:nth-child(1),.sekme-sec:nth-of-type(2):checked~.sekme-hap label:nth-child(2),.sekme-sec:nth-of-type(3):checked~.sekme-hap label:nth-child(3),
.sekme-sec:nth-of-type(4):checked~.sekme-hap label:nth-child(4),.sekme-sec:nth-of-type(5):checked~.sekme-hap label:nth-child(5),.sekme-sec:nth-of-type(6):checked~.sekme-hap label:nth-child(6){background:var(--vurgu);color:#fff;font-weight:700}
.sekme-sec:nth-of-type(1):checked~.sekme-panel:nth-of-type(1),.sekme-sec:nth-of-type(2):checked~.sekme-panel:nth-of-type(2),.sekme-sec:nth-of-type(3):checked~.sekme-panel:nth-of-type(3),
.sekme-sec:nth-of-type(4):checked~.sekme-panel:nth-of-type(4),.sekme-sec:nth-of-type(5):checked~.sekme-panel:nth-of-type(5),.sekme-sec:nth-of-type(6):checked~.sekme-panel:nth-of-type(6){display:block}
.sekme-sec:focus-visible~.sekme-hap{outline:3px solid var(--ana-acik);outline-offset:2px}
.urun-izgara{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px}
.daha-fazla{text-align:center;margin:26px 0 0}
.daha-fazla a{color:var(--ana);font-weight:700;font-size:14px;text-decoration:none;padding:12px 20px;display:inline-block}
.daha-fazla a:hover{text-decoration:underline}
/* Guven bandi (11 Eki 2026, Suat siyah bant icin: "çok karamsar ve boğdu siteyi, mobilde de kötü gözüktü"): siyah bant yerine sayfanin
   beyaz kart diliyle ACIK bant: ince kenarlik, yumusak mavi daire icinde mavi dolgun simge, koyu baslik (buyuk harf / dar yazi yok),
   gri aciklama. Simge + yazi her ekranda ORTALI. */
.guven{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--kose);overflow:hidden}
.guven div{padding:24px 16px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;border-left:1px solid var(--cizgi)}
.guven div:first-child{border-left:0}
.guven-simge{width:50px;height:50px;border-radius:50%;background:var(--ana-zemin);color:var(--ana);display:grid;place-items:center;margin-bottom:12px}
.guven-simge svg.d{width:26px;height:26px}
.guven b{font-size:16px;line-height:22px;font-weight:700;color:var(--murekkep)}
.guven b+span{margin-top:2px;font-size:14px;line-height:20px;color:var(--ikincil)}
/* SSS: kenarlikli tek kutu, satirlar arasi cizgi, ok acilinca doner (ana sayfa + /sss/) */
.sss .bolum-bas{margin-bottom:16px}
.sss-liste{border:1px solid #d4d4d4;border-radius:var(--kose);background:var(--zemin);overflow:hidden}
.sss-liste details{border-bottom:1px solid #d4d4d4}
.sss-liste details:last-child{border-bottom:0}
.sss-liste summary{font-size:17px;line-height:24px;font-weight:500;padding:14px 24px;align-items:center}
.sss-liste summary:hover{background:#00000008}
.sss-liste summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--murekkep);border-bottom:2px solid var(--murekkep);transform:rotate(45deg);margin:0 6px 4px 0;transition:transform .2s cubic-bezier(.4,0,.2,1);flex:none}
.sss-liste details[open] summary::after{content:"";transform:rotate(-135deg);margin-bottom:-4px}
.sss-liste details p{margin:0;padding:0 24px 14px;max-width:95ch;font-size:15px;line-height:24px;color:var(--ikincil)}
.sss-liste details p:last-child{padding-bottom:18px}
.bos{background:var(--kart);border-radius:var(--kose);padding:40px 20px;text-align:center;color:var(--ikincil);display:flex;flex-direction:column;align-items:center;gap:10px}
.bos svg.i{width:40px;height:40px;color:var(--ana)}
.bos b{color:var(--murekkep);font-size:17px}
/* Bos sepet: buyuk yuvarlak simge, iki dugme, altinda urun sirasi */
.sepet-bos{background:none;padding:28px 20px 36px;gap:12px}
.bos-simge{width:96px;height:96px;border-radius:50%;background:var(--koyu);display:grid;place-items:center;margin-bottom:6px;box-shadow:0 10px 24px #00000026}
.sepet-bos .bos-simge svg.i{width:44px;height:44px;color:var(--sari)}
.sepet-bos b{font-size:22px;line-height:28px}
.sepet-bos>span:not(.bos-simge){font-size:15px;max-width:46ch}
.bos-dugmeler{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}
.bos-dugmeler .dugme{min-width:190px}
.sepet-oneri .bolum-bas{margin-bottom:16px}
@media (max-width:1100px){
  .sahne-kartlar{gap:18px}.sahne-ad{font-size:21px}.sahne-bilgi{font-size:14px}.kutu strong{font-size:18px}
  .sahne-serit{top:-58px;left:8px}
  .sahne-serit b{height:42px;padding:0 28px 0 16px;font-size:34px;line-height:42px}
  .sahne-serit span{height:27px;margin-left:-15px;padding:0 12px;font-size:16px;line-height:27px}
  .urun-izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
  #benzer .urun-izgara>.kart:nth-child(n+5),.raf .urun-izgara>.kart:nth-child(n+5){display:none}   /* dort sutunda tek sira kalsin */
  .kat-kutular>.kat-kutu{flex-basis:calc((100% - 60px)/6)}
}
@media (max-width:760px){
  .ust-alan .kutucuklar{order:-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 12px;padding-top:24px}
  .kutucuk{height:48px;justify-content:center;gap:6px;padding:0 6px;border-radius:12px}
  .kutucuk-simge{width:auto;height:auto;background:none;box-shadow:none}
  .kutucuk-simge svg.d{width:22px;height:22px}
  .kutucuk-yazi small,.kutucuk-yazi b.duz{display:none}
  .kutucuk-yazi b{font-size:19px}
  .kutucuk{gap:4px;padding:0 4px}
  @media (max-width:360px){.kutucuk:has(.kutucuk-yazi b:not(.duz)) .kutucuk-simge{display:none}}
  .kutucuk-filigran{right:-8px;bottom:-12px}
  .kutucuk-filigran svg.d{width:52px;height:52px}
  .sahne{background:none}
  .sahne-kartlar{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 0 0}
  .sahne-kart{min-height:200px;box-shadow:none}
  .sahne-kart:hover{transform:none;box-shadow:none}
  .sahne-kapak{inset:22px 18px 22px auto;width:36%;height:auto}
  .sahne-kapak:has(.kapakli){inset:auto 22px auto auto;top:50%;width:29%;margin:0;transform:translateY(-50%)}
  .sahne-kart:has(.kapakli) .sahne-alt{padding-top:16px}
  .sahne.v-seffaf .sahne-kart{background:var(--koyu);min-height:200px}
  .sahne.v-seffaf .sahne-kart::after{display:none}
  .sahne.v-seffaf .sahne-kapak:has(.kapakli){inset:auto 22px auto auto;top:50%;width:29%;margin:0}
  .sahne.v-seffaf .sahne-kapak{inset:22px 18px 22px auto;width:36%;height:auto}
  .sahne.v-seffaf .sahne-alt,.sahne.v-seffaf .sahne-kart:has(.kapakli) .sahne-alt{padding-top:16px}
  .sahne.v-seffaf .sahne-serit{top:12px}
  .sahne.v-afis .sahne-kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 0 0}
  .sahne.v-afis .sahne-kart{min-height:0;border-radius:16px;box-shadow:0 12px 24px #00000026}
  .sahne.v-afis .sahne-kapak,.sahne.v-afis .sahne-kapak:has(.kapakli){inset:auto;top:auto;width:100%;transform:none}
  .sahne.v-afis .kutu{padding:14px}.sahne.v-afis .kutu strong{font-size:19px}.sahne.v-afis .kutu small{font-size:10px}
  .sahne.v-afis .sahne-alt,.sahne.v-afis .sahne-kart:has(.kapakli) .sahne-alt{padding:9px 12px}
  .sahne.v-afis .sahne-fiyat b{font-size:17px}
  .sahne.v-afis .sahne-serit{top:10px;left:auto;right:auto;transform:scale(.6)}
  .kutu{padding:10px;border-radius:10px}
  .kutu strong{font-size:14px}
  .kutu small{font-size:9px}
  .sahne-serit{top:12px;left:auto;right:18px}
  .sahne-serit b{height:36px;padding:0 25px 0 14px;font-size:28px;line-height:36px}
  .sahne-serit span{height:24px;margin-left:-13px;padding:0 10px;font-size:14px;line-height:24px}
  .sahne-alt{padding:16px;max-width:62%;background:none}
  .sahne-ad{font-size:22px}
  .kat-kutular{margin-inline:-16px;padding:4px 16px;margin-block:0;scroll-padding-inline:16px}
  .kat-kutular>.kat-kutu{flex:none;width:96px;min-height:96px;padding:8px;gap:6px;font-size:11px}
  .serit-ok{display:none}
  .kat-serit.akiyor{margin:0 -16px;padding-block:4px;-webkit-mask-image:none;mask-image:none}
  .kat-kutu svg.d{width:46px;height:46px}
  .sekme-hap{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
  .sekme-hap label{min-height:56px}
  .bolum-adi{font-size:20px;line-height:24px}
  /* Urun siralari dar ekranda (11 Eki 2026, Suat: "mobilde alt alta olsun; yan yana olunca görünmesi zor" -> ilk denemede uc satirlik,
     YANA KAYAN sutunlar yapildi; Suat: "alt alta yapıp bir de sağa sola çekilebilir yapmışsın"). Son hali: yana kayma YOK, duz alt alta
     liste. Her urun yatay bir satir (solda kapak, sagda ad + bilgi + fiyat; liste sayfasinin dar ekran satiriyla ayni dil). Sayfa uzamasin
     diye sekmede ilk 5, kategori rafinda ilk 4 urun gorunur; kalani "Tümünü Gör" / "Daha Fazla Göster"de. Isaretleme ayni (_kart.html). */
  .urun-izgara{display:flex;flex-direction:column;gap:10px}
  .urun-izgara>.kart:nth-child(n+6),.raf .urun-izgara>.kart:nth-child(n+5){display:none}
  .urun-izgara>.kart{flex-direction:row;align-items:stretch;gap:14px;padding:10px;border-radius:14px}
  .urun-izgara>.kart:hover{transform:none;box-shadow:none}
  .urun-izgara>.kart .gorsel{flex:none;width:84px;border-radius:10px;padding:8px 7px}
  .urun-izgara>.kart .gorsel:has(img){padding:0}   /* gercek kapak gorseli kutuyu doldurur (ic bosluk yalniz yazili renkli kutuda) */
  .urun-izgara>.kart .gorsel small{font-size:7px;letter-spacing:.06em}
  .urun-izgara>.kart .gorsel strong{font-size:11px;line-height:12px;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .urun-izgara>.kart .kart-govde{padding:2px 4px 2px 0;min-width:0}
  .urun-izgara>.kart .ad{min-height:0;font-size:15px;line-height:20px}
  .urun-izgara>.kart .kart-bilgi{margin-top:2px}
  .urun-izgara>.kart .kart-fiyat{margin-top:auto;padding-top:6px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 8px}
  .urun-izgara>.kart .kart-fiyat .yeni{font-size:17px;line-height:20px}
  .urun-izgara>.kart .indirim{margin-top:0}
  /* 11 Eki 2026 (Suat: "mavi buton kısmında tasarım hatası var"): izgara kabinda gizli yazi ikinci satir sayildigi icin ok ust yariya
     kayiyordu. Esnek kutu + ok kutusunun optik merkezi (45 derece donmus kutunun gorunen ucu saga duser: 2 px sola). Dokunma alani 32 px. */
  .bolum-bas a.kesfet{font-size:0;line-height:0;padding:0;flex:none;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--ana)}
  .bolum-bas a.kesfet::before{content:"";width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;border-radius:1px;transform:translateX(-2px) rotate(45deg)}
  .guven{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guven div{padding:16px 8px 14px}
  .guven div:nth-child(odd){border-left:0}
  .guven div:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .guven-simge{width:42px;height:42px;margin-bottom:8px}
  .guven-simge svg.d{width:22px;height:22px}
  .guven b{font-size:15px;line-height:20px}
  .guven b+span{font-size:13px;line-height:18px}
  .sss-liste summary{font-size:15px;line-height:22px;padding:12px 16px}
  .sss-liste details p{padding-inline:16px;font-size:14px;line-height:22px}
}

/* Dugmeler: 8 px kose, kalin yazi (buyuk harf yok). --ana = mavi ana eylem (Sepete Ekle, Odemeye Gec) */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;font-weight:700;text-decoration:none;text-align:center;transition:background-color .15s,color .15s,border-color .15s}
.dugme-ana{background:var(--ana);color:#fff;min-height:48px;padding-inline:28px;font-size:16px}
.dugme-ana:hover{background:var(--ana-acik)}
.dugme-ana:disabled{background:#c9c9cf;cursor:not-allowed}
.dugme-cizgi{background:var(--kart);border:1px solid var(--ana);color:var(--ana);min-height:48px;padding-inline:24px;font-size:15px}
.dugme-cizgi:hover{background:var(--ana-zemin)}
.dugme-koyu{background:var(--koyu);color:#fff;min-height:48px;padding-inline:24px;font-size:15px}
.dugme-koyu:hover{background:#262626}
.dugme-sade{background:none;border:0;color:var(--ikincil);font-weight:700;text-decoration:underline;padding:4px}

/* Liste / kategori / arama (10 Eki 2026 gece; duzen mantigi ve olculer G2A liste sayfasindan, kod bize ait). Baslik blogu (alt cizgili) ->
   sol filtre sutunu 270 (hep acik gruplar, kutu yok) + sag 870: arac cubugu (gorunum + siralama), etkin filtre cipleri, urunler, sayfalama.
   Dar ekran (<=900): filtre sutunu tam ekran panel, yuzen "Filtrele ve Sırala" dugmesi, filtre varken altta cipli sabit cubuk. */
/* Sayfa ustu SIKI tutulur (10 Eki 2026 gece, Suat: "gereksiz bosluk var, asil alan asagisi"): sayfa yolu 38 px; baslik + urun sayisi
   AYNI satirda; liste sayfasinda gorunum + siralama da o satirin saginda (.aracli; ayri arac cubugu satiri yok). Ust bolumun altindan
   ilk urune: 229 -> ~108 px (filtre varken 285 -> ~152 px). */
.ust-yol{margin:-24px 0 0;min-height:38px;align-items:center;font-size:12px;color:var(--soluk)}
.ust-yol a:hover{color:var(--murekkep);text-decoration:none}
.sayfa-bas{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 14px;border-bottom:1px solid #0000001f;padding-bottom:12px;margin-bottom:18px}
.sayfa-bas h1{font-size:28px;line-height:36px;font-weight:700;margin:0;color:#212121;overflow-wrap:anywhere}
.sayfa-bas p{margin:0;font-size:15px;line-height:24px;color:var(--ikincil)}
.sayfa-bas.aracli{padding-right:390px}
.kat-duzen{display:grid;grid-template-columns:270px minmax(0,1fr);column-gap:30px;align-items:start;position:relative}
.filtre-bas{display:none}
.filtre:focus{outline:none}
.f-grup{border-bottom:1px solid #d8d8d8;padding-bottom:15px}
.f-baslik{font-size:14px;line-height:20px;font-weight:700;margin:0;padding:10px 0}
.filtre-bas+.f-grup .f-baslik{padding-top:0}
.f-baslik span{font-weight:500}
.f-kat{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px;font-size:13px;line-height:16px;text-decoration:none}
.f-kat span{font-size:12px;color:#6a7282}
.f-kat:hover{text-decoration:underline}
.f-kat[aria-current="page"]{color:var(--ana);font-weight:700}
.fiyat-aralik{display:flex;align-items:center;gap:10px}
.fiyat-aralik input{flex:1;width:0;min-width:0;height:44px;border:1px solid #d4d4d4;border-radius:8px;background:#fff;padding:10px 14px;font-size:14px;line-height:21px;transition:border-color .2s}
.fiyat-aralik input::placeholder{color:var(--soluk)}
.fiyat-aralik input{-moz-appearance:textfield}
.fiyat-aralik input::-webkit-outer-spin-button,.fiyat-aralik input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fiyat-aralik input:focus{border-color:#269dff;outline:none}
/* Isaret kutusu: gorunumu sifirlanmis kutu + zemin resmi olarak onay isareti (Safari sifirlanmis kutuda ::after cizmez) */
.filtre .sec{display:flex;align-items:center;gap:10px;min-height:30px;font-size:14px;line-height:21px;color:#212121;cursor:pointer}
.filtre .sec span{margin-left:auto;font-size:12px;line-height:16px;color:#4a5565}
.filtre .sec input,.onay input{-webkit-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0;border:2px solid var(--soluk);border-radius:6px;background:#fff center/14px 14px no-repeat;cursor:pointer;transition:border-color .2s,background-color .2s}
.filtre .sec:hover input,.onay:hover input{border-color:var(--ana-koyu)}
.filtre .sec input:checked,.onay input:checked{border-color:var(--ana);background-color:var(--ana);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.f-fazla{display:none}
.f-ac:checked+.f-fazla{display:block}
.f-daha{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;font-size:12px;line-height:16px;color:var(--ana-acik);cursor:pointer}
.f-daha::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.f-daha:hover{text-decoration:underline}
.f-daha-kapa,.f-ac:checked~.f-daha .f-daha-ac{display:none}
.f-ac:checked~.f-daha .f-daha-kapa{display:inline}
.f-ac:checked~.f-daha::after{transform:translateY(2px) rotate(225deg)}
.f-ac:focus-visible~.f-daha{outline:3px solid var(--ana-acik);outline-offset:2px}
.filtre-alt{display:flex;gap:8px;padding-top:16px}
.filtre-alt .dugme{flex:1;min-height:42px;font-size:14px;padding-inline:12px}
.filtre-alt .dugme svg.i{width:18px;height:18px;stroke-width:2.6}
.filtre-temizle{display:none}
.js .filtre-uygula{display:none}
/* Siralama: tek secim kutusu; masaustunde arac cubugunun sagina konumlanir (sutun ici ogesi, bkz. liste.html) */
.sirala-blok{position:absolute;bottom:calc(100% + 27px);right:0;height:44px;display:flex;align-items:center;gap:8px}
.sirala-blok label{font-size:14px;line-height:20px;font-weight:700}
.secici{position:relative;display:inline-block}
.secici select{-webkit-appearance:none;appearance:none;width:224px;height:44px;border:1px solid #d4d4d4;border-radius:8px;background:#fff;padding:0 44px 0 16px;font-size:14px;color:#525252;cursor:pointer;text-overflow:ellipsis;transition:border-color .2s}
.secici select:hover,.secici select:focus{border-color:#269dff;outline:none}
.secici::after{content:"";position:absolute;right:19px;top:50%;width:8px;height:8px;border:solid #525252;border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.arac{position:absolute;bottom:calc(100% + 27px);right:296px;height:44px;display:flex;align-items:center}
.gorunum{display:flex;align-items:center;gap:8px}
.gorunum a{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;color:#4a5565;transition:color .3s,background-color .3s}
.gorunum a svg.i{width:24px;height:24px}
.gorunum a:hover{background:#0000000d}
.gorunum a[aria-current]{color:var(--ana-acik)}
/* Etkin filtre cipleri */
.etkin{margin-bottom:12px}
.etkin-cipler{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-height:32px}
.etkin-grup{display:contents}
.etkin-grup b{font-size:14px;line-height:20px;font-weight:700;margin-left:2px}
.etkin-temizle{font-size:14px;color:var(--ana);text-decoration:none;margin-right:2px}
.etkin-temizle:hover{text-decoration:underline}
.e-cip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 14px;border:1px solid #d4d4d4;border-radius:999px;background:#fff;font-size:12px;line-height:14px;text-decoration:none;white-space:nowrap;transition:border-color .2s}
.e-cip svg.i{width:14px;height:14px;stroke-width:2.4}
.e-cip:hover{border-color:#269dff}
.etkin-dugmeler,.filtre-yuzen{display:none}
/* Urunler: ortak kart isaretlemesi (_kart_liste.html), gorunume gore yerlesim */
.lk-not{font-size:12px;line-height:14px;color:var(--ikincil);text-transform:uppercase}
.lk-ozellik{margin:0;font-size:14px;line-height:24px;color:var(--ikincil)}
.lk-ozellik>div{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:16px}
.lk-ozellik dd{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-etkin{display:flex;align-items:center;gap:8px;font-size:14px;line-height:24px;color:var(--yesil)}
.lk-etkin svg.i{width:16px;height:16px}
.lk-git{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#171717;transition:background-color .3s,transform .4s var(--yumusak-gecis)}
.lk-git svg.i{width:18px;height:18px}
@media (min-width:901px){
  .gorunum-liste{display:flex;flex-direction:column;gap:8px}
  .gorunum-liste .lk{flex-direction:row;min-height:227px;transition:background-color .35s var(--yumusak-gecis)}
  .gorunum-liste .lk:hover{transform:none;box-shadow:none;background:#f1f1f1}
  .gorunum-liste .lk .gorsel{width:170px;flex:none;aspect-ratio:170/227}
  .gorunum-liste .kart-govde{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto 1fr;column-gap:24px;padding:16px 24px;min-width:0}
  .gorunum-liste .ad{grid-area:1/1;display:block;min-height:0;font-size:18px;line-height:32px;white-space:nowrap;text-overflow:ellipsis}
  .gorunum-liste .kart-bilgi,.gorunum-liste .kart-bolge{display:none}
  .gorunum-liste .lk-ozellik{grid-area:2/1}
  .gorunum-liste .lk-etkin{grid-area:3/1}
  .gorunum-liste .kart-fiyat{grid-area:1/2/4/3;align-items:flex-end;justify-content:flex-start;margin:0;padding-top:6px;gap:2px}
  .gorunum-liste .kart-fiyat .yeni{font-size:20px;line-height:20px}
  .gorunum-liste .kart-fiyat .eski{font-size:14px;line-height:14px}
  .gorunum-liste .indirim{margin-top:4px;font-size:14px;line-height:20px;padding:0 7px}
  .gorunum-liste .lk-git{grid-area:4/2;align-self:end;justify-self:end;margin:0 -10px -6px 0}
  .gorunum-liste .lk:hover .lk-git{background:#fff;transform:translateX(3px)}
  .gorunum-liste .lk-not{position:absolute;left:194px;bottom:20px}
  .gorunum-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .gorunum-izgara .lk-not,.gorunum-izgara .lk-ozellik,.gorunum-izgara .lk-etkin,.gorunum-izgara .lk-git{display:none}
}
@media (min-width:901px) and (max-width:1100px){.gorunum-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Sayfalama: bitisik numara kutulari + ayri "Sonraki" dugmesi; dar ekranda "Sayfa 1 / 9" */
.liste-alt{margin-top:28px;text-align:center}
.liste-aralik{margin:0 0 16px;font-size:14px;line-height:20px;color:var(--ikincil)}
.sayfalama{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.sf-grup{display:inline-flex}
.sf-grup>*{min-width:45px;height:42px;padding-inline:8px;display:grid;place-items:center;border:1px solid var(--ana-acik);margin-left:-1px;background:#fff;color:var(--ana-acik);font-size:14px;text-decoration:none;transition:background-color .2s,color .2s}
.sf-grup>:first-child{margin-left:0;border-radius:8px 0 0 8px}
.sf-grup>:last-child{border-radius:0 8px 8px 0}
.sf-grup>:only-child{border-radius:8px}
.sf-grup a:hover{background:#d9e9ff}
.sf-grup [aria-current]{background:var(--ana-acik);color:#fff;font-weight:700}
.sf-yon{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:1px solid var(--ana-acik);border-radius:8px;background:#fff;color:var(--ana-acik);font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s}
.sf-yon svg.i{width:14px;height:14px;stroke-width:2.6}
.sf-yon:hover{background:#d9e9ff}
.sf-mobil{display:none;font-size:14px;line-height:42px}
.liste-aciklama{margin-top:64px;max-width:90ch;font-size:14px;line-height:24px;color:var(--ikincil)}
.liste-aciklama h2{font-size:14px;line-height:34px;font-weight:700;margin:0;color:var(--murekkep)}
.liste-aciklama p{margin:0}
@media (max-width:900px){
  .ust-yol{display:none}
  .sayfa-bas,.sayfa-bas.aracli{border-bottom:0;padding:0 0 10px;margin-bottom:6px}
  .sayfa-bas h1{font-size:24px;line-height:31px}
  .filtre-bas+.f-grup .f-baslik{padding-top:14px}
  .kat-duzen{display:block;position:static}
  .arac{display:none}
  /* Filtre paneli: tam ekran katman; betik .acik sinifini ekler, betik yoksa #filtre hedefi (:target) acar */
  .filtre{display:none}
  .filtre.acik,.filtre:target{display:block;position:fixed;inset:0;z-index:80;background:#fefefe;overflow-y:auto;overscroll-behavior:contain;padding:6px 16px calc(96px + env(safe-area-inset-bottom,0px))}
  .filtre-bas{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:18px}
  .filtre-kapat{display:grid;place-items:center;width:40px;height:40px;margin-right:-8px;border-radius:50%;color:var(--murekkep)}
  .filtre-kapat svg.i{width:22px;height:22px;stroke-width:2.6}
  .f-baslik{padding-top:14px}
  .f-kat{min-height:36px;justify-content:flex-start;gap:12px;font-size:14px}
  .f-kat::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #9ca3af;background:#fff}
  .f-kat[aria-current="page"]{color:var(--murekkep);font-weight:500}
  .f-kat[aria-current="page"]::before{border-color:var(--ana-acik);background:radial-gradient(circle,var(--ana-acik) 0 5px,#fff 5.5px)}
  .f-kat span{margin-left:auto;font-size:13px}
  .filtre .sec{min-height:40px;font-size:15px}
  .filtre .sec span{font-size:13px}
  .f-daha{min-height:40px;font-size:13px}
  .sirala-blok{position:static;display:block;height:auto;border-bottom:1px solid #d8d8d8;padding-bottom:16px}
  .sirala-blok label{display:block;padding:14px 0 10px}
  .secici{display:block}
  .secici select{width:100%}
  .filtre-alt{position:fixed;left:0;right:0;bottom:0;z-index:1;background:#fff;box-shadow:0 -1px 4px #00000033;padding:15px 10px calc(15px + env(safe-area-inset-bottom,0px))}
  .filtre-temizle{display:inline-flex;flex:0 0 34%!important}
  .js .filtre-uygula{display:inline-flex}
  /* Yuzen dugme ve filtre varken alt cubuk; canli destek ile yukari dugmesi bunlarin ustune tasinir */
  .filtre-yuzen{display:inline-flex;align-items:center;gap:8px;position:fixed;right:15px;bottom:calc(15px + env(safe-area-inset-bottom,0px));z-index:26;height:44px;padding:0 16px 0 12px;border-radius:8px;background:var(--ana-acik);color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #0868f359}
  .etkin{position:fixed;left:0;right:0;bottom:0;z-index:26;margin:0;background:#fff;box-shadow:0 -1px 4px #00000033;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}
  .etkin-cipler{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-height:32px;gap:8px}
  .etkin-cipler::-webkit-scrollbar{display:none}
  .etkin-grup b{font-size:12px;white-space:nowrap;margin-left:4px}
  .etkin-temizle{display:none}
  .etkin-dugmeler{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  .etkin-dugmeler .dugme{min-height:42px;font-size:14px;padding-inline:8px}
  .etkin-dugmeler .dugme svg.i{width:18px;height:18px}
  .liste-sayfasi main{padding-bottom:96px}
  .liste-sayfasi.suzulmus main{padding-bottom:150px}
  .liste-sayfasi .sohbet{bottom:calc(71px + env(safe-area-inset-bottom,0px))}
  .liste-sayfasi .yukari{bottom:calc(139px + env(safe-area-inset-bottom,0px))}
  .liste-sayfasi.suzulmus .sohbet{bottom:calc(118px + env(safe-area-inset-bottom,0px))}
  .liste-sayfasi.suzulmus .yukari{bottom:calc(186px + env(safe-area-inset-bottom,0px))}
  /* Kart: kucuk yatay (ustte not, solda gorsel 112x150, sagda ad + bilgi + fiyat); iki gorunum sinifinda da ayni */
  .urun-liste{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .urun-liste .lk{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"not not" "gorsel govde";column-gap:12px;padding:8px 12px 12px}
  .urun-liste .lk:hover{transform:none;box-shadow:none}
  .urun-liste .lk-not{grid-area:not;padding-bottom:8px}
  .urun-liste .lk .gorsel{grid-area:gorsel;width:112px;aspect-ratio:112/150;border-radius:8px}
  .urun-liste .lk .gorsel strong{font-size:14px}
  .urun-liste .kart-govde{grid-area:govde;padding:0;min-width:0}
  .urun-liste .kart-bilgi{white-space:normal}
  .urun-liste .lk-ozellik,.urun-liste .lk-etkin,.urun-liste .lk-git{display:none}
  .urun-liste .kart-fiyat{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;padding-top:10px}
  .urun-liste .kart-fiyat .yeni{font-size:20px;line-height:22px}
  .urun-liste .kart-fiyat .eski{grid-area:2/1/3/3;font-size:14px;line-height:16px}
  .urun-liste .indirim{grid-area:1/2;justify-self:start;margin:0;font-size:14px;line-height:20px;padding:0 7px}
  .sf-grup{display:none}
  .sf-mobil{display:inline}
  .liste-aciklama{margin-top:40px}
}
@media (min-width:620px) and (max-width:900px){.urun-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Urun sayfasi (10 Eki 2026 aksam; duzen mantigi ve olculer G2A urun sayfasindan, kod bize ait). Beyaz ust blok: sayfa yolu, baslik,
   uc sutun (gorsel 338 | bilgi satirlari | satin alma kutusu 302); altinda yapiskan bolum cubugu; acilir "Bu Urun Hakkinda" karti. */
.urun-ust{background:var(--kart)}
/* Ust bosluklar sikilastirildi (10 Eki 2026 gece, Suat urun sayfasinin ustunu gonderdi: "gereksiz boşlukları alalım"): ust bolumun altindan
   urun sutunlarina 174 -> 126 px (yol 48 -> 36, baslik ustu 28 -> 4, baslik 34/40 -> 30/36, paylas dugmesi 48 -> 40). */
.urun-ust .yol{margin:0;min-height:36px;align-items:center;font-size:12px;color:var(--soluk)}
.urun-ust .yol a:hover{color:var(--murekkep)}
.urun-baslik{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}
.urun-baslik h1{margin:0;font-size:30px;line-height:36px;font-weight:700;text-wrap:balance}
.yuvarlak-dugme{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#e9e9e9;color:var(--soluk);display:grid;place-items:center;transition:background-color .3s ease-in-out}
.yuvarlak-dugme:hover{background:#dcdcdc;color:var(--murekkep)}
.ikon-dugme{background:none;border:0;padding:6px;border-radius:50%;color:var(--murekkep);display:grid;place-items:center}
.ikon-dugme:hover{background:var(--yumusak)}
.rozetler{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}
.rozet{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--yesil-zemin);color:var(--yesil)}
.rozet.ana{background:var(--ana-zemin);color:var(--ana)}
.rozet.kirmizi{background:var(--kirmizi-zemin);color:var(--kirmizi)}
.rozet.sari{background:#fff3c4;color:#6b4e00}
.rozet svg.i{width:14px;height:14px}
.urun-ucluk{display:grid;grid-template-columns:338px minmax(0,1fr) 338px;gap:18px;align-items:start;padding:14px 0 36px}
.urun-galeri{min-width:0}
.buyuk{aspect-ratio:338/444;width:100%;border-radius:var(--kose);position:relative;padding:22px}
.buyuk:has(img){padding:0}
.buyuk img{width:100%;height:100%;object-fit:cover;border-radius:var(--kose);background:var(--yumusak)}
.buyuk strong{font-size:30px}
.buyuk small{font-size:12px}
.ok{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff3d;border:0;color:#fff;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.ok svg.i{width:22px;height:22px}
.ok.sol{left:10px}.ok.sag{right:10px}
.kucukler{display:flex;gap:6px;padding-top:12px;overflow-x:auto}
.kucukler button{flex:none;width:80px;height:44px;border-radius:12px;border:2px solid transparent;padding:0;overflow:hidden;background:var(--yumusak);transition:opacity .2s ease-in-out}
.kucukler button:hover{opacity:.75}
.kucukler button img{width:100%;height:100%;object-fit:cover}
.kucukler button[aria-current="true"]{border-color:var(--ana)}
.urun-bilgi{min-width:0}
/* Bilgi satirlari: dolu koyu simge kutusu (48, kose 12) + 16 px yazi, deger kalin; alt not ve kalin mavi baglanti; etkinlestirme
   satiri yesil (10 Eki 2026 gece, Suat: "bu alan G2A'ya gore cok ciliz kaldi"; eskisi 1 px gri cerceveli kutu + 14 px gri yaziydi). */
.bilgi-satirlari{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.bilgi-satirlari li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;align-items:center}
.bilgi-kutu{width:48px;height:48px;border-radius:12px;background:#171717;color:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff14}
.bilgi-kutu svg.i{width:24px;height:24px;stroke-width:1.9}
.bilgi-satirlari p{margin:0;font-size:16px;line-height:24px;color:var(--ikincil)}
.bilgi-satirlari p b{font-weight:700;color:var(--murekkep)}
.bilgi-satirlari small{display:block;font-size:14px;line-height:20px;color:var(--ikincil)}
.bilgi-satirlari a{display:inline-block;font-size:14px;line-height:20px;font-weight:700;color:var(--ana);text-decoration:none}
.bilgi-satirlari a:hover{text-decoration:underline}
.bilgi-satirlari .olumlu p,.bilgi-satirlari .olumlu p b{color:var(--yesil)}
.bilgi-satirlari .olumlu .bilgi-kutu{color:#6fe23c}
.bilgi-satirlari .olumlu .bilgi-kutu svg.i{width:26px;height:26px;stroke-width:2.3}
.urun-ozet{margin-top:20px;padding-top:18px;border-top:1px solid #e0e0e0;font-size:14px;line-height:22px;color:var(--ikincil)}
.urun-ozet p{margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.urun-ozet a{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;line-height:20px;font-weight:700;color:var(--ana);text-decoration:none}
.urun-ozet a svg.i{width:16px;height:16px;stroke-width:2.4;transform:rotate(180deg);transition:transform .35s var(--yumusak-gecis)}
.urun-ozet a:hover{text-decoration:underline}
.urun-ozet a:hover svg.i{transform:rotate(180deg) translateY(-3px)}
/* Satin alma kutusu: kenarlikli, golgesiz; paket secenekleri radyo kartlari (secili: acik mavi kenarlik) */
/* Satin alma kutusu (10 Eki 2026 gece, Suat: "referansimiza gore ciliz kaldi, biraz da sola genislesin yuzde 12 kadar"): 302 -> 338 px (orta
   sutun daralir); ustte siyah serit (ust bant dili; MAGAZA["GUVEN"] ilk ogesi), secili paket DOLU acik mavi, fiyat 26 px, sayac ve dugmeler
   buyuk, altta sari kutulu uc guven ogesi (GUVEN 2-4; ana sayfa bandiyla ayni veri). Ince cerceve + kucuk gri yazi YOK. */
.al-kutu{border:1px solid #d4d4d4;border-radius:var(--kose);background:var(--kart);overflow:hidden;box-shadow:0 10px 28px #0000000f}
.al-serit{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 8px;min-height:42px;padding:9px 12px;background:var(--ust);color:#d4d4d4;font-size:13px;line-height:18px;text-align:center}
.al-serit svg.i{width:17px;height:17px;stroke-width:2.4;color:var(--sari);flex:none}
.al-serit b{font-family:var(--rakam);font-weight:700;font-size:16px;line-height:20px;letter-spacing:.09em;text-transform:uppercase;color:#fff}
.al-serit.bekle svg.i{stroke-width:2.2}
.al-ic{padding:16px;display:flex;flex-direction:column;gap:12px}
/* Stoksuz urun bilgisi: satin alma kutusu, sepet satiri, odeme formundaki onay (hepsi ayni sari bilgi dili) */
.al-bilgi{margin:0;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:#fff6d6;color:#3d3200;font-size:13px;line-height:19px}
.al-bilgi svg.i{width:17px;height:17px;flex:none;margin-top:1px}
.secenek .alt.bekle{background:#fff3c4;color:#6b4e00}
.sepet-bekle{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:3px 8px;border-radius:8px;background:#fff3c4;color:#6b4e00;font-size:12px;line-height:18px;font-weight:600}
.sepet-bekle svg.i{width:14px;height:14px;flex:none}
.onay-bekle{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff6d6}
.secenekler{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0;min-width:0}
.secenekler legend{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--ikincil);margin-bottom:8px;padding:0}
.secenek{display:block;border:1px solid #d4d4d4;border-radius:10px;background:var(--kart);cursor:pointer;overflow:hidden;transition:border-color .15s,background-color .15s,box-shadow .15s}
.secenek:hover{border-color:#269dff}
.secenek:has(input:checked){border-color:#269dff;background:var(--ana-zemin);box-shadow:inset 0 0 0 1px #269dff}
.secenek .ic{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:84px}
.secenek input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--soluk);flex:none;margin:0;background:#fff;cursor:pointer}
.secenek input:checked{border-color:var(--ana);background:radial-gradient(circle,var(--ana) 0 5.5px,#fff 6px)}
.secenek:has(input:disabled){opacity:.55;cursor:not-allowed}
.secenek .ne{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.secenek .ne b{font-size:16px}
.secenek .ne span{font-size:13px;color:var(--ikincil)}
.secenek .tutar{margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.secenek .fiyat{font-size:26px;line-height:28px;white-space:nowrap}
.secenek .fiyat b{font-weight:700}
.secenek .eski-satir{display:flex;align-items:center;gap:6px}
.secenek .eski-satir s{font-size:12px;color:var(--soluk)}
.secenek .eski-satir .indirim{margin-top:0}
.secenek .alt{display:block;background:var(--yumusak);text-align:center;font-size:12px;font-weight:600;padding:4px 8px;color:var(--ikincil)}
.secenek .alt.kazanc{background:var(--yesil-zemin);color:var(--yesil)}
.secenek .alt.tukendi{background:#e3e3e3}
.adet-satir{display:flex;align-items:center;justify-content:space-between;gap:10px}
.adet-satir label{font-weight:700;font-size:16px}
.sayac{display:flex;align-items:center;border:1px solid #d4d4d4;border-radius:8px;overflow:hidden;background:var(--kart)}
.sayac button{border:0;background:none;width:44px;height:44px;font-size:22px;font-weight:700;display:grid;place-items:center}
.sayac button:hover{background:var(--yumusak)}
.sayac input{width:48px;border:0;text-align:center;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;background:transparent;-moz-appearance:textfield;appearance:textfield}
.sayac input::-webkit-inner-spin-button,.sayac input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.al-ic .dugme{width:100%;min-height:50px;font-size:16px;padding-inline:16px}
.al-ic .dugme svg.i{width:20px;height:20px;stroke-width:2.2}
.al-ic .dugme-ana:hover{background:var(--ana-koyu)}
.al-guven{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
/* 11 Eki 2026: guven kutulari inceltildi (simge 34 -> 28, ic bosluk azaldi) ve stok notu orta sutuna tasindi: satin alma kutusu kapak
   gorseliyle yaklasik ayni boyda biter, altta bosluk kalmaz. Simge + yazi yine ortali. */
.al-guven li{background:var(--yumusak);border-radius:12px;padding:8px 4px 7px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;font-size:12px;line-height:15px;font-weight:700;color:var(--murekkep)}
.al-guven-kutu{width:28px;height:28px;border-radius:9px;background:var(--sari);color:var(--koyu);display:grid;place-items:center;box-shadow:inset 0 1px 0 #ffffff80}
.al-guven-kutu svg.i{width:16px;height:16px;stroke-width:2.2}
.urun-bilgi .al-bilgi{margin-top:18px}
/* Stoklu urunde ayni yerde yesil "Stokta mevcut" notu (11 Eki 2026, Suat); sari stok notuyla ayni kutu dili */
.al-bilgi.stokta{background:var(--yesil-zemin);color:#1c4a04}
.al-bilgi.stokta svg.i{color:var(--yesil);stroke-width:2.6}
.onizleme-notu{margin:8px 0 0;font-size:12px;line-height:16px;color:var(--soluk)}
.al-ic .guvence{font-size:13px;color:var(--ikincil)}
.guvence{margin:0;color:var(--soluk);font-size:12px;line-height:18px;text-align:center}
.guvence svg.i{width:14px;height:14px;color:var(--yesil);display:inline-block;vertical-align:-2px;margin-right:5px}
/* Bolum cubugu: sayfa ici baglantilar, ustte yapisir */
.urun-sekmeler{background:var(--kart);border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;position:sticky;top:0;z-index:5}
.urun-sekmeler .sar{display:flex;gap:30px;min-height:54px;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.urun-sekmeler .sar::-webkit-scrollbar{display:none}
/* 11 Eki 2026 (Suat: "soluk kaldı, yazılar daha anlaşılır olabilir"): 12 px soluk gri -> 13 px kalin, koyu; uzerine gelince mavi */
.urun-sekmeler a{flex:none;display:flex;align-items:center;font-size:13px;line-height:18px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ikincil);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}
.urun-sekmeler a:hover{color:var(--ana);border-bottom-color:var(--ana)}
.bolum-adi.iri{font-size:26px;line-height:38px;margin-bottom:14px}
/* Acilir kart: tek kart icinde satirlar; ok acilinca doner */
.acilir-kart{background:var(--kart);border:1px solid #d4d4d4;border-radius:var(--kose);overflow:hidden}
.acilir-kart>details{border-bottom:1px solid #d4d4d4;scroll-margin-top:64px}
.acilir-kart>details:last-child{border-bottom:0}
.acilir-kart>details>summary{min-height:66px;padding:16px 20px;font-size:22px;line-height:34px;font-weight:700;align-items:center}
.acilir-kart>details>summary::after{content:"";width:10px;height:10px;border-right:2.5px solid #525252;border-bottom:2.5px solid #525252;transform:rotate(45deg);margin:0 8px 6px 0;transition:transform .2s cubic-bezier(.4,0,.2,1);flex:none}
.acilir-kart>details[open]>summary::after{content:"";transform:rotate(-135deg);margin-bottom:-4px}
.acilir-ic{padding:0 20px 20px;font-size:16px;line-height:28px}
/* 11 Eki 2026 (Suat: "sağ kısım boş kalmış gibi"): 80 karakterlik satir siniri kalkti; metin kutunun tamamina yayilir */
.acilir-ic p{margin:0 0 10px;color:var(--murekkep)}
.ic-sss{font-size:15px;line-height:24px}
.ic-sss summary{font-size:16px}
.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:adim}
.adimlar li{background:#f5f5f5;border-radius:12px;padding:16px 14px;counter-increment:adim;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:14px;line-height:20px}
.adimlar li::before{content:counter(adim);width:34px;height:34px;border-radius:50%;background:var(--ana);color:#fff;font-weight:700;display:grid;place-items:center}
.adimlar b{display:block}
.ozellikler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0}
.ozellikler div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--cizgi);font-size:14px;line-height:24px}
.ozellikler dt{color:var(--ikincil)}
.ozellikler dd{margin:0;font-weight:700;text-align:right}
details{border-bottom:1px solid var(--cizgi)}
details:last-child{border-bottom:0}
summary{cursor:pointer;font-weight:800;padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--ana);font-size:22px;line-height:1;flex:none}
details[open] summary::after{content:"−"}
details p{color:var(--ikincil)}

.yapiskan{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--kart);box-shadow:0 -6px 20px #0000001f;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));display:none;align-items:center;gap:12px}
.yapiskan .ne{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.yapiskan .ne span{font-size:12px;color:var(--ikincil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yapiskan .ne b{font-family:var(--rakam);font-size:26px}
.yapiskan .dugme-ana{margin-left:auto;min-height:48px;font-size:15px;padding-inline:22px;flex:none}

.bildirim{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--koyu);color:#fff;font-weight:800;padding:12px 20px;border-radius:999px;display:flex;gap:10px;align-items:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30;max-width:calc(100% - 32px)}
.bildirim.goster{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.bildirim svg.i{color:#69db7c}
.bildirim a{color:var(--sari);white-space:nowrap}

/* Sepet ve odeme (10 Eki 2026 aksam; sepet duzeni Suat'in gonderdigi G2A sepet goruntulerine gore, kod bize ait): kenarlikli beyaz kartlar */
.iki-kolon{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:30px;align-items:start}
.sayfa-baslik{font-size:34px;line-height:40px;font-weight:700;margin:0 0 20px}
.sepet-bas{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:14px 0 22px}
.sepet-bas .sayfa-baslik{margin:0}
.bilgi-notu{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;line-height:20px;color:var(--ikincil)}
.bilgi-notu svg.i{color:var(--ana);width:22px;height:22px}
.sepet-liste{display:flex;flex-direction:column;gap:16px;min-width:0}
.sepet-kart{background:var(--kart);border:1px solid #d4d4d4;border-radius:var(--kose);padding:0 16px}
.sepet-kart-ust{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0 12px;border-bottom:1px solid #d4d4d4;font-size:14px;line-height:20px;color:var(--ikincil)}
.sepet-kart-ust b{color:var(--murekkep);font-weight:600}
.sepet-kalem{display:grid;grid-template-columns:115px minmax(0,1fr) auto minmax(120px,auto);gap:16px;align-items:start;padding:12px 0 16px}
.sepet-kalem .gorsel{aspect-ratio:115/152;border-radius:12px;padding:10px;text-decoration:none}
.sepet-kalem .gorsel strong{font-size:13px}
.sepet-kalem .gorsel img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.sepet-kalem .bilgi{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:6px}
.sepet-kalem .bilgi a{font-size:16px;line-height:26px;font-weight:700;text-decoration:none}
.sepet-kalem .bilgi a:hover{color:var(--ana)}
.sepet-kalem .bilgi>span:last-child{color:var(--ikincil);font-size:14px;line-height:20px}
.sepet-cip{background:#404040;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 9px;border-radius:999px}
.sepet-adet{display:flex;align-items:center;gap:10px;margin:0;padding-top:6px}
.sepet-adet select{min-width:72px;height:42px;border:1px solid #d4d4d4;border-radius:8px;background:var(--kart);padding:0 12px;font-size:14px;cursor:pointer}
.sepet-adet select:focus{border-color:#269dff;outline:none}
.sepet-tutar{text-align:right;font-size:18px;line-height:28px;padding-top:12px;white-space:nowrap}
.sepet-tutar b{font-weight:700}
.sepet-yan{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}
.ozet-kart{background:var(--kart);border:1px solid #d4d4d4;border-radius:var(--kose);padding:16px;display:flex;flex-direction:column;gap:10px}
.ozet-kart .satir{display:flex;justify-content:space-between;gap:10px;font-size:14px;line-height:20px;color:var(--ikincil)}
.ozet-kart .satir.genel{align-items:flex-start;color:var(--murekkep);border-top:1px solid #d4d4d4;padding-top:12px;margin-top:2px}
.ozet-kart .satir.genel b{font-size:18px;line-height:24px;font-weight:700}
.ozet-kart .satir.genel small{display:block;font-size:12px;line-height:18px;color:var(--ikincil)}
.ozet-kart .tutar{font-size:18px;line-height:24px;white-space:nowrap}
.ozet-kart .dugme{width:100%;min-height:44px;font-size:14px;margin-top:4px}
.ozet-kart .dugme-ana:hover{background:var(--ana-koyu)}
.sepet-not{margin:0;padding:0 16px;text-align:center;font-size:12px;line-height:18px;color:var(--soluk)}
.sepet-not a{color:var(--murekkep);font-weight:600}
/* Odeme sayfasindaki ozet (yapiskan kutu) */
.ozet{padding:20px 22px;display:flex;flex-direction:column;gap:12px;position:sticky;top:12px}
.ozet h2{margin:0;font-size:18px;font-weight:700}
.ozet .satir{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.ozet .satir span:first-child{color:var(--ikincil)}
.ozet .genel{border-top:1px solid var(--cizgi);padding-top:12px;font-weight:700;font-size:16px;align-items:baseline}
.ozet .genel b{font-size:22px}
.ozet .dugme{width:100%}
.ozet-kalem{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:20px}
.ozet-kalem span{min-width:0}
.ozet-kalem small{display:block;color:var(--ikincil);font-size:12px;line-height:18px}
.ozet-kalem.kapakli{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center}
.ozet-kapak{width:44px;aspect-ratio:44/58;border-radius:6px;padding:0}
.ozet-kapak img{width:100%;height:100%;object-fit:cover}
.ozet-tutar{white-space:nowrap;font-weight:700}
/* Siparis adimlari (odeme ve siparis sayfalari): Sepet -> Bilgiler -> Ödeme; gecilen adim yesil onayli */
.asamalar{list-style:none;margin:4px 0 20px;padding:0;display:flex;align-items:center;gap:10px;font-size:14px;line-height:20px;font-weight:700;color:var(--soluk)}
.asamalar li,.asamalar a{display:flex;align-items:center;gap:8px}
.asamalar a{color:inherit;text-decoration:none}
.asamalar a:hover{text-decoration:underline}
.asamalar li+li::before{content:"";width:44px;height:1px;background:#d4d4d4;margin-right:2px}
.asama-no{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #d4d4d4;background:var(--kart);font-size:13px;line-height:1}
.asama-no svg.i{width:14px;height:14px;stroke-width:3}
.asamalar [aria-current],.asamalar .gecti{color:var(--murekkep)}
.asamalar [aria-current] .asama-no{background:var(--ana);border-color:var(--ana);color:#fff}
.asamalar .gecti .asama-no{background:var(--yesil);border-color:var(--yesil);color:#fff}
.asamalar .gecti+li::before{background:var(--yesil)}
.form-blok{padding:20px 22px;display:flex;flex-direction:column;gap:16px}
.form-blok h2{margin:0;font-size:18px;line-height:26px;font-weight:700;display:flex;align-items:center;gap:10px}
.form-blok h2 svg.i{color:var(--ana)}
.alanlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.alan.tam{grid-column:1/-1}
.alan label{font-weight:700;font-size:14px;line-height:20px}
.alan input,.alan select{height:48px;border:1px solid #d4d4d4;border-radius:8px;padding:0 16px;background-color:var(--kart);width:100%;min-width:0;transition:border-color .2s,box-shadow .2s}
.alan input::placeholder{color:var(--soluk)}
.alan select{-webkit-appearance:none;appearance:none;padding-right:44px;cursor:pointer;background-repeat:no-repeat;background-position:right 16px center;background-size:14px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23525252' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 9 8 8 8-8'/%3E%3C/svg%3E")}
.alan input:focus,.alan select:focus{border-color:#269dff;outline:none;box-shadow:0 0 0 3px #269dff29}
.alan .hata,.hata-kutu{color:var(--kirmizi);font-size:13px;font-weight:700}
.alan:has(.hata) input,.alan:has(.hata) select{border-color:var(--kirmizi)}
.hata-kutu{background:var(--kirmizi-zemin);border-radius:8px;padding:12px 14px}
@media (pointer:coarse){.alan input,.alan select{font-size:16px}}
.secim-satir{display:flex;gap:10px;flex-wrap:wrap}
.secim-satir div{display:contents}
.secim-satir label{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #d4d4d4;border-radius:8px;padding:0 16px;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.secim-satir label:hover{border-color:#269dff}
.secim-satir label:has(input:checked){border-color:var(--ana);background:var(--ana-zemin);color:var(--ana)}
.secim-satir input{accent-color:var(--ana);margin:0}
.js [data-kurumsal][hidden]{display:none}
/* Uyelik sayfalari (uyelik.py): ortali beyaz kart; hesabim iki sutun */
.uye-kart{max-width:460px;margin:8px auto 24px;background:var(--kart);border:1px solid #d4d4d4;border-radius:var(--kose);padding:36px 40px;display:flex;flex-direction:column;gap:14px}
.uye-kart h1{margin:0;font-size:24px;line-height:30px;font-weight:700}
.uye-aciklama{margin:-6px 0 4px;font-size:14px;line-height:22px;color:var(--ikincil)}
.uye-form{display:flex;flex-direction:column;gap:16px}
.uye-form .dugme,.uye-kart>.dugme{width:100%;min-height:48px;font-size:15px}
.uye-not{margin:0;font-size:12px;line-height:18px;color:var(--soluk);text-align:center}
.uye-not a,.uye-alt a,.uye-sag a{color:var(--ana);font-weight:700;text-decoration:none}
.uye-not a:hover,.uye-alt a:hover,.uye-sag a:hover{text-decoration:underline}
.uye-alt{margin:4px 0 0;padding-top:16px;border-top:1px solid #e3e3e3;text-align:center;font-size:14px;color:var(--ikincil)}
.uye-sag{margin:-8px 0 0;text-align:right;font-size:13px}
.sifre-sar{position:relative;display:flex}
.sifre-sar input{padding-right:84px}
.sifre-goster{position:absolute;right:6px;top:6px;height:36px;padding:0 12px;border:0;border-radius:6px;background:none;color:var(--ana);font-weight:700;font-size:14px}
.sifre-goster:hover{background:var(--ana-zemin)}
.sifre-kurallar{list-style:none;margin:-4px 0 0;padding:0;display:grid;gap:6px;font-size:13px;line-height:18px;color:var(--ikincil)}
.sifre-kurallar li{display:flex;align-items:center;gap:8px}
.sifre-kurallar li::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:#c9c9c9;transition:background-color .2s}
.sifre-kurallar li.tamam{color:var(--yesil);font-weight:600}
.sifre-kurallar li.tamam::before{background:var(--yesil)}
.sayfa-bas .adet{font-size:15px;color:var(--ikincil)}
.hesap-duzen{align-items:start}
.hesap-siparisler{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.hesap-siparisler a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e3e3e3;text-decoration:none;color:var(--murekkep)}
.hesap-siparisler li:first-child a{border-top:0;padding-top:0}
.hesap-siparisler a:hover b{color:var(--ana)}
.hesap-siparisler span{display:flex;flex-direction:column;gap:2px;min-width:0}
.hesap-siparisler .sag{align-items:flex-end;text-align:right;white-space:nowrap}
.hesap-siparisler small{font-size:12px;color:var(--ikincil)}
.hesap-siparisler .durum.d-teslim{color:var(--yesil);font-weight:700}
.hesap-siparisler .durum.d-bekliyor{color:var(--vurgu-koyu);font-weight:700}
.hesap-cikis{width:100%;text-align:center}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.onay{cursor:pointer}
.onay input{margin-top:1px}
.onay a{color:var(--ana);font-weight:700}
.not{font-size:13px;color:var(--ikincil);margin:0}
/* Postalarin geldigi adresler + gereksiz klasoru uyarisi (_posta_notu.html): dolu sari zeminli bilgi satiri */
.posta-notu{display:flex;align-items:flex-start;gap:10px;margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#fff6d6;color:#3d3200;font-size:13px;line-height:19px;text-align:left}
.posta-notu svg.i{width:18px;height:18px;flex:none;margin-top:1px}
.posta-notu b{font-weight:700;overflow-wrap:anywhere}
.odeme-yukumlulugu{color:var(--murekkep)}
.on-bilgi{border:1px solid #d4d4d4;border-radius:8px;padding:0 12px}
.on-bilgi summary{font-size:13px;padding:10px 0}
.on-bilgi-metin{max-height:280px;overflow:auto;font-size:12.5px;color:var(--ikincil);padding-bottom:10px}
.on-bilgi-metin h3{font-size:13px;color:var(--murekkep);margin:10px 0 4px}
.on-bilgi-metin p{margin:0 0 8px;white-space:pre-line}

/* Siparis */
.durum-kart{padding:24px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.durum-kart .simge-daire{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--ana-zemin);color:var(--ana)}
.durum-kart .simge-daire svg.i{width:32px;height:32px}
.durum-kart.tamam .simge-daire{background:var(--yesil-zemin);color:var(--yesil)}
.durum-kart.uyari .simge-daire{background:#fff8e1;color:#b26a00}
.durum-kart h1{margin:0;font-size:24px;line-height:31px;font-weight:700;text-wrap:balance}
.durum-kart p{margin:0;color:var(--ikincil);max-width:56ch}
.anahtar-kutu{display:flex;align-items:center;gap:8px;background:var(--yumusak);border:1px dashed #c9c9cf;border-radius:8px;padding:10px 12px;margin-top:8px}
.anahtar-kutu code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:700;word-break:break-all;flex:1;min-width:0;letter-spacing:.02em}
.anahtar-kutu button,.kopya{flex:none;border:0;background:var(--ana);color:#fff;border-radius:8px;padding:6px 12px;font-weight:700;font-size:13px;line-height:18px;transition:background-color .2s}
.anahtar-kutu button:hover,.kopya:hover{background:var(--ana-koyu)}
.havale{display:grid;gap:8px}
.havale div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:6px 0;border-bottom:1px solid var(--cizgi);flex-wrap:wrap}
.havale dt{color:var(--ikincil);font-size:14px}
.havale dd{margin:0;font-weight:700;word-break:break-all;display:flex;align-items:center;gap:10px}
.kopya{background:var(--kart);color:var(--ana);border:1px solid var(--ana)}
.kopya:hover{background:var(--ana-zemin)}
.odeme-secenek{display:flex;flex-direction:column;gap:12px}

/* Bilgi / yasal sayfalar ve SSS: DUZ sayfa (10 Eki 2026 gece, Suat G2A'nin kosullar sayfasini gonderdi: "kunye vs boyle sabit bir sayfa
   mi yapsak"): ortali baslik, altinda dogrudan metin; kutu, yan menu ve sayfa yolu YOK. G2A'dan fark: metin 1140 px boyunca uzamaz,
   ortalanmis 880 px sutundadir (okunaklilik); en altta diger sayfalara kisa baglanti satiri vardir. */
.duz-sayfa{max-width:880px;margin-inline:auto;padding-top:14px}
.duz-sayfa>h1{margin:0 0 26px;text-align:center;font-size:36px;line-height:44px;font-weight:700;color:#212121;text-wrap:balance;overflow-wrap:anywhere}
.metin h2{margin:28px 0 8px;font-size:18px;line-height:26px;font-weight:700}
.metin h2:first-child{margin-top:0}
.metin p{margin:0 0 12px;white-space:pre-line;font-size:15px;line-height:25px;color:var(--ikincil)}
.duz-sayfa .tarih{margin:26px 0 0;font-size:13px;line-height:20px;color:var(--soluk)}
.duz-diger{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:22px;padding-top:18px;border-top:1px solid #d8d8d8;font-size:14px;line-height:22px}
.duz-diger b{font-weight:700}
.duz-diger a{color:var(--ana);font-weight:700;text-decoration:none}
.duz-diger a:hover{text-decoration:underline}
/* 404 */
.bulunamadi{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:36px 0 24px}
.bulunamadi-no{margin:0;font-family:var(--rakam);font-weight:700;font-size:160px;line-height:.86;letter-spacing:.02em;color:var(--ana);background:linear-gradient(180deg,var(--ana-acik),var(--ana-koyu));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bulunamadi h1{margin:0;font-size:34px;line-height:41px;font-weight:700;color:#212121}
.bulunamadi-yazi{margin:0;max-width:54ch;font-size:16px;line-height:26px;color:var(--ikincil)}
.bulunamadi-dugmeler{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}
.bulunamadi-kat{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.bulunamadi-kat a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid #d4d4d4;border-radius:8px;background:var(--kart);font-size:14px;font-weight:700;text-decoration:none;transition:border-color .25s,color .25s}
.bulunamadi-kat a:hover{border-color:#269dff;color:var(--ana)}
.bulunamadi-kat svg.i{color:var(--soluk)}

/* Alt bilgi: beyaz zemin, buyuk harfli sutun basliklari; dar ekranda sutunlar acilir-kapanir */
footer.site-alt{background:var(--ust);color:#bdbdbd;font-size:14px;line-height:20px;border-top:3px solid var(--sari)}
footer.site-alt .sar{padding-block:44px 24px}
footer.site-alt a{color:#d4d4d4;text-decoration:none;transition:color .25s}
footer.site-alt a:hover{color:#fff;text-decoration:underline}
.alt-govde{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(0,3fr);gap:32px 64px;padding-bottom:32px}
.alt-marka{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
footer.site-alt .logo{font-size:22px;color:#fff}
footer.site-alt .logo.logo-gorsel img{height:40px}
.alt-tanitim{margin:0;max-width:38ch;color:#d4d4d4}
.alt-iletisim{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:10px}
.alt-iletisim li{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:10px;align-items:start}
.alt-iletisim svg.i{width:18px;height:18px;margin-top:1px;color:var(--sari)}
.alt-iletisim b{display:block;font-size:13px;font-weight:700;color:#fff}
.alt-sutunlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
.alt-grup{border:0}
.alt-grup summary{font-family:var(--rakam);font-size:16px;line-height:22px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sari);padding:0 0 12px;cursor:default;pointer-events:none}
.alt-grup summary::after,.alt-grup[open] summary::after{content:none}
.alt-grup ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.alt-son{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;border-top:1px solid #ffffff1f;padding-top:20px}
.telif{margin:0;max-width:74ch;font-size:13px;line-height:20px;color:#bdbdbd}
.telif b{font-weight:700;color:#fff}
.telif span{display:block;font-size:12px;line-height:18px;color:#8f8f8f}
.alt-odeme{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.alt-odeme li{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:6px;background:#fff;color:#171717;font-size:12px;line-height:1;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.alt-odeme svg.i{width:15px;height:15px;color:var(--ana)}
/* Canli destek dugmesi sag altta sabit durur (sag 16 + ~150 px): rozet satiri onun altinda kalmasin diye iceri alinir */
.sohbetli .alt-odeme{margin-right:min(170px,max(0px,calc(771px - 50vw)))}

@media (max-width:900px){
  .ust-bant{font-size:13px;letter-spacing:.05em;gap:6px;padding:6px 12px}
  .ust-bant svg.i{width:14px;height:14px}
  .baslik-ic{flex-wrap:wrap;gap:10px 12px;min-height:0;padding-block:16px}
  .site-baslik{position:relative}
  .menu-ac{display:grid;place-items:center;position:relative}
  .menu-ac[aria-expanded="true"] .menu-i{display:none}
  .menu-ac[aria-expanded="true"] .kapat-i{display:block}
  .menu-ac[aria-expanded="true"]::after{content:"";position:absolute;left:50%;bottom:-12px;width:12px;height:12px;margin-left:-6px;border-radius:2px;background:#171717;transform:rotate(45deg)}
  .mobil-menu{display:block;position:absolute;left:0;right:0;top:64px;z-index:55;min-height:60vh;background:#171717;border-radius:8px;box-shadow:0 10px 10px #00000033;padding:8px 0 calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:scale(.95);transform-origin:50% 0;transition:opacity .25s var(--yumusak-gecis),transform .25s var(--yumusak-gecis)}
  .mobil-menu.acik{opacity:1;transform:none}
  .mobil-menu a{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 16px;font-size:18px;line-height:32px;font-weight:500;color:#fafafa;text-decoration:none}
  .mobil-menu a:active,.mobil-menu a[aria-current="page"]{color:#87d6ff}
  .mobil-menu .firsat{color:var(--sari)}
  .mobil-menu-alt{margin-top:8px;padding-top:8px;border-top:1px solid #ffffff1f}
  .mobil-menu-alt a{min-height:40px;padding-left:48px;font-size:14px;line-height:20px;color:#d4d4d4}
  .logo.logo-gorsel img{height:34px}
  .ara{order:3;flex-basis:100%;max-width:none;height:50px}
  .ara input{padding-left:18px;font-size:16px}
  .ara-kategori{display:none}
  .ara-dugme svg.i{width:23px;height:23px}
  .ara-oneri{top:calc(100% + 8px);border-radius:18px;max-height:calc(100vh - 220px);max-height:calc(100dvh - 220px)}
  .oneri-satir{grid-template-columns:52px minmax(0,1fr) auto;column-gap:10px;padding-right:10px;border-radius:12px}
  .oneri-satir .gorsel{width:52px;border-radius:6px}
  .oneri-not{display:none}
  .oneri-bilgi{white-space:normal}
  .ust-baglanti{width:44px;height:44px;min-height:0;padding:0;justify-content:center;border-radius:50%;background:#262626;color:#fff}
  .ust-baglanti span{display:none}
  .ust-baglanti.hesap{background:none;width:44px}
  .ust-baglanti.hesap>svg.i,.ust-baglanti.hesap .hesap-simge{width:44px;height:44px}
  .ust-baglanti.hesap>svg.i{padding:11px}
  .ust-baglanti .sayi{left:auto;right:-2px;top:-2px}
  nav.kategoriler{display:none}
  .yukari{right:16px;width:33px;height:33px}
}
@media (max-width:1100px){.urun-ucluk{grid-template-columns:280px minmax(0,1fr) 320px}.urun-baslik h1{font-size:28px;line-height:34px}.secenek .fiyat{font-size:23px;line-height:26px}}
@media (max-width:980px){
  .iki-kolon{grid-template-columns:minmax(0,1fr)}
  .ozet,.sepet-yan{position:static}
  .urun-ucluk{grid-template-columns:minmax(0,1fr);padding-bottom:24px}
  .urun-ust .yol{display:block;min-height:0;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}   /* tek satir: urun adi hemen altta zaten yaziyor */
  .urun-baslik{padding-top:0}
  .urun-baslik h1{font-size:19px;line-height:26px}
  .buyuk{aspect-ratio:390/220;padding:16px}
  /* Dik (kutu) gorselli urun: yatay alana kirpilinca kutunun yalniz ortasi gorunuyordu (10 Eki 2026 gece) -> gorsel TAM, koyu cercevede ortali */
  .buyuk:has(img){aspect-ratio:auto;padding:12px;background:#0a0a0a;display:flex;justify-content:center;align-items:center}
  .buyuk:has(img) img{flex:none;width:calc(min(76vw,300px)*340/452);height:min(76vw,300px);border-radius:10px;background:none}
  .buyuk strong{font-size:24px}
  .bilgi-satirlari{gap:12px}
  .bilgi-satirlari li{grid-template-columns:44px minmax(0,1fr);column-gap:12px}
  .bilgi-kutu{width:44px;height:44px;border-radius:10px}
  .bilgi-kutu svg.i{width:22px;height:22px}
  .bilgi-satirlari p{font-size:15px;line-height:22px}
  .urun-sekmeler{display:none}
  .bolum-adi.iri{font-size:22px;line-height:34px}
  .acilir-kart>details>summary{min-height:48px;padding:8px 16px;font-size:18px;line-height:32px}
  .acilir-ic{padding:0 16px 16px;font-size:15px;line-height:24px}
  .urun-sayfasi .yapiskan{display:flex}
  .urun-sayfasi main{padding-bottom:110px}
}
@media (max-width:760px){
  .ozellikler,.alanlar{grid-template-columns:minmax(0,1fr)}
  .adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sayfa-baslik{font-size:24px;line-height:32px}
  .sepet-kalem{grid-template-columns:88px minmax(0,1fr) auto;gap:12px}
  .sepet-kalem .bilgi{grid-column:2/-1;padding-top:0}
  .sepet-kalem .bilgi a{font-size:15px;line-height:22px}
  .sepet-kalem .gorsel{grid-row:1/3}
  .sepet-adet{grid-column:2;padding-top:0}
  .sepet-tutar{grid-column:3;padding-top:6px;font-size:16px}
  footer.site-alt .sar{padding-block:32px 20px}
  .alt-govde{grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:20px}
  .alt-sutunlar{grid-template-columns:minmax(0,1fr);gap:0}
  .alt-grup{border-bottom:1px solid #ffffff1f}
  .alt-grup summary{pointer-events:auto;cursor:pointer;padding:14px 0}
  .alt-grup summary::after{content:"+";color:#bdbdbd;font-family:var(--yazi);font-size:20px;line-height:1;letter-spacing:0}
  .alt-grup[open] summary::after{content:"−";color:#bdbdbd;font-family:var(--yazi);font-size:20px;line-height:1;letter-spacing:0}
  .alt-grup ul{padding-bottom:14px}
  .alt-son{flex-direction:column;align-items:flex-start;border-top:0;padding-top:0}
  .sohbetli .alt-odeme{margin-right:0;padding-right:68px}
  .krem{padding:18px 14px 6px;border-radius:16px}
  .duz-sayfa{padding-top:0}
  .duz-sayfa>h1{margin-bottom:18px;text-align:left;font-size:26px;line-height:32px}
  .bulunamadi{padding-top:16px}
  .bulunamadi-no{font-size:112px}
  .bulunamadi h1{font-size:24px;line-height:31px}
  .asamalar{gap:6px;font-size:13px}
  .asamalar li+li::before{width:18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------------- Canli destek balonu (sohbet.py; Proje Sende'den uyarlandi, 10 Eki 2026). Turuncu satin alma eylemlerine ayrili
   oldugu icin balon KOYU. Mesaj baloncuklari ve yazma alani yonetim panelindeki Canli Destek ekraninda da kullanilir. */
.bal-kupu{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nojs .sohbet{display:none}
.sohbet{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.sohbet-dugme{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px 0 16px;border:0;border-radius:999px;background:var(--koyu);color:#fff;font-size:15px;font-weight:800;position:relative;box-shadow:0 0 0 1px #ffffff33,0 10px 26px #00000047;transition:transform .15s ease}
.sohbet-dugme:hover{transform:translateY(-2px)}
.sohbet-dugme svg.i{width:24px;height:24px;stroke-width:1.8}
.sohbet.acik .sohbet-dugme-yazi{display:none}
.sohbet.acik .sohbet-dugme{padding:0 14px}
.sohbet-rozet{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--kirmizi);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;border:2px solid var(--kart)}
/* Pencere 301x480 (11 Eki 2026, Suat: "biraz yüksekliği arttırılabilir, 5 px de genişliği; yazılar kırık ve kayboluyor": yazilar 13 -> 14 px,
   saat ve durum 11 -> 12 px; 10 Eki'de 296x432, ilk hali 370x540) */
.sohbet-pencere{order:-1;width:min(301px,calc(100vw - 32px));height:min(480px,calc(100dvh - 120px));display:flex;flex-direction:column;background:var(--kart);color:var(--murekkep);border:1px solid var(--cizgi);border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -24px #00000073,0 8px 20px #0000001f}
.sohbet-bas{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 10px 14px;background:var(--koyu);color:#fff}
.sohbet-bas strong{display:block;font-size:15px;font-weight:800}
.sohbet-durum{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.35;margin-top:2px}
.sohbet-durum i{width:8px;height:8px;border-radius:50%;background:var(--sari);flex:none}
.sohbet.cevrimici .sohbet-durum i{background:#5ee3b4;box-shadow:0 0 0 3px #5ee3b440}
.sohbet-kapat{flex:none;width:30px;height:30px;border:0;border-radius:8px;background:#ffffff1f;color:#fff;font-size:19px;line-height:1}
.sohbet-kapat:hover{background:#ffffff38}
.sohbet-akis{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:7px;background:var(--yumusak);overscroll-behavior:contain}
.sohbet-karsilama{margin:0 0 4px;align-self:flex-start;max-width:88%;padding:8px 11px;border-radius:14px 14px 14px 4px;background:var(--kart);border:1px solid var(--cizgi);font-size:14px;line-height:1.45}
.sohbet-mesaj{max-width:86%;display:flex;flex-direction:column;gap:2px;padding:8px 11px 6px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.sohbet-mesaj time{font-size:12px;line-height:1.2;opacity:.75;align-self:flex-end}
.sohbet-mesaj.benden{align-self:flex-end;background:var(--koyu);color:#fff;border-radius:16px 16px 4px 16px}
.sohbet-mesaj.ekipten{align-self:flex-start;background:var(--kart);border:1px solid var(--cizgi);border-radius:16px 16px 16px 4px}
.sohbet-form{border-top:1px solid var(--cizgi);padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px;background:var(--kart);margin:0}
.sohbet-kimlik{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.sohbet-kimlik input[type=text]{min-width:0;min-height:34px;padding:6px 10px;border:1px solid var(--cizgi);border-radius:10px;background:var(--kart);font-size:14px}
.sohbet-kvkk{grid-column:1/-1;display:flex;gap:7px;align-items:flex-start;font-size:12px;line-height:1.35;color:var(--ikincil)}
.sohbet-kvkk input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--koyu)}
.sohbet-yaz{display:flex;gap:8px;align-items:flex-end}
.sohbet-yaz textarea{flex:1;min-width:0;min-height:38px;max-height:96px;resize:none;padding:8px 10px;border:1px solid var(--cizgi);border-radius:12px;background:var(--kart);font-size:14px;line-height:1.4}
.sohbet-form :is(input[type=text],textarea):focus{outline:none;border-color:var(--koyu);box-shadow:0 0 0 3px var(--cizgi)}
.sohbet-gonder{width:38px;height:38px;flex:none;border:0;border-radius:12px;background:var(--koyu);color:#fff;display:grid;place-items:center}
.sohbet-gonder svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.sohbet-hata{margin:0;font-size:12.5px;font-weight:700;color:var(--kirmizi)}
/* Urun sayfasinda dar ekranda alttaki yapiskan satin alma seridinin ustunde dur */
@media (max-width:980px){.urun-sayfasi .sohbet{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
@media (max-width:480px){
  .sohbet{right:12px}
  .sohbet-dugme-yazi{display:none}
  .sohbet-dugme{padding:0 15px}
  .sohbet.acik .sohbet-dugme{display:none}
  .sohbet-pencere{width:calc(100vw - 24px);height:calc(100dvh - 40px)}
  .sohbet-kimlik{grid-template-columns:1fr}
  .urun-sayfasi .sohbet.acik{bottom:max(16px,env(safe-area-inset-bottom))}
}
@media print{.sohbet{display:none}}
/* iOS Safari 16 px altindaki alana dokununca sayfayi buyutur ve geri kucultmez: dokunmatik ekranda sohbet alanlari 16 px (yalniz sohbet) */
@media (pointer:coarse){.sohbet-form input[type=text],.sohbet-form textarea{font-size:16px!important}}
@media (max-width:560px){.uye-kart{padding:24px 18px;margin-top:0}}
/* Yonetim seridi: yalniz panel oturumu acik personele cizilir (baglam._panel); ziyaretci sayfasinda yer kaplamaz */
.panel-serit{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:6px 16px;background:#1f2937;color:#e5e7eb;font-size:13px;line-height:20px}
.panel-serit svg.i{width:15px;height:15px;color:var(--sari)}
.panel-serit b{color:#fff}
.panel-serit a{color:#93c5fd;font-weight:700;text-decoration:none}
.panel-serit a:hover{text-decoration:underline}
.panel-serit a.vurgu{background:var(--sari);color:#0a0a0a;border-radius:6px;padding:1px 10px}
.panel-serit span{margin-left:auto;color:#9ca3af;font-size:12px}

/* ---------------- Ana sayfa ek bloklari (11 Eki 2026; views._ek_bloklar): kategori raflari sekme panelindeki izgarayi kullanir (.urun-izgara).
   Butce blogu (Suat: "sayfada biraz kaybolmuş"): gri zeminde beyaz kutular yerine MAVI gecisli afis; solda baslik, sagda dort beyaz kutu.
   Markalar (Suat: "bir tık güzelleştir, dikkat çeksin"): hap cipler yerine renkli bas harf rozetli kutular (logo kullanilmaz: marka
   gorselleri bize ait degil). Uzerine gelince kategori kutulari gibi yukselir. */
.butce{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(200px,270px) minmax(0,1fr);gap:6px 32px;align-items:center;padding:28px 32px;border-radius:var(--kose);background:linear-gradient(120deg,#0654c4,#0868f3 55%,#2f82fb);color:#fff}
.butce::before{content:"";position:absolute;left:-70px;bottom:-150px;width:300px;height:300px;border-radius:50%;background:#ffffff14;pointer-events:none}
.butce::after{content:"";position:absolute;right:-50px;top:-130px;width:260px;height:260px;border-radius:50%;background:#ffffff12;pointer-events:none}
.butce .bolum-bas{margin:0;align-self:end;position:relative}
.butce .bolum-adi{color:#fff;font-size:28px;line-height:34px}
.butce .bolum-aciklama{margin:0;align-self:start;color:#ffffffe0;font-weight:500;line-height:20px;position:relative}
.butce-kutular{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1}
.butce-kutu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:108px;padding:14px 8px;border-radius:14px;background:#fff;text-decoration:none;text-align:center;color:var(--murekkep);box-shadow:0 6px 18px #00194a33;transition:transform .4s var(--yumusak-gecis),box-shadow .4s var(--yumusak-gecis)}
.butce-kutu:hover{transform:translateY(-4px);box-shadow:0 14px 26px #00194a4d}
.butce-kutu b{font-family:var(--rakam);font-size:26px;line-height:28px;font-weight:700;letter-spacing:.01em}
.butce-kutu span{padding:3px 12px;border-radius:999px;background:var(--ana-zemin);color:var(--ana-koyu);font-size:13px;line-height:18px;font-weight:700}
.marka-kutular{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.marka-kutu{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 8px 16px;border-radius:14px;background:var(--kart);text-decoration:none;text-align:center;color:var(--murekkep);transition:transform .4s var(--yumusak-gecis),box-shadow .4s var(--yumusak-gecis)}
.marka-kutu:hover{transform:translateY(-4px);box-shadow:0 10px 22px #0000001a}
.marka-harf{display:grid;place-items:center;width:52px;height:52px;margin-bottom:10px;border-radius:16px;color:#fff;font-family:var(--rakam);font-size:28px;line-height:1;font-weight:700;box-shadow:inset 0 1px 0 #ffffff59}
.marka-kutu b{font-size:15px;line-height:20px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.marka-kutu small{font-size:13px;line-height:18px;color:var(--ikincil)}
@media (max-width:1100px){
  .butce{grid-template-columns:minmax(0,1fr);padding:24px}
  .butce-kutular{grid-column:1;grid-row:auto;margin-top:14px}
  .marka-kutular{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:760px){
  .butce{padding:20px 16px}
  .butce .bolum-adi{font-size:22px;line-height:28px}
  .butce-kutular{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .butce-kutu{min-height:86px;padding:10px 6px;gap:6px}
  .butce-kutu b{font-size:22px;line-height:24px}
  .marka-kutular{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .marka-kutu{padding:14px 6px 12px}
  .marka-kutu:nth-child(n+7){display:none}   /* dar ekranda ilk 6 marka (iki sira); tamami Tümünü Gör'de */
  .marka-harf{width:44px;height:44px;border-radius:14px;font-size:24px;margin-bottom:8px}
  .marka-kutu b{font-size:14px}
}
/* ---------------- Liste sayfasi sol suzgec sutunu (11 Eki 2026, Suat: "biraz tatlı yap, siteye uygun olsun"): duz metin sutunu yerine sitenin
   beyaz kart dili; satirlar uzerine gelince zeminlenir, secili kategori mavi zeminli, sayilar hap icinde. YALNIZ masaustu (dar ekranda
   suzgec tam ekran paneldir, kendi duzeni var). Kutuya "position" / "overflow" verilmez: siralama kutusu bu sutunun icinden yukari konumlanir. */
@media (min-width:901px){
  .filtre{background:var(--kart);border-radius:var(--kose);padding:6px 16px 16px}
  .f-grup{border-bottom-color:var(--cizgi);padding-bottom:12px}
  .f-grup:last-of-type{border-bottom:0;padding-bottom:0}
  .f-baslik{font-size:15px;line-height:22px;padding:14px 0 8px}
  .filtre-bas+.f-grup .f-baslik{padding-top:14px}
  .f-kat,.filtre .sec{min-height:34px;margin-inline:-10px;padding-inline:10px;border-radius:8px;font-size:14px;line-height:20px;transition:background-color .2s,color .2s}
  .f-kat:hover,.filtre .sec:hover{background:var(--yumusak);text-decoration:none}
  .f-kat span,.filtre .sec span{min-width:30px;padding:1px 8px;border-radius:999px;background:var(--yumusak);color:var(--ikincil);font-size:12px;line-height:18px;font-weight:700;text-align:center;transition:background-color .2s,color .2s}
  .f-kat:hover span,.filtre .sec:hover span{background:var(--kart)}
  .f-kat[aria-current="page"]{background:var(--ana-zemin);color:var(--ana-koyu)}
  .f-kat[aria-current="page"] span{background:var(--ana);color:#fff}
  .fiyat-aralik input{border-color:var(--cizgi);border-radius:10px;background:var(--zemin)}
  .fiyat-aralik input:focus{background:var(--kart)}
  .f-daha{justify-content:flex-start;min-height:34px;font-size:13px;font-weight:700;color:var(--ana)}
}
/* ---------------- Ana sayfa tanitim metni (Site Ayarlari > SEO) + kategori sayfasi tanitim / soru bolumu (11 Eki 2026, SEO) */
.tanitim{background:var(--kart);border-radius:var(--kose);padding:26px 32px 22px}
.tanitim h1{margin:0 0 12px}
.tanitim-ilk{max-width:96ch;font-size:15px;line-height:24px;color:var(--ikincil)}
.tanitim-ilk h2{margin:0 0 6px;font-size:17px;line-height:24px;font-weight:700;color:var(--murekkep)}
.tanitim-ilk p{margin:0 0 10px}
.tanitim-devam>summary{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:8px 0;list-style:none;cursor:pointer;color:var(--ana);font-size:14px;font-weight:700}
.tanitim-devam>summary::-webkit-details-marker{display:none}
.tanitim-devam>summary::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform .25s var(--yumusak-gecis)}
.tanitim-devam[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.tanitim-devam>summary:hover{color:var(--ana-koyu)}
.tanitim-devam .kapa,.tanitim-devam[open] .ac{display:none}
.tanitim-devam[open] .kapa{display:inline}
.tanitim-devam .tanitim-metin{margin-top:10px;padding-top:16px;border-top:1px solid var(--cizgi)}
.tanitim-metin{columns:2;column-gap:40px;font-size:15px;line-height:24px;color:var(--ikincil)}
.tanitim-bolum{break-inside:avoid;padding-bottom:4px}
.tanitim-metin p{margin:0 0 12px}
.tanitim-metin h2{margin:0 0 6px;font-size:17px;line-height:24px;font-weight:700;color:var(--murekkep)}
.liste-aciklama h3{margin:14px 0 6px;font-size:16px;line-height:22px}
.liste-aciklama p+p{margin-top:10px}
.liste-sss{margin-top:32px}
@media (max-width:760px){.tanitim{padding:20px 16px}.tanitim-metin{columns:1;font-size:14px;line-height:22px}}