/* 8 — PRIDE ambient background: keep the veil behind the animated dots. */
html{background:var(--bg)}
body{background:transparent}
#pride-scene{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none;opacity:1}
.pride-veil{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#0f0f11f7 0%,#0f0f11d1 30%,#0f0f114d 66%,#0f0f1114 100%)}
[data-theme="light"] .pride-veil{background:linear-gradient(90deg,#f5f5f3f7 0%,#f5f5f3cf 32%,#f5f5f342 68%,#f5f5f312 100%)}
/* 9 — boxing gloves removed from the background */
.glove-world,.glove{display:none!important}
@media(max-width:800px){
 #pride-scene{opacity:.9}
 .pride-veil{background:linear-gradient(180deg,#0f0f11c4 0%,#0f0f1173 46%,#0f0f11e8 100%)}
 [data-theme="light"] .pride-veil{background:linear-gradient(180deg,#f5f5f3c4 0%,#f5f5f37d 46%,#f5f5f3e8 100%)}
}
@media(prefers-reduced-motion:reduce){#pride-scene{opacity:.4}}

/* 10 — price amounts: the euro sign is a separate, lighter unit so the number reads first */
.price-card .amount{display:flex;align-items:baseline;gap:.12em;letter-spacing:-.035em!important}
.price-card .amount span{font-size:.44em!important;margin-left:0!important;font-weight:700;letter-spacing:0;line-height:1;opacity:.7}
@media(max-width:540px){.price-card .amount{gap:.1em}}

/* Decorative absolutes (hero outline, polish sheen, union marks) may extend past
 * the viewport; clip instead of creating a horizontal scrollbar. */
html,body{overflow-x:clip;max-width:100%}