/* Only the selected current quick-view modal. Edit tokens to tune presentation. */
body.htw-slot-quick-view-current .product-quick-view-container {
  --qqv-font: grosa, WGMNativeCardJost, Arial, sans-serif;
  --qqv-ink: #21201f;
  --qqv-muted: #62605e;
  --qqv-sale: #a92c25;
  --qqv-badge-bg: #f3f3f2;
  --qqv-badge-ink: #21201f;
  --qqv-action-radius: 999px;
  --qqv-title-size: clamp(26px, 2.3vw, 32px);
  color: var(--qqv-ink);
  font-family: var(--qqv-font);
}

/* Native template supplies the real product title, price and sale badge. */
body.htw-slot-quick-view-current .product-quick-view-container .product-lightbox-inner > a.plain h1 {
  color: var(--qqv-ink);
  font: 400 var(--qqv-title-size)/1.2 var(--qqv-font);
  letter-spacing: normal;
  overflow-wrap: anywhere;
}
body.htw-slot-quick-view-current .product-quick-view-container .price {
  color: var(--qqv-ink);
  font: 400 17px/1.4 var(--qqv-font);
}
body.htw-slot-quick-view-current .product-quick-view-container .price ins,
body.htw-slot-quick-view-current .product-quick-view-container .price ins .amount {
  color: var(--qqv-sale);
}
body.htw-slot-quick-view-current .product-quick-view-container .price del,
body.htw-slot-quick-view-current .product-quick-view-container .price del .amount {
  color: var(--qqv-muted);
}
body.htw-slot-quick-view-current .product-quick-view-container .product-gallery .badge-container .badge {
  display: block;
  width: max-content;
  max-width: 100%;
  height: auto;
  transform: none;
}
body.htw-slot-quick-view-current .product-quick-view-container .product-gallery .badge-container .badge-inner.on-sale {
  display: block;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  padding: 5px 8px;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--qqv-badge-bg) !important;
  color: var(--qqv-badge-ink) !important;
  font: 400 14px/1.2 var(--qqv-font) !important;
  text-align: left;
}
body.htw-slot-quick-view-current .product-quick-view-container .product-gallery .badge-container .badge-inner.on-sale .onsale {
  color: var(--qqv-badge-ink) !important;
  font: inherit;
}

/* Leave the configured button colours, WooCommerce state and form intact. */
body.htw-slot-quick-view-current .product-quick-view-container form.cart .single_add_to_cart_button,
body.htw-slot-quick-view-current .product-quick-view-container form.cart .ux-buy-now-button {
  border-radius: var(--qqv-action-radius);
  font-family: var(--qqv-font);
  font-weight: 500;
}
body.htw-slot-quick-view-current .product-quick-view-container .sf-quick-variant,
body.htw-slot-quick-view-current .product-quick-view-container form.cart select {
  font-family: var(--qqv-font);
}

@media (max-width: 549px) {
  body.htw-slot-quick-view-current .product-quick-view-container {
    --qqv-title-size: 25px;
  }
}