:root{
--bs-primary: #1463f3; /* moderni sininen */
--bs-secondary: #6c757d; /* harmaa */
}
.btn-primary{ --bs-btn-bg:var(--bs-primary); --bs-btn-border-color:var(--bs-primary); }
.badge-top{ font-size:.75rem; }
.card-product{ transition:transform .2s ease, box-shadow .2s ease; }
.card-product:hover{ transform:translateY(-2px); box-shadow:0 .5rem 1rem rgba(0,0,0,.08); }
.img-fit{ width:100%; height:240px; object-fit:cover; background:#f3f5f7; }
@media (max-width: 575.98px){ .img-fit{ height:180px; } }

/* aktiivinen pikkukuva */
.thumb-btn.active .thumb-img{
  outline: 3px solid var(--bs-primary);
  outline-offset: 2px;
  box-shadow: 0 0 0 1px #fff inset;
}
.thumb-btn:focus-visible .thumb-img{
  outline: 3px dashed var(--bs-primary);
  outline-offset: 2px;
}