/* BearPlayX: half-size original Astra frame cards. Layout only; preserve artwork, prices, cart JS. */
.cards.cards-carousel>.card.bpx-skin-card.bpx-exact-card{
  flex:0 0 clamp(148px,11.8vw,170px);
  width:clamp(148px,11.8vw,170px);
  max-width:170px;
  scroll-snap-align:start;
}
.cards.cards-full{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(145px,170px));
  gap:12px;
  align-items:start;
  justify-content:start;
  max-width:none;
  margin-inline:0;
}
/* Container-scaled text remains legible when cards are compact. */
.card.bpx-skin-card.bpx-exact-card .bpx-skin-title{font-size:clamp(10px,7.2cqw,13px)}
.card.bpx-skin-card.bpx-exact-card .bpx-skin-edition{font-size:clamp(8px,5.55cqw,10px)}
.card.bpx-skin-card.bpx-exact-card .bpx-skin-price{font-size:clamp(10px,7.3cqw,13px)}
.card.bpx-skin-card.bpx-exact-card .bpx-skin-price.is-long{font-size:clamp(9px,6.45cqw,11px)}
.card.bpx-skin-card.bpx-exact-card .bpx-skin-price.is-muted{font-size:clamp(8px,3.7cqw,10px)}
.card.bpx-skin-card.bpx-exact-card button.bpx-skin-add{font-size:clamp(8px,5.55cqw,10px)}
.card.bpx-skin-card.bpx-exact-card .bpx-skin-add svg{width:7cqw;height:7cqw}
@media(max-width:560px){
  .cards.cards-carousel>.card.bpx-skin-card.bpx-exact-card{
    flex:0 0 calc((100vw - 37px)/2);
    width:calc((100vw - 37px)/2);
    max-width:205px;
  }
  .cards.cards-full{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:none;margin-inline:0}
}
/* Preserve minimum comfortable tap height without enlarging the card artwork. */
.card.bpx-skin-card.bpx-exact-card button.bpx-skin-add{touch-action:manipulation}