@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

/* ══════════════════════════════════════════════════════════════════════════
   Ayakkabı kampanya teması — "sneaker drop" dili
   Kapsam: body[data-theme-folder="ayakkabi"] — başka sayfayı etkilemez.
   style.css'ten SONRA yüklenir; solevo/shoe kuralları burada eziliyor.

   RENK ANLAMI (owner eleştirisi 2026-09-06: turuncu+siyah "tehditkar" bulundu,
   özellikle SEÇİM anında kartın simsiyaha dönmesi — "seçim yapıldığında siyah
   temalar olmayacak, dostane olacak" — kırmızı/turuncu yerine yeşil istendi):
     koyu yeşil → yapı (üst çubuk, hero, özet kutusu, footer) — siyah DEĞİL.
     yeşil      → KAMPANYA ve "seçili" durumu. Üstüne HER ZAMAN koyu yazı gelir.
     altın      → koyu yeşil zemin üstünde vurgulanan kelime/rakam.
     zeminler   → her modele ayrı renk; satır içinde PHP'den gelir.
   Seçim durumu artık zemini SİYAHA çevirmiyor — açık yeşil dolgu + yeşil
   kenarlık + koyu metin (bkz. .sn-pack-card.selected, .payment-card.selected).
   ══════════════════════════════════════════════════════════════════════════ */

body[data-theme-folder="ayakkabi"] {
  --sn-ink:      #14332a;
  --sn-ink2:     #1d4436;
  --sn-paper:    #f4f2ee;
  --sn-card:     #ffffff;
  --sn-line:     #dedbd4;
  --sn-txt:      #14161a;
  --sn-mut:      #5f636b;
  --sn-acc:      #2fae5a;
  --sn-acc-rgb:  47,174,90;
  --sn-acc-dark: #1f7f41;
  --sn-acc-tint: #e7f7ec;
  --sn-acc2:     #ffcc66;

  background: var(--sn-paper);
  color: var(--sn-txt);
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
}

body[data-theme-folder="ayakkabi"] .sn-wrap {
  width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px;
}

/* Başlık dili: sıkışık, büyük harf, çok kalın.
   line-height BİLEREK 1'in az altında (yoğun görünüm için) ama .94 değil —
   Ö/Ü/Ğ/Ş gibi büyük harf üstü işaretler .94'te üst satır tarafından kırpılıyordu
   ("GÖRE" ekranda "GORE" gibi görünüyordu, kaynak HTML doğruydu). 1.0 işaretlere
   yetecek kadar yer bırakıyor, yoğunluğu neredeyse hiç değiştirmiyor. */
body[data-theme-folder="ayakkabi"] h1,
body[data-theme-folder="ayakkabi"] h2,
body[data-theme-folder="ayakkabi"] .sn-h2,
body[data-theme-folder="ayakkabi"] .sn-card-body h3 {
  font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  font-weight: 800; text-transform: uppercase; letter-spacing: .01em;
  line-height: 1.03; margin: 0;
}

/* ── ÜST ÇUBUK ─────────────────────────────────────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-top {
  position: sticky; top: 0; z-index: 60;
  background: var(--sn-ink); color: #fff;
}
body[data-theme-folder="ayakkabi"] .sn-top-in {
  display: flex; align-items: center; gap: 14px; height: 56px;
}
body[data-theme-folder="ayakkabi"] .sn-logo {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
  font-size: 26px; letter-spacing: .06em; color: #fff; text-decoration: none;
  margin-right: auto;
}
body[data-theme-folder="ayakkabi"] .sn-logo span { color: var(--sn-acc); }
body[data-theme-folder="ayakkabi"] .sn-top-deal { font-size: 13px; font-weight: 600; color: #d5d7dc; }
body[data-theme-folder="ayakkabi"] .sn-top-deal b { color: var(--sn-acc); font-weight: 800; }
body[data-theme-folder="ayakkabi"] .sn-top-cta {
  background: var(--sn-acc); color: var(--sn-ink); text-decoration: none;
  font-size: 13px; font-weight: 800; padding: 9px 16px; border-radius: 999px;
  white-space: nowrap;
}

/* ── HERO ──────────────────────────────────────────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-hero {
  background:
    radial-gradient(900px 420px at 78% 18%, rgba(var(--sn-acc-rgb),.22), transparent 62%),
    var(--sn-ink);
  color: #fff; overflow: hidden;
}
body[data-theme-folder="ayakkabi"] .sn-hero-in {
  display: grid; grid-template-columns: minmax(0,1.02fr) minmax(0,1fr);
  gap: 34px; align-items: center; padding: 52px 20px 58px;
}
body[data-theme-folder="ayakkabi"] .sn-hero-copy { min-width: 0; }
body[data-theme-folder="ayakkabi"] .sn-kick {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(var(--sn-acc-rgb),.16); border: 1px solid rgba(var(--sn-acc-rgb),.45);
  color: #a7e6bb; font-size: 12.5px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; padding: 7px 13px; border-radius: 999px;
}
body[data-theme-folder="ayakkabi"] .sn-hero-copy h1 {
  font-size: clamp(42px, 7vw, 88px); margin: 16px 0 0; color: #fff;
}
body[data-theme-folder="ayakkabi"] .sn-hero-copy h1 span { color: var(--sn-acc); }
body[data-theme-folder="ayakkabi"] .sn-hero-price {
  display: flex; align-items: baseline; gap: 10px; margin: 20px 0 0; flex-wrap: wrap;
}
body[data-theme-folder="ayakkabi"] .sn-hero-price b {
  font-family: 'Barlow Condensed', sans-serif; font-size: 46px; font-weight: 800; color: #fff; line-height: 1;
}
body[data-theme-folder="ayakkabi"] .sn-hero-price span { font-size: 14px; color: #b9bcc4; }
body[data-theme-folder="ayakkabi"] .sn-hero-price s { font-size: 17px; color: #9a9ea7; }
body[data-theme-folder="ayakkabi"] .sn-hero-lead {
  margin: 12px 0 0; font-size: 15.5px; line-height: 1.6; color: #cfd2d8; max-width: 46ch;
}
body[data-theme-folder="ayakkabi"] .sn-hero-lead b { color: var(--sn-acc2); }

body[data-theme-folder="ayakkabi"] .sn-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  background: var(--sn-acc); color: var(--sn-ink); border: 0; cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; letter-spacing: .03em;
  font-size: 21px; text-transform: uppercase; text-decoration: none;
  padding: 15px 26px; border-radius: 10px; transition: transform .12s, filter .12s;
}
body[data-theme-folder="ayakkabi"] .sn-btn:hover { filter: brightness(1.07); transform: translateY(-1px); }
body[data-theme-folder="ayakkabi"] .sn-btn-big {
  margin-top: 24px; width: 100%; max-width: 430px; padding: 18px 26px; font-size: 23px;
}

body[data-theme-folder="ayakkabi"] .sn-hero-trust {
  display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 20px;
  font-size: 13.5px; color: #c6c9d0;
}
body[data-theme-folder="ayakkabi"] .sn-hero-trust span { display: inline-flex; align-items: center; gap: 7px; }
body[data-theme-folder="ayakkabi"] .sn-hero-trust i { color: var(--sn-acc); }

body[data-theme-folder="ayakkabi"] .sn-hero-fig { position: relative; margin: 0; min-width: 0; }
body[data-theme-folder="ayakkabi"] .sn-hero-fig img {
  width: 100%; height: auto; display: block; border-radius: 16px;
}
body[data-theme-folder="ayakkabi"] .sn-hero-chip {
  position: absolute; right: 12px; bottom: -14px;
  background: var(--sn-acc); color: var(--sn-ink);
  display: flex; flex-direction: column; align-items: center;
  padding: 12px 18px; border-radius: 12px; box-shadow: 0 12px 26px rgba(0,0,0,.35);
}
body[data-theme-folder="ayakkabi"] .sn-hero-chip b {
  font-family: 'Barlow Condensed', sans-serif; font-size: 30px; font-weight: 800; line-height: 1;
}
body[data-theme-folder="ayakkabi"] .sn-hero-chip small { font-size: 11px; font-weight: 800; letter-spacing: .12em; }

/* ── KAYAN ŞERİT ───────────────────────────────────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-marq {
  background: var(--sn-acc); color: var(--sn-ink); overflow: hidden; padding: 11px 0;
  border-top: 2px solid var(--sn-ink); border-bottom: 2px solid var(--sn-ink);
}
body[data-theme-folder="ayakkabi"] .sn-marq-run {
  display: flex; gap: 22px; align-items: center; white-space: nowrap;
  width: max-content; animation: snMarq 30s linear infinite;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
  font-size: 17px; letter-spacing: .09em; text-transform: uppercase;
}
body[data-theme-folder="ayakkabi"] .sn-marq-run i { font-style: normal; opacity: .5; }
@keyframes snMarq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  body[data-theme-folder="ayakkabi"] .sn-marq-run { animation: none; }
}

/* ── BÖLÜM BAŞLIKLARI ──────────────────────────────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-step-no {
  display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .16em;
  color: var(--sn-mut); text-transform: uppercase; margin-bottom: 8px;
}
body[data-theme-folder="ayakkabi"] .sn-h2 { font-size: clamp(30px, 4.4vw, 54px); margin-bottom: 22px; }

body[data-theme-folder="ayakkabi"] .sn-models { padding: 54px 0 10px; }
body[data-theme-folder="ayakkabi"] .sn-head {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 24px; align-items: end; margin-bottom: 26px;
}
body[data-theme-folder="ayakkabi"] .sn-head > div { min-width: 0; }
body[data-theme-folder="ayakkabi"] .sn-head h2 { font-size: clamp(32px, 4.6vw, 58px); }
body[data-theme-folder="ayakkabi"] .sn-head-right p {
  margin: 0 0 12px; font-size: 15px; line-height: 1.6; color: var(--sn-mut);
}
body[data-theme-folder="ayakkabi"] .sn-counter {
  display: inline-flex; align-items: baseline; gap: 5px;
  background: var(--sn-ink); color: #fff; padding: 9px 16px; border-radius: 999px;
  font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 800;
}
body[data-theme-folder="ayakkabi"] .sn-counter small {
  font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase; color: #c9ccd3; margin-left: 6px;
}

/* ── ÜRÜN KARTLARI ────────────────────────────────────────────────────────
   style.css sızıntıları burada eziliyor: .product-image-wrap 1/1 oranı,
   .product-card gölge/kenarlığı, .product-select-btn rengi.                */
body[data-theme-folder="ayakkabi"] .sn-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px;
}
body[data-theme-folder="ayakkabi"] .sn-card {
  position: relative; background: var(--sn-card); border: 2px solid var(--sn-ink);
  border-radius: 14px; overflow: hidden; cursor: pointer; padding: 0; margin: 0;
  box-shadow: none; transition: transform .14s, box-shadow .14s;
  display: flex; flex-direction: column; min-width: 0;
}
body[data-theme-folder="ayakkabi"] .sn-card:hover {
  transform: translateY(-3px); box-shadow: 0 14px 28px rgba(14,15,18,.18);
}
body[data-theme-folder="ayakkabi"] .sn-card.product-selected {
  box-shadow: 0 0 0 4px var(--sn-acc); transform: translateY(-3px);
}

body[data-theme-folder="ayakkabi"] .sn-card .product-check-badge {
  position: absolute; top: 12px; left: 12px; z-index: 4;
  width: 30px; height: 30px; border-radius: 50%;
  background: var(--sn-acc); color: var(--sn-ink);
  display: none; align-items: center; justify-content: center;
  font-size: 14px; border: 2px solid var(--sn-ink); opacity: 1;
}
body[data-theme-folder="ayakkabi"] .sn-card.product-selected .product-check-badge { display: flex; }
/* style.css (paylaşımlı, ::after ile " SEÇİLDİ" yazısı ekliyor) sabit boyutlu
   round rozeti değil, kendine göre genişleyen bir "pill" rozeti varsayıyor.
   Bizim rozet 30px sabit yuvarlak — yazı sığmıyor, %33 indirim rozetinin
   üstüne taşıyordu. Seçili olduğunu zaten kart kenarlığı (yeşil glow) ve
   ikon gösteriyor; metne gerek yok. */
body[data-theme-folder="ayakkabi"] .sn-card.product-selected .product-check-badge::after { content: none; }

/* Görsel karesi — büyük, kenardan kenara, modele özel zemin rengi */
body[data-theme-folder="ayakkabi"] .sn-tile {
  position: relative; aspect-ratio: 4 / 3; width: 100%; height: auto;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden; border-radius: 0; padding: 0; border: 0; margin: 0;
}
body[data-theme-folder="ayakkabi"] .sn-tile .product-img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transform: scale(1.02); transition: transform .3s ease;
  border-radius: 0; background: transparent; padding: 0; margin: 0; max-width: none;
}
body[data-theme-folder="ayakkabi"] .sn-card:hover .sn-tile .product-img { transform: scale(1.07); }

body[data-theme-folder="ayakkabi"] .sn-off {
  position: absolute; top: 12px; right: 12px; z-index: 3;
  background: var(--sn-acc); color: var(--sn-ink);
  display: flex; flex-direction: column; align-items: center; line-height: 1;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 25px;
  padding: 8px 11px 7px; border-radius: 9px; border: 2px solid var(--sn-ink);
}
body[data-theme-folder="ayakkabi"] .sn-off small {
  font-family: 'Inter', sans-serif; font-size: 9px; font-weight: 800;
  letter-spacing: .1em; margin-top: 3px;
}

/* Kampanya şeridi — görselin hemen altında, kartın tam genişliğinde */
body[data-theme-folder="ayakkabi"] .sn-strip {
  background: var(--sn-acc); color: var(--sn-ink);
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
  font-size: 18px; letter-spacing: .07em; text-align: center;
  padding: 8px 10px; border-top: 2px solid var(--sn-ink); border-bottom: 2px solid var(--sn-ink);
}

body[data-theme-folder="ayakkabi"] .sn-card-body {
  padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 10px; flex: 1;
}
body[data-theme-folder="ayakkabi"] .sn-card-body h3 { font-size: 26px; color: var(--sn-txt); }
body[data-theme-folder="ayakkabi"] .sn-card-price { display: flex; align-items: baseline; gap: 8px; }
body[data-theme-folder="ayakkabi"] .sn-card-price b {
  font-family: 'Barlow Condensed', sans-serif; font-size: 27px; font-weight: 800;
  color: var(--sn-txt); line-height: 1;
}
body[data-theme-folder="ayakkabi"] .sn-card-price s { font-size: 14px; color: var(--sn-mut); }

/* Numara seçici */
body[data-theme-folder="ayakkabi"] .sn-sizes {
  display: block !important; background: #f2f0ec; border: 1px solid var(--sn-line);
  border-radius: 10px; padding: 10px; margin: 0;
}
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-label {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 11px; font-weight: 800; letter-spacing: .1em; color: var(--sn-mut);
  margin-bottom: 8px; text-transform: uppercase; background: none; padding: 0;
}
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-label em {
  font-style: normal; font-size: 14px; font-weight: 800; color: var(--sn-txt); letter-spacing: 0;
}
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-options {
  display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 5px;
}
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-options button {
  appearance: none; background: #fff; border: 1.5px solid var(--sn-line);
  border-radius: 7px; padding: 8px 0; font-size: 13.5px; font-weight: 700;
  color: var(--sn-txt); cursor: pointer; transition: .12s; min-width: 0;
}
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-options button:hover { border-color: var(--sn-ink); }
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-options button.selected,
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-options button[aria-pressed="true"] {
  background: var(--sn-ink); border-color: var(--sn-ink); color: #fff;
}
/* Başlık/kapat/kaldır yalnız mobil alt panelde görünür (620px medya sorgusunda
   açılır) — masaüstünde kart aynen eskisi gibi, fazladan öge olmadan kalır. */
body[data-theme-folder="ayakkabi"] .sn-sizes-head,
body[data-theme-folder="ayakkabi"] .sn-sizes-remove { display: none; }

body[data-theme-folder="ayakkabi"] .sn-card-btn {
  margin-top: auto; width: 100%; background: var(--sn-ink); color: #fff; border: 0;
  border-radius: 10px; padding: 13px; cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 19px;
  letter-spacing: .05em; text-transform: uppercase; transition: .12s; box-shadow: none;
  /* Paylaşımlı .product-select-btn "display:flex; justify-content:center"
     kullanıyor — flex kapsayıcıda text-overflow:ellipsis çalışmaz, taşan
     metin (script.js seçilince "Seçildi · Numaranı Belirle" yazıyor)
     ortadan sessizce kırpılıyordu ("İLDİ · NUMARANI BELİ" gibi, üç nokta
     bile görünmüyordu). block + text-align ile normal kırpma devreye girer. */
  display: block; text-align: center;
}
body[data-theme-folder="ayakkabi"] .sn-card-btn:hover { background: var(--sn-ink2); }
body[data-theme-folder="ayakkabi"] .sn-card.product-selected .sn-card-btn {
  background: var(--sn-acc); color: var(--sn-ink);
  /* Seçildikten sonra buton artık ikna etmiyor, yönlendiriyor — "SEÇİLDİ ·
     NUMARANI BELİRLE" gibi uzun bir bilgi cümlesi. Barlow Condensed'in kalın
     büyük harfi bu uzunlukta kalabalık/bağırgan duruyordu (owner: 2. ayakkabı
     sayfasının ince Inter fontu "çok daha güzel"). Yalnız bu durumda ince
     Inter'e geçildi; varsayılan "BU MODELİ SEÇ" kısa çağrısı Barlow'da kalır. */
  font-family: 'Inter', system-ui, sans-serif; font-weight: 600;
  text-transform: none; letter-spacing: 0; font-size: 13px;
}

/* ── PAKET ─────────────────────────────────────────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-pack { padding: 52px 0 8px; }
body[data-theme-folder="ayakkabi"] .sn-pack-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px;
}
/* Bu kutular BİLGİLENDİRİCİ — tıklanmaz (owner, 2026-09-06). İmleç el
   olmayacak, hover'da kenarlık değişmeyecek; yoksa buton sanılıyor. */
body[data-theme-folder="ayakkabi"] .sn-pack-lead {
  margin: -10px 0 18px; font-size: 15px; line-height: 1.6; color: var(--sn-mut); max-width: 62ch;
}
body[data-theme-folder="ayakkabi"] .sn-pack-lead b { color: var(--sn-txt); font-weight: 800; }
body[data-theme-folder="ayakkabi"] .sn-pack-card {
  all: unset; box-sizing: border-box; cursor: default; min-height: 0; height: auto;
  display: flex; flex-direction: column; gap: 7px; text-align: left; min-width: 0;
  background: var(--sn-card); border: 2px solid var(--sn-line);
  border-radius: 14px; padding: 18px 20px; transition: .14s;
  font-family: 'Inter', system-ui, sans-serif; color: var(--sn-txt);
}
body[data-theme-folder="ayakkabi"] .sn-pack-live {
  /* var(--sn-acc) açık yeşil zeminde 2.58:1 — WCAG'den kalır; koyu ton 4.5+ geçer. */
  display: none; font-size: 10.5px; font-weight: 800; letter-spacing: .12em;
  color: var(--sn-acc-dark); white-space: nowrap;
}
body[data-theme-folder="ayakkabi"] .sn-pack-card.selected .sn-pack-live { display: inline; }
/* Owner kararı (2026-09-06): seçili kart SİYAHA dönmüyor — "tehditkar" bulundu.
   Açık yeşil dolgu + yeşil kenarlık + koyu metin: dostane, okunur, hâlâ belirgin. */
body[data-theme-folder="ayakkabi"] .sn-pack-card.selected {
  border-color: var(--sn-acc); background: var(--sn-acc-tint); color: var(--sn-txt);
  box-shadow: 0 0 0 3px rgba(var(--sn-acc-rgb),.18);
}
body[data-theme-folder="ayakkabi"] .sn-pack-top { display: flex; align-items: center; justify-content: space-between; }
body[data-theme-folder="ayakkabi"] .sn-pack-badge {
  /* Beyaz yazı bu yeşilde 2.87:1 — WCAG'den kalır; koyu yazı 4.76:1 geçer. */
  background: var(--sn-acc); color: var(--sn-ink); font-size: 11.5px; font-weight: 800;
  letter-spacing: .07em; text-transform: uppercase; padding: 5px 11px; border-radius: 999px;
}
body[data-theme-folder="ayakkabi"] .sn-pack-top i { color: #c7c2b8; font-size: 20px; }
body[data-theme-folder="ayakkabi"] .sn-pack-card.selected .sn-pack-top i { color: var(--sn-acc-dark); }
body[data-theme-folder="ayakkabi"] .sn-pack-name {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 27px;
  text-transform: uppercase; line-height: 1;
}
body[data-theme-folder="ayakkabi"] .sn-pack-price {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 38px; line-height: 1;
  display: flex; align-items: baseline; gap: 9px;
}
body[data-theme-folder="ayakkabi"] .sn-pack-price s {
  font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 500; color: var(--sn-mut);
}
body[data-theme-folder="ayakkabi"] .sn-pack-card.selected .sn-pack-price s { color: #52625a; }
body[data-theme-folder="ayakkabi"] .sn-pack-note { font-size: 13px; color: var(--sn-mut); }
body[data-theme-folder="ayakkabi"] .sn-pack-card.selected .sn-pack-note { color: #3f5a4a; }

/* ── SİPARİŞ ───────────────────────────────────────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-order { padding: 52px 0 46px; }
body[data-theme-folder="ayakkabi"] .sn-ship {
  display: flex; align-items: center; gap: 10px; margin: -8px 0 20px;
  background: var(--sn-acc-tint); border: 1.5px solid #bfe6cb; border-radius: 10px;
  padding: 11px 15px; font-size: 14.5px; color: #1d4b2c;
}
body[data-theme-folder="ayakkabi"] .sn-ship i { color: var(--sn-acc-dark); }
body[data-theme-folder="ayakkabi"] .sn-ship b { font-weight: 800; }

/* Ortak sipariş formu (includes/order-form.php) bu temaya uyarlanıyor */
body[data-theme-folder="ayakkabi"] .order-section,
body[data-theme-folder="ayakkabi"] .order-form-wrap,
body[data-theme-folder="ayakkabi"] #orderForm {
  background: var(--sn-card); border: 2px solid var(--sn-ink); border-radius: 16px;
  padding: 22px; box-shadow: none; max-width: none; margin: 0;
}
body[data-theme-folder="ayakkabi"] #orderForm label,
body[data-theme-folder="ayakkabi"] #orderForm .form-label {
  font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--sn-mut);
}
body[data-theme-folder="ayakkabi"] #orderForm input,
body[data-theme-folder="ayakkabi"] #orderForm select,
body[data-theme-folder="ayakkabi"] #orderForm textarea {
  background: #fff; border: 1.5px solid var(--sn-line); border-radius: 10px;
  color: var(--sn-txt); font-size: 15.5px; padding: 12px 13px;
}
body[data-theme-folder="ayakkabi"] #orderForm input:focus,
body[data-theme-folder="ayakkabi"] #orderForm select:focus,
body[data-theme-folder="ayakkabi"] #orderForm textarea:focus {
  border-color: var(--sn-ink); outline: 2px solid rgba(var(--sn-acc-rgb),.38); outline-offset: 1px;
}
body[data-theme-folder="ayakkabi"] .total-row,
body[data-theme-folder="ayakkabi"] .order-total,
body[data-theme-folder="ayakkabi"] .summary-total,
body[data-theme-folder="ayakkabi"] .pkg-selected-list {
  background: #f2f0ec; color: var(--sn-txt); border: 1.5px solid var(--sn-line);
  border-radius: 10px;
}
body[data-theme-folder="ayakkabi"] .total-row *,
body[data-theme-folder="ayakkabi"] .order-total * { color: var(--sn-txt); }
body[data-theme-folder="ayakkabi"] .submit-btn,
body[data-theme-folder="ayakkabi"] #orderForm button[type="submit"] {
  background: var(--sn-acc); color: var(--sn-ink); border: 0; border-radius: 12px;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 24px;
  letter-spacing: .04em; text-transform: uppercase; padding: 17px 20px; width: 100%;
  box-shadow: none;
}
body[data-theme-folder="ayakkabi"] .submit-btn:hover,
body[data-theme-folder="ayakkabi"] #orderForm button[type="submit"]:hover { filter: brightness(1.07); }

/* ── GÜVENCE ───────────────────────────────────────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-trust { background: var(--sn-ink); color: #fff; padding: 40px 0; }
body[data-theme-folder="ayakkabi"] .sn-trust-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px;
}
body[data-theme-folder="ayakkabi"] .sn-trust-item {
  display: flex; flex-direction: column; gap: 6px; min-width: 0; align-items: flex-start;
}
body[data-theme-folder="ayakkabi"] .sn-trust-item i { color: var(--sn-acc); font-size: 22px; }
body[data-theme-folder="ayakkabi"] .sn-trust-item b {
  font-family: 'Barlow Condensed', sans-serif; font-size: 21px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .03em;
}
body[data-theme-folder="ayakkabi"] .sn-trust-item small { font-size: 13.5px; line-height: 1.55; color: #c3c7ce; }

/* ── SSS ───────────────────────────────────────────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-faq { padding: 50px 0 60px; }
body[data-theme-folder="ayakkabi"] .sn-faq-list { display: grid; gap: 10px; }
body[data-theme-folder="ayakkabi"] .sn-faq-list details {
  background: var(--sn-card); border: 1.5px solid var(--sn-line); border-radius: 12px;
}
body[data-theme-folder="ayakkabi"] .sn-faq-list summary {
  cursor: pointer; list-style: none; padding: 16px 18px;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  font-size: 15.5px; font-weight: 700; color: var(--sn-txt);
}
body[data-theme-folder="ayakkabi"] .sn-faq-list summary::-webkit-details-marker { display: none; }
body[data-theme-folder="ayakkabi"] .sn-faq-list summary i {
  color: var(--sn-acc-dark); font-size: 14px; flex: 0 0 auto; transition: transform .15s;
}
body[data-theme-folder="ayakkabi"] .sn-faq-list details[open] summary i { transform: rotate(45deg); }
body[data-theme-folder="ayakkabi"] .sn-faq-list p {
  margin: 0; padding: 0 18px 17px; font-size: 14.5px; line-height: 1.65; color: var(--sn-mut);
}

/* ── POP-UP ────────────────────────────────────────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-modal {
  position: fixed; inset: 0; z-index: 200;
  display: flex; align-items: center; justify-content: center; padding: 18px;
}
body[data-theme-folder="ayakkabi"] .sn-modal[hidden] { display: none; }
body[data-theme-folder="ayakkabi"] .sn-modal-bg {
  position: absolute; inset: 0; border: 0; padding: 0;
  background: rgba(8,9,12,.72); backdrop-filter: blur(3px); cursor: pointer;
}
body[data-theme-folder="ayakkabi"] .sn-modal-box {
  position: relative; width: 100%; max-width: 460px;
  background: var(--sn-card); border: 3px solid var(--sn-ink); border-radius: 18px;
  padding: 26px 24px 22px; text-align: center;
  box-shadow: 0 26px 60px rgba(0,0,0,.42);
}
body[data-theme-folder="ayakkabi"] .sn-modal-flag {
  display: inline-block; background: var(--sn-acc); color: var(--sn-ink);
  font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  padding: 6px 14px; border-radius: 999px;
}
body[data-theme-folder="ayakkabi"] .sn-modal-box h3 {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase;
  font-size: clamp(28px, 6vw, 38px); line-height: .96; margin: 14px 0 10px; color: var(--sn-txt);
}
body[data-theme-folder="ayakkabi"] .sn-modal-box > p {
  margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--sn-mut);
}
body[data-theme-folder="ayakkabi"] .sn-modal-box > p b { color: var(--sn-txt); font-weight: 800; }
body[data-theme-folder="ayakkabi"] .sn-modal-calc {
  position: relative; display: flex; align-items: center; justify-content: center; gap: 16px;
  background: #f2f0ec; border: 1.5px solid var(--sn-line); border-radius: 12px;
  padding: 18px 16px 16px; margin: 20px 0 16px;
}
body[data-theme-folder="ayakkabi"] .sn-modal-calc > span {
  display: flex; flex-direction: column; gap: 3px; align-items: center;
}
body[data-theme-folder="ayakkabi"] .sn-modal-calc small {
  font-size: 10.5px; font-weight: 800; letter-spacing: .12em; color: var(--sn-mut);
}
body[data-theme-folder="ayakkabi"] .sn-modal-calc b {
  font-family: 'Barlow Condensed', sans-serif; font-size: 30px; font-weight: 800;
  line-height: 1; color: var(--sn-txt);
}
body[data-theme-folder="ayakkabi"] .sn-modal-calc > i { color: var(--sn-mut); }
body[data-theme-folder="ayakkabi"] .sn-modal-save {
  position: absolute; top: -11px; right: 12px; flex-direction: row !important;
  background: var(--sn-ink); color: #fff; font-size: 11.5px; font-weight: 800;
  padding: 4px 10px; border-radius: 999px; letter-spacing: .05em;
}
body[data-theme-folder="ayakkabi"] .sn-modal-actions { display: grid; gap: 10px; }
body[data-theme-folder="ayakkabi"] .sn-modal-actions .sn-btn { width: 100%; font-size: 21px; padding: 16px; }
body[data-theme-folder="ayakkabi"] .sn-modal-skip {
  background: none; border: 0; cursor: pointer; padding: 6px;
  font-size: 13.5px; font-weight: 600; color: var(--sn-mut); text-decoration: underline;
}

/* ── MOBİL SABİT ÇUBUK (yalnız mobilde açılır) ─────────────────────────── */
body[data-theme-folder="ayakkabi"] .sn-sticky { display: none; }

/* ── FOOTER — ortak footer.php koyu zemin varsayar; tema ile uyumlansın ── */
body[data-theme-folder="ayakkabi"] .site-footer { background: var(--sn-ink); color: #d3d6dc; }
body[data-theme-folder="ayakkabi"] .site-footer a { color: #eceef1; }

/* ══ TABLET ══════════════════════════════════════════════════════════════ */
@media (max-width: 980px) {
  body[data-theme-folder="ayakkabi"] .sn-hero-in { grid-template-columns: 1fr; gap: 26px; padding: 40px 20px 46px; }
  body[data-theme-folder="ayakkabi"] .sn-hero-fig { order: -1; }
  body[data-theme-folder="ayakkabi"] .sn-head { grid-template-columns: 1fr; align-items: start; }
  body[data-theme-folder="ayakkabi"] .sn-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
  body[data-theme-folder="ayakkabi"] .sn-trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* ══ MOBİL ═══════════════════════════════════════════════════════════════ */
@media (max-width: 620px) {
  body[data-theme-folder="ayakkabi"] { padding-bottom: 74px; }
  body[data-theme-folder="ayakkabi"] .sn-wrap { padding: 0 14px; }
  body[data-theme-folder="ayakkabi"] .sn-top-deal { display: none; }
  body[data-theme-folder="ayakkabi"] .sn-hero-in { padding: 30px 14px 40px; }
  body[data-theme-folder="ayakkabi"] .sn-hero-copy h1 { font-size: clamp(36px, 11vw, 54px); }
  body[data-theme-folder="ayakkabi"] .sn-hero-price b { font-size: 38px; }
  body[data-theme-folder="ayakkabi"] .sn-btn-big { max-width: none; font-size: 20px; padding: 16px 18px; }
  body[data-theme-folder="ayakkabi"] .sn-hero-chip { right: 8px; bottom: -12px; padding: 9px 14px; }
  body[data-theme-folder="ayakkabi"] .sn-hero-chip b { font-size: 24px; }

  body[data-theme-folder="ayakkabi"] .sn-models { padding: 36px 0 6px; }
  /* ── MOBİLDE SIRADA 3 AYAKKABI (owner isteği 2026-09-06, ucuzadim düzeni) ──
     Kart daralınca numara ızgarası okunmaz hâle geliyor (5 sütun ≈ 17px buton).
     Çözüm: numara seçici modele basılana kadar gizli; model seçilince kart
     satırın tamamına yayılıp numaraları rahat boyutta açıyor.               */
  body[data-theme-folder="ayakkabi"] .sn-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
  body[data-theme-folder="ayakkabi"] .sn-card { border-width: 1.5px; border-radius: 11px; }
  body[data-theme-folder="ayakkabi"] .sn-tile { aspect-ratio: 1 / 1; }
  body[data-theme-folder="ayakkabi"] .sn-off {
    top: 6px; right: 6px; padding: 4px 6px 3px; font-size: 15px; border-radius: 6px; border-width: 1.5px;
  }
  body[data-theme-folder="ayakkabi"] .sn-off small { font-size: 6.5px; letter-spacing: .06em; margin-top: 1px; }
  body[data-theme-folder="ayakkabi"] .sn-strip {
    font-size: 11px; letter-spacing: .02em; padding: 5px 3px; border-width: 1.5px;
  }
  body[data-theme-folder="ayakkabi"] .sn-card-body { padding: 8px 8px 9px; gap: 6px; }
  body[data-theme-folder="ayakkabi"] .sn-card-body h3 { font-size: 16px; }
  body[data-theme-folder="ayakkabi"] .sn-card-price { flex-wrap: wrap; gap: 4px; }
  body[data-theme-folder="ayakkabi"] .sn-card-price b { font-size: 17px; }
  body[data-theme-folder="ayakkabi"] .sn-card-price s { font-size: 11px; }
  /* Seçilince script.js buton yazısını "Seçildi · Numaranı Belirle" yapıyor —
     bu, küçük 3 sütun kartta satır kaydırırsa kartın YÜKSEKLİĞİ değişir ve
     alttaki sıra kayar (misclick tuzağının ikinci, daha ince hâli — bkz.
     teknik-tuzaklar). Sabit yükseklik + tek satır + kırpma ile engellendi. */
  body[data-theme-folder="ayakkabi"] .sn-card-btn {
    font-size: 12px; padding: 9px 4px; letter-spacing: .01em; border-radius: 8px;
    height: 34px; box-sizing: border-box; line-height: 16px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  body[data-theme-folder="ayakkabi"] .sn-card .product-check-badge { width: 22px; height: 22px; top: 6px; left: 6px; font-size: 10px; border-width: 1.5px; }

  /* ── NUMARA SEÇİMİ ARTIK KARTI BÜYÜTMÜYOR (owner, 2026-09-06) ──────────────
     Önceki sürüm seçilen kartı "grid-column:1/-1" ile satırın tamamına
     yayıyordu — bu, alttaki kartları anında aşağı itiyordu ve parmak henüz
     ekrandan kalkmadan hedef kart yer değiştiriyordu ("başka ayakkabıya
     bastım" şikâyeti tam olarak buydu). Izgara artık SEÇİMDEN BAĞIMSIZ hep
     sabit 3 sütun; numara seçimi ekranın altından açılan sabit bir panelde
     (bottom sheet) yapılıyor — grid asla yeniden dizilmiyor.

     ÖNEMLİ: sheet'in başlık/kapat/kaldır kısmı ".sn-sizes" İÇİNE değil, onu
     saran ".sn-sheet-wrap" içine konur. script.js'in renderQuickSizeSelectors()
     fonksiyonu her numara tıklamasında ".sn-sizes"in innerHTML'ini SIFIRDAN
     yazıyor (bkz. teknik-tuzaklar) — içine eklenen her şey bir sonraki
     tıklamada silinir. Wrapper PHP'de sabit durduğu için bu sorunu yaşamaz. */
  body[data-theme-folder="ayakkabi"] .sn-card .sn-sizes { display: none !important; }

  body[data-theme-folder="ayakkabi"] .sn-size-backdrop {
    position: fixed; inset: 0; background: rgba(20,51,42,.55); z-index: 240;
    opacity: 0; pointer-events: none; transition: opacity .18s;
  }
  body[data-theme-folder="ayakkabi"] .sn-size-backdrop.open { opacity: 1; pointer-events: auto; }

  /* ⚠️ TUZAK: ".product-selected" kartına "kalkma" efekti için transform
     uygulanıyor (bkz. aşağıdaki .sn-card.product-selected kuralı). Bir ata
     transform/filter/perspective taşıyorsa, o ata içindeki "position:fixed"
     öğeler artık VIEWPORT'a değil O ATAya göre konumlanır — üstüne kart
     "overflow:hidden" da taşıdığı için panel görünmez biçimde kartın küçük
     kutusuna hapsoluyordu. Panel açıkken transform'u iptal ediyoruz. */
  body[data-theme-folder="ayakkabi"] .sn-card.sn-sizing,
  body[data-theme-folder="ayakkabi"] .sn-card.sn-sizing:hover { transform: none !important; }
  body[data-theme-folder="ayakkabi"] .sn-card.sn-sizing .sn-sheet-wrap {
    display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 250;
    background: var(--sn-card); max-height: 72vh; overflow-y: auto; box-sizing: border-box;
    border-radius: 18px 18px 0 0; box-shadow: 0 -14px 34px rgba(0,0,0,.3);
    padding: 0 16px calc(16px + env(safe-area-inset-bottom));
    animation: snSheetUp .2s ease;
  }
  @keyframes snSheetUp { from { transform: translateY(18px); opacity: .5; } to { transform: none; opacity: 1; } }
  body[data-theme-folder="ayakkabi"] .sn-card.sn-sizing .sn-sizes { display: block !important; padding: 4px 0 14px; }
  body[data-theme-folder="ayakkabi"] .sn-card.sn-sizing .sn-sizes-head {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 14px 0 12px; border-bottom: 1px solid var(--sn-line); margin-bottom: 4px;
  }
  body[data-theme-folder="ayakkabi"] .sn-sizes-head b { display: block; font-size: 16px; color: var(--sn-txt); }
  body[data-theme-folder="ayakkabi"] .sn-sizes-head span { font-size: 13px; color: var(--sn-mut); }
  body[data-theme-folder="ayakkabi"] .sn-sizes-close {
    all: unset; cursor: pointer; width: 30px; height: 30px; border-radius: 50%;
    background: var(--sn-paper); color: var(--sn-mut); display: grid; place-items: center; flex: 0 0 auto;
  }
  body[data-theme-folder="ayakkabi"] .sn-card.sn-sizing .sn-sizes .shoe-size-options button { padding: 13px 0; font-size: 15px; }
  body[data-theme-folder="ayakkabi"] .sn-card.sn-sizing .sn-sizes-remove {
    all: unset; display: block; width: 100%; box-sizing: border-box; text-align: center; cursor: pointer;
    margin-top: 4px; padding: 12px; font-size: 13.5px; font-weight: 700; color: #b3261e;
  }

  body[data-theme-folder="ayakkabi"] .sn-pack { padding: 34px 0 6px; }
  body[data-theme-folder="ayakkabi"] .sn-pack-grid { grid-template-columns: 1fr; }
  body[data-theme-folder="ayakkabi"] .sn-order { padding: 34px 0 34px; }
  body[data-theme-folder="ayakkabi"] #orderForm { padding: 16px; }
  body[data-theme-folder="ayakkabi"] .sn-trust-grid { grid-template-columns: 1fr; gap: 16px; }
  body[data-theme-folder="ayakkabi"] .sn-faq { padding: 34px 0 40px; }

  body[data-theme-folder="ayakkabi"] .sn-sticky {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
    display: flex; align-items: center; gap: 12px;
    background: var(--sn-ink); color: #fff; text-decoration: none;
    padding: 10px 14px; border-top: 2px solid var(--sn-acc);
  }
  body[data-theme-folder="ayakkabi"] .sn-sticky-left {
    display: flex; flex-direction: column; margin-right: auto; min-width: 0;
  }
  body[data-theme-folder="ayakkabi"] .sn-sticky-left b {
    font-family: 'Barlow Condensed', sans-serif; font-size: 25px; font-weight: 800; line-height: 1;
  }
  body[data-theme-folder="ayakkabi"] .sn-sticky-left small { font-size: 11.5px; color: #c1c5cc; }
  body[data-theme-folder="ayakkabi"] .sn-sticky-btn {
    background: var(--sn-acc); color: var(--sn-ink); border-radius: 9px;
    font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 19px;
    letter-spacing: .05em; padding: 11px 18px;
    display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
  }
}

/* Ortak üst başlık (includes/header.php) bu temada gizli — kendi .sn-top'umuz var */
body[data-theme-folder="ayakkabi"] #theme-header { display: none; }

/* ══ ORTAK SİPARİŞ FORMU — style.css'in "shoe" koyu bloğu temaya çekiliyor ══
   Sınıf adları includes/order-form.php'den gelir; orayı değiştirmiyoruz.     */
body[data-theme-folder="ayakkabi"] #theme-payment-form {
  background: transparent; padding: 0; margin: 0; border: 0; box-shadow: none;
}
body[data-theme-folder="ayakkabi"] #orderForm {
  display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);
  gap: 18px; align-items: start;
  background: transparent; border: 0; padding: 0; border-radius: 0;
}
body[data-theme-folder="ayakkabi"] #orderForm .form-block {
  background: var(--sn-card); border: 2px solid var(--sn-ink); border-radius: 14px;
  padding: 18px; margin: 0; box-shadow: none; min-width: 0;
}
body[data-theme-folder="ayakkabi"] #orderForm .order-summary {
  position: sticky; top: 74px; background: var(--sn-ink); color: #fff; border-color: var(--sn-ink);
}
body[data-theme-folder="ayakkabi"] #orderForm .form-block-title {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 23px;
  text-transform: uppercase; letter-spacing: .03em; color: var(--sn-txt);
  display: flex; align-items: center; gap: 9px; margin: 0 0 14px;
}
body[data-theme-folder="ayakkabi"] #orderForm .form-block-title i { color: var(--sn-acc-dark); font-size: 17px; }
body[data-theme-folder="ayakkabi"] #orderForm .order-summary .form-block-title { color: #fff; }
body[data-theme-folder="ayakkabi"] #orderForm .order-summary .form-block-title i { color: var(--sn-acc); }
body[data-theme-folder="ayakkabi"] #orderForm .sub-title {
  font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: var(--sn-mut); margin: 16px 0 9px; padding-top: 12px; border-top: 1px solid var(--sn-line);
}
body[data-theme-folder="ayakkabi"] #orderForm .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
body[data-theme-folder="ayakkabi"] #orderForm .f-group { margin-bottom: 12px; min-width: 0; }
body[data-theme-folder="ayakkabi"] #orderForm .char-note { font-size: 11.5px; color: var(--sn-mut); }

/* Ödeme şekli kartları */
body[data-theme-folder="ayakkabi"] .payment-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
body[data-theme-folder="ayakkabi"] .payment-card {
  background: #fff; border: 2px solid var(--sn-line); border-radius: 12px;
  padding: 14px 10px; display: flex; flex-direction: column; align-items: center; gap: 7px;
  cursor: pointer; color: var(--sn-txt); box-shadow: none;
}
body[data-theme-folder="ayakkabi"] .payment-card .pm-icon { font-size: 19px; color: var(--sn-mut); }
body[data-theme-folder="ayakkabi"] .payment-card .pm-label { font-size: 13px; font-weight: 700; }
/* Owner kararı (2026-09-06): burada da siyaha dönmüyor — açık yeşil dolgu. */
body[data-theme-folder="ayakkabi"] .payment-card.selected {
  border-color: var(--sn-acc); background: var(--sn-acc-tint); color: var(--sn-txt);
}
body[data-theme-folder="ayakkabi"] .payment-card.selected .pm-icon { color: var(--sn-acc-dark); }
body[data-theme-folder="ayakkabi"] .payment-card.selected .pm-label { color: var(--sn-txt); }

/* Sepet listesi + boş slotlar */
body[data-theme-folder="ayakkabi"] .pkg-selected-list { background: transparent; border: 0; padding: 0; }
body[data-theme-folder="ayakkabi"] .slot {
  background: #f2f0ec; border: 1.5px dashed var(--sn-line); border-radius: 11px;
  color: var(--sn-mut); box-shadow: none;
}
body[data-theme-folder="ayakkabi"] .campaign-msg { font-size: 13px; color: #8a3512; }

/* Özet kutusu — koyu */
body[data-theme-folder="ayakkabi"] .order-summary .summary-row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.12);
  font-size: 14px; color: #cdd0d6; background: transparent;
}
body[data-theme-folder="ayakkabi"] .order-summary .summary-row span,
body[data-theme-folder="ayakkabi"] .order-summary .summary-row strong { color: #e9ebee; }
body[data-theme-folder="ayakkabi"] .order-summary .total-row {
  background: var(--sn-acc); border: 0; border-radius: 11px;
  margin-top: 12px; padding: 13px 14px;
}
body[data-theme-folder="ayakkabi"] .order-summary .total-row span,
body[data-theme-folder="ayakkabi"] .order-summary .total-row strong,
body[data-theme-folder="ayakkabi"] .order-summary .total-val {
  color: var(--sn-ink) !important; font-weight: 800;
}
body[data-theme-folder="ayakkabi"] .order-summary .total-val {
  font-family: 'Barlow Condensed', sans-serif; font-size: 30px; line-height: 1;
}
body[data-theme-folder="ayakkabi"] .delivery-promise,
body[data-theme-folder="ayakkabi"] .pay-on-delivery-note {
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14);
  border-radius: 11px; color: #d5d8dd; font-size: 13px; padding: 12px; margin-top: 12px;
}
body[data-theme-folder="ayakkabi"] .delivery-promise *,
body[data-theme-folder="ayakkabi"] .pay-on-delivery-note * { color: #e5e7ea; }
body[data-theme-folder="ayakkabi"] .delivery-promise-icon i,
body[data-theme-folder="ayakkabi"] .pay-on-delivery-note > i { color: var(--sn-acc) !important; }
body[data-theme-folder="ayakkabi"] .checkout-trust {
  display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 12px;
}
body[data-theme-folder="ayakkabi"] .checkout-trust span {
  display: flex; align-items: center; gap: 7px; font-size: 12px; color: #c3c7ce;
  background: rgba(255,255,255,.06); border-radius: 8px; padding: 8px 9px;
}
body[data-theme-folder="ayakkabi"] .checkout-trust i { color: var(--sn-acc); }

/* Sipariş butonu */
body[data-theme-folder="ayakkabi"] .btn-order {
  width: 100%; margin-top: 14px; display: flex; align-items: center; gap: 12px;
  background: var(--sn-acc); color: var(--sn-ink); border: 0; border-radius: 12px;
  padding: 16px 18px; cursor: pointer; box-shadow: none;
}
body[data-theme-folder="ayakkabi"] .btn-order:hover { filter: brightness(1.07); }
body[data-theme-folder="ayakkabi"] .btn-order .btn-order-price {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 27px;
  line-height: 1; color: var(--sn-ink);
}
body[data-theme-folder="ayakkabi"] .btn-order .btn-order-label {
  font-weight: 800; font-size: 14px; letter-spacing: .03em; color: var(--sn-ink);
  margin-left: auto; text-align: right;
}
body[data-theme-folder="ayakkabi"] .btn-order i { color: var(--sn-ink); }

/* ══ TEMAYA ÖZEL FOOTER — ortak footer.php gizli (SOLEVO markası taşıyor) ══ */
body[data-theme-folder="ayakkabi"] .site-footer { display: none; }
body[data-theme-folder="ayakkabi"] .sn-foot { background: var(--sn-ink); color: #b9bdc4; padding: 34px 0 26px; }
body[data-theme-folder="ayakkabi"] .sn-foot-in { display: flex; flex-wrap: wrap; gap: 18px 40px; align-items: flex-start; }
body[data-theme-folder="ayakkabi"] .sn-foot-brand {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; font-size: 30px;
  letter-spacing: .06em; color: #fff; margin: 0 0 6px;
}
body[data-theme-folder="ayakkabi"] .sn-foot-brand span { color: var(--sn-acc); }
body[data-theme-folder="ayakkabi"] .sn-foot-col { min-width: 0; }
body[data-theme-folder="ayakkabi"] .sn-foot-col:first-child { flex: 1 1 320px; }
body[data-theme-folder="ayakkabi"] .sn-foot p { margin: 0; font-size: 13.5px; line-height: 1.6; max-width: 42ch; }
body[data-theme-folder="ayakkabi"] .sn-foot-title {
  font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: #9298a1; margin: 0 0 8px;
}
body[data-theme-folder="ayakkabi"] .sn-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
body[data-theme-folder="ayakkabi"] .sn-foot li { font-size: 13.5px; display: flex; align-items: center; gap: 8px; }
body[data-theme-folder="ayakkabi"] .sn-foot li i { color: var(--sn-acc); font-size: 12px; }
body[data-theme-folder="ayakkabi"] .sn-foot-bottom {
  border-top: 1px solid rgba(255,255,255,.12); margin-top: 22px; padding-top: 16px;
  font-size: 12.5px; color: #9298a1;
}

@media (max-width: 980px) {
  body[data-theme-folder="ayakkabi"] #orderForm { grid-template-columns: 1fr; }
  body[data-theme-folder="ayakkabi"] #orderForm .order-summary { position: static; }
}
@media (max-width: 620px) {
  body[data-theme-folder="ayakkabi"] #orderForm .form-row { grid-template-columns: 1fr; }
  body[data-theme-folder="ayakkabi"] .checkout-trust { grid-template-columns: 1fr; }
  body[data-theme-folder="ayakkabi"] .sn-foot-in { flex-direction: column; }
}

/* style.css shoe bloğu .order-summary ı grid-column:3 e sabitliyor → 3 sütun
   oluşuyordu. Yerleşimi burada net kuruyoruz: sol sütun formlar, sağ sütun özet. */
body[data-theme-folder="ayakkabi"] #orderForm > * { grid-column: 1; grid-row: auto; }
body[data-theme-folder="ayakkabi"] #orderForm > .order-summary {
  /* Sol sütunda bu sayfada tam 2 görünür blok var (seçilen ürünler + teslimat).
     "span 30" gibi bol bir değer verilirse grid 30 satır kurar ve gap'ler
     formun altında ~500px boşluk bırakır — o yüzden gerçek sayı yazılı. */
  grid-column: 2; grid-row: 1 / span 2; align-self: start;
}
@media (max-width: 980px) {
  body[data-theme-folder="ayakkabi"] #orderForm > *,
  body[data-theme-folder="ayakkabi"] #orderForm > .order-summary { grid-column: 1; grid-row: auto; }
}

/* style.css'in shoe bloğu bu üç kuralı !important ile basıyor; eşit silahla eziyoruz.
   (Tuzak: yalnız özgüllük yetmez — !important'a !important gerekir.) */
body[data-theme-folder="ayakkabi"] #orderForm .order-summary {
  background: var(--sn-ink) !important;
  border: 2px solid var(--sn-ink) !important;
  box-shadow: none !important;
  color: #fff !important;
  border-radius: 14px !important;
  overflow: visible;
}
body[data-theme-folder="ayakkabi"] #pkgItemSection .form-block,
body[data-theme-folder="ayakkabi"] #deliverySection.form-block,
body[data-theme-folder="ayakkabi"] #orderForm .form-block {
  border-radius: 14px; box-shadow: none; background: var(--sn-card);
  border: 2px solid var(--sn-ink); color: var(--sn-txt); padding: 18px;
}
/* Başlık ikonu style.css'te asit yeşili kare — nötrle */
body[data-theme-folder="ayakkabi"] #orderForm .form-block-title i {
  width: auto; height: auto; display: inline; background: none; border-radius: 0;
  color: var(--sn-acc-dark);
}
body[data-theme-folder="ayakkabi"] #orderForm .order-summary > .form-block-title {
  color: #fff; border-bottom: 1px solid rgba(255,255,255,.16); padding: 0 0 13px;
}
body[data-theme-folder="ayakkabi"] #orderForm .order-summary > .form-block-title i { color: var(--sn-acc); }
body[data-theme-folder="ayakkabi"] .order-summary .summary-row > span:first-child { color: #c2c6cd; }
body[data-theme-folder="ayakkabi"] .order-summary .summary-row > span:last-child { color: #fff; }
body[data-theme-folder="ayakkabi"] .order-summary .gray-s { color: #9ba0a8; }
body[data-theme-folder="ayakkabi"] .order-summary .free-label {
  background: var(--sn-acc); color: var(--sn-ink); border-radius: 999px;
  font-weight: 800; padding: 3px 9px; font-size: 11px;
}
body[data-theme-folder="ayakkabi"] .order-summary .total-row > span:first-child { color: var(--sn-ink) !important; }
body[data-theme-folder="ayakkabi"] .order-summary .total-val { color: var(--sn-ink) !important; font-size: 30px; letter-spacing: 0; }

/* Kart/slot ve kampanya rozetleri */
body[data-theme-folder="ayakkabi"] .pkg-sel-item,
body[data-theme-folder="ayakkabi"] .pkg-sel-slot {
  border: 1.5px solid var(--sn-line); border-radius: 10px; background: #fff;
}
body[data-theme-folder="ayakkabi"] .pkg-sel-thumb,
body[data-theme-folder="ayakkabi"] .pkg-sel-thumb-ph { border-radius: 8px; }
body[data-theme-folder="ayakkabi"] .pkg-campaign-pending,
body[data-theme-folder="ayakkabi"] .pkg-campaign-ok { border-radius: 10px; }
body[data-theme-folder="ayakkabi"] .pkg-campaign-ok {
  border-color: #b7d8b0; background: #eef7ec; color: #24501c;
}
body[data-theme-folder="ayakkabi"] .pkg-campaign-pending {
  border-color: #f3c3ab; background: #fff3ec; color: #7a2c0d;
}
body[data-theme-folder="ayakkabi"] #deliverySection .f-group input,
body[data-theme-folder="ayakkabi"] #deliverySection .f-group select,
body[data-theme-folder="ayakkabi"] #deliverySection .f-group textarea,
body[data-theme-folder="ayakkabi"] #deliverySection .phone-prefix-wrap {
  border-radius: 10px; background: #fff; border: 1.5px solid var(--sn-line);
}
body[data-theme-folder="ayakkabi"] #deliverySection .f-group input:focus,
body[data-theme-folder="ayakkabi"] #deliverySection .f-group select:focus,
body[data-theme-folder="ayakkabi"] #deliverySection .f-group textarea:focus,
body[data-theme-folder="ayakkabi"] #deliverySection .phone-prefix-wrap:focus-within {
  border-color: var(--sn-ink); box-shadow: 0 0 0 3px rgba(var(--sn-acc-rgb),.22);
}
body[data-theme-folder="ayakkabi"] #deliverySection .payment-card { border-radius: 12px; background: #fff; }
/* Bu seçici .payment-card.selected'tan daha özel — burayı da düzeltmezsek
   style.css'in shoe bloğu üzerinden eski siyah geri döner. */
body[data-theme-folder="ayakkabi"] #deliverySection .payment-card.selected {
  border-color: var(--sn-acc); background: var(--sn-acc-tint); box-shadow: none; color: var(--sn-txt);
}
body[data-theme-folder="ayakkabi"] #deliverySection .payment-card.selected .pm-icon { background: none; color: var(--sn-acc-dark); }
body[data-theme-folder="ayakkabi"] #deliverySection .payment-card.selected .pm-label { color: var(--sn-txt); }
body[data-theme-folder="ayakkabi"] #deliverySection .payment-card.selected .pm-label { color: #fff; }

/* ── Numara seçici: içeriği script.js (renderQuickSizeSelectors) basar ──────
   Markup: <span class="shoe-size-label"><b>Numaranı seç</b><small>Seçilen: <em>—</em></small></span>
   Seçili buton sınıfı ".active" (".selected" değil).                        */
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-label b {
  font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--sn-mut);
}
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-label small {
  font-size: 11px; font-weight: 700; color: #55595f; letter-spacing: .02em; text-transform: none;
}
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-label em {
  font-style: normal; font-weight: 800; color: var(--sn-txt); font-size: 13px;
}
body[data-theme-folder="ayakkabi"] .sn-sizes .shoe-size-options button.active {
  background: var(--sn-ink); border-color: var(--sn-ink); color: #fff;
}
body[data-theme-folder="ayakkabi"] .sn-card.shoe-size-complete .sn-sizes { border-color: var(--sn-ink); }

/* ── Kontrast düzeltmeleri (ölçüm: WCAG AA, opak arka plan yukarı yürütülerek) */
body[data-theme-folder="ayakkabi"] .pkg-sel-slot-text { color: #5f636b; }
body[data-theme-folder="ayakkabi"] .phone-prefix-label { color: #4d5158; }
/* "Ücretsiz" rozeti turuncu üstünde — yazı siyah olmalı (2.82 → 6.6) */
body[data-theme-folder="ayakkabi"] .order-summary .summary-row .free-label,
body[data-theme-folder="ayakkabi"] .order-summary .free-label { color: var(--sn-ink) !important; }
/* Koyu özet kutusundaki teslimat/ödeme notları: style.css koyu yazı basıyordu */
body[data-theme-folder="ayakkabi"] .order-summary .delivery-promise strong,
body[data-theme-folder="ayakkabi"] .order-summary .delivery-promise b,
body[data-theme-folder="ayakkabi"] .order-summary .pay-on-delivery-note strong,
body[data-theme-folder="ayakkabi"] .order-summary .pay-on-delivery-note b {
  color: #ffffff !important; font-weight: 800;
}
body[data-theme-folder="ayakkabi"] .order-summary .delivery-promise small,
body[data-theme-folder="ayakkabi"] .order-summary .pay-on-delivery-note small {
  color: #b9bdc4 !important; font-size: 11.5px; line-height: 1.5; display: block; margin-top: 3px;
}
body[data-theme-folder="ayakkabi"] .order-summary .delivery-promise-icon {
  background: rgba(var(--sn-acc-rgb),.18); color: var(--sn-acc); border-radius: 9px;
  width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto;
}