/* ==========================================================================
 * Single Product Tokens
 * Purpose: variables only (no heavy selectors)
 * ========================================================================== */

body.single-product.woocommerce{
  --mj-sp-thumb: 72px;
  --mj-sp-thumb-gap: 10px;
}

@media (max-width: 860px){
  body.single-product.woocommerce{
    --mj-sp-thumb: 64px;
    --mj-sp-thumb-gap: 10px;
  }
}

/* Optional: ultra-small tweaks */
@media (max-width: 380px){
  body.single-product.woocommerce{
    --mj-sp-thumb: 52px;
    --mj-sp-thumb-gap: 8px;
  }
}