/* Colour belongs to each selected reference; the surrounding trade UI stays quiet. */
.product-card[data-watch-palette] .product-card__media,
.family-panel[data-watch-palette] .family-panel__photo{
 background-color:var(--watch-background,#e9e6df);
 background-image:none;
 background-position:center;
 background-size:cover;
 background-blend-mode:soft-light;
 transition:background-color 180ms ease-out;
}
.product-card[data-watch-palette="blue"] .product-card__media,
.product-card[data-watch-palette="mint"] .product-card__media,
.family-panel[data-watch-palette="blue"] .family-panel__photo,
.family-panel[data-watch-palette="mint"] .family-panel__photo{
 background-image:none;
}
.watch-sequence[data-watch-palette] .watch-sequence__stage{
 background-color:var(--watch-background,#e9e6df);
 transition:background-color 160ms linear;
}
/* Richer watch colours remain readable at the heading's larger display size. */
.watch-sequence[data-watch-palette="porcelain"]{--watch-heading:#576457}
.watch-sequence[data-watch-palette="champagne"]{--watch-heading:#a67816}
.watch-sequence[data-watch-palette="rose"]{--watch-heading:#bd4668}
.watch-sequence[data-watch-palette="cool-limestone"]{--watch-heading:#343e44}
.watch-sequence[data-watch-palette="blue"]{--watch-heading:#087bad}
.watch-sequence[data-watch-palette="mint"]{--watch-heading:#008875}
.watch-sequence[data-watch-palette="green"]{--watch-heading:#448820}
.watch-sequence[data-watch-palette="burgundy"]{--watch-heading:#a52e62}
.watch-sequence[data-watch-palette] #sequence-heading{
 color:var(--watch-heading,#173c32);
 font-size:clamp(40px,3.5vw,46px);
 text-wrap:balance;
 transition:color 160ms linear;
}
@media(max-width:767px){
 .watch-sequence[data-watch-palette] #sequence-heading{font-size:clamp(28px,4.6vw,32px)}
}
@media(prefers-reduced-motion:reduce){
 .product-card[data-watch-palette] .product-card__media,
 .family-panel[data-watch-palette] .family-panel__photo,
 .watch-sequence[data-watch-palette] .watch-sequence__stage,
 .watch-sequence[data-watch-palette] #sequence-heading{transition:none}
}