/* V3 AJLIB surfaces only. Keeps approved layout, dimensions and provider UI. */
:root {
  --depth-soft: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 10px rgba(38,53,45,.07);
  --depth-raised: inset 0 1px 0 rgba(255,255,255,.85), 0 5px 20px rgba(38,53,45,.09);
  --depth-selected: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 12px rgba(38,53,45,.12);
}
.home-hero,.home-configurator,.home-product-media,.cart-line,.cart-quote-card,
.smart-cart-address,.address-summary,.address-choice-card,.pay-method {
  box-shadow:var(--depth-soft);
  background-image:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,255,255,0) 60%);
}
.home-hero,.home-summary {box-shadow:var(--depth-raised)}
.home-color,.home-size,.home-quantity {box-shadow:var(--depth-soft)}
.home-color[aria-pressed="true"],.home-size[aria-pressed="true"],
.home-quantity[aria-pressed="true"],.address-choice-card.selected,
.pay-method:has(input:checked) {box-shadow:var(--depth-selected)}
.home-add,.address-add,.address-form-v1 .primary,.cart-sticky-footer .primary {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 10px rgba(38,53,45,.15);
}
@media (hover:hover) and (pointer:fine) {
  .home-color:hover,.home-size:hover,.home-quantity:hover {box-shadow:var(--depth-selected)}
}
@media (prefers-reduced-motion:reduce) {
  .home-color,.home-size,.home-quantity,.address-choice-card,.pay-method {transition:none}
}
@media (forced-colors:active) {
  .home-hero,.home-configurator,.cart-line,.address-choice-card,.pay-method {box-shadow:none;background-image:none}
}