/* Universe — vitrine de la boutique (v17.20). Chargée seulement sur /boutique/ et /en/shop/, après store.css.
   Profondeur des cartes (inclinaison au pointeur fin, ombre nuit en deux couches, reflet doré discret), apparition au
   défilement (shop-vitrine.js), et créations numériques présentées comme des objets dessinés en CSS autour des vrais
   visuels. Ne touche qu'à transform / translate / rotate / opacity pour tout ce qui bouge. Sélecteurs volontairement
   forts (body.sr-page-shop .sr-st …) : ils passent devant styles-shop.css (généré), universe-premium.css et store.css. */
body.sr-page-shop .sr-st{
  --vt-gold:var(--sr-gold,#d8b571);--vt-gold-l:var(--sr-gold-light,#f5db9e);--vt-r:.9rem;--vt-ease:cubic-bezier(.22,1,.36,1);
  --vt-shadow:0 2px 6px -2px rgba(1,9,16,.7),0 26px 48px -26px rgba(1,9,16,.95);
  --vt-shadow-up:0 6px 14px -6px rgba(1,9,16,.75),0 44px 74px -32px rgba(1,9,16,1),0 0 0 1px rgba(216,181,113,.24),0 0 46px -22px rgba(216,181,113,.32);
  --vt-obj:0 .35cqw .8cqw rgba(1,9,16,.55),0 3.5cqw 6cqw -2cqw rgba(1,9,16,.9)
}

/* ── Grilles des rayons : une hiérarchie, pas une grille uniforme ── */
body.sr-page-shop .sr-st .sr-product-grid.sr-vt-grid{display:grid;perspective:none;gap:clamp(1.25rem,2.4vw,2.2rem);align-items:stretch}
body.sr-page-shop .sr-st .sr-product-grid.sr-vt-prints{grid-template-columns:repeat(3,minmax(0,1fr))}
body.sr-page-shop .sr-st .sr-product-grid.sr-vt-visuels{grid-template-columns:repeat(2,minmax(0,1fr))}
body.sr-page-shop .sr-st .sr-product-grid.sr-vt-musique,body.sr-page-shop .sr-st .sr-product-grid.sr-vt-collection{grid-template-columns:minmax(0,1fr)}
body.sr-page-shop .sr-st .sr-vt-prints>.sr-vt-lead{grid-column:1/-1}

/* ── La carte : un seul bloc qui flotte sur une ombre nuit en deux couches ── */
body.sr-page-shop .sr-st .sr-product.sr-vt-card{position:relative;isolation:isolate;transform-style:flat;display:flex;flex-direction:column;border-radius:var(--vt-r);box-shadow:var(--vt-shadow);transform:none;
  transition:transform .7s var(--vt-ease),opacity .8s var(--vt-ease),translate .8s var(--vt-ease);transition-delay:0s,var(--vt-delay,0s),var(--vt-delay,0s)}
/* Ombre de survol préparée à part : seule son opacité change. */
body.sr-page-shop .sr-st .sr-product.sr-vt-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:var(--vt-shadow-up);opacity:0;transition:opacity .55s var(--vt-ease);pointer-events:none}
/* Reflet doré du site (il suit le pointeur), adouci ici. */
body.sr-page-shop .sr-st .sr-product.sr-vt-card::after{background:radial-gradient(22rem circle at var(--mx,50%) var(--my,40%),rgba(245,219,158,.1),transparent 48%)}
body.sr-page-shop .sr-st .sr-product.sr-vt-card:hover,body.sr-page-shop .sr-st .sr-product.sr-vt-card:focus-within{transform:none;box-shadow:var(--vt-shadow);border-color:transparent}
/* Attente avant apparition : posée par le script seulement, jamais par défaut. */
body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-wait{opacity:0;translate:0 14px}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-product.sr-vt-card:hover{transform:perspective(1100px) rotateX(calc(var(--tilt-x,0deg) * 1.5)) rotateY(calc(var(--tilt-y,0deg) * 1.4)) translate3d(0,-6px,0)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-wide:hover,html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-lead:hover{transform:perspective(1800px) rotateX(calc(var(--tilt-x,0deg) * 1.1)) rotateY(calc(var(--tilt-y,0deg) * .6)) translate3d(0,-5px,0)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-product.sr-vt-card:hover::before{opacity:1}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card .sr-store-thumb img{transition:transform 1.2s var(--vt-ease)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-store-thumb img{transform:scale(1.035)}
}
@media (hover:none),(pointer:coarse){body.sr-page-shop .sr-st .sr-product.sr-vt-card::after{display:none}}

/* ── Image ou scène, puis panneau de texte ── */
body.sr-page-shop .sr-st .sr-vt-card .sr-store-shot{position:relative;display:block;overflow:hidden;border-radius:var(--vt-r) var(--vt-r) 0 0;color:inherit}
body.sr-page-shop .sr-st .sr-vt-card a:focus-visible{outline:2px solid var(--sr-focus,#f6db9b);outline-offset:3px;border-radius:.3rem}
body.sr-page-shop .sr-st .sr-vt-card .sr-store-shot:focus-visible{outline-offset:-3px;border-radius:var(--vt-r) var(--vt-r) 0 0}
/* Alignement : surtitre, titre, texte et prix sur la même marge (le titre et le texte étaient décalés de 0,6 rem). */
body.sr-page-shop .sr-st .sr-vt-card .sr-store-body .sr-kicker{padding:0}
body.sr-page-shop .sr-st .sr-vt-card .sr-store-body h3{padding:0;margin:.4rem 0 .5rem;text-wrap:balance}
body.sr-page-shop .sr-st .sr-vt-card .sr-store-body p{padding:0;min-height:0}
body.sr-page-shop .sr-st .sr-vt-card .sr-product-bottom{padding:0}
/* « Fichiers numériques, téléchargement immédiat » : rien n'est expédié, c'est dit sur la carte. */
body.sr-page-shop .sr-st .sr-vt-card .sr-store-body p.sr-vt-digital{display:flex;align-items:center;gap:.5rem;margin:-.2rem 0 1rem;font-size:.8125rem;line-height:1.35;font-weight:500;color:var(--vt-gold-l)}
body.sr-page-shop .sr-st .sr-vt-digital .sr-icon{flex:none;width:1.05rem;height:1.05rem;color:var(--vt-gold)}

/* ── Cartes larges : objet d'un côté, texte de l'autre (produit seul dans son rayon, affiche mise en avant) ── */
@media (min-width:700px){
  body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-wide,body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}
  body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-lead{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
  body.sr-page-shop .sr-st .sr-vt-wide .sr-store-shot,body.sr-page-shop .sr-st .sr-vt-lead .sr-store-shot,body.sr-page-shop .sr-st .sr-vt-wide .sr-store-shot:focus-visible,body.sr-page-shop .sr-st .sr-vt-lead .sr-store-shot:focus-visible{border-radius:var(--vt-r) 0 0 var(--vt-r)}
  body.sr-page-shop .sr-st .sr-vt-card.sr-vt-wide .sr-store-body,body.sr-page-shop .sr-st .sr-vt-card.sr-vt-lead .sr-store-body{border-radius:0 var(--vt-r) var(--vt-r) 0;justify-content:center;padding:clamp(1.4rem,3vw,2.6rem)}
  body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-flip{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
  body.sr-page-shop .sr-st .sr-vt-flip .sr-store-shot,body.sr-page-shop .sr-st .sr-vt-flip .sr-store-shot:focus-visible{order:2;border-radius:0 var(--vt-r) var(--vt-r) 0}
  body.sr-page-shop .sr-st .sr-vt-card.sr-vt-flip .sr-store-body{order:1;border-radius:var(--vt-r) 0 0 var(--vt-r)}
  body.sr-page-shop .sr-st .sr-vt-wide .sr-store-body h3,body.sr-page-shop .sr-st .sr-vt-lead .sr-store-body h3{font-size:clamp(1.55rem,2.3vw,2.15rem);line-height:1.12}
  body.sr-page-shop .sr-st .sr-vt-wide .sr-store-body>p,body.sr-page-shop .sr-st .sr-vt-lead .sr-store-body>p{max-width:44ch;font-size:.95rem}
  body.sr-page-shop .sr-st .sr-vt-wide .sr-product-bottom,body.sr-page-shop .sr-st .sr-vt-lead .sr-product-bottom{margin-top:.6rem;justify-content:flex-start;gap:1.6rem}
  body.sr-page-shop .sr-st .sr-vt-lead .sr-store-shot{height:100%}
  body.sr-page-shop .sr-st .sr-vt-lead .sr-store-thumb{height:100%;aspect-ratio:3/2}
}
@media (max-width:900px){
  body.sr-page-shop .sr-st .sr-product-grid.sr-vt-prints{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.sr-page-shop .sr-st .sr-vt-prints>.sr-vt-card:last-child:nth-child(even){grid-column:1/-1}
}
@media (max-width:699px){body.sr-page-shop .sr-st .sr-product-grid.sr-vt-visuels{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){body.sr-page-shop .sr-st .sr-product-grid.sr-vt-prints{grid-template-columns:minmax(0,1fr)}}

/* ── Scènes : un studio de nuit, l'objet posé dans une lumière dorée ── */
body.sr-page-shop .sr-st .sr-vt-scene{position:relative;display:block;height:100%;aspect-ratio:16/11;overflow:hidden;container-type:inline-size;
  background:radial-gradient(70% 46% at 50% 100%,rgba(216,181,113,.15),transparent 70%),radial-gradient(80% 70% at 50% 0%,rgba(22,54,76,.55),transparent 72%),linear-gradient(180deg,#082131,#03131e 80%)}
body.sr-page-shop .sr-st .sr-vt-set{position:absolute;left:0;top:50%;width:100%;aspect-ratio:16/11;translate:0 -50%}
body.sr-page-shop .sr-st .sr-vt-deco{position:absolute;inset:0}
body.sr-page-shop .sr-st .sr-vt-scene img{display:block;width:100%;height:100%;object-fit:cover}
/* Ombre de contact sous les objets */
body.sr-page-shop .sr-st .sr-vt-floor{position:absolute;display:block;background:radial-gradient(closest-side,rgba(0,4,8,.62),rgba(0,4,8,0))}

/* Musique : trois pochettes, le disque sort de la première */
body.sr-page-shop .sr-st .sr-vt-music .sr-vt-floor{left:9cqw;top:51cqw;width:80cqw;height:10cqw}
body.sr-page-shop .sr-st .sr-vt-music .sr-vt-sleeve,body.sr-page-shop .sr-st .sr-vt-cover,body.sr-page-shop .sr-st .sr-vt-disc{position:absolute;aspect-ratio:1/1;height:auto}
body.sr-page-shop .sr-st .sr-vt-music .sr-vt-sleeve{border-radius:.4cqw;box-shadow:var(--vt-obj);transition:transform .9s var(--vt-ease)}
body.sr-page-shop .sr-st .sr-vt-music img.sr-vt-sleeve--b1{left:47cqw;top:8cqw;width:35cqw;rotate:5deg;filter:brightness(.6) saturate(.9)}
body.sr-page-shop .sr-st .sr-vt-music img.sr-vt-sleeve--b2{left:61cqw;top:5.5cqw;width:29cqw;rotate:10deg;filter:brightness(.42) saturate(.85)}
body.sr-page-shop .sr-st .sr-vt-cover{left:12cqw;top:10cqw;width:44cqw;z-index:3;display:block;border-radius:.4cqw;overflow:hidden;box-shadow:var(--vt-obj)}
body.sr-page-shop .sr-st .sr-vt-cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.16),rgba(255,255,255,0) 36%),linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,0) 3.5%)}
body.sr-page-shop .sr-st .sr-vt-disc{left:13.5cqw;top:11.5cqw;width:41cqw;z-index:2;display:block;border-radius:50%;transform:translateX(18cqw);transition:transform 1s var(--vt-ease);
  background:radial-gradient(circle,transparent 0 33.2%,rgba(255,255,255,.07) 33.6%,transparent 34.6%),repeating-radial-gradient(circle,#13171b 0 .22cqw,#07090b .22cqw .5cqw),#07090b;
  box-shadow:inset 0 0 0 .35cqw #0d1013,var(--vt-obj)}
body.sr-page-shop .sr-st .sr-vt-disc::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 200deg,transparent 0 6%,rgba(255,255,255,.12) 12%,transparent 20% 56%,rgba(255,255,255,.08) 62%,transparent 70%)}
body.sr-page-shop .sr-st .sr-vt-disc img{position:absolute;left:33.5%;top:33.5%;width:33%;height:33%;border-radius:50%}
body.sr-page-shop .sr-st .sr-vt-disc::after{content:"";position:absolute;left:50%;top:50%;width:2.4%;height:2.4%;translate:-50% -50%;border-radius:50%;background:#05080a;z-index:1}

/* Fonds d'écran : un écran 4K, deux téléphones */
body.sr-page-shop .sr-st .sr-vt-walls .sr-vt-floor{left:6cqw;top:51cqw;width:88cqw;height:10cqw}
body.sr-page-shop .sr-st .sr-vt-monitor{position:absolute;left:7cqw;top:9cqw;width:62cqw;aspect-ratio:16/9;padding:1cqw;box-sizing:content-box;border-radius:1.2cqw;background:linear-gradient(180deg,#1b232a,#0a0f14);box-shadow:inset 0 0 0 1px rgba(216,181,113,.2),var(--vt-obj)}
body.sr-page-shop .sr-st .sr-vt-monitor img{border-radius:.5cqw}
body.sr-page-shop .sr-st .sr-vt-monitor::before{content:"";position:absolute;left:50%;top:100%;width:7cqw;height:6.5cqw;translate:-50% 0;background:linear-gradient(90deg,#0a0f14,#1f2830 50%,#0a0f14)}
body.sr-page-shop .sr-st .sr-vt-monitor::after{content:"";position:absolute;left:50%;top:calc(100% + 6.5cqw);width:23cqw;height:1.3cqw;translate:-50% 0;border-radius:.9cqw .9cqw .3cqw .3cqw;background:linear-gradient(180deg,#27313a,#0a0f14)}
body.sr-page-shop .sr-st .sr-vt-phone{position:absolute;display:block;width:16cqw;aspect-ratio:369/800;padding:.7cqw;border-radius:2.7cqw;background:#080c10;box-shadow:inset 0 0 0 .22cqw #222a31,0 0 0 1px rgba(216,181,113,.38),var(--vt-obj);transition:transform .9s var(--vt-ease)}
body.sr-page-shop .sr-st .sr-vt-phone img{border-radius:2.1cqw}
body.sr-page-shop .sr-st .sr-vt-phone::before{content:"";position:absolute;left:50%;top:1.5cqw;width:4.4cqw;height:1.15cqw;translate:-50% 0;border-radius:1cqw;background:#04070a;z-index:1}
body.sr-page-shop .sr-st .sr-vt-phone--front{left:58cqw;top:21cqw;rotate:-5deg;z-index:3}
body.sr-page-shop .sr-st .sr-vt-phone--back{left:73cqw;top:15cqw;rotate:8deg;z-index:2;filter:brightness(.66)}

/* Carte : suspendue au mur comme un rouleau, entre deux baguettes */
body.sr-page-shop .sr-st .sr-vt-map{background:radial-gradient(56% 52% at 50% 6%,rgba(245,219,158,.13),transparent 72%),radial-gradient(80% 70% at 50% 100%,rgba(1,9,16,.5),transparent 70%),linear-gradient(180deg,#0a2433,#04161f)}
body.sr-page-shop .sr-st .sr-vt-scroll{position:absolute;left:14cqw;top:15cqw;width:72cqw;display:block;transform-origin:50% -10cqw;transition:transform 1.1s var(--vt-ease)}
body.sr-page-shop .sr-st .sr-vt-scroll img{height:auto;aspect-ratio:16/9;box-shadow:0 2cqw 4cqw -1cqw rgba(1,9,16,.9)}
body.sr-page-shop .sr-st .sr-vt-scroll::after{content:"";position:absolute;left:0;right:0;top:2cqw;bottom:2cqw;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 8%,transparent 92%,rgba(0,0,0,.4))}
body.sr-page-shop .sr-st .sr-vt-rod{position:relative;z-index:1;display:block;height:2.2cqw;margin:0 -3cqw -.4cqw;border-radius:1.1cqw;background:linear-gradient(180deg,#6a4a26,#2d1c0d 55%,#120a04);box-shadow:0 .6cqw 1cqw rgba(0,0,0,.5)}
body.sr-page-shop .sr-st .sr-vt-rod--low{margin:-.4cqw -3cqw 0}
body.sr-page-shop .sr-st .sr-vt-rod::before,body.sr-page-shop .sr-st .sr-vt-rod::after{content:"";position:absolute;top:50%;width:2.6cqw;height:2.6cqw;translate:0 -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5db9e,#b88a3e 55%,#5e4119)}
body.sr-page-shop .sr-st .sr-vt-rod::before{left:-1.7cqw}
body.sr-page-shop .sr-st .sr-vt-rod::after{right:-1.7cqw}
body.sr-page-shop .sr-st .sr-vt-hang{position:absolute;left:4cqw;right:4cqw;bottom:calc(100% - 1.1cqw);height:10cqw;display:block}
body.sr-page-shop .sr-st .sr-vt-hang svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:#b88a3e;stroke-width:1.2;vector-effect:non-scaling-stroke}
body.sr-page-shop .sr-st .sr-vt-hang svg path{vector-effect:non-scaling-stroke}
body.sr-page-shop .sr-st .sr-vt-hang i{position:absolute;left:50%;top:-.6cqw;width:1.7cqw;height:1.7cqw;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5db9e,#8e6a2e)}

/* Collection : un coffret ouvert en 3D qui réunit la pochette, le téléphone et la carte roulée */
body.sr-page-shop .sr-st .sr-vt-box .sr-vt-set{perspective:230cqw}
body.sr-page-shop .sr-st .sr-vt-box .sr-vt-floor{left:12cqw;top:48cqw;width:78cqw;height:15cqw}
body.sr-page-shop .sr-st .sr-vt-cube{--w:50cqw;--d:30cqw;--h:15cqw;position:absolute;left:51%;top:67%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-21deg) rotateY(-27deg)}
body.sr-page-shop .sr-st .sr-vt-face,body.sr-page-shop .sr-st .sr-vt-lid,body.sr-page-shop .sr-st .sr-vt-item{position:absolute;display:block}
body.sr-page-shop .sr-st .sr-vt-face{box-shadow:inset 0 0 0 1px rgba(216,181,113,.5)}
body.sr-page-shop .sr-st .sr-vt-face--front,body.sr-page-shop .sr-st .sr-vt-face--back{width:var(--w);height:var(--h);left:calc(var(--w) / -2);top:calc(var(--h) / -2)}
body.sr-page-shop .sr-st .sr-vt-face--front{transform:translateZ(calc(var(--d) / 2));background:linear-gradient(172deg,#1d4060 0%,#0f3043 46%,#081f2d 100%);box-shadow:inset 0 0 0 1px rgba(216,181,113,.55),inset 0 1px 0 rgba(245,219,158,.7)}
body.sr-page-shop .sr-st .sr-vt-face--back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2));background:linear-gradient(180deg,#03101a,#071d2b)}
body.sr-page-shop .sr-st .sr-vt-face--left,body.sr-page-shop .sr-st .sr-vt-face--right{width:var(--d);height:var(--h);left:calc(var(--d) / -2);top:calc(var(--h) / -2)}
body.sr-page-shop .sr-st .sr-vt-face--left{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background:linear-gradient(180deg,#041421,#0a2635)}
body.sr-page-shop .sr-st .sr-vt-face--right{transform:rotateY(90deg) translateZ(calc(var(--w) / 2));background:linear-gradient(172deg,#123749,#071b28);box-shadow:inset 0 0 0 1px rgba(216,181,113,.45),inset 0 1px 0 rgba(245,219,158,.55)}
body.sr-page-shop .sr-st .sr-vt-face--bottom{width:var(--w);height:var(--d);left:calc(var(--w) / -2);top:calc(var(--d) / -2);transform:rotateX(90deg) translateZ(calc(var(--h) / -2));background:#020b12}
/* Décor du coffret : un filet doré intérieur et le losange de la marque (motif déjà employé sur le site) */
body.sr-page-shop .sr-st .sr-vt-face--front::before,body.sr-page-shop .sr-st .sr-vt-lid::before{content:"";position:absolute;inset:1.3cqw;border:1px solid rgba(216,181,113,.34);border-radius:.3cqw}
body.sr-page-shop .sr-st .sr-vt-face--front::after,body.sr-page-shop .sr-st .sr-vt-lid::after{content:"◇";position:absolute;inset:0;display:grid;place-items:center;font-size:3.4cqw;line-height:1;color:var(--vt-gold)}
body.sr-page-shop .sr-st .sr-vt-lid{width:var(--w);height:var(--d);left:calc(var(--w) / -2);top:calc(var(--h) / -2 - var(--d));transform-origin:50% 100%;transform:translateZ(calc(var(--d) / -2)) rotateX(18deg);background:radial-gradient(90% 70% at 50% 40%,#1d4060,#0b2636 70%,#071c29);box-shadow:inset 0 0 0 1px rgba(216,181,113,.55);transition:transform 1s var(--vt-ease)}
body.sr-page-shop .sr-st .sr-vt-item{transition:translate 1s var(--vt-ease)}
body.sr-page-shop .sr-st .sr-vt-item--sleeve{width:26cqw;aspect-ratio:1/1;left:-21cqw;top:calc(var(--h) / 2 - 27cqw);transform:translateZ(-3cqw) rotateZ(-7deg);border-radius:.3cqw;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.45)}
body.sr-page-shop .sr-st .sr-vt-item--phone{width:11cqw;aspect-ratio:369/800;left:2cqw;top:calc(var(--h) / 2 - 24.5cqw);transform:translateZ(6cqw) rotateZ(6deg);padding:.5cqw;border-radius:1.9cqw;background:#080c10;box-shadow:inset 0 0 0 .2cqw #222a31,0 0 0 1px rgba(216,181,113,.45)}
body.sr-page-shop .sr-st .sr-vt-item--phone img{border-radius:1.4cqw}
body.sr-page-shop .sr-st .sr-vt-item--roll{width:6.6cqw;height:32cqw;left:14cqw;top:calc(var(--h) / 2 - 32cqw);transform:translateZ(-8cqw) rotateZ(14deg);border-radius:3.3cqw;overflow:hidden;box-shadow:0 0 0 1px rgba(216,181,113,.4)}
body.sr-page-shop .sr-st .sr-vt-item--roll::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(255,236,190,.22) 34%,rgba(0,0,0,.05) 58%,rgba(0,0,0,.65))}

/* ── Au survol (pointeur fin, mouvement autorisé) : chaque objet a son geste ── */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-vt-disc{transform:translateX(26cqw) rotate(40deg)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-vt-sleeve--b1{transform:translate(1.2cqw,-.6cqw) rotate(2deg)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-vt-sleeve--b2{transform:translate(2cqw,-.8cqw) rotate(3deg)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-vt-phone--front{transform:translateY(-1.4cqw)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-vt-phone--back{transform:translate(1.6cqw,-.4cqw) rotate(3deg)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-vt-scroll{transform:rotate(-1.3deg) translateY(-.5cqw)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-vt-lid{transform:translateZ(calc(var(--d) / -2)) rotateX(26deg)}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-vt-item{translate:0 -2.4cqw}
  html:not(.sr-reduced) body.sr-page-shop .sr-st .sr-vt-card:hover .sr-vt-item--phone{translate:0 -3.2cqw}
}

/* Tactile : pas de survol, donc le disque est déjà bien sorti de sa pochette */
@media (hover:none),(pointer:coarse){body.sr-page-shop .sr-st .sr-vt-disc{transform:translateX(24cqw) rotate(20deg)}}

/* ── Mouvement réduit : aucune inclinaison, aucune animation, tout est visible ── */
@media (prefers-reduced-motion:reduce){
  body.sr-page-shop .sr-st .sr-product.sr-vt-card,body.sr-page-shop .sr-st .sr-vt-card *,body.sr-page-shop .sr-st .sr-product.sr-vt-card::before{transition:none!important}
  body.sr-page-shop .sr-st .sr-product.sr-vt-card{transform:none!important}
  body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-wait{opacity:1;translate:none}
}
html.sr-reduced body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-wait{opacity:1;translate:none}
@media print{body.sr-page-shop .sr-st .sr-product.sr-vt-card.sr-vt-wait{opacity:1;translate:none}}