/* ===================================================================
   Productpagina — galerij, hoeveelheid-stepper (grote maat), wishlist,
   gebruiksaanwijzing.
   Laad na base.css.
=================================================================== */

.qty-btn{ width:38px; height:44px; }
.qty-input{ width:44px; height:44px; font-size:14px; }

/* galerij thumbnails */
.thumb{
  opacity:.55; transition:opacity .3s ease, box-shadow .3s ease;
  box-shadow:0 0 0 0 var(--ink);
}
.thumb:hover{ opacity:.85; }
.thumb.is-active{ opacity:1; box-shadow:0 0 0 1px var(--ink); }

.wishlist-btn svg{ transition:transform .3s cubic-bezier(.34,1.56,.64,1), fill .3s ease; }
.wishlist-btn.is-active svg{ fill:#6E362C; stroke:#6E362C; transform:scale(1.1); }

.usage-step{ counter-increment:usage; }
.usage-list{ counter-reset:usage; }
.usage-step .usage-number{ font-family:'Fraunces',serif; font-style:italic; }
.usage-step .usage-number::before{ content:counter(usage); }