/* İç sayfalar — taslak-2 ile aynı renkler, yazı tipleri ve ölçüler kullanılır. site.css'ten sonra yüklenir. */

/* Sepet sayacı (header ikonu) */
.ikonlar a{position:relative}
.sepet-sayi{position:absolute;top:4px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--bordo);color:var(--zemin);font-size:10px;line-height:16px;text-align:center;font-weight:400;display:none}
.sepet-sayi.var{display:block}

/* İç sayfa iskeleti: header her zaman dolu */
body.ic-sayfa header{background:rgba(250,247,242,.97);color:var(--kahve);border-color:var(--cizgi)}
.ic-sayfa main{padding-top:calc(var(--ust,118px) + 48px);min-height:70vh}
.kap{max-width:1440px;margin:0 auto;padding:0 clamp(16px,6vw,96px)}
.dar{max-width:880px}
.yol{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ikincil);display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.yol a:hover{color:var(--bordo)}
.sayfa-baslik{margin:0 0 14px;font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(44px,5.5vw,84px);line-height:1;color:var(--kahve-koyu)}
.sayfa-baslik em{color:var(--bordo)}
.sayfa-baslik em{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.sayfa-alt{color:var(--ikincil);font-size:15px;line-height:1.8;margin:0 0 40px;max-width:620px}
.bolum-bosluk{padding-bottom:16vh}

/* Kart ızgarası (kart görünümü site.css'teki .kart'ın aynısı) */
.izgara-urun{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,44vw),1fr));gap:clamp(18px,2.4vw,36px) clamp(12px,2vw,28px)}
.izgara-urun .kart{flex:none}
.kart .fiyat s{font-size:15px;color:var(--ikincil);margin-right:6px}
.kart .fiyat-kutu{display:flex;gap:6px;align-items:baseline;white-space:nowrap}
.kart .tukendi{position:absolute;top:14px;right:14px;font-size:10px;letter-spacing:.3em;background:var(--kahve-koyu);color:var(--zemin);padding:6px 10px;font-weight:400}
.bos-durum{border:1px solid var(--cizgi);padding:56px 24px;text-align:center;color:var(--ikincil);display:flex;flex-direction:column;align-items:center;gap:20px}
.bos-durum b{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:30px;color:var(--kahve-koyu)}

/* Filtre çubuğu */
.filtre{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:14px 0;margin-bottom:40px}
.filtre .cipler{display:flex;flex-wrap:wrap;gap:8px}
.cip{font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--cizgi);color:var(--kahve);transition:border-color .3s,color .3s}
.cip:hover,.cip.aktif{border-color:var(--bordo);color:var(--bordo)}
.filtre form{display:flex;flex-wrap:wrap;gap:10px}
.secim{font-family:inherit;font-size:13px;color:var(--kahve);background:transparent;border:1px solid var(--cizgi);padding:10px 12px;min-height:42px}
.sonuc-sayi{font-size:12px;letter-spacing:.2em;color:var(--ikincil);text-transform:uppercase}
.sayfalama{display:flex;justify-content:center;gap:8px;margin-top:56px}

/* Form öğeleri */
.alan{display:flex;flex-direction:column;gap:8px}
.alan label,.alan .etk{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ikincil);font-weight:400}
.alan input,.alan select,.alan textarea{font-family:inherit;font-size:16px;font-weight:300;color:var(--kahve-koyu);background:#fff;border:1px solid var(--cizgi);padding:13px 14px;min-height:50px;outline-offset:2px;width:100%}
.alan textarea{min-height:96px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--altin);outline:none}
.alan small{font-size:12px;color:var(--ikincil)}
.alan.hatali input,.alan.hatali select{border-color:var(--bordo)}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){.iki{grid-template-columns:1fr}}
.btn.tam{width:100%;justify-content:center}
.btn.koyu{color:var(--kahve-koyu);border-color:var(--kahve-koyu)}
.btn.koyu:hover{background:var(--kahve-koyu);color:var(--zemin)}
.btn[disabled]{opacity:.45;pointer-events:none}
.uyari{padding:16px 18px;border:1px solid var(--bordo);color:var(--bordo);font-size:14px;line-height:1.6;background:#fff}
.bilgi-kutu{padding:16px 18px;border:1px solid var(--cizgi);background:#fff;font-size:14px;line-height:1.7;color:var(--ikincil)}
.kargo-kutu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.kargo-kutu .btn{padding:14px 26px}
.basari{padding:16px 18px;border:1px solid var(--altin);background:#fff;font-size:14px;color:var(--kahve)}
.secenek{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;color:var(--kahve)}
.secenek input{margin-top:4px;accent-color:var(--bordo);width:16px;height:16px;flex:none}
.secenek a{text-decoration:underline}

/* Ürün detayı */
.urun-detay{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,88px);align-items:start}
.galeri{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.galeri .f{aspect-ratio:3/4;overflow:hidden;background:var(--krem)}
.galeri .f:first-child{grid-column:1 / -1;aspect-ratio:4/5}
.galeri img{width:100%;height:100%;object-fit:cover}
.urun-bilgi{position:sticky;top:calc(var(--ust,118px) + 24px);display:flex;flex-direction:column;gap:26px}
.urun-bilgi h1{margin:0;font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(38px,4vw,60px);line-height:1.02;color:var(--kahve-koyu)}
.urun-fiyat{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--bordo);display:flex;gap:14px;align-items:baseline}
.urun-fiyat s{font-size:22px;color:var(--ikincil)}
.urun-fiyat small{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.1em;color:var(--ikincil)}
.secici{display:flex;flex-direction:column;gap:12px}
.secici .baslik{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ikincil)}
.secici .baslik b{font-weight:400;color:var(--kahve-koyu);letter-spacing:.1em;text-transform:none;font-size:14px}
.secici .baslik a{text-decoration:underline;letter-spacing:.1em;text-transform:none;font-size:13px}
.dugmeler{display:flex;flex-wrap:wrap;gap:8px}
.dugme{min-width:52px;min-height:46px;padding:0 16px;border:1px solid var(--cizgi);background:#fff;color:var(--kahve-koyu);font-size:14px;cursor:pointer;transition:border-color .3s,background .3s,color .3s}
.dugme:hover{border-color:var(--kahve)}
.dugme.secili{border-color:var(--kahve-koyu);background:var(--kahve-koyu);color:var(--zemin)}
.dugme.yok{color:#B9A99A;text-decoration:line-through;background:var(--zemin)}
.adet{display:inline-flex;border:1px solid var(--cizgi);background:#fff;align-self:flex-start}
.adet button{width:46px;height:46px;border:0;background:none;font-size:18px;color:var(--kahve-koyu);cursor:pointer}
.adet input{width:48px;border:0;text-align:center;font-family:inherit;font-size:15px;color:var(--kahve-koyu);background:none;-moz-appearance:textfield}
.adet input::-webkit-inner-spin-button{-webkit-appearance:none}
.eylem{display:flex;gap:10px}
.eylem .btn{flex:1;justify-content:center}
.favori-btn{width:58px;flex:none;border:1px solid var(--cizgi);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--kahve-koyu)}
.favori-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}
.favori-btn.secili{color:var(--bordo)}
.favori-btn.secili svg{fill:var(--bordo)}
.stok-not{font-size:13px;color:var(--bordo);min-height:20px}
.aciklama{font-size:15px;line-height:1.9;color:var(--ikincil);white-space:pre-line}
.akordeon details{border-top:1px solid var(--cizgi)}
.akordeon details:last-child{border-bottom:1px solid var(--cizgi)}
.akordeon summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:18px 0;font-size:12px;letter-spacing:.26em;text-transform:uppercase;font-weight:400;color:var(--kahve-koyu)}
.akordeon summary::-webkit-details-marker{display:none}
.akordeon summary::after{content:"+";font-size:18px;font-weight:300}
.akordeon details[open] summary::after{content:"−"}
.akordeon .ic{padding:0 0 20px;font-size:14px;line-height:1.8;color:var(--ikincil)}
.akordeon .ic a{text-decoration:underline}
.bildirim{position:fixed;left:50%;bottom:28px;transform:translate(-50%,140%);z-index:90;background:var(--kahve-koyu);color:var(--zemin);padding:16px 22px;font-size:14px;display:flex;gap:18px;align-items:center;transition:transform .6s var(--yumusak);max-width:calc(100vw - 32px)}
.bildirim.goster{transform:translate(-50%,0)}
.bildirim a{color:#E9D4B0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;border-bottom:1px solid currentColor;white-space:nowrap}
@media (max-width:860px){
  .urun-detay{grid-template-columns:1fr}
  .urun-bilgi{position:static}
  .galeri{grid-template-columns:1fr 1fr;gap:6px}
}

/* Sepet */
.sepet-duzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:clamp(32px,5vw,80px);align-items:start}
@media (max-width:900px){.sepet-duzen{grid-template-columns:1fr}}
.sepet-satir{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:20px;padding:24px 0;border-bottom:1px solid var(--cizgi);align-items:start}
.sepet-satir:first-child{border-top:1px solid var(--cizgi)}
.sepet-satir .f{aspect-ratio:3/4;background:var(--krem);overflow:hidden}
.sepet-satir .f img{width:100%;height:100%;object-fit:cover}
.sepet-satir .ad{font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--kahve-koyu);line-height:1.15}
.sepet-satir .oz{font-size:13px;color:var(--ikincil);margin:6px 0 14px}
.sepet-satir .tutar{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--bordo);white-space:nowrap;text-align:right}
.sepet-satir .kaldir{background:none;border:0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ikincil);cursor:pointer;padding:8px 0;margin-left:16px;text-decoration:underline}
.sepet-satir .not{font-size:13px;color:var(--bordo);margin-top:8px}
@media (max-width:560px){.sepet-satir{grid-template-columns:84px minmax(0,1fr)}.sepet-satir .tutar{grid-column:2;text-align:left}}
.ozet{background:#fff;border:1px solid var(--cizgi);padding:32px 28px;display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--ust,118px) + 24px)}
.ozet h2{margin:0 0 6px;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:30px;color:var(--kahve-koyu)}
.ozet .s{display:flex;justify-content:space-between;font-size:14px;color:var(--ikincil);gap:12px}
.ozet .s.toplam{border-top:1px solid var(--cizgi);padding-top:16px;font-size:15px;color:var(--kahve-koyu)}
.ozet .s.toplam b{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:28px;color:var(--bordo)}
.ozet .kargo-not{font-size:12px;color:var(--altin);letter-spacing:.06em}
.ozet .mini{display:flex;gap:12px;font-size:13px;color:var(--kahve);align-items:center}
.ozet .mini img{width:48px;height:64px;object-fit:cover;background:var(--krem);flex:none}
.ozet .mini span{flex:1;line-height:1.5}
.ozet .guven{font-size:12px;color:var(--ikincil);text-align:center;letter-spacing:.06em}

/* Ödeme */
.odeme-form{display:flex;flex-direction:column;gap:44px}
.odeme-form fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.odeme-form legend{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--kahve-koyu);margin-bottom:10px;padding:0}
.sekme{display:flex;border:1px solid var(--cizgi);background:#fff}
.sekme label{flex:1;text-align:center;padding:14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:var(--ikincil)}
.sekme input{position:absolute;opacity:0;pointer-events:none}
.sekme label:has(input:checked){background:var(--kahve-koyu);color:var(--zemin)}
.sozlesme{max-height:220px;overflow:auto;border:1px solid var(--cizgi);background:#fff;padding:18px;font-size:13px;line-height:1.7;color:var(--ikincil)}
.sozlesme h3{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--kahve-koyu);font-weight:400;margin:14px 0 6px}
.gizli{display:none!important}

/* Metin sayfaları (yasal vb.) */
.metin-sayfa{font-size:16px;line-height:1.9;color:var(--ikincil)}
.metin-sayfa h2{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:30px;color:var(--kahve-koyu);margin:44px 0 12px;line-height:1.2}
.metin-sayfa p{margin:0 0 16px}
.metin-sayfa ul{margin:0 0 16px;padding-left:20px}
.metin-sayfa li{margin-bottom:6px}

/* Sipariş sayfası */
.durum-cizgi{display:flex;gap:0;margin:8px 0 40px;flex-wrap:wrap}
.durum-cizgi span{flex:1;min-width:120px;padding-right:16px;border-top:2px solid var(--cizgi);padding-top:12px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ikincil)}
.durum-cizgi span.tamam{border-color:var(--altin);color:var(--kahve-koyu)}
.tablo{width:100%;border-collapse:collapse;font-size:14px}
.tablo th{text-align:left;font-weight:400;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ikincil);border-bottom:1px solid var(--cizgi);padding:12px 8px}
.tablo td{border-bottom:1px solid var(--cizgi);padding:14px 8px;color:var(--kahve);vertical-align:top}
.tablo td.sag,.tablo th.sag{text-align:right}
.kutu-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:40px}
.kutu-izgara > div{border:1px solid var(--cizgi);background:#fff;padding:24px;font-size:14px;line-height:1.8;color:var(--ikincil)}
.kutu-izgara h3{margin:0 0 10px;font-size:11px;letter-spacing:.3em;font-weight:400;color:var(--bordo);text-transform:uppercase}

/* Arama */
.arama-form{display:flex;border-bottom:1px solid var(--kahve);max-width:720px;margin-bottom:48px}
.arama-form input{flex:1;min-height:64px;border:0;background:transparent;font-family:'Cormorant Garamond',serif;font-size:32px;color:var(--kahve-koyu);outline:none}
.arama-form button{background:none;border:0;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--bordo);cursor:pointer}

.bulten-sonuc{font-size:13px;min-height:20px;color:var(--bordo)}
/* Sabit WhatsApp düğmesi */
.wp-dugme{position:fixed;right:20px;bottom:20px;z-index:70;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(30,18,12,.22);transition:transform .3s ease}
.wp-dugme:hover{transform:scale(1.07)}
.wp-dugme svg{width:28px;height:28px;fill:currentColor}
@media (max-width:860px){.wp-dugme{right:14px;bottom:14px;width:50px;height:50px}}
/* Stoğa gelince haber ver */
.stok-haber{border:1px solid var(--cizgi);background:#fff;padding:20px;display:flex;flex-direction:column;gap:12px}
.stok-haber[hidden]{display:none}
.stok-haber b{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:22px;color:var(--kahve-koyu)}
.stok-haber p{margin:0;font-size:14px;color:var(--ikincil)}
.stok-haber form{display:flex;flex-direction:column;gap:12px}
.satir-form{display:flex;gap:8px;flex-wrap:wrap}
.satir-form input{flex:1 1 200px;font-family:inherit;font-size:16px;font-weight:300;border:1px solid var(--cizgi);padding:12px 14px;min-height:48px;color:var(--kahve-koyu);background:#fff}
.satir-form input:focus{border-color:var(--altin);outline:none}
.satir-form .btn{padding:14px 22px}
.stok-haber-sonuc{font-size:13px;color:var(--bordo)!important;min-height:0}
.stok-haber-sonuc:empty{display:none}
/* Değerlendirmeler */
.yildiz{display:inline-flex;gap:2px;font-style:normal;letter-spacing:0}
.yildiz i{font-style:normal;color:var(--cizgi)}
.yildiz i.dolu{color:var(--altin)}
.yorum-kisa{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--ikincil)}
.yorum-kisa:hover span{text-decoration:underline}
.yorumlar{margin-top:14vh;max-width:860px}
.yorum-ozet{display:flex;align-items:center;gap:12px;margin-bottom:28px;font-size:14px;color:var(--ikincil)}
.yorum-ozet .yildiz{font-size:20px}
.yorum-ozet b{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:30px;color:var(--kahve-koyu)}
.yorum-liste{display:flex;flex-direction:column}
.yorum{border-top:1px solid var(--cizgi);padding:24px 0;display:flex;flex-direction:column;gap:10px}
.yorum:last-child{border-bottom:1px solid var(--cizgi)}
.yorum p{margin:0;font-size:15px;line-height:1.75;color:var(--kahve);white-space:pre-line}
.yorum-ust{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dogrulandi{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil)}
.yorum-alt{font-size:13px;color:var(--ikincil)}
.yorum-alt b{font-weight:500;color:var(--kahve-koyu)}
.degerlendir-liste{display:flex;flex-direction:column;gap:20px}
.degerlendir-kutu{border:1px solid var(--cizgi);background:#fff;padding:24px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.degerlendir-kutu h3{margin:0;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:26px;color:var(--kahve-koyu)}
.degerlendir-kutu .alan{width:100%}
.puan-sec{border:0;padding:0;margin:0;display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.puan-sec input{position:absolute;opacity:0;width:1px;height:1px}
.puan-sec label{font-size:34px;line-height:1;color:var(--cizgi);cursor:pointer;transition:color .2s}
.puan-sec label:hover,.puan-sec label:hover ~ label,.puan-sec input:checked ~ label{color:var(--altin)}
.puan-sec input:focus-visible + label{outline:2px solid var(--altin);outline-offset:2px}
/* Çerez onay bandı */
.cerez-bant{position:fixed;left:16px;right:16px;bottom:16px;z-index:95;max-width:760px;margin:0 auto;background:var(--zemin);color:var(--kahve);border:1px solid var(--cizgi);box-shadow:0 10px 40px rgba(30,18,12,.18);padding:20px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.cerez-bant[hidden]{display:none}
.cerez-bant p{margin:0;flex:1 1 320px;font-size:13px;line-height:1.7;color:var(--ikincil)}
.cerez-bant p a{text-decoration:underline;color:var(--kahve-koyu)}
.cerez-dugmeler{display:flex;gap:10px;flex-wrap:wrap}
.cerez-dugmeler .btn{padding:13px 22px}