/* REYSAMOBILYA TEMASI (Whayns, gizli; 1 Ekim 2026): reysa-site app/static/stil.css AYNEN (kendi kodumuz, Shopify/Dawn
   kodu degil). Degisen yalniz yazi tipi adresleri (/statik/yazi/ -> /tema/reysamobilya/yazi/) ve dosyanin sonundaki
   "PLATFORM UYARLAMALARI" bolumu. Kaynak degisirse once reysa-site'ta, sonra buraya ayni yontemle kopyalanir. */
/* REYSA MOBILYA SITE STILI (29 Eylul 2026).
   KENDI KODUMUZ. Shopify / Dawn temasindan kopyalanmis satir YOKTUR (Dawn lisansi yalniz Shopify'da kullanima izin
   veriyor; bkz. hafiza shopify-tema-lisansi). Gorunum canli reysamobilya.com'dan TARAYICIDA OLCULEN degerlerle yazildi
   (scripts/stil_dok.js, olcum/). Magazanin kendi ozel bolumleri (kayan serit, Cok Satanlar kaydiragi, kategori vitrini,
   altbilgi, guven kutulari, WhatsApp dugmesi) magazanin kendi kodudur; degerleri aynen korunur.
   Olcek: html 62.5% (1rem = 10px). Kirilmalar: telefon < 750, tablet 750-989, masaustu >= 990. */

/* ───────────── yazi tipi (Inter, OFL, yerel) ─────────────
   Canli Inter'i Google'dan YALNIZ 400/500/600/700 agirliklarla yukler (her agirlik ayni degisken dosya, tek agirlik
   tanimi). Bu yuzden 800-900 isteyen yazilar canlida 700 cizilir (Havale/Gel-Al kutulari 900 ister); aralik 400-900
   tanimlaninca bizde gercek siyah (900) cikiyordu. Ayni dort tanim, ayni dosya. */
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/tema/reysamobilya/yazi/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
                 U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/tema/reysamobilya/yazi/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/tema/reysamobilya/yazi/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
                 U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/tema/reysamobilya/yazi/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/tema/reysamobilya/yazi/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
                 U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/tema/reysamobilya/yazi/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/tema/reysamobilya/yazi/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
                 U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/tema/reysamobilya/yazi/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Libre Baskerville (OFL, yerel): canli temanin govde/baslik yazi tipi; sitede yalniz blog kart tarihinde gorunur */
@font-face {
  font-family: 'Libre Baskerville'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/tema/reysamobilya/yazi/libre-baskerville-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
                 U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Baskerville'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/tema/reysamobilya/yazi/libre-baskerville-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
                 U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ───────────── degerler ───────────── */
:root {
  --yazi: 'Inter', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --koyu: #121212;                 /* basliklar */
  --metin: rgba(18, 18, 18, .75);  /* govde metni */
  --soluk: rgba(18, 18, 18, .55);
  --cizgi: rgba(18, 18, 18, .08);
  --cizgi-2: rgba(18, 18, 18, .12);
  --cizgi-3: rgba(18, 18, 18, .2);
  --zemin-2: #f3f3f3;              /* kart gorsel zemini */
  --turuncu: #ff4500;
  --yesil: #2e7d32;
  --kirmizi: #e53935;
  --altin: #e0a12a;
  --genislik: 140rem;
  --kenar: 1.5rem;
  --ust-yukseklik: 0px;            /* site.js yapiskan basligin yuksekligini yazar */
}
@media screen and (min-width: 750px) { :root { --kenar: 5rem; } }

/* ───────────── temel ───────────── */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; height: 100%; }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  font-family: var(--yazi); font-size: 1.5rem; line-height: 1.8; letter-spacing: .06rem; font-weight: 400;
  color: var(--metin); background: #fff; -webkit-font-smoothing: antialiased;
  /* canli Dawn: govdede kelime kirma yok (overflow-wrap normal); yalniz basliklarda word-break: break-word.
     30 Eylul: genel 'anywhere' dar kutularda (takim blogu, sepet fiyati) kelimeleri harf harf kiriyordu. */
}
@media screen and (min-width: 750px) { body { font-size: 1.6rem; } }
body.kilitli { overflow: hidden; }
/* MAGAZANIN KENDI KURALI (theme.liquid stil blogu, "Hepsiburada tarzi"): bu ogelerde Inter ZORLA. Aciklamalardaki satir
   ici yazi tipleri (Times New Roman, Montserrat) p / li / td gibi ogelerde gecersiz, div / span'da gecerli; canlida da
   boyle (30 Eylul olcumu: Times'li paragraf canlida Inter, icindeki Times'li span Times). */
html, body, h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, select, label, li, td, th {
  font-family: 'Inter', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
main { flex: 1 0 auto; display: block; }
/* Canli (30 Eylul olcumu): icerik basligin alt kenarindan 36 px (750+ 48 px) asagida baslar, turuncu serit bu boslugun
   ustune biner (serit 749 ve alti 43.4 px, 750+ 47 px). Bizde serit yapiskan blogun icinde; icerigi ayni yere koymak
   icin: 749 ve alti 36 - 43.39 = -7.39 px (canlida seridin icerigin ust 7.4 px'ini ortmesi dahil), 750+ 48 - 47 = 1 px. */
main { margin-top: -.739rem; }
@media screen and (min-width: 750px) { main { margin-top: .1rem; } }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--yazi); font-weight: 400; letter-spacing: .06rem; color: var(--koyu); line-height: 1.3;
  margin: 0; word-break: break-word;
}
h1 { font-size: 3rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.7rem; }
@media screen and (min-width: 750px) {
  h1 { font-size: 4rem; }
  h2 { font-size: 2.4rem; }
  h3 { font-size: 1.8rem; }
}
p { margin: 0 0 1.5rem; }
a { color: var(--koyu); text-underline-offset: .3rem; text-decoration-thickness: .1rem; }
img, picture, svg, video { max-width: 100%; }
img { display: block; height: auto; }
button { font-family: inherit; }
/* canli (Dawn): harf araligi .04rem yalniz alanlarda; sade dugmeler tarayici varsayilaninda (normal) kalir (30 Eylul olcumu:
   guven rozetleri, yapiskan cubuk, altbilgi akordeonu) */
input, select, textarea { font-family: var(--yazi); letter-spacing: .04rem; }
button { font-family: var(--yazi); }
s { color: inherit; }
ul[role="list"], .liste-sifir { list-style: none; margin: 0; padding: 0; }
.gizli-metin {
  position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  clip: rect(0 0 0 0); word-wrap: normal !important;
}
.icerige-gec:focus { position: fixed !important; z-index: 1000; top: 1rem; left: 1rem; width: auto; height: auto;
  clip: auto; background: #fff; padding: 1rem 2rem; }
.kap { max-width: var(--genislik); margin: 0 auto; padding: 0 var(--kenar); }
.kap--dar { max-width: 72.6rem; }
.kap--orta { max-width: 80rem; }
[hidden] { display: none !important; }

/* dugmeler: magazada iki tur - ici dolu (koyu) ve cizgili (beyaz zemin, koyu cerceve) */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: .8rem; min-height: 4.7rem; min-width: 12rem;
  padding: 0 3rem; border: .1rem solid var(--koyu); border-radius: 0; cursor: pointer; text-decoration: none;
  font-size: 1.5rem; line-height: 1.2; letter-spacing: .1rem; font-weight: 400;
  background: var(--koyu); color: #fff; transition: box-shadow .1s ease;
}
.dugme:hover { box-shadow: 0 0 0 .1rem var(--koyu); }
.dugme--cizgili { background: #fff; color: var(--koyu); }
.dugme--tam { width: 100%; }
.dugme[disabled], .dugme[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.baglanti { color: var(--koyu); text-decoration: underline; background: none; border: 0; padding: 0; cursor: pointer;
  font-size: inherit; }

/* form alani (bulten, arama, iletisim) */
.alan-kutu { position: relative; display: flex; }
/* canli alanlar: 45 px kutu + 1 px dis cizgi (%55 koyu), yazi 2rem iceriden (olcum 29 Eylul 2026) */
.alan-kutu input {
  flex: 1; min-height: 4.7rem; padding: 1.2rem 5rem 1.2rem 2rem; font-size: 1.6rem; line-height: 1.5; color: var(--koyu);
  border: .1rem solid rgba(18, 18, 18, .55); border-radius: 0; background: #fff; letter-spacing: .1rem;
}
.alan-kutu input::placeholder { color: rgba(18, 18, 18, .75); opacity: 1; }
.alan-kutu input:focus { outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .1rem; }
.alan-kutu button {
  position: absolute; right: 0; top: 0; bottom: 0; width: 4.4rem; border: 0; background: transparent;
  display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--koyu);
}
.alan-kutu button svg { width: 1.4rem; height: 1.4rem; }

/* ───────────── BASLIK (header) ───────────── */
.ust-sarmal { position: sticky; top: 0; z-index: 40; background: #fff; }
.ust-sarmal.kaydi .ust-alt { box-shadow: 0 .4rem .6rem -.4rem rgba(0, 0, 0, .12); }
.ust-alt { background: #fff; border-bottom: .1rem solid var(--cizgi); }
/* canli olcu (Dawn .header, 29 Eylul 2026): telefonda ic bosluk 6px 30px 0, 750+ 6px 32px 0, 990+ 12px 50px 0; sutunlar
   1fr 2fr 1fr (bosluksuz), menu dugmesi -1.2rem sola, ikon grubu sagdan .8rem, sepet -1.2rem saga; logo 150 px */
.ust {
  max-width: var(--genislik); margin: 0 auto; display: grid; align-items: center; column-gap: 0; position: relative;
  grid-template-columns: 1fr 2fr 1fr; grid-template-areas: "sol logo simgeler";
  padding: .6rem 3rem 0;
}
@media screen and (min-width: 750px) { .ust { padding: .6rem 3.2rem 0; } }
.ust__logo { grid-area: logo; justify-self: center; display: block; line-height: 0; padding: .75rem; max-width: 100%; }
.ust__logo img { width: 15rem; max-width: 100%; height: auto; }
.ust__menu-dugme { grid-area: sol; justify-self: start; margin-left: -1.2rem; }
.ust__menu { display: none; }
.ust__simgeler { grid-area: simgeler; justify-self: end; display: flex; align-items: center; padding-right: .8rem; }
.ust__simgeler .simge-dugme--sepet { margin-right: -1.2rem; }
.simge-dugme {
  width: 4.4rem; height: 4.4rem; display: inline-flex; align-items: center; justify-content: center; position: relative;
  color: var(--koyu); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: none;
}
.simge-dugme svg { width: 2rem; height: 2rem; }
/* sepet simgesi 44 px kutuda cizili (canli: bos iken U sapli fincan, doluyken halka sapli) */
.simge-dugme--sepet svg { width: 4.4rem; height: 4.4rem; }
.simge-dugme--sepet .sepet-simge--dolu, .simge-dugme--sepet.dolu .sepet-simge--bos { display: none; }
.simge-dugme--sepet.dolu .sepet-simge--dolu { display: block; }
/* canli .cart-count-bubble: 17x17 daire, simgenin solundan 22 px, altindan 8 px */
.sepet-sayi {
  position: absolute; bottom: .8rem; left: 2.2rem; width: 1.7rem; height: 1.7rem; border-radius: 100%;
  background: var(--koyu); color: #fff; font-size: .9rem; line-height: 1.1; display: flex; align-items: center;
  justify-content: center;
}
.sepet-sayi[hidden] { display: none; }
.ust__hesap { display: none; }
@media screen and (min-width: 750px) { .ust__hesap { display: inline-flex; } }
@media screen and (min-width: 990px) {
  .ust {
    grid-template-columns: auto 1fr auto; grid-template-areas: "logo menu simgeler"; column-gap: 2rem;
    padding: 1.2rem 5rem 0;
  }
  .ust__logo { justify-self: start; margin-left: -.75rem; }
  .ust__logo img { width: 15rem; }
  .ust__menu-dugme { display: none; }
  .ust__menu { display: block; grid-area: menu; justify-self: start; }
}
.ust__menu ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.ust__menu a {
  display: flex; align-items: center; padding: 1.2rem; font-size: 1.4rem; line-height: 1.3; letter-spacing: .06rem;
  color: var(--metin); text-decoration: none;
}
.ust__menu a:hover span, .ust__menu a[aria-current] span { text-decoration: underline; text-underline-offset: .3rem; }
.ust__menu a:hover, .ust__menu a[aria-current] { color: var(--koyu); }

/* TELEFON / TABLET MENU CEKMECESI (canli Dawn menu-drawer olculeri, 29 Eylul 2026): basligin alt kenarindan (top %100)
   soldan kayar, 0.2 sn ease; 749 ve alti tam genislik, 750-989 40rem + sag 1px cizgi; boyu ekranin kalani (JS --menu-boy);
   sayfaya %50 karartma basligin altindan baslar, kapanista aninda kalkar; hamburger X'e doner. X acikken normal boy,
   yalniz ustune gelince 1.07 (canli 30 Eylul olcumu: fare uzaktayken 20 px, ustundeyken 21.4 px). */
.ust__menu-simge { position: relative; display: block; width: 2rem; height: 2rem; }
.ust__menu-simge svg { position: absolute; inset: 0; width: 2rem; height: 2rem; opacity: 1; transform: scale(1);
  transition: transform .15s ease, opacity .15s ease; }
.ust__menu-simge svg:last-child,
.ust__menu-dugme[aria-expanded="true"] .ust__menu-simge svg:first-child { visibility: hidden; opacity: 0; transform: scale(.8); }
.ust__menu-dugme[aria-expanded="true"] .ust__menu-simge svg:last-child { visibility: visible; opacity: 1; transform: scale(1); }
.ust__menu-dugme[aria-expanded="true"]:hover .ust__menu-simge svg:last-child { transform: scale(1.07); }
.menu-perde { position: absolute; top: 100%; left: 0; z-index: 2; width: 100%; height: var(--menu-boy, calc(100vh - 100%));
  background: rgba(18, 18, 18, .5); opacity: 0; visibility: hidden; cursor: default; }
.menu-perde.acik { opacity: 1; visibility: visible; transition: opacity .2s ease, visibility .2s ease; }
.menu-cekmece { position: absolute; top: 100%; left: 0; z-index: 3; width: 100vw; height: var(--menu-boy, calc(100vh - 100%));
  background: #fff; transform: translateX(-100%); visibility: hidden; overflow-x: hidden;
  transition: transform .2s ease, visibility .2s ease; }
.menu-cekmece.acik { transform: none; visibility: visible; }
@media screen and (min-width: 750px) { .menu-cekmece { width: 40rem; border-right: .1rem solid rgba(18, 18, 18, .1); } }
@media screen and (min-width: 990px) { .menu-cekmece, .menu-perde { display: none; } }
.menu-cekmece__ic { position: relative; height: 100%; display: grid; grid-template-rows: 1fr auto; align-content: space-between;
  overflow-y: auto; }
.menu-cekmece__nav { padding: 3rem 0; }
ul.menu-cekmece__liste { list-style: none; margin: 0; padding: 0; }
.menu-cekmece__liste li { margin-bottom: .2rem; }
.menu-cekmece__oge { display: flex; align-items: center; padding: 1.1rem 3rem; font-size: 1.8rem; line-height: 1.3;
  color: var(--koyu); text-decoration: none; }
.menu-cekmece__oge:hover, .menu-cekmece__oge:focus-visible, .menu-cekmece__oge--aktif { background: rgba(18, 18, 18, .04); }
.menu-cekmece__oge--aktif:hover { background: rgba(18, 18, 18, .08); }
.menu-cekmece__alt { position: relative; background: rgba(18, 18, 18, .03); }
.menu-cekmece__hesap { display: none; }
@media screen and (max-width: 749px) {
  .menu-cekmece__alt { padding: 2rem 3rem; }
  .menu-cekmece__hesap { display: inline-flex; align-items: center; padding: 1rem 0; font-size: 1.4rem; line-height: 1.3;
    color: var(--koyu); text-decoration: none; }
  .menu-cekmece__hesap svg { width: 2rem; height: 2rem; margin-right: 1rem; }
}
@media screen and (max-width: 989px) { body.kilitli-tablet { overflow: hidden; } }

/* arama katmani: kurallar dosyanin sonunda ("ARAMA KATMANI") */

/* SEPETE EKLENDI BILDIRIMI (canli Dawn cart-notification olculeri, 29 Eylul 2026): basligin alt kenarindan asagi kayar
   (translateY -%100 -> 0, 0.2 sn), baslik satirinin ARKASINDAN cikar; kendiliginden kapanmaz, X / "Alisverise devam et" /
   disari tiklama ile kapanir. 749 ve alti tam genislik (yalniz alt cizgi); 750+ 368 px, sayfa genisliginin sagindan
   40 px iceride, sag-alt-sol 1px cizgi; golge 0 4px 5px %5. */
.ust-alt { position: relative; z-index: 2; }
.sepet-bildirim-sarmal { position: relative; z-index: 1; max-width: var(--genislik); margin: 0 auto; }
.sepet-bildirim { position: absolute; top: 0; right: 0; width: 100%; padding: 2.5rem 3.5rem; background: #fff;
  border: 0 solid rgba(18, 18, 18, .1); border-bottom-width: .1rem; box-shadow: 0 .4rem .5rem rgba(18, 18, 18, .05);
  transform: translateY(-100%); visibility: hidden; transition: transform .2s ease, visibility 0s .2s; }
.sepet-bildirim.acik { transform: none; visibility: visible; transition: transform .2s ease, visibility 0s; }
.sepet-bildirim:focus { outline: 0; }
@media screen and (min-width: 750px) { .sepet-bildirim { max-width: 36.8rem; right: 4rem; border-width: 0 .1rem .1rem; } }
.sepet-bildirim__ust { display: flex; align-items: flex-start; }
.sepet-bildirim__baslik { display: flex; align-items: center; flex-grow: 1; margin: 0; font-size: 1.3rem; line-height: 1.5;
  letter-spacing: .04rem; font-weight: 400; color: var(--koyu); }
.sepet-bildirim__baslik svg { width: 1.3rem; height: 1.3rem; margin-right: 1rem; flex-shrink: 0; }
.sepet-bildirim__kapat { display: flex; align-items: center; justify-content: center; width: 4.4rem; height: 4.4rem;
  margin: -2rem -3rem 0 0; padding: 0; border: 0; background: none; color: var(--koyu); cursor: pointer; flex-shrink: 0; }
.sepet-bildirim__kapat svg { width: 1.7rem; height: 1.7rem; }
.sepet-bildirim__kapat:hover { color: rgba(18, 18, 18, .75); }
.sepet-bildirim__kapat:hover svg { transform: scale(1.07); }
.sepet-bildirim__urun { display: flex; align-items: flex-start; padding: 2rem 0 3rem; }
.sepet-bildirim__gorsel { display: inline-flex; flex-shrink: 0; margin: .5rem 1.5rem 0 0; overflow: hidden;
  border: .1rem solid rgba(18, 18, 18, .05); }
.sepet-bildirim__gorsel img { display: block; width: 7rem; height: auto; }
.sepet-bildirim__ad { margin: 0 0 .5rem; font-size: 1.5rem; line-height: 1.3; letter-spacing: .06rem; font-weight: 400;
  color: var(--koyu); }
.sepet-bildirim__urun dl { margin: 0; }
.sepet-bildirim__secenek { font-size: 1.4rem; line-height: 1.5; word-break: break-word; }
.sepet-bildirim__secenek + .sepet-bildirim__secenek { margin-top: .5rem; }
.sepet-bildirim__secenek * { display: inline; margin: 0; }
.sepet-bildirim__baglantilar { text-align: center; }
.sepet-bildirim__baglantilar > * { margin-top: 1rem; }
.sepet-bildirim__baglantilar form { margin-bottom: 0; }
.sepet-bildirim__devam { display: inline-block; padding: .1rem .6rem; font-size: 1.5rem; line-height: 1.2; letter-spacing: .1rem;
  color: var(--koyu); text-underline-offset: .3rem; }
/* sepete ekle beklerken (canli: dugme yari saydam, yazi yerine donen halka) */
.dugme.yukleniyor { position: relative; }
.dugme.yukleniyor > span { visibility: hidden; }
.dugme.yukleniyor::after { content: ""; position: absolute; top: 50%; left: 50%; width: 1.8rem; height: 1.8rem;
  margin: -.9rem 0 0 -.9rem; border: .2rem solid currentColor; border-right-color: transparent; border-radius: 50%;
  animation: donen-halka .8s linear infinite; }
@keyframes donen-halka { to { transform: rotate(360deg); } }

/* ───────────── KAYAN SERIT (magazanin kendi bolumu) ───────────── */
.ns-scrolling-banner {
  width: 100%; overflow: hidden; background-color: var(--turuncu); color: #000; padding: 10px 0;
  display: flex; align-items: center;
}
.ns-scrolling-content { display: flex; width: max-content; animation: kayan-yazi 20s linear infinite; }
.ns-scrolling-item {
  font-size: 15px; font-weight: 600; letter-spacing: .5px; padding: 0 40px; display: flex; align-items: center; gap: 8px;
  white-space: nowrap; line-height: 1.8; color: #fff;
}
@keyframes kayan-yazi { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media screen and (max-width: 749px) { .ns-scrolling-item { font-size: 13px; padding: 0 25px; } }
@media (prefers-reduced-motion: reduce) { .ns-scrolling-content { animation-duration: 60s; } }

/* ───────────── ANA SAYFA ───────────── */
.afis { display: block; line-height: 0; }
.afis img { width: 100%; height: auto; }

/* Cok Satanlar kaydiragi (magazanin kendi bolumu) */
.ns-collection-section { padding: 50px 0; position: relative; z-index: 1; background: #fff; }
/* baslik h2: ust boslugu tarayici varsayilani (.83em), satir 1.3 (canlida tema basliklari boyle) */
.ns-collection-title { font-size: 1.5rem; font-weight: 600; margin: .83em 0 30px; line-height: 1.3; color: #333; text-align: left; }
.ns-price-regular { font-size: 1.65rem; font-weight: 600; color: #333; }
.ns-slider-wrapper { position: relative; width: 100%; }
.ns-slider-arrow {
  position: absolute; top: 40%; transform: translateY(-50%); width: 44px; height: 44px; background: #fff;
  border: 1px solid #e0e0e0; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  cursor: pointer; z-index: 10; box-shadow: 0 4px 10px rgba(0, 0, 0, .08); color: #333; transition: all .3s ease;
}
.ns-slider-arrow:hover { background: #f9f9f9; box-shadow: 0 6px 15px rgba(0, 0, 0, .15);
  transform: translateY(-50%) scale(1.05); }
.ns-arrow-left { left: -22px; }
.ns-arrow-right { right: -22px; }
.ns-collection-slider {
  display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 20px;
  -ms-overflow-style: none; scrollbar-width: none; cursor: grab; scroll-behavior: smooth;
}
.ns-collection-slider.active { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }
.ns-collection-slider::-webkit-scrollbar { display: none; }
.ns-product-card {
  flex: 0 0 calc(25% - 15px); min-width: 250px; scroll-snap-align: start; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; user-select: none;
}
.ns-product-image-wrapper {
  position: relative; width: 100%; aspect-ratio: 1 / 1; background: #f9f9f9; border-radius: 4px; overflow: hidden;
  margin-bottom: 15px; pointer-events: none;
}
.ns-product-img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.ns-product-card:hover .ns-product-img { transform: scale(1.05); }
.ns-sale-badge {
  position: absolute; bottom: 15px; left: 15px; background: var(--kirmizi); color: #fff; font-size: .85rem;
  font-weight: 600; padding: 6px 14px; border-radius: 20px; letter-spacing: .5px; z-index: 2; line-height: 1.4;
}
.ns-product-info { display: flex; flex-direction: column; gap: 8px; }
.ns-product-title {
  font-size: 2rem; font-weight: 500; color: #444; margin: 0; line-height: 1.4; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.ns-product-price-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; flex-wrap: wrap; }
.ns-taksit { color: var(--yesil); font-weight: 700; font-size: 1.45rem; margin-bottom: 2px; }
.ns-price-old { font-size: 1.43rem; color: #888; text-decoration: line-through; }
.ns-price-new { font-size: 1.73rem; font-weight: 700; color: #d32f2f; }
/* telefon: magazanin kendi kurali (768px): kart %65, baslik 1.25rem, fiyatlar kucuk; bolum dolgusu degismez */
@media screen and (max-width: 768px) {
  .ns-slider-arrow { display: none; }
  .ns-product-card { flex: 0 0 65%; min-width: unset; }
  .ns-collection-title { font-size: 1.25rem; margin-bottom: 20px; }
  .ns-product-title { font-size: 1.9rem; }
  .ns-price-new, .ns-price-regular { font-size: 1.58rem; }
  .ns-price-old { font-size: 1.28rem; }
}

/* kategori vitrini (magazanin kendi bolumu) */
.ns-vitrin-grid {
  display: grid; grid-template-areas: "sol-ust orta sag-ust" "sol-alt orta sag-alt";
  grid-template-columns: 1fr 1.6fr 1fr; gap: 20px; padding: 40px 0;
}
.ns-item-1 { grid-area: sol-ust; }
.ns-item-2 { grid-area: sol-alt; }
.ns-item-3 { grid-area: orta; }
.ns-item-4 { grid-area: sag-ust; }
.ns-item-5 { grid-area: sag-alt; }
.ns-vitrin-item {
  display: flex; flex-direction: column; text-decoration: none; box-shadow: 0 4px 15px rgba(0, 0, 0, .06);
  border-radius: 4px; overflow: hidden; background: #fff; transition: transform .3s ease, box-shadow .3s ease;
}
.ns-vitrin-item:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, .12); }
.ns-vitrin-img-wrapper { flex: 1; display: flex; align-items: center; justify-content: center; padding: 25px;
  background: #f3f3f3; }
@media screen and (min-width: 769px) {
  .ns-item-3 .ns-vitrin-img-wrapper { align-items: flex-start; padding-top: 25px; }
}
.ns-vitrin-img { max-width: 100%; height: auto; object-fit: contain; transition: transform .4s ease; }
.ns-vitrin-item:hover .ns-vitrin-img { transform: scale(1.06); }
.ns-vitrin-title {
  background: #fff; text-align: center; padding: 11px 8px; font-weight: 800; font-size: clamp(1.54rem, 2.75vw, 2.2rem);
  line-height: 1.1; letter-spacing: .8px; text-transform: uppercase; color: #c8622a;
}
@media screen and (max-width: 768px) {
  .ns-vitrin-grid { display: flex; flex-direction: column; gap: 15px; padding: 20px 0; }
  .ns-item-3 { order: -1; }
  .ns-vitrin-title { font-size: 1.76rem; padding: 13px 8px; }
  .ns-vitrin-img-wrapper { padding: 20px; }
}

/* ───────────── FIYAT (kart ve urun sayfasi ortak) ───────────── */
.fiyat { display: flex; flex-direction: column; align-items: flex-start; letter-spacing: .1rem; }
.fiyat__taksit { order: 1; font-weight: 700; color: var(--yesil); line-height: 1.3; margin-bottom: 3px; font-size: 1.76rem; }
.fiyat__satis { order: 2; font-weight: 700; color: var(--kirmizi); font-size: 1.408rem; line-height: 1.5; }
.fiyat__eski { order: 3; font-size: 1.248rem; color: #999; line-height: 1.5; }
.rozet {
  display: inline-block; font-size: 1.2rem; line-height: 1; letter-spacing: .1rem; padding: 4px 8px; border-radius: 4px;
  background: var(--kirmizi); color: #fff; border: .1rem solid rgba(18, 18, 18, .1); white-space: nowrap;
}
.rozet--tukendi { background: #fff; color: var(--koyu); }

/* ───────────── URUN KARTI ───────────── */
.izgara { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; column-gap: .4rem; row-gap: .4rem; }
.izgara > li { width: calc(50% - .2rem); max-width: calc(50% - .2rem); }
@media screen and (min-width: 750px) {
  .izgara { column-gap: .8rem; row-gap: .8rem; }
  .izgara > li { width: calc(50% - .4rem); max-width: calc(50% - .4rem); }
  .izgara--3 > li { width: calc(33.333% - .54rem); max-width: calc(33.333% - .54rem); }
}
@media screen and (min-width: 990px) {
  .izgara--4 > li { width: calc(25% - .6rem); max-width: calc(25% - .6rem); }
  .izgara--3 > li { width: calc(33.333% - .54rem); max-width: calc(33.333% - .54rem); }
}
.kart { position: relative; display: flex; flex-direction: column; height: 100%; }
.kart__gorsel {
  position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--zemin-2); line-height: 0;
}
.kart__gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: opacity .3s ease, transform .5s ease; }
.kart__gorsel img + img { opacity: 0; }
@media (hover: hover) {
  .kart:hover .kart__gorsel img + img { opacity: 1; }
  .kart:hover .kart__gorsel img:only-of-type, .kart:hover .kart__gorsel img + img { transform: scale(1.03); }  /* rozetli kartta img tek cocuk degil */
}
.kart__rozet { position: absolute; left: 1rem; bottom: 1rem; z-index: 2; line-height: 1; }
.kart__bilgi { padding-top: 1.7rem; padding-bottom: 1.7rem; display: flex; flex-direction: column; gap: .5rem; }
.kart__ad { font-size: 1.2rem; line-height: 1.3; letter-spacing: .06rem; color: var(--koyu); font-weight: 400; margin: 0; }
.kart__ad a { color: inherit; text-decoration: none; }
.kart__ad a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.kart:hover .kart__ad a { text-decoration: underline; text-underline-offset: .3rem; }
@media screen and (min-width: 750px) { .kart__ad { font-size: 1.3rem; } }

/* ───────────── KOLEKSIYON ───────────── */
/* canli .collection-hero__title: her genislikte 2.5rem ust/alt (30 Eylul olcumu: 390/750/990/1440'ta ust 25 px) */
.koleksiyon-baslik { margin: 2.5rem 0; }
.koleksiyon-aciklama { margin: -1rem 0 2rem; max-width: 80rem; }
.koleksiyon { display: block; }
@media screen and (min-width: 990px) {
  .koleksiyon { display: grid; grid-template-columns: 26rem 1fr; column-gap: 3rem; }
}
.suzgec-yan { display: none; }
@media screen and (min-width: 990px) { .suzgec-yan { display: block; padding-right: 0; } }
.suzgec-grup { border-top: .1rem solid var(--cizgi-2); width: 26rem; max-width: 100%; }
.suzgec-grup:last-child { border-bottom: .1rem solid var(--cizgi-2); }
.suzgec-grup > summary {
  display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none;
  padding: 1.5rem 1.75rem 1.5rem 0; font-size: 1.4rem; line-height: 1.5; letter-spacing: .04rem; color: var(--metin);
}
.suzgec-grup > summary::-webkit-details-marker { display: none; }
.suzgec-grup > summary svg { width: 1rem; height: 1rem; transition: transform .15s ease; }
.suzgec-grup[open] > summary svg { transform: rotate(180deg); }
.suzgec-grup ul { list-style: none; margin: 0; padding: 0 0 1.5rem; }
.suzgec-grup li { font-size: 1.4rem; line-height: 1.5; }
.suzgec-grup label { display: flex; align-items: center; gap: 1rem; padding: .5rem 0; cursor: pointer; color: var(--metin); }
.suzgec-grup input[type="checkbox"] { width: 1.6rem; height: 1.6rem; accent-color: var(--koyu); margin: 0; }
.suzgec-grup .adet { color: var(--soluk); }
.suzgec-fiyat { display: flex; gap: 1rem; align-items: center; padding-bottom: 1.5rem; }
.suzgec-fiyat input { width: 100%; min-height: 4rem; border: .1rem solid var(--cizgi-3); padding: 0 1rem;
  font-size: 1.4rem; }
.suzgec-ust { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; }
@media screen and (min-width: 990px) {
  .suzgec-ust { justify-content: flex-end; margin-bottom: 0; }
  .suzgec-ac { display: none !important; }
}
.suzgec-ac {
  display: inline-flex; align-items: center; gap: 1rem; background: none; border: 0; cursor: pointer; padding: 1.2rem 0;
  font-size: 1.4rem; letter-spacing: .04rem; color: var(--metin); margin-bottom: 1.5rem;
}
.suzgec-ac svg { width: 2rem; height: 2rem; }
/* canli .product-count: %70 opak kutuda 14/21 #121212 yazi, harf araligi .06rem (30 Eylul olcumu, her genislik) */
.urun-sayisi { font-size: 1.4rem; line-height: 2.1rem; letter-spacing: .06rem; color: var(--koyu); opacity: .7; }
.siralama { display: flex; align-items: center; gap: .8rem; font-size: 1.4rem; letter-spacing: .04rem; }
.siralama select {
  border: 0; background: transparent; font-size: 1.4rem; color: var(--koyu); cursor: pointer; padding: .4rem 2rem .4rem .2rem;
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23121212' stroke-width='1.2'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right .2rem center; background-size: 1rem;
}
.secili-suzgecler { display: flex; flex-wrap: wrap; gap: .8rem; margin: 0 0 1.5rem; }
.secili-suzgecler a {
  display: inline-flex; align-items: center; gap: .6rem; padding: .4rem 1.2rem; border: .1rem solid var(--cizgi-3);
  border-radius: 4rem; font-size: 1.3rem; text-decoration: none; color: var(--koyu);
}
/* ul[role=list] sifirlamasindan ozgul olmali (o kural sinif kuralini eziyordu) */
ul.koleksiyon__urunler { margin-top: 1.5rem; margin-bottom: 2rem; }
@media screen and (min-width: 750px) { ul.koleksiyon__urunler { margin-top: 1.6rem; } }
.bos-sonuc { padding: 4rem 0; text-align: center; }

/* TELEFON SUZGEC CEKMECESI (canli Dawn mobile-facets olculeri, 29 Eylul 2026, olcum/durum/suzgec-*): tam ekran %50
   karartma (z 100) aninda gelir; beyaz ic panel sagdan kayar (0.2 sn), genislik %100 - 5rem (en cok 37.5rem), sol 1px
   cizgi; ust 62.6 px ortali "Filtrele ve sirala" (14px) + sayi (13px %70); kapat X sabit (sag 1rem, ust .7rem);
   Fiyat / Kategoriler satirlari 53 px, tiklaninca alt panel sagdan kayar (0.4 sn); altta yapiskan 88 px
   "Tumunu kaldir / Uygula". */
.suzgec-cekmece { position: fixed; inset: 0; z-index: 100; background: rgba(18, 18, 18, .5); visibility: hidden;
  transition: visibility 0s .2s; }
.suzgec-cekmece.acik { visibility: visible; transition: none; }
@media screen and (min-width: 750px) { .suzgec-cekmece { display: none; } }
.suzgec-cekmece__ic { display: flex; flex-direction: column; width: calc(100% - 5rem); max-width: 37.5rem; height: 100%;
  margin: 0 0 0 auto; overflow-y: auto; background: #fff; border-left: .1rem solid rgba(18, 18, 18, .1);
  transform: translateX(105vw); transition: transform .2s ease; }
.suzgec-cekmece.acik .suzgec-cekmece__ic { transform: none; }
.suzgec-cekmece__ust { position: sticky; top: 0; z-index: 2; display: flex; padding: 1rem 2.5rem; text-align: center;
  border-bottom: .1rem solid rgba(18, 18, 18, .08); background: #fff; }
.suzgec-cekmece__ust-ic { flex-grow: 1; position: relative; }
.suzgec-cekmece__baslik { margin: 0; font-size: 1.4rem; line-height: 1.3; font-weight: 400; color: var(--koyu); letter-spacing: .06rem; }
.suzgec-cekmece__sayi { margin: 0; font-size: 1.3rem; line-height: 1.8; color: rgba(18, 18, 18, .7); }
.suzgec-cekmece__kapat { position: fixed; top: .7rem; right: 1rem; z-index: 101; display: flex; align-items: center;
  justify-content: center; width: 4.4rem; height: 4.4rem; padding: 0; border: 0; background: none; color: var(--koyu);
  cursor: pointer; opacity: 0; transition: opacity .1s ease; }
.suzgec-cekmece.acik .suzgec-cekmece__kapat { opacity: 1; }
.suzgec-cekmece__kapat svg { width: 2.2rem; height: 2rem; }
/* canli (30 Eylul olcumu): kapat %75 koyu, simge 22x20, ustune gelince degismez */
.suzgec-cekmece__kapat { color: rgba(18, 18, 18, .75); }
.suzgec-cekmece__ana { position: relative; z-index: 1; flex-grow: 1; display: flex; flex-direction: column; padding: 2.7rem 0 0;
  overflow-x: hidden; overflow-y: auto; }
.suzgec-cekmece__ozet { display: block; padding: 1.3rem 2.5rem; cursor: pointer; list-style: none; font-size: 1.5rem;
  line-height: 1.8; color: rgba(18, 18, 18, .75); }
.suzgec-cekmece__ozet::-webkit-details-marker { display: none; }
.suzgec-cekmece__ozet > div { display: flex; align-items: center; }
.suzgec-cekmece__ok { display: block; margin-left: auto; width: 1.5rem; line-height: 0; }
.suzgec-cekmece__ok svg { width: 1.5rem; height: 1.07rem; }
/* siralama satiri */
.suzgec-cekmece__siralama { display: flex; justify-content: space-between; align-items: center; }
/* canli: etiket sabit, secim kutusu kalan yere sigacak kadar daralir (156 px) */
.suzgec-cekmece__siralama label { flex-shrink: 0; }
.suzgec-cekmece__secim { position: relative; width: auto; min-width: 0; }
.suzgec-cekmece__secim select { width: calc(100% - 1rem); min-width: 7.2rem; height: 4.5rem; margin: .1rem .5rem; padding: 0 1.5rem 0 .5rem; border: 0; border-radius: 0;
  background: transparent; font: inherit; font-size: 1.2rem; line-height: 1.6; letter-spacing: .04rem; color: rgba(18, 18, 18, .75);
  cursor: pointer; appearance: none; -webkit-appearance: none; }
.suzgec-cekmece__secim svg { position: absolute; top: calc(50% - .2rem); right: 0; width: 1rem; height: .6rem; pointer-events: none; }
/* alt cubuk (ana listede ve her alt panelde) */
.suzgec-cekmece__alt { position: sticky; bottom: 0; z-index: 2; display: flex; margin-top: auto; padding: 2rem; background: #fff;
  border-top: .1rem solid rgba(18, 18, 18, .08); }
.suzgec-cekmece__alt > * { width: 50%; }
.suzgec-cekmece__temizle-kap { display: flex; align-items: center; justify-content: center; }
.suzgec-cekmece__temizle { font-size: 1.5rem; line-height: 1.8; color: rgba(18, 18, 18, .85); text-decoration: underline;
  text-underline-offset: .3rem; text-decoration-thickness: .1rem; transition: text-decoration-thickness .1s ease; }
.suzgec-cekmece__temizle:hover { text-decoration-thickness: .2rem; }
.suzgec-cekmece__alt .dugme { margin-left: 1rem; min-width: 0; }
/* alt panel (Fiyat / Kategoriler): ana alanin ustune sagdan kayar */
.suzgec-cekmece__panel { position: absolute; top: 0; bottom: 0; left: 0; z-index: 3; display: flex; flex-direction: column; width: 100%;
  background: #fff; overflow-y: auto; transform: translateX(100%); visibility: hidden;
  transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1); }
.suzgec-cekmece__oge.acilis > .suzgec-cekmece__panel { transform: none; visibility: visible; }
.suzgec-cekmece__geri { display: flex; align-items: center; width: 100%; margin-top: 1.5rem; padding: 1.2rem 2.6rem; border: 0;
  background: none; font: inherit; font-size: 1.5rem; line-height: 1.8; letter-spacing: .06rem; color: var(--koyu); cursor: pointer;
  text-align: left; }
.suzgec-cekmece__geri svg { width: 1.5rem; height: 1.07rem; margin-right: 1rem; transform: rotate(180deg); flex-shrink: 0; }
.suzgec-cekmece__bilgi { margin: 1.5rem 0; padding: 0 2.6rem; font-size: 1.5rem; line-height: 1.8; }
.suzgec-cekmece__fiyat { display: flex; padding: 2rem; }
.suzgec-cekmece__para { align-self: center; margin-right: .6rem; font-size: 1.5rem; line-height: 1.8; }
.suzgec-cekmece__fiyat .alan-kutu + .suzgec-cekmece__para { margin-left: 2rem; }
/* etiketi kutunun icinde duran girdi (canli .field): 1px cerceve, bosken etiket 16px ortada, dolunca / odakta 10px ustte */
.alan-kutu--etiketli { position: relative; flex: 1 1 auto; width: 100%; display: flex; box-shadow: 0 0 0 .1rem rgba(18, 18, 18, .55);
  margin: 0; }
.alan-kutu--etiketli:hover { box-shadow: 0 0 0 .2rem rgba(18, 18, 18, .55); }
.alan-kutu--etiketli input { flex-grow: 1; min-width: 7.2rem; width: 100%; height: 4.5rem; min-height: 0; margin: .1rem; padding: 1.5rem;
  border: 0; outline: 0; background: #fff; font: inherit; font-size: 1.6rem; line-height: 1.5; letter-spacing: .04rem; color: var(--koyu); }
.alan-kutu--etiketli input::placeholder { opacity: 0; }
.alan-kutu--etiketli label { position: absolute; left: 1.5rem; top: 1.1rem; margin: 0; font-size: 1.6rem; line-height: 1.5;
  letter-spacing: .1rem; color: rgba(18, 18, 18, .75); pointer-events: none; transition: top .1s ease, font-size .1s ease; }
.alan-kutu--etiketli input:focus, .alan-kutu--etiketli input:not(:placeholder-shown) { padding: 2.2rem 1.5rem .8rem 2rem; }
.alan-kutu--etiketli input:focus ~ label, .alan-kutu--etiketli input:not(:placeholder-shown) ~ label { top: .6rem; left: 2.1rem;
  font-size: 1rem; letter-spacing: .04rem; }
.alan-kutu--etiketli:focus-within { box-shadow: 0 0 0 .1rem rgba(18, 18, 18, .55), 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
/* Kategoriler secenekleri */
ul.suzgec-cekmece__liste { list-style: none; margin: 0; padding: 0; overflow-y: auto; }
.suzgec-cekmece__secenek { position: relative; display: flex; width: 100%; padding: 1.5rem 2rem 1.5rem 2.5rem; font-size: 1.5rem;
  line-height: 1.3; word-break: break-word; cursor: pointer; transition: background-color .2s ease; }
.suzgec-cekmece__secenek > input { position: absolute; left: 2.5rem; top: 1.9rem; z-index: -1; width: 1.6rem; height: 1.6rem; margin: 0; }
.suzgec-cekmece__vurgu { opacity: 0; visibility: hidden; }
.suzgec-cekmece__secenek > input:checked + .suzgec-cekmece__vurgu { position: absolute; inset: 0; display: block; opacity: 1;
  visibility: visible; background: rgba(18, 18, 18, .04); }
.suzgec-cekmece__kutucuk { position: relative; z-index: 2; flex-shrink: 0; width: 1.6rem; height: 1.6rem; margin-right: 1.2rem; }
.suzgec-cekmece__isaret { position: absolute; top: 1.9rem; left: 2.8rem; z-index: 3; width: 1.1rem; height: .7rem; visibility: hidden; }
.suzgec-cekmece__secenek > input:checked ~ .suzgec-cekmece__isaret { visibility: visible; }
.suzgec-cekmece__secenek > input:focus-visible ~ .suzgec-cekmece__kutucuk { outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .1rem; }

/* sayfalama */
.sayfalama { display: flex; justify-content: center; margin: 4rem 0 6rem; }
.sayfalama ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; }
.sayfalama a, .sayfalama span {
  display: inline-flex; align-items: center; justify-content: center; min-width: 4.4rem; height: 4.4rem;
  font-size: 1.4rem; line-height: 1; color: var(--koyu); text-decoration: none; position: relative;
}
.sayfalama a:hover::after, .sayfalama [aria-current]::after {
  content: ""; position: absolute; left: 50%; bottom: 1.2rem; width: 1.8rem; margin-left: -.9rem; height: .1rem;
  background: currentColor;
}
.sayfalama svg { width: 1.2rem; height: 1.2rem; }

/* ───────────── URUN SAYFASI ───────────── */
/* canli urun bolumu: ust 36 / alt 12 dolgu (telefonda 27 / 9) */
.urun { display: grid; grid-template-columns: 100%; padding-top: 2.7rem; padding-bottom: .9rem; }
@media screen and (min-width: 750px) {
  .urun { grid-template-columns: 55% 45%; padding-top: 3.6rem; padding-bottom: 1.2rem; }
}
.urun__galeri { min-width: 0; }
.urun__bilgi { min-width: 0; }
@media screen and (min-width: 750px) {
  .urun__bilgi { padding-left: 5rem; }
  .urun__bilgi-ic { position: sticky; top: calc(var(--ust-yukseklik) + 2rem); }
}

/* galeri */
.galeri__ana { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: #fff; }
.galeri__serit {
  display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; height: 100%;
}
.galeri__serit::-webkit-scrollbar { display: none; }
.galeri__serit > figure { flex: 0 0 100%; margin: 0; scroll-snap-align: center; position: relative; cursor: zoom-in; }
.galeri__serit img { width: 100%; height: 100%; object-fit: cover; }
.galeri__sayac {
  position: absolute; right: 1.2rem; bottom: 1.2rem; background: rgba(255, 255, 255, .9); padding: .2rem 1rem;
  font-size: 1.2rem; letter-spacing: .1rem; border-radius: 2rem; color: var(--koyu);
}
.galeri__kucukler {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; list-style: none; margin: 1rem 0 0; padding: 0;
}
.galeri__kucukler button {
  display: block; width: 100%; aspect-ratio: 1 / 1; padding: 0; cursor: pointer; background: #fff;
  border: .1rem solid rgba(18, 18, 18, .05); line-height: 0;
}
.galeri__kucukler button[aria-current="true"] { border-color: var(--koyu); }
.galeri__kucukler img { width: 100%; height: 100%; object-fit: cover; }
@media screen and (max-width: 749px) {
  .urun__galeri { margin: 0 calc(-1 * var(--kenar)); }
  .galeri__kucukler { display: none; }
}
@media screen and (min-width: 750px) { .galeri__sayac { display: none; } }
/* "Bu urunu nerede gorebilirim?" - magazanin kendi parcasi (reysa-mb): donen turuncu isikli cerceve */
.reysa-mb-wrap { position: relative; width: 100%; margin: 14px 0 16px; padding: 3px; border-radius: 11px; overflow: hidden;
  background: #1d2a3a; isolation: isolate; }
.reysa-mb-wrap::before { content: ''; position: absolute; left: 50%; top: 50%; width: 200%; height: 600%; transform: translate(-50%, -50%);
  background: conic-gradient(from 0deg at 50% 50%, transparent 0deg, #ff6b1a 30deg, #ffaa44 60deg, transparent 100deg,
    transparent 180deg, #ff6b1a 210deg, #ffaa44 240deg, transparent 280deg, transparent 360deg);
  animation: reysaMbSpin 3s linear infinite; z-index: 0; }
@keyframes reysaMbSpin { to { transform: translate(-50%, -50%) rotate(360deg); } }
.reysa-mb-btn {
  position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%;
  margin: 0; padding: 18px 24px; background: #1d2a3a; color: #fff; border: 0; border-radius: 8px; font-size: 16px;
  font-weight: 600; cursor: pointer; font-family: inherit; overflow: hidden; line-height: 1.2; letter-spacing: normal;
  transition: background .2s ease, transform .05s ease;
}
.reysa-mb-btn:hover { background: #25364a; }
.reysa-mb-btn:active { transform: scale(.995); }
.reysa-mb-btn::before, .reysa-mb-btn::after { content: ''; position: absolute; top: 0; bottom: 0; width: 7px; background: #48d178; }
.reysa-mb-btn::before { left: 0; }
.reysa-mb-btn::after { right: 0; }
.reysa-mb-btn svg { flex-shrink: 0; width: 22px; height: 22px; }
@media (max-width: 749px) { .reysa-mb-btn { font-size: 14px; padding: 14px 22px; } }

/* buyutme katmani */
.buyutme {
  position: fixed; inset: 0; z-index: 90; background: #fff; display: none; overflow: auto;
}
.buyutme.acik { display: block; }
.buyutme img { margin: 0 auto; }
.buyutme__kapat { position: fixed; top: 1.5rem; right: 1.5rem; z-index: 2; background: #fff; border: .1rem solid var(--cizgi-2);
  border-radius: 50%; }

/* bilgi sutunu */
.urun__satici {
  font-size: 1rem; line-height: 1.2; letter-spacing: .13rem; text-transform: uppercase; color: var(--metin); margin: 1rem 0 0;
}
@media screen and (min-width: 750px) { .urun__satici { margin-top: 0; } }
.urun__ad { margin: 0 0 1.5rem; font-size: 3rem; line-height: 1.3; }
@media screen and (min-width: 750px) { .urun__ad { font-size: 4rem; } }
.urun .fiyat { margin-top: .5rem; }
.urun .fiyat__taksit { font-size: 1.76rem; letter-spacing: .13rem; }
.urun .fiyat__satis { font-size: 1.408rem; letter-spacing: .13rem; }
.urun .fiyat__eski { font-size: 1.408rem; letter-spacing: .13rem; }
@media screen and (min-width: 750px) {
  .urun .fiyat__taksit { font-size: 1.98rem; }
  .urun .fiyat__satis { font-size: 1.584rem; }
  .urun .fiyat__eski { font-size: 1.584rem; }
}
.urun .rozet { margin: .4rem 0 .5rem; }
.urun__vergi { font-size: 1rem; line-height: 1.7; letter-spacing: .07rem; margin: 0 0 1.5rem; }
@media screen and (min-width: 750px) { .urun__vergi { font-size: 1.2rem; } }

/* yorum ozeti ve kaydirici (baslik altinda). Canli Judge.me olculeri (29 Eylul 2026): rozet 16px yesil yildiz
   (sagda 4px) + 16px/22.4 metin; kaydirici 507px beyaz kart, 10px dis bosluk, 0 0 10px golge, 16/24 ic bosluk,
   18px yildiz, 14px/19.6 metin (uc satir), 26px beyaz yuvarlak oklar. */
.yorum-ozet { display: block; margin: 0 0 1.5rem; font-size: 1.6rem; line-height: 2.24rem; color: var(--metin);
  text-decoration: none; }
@media screen and (max-width: 749px) { .yorum-ozet { font-size: 1.5rem; line-height: 2.1rem; } }
.yorum-ozet__yildiz { display: inline-flex; vertical-align: -.25rem; color: #108474; }
.yorum-ozet__yildiz svg { display: block; width: 1.6rem; height: 1.6rem; margin-right: .4rem; }
.yorum-ozet__yildiz .bos, .yorum-kaydirici__yildiz .bos { color: #108474; }
.yildizlar { color: #108474; letter-spacing: .1rem; font-size: 1.6rem; line-height: 1; white-space: nowrap; }
.yorum-kaydirici { position: relative; display: flow-root; margin: 0 0 1.5rem; padding: 0 .4rem; color: #303030; font-size: 1.4rem;
  line-height: 1.96rem; }
.yorum-kaydirici__iz { display: flex; gap: 1.6rem; padding: 1rem; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
  scroll-padding: 0 1rem; scrollbar-width: none; overscroll-behavior-x: contain; }
.yorum-kaydirici__iz::-webkit-scrollbar { display: none; }
.yorum-kaydirici__oge { display: flex; flex: 0 0 100%; min-width: 0; margin: 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15);
  padding: 1.6rem 2.4rem; gap: 1.6rem; align-items: center; cursor: pointer; scroll-snap-align: start; }
.yorum-kaydirici__oge > div { min-width: 0; flex: 1; }
.yorum-kaydirici__oge img { width: 6rem; height: 6rem; object-fit: cover; flex-shrink: 0; }
.yorum-kaydirici__ust { display: flex; align-items: center; gap: .6rem; }
.yorum-kaydirici__yildiz { display: flex; gap: .7rem; color: #108474; }
.yorum-kaydirici__yildiz svg { display: block; width: 1.8rem; height: 1.8rem; }
.yorum-kaydirici__ad { font-weight: 600; color: #303030; }
.yorum-kaydirici__metin { margin: .6rem 0; color: #303030; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; }
.yorum-kaydirici__urun { margin-top: .4rem; font-size: 1.19rem; line-height: 1.666rem; color: #757575; }
.yorum-kaydirici__urun b { color: #303030; font-weight: 600; }
.yorum-kaydirici__ok { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 26px; height: 26px; padding: 1px 6px;
  border: 0; border-radius: 50%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); cursor: pointer; display: flex;
  align-items: center; justify-content: center; color: #000; transition: opacity .2s ease; }
.yorum-kaydirici__ok svg { display: block; width: 1rem; height: 1.2rem; stroke-width: 3.2; }
.yorum-kaydirici__ok--geri { left: 4px; }
.yorum-kaydirici__ok--ileri { right: 4px; }

/* secimler (29 Eylul 2026): canlidaki olculer (olcum/20260929/sartname.md "Urun sayfasi") */
.varyant-secici { margin: 1.5rem 0; }
.secim { margin: 0 0 1.2rem; border: 0; padding: 0; min-width: fit-content; max-width: 44rem; }
.secim--kutu { display: flex; flex-wrap: wrap; }
.secim__baslik { display: block; font-size: 1.3rem; line-height: 1.5; letter-spacing: .04rem; color: var(--metin);
  margin: 0 0 .2rem; padding: 0 .2rem 0 0; }
.secim__girdi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
  margin: 0; }
/* renk kutucugu */
.secim__kutu { --kutucuk-boy: 3.6rem; display: inline-block; max-width: 100%; margin: .7rem 1.2rem .2rem 0; border-radius: 50%;
  cursor: pointer; outline: .1rem solid transparent; outline-offset: .2rem;
  transition: outline-color .1s ease, outline-width .1s ease, box-shadow .1s ease; }
@media screen and (min-width: 750px) { .secim__kutu { --kutucuk-boy: 2.8rem; } }
.secim__girdi:checked + .secim__kutu { outline: .1rem solid var(--koyu); }
.secim__kutu:hover, .secim__girdi:hover + .secim__kutu { outline: .2rem solid rgba(18, 18, 18, .4); }
.secim__girdi:checked + .secim__kutu:hover { outline: .2rem solid rgba(18, 18, 18, .4); }
.secim__girdi:focus-visible + .secim__kutu { outline: .2rem solid rgba(18, 18, 18, .5);
  box-shadow: 0 0 0 .2rem #fff, 0 0 .1rem .5rem rgba(18, 18, 18, .25); }
.secim__girdi.pasif:not(:checked) + .secim__kutu:hover { outline: none; }
.secim__girdi:disabled + .secim__kutu { pointer-events: none; }
.kutucuk { display: block; width: var(--kutucuk-boy); max-width: 100%; aspect-ratio: 1 / 1; border-radius: 50%;
  background: var(--kutucuk-zemin); background-position: 0 0; background-size: cover; background-origin: border-box;
  border: .1rem solid rgba(18, 18, 18, .15); }
.kutucuk--yok { border-style: dashed; border-color: rgba(18, 18, 18, .5); }
.secim__girdi:disabled + .secim__kutu > .kutucuk, .secim__girdi.pasif + .secim__kutu > .kutucuk {
  position: relative; overflow: hidden; opacity: .4; }
.secim__girdi:disabled + .secim__kutu > .kutucuk::after, .secim__girdi.pasif + .secim__kutu > .kutucuk::after {
  content: ""; position: absolute; bottom: -.05rem; left: 0; width: calc(var(--kutucuk-boy) * 1.414); height: .1rem;
  background: var(--koyu); transform: rotate(-45deg); transform-origin: left; }
/* hap dugme (Derece, Cekmece) */
.secim__hap { display: inline-block; position: relative; margin: .7rem .5rem .2rem 0; padding: 1rem 2rem;
  border: .1rem solid rgba(18, 18, 18, .55); border-radius: 4rem; background: #fff; color: var(--koyu);
  font-size: 1.4rem; line-height: 1; letter-spacing: .1rem; text-align: center; cursor: pointer; transition: border .1s ease; }
.secim__hap:hover { border-color: var(--koyu); }
.secim__girdi:checked + .secim__hap { background: var(--koyu); color: #fff; }
.secim__girdi.pasif + .secim__hap { border-color: rgba(18, 18, 18, .1); color: rgba(18, 18, 18, .6); text-decoration: line-through; }
.secim__girdi.pasif:checked + .secim__hap { color: rgba(255, 255, 255, .6); }
.secim__girdi:focus-visible + .secim__hap { outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .3rem; }

/* Masa Olcusu (magazanin kendi parcasi; degerler canli temadaki bloktan) */
.reysa-masa-olcu { margin: 14px 0 6px; }
.reysa-masa-olcu__lbl { font-size: 1.3rem; font-weight: 600; margin-bottom: 7px; display: block; }
.reysa-masa-olcu__opts { display: flex; gap: 8px; flex-wrap: wrap; }
.reysa-masa-olcu__btn { display: inline-flex; flex-direction: column; align-items: flex-start; min-width: 120px; padding: 9px 14px;
  border: 1.5px solid rgba(18, 18, 18, .22); border-radius: 9px; text-decoration: none; color: var(--koyu); line-height: 1.25;
  transition: border-color .15s, background .15s; }
.reysa-masa-olcu__btn small { opacity: .6; font-size: 1.05rem; margin-top: 2px; }
.reysa-masa-olcu__btn.aktif { border-color: var(--koyu); border-width: 2px; background: rgba(18, 18, 18, .045); font-weight: 600; }
.reysa-masa-olcu__btn:hover { border-color: var(--koyu); }

/* adet (canli: 142 x 47 kutu, 45 px dugmeler) */
.adet-alan { margin: 1.5rem 0; max-width: 44rem; }
.adet-etiket { display: block; font-size: 1.3rem; line-height: 1.5; letter-spacing: .04rem; margin: 0 0 .6rem; color: var(--metin); }
.adet-kutu { display: flex; position: relative; width: 14.2rem; min-height: 4.7rem; color: var(--koyu);
  box-shadow: 0 0 0 .1rem rgba(18, 18, 18, .55) inset; }
.adet-kutu button { flex-shrink: 0; width: 4.5rem; border: 0; background: none; font-size: 1.8rem; cursor: pointer; color: var(--koyu);
  padding: 0; display: flex; align-items: center; justify-content: center; margin-left: .1rem; letter-spacing: normal; }
.adet-kutu button:last-child { margin: 0 .1rem 0 0; }
.adet-kutu button.kapali { opacity: .5; cursor: not-allowed; }
.adet-kutu input { flex: 1 1 auto; width: 100%; min-width: 0; border: 0; text-align: center; font-size: 1.6rem; font-weight: 500;
  opacity: .85; background: transparent; color: currentColor; padding: 0 .5rem; letter-spacing: normal; -moz-appearance: textfield; }
.adet-kutu input::-webkit-outer-spin-button, .adet-kutu input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.adet-kutu input:focus { outline: none; }

/* Sepete ekle + Hemen satin alin */
.urun-formu { margin: 0; }
.urun-dugmeler { margin: 2.5rem 0; max-width: 44rem; }
.urun-dugmeler .dugme { width: 100%; min-height: 4.7rem; }
.urun-dugmeler__sepet { margin: 0 0 1rem; }
.urun-dugmeler__hemen { height: 4.7rem; padding: 0 3rem; border: 0; font-weight: 500; line-height: 1.8rem; transition: background .2s ease-in-out; }
.stok-yok { color: var(--kirmizi); font-size: 1.4rem; margin: 0 0 1rem; }

/* guven kutulari (magazanin kendi parcasi) */
.reysa-trust-badges { display: flex; flex-direction: column; gap: .8rem; margin: 1rem 0; }
.reysa-kargo-bar {
  background: #e8f5e9; border: 1.5px solid #4caf50; border-radius: 8px; padding: .8rem 1rem; color: var(--yesil);
  font-weight: 700; text-align: center; font-size: 1.8rem; line-height: 1.8;
}
.reysa-whatsapp-bar {
  display: flex; align-items: center; gap: .8rem; border: 1.5px solid #25d366; border-radius: 8px; padding: 1.2rem 1.5rem;
  text-decoration: none; color: inherit;
}
.reysa-whatsapp-bar svg { width: 3.6rem; height: 3.6rem; flex-shrink: 0; }
.reysa-whatsapp-title { font-weight: 700; font-size: 1.8rem; color: var(--metin); line-height: 1.8; }
.reysa-whatsapp-sub { font-size: 1.5rem; color: #666; line-height: 1.8; }
.reysa-badges-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .6rem; }
.reysa-badge {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; border-radius: 8px;
  padding: 20px; height: 177px; text-align: center; font-size: 1.5rem; font-weight: 700; cursor: pointer;
  background: #fff; border: 1.5px solid; line-height: normal; font-family: inherit;
}
.reysa-badge-iade { border-color: #ff9800; background: #fff8f0; color: #e65100; }
.reysa-badge-yedek { border-color: var(--kirmizi); background: #fff0f0; color: #b71c1c; }
.reysa-badge-musteri { border-color: #1565c0; background: #f0f4ff; color: #0d47a1; }
.reysa-badge-yorum { border-color: #e91e8c; background: #fff0f8; color: #880e4f; }
.reysa-badge span:first-child { font-size: 2.7rem; }
.reysa-indirim-bar {
  border-radius: 8px; padding: .8rem 1rem; font-weight: 700; text-align: center; font-size: 1.6rem; display: flex;
  align-items: center; justify-content: center; gap: .5rem; line-height: 1.8;
}
.reysa-indirim-havale { background: #fff3e0; border: 1.5px solid #ff9800; color: #e65100; }
.reysa-indirim-gelal { background: #e3f2fd; border: 1.5px solid #1976d2; color: #0d47a1; }
@media screen and (max-width: 749px) {
  .reysa-badge { font-size: .95rem; padding: 8px 4px; height: 100px; }
  .reysa-badge span:first-child { font-size: 1.6rem; }
  .reysa-kargo-bar { font-size: 1.2rem; }
  .reysa-whatsapp-title { font-size: 1.3rem; }
  .reysa-whatsapp-sub { font-size: 1.1rem; }
}

/* acilir pencere (magazanin kendi parcasi). Canlida rozete basinca betik pencereyi satir ici stille kurar: karartma
   ic boslugu 2rem, kutu genisligi %95 (en cok 1100 px), yukseklik en cok 92vh, ic bosluk 3rem 4rem; 749 px ve altinda
   ic bosluk 1.2rem ve kutu yazi boyu 1rem. Satir araligi govdeden (1.8) gelir; paragraflarin ustunde 1em bosluk. */
.reysa-overlay {
  position: fixed; inset: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .5); z-index: 99999; display: none;
  align-items: center; justify-content: center; padding: 2rem;
}
.reysa-overlay.aktif { display: flex; }
.reysa-overlay-icerik {
  background: #fff; border-radius: 12px; max-width: 1100px; width: 95%; padding: 3rem 4rem; max-height: 92vh; overflow-y: auto;
  line-height: 1.8;
}
.reysa-modal-baslik { font-size: 4.8rem; font-weight: 700; margin-bottom: 1rem; display: flex; align-items: center; gap: .5rem;
  color: var(--koyu); line-height: 1.8; }
.reysa-modal-metin { font-size: 3.15rem; line-height: 1.6; color: #333; }
.reysa-modal-metin p { margin: 1em 0 .8rem; }
.reysa-modal-metin ul { padding-left: 1.2rem; margin: 1em 0 .8rem; }
.reysa-modal-metin li { margin-bottom: .4rem; }
.reysa-kapat-btn {
  display: block; width: 100%; margin-top: 1rem; padding: .9rem; border: none; border-radius: 8px; color: #fff; font-weight: 700;
  font-size: 3rem; line-height: normal; cursor: pointer; text-align: center;
}
.reysa-modal-metin .reysa-kapat-btn { line-height: 1.6; }
@media screen and (max-width: 749px) {
  .reysa-overlay-icerik { padding: 1.2rem; font-size: 1rem; }
  .reysa-modal-baslik { font-size: 2rem; }
  .reysa-modal-metin { font-size: 1.4rem; }
  .reysa-kapat-btn { font-size: 1.4rem; }
}

/* aciklama ve zengin metin */
.icerik { line-height: 1.8; }
.icerik > *:first-child { margin-top: 0; }
/* zengin metin basliklari canli temadaki gibi: boyut temadan, bosluk tarayici varsayilani (.83em / 1em) */
.icerik h2, .icerik h3, .icerik h4 { line-height: 1.3; color: var(--koyu); font-weight: 400; }
.icerik h2 { font-size: 2rem; margin: .83em 0; }
.icerik h3 { font-size: 1.7rem; margin: 1em 0; }
.icerik h4 { font-size: 1.5rem; margin: 1.33em 0; }
@media screen and (min-width: 750px) { .icerik h2 { font-size: 2.4rem; } .icerik h3 { font-size: 1.8rem; } }
.icerik a { color: var(--koyu); text-decoration: underline; }
/* canli zengin metin tarayici varsayilan bosluklarini kullanir (29 Eylul olcumu): paragraf ve liste 1em, h1 .67em;
   kutunun ilk ogesinin ustu ve son ogesinin alti 0 (asagida). */
.icerik p { margin: 1em 0; }
.icerik h1 { margin: .67em 0; }
.icerik ul, .icerik ol { padding-left: 2rem; margin: 1em 0; list-style-position: inside; }  /* canli .rte ul: isaret icerde */
.icerik img { max-width: 100%; height: auto; margin: 1rem 0; }
/* tablo: canli temanin temel tablo kurali gibi genislik icerige gore, 1px acik cerceve (golge), hucre bosluklari
   aciklamanin kendi satir ici stilinden (olcum: Molina tablosu 128.6 px genislik, hucre 6px 0) */
.icerik table { table-layout: fixed; border-collapse: collapse; font-size: 1.4rem; border-style: hidden;
  box-shadow: 0 0 0 .1rem rgba(18, 18, 18, .2); margin: 0 0 1.5rem; }
.icerik td, .icerik th { border: .1rem solid rgba(18, 18, 18, .2); padding: 1em; }
/* canli (29 Eylul olcumu): baslik hucresi tarayici varsayilani gibi ortali ve kalin; 750+ veri hucresinde yan dolgu 1.2rem */
.icerik td { text-align: left; }
/* canli hucrelerde overflow-wrap normal: 'anywhere' sutun genisliklerini degistirip satiri fazladan kiriyordu */
.icerik td, .icerik th { overflow-wrap: normal; }
@media screen and (min-width: 750px) { .icerik td { padding-left: 1.2rem; padding-right: 1.2rem; } }
/* canli .rte blockquote (Dawn): satir ici esnek kutu, 1em 40px dis bosluk, 2 px %20 sol cizgi, 10 px (750+ 15 px) sol
   dolgu, italik %75 koyu; icindekiler -5 px dikey dis bosluklu, basliklar italik degil */
.icerik blockquote { display: inline-flex; margin: 1em 40px; padding-left: 1rem; border-left: .2rem solid rgba(18, 18, 18, .2);
  font-style: italic; color: rgba(18, 18, 18, .75); }
@media screen and (min-width: 750px) { .icerik blockquote { padding-left: 1.5rem; } }
.icerik blockquote > * { margin: -.5rem 0; }
.icerik blockquote :is(h1, h2, h3, h4, h5, h6) { font-style: normal; }
.urun__aciklama { margin: 2.5rem 0; }

/* SSS */
.sss { max-width: 80rem; margin: 0 auto; padding: 0 var(--kenar) 4rem; }
.sss h2 { margin: 0 0 1.5rem; }
.sss details { border-bottom: .1rem solid var(--cizgi-2); }
.sss summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none;
  padding: 1.5rem 0; font-weight: 600; line-height: 1.4; color: var(--metin); }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; font-weight: 300; font-size: 2rem; line-height: 1; transition: transform .2s ease; }
.sss details[open] summary::after { transform: rotate(45deg); }
.sss details > div { padding: 0 0 1.5rem; }

/* Takimi Tamamlayin (magazanin kendi parcasi; degerler canli temadaki reysa-takimi-tamamla parcasindan) */
.takim-tamamla { margin: 2rem 0; padding: 1.5rem; background: #faf8f5; border-radius: 12px; }
.takim-tamamla__baslik { font-size: 2.4rem; font-weight: 700; margin-bottom: .5rem; color: #222; letter-spacing: -.5px; }
.takim-tamamla__alt-baslik { font-size: 1.15rem; color: #666; margin-bottom: 1.4rem; }
.takim-tamamla__urunler { display: flex; flex-direction: column; gap: .8rem; }
.takim-tamamla__urun { display: flex; align-items: center; gap: 1rem; padding: .8rem; background: #fff; border: 1px solid #e8e4de;
  border-radius: 10px; }
.takim-tamamla__urun--bu { border-color: #ff6128; border-width: 1.5px; }
.takim-tamamla__gorsel { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; flex-shrink: 0; background: #f5f5f5; }
.takim-tamamla__bilgi { flex: 1; min-width: 0; }
.takim-tamamla__etiket { font-size: .75rem; color: #ff6128; font-weight: 700; text-transform: uppercase; letter-spacing: .5px;
  margin-bottom: .2rem; }
.takim-tamamla__ad { font-size: 1rem; font-weight: 600; color: #222; margin-bottom: .3rem; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.takim-tamamla__fiyat { font-size: 1.05rem; font-weight: 700; color: #e53935; }
.takim-tamamla__fiyat s { color: #999; font-weight: 400; font-size: .9rem; }
.takim-tamamla__oran { margin-top: 2px; }
.takim-tamamla__oran span { background: #e53935; color: #fff; font-size: .85rem; font-weight: 700; padding: 3px 8px; border-radius: 4px; }
.takim-taksit { margin-top: 3px; font-weight: 700; color: #2e7d32; font-size: .82rem; }
.takim-tamamla__adet { display: flex; align-items: center; gap: .4rem; flex-shrink: 0; }
.takim-tamamla__adet-btn { width: 32px; height: 32px; border: 1.5px solid #ddd; background: #fff; border-radius: 6px; font-size: 1.1rem;
  font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #333; padding: 1px 6px;
  letter-spacing: normal; line-height: normal; }
.takim-tamamla__adet-btn:hover { background: #f5f5f5; }
.takim-tamamla__adet-sayi { width: 40px; height: 32px; text-align: center; font-size: .95rem; font-weight: 700; border: 1.5px solid #ddd;
  border-radius: 6px; padding: 0; color: #000; background: #fff; letter-spacing: normal; -moz-appearance: textfield; }
.takim-tamamla__adet-sayi::-webkit-outer-spin-button, .takim-tamamla__adet-sayi::-webkit-inner-spin-button { -webkit-appearance: none;
  margin: 0; }
#takim-indirim-ozet { display: block; margin-top: 1rem; padding: .8rem 1rem; background: #fff0f0; border: 1px solid #e53935;
  border-radius: 8px; }
.takim-ozet__satir { display: flex; justify-content: space-between; align-items: center; }
.takim-ozet__satir--ust { margin-bottom: .3rem; }
.takim-ozet__liste-ad { color: #999; font-size: .95rem; }
#takim-liste-fiyat { color: #999; font-size: 1rem; }
#takim-indirim-badge { background: #e53935; color: #fff; padding: 4px 10px; border-radius: 6px; font-size: 1rem; font-weight: 700; }
#takim-kazanc { color: #e53935; font-size: 1.15rem; font-weight: 700; }
.takim-tamamla__toplam { margin-top: 1.2rem; padding: 1rem 1.2rem; background: #fff; border-radius: 10px; display: flex;
  align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid #e8e4de; }
.takim-tamamla__toplam-label { font-size: .85rem; color: #666; margin-bottom: .2rem; }
.takim-tamamla__toplam-fiyat { font-size: 2.2rem; font-weight: 700; color: #e53935; }
#takim-toplam-taksit { margin-top: 4px; color: #2e7d32; font-weight: 700; font-size: 1rem; display: block; }
.takim-tamamla__satin-al { background: #ff6128; color: #fff; font-weight: 700; font-size: 1rem; padding: 14px 28px; border: none;
  border-radius: 8px; cursor: pointer; white-space: nowrap; letter-spacing: normal; line-height: normal; }
.takim-tamamla__satin-al:hover { background: #e5521f; }
.takim-tamamla__satin-al:disabled { opacity: .6; cursor: not-allowed; }
@media screen and (max-width: 749px) {
  .takim-tamamla { padding: 1.2rem; }
  .takim-tamamla__urun { flex-wrap: wrap; }
  .takim-tamamla__bilgi { flex-basis: calc(100% - 88px); }
  .takim-tamamla__adet { margin-left: auto; }
  .takim-tamamla__gorsel { width: 60px; height: 60px; }
  .takim-tamamla__ad { font-size: .9rem; }
  .takim-tamamla__toplam { flex-direction: column; align-items: stretch; }
  .takim-tamamla__satin-al { width: 100%; }
}

/* LED kahve kosesi "Setinizi Olusturun" (magazanin kendi parcasi; degerler canli temadaki reysa-ledli-takim parcasindan) */
.ledli-takim { background: #f6f4f1; border: 1px solid #e8e4de; border-radius: 12px; padding: 1.5rem; margin: 1.5rem 0; }
.ledli-takim__baslik { font-size: 1.6rem; font-weight: 700; margin-bottom: .3rem; }
.ledli-takim__alt-baslik { font-size: 1rem; color: #666; margin-bottom: 1rem; }
.ledli-takim__urunler { display: flex; flex-direction: column; gap: .7rem; margin-bottom: 1rem; }
.ledli-takim__urun { display: flex; align-items: center; gap: .8rem; background: #fff; border: 1px solid #e8e4de; border-radius: 10px;
  padding: .7rem .9rem; }
.ledli-takim__urun--bu { border: 2px solid #ff6128; }
.ledli-takim__gorsel { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.ledli-takim__bilgi { flex: 1; min-width: 0; }
.ledli-takim__etiket { display: inline-block; background: #ff6128; color: #fff; font-size: .7rem; font-weight: 700; padding: 2px 6px;
  border-radius: 4px; margin-bottom: 3px; }
.ledli-takim__ad { font-size: .95rem; font-weight: 700; line-height: 1.2; margin-bottom: 3px; }
.ledli-takim__fiyat { font-size: .9rem; font-weight: 700; color: #e53935; }
.ledli-takim__adet { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.ledli-takim__adet-btn { width: 32px; height: 32px; border: 1.5px solid #ddd; background: #fff; border-radius: 6px; font-size: 1.15rem;
  font-weight: 700; cursor: pointer; line-height: 1; padding: 1px 6px; letter-spacing: normal; color: #000; }
.ledli-takim__adet-btn:disabled { opacity: .4; cursor: not-allowed; }
.ledli-takim__adet-sayi { width: 40px; height: 32px; text-align: center; font-size: 1rem; font-weight: 700; border: 1.5px solid #ddd;
  border-radius: 6px; padding: 0; color: #000; background: #fff; letter-spacing: normal; -moz-appearance: textfield; }
.ledli-takim__adet-sayi::-webkit-outer-spin-button, .ledli-takim__adet-sayi::-webkit-inner-spin-button { -webkit-appearance: none;
  margin: 0; }
.ledli-takim__sabit-adet { background: #fff5ef; color: #ff6128; font-weight: 700; font-size: .85rem; padding: 6px 12px;
  border: 1.5px solid #ff6128; border-radius: 8px; flex-shrink: 0; }
.ledli-takim__toplam { margin-top: .6rem; padding: 1rem 1.2rem; background: #fff; border-radius: 10px; border: 1px solid #e8e4de; }
.ledli-takim__toplam-label { font-size: .85rem; color: #666; margin-bottom: .2rem; }
.ledli-takim__toplam-fiyat { font-size: 1.8rem; font-weight: 700; color: #e53935; }
.ledli-takim__taksit { margin-top: 4px; color: #2e7d32; font-weight: 700; font-size: .95rem; }
.ledli-takim__satin-al { display: block; width: 100%; margin-top: .8rem; padding: 14px 24px; background: #ff6128; color: #fff;
  font-weight: 700; font-size: 1.05rem; border: none; border-radius: 8px; cursor: pointer; text-align: center;
  transition: background .15s ease; letter-spacing: normal; line-height: normal; }
.ledli-takim__satin-al:hover { background: #e5521f; }
.ledli-takim__satin-al:disabled { opacity: .6; cursor: not-allowed; }
@media screen and (max-width: 749px) {
  .ledli-takim { padding: 1.1rem; }
  .ledli-takim__urun { flex-wrap: wrap; }
  .ledli-takim__bilgi { flex-basis: calc(100% - 80px); }
  .ledli-takim__adet, .ledli-takim__sabit-adet { margin-left: auto; }
  .ledli-takim__gorsel { width: 56px; height: 56px; }
  .ledli-takim__ad { font-size: .88rem; }
  .ledli-takim__toplam-fiyat { font-size: 1.4rem; }
}

/* Bunlari da Begenebilirsiniz (canli: ust 36 / alt 28 bosluk, telefonda 27 / 21) */
.ilgili { padding: 2.7rem 0 2.1rem; }
.ilgili__baslik { font-size: 2rem; line-height: 1.3; margin: 0 0 3rem; }
ul.ilgili__izgara { margin-top: 1.5rem; }
@media screen and (min-width: 750px) {
  .ilgili { padding: 3.6rem 0 2.8rem; }
  .ilgili__baslik { font-size: 2.4rem; }
  ul.ilgili__izgara { margin-top: 1.6rem; }
}

/* Musteri Degerlendirmeleri (canlidaki Judge.me bolumunun olculeri; olcum 29 Eylul 2026) */
.degerlendirme { max-width: 120rem; margin: 0 auto; padding: 4.8rem var(--kenar); color: #000; box-sizing: content-box;
  scroll-margin-top: calc(var(--ust-yukseklik, 14rem) + 1rem); container-type: inline-size; }
@media screen and (min-width: 750px) { .degerlendirme { padding: 4.8rem 5rem; } }
@media screen and (min-width: 1300px) { .degerlendirme { padding: 4.8rem 0; } }
.degerlendirme__ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 4rem;
  margin-bottom: 1.2rem; }
/* dar kutuda (canli: 650px'te dugme 300, 360px'te 262) sag grup kalan genisligi doldurur, "Degerlendirme yazin" uzar.
   Esik canli olcumle 768px (766'da uzar, 770'te 248px sabit; 30 Eylul, eskiden 699 yaziyordu: 820-866 arasi farkliydi) */
@container (max-width: 767.98px) {
  .degerlendirme__sag { flex: 1 1 auto; }
  .degerlendirme__yaz { flex: 1 1 auto; }
}
.degerlendirme__baslik { margin: 0; font-size: 1.6rem; line-height: 2rem; color: #000; }
.degerlendirme__ortalama { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin-top: .8rem; }
.degerlendirme__puan { margin: 0; font-size: 2rem; line-height: 2.4rem; font-weight: 700; }
.degerlendirme__adet { margin: 0; font-size: 1.2rem; line-height: 1.5rem; }
.degerlendirme__sag { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: .8rem; }
.degerlendirme__yaz { min-width: 24.8rem; min-height: 3.4rem; padding: .8rem 1.6rem; border: 1px solid #108474; border-radius: 8px;
  background: #108474; color: #fff; font-size: 1.6rem; line-height: 1.6rem; cursor: pointer; letter-spacing: normal; }
.degerlendirme__yaz:hover { background: #0d6e61; }
.degerlendirme__suzgec { position: relative; }
.degerlendirme__simge { display: flex; align-items: center; justify-content: center; width: 4.2rem; height: 3.4rem; padding: .8rem 1.2rem;
  border: 1px solid #000; border-radius: 8px; background: #fff; color: #000; cursor: pointer; }
.degerlendirme__simge svg { width: 1.6rem; height: 1.6rem; }
.degerlendirme__suzgec-panel { position: absolute; right: 0; top: calc(100% + .6rem); z-index: 5; display: flex; flex-direction: column;
  min-width: 16rem; padding: .6rem; background: #fff; border: 1px solid rgba(0, 0, 0, .2); border-radius: 8px;
  box-shadow: 0 .4rem 1.2rem rgba(0, 0, 0, .12); }
.degerlendirme__suzgec-panel button { text-align: left; padding: .8rem 1rem; border: 0; background: none; font-size: 1.4rem;
  cursor: pointer; border-radius: 6px; color: #000; }
.degerlendirme__suzgec-panel button[aria-pressed="true"] { background: rgba(16, 132, 116, .1); font-weight: 600; }
.degerlendirme__sirala { position: relative; display: flex; width: 4rem; height: 3.4rem; }
.degerlendirme__sirala select { position: relative; z-index: 1; width: 100%; height: 100%; padding: .6rem 1.2rem; border: 1px solid #000;
  border-radius: 8px; background: transparent; color: transparent; font-size: 1.6rem; font-weight: 500; cursor: pointer;
  -webkit-appearance: none; appearance: none; }
.degerlendirme__sirala select option { color: #000; }
.degerlendirme__sirala-simge { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #000; }
.degerlendirme__sirala-simge svg { width: 1.6rem; height: 1.6rem; }
.degerlendirme__govde { position: relative; padding-top: 2.4rem; max-height: 55rem; overflow: hidden; transition: max-height .3s; }
.degerlendirme__govde.acik, .degerlendirme__govde.kisa { max-height: none; overflow: visible; }
.degerlendirme__izgara { display: grid; grid-template-columns: 1fr; gap: 2.4rem; align-items: start; }
@container (min-width: 600px) { .degerlendirme__izgara { grid-template-columns: repeat(3, 1fr); } }
@container (min-width: 1000px) { .degerlendirme__izgara { grid-template-columns: repeat(4, 1fr); } }
.degerlendirme__sis { position: absolute; left: 0; right: 0; bottom: 0; height: 15rem; pointer-events: none;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%); }
.degerlendirme__daha { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 1; display: flex; align-items: center;
  gap: .35rem; padding: 1.05rem 1.4rem; border: 0; background: none; color: #000; font-size: 1.4rem; line-height: 1.4rem; font-weight: 700;
  letter-spacing: normal; cursor: pointer; white-space: nowrap; }
.degerlendirme__daha svg { width: 1.6rem; height: 1.6rem; }
.degerlendirme__govde.acik .degerlendirme__sis, .degerlendirme__govde.kisa .degerlendirme__sis { display: none; }
.degerlendirme__govde.acik .degerlendirme__daha { position: static; transform: none; margin: 2.4rem auto 0; }
.degerlendirme__govde.kisa .degerlendirme__daha, .degerlendirme__govde.acik .degerlendirme__daha[data-son] { display: none; }
.degerlendirme__govde.kisa .degerlendirme__daha:not([data-son]) { display: flex; position: static; transform: none; margin: 2.4rem auto 0; }
.degerlendirme__govde.yukleniyor { opacity: .6; }
.yorum-kart { border-radius: 8px; outline: 1px solid rgba(0, 0, 0, .2); outline-offset: -1px; overflow: hidden; cursor: pointer;
  background: rgba(16, 132, 116, .03); color: #000; }
.yorum-kart:focus-visible { outline: 2px solid #108474; }
.yorum-kart__foto { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.yorum-kart__ic { padding: 2.4rem; }
.yorum-kart__yildiz, .yorum-pencere__yildiz { display: flex; gap: .4rem; color: #108474; }
.yorum-kart__yildiz svg { width: 2.4rem; height: 2.4rem; display: block; }
.yorum-kart__yildiz .bos, .yorum-pencere__yildiz .bos { color: #108474; }
.yorum-kart__kim { margin-top: 1.6rem; }
.yorum-kart__ad { margin: 0; font-size: 1.6rem; line-height: 2rem; font-weight: 600; }
.yorum-kart__tarih { margin: .2rem 0 0; font-size: 1.4rem; line-height: 1.7rem; }
.yorum-kart__govde { margin-top: 1.6rem; }
.yorum-kart__metin { margin: 0; font-size: 1.6rem; line-height: 2rem; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere; }
.yorum-kart__devam { display: inline-block; font-size: 1.6rem; line-height: 2rem; text-decoration: underline; }
.yorum-kart__devam.gizli { display: none; }
/* yorumun tamami (kaydirici / kart tiklaninca) */
.yorum-pencere { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 2rem;
  background: rgba(0, 0, 0, .7); }
.yorum-pencere[hidden] { display: none !important; }
.yorum-pencere__kutu { position: relative; width: 100%; max-width: 80rem; max-height: 85vh; overflow: auto; background: #fff; color: #303030;
  padding: 2.4rem; font-size: 1.4rem; line-height: 1.4; }
.yorum-pencere__kapat { position: absolute; top: -3.2rem; right: 0; width: 3.2rem; height: 3.2rem; display: flex; align-items: center;
  justify-content: center; border: 0; background: #333; color: #fff; cursor: pointer; padding: 0; }
.yorum-pencere__kapat svg { width: 2rem; height: 2rem; }
.yorum-pencere__kutu { overflow: visible; }
.yorum-pencere__ust { display: flex; align-items: center; gap: .8rem; }
.yorum-pencere__yildiz svg { width: 1.8rem; height: 1.8rem; display: block; }
.yorum-pencere__ust b { font-weight: 600; }
.yorum-pencere__metin { margin: .8rem 0 0; white-space: pre-line; }
.yorum-pencere__fotolar { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.2rem; }
.yorum-pencere__fotolar img { width: 12rem; height: 12rem; object-fit: cover; }
.yorum-pencere__cevap { margin: 1.2rem 0 0; padding: 1rem 1.2rem; background: rgba(16, 132, 116, .06); }
.yorum-pencere__urun { margin: .8rem 0 0; font-size: 1.19rem; color: #757575; }
.yorum-pencere__urun b { color: #303030; font-weight: 600; }
/* DEGERLENDIRME YAZIN PENCERESI (30 Eylul 2026; canlidaki Judge.me yorum formu 1440/390 olculerek kendi kodumuzla kuruldu,
   olcum: olcum/yorum-yaz/). Masaustu: ortada 600x600 beyaz kutu, 40px dolgu, %50 siyah perde; telefon (767 ve alti): tam
   ekran, 70px 24px dolgu. Bolumler ve kaydirici 0.8 sn ease-in-out kayar; gorunmeyen bolum/sayfa gizli ve saydam.
   Canlida yapiskan sepet cubugu ve WhatsApp dugmesi (z 9998) pencerenin (z 1100) ustunde kalir. */
.yy { position: fixed; inset: 0; z-index: 1100; }
.yy[hidden] { display: none !important; }
.yy__perde { position: absolute; inset: 0; background: #000; opacity: .5; }
.yy__kap { display: flex; width: 100%; height: 100%; }
.yy__kutu { position: relative; display: flex; box-sizing: border-box; width: 60rem; height: 60rem; margin: auto; padding: 4rem;
  overflow: hidden; background: #fff; }
.yy__kapat { position: absolute; top: 1.5rem; right: 1.5rem; z-index: 1; display: flex; align-items: flex-start; width: 3.6rem; height: 2.9rem; padding: .1rem .6rem;
  border: 0; background: none; color: rgb(32, 34, 35); cursor: pointer; line-height: 0; transition: opacity .2s ease-in-out; }
.yy__kapat svg { display: block; width: 2.4rem; height: 2.4rem; }
.yy:not([data-yy-bolum="1"]) .yy__kapat { display: none; }
.yy__bolumler { display: flex; flex: 0 0 100%; min-width: 0; transition: transform .8s ease-in-out; }
.yy[data-yy-bolum="2"] .yy__bolumler { transform: translateX(-100%); }
.yy[data-yy-bolum="3"] .yy__bolumler { transform: translateX(-200%); }
.yy__bolum { display: flex; flex-direction: column; flex: 0 0 100%; min-width: 0;
  transition: transform .8s ease-in-out, opacity .8s ease-in-out, visibility .8s ease-in-out; }
.yy[data-yy-bolum="1"] .yy__bolum:not([data-yy-b="1"]), .yy[data-yy-bolum="2"] .yy__bolum:not([data-yy-b="2"]),
.yy[data-yy-bolum="3"] .yy__bolum:not([data-yy-b="3"]) { visibility: hidden; opacity: 0; }
.yy__kaydirici { display: flex; flex: 1; min-height: 0; transition: transform .8s ease-in-out; }
.yy__bolum--adim[data-yy-sayfa="2"] .yy__kaydirici { transform: translateX(-100%); }
.yy__bolum--adim[data-yy-sayfa="3"] .yy__kaydirici { transform: translateX(-200%); }
.yy__sayfa { display: flex; flex-direction: column; flex: 0 0 100%; min-width: 0; min-height: 0;
  transition: transform .8s ease-in-out, opacity .8s ease-in-out, visibility .8s ease-in-out; }
.yy__bolum--adim[data-yy-sayfa="1"] .yy__sayfa:not(:nth-child(1)), .yy__bolum--adim[data-yy-sayfa="2"] .yy__sayfa:not(:nth-child(2)),
.yy__bolum--adim[data-yy-sayfa="3"] .yy__sayfa:not(:nth-child(3)) { visibility: hidden; opacity: 0; }
.yy__ust { display: flex; flex-direction: column; align-items: center; gap: .8rem; }
.yy__ust--icerik { gap: 2rem; margin-bottom: 6rem; }
.yy__baslik { font-size: 2.4rem; line-height: 3.6rem; font-weight: 500; color: #333; text-align: center; }
.yy__giris { font-size: 1.6rem; line-height: 2.4rem; color: #333; text-align: center; }
.yy__metin { font-size: 1.4rem; line-height: 2.52rem; color: #333; text-align: center; }
.yy__govde { display: flex; flex-direction: column; flex: 1; min-height: 0; gap: 4rem; }
.yy__govde--puan { align-items: center; justify-content: center; }
.yy__govde--ortali { justify-content: center; }
.yy__govde--medya { justify-content: center; padding: 2rem 0; }
.yy__govde--tesekkur { align-items: center; gap: .8rem; padding-top: 4rem; }
.yy__urun-gorsel { width: 16rem; height: 16rem; overflow: hidden; border-radius: .8rem; }
.yy__urun-gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.yy__urun { display: flow-root; max-width: 100%; overflow: hidden; font-size: 1.8rem; line-height: 2.34rem; font-weight: 700; color: #333;
  text-align: center; white-space: nowrap; text-overflow: ellipsis; }
/* 48px yildizlar: ilk dordu 4px sag dolgulu (52x48), 9px aralik; altinda Kotu / Harika (12px kalin, kutunun yuzde 108'inde) */
.yy__yildizlar { position: relative; display: flex; gap: .9rem; cursor: pointer; }
.yy__yildizlar::before, .yy__yildizlar::after { position: absolute; top: 108%; font-size: 1.2rem; line-height: 2rem; font-weight: 700; color: #333; }
.yy__yildizlar::before { content: "K\00F6 t\00FC"; left: 0; }
.yy__yildizlar::after { content: "Harika"; right: 0; }
.yy__yildiz { display: block; padding: 0 .4rem 0 0; border: 0; background: none; color: rgb(16, 132, 116); cursor: pointer; line-height: 0; }
.yy__yildiz:last-child { padding: 0; }
.yy__yildiz svg { display: block; width: 4.8rem; height: 4.8rem; }
.yy__yildiz .yy__yildiz-dolu, .yy__yildiz.acik .yy__yildiz-bos { display: none; }
.yy__yildiz.acik .yy__yildiz-dolu { display: block; }
.yy__alan-yildiz { display: flex; align-self: stretch; align-items: flex-start; justify-content: center; height: 5.08rem; }
.yy__magaza-yildiz { display: flex; justify-content: center; margin-top: 1.6rem; }
.yy__grup { display: flex; flex-direction: column; gap: 2rem; }
.yy__grup--metin { flex: 1; min-height: 0; }
.yy__alan--metin { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.yy__etiket { display: block; margin-bottom: .8rem; font-size: 1.4rem; line-height: 2.1rem; font-weight: 500; color: #333; }
.yy__girdi { display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 1.2rem 1.6rem; border: .1rem solid rgba(51, 51, 51, .3);
  border-radius: 0; background: #fafafa; color: #000; font-family: var(--yazi); font-size: 1.4rem; line-height: 1.75rem; letter-spacing: normal;
  outline: none; box-shadow: none; transition: border-color .2s, box-shadow .2s; }
textarea.yy__girdi { flex: 1; min-height: 0; resize: none; }
.yy__girdi::placeholder { color: rgba(51, 51, 51, .8); opacity: 1; }
textarea.yy__girdi::placeholder { line-height: 2.1rem; }
.yy__girdi:focus { border-color: rgb(16, 132, 116); outline: .2rem solid rgb(44, 123, 229); outline-offset: .2rem;
  box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
.yy__girdi.hatali { border-color: rgb(239, 68, 68); background: rgb(254, 242, 242); }
.yy__girdi.hatali:focus { box-shadow: 0 0 0 .3rem rgba(239, 68, 68, .1); }
.yy__hata { margin-top: .8rem; font-size: 1.2rem; line-height: 1.8rem; color: rgb(210, 43, 43); }
.yy__yardim { margin-top: .8rem; font-size: 1.2rem; line-height: 1.8rem; color: rgba(51, 51, 51, .8); }
.yy__hata[hidden], .yy__yardim[hidden] { display: none; }
.yy__kvkk { margin: 0 0 2rem; font-size: 1.1rem; line-height: 1.65rem; color: rgba(51, 51, 51, .8); text-align: center; }
.yy__kvkk a { color: inherit; text-decoration: underline; }
.yy__onay { display: flex; align-items: center; gap: 1.2rem; font-size: 1.4rem; line-height: 2.1rem; cursor: pointer; }
.yy__onay-kutu { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; opacity: 0; }
.yy__onay-kare { position: relative; flex: 0 0 auto; box-sizing: border-box; width: 2rem; height: 2rem; border: .2rem solid rgb(107, 114, 128);
  border-radius: .4rem; background: #fff; transition: .2s; }
.yy__onay-kare::after { content: ""; position: absolute; top: .2rem; left: .6rem; display: none; box-sizing: border-box; width: .6rem; height: 1rem;
  border: solid #fff; border-width: 0 .2rem .2rem 0; transform: rotate(45deg); }
.yy__onay-kutu:checked + .yy__onay-kare { border-color: rgb(16, 132, 116); background: rgb(16, 132, 116); }
.yy__onay-kutu:checked + .yy__onay-kare::after { display: block; }
.yy__onay-kutu:focus-visible + .yy__onay-kare { outline: .2rem solid rgb(44, 123, 229); }
.yy__onay-metin { color: #333; }
.yy__grup--medya { padding: 0 .5rem .6rem; }
.yy__yukle { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; height: 20rem;
  border: .1rem dashed rgba(32, 34, 35, .6); }
.yy__yukle:hover, .yy__yukle.surukle { border-style: solid; background: rgba(51, 51, 51, .03); }
.yy__yukle-ic { display: flex; flex-direction: column; align-items: center; gap: 1.2rem; }
.yy__yukle-simge { line-height: 0; color: #333; }
.yy__yukle-simge svg { width: 3.2rem; height: 3.3rem; }
.yy__yukle-metin { font-size: 1.4rem; line-height: 2.1rem; color: rgb(107, 114, 128); text-align: center; }
.yy__yukle-metin b { font-weight: 700; }
.yy__yukle-girdi { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.yy__onizlemeler { z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; }
.yy__onizleme { position: relative; box-sizing: border-box; width: 7.8rem; height: 7.8rem; overflow: hidden; border: .1rem solid rgba(32, 34, 35, .2); }
.yy__onizleme img, .yy__onizleme video { display: block; width: 7.8rem; height: 7.8rem; object-fit: cover; }
.yy__onizleme-sil { position: absolute; top: .3rem; right: .3rem; z-index: 1; width: 2.4rem; height: 2.5rem; padding: 0; border: 0;
  background: none; cursor: pointer; line-height: 0; }
.yy__onizleme-sil svg { display: block; width: 2.4rem; height: 2.5rem; }
.yy__gezinme { display: flex; justify-content: space-between; align-items: center; }
.yy__tesekkur-gezinme { display: flex; justify-content: center; margin-top: 3.2rem; }
.yy__dugme { margin: 0; border: 0; border-radius: 0; font-family: var(--yazi); font-size: 1.4rem; line-height: 2.1rem; font-weight: 500;
  letter-spacing: normal; cursor: pointer; }
.yy__dugme:hover { opacity: .8; }
.yy__dugme:disabled { cursor: default; }
.yy__dugme--geri { display: flex; align-items: center; gap: .6rem; padding: 1.2rem 2rem; background: none; color: #333; }
.yy__dugme--geri svg { display: block; width: 1.6rem; height: 1.6rem; flex: 0 0 auto; }
.yy__dugme--ileri { display: block; padding: 1.2rem 4rem; background: rgb(16, 132, 116); color: #fff; text-align: center; }
.yy--aninda .yy__bolumler, .yy--aninda .yy__bolum, .yy--aninda .yy__kaydirici, .yy--aninda .yy__sayfa { transition: none !important; }
@media screen and (max-width: 767px) {
  .yy__kutu { width: 100%; height: 100%; margin: 0; padding: 7rem 2.4rem; }
  .yy__kapat { top: 3rem; right: 3rem; }
  .yy__alan-yildiz { height: 5rem; }
  .yy__gezinme .yy__dugme { flex: 1; padding: 1.2rem 0; }
}
.yorum-kaydirici__oge { cursor: pointer; }

.bolum { padding-bottom: 5rem; }
.bolum h2 { margin: 0 0 2.5rem; }

/* ───────────── SEPET: kurallar dosyanin sonunda ("SEPET: canli olculer") ───────────── */

/* ───────────── ICERIK SAYFALARI, BLOG, ARAMA, 404 ───────────── */
.sayfa-baslik { margin: 3rem 0 3rem; }
@media screen and (min-width: 750px) { .sayfa-baslik { margin: 4rem 0 4rem; } }
.sayfa-govde { padding-bottom: 6rem; }
.blog-izgara { display: grid; grid-template-columns: 1fr; gap: 2rem; list-style: none; margin: 0 0 4rem; padding: 0; }
@media screen and (min-width: 750px) { .blog-izgara { grid-template-columns: repeat(3, 1fr); gap: 3rem 1rem; } }
.yazi-kart { display: flex; flex-direction: column; height: 100%; }
.yazi-kart__gorsel { aspect-ratio: 3 / 2; overflow: hidden; background: var(--zemin-2); display: block; }
.yazi-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.yazi-kart:hover .yazi-kart__gorsel img { transform: scale(1.03); }
.yazi-kart__bilgi { padding: 1.5rem 0; }
.yazi-kart h2, .yazi-kart h3 { font-size: 1.8rem; margin: 0 0 .8rem; }
.yazi-kart h2 a, .yazi-kart h3 a { text-decoration: none; color: var(--koyu); }
.yazi-kart h2 a:hover, .yazi-kart h3 a:hover { text-decoration: underline; }
.yazi-kart p { font-size: 1.4rem; margin: 0; }
.yazi-kart__tarih { font-size: 1.2rem; letter-spacing: .1rem; color: var(--soluk); display: block; margin-bottom: .6rem; }
.yazi { padding-bottom: 0; }
.yazi__ust { margin: 5rem auto 2rem; }
.yazi__ust h1 { margin-bottom: 1rem; }


/* siparis sorgulama / takip */
.takip { max-width: 64rem; margin: 0 auto; padding: 0 var(--kenar) 6rem; }
.takip-adim { display: flex; gap: 1.2rem; padding: .9rem 0; }
.takip-adim:not(:first-child) { opacity: .55; }
.takip-nokta { flex-shrink: 0; width: 1.1rem; display: flex; flex-direction: column; align-items: center; }
.takip-nokta i { width: 1.1rem; height: 1.1rem; border-radius: 50%; margin-top: .5rem; background: var(--koyu); display: block; }
.takip-nokta span { flex: 1; width: .2rem; background: rgba(18, 18, 18, .15); }
.takip-nokta.sorun i { background: #b42318; }
.takip-nokta.teslim i { background: #16794c; }

/* odeme formlari */
.alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.alan { display: flex; flex-direction: column; gap: .6rem; }
.alan.genis { grid-column: 1 / -1; }
.alan > span { font-size: 1.3rem; color: var(--metin); }
.alan i { color: #b42318; font-style: normal; }
.alan input, .alan select, .alan textarea {
  border: .1rem solid rgba(18, 18, 18, .55); border-radius: 0; padding: 1.2rem 1.4rem; font-size: 1.5rem; background: #fff;
  color: var(--koyu); width: 100%;
}
.alan .hatali { border-color: #b42318; }
.hata { color: #b42318; font-size: 1.25rem; font-style: normal; }
.uyari { border: .1rem solid #e9c9c9; background: #fdf6f6; color: #b42318; padding: 1.3rem 1.6rem; margin-bottom: 1.8rem;
  font-size: 1.45rem; }
.bilgi-kutu { border: .1rem solid var(--cizgi-2); background: rgba(18, 18, 18, .03); padding: 1.3rem 1.6rem;
  margin-bottom: 1.8rem; font-size: 1.45rem; }
.secenekler { display: flex; gap: 1.2rem; flex-wrap: wrap; }
.secenekler.dikey { flex-direction: column; }
.secenek { display: flex; align-items: center; gap: 1.1rem; cursor: pointer; flex: 1; min-width: 18rem; padding: 1.4rem 1.6rem;
  border: .1rem solid var(--cizgi-3); }
.secenek:has(input:checked) { border-color: var(--koyu); }
.secenek small { display: block; color: rgba(18, 18, 18, .7); font-size: 1.3rem; font-weight: 400; }
.odeme-duzen { display: grid; grid-template-columns: 1fr; gap: 4rem; padding: 3rem 0 6rem; }
@media screen and (min-width: 990px) { .odeme-duzen { grid-template-columns: 1fr 42rem; } }
.odeme-ozet { border: .1rem solid var(--cizgi-2); padding: 2.4rem; align-self: start; }
.odeme-ozet__satir { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; font-size: 1.4rem; }
.odeme-ozet__toplam { border-top: .1rem solid var(--cizgi-2); margin-top: 1rem; padding-top: 1.2rem; font-size: 1.8rem;
  color: var(--koyu); }
@media screen and (max-width: 749px) { .alanlar { grid-template-columns: 1fr; } }

/* ───────────── ALTBILGI (magazanin kendi bolumu) ───────────── */
.alt { border-top: .1rem solid rgba(18, 18, 18, .08); padding: 27px 0; background: #fff; }
.alt .bulten { padding: 0 2.5rem 3rem; }
@media screen and (min-width: 750px) { .alt { padding: 36px 0; } .alt .bulten { padding: 0 0 5rem; } }
.ns-footer-comple { background: #f3f3f3; color: var(--koyu); }
.ns-footer-ic { padding: 60px 0 20px; font-size: 1rem; }
.ns-footer-menus-wrapper { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 80px; margin-bottom: 60px; }
.ns-footer-menu-col { flex: 0 1 auto; }
.ns-footer-heading { font-size: 1.15rem; font-weight: 700; margin: 0 0 25px; letter-spacing: .8px; text-transform: uppercase;
  color: var(--koyu); line-height: 1.3; }
.ns-footer-menu-links { list-style: none; padding: 0; margin: 0; }
.ns-footer-menu-links li { margin-bottom: 12px; }
.ns-footer-menu-links .ns-hizli-simge { width: 14px; height: 14px; margin-right: 6px; vertical-align: middle; }
.ns-footer-menu-links a { text-decoration: none; opacity: .8; transition: opacity .3s ease; color: var(--koyu); }
.ns-footer-menu-links a:hover { opacity: 1; text-decoration: underline; }
.ns-contact-list a { display: flex; align-items: center; }
/* iletisim simgeleri: canlida 14 x 14, sagda 6px (olcum 29 Eylul 2026; kural eksikti, simge sutunu kapliyordu) */
.ns-contact-list svg { width: 14px; height: 14px; flex-shrink: 0; margin-right: 6px; overflow: hidden; }
.ns-footer-accordion { display: none; }
.ns-etbis-wrapper { margin-bottom: 20px; }
.ns-etbis-link { display: inline-block; transition: opacity .2s; }
.ns-etbis-link:hover { opacity: .8; }
.ns-etbis-link img { display: block; height: 110px; width: auto; }
.ns-footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 25px; }
.ns-footer-copyright { opacity: .7; font-size: .9rem; }
.ns-footer-socials { display: flex; align-items: center; gap: 15px; }
.ns-social-title { font-size: 1rem; font-weight: 700; text-transform: uppercase; color: var(--koyu); letter-spacing: .06rem; }
.ns-social-icons { display: flex; gap: 12px; }
.ns-social-link { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50%;
  text-decoration: none; transition: transform .3s ease, opacity .3s ease; color: var(--koyu); }
.ns-social-link:hover { transform: scale(1.1); opacity: .9; }
.ns-social-link svg { width: 2.2rem; height: 2.2rem; }
@media screen and (max-width: 850px) {
  .ns-footer-menus-wrapper { display: none !important; }
  .ns-footer-accordion { display: flex; flex-direction: column; width: 100%; margin-bottom: 30px; }
  .ns-footer-bottom { flex-direction: column-reverse; gap: 25px; text-align: center; }
  .ns-footer-socials { flex-direction: column; }
  /* magazanin kendi kodu: baslik altinda %20 beyaz cizgi (acik gri zeminde neredeyse gorunmez), liste ustte 15px */
  .ns-accordion-item { overflow: hidden; }
  .ns-accordion-header {
    width: 100%; background: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 18px 0;
    display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 700; font-size: 1.1rem;
    text-transform: uppercase; outline: none; color: var(--koyu); letter-spacing: normal;
  }
  .ns-accordion-icon { font-size: 1.5rem; font-weight: 400; transition: transform .3s ease; }
  .ns-accordion-content .ns-footer-menu-links { padding-top: 15px; }
  .ns-accordion-content { max-height: 0; overflow: hidden; transition: max-height .4s ease-out, padding .3s ease; padding: 0; }
  .ns-accordion-item.ns-active .ns-accordion-content { padding-bottom: 20px; }
  .ns-accordion-item.ns-active .ns-accordion-icon { transform: rotate(45deg); }
}
.bulten { text-align: center; }
.bulten h2 { font-size: 1.6rem; line-height: 1.3; margin: 0 0 2rem; font-weight: 400; }
@media screen and (min-width: 990px) { .bulten h2 { font-size: 1.8rem; } }   /* 1 Ekim: canli 990'a kadar 16 px (tablette 750'de buyuyordu, 2 px) */
.bulten form { max-width: 36rem; margin: 0 auto; }
.bulten__mesaj { font-size: 1.4rem; margin-top: 1rem; }
/* en alt satir: ustunde TAM GENISLIK ince cizgi, telif cizginin 61px altinda (canli: 30 + 16 + 15) */
.alt-alt { border-top: .1rem solid rgba(18, 18, 18, .08); padding-top: 1.5rem; }
@media screen and (min-width: 750px) { .alt-alt { padding-top: 4.5rem; } }   /* 1 Ekim: canli 30 + 15 (odeme simgesi satiri) + 15 = 61 px, 46 ile 62 oluyordu */
.alt-satir { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-top: 1.5rem;
  font-size: 1rem; letter-spacing: .07rem; line-height: 1.7; }
.alt-satir a { color: var(--metin); text-decoration: none; }
.alt-satir a:hover { text-decoration: underline; }
.alt-satir span + span::before, .alt-satir .ayrac::before { content: "\00b7"; margin-right: 1rem; }
@media screen and (min-width: 750px) { .alt-satir { font-size: 1.1rem; } }

/* ───────────── YAPISKAN WHATSAPP (magazanin kendi parcasi) ───────────── */
.reysa-whatsapp-fab {
  position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; border-radius: 50%; background: #25d366;
  box-shadow: 0 4px 16px rgba(37, 211, 102, .45); display: flex; align-items: center; justify-content: center; z-index: 9998;
  text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; animation: wa-nabiz 2.4s infinite;
}
.reysa-whatsapp-fab:hover { transform: scale(1.08); box-shadow: 0 6px 22px rgba(37, 211, 102, .6); }
.reysa-whatsapp-fab svg { width: 34px; height: 34px; fill: #fff; }
@keyframes wa-nabiz {
  0% { box-shadow: 0 4px 16px rgba(37, 211, 102, .45), 0 0 0 0 rgba(37, 211, 102, .55); }
  70% { box-shadow: 0 4px 16px rgba(37, 211, 102, .45), 0 0 0 18px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 4px 16px rgba(37, 211, 102, .45), 0 0 0 0 rgba(37, 211, 102, 0); }
}
@media screen and (max-width: 749px) {
  .reysa-whatsapp-fab { bottom: 40px; right: 14px; width: 54px; height: 54px; }
  .reysa-whatsapp-fab svg { width: 30px; height: 30px; }
}

/* onizleme seridi (yalniz REYSA_ONIZLEME=1) */
.onizleme-serit { background: #a16207; color: #fff; text-align: center; font-size: 1.2rem; padding: .5rem 1.2rem; }

/* koleksiyon suzgec ekleri */
.suzgec-secenek { display: flex; align-items: center; gap: 1rem; padding: .5rem 0; color: var(--metin); text-decoration: none;
  font-size: 1.4rem; line-height: 1.5; }
.suzgec-secenek:hover { color: var(--koyu); text-decoration: underline; }
.suzgec-secenek.secili { color: var(--koyu); font-weight: 600; }
.suzgec-renk { width: 2rem; height: 2rem; border-radius: 50%; border: .1rem solid var(--cizgi-3); background-size: cover;
  background-position: center; flex-shrink: 0; }
.suzgec-ust__masaustu { display: none; align-items: center; gap: 2.5rem; }
@media screen and (min-width: 990px) {
  .suzgec-ust__masaustu { display: flex; }
  .suzgec-sayi-telefon { display: none; }
}
.koleksiyon-alt-aciklama { margin: 2rem 0 4rem; max-width: 80rem; }

/* blog kolaji (canli: gorselsiz gri metin kartlari; her ucluden ilki tam genislik ve ortali) */
.blog-kolaj { display: grid; grid-template-columns: 1fr; gap: .4rem; list-style: none; margin: 0 0 4rem; padding: 0; }
@media screen and (min-width: 750px) {
  .blog-kolaj { grid-template-columns: 1fr 1fr; }
  .blog-kolaj > li:nth-child(3n+1) { grid-column: 1 / -1; text-align: center; }
  .blog-kolaj > li:nth-child(3n+1) p { max-width: 58rem; margin-left: auto; margin-right: auto; }
}
.yazi-kart--metin { background: #f3f3f3; }
.yazi-kart--metin .yazi-kart__bilgi { padding: 2rem 1.5rem 2.2rem; }
@media screen and (min-width: 750px) { .yazi-kart--metin .yazi-kart__bilgi { padding: 2.2rem 1.5rem 2.2rem; } }
.yazi-kart--metin h2 { font-size: 1.8rem; line-height: 1.3; margin: 0 0 .4rem; }
@media screen and (min-width: 750px) { .yazi-kart--metin h2 { font-size: 2rem; } }
.yazi-kart--metin h2 a { color: var(--koyu); text-decoration: none; }
.yazi-kart--metin h2 a:hover { text-decoration: underline; }
.yazi-kart--metin .yazi-kart__tarih { font-size: 1rem; letter-spacing: .13rem; text-transform: uppercase; margin: 0 0 1.2rem;
  font-family: Georgia, 'Times New Roman', serif; color: var(--koyu); }
.yazi-kart--metin p { font-size: 1.3rem; line-height: 1.8; }
.urun-sss { margin-top: 2rem; }
.urun-sss h2 { font-size: 2rem; margin: 0 0 1rem; }
.urun-sss h3 { font-size: 1.6rem; font-weight: 600; margin: 1.6rem 0 .4rem; }
.urun-sss p { margin: 0 0 1rem; }

/* kendi sayfalarimiz (siparis sorgulama, odeme) icin kucuk yardimcilar */
.kucuk-yazi { font-size: 1.3rem; color: var(--metin); letter-spacing: .04rem; }
.dugme--kucuk { min-height: 3.6rem; min-width: 0; padding: 0 1.6rem; font-size: 1.3rem; }
.toplamlar { display: flex; justify-content: space-between; align-items: baseline; gap: 2rem; }
.toplamlar__ad { font-size: 1.6rem; margin: 0; }
.toplamlar__deger { font-size: 1.8rem; margin: 0; color: var(--koyu); letter-spacing: .1rem; }

/* ───────── 29 Eylul canli karsilastirmasindan duzeltmeler ───────── */
/* koleksiyon ust cubugu: masaustunde saga yasli siralama + sayi; telefonda suzgec dugmesi + sayi */
.koleksiyon-ust { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin: 0 0 1.5rem; }
/* canli product-count-vertical margin-left 3.5rem (990/1200/1440 olcumu, 30 Eylul) */
.koleksiyon-ust__sag { display: flex; align-items: center; gap: 3.5rem; }
.koleksiyon-ust__masaustu { display: none; }
@media screen and (min-width: 990px) {
  .koleksiyon-ust { justify-content: flex-end; margin: 4.2rem 0 1.6rem; }
  .koleksiyon-ust__masaustu { display: block; }
}
.suzgec-yan__baslik { font-size: 1.4rem; line-height: 1.5; margin: .4rem 0 1.5rem; color: var(--metin); letter-spacing: .04rem; }
.suzgec-bilgi { font-size: 1.4rem; margin: 0 0 1.5rem; color: var(--metin); }
.suzgec-fiyat { display: flex; align-items: center; gap: .8rem; padding-bottom: 2rem; font-size: 1.4rem; }
.suzgec-fiyat input { flex: 1; min-width: 0; width: 100%; min-height: 4.5rem; border: .1rem solid var(--koyu); padding: 0 1.2rem;
  font-size: 1.4rem; background: #fff; color: var(--koyu); -moz-appearance: textfield; }
.suzgec-fiyat input::-webkit-outer-spin-button, .suzgec-fiyat input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.suzgec-fiyat input::placeholder { color: var(--metin); }

/* urun fiyat blogu (olcum 29 Eylul 2026): taksit, satis fiyati, ustu cizili eski fiyat ALT ALTA; sonra rozet,
   sonra "Vergiler dahil." (canlida -14px + 15px birlesik bosluk = 1px). */
.urun .fiyat { margin: 0 0 .5rem; }
.urun .fiyat__satis, .urun .fiyat__eski { margin-right: 1rem; line-height: 1.5; }
.urun .fiyat__eski { line-height: 2.4rem; }
@media screen and (min-width: 750px) { .urun .fiyat__eski { line-height: 2.7rem; } }
.urun .rozet { display: block; width: fit-content; margin: 0 0 .5rem; }
.urun__vergi { margin-top: 1px !important; }

/* urun: masaustunde galeri sutunu yapiskan (canlida aciklama uzadikca gorsel ekranda kaliyor), kucuk resimler 6 sutun */
@media screen and (min-width: 750px) {
  /* canli Dawn .product__column-sticky: top 3rem, z-index 2 (yapiskan baslik ustte kalir, galerinin ustu onun arkasina girer;
     boylece "nerede gorebilirim" dugmesi ve kucuk resimler ekranda kalir) */
  .urun__galeri { position: sticky; top: 3rem; z-index: 2; align-self: start; }
  /* canli .product__info-container: 750 ve ustunde sticky, top 3rem (30 Eylul olcumu 800/990/1200/1440) */
  .urun__bilgi-ic { position: sticky; top: 3rem; }
}
.galeri__kucukler { grid-template-columns: repeat(6, 1fr); gap: .8rem; }

/* buyutec simgesi (telefonda gorselin sol ustunde) */
.galeri__buyutec {
  position: absolute; top: 1.2rem; left: 1.2rem; z-index: 2; width: 3.4rem; height: 3.4rem; border-radius: 50%;
  background: rgba(255, 255, 255, .92); border: .1rem solid rgba(18, 18, 18, .08); display: none; align-items: center;
  justify-content: center; color: var(--koyu); pointer-events: none;
}
.galeri__buyutec svg { width: 1.5rem; height: 1.5rem; }

/* telefon galerisi: sonraki gorsel kenardan gorunur, kucuk resim seridi oklu */
.galeri__kucuk-sarmal { position: relative; }
.galeri__kucuk-ok { display: none; }
@media screen and (max-width: 749px) {
  .galeri__ana { aspect-ratio: auto; }
  .galeri__serit { gap: 1rem; padding: 0 1.5rem; scroll-padding: 0 1.5rem; }
  .galeri__serit > figure { flex: 0 0 calc(100% - 3.5rem); aspect-ratio: 1 / 1; scroll-snap-align: start; }
  .galeri__buyutec { display: flex; }
  .galeri__nerede { padding: 0 1.5rem; margin: .4rem 0; }
  .galeri__kucuk-sarmal { display: flex; align-items: center; padding: 0 .4rem; }
  .galeri__kucukler { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: .8rem;
    margin: .4rem 0 0; flex: 1; }
  .galeri__kucukler::-webkit-scrollbar { display: none; }
  .galeri__kucukler > li { flex: 0 0 calc((100% - 3.2rem) / 5); scroll-snap-align: start; }
  .galeri__kucuk-ok { display: flex; align-items: center; justify-content: center; width: 3rem; height: 4.4rem; border: 0;
    background: none; color: var(--koyu); cursor: pointer; padding: 0; flex-shrink: 0; }
  .galeri__kucuk-ok svg { width: 1.2rem; height: 1.2rem; }
  .galeri__sayac { display: none; }
}

/* telefonda sabit satin alma cubugu (magazanin kendi parcasi: reysa-sticky-bar) */
.reysa-sticky-bar { display: none; }
@media screen and (max-width: 749px) {
  .reysa-sticky-bar.acik {
    display: flex; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; border-top: 1.5px solid #e0e0e0;
    z-index: 45; padding: 10px 12px; align-items: center; gap: 10px; box-shadow: 0 -4px 15px rgba(0, 0, 0, .1);
  }
  .reysa-sticky-fiyat { flex: 1; display: flex; flex-direction: column; gap: 1px; }
  .reysa-sticky-taksit { color: var(--yesil); font-weight: 700; font-size: .95rem; display: block; line-height: 1.2; }
  .reysa-sticky-eski { font-size: .85rem; color: #999; text-decoration: line-through; display: block; line-height: 1.8; }
  .reysa-sticky-yeni { font-size: 1.25rem; font-weight: 700; color: var(--kirmizi); display: block; line-height: 1.8; }
  .reysa-sticky-indirim { background: var(--kirmizi); color: #fff; font-weight: 700; font-size: .85rem; padding: 4px 8px; border-radius: 6px; }
  .reysa-sticky-buton { letter-spacing: normal; background: #ff6128; color: #fff; font-weight: 700; font-size: 1rem; padding: 12px 18px; border: none;
    border-radius: 8px; cursor: pointer; font-family: inherit; }
  /* canlida govdeye alt dolgu eklenmiyor (olcum: 0px); WhatsApp dugmesi cubugun ustune, alttan 92px */
  body.yapiskan-cubuk .reysa-whatsapp-fab { bottom: 92px; }
}

/* Kaydirinca belirme (canli temada "reveal on scroll" acik; olcum 29 Eylul 2026): oge ekrana girince 0.6 sn'de
   belirir, "kay" olanlar 2rem asagidan gelir; kart izgaralarinda 75 ms arayla sirayla. Betik yoksa animasyon
   yine sonuna kadar oynar, oge gorunur kalir. */
@media (prefers-reduced-motion: no-preference) {
  .belir { opacity: .01; }
  .belir--kay { transform: translateY(2rem); }
  .belir:not(.belir--disarida) { animation: belirSol .6s cubic-bezier(0, 0, .3, 1) forwards; }
  .belir--kay:not(.belir--disarida) { animation: belirKay .6s cubic-bezier(0, 0, .3, 1) forwards;
    animation-delay: calc(var(--sira, 0) * 75ms); }
}
@keyframes belirKay { 0% { transform: translateY(2rem); opacity: .01; } 100% { transform: translateY(0); opacity: 1; } }
@keyframes belirSol { 0% { opacity: .01; } 100% { opacity: 1; } }

/* KOLEKSIYON: canli olculer (29 Eylul 2026, sartname "Koleksiyon" + konum_kiyas). Siralama satiri basligin 61px
   altinda, suzgec sutunu 10px ic boslukla, izgara 16px asagidan; Fiyat grubu 179px (ozet 51 + 19 + bilgi 17 + 19 +
   fiyat kutulari 57 + 15). */
@media screen and (min-width: 990px) {
  .koleksiyon-ust { margin: 6.1rem 0 0; height: 2.1rem; }
  .suzgec-yan { padding-top: 1rem; }
}
.suzgec-yan__baslik { font-size: 1.5rem; line-height: 2.25rem; letter-spacing: .04rem; color: rgba(18, 18, 18, .85); margin: 0 0 1.5rem; }
.suzgec-grup { border-top-color: rgba(18, 18, 18, .1); }
.suzgec-yan .suzgec-grup:last-child { border-bottom: 0; }
.suzgec-grup > summary { line-height: 2.1rem; }
.suzgec-bilgi { font-size: 1.4rem; line-height: 1.7rem; margin: 1.9rem 0 0; }
.suzgec-fiyat { gap: 0; padding: .5rem .5rem .5rem 0; margin: 1.9rem 0 1.5rem; font-size: 1.6rem; line-height: 2.88rem; }
.suzgec-fiyat > span { margin-right: .6rem; }
/* canli price-range (30 Eylul): tek TL isareti + kutu ici etiketli iki alan (.alan-kutu--etiketli), alanlar esit
   paylasir, aralarinda 1rem; alan 47 px (girdi 45 px + 1 px ic kenar) */
.suzgec-fiyat .alan-kutu--etiketli { flex: 1 1 0; min-width: 0; width: auto; }
.suzgec-fiyat .alan-kutu--etiketli + .alan-kutu--etiketli { margin-left: 1rem; }
.suzgec-fiyat .alan-kutu--etiketli input { min-width: 0; }
/* .suzgec-grup label (secenek satiri) dolgusu kutu ici etikete uymasin */
.suzgec-fiyat .alan-kutu--etiketli label { display: block; padding: 0; gap: 0; }
.siralama { gap: 2rem; }
.siralama label { font-size: 1.4rem; line-height: 2.1rem; color: rgba(18, 18, 18, .85); }
.siralama select { padding: 0 1.75rem 0 0; line-height: 2.1rem; height: 2.1rem; background-position: right center; }
.kart__bilgi { gap: .7rem; }
.kart .fiyat__eski { font-size: 1.408rem; line-height: 2.4rem; }
.koleksiyon-alt-aciklama { max-width: none; margin: 4rem 0 5.6rem; }
/* canli: sayfalamanin alt boslugu ile aciklamanin ust boslugu TOPLANIR (telefonda 27 + 40 = 67). 750+ .koleksiyon
   izgara oldugu icin zaten toplanir; 749 ve altinda blok duzeninde ust uste binmesin diye kendi bicimlendirme baglami. */
@media screen and (max-width: 749px) { .koleksiyon { display: flow-root; } }
/* koleksiyon sayfalamasi: canlida izgaranin 49px altinda, altinda 36px (sonra 40px'le alt aciklama) */
/* canli: sayfalama ust boslugu 989 ve alti 40 px, 990+ 50 px (30 Eylul kesirli olcum; eski 39.4/49.4 degeri logo oranindan
   gelen 0.25 px kaymayi telafi ediyordu, logo duzelince gercek degere donuldu); alt boslugu 749 ve alti 27, 750+ 36 */
.koleksiyon .sayfalama { margin: 4rem 0 3.6rem; }
@media screen and (min-width: 990px) { .koleksiyon .sayfalama { margin-top: 5rem; } }
/* koleksiyon kirilma noktasi: canlida suzgec sutunu (260px + 30px) ve siralama satiri 750px'ten itibaren gorunur
   (olcum 750: sutun x50 260px, izgara 2 sutun 360px). Telefonda ust satir 30px ("Filtrele ve sirala" 15px/18px, 5px
   dolgu) basligin 62px altinda, sagda "N urun" %70. */
@media screen and (min-width: 750px) {
  .koleksiyon { display: grid; grid-template-columns: 26rem 1fr; column-gap: 3rem; }
  .suzgec-yan { display: block; padding-top: 1rem; }
  .koleksiyon-ust { justify-content: flex-end; margin: 6.1rem 0 0; height: 2.1rem; }
  .koleksiyon-ust__masaustu { display: block; }
  .suzgec-ac { display: none !important; }
}
@media screen and (max-width: 749px) {
  .koleksiyon-ust { margin: 6.2rem 0 0; height: 3rem; align-items: center; }
  .suzgec-ac { padding: .5rem 0; margin: 0; gap: 1rem; font-size: 1.5rem; line-height: 1.8rem; letter-spacing: .1rem;
    color: rgba(18, 18, 18, .85); }
  .urun-sayisi { text-align: right; }
  .kart__bilgi { padding-top: 1.3rem; padding-bottom: 1.3rem; }
  .alt .bulten form { max-width: 28.2rem; }
  .alt-satir { justify-content: center; text-align: center; font-size: 1.1rem; }
  .alt-satir a { display: inline-block; padding: .6rem 0; }
}
.bulten .alan-kutu input { height: 4.7rem; min-height: 0; }
@media screen and (max-width: 749px) { .koleksiyon .sayfalama { margin: 4rem 0 2.7rem; } }
/* acik suzgec grubunun alt boslugu grubun icinde (canli grup kutusu 179px) */
.suzgec-yan .suzgec-grup[open] { padding-bottom: 1.5rem; }
.suzgec-yan .suzgec-grup[open] .suzgec-fiyat { margin-bottom: 0; }

/* telefon galerisi (canli olcu 390): oge 356px = 354px gorsel + 1px cerceve, 5px dikey dolgu, ilk oge 15px iceriden,
   4px ara (sonraki gorsel 15px gorunur). Buyutec 32px beyaz. Kucuk resim satiri: 44px oklar + 302px liste
   (5px dolgu, ogeler 52.4px, 1rem ara). Yapiskan cubuk z 9998 (canli). */
@media screen and (max-width: 749px) {
  .galeri__serit { gap: .4rem; padding: 0; scroll-padding-left: 1.5rem; }
  .galeri__serit > figure { flex: 0 0 calc(100% - 3.4rem); aspect-ratio: auto; padding: .5rem 0; }
  .galeri__serit > figure:first-child { margin-left: 1.5rem; }
  .galeri__serit > figure:last-child { margin-right: 1.5rem; }
  .galeri__serit > figure img { aspect-ratio: 1 / 1; height: auto; border: .1rem solid rgba(18, 18, 18, .05); }
  .galeri__buyutec { top: 1.7rem; left: 1.2rem; width: 3.2rem; height: 3.2rem; background: #fff; border-color: rgba(18, 18, 18, .1); }
  .galeri__kucuk-sarmal { padding: 0; }
  .galeri__kucuk-ok { width: 4.4rem; height: 4.4rem; }
  ul.galeri__kucukler { gap: 1rem; padding: .5rem; margin: 0 0 .4rem; }
  .galeri__kucukler > li { flex: 0 0 5.24rem; padding-top: .4rem; }
  .reysa-sticky-bar.acik { z-index: 9998; border-top-width: 1.5px; }
}

/* degerlendirmelerin ustundeki musteri fotografi izgarasi (canli: 6 x 200px, 2 satir, aralik yok, dis koseler 8px;
   telefonda cizilmiyor). Kartlarda fotograf ustte, 1px ic bosluk (kart cizgisi ortulmesin). */
.degerlendirme__medya { display: none; }
@media screen and (min-width: 750px) {
  .degerlendirme__medya { display: grid; grid-template-columns: repeat(var(--medya-sutun, 6), 1fr); margin: 2.4rem 0 1.2rem;
    border-radius: 8px; overflow: hidden; }
  .degerlendirme__medya + .degerlendirme__govde { padding-top: 2.4rem; }
}
.degerlendirme__medya-oge { position: relative; display: block; aspect-ratio: 1 / 1; padding: 0; border: 0; background: #f5f5f5;
  cursor: pointer; overflow: hidden; }
.degerlendirme__medya-oge img { width: 100%; height: 100%; object-fit: cover; display: block; }
.degerlendirme__medya-arti { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(0, 0, 0, .45); color: #fff; }
.degerlendirme__medya-arti svg { width: 2.4rem; height: 2.4rem; }
.yorum-kart__foto { padding: 1px 1px 0; }

/* 1-2 fotografta canli kucuk resim seridi (100px, 8px ara, yuvarlak kose; telefonda da gorunur) */
.degerlendirme__medya.degerlendirme__medya--serit { display: flex; gap: .8rem; padding: 0 .8rem; margin: 2.4rem 0 1.2rem; border-radius: 0;
  overflow: visible; }
.degerlendirme__medya--serit .degerlendirme__medya-oge { width: 10rem; height: 10rem; flex: 0 0 10rem; border-radius: .8rem; }
.degerlendirme__medya--serit + .degerlendirme__govde { padding-top: 2.4rem; }
/* kart fotografi dogal oraninda (kirpilmaz), birden fazlaysa sag ustte "+N" */
.yorum-kart__medya { position: relative; padding: 1px 1px 0; }
.yorum-kart__medya .yorum-kart__foto { display: block; width: 100%; height: auto; aspect-ratio: auto; padding: 0; }
.yorum-kart__foto-sayi { position: absolute; top: 1.2rem; right: 1.2rem; display: flex; align-items: center; gap: .4rem;
  padding: .8rem; border-radius: 2.4rem; background: rgba(0, 0, 0, .55); color: #fff; font-size: 1.6rem; line-height: 2rem; }
.yorum-kart__foto-sayi svg { width: 1.6rem; height: 1.6rem; }
.yorum-kart__dogru { display: inline-block; vertical-align: .1rem; margin-left: .4rem; padding: .1rem .6rem; border: 1px solid #000;
  border-radius: 1.2rem; font-size: 1.2rem; line-height: 1.6rem; font-weight: 400; }
.yorum-kart__yildiz .bos { color: #108474; }
/* 30 Eylul gece: tum yorumlari tek sayfaya sigan (kisa) govdede canlida alt bosluk YOK; burada 2.4rem vardi, 1-15 yorumlu 11 urunde
   bolum 24 px uzundu (390 ve 1440 olculdu: canli govde 236 / 300, bizim 260 / 324). */
.degerlendirme__govde.kisa { padding-bottom: 0; }

/* BLOG LISTESI: canli olculer (29 Eylul 2026, sartname "Blog listesi"). Bolum ust dolgusu 36 (telefonda 27), h1 20px
   (750-989 ve telefonda 40px) bosluk; kartlar #f3f3f3, 27/30px ic bosluk, 2 sutun 8px ara (telefonda tek sutun 4px);
   her ucluden ilki tam genislik ve ortali (ozet 820px, yanlari 210px). Tarih Libre Baskerville 10px/12px. */
.blog-liste { padding-top: 2.7rem; }
.blog-liste .sayfa-baslik { font-size: 3rem; line-height: 1.3; margin: 4rem 0; }
@media screen and (min-width: 750px) { .blog-liste { padding-top: 3.6rem; } .blog-liste .sayfa-baslik { font-size: 4rem; } }
@media screen and (min-width: 990px) { .blog-liste .sayfa-baslik { margin: 2rem 0; } }
.blog-liste .blog-kolaj { gap: .4rem; margin: 0; }
@media screen and (min-width: 750px) { .blog-liste .blog-kolaj { gap: .8rem; } }
.blog-liste .yazi-kart--metin .yazi-kart__bilgi { padding: 2.7rem 3rem; }
.blog-liste .yazi-kart--metin h2 { font-size: 2rem; line-height: 1.3; margin: 0 0 .6rem; font-weight: 400; }
@media screen and (min-width: 750px) { .blog-liste .yazi-kart--metin h2 { font-size: 2.4rem; } }
.blog-liste .yazi-kart--metin .yazi-kart__tarih { display: block; font-family: "Libre Baskerville", serif; font-size: 1rem; line-height: 1.2rem;
  letter-spacing: .13rem; text-transform: uppercase; color: var(--koyu); padding-top: .4rem; margin: 0; }
.blog-liste .yazi-kart--metin p { font-size: 1.5rem; line-height: 1.8; margin: 1.2rem 0 2rem; color: var(--metin); }
@media screen and (min-width: 750px) { .blog-liste .yazi-kart--metin p { font-size: 1.6rem; } }
@media screen and (min-width: 750px) {
  .blog-liste .blog-kolaj > li:nth-child(3n+1) p { max-width: 82rem; margin: 1.2rem 0 2rem; }
}
@media screen and (min-width: 990px) {
  .blog-liste .blog-kolaj > li:nth-child(3n+1) p { margin: 1.2rem .5rem 2rem; }
}
@media screen and (min-width: 1200px) {
  .blog-liste .blog-kolaj > li:nth-child(3n+1) p { margin: 1.2rem auto 2rem; }
}
@media screen and (max-width: 749px) { .blog-liste .blog-kolaj > li { text-align: left; } }
@media screen and (max-width: 749px) { .blog-liste .yazi-kart--metin .yazi-kart__bilgi { padding: 2.3rem 3rem; } }
.blog-liste .sayfalama { margin: 4rem 0 2.7rem; }
@media screen and (min-width: 750px) { .blog-liste .sayfalama { margin: 4rem 0 3.6rem; } }
/* canli sayfalama ust boslugu 990'da 5rem'e cikar (750-989 arasi 4rem; 30 Eylul olcumu) */
@media screen and (min-width: 990px) { .blog-liste .sayfalama { margin-top: 5rem; } }

/* ICERIK SAYFALARI, POLITIKA, BLOG YAZISI, 404: canli olculer (29 Eylul 2026, sartname).
   Dar kolon masaustunde 726px icerik (dolgusuz), 750-989'da 9rem yan dolgu, telefonda sayfa kenari. */
@media screen and (min-width: 750px) and (max-width: 989px) { .kap--dar { max-width: none; padding: 0 9rem; } }
@media screen and (min-width: 990px) { .kap--dar { max-width: 72.6rem; padding: 0; } }
.sayfa-bolum { padding: 2.1rem 0; }
@media screen and (min-width: 750px) { .sayfa-bolum { padding: 2.8rem 0; } }
.sayfa-bolum--iletisim { padding: 2.7rem 0; }
@media screen and (min-width: 750px) { .sayfa-bolum--iletisim { padding: 3.6rem 0; } }
.sayfa-baslik--h0 { font-size: 4rem; line-height: 1.3; margin: 0 0 3rem; }
@media screen and (min-width: 750px) { .sayfa-baslik--h0 { font-size: 5.2rem; margin: 0 0 4rem; } }
.sayfa-govde { padding-bottom: 0; }
/* iletisim formu: Ad | E-posta yan yana (353 + 20 + 353), alanlar 47px, yorum 100px, "Gonder" 47px */
.iletisim-bolum { padding: 2.7rem 0; }
@media screen and (min-width: 750px) { .iletisim-bolum { padding: 3.6rem 0; } }
.iletisim-formu__ikili { display: flex; flex-direction: column; }
@media screen and (min-width: 750px) {
  .iletisim-formu__ikili { flex-direction: row; column-gap: 2rem; }
  .iletisim-formu__ikili .alan-kutu { flex: 1; }
}
.iletisim-formu .alan-kutu { margin: 0 0 1.5rem; }
@media screen and (min-width: 750px) { .iletisim-formu .alan-kutu { margin: 0 0 2rem; } }
.iletisim-formu textarea { flex: 1; min-height: 10rem; height: 10rem; padding: 1.5rem 2rem; font-size: 1.6rem; line-height: 1.5;
  color: var(--koyu); border: .1rem solid rgba(18, 18, 18, .55); background: #fff; letter-spacing: .1rem; font-family: inherit;
  resize: vertical; }
.iletisim-formu textarea::placeholder { color: rgba(18, 18, 18, .75); opacity: 1; }
.iletisim-formu__dugme { margin-top: 2rem; }
.iletisim-formu__dugme .dugme { min-width: 12.2rem; }
.iletisim-formu__tamam, .iletisim-formu__hata { font-size: 1.6rem; margin: 0 0 2rem; }
.iletisim-formu__hata { color: var(--kirmizi); }
/* politika: 656px kap (20px yan dolgu), ortali 40px baslik (telefonda 30px) 26.8px ust/alt */
.politika { max-width: 65.6rem; margin: 0 auto; padding: 0 2rem; }
.politika__baslik { text-align: center; font-size: 3rem; line-height: 1.3; margin: 2.01rem 0; }
@media screen and (min-width: 750px) { .politika__baslik { font-size: 4rem; margin: 2.68rem 0; } }
/* canli: paragraflar arasi 1em (masaustu 16 px, telefon 15 px), ilk ustte / son altta bosluk yok, govde altinda dolgu yok */
.politika__govde p { margin: 1em 0; }
.politika__govde > :first-child { margin-top: 0; }
.politika__govde > :last-child { margin-bottom: 0; }
/* blog yazisi: baslik kutusu 50px ust / 20px alt, baslik 40px (telefonda 30px) alt 10px, tarih 10px/12px buyuk harf;
   "Share" 30px ustte 44px; icerik 15px ust / 30px alt; "Bloga don" ortali, 50px ust / 32px alt */
.yazi__ust { margin-top: 5rem; margin-bottom: 2rem; }
.yazi__ust h1 { font-size: 3rem; line-height: 1.3; margin: 0 0 1rem; }
@media screen and (min-width: 750px) { .yazi__ust h1 { font-size: 4rem; } }
/* canli: tarih satir ici; baslik blogunun satir yuksekligi .8 (16 px'te 12.8) -> tarih satiri 14 px, blok 128 px */
.yazi__ust { line-height: .8; }
.yazi__tarih { display: inline; font-size: 1rem; line-height: 1.2rem; letter-spacing: .13rem; text-transform: uppercase; color: var(--metin); }
.yazi__paylas { margin-top: 3rem; display: flex; align-items: center; gap: 1rem; }
.paylas-dugme { display: flex; align-items: center; gap: 1rem; min-height: 4.4rem; padding: 0; border: 0; background: none;
  color: var(--koyu); font-size: 1.4rem; letter-spacing: .1rem; cursor: pointer; font-family: inherit; }
.paylas-dugme svg { width: 1.3rem; height: 1.2rem; }
.paylas-dugme__bilgi { font-size: 1.3rem; color: var(--metin); }
.yazi__icerik { margin-top: 1.5rem; margin-bottom: 3rem; }
.yazi__geri-kap { margin: 5rem 0 3.2rem; text-align: center; }
/* canli article-template__link (30 Eylul): tam genislik flex, ortali, 18/32.4 koyu; kuyruklu ok 20x20 kutuda,
   180 derece donuk, 10 px sag bosluk; ok yolu 2.5 px sola kaymis, ustune gelince 0.5 px'e gelir (animate-arrow) */
.yazi__geri { display: flex; justify-content: center; align-items: center; margin: 0; font-size: 1.8rem; line-height: 1.8;
  color: var(--koyu); text-decoration: none; }
.yazi__geri-ok { display: flex; width: 2rem; height: 2rem; margin-right: 1rem; transform: rotate(180deg); }
.yazi__geri-ok svg { width: 2rem; height: 2rem; }
.yazi__geri-ok path { transform: translateX(-.25rem); transition: transform .1s ease; }
.yazi__geri:hover .yazi__geri-ok path { transform: translateX(-.05rem); }
/* 404 */
.hata-sayfa { text-align: center; margin: 7rem auto; padding-top: 0; padding-bottom: 0; }
.hata-sayfa__kod { margin: 1.6rem 0; font-size: 1.6rem; line-height: 1.8; }
.hata-sayfa__baslik { font-size: 3rem; line-height: 1.3; margin: 3rem 0 2rem; }
.hata-sayfa__dugme { margin-top: 1rem; }
@media screen and (min-width: 750px) {
  .hata-sayfa__baslik { font-size: 4rem; margin: 5rem 0 3rem; }
  .hata-sayfa__dugme { margin-top: 2rem; }
}
/* zengin metnin son ogesinin alt boslugu kutudan tasmasin (canli: son paragraf 0) */
.icerik > *:last-child { margin-bottom: 0; }

/* SEPET: canli olculer (29 Eylul 2026, sartname "Sepet (dolu)/(bos)"; magaza eklemeleri tema kaynagindan). */
.sepet-kalemler { padding: 2.7rem 0; }
@media screen and (min-width: 750px) { .sepet-kalemler { padding: 3.6rem 0; } }
.sepet-baslik { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; margin: 0 0 3rem; }
/* canli .title-wrapper-with-link: align-items center (baglanti basligin dikey ortasinda) */
.sepet-baslik h1 { font-size: 3rem; line-height: 1.3; margin: 0; }
@media screen and (min-width: 750px) { .sepet-baslik h1 { font-size: 4rem; } }
.sepet-baslik a { font-size: 1.6rem; line-height: 1.8; color: rgba(18, 18, 18, .85); text-decoration: underline; text-underline-offset: .3rem; }
.sepet-tablo { width: 100%; border-collapse: collapse; }
.sepet-tablo th { font-size: 1rem; line-height: 1.2rem; letter-spacing: .13rem; text-transform: uppercase; font-weight: 400; opacity: .85;
  text-align: left; padding: 0 0 1.8rem; border-bottom: .1rem solid rgba(18, 18, 18, .08); }
.sepet-tablo th.sepet-tablo__sag, .sepet-tablo th.sepet-tablo__tel { text-align: right; }
.sepet-kalem td { vertical-align: top; }
.sepet-kalem__gorsel img { display: block; width: 100%; max-width: 10rem; height: auto; border: .1rem solid rgba(18, 18, 18, .05); }
.sepet-kalem__ad { display: block; max-width: 30rem; font-size: 1.5rem; line-height: 1.3; color: var(--koyu); text-decoration: none; }
.sepet-kalem__ad:hover { text-decoration: underline; text-underline-offset: .3rem; }
.sepet-kalem__fiyatlar { margin-top: .6rem; font-size: 1.6rem; line-height: 1.4; }
.sepet-kalem__eski { font-size: 1.4rem; line-height: 1.5; color: #999; opacity: .7; }
.sepet-kalem__fiyat { font-size: 1.4rem; line-height: 1.5; color: #e53935; font-weight: 400; margin-top: .4rem; }
.sepet-kalem__tek { font-size: 1.4rem; line-height: 1.5; margin-top: .6rem; }
.sepet-kalem__indirim { margin-top: 4px; }
.sepet-kalem__rozet { background: #e53935; color: #fff; font-size: .75rem; font-weight: 700; padding: 2px 7px; border-radius: 4px; line-height: 1.4; }
.sepet-kalem__eksi { color: #e53935; font-size: .8rem; font-weight: 600; margin-left: 6px; line-height: 1.4; }
.sepet-kalem__secenekler { margin: .6rem 0 0; font-size: 1.4rem; line-height: 1.5; }
.sepet-kalem__secenekler div { display: flex; gap: .4rem; }
.sepet-kalem__secenekler dt, .sepet-kalem__secenekler dd { margin: 0; }
.sepet-kalem__adet-ic { display: flex; align-items: center; gap: 1rem; }
.sepet-kalem__adet-ic .adet-kutu { background: #fff; }
.sepet-sil { display: flex; align-items: center; justify-content: center; width: 3.5rem; min-height: 3.5rem; padding: 0; border: 0;
  background: transparent; cursor: pointer; color: var(--koyu); }
.sepet-sil svg { width: 1.6rem; height: 1.6rem; }
.sepet-kalem__toplam { text-align: right; }
.sepet-kalem__eski-toplam { display: block; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: .1rem; color: #999; opacity: .7; }
.sepet-kalem__yeni-toplam { display: block; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: .1rem; color: #e53935; font-weight: 700; }
.sepet-kalem__duz-toplam { font-size: 1.6rem; line-height: 2.4rem; letter-spacing: .1rem; }
.sepet-kalem__toplam-indirim { margin-top: 4px; }
.sepet-kalem__toplam-indirim .sepet-kalem__eksi { font-size: .85rem; font-weight: 700; margin-left: 4px; }
.sepet-kalem__toplam .sepet-kalem__eksi { display: block; margin: 0; }
.sepet-kalem__toplam-indirim .sepet-kalem__eksi { display: inline; margin-left: 4px; }
/* masaustu tablo hucreleri: 40px ust bosluk; ayrinti 40px, adet 50px, toplam 40px sol bosluk */
@media screen and (min-width: 750px) {
  .sepet-tablo__tel { display: none; }
  .sepet-tablo th.sepet-tablo__adet-bas { padding-left: 5rem; }
  .sepet-kalem td { padding-top: 4rem; }
  .sepet-kalem__gorsel { width: 10%; }
  .sepet-kalem__gorsel img { max-width: 100%; }
  .sepet-kalem__ayrinti { padding-left: 4rem; }
  .sepet-kalem__adet { padding-left: 5rem; }
  .sepet-kalem__toplam { padding-left: 4rem; }
  .sepet-tablo tbody tr:last-child td { padding-bottom: 4rem; border-bottom: .1rem solid rgba(18, 18, 18, .08); }
}
@media screen and (min-width: 990px) {
  .sepet-tablo th:first-child { width: 60%; }
  /* (Dawn'da adet basligina genislik yok; 25% kaldirildi 30 Eylul) */
}
/* telefon: satir 4 sutunlu izgara (gorsel | ayrinti x2 | toplam; adet ikinci satirda) */
@media screen and (max-width: 749px) {
  .sepet-tablo, .sepet-tablo tbody, .sepet-tablo thead { display: block; }
  .sepet-tablo thead tr { display: flex; justify-content: space-between; border-bottom: .1rem solid rgba(18, 18, 18, .08); }
  .sepet-tablo th { border: 0; }
  .sepet-tablo__masa { display: none !important; }
  /* canli: 4 x 1fr; kenar sutunlar icerik genisliginde (gorsel 102, fiyat ~100), ortadakiler kalani paylasir (30 Eylul) */
  .sepet-kalem { display: grid; grid-template-rows: repeat(2, auto); grid-template-columns: repeat(4, 1fr); gap: 1.5rem;
    margin: 3.5rem 0; }
  .sepet-kalem__gorsel img { max-width: 10rem; }
  .sepet-kalem__gorsel { grid-row: 1 / 3; }
  .sepet-kalem__ayrinti { grid-column: 2 / 4; }
  .sepet-kalem__toplam.sepet-tablo__tel { grid-column: 4 / 5; display: flex; flex-direction: column; align-items: flex-end; }
  .sepet-kalem__adet { grid-column: 2 / 5; }
  .sepet-sil { width: 4.5rem; min-height: 4.5rem; }
}
/* sepet alti: solda kurumsal fatura, sagda toplam blogu */
.sepet-alt-bolum .sepet-alt { padding: 1.5rem 0 5rem; }
@media screen and (min-width: 750px) {
  .sepet-alt-bolum .sepet-alt { display: flex; justify-content: space-between; padding: 2rem 0 5rem; }
}
.kurumsal-fatura-box { margin: 1rem 0; padding: 1.2rem; background: #faf8f5; border: 1px solid #e8e4de; border-radius: 10px; }
@media screen and (min-width: 750px) { .kurumsal-fatura-box { width: 35rem; max-width: calc(50% - 2rem); } }
.kurumsal-fatura-check { display: flex; align-items: center; gap: .7rem; cursor: pointer; font-weight: 600; font-size: 1rem; color: #222; }
.kurumsal-fatura-check input { width: 20px; height: 20px; cursor: pointer; accent-color: #ff6128; margin: 3px 5px 3px 4px; }
.kurumsal-fatura-alanlar { display: none; flex-direction: column; gap: .8rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e0ddd8; }
.kurumsal-fatura-alanlar.aktif { display: flex; }
.kurumsal-fatura-alanlar label { display: block; font-size: .85rem; color: #666; margin-bottom: .3rem; font-weight: 600; }
.kurumsal-fatura-alanlar input { width: 100%; height: 44px; padding: 0 12px; border: 1.5px solid #ddd; border-radius: 6px; font-size: .95rem;
  box-sizing: border-box; font-family: inherit; }
.kurumsal-fatura-alanlar input:focus { border-color: #ff6128; outline: none; }
.kurumsal-fatura-alanlar .kf-row { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
@media screen and (max-width: 749px) { .kurumsal-fatura-alanlar .kf-row { grid-template-columns: 1fr; } }
.sepet-bloklar { margin-top: 1.5rem; }
@media screen and (min-width: 750px) { .sepet-bloklar { width: 35rem; margin: 0 0 0 4rem; } }
.sepet-liste { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; }
.sepet-liste span { color: #999; font-size: .95rem; }
.sepet-liste s { color: #999; font-size: 1rem; }
.sepet-kazanc { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding: .8rem; background: #fff0f0;
  border-radius: 8px; border: 1px solid #e53935; }
.sepet-kazanc > span { color: #e53935; font-weight: 700; font-size: 1.2rem; }
.sepet-kazanc__rozet { background: #e53935; color: #fff; padding: 4px 10px; border-radius: 6px; font-size: 1rem; margin-right: 8px; }
.sepet-toplam { display: flex; justify-content: flex-end; align-items: flex-end; }
@media screen and (max-width: 749px) { .sepet-toplam { justify-content: center; } }
.sepet-toplam__ad { font-size: 1.6rem; line-height: 1; margin: .5rem 0 0; color: var(--koyu); font-weight: 400; }
.sepet-toplam__deger { font-size: 1.8rem; line-height: 1; margin: 0 0 0 2rem; color: var(--metin); letter-spacing: .06rem; }
.sepet-taksit { margin-top: .5rem; padding: .7rem 1rem; background: #e8f5e9; border-radius: 8px; color: #2e7d32; font-weight: 700; font-size: 1.1rem;
  text-align: right; }
.sepet-vergi { display: block; margin: 2.2rem 0 1.6rem; font-size: 1.3rem; line-height: 1.5; letter-spacing: .04rem; color: var(--metin); text-align: center; }
@media screen and (min-width: 750px) { .sepet-vergi { margin: 2.2rem 0; text-align: right; } }
.reysa-taksit-guvence { text-align: center; margin: .8rem 0 .4rem; line-height: 1.5; font-size: 1.3rem; letter-spacing: .04rem; color: var(--metin); }
.reysa-taksit-guvence span { opacity: .75; }
.sepet-odeme { margin-top: 1rem; }
.sepet-odeme .dugme { width: 100%; max-width: 36rem; }
.sepet-bolum-yukleniyor { opacity: .6; pointer-events: none; }
/* bos sepet */
.sepet-bos { text-align: center; padding: 3rem 0 1rem; }
@media screen and (min-width: 750px) { .sepet-bos { padding: 7rem 0 1rem; } }
.sepet-bos__baslik { font-size: 3rem; line-height: 1.3; margin: 4.5rem 0 2rem; }
@media screen and (min-width: 750px) { .sepet-bos__baslik { font-size: 4rem; margin: 0 0 3rem; } }
.sepet-bos__giris { font-size: 2rem; line-height: 1.3; margin: 5.5rem 0 .5rem; font-weight: 400; }
@media screen and (min-width: 750px) { .sepet-bos__giris { font-size: 2.4rem; } }
.sepet-bos__giris-metin { margin: .8rem 0 1.5rem; }
@media screen and (min-width: 750px) { .sepet-bos__giris-metin { margin: .8rem 0 1.6rem; } }

/* ARAMA KATMANI (canli olcu 1440/390): baslik satiri yuksekliginde beyaz serit, ortada 742px kutu (ic 22/98/8/20
   yerine yer tutuculu 20px), sagda 44px kapat; altinda %50 karartma. Oneriler kutunun altinda 744px, sol sutun 264px. */
.arama-katman { position: fixed; top: 0; left: 0; right: 0; z-index: 70; display: flex; align-items: center; justify-content: center;
  min-height: 7.4rem; padding: 0 1rem; background: #fff; border-bottom: .1rem solid rgba(18, 18, 18, .08); visibility: hidden; opacity: 0; }
@media screen and (min-width: 750px) { .arama-katman { padding: 0 6rem; } }
.arama-katman.acik { visibility: visible; opacity: 1; animation: aramaAcilis .2s ease; }
@keyframes aramaAcilis { 0% { opacity: 0; transform: translateY(-1.5rem); } 100% { opacity: 1; transform: translateY(0); } }
.arama-katman__ic { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; }
.arama-katman__form { position: relative; flex: 1; min-width: 0; max-width: 74.2rem; }
@media screen and (max-width: 749px) { .arama-katman__ic { padding-right: 4rem; } }
.arama-katman__kapat { display: flex; align-items: center; justify-content: center; width: 4.4rem; height: 4.4rem; margin-left: .5rem;
  border: 0; background: none; cursor: pointer; color: var(--koyu); padding: 0; }
@media screen and (max-width: 749px) { .arama-katman__kapat { position: absolute; right: -.7rem; top: 50%; transform: translateY(-50%); } }
.arama-katman__kapat svg { width: 2rem; height: 2rem; }
.arama-perde { position: fixed; inset: 0; z-index: 69; background: rgba(18, 18, 18, .5); opacity: 0; visibility: hidden;
  transition: opacity .2s ease, visibility .2s; }
.arama-perde.acik { opacity: 1; visibility: visible; }
/* arama kutusu: temizle (44px, sagdan 45px) + ara (44px, sagdan 1px) */
.alan-kutu--arama input { padding-right: 9.8rem; }
.alan-kutu--arama input::-webkit-search-cancel-button { -webkit-appearance: none; }
.alan-kutu--arama .arama-gonder, .alan-kutu--arama .arama-temizle { position: absolute; top: .1rem; bottom: .2rem; width: 4.4rem;
  display: flex; align-items: center; justify-content: center; border: 0; background: transparent; cursor: pointer; color: var(--koyu);
  padding: 0; }
.alan-kutu--arama .arama-gonder { right: .1rem; left: auto; }
.alan-kutu--arama .arama-temizle { right: 4.5rem; left: auto; }
.alan-kutu--arama .arama-temizle[hidden] { display: none; }
.alan-kutu--arama .arama-gonder svg { width: 1.8rem; height: 1.8rem; }
.alan-kutu--arama .arama-temizle svg { width: 1.4rem; height: 1.4rem; }
/* oneriler */
.arama-oneri { position: absolute; top: 4.8rem; left: -.1rem; right: -.1rem; z-index: 3; max-height: 76rem; overflow-y: auto; background: #fff;
  border: .1rem solid rgba(18, 18, 18, .1); border-top: 0; box-shadow: 0 1rem 2rem rgba(18, 18, 18, .08); }
@media screen and (max-width: 749px) { .arama-oneri { position: fixed; top: 7.36rem; left: 0; right: 0; max-height: calc(100vh - 8rem);
  border-top: .1rem solid rgba(18, 18, 18, .1); } }
.arama-oneri[hidden] { display: none; }
.arama-oneri__sutunlar { display: grid; grid-template-columns: 1fr; }
@media screen and (min-width: 750px) { .arama-oneri__sutunlar { grid-template-columns: 26.4rem 1fr; } }
.arama-oneri__baslik { margin: 0 2rem; padding: 1.5rem 0 .75rem; border-bottom: .1rem solid rgba(18, 18, 18, .08); font-size: 1rem;
  line-height: 1.2rem; letter-spacing: .13rem; text-transform: uppercase; color: rgba(18, 18, 18, .7); font-weight: 400; }
.arama-oneri ul { list-style: none; margin: 0; padding: 0; }
.arama-oneri__sutunlar { padding-bottom: 1rem; border-bottom: .1rem solid rgba(18, 18, 18, .08); }
/* telefonda gruplar alt alta, aralarinda 2rem (canli) */
@media screen and (max-width: 749px) { .arama-oneri__sutunlar { row-gap: 2rem; } }
.arama-oneri li a { display: flex; align-items: center; gap: 2rem; padding: 1rem 2rem; font-size: 1.3rem; line-height: 1.69rem; color: var(--koyu);
  text-decoration: none; letter-spacing: .06rem; }
.arama-oneri li a:hover { background: rgba(18, 18, 18, .04); text-decoration: underline; }
.arama-oneri__metin { margin: 0; }
.arama-oneri__metin span { font-weight: bolder; }
.arama-oneri__metin mark { background: transparent; color: rgba(18, 18, 18, .75); }
.arama-oneri__urun img { width: 5rem; height: 5rem; object-fit: contain; flex-shrink: 0; }
@media screen and (max-width: 749px) { .arama-oneri li a { font-size: 1.2rem; line-height: 1.56rem; } }
.arama-oneri__tumu { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem;
  font-size: 1.4rem; line-height: 1.96rem; color: var(--koyu); text-decoration: none; }
@media screen and (max-width: 749px) { .arama-oneri__tumu { padding: 1.3rem 2rem; } }
.arama-oneri__tumu:hover { text-decoration: underline; }

/* ARAMA SAYFASI (canli olcu): ust 36px, ortali 24px baslik (.67em bosluk), 741px kutu, 35px alt; suzgec satiri 51px
   (Filtre: Fiyat, Kategoriler | Siralama olcutu, N sonuc), izgara 16px asagidan 4 sutun. */
/* canli bolum dolgusu: telefonda 27 ust/alt, 750+ 36 ust/alt (30 Eylul olcumu) */
.arama-bolum { padding: 2.7rem 0; }
@media screen and (min-width: 750px) { .arama-bolum { padding: 3.6rem 0; } }
.arama-ust { text-align: center; }
.arama-ust__baslik { font-size: 2rem; line-height: 1.3; margin: .67em 0; }
@media screen and (min-width: 750px) { .arama-ust__baslik { font-size: 2.4rem; } }
.arama-ust__form { max-width: 74.1rem; margin: 3rem auto 3.5rem; }
/* canli: masaustunde kutu ile suzgec satiri arasi 50 px, telefonda 35 px */
@media screen and (min-width: 750px) { .arama-suzgec { margin-top: 5rem; } }
.arama-suzgec { display: grid; grid-template-columns: 1fr auto; align-items: start; padding-top: 1rem; min-height: 5.1rem; }
.arama-suzgec__sol { display: none; align-items: flex-start; gap: 2rem; }
.arama-suzgec__sol form { display: flex; gap: 2rem; }
.arama-suzgec__baslik { font-size: 1.4rem; line-height: 2.1rem; letter-spacing: .04rem; color: rgba(18, 18, 18, .85); }
.arama-suzgec__grup { position: relative; border: 0; width: auto; }
.arama-suzgec__grup > summary { padding: 0 1.75rem 0 0; font-size: 1.4rem; line-height: 2.1rem; gap: .8rem; }
.arama-suzgec__panel { position: absolute; top: calc(100% + .8rem); left: 0; z-index: 4; min-width: 30rem; padding: 1.5rem 2rem; background: #fff;
  border: .1rem solid rgba(18, 18, 18, .2); box-shadow: 0 .4rem 1.2rem rgba(18, 18, 18, .08); }
.arama-suzgec__panel .suzgec-bilgi { margin-top: 0; }
.arama-suzgec__panel .suzgec-fiyat { margin: 1.5rem 0 0; }
.arama-suzgec__sag { display: flex; align-items: center; justify-content: flex-end; gap: 2rem; }
.arama-suzgec .suzgec-ac { margin: 0; padding: .5rem 0; font-size: 1.5rem; line-height: 1.8rem; letter-spacing: .1rem; }
.arama-suzgec .urun-sayisi { font-size: 1.4rem; line-height: 2.1rem; color: var(--koyu); }
@media screen and (min-width: 750px) {
  .arama-suzgec__sol { display: flex; }
  .arama-suzgec .suzgec-ac { display: none; }
}
@media screen and (max-width: 749px) { .arama-suzgec { grid-template-columns: 1fr auto; min-height: 4rem; } .arama-suzgec__sol { display: none; } }
/* canli: izgaranin alt boslugu yok (tek sayfada altbilgiye kadar yalniz bolum dolgusu 27/36; sayfalamada onun ust boslugu) */
ul.arama-izgara { margin: 1.5rem 0 0; }
@media screen and (min-width: 750px) { ul.arama-izgara { margin-top: 1.6rem; } }
.kart--yazi .kart__gorsel { background: rgba(18, 18, 18, .04); }
.kart__yazi-tarih { font-size: 1rem; line-height: 1.2rem; letter-spacing: .13rem; text-transform: uppercase; color: var(--metin); }
/* arama kutusu yuzen etiket (canli: bosken 16px ortada, odakta/doluyken 10px ustte), yazi 22px ust dolgulu */
.alan-kutu--arama { box-shadow: inset 0 0 0 .1rem rgba(18, 18, 18, .55); transition: box-shadow .1s ease; }
.alan-kutu--arama:hover { box-shadow: inset 0 0 0 .2rem rgba(18, 18, 18, .55); }
.alan-kutu--arama input { flex: 1 1 auto; width: 100%; min-width: 0; height: 4.5rem; min-height: 0; margin: .1rem; border: 0;
  padding: 2.2rem 9.8rem .8rem 2rem; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: .04rem; outline: 0;
  transition: box-shadow .1s ease; }
.alan-kutu--arama input:focus { outline: 0; box-shadow: 0 0 0 .2rem var(--koyu); }
.alan-kutu--arama input::placeholder { color: transparent; }
.alan-kutu--arama .alan-etiket { position: absolute; left: 2.1rem; top: 1.1rem; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: .1rem;
  color: rgba(18, 18, 18, .75); pointer-events: none; transition: top .1s ease, font-size .1s ease; }
.alan-kutu--arama input:focus ~ .alan-etiket, .alan-kutu--arama input:not(:placeholder-shown) ~ .alan-etiket {
  top: .6rem; font-size: 1rem; line-height: 1.5rem; letter-spacing: .04rem; }
.alan-kutu--arama .arama-temizle svg { width: 1.8rem; height: 1.8rem; }
.arama-suzgec .suzgec-grup, .arama-suzgec .suzgec-grup:last-child { border: 0; }

/* suzgec / siralama yuklenirken (canli: izgaranin ustunde %70 beyaz ortu) */
#suzgec-sonuc .izgara { transition: opacity .2s ease; }
#suzgec-sonuc.suzgec-yukleniyor .izgara { opacity: .3; pointer-events: none; }

/* YORUMSUZ URUN (canli Judge.me bos hali, 30 Eylul): baslik 16/20 siyah; ortali metin 24 px altta; dolu teal dugme
   (191x34, 8px 16px, yaricap 8) 16 px altta; 12 px sonra 24 px bos govde; bolum 246 px */
.degerlendirme--bos .degerlendirme__baslik { display: block; width: fit-content; }
.degerlendirme__bos { margin-top: 2.4rem; text-align: center; }
.degerlendirme__bos-metin { margin: 0; font-size: 1.6rem; line-height: 2rem; color: #000; letter-spacing: normal; }
.degerlendirme__bos-dugmeler { margin-top: 1.6rem; display: flex; justify-content: center; }
.degerlendirme__yaz.degerlendirme__yaz--bos { flex: none; width: auto; min-width: 0; min-height: 3.4rem; padding: .8rem 1.6rem; border: 0; border-radius: 8px;
  background: #108474; color: #fff; font-size: 1.6rem; line-height: 1.6rem; letter-spacing: normal; }
.degerlendirme__bos-govde { height: 2.4rem; margin-top: 1.2rem; }

/* INDIRIMSIZ / TUKENMIS / GORSELSIZ URUN (canli, 30 Eylul olcumu; odeme linki, montaj gibi 21 urun) */
.urun .fiyat__normal { order: 2; display: block; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: .1rem; color: var(--koyu);
  font-weight: 400; }
@media screen and (min-width: 750px) { .urun .fiyat__normal { font-size: 1.8rem; line-height: 2.7rem; } }
.urun .fiyat__normal[hidden] { display: none; }
.urun .fiyat--indirimsiz .fiyat__satis { order: 3; }
.urun .fiyat--indirimsiz .fiyat__eski { order: 4; display: block; min-height: 2.4rem; }
@media screen and (min-width: 750px) { .urun .fiyat--indirimsiz .fiyat__eski { min-height: 2.7rem; } }
/* canli price__badge-sold-out: koyu hap, 12/12, 5px 13px 6px, alt bosluk 5px */
.urun .urun__tukendi { display: block; width: fit-content; margin: 0 0 .5rem; padding: .5rem 1.3rem .6rem; font-size: 1.2rem; line-height: 1.2rem;
  letter-spacing: .1rem; border-radius: 4rem; background: #121212; color: #fff; border: .1rem solid transparent; }
.urun .urun__tukendi[hidden] { display: none; }
/* canli: tukenmis urunde "Hemen satin alin" siyah, imlec el (aria-disabled, devre disi gorunmez) */
/* gorselsiz urun: tek sutun, en cok 57rem (1440'ta 570 px), ortali; galeride yalniz magaza dugmesi */
.urun--gorselsiz { grid-template-columns: 100%; max-width: 57rem; margin-left: auto; margin-right: auto; }
.urun--gorselsiz .urun__galeri { position: static; margin: 0; }
.urun--gorselsiz .urun__bilgi { padding-left: 0; text-align: center; }
.urun--gorselsiz .fiyat { align-items: center; }
.urun--gorselsiz .rozet, .urun--gorselsiz .urun__tukendi { margin-left: auto; margin-right: auto; }
.urun--gorselsiz .adet-alan { display: flex; flex-direction: column; align-items: center; max-width: none; }
.urun--gorselsiz .reysa-trust-badges { text-align: initial; }
.urun--gorselsiz .urun-dugmeler { max-width: 30rem; margin-left: auto; margin-right: auto; }
/* canli product--no-media: pickup-availability display:flex (h0) oldugundan formun 25 px alt boslugu blokta kalir;
   aciklama dugmelerin 25 + 25 = 50 px altinda baslar (gorselli urunde 25) */
.urun--gorselsiz .urun__aciklama { text-align: left; margin-top: 5rem; }
@media screen and (max-width: 749px) { .urun--gorselsiz .urun__galeri { margin: 0; } }

.urun__alt-bosluk { height: 1.5rem; }

/* FIYAT -> "VERGILER DAHIL" (canli, 30 Eylul alt piksel olcumu): rozet yoksa fiyatin 1 px alti; rozet (indirim ya da
   Tukendi) fiyatin 5 px altinda, vergi rozetin 6 px altinda. Tukenmiste indirim rozeti gizli (canli). */
.urun .fiyat { margin-bottom: 0; }
.urun .rozet, .urun .urun__tukendi { margin-top: .5rem; margin-bottom: .6rem; }

/* GORSELSIZ URUN KARTI (canli card--text, 30 Eylul olcumu): gri kare, 10 px ic bosluk, baslik blogu (17px 10px dolgu)
   dikeyde ortali; baslik 18/23.4 (750 alti 17), koyu. Alttaki baslik yok; fiyat bilgi alaninin 17 + 7 px altinda. */
.kart__metin-kutu { position: relative; aspect-ratio: 1 / 1; background: var(--zemin-2); display: grid;
  grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr); padding: 1rem; }
.kart__metin-baslik { grid-row-start: 2; margin: 0; padding: 1.7rem 1rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: .06rem;
  font-weight: 400; color: var(--koyu); overflow-wrap: anywhere; }
@media screen and (min-width: 750px) { .kart__metin-baslik { font-size: 1.8rem; } }
.kart__metin-baslik a { display: block; color: inherit; text-decoration: none; }
.kart__metin-baslik a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.kart--metin:hover .kart__metin-baslik a { text-decoration: underline; text-underline-offset: .3rem; }
.kart--metin .kart__bilgi { padding-top: 2.4rem; }
@media screen and (max-width: 749px) { .kart--metin .kart__bilgi { padding-top: 2rem; } .kart__metin-baslik { padding: 1.3rem 1rem; } }
/* INDIRIMSIZ KART FIYATI (canli price__regular + price__sale + bos karsilastirma): 24 px satirda 14.08 px koyu fiyat */
.kart .fiyat__normal { order: 2; display: block; font-size: 1.6rem; line-height: 2.4rem; letter-spacing: .1rem; color: var(--koyu); font-weight: 400; }
.kart .fiyat__normal-deger { display: inline-block; font-size: 1.408rem; line-height: 2.112rem; }
.kart .fiyat--indirimsiz .fiyat__satis { order: 3; }
.kart .fiyat__bos { order: 4; display: block; height: 2.4rem; }

/* SAYFALAMASIZ KOLEKSIYON (canli, 30 Eylul): urun izgarasi bolumunun alt dolgusu 27 px (749 alti) / 36 px (750+);
   alt aciklama (40 px ust bosluk) ya da altbilgi bunun altinda. Sayfalama varsa onun ust boslugu (39+) ile birlesir. */
ul.koleksiyon__urunler { margin-bottom: 2.7rem; }
@media screen and (min-width: 750px) { ul.koleksiyon__urunler { margin-bottom: 3.6rem; } }

/* BOS KOLEKSIYON / SONUCSUZ SUZGEC (canli collection--empty, 30 Eylul): sag sutunda 50 px (749 alti 15 px) yan dolgu;
   ortali h2 24/31.2 (749 alti 20/26), 100 px ust ve 150 px alt bosluk; altinda bolum dolgusu 36 px (749 alti 27);
   "tumunu kaldir" alti cizili, %85 koyu */
.bos-koleksiyon { padding: 0 1.5rem 2.7rem; }
@media screen and (min-width: 750px) { .bos-koleksiyon { padding: 0 5rem 3.6rem; } }
.bos-koleksiyon__baslik { margin: 10rem 0 15rem; font-size: 2rem; line-height: 1.3; letter-spacing: .06rem; font-weight: 400;
  color: var(--koyu); text-align: center; }
@media screen and (min-width: 750px) { .bos-koleksiyon__baslik { font-size: 2.4rem; } }
.bos-koleksiyon__baglanti { display: inline-block; color: rgba(18, 18, 18, .85); text-decoration: underline;
  text-underline-offset: .3rem; }

/* BLOG YAZISI KAPAK GORSELI (canli article-template__hero-adapt, 30 Eylul): en cok 1300 px ortali (altinda tam genislik),
   oran satir ici padding-bottom ile; baslik kapaktan 50 px (749 alti 44 px) sonra */
.yazi__kapak { max-width: 130rem; margin: 0 auto; }
.yazi__kapak-oran { position: relative; overflow: hidden; background: rgba(18, 18, 18, .1); }
.yazi__kapak-oran img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
@media screen and (max-width: 749px) { .yazi__kapak + .yazi__ust { margin-top: 4.4rem; } }

/* KOLEKSIYON LISTESI (canli main-list-collections, 30 Eylul): baslik 40/52 (749 alti 30/39), 20 px ust-alt bosluk;
   kart gorseli #f3f3f3 kare, ustune gelince %3 buyur; altta 17 px (749 alti 13) dolgu, baslik 18/23.4 (749 alti 17/22.1)
   koyu, 8 px sonra 15 px kuyruklu ok (yolu 2.5 px sola kayik, ustune gelince 0.5 px). Metin karti: 10 px ic bosluk,
   17px 10px bilgi dolgusu dikeyde ortali, 16 px aralikla %75 koyu ozet. */
.koleksiyonlar__baslik { margin: 2rem 0; font-size: 3rem; line-height: 1.3; font-weight: 400; color: var(--koyu); letter-spacing: .06rem; }
@media screen and (min-width: 750px) { .koleksiyonlar__baslik { font-size: 4rem; } }
.kol-kart { position: relative; display: flex; flex-direction: column; height: 100%; }
.kol-kart__gorsel { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: var(--zemin-2); }
.kol-kart__gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
@media (hover: hover) { .kol-kart:hover .kol-kart__gorsel img { transform: scale(1.03); } }
.kol-kart__bilgi { padding: 1.3rem 0; }
@media screen and (min-width: 750px) { .kol-kart__bilgi { padding: 1.7rem 0; } }
.kol-kart__ad { margin: 0; font-size: 1.7rem; line-height: 1.3; letter-spacing: .06rem; font-weight: 400; color: var(--koyu); }
@media screen and (min-width: 750px) { .kol-kart__ad { font-size: 1.8rem; } }
.kol-kart__ad a { display: block; color: inherit; text-decoration: none; }
.kol-kart__ad a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.kol-kart__ok { margin-left: .8rem; white-space: nowrap; }
.kol-kart__ok svg { display: inline; width: 1.5rem; height: auto; vertical-align: baseline; }
.kol-kart__ok path { transform: translateX(-.25rem); transition: transform .1s ease; }
.kol-kart:hover .kol-kart__ok path { transform: translateX(-.05rem); }
.kol-kart__kutu { aspect-ratio: 1 / 1; background: var(--zemin-2); display: grid; grid-template-rows: minmax(0, 1fr) max-content minmax(0, 1fr);
  padding: 1rem; }
.kol-kart__kutu-ic { grid-row-start: 2; padding: 1.3rem 1rem; }
@media screen and (min-width: 750px) { .kol-kart__kutu-ic { padding: 1.7rem 1rem; } }
.kol-kart__ozet { margin: 1em 0; font-size: 1.5rem; line-height: 1.8; color: var(--metin); letter-spacing: .06rem; }
@media screen and (min-width: 750px) { .kol-kart__ozet { font-size: 1.6rem; } }
/* canli: koleksiyon listesi 990 altinda 2 sutun; baslik ust-alt boslugu 990 altinda 40 px (.title--primary) */
.koleksiyonlar__izgara > li { width: calc(50% - .2rem); max-width: calc(50% - .2rem); }
@media screen and (min-width: 750px) { .koleksiyonlar__izgara > li { width: calc(50% - .4rem); max-width: calc(50% - .4rem); } }
@media screen and (min-width: 990px) { .koleksiyonlar__izgara > li { width: calc(33.333% - .54rem); max-width: calc(33.333% - .54rem); } }
@media screen and (max-width: 989px) { .koleksiyonlar__baslik { margin: 4rem 0; } }

/* ILETISIM FORMU (canli Dawn contact, 30 Eylul): alan 47 px (45 + 1 px cerceve), etiket 21 px soldan / 11 px ustten;
   yorum kutusu 10rem, 15 px dolgu, boyutlandirilamaz; dugme 30 px (750+ 40 px) altta */
.iletisim-formu .alan-kutu--etiketli label { left: 2.1rem; top: 1.1rem; }
.iletisim-formu .alan-kutu--etiketli input:focus ~ label,
.iletisim-formu .alan-kutu--etiketli input:not(:placeholder-shown) ~ label,
.iletisim-formu .alan-kutu--etiketli textarea:focus ~ label,
.iletisim-formu .alan-kutu--etiketli textarea:not(:placeholder-shown) ~ label { top: .6rem; left: 2.1rem; font-size: 1rem; letter-spacing: .04rem; }
.iletisim-formu .alan-kutu--etiketli textarea { flex-grow: 1; width: 100%; min-height: 10rem; height: 10rem; margin: .1rem; padding: 1.5rem;
  border: 0; outline: 0; background: #fff; font: inherit; font-size: 1.6rem; line-height: 1.5; letter-spacing: .04rem; color: var(--koyu);
  resize: none; box-shadow: none; }
.iletisim-formu .alan-kutu--etiketli textarea::placeholder { opacity: 0; }
.iletisim-formu .alan-kutu--etiketli textarea:focus, .iletisim-formu .alan-kutu--etiketli textarea:not(:placeholder-shown) {
  padding: 2.2rem 1.5rem .8rem 2rem; }
.iletisim-formu .alan-kutu--etiketli { width: auto; }
.iletisim-formu__dugme { margin-top: 3rem; }
@media screen and (min-width: 750px) { .iletisim-formu__dugme { margin-top: 4rem; } }
/* canli jdgm-prev-badge (30 Eylul): yildiz yazi tipi kutulari 20.6 px (son yildiz 16.6), satir kutusu 23.4 px */
.yorum-ozet { padding-bottom: .1rem; }
.yorum-ozet__yildiz { vertical-align: -.3rem; }
.yorum-ozet__yildiz > span { width: 2.06rem; }
.yorum-ozet__yildiz > span:last-child { width: 1.66rem; }
.yorum-ozet__yildiz > span:last-child svg { margin-right: 0; }
.urun-dugmeler__hemen[aria-disabled="true"] { opacity: 1; cursor: pointer; }
/* YORUM KARTI (canli jdgm-review-card, 30 Eylul): gorsel kutusu 1 px cerceve boslugu (alt dahil); ad satiri esnek, 4 px
   aralik, ortali; ad 700; "Dogrulanmis" rozeti 3px 9px dolgu, 1 px cerceve, 24 px yaricap, 12 px 500 (kutu 23 px);
   govde satiri 20 px (Devami satiri 20 px) */
.yorum-kart__medya { padding: 1px; }
.yorum-kart__ad { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; font-weight: 700; }
.yorum-kart__dogru { display: block; margin: 0; padding: .3rem .9rem; border-radius: 2.4rem; font-size: 1.2rem; line-height: 1.5rem;
  font-weight: 500; vertical-align: baseline; }
.yorum-kart__govde { line-height: 2rem; }
.yorum-kart__tarih { margin-top: .4rem; }

/* YORUM SERIDI KARTI (canli jdgm-rev-snippet-card, 30 Eylul): gorsel 80 px; yildiz kutulari 18.6 px (yazi tipi simgesi
   + harf araligi); dogrulanmis alici simgesi 16 px, koyu gri, 6 px aralik */
.yorum-kaydirici__oge img { width: 8rem; height: 8rem; }
.yorum-kaydirici__yildiz > span { width: 1.86rem; }
.yorum-kaydirici__dogru { display: flex; flex-shrink: 0; color: #303030; }
.yorum-kaydirici__dogru svg { width: 1.6rem; height: 1.6rem; }
/* canli Dawn base.css: bos ogeler cizilmez (a/ul/dl/div/section/article/p/h1-h6:empty). Magaza iceriklerinde (baska
   siteden kopyalanmis bos "col-12" kutulari, bos <p>) 1 px'lik kaymalar yapiyordu; yalniz icerik alanlarinda uygulanir,
   kendi bos ara ogelerimiz (urun__alt-bosluk vb.) etkilenmez. */
.icerik :is(a, ul, dl, div, section, article, p, h1, h2, h3, h4, h5, h6):empty { display: none; }
/* telefonda bulten girdisi kutusundan 5 px tasiyordu (esnek oge min-width:auto = 20 karakterlik icerik genisligi) */
.bulten .alan-kutu input { min-width: 0; }
/* canli newsletter-form__button: right = girdi cercevesi (1 px) */
.bulten .alan-kutu button { right: .1rem; }

/* ALTBILGI ALT SATIRI (canli .ns-footer-bottom, 30 Eylul): ustte 1 px %20 beyaz cizgi (zeminde neredeyse gorunmez ama
   yer kaplar; her sayfada altbilgi 1 px kisaydi); instagram simgesi canlinin 18 px yolu */
.ns-footer-bottom { border-top: 1px solid rgba(255, 255, 255, .2); }
.ns-social-link svg { width: 1.8rem; height: 1.8rem; }
/* canli Dawn .header__icon:hover .icon { transform: scale(1.07) } (arama, hesap, sepet, menu simgeleri) */
.ust .simge-dugme:hover svg { transform: scale(1.07); }

/* DOLU SEPET SATIRI (canli Dawn cart-item, 30 Eylul olcumu, 1440): gorsel 1 px %5 cerceveli 130 px satir ici esnek kutu
   (satir tabanindan 7.8 px pay birakir); ayrinti hucresi satir araligi 1.4; adet kutusu 5px 5px 5px 0 dolgulu kapta;
   silme dugmesi 10 px solda, 35x56; toplamdaki indirim satiri 6 px altta */
.sepet-kalem__ayrinti { line-height: 1.4; }
.sepet-kalem__toplam-indirim { margin-top: 6px; }
@media screen and (min-width: 750px) {
  .sepet-kalem__gorsel { padding-left: 0; padding-right: 0; }
  .sepet-kalem__gorsel a { display: inline-flex; width: 13rem; border: .1rem solid rgba(18, 18, 18, .05); }
  .sepet-kalem__gorsel img { border: 0; max-width: 100%; }
  .sepet-kalem__adet-ic { align-items: stretch; gap: 0; }
  .sepet-kalem__adet-ic .adet-kutu { margin: 5px 5px 5px 0; }
  .sepet-sil { margin: 0 1px 1px 10px; min-height: 0; }
}

/* DOLU SEPET, TELEFON (canli Dawn cart-item 749 alti, 30 Eylul olcumu 390): hucrelerde dolgu yok (1 px dolgu fiyati iki
   satira kiriyordu); baslik satiri ile ilk kalem arasi 40 px, kalemler arasi 35 px; gorsel 1 px cerceveli kutuda;
   ayrinti 16/22.4; adet kutusu 5px 5px 5px 0 dolgulu kapta, silme dugmesi 10 px solda 45x56; indirim tutari 4 px altta */
.sepet-kalem__tel-indirim { margin-top: 4px; }
.sepet-kalem__tel-indirim .sepet-kalem__eksi { display: inline; margin: 0; }
@media screen and (max-width: 749px) {
  .sepet-kalem td { padding: 0; }
  .sepet-tablo thead tr { margin-bottom: 4rem; }
  .sepet-kalem { margin: 0 0 3.5rem; }
  .sepet-kalem:last-child { margin-bottom: 0; }
  .sepet-kalem__gorsel a { display: inline-flex; border: .1rem solid rgba(18, 18, 18, .05); }
  .sepet-kalem__gorsel img { width: 10rem; max-width: 10rem; border: 0; }
  .sepet-kalem__ayrinti { font-size: 1.6rem; }
  .sepet-kalem__adet-ic { align-items: stretch; gap: 0; }
  .sepet-kalem__adet-ic .adet-kutu { margin: 5px 5px 5px 0; }
  .sepet-sil { margin: 0 1px 1px 10px; min-height: 0; }
}
/* canli: fiyatlar kirilmaz (overflow-wrap normal; "6,549.00TL" 102 px kutuya tasarak sigar); telefonda kalemlerin altinda
   30 px + 1 px cizgi (Dawn .cart__items), adet hucresinin altinda 2 px (hata satirinin ust boslugu) */
.sepet-kalem__toplam, .sepet-kalem__ayrinti { overflow-wrap: normal; }
@media screen and (max-width: 749px) {
  .sepet-tablo tbody { padding-bottom: 3rem; border-bottom: .1rem solid rgba(18, 18, 18, .08); }
  .sepet-kalem__adet { padding-bottom: 2px !important; }
}
/* canli: telefonda toplam blogu kurumsal fatura kutusunun 65 px altinda */
@media screen and (max-width: 749px) { .sepet-alt-bolum .sepet-bloklar { margin-top: 6.5rem; } }
/* canli: sepet gorseli hucre genisligine gore (10%, 750'de 50.7 px); baslik yanindaki "Alisverise devam et" govde yazi
   boyutunda (15/16 px), 990 altinda basligin tabanina, 990+ ortasina hizali */
@media screen and (min-width: 750px) {
  .sepet-kalem__gorsel a { width: auto; max-width: 100%; }
  /* canli img width=150 gecerli (dogal 150 px'lik kopya): tablo algoritmasi hucrenin en genis icerigini 152 alir. width:auto
     bizim 360 px'lik kopyanin dogal genisligini veriyordu, 750'de gorsel 43 px (canli 49) kaliyordu (30 Eylul) */
  .sepet-kalem__gorsel img { width: 15rem; max-width: 100%; height: auto; }
}
.sepet-baslik { align-items: flex-end; }
@media screen and (min-width: 990px) { .sepet-baslik { align-items: center; } }
.sepet-baslik a { font-size: inherit; line-height: inherit; }
/* canli Dawn component-cart-items.css genislikleri: tablo ayrik kenarli; 750+ ilk baslik %50 (990+ %60), gorsel 10rem,
   ayrinti 35rem (990+ 50rem); 750-989 silme dugmesi 45x45 kutuda 35x44 */
@media screen and (min-width: 750px) {
  .sepet-tablo { border-collapse: separate; border-spacing: 0; }
  .sepet-tablo thead th:first-child { width: 50%; }
  .sepet-kalem__gorsel { width: 10rem; }
  .sepet-kalem__ayrinti { width: 35rem; }
}
@media screen and (min-width: 990px) {
  .sepet-tablo thead th:first-child { width: 60%; }
  .sepet-kalem__ayrinti { width: 50rem; }
}
@media screen and (min-width: 750px) and (max-width: 989px) {
  .sepet-sil { align-self: flex-start; height: 4.4rem; }
}
/* canli Dawn .cart-items td { padding: 0 } (ust 4rem ve 4rem sol ara disinda); tarayici varsayilani 1 px yan dolgu sutunlari kaydiriyordu */
.sepet-kalem td { padding-right: 0; }
@media screen and (min-width: 750px) { .sepet-kalem__gorsel { padding-left: 0; } }
/* canli 750-989: cart-remove-button kutusu 45 px (icindeki dugme 35 px, sagi bos) -> sagda 10 px */
@media screen and (min-width: 750px) and (max-width: 989px) { .sepet-sil { margin-right: 1rem; } }
/* canli jdgm-rev-snippet-card__header: sarar (dar ekranda ad yildizlarin altina iner), 6 px aralik */
.yorum-kaydirici__ust { flex-wrap: wrap; row-gap: .6rem; }

/* MUSTERI FOTOGRAFI SERIDI, TELEFON (canli Judge.me jm-media-preview--expanded-carousel, 30 Eylul olcumu 390): tum
   fotograflar 180x180, 8 px yuvarlak kose, 8 px ara ve yan dolgu, yatay kayar (yumusak); sagda 8 px iceride dikey ortali
   32x32 %40 siyah, 8 px yuvarlak ok; basliktan 24 px sonra. Masaustunde izgara (ilk 6/12), fazlasi gizli. */
.degerlendirme__medya-kap { position: relative; }
.degerlendirme__medya-ok { display: none; }
@media screen and (min-width: 750px) {
  .degerlendirme__medya-oge--fazla { display: none; }
  .degerlendirme__medya-kap + .degerlendirme__govde { padding-top: 2.4rem; }
}
@media screen and (max-width: 749px) {
  .degerlendirme__medya-kap .degerlendirme__medya { display: flex; gap: .8rem; padding: 0 .8rem; margin: 2.4rem 0 1.2rem; border-radius: 0;
    overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; }
  .degerlendirme__medya-kap .degerlendirme__medya::-webkit-scrollbar { display: none; }
  .degerlendirme__medya-kap:not(.degerlendirme__medya-kap--serit) .degerlendirme__medya-oge { flex: 0 0 auto; width: 18rem; height: 18rem; border-radius: .8rem; }
  .degerlendirme__medya-kap .degerlendirme__medya-arti { display: none; }
  .degerlendirme__medya-kap:not(.degerlendirme__medya-kap--serit) .degerlendirme__medya-ok { position: absolute; top: calc(2.4rem + 9rem);
    transform: translateY(-50%); z-index: 2; display: flex; align-items: center; justify-content: center; width: 3.2rem; height: 3.2rem;
    padding: .8rem; border: 0; border-radius: .8rem; background: rgba(0, 0, 0, .4); color: #fff; cursor: pointer; }
  .degerlendirme__medya-ok[hidden] { display: none !important; }
  .degerlendirme__medya-ok svg { width: 1.6rem; height: 1.6rem; }
  .degerlendirme__medya-ok--ileri { right: .8rem; }
  .degerlendirme__medya-ok--geri { left: .8rem; }
}

/* KART "TUKENDI" ROZETI (canli .badge.color-scheme-3, 30 Eylul): koyu lacivert-gri, 1 px %10 beyaz cerceve, 40 px yaricap,
   5px 13px 6px dolgu, 12/12, harf araligi 1 px */
.kart__rozet .rozet.rozet--tukendi { background: rgb(36, 40, 51); color: #fff; border: 1px solid rgba(255, 255, 255, .1); border-radius: 4rem;
  padding: .5rem 1.3rem .6rem; font-size: 1.2rem; line-height: 1.2rem; letter-spacing: .1rem; font-weight: 400; }
.kart__metin-kutu .kart__rozet { z-index: 2; }
/* canli product-media-container: 1 px %5 koyu cerceve, gorsel icte (1440'ta 713 px) */
@media screen and (min-width: 750px) { .galeri__serit figure { box-sizing: border-box; border: .1rem solid rgba(18, 18, 18, .05); } }  /* telefonda cerceve img uzerinde (yukarida) */
/* canli Dawn 750-989: gorsel ve bilgi sutunlari %50 / %50 (990+ %55 / %45). Tablette bilgi sutunu daralip sayfa uzuyordu. */
@media screen and (min-width: 750px) and (max-width: 989px) { .urun:not(.urun--gorselsiz) { grid-template-columns: 50% 50%; } }

/* TELEFON GALERISI ORANI VE KUCUK RESIMLER (canli Dawn, 30 Eylul olcumu 390):
   - kayan seritteki slaytlar en dikey gorselin boyuna esner (350-ledli: 922x1152 -> tum slaytlar 354 x 442.3 + 1px cerceve,
     kare gorseller de kirpilir); --galeri-oran = en buyuk yukseklik/genislik, sablon gorsel dosyasindan hesaplar.
   - tek gorselde serit kaymaz: oge 360 px (358 gorsel + cerceve).
   - kucuk resim dugmesi li'nin 4px ust dolgusunu da kaplar (52.4 x 56.4; genislik %20 - 6px).
   - 3 ve daha az gorselde oklar yok, serit kenar bosluklari icinde (360 px, oge 64 x 68). */
@media screen and (max-width: 749px) {
  .galeri__serit > figure img { box-sizing: content-box; width: calc(100% - .2rem); height: auto; aspect-ratio: 1 / var(--galeri-oran, 1); }
  .galeri--tek .galeri__serit > figure { flex-basis: calc(100% - 3rem); }
  .galeri__kucukler > li { position: relative; flex: 0 0 calc(20% - .6rem); }
  .galeri__kucukler > li::before { content: ""; display: block; padding-bottom: 100%; }
  .galeri__kucukler > li > button { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
  .galeri--az .galeri__kucuk-sarmal { margin: 0 1.5rem; }
  .galeri--az .galeri__kucuk-ok { display: none; }
  /* canli .thumbnail-list.slider: scroll-padding-left .5rem (yakalama ilk ogeyi 5px dolgunun yanina oturtur) */
  ul.galeri__kucukler { scroll-padding-left: .5rem; }
}

/* MASAUSTU/TABLET KUCUK RESIMLER (canli base.css ozel kurali, >=750): flex + alt satira kayar, 10px ara, li %15 genislik
   (en az 60px), 4px ust dolgu; dugme li'yi tamamen kaplar (genislik x genislik+4). 30 Eylul olcumu: 750 60x64 (6 gorsel
   2 satir, 138px), 990 73.4x77.4, 1440 107.3x111.3. */
@media screen and (min-width: 750px) {
  ul.galeri__kucukler { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; }
  .galeri__kucukler > li { position: relative; width: 15%; min-width: 60px; margin: 0; padding-top: 4px; }
  .galeri__kucukler > li::before { content: ""; display: block; padding-bottom: 100%; }
  .galeri__kucukler > li > button { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
}

/* secili kucuk resim (canli .thumbnail[aria-current]): 1px koyu kenar + 1px koyu golge halkasi (2px gorunur cerceve);
   zemin saydam; ustune gelince %70 opaklik; klavye odaginda beyaz + yari saydam koyu cift halka */
.galeri__kucukler button { background: transparent; }
.galeri__kucukler button:hover { opacity: .7; }
.galeri__kucukler button[aria-current="true"] { box-shadow: 0 0 0 .1rem var(--koyu); }
.galeri__kucukler button[aria-current="true"]:focus-visible { outline: 0; box-shadow: 0 0 0 .3rem #fff, 0 0 0 .5rem rgba(18, 18, 18, .5); }

/* SAYFALAMA (canli olcumu 390/1440, 30 Eylul): her oge 44 x 44, aralarda 10px, satir kayar ve ortalanir (2. sayfada 8 oge
   telefonda iki satir: 6 + 2). Sayi baglantilari 14px; secili sayi ve "..." govde yazisi (15/16px), secili %70 opak.
   Alt cizgi 20 x 1px, alttan 8px, ortali (secili sayfada hep, baglantida ustune gelince). Oklar ince caret: 20x20 kutu,
   cizim 6px yuksek, 90 derece donuk (geri sola, ileri saga), ustune gelince %7 buyur, alt cizgi yok. */
.sayfalama ul > li { flex: 1 0 4.4rem; max-width: 4.4rem; }
.sayfalama ul > li:not(:last-child) { margin-right: 1rem; }
.sayfalama a, .sayfalama span { min-width: 0; width: 100%; font-size: inherit; line-height: inherit; }
.sayfalama a { font-size: 1.4rem; }
.sayfalama [aria-current] { opacity: .7; }
.sayfalama a:hover::after, .sayfalama [aria-current]::after { width: 2rem; margin-left: 0; bottom: .8rem; left: 50%; transform: translateX(-50%); }
.sayfalama a.sayfalama__ok:hover::after { display: none; }
.sayfalama .sayfalama__ok-sar { position: static; display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; }
.sayfalama .sayfalama__ok svg { width: 100%; height: .6rem; }
.sayfalama__ok--geri svg { margin-left: -.2rem; transform: rotate(90deg); }
.sayfalama__ok--geri:hover svg { transform: rotate(90deg) scale(1.07); }
.sayfalama__ok--ileri svg { margin-right: -.2rem; transform: rotate(-90deg); }
.sayfalama__ok--ileri:hover svg { transform: rotate(-90deg) scale(1.07); }

/* LOGO (canli olcumu 990/1440, 30 Eylul): masaustunde baglanti hucreden -0.75rem sola tasar ve 165 px olur, logo 150 px.
   max-width: 100% baglantiyi hucreye (157.5) sikistirip logoyu 142.5 px'e dusuruyordu. */
@media screen and (min-width: 990px) { .ust__logo { max-width: none; } }

/* ARAMA SUZGEC CUBUGU, 750+ (canli olcumu 750/990/1440, 30 Eylul): uc sutun (suzgecler 1fr | siralama | sonuc sayisi),
   35px ara. Suzgecler satir kaydirir: "Filtre:" sagda 20px (ustte -15px), her grup sagda 35px ve 36px yuksek (ozet 21 + 15);
   ok 10x6, ozetin 17.5px sag dolgusunda (sagda, ustten 8.5px; esnek kutuda buzulmesin diye mutlak). Siralama solda 25px
   (990+ 30px) dolgu, etiket sagda 20px, secim %75 koyu. Sonuc sayisi 14px, harf araligi .06rem, %70 opak, saga yasli.
   750'de yer daralinca "Kategoriler" alt satira iner (satir 72px). */
@media screen and (min-width: 750px) {
  .arama-suzgec { grid-template-columns: 1fr max-content max-content; column-gap: 3.5rem; min-height: 0; padding-bottom: .5rem; }
  .arama-suzgec__sag { display: contents; }
  .arama-suzgec__sol { flex-wrap: wrap; align-items: center; gap: 0; }
  .arama-suzgec__sol form { display: contents; }
  .arama-suzgec__baslik { margin: -1.5rem 2rem 0 0; }
  .arama-suzgec__grup { margin-right: 3.5rem; }
  .arama-suzgec__grup > summary { position: relative; display: block; margin-bottom: 1.5rem; }
  .arama-suzgec__grup > summary svg { position: absolute; right: 0; top: .85rem; width: 1rem; height: .6rem; }
  .arama-suzgec .koleksiyon-ust__masaustu { padding-left: 2.5rem; }
  .arama-suzgec .siralama { gap: 0; }
  .arama-suzgec .siralama label { margin-right: 2rem; }
  .arama-suzgec .siralama select { color: rgba(18, 18, 18, .75); }
  .arama-suzgec .urun-sayisi { letter-spacing: .06rem; opacity: .7; text-align: right; }
}
@media screen and (min-width: 990px) { .arama-suzgec .koleksiyon-ust__masaustu { padding-left: 3rem; } }

/* ARAMA SAYFALAMASI (canli olcumu 390-1440, 30 Eylul): izgaradan 40px (990+ 50px) sonra; altinda bosluk yok, bolumun kendi
   alt dolgusu (telefonda 27, 750+ 36) altbilgiye kadar. Genel .sayfalama'nin 6rem alt boslugu burada 60px fazlaydi. */
.arama-bolum .sayfalama { margin: 4rem 0 0; }
@media screen and (min-width: 990px) { .arama-bolum .sayfalama { margin-top: 5rem; } }

/* SONUCSUZ ARAMA (canli template-search--empty, 30 Eylul): suzgec cubugu yok; arama kutusunun altinda sola yasli paragraf
   (govde yazisi, 1em ust/alt bosluk), baslik blogunun alt boslugu 30px (750+ 50px). */
.arama-bos { margin: 1em 0; text-align: left; }
.arama-ust--bos { margin-bottom: 3rem; }
@media screen and (min-width: 750px) { .arama-ust--bos { margin-bottom: 5rem; } }

/* UYGULANMIS SUZGEC HAPLARI (canli active-facets olcumu 390/750/1440, 30 Eylul; kendi kodumuz):
   hap: 2px yan dolgulu blok baglanti, icinde 1px %20 halkali 26px yuvarlak kutu (2.5px 12.5px dolgu, 14/16.8, harf araligi
   1px); carpi 12x20 kutuda, solda 6px, sagda -4px, ustte 1px. Uzun hap sutuna sigmazsa iki satira kirilir.
   Masaustu (750+): suzgec sutununun basinda "Filtre:" (15/22.5, alt 15px) solda, "Tumunu kaldir" (14px, alti cizili,
   %85 koyu, alt 10px) sagda; haplar sagda 15px, altta 15px; son hap sarmali altta 10px. Sonra suzgec gruplari.
   Telefon: "Filtrele ve sirala" satirinin altinda satir (-12px yanlar ve alt); haplar 12px dokunma dolgulu, 10/12 yazi,
   1px 12.5px ic dolgu; "Tumunu kaldir" 10/18, 12px dolgulu, 12px soldan. */
.aktif-hap { display: block; padding: 0 .2rem; margin: 0 1.5rem 1.5rem 0; color: var(--koyu); text-decoration: none; }
.aktif-hap__ic { position: relative; display: flex; align-items: center; padding: .25rem 1.25rem; border-radius: 2.6rem;
  box-shadow: 0 0 0 .1rem rgba(18, 18, 18, .2); font-size: 1.4rem; line-height: 1.2; letter-spacing: .1rem; color: var(--koyu); }
.aktif-hap:hover .aktif-hap__ic { box-shadow: 0 0 0 .2rem rgba(18, 18, 18, .2); }
.aktif-hap__x { display: flex; flex-shrink: 0; width: 1.2rem; height: 2rem; margin: .1rem -.4rem 0 .6rem; }
.aktif-hap__x svg { width: 1.2rem; height: 2rem; }
.aktif-kaldir { display: block; font-size: 1.4rem; line-height: 1.8; letter-spacing: .06rem; color: rgba(18, 18, 18, .85);
  text-decoration: underline; text-underline-offset: .3rem; }
.aktif-kaldir:hover { text-decoration-thickness: .2rem; }
.aktif-suzgec { display: flex; flex-wrap: wrap; }
.aktif-suzgec__ust { display: flex; justify-content: space-between; width: 100%; }
.aktif-suzgec__ust .suzgec-yan__baslik { margin: 0 0 1.5rem; }
.aktif-suzgec__kaldir-sar { display: flex; align-items: flex-start; margin-bottom: 1rem; }
.aktif-suzgec .aktif-hap:last-child { margin-bottom: 2.5rem; }
.aktif-mobil { display: none; }
@media screen and (max-width: 749px) {
  .aktif-mobil { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; margin: 0 -1.2rem -1.2rem; }
  .aktif-mobil .aktif-hap { padding: 1.2rem; margin: 0; }
  .aktif-mobil .aktif-hap__ic { font-size: 1rem; line-height: 1.2rem; padding: .1rem 1.25rem; }
  .aktif-mobil .aktif-hap__x { margin: 0 -.2rem 0 .6rem; }
  .aktif-mobil__kaldir-sar { display: flex; align-items: center; margin-left: 1.2rem; }
  .aktif-mobil .aktif-kaldir { padding: 1.2rem; font-size: 1rem; line-height: 1.8rem; }
}
/* 750-989: suzgec sutunundaki haplar kucuk bicimde (canli: 10px dokunma dolgusu, -5px sol; 10/12 yazi, 1px 12.5px ic dolgu;
   "Tumunu kaldir" 10/18, 0 10px 10px dolgu, solda 12px, altta 10px; ilk satir 38px) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .aktif-suzgec .aktif-hap { padding: 1rem; margin: 0 0 0 -.5rem; }
  .aktif-suzgec .aktif-hap:last-child { margin-bottom: 1rem; }
  .aktif-suzgec .aktif-hap__ic { font-size: 1rem; line-height: 1.2rem; padding: .1rem 1.25rem; }
  .aktif-suzgec .aktif-hap__x { margin: 0 -.2rem 0 .6rem; }
  .aktif-suzgec__kaldir-sar { margin: 0 0 1rem 1.2rem; }
  .aktif-suzgec .aktif-kaldir { font-size: 1rem; line-height: 1.8rem; padding: 0 1rem 1rem; }
}

/* FIYAT KUTULARI (canli field__input, 30 Eylul): girdi kenarliksiz (cerceve kutunun 1px golge halkasi), 16px yazi, bosken
   15px dolgu, doluyken/odakta 22 15 8 20. Eski ".suzgec-fiyat input" kurali (1px koyu kenar, 14px) sonra geldigi icin
   etiketli kutuyu eziyordu: dolu kutu cift cizgi gorunuyordu. */
.suzgec-fiyat .alan-kutu--etiketli input { border: 0; padding: 1.5rem; min-height: 0; font-size: 1.6rem; line-height: 1.5;
  letter-spacing: .04rem; background: #fff; color: var(--koyu); }
.suzgec-fiyat .alan-kutu--etiketli input:focus, .suzgec-fiyat .alan-kutu--etiketli input:not(:placeholder-shown) {
  padding: 2.2rem 1.5rem .8rem 2rem; }

/* ARAMA: UYGULANMIS SUZGEC SATIRI (canli active-facets, yatay cubuk; 30 Eylul): 750+ cubugun ikinci satiri (tum sutunlar,
   ustte -5px), haplar ustte 15px sagda 15px, "Tumunu kaldir" ustte 15px dolgulu. Telefonda cubugun altinda hap satiri. */
.aktif-yatay { display: none; }
.arama-suzgec .aktif-mobil { grid-column: 1 / -1; }
@media screen and (min-width: 750px) {
  .aktif-yatay { display: flex; flex-wrap: wrap; grid-column: 1 / -1; margin-top: -.5rem; }
  .aktif-yatay .aktif-hap { margin: 1.5rem 1.5rem 0 0; }
  .aktif-yatay__kaldir-sar { display: flex; align-items: flex-start; padding-top: 1.5rem; }
}
/* 750-989: arama hap satiri telefon satiri gibi (canli: -12px yanlar ve alt, 12px dokunma dolgusu, 10px yazi) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .aktif-yatay { width: 100%; align-items: stretch; margin: 0 -1.2rem -1.2rem; }
  .aktif-yatay .aktif-hap { padding: 1.2rem; margin: 0; }
  .aktif-yatay .aktif-hap__ic { font-size: 1rem; line-height: 1.2rem; padding: .1rem 1.25rem; }
  .aktif-yatay .aktif-hap__x { margin: 0 -.2rem 0 .6rem; }
  .aktif-yatay__kaldir-sar { align-items: center; padding-top: 0; margin-left: 1.2rem; }
  .aktif-yatay .aktif-kaldir { padding: 1.2rem; font-size: 1rem; line-height: 1.8rem; }
}

/* ETIKETLI KUTU CERCEVESI (canli .field olcumu, 30 Eylul): cerceve kutunun 1px icinden cizilen katmanin 1px halkasi,
   yani 124x47'lik kutunun ICINDE kalir (bizde halka kutunun disina tasiyor, kutu her yonden 1px buyuk gorunuyordu).
   Ustune gelince halka 2px; odakta girdinin cevresinde 2px koyu halka (beyaz bosluklu golge ve yari saydam cizgi yok). */
.alan-kutu--etiketli, .alan-kutu--etiketli:hover, .alan-kutu--etiketli:focus-within { box-shadow: none; }
.alan-kutu--etiketli::after { content: ""; position: absolute; top: .1rem; right: .1rem; bottom: .1rem; left: .1rem;
  border: .1rem solid transparent; box-shadow: 0 0 0 .1rem rgba(18, 18, 18, .55); pointer-events: none;
  transition: box-shadow .1s ease; }
.alan-kutu--etiketli:hover::after { box-shadow: 0 0 0 .2rem rgba(18, 18, 18, .55); }
.alan-kutu--etiketli input:focus, .alan-kutu--etiketli textarea:focus { outline: 0; box-shadow: 0 0 0 .2rem var(--koyu); }
/* ayni cerceve duzeni arama kutusu ve bulten kutusunda (canli ikisi de .field): normalde icte 1px, ustune gelince 2px
   (1px disa tasar), odakta girdinin cevresinde 2px koyu halka. Bultende cerceve eskiden girdinin kendi kenarligiydi
   (ustune gelme ve odak farkli gorunuyordu); girdi artik kenarliksiz, 1px ic bosluklu (kutu yine 47px). */
.alan-kutu--arama, .alan-kutu--arama:hover { box-shadow: none; }
.alan-kutu--arama::after, .bulten .alan-kutu::after { content: ""; position: absolute; top: .1rem; right: .1rem; bottom: .1rem;
  left: .1rem; border: .1rem solid transparent; box-shadow: 0 0 0 .1rem rgba(18, 18, 18, .55); pointer-events: none;
  transition: box-shadow .1s ease; }
.alan-kutu--arama:hover::after, .bulten .alan-kutu:hover::after { box-shadow: 0 0 0 .2rem rgba(18, 18, 18, .55); }
.bulten .alan-kutu input { border: 0; margin: .1rem; height: 4.5rem; }
.bulten .alan-kutu input:focus, .alan-kutu--arama input:focus { outline: 0; box-shadow: 0 0 0 .2rem var(--koyu); }

/* ADET KUTUSU (canli quantity, 30 Eylul): eksi/arti yazi glifi degil 10x20 kutuda 1px ince simge; sayi girdisi odakta 2px
   yari saydam cizgi (3px disarida) + 3px beyaz halka + yumusak golge. */
.adet-kutu button svg { width: 1rem; height: 2rem; pointer-events: none; }
.adet-kutu input:focus-visible { outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .3rem;
  box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }

/* SEPET AYRINTI SUTUNU (canli cart-item__details olcumu 1440, 30 Eylul): her oge en fazla 30rem (uzun ad/fiyat/secenek
   ayni yerden kirilir); secenek satirlari arasinda 4px. */
.sepet-kalem__ayrinti > * { max-width: 30rem; }
.sepet-kalem__secenekler div + div { margin-top: .4rem; }
/* canli .product-option: secenek satiri blok, dt/dd satir ici (aradaki bosluk karakteri ~4.5px; kirilan deger ikinci
   satirda soldan baslar); ad, fiyatlar ve secenekler her yerden kirilabilir (word-break: break-word). Tablo algoritmasi
   hucrenin en kucuk genisligini buna gore ~10px alir; bizde 151px idi, 750'de gorsel 43px (canli 49) kaliyordu. */
.sepet-kalem__secenekler div { display: block; }
.sepet-kalem__secenekler dt, .sepet-kalem__secenekler dd { display: inline; }
.sepet-kalem__ad, .sepet-kalem__eski, .sepet-kalem__fiyat, .sepet-kalem__secenekler div { word-break: break-word; }

/* TURUNCU SERIT KATMANI (canli #ns-scrolling-banner: fixed, z-index 2, baslik bolumu z-index 3; 30 Eylul olcumu):
   serit basligin disinda, akista ayni yerde, basligin altina yapisik. Urun galerisi (yapiskan, z 2) DOM'da sonra geldigi
   icin kaydirinca seridin ustunden gecer (canlidaki gibi); eskiden serit z 40'lik baslik kabindaydi, hep ustte kaliyordu. */
.ns-scrolling-banner { position: sticky; top: var(--ust-baslik, 0px); z-index: 2; }

/* BASLIK ALTI PUAN YILDIZLARI (canli Judge.me .jdgm-prev-badge, 30 Eylul): yildiz yazi boyuyla olceklenir (telefon 15px,
   masaustu 16px); her yildizin adimi 1.04em + 4px (sonuncusu 1.04em). Yildiz cizimi 16/15em'lik kareye oturtuldu (15px'te
   canlidaki gibi 15.33x15, ustten .83px). */
.yorum-ozet__yildiz > span { width: calc(1.04em + 4px); }
.yorum-ozet__yildiz > span:last-child { width: 1.04em; }
.yorum-ozet__yildiz svg { width: 1.0667em; height: 1.0667em; margin-right: 0; }

/* JUDGE.ME YILDIZ OLCEGI (canli jm-star-rating__font-icon, 30 Eylul): yazi boyu F'de simge adimi F + .6px (harf araligi),
   cizim ~1.022F x F; bizim yildiz cizimi 1.0667F'lik kareye oturtuldu (ustten .055F). Kaydirici F=18, yorum kartlari F=24.
   Kaydiricida 5 yildiz dar sutuna sigmazsa (750) canlidaki gibi alt satira kirilir (7px ara). */
.yorum-kaydirici__yildiz { font-size: 1.8rem; flex-wrap: wrap; }
.yorum-kaydirici__yildiz > span { width: calc(1em + .6px); height: 1em; }
.yorum-kaydirici__yildiz svg { width: 1.0667em; height: 1.0667em; overflow: visible; }
.yorum-kart__yildiz { font-size: 2.4rem; }
.yorum-kart__yildiz > span { width: calc(1em + .6px); height: 1em; }
.yorum-kart__yildiz svg { width: 1.0667em; height: 1.0667em; overflow: visible; }
/* canli: kart en uzun kelimenin altina daralmaz (esnek ogenin en kucuk genisligi icerik), 750'de 250px */
.yorum-kaydirici__oge { min-width: auto; }

/* YORUM PENCERESI (canli Judge.me .jdgm-modal olcumu 390/750/768/990/1440, 30 Eylul; kendi kodumuz):
   perde %50 siyah. 768 ve ustu: kutu en fazla 800px, ortada; metinli yorumda yukseklik icerik kadar, fotografli yorumda
   800x600 (solda 400px siyah fotograf paneli, sagda 400px metin). Kapat dugmesi kutunun sag ust kosesinin 40px ustunde,
   32x32 %60 siyah, beyaz 16px kalin carpi. 767 ve alti tam ekran: fotografli yorumda ust yari fotograf paneli (kapat sag
   ustte 8px), alt yari metin; metinli yorumda beyaz tam ekran (kapat 16px iceride, %8 gri zemin, koyu carpi).
   Fotograf paneli: altta 96px kucuk resim seridi (48px, 8px ara, ortada; secilinin 1px beyaz kenari), ustte kalan alan
   gorsel (tam genislik, dikeyde ortali, tasani kirpilir), arkasinda ayni gorselin 40px bulanik kopyasi (her yandan -120px);
   paneli dikey ortalayan 32x32 %60 siyah oklar (8px iceride), tek fotografta %65 opak ve pasif. Icerik 24px dolgulu. */
.yorum-pencere { padding: 0; background: rgba(0, 0, 0, .5); }
.yorum-pencere__kutu { display: flex; width: 100%; max-width: 80rem; max-height: none; padding: 0; overflow: visible; background: #fff; }
.yorum-pencere__kapat { top: -4rem; right: 0; width: 3.2rem; height: 3.2rem; padding: .8rem; background: rgba(0, 0, 0, .6); color: #fff; z-index: 3; }
.yorum-pencere__kapat svg { width: 1.6rem; height: 1.6rem; }
.yorum-pencere__medya { display: none; }
.yorum-pencere__icerik { flex: 1 1 auto; min-width: 0; padding: 2.4rem; overflow-y: auto; background: #fff; }
.yorum-pencere--medya .yorum-pencere__kutu { height: 60rem; }
.yorum-pencere--medya .yorum-pencere__medya { display: block; position: relative; flex: 0 0 50%; overflow: hidden; background: #000; }
.yorum-pencere--medya .yorum-pencere__icerik { flex: 0 0 50%; }
.yorum-pencere__sahne { position: absolute; left: 0; right: 0; top: 0; bottom: 9.6rem; display: flex; align-items: center; overflow: hidden; }
.yorum-pencere__bulanik { position: absolute; inset: -12rem; background: #d3d3d3 center / cover no-repeat; filter: blur(40px); }
.yorum-pencere__resim { position: relative; display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
.yorum-pencere__kucukler { position: absolute; left: 0; right: 0; bottom: 0; height: 9.6rem; display: flex; align-items: center;
  justify-content: center; gap: .8rem; padding: 0 .8rem; }
.yorum-pencere__kucukler button { flex: 0 0 auto; width: 4.8rem; height: 4.8rem; padding: 0; border: 0; background: none; cursor: pointer; }
.yorum-pencere__kucukler button.aktif { border: .1rem solid #fff; }
.yorum-pencere__kucukler img { display: block; width: 100%; height: 100%; object-fit: cover; }
.yorum-pencere__ok { position: absolute; top: calc(50% - 1.6rem); z-index: 2; display: flex; align-items: center; justify-content: center;
  width: 3.2rem; height: 3.2rem; padding: .8rem; border: 0; background: rgba(0, 0, 0, .6); color: #fff; cursor: pointer; }
.yorum-pencere__ok svg { flex-shrink: 0; width: 1.2rem; height: 2rem; }
.yorum-pencere__ok--geri { left: .8rem; }
.yorum-pencere__ok--geri svg { transform: scaleX(-1); }
.yorum-pencere__ok--ileri { right: .8rem; }
.yorum-pencere__ok:disabled { opacity: .65; cursor: not-allowed; }
@media screen and (max-width: 767px) {
  .yorum-pencere__kutu { max-width: none; height: 100%; flex-direction: column; }
  .yorum-pencere--medya .yorum-pencere__kutu { height: 100%; }
  .yorum-pencere--medya .yorum-pencere__medya, .yorum-pencere--medya .yorum-pencere__icerik { flex: 0 0 50%; }
  .yorum-pencere__kapat { top: 1.6rem; right: 1.6rem; background: rgba(0, 0, 0, .08); color: rgba(18, 18, 18, .75); }
  .yorum-pencere--medya .yorum-pencere__kapat { top: .8rem; right: .8rem; background: rgba(0, 0, 0, .6); color: #fff; }
}
/* icerik: ozet (kaydiricidan) */
.yp-ozet { font-size: 1.4rem; line-height: normal; letter-spacing: .06rem; color: #303030; }
.yp-ozet__ust { display: flex; align-items: center; gap: .6rem; }
.yp-ozet__ad { font-weight: 600; }
.yp-ozet__dogru { display: flex; }
.yp-ozet__govde { margin: .8rem 0; }
.yp-ozet__govde p, .yp-kart__govde p { margin: 0; white-space: pre-line; }
.yp-ozet__urun { margin-top: .4rem; font-size: 1.19rem; color: #757575; }
.yp-ozet__urun b { font-weight: 600; color: #303030; }
/* icerik: kart (degerlendirme bolumunden / fotograf izgarasindan) */
.yp-kart { font-size: 1.6rem; line-height: normal; letter-spacing: .06rem; color: #000; }
.yp-kart__kim { display: flex; align-items: center; gap: .8rem; margin-top: 1.6rem; }
.yp-kart__avatar { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 4.4rem; height: 4.4rem; border-radius: 50%;
  background: rgba(16, 132, 116, .1); font-weight: 700; }
.yp-kart__adsatir { display: flex; align-items: center; gap: .6rem; }
.yp-kart__ad { font-weight: 700; }
.yp-kart__rozet { padding: .3rem .9rem; border: .1rem solid #000; border-radius: 2.4rem; font-size: 1.2rem; font-weight: 500; }
.yp-kart__tarih { display: block; margin-top: .4rem; font-size: 1.4rem; color: #7b7b7b; }
.yp-kart__govde { margin-top: 1.6rem; }
.yp-kart__cevap { margin-top: 1.6rem; padding: 1rem 1.2rem; background: rgba(16, 132, 116, .06); font-size: 1.4rem; }
/* pencere yildizlari (canli yazi tipi simgesi: adim F + .6px; ozet F=18 ara 7px, kart F=24 ara 4px) */
.yp-yildiz { display: flex; color: #108474; }
.yp-yildiz > span { width: calc(1em + .6px); height: 1em; }
.yp-yildiz svg { display: block; width: 1.0667em; height: 1.0667em; overflow: visible; }
.yp-yildiz .bos { color: #108474; }
.yp-yildiz--ozet { font-size: 1.8rem; gap: .7rem; }
.yp-yildiz--kart { font-size: 2.4rem; gap: .4rem; }
/* canli: yildiz kabi ve tarih icerik genisliginde; kart iceriginin sonunda 16px ust bosluklu bos eylem satiri (metinli
   pencere 204px) */
.yp-yildiz { width: fit-content; }
.yp-kart__tarih { width: fit-content; }
.yp-kart { padding-bottom: 1.6rem; }

/* GORSEL BUYUTME PENCERESI (canli product-media-modal olcumu 390/1440, 30 Eylul; kendi kodumuz): beyaz tam ekran,
   imlec zoom-out. Telefon: yalniz tiklanan gorsel, CSS genisligi yok (width=1100 ozniteligi -> 1100px), yatay ortali;
   750+: 2rem 11rem dolgu, gorseller tam genislik, aralari 2rem (990+ 1.5rem, alt dolgu da). Kapat: sabit, 4rem, beyaz,
   %10 cerceve, yuvarlak, %55 renk (ustune gelince %75), 12px dolgu; telefonda sagdan/ustten 2rem, 750+ 5rem / 2.2rem. */
.buyutme { cursor: zoom-out; }
/* genislik yazilmaz: width=1100 ozniteligi gorsel inmeden de 1100px yer ayirir (ortalama ona gore hesaplanir) */
.buyutme img { display: block; max-width: none; height: auto; margin: auto; }
.buyutme img:not(.aktif) { display: none; }
.buyutme__kapat { top: 2rem; right: 2rem; display: flex; align-items: center; justify-content: center; width: 4rem; height: auto;
  padding: 1.2rem; border: .1rem solid rgba(18, 18, 18, .1); border-radius: 50%; background: #fff; color: rgba(18, 18, 18, .55);
  cursor: pointer; }
.buyutme__kapat:hover { color: rgba(18, 18, 18, .75); }
.buyutme__kapat svg { display: block; width: 2.2rem; max-width: 100%; height: auto; }
@media screen and (min-width: 750px) {
  .buyutme { padding: 2rem 11rem; }
  .buyutme img, .buyutme img:not(.aktif) { display: block; width: 100%; }
  .buyutme img + img { margin-top: 2rem; }
  .buyutme__kapat { top: 2.2rem; right: 5rem; }
}
@media screen and (min-width: 990px) {
  .buyutme { padding-bottom: 1.5rem; }
  .buyutme img + img { margin-top: 1.5rem; }
}

/* ARAMA KUTUSU DUGMELERI (canli 1440/390 olcumu, 30 Eylul; kendi kodumuz): temizle ve ara simgeleri %75 koyu, ustune
   gelince 1.07 buyur; temizlenin sag kenarinda 1x26 px, %8 koyu ayrac (ustten/alttan 9 px). Katmanin kapat dugmesi:
   17 px ince carpi, ustune gelince %75 renk ve 1.07. */
.alan-kutu--arama .arama-gonder, .alan-kutu--arama .arama-temizle { color: rgba(18, 18, 18, .75); }
.alan-kutu--arama .arama-gonder:hover svg, .alan-kutu--arama .arama-temizle:hover svg { transform: scale(1.07); }
.alan-kutu--arama .arama-temizle::after { content: ""; position: absolute; top: .9rem; right: 0; bottom: .9rem; width: .1rem;
  border-right: .1rem solid rgba(18, 18, 18, .08); }
.arama-katman__kapat svg { width: 1.7rem; height: 1.7rem; }
.arama-katman__kapat:hover { color: rgba(18, 18, 18, .75); }
.arama-katman__kapat:hover svg { transform: scale(1.07); }

/* ARAMA KATMANI 750-989 (canli olcum 768/989, 30 Eylul): kutu tam genislik (74.2rem siniri 990'da baslar), kapat dugmesi
   akis disinda: katmanin ustunden 15px, sagindan 10px */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .arama-katman__ic { position: static; }
  .arama-katman__form { max-width: none; }
  .arama-katman__kapat { position: absolute; top: 1.5rem; right: 1rem; margin: 0; }
}

/* BULTEN BASARI MESAJI (canli newsletter-form__message--success, 30 Eylul olcumu): formun 20px altinda, formun solunda,
   14px, #121212, 20x20 simge kutusunda 13px simge (sag 5px); sayfa acilisinda odaklanir: 2px %50 cerceve + beyaz ve golge halka */
.bulten form { display: flex; flex-direction: column; align-items: flex-start; }
.bulten form > .alan-kutu { align-self: stretch; }
.bulten__basari { display: flex; align-items: center; margin: 2rem 0 0; font-size: 1.4rem; line-height: 1.4rem; font-weight: 400;
  letter-spacing: .06rem; color: rgb(18, 18, 18); text-align: left; }
.bulten__basari .simge-sarmal { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; flex: 0 0 auto; }
.bulten__basari svg { display: block; width: 1.3rem; height: 1.3rem; margin-right: .5rem; }
.bulten__basari:focus { outline: 0; }
.bulten__basari:focus-visible { outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .3rem;
  box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
/* telefonda (749 ve alti) canli bulten blogu icerigine gore: normalde 282px, basari mesaji cikinca mesaj kadar (291.8px) genisler,
   alan da onunla genisler (30 Eylul olcumu) */
@media screen and (max-width: 749px) {
  .alt .bulten form { max-width: none; width: fit-content; min-width: 28.2rem; }
  .alt .bulten form > .alan-kutu { width: 0; min-width: 100%; }
}

/* KLAVYE ODAGI (canli 30 Eylul olcumu, scripts/tab_kiyas.js ile Tab Tab karsilastirildi; kendi kodumuz). Fare ile odakta halka yok,
   yalniz klavye (:focus-visible). Turler:
   - varsayilan (baglanti, dugme, kart): 2px %50 cerceve, 3px disarida, beyaz 3px + golge halka
   - baslik (logo, menu, simgeler): 2px %50 cerceve ice dogru (-2px), 2px golge
   - dugme (.dugme, atlama baglantisi): cerceve yok; beyaz 3px + %50 5px + golge
   - suzgec basligi ve siralama kutusu: 2px %50 cerceve 10px disarida, beyaz 10px + 12px golge
   - kart: halka kartin tamamini kaplayan ::after katmaninda
   - yorum kaydiricisi (Judge.me): 2px %50 cerceve 3px disarida, kendi 10px golgesi kalir */
a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible {
  outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .3rem; box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
.ust__logo:focus-visible, .ust__menu a:focus-visible, .ust .simge-dugme:focus-visible {
  outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: -.2rem; box-shadow: 0 0 .2rem 0 rgba(18, 18, 18, .3); }
.dugme:focus-visible, .icerige-gec:focus-visible {
  outline: 0; box-shadow: 0 0 0 .3rem #fff, 0 0 0 .5rem rgba(18, 18, 18, .5), 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
.suzgec-grup > summary:focus-visible, select[data-siralama]:focus-visible {
  outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: 1rem; box-shadow: 0 0 0 1rem #fff, 0 0 .2rem 1.2rem rgba(18, 18, 18, .3); }
.kart__ad a:focus-visible, .kart__metin-baslik a:focus-visible, .kol-kart__ad a:focus-visible { outline: 0; box-shadow: none; }
.kart__ad a:focus-visible::after, .kart__metin-baslik a:focus-visible::after, .kol-kart__ad a:focus-visible::after {
  outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .3rem; box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
.yorum-kaydirici__oge:focus-visible, .yorum-kaydirici__ok:focus-visible {
  outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .3rem; box-shadow: 0 0 10px rgba(0, 0, 0, .15); }
/* atlama baglantisi odakta: sol ustte siyah dugme (canli: #121212, beyaz 15px, 1px harf araligi, 0 30px dolgu, en az 122x47) */
.icerige-gec:focus { position: absolute !important; top: 0; left: 0; z-index: 9999; display: flex; align-items: center; width: auto;
  height: auto; min-width: 12.2rem; min-height: 4.7rem; margin: -1px; padding: 0 3rem; overflow: visible; clip: auto; white-space: nowrap;
  background: #121212; color: #fff; font-size: 1.5rem; line-height: 1.8rem; letter-spacing: .1rem; text-decoration: none; }
/* Cok Satanlar oklari: magaza kodu kendi golgesini koruyor, halka yalniz cerceve (canli) */
.ns-slider-arrow:focus-visible { box-shadow: 0 4px 10px rgba(0, 0, 0, .08); }
/* siralama kutusundaki secili deger canlida %75 koyu (koleksiyon ve arama) */
.siralama select { color: rgba(18, 18, 18, .75); }
/* kart basligi baglantisi canlida blok (full-unstyled-link): basligi tamamen doldurur, klavye odaginda kaydirma ayni olur */
.kart__ad a, .kart__metin-baslik a, .kol-kart__ad a { display: block; }

/* urun sayfasi klavye (canli 30 Eylul): "Urun bilgisine atla" galeri sol ustunde siyah dugme (genel .icerige-gec:focus kurali);
   0x0 medya dugmesi ana gorselin sol altinda, halkasiz; yorum kaydiricisi izi odakta cercevesiz beyaz + golge halka */
.galeri__modda { position: absolute; left: .1rem; bottom: .1rem; display: flex; width: 0; height: 0; margin: 0; padding: 0; border: 0;
  overflow: hidden; background: none; }
.galeri__modda:focus-visible { outline: 0; box-shadow: none; }
.yorum-kaydirici__iz:focus-visible { outline: 0; box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
.yorum-ozet { cursor: pointer; }
.takim-tamamla__adet-sayi:focus-visible { outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .3rem;
  box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
/* canli jdgm-prev-badge__stars satir ici kutu sondaki boslugu da icerir (103.66 px); yazi hemen ardindan (938.7) */
.yorum-ozet__yildiz { padding-right: .453rem; }
/* renk secimi gizli girdisi: canli swatch-input__input kenar boslugu (etiketin 5px sagi, 4px ustu) ve kendi odak halkasi (kirpildigi
   icin gorunmez; gorunen halka etikette) */
.secim__girdi { margin: .3rem .3rem 0 .5rem; }
.secim__girdi:focus-visible { outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .3rem;
  box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
/* canli .button kenarligini ::after ile ICERIDEN cizer, kutuya eklemez: 30px dolgu + icerik. Bizde gercek 1px kenarlik var;
   ayni dis olcu icin dolgu 29px, en kucuk genislik 122px (30 Eylul, bos sepet "Alışverişe devam et" 217.16 px) */
.dugme { padding: 0 2.9rem; min-width: 12.2rem; }
/* bos sepet "oturum açın" baglantisi canlida satir ici blok (28.8 px kutu) */
.sepet-bos__giris-metin a { display: inline-block; }
/* blog karti (canli article-card, 30 Eylul olcumu): baslik baglantisi blok ve ::after ile kartin tamamini kaplar (kartin her yeri
   yaziya gider, uzerine gelince baslik alti cizilir); klavye halkasi bu katmanda, bosluk kart renginde */
.yazi-kart { position: relative; }
.yazi-kart h2 a, .yazi-kart h3 a { display: block; }
.yazi-kart h2 a::after, .yazi-kart h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.yazi-kart h2 a:focus-visible, .yazi-kart h3 a:focus-visible { outline: 0; box-shadow: none; }
.yazi-kart h2 a:focus-visible::after, .yazi-kart h3 a:focus-visible::after { outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: .3rem;
  box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
.yazi-kart--metin h2 a:focus-visible::after, .yazi-kart--metin h3 a:focus-visible::after {
  box-shadow: 0 0 0 .3rem #f3f3f3, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
/* paylas dugmesi (canli share-button__button, 30 Eylul): simge 20x20 kutuda ortali, sag 10px (kutudan 1.5px sola tasar), yazi 20px'ten,
   harf araligi normal, dolgu 1px 6px 1px 0 */
.paylas-dugme { gap: 0; padding: .1rem .6rem .1rem 0; letter-spacing: normal; }
.paylas-dugme__simge { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; flex: 0 0 auto; }
.paylas-dugme__simge svg { display: block; flex: 0 0 auto; margin-right: 1rem; }
/* her karede 0x0 "Medya N modda oynatın" (canli product__media-toggle): karenin sol alt kosesinde; 750+ yalniz etkin karedeki
   odak alir (canlida diger kareler gizli), telefonda hepsi */
.galeri__serit > figure { position: relative; }
@media screen and (min-width: 750px) { .galeri__serit > figure:not(.etkin) .galeri__modda { display: none; } }
/* medya dugmesi canli gibi gorselin sol alt ic kosesinde: 750+ cerceve karede (0,0), telefonda 5px dolgu + gorsel cercevesi.
   Telefon seridinde sag kaydirma payi yok (canli yalniz sol 1.5rem): odak alan dugme sagda gorunuyorsa serit kaymaz */
@media screen and (min-width: 750px) { .galeri__modda { left: 0; bottom: 0; } }
@media screen and (max-width: 749px) {
  .galeri__serit { scroll-padding-right: auto; }
  .galeri__modda { left: .1rem; bottom: .6rem; }
}

/* URUN FIYATI (canli fiyat parcasi + Dawn fiyat stili, 30 Eylul olcumu 390/1440):
   - taksit satirinin altinda "normal" (indirimsiz) ya da "indirimli" kutusu: 1.6rem (750+ 1.8rem) yazi, 1.5 satir, .13rem aralik;
     fiyatlarin kendisi bunun .88'i, satir kutusunun icinde 2 px (750+ 3 px) asagida.
   - indirimde sayfa ilk acildiginda kirmizi fiyat ile ustu cizili eski fiyat AYNI satirda (canlida oneriler bolumunun stil dosyasi
     fiyat parcasinin kuralini ezer). Oneriler yuklenince (bolum ekranin 400 px altina gelince) canlida parca kurali geri gelir,
     eski fiyat alt satira iner: .fiyat--yigin (site.js). Indirimsizde her zaman alt alta (bos karsilastirma satiri dahil). */
.urun .fiyat__normal, .urun .fiyat__indirimli { align-self: stretch; font-size: 1.6rem; line-height: 1.5; letter-spacing: .13rem; }
@media screen and (min-width: 750px) { .urun .fiyat__normal, .urun .fiyat__indirimli { font-size: 1.8rem; line-height: 1.5; } }
.urun .fiyat__normal { order: 2; display: block; color: var(--koyu); font-weight: 400; }
.urun .fiyat__normal[hidden] { display: none; }
.urun .fiyat__indirimli { order: 2; display: block; }
.urun .fiyat__normal-deger, .urun .fiyat__satis, .urun .fiyat__eski { display: inline-block; font-size: .88em; line-height: 1.5; letter-spacing: .13rem; }
@media screen and (min-width: 750px) { .urun .fiyat__normal-deger, .urun .fiyat__satis, .urun .fiyat__eski { font-size: .88em; line-height: 1.5; } }
.urun .fiyat__satis, .urun .fiyat__eski { margin: 0 1rem 0 0; }
.urun .fiyat__kiyas { display: inline; }
.urun .fiyat--indirimsiz .fiyat__eski { display: inline-block; min-height: 0; }
.urun .fiyat--yigin .fiyat__indirimli, .urun .fiyat--indirimsiz .fiyat__indirimli { display: flex; flex-direction: column; }
.urun .fiyat--yigin .fiyat__kiyas, .urun .fiyat--indirimsiz .fiyat__kiyas { display: block; }
/* alt alta durumda sira canlidaki gibi: kirmizi fiyat, sonra karsilastirma satiri; taksit satiri tam genislik (canli blok) */
.urun .fiyat__indirimli .fiyat__satis { order: 1; }
.urun .fiyat__indirimli .fiyat__kiyas { order: 2; }
.urun .fiyat__taksit { align-self: stretch; }

/* kucuk resim seridi: ogelerin konumu seride gore (etkin ogeyi gorunur tutma hesabi); oklar canli renkte: normal %75, ustune
   gelince tam, pasifken %30 */
.galeri__kucukler { position: relative; }
.galeri__kucuk-ok { color: rgba(18, 18, 18, .75); }
.galeri__kucuk-ok:not([disabled]):hover { color: #121212; }
.galeri__kucuk-ok:disabled { color: rgba(18, 18, 18, .3); cursor: pointer; }
/* "Bu urunu nerede gorebilirim?" telefonda galeri kenardan kenara olsa da kutu 15 px iceride (canli 390: 15-375) */
@media screen and (max-width: 749px) { .urun__galeri .reysa-mb-wrap { width: auto; margin-left: 1.5rem; margin-right: 1.5rem; } }
/* yorum karti: kart odak almaz (canli); fotografli kartta gorsel cercevesi odaklanir */
.yorum-kart__cerceve { display: block; }

/* DEGERLENDIRME ALT SERIDI (canli jdgm-masonry-grid__footer, 30 Eylul): kesik bolumun kaydirma alaninin altina yapisik, 37px,
   dugme ortada; 150px beyaz sis seridin altindan yukari uzanir. Bolum odakla kaydirilinca (canlida 25px) serit yerinde kalir. */
.degerlendirme__alt { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: center; height: 3.7rem; }
.degerlendirme__alt .degerlendirme__sis { position: absolute; left: 0; right: 0; bottom: 0; top: auto; height: 15rem; }
.degerlendirme__alt .degerlendirme__daha { position: relative; left: auto; bottom: auto; transform: none; }
.degerlendirme__govde.acik .degerlendirme__alt, .degerlendirme__govde.kisa .degerlendirme__alt { position: static; height: auto; }
/* klavye halkalari (canli): Judge.me dugmeleri ve alt bilgi akordeonu yalniz golge (cerceve cizgisi yok), siralama kutusunda
   halka yok, yorum gorseli cercevesinde 2px mavi cizgi */
.degerlendirme__yaz:focus-visible, .degerlendirme__simge:focus-visible, .degerlendirme__medya-oge:focus-visible,
.ns-accordion-header:focus-visible { outline: 0; }
#yorum-sirala:focus-visible { outline: 0; box-shadow: none; }
.yorum-kart__cerceve:focus-visible { outline: 2px solid #007bff; outline-offset: 2px; box-shadow: none; }
/* KISA EKRAN (canli constrain-height, 30 Eylul olcumu): ana gorselin yuksekligi ekrana gore sinirlanir, gorsel kirpilir (cover).
   telefon: en fazla max(300px, 100vh - 400px); 750+: en fazla max(500px, 100vh - 170px). Ornek: 1366x657 dizustunde 694x500,
   1280x600'de 647x500, 390x667 telefonda 354x300; 1440x900 ve 390x844'te sinir devreye girmez. */
@media screen and (max-width: 749px) {
  .galeri__serit > figure img { max-height: max(30rem, 100vh - 40rem); }
}
@media screen and (min-width: 750px) {
  .galeri__ana { aspect-ratio: auto; }
  .galeri__serit > figure img { height: auto; aspect-ratio: 1 / 1; max-height: max(50rem, 100vh - 17rem); }
}
/* YORUM BASLIGI (canli Judge.me, 30 Eylul olcumu): kartta ve pencerede tarih/kisi satirinin 16px altinda 20px kalin, satir
   normal (24px), .6px aralik, siyah; kartta en fazla 2 satir. Metin basligin 8px altinda. Kaydirici kartinda baslik yok. */
.yorum-kart__baslik { margin: 0 0 .8rem; font-size: 2rem; font-weight: 700; line-height: normal; letter-spacing: .06rem; color: #000;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.yp-kart__baslik { margin: 1.6rem 0 0; font-size: 2rem; font-weight: 700; line-height: normal; letter-spacing: .06rem; color: #000; }
.yp-kart__baslik + .yp-kart__govde { margin-top: .8rem; }
/* URUN GORSELI BUYUTEC SIMGESI (canli product__media-icon, 30 Eylul olcumu 390/749/750/989/990/1440):
   gorselin sol ust kosesinden 12/12 px; telefonda 30 px + 1 px cerceve (32), 750+ cerceve dahil 30; beyaz, %10 cerceve;
   simge 12x14 kutuda ortali. 990 ve ustunde yalniz fare gorselin ustundeyken gorunur (opaklik .1 sn), 750-989 hep gorunur. */
.galeri__buyutec { display: flex; top: 1.2rem; left: 1.2rem; width: 3.2rem; height: 3.2rem; background: #fff;
  border: .1rem solid rgba(18, 18, 18, .1); transition: color .1s, opacity .1s; }
.galeri__buyutec svg { width: 1.2rem; height: 1.4rem; }
@media screen and (max-width: 749px) { .galeri__buyutec { top: 1.8rem; left: 1.3rem; } }
@media screen and (min-width: 750px) { .galeri__buyutec { width: 3rem; height: 3rem; } }
@media screen and (min-width: 990px) {
  .galeri__serit > figure .galeri__buyutec { opacity: 0; }
  .galeri__serit > figure:hover .galeri__buyutec { opacity: 1; }
}
/* BULTEN ALANI (canli Dawn .field, 30 Eylul olcumu 390/1440): bosta yazi 15px, etiket 21/11px'te 16px (1px aralik, %75);
   odakta ya da doluyken yazi 22/8/20px dolgulu, etiket 6px'e 10px (0.4px aralik) kayar (.1 sn). Ok dugmesi %75 renk; odak
   halkasi beyaz 3px + koyu 1px. Telefonda form icerik genisliginde: alan 282, odakta 287 (sol dolgu 15 -> 20). */
.bulten .alan-kutu input { padding: 1.5rem 5rem 1.5rem 1.5rem; letter-spacing: .04rem; line-height: 2.4rem; }
.bulten .alan-kutu input::placeholder { color: transparent; }
.bulten .alan-kutu label { position: absolute; top: 1.1rem; left: 2.1rem; margin: 0; font-size: 1.6rem; line-height: 2.4rem;
  letter-spacing: .1rem; color: rgba(18, 18, 18, .75); pointer-events: none; transition: top .1s ease, font-size .1s ease; }
.bulten .alan-kutu input:focus, .bulten .alan-kutu input:not(:placeholder-shown) { padding: 2.2rem 5rem .8rem 2rem; }
.bulten .alan-kutu input:focus ~ label, .bulten .alan-kutu input:not(:placeholder-shown) ~ label { top: .6rem; font-size: 1rem;
  line-height: 1.5rem; letter-spacing: .04rem; }
.bulten .alan-kutu button { color: rgba(18, 18, 18, .75); }
.bulten .alan-kutu button:focus-visible { box-shadow: 0 0 0 .3rem #fff, 0 0 0 .4rem #121212; }
@media screen and (max-width: 749px) {
  .alt .bulten form { min-width: 0; }
  .alt .bulten form > .alan-kutu { width: auto; min-width: 0; }
}
/* telif satirinda "Reysa Mobilya" canli gibi satir ici (yasal baglantilar 6px dolgulu kalir) */
@media screen and (max-width: 749px) { .alt-satir span:first-child a { display: inline; padding: 0; } }
/* telefonda "Filtrele ve sirala" (canli facets summary) odak halkasi: 10 px ofset, beyaz 10 px + 12 px golge */
.suzgec-ac:focus-visible { outline: .2rem solid rgba(18, 18, 18, .5); outline-offset: 1rem;
  box-shadow: 0 0 0 1rem #fff, 0 0 .2rem 1.2rem rgba(18, 18, 18, .3); }
/* JUDGE.ME UZERINE GELME (canli, 30 Eylul olcumu; renkler color(srgb ...) biciminde oldugu icin eski arac kaciriyordu):
   "Degerlendirme yazin" zemini %80, "Filtreler" ve siralama kutusu %10 yesil zemin (gecis yok); "Daha fazla goster" %80 opak;
   kaydirici oklari %70 ve yorum gorseli %80 opak (.2 sn). Kart, fotograf izgarasi ve rozet yildizlarinda degisim yok. */
.degerlendirme__yaz:hover { background: rgba(16, 132, 116, .8); }
.degerlendirme__simge { background: transparent; }
.degerlendirme__simge:hover, #yorum-sirala:hover { background-color: rgba(16, 132, 116, .1); }
.degerlendirme__daha { transition: background .2s; }
.degerlendirme__daha:hover { opacity: .8; }
.yorum-kaydirici__ok, .yorum-kart__cerceve { transition: opacity .2s; }
.yorum-kaydirici__ok:hover { opacity: .7; }
.yorum-kart__cerceve:hover { opacity: .8; }
/* ZENGIN METIN BAGLANTILARI (canli .rte a, 30 Eylul olcumu urun aciklamasi / blog / politika): %85 koyu, 1px alt cizgi 3px asagida;
   uzerine gelince tam koyu ve 2px cizgi (.1 sn). Magaza HTML'indeki satir ici stiller bunu ezer (canlida da oyle). */
.icerik a { color: rgba(18, 18, 18, .85); text-decoration: underline; text-decoration-thickness: .1rem; text-underline-offset: .3rem;
  transition: text-decoration-thickness .1s ease; }
.icerik a:hover { color: #121212; text-decoration-thickness: .2rem; }
/* KART IKINCI GORSEL (canli Dawn media--hover-effect, 30 Eylul olcumu): uzerine gelince birinci gorsel .4 sn'de kaybolur,
   ikinci gorsel HEMEN gorunur ve .5 sn'de 1.03'e buyur; ayrilinca ikinci gorsel .4 sn'de kaybolur. */
.kart__gorsel img { transition: opacity .4s cubic-bezier(.25, .46, .45, .94); }
@media (hover: hover) {
  .kart:hover .kart__gorsel img:first-of-type:not(:only-of-type) { opacity: 0; }
  .kart:hover .kart__gorsel img + img { opacity: 1; transition: transform .5s ease; }
  .kart:hover .kart__gorsel img:only-of-type { transition: transform .5s ease; }
}
/* tek gorselli kartta canli gecis yalniz buyume (.5 sn; ayrilinca da yavasca geri doner) */
.kart__gorsel img:only-of-type { transition: transform .5s ease; }
/* DUGME UZERINE GELME (canli Dawn .button::after halkasi, 30 Eylul olcumu): dolu dugme 1px, cizgili dugme 1.3px disa buyur
   (.1 sn). "Hemen satın alın" da dolu dugme gibi buyur (onceki not "degismez" diyordu; olcum yalniz ogeye bakmisti, halka
   ::after'da). */
.dugme--cizgili:hover { box-shadow: 0 0 0 .13rem var(--koyu); }
.urun-dugmeler__hemen { transition: background .2s ease-in-out, box-shadow .1s ease; }
.urun-dugmeler__hemen:hover { box-shadow: 0 0 0 .1rem var(--koyu); }
/* canli: telif satiri baglantisi ve masaustu suzgec basliklari uzerine gelince tam koyu (%75 -> %100) */
.alt-satir a:hover { color: #121212; }
.suzgec-yan .suzgec-grup > summary:hover { color: #121212; }
/* canli: blog "Share" dugmesi uzerine gelince alti cizili (3px asagida); logo baglantisinda alt cizgi yok, uzerine gelince %75 */
.paylas-dugme:hover { text-decoration: underline; text-underline-offset: .3rem; }
.ust__logo { text-decoration: none; }
.ust__logo:hover { color: rgba(18, 18, 18, .75); }
/* kategori vitrini kutulari (magazanin kendi bolumu): odakta da kendi golgesi kalir, genel odak golgesi binmez (canli) */
.ns-vitrin-item:focus-visible { box-shadow: 0 4px 15px rgba(0, 0, 0, .06); }
.ns-vitrin-item:hover:focus-visible { box-shadow: 0 8px 25px rgba(0, 0, 0, .12); }
/* canli .policies li a: masaustunde de satir ici blok (18.7 px = 11px x 1.7), telefonda 6px dolgulu (yukarida) */
@media screen and (min-width: 750px) { .alt-satir span:not(:first-child) a { display: inline-block; } }
/* yorum izgarasi masonry (site.js yerlestir): kartlar mutlak konumlu, kap yuksekligi en uzun sutun */
.degerlendirme__izgara--tas { display: block; position: relative; }
.degerlendirme__izgara--tas > .yorum-kart { position: absolute; }
/* "Devami" canlidaki gibi satir ici (satir-ici blok iken satir kutusu taban cizgisi yuzunden 21px oluyor, kart 1px uzuyordu) */
.yorum-kart__devam { display: inline; }
/* yorum karti govdesi 16px (canli .jdgm-reply-item__content): 15px kalinca "Devami" satirinin taban cizgisi kayip satir 21px
   oluyor, telefonda kart 1px uzuyordu */
.yorum-kart__govde { font-size: 1.6rem; }
/* masaustu fotograf izgarasi ("View image N") odakta canli gibi 2px yesil cizgi, 2px ofset (+ genel golge); seritte cizgi yok */
.degerlendirme__medya-oge[role="listitem"]:focus-visible { outline: .2rem solid #108474; outline-offset: .2rem; }
/* kaydirma davranisi (canli Dawn .slider / Judge.me): telefonda ana galeri seridi ve kucuk resim seridi yumusak kayar (odakla
   kayma dahil); yorum fotograf seridi her genislikte yumusak. Yorum fotograf oklarinin odak halkasi mavi 2px, 2px ofset. */
@media screen and (max-width: 749px) { .galeri__serit, .galeri__kucukler { scroll-behavior: smooth; } }
.degerlendirme__medya { scroll-behavior: smooth; }
.degerlendirme__medya-ok:focus-visible { outline: .2rem solid #3b82f6; outline-offset: .2rem; }
/* yorum fotograf seridi oku seridin dikey ortasinda: kabin ustu seridin ustuyle ayni (ust bosluk kaptan disari tasiyor),
   ok merkezi 90px'te (canli 390: serit+74, ok 32px) */
@media screen and (max-width: 749px) {
  .degerlendirme__medya-kap:not(.degerlendirme__medya-kap--serit) .degerlendirme__medya-ok { top: 9rem; }
}
/* bos sepet 750-989 (canli olcum 800/989): kutu ust dolgusu 30px, baslik 45/20px bosluklu (yazi 40px); 70/0/30 yalniz 990+ */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .sepet-bos { padding: 3rem 0 1rem; }
  .sepet-bos__baslik { margin: 4.5rem 0 2rem; }
}
/* 404 (canli olcum 749/800/990): "404" satiri govde yazisi boyunda (telefonda 15px, 1em bosluk); baslik 750-989'da da 30/20px
   bosluklu (50/30 yalniz 990+) */
.hata-sayfa__kod { font-size: inherit; margin: 1em 0; }
@media screen and (min-width: 750px) and (max-width: 989px) { .hata-sayfa__baslik { margin: 3rem 0 2rem; } }
/* kargo takibi (magazanin kendi bolumu): canlida baslik ve aciklama tarayici varsayilan ust boslugunu kullanir (h1 .67em,
   p 1em); bizim genel sifirlama bunlari kaldiriyordu, bolum 15-19px yukarida basliyordu */
.kargo-takip__title { margin-top: .67em; }
.kargo-takip__desc { margin-top: 1em; }
/* kargo takip kutusu odakta canli gibi genel golge halkasi (magaza kodu yalniz cizgiyi kapatiyor) */
.kargo-takip__input:focus-visible { box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
/* siparis takip kutusu (magazanin kendi sayfasi): odakta canli gibi genel golge halkasi */
.reysa-sorgu-input:focus-visible { box-shadow: 0 0 0 .3rem #fff, 0 0 .5rem .4rem rgba(18, 18, 18, .3); }
/* kart eski fiyati (canli .price-item-compare): 16px / 1.5 satirlik kap (24px) icinde satir ici blok s (14.08px); yazi kabin
   2px altinda (duz 24px blokken ~0.5px yukarida cizilip kenarlari farkliydi) */
.kart .fiyat__kiyas { order: 3; display: block; font-size: 1.6rem; line-height: 1.5; letter-spacing: .1rem; }
.kart .fiyat__kiyas .fiyat__eski { display: inline-block; font-size: .88em; line-height: 1.5; vertical-align: baseline; }
.kart .fiyat__kiyas { align-self: stretch; }

/* 1 Ekim 2026: en alt telif satiri canli Dawn satiri gibi SATIR ICI akis: telif + "... tarafindan desteklenmektedir"
   (canlida Shopify, bizde sahip istegiyle Whayns) + "·" ayracli yasal baglantilar. Kap yazisi 10 px (masaustu 12 px),
   telif ogeleri 11 px / 18.7 px; yasal ogeler satir ici esnek, oncesinde 8 px dolgulu nokta; telefonda baglanti 6 px dolgulu. */
.alt-satir { display: block; font-size: 1rem; letter-spacing: .07rem; line-height: 1.7; text-align: center; }
.alt-satir .telif { font-size: 1.1rem; }
.alt-satir > .telif a { display: inline; padding: 0; }
.alt-satir .alt-yasal { display: inline; margin: 0; padding: 0; list-style: none; }
.alt-satir .alt-yasal li { display: inline-flex; justify-content: center; align-items: center; }
.alt-satir .alt-yasal li::before { content: "\00b7"; padding: 0 .8rem; }
.alt-satir .alt-yasal a { display: block; padding: .6rem 0; }
@media screen and (min-width: 750px) {
  /* canli: telif kutusu icerigi kadar genis (en cok kap kadar), metin saga yasli; 800 px'te iki satira sarip saga dayanir */
  .alt-satir { font-size: 1.2rem; text-align: right; width: fit-content; max-width: 100%; }
  .alt-satir .alt-yasal a { padding: 0; }
}