:root{
  --ivory:#fbfaf8;
  --ivory-2:#f1efe9;
  --ink:#141414;
  --ink-dim:#726c65;
  --gold:#c9973b;
  --gold-deep:#a3761a;
  --gold-bright:#e8be5a;
  --line:#e6e1d8;
  --white:#ffffff;
  --notr:#f2f0ec;
  --radius:6px;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Segoe UI',Tahoma,sans-serif;background:var(--ivory);color:var(--metin);-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:600;margin:0 0 12px;}
button{font-family:inherit;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* Top duyuru seridi (kayan yazı) */
.duyuru-seridi{background:var(--ink);color:var(--white);overflow:hidden;white-space:nowrap;padding:9px 0;}
.duyuru-track{display:inline-flex;animation:duyuru-kaydir 22s linear infinite;}
.duyuru-item{display:inline-block;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;padding:0 28px;position:relative;}
.duyuru-item::after{content:'•';position:absolute;right:0;color:var(--gold);}
@keyframes duyuru-kaydir{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){.duyuru-track{animation:none;}}

/* Sepete ekleme bildirimi */
.bildirim-bar{text-align:center;font-size:13.5px;padding:10px 14px;}
.bildirim-bar a{text-decoration:underline;font-weight:600;}
.bildirim-basarili{background:#eef6f0;color:#2f6b48;}
.bildirim-uyari{background:#faf1e6;color:#9a5a1f;}

/* Header */
.site-header{background:var(--white);color:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
.header-inner{display:flex;align-items:center;gap:16px;padding:16px 20px;max-width:1200px;margin:0 auto;}
.logo{font-family:Georgia,serif;font-size:25px;color:var(--ink);letter-spacing:.4px;white-space:nowrap;display:flex;align-items:center;gap:10px;}
.logo-amblem{width:38px;height:38px;border-radius:9px;display:block;}
.logo-yazi em{color:var(--gold-deep);font-style:italic;}
.logo span{color:var(--gold-deep);font-style:italic;}
.header-actions{display:flex;align-items:center;gap:20px;margin-left:auto;}
.header-actions a,.header-actions button{position:relative;color:var(--ink);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;}
.header-actions a:hover,.header-actions button:hover{color:var(--gold-deep);}
.sepet-sayac{position:absolute;top:-8px;right:-10px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;}
.arama-kutu{flex:1;max-width:400px;display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:4px;background:var(--notr);color:var(--ink-dim);}
.arama-kutu input{border:none;background:none;outline:none;font-size:14px;width:100%;color:var(--ink);}
.hamburger-btn,.arama-toggle-mobil{display:none;}

/* Menü */
.ana-menu{background:var(--ink);}
.ana-menu .container{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;}
.ana-menu .container::-webkit-scrollbar{display:none;}
.ana-menu a{display:block;color:var(--white);padding:12px 18px;font-size:12.5px;font-weight:600;white-space:nowrap;letter-spacing:1px;text-transform:uppercase;}
.ana-menu a:hover{background:rgba(255,255,255,.1);}

/* Mobil arama açılır kutu */
.mobil-arama-kutu{display:none;padding:0 20px 14px;}
.mobil-arama-kutu.acik{display:block;}
.mobil-arama-kutu input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:4px;background:var(--notr);font-size:14px;}

/* Mobil menü çekmecesi */
.mobil-menu-arkaplan{display:none;position:fixed;inset:0;background:rgba(36,31,28,.5);z-index:90;}
.mobil-menu-arkaplan.acik{display:block;}
.mobil-menu-panel{background:var(--white);color:var(--ink);width:82%;max-width:320px;height:100%;padding:20px;overflow-y:auto;box-shadow:2px 0 20px rgba(0,0,0,.15);}
.mobil-menu-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line);}
.mobil-menu-ust button{background:none;border:none;color:var(--ink);cursor:pointer;}
.mobil-menu-panel nav a{display:flex;align-items:center;gap:12px;padding:13px 4px;font-size:15px;color:var(--ink);border-bottom:1px solid var(--ivory-2);}

/* Hero / Slider */
.hero-slider{position:relative;background:var(--ivory-2);overflow:hidden;}
.hero-slaytlar{display:flex;transition:transform .6s cubic-bezier(.65,0,.35,1);}
.hero-slayt{min-width:100%;position:relative;aspect-ratio:16/6;background:var(--ivory-2);}
.hero-slayt img,.hero-slayt video{width:100%;height:100%;object-fit:cover;}
.hero-slayt .metin-kutusu{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 8%;background:linear-gradient(90deg,rgba(36,31,28,.55) 0%,rgba(36,31,28,.15) 55%,transparent 80%);}
.hero-slayt h2{color:#fff;font-size:34px;max-width:480px;line-height:1.25;}
.hero-slayt p{color:#f0e9df;max-width:420px;font-size:15px;margin-bottom:20px;}
.hero-slayt .btn{display:inline-block;background:var(--gold);color:var(--ink);padding:12px 26px;border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.3px;width:fit-content;}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.85);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);z-index:5;}
.hero-nav.onceki{left:16px;}
.hero-nav.sonraki{right:16px;}
.hero-noktalar{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5;}
.hero-noktalar button{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.55);cursor:pointer;padding:0;}
.hero-noktalar button.aktif{background:#fff;width:22px;border-radius:5px;}

.hero{background:linear-gradient(135deg,var(--notr),var(--white));padding:64px 20px;text-align:center;}
.hero h1{font-size:36px;color:var(--ink);}
.hero p{color:var(--ink-dim);font-size:16px;max-width:520px;margin:0 auto 24px;}
.hero .btn{display:inline-block;background:var(--ink);color:#fff;padding:13px 30px;border-radius:4px;font-size:14px;letter-spacing:.4px;}

/* Kategori üst bölümü */
.kategori-ust{padding:28px 0 4px;text-align:center;}
.kategori-ust h1{font-size:22px;color:var(--metin);letter-spacing:.4px;}
.breadcrumb{font-size:12px;color:var(--metin-soft);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;}
.breadcrumb a{color:var(--metin-soft);}
.breadcrumb a:hover{color:var(--metin);}
.breadcrumb .ayrac{margin:0 8px;color:var(--gold);}
.urun-sayisi{font-size:13px;color:var(--metin-soft);margin-top:4px;}

/* Filtre / sıralama çubuğu */
.filtre-cubugu{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:18px 0 6px;flex-wrap:wrap;}
.gorunum-toggle{display:flex;gap:6px;}
.gorunum-btn{width:34px;height:34px;border:1px solid var(--line);background:var(--white);color:var(--ink-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;}
.gorunum-btn.aktif{background:var(--ink);color:var(--white);border-color:var(--ink);}
.filtre-dropdown-alani{display:flex;gap:0;flex:1;}
.filtre-dropdown{position:relative;border-left:1px solid var(--line);}
.filtre-dropdown:last-child{border-right:1px solid var(--line);}
.filtre-btn{background:none;border:none;padding:0 20px;height:34px;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--metin);cursor:pointer;}
.filtre-btn svg{transition:transform .2s;}
.filtre-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:4px;box-shadow:0 12px 28px rgba(0,0,0,.1);z-index:30;min-width:200px;padding:8px 0;}
.filtre-panel.acik{display:block;}
.filtre-panel-genis{min-width:280px;padding:20px;}
.filtre-panel-link{display:block;padding:9px 18px;font-size:13.5px;color:var(--ink);}
.filtre-panel-link:hover{background:var(--notr);}
.siralama-alani select{border:none;background:none;font-size:12.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--metin);cursor:pointer;padding:0;}
.siralama-alani select option{color:var(--ink);background:var(--white);text-transform:none;font-weight:500;}
.filtre-panel select option{color:var(--ink);background:var(--white);}

.fiyat-etiket{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-dim);margin-bottom:14px;display:block;}
.fiyat-slider-alani{position:relative;height:24px;}
.fiyat-slider-track{position:absolute;top:10px;left:0;right:0;height:4px;background:var(--line);border-radius:2px;}
.fiyat-slider-dolu{position:absolute;top:10px;height:4px;background:var(--ink);border-radius:2px;}
.fiyat-slider-alani input[type=range]{position:absolute;top:0;left:0;width:100%;height:24px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;}
.fiyat-slider-alani input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--white);border:2px solid var(--ink);cursor:pointer;margin-top:0;}
.fiyat-slider-alani input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--white);border:2px solid var(--ink);cursor:pointer;}
.fiyat-slider-alani input[type=range]::-webkit-slider-runnable-track{background:none;}
.fiyat-deger-satiri{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-dim);margin-top:8px;}

@media (max-width:767px){
  .filtre-cubugu{gap:0;}
  .filtre-btn{padding:0 12px;font-size:11px;}
  .siralama-alani select{font-size:11px;}
  .filtre-panel-genis{min-width:240px;left:auto;right:0;}
}
.urun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--kart-genislik,220px),1fr));gap:20px;padding:40px 0;}
.urun-kart{position:relative;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s;scroll-margin-top:130px;}
.urun-kart:hover{box-shadow:0 12px 26px rgba(124,22,54,.16);transform:translateY(-2px);}
.urun-kart .gorsel{position:relative;aspect-ratio:1;background:var(--ivory-2);overflow:hidden;}
.urun-kart .gorsel img{width:100%;height:100%;object-fit:cover;}
.urun-kart .rozet{position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;font-size:11px;padding:3px 9px;border-radius:12px;letter-spacing:.3px;}
.favori-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.92);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.1);}
.urun-kart .icerik{padding:14px;}
.urun-kart .kategori-etiket{font-size:11px;color:var(--gold-deep);text-transform:uppercase;letter-spacing:.5px;}
.urun-kart h4{font-size:15px;margin:6px 0;font-family:'Segoe UI',sans-serif;font-weight:600;min-height:38px;}
.fiyat{font-size:16px;font-weight:700;color:var(--ink);}
.fiyat .eski{font-size:13px;color:var(--ink-dim);text-decoration:line-through;font-weight:400;margin-right:6px;}
.sepete-ekle-btn{display:block;width:100%;margin-top:10px;padding:10px;background:var(--ink);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;letter-spacing:.2px;}
.sepete-ekle-btn:hover{background:var(--ink);}

.baslik-satiri{display:flex;justify-content:space-between;align-items:center;margin:36px 0 4px;}
.baslik-satiri h2{font-size:23px;color:var(--metin);margin:0;}

/* Footer */
.site-footer{background:var(--ink);color:#d8cfc4;margin-top:60px;padding:48px 20px 24px;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;max-width:1200px;margin:0 auto;}
.footer-grid h5{color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;}
.footer-grid a{display:block;color:#b8ada0;font-size:13px;margin-bottom:10px;}
.footer-grid a:hover{color:#fff;}
.footer-odeme-satiri{display:flex;align-items:center;gap:14px;margin:36px auto 0;padding:9px 18px;background:#ffffff;border-radius:30px;width:fit-content;}
.footer-odeme-satiri img{height:16px;width:auto;object-fit:contain;display:block;}
.footer-odeme-etiket{font-size:11px;color:#8a8078;text-transform:uppercase;letter-spacing:.5px;font-weight:600;white-space:nowrap;padding-right:14px;border-right:1px solid #e6e2db;}
.footer-odeme-wrap{text-align:center;}
.footer-alt{text-align:center;font-size:12px;color:#8a8078;margin-top:20px;border-top:1px solid #3a332c;padding-top:20px;}

/* Mobil alt bar */
.mobil-alt-bar{display:none;}
@media (max-width: 767px){
  .hamburger-btn{display:flex;background:none;border:none;color:var(--ink);cursor:pointer;padding:0;}
  .arama-toggle-mobil{display:flex;}
  .arama-kutu{display:none;}
  .mobil-alt-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--line);z-index:60;}
  .mobil-alt-bar a{flex:1;text-align:center;padding:10px 4px 8px;font-size:10.5px;color:var(--ink-dim);}
  .mobil-alt-bar .ikon{display:flex;justify-content:center;margin-bottom:2px;}
  body{padding-bottom:62px;}
  .hero h1{font-size:26px;}
  .hero-slayt{aspect-ratio:4/5;}
  .hero-slayt h2{font-size:24px;}
  .hero-slayt p{font-size:13.5px;}
  .hero-slayt .metin-kutusu{padding:0 6% 60px;justify-content:flex-end;background:linear-gradient(0deg,rgba(36,31,28,.65) 10%,transparent 55%);}
  .hero-nav{width:34px;height:34px;}
  .header-inner{gap:10px;padding:12px 16px;}
  .logo{font-size:20px;}
  .urun-grid{gap:14px;padding:24px 0;}
  .duyuru-item{font-size:11px;padding:0 18px;}
}

/* WhatsApp float */
.whatsapp-float{position:fixed;bottom:76px;right:16px;background:#25d366;color:#fff;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:55;}
@media (min-width:768px){.whatsapp-float{bottom:24px;}}

/* Form / sepet / checkout ortak */
.sayfa-baslik{padding:28px 0 8px;}
.sayfa-baslik h1{font-size:26px;color:var(--metin);}
.panel{background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
.panel label{display:block;font-size:13px;color:var(--ink-dim);margin-bottom:6px;}
.panel input,.panel select,.panel textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:14px;margin-bottom:14px;font-family:inherit;}
.btn-buyuk{display:block;width:100%;padding:14px;background:var(--ink);color:#fff;border:none;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;text-align:center;}
.btn-buyuk:hover{background:#000000;}

/* Ödeme güven şeridi (checkout sayfası) */
.odeme-guven-cubugu{display:flex;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);flex-wrap:wrap;}
.odeme-guven-cubugu img{height:22px;width:auto;object-fit:contain;}

/* iyzico markalı güven kutusu */
.iyzico-guven-kutusu{margin-top:18px;padding:16px 18px;background:#ffffff;border:1px solid #e6e2db;border-radius:8px;}
.iyzico-guven-baslik{display:flex;align-items:center;gap:10px;font-weight:600;font-size:12.5px;color:#726c65;margin-bottom:10px;}
.iyzico-guven-baslik img{height:28px;width:auto;}
.iyzico-guven-kutusu ul{margin:0 0 4px;padding-left:18px;}
.iyzico-guven-kutusu li{font-size:12.5px;color:#726c65;line-height:1.6;margin-bottom:4px;}
.iyzico-guven-kutusu .odeme-guven-cubugu{border-top:1px solid #e6e2db;margin-top:10px;padding-top:10px;}

/* Sepet sayfası */
.sepet-ust-satir{display:flex;justify-content:space-between;align-items:baseline;padding:28px 0 18px;flex-wrap:wrap;gap:10px;}
.sepet-ust-satir h1{font-size:26px;color:var(--metin);margin:0;}
.sepet-adet-etiket{color:var(--metin-soft);font-size:18px;font-family:'Segoe UI',sans-serif;}
.sepeti-temizle-link{display:flex;align-items:center;gap:6px;color:var(--metin);font-size:13.5px;font-weight:600;}

.kargo-ilerleme-bar{background:var(--notr);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;margin-bottom:20px;}
.kargo-ilerleme-ust{display:flex;align-items:center;gap:8px;color:var(--gold-deep);font-size:13.5px;font-weight:600;margin-bottom:10px;}
.kargo-ilerleme-ust strong{color:var(--metin);}
.kargo-ilerleme-track{height:6px;background:var(--white);border-radius:4px;overflow:hidden;}
.kargo-ilerleme-dolu{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));border-radius:4px;transition:width .4s;}
.kargo-ilerleme-basarili{background:#eef6f0;border-color:#bfe0cb;color:#2f6b48;font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:8px;}

.sepet-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:start;}
.sepet-liste-panel{padding:8px 22px;}
.sepet-satir{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);}
.sepet-satir:last-of-type{border-bottom:none;}
.sepet-urun-gorsel{width:72px;height:72px;object-fit:cover;border-radius:8px;flex-shrink:0;background:var(--ivory-2);}
.sepet-urun-bilgi{flex:1;min-width:0;}
.sepet-urun-ad{font-weight:600;font-size:14.5px;color:var(--ink);}
.sepet-urun-sku{font-size:12px;color:var(--ink-dim);margin-top:2px;}
.sepet-adet-satiri{display:flex;align-items:center;gap:14px;margin-top:10px;}
.adet-stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:20px;overflow:hidden;}
.adet-btn{width:28px;height:28px;border:none;background:var(--notr);color:var(--ink);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.adet-btn:hover{background:#e6e3dc;}
.adet-input{width:34px;text-align:center;border:none;background:none;font-size:13.5px;font-weight:600;padding:0;-moz-appearance:textfield;}
.adet-input::-webkit-outer-spin-button,.adet-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.sepet-sil-btn{background:none;border:none;color:var(--ink-dim);cursor:pointer;padding:4px;display:flex;}
.sepet-sil-btn:hover{color:var(--ink);}
.sepet-urun-fiyat{font-weight:700;color:var(--ink);font-size:15px;white-space:nowrap;text-align:right;}
.sepet-eski-fiyat{display:block;font-size:12px;color:var(--ink-dim);text-decoration:line-through;font-weight:400;}

.sepet-yan-panel{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px;}
.ozet-satir{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-dim);margin-bottom:10px;}
.ozet-toplam{font-size:18px;font-weight:700;color:var(--ink);border-top:1px solid var(--line);padding-top:12px;margin-top:4px;}
.ozet-toplam span:last-child{color:var(--ink);}

.kupon-panel{padding:0;overflow:hidden;}
.kupon-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:18px 22px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;}
.kupon-toggle span:first-child{display:flex;align-items:center;gap:8px;color:var(--ink);}
.kupon-ok{transition:transform .2s;color:var(--ink-dim);}
.kupon-toggle.acik .kupon-ok{transform:rotate(90deg);}
.kupon-form{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;padding:0 22px;}
.kupon-form.acik{max-height:180px;padding:0 22px 20px;}
.kupon-form input{margin-bottom:0;}

@media (max-width:767px){
  .sepet-grid{grid-template-columns:1fr !important;}
  .sepet-yan-panel{position:static;}
  .sepet-liste-panel{padding:6px 16px;}
  .sepet-urun-gorsel{width:60px;height:60px;}
}

/* İletişim sayfası */
.iletisim-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start;}
.iletisim-bilgi-satiri{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;color:var(--ink-dim);font-size:14px;}
.iletisim-bilgi-satiri .ikon-kutu{color:var(--ink);flex-shrink:0;margin-top:2px;}
@media (max-width:767px){ .iletisim-grid{grid-template-columns:1fr !important;} }