/* Every card surface follows the selected storefront palette. */
body[data-theme]{--card-surface:var(--white);--card-tint:color-mix(in srgb,var(--soft) 65%,var(--white));--card-media:color-mix(in srgb,var(--green) 9%,var(--white));--card-photo:color-mix(in srgb,var(--green) 6%,#fff);--card-action:var(--green);--card-action-end:var(--hover)}
html[data-appearance=dark] body[data-theme]{--card-tint:color-mix(in srgb,var(--soft) 55%,var(--white));--card-media:color-mix(in srgb,var(--soft) 75%,var(--white));--card-photo:color-mix(in srgb,var(--metal) 18%,#f1f4ef)}
body[data-theme] .product,html[data-appearance=dark] body[data-theme] .product{background:var(--card-surface);border-color:var(--line)}
body[data-theme] .product:nth-child(n) .product-media,html[data-appearance=dark] body[data-theme] .product:nth-child(n) .product-media{background:linear-gradient(145deg,var(--card-media),var(--card-tint));border-color:var(--line)}
body[data-theme] .product .product-info{background:linear-gradient(165deg,var(--card-surface) 45%,var(--card-tint));color:var(--ink)}
body[data-theme] .product .product-media:has(.product-photo){background:var(--card-photo)}
body[data-theme] .product .product-photo{background:transparent;mix-blend-mode:multiply}
body[data-theme] .product .product-visual{isolation:isolate}
body[data-theme] .product .product-visual:has(.product-photo){background:var(--card-photo)}
body[data-theme] .product .media-brand{color:var(--accent)}
body[data-theme] .product .product-category,body[data-theme] .product .product-ref,body[data-theme] .product .price small,body[data-theme] .product .stock-tag{color:var(--muted)}
body[data-theme] .product h3,body[data-theme] .product .price{color:var(--ink)}
body[data-theme] .product .stock-tag.in-stock i{background:var(--green)}
html[data-appearance=dark] body[data-theme] .product .stock-tag.in-stock i{background:var(--metal)}
body[data-theme] .product .favorite-button,body[data-theme] .product .quick-view{background:var(--card-surface);border-color:var(--line);color:var(--ink)}
body[data-theme] .product .favorite-button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}
body[data-theme] .product .quick-view:hover{background:var(--soft);border-color:var(--accent)}
body[data-theme] .product .add:not(:hover),html[data-appearance=dark] body[data-theme] .product .add:not(:hover),body[data-theme] .product .stepper{background:linear-gradient(115deg,var(--card-action),var(--card-action-end));color:#fff;border-color:transparent}
body[data-theme] .product .add:hover{background:var(--hover);color:#fff}
body[data-theme] .product .add:disabled,html[data-appearance=dark] body[data-theme] .product .add:disabled{background:var(--soft);color:var(--muted);border-color:var(--line)}
body[data-theme] .product .promotion-badge{background:linear-gradient(120deg,var(--hero),var(--green));color:var(--hero-ink)}
body[data-theme] .product .old-price{color:var(--muted)}
body[data-theme] .product .sold-out-overlay{background:color-mix(in srgb,var(--card-surface) 55%,transparent);color:var(--ink)}
body[data-theme] .product .sold-out-overlay strong{background:var(--card-surface);color:var(--muted);border-color:var(--line)}
body[data-theme] .category{transition:background .18s,color .18s,border-color .18s}
@media(prefers-reduced-motion:reduce){body[data-theme] .category{transition:none}}