/* Sağ alt köşe teklif bildirimi */
#ks-teklif-kutu{
position:fixed;right:20px;bottom:20px;z-index:99999;
width:340px;max-width:calc(100vw - 32px);
background:#fff;border-radius:14px;
box-shadow:0 12px 40px rgba(0,0,0,.22);
font-family:inherit;color:#1d2327;overflow:hidden;
transform:translateY(26px);opacity:0;
transition:transform .3s cubic-bezier(.2,.8,.3,1),opacity .3s
}
#ks-teklif-kutu.ks-acik{transform:translateY(0);opacity:1}
#ks-teklif-kutu .ks-teklif-kapat{
position:absolute;top:6px;right:8px;z-index:2;
background:none;border:0;cursor:pointer;
font-size:22px;line-height:1;color:#fff;opacity:.85;padding:4px 6px
}
#ks-teklif-kutu .ks-teklif-kapat:hover{opacity:1}
#ks-teklif-kutu .ks-teklif-ust{
background:linear-gradient(135deg,#eb1601,#b81100);
color:#fff;padding:11px 40px 11px 16px;
display:flex;align-items:center;gap:10px
}
#ks-teklif-kutu .ks-teklif-rozet{font-weight:700;font-size:14px;letter-spacing:.2px}
#ks-teklif-kutu .ks-teklif-oran{
margin-left:auto;background:rgba(255,255,255,.22);
border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap
}
#ks-teklif-kutu .ks-teklif-govde{display:flex;gap:12px;padding:14px 16px 6px}
#ks-teklif-kutu .ks-teklif-gorsel{
width:64px;height:64px;object-fit:contain;flex:0 0 64px;
border:1px solid #eee;border-radius:8px;background:#fff
}
#ks-teklif-kutu .ks-teklif-bilgi{min-width:0}
#ks-teklif-kutu .ks-teklif-bilgi p{margin:0 0 4px;line-height:1.4}
#ks-teklif-kutu .ks-teklif-mesaj{font-size:13px;color:#50575e}
#ks-teklif-kutu .ks-teklif-urun{
font-size:13px;font-weight:600;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
#ks-teklif-kutu .ks-teklif-fiyat{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#ks-teklif-kutu .ks-teklif-fiyat s{color:#8c8f94;font-size:13px}
#ks-teklif-kutu .ks-teklif-fiyat strong{color:#eb1601;font-size:17px}
#ks-teklif-kutu .ks-teklif-alt{display:flex;gap:8px;padding:6px 16px 16px}
#ks-teklif-kutu .ks-teklif-alt button{
flex:1;border:0;border-radius:8px;padding:10px 12px;
font-size:13px;font-weight:600;cursor:pointer;font-family:inherit
}
#ks-teklif-kutu .ks-teklif-uygula{background:#eb1601;color:#fff}
#ks-teklif-kutu .ks-teklif-uygula:hover{background:#c81300}
#ks-teklif-kutu .ks-teklif-uygula:disabled{opacity:.7;cursor:default}
#ks-teklif-kutu .ks-teklif-vazgec{background:#f0f0f1;color:#50575e;flex:0 0 auto}
#ks-teklif-kutu .ks-teklif-vazgec:hover{background:#e4e4e5}
#ks-teklif-kutu .ks-teklif-push{
display:block;width:calc(100% - 32px);margin:0 16px 14px;
background:#fff;border:1px solid #dcdcde;border-radius:8px;
padding:9px 12px;font-size:12px;font-weight:600;color:#50575e;
cursor:pointer;font-family:inherit
}
#ks-teklif-kutu .ks-teklif-push:hover{background:#f6f7f7;border-color:#c3c4c7}
#ks-teklif-kutu .ks-teklif-push:disabled{opacity:.75;cursor:default}
#ks-teklif-kutu .ks-teklif-ipucu{
margin:0 16px 14px;padding:8px 10px;border-radius:8px;
background:#f6f7f7;color:#646970;font-size:11px;line-height:1.5
}
#ks-teklif-kutu .ks-teklif-ipucu b{color:#3c434a}
@media (max-width:480px){
#ks-teklif-kutu{right:12px;left:12px;bottom:12px;width:auto}
}
@media (prefers-reduced-motion:reduce){
#ks-teklif-kutu{transition:none}
}
/* --- Sepet / çekmece içi hatırlatma şeridi --- */
.ks-teklif-serit{
display:flex;align-items:center;gap:10px;flex-wrap:wrap;
margin:0 0 14px;padding:10px 12px;
background:linear-gradient(135deg,#fff5f4,#ffecea);
border:1px solid #f3b8b1;border-left:4px solid #eb1601;border-radius:10px;
font-size:13px;line-height:1.4;color:#1d2327
}
.ks-teklif-serit .ks-serit-rozet{
background:#eb1601;color:#fff;border-radius:20px;
padding:2px 10px;font-size:11px;font-weight:700;white-space:nowrap
}
.ks-teklif-serit .ks-serit-metin{flex:1 1 200px;min-width:0}
.ks-teklif-serit .ks-serit-metin s{color:#8c8f94;margin-right:4px}
.ks-teklif-serit .ks-serit-metin b{color:#eb1601;font-size:15px}
.ks-teklif-serit .ks-serit-uygula{
background:#eb1601;color:#fff;border:0;border-radius:8px;
padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;
font-family:inherit;white-space:nowrap
}
.ks-teklif-serit .ks-serit-uygula:hover{background:#c81300}
.ks-teklif-serit .ks-serit-uygula:disabled{opacity:.7;cursor:default}
/* Çekmecede: en altta sabit. margin-top:auto esnek kutuda alta iter,
sticky ise kaydırılan bir kapsayıcıda alta yapıştırır — hangisi
geçerliyse o çalışır, ikisi birlikte güvenli. */
/* Not: .drawer-inner'in display'i BILEREK degistirilmiyor. Flex'e
zorlamak Kadence'in kendi cekmece duzenini bozabiliyor; sirali
akista zaten son eleman olarak en altta duruyor. */
#cart-drawer .ks-teklif-serit.ks-serit-alt{
margin:12px 0 0;
position:sticky;bottom:0;z-index:3;
border-radius:12px 12px 0 0;
border-left-width:1px;border-top:3px solid #eb1601;
box-shadow:0 -6px 18px rgba(0,0,0,.10);
background:linear-gradient(135deg,#fff7f6,#ffeae7)
}
#cart-drawer .ks-teklif-serit .ks-serit-uygula{flex:1 1 100%}
/* Köşe kutusundaki sayaç */
#ks-teklif-kutu .ks-teklif-oran{margin-left:auto}
@media (max-width:480px){
.ks-teklif-serit{gap:8px}
.ks-teklif-serit .ks-serit-uygula{flex:1 1 100%}
}
/* --- Sepet satirindaki "Özel Fiyat Uygulandı" etiketi --- */
.ks-ozel-etiket{
display:inline-block;background:#eb1601;color:#fff;
border-radius:20px;padding:1px 9px;font-size:11px;font-weight:700;
letter-spacing:.2px
}
.woocommerce-mini-cart-item .ks-ozel-etiket,
.woocommerce-cart-form .ks-ozel-etiket{margin-bottom:2px}
.ks-ozel-oran{
background:#fff3cd;color:#7a5c00;border-radius:9px;
padding:0 6px;font-size:11px;font-weight:700
}
/* --- Geri sayım (süre Ayarlar'daki "Teklif süresi"nden gelir) --- */
#ks-teklif-kutu .ks-teklif-sayac{
margin-left:auto;background:rgba(255,255,255,.22);
border-radius:20px;padding:2px 9px;
font-size:12px;font-weight:700;
font-variant-numeric:tabular-nums;white-space:nowrap
}
#ks-teklif-kutu .ks-teklif-oran{margin-left:auto}
#ks-teklif-kutu .ks-teklif-oran+.ks-teklif-sayac{margin-left:0}
.ks-teklif-serit .ks-serit-sayac{
background:#fff;border:1px solid #f3b8b1;border-radius:20px;
padding:2px 10px;font-weight:700;
font-variant-numeric:tabular-nums;white-space:nowrap;color:#b81100
}
/* WooCommerce sonuna ":" basıyor; başlığı gizleyip etiketi
içinde iki nokta olmadan gösteriyoruz. */
dt.variation-ks-ozel{display:none!important}
dd.variation-ks-ozel{margin:2px 0 0!important}
dd.variation-ks-ozel p{margin:0!important}