/* selfBeautyStore B2B vitrin */
.btn-primary{--bs-btn-bg:var(--b2b);--bs-btn-border-color:var(--b2b);--bs-btn-hover-bg:color-mix(in srgb,var(--b2b) 85%,#000);--bs-btn-hover-border-color:color-mix(in srgb,var(--b2b) 85%,#000);--bs-btn-active-bg:var(--b2b)}
.btn-outline-primary{--bs-btn-color:var(--b2b);--bs-btn-border-color:var(--b2b);--bs-btn-hover-bg:var(--b2b);--bs-btn-hover-border-color:var(--b2b)}
.text-primary{color:var(--b2b)!important}
.product-card{transition:box-shadow .15s;border:1px solid #e9ecef}
.product-card:hover{box-shadow:0 .5rem 1.25rem rgba(0,0,0,.08)}
.object-fit-cover{object-fit:cover}
.balance-card{background:linear-gradient(135deg,var(--b2b),color-mix(in srgb,var(--b2b) 70%,#fff));color:#fff;border-radius:1rem}
.qty-input{width:80px;text-align:center}
.card{border-radius:.9rem}
.form-control,.form-select{border-radius:.6rem}
.slider-img{height:260px;object-fit:cover;border-radius:1rem}
@media (max-width:576px){.slider-img{height:160px}}
/* Varyant (ton / renk) */
.swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);vertical-align:middle}
.variant-opt{display:inline-flex;align-items:center;gap:.4rem;border:1px solid #dee2e6;border-radius:2rem;padding:.3rem .75rem .3rem .4rem;background:#fff;font-size:.85rem;cursor:pointer;line-height:1.2}
.variant-opt .swatch{width:22px;height:22px}
.variant-opt.active{border-color:var(--b2b);box-shadow:0 0 0 2px var(--b2b) inset}
.variant-opt.tukendi{opacity:.55}
.variant-opt.tukendi .lbl{text-decoration:line-through}