/* xcodeart Mağaza — pazar teması. magaza.css'in üstüne yüklenir.
   Başlangıç: ortak 'yeni tasarım' tabanı; temanın kendi bölümü en altta. */

/* Yeni Tasarım yazı tipleri — Google Fonts'tan yerele alındı (CSP font-src 'self').
   Instrument Serif (başlık), Instrument Sans (metin), Archivo Black (yazı markası); latin + latin-ext (Türkçe). */
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url('archivo-black-400-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:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;src:url('archivo-black-400-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:'Instrument Sans';font-style:italic;font-weight:400;font-display:swap;src:url('instrument-sans-400-italic-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:'Instrument Sans';font-style:italic;font-weight:400;font-display:swap;src:url('instrument-sans-400-italic-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:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('instrument-sans-400-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:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('instrument-sans-400-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:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('instrument-sans-500-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:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('instrument-sans-500-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:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url('instrument-sans-600-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:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url('instrument-sans-600-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:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('instrument-serif-400-italic-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:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('instrument-serif-400-italic-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:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('instrument-serif-400-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:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('instrument-serif-400-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}


/* ════════════════════════════════════════════════════════════════════
   xcodeart Mağaza — YENİ TASARIM (1 Ekim 2026)

   magaza.css'in ÜSTÜNE yüklenir; yalnızca body.tema-yeni altında çalışır.
   İlk Tasarım aktifken bu dosya hiç yüklenmez, bugünkü görünüm birebir kalır.

   Ruh: kapı ve hero'lar koyu, tam ekran fotoğraf (bugünkü gibi); ticaret
   yüzeyleri açık kâğıt zemin, beyaz kartlar, 6px köşeli düğmeler, çipler.
   Başlık fontu panelden seçilir: body.baslik-serif (Instrument Serif) /
   body.baslik-archivo (marka başlığı = --disp). Sınıf adındaki "archivo"
   tarihsel: 14 Eki 2026'da --disp Space Grotesk oldu, sınıf adı ve
   kayıtlı ayar değeri aynı kaldı (bkz. cekirdek/tema.php).

   Sınıf adları magaza.css ile aynı; yeni öğeler:
   .kapi-not, .panel-ara, .panel-marka, .alt-menu, .urun-kucukler,
   .urun-guven, .urun-yapiskan-cta, .tema-onizleme-serit.
   ════════════════════════════════════════════════════════════════════ */

body.tema-yeni {
    --kagit:        #F2F0EB;
    --yuzey:        #FFFFFF;
    --murekkep:     #141413;
    --murekkep-2:   #5F5E5A;
    --murekkep-3:   #767571;
    --cizgi:        rgba(20, 20, 19, 0.12);
    --cizgi-kuv:    rgba(20, 20, 19, 0.26);
    --foto:         #E9E7E2;
    --koyu:         #161615;
    --koyu-yuzey:   #1F1F1E;
    --koyu-metin:   #F4F2ED;
    --koyu-metin-2: rgba(244, 242, 237, 0.68);
    --koyu-cizgi:   rgba(244, 242, 237, 0.14);
    --cam:          rgba(255, 255, 255, 0.14);
    --cam-cizgi:    rgba(255, 255, 255, 0.22);

    /* Ürün adı, fiyat, süzgeç ve düğmeler — tasarımcının 2. maddesi.
       Önceden Instrument Sans'tı. */
    --sans:  'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
    --marka: 'Archivo Black', 'Arial Black', sans-serif;

    /* başlık fontu (body.baslik-* ile değişir) */
    --disp-y:         var(--serif);
    --disp-y-agirlik: 400;
    --disp-y-aralik:  -0.01em;

    --kose:      6px;
    --kose-kart: 8px;

    /* magaza.css'in paletini yeni renklere bağla */
    --zemin:       var(--kagit);
    --zemin-2:     #E9E7E2;
    --foto-zemin:  var(--foto);
    --a-metin:     var(--murekkep);
    --a-metin-2:   var(--murekkep-2);
    --a-metin-3:   var(--murekkep-3);
    --a-cizgi:     var(--cizgi);
    --a-cizgi-kuv: var(--cizgi-kuv);
    --k-metin:     var(--koyu-metin);
    --k-metin-2:   var(--koyu-metin-2);
    --k-cizgi:     var(--koyu-cizgi);
    --k-dolgu:     var(--cam);
    --siyah:       var(--koyu);

    background: var(--kagit);
    color: var(--murekkep);
    font-family: var(--sans);
}

body.tema-yeni.baslik-archivo {
    --disp-y:         var(--disp);
    --disp-y-agirlik: 700;
    --disp-y-aralik:  -0.03em;
}

body.tema-yeni.koyu {
    background: var(--koyu);
    color: var(--koyu-metin);
}

/* ── Tipografi ─────────────────────────────────────────────────────── */
body.tema-yeni .disp {
    font-family: var(--disp-y);
    font-weight: var(--disp-y-agirlik);
    letter-spacing: var(--disp-y-aralik);
    line-height: 0.92;
}

body.tema-yeni .wordmark {
    font-family: var(--marka);
    font-weight: 400;
    letter-spacing: 0.06em;
}

body.tema-yeni .etiket {
    font-family: var(--sans);
    font-size: 11px;
    letter-spacing: 0.16em;
}

/* ── Düğmeler, çipler ──────────────────────────────────────────────── */
body.tema-yeni .dg {
    border-radius: var(--kose);
    font-family: var(--sans);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
}

body.tema-yeni .dg-dolu {
    background: var(--murekkep);
    color: #fff;
    border-color: var(--murekkep);
}

body.tema-yeni .dg-hayalet {
    background: var(--cam);
    color: var(--koyu-metin);
    border-color: var(--cam-cizgi);
}

body.tema-yeni .dg-hayalet:hover {
    background: rgba(255, 255, 255, 0.24);
}

body.tema-yeni .dg-cerceve {
    color: var(--murekkep);
    border-color: var(--murekkep);
    border-radius: var(--kose);
}

/* ── Header ────────────────────────────────────────────────────────── */
body.tema-yeni .header.duz {
    background: var(--kagit);
    color: var(--murekkep);
    border-bottom-color: var(--cizgi);
}

body.tema-yeni.koyu .header.duz {
    background: var(--koyu);
    color: var(--koyu-metin);
    border-bottom-color: var(--koyu-cizgi);
}

body.tema-yeni .anahtar a {
    font-size: 13px;
    font-weight: 600;
    opacity: 0.62;
}

body.tema-yeni .anahtar a.etkin {
    opacity: 1;
}

/* ── Kapı (iki yarım) ──────────────────────────────────────────────── */
body.tema-yeni .kapi-medya {
    filter: brightness(0.78) contrast(1.06) saturate(0.9);
}

body.tema-yeni .kapi-yari::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    /* soldan hafif karartma (metin solda) + üst/alt dikey gradyan */
    background:
        linear-gradient(to right,
            rgba(20, 20, 19, 0.38) 0%, rgba(20, 20, 19, 0.10) 45%, rgba(20, 20, 19, 0) 75%),
        linear-gradient(180deg,
            rgba(20, 20, 19, 0.35) 0%, rgba(20, 20, 19, 0.05) 28%,
            rgba(20, 20, 19, 0.08) 55%, rgba(20, 20, 19, 0.78) 100%);
}

body.tema-yeni .kapi-yari + .kapi-yari {
    border-left: 1px solid rgba(244, 242, 237, 0.18);
}

body.tema-yeni .kapi-icerik {
    padding: var(--yan) 2.75rem;
}

body.tema-yeni .kapi-ust {
    font-size: 11px;
    letter-spacing: 0.16em;
    opacity: 0.85;
    margin-bottom: 1rem;
}

body.tema-yeni .kapi-ad {
    font-size: clamp(3rem, 6.6vw, 6rem);
    margin-bottom: 1.25rem;
}

body.tema-yeni .kapi-dugmeler {
    gap: 0.6rem;
}

body.tema-yeni .kapi-not {
    position: absolute;
    left: 2.75rem;
    bottom: 1.75rem;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(244, 242, 237, 0.72);
}

body.tema-yeni .kapi-not .cizgi {
    width: 48px;
    height: 1px;
    background: rgba(244, 242, 237, 0.4);
}

/* ── Hero ──────────────────────────────────────────────────────────── */
body.tema-yeni .hero-baslik {
    font-size: clamp(3.4rem, 8vw, 7.4rem);
}

body.tema-yeni .hero-ust {
    font-size: 14px;
    opacity: 0.88;
}

/* ── Koleksiyon başı ve ızgara ─────────────────────────────────────── */
body.tema-yeni .kol-tepe {
    padding-block: 2.75rem 1.25rem;
}

body.tema-yeni .kol-tepe .disp-l {
    font-size: clamp(2.4rem, 4.6vw, 4rem);
}

body.tema-yeni .kol-araclar {
    font-size: 12.5px;
}

body.tema-yeni .kol-araclar select {
    font-family: var(--sans);
    font-weight: 500;
    color: var(--murekkep);
}

body.tema-yeni .izgara {
    background: var(--yuzey);
}

body.tema-yeni .kart {
    background: var(--yuzey);
}

body.tema-yeni .kart-gorsel {
    background: var(--foto);
}

body.tema-yeni .kart-rozet {
    background: var(--murekkep);
    color: #fff;
    border-radius: 4px;
    padding: 0.32rem 0.55rem;
    font-size: 9.5px;
    letter-spacing: 0.14em;
}

body.tema-yeni .kart-rozet.indirim {
    background: var(--uyari);
}

body.tema-yeni .kart-ad {
    /* Tasarımcının tablosu: ürün adı 14-16 px (14 Eki 2026) */
    font-size: 15px;
    font-weight: 500;
}

body.tema-yeni .kart-fiyat {
    /* Tasarımcının tablosu: fiyat 15-17 px. Müşterinin en çok
       baktığı sayıydı ve ürün adıyla aynı boydaydı (14 Eki 2026) */
    font-size: 16px;
    font-weight: 500;
}

body.tema-yeni .kart-renk {
    font-size: 12.5px;
}

body.tema-yeni.koyu .izgara,
body.tema-yeni.koyu .kart {
    background: var(--koyu-yuzey);
}

body.tema-yeni.koyu .kart-gorsel {
    background: #262625;
}

body.tema-yeni.koyu .kart-rozet {
    background: var(--koyu-metin);
    color: var(--koyu);
}

/* ── Çekmece menü (panel) ──────────────────────────────────────────── */
body.tema-yeni .panel {
    background: var(--kagit);
}

body.tema-yeni .panel-ara {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    height: 44px;
    margin: 0 0 1.25rem;
    padding: 0 0.75rem;
    background: var(--yuzey);
    border: 1px solid var(--cizgi);
    border-radius: var(--kose);
    color: var(--murekkep-3);
}

body.tema-yeni .panel-ara svg {
    width: 18px;
    height: 18px;
    flex: none;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.6;
}

body.tema-yeni .panel-ara input {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 13px;
    color: var(--murekkep);
}

body.tema-yeni .panel-ara input::placeholder {
    color: var(--murekkep-3);
}

body.tema-yeni .panel-ust {
    margin-bottom: 1.5rem;
    border-top: 1px solid var(--cizgi);
}

body.tema-yeni .panel-ust li {
    border-bottom: 1px solid var(--cizgi);
}

body.tema-yeni .panel-ust a {
    display: block;
    padding: 0.8rem 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.tema-yeni .panel-grup-baslik {
    color: var(--murekkep-2);
}

body.tema-yeni .panel-bag {
    font-size: 14px;
    padding: 0.42rem 0;
}

body.tema-yeni .panel-marka {
    display: none;
    margin: 2rem -1.5rem -2.5rem;
    padding: 1.6rem 1.5rem calc(1.6rem + env(safe-area-inset-bottom, 0px));
    background: var(--murekkep);
    color: var(--koyu-metin);
}

body.tema-yeni .panel-marka .etiket {
    color: rgba(244, 242, 237, 0.75);
    font-size: 10px;
    margin-bottom: 0.9rem;
}

body.tema-yeni .panel-marka .wordmark {
    font-size: 16px;
}

/* ── Alt sekme çubuğu (yalnızca mobil, panelden açılır) ─────────────── */
body.tema-yeni .alt-menu {
    display: none;
}

/* ── Ürün sayfası ──────────────────────────────────────────────────── */
body.tema-yeni .urun-duzen {
    background: var(--yuzey);
}

body.tema-yeni .urun-ad {
    font-family: var(--sans);
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.1;
}

body.tema-yeni .urun-fiyat {
    font-size: 20px;
    font-weight: 500;
}

body.tema-yeni .beden-dg {
    height: 44px;
    border-radius: var(--kose);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
}

body.tema-yeni .urun-kucukler {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem var(--yan) 0;
    overflow-x: auto;
    scrollbar-width: none;
}

body.tema-yeni .urun-kucukler::-webkit-scrollbar {
    display: none;
}

body.tema-yeni .urun-kucuk {
    flex: none;
    width: 66px;
    height: 82px;
    padding: 0;
    border: 1px solid var(--cizgi);
    border-radius: var(--kose);
    overflow: hidden;
    background: var(--foto);
    transition: border-color var(--hizli);
}

body.tema-yeni .urun-kucuk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.tema-yeni .urun-kucuk.etkin {
    border-color: var(--murekkep);
}

body.tema-yeni .urun-guven {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 1.1rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--cizgi);
    text-align: center;
    font-size: 10.5px;
    line-height: 1.3;
    color: var(--murekkep-2);
}

body.tema-yeni .urun-guven div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
}

body.tema-yeni .urun-guven svg {
    width: 18px;
    height: 18px;
    stroke: var(--murekkep);
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.tema-yeni .urun-guven strong {
    font-weight: 600;
    color: var(--murekkep);
}

body.tema-yeni .urun-yapiskan-cta {
    display: none;
}

/* ── Footer (Yeni Tasarım: parca/footer-yeni.php) ──────────────────────
   Bülten solda, dört eşit bağlantı sütunu sağda; ödeme + bölge ince bir
   orta şeritte; altta büyük MAĞAZA yazı markası, telif/yasal şerit ve
   yapımcı künyesi. Sabit alt sekme çubuğu için boşluk body'de (aşağıda). */
body.tema-yeni .footer {
    background: var(--kagit);
}

body.tema-yeni .footer-y {
    border-top: 1px solid var(--fy-c);
    padding: clamp(3rem, 6vw, 5rem) var(--yan) 0;
    color: var(--fy-m);
}

body.tema-yeni .fy-ust {
    display: grid;
    grid-template-columns: minmax(260px, 5fr) 7fr;
    gap: 3rem clamp(2.5rem, 7vw, 8rem);
    padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

body.tema-yeni .fy-etiket {
    margin: 0 0 1.1rem;
    color: var(--fy-m);
}

body.tema-yeni .fy-bulten {
    max-width: 440px;
}

body.tema-yeni .fy-bulten-baslik {
    margin: 0 0 0.9rem;
    font-family: var(--disp-y);
    font-weight: var(--disp-y-agirlik);
    letter-spacing: var(--disp-y-aralik);
    font-size: clamp(1.7rem, 2.6vw, 2.3rem);
    line-height: 1.08;
    text-wrap: balance;
}

body.tema-yeni .fy-aciklama {
    margin: 0 0 1.4rem;
    font-size: 14px;
    line-height: 1.65;
    color: var(--fy-m2);
}

/* bülten formu: beyaz kutu, içinde koyu "Katıl" düğmesi
   (.bulten'in alt çizgili hâli yerine) */
body.tema-yeni .fy-form {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.3rem 0.3rem 1rem;
    background: var(--fy-y);
    border: 1px solid var(--fy-ck);
    border-radius: var(--kose);
    transition: border-color 0.2s, box-shadow 0.2s;
}

body.tema-yeni .fy-form:focus-within {
    border-color: var(--fy-m);
    box-shadow: 0 0 0 3px rgba(20, 20, 19, 0.06);
}

body.tema-yeni .fy-form .bulten-girdi {
    height: 40px;
    font-size: 14px;
    color: var(--fy-m);
}

body.tema-yeni .fy-form .bulten-girdi::placeholder {
    color: var(--fy-m3);
}

body.tema-yeni .fy-dg {
    background: var(--fy-dg-bg);
    width: auto;
    height: 38px;
    padding: 0 1.1rem;
    border-radius: 4px;
    color: var(--fy-dg-m);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    transition: background 0.2s;
}

body.tema-yeni .fy-dg:hover {
    background: #000;
    color: #fff;
    transform: none;
}

body.tema-yeni .fy-kvkk {
    margin-top: 0.75rem;
    font-size: 11.5px;
    color: var(--fy-m3);
}

body.tema-yeni .fy-kvkk a {
    color: var(--fy-m2);
}

body.tema-yeni .fy-sutunlar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 2.25rem 1.5rem;
    align-content: start;
}

body.tema-yeni .fy-liste li + li {
    margin-top: 0.55rem;
}

body.tema-yeni .fy-liste a {
    font-size: 14px;
    line-height: 1.5;
    color: var(--fy-m2);
    transition: color 0.2s;
}

body.tema-yeni .fy-liste a:hover {
    color: var(--fy-m);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* değişkenler: açık kâğıt; koyu sayfada (giriş kapısı) aşağıda döner */
body.tema-yeni .footer-y {
    --fy-m:     var(--murekkep);
    --fy-m2:    var(--murekkep-2);
    --fy-m3:    var(--murekkep-3);
    --fy-c:     var(--cizgi);
    --fy-ck:    var(--cizgi-kuv);
    --fy-y:     var(--yuzey);
    --fy-dg-bg: var(--murekkep);
    --fy-dg-m:  var(--koyu-metin);
}

body.tema-yeni.koyu .footer {
    background: var(--koyu);
    color: var(--koyu-metin);
    border-top-color: var(--koyu-cizgi);
}

body.tema-yeni.koyu .footer-y {
    --fy-m:     var(--koyu-metin);
    --fy-m2:    var(--koyu-metin-2);
    --fy-m3:    rgba(244, 242, 237, 0.5);
    --fy-c:     var(--koyu-cizgi);
    --fy-ck:    rgba(244, 242, 237, 0.3);
    --fy-y:     var(--koyu-yuzey);
    --fy-dg-bg: var(--koyu-metin);
    --fy-dg-m:  var(--koyu);
}

body.tema-yeni.koyu .fy-form:focus-within {
    border-color: var(--koyu-metin);
    box-shadow: 0 0 0 3px rgba(244, 242, 237, 0.08);
}

body.tema-yeni.koyu .fy-dg:hover {
    background: #fff;
    color: var(--koyu);
}

/* ödeme + bölge: tek sessiz satır */
body.tema-yeni .fy-orta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem 2rem;
    padding: 1rem 0;
    border-top: 1px solid var(--fy-c);
    font-size: 12px;
    color: var(--fy-m3);
}

body.tema-yeni .fy-orta p {
    margin: 0;
}

body.tema-yeni .fy-orta i {
    font-style: normal;
    margin: 0 0.35rem;
    opacity: 0.6;
}

body.tema-yeni .fy-odeme-satir {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 1.1rem;
}

body.tema-yeni .fy-odeme-adlar {
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 10.5px;
    color: var(--fy-m2);
}

body.tema-yeni .fy-guvenli {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

body.tema-yeni .fy-guvenli svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* yazı markası + telif + yasal: ortalı sütun */
body.tema-yeni .fy-alt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.9rem;
    padding: clamp(2rem, 4vw, 3rem) 0 1.4rem;
    border-top: 1px solid var(--fy-c);
    text-align: center;
}

body.tema-yeni .fy-marka {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    width: 100%;
    max-width: 520px;
    margin: 0 0 0.4rem;
    font-family: var(--marka);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.34em;
    text-indent: 0.34em;
    color: var(--fy-m);
    user-select: none;
}

body.tema-yeni .fy-marka::before,
body.tema-yeni .fy-marka::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--fy-c);
}

body.tema-yeni .fy-telif {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--fy-m2);
}

body.tema-yeni .fy-nokta {
    margin: 0 0.35rem;
    color: var(--fy-m3);
}

body.tema-yeni .fy-yasal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem 1.25rem;
}

body.tema-yeni .fy-yasal a {
    font-size: 12px;
    color: var(--fy-m2);
    transition: color 0.2s;
}

body.tema-yeni .fy-yasal a:hover {
    color: var(--fy-m);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.tema-yeni .fy-yapimci {
    margin: 0.6rem 0 0;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--fy-m3);
}

body.tema-yeni .fy-yapimci a {
    color: var(--fy-m2);
}

body.tema-yeni .fy-yapimci a:hover {
    color: var(--fy-m);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.tema-yeni .fy-yapimci .ayrac {
    margin: 0 0.35rem;
}

body.tema-yeni .fy-yapimci-alt {
    display: inline-block;
    margin-left: 0.75rem;
    font-size: 10.5px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: none;
}

/* ── Önizleme şeridi (yalnızca yönetici görür) ─────────────────────── */
body.tema-yeni .tema-onizleme-serit {
    position: fixed;
    left: 50%;
    bottom: 1.25rem;
    z-index: var(--z-ustluk);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem 0.55rem 1rem;
    background: var(--murekkep);
    color: #fff;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

body.tema-yeni .tema-onizleme-serit a {
    padding: 0.3rem 0.65rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;
    color: #fff;
}

/* ════════════════════════════════════════════════════════════════════
   MOBİL (≤ 860px) — mockup'taki ekranlar
   ════════════════════════════════════════════════════════════════════ */
@media (max-width: 860px) {

    /* kapı: alt alta iki yarım, not sağ altta */
    body.tema-yeni .kapi-yari + .kapi-yari {
        border-left: 0;
        border-top: 1px solid rgba(244, 242, 237, 0.18);
    }

    body.tema-yeni .kapi-icerik {
        padding: 1rem 1rem 1.15rem;
    }

    body.tema-yeni .kapi-ad {
        font-size: clamp(2.6rem, 12vw, 3.2rem);
        margin-bottom: 0.75rem;
    }

    body.tema-yeni .kapi-ust {
        font-size: 10px;
        margin-bottom: 0.5rem;
    }

    body.tema-yeni .kapi-dugmeler .dg {
        min-height: 40px;
        padding-inline: 0.9rem;
        font-size: 10.5px;
    }

    body.tema-yeni .kapi-not {
        left: auto;
        right: 1rem;
        bottom: 4.6rem;        /* düğme satırının üstünde, başlıkla aynı hizada */
        font-size: 10px;
    }

    body.tema-yeni .kapi-not .cizgi,
    body.tema-yeni .kapi-not .kapi-not-metin {
        display: none;
    }

    /* koleksiyon başı */
    body.tema-yeni .kol-tepe {
        padding-block: 1.25rem 0.75rem;
    }

    /* ızgara: yuvarlak köşeli kartlar, ad / fiyat alt alta */
    body.tema-yeni .izgara {
        --sutun: 2;
        gap: 1rem 0.75rem;
        padding: 0.9rem 1rem 0;
        border: 0;
        background: transparent;
    }

    body.tema-yeni .kart {
        border: 0;
        background: transparent;
    }

    body.tema-yeni .kart-gorsel {
        border-radius: var(--kose-kart);
    }

    body.tema-yeni .kart-bilgi {
        padding: 0.6rem 0 0.2rem;
    }

    body.tema-yeni .kart-satir {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
    }

    body.tema-yeni .kart-ad {
        font-size: 13px;
    }

    body.tema-yeni .kart-fiyat {
        font-size: 13px;
    }

    body.tema-yeni .kart-rozet {
        top: 0.6rem;
        left: 0.6rem;
    }

    /* çekmece: marka bloğu altta */
    body.tema-yeni .panel-marka {
        display: block;
    }

    /* alt sekme çubuğu */
    body.tema-yeni.alt-menu .alt-menu {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: var(--z-ustluk);
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        padding: 6px 0 calc(8px + env(safe-area-inset-bottom, 0px));
        background: var(--yuzey);
        border-top: 1px solid var(--cizgi);
    }

    body.tema-yeni.alt-menu {
        padding-bottom: calc(62px + env(safe-area-inset-bottom, 0px));
    }

    body.tema-yeni .alt-menu a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        min-height: 48px;
        color: var(--murekkep-3);
        font-size: 9.5px;
        font-weight: 500;
        letter-spacing: 0.02em;
    }

    body.tema-yeni .alt-menu a.etkin {
        color: var(--murekkep);
        font-weight: 600;
    }

    body.tema-yeni .alt-menu svg {
        width: 20px;
        height: 20px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    body.tema-yeni.koyu .alt-menu {
        background: var(--koyu);
        border-top-color: var(--koyu-cizgi);
    }

    body.tema-yeni.koyu .alt-menu a {
        color: var(--koyu-metin-2);
    }

    body.tema-yeni.koyu .alt-menu a.etkin {
        color: var(--koyu-metin);
    }

    /* ürün sayfası: alt menü yerine yapışkan Sepete Ekle */
    body.tema-yeni .urun-bilgi {
        background: var(--kagit);
    }

    body.tema-yeni .urun-duzen {
        background: var(--kagit);
    }

    body.tema-yeni .tema-onizleme-serit {
        bottom: calc(74px + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 420px) {
    body.tema-yeni .kapi-dugmeler {
        grid-template-columns: 1fr 1fr;
    }
}

/* ── Düzeltmeler (ekran görüntüsü turu) ───────────────────────────── */
/* küçük resimler galerinin içinde: sayaç ve oklar ray hizasında kalsın */
body.tema-yeni .urun-galeri:has(.urun-kucukler) .galeri-sayac {
    top: auto;
    bottom: calc(82px + 1.6rem);
}

/* ürün sayfasındaki "YENİ" etiketi monokrom temada mürekkep tonunda (satır içi stil --indirim kullanıyor) */
body.tema-yeni .urun-bilgi .etiket[style*="--indirim"] {
    color: var(--murekkep-2) !important;
}

body.tema-yeni .urun-galeri:has(.urun-kucukler) .galeri-ok {
    top: calc(50% - 45px);
}

/* ── Kapı başlığı: marka fontu 700 (--disp) — panel seçiminden bağımsız ── */
body.tema-yeni .kapi-ad {
    font-family: var(--disp);
    font-weight: 700;
    letter-spacing: -0.035em;
}

/* ── Premium: Blanks'in rafine hâli ──────────────────────────────────────
   Aynı zemin, kart, düğme ve yazı tipleri. Farkı yaratanlar: 3 sütun (daha
   büyük fotoğraf), italik serif alt satırlar, No. rozeti, teknik satır,
   "Kalan adet" çubuğu, dört özellik, koleksiyon notu. */
body.tema-yeni .premium-italik {
    margin: 0.35rem 0 0;
    font-family: var(--serif);
    font-style: italic;
    font-size: clamp(16px, 1.4vw, 20px);
    line-height: 1.3;
    color: var(--murekkep-2);
}

body.tema-yeni .urun-italik {
    margin: 0.25rem 0 0.6rem;
}

body.tema-yeni .premium-etiket {
    color: var(--murekkep-2);
    margin-bottom: 0.6rem;
}

body.tema-yeni.premium-sayfa .kol-tepe {
    padding-block: 3.25rem 1.5rem;
}

body.tema-yeni.premium-sayfa .izgara {
    --sutun: 3;
}

body.tema-yeni.premium-sayfa .kart-bilgi {
    padding: 1.1rem 1.25rem 1.35rem;
}

body.tema-yeni.premium-sayfa .kart-ad,
body.tema-yeni.premium-sayfa .kart-fiyat {
    font-size: 15px;
}

body.tema-yeni .premium-ozellik {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    padding-block: 1.5rem 2.5rem;
    border-bottom: 1px solid var(--cizgi);
}

body.tema-yeni .premium-ozellik > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    text-align: center;
}

body.tema-yeni .premium-ozellik svg {
    width: 22px;
    height: 22px;
    stroke: var(--murekkep);
    fill: none;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.tema-yeni .premium-ozellik-ad {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.tema-yeni .premium-ozellik-alt {
    font-size: 12.5px;
    color: var(--murekkep-2);
}

body.tema-yeni .kart-no {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    z-index: 2;
    padding: 0.32rem 0.55rem;
    border: 1px solid var(--cizgi-kuv);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(6px);
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--murekkep);
}

body.tema-yeni .kart:has(.kart-no) .kart-rozet {
    left: 4.75rem;
}

body.tema-yeni .kart-teknik {
    margin-top: 0.35rem;
    font-size: 12.5px;
    color: var(--murekkep-3);
}

body.tema-yeni .kart-kalan {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.8rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--cizgi);
    font-size: 10.5px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--murekkep-2);
}

body.tema-yeni .kart-kalan-cubuk {
    display: block;
    height: 2px;
    background: var(--cizgi);
    border-radius: 2px;
    overflow: hidden;
}

body.tema-yeni .kart-kalan-cubuk > span {
    display: block;
    height: 100%;
    background: var(--murekkep);
}

body.tema-yeni .kart-kalan-not {
    color: var(--murekkep-3);
}

body.tema-yeni .premium-not {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding-block: clamp(2.5rem, 5vw, 4rem);
    border-top: 1px solid var(--cizgi);
}

body.tema-yeni .premium-not-etiket {
    color: var(--murekkep-3);
}

body.tema-yeni .premium-not-metin {
    margin: 0;
    font-family: var(--serif);
    font-style: italic;
    font-size: clamp(24px, 3vw, 40px);
    line-height: 1.15;
    max-width: 22ch;
}

body.tema-yeni .premium-not-imza {
    margin: 0;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--murekkep-3);
}

body.tema-yeni .urun-kalan {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin: 1rem 0 0.25rem;
}

body.tema-yeni .urun-kalan-satir {
    display: flex;
    justify-content: space-between;
    font-size: 10.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--murekkep-2);
}

body.tema-yeni .urun-kalan-cubuk {
    height: 2px;
    background: var(--cizgi);
    border-radius: 2px;
    overflow: hidden;
}

body.tema-yeni .urun-kalan-cubuk > div {
    height: 100%;
    background: var(--murekkep);
}

body.tema-yeni .urun-teknik {
    margin-top: 1.75rem;
    display: flex;
    flex-direction: column;
}

body.tema-yeni .urun-teknik-baslik {
    margin-bottom: 0.35rem;
}

body.tema-yeni .urun-teknik-satir {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--cizgi);
    font-size: 13.5px;
}

body.tema-yeni .urun-teknik-satir span:first-child {
    color: var(--murekkep-2);
}

body.tema-yeni .urun-teknik-satir span:last-child {
    text-align: right;
}

@media (max-width: 860px) {
    body.tema-yeni.premium-sayfa .izgara {
        --sutun: 1;
    }

    body.tema-yeni .premium-ozellik {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem 0.75rem;
    }

    body.tema-yeni .kart-kalan {
        grid-template-columns: auto 1fr;
    }

    body.tema-yeni .kart-kalan-not {
        display: none;
    }
}

/* ── Ürün sayfası yatay taşma düzeltmesi (1 Ekim, canlı mobil) ──────────
   Küçük resim şeridi (8 fotoğraf × 66px) ızgara hücresinin otomatik en küçük
   genişliğini büyütüyor, sayfa yatay kayıyordu. Hücreler 0'a kadar daralabilsin,
   şerit kendi içinde kaydırılsın. */
body.tema-yeni .urun-duzen {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

body.tema-yeni .urun-galeri,
body.tema-yeni .urun-bilgi {
    min-width: 0;
}

body.tema-yeni .urun-kucukler {
    max-width: 100%;
    overscroll-behavior-x: contain;
}

@media (max-width: 860px) {
    body.tema-yeni .urun-duzen {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ── Footer (Yeni Tasarım) — dar ekran ─────────────────────────────── */
@media (max-width: 860px) {
    body.tema-yeni .footer-y {
        padding-top: 2.5rem;
    }

    body.tema-yeni .fy-ust {
        grid-template-columns: 1fr;
        gap: 2.25rem;
        padding-bottom: 2.25rem;
    }

    body.tema-yeni .fy-bulten {
        max-width: none;
    }

    body.tema-yeni .fy-bulten-baslik {
        font-size: clamp(1.6rem, 6.4vw, 2rem);
    }

    body.tema-yeni .fy-sutunlar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.9rem 1.25rem;
    }

    body.tema-yeni .fy-orta {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    body.tema-yeni .fy-alt {
        padding-top: 1.75rem;
    }

    body.tema-yeni .fy-yasal {
        gap: 0.45rem 0.9rem;
    }

    body.tema-yeni .fy-yapimci-alt {
        display: block;
        margin: 0.3rem 0 0;
    }
}

/* Sayfa Akışı blokları — yeni tasarım yüzeyleri */
body.tema-yeni .akis-blok { background: var(--kagit); color: var(--murekkep); }
body.tema-yeni .akis-yazi .akis-baslik { font-family: var(--disp-y); font-weight: var(--disp-y-agirlik); }
body.tema-yeni .akis-yazi .akis-metin { color: var(--murekkep-2); }
body.tema-yeni.koyu .akis-blok { background: var(--koyu-yuzey); color: var(--koyu-metin); }
body.tema-yeni.koyu .akis-yazi .akis-metin { color: var(--koyu-metin-2); }
@media (max-width: 860px) {
    body.tema-yeni .akis-blok { border: 0; border-radius: var(--kose-kart); overflow: hidden; }
}




/* ══════════ PİNLER (ortak) ══════════ */
.pinler { position: relative; display: flex; align-items: center; gap: 6px; }
.pinler-ray { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 6px 2px; flex: 1; min-width: 0; }
.pinler-ray::-webkit-scrollbar { display: none; }
.pin { flex: none; scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 92px; text-align: center; color: inherit; }
.pin-gorsel { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--pin-zemin, #F1F1F1); border: 2px solid var(--pin-cizgi, transparent); transition: transform .15s, border-color .15s; }
.pin-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pin-gorsel i { font-style: normal; font-family: var(--disp); font-weight: 700; font-size: 26px; color: var(--vurgu); }
.pin:hover .pin-gorsel { transform: translateY(-2px); border-color: var(--vurgu); }
.pin-etiket { font-size: 12px; font-weight: 600; line-height: 1.25; max-width: 92px; }
.pinler-ok { flex: none; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--pin-cizgi, #E3E3E8); background: var(--pin-ok, #fff); color: inherit; font-size: 20px; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.pinler-ok:hover { border-color: var(--vurgu); color: var(--vurgu); }
@media (max-width: 860px) { .pinler-ok { display: none; } .pin { width: 76px; } .pin-gorsel { width: 66px; height: 66px; } .pin-etiket { font-size: 11px; max-width: 76px; } }

/* ══════════ ÜST KATEGORİ ÇUBUĞU (ortak) ══════════ */
.ust-menu { display: block; width: 100%; background: var(--um-zemin, #fff); border-top: 1px solid var(--um-cizgi, #E3E3E8); }
.ust-menu-ic { display: flex; align-items: stretch; justify-content: flex-start; gap: 2px; overflow-x: auto; scrollbar-width: none; min-width: 0; }
.ust-menu-ic::-webkit-scrollbar { display: none; }
.ust-menu-tum { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px 0 4px; border: 0; background: transparent; font: inherit; font-weight: 700; font-size: 13.5px; color: inherit; cursor: pointer; border-right: 1px solid var(--um-cizgi, #E3E3E8); margin-right: 6px; white-space: nowrap; }
.ust-menu-tum svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; }
.ust-menu-oge { position: relative; flex: none; }
.ust-menu-oge > a { display: inline-flex; align-items: center; gap: 6px; padding: 12px 11px; font-weight: 600; font-size: 13.5px; white-space: nowrap; color: var(--oge-renk, inherit); border-bottom: 3px solid transparent; }
.ust-menu-oge:hover > a, .ust-menu-oge.etkin > a { color: var(--oge-renk, var(--vurgu)); border-color: var(--oge-renk, var(--vurgu)); }
.ust-menu-rozet { display: inline-block; background: var(--um-rozet, #E8412C); color: #fff; font-size: 10px; font-weight: 800; padding: 2px 6px; border-radius: 999px; line-height: 1.2; letter-spacing: .02em; }
.ust-mega { display: none; position: absolute; left: 0; top: 100%; z-index: var(--z-mega); min-width: 540px; background: var(--um-zemin, #fff); border: 1px solid var(--um-cizgi, #E3E3E8); border-radius: 0 0 8px 8px; box-shadow: 0 16px 40px rgba(0,0,0,.12); padding: 18px 22px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 18px 28px; }
.ust-menu-oge:hover .ust-mega, .ust-menu-oge:focus-within .ust-mega { display: grid; }
.ust-mega-grup { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ust-mega-baslik { margin: 0 0 4px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; opacity: .6; font-weight: 700; }
.ust-mega a { font-size: 13.5px; white-space: nowrap; color: inherit; }
.ust-mega a:hover { color: var(--vurgu); }
.ust-mega-ust { font-weight: 700; }
.ust-mega-alt { padding-left: 10px; opacity: .7; font-size: 12.5px !important; }
.ust-mega-gorsel { width: 180px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 6px; align-self: start; }
@media (max-width: 860px) { .ust-mega { display: none !important; } .ust-menu-tum { display: none; } .ust-menu-oge > a { padding: 9px 10px; font-size: 13px; border-bottom-width: 2px; } }


/* ══════════ PAZAR TEMASI ══════════ */
/* Pazar — pazar yeri yoğunluğu. Gri zemin, beyaz kartlar, vurgu rengi
   yalnızca eylem ve indirimde (--vurgu panelden). Başlık üç satır ve
   sayfa akışında (sabit değil); mega menü bölüm üstüne gelince açılır. */
body.tema-pazar {
    --pz-zemin:    #F4F4F6;
    --pz-beyaz:    #FFFFFF;
    --pz-murekkep: #1F1F23;
    --pz-soluk:    #6E6E78;
    --pz-cizgi:    #E3E3E8;
    --pz-yesil:    #1E9E5A;
    --pz-yildiz:   #F5A623;
    --pz-kose:     8px;
    --pz-vurgu-ac: color-mix(in srgb, var(--vurgu) 12%, white);
    --kagit: var(--pz-zemin);
    background: var(--pz-zemin);
    color: var(--pz-murekkep);
    font-family: var(--sans);
}
body.tema-pazar .header-bosluk { display: none; }
body.tema-pazar main#icerik { min-height: 40vh; }
/* Başlıklar serif değil, temanın display fontu (taban --disp-y'yi serife bağlar) */
body.tema-pazar { --disp-y: var(--disp); --disp-y-agirlik: 700; --disp-y-aralik: -0.03em; }

/* ── Liste sayfaları (bölüm, koleksiyon, arama, indirim) ─────────── */
body.tema-pazar .kol-tepe, body.tema-pazar .kirinti.sinir, body.tema-pazar .yakinda-serit { max-width: 1280px; margin-inline: auto; padding-inline: 16px; }
body.tema-pazar .kol-tepe { padding-block: 18px 14px; }
body.tema-pazar .kol-tepe .disp { font-family: var(--disp); font-size: clamp(24px, 3vw, 32px); font-weight: 700; letter-spacing: -0.02em; }
body.tema-pazar .izgara { max-width: 1280px; margin-inline: auto; padding: 0 16px 24px; grid-template-columns: repeat(5, 1fr); gap: 12px; }
body.tema-pazar .izgara .kart { border-bottom: 1px solid var(--pz-cizgi); }
body.tema-pazar .kol-adet { color: var(--pz-soluk); font-size: 13px; }
.pz-kap { max-width: 1280px; margin-inline: auto; padding-inline: 16px; }

/* ── Üst çubuk ─────────────────────────────────────────────────── */
.pz-ustbar { background: var(--pz-beyaz); border-bottom: 1px solid var(--pz-cizgi); font-size: 12px; color: var(--pz-soluk); }
.pz-ustbar .pz-kap { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 32px; }
.pz-ustbar-sol, .pz-ustbar-sag { display: flex; align-items: center; gap: 16px; }
.pz-ustbar b { color: var(--pz-murekkep); font-weight: 600; }
.pz-ustbar a:hover { color: var(--vurgu); }
.pz-dil { display: flex; gap: 2px; margin-left: 6px; }
.pz-dil .dil-se { padding: 2px 6px; border-radius: 4px; font-weight: 600; font-size: 11px; }
.pz-dil .dil-se.etkin { background: var(--pz-murekkep); color: #fff; }

/* ── Başlık (sayfa akışında) ───────────────────────────────────── */
body.tema-pazar .header.pz-baslik,
body.tema-pazar .header.pz-baslik.duz {
    position: relative; top: auto; left: auto; right: auto; height: auto;
    display: block; padding: 0; color: var(--pz-murekkep); background: var(--pz-beyaz);
    border-bottom: 1px solid var(--pz-cizgi); z-index: var(--z-header);
}
body.tema-pazar .header.pz-baslik::before { display: none; }
.pz-baslik-ic { display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: center; min-height: 76px; }
.pz-menu-dg { display: none; color: var(--pz-murekkep); }
body.tema-pazar .wordmark.pz-logo { font-family: var(--disp); font-weight: 700; font-size: 24px; letter-spacing: -0.03em; color: var(--vurgu); text-transform: none; }
.pz-arama { display: flex; border: 2px solid var(--vurgu); border-radius: var(--pz-kose); overflow: hidden; background: var(--pz-beyaz); }
.pz-arama input { flex: 1; min-width: 0; border: 0; padding: 11px 14px; font: inherit; font-size: 14px; background: transparent; color: var(--pz-murekkep); outline: none; }
.pz-arama button { border: 0; background: var(--vurgu); color: #fff; padding: 0 20px; font-weight: 700; font-size: 14px; cursor: pointer; }
.pz-arama-alt { display: flex; gap: 12px; font-size: 12px; color: var(--pz-soluk); margin-top: 6px; flex-wrap: wrap; }
.pz-arama-alt a:hover { color: var(--vurgu); }
.pz-hesap { display: flex; gap: 8px; align-items: center; }
.pz-hesap-dg { display: flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid var(--pz-cizgi); border-radius: var(--pz-kose); font-weight: 600; font-size: 13px; position: relative; color: var(--pz-murekkep); }
.pz-hesap-dg svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.6; }
.pz-hesap-dg:hover { border-color: var(--vurgu); color: var(--vurgu); }
.pz-hesap-dg.pz-sepet { background: var(--pz-murekkep); color: #fff; border-color: var(--pz-murekkep); }
.pz-hesap-dg.pz-sepet .rozet { position: static; background: var(--vurgu); color: #fff; border-radius: 999px; padding: 1px 7px; font-size: 11px; margin-left: 2px; min-width: 0; height: auto; }
.pz-hesap .ikon-dg { color: var(--pz-murekkep); }

/* ── Kategori satırı + mega menü ───────────────────────────────── */
.pz-katnav { border-top: 1px solid var(--pz-cizgi); background: var(--pz-beyaz); }
.pz-katnav-ic { display: flex; gap: 2px; align-items: stretch; }
.pz-kat { position: relative; }
.pz-kat > a { display: block; padding: 12px 12px; font-weight: 600; font-size: 13.5px; white-space: nowrap; border-bottom: 2px solid transparent; color: var(--pz-murekkep); }
.pz-kat:hover > a, .pz-kat.etkin > a { border-color: var(--vurgu); color: var(--vurgu); }
.pz-kat-kampanya { margin-left: auto; }
.pz-kat-kampanya > a { color: var(--vurgu); }
.pz-mega { display: none; position: absolute; left: 0; top: 100%; z-index: var(--z-mega); min-width: 560px; background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); border-radius: 0 0 var(--pz-kose) var(--pz-kose); box-shadow: 0 16px 40px rgba(0,0,0,.12); padding: 18px 22px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 18px 28px; }
.pz-kat:hover .pz-mega, .pz-kat:focus-within .pz-mega { display: grid; }
.pz-mega-grup { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pz-mega-baslik { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--pz-soluk); margin: 0 0 4px; font-weight: 700; }
.pz-mega a { font-size: 13.5px; color: var(--pz-murekkep); white-space: nowrap; }
.pz-mega a:hover { color: var(--vurgu); }
.pz-mega-ust { font-weight: 700; }
.pz-mega-alt { padding-left: 10px; color: var(--pz-soluk) !important; font-size: 12.5px !important; }
.pz-mega-gorsel { width: 180px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 6px; align-self: start; }

/* ── Vitrin ─────────────────────────────────────────────────────── */
.pz-vitrin { padding-block: 12px 24px; display: flex; flex-direction: column; gap: 24px; }
.pz-fayda { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.pz-fayda div { background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); border-radius: var(--pz-kose); padding: 10px 14px; font-size: 12.5px; font-weight: 600; display: flex; gap: 10px; align-items: center; }
.pz-fayda i, .pz-guven i { width: 28px; height: 28px; border-radius: 6px; background: var(--pz-vurgu-ac); color: var(--vurgu); display: grid; place-items: center; flex: none; font-style: normal; }
.pz-fayda svg, .pz-guven svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.pz-hero { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 190px 190px; gap: 12px; }
.pz-hero.tek { grid-template-columns: 1fr; grid-template-rows: 380px; }
.pz-slider { grid-row: span 2; position: relative; border-radius: var(--pz-kose); overflow: hidden; background: var(--pz-murekkep); color: #fff; }
.pz-hero.tek .pz-slider { grid-row: span 1; }
.pz-slayt { position: absolute; inset: 0; opacity: 0; transition: opacity .5s; display: flex; align-items: center; }
.pz-slayt.aktif { opacity: 1; z-index: 1; }
.pz-slayt picture, .pz-slayt img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pz-slayt-metin { position: relative; z-index: 1; padding: 36px 40px; max-width: 60%; display: flex; flex-direction: column; gap: 10px; text-shadow: 0 1px 12px rgba(0,0,0,.35); }
.pz-slayt-ust { margin: 0; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; opacity: .85; font-weight: 700; }
.pz-slayt h2 { margin: 0; font-family: var(--disp); font-size: clamp(24px, 3.2vw, 40px); line-height: 1.1; letter-spacing: -0.02em; text-wrap: balance; }
.pz-slayt p { margin: 0; opacity: .9; max-width: 44ch; font-size: 14px; }
.pz-dg { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; border-radius: var(--pz-kose); font-weight: 700; font-size: 13.5px; background: var(--vurgu); color: #fff; align-self: flex-start; margin-top: 6px; text-shadow: none; }
.pz-dg:hover { filter: brightness(1.08); }
.pz-ok { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.2); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; }
.pz-ok.geri { left: 10px; } .pz-ok.ileri { right: 10px; }
.pz-ok:hover { background: rgba(255,255,255,.35); }
.pz-noktalar { position: absolute; left: 40px; bottom: 16px; z-index: 2; display: flex; gap: 6px; }
.pz-nokta { width: 8px; height: 8px; border-radius: 999px; border: 0; padding: 0; background: rgba(255,255,255,.45); cursor: pointer; transition: width .2s; }
.pz-nokta[aria-current="true"] { background: #fff; width: 22px; }
.pz-karo { border-radius: var(--pz-kose); padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; position: relative; overflow: hidden; background: var(--pz-vurgu-ac) center/cover no-repeat; color: var(--pz-murekkep); min-width: 0; }
.pz-karo-2 { background-color: #E9F3FF; }
.pz-karo strong { font-size: 18px; letter-spacing: -0.02em; line-height: 1.15; }
.pz-karo span { font-size: 13px; color: var(--pz-soluk); }

.pz-cipler { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.pz-cipler::-webkit-scrollbar { display: none; }
.pz-cip { flex: none; padding: 8px 14px; border-radius: 999px; background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); font-size: 13px; font-weight: 600; color: var(--pz-murekkep); }
.pz-cip.ilk { background: var(--vurgu); color: #fff; border-color: var(--vurgu); }
.pz-cip:hover { border-color: var(--vurgu); }

.pz-bolum { display: flex; flex-direction: column; gap: 12px; }
.pz-bolum-bas { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.pz-bolum-bas h2 { margin: 0; font-family: var(--disp); font-size: 19px; font-weight: 700; letter-spacing: -0.01em; display: flex; align-items: center; gap: 12px; }
.pz-bolum-bas a { font-size: 13px; font-weight: 700; color: var(--vurgu); }
.pz-sayac { display: inline-flex; gap: 2px; font-family: var(--mono); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pz-sayac b { background: var(--pz-murekkep); color: #fff; border-radius: 4px; padding: 2px 6px; }
.pz-sayac i { font-style: normal; align-self: center; }

.pz-daireler { display: grid; grid-template-columns: repeat(8, 1fr); gap: 12px; }
.pz-daireler a { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; text-align: center; color: var(--pz-murekkep); }
.pz-daireler i { width: 80px; height: 80px; border-radius: 50%; background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); display: grid; place-items: center; overflow: hidden; font-style: normal; font-family: var(--disp); font-size: 26px; color: var(--vurgu); }
.pz-daireler img { width: 100%; height: 100%; object-fit: cover; }
.pz-daireler a:hover i { border-color: var(--vurgu); }

.pz-kuponlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pz-kupon { border: 2px dashed var(--vurgu); border-radius: var(--pz-kose); padding: 14px 16px; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; background: var(--pz-vurgu-ac); }
.pz-kupon strong { display: block; font-size: 15px; } .pz-kupon span { font-size: 12.5px; color: var(--pz-soluk); }
.pz-kupon code { font-family: var(--mono); font-weight: 700; font-size: 13px; background: var(--pz-beyaz); border: 1px solid var(--vurgu); color: var(--vurgu); padding: 8px 12px; border-radius: 6px; letter-spacing: .06em; cursor: copy; }
.pz-kupon code.kopyalandi { background: var(--vurgu); color: #fff; }

.pz-markalar { display: grid; grid-template-columns: repeat(8, 1fr); gap: 10px; }
.pz-markalar a { background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); border-radius: var(--pz-kose); height: 64px; display: grid; place-items: center; padding: 8px 12px; font-weight: 700; font-size: 13px; color: var(--pz-soluk); }
.pz-markalar img { max-height: 100%; max-width: 100%; object-fit: contain; }
.pz-markalar a:hover { border-color: var(--vurgu); }

.pz-blog { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pz-blog a { background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); border-radius: var(--pz-kose); overflow: hidden; display: flex; flex-direction: column; color: var(--pz-murekkep); }
.pz-blog-gorsel { aspect-ratio: 16 / 7; background: var(--pz-vurgu-ac); }
.pz-blog-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.pz-blog a > div:last-child { padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
.pz-blog strong { font-size: 14px; } .pz-blog span { color: var(--pz-soluk); font-size: 13px; }

.pz-guven { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pz-guven div { background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); border-radius: var(--pz-kose); padding: 14px 16px; display: flex; gap: 12px; align-items: center; font-weight: 700; font-size: 13px; }
.pz-guven i { width: 40px; height: 40px; border-radius: 8px; }
.pz-guven svg { width: 20px; height: 20px; }

/* ── Ürün kartı ────────────────────────────────────────────────── */
.pz-urunler { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
body.tema-pazar .izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 0; }
body.tema-pazar .kart.pz-kart { background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); border-radius: var(--pz-kose); display: flex; flex-direction: column; min-width: 0; position: relative; overflow: hidden; transition: box-shadow .15s; }
body.tema-pazar .kart.pz-kart:hover { box-shadow: 0 6px 20px rgba(0,0,0,.08); }
body.tema-pazar .pz-kart-gorsel { position: relative; aspect-ratio: 3 / 4; overflow: hidden; background: #F3F3F5; }
body.tema-pazar .pz-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pz-rozetler { position: absolute; top: 8px; left: 8px; z-index: 2; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.pz-rozet { font-size: 10.5px; font-weight: 800; padding: 3px 7px; border-radius: 4px; background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); color: var(--pz-murekkep); }
.pz-rozet.yuzde { background: var(--vurgu); color: #fff; border-color: var(--vurgu); font-size: 12px; }
.pz-rozet.kargo { background: var(--pz-yesil); color: #fff; border-color: var(--pz-yesil); }
body.tema-pazar .pz-kart-bilgi { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 5px; flex: 1; }
body.tema-pazar .pz-kart-ad { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.35; letter-spacing: 0; text-transform: none; font-family: var(--sans); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.tema-pazar .pz-kart-ad a { color: var(--pz-murekkep); }
body.tema-pazar .pz-kart-ad b { font-weight: 800; }
.pz-renk { color: var(--pz-soluk); }
body.tema-pazar .puan { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--pz-soluk); }
body.tema-pazar .yildiz { position: relative; display: inline-block; font-size: 12px; letter-spacing: 1px; color: var(--pz-cizgi); line-height: 1; }
body.tema-pazar .yildiz-dolu { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; color: var(--pz-yildiz); }
body.tema-pazar .pz-fiyat { margin-top: auto; display: flex; flex-direction: column; gap: 1px; font-family: var(--sans); font-size: 16px; }
body.tema-pazar .pz-fiyat s { color: var(--pz-soluk); font-size: 12px; font-weight: 400; }
body.tema-pazar .pz-fiyat b { font-weight: 800; font-variant-numeric: tabular-nums; }
body.tema-pazar .pz-fiyat b.indirimli { color: var(--vurgu); }
.pz-sepete { margin-top: 8px; padding: 9px; border-radius: 6px; border: 1px solid var(--vurgu); background: var(--pz-beyaz); color: var(--vurgu); font-weight: 700; font-size: 13px; text-align: center; cursor: pointer; display: block; width: 100%; }
.pz-sepete:hover { background: var(--vurgu); color: #fff; }
.pz-sepete.tukendi { border-color: var(--pz-cizgi); color: var(--pz-soluk); background: var(--pz-zemin); cursor: default; }
body.tema-pazar .hizli-dg.pz-sepete { position: static; opacity: 1; width: 100%; height: auto; transform: none; }
body.tema-pazar .pz-beden-serit { border-top: 1px solid var(--pz-cizgi); }
body.tema-pazar .pz-beden-serit .beden-dg { height: 38px; font-size: 11px; }
body.tema-pazar .pz-beden-serit .beden-dg:hover { background: var(--vurgu); color: #fff; }

/* ── Alt bilgi ──────────────────────────────────────────────────── */
body.tema-pazar .footer.pz-ayak { background: var(--pz-beyaz); border-top: 1px solid var(--pz-cizgi); padding: 0; margin-top: 24px; color: var(--pz-murekkep); }
.pz-ayak-ust { display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; padding-block: 36px 24px; }
.pz-ayak-marka { grid-column: span 2; }
.pz-bulten { grid-column: span 2; }
.pz-ayak-sutun, .pz-ayak-marka { display: flex; flex-direction: column; gap: 7px; font-size: 13px; color: var(--pz-soluk); min-width: 0; }
.pz-ayak-marka p { margin: 0; }
.pz-ayak-sutun a:hover { color: var(--vurgu); }
.pz-ayak-baslik { color: var(--pz-murekkep); font-size: 13px; font-weight: 700; margin: 0 0 4px; }
.pz-uygulama { display: flex; gap: 8px; margin-top: 6px; }
.pz-uygulama a { border: 1px solid var(--pz-murekkep); color: var(--pz-murekkep); border-radius: 6px; padding: 6px 10px; font-size: 11px; font-weight: 700; }
.pz-odeme, .pz-sosyal { display: flex; gap: 6px; flex-wrap: wrap; }
.pz-odeme span { border: 1px solid var(--pz-cizgi); border-radius: 4px; padding: 4px 8px; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; color: var(--pz-murekkep); }
.pz-sosyal a { padding: 4px 10px; border: 1px solid var(--pz-cizgi); border-radius: 999px; font-size: 12px; color: var(--pz-murekkep); }
.pz-bulten-metin { margin: 0; }
.pz-bulten-form { display: flex; border: 1px solid var(--pz-cizgi); border-radius: var(--pz-kose); overflow: hidden; background: var(--pz-beyaz); margin-top: 4px; }
.pz-bulten-form .bulten-girdi { flex: 1; min-width: 0; border: 0; padding: 10px 12px; font: inherit; font-size: 13px; background: transparent; }
.pz-bulten-form .bulten-dg { border: 0; background: var(--vurgu); color: #fff; padding: 0 16px; font-weight: 700; font-size: 13px; width: auto; height: auto; }
.pz-kvkk { font-size: 11.5px; margin: 0; }
.pz-kvkk a { text-decoration: underline; }
.pz-ayak-alt { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-block: 14px; border-top: 1px solid var(--pz-cizgi); font-size: 12px; color: var(--pz-soluk); }
.pz-ayak-alt p { margin: 0; }
.pz-yasal { list-style: none; margin: 0; padding: 0; display: flex; gap: 14px; flex-wrap: wrap; }
.pz-yapimci { padding-block: 10px 16px; font-size: 11px; color: var(--pz-soluk); letter-spacing: .04em; }
.pz-whatsapp { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 40; background: #25D366; color: #fff; border-radius: 999px; padding: 10px 16px 10px 12px; font-weight: 700; font-size: 13px; display: flex; gap: 8px; align-items: center; box-shadow: 0 4px 14px rgba(0,0,0,.18); }
.pz-whatsapp svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 1.8; }
body.tema-pazar.alt-menu .pz-whatsapp { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }

/* ── Marka sayfası, kırıntı ─────────────────────────────────────── */
body.tema-pazar .marka-govde { padding-block: 12px 32px; }
body.tema-pazar .kirinti { display: flex; gap: 8px; font-size: 12.5px; color: var(--pz-soluk); padding-block: 12px; }
body.tema-pazar .marka-bas { display: flex; gap: 20px; align-items: center; background: var(--pz-beyaz); border: 1px solid var(--pz-cizgi); border-radius: var(--pz-kose); padding: 20px; margin-bottom: 16px; }
body.tema-pazar .marka-logo { width: 160px; height: 80px; object-fit: contain; border: 1px solid var(--pz-cizgi); border-radius: 6px; background: #fff; }
body.tema-pazar .marka-bas h1 { margin: 0 0 4px; font-size: 24px; }
body.tema-pazar .marka-bas p { margin: 0; color: var(--pz-soluk); }
body.tema-pazar .marka-meta { font-size: 13px; margin-top: 6px !important; }

/* ── Daralınca ──────────────────────────────────────────────────── */
@media (max-width: 1080px) {
    .pz-urunler { grid-template-columns: repeat(4, 1fr); }
    .pz-daireler, .pz-markalar { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 860px) {
    .pz-ustbar-sol { display: none; }
    .pz-baslik-ic { grid-template-columns: auto auto 1fr auto; gap: 12px; min-height: 60px; }
    .pz-menu-dg { display: grid; }
    .pz-arama-kutu { grid-column: 1 / -1; padding-bottom: 10px; }
    .pz-arama input { padding: 9px 12px; }
    .pz-katnav { display: none; }
    .pz-hero { grid-template-columns: 1fr; grid-template-rows: 220px 110px 110px; }
    .pz-hero.tek { grid-template-rows: 220px; }
    .pz-slider { grid-row: span 1; }
    .pz-slayt-metin { padding: 20px; max-width: 85%; }
    .pz-noktalar { left: 20px; }
    .pz-fayda { grid-template-columns: repeat(2, 1fr); }
    .pz-urunler, body.tema-pazar .izgara { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .pz-kuponlar, .pz-blog, .pz-guven { grid-template-columns: 1fr; }
    .pz-ayak-ust { grid-template-columns: 1fr 1fr; }
    .pz-ayak-marka, .pz-bulten { grid-column: span 2; }
    .pz-mega { display: none !important; }
}
@media (max-width: 560px) {
    .pz-ayak-ust { grid-template-columns: 1fr; }
    .pz-ayak-marka, .pz-bulten { grid-column: span 1; }
    .pz-daireler { grid-template-columns: repeat(4, 1fr); }
    .pz-daireler i { width: 62px; height: 62px; }
    .pz-hesap-dg span { display: none; }
    .pz-hesap-dg { padding: 9px; }
}
@media (prefers-reduced-motion: reduce) { .pz-slayt { transition: none; } }

/* pinler + üst çubuk */
body.tema-pazar { --pin-zemin: var(--pz-beyaz); --pin-cizgi: var(--pz-cizgi); --pin-ok: var(--pz-beyaz); --um-zemin: var(--pz-beyaz); --um-cizgi: var(--pz-cizgi); }
body.tema-pazar .ust-menu-ic { max-width: 1280px; margin-inline: auto; padding-inline: 16px; }