/* Merkez Kuyumcusu R01-R10: 13 Ekim 2026 onaylı görsel tasarımına sadık düzen.
   Bu dosya iki tema için ORTAKTIR; yalnızca tasarım değişkenleri farklılaşır.
   Gerçek satış koşulları için yanlış ücretsiz kargo/taksit ibaresi eklenmez. */

html[data-theme="acik"] {
  --referans-kagit:#fffdf9;
  --referans-beyaz:rgba(255,255,255,.94);
  --referans-altin:#9e6f36;
  --referans-koyu:#171313;
  --referans-hat:rgba(180,145,100,.22);
  --referans-golge:0 4px 16px rgba(95,63,31,.08);
}
html[data-theme="koyu"] {
  --referans-kagit:#141313;
  --referans-beyaz:rgba(28,26,25,.94);
  --referans-altin:#deb66b;
  --referans-koyu:#f5efe5;
  --referans-hat:rgba(216,174,108,.25);
  --referans-golge:0 6px 20px rgba(0,0,0,.35);
}
body {background-image:var(--marmer);background-repeat:repeat;background-size:auto 1400px;margin:0;padding:0;color:var(--referans-koyu)}
.sarmal{width:1058px;max-width:calc(100% - 64px);margin-inline:auto}

/* ==================== ÜST DUYURU BANTI ==================== */
.ust-bilgi{background:linear-gradient(90deg,#ebdcc7,#dec8ac);height:23px;line-height:23px;padding:0;font-size:10px;color:#3d2b18;border-bottom:1px solid rgba(175,140,95,.25);box-sizing:border-box;overflow:hidden}
html[data-theme="koyu"] .ust-bilgi{background:linear-gradient(90deg,#2b231a,#1f1a14);color:#e2cbaf;border-bottom:1px solid rgba(216,174,108,.2)}
.duyuru-seridi{display:flex;align-items:center;justify-content:space-between;height:23px;font-size:10px}
.duyuru-ogeleri{display:flex;align-items:center;gap:8px;white-space:nowrap}
.duyuru-ogeleri .ayrac{color:#c4a57b;opacity:.7}
.duyuru-sosyal{display:flex;align-items:center;gap:6px;white-space:nowrap}
.duyuru-sosyal a{color:currentColor;display:inline-flex;align-items:center;opacity:.85;transition:opacity .2s}
.duyuru-sosyal a:hover{opacity:1}

/* ==================== SITE ÜST / HEADER ==================== */
.site-ust{background:var(--referans-beyaz);backdrop-filter:blur(8px);box-shadow:0 1px 12px var(--referans-golge);position:sticky;top:0;z-index:100;height:57px;box-sizing:border-box}
.ust-icerik{display:flex;align-items:center;justify-content:space-between;height:57px;min-height:57px;gap:16px}
.marka img{width:160px;height:38px;object-fit:contain;display:block}
.masaustu-menu{display:flex;align-items:center;gap:clamp(10px,1.6vw,24px);font-size:13px;white-space:nowrap}
.masaustu-menu a{font-weight:600;color:var(--referans-koyu);text-decoration:none;padding:6px 0;position:relative}
.masaustu-menu a:hover{color:var(--referans-altin)}
.masaustu-menu a.etkin{color:var(--referans-altin)}
.masaustu-menu a.etkin::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--referans-altin);border-radius:1px}
.menu-ok{font-size:10px;margin-left:2px}
.ust-araclar{display:flex;align-items:center;gap:12px}
.ust-arama{display:flex;align-items:center;background:rgba(245,240,232,.7);border:1px solid #d8cbba;border-radius:20px;padding:3px 4px 3px 12px;width:195px}
html[data-theme="koyu"] .ust-arama{background:rgba(40,36,33,.8);border-color:#5a4a3a}
.ust-arama input{border:none;background:transparent;outline:none;font-size:12px;color:var(--referans-koyu);width:100%;padding:3px 0}
.ust-arama button{border:none;background:#be945e;color:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.simge-baglanti{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--referans-koyu);text-decoration:none;font-size:10px;font-weight:600}
.simge-baglanti:hover{color:var(--referans-altin)}
.sepet-ikon-kapsayici{position:relative;display:inline-flex}
.sepet-sayac{position:absolute;top:-5px;right:-7px;background:#9e7138;color:#fff;font-size:9px;font-weight:700;width:14px;height:14px;border-radius:50%;display:grid;place-items:center}
.tema-dugme-daire{border:1px solid #d8cbba;background:#faf5ee;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;cursor:pointer;color:#855620;font-weight:700;font-size:11px}
html[data-theme="koyu"] .tema-dugme-daire{background:#2a2520;border-color:#5c4b38;color:#deb66b}

/* ==================== R01: HERO MANŞET ==================== */
.manset{position:relative;background:var(--marmer) center/cover repeat;height:265px;min-height:265px;max-height:265px;display:flex;align-items:center;overflow:hidden;margin:0}
html[data-theme="koyu"] .manset{background-blend-mode:multiply;background-color:#1c1712}
.manset-sarmal{position:relative;width:1058px;height:265px}
.manset-icerik{position:relative;display:flex;align-items:center;height:265px;min-height:265px;width:100%}
.manset-slayt{position:absolute;inset:0;display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease;width:100%;height:100%}
.manset-slayt.aktif{opacity:1;pointer-events:auto;z-index:2}
.manset-metin{width:min(440px,45%);padding:12px 0;z-index:2;position:relative}
.manset .ust-baslik{font-size:10px;letter-spacing:.2em;color:#9e6f36;font-weight:700;text-transform:uppercase;display:block;margin-bottom:4px}
html[data-theme="koyu"] .manset .ust-baslik{color:#deb66b}
.manset h1{font:36px/1.08 Georgia,serif;color:#171313;margin:0 0 8px;font-weight:normal}
html[data-theme="koyu"] .manset h1{color:#fff5e6}
.manset p{font-size:12px;line-height:1.4;color:#4a3e31;margin:0 0 12px;max-width:360px}
html[data-theme="koyu"] .manset p{color:#d6c7b5}
.manset-aksiyon{margin-bottom:8px}
.manset .ana-dugme{background:linear-gradient(135deg,#a4763c,#855620);color:#fff!important;padding:7px 18px;border-radius:5px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.manset-noktalar{display:flex;align-items:center;gap:5px}
.manset-noktalar .nokta{width:5px;height:5px;border-radius:50%;background:#baa082;opacity:.5;border:none;padding:0;cursor:pointer}
.manset-noktalar .nokta.aktif{width:16px;border-radius:3px;background:#9e6f36;opacity:1}
.manset-gorsel-alani{position:absolute;top:0;right:-32px;bottom:0;width:690px;height:265px;z-index:1;pointer-events:none}
.manset-gorsel-alani img{width:100%;height:100%;object-fit:cover;object-position:left center}
.manset-ok{position:absolute;top:50%;transform:translateY(-50%);border:none;background:rgba(255,255,255,.8);color:#222;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:18px;cursor:pointer;z-index:5}
.manset-ok.sol{left:-14px}
.manset-ok.sag{right:-14px}

/* ==================== R01: 11 DAİRESEL KATEGORİ ==================== */
.kategori-bolumu{padding:12px 0 0;margin:0 auto}
.kategori-kisaltmalar{display:flex;justify-content:space-between;align-items:flex-start;gap:4px;margin-bottom:8px;height:90px}
.kategori-daire-ogesi{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;width:76px}
.kategori-kuresi{width:60px;height:60px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.75);box-shadow:0 2px 8px rgba(95,63,31,.08);border:1px solid rgba(210,185,150,.35);display:flex;align-items:center;justify-content:center;transition:transform .2s}
html[data-theme="koyu"] .kategori-kuresi{background:rgba(35,32,30,.8);border-color:#5c4b38}
.kategori-daire-ogesi:hover .kategori-kuresi{transform:translateY(-2px);box-shadow:0 4px 12px rgba(158,111,54,.25)}
.kategori-kuresi img{width:100%;height:100%;object-fit:cover}
.kategori-ad{font-size:10px;font-weight:600;color:var(--referans-koyu);text-align:center;line-height:1.15}

/* ==================== R01: 3 VİTRİN KARTI ==================== */
.vitrin-uc-kart{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;height:130px;margin-bottom:0}
.vitrin-uc{height:130px;min-height:130px;max-height:130px;border-radius:8px;overflow:hidden;box-shadow:var(--referans-golge);background:#fbf8f3;border:1px solid rgba(220,205,185,.4);position:relative;display:flex;justify-content:space-between;align-items:stretch;text-decoration:none;color:#171313!important}
html[data-theme="koyu"] .vitrin-uc{background:#231f1c;border-color:#4a3e34;color:#fff5e6!important}
.vitrin-metin{padding:10px 14px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;position:relative;flex:1;max-width:55%}
.vitrin-resim{width:45%;height:100%;position:relative;z-index:1;pointer-events:none;overflow:hidden;flex-shrink:0}
.vitrin-resim img{width:100%;height:100%;object-fit:cover;object-position:center}
.vitrin-etiket{font-size:9px;font-weight:700;letter-spacing:.12em;color:#855620}
html[data-theme="koyu"] .vitrin-etiket{color:#deb66b}
.vitrin-uc h2{font:21px/1.1 Georgia,serif;margin:2px 0 2px;font-weight:normal;color:#171313}
html[data-theme="koyu"] .vitrin-uc h2{color:#fff5e6}
.vitrin-uc p{font-size:10px;color:#4a3e31;line-height:1.25;margin:0;max-width:160px}
html[data-theme="koyu"] .vitrin-uc p{color:#d6c7b5}
.vitrin-buton{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#a4763c,#855620);padding:4px 12px;border-radius:4px;width:fit-content;margin-top:auto}

/* ==================== R01: SİZİN İÇİN SEÇTİKLERİMİZ ==================== */
.secilen-urunler-bolumu{padding:14px 0 0;margin:0 auto}
.bolum-baslik-satiri{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bolum-baslik-satiri h2{font:20px Georgia,serif;color:var(--referans-koyu);margin:0;font-weight:normal}
.filtre-sekmeleri{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:500;color:#5a4a3a}
html[data-theme="koyu"] .filtre-sekmeleri{color:#baa082}
.filtre-sekmeleri .sekme{cursor:pointer;padding-bottom:2px}
.filtre-sekmeleri .sekme.aktif{color:var(--referans-altin);font-weight:700;border-bottom:2px solid var(--referans-altin)}
.secilen-urunler-bolumu .urun-izgarasi{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:0}
.secilen-urunler-bolumu .urun-karti{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px rgba(90,60,30,.05);border:1px solid rgba(220,205,185,.35);display:flex;flex-direction:column;height:154px;min-height:154px;max-height:154px}
html[data-theme="koyu"] .secilen-urunler-bolumu .urun-karti{background:#231f1c;border-color:#4a3e34}
.secilen-urunler-bolumu .kart-ust{height:98px;min-height:98px;max-height:98px;background:#faf7f2;overflow:hidden}
html[data-theme="koyu"] .secilen-urunler-bolumu .kart-ust{background:#1c1916}
.secilen-urunler-bolumu .kart-ust img{width:100%;height:100%;object-fit:cover;display:block}
.secilen-urunler-bolumu .kart-alt{padding:5px 7px 6px;display:flex;flex-direction:column;gap:2px}
.secilen-urunler-bolumu .kart-baslik{font-size:10px;font-weight:600;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.secilen-urunler-bolumu .kart-baslik a{color:var(--referans-koyu);text-decoration:none}
.secilen-urunler-bolumu .kart-fiyat-satir{display:flex;justify-content:space-between;align-items:center;margin-top:1px}
.secilen-urunler-bolumu .kart-fiyat{font-size:11px;font-weight:700;color:var(--referans-koyu)}
.secilen-urunler-bolumu .kart-sepet-btn{width:20px;height:20px;border-radius:4px;border:1px solid #d4b58e;background:#fff;display:grid;place-items:center;color:#a4763c;cursor:pointer}
html[data-theme="koyu"] .secilen-urunler-bolumu .kart-sepet-btn{background:#2e2925;border-color:#5c4b38}
.daha-fazla-urun-alani{display:flex;justify-content:center;margin-top:14px;margin-bottom:6px}
.daha-fazla-urun-baglanti{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:20px;border:1px solid #d4b58e;background:rgba(212,181,142,.08);color:var(--referans-altin);font-size:12px;font-weight:600;text-decoration:none;transition:all .2s ease}
.daha-fazla-urun-baglanti:hover{background:var(--referans-altin);color:#1c1916;border-color:var(--referans-altin);transform:translateY(-1px);box-shadow:0 3px 8px rgba(164,118,60,.25)}
html[data-theme="koyu"] .daha-fazla-urun-baglanti{background:rgba(212,181,142,.12);border-color:#5c4b38;color:#eeddc8}
html[data-theme="koyu"] .daha-fazla-urun-baglanti:hover{background:#c79e63;color:#171313;border-color:#c79e63}

/* ==================== R01: 3 KOLEKSİYON BANNER'I ==================== */
.koleksiyon-bolumu{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;margin-bottom:8px;height:114px}
.koleksiyon-kart{min-height:114px!important;height:114px!important;max-height:114px!important;padding:0!important;border-radius:8px;overflow:hidden;position:relative;background:#2a1f16;display:flex;justify-content:space-between;align-items:stretch;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.koleksiyon-metin{padding:12px 16px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;position:relative;flex:1;max-width:55%}
.koleksiyon-metin h2{font:17px/1.1 Georgia,serif!important;color:#fff!important;margin:0!important;font-weight:normal!important}
.koleksiyon-metin p{font-size:10px!important;color:#eeddc8!important;margin:0!important}
.koleksiyon-buton{background:linear-gradient(135deg,#c79e63,#a8793e);color:#20170a;font-weight:700;font-size:9px;padding:3px 10px;border-radius:4px;width:fit-content;display:inline-flex;align-items:center;gap:3px}
.koleksiyon-resim{position:relative;width:45%;height:100%;z-index:1;pointer-events:none;flex-shrink:0;overflow:hidden}
.koleksiyon-resim img{width:100%;height:100%;object-fit:cover;object-position:right center}

/* ==================== R01: GÜVENLİK ŞERİDİ ==================== */
.guvence-seridi-bolumu{margin-top:0;margin-bottom:8px}
.guvence-kutusu{background:#fff;border-radius:6px;border:1px solid rgba(220,205,185,.4);padding:5px 14px;display:flex;justify-content:space-between;align-items:center;gap:6px;box-shadow:0 1px 6px rgba(0,0,0,.03);min-height:44px;height:auto;box-sizing:border-box}
html[data-theme="koyu"] .guvence-kutusu{background:#231f1c;border-color:#4a3e34}
.guvence-madde{display:flex;align-items:center;gap:6px;font-size:10px}
.guvence-ikon{font-size:14px}
.guvence-madde strong{display:block;font-size:10px;font-weight:700;color:var(--referans-koyu);line-height:1.15}
.guvence-madde small{display:block;font-size:9px;color:#7a6e60;line-height:1.15}
html[data-theme="koyu"] .guvence-madde small{color:#baa082}

/* ==================== R01: 3 AKSİYON KARTI ==================== */
.aksiyon-kartlari-bolumu{margin-top:0;margin-bottom:8px;height:112px}
.aksiyon-kartlari-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;height:112px}
.aksiyon-kart{height:112px;min-height:112px;max-height:112px;border-radius:8px;overflow:hidden;position:relative;background:#fff;border:1px solid rgba(220,205,185,.35);box-shadow:0 2px 6px rgba(0,0,0,.03);display:flex;align-items:stretch;text-decoration:none}
html[data-theme="koyu"] .aksiyon-kart{background:#231f1c;border-color:#4a3e34}
.aksiyon-metin{padding:10px 14px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;position:relative;flex:1;max-width:55%}
.aksiyon-metin h3{font:15px/1.15 Georgia,serif;color:#171313;margin:0;font-weight:normal}
html[data-theme="koyu"] .aksiyon-metin h3{color:#fff5e6}
.aksiyon-metin p{font-size:10px;color:#6a5e50;margin:0;line-height:1.3;max-width:165px}
html[data-theme="koyu"] .aksiyon-metin p{color:#d6c7b5}
.aksiyon-simge-inline{font-size:16px}
.aksiyon-buton{background:linear-gradient(135deg,#a4763c,#855620);color:#fff;font-size:9px;font-weight:600;padding:3px 10px;border-radius:4px;width:fit-content;display:inline-flex;align-items:center}
.aksiyon-resim.sol-resim{width:115px;flex-shrink:0}
.aksiyon-resim.sag-resim{position:relative;width:45%;height:100%;z-index:1;pointer-events:none;flex-shrink:0;overflow:hidden}
.aksiyon-resim img{width:100%;height:100%;object-fit:cover}

/* ==================== R01: INSTAGRAM BÖLÜMÜ ==================== */
.instagram-bolumu{margin-top:0;margin-bottom:8px;padding-top:4px}
.instagram-baslik-satiri{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5px}
.instagram-baslik-satiri h2{font:18px Georgia,serif;color:var(--referans-koyu);margin:0 0 2px;font-weight:normal}
.instagram-baslik-satiri p{font-size:10px;color:#6a5e50;margin:0}
.instagram-baslik-satiri p a{color:#a4763c;font-weight:700;text-decoration:none}
.instagram-link{font-size:10px;font-weight:600;color:var(--referans-koyu);text-decoration:none}
.instagram-izgara{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.instagram-foto{height:94px;min-height:94px;max-height:94px;border-radius:5px;overflow:hidden;display:block}
.instagram-foto img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.instagram-foto:hover img{transform:scale(1.04)}

/* ==================== R01: FOOTER ==================== */
.site-alt{margin-top:0;padding-top:8px!important;border-top:1px solid rgba(210,185,150,.35)!important;height:172px!important;box-sizing:border-box!important}
.site-alt .alt-icerik{display:grid!important;grid-template-columns:230px 115px 140px minmax(380px,1fr)!important;gap:16px!important;height:120px!important;margin-bottom:4px!important;padding-bottom:0!important;align-items:start!important}
.site-alt .alt-icerik>div{display:block!important;min-width:0!important}
.site-alt .alt-marka img{width:140px!important;height:34px!important;max-height:34px!important;object-fit:contain!important;margin-bottom:2px!important;display:block!important}
.site-alt .alt-slogan{font-size:10px!important;font-weight:700!important;color:#a4763c!important;line-height:1.2!important;margin:0 0 2px!important}
.site-alt .alt-aciklama{font-size:8.5px!important;color:#5a4d3f!important;line-height:1.2!important;margin:0 0 4px!important;max-width:215px!important}
html[data-theme="koyu"] .site-alt .alt-aciklama{color:#baa082!important}
.site-alt .alt-icerik p{line-height:1.2!important;margin:0 0 2px!important}
.alt-sosyal{display:flex;gap:6px}
.alt-sosyal a{width:18px!important;height:18px!important;border-radius:50%!important;border:1px solid #d8cbba!important;display:grid!important;place-items:center!important;color:#444!important;text-decoration:none!important;font-size:8.5px!important}
html[data-theme="koyu"] .alt-sosyal a{border-color:#5c4b38!important;color:#ccc!important}
.site-alt .alt-kolon h3{font:bold 11px Georgia,serif!important;color:var(--referans-koyu)!important;margin:0 0 4px!important}
.site-alt .alt-kolon a{display:block!important;font-size:9.5px!important;color:#4a3e31!important;text-decoration:none!important;line-height:1.35!important}
html[data-theme="koyu"] .site-alt .alt-kolon a{color:#baa082!important}
.site-alt .alt-kolon a:hover{color:var(--referans-altin)!important}
.magazalar-kutulari{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.sube-kart{background:#fff;border-radius:6px;padding:6px 8px!important;border:1px solid rgba(220,205,185,.4);box-shadow:0 1px 4px rgba(0,0,0,.03)}
html[data-theme="koyu"] .sube-kart{background:#231f1c;border-color:#4a3e34}
.sube-kart h4{font-size:9.5px!important;font-weight:700;color:var(--referans-koyu)!important;margin:0 0 2px!important}
.sube-kart p{font-size:8.5px!important;color:#5a4e40!important;margin:0 0 1px!important;line-height:1.2!important}
html[data-theme="koyu"] .sube-kart p{color:#baa082!important}
.harita-dugme{display:inline-block;background:linear-gradient(135deg,#a4763c,#855620);color:#fff!important;font-size:8.5px!important;font-weight:600;padding:2px 7px!important;border-radius:3px;margin-top:2px!important;text-decoration:none}
.alt-telif-satiri{border-top:1px solid rgba(210,185,150,.3);padding:6px 0!important;height:34px!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:8.5px!important;color:#6a5e50}
html[data-theme="koyu"] .alt-telif-satiri{color:#baa082;border-color:rgba(216,174,108,.2)}
.yasal-linkler a{color:inherit;text-decoration:none}
.yasal-linkler a:hover{color:var(--referans-altin)}
.ortaksistem-imza a{color:inherit;text-decoration:none;font-weight:600}
.ortaksistem-imza a:hover{color:var(--referans-altin)}
.basa-don-btn{width:20px;height:20px;border-radius:50%;border:1px solid #d8cbba;background:#fff;display:grid;place-items:center;cursor:pointer;font-size:9px;color:#444}
html[data-theme="koyu"] .basa-don-btn{background:#2a2520;border-color:#5c4b38;color:#ccc}

/* ==================== R02-R10 ORTAK KURAL VE DÜZENLER ==================== */
.referans-kapak{min-height:280px;position:relative;overflow:hidden;border-bottom:1px solid var(--cizgi);background:var(--marmer) center/cover}
.referans-kapak::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--zemin) 0%,rgba(255,255,255,.90) 32%,rgba(255,255,255,.1) 70%)}
html[data-theme="koyu"] .referans-kapak::before{background:linear-gradient(90deg,#131211,#131211ec 34%,transparent 79%)}
.referans-kapak-icerik{position:relative;z-index:2;padding-block:28px 42px;max-width:1420px}
.referans-kapak .sayfa-yolu{font-size:12px;margin-bottom:28px}
.referans-kapak h1{font:clamp(40px,4.8vw,66px)/1.1 Georgia,serif;margin:10px 0 13px}
.referans-kapak p{max-width:445px;font-size:16px;line-height:1.5;color:var(--ikincil);margin:0}
.referans-kategori-listesi{padding-top:27px}
.referans-kategori-listesi .bolum-baslik p{color:var(--ikincil);font-size:13px;margin:7px 0 0}
.kategori-turler{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px}
.kategori-turler a{display:block;border:1px solid var(--cizgi);border-radius:40px;padding:9px 14px;font-size:12px;background:var(--cam)}
.kategori-turler a[aria-current="page"],.kategori-turler a:hover{background:var(--altin);color:white}
.kategori-kart-izgarasi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.referans-buyuk-kategori{position:relative;min-height:220px;background:var(--referans-beyaz);overflow:hidden;border-radius:11px;box-shadow:var(--referans-golge);border:1px solid var(--referans-hat)}
.referans-buyuk-kategori>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
.referans-buyuk-kategori .kategori-kart-yazi{position:absolute;inset:0;padding:17px;display:flex;flex-direction:column;align-items:flex-start;z-index:1}
.referans-buyuk-kategori strong{font:28px Georgia,serif;color:#2a1c13}
.referans-buyuk-kategori small{color:#6d5d45;font-size:12px;line-height:1.4;max-width:175px}
.referans-buyuk-kategori .kategori-kart-link{margin-top:auto;font-size:11px;font-weight:700;color:#95611e;background:#fff9efc7;border:1px solid #ccb88b;padding:8px 12px;border-radius:20px}
.kategori-alisveris-alani{display:grid;grid-template-columns:minmax(205px,.24fr) minmax(0,1fr);gap:22px}
.kategori-filtre{background:var(--referans-beyaz);border:1px solid var(--cizgi);border-radius:10px;padding:18px}
.kategori-filtre h2{font:25px Georgia,serif;border-bottom:1px solid var(--cizgi);padding:0 0 11px;margin:0 0 14px}
.kategori-filtre form{display:flex;flex-direction:column;gap:10px}
.kategori-filtre label{font-size:12px;font-weight:700;margin-top:7px}
.kategori-filtre input,.kategori-filtre select{width:100%;min-height:40px;border:1px solid var(--cizgi);border-radius:6px;background:var(--kart);color:var(--yazi);padding:8px}
.kategori-filtre .ana-dugme{margin-top:13px;min-height:44px;color:white!important}
.filtre-temizle{font-size:12px;text-align:center;color:var(--altin);text-decoration:underline}
.kategori-sonuclar .bolum-baslik{margin-bottom:17px}
.kategori-sonuclar .bolum-baslik h2{font-size:27px}
.kategori-sonuclar .urun-izgarasi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kategori-sonuclar .urun-karti,
.referans-kategori-sayfasi .urun-karti{
  background:#fff;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(90,60,30,.06);
  border:1px solid rgba(210,185,150,.35);
  display:flex;
  flex-direction:column;
  height:auto!important;
  min-height:280px!important;
  max-height:none!important;
  transition:transform .2s,box-shadow .2s;
}
html[data-theme="koyu"] .kategori-sonuclar .urun-karti,
html[data-theme="koyu"] .referans-kategori-sayfasi .urun-karti{
  background:#231f1c;
  border-color:#4a3e34;
}
.kategori-sonuclar .urun-karti:hover,
.referans-kategori-sayfasi .urun-karti:hover{
  transform:translateY(-3px);
  box-shadow:0 6px 18px rgba(90,60,30,.12);
}
.kategori-sonuclar .urun-gorsel,
.referans-kategori-sayfasi .urun-gorsel{
  position:relative;
  aspect-ratio:1/1;
  width:100%;
  background:#faf7f2;
  overflow:hidden;
}
html[data-theme="koyu"] .kategori-sonuclar .urun-gorsel,
html[data-theme="koyu"] .referans-kategori-sayfasi .urun-gorsel{
  background:#1c1916;
}
.kategori-sonuclar .urun-gorsel a,
.referans-kategori-sayfasi .urun-gorsel a{
  display:block;
  width:100%;
  height:100%;
}
.kategori-sonuclar .urun-gorsel img,
.referans-kategori-sayfasi .urun-gorsel img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .3s;
}
.kategori-sonuclar .urun-karti:hover .urun-gorsel img,
.referans-kategori-sayfasi .urun-karti:hover .urun-gorsel img{
  transform:scale(1.05);
}
.kategori-sonuclar .kart-etiket,
.referans-kategori-sayfasi .kart-etiket{
  position:absolute;
  top:8px;
  left:8px;
  background:linear-gradient(135deg,#a4763c,#855620);
  color:#fff;
  font-size:9px;
  font-weight:700;
  padding:3px 8px;
  border-radius:4px;
  letter-spacing:.05em;
  z-index:2;
}
.kategori-sonuclar .kart-favori,
.referans-kategori-sayfasi .kart-favori{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
}
.kategori-sonuclar .kart-favori button,
.referans-kategori-sayfasi .kart-favori button{
  background:rgba(255,255,255,.9);
  border:1px solid #d8cbba;
  border-radius:50%;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  color:#666;
  font-size:16px;
  cursor:pointer;
  transition:color .2s,background .2s;
}
html[data-theme="koyu"] .kategori-sonuclar .kart-favori button,
html[data-theme="koyu"] .referans-kategori-sayfasi .kart-favori button{
  background:rgba(35,31,28,.9);
  border-color:#5c4b38;
  color:#ccc;
}
.kategori-sonuclar .kart-favori button:hover,
.referans-kategori-sayfasi .kart-favori button:hover{
  color:#b83232;
}
.kategori-sonuclar .urun-bilgileri,
.referans-kategori-sayfasi .urun-bilgileri{
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  flex:1;
  justify-content:space-between;
  gap:4px;
}
.kategori-sonuclar .urun-adi,
.referans-kategori-sayfasi .urun-adi{
  font-size:13px;
  font-weight:600;
  color:var(--referans-koyu);
  text-decoration:none;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.kategori-sonuclar .urun-ayar,
.referans-kategori-sayfasi .urun-ayar{
  font-size:11px;
  color:#7a6e60;
  margin:2px 0 6px;
  display:block;
}
html[data-theme="koyu"] .kategori-sonuclar .urun-ayar,
html[data-theme="koyu"] .referans-kategori-sayfasi .urun-ayar{
  color:#baa082;
}
.kategori-sonuclar .urun-alt-satir,
.referans-kategori-sayfasi .urun-alt-satir{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:auto;
  padding-top:4px;
}
.kategori-sonuclar .fiyat,
.referans-kategori-sayfasi .fiyat{
  font-size:15px;
  font-weight:700;
  color:var(--referans-koyu);
}
.kart-sepet-ekle-btn{
  width:28px;
  height:28px;
  border-radius:6px;
  border:1px solid #d4b58e;
  background:#fff;
  display:grid;
  place-items:center;
  color:#a4763c;
  cursor:pointer;
  transition:background .2s,color .2s;
}
html[data-theme="koyu"] .kart-sepet-ekle-btn{
  background:#2e2925;
  border-color:#5c4b38;
}
.kart-sepet-ekle-btn:hover{
  background:#a4763c;
  color:#fff;
}

/* R04: Ürün Detay */
.urun-detay{gap:clamp(19px,3vw,44px);align-items:start}
.detay-gorsel,.detay-bilgi,.urun-guven{box-shadow:var(--referans-golge)}
.detay-gorsel{background:var(--referans-beyaz);border:1px solid var(--referans-hat);border-radius:10px;overflow:hidden}
.detay-bilgi h1{font-size:clamp(33px,4.3vw,53px)}
.detay-fiyat{color:var(--altin);font-weight:700}
.urun-guven{background:var(--referans-beyaz)}

/* R09: Siparişlerim */
.referans-siparis-hero{position:relative;isolation:isolate;min-height:290px;background:var(--marmer) center/cover;border-bottom:1px solid var(--cizgi);overflow:hidden}
.referans-siparis-yerlesim{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:23px;align-items:start;padding-block:25px 40px}
.referans-hesap-menu{background:var(--referans-beyaz);border:1px solid var(--referans-hat);box-shadow:var(--referans-golge);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:5px}

/* R10: Özel Sipariş */
.referans-ozel-kapak{position:relative;min-height:215px;overflow:hidden;background:var(--marmer) center/cover;border-bottom:1px solid var(--referans-hat);isolation:isolate}
.referans-ozel-kapak-icerik{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:center;padding:16px 0}
.referans-ozel-kapak h1{font-size:clamp(32px,3.8vw,48px);margin:6px 0 8px;line-height:1.15}
.referans-ozel-kapak p{font-size:14px;color:var(--ikincil);max-width:540px;margin-bottom:8px}
.referans-ozel-avantajlar{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:var(--altin);font-size:12px;font-weight:600}
.referans-ozel-kapak-gorsel{display:flex;justify-content:flex-end;align-items:center;border-radius:12px;overflow:hidden}
.referans-ozel-kapak-gorsel img{width:100%;max-width:420px;height:auto;max-height:190px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 8px 20px rgba(0,0,0,0.1))}

.ozel-siparis-alan{padding-block:20px 50px}
.ozel-siparis-yerlesim{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);gap:20px;align-items:start}

.referans-ozel-form{background:var(--cam);border:1px solid var(--cizgi);border-radius:14px;padding:24px;box-shadow:0 10px 30px var(--golge)}
.referans-ozel-alan{border:1px solid var(--cizgi);border-radius:10px;padding:14px 16px;margin-bottom:12px;background:var(--kart)}
.referans-ozel-alan legend, .referans-ozel-alan>label{font-weight:700;font-size:13px;color:var(--yazi);display:flex;align-items:center;gap:8px}
.referans-ozel-alan legend span, .referans-ozel-alan>label span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--altin);color:#fff;font-size:11px;font-weight:700}
.referans-ozel-alan>p{font-size:12px;color:var(--ikincil);margin:4px 0 8px}
.referans-ozel-secenekler label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;border:1px solid var(--cizgi);border-radius:8px;background:var(--cam);cursor:pointer;text-align:center;font-size:12px;transition:border-color .18s,background .18s}
.referans-ozel-secenekler input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none}
.referans-ozel-secenekler label:has(input:checked){border-color:var(--altin);background:rgba(189,141,64,.08);color:var(--altin)}

.referans-ozel-sag{display:flex;flex-direction:column;gap:16px}
.referans-ozel-sag .talep-kart{padding:18px 20px}
.referans-ozel-sag .talep-kart h2{font-size:20px;margin-bottom:6px}
.referans-ozel-sag .talep-kart>p{font-size:13px;margin-bottom:8px}
.referans-ozel-sag .ozel-adimlar{padding-left:18px}
.referans-ozel-sag .ozel-adimlar li{margin:8px 0;font-size:13px}
.referans-ozel-sag .ozel-adimlar p{font-size:12px;margin:2px 0 0}
.referans-ozel-tanitim{display:block;height:160px;min-height:160px;padding:20px 22px;border-radius:12px;background:linear-gradient(135deg,#23190e 0%,#3d2b17 50%,#23190e 100%);color:#fff;text-decoration:none;border:1px solid rgba(189,141,64,.4);box-shadow:0 10px 25px rgba(0,0,0,.15);position:relative;overflow:hidden}
.referans-ozel-tanitim span{display:block;font:700 17px/1.25 Georgia,serif;color:#f5dfb8;letter-spacing:.05em}
.referans-ozel-tanitim p{font-size:12px;color:#d8c6b1;margin:8px 0 12px;line-height:1.4}
.referans-ozel-tanitim strong{color:#e8c17b;font-size:13px}
.referans-ozel-neden{padding:16px 20px}
.referans-ozel-neden h2{font-size:17px;margin-bottom:10px}
.referans-ozel-neden>div{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--altin);font-weight:600}

@media(max-width:900px){
  .referans-ozel-kapak-icerik{grid-template-columns:1fr}
  .ozel-siparis-yerlesim{grid-template-columns:1fr}
  .ozel-siparis-alan{padding-block:16px 28px}
  .referans-ozel-form{padding:16px}
}


/* ==================== R05: SEPET SAYFASI ==================== */
.sepet-ana-sarmal { padding-top: 24px; padding-bottom: 40px; }
.sepet-sayfa-baslik { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 32px; font-weight: 700; color: var(--metin, #1c1917); margin: 8px 0 4px 0; }
.sepet-aciklama { font-size: 14px; color: var(--soluk, #71717a); margin-bottom: 24px; }

.sepet-ana-grid { display: grid; grid-template-columns: 1fr 350px; gap: 32px; align-items: start; }
@media (max-width: 960px) { .sepet-ana-grid { grid-template-columns: 1fr; } }

.sepet-tablo { width: 100%; border-collapse: collapse; text-align: left; }
.sepet-tablo thead th { font-size: 13px; font-weight: 600; color: var(--soluk, #71717a); padding: 12px 8px; border-bottom: 1px solid var(--cizgi, #e4e4e7); }
.sepet-tablo thead th.th-urun { width: 44%; padding-left: 0; }
.sepet-tablo thead th.th-fiyat { width: 18%; }
.sepet-tablo thead th.th-adet { width: 18%; text-align: center; }
.sepet-tablo thead th.th-toplam { width: 15%; text-align: right; }
.sepet-tablo thead th.th-sil { width: 5%; text-align: right; padding-right: 0; }

.sepet-tablo-satir { border-bottom: 1px solid var(--cizgi, #f1f1f4); }
.sepet-tablo-satir td { padding: 16px 8px; vertical-align: middle; }
.sepet-tablo-satir td.td-urun { padding-left: 0; }
.sepet-tablo-satir td.td-adet { text-align: center; }
.sepet-tablo-satir td.td-toplam { text-align: right; }
.sepet-tablo-satir td.td-sil { text-align: right; padding-right: 0; }

.sepet-urun-hucre { display: flex; align-items: center; gap: 16px; }
.sepet-urun-resim-link { display: block; width: 84px; height: 84px; border-radius: 8px; overflow: hidden; background: #fbf8f4; border: 1px solid var(--cizgi, #ede8e1); flex-shrink: 0; }
.sepet-urun-resim-link img { width: 100%; height: 100%; object-fit: cover; }
.sepet-resim-yok { width: 100%; height: 100%; display: grid; place-items: center; color: var(--altin-koyu, #b38749); font-size: 20px; }

.sepet-urun-bilgiler { display: flex; flex-direction: column; gap: 3px; }
.sepet-urun-ad { font-size: 15px; font-weight: 700; color: var(--metin, #1c1917); text-decoration: none; }
.sepet-urun-ad:hover { color: var(--altin-koyu, #b38749); }
.sepet-urun-alt { font-size: 13px; color: var(--soluk, #71717a); }
.sepet-urun-kod { font-size: 11px; color: #a1a1aa; }
.sepet-urun-rozet { display: inline-block; align-self: flex-start; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #c5a880; color: #ffffff; margin-top: 2px; }

.birim-fiyat-metin { font-size: 15px; font-weight: 600; color: var(--metin, #1c1917); white-space: nowrap; }
.ara-toplam-metin { font-size: 16px; font-weight: 700; color: var(--metin, #1c1917); white-space: nowrap; }

.sepet-adet-kutu { display: inline-flex; align-items: center; border: 1px solid var(--cizgi, #d4d4d8); border-radius: 6px; background: var(--kart-arka, #ffffff); overflow: hidden; height: 34px; }
.adet-azalt, .adet-artir { width: 30px; height: 100%; border: none; background: transparent; font-size: 16px; color: var(--metin, #1c1917); cursor: pointer; display: grid; place-items: center; transition: background .15s; }
.adet-azalt:hover:not(:disabled), .adet-artir:hover:not(:disabled) { background: #f4f4f5; }
.adet-azalt:disabled, .adet-artir:disabled { opacity: .4; cursor: not-allowed; }
.adet-sayac { min-width: 28px; text-align: center; font-size: 14px; font-weight: 600; color: var(--metin, #1c1917); }

.sepet-sil-btn { background: transparent; border: none; color: #a1a1aa; cursor: pointer; padding: 6px; border-radius: 4px; transition: color .15s, background .15s; }
.sepet-sil-btn:hover { color: #dc2626; background: #fee2e2; }

.sepet-tablo-alti { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
.sepet-temizle-dugme { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1px solid #f87171; color: #dc2626; background: transparent; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; transition: background .15s; }
.sepet-temizle-dugme:hover { background: #fee2e2; }
.alisverise-devam-dugme { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--metin, #1c1917); text-decoration: none; }
.alisverise-devam-dugme:hover { color: var(--altin-koyu, #b38749); }

/* Sağ Kartlar */
.sepet-ozet-kutusu { background: var(--kart-arka, #ffffff); border-radius: 12px; border: 1px solid var(--cizgi, #ede8e1); padding: 22px; box-shadow: 0 4px 14px rgba(0,0,0,0.03); }
.ozet-kart-baslik { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 20px; font-weight: 700; color: var(--metin, #1c1917); margin: 0 0 16px 0; }
.ozet-satir { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 14px; }
.ozet-etiket { color: var(--soluk, #71717a); }
.ozet-deger { font-weight: 600; color: var(--metin, #1c1917); }
.kargo-ucretsiz-yazi { color: #16a34a; font-weight: 700; }
.ozet-satir-teslimat { gap: 10px; }
.kargo-teyit-yazi { color: var(--soluk, #71717a); font-weight: 500; font-size: 12px; text-align: right; }
.ozet-ayrac { border: 0; border-top: 1px solid var(--cizgi, #ede8e1); margin: 16px 0; }
.ozet-toplam-satiri { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 20px; }
.toplam-etiket { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 18px; font-weight: 700; color: var(--metin, #1c1917); }
.toplam-fiyat-deger { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 24px; font-weight: 800; color: #a1733a; }

.sepet-on-talep-dugme { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 13px 18px; background: linear-gradient(135deg, #a67c4e, #865d2f); color: #ffffff; text-decoration: none; border-radius: 8px; font-size: 14px; font-weight: 700; box-shadow: 0 3px 10px rgba(134,93,47,0.25); transition: opacity .15s, transform .15s; }
.sepet-on-talep-dugme:hover { opacity: .95; transform: translateY(-1px); }
.sepet-on-talep-aciklama { font-size: 12px; color: var(--soluk, #71717a); line-height: 1.5; margin-top: 14px; display: flex; gap: 6px; }
.sepet-on-talep-aciklama svg { flex-shrink: 0; margin-top: 2px; }

.sepet-odeme-bilgilendirme-kutusu { background: #f7eee2; border-radius: 12px; border: 1px solid #ebd9c2; padding: 20px; margin-top: 20px; }
[data-theme="koyu"] .sepet-odeme-bilgilendirme-kutusu { background: #26211a; border-color: #3d3224; }
.bilgi-baslik-satir { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.bilgi-daire-ikon { width: 22px; height: 22px; border-radius: 50%; background: #9c6e39; color: #fff; display: grid; place-items: center; font-size: 13px; font-weight: 700; font-family: serif; flex-shrink: 0; }
.bilgi-baslik-satir h3 { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 16px; font-weight: 700; color: var(--metin, #1c1917); margin: 0; }
.sepet-odeme-bilgilendirme-kutusu p { font-size: 12.5px; line-height: 1.55; color: var(--metin, #27272a); margin: 0 0 8px 0; }
.odeme-logo-resim-kapsayici { margin-top: 14px; }
.odeme-logo-resim-kapsayici img { width: 100%; max-width: 310px; height: auto; display: block; }

.sepet-sol-alan { min-width: 0; width: 100%; }

.sepet-guvence-alani { margin-top: 36px; margin-bottom: 24px; clear: both; position: relative; }
.sepet-guvence-alani .guvence-kutusu { min-height: 52px; height: auto; background: #ffffff; border-radius: 8px; border: 1px solid rgba(220,205,185,.5); padding: 8px 18px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 1px 6px rgba(0,0,0,.03); box-sizing: border-box; }
[data-theme="koyu"] .sepet-guvence-alani .guvence-kutusu { background: #231f1c; border-color: #4a3e34; }
.sepet-guvence-alani .guvence-madde { display: flex; align-items: center; gap: 8px; font-size: 11px; }
.sepet-guvence-alani .guvence-madde svg { width: 20px; height: 20px; color: #a8793e; flex-shrink: 0; }
.sepet-guvence-alani .guvence-madde strong { display: block; font-size: 11px; font-weight: 700; color: #1c1917; line-height: 1.15; }
[data-theme="koyu"] .sepet-guvence-alani .guvence-madde strong { color: #f5f0e9; }
.sepet-guvence-alani .guvence-madde small { display: block; font-size: 10px; color: #71717a; }

.referans-sepet-oneriler { margin-top: 36px; margin-bottom: 32px; clear: both; position: relative; display: block; }
.sepet-oneri-baslik-satir { margin-top: 0; margin-bottom: 16px; display: flex; justify-content: space-between; align-items: baseline; }
.sepet-oneri-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 32px; }
@media (max-width: 900px) { .sepet-oneri-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) {
  .sepet-oneri-izgara { grid-template-columns: 1fr; gap: 12px; }
  .sepet-oneri-baslik-satir { flex-direction: column; align-items: flex-start; gap: 6px; }
}
.sepet-instagram-alani { margin-top: 24px; margin-bottom: 32px; clear: both; }


/* ==================== R06: GİRİŞ SAYFASI ==================== */
.giris-ana-sahne { padding-top: 32px; padding-bottom: 40px; }
.giris-sahne-izgara { display: grid; grid-template-columns: 1fr 440px; gap: 48px; align-items: center; }
@media (max-width: 960px) { .giris-sahne-izgara { grid-template-columns: 1fr; } }

.ust-etiket-altin { font-size: 11px; letter-spacing: 2px; color: #b38749; font-weight: 700; text-transform: uppercase; }
.giris-baslik { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 42px; font-weight: 800; color: var(--metin, #1c1917); margin: 6px 0 12px 0; }
.giris-aciklama { font-size: 14px; color: var(--soluk, #71717a); line-height: 1.6; max-width: 440px; margin-bottom: 24px; }

.giris-daire-avantajlar { display: flex; gap: 24px; margin-bottom: 28px; }
.giris-avantaj-oge { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--metin, #1c1917); text-align: center; }
.avantaj-daire-ikon { width: 48px; height: 48px; border-radius: 50%; background: var(--kart-arka, #ffffff); border: 1px solid var(--cizgi, #ede8e1); display: grid; place-items: center; color: #a8793e; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
.giris-taki-resim-alani img { border-radius: 12px; max-width: 100%; height: auto; display: block; }

.giris-sag-kart .giris-kart-ic { background: var(--kart-arka, #ffffff); border-radius: 16px; border: 1px solid var(--cizgi, #ede8e1); padding: 32px 36px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); }
.giris-kart-logo-kapsayici { text-align: center; margin-bottom: 16px; }
.giris-kart-logo-kapsayici img { width: 140px; height: auto; }
.giris-kart-baslik { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 24px; font-weight: 700; color: var(--metin, #1c1917); text-align: center; margin: 0 0 6px 0; }
.giris-kart-alt-metin { font-size: 13px; color: var(--soluk, #71717a); text-align: center; margin: 0 0 24px 0; }

.giris-input-grup { position: relative; display: flex; align-items: center; border: 1px solid var(--cizgi, #e4e4e7); border-radius: 8px; background: var(--kart-arka, #ffffff); margin-bottom: 14px; overflow: hidden; height: 44px; }
.giris-input-ikon { padding-left: 14px; color: #a1a1aa; display: flex; align-items: center; }
.giris-input-grup input { border: none; outline: none; flex: 1; padding: 10px 14px; font-size: 13.5px; color: var(--metin, #1c1917); background: transparent; }
.sifre-goster-gizle { border: none; background: transparent; color: #a1a1aa; cursor: pointer; padding-right: 14px; display: flex; align-items: center; }

.giris-hatirla-satiri { display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin-bottom: 20px; }
.beni-hatirla-etiket { display: flex; align-items: center; gap: 6px; cursor: pointer; color: var(--metin, #1c1917); }
.sifremi-unuttum-link { color: #a8793e; font-weight: 600; text-decoration: none; }
.giris-gonder-btn { width: 100%; background: linear-gradient(135deg, #a67c4e, #865d2f); color: #fff; border: none; border-radius: 8px; height: 46px; font-size: 15px; font-weight: 700; cursor: pointer; box-shadow: 0 3px 10px rgba(134,93,47,0.25); transition: opacity .15s; }
.giris-gonder-btn:hover { opacity: .95; }

.veya-ayrac { text-align: center; position: relative; margin: 20px 0; }
.veya-ayrac::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: var(--cizgi, #e4e4e7); }
.veya-ayrac span { background: var(--kart-arka, #ffffff); padding: 0 12px; font-size: 12px; color: #a1a1aa; position: relative; }

.sosyal-giris-kutulari { display: flex; flex-direction: column; gap: 10px; }
.sosyal-giris-btn { display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid var(--cizgi, #e4e4e7); border-radius: 8px; background: var(--kart-arka, #ffffff); height: 42px; font-size: 13px; font-weight: 600; color: var(--metin, #1c1917); cursor: pointer; transition: background .15s; }
.sosyal-giris-btn:hover { background: #fafafa; }
.giris-kayit-yonlendir { text-align: center; font-size: 13px; color: var(--soluk, #71717a); margin-top: 20px; }
.giris-kayit-yonlendir a { color: #a8793e; font-weight: 700; text-decoration: none; }

/* ==================== R07: KAYIT SAYFASI ==================== */
.kayit-ana-sarmal { padding-top: 24px; padding-bottom: 40px; }
.kayit-ust-header { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; margin-bottom: 28px; }
.kayit-sayfa-baslik { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 34px; font-weight: 800; color: var(--metin, #1c1917); margin: 0 0 6px 0; }
.kayit-sayfa-alt-metin { font-size: 14px; color: var(--soluk, #71717a); margin: 0; }
.kayit-ust-gorsel-kapsayici img { border-radius: 12px; max-height: 120px; object-fit: cover; }

.kayit-cift-kart-izgara { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 32px; align-items: start; }
@media (max-width: 960px) { .kayit-cift-kart-izgara { grid-template-columns: 1fr; } }

.kayit-formu-kart, .kayit-ayricaliklar-kart { background: var(--kart-arka, #ffffff); border-radius: 16px; border: 1px solid var(--cizgi, #ede8e1); padding: 32px; box-shadow: 0 4px 20px rgba(0,0,0,0.03); }
.kayit-kart-baslik { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 24px; font-weight: 700; color: var(--metin, #1c1917); margin: 0 0 6px 0; }
.kayit-kart-aciklama { font-size: 13px; color: var(--soluk, #71717a); margin: 0 0 24px 0; }
.input-ipucu { font-size: 11px; color: #a1a1aa; margin-top: -10px; margin-bottom: 12px; display: block; }
.telefon-input-grup .telefon-ulke-kodu { padding: 0 10px; font-size: 13px; font-weight: 600; color: #71717a; border-right: 1px solid var(--cizgi, #e4e4e7); display: flex; align-items: center; }
.kayit-kvkk-satiri { font-size: 12px; color: var(--soluk, #71717a); line-height: 1.5; margin-bottom: 20px; }
.kayit-kvkk-satiri strong { color: var(--metin, #1c1917); }

.ayricalik-maddeleri-listesi { display: flex; flex-direction: column; gap: 20px; margin-top: 24px; }
.ayricalik-satir { display: flex; gap: 16px; align-items: flex-start; }
.ayricalik-daire-ikon { width: 44px; height: 44px; border-radius: 50%; background: #fdfaf6; border: 1px solid #ebd9c2; color: #a8793e; display: grid; place-items: center; flex-shrink: 0; }
[data-theme="koyu"] .ayricalik-daire-ikon { background: #26211a; border-color: #3d3224; }
.ayricalik-satir h3 { font-size: 14px; font-weight: 700; margin: 0 0 4px 0; color: var(--metin, #1c1917); }
.ayricalik-satir p { font-size: 12px; color: var(--soluk, #71717a); margin: 0; line-height: 1.45; }
.ayricalik-altin-alinti { text-align: center; margin-top: 32px; padding-top: 20px; border-top: 1px dashed #ebd9c2; }
.ayricalik-altin-alinti blockquote { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-style: italic; font-size: 15px; color: #a8793e; margin: 8px 0 0 0; }
.alinti-dekor-nokta { color: #a8793e; font-size: 14px; }


/* ==================== R09: SİPARİŞLERİM VE TALEPLER ==================== */
.siparis-hero-sarmal { display: flex; justify-content: space-between; align-items: center; padding-top: 16px; padding-bottom: 24px; }
.siparis-sayfa-baslik { font-family: var(--font-baslik, "Playfair Display", Georgia, serif); font-size: 34px; font-weight: 800; color: var(--metin, #1c1917); margin: 4px 0 8px 0; }
.siparis-hero-sag-gorsel img { border-radius: 12px; max-height: 120px; object-fit: cover; }

.referans-siparis-yerlesim { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; align-items: start; margin-bottom: 40px; }
.referans-siparis-liste { min-width: 0; }
@media (max-width: 960px) { .referans-siparis-yerlesim { grid-template-columns: 1fr; } }

.referans-hesap-menu { background: var(--kart-arka, #ffffff); border-radius: 16px; border: 1px solid var(--cizgi, #ede8e1); padding: 20px; box-shadow: 0 4px 16px rgba(0,0,0,0.03); }
.hesap-profil-karti { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--cizgi, #f1f1f4); margin-bottom: 16px; }
.profil-avatar-daire { width: 44px; height: 44px; border-radius: 50%; background: #e4e4e7; color: #71717a; display: grid; place-items: center; flex-shrink: 0; }
.hesap-profil-karti strong { display: block; font-size: 14px; font-weight: 700; color: var(--metin, #1c1917); }
.hesap-profil-karti small { display: block; font-size: 11px; color: #a1a1aa; }

.hesap-kenar-nav { display: flex; flex-direction: column; gap: 4px; }
.hesap-kenar-nav a { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--soluk, #52525b); text-decoration: none; transition: background .15s; }
.hesap-kenar-nav a:hover { background: #fdfaf6; color: #a8793e; }
.hesap-kenar-nav a.aktif-menu-ogesi { background: #fbf5eb; color: #a8793e; font-weight: 700; }
[data-theme="koyu"] .hesap-kenar-nav a.aktif-menu-ogesi { background: #2a2319; color: #d4af37; }
.hesap-kenar-nav .menu-ok { margin-left: auto; font-size: 16px; }
.cikis-formu { margin-top: 8px; }
.cikis-btn { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--soluk, #71717a); background: transparent; border: none; cursor: pointer; text-align: left; }
.cikis-btn:hover { background: #fee2e2; color: #dc2626; }

.hesap-yatay-sekmeler { display: flex; gap: 12px; margin-bottom: 20px; overflow-x: auto; }
.hesap-yatay-sekmeler a { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--soluk, #52525b); background: var(--kart-arka, #ffffff); border: 1px solid var(--cizgi, #ede8e1); text-decoration: none; white-space: nowrap; transition: all .15s; }
.hesap-yatay-sekmeler a.sekme-aktif { background: #fbf5eb; border-color: #ebd9c2; color: #a8793e; font-weight: 700; }
[data-theme="koyu"] .hesap-yatay-sekmeler a.sekme-aktif { background: #2a2319; border-color: #3d3224; color: #d4af37; }

.siparis-kartlari-akisi { display: flex; flex-direction: column; gap: 16px; }
.referans-siparis-karti { background: var(--kart-arka, #ffffff); border-radius: 12px; border: 1px solid var(--cizgi, #ede8e1); padding: 18px 22px; box-shadow: 0 2px 10px rgba(0,0,0,0.03); }
.siparis-kart-ust-bar { display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; border-bottom: 1px solid var(--cizgi, #f4f4f5); margin-bottom: 14px; }
.siparis-no-alani { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--metin, #1c1917); }
.kopyala-simge { border: none; background: transparent; cursor: pointer; font-size: 13px; padding: 0; color: #a1a1aa; }
.siparis-tarih { font-size: 12px; color: var(--soluk, #71717a); }
.siparis-durum-rozet { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; }
.durum-inceleniyor { background: #fef3c7; color: #b45309; }
.durum-hazir { background: #dcfce7; color: #15803d; }
.durum-sonuclandi { background: #e4e4e7; color: #3f3f46; }

.siparis-kart-govde { display: flex; align-items: center; gap: 20px; }
.siparis-urun-resimleri { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.siparis-kucuk-resim { width: 54px; height: 54px; border-radius: 8px; overflow: hidden; background: #fbf8f4; border: 1px solid var(--cizgi, #ede8e1); }
.siparis-kucuk-resim.genis-resim { width: 80px; }
.siparis-kucuk-resim img { width: 100%; height: 100%; object-fit: cover; }
.arti-kalan-rozet { width: 36px; height: 36px; border-radius: 8px; background: #f4f4f5; color: #52525b; font-size: 12px; font-weight: 700; display: grid; place-items: center; }
.siparis-kalem-ozeti { flex: 1; min-width: 180px; }
.siparis-kalem-ozeti strong { font-size: 13.5px; font-weight: 700; color: var(--metin, #1c1917); display: block; margin-bottom: 3px; }
.siparis-kalem-ozeti p { font-size: 12px; color: var(--soluk, #71717a); margin: 0; line-height: 1.4; }
.siparis-fiyat-alani { text-align: right; min-width: 120px; }
.siparis-fiyat-alani small { display: block; font-size: 11px; color: #a1a1aa; }
.siparis-fiyat-alani strong { font-family: serif; font-size: 18px; font-weight: 800; color: var(--metin, #1c1917); }
.siparis-detay-btn { display: inline-flex; align-items: center; padding: 10px 18px; background: linear-gradient(135deg, #a67c4e, #865d2f); color: #ffffff; border-radius: 8px; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; box-shadow: 0 2px 6px rgba(134,93,47,0.2); transition: opacity .15s; }
.siparis-detay-btn:hover { opacity: .95; }

.guvenli-takip-banner { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; background: var(--kart-arka, #ffffff); border-radius: 12px; border: 1px solid var(--cizgi, #ede8e1); padding: 18px 24px; margin-top: 24px; }
@media (max-width: 768px) { .guvenli-takip-banner { grid-template-columns: 1fr; } }
.guvenli-takip-sol, .guvenli-takip-sag { display: flex; align-items: center; gap: 14px; }
.takip-ikon-kapsayici, .takip-kilit-ikon { width: 42px; height: 42px; border-radius: 50%; background: #fbf5eb; color: #a8793e; display: grid; place-items: center; flex-shrink: 0; }
[data-theme="koyu"] .takip-ikon-kapsayici, [data-theme="koyu"] .takip-kilit-ikon { background: #2a2319; color: #d4af37; }
.guvenli-takip-sol strong, .guvenli-takip-sag strong { display: block; font-size: 13px; font-weight: 700; color: var(--metin, #1c1917); margin-bottom: 2px; }
.guvenli-takip-sol p, .guvenli-takip-sag p { font-size: 11.5px; color: var(--soluk, #71717a); margin: 0; line-height: 1.4; }

/* ==================== RESPONSIVE / MOBİL DÜZEN ==================== */
@media (max-width:1100px){
  .kategori-kisaltmalar{overflow-x:auto;padding-bottom:8px}
  .urun-izgarasi{grid-template-columns:repeat(3,1fr)}
  .site-alt{height:auto!important}
  .site-alt .alt-icerik{grid-template-columns:repeat(2, minmax(0, 1fr))!important;height:auto!important;gap:20px!important}
}
@media (max-width:768px){
  .sarmal{width:calc(100% - 32px)}
  .ust-bilgi{overflow:hidden}
  .duyuru-seridi{overflow:hidden;max-width:100%}
  .duyuru-sosyal{display:none}
  .duyuru-ogeleri{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
  .duyuru-ogeleri a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block}
  .masaustu-menu,.ust-arama{display:none}
  .ust-araclar{gap:8px}
  .ust-araclar .simge-yazi{display:none}
  .ust-araclar .simge-baglanti:not(.sepet-baglanti){display:none}
  .manset{min-height:320px}
  .manset-metin{width:100%}
  .manset h1{font-size:28px}
  .vitrin-uc-kart{grid-template-columns:1fr}
  .secilen-urunler-bolumu .urun-izgarasi,
  .urun-izgarasi{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .secilen-urunler-bolumu .urun-karti{height:auto!important;min-height:220px!important;max-height:none!important}
  .secilen-urunler-bolumu .kart-ust{height:120px!important;min-height:120px!important;max-height:120px!important}
  .secilen-urunler-bolumu .kart-baslik{white-space:normal!important;line-height:1.25!important}
  .koleksiyon-bolumu{grid-template-columns:1fr}
  .aksiyon-kartlari-izgara{grid-template-columns:1fr}
  .guvence-kutusu,
  .sepet-guvence-alani .guvence-kutusu,
  .guvence-seridi-bolumu .guvence-kutusu{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;height:auto!important;min-height:auto!important;padding:14px 16px!important;box-sizing:border-box!important}
  .sepet-sol-alan{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .instagram-izgara{grid-template-columns:repeat(4,1fr)}
  .site-alt{height:auto!important;padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px))!important}
  .site-alt .alt-icerik{grid-template-columns:minmax(0, 1fr)!important;height:auto!important;gap:18px!important}
  .magazalar-kutulari{grid-template-columns:1fr!important}
  .bolum-baslik-satiri{flex-direction:column;align-items:flex-start;gap:8px}
  .filtre-sekmeleri{overflow-x:auto;max-width:100%;width:100%;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .siparis-hero-sarmal{flex-direction:column;align-items:flex-start;gap:14px}
  .siparis-hero-sag-gorsel{display:none}
  .siparis-sayfa-baslik{font-size:24px}
  .siparis-kart-ust-bar{flex-wrap:wrap;gap:8px}
  .siparis-kart-govde{flex-direction:column;align-items:flex-start;gap:14px}
  .siparis-kalem-ozeti{min-width:0;width:100%}
  .siparis-fiyat-alani{text-align:left;min-width:0;width:100%;display:flex;justify-content:space-between;align-items:center}
  .siparis-detay-btn{width:100%;justify-content:center}
  .kategori-alisveris-alani{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  .kategori-filtre{margin-bottom:12px}
  .kategori-sonuclar .urun-izgarasi{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .alt-telif-satiri{flex-direction:column;height:auto!important;gap:8px;text-align:center;padding:12px 0!important}
}

/* R02: kapak fotoğrafı ve öne çıkan koleksiyonlar */
.kategori-listesi-kapak .referans-kapak-gorsel{position:absolute;right:0;top:0;height:100%;width:62%;object-fit:cover;object-position:right center;z-index:0}
.kategori-listesi-kapak .referans-kapak-icerik{position:relative;z-index:2}
.kategori-listesi-kapak::before{z-index:1}
.kategori-koleksiyon-baslik{margin-top:40px;margin-bottom:16px;font-family:var(--baslik-font,serif)}
@media (max-width:760px){.kategori-listesi-kapak .referans-kapak-gorsel{width:100%;opacity:.35}}

/* R10: Erişilebilir Türkçe Özel Dosya Yükleme Arayüzü */
.ozel-dosya-yukleme-kapsayici{position:relative;margin:8px 0 6px;display:flex;align-items:center}
.ekran-okuyucu-dosya{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important}
.ozel-dosya-yukleme-etiket{display:inline-flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;background:#ffffff;border:1px solid #d8cbba;border-radius:8px;cursor:pointer;font-size:13px;color:#2c2825;transition:border-color .2s,box-shadow .2s;max-width:100%}
.ozel-dosya-yukleme-etiket:hover{border-color:#ad843b;background:#fdfcf9}
.ekran-okuyucu-dosya:focus-visible+.ozel-dosya-yukleme-etiket,
.ekran-okuyucu-dosya:focus+.ozel-dosya-yukleme-etiket{outline:2px solid #ad843b;outline-offset:2px;border-color:#ad843b}
.ozel-dosya-buton-ic{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#ad843b;color:#ffffff;border-radius:6px;font-weight:600;font-size:12px;letter-spacing:.02em;transition:background-color .2s}
.ozel-dosya-yukleme-etiket:hover .ozel-dosya-buton-ic{background:#936e2f}
.ozel-dosya-adi{color:#766c61;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.ozel-dosya-adi.secildi{color:#1a1714;font-weight:600}
html[data-theme="koyu"] .ozel-dosya-yukleme-etiket{background:#1e1a16;border-color:#483c2f;color:#e8e1d5}
html[data-theme="koyu"] .ozel-dosya-yukleme-etiket:hover{background:#26211c;border-color:#ad843b}
html[data-theme="koyu"] .ozel-dosya-adi{color:#a89f91}
html[data-theme="koyu"] .ozel-dosya-adi.secildi{color:#dfb872}

/* Mobil Alt Menü Modern SVG Stilleri ve Aktif Vurgulama */
@media (max-width:960px){
  body{padding-bottom:0!important}
  .mobil-alt-menu{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999!important;background:rgba(255,255,255,.96)!important;border-top:1px solid #dfd7cc!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;padding:5px max(6px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom, 0px)) max(6px,env(safe-area-inset-left))!important;box-shadow:0 -4px 18px rgba(0,0,0,.08)!important}
  .mobil-alt-menu a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-height:48px!important;color:#6b6052!important;text-decoration:none!important;font-size:10px!important;font-weight:500!important;transition:color .15s ease}
  .mobil-alt-menu a svg{width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;transition:transform .15s ease}
  .mobil-alt-menu a.aktif,
  .mobil-alt-menu a[aria-current=page]{color:#ad843b!important;font-weight:700!important}
  .mobil-alt-menu a.aktif svg,
  .mobil-alt-menu a[aria-current=page] svg{stroke:#ad843b!important;transform:scale(1.1)!important}
  html[data-theme="koyu"] .mobil-alt-menu{background:rgba(20,18,16,.96)!important;border-top-color:#383025!important;box-shadow:0 -4px 20px rgba(0,0,0,.55)!important}
  html[data-theme="koyu"] .mobil-alt-menu a{color:#a89f91!important}
  html[data-theme="koyu"] .mobil-alt-menu a.aktif,
  html[data-theme="koyu"] .mobil-alt-menu a[aria-current=page]{color:#dfb872!important}
  html[data-theme="koyu"] .mobil-alt-menu a.aktif svg,
  html[data-theme="koyu"] .mobil-alt-menu a[aria-current=page] svg{stroke:#dfb872!important}
}

@media (max-width:480px){
  .sarmal{width:calc(100% - 24px)}
  .sepet-sol-alan{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .sepet-tablo{min-width:380px}
}
@media (max-width:360px){
  .sarmal{width:calc(100% - 16px)}
  .urun-izgarasi,
  .sepet-oneri-izgara{grid-template-columns:1fr!important}
  .sepet-tablo{min-width:320px}
}