/* ==========================================================
   MILLA.CSS — İlke·Tekstil Trendyol-Milla DNA
   ==========================================================
   Kaynak  : _konsept-milla.html satır 56-316 birebir izole
   Sürüm   : v3 (2026-05-24 token revize, 2026-05-25 PARÇA 2 ADIM 2F izolasyon)
   Boyut   : ~14 KB (un-minified, gzip ~3.5 KB)
   Kullanım:
     A) Production: <link rel="stylesheet" href="/TR/css/milla.css">
        (head.html INLINE_CSS placeholder yerine link enjekte)
     B) Inline    : Python render_page() içeriği oku → INLINE_CSS doldur
        (LCP ve render-blocking için ilk paint optimizasyonu)
     C) Worker    : edge'de inline edilebilir (sonraki sprint optimizasyon)

   KANON KURALLARI (Memory: ANAYASA + feedback_jenerik_ai_tasarim_yasak
                     + feedback_dark_mode_yasak + feedback_mobile_menu_backdrop_filter_trap):
   - Pure white #FFFFFF zemin + #000 body (dark mode YASAK — anasayfa)
   - Source Sans 3 axis 300-900 (Google Fonts head.html'de yüklenir)
   - Turuncu #F27A1A primer CTA + lacivert #27496F detay (60-30-10 lacivert çapa)
   - Mobile header backdrop-filter YASAK (sat 143 trap kanonu)
   - Footer #0a0a0a + trust-band #0a0a0a (anasayfa dark YASAK kuralının istisnası)

   CLASS INDEX (komponent eşleme):
   .hdr/.brand/.search/.btn-* /.hdr-nav     → header.html (ADIM 2B)
   .hero/.hero-* /.hg-*                     → hero-slider.html (ADIM 2C)
   .cat-strip-*                            → cat-strip.html (ADIM 2C)
   .slider/.card-*                         → urun-card.html loop (ADIM 2D)
   .sectors-grid/.sector-tile/.sg-*        → sec-template.html (ADIM 2D)
   .band-grid/.band-tile/.band-tile-*      → sec-template.html (band variant)
   .color-row/.color-dot/.color-dot-*      → sec-template.html (color variant)
   .mini-grid/.mini-tile/.mini-tile-*      → min-section.html (ADIM 2D)
   .min-section/.min-grid/.min-cell        → min-section.html (Section 11-22)
   .trust-band/.trust-grid/.trust-item     → trust-band.html (ADIM 2D)
   .cert-band/.cert-row/.cert-pill         → cert-band.html (ADIM 2D)
   .aeo/.aeo-item/.aeo-q/.aeo-a            → aeo-accordion.html (ADIM 2D)
   .foot/.foot-* /.foot-bottom              → footer.html (ADIM 2E)
   .kvkk                                   → cookie-banner.html (ADIM 2A)
   .vest-cross                             → KALDIRILDI (FAZ B 2026-06-12, ölü CSS)
   .konsept-bar                            → preview/staging watermark (prod'da kaldır)

   DEĞİŞİKLİK NOTU 2026-05-25 ADIM 2F:
   - Sat 308 .kvkk { color: var(--k5) } → var(--g5) (bug fix — k5 token
     tanımlanmamıştı, g5 #333333 doğru koyu gri tasarım niyeti).
   - Geri kalan içerik _konsept-milla.html satır 57-315 BİREBİR kopya.
   ========================================================== */

/* ==========================================================
   TOKENS v3 — Trendyol-Milla birebir (kanon revize 2026-05-24)
   pure white #FFFFFF zemin + #000 body + turuncu #F27A1A CTA
   Source Sans 3 (Milla = Source Sans Pro varyantı)
   ========================================================== */
:root{
  --w:#FFFFFF; --k:#000000; --k2:#1A1A1A; --g0:#F5F5F5; --g1:#EEEEEE;
  --g2:#D9D9D9; --g3:#9E9E9E; --g4:#666666; --g5:#333333;
  --o:#ff6b2c; --o2:#e85d1f; --o-soft:#FFF4ED; /* isyelekleri turuncu (port) */
  --ink:#27496F; /* lacivert detay — link/altbilgi */
  --green:#25D366; /* WhatsApp */
  --c-ok:#00A862; --c-warn:#FAB400;
  --max:1398px; --gap:16px; --r:4px;
  --t:cubic-bezier(.22,.61,.36,1);
  --shadow-card:0 1px 2px rgba(0,0,0,.04);
  --shadow-card-h:0 8px 24px rgba(0,0,0,.08);
  --shadow-cta:0 2px 8px rgba(255,107,44,.32);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:'Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-weight:400;color:var(--k);background:var(--w);line-height:1.4;
  font-feature-settings:'ss01','ss02';
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:opacity .15s var(--t)}
a:hover{opacity:.82}
button{font:inherit;cursor:pointer;border:0;background:transparent}
input{font:inherit;border:0;outline:0;background:transparent}
ul,ol{list-style:none}
.container{max-width:var(--max);margin:0 auto;padding:0 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ===== Section başlık (Milla pattern: bold 18px, link → SVG ok) ===== */
.sec{padding:32px 0 24px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;padding:0 4px}
.sec-title{font-size:18px;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--k)}
.sec-link{font-size:13px;font-weight:600;color:var(--k);display:inline-flex;align-items:center;gap:4px}
.sec-link::after{content:'›';font-size:18px;line-height:1;color:var(--o);transform:translateY(-1px)}

/* ===== HEADER — sticky 64px (Milla multi-row hatası düzeltildi) ===== */
.hdr{position:sticky;top:0;z-index:50;background:var(--w);border-bottom:1px solid var(--g1)}
.hdr-row{height:52px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;max-width:var(--max);margin:0 auto;padding:0 16px}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;height:40px;text-decoration:none;gap:2px}
.brand .wm{font-family:'Source Sans 3',sans-serif;font-weight:900;font-size:21px;color:#000;letter-spacing:-0.04em;line-height:1}
.brand .wm em{font-style:normal;color:#ff6b2c}
.brand .wm-sub{font-family:'Source Sans 3',sans-serif;font-weight:700;font-size:10px;letter-spacing:.22em;color:#27496F;line-height:1;text-transform:uppercase}
.brand-logo{height:32px;width:auto;display:block}
.search{display:flex;align-items:center;background:var(--g0);border-radius:8px;height:40px;padding:0 14px;flex:1;max-width:680px;margin:0 auto}
.search svg{flex-shrink:0;color:var(--g4)}
.search input{flex:1;font-size:14px;color:var(--k);padding:0 12px;background:transparent}
.search input::placeholder{color:var(--g4)}
.hdr-cta{display:flex;align-items:center;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;font-size:13px;font-weight:600;border-radius:4px;white-space:nowrap;transition:all .15s var(--t)}
.btn-fill{background:var(--o);color:var(--w);box-shadow:var(--shadow-cta)}
.btn-fill:hover{background:var(--o2);opacity:1;transform:translateY(-1px)}
.btn-out{background:var(--w);color:var(--k);border:1px solid var(--k)}
.btn-out:hover{background:var(--k);color:var(--w);opacity:1}
.btn-pill{background:var(--w);color:var(--k);border:1px solid var(--g2);border-radius:128px;padding:0 14px;height:36px;font-size:12.5px;font-weight:600}
.btn-pill:hover{border-color:var(--k);opacity:1}
.btn-wa{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--green);border-radius:50%;color:var(--w)}
.nav-toggle{display:none;width:32px;height:32px;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.nav-toggle span{width:20px;height:2px;background:var(--k)}

/* nav row (under main bar) — ilketeks pill + wrap (tüm başlıklar görünür) */
.hdr-nav{height:auto;border-top:1px solid var(--g1);background:var(--w);padding:4px 0}
.hdr-nav-inner{max-width:var(--max);margin:0 auto;padding:0 16px;display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px}
.hdr-nav a{font-size:11.5px;font-weight:600;color:var(--k);white-space:nowrap;padding:3px 9px;border-radius:14px;background:var(--g-soft,#f6f5f1);border:1px solid var(--g1);line-height:15px;transition:all .15s ease}
.hdr-nav a:hover{background:var(--w);border-color:var(--o);color:var(--o)}
.hdr-nav a.live{background:var(--o);color:var(--w);border-color:var(--o)}
.hdr-nav a.sectors-pill{background:#0a2540;color:var(--w);border-color:#0a2540}

@media (max-width:768px){
  .hdr-row{grid-template-columns:auto 1fr auto;gap:12px}
  .search{display:none}
  .hdr-cta .btn-out,.hdr-cta .btn-pill{display:none}
  .nav-toggle{display:flex}
  .hdr{backdrop-filter:none !important;} /* mobile backdrop-filter trap kanonu */
}

/* ===== HERO 13-banner carousel (Milla 1220x780 native, gösterim ratio 16:10) ===== */
.hero{padding:16px 0 0}
.hero-wrap{position:relative;max-width:var(--max);margin:0 auto;padding:0 16px}
.hero-stage{position:relative;aspect-ratio:1220/470;overflow:hidden;border-radius:6px;background:#0a0a0a}
.hero-track{position:absolute;inset:0;display:flex;width:100%}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s var(--t);background-size:cover;background-position:center}
.hero-slide.is-on{opacity:1;z-index:2}
.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 60%,transparent 100%);display:flex;align-items:center;padding:0 8% 0 6%}
.hero-slide-body{max-width:520px;color:var(--w)}
.hero-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--o);background:var(--w);padding:5px 10px;border-radius:2px;margin-bottom:14px}
.hero-title{font-size:clamp(24px,3.6vw,46px);font-weight:800;line-height:1.06;letter-spacing:-.025em;margin-bottom:12px}
.hero-sub{font-size:clamp(14px,1.3vw,17px);font-weight:400;line-height:1.4;opacity:.95;margin-bottom:20px;max-width:440px}
.hero-cta-row{display:flex;gap:10px;flex-wrap:wrap}
.hero-cta-row .btn{height:42px;padding:0 22px;font-size:14px;border-radius:3px}

.hero-chevron{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;background:rgba(255,255,255,.92);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;cursor:pointer;font-size:20px;color:var(--k);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.hero-chevron:hover{background:var(--w)}
.hero-prev{left:16px}.hero-next{right:16px}
.hero-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5}
.hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:all .2s var(--t)}
.hero-dot.is-on{background:var(--w);width:24px;border-radius:4px}

/* Hero gradient fallbacks (Gemini görseli üretilene kadar — Faz 5B) */
.hg-1{background:linear-gradient(135deg,#0F4C81 0%,#27496F 50%,#1F3B5C 100%)}
.hg-2{background:linear-gradient(135deg,#1B5E20 0%,#2E7D32 50%,#1B5E20 100%)}
.hg-3{background:linear-gradient(135deg,#3E2723 0%,#5D4037 50%,#3E2723 100%)}
.hg-4{background:linear-gradient(135deg,#0277BD 0%,#0288D1 50%,#01579B 100%)}
.hg-5{background:linear-gradient(135deg,#BF360C 0%,#D84315 50%,#BF360C 100%)}
.hg-6{background:linear-gradient(135deg,#F57F17 0%,#FBC02D 50%,#F57F17 100%)}
.hg-7{background:linear-gradient(135deg,#1A237E 0%,#283593 50%,#1A237E 100%)}
.hg-8{background:linear-gradient(135deg,#37474F 0%,#455A64 50%,#263238 100%)}
.hg-9{background:linear-gradient(135deg,#E65100 0%,#F57C00 50%,#E65100 100%)}
.hg-10{background:linear-gradient(135deg,#004D40 0%,#00695C 50%,#004D40 100%)}
.hg-11{background:linear-gradient(135deg,#B71C1C 0%,#C62828 50%,#B71C1C 100%)}
.hg-12{background:linear-gradient(135deg,#0D47A1 0%,#1565C0 50%,#0D47A1 100%)}
.hg-13{background:linear-gradient(135deg,#212121 0%,#424242 50%,#212121 100%)}

/* ===== KATEGORİ MİNİ ŞERİT (Milla pattern altında ürün hızlı erişim) ===== */
.cat-strip{padding:18px 0 8px;border-bottom:1px solid var(--g1)}
.cat-strip-row{display:flex;gap:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}
.cat-strip-row::-webkit-scrollbar{display:none}
.cat-strip-item{flex:0 0 auto;text-align:center;width:72px}
.cat-strip-item img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--g1)}
.cat-strip-item span{display:block;font-size:11px;font-weight:600;color:var(--k);margin-top:6px;line-height:1.2}

/* ===== POPÜLER ÜRÜN SLIDER (Milla 4.5 visible, kart 208x443 portrait) ===== */
.slider-wrap{position:relative}
.slider{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:8px}
.slider::-webkit-scrollbar{display:none}
.card{flex:0 0 auto;width:208px;background:var(--w);scroll-snap-align:start;position:relative}
.card-img-wrap{position:relative;width:100%;aspect-ratio:208/277;background:var(--g0);overflow:hidden}
.card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--t)}
.card:hover .card-img-wrap img{transform:scale(1.04)}
.card-stamp{position:absolute;top:8px;left:8px;background:var(--o);color:var(--w);font-size:10px;font-weight:700;padding:3px 8px;border-radius:2px;letter-spacing:.04em;text-transform:uppercase;z-index:2}
.card-stamp.s-iso{background:var(--ink)}
.card-stamp.s-new{background:var(--c-ok)}
.card-fav{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;background:var(--w);color:var(--k);font-size:11px;font-weight:600;padding:5px 10px;border-radius:128px;z-index:2;box-shadow:var(--shadow-card)}
.card-fav svg{flex-shrink:0}
.card-body{padding:10px 4px 16px}
.card-brand{font-size:12px;font-weight:700;color:var(--k);margin-bottom:2px}
.card-name{font-size:12.5px;color:var(--g4);line-height:1.35;height:34px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px}
.card-cta{font-size:12px;font-weight:700;color:var(--o);display:inline-flex;align-items:center;gap:2px}
.card-cta::after{content:'›';font-size:14px;line-height:1}

.slider-chev{position:absolute;top:38%;transform:translateY(-50%);width:36px;height:36px;background:var(--w);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer;font-size:18px;color:var(--k);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.slider-prev{left:-12px}.slider-next{right:-12px}
@media (max-width:768px){.slider-chev{display:none}}

/* ===== SEKTÖR 32 GRID (4x8 desktop / 2x16 mobile) ===== */
.sectors-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
@media (max-width:1200px){.sectors-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:600px){.sectors-grid{grid-template-columns:repeat(2,1fr);gap:6px}}
.sector-tile{position:relative;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:var(--g0);cursor:pointer}
.sector-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--t)}
.sector-tile:hover img{transform:scale(1.08)}
.sector-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65) 0%,transparent 55%)}
.sector-tile span{position:absolute;left:8px;right:8px;bottom:8px;color:var(--w);font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4);z-index:2;line-height:1.2}
/* gradient fallback */
.sg-1{background:linear-gradient(135deg,#1976D2,#0D47A1)}
.sg-2{background:linear-gradient(135deg,#7B1FA2,#4A148C)}
.sg-3{background:linear-gradient(135deg,#388E3C,#1B5E20)}
.sg-4{background:linear-gradient(135deg,#F57C00,#E65100)}
.sg-5{background:linear-gradient(135deg,#5D4037,#3E2723)}
.sg-6{background:linear-gradient(135deg,#455A64,#263238)}

/* ===== TREND / KOLEKSİYON BAND (2-row hi-res) ===== */
.band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media (max-width:900px){.band-grid{grid-template-columns:repeat(2,1fr)}}
.band-tile{position:relative;aspect-ratio:280/360;border-radius:6px;overflow:hidden;background:var(--g0)}
.band-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--t)}
.band-tile:hover img{transform:scale(1.05)}
.band-tile-overlay{position:absolute;left:14px;right:14px;bottom:14px;color:var(--w);z-index:2}
.band-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 60%)}
.band-tile-overlay h4{font-size:16px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}
.band-tile-overlay p{font-size:12px;opacity:.95}

/* ===== RENK COLLECTION ROW (9 renk, Milla dot pattern) ===== */
.color-row{display:flex;flex-wrap:wrap;gap:14px;padding:8px 4px}
.color-dot{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.color-dot-swatch{width:64px;height:64px;border-radius:50%;border:2px solid var(--g1);transition:transform .15s var(--t),border-color .15s var(--t)}
.color-dot:hover .color-dot-swatch{transform:scale(1.08);border-color:var(--k)}
.color-dot span{font-size:12px;font-weight:600;color:var(--k)}

/* ===== AYAKKABI/ÇANTA + KOT mini grid ===== */
.mini-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
@media (max-width:900px){.mini-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.mini-grid{grid-template-columns:repeat(2,1fr)}}
.mini-tile{position:relative;aspect-ratio:1/1.2;background:var(--g0);border-radius:6px;overflow:hidden}
.mini-tile img{width:100%;height:100%;object-fit:cover}
.mini-tile-label{position:absolute;left:0;right:0;bottom:0;padding:10px 8px;background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,transparent 100%);color:var(--w);font-size:11px;font-weight:600;line-height:1.2}
.mini-tile-tag{position:absolute;top:6px;right:6px;background:var(--w);color:var(--k);font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:2px;text-transform:uppercase;letter-spacing:.04em}
.mini-tile-tag.t-tedarik{background:var(--g0);color:var(--g4)}
.mini-tile-tag.t-uretim{background:var(--ink);color:var(--w)}

/* ===== TRUST / SERTIFIKA band ===== */
.trust-band{background:#0a0a0a;color:var(--w);padding:36px 0;margin-top:48px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
@media (max-width:768px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:18px}}
.trust-item .n{font-size:36px;font-weight:800;color:var(--o);letter-spacing:-.03em;line-height:1}
.trust-item .l{font-size:13px;font-weight:500;margin-top:6px;opacity:.85}
.cert-band{background:var(--w);padding:24px 0;border-top:1px solid var(--g1);border-bottom:1px solid var(--g1)}
.cert-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px}
.cert-pill{display:inline-flex;align-items:center;gap:8px;background:var(--g0);padding:8px 16px;border-radius:128px;font-size:12px;font-weight:700;color:var(--k);letter-spacing:.02em}
.cert-pill b{color:var(--o)}

/* ===== AEO accordion ===== */
.aeo{max-width:880px;margin:0 auto;padding:0 8px}
.aeo-item{border-bottom:1px solid var(--g1);padding:18px 0}
.aeo-q{font-size:15px;font-weight:700;color:var(--k);display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.aeo-q::after{content:'+';font-size:22px;color:var(--o);line-height:1;font-weight:300}
.aeo-item.is-open .aeo-q::after{content:'−'}
.aeo-a{display:none;padding-top:12px;font-size:13.5px;color:var(--g5);line-height:1.6}
.aeo-item.is-open .aeo-a{display:block}

/* ===== Minimum section (11-22) placeholder ===== */
.min-section{padding:24px 0;border-top:1px solid var(--g1)}
.min-section .container > p{font-size:13px;color:var(--g4);max-width:720px;margin-top:6px}
.min-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px}
@media (max-width:900px){.min-grid{grid-template-columns:repeat(3,1fr)}}
.min-cell{aspect-ratio:1/1;background:var(--g0);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--g4);font-weight:600;text-align:center;padding:6px}
.min-cell-img{position:relative;aspect-ratio:1/1;border-radius:4px;overflow:hidden;background-size:cover;background-position:center;background-color:var(--g0);display:flex;align-items:flex-end;justify-content:flex-start;font-size:11px;color:#fff;font-weight:700;text-align:left;padding:8px;text-shadow:0 1px 2px rgba(0,0,0,.7);text-decoration:none}
.min-cell-img::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55) 0%,transparent 55%);z-index:1;pointer-events:none}
.min-cell-img>*{position:relative;z-index:2}

/* .vest-cross kaldırıldı (FAZ B 2026-06-12) — hiçbir gövdede kullanılmayan ölü CSS idi, dış-domain rozeti basıyordu */

/* ===== FOOTER (5 sütun derin) ===== */
.foot{background:#0a0a0a;color:#bbb;padding:48px 0 0;margin-top:48px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr;gap:36px;max-width:var(--max);margin:0 auto;padding:0 16px}
@media (max-width:1024px){.foot-grid{grid-template-columns:repeat(2,1fr);gap:28px}}
@media (max-width:600px){.foot-grid{grid-template-columns:1fr}}
.foot h5{color:var(--w);font-size:13px;font-weight:700;margin-bottom:14px;letter-spacing:-.01em}
.foot ul li{font-size:12.5px;margin-bottom:6px;line-height:1.4}
.foot ul li a{color:#bbb}
.foot ul li a:hover{color:var(--o);opacity:1}
.foot-brand p{font-size:12.5px;line-height:1.55;margin-bottom:10px}
.foot-brand .b-logo{font-family:'Source Sans 3',sans-serif;font-weight:900;font-size:30px;color:#fff;letter-spacing:-0.04em;line-height:1;display:inline-block;margin-bottom:14px}
.foot-brand .b-logo em{font-style:normal;color:#ff6b2c}
.foot-brand .b-logo-sub{font-family:'Source Sans 3',sans-serif;font-weight:700;font-size:12px;letter-spacing:.2em;color:#bbb;line-height:1;display:block;margin-top:-8px;margin-bottom:14px;text-transform:uppercase}
.foot-il{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:11px}
.foot-il a{color:#9e9e9e}
.foot-il a:hover{color:var(--w)}
.foot-iletisim p{font-size:12.5px;margin-bottom:8px}
.foot-iletisim .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#777}
.foot-social{display:flex;gap:8px;margin-top:12px}
.foot-social a{width:34px;height:34px;border-radius:50%;background:#1A1A1A;display:flex;align-items:center;justify-content:center;color:var(--w)}
.foot-social a:hover{background:var(--o);opacity:1}
.foot-bottom{border-top:1px solid #1A1A1A;margin-top:40px;padding:18px 16px;text-align:center;font-size:11.5px;color:#777}
.foot-bottom a{color:#999}
/* İş Giyim alt link satırı (tam genişlik; 5-sütun grid'i bozmaz) */
.foot-isgiyim{border-top:1px solid #1A1A1A;margin-top:36px;padding:16px 16px 2px;text-align:center;max-width:var(--max);margin-left:auto;margin-right:auto;line-height:1.9}
.foot-isgiyim h5{display:inline;color:var(--w);font-size:12px;font-weight:700;letter-spacing:.02em;margin:0 10px 0 0}
.foot-isgiyim a{color:#bbb;font-size:12.5px;margin:0 2px}
.foot-isgiyim a:hover{color:var(--o)}

/* KVKK banner (bug fix 2026-05-25 ADIM 2F: var(--k5) → var(--g5), k5 token tanımsızdı) */
.kvkk{position:fixed;left:16px;right:16px;bottom:16px;background:var(--w);box-shadow:0 8px 32px rgba(0,0,0,.18);border-radius:6px;padding:16px 20px;display:flex;align-items:center;gap:16px;max-width:560px;margin:0 auto;z-index:80;font-size:12.5px;color:var(--g5);line-height:1.45}
.kvkk b{font-weight:700}
.kvkk .btn{height:32px;padding:0 14px;font-size:12px;flex-shrink:0}

/* ==========================================================
   SİSTEMİK EKLEME 2026-06-02 — component'leri MEVCUTTU ama CSS'i YOKTU
   (whatsapp-fab.html → .wa-fab · cookie-banner.html → .cookie-consent
    · gallery.py → .urun-gallery-grid/.urun-card). Eski .kvkk korundu.
   ========================================================== */
/* WhatsApp FAB — sağ-alt sabit yeşil pill (mobilde daire) */
.wa-fab{position:fixed;right:22px;bottom:22px;z-index:120;display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 20px 0 16px;background:var(--green);color:#fff;border-radius:30px;font:600 14px/1 "Source Sans 3",sans-serif;text-decoration:none;box-shadow:0 8px 22px rgba(37,211,102,.38),0 2px 6px rgba(0,0,0,.12);transition:transform .22s var(--t),box-shadow .22s var(--t)}
.wa-fab:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(37,211,102,.46),0 3px 8px rgba(0,0,0,.16)}
.wa-fab:active{transform:translateY(-1px)}
.wa-fab-icon{flex:0 0 auto;width:28px;height:28px;display:block}
.wa-fab-label{white-space:nowrap;letter-spacing:.01em}
@media(max-width:600px){.wa-fab{height:56px;width:56px;padding:0;justify-content:center;border-radius:50%;right:16px;bottom:16px}.wa-fab-label{display:none}}

/* Cookie consent — alt sabit bar, .is-visible ile gelir (component JS) */
.cookie-consent{position:fixed;left:0;right:0;bottom:0;z-index:130;background:#0a0a0a;color:#fff;transform:translateY(100%);transition:transform .35s var(--t);box-shadow:0 -4px 20px rgba(0,0,0,.18)}
.cookie-consent.is-visible{transform:translateY(0)}
.cookie-consent-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px;flex-wrap:wrap}
.cookie-consent-text{margin:0;font-size:13px;line-height:1.5;color:#E6E6E6;flex:1 1 320px}
.cookie-link{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.cookie-consent-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.cookie-btn{cursor:pointer;border:0;border-radius:6px;padding:9px 18px;font:600 13px/1 "Source Sans 3",sans-serif;transition:background .18s var(--t),opacity .18s}
.cookie-btn-reject{background:transparent;color:#cfcfcf;border:1px solid #3a3a3a}
.cookie-btn-reject:hover{background:#1c1c1c;color:#fff}
.cookie-btn-accept{background:var(--o);color:#fff}
.cookie-btn-accept:hover{background:var(--o2)}
@media(max-width:600px){.cookie-consent-inner{padding:12px 16px}.cookie-consent-actions{width:100%}.cookie-btn{flex:1}}

/* Ürün galerisi grid — polo-kanıtlı blok (sat 364-380 paritesi) */
.urun-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:18px;margin-top:22px}
.urun-card{background:#fff;border:1px solid #ECECE3;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .22s var(--t),transform .22s var(--t)}
.urun-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.10);transform:translateY(-3px)}
.urun-card-visual{position:relative;aspect-ratio:4/5;background:#F5F5F2;overflow:hidden}
.urun-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--t)}
.urun-card:hover .urun-card-img{transform:scale(1.05)}
.urun-card-badge{position:absolute;top:10px;left:10px;background:#ff6b2c;color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:20px;box-shadow:0 2px 6px rgba(255,107,44,.30)}
.urun-card-info{padding:13px 14px 15px;display:flex;flex-direction:column;gap:6px;flex:1}
.urun-card-brand{font-size:10px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:#9E9E9E}
.urun-card-title{font-size:13px;font-weight:600;line-height:1.35;color:#0B1B3A;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.urun-card-meta{display:flex;align-items:center;gap:8px}
.urun-card-meta .stars{color:#F5A623;font-size:13px;letter-spacing:1px}
.urun-card-meta .meta-label{font-size:11px;color:#888}
.urun-card-price-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid #F0F0EA}
.urun-card-price-row .price-label{font-size:11px;color:#888}
.urun-card-price-row .price-val{font-size:13px;font-weight:700;color:#ff6b2c}
@media(max-width:560px){.urun-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
/* NOT (isyelekleri port 2026-06-19): ilketeks preview-watermark bloğu (konsept watermark + koşulsuz üst-boşluk) KASITLI ÇIKARILDI — production üst-boşluk tuzağı. */

/* ===== Worker-enjekte AEO / GSC-sorgu-köprüsü blokları (.wrap.rich: p1-hit / p2b / o2-gsc-query-bridge) — Milla uyumlu (2026-06-20) ===== */
/* Bu class'lar yalnız Worker enjekte eder (Milla sayfaları .container/.sec/.u-* kullanır) → çakışma yok. */
.wrap.rich{max-width:980px;margin:0 auto;padding:24px 16px;color:var(--g5);font-size:15px;line-height:1.75;border-top:1px solid var(--g1)}
.wrap.rich h2{font-size:clamp(19px,2.6vw,24px);font-weight:800;letter-spacing:-.01em;color:var(--k);margin:0 0 12px}
.wrap.rich h3{font-size:17px;font-weight:700;color:var(--k);margin:18px 0 10px}
.wrap.rich p{margin:0 0 12px}
.wrap.rich ul,.wrap.rich ol{margin:0 0 14px;padding-left:20px}
.wrap.rich li{margin:0 0 7px}
.wrap.rich strong{color:var(--k);font-weight:700}
.wrap.rich a{color:var(--o);text-decoration:underline}
.wrap.rich .p1-hit-links,.wrap.rich .p2b-links{font-size:14px;color:var(--g4)}
.wrap.rich.o2-gsc-query-bridge{background:var(--o-soft);border-top:none;border-radius:8px;margin:16px auto;padding:22px 26px}