/* Bildirimler, kalp düğmesi, kartın üzerine gelince çıkan «Sepete Ekle» */
#kbBildirimler { position: fixed; top: 76px; right: 16px; z-index: 100000; display: flex; flex-direction: column; gap: 10px; max-width: calc(100vw - 32px); pointer-events: none; }
.kb-bildirim { display: flex; align-items: center; gap: 10px; background: #fff; border-left: 4px solid #2e9e5b; border-radius: 8px; box-shadow: 0 8px 24px rgba(20, 30, 60, .2); padding: 12px 16px; font-size: 14px; color: #222; opacity: 0; transform: translateX(24px); transition: opacity .25s, transform .25s; pointer-events: auto; }
.kb-bildirim.goster { opacity: 1; transform: none; }
.kb-bildirim i { font-size: 18px; color: #2e9e5b; }
.kb-bildirim.hata { border-left-color: #E3101D; } .kb-bildirim.hata i { color: #E3101D; }
.kb-bildirim.bilgi { border-left-color: #3964AD; } .kb-bildirim.bilgi i { color: #3964AD; }
.kb-bildirim a { margin-left: 6px; color: #E3101D; font-weight: 700; text-decoration: none; white-space: nowrap; }

.kb-kart-sarmal { position: relative; }
.kb-kalp { position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .92); box-shadow: 0 1px 4px rgba(0, 0, 0, .18); color: #8a97ad; font-size: 17px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 4; transition: color .15s, transform .15s; }
.kb-kalp:hover { color: #E3101D; transform: scale(1.08); }
.kb-kalp.favoride { color: #E3101D; }

.kb-hizli-ekle { position: absolute; right: 8px; bottom: 8px; z-index: 3; padding: 5px 10px; border: 0; border-radius: 5px; background: #1f2d4a; color: #fff; font-size: 12px; font-weight: 600; cursor: pointer; opacity: 0; transform: translateY(4px); transition: opacity .15s, transform .15s, background .15s; }
.kb-hizli-ekle:hover { background: #12203a; }
.kb-kart-sarmal:hover .kb-hizli-ekle, .kb-hizli-ekle:focus { opacity: 1; transform: none; }

/* Fiyat satırındaki %5 rozeti: üzerine gelince küçük koyu «Sepete Ekle» ile yer değiştirir */
.kb-mini-ekle { display: none; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border: 0; border-radius: 4px; background: #1f2d4a; color: #fff; font-size: 11.5px; font-weight: 600; line-height: 1; cursor: pointer; white-space: nowrap; }
.kb-mini-ekle i { font-size: 11px; color: #fff; }
.kb-mini-ekle:hover { background: #12203a; }
.kb-mini-var:hover .bolumItemAlt2Sol, .kb-mini-var:hover .itemAlt2Sol { display: none !important; }
.kb-mini-var:hover .kb-mini-ekle { display: inline-flex; }
@media (hover: none) {
  .kb-hizli-ekle { opacity: 1; transform: none; }
  .kb-mini-var .bolumItemAlt2Sol, .kb-mini-var .itemAlt2Sol { display: none !important; }
  .kb-mini-var .kb-mini-ekle { display: inline-flex; }
}
@media (max-width: 575px) { #kbBildirimler { top: 64px; right: 10px; left: 10px; } }