/* ══ Noël B.R.M — accueil A v5 ═══════════════════════════════════════════════════
   Palette de Noël : VERT SAPIN PROFOND (velours, bouteille), rouge B.R.M, or, crème ;
   très peu de noir. Ce fichier vient APRÈS site.css, noel.css et noel3.css et les
   surcharge. Sections : #noeud · #sapin · #bracelets-guirlande · #guide-noel ·
   #configurateur · #citation · #plein-regime. Points d'accroche décoratifs vides :
   .v5-accroche[data-v5-accroche="…"] (position:absolute, pointer-events:none).
   prefers-reduced-motion : tout est posé, rien ne bouge. ═════════════════════════ */
:root{
  /* le vert : sapin profond, du velours sombre à la lumière de la bougie */
  --v5-vert-950:#03140E; --v5-vert-900:#06201A; --v5-vert-800:#0A2C21; --v5-vert-700:#0E3A2B;
  --v5-vert-600:#134A37; --v5-vert-500:#1B5E46; --v5-vert-400:#2A7558;
  --v5-rouge:#BD3238; --v5-rouge-700:#8E1F27; --v5-rouge-800:#6A141B; --v5-rouge-900:#3E0A0F;
  --v5-or:#D4AF5F; --v5-or-clair:#F1D9A0; --v5-or-fonce:#9C7630;
  --v5-creme:#F6EFE3; --v5-creme-2:#EFE3CD; --v5-encre:#1A1512;
  --v5-ease:cubic-bezier(.2,.7,.2,1);
  --v5-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
  --v5-velours-vert:radial-gradient(ellipse 70% 80% at 66% 40%,#1D6249 0%,#11442F 34%,#0A2C21 66%,#05190F 100%);
  --v5-velours-rouge:radial-gradient(ellipse 65% 75% at 68% 42%,#A3262E 0%,#7E1A22 38%,#55111A 72%,#2E080C 100%);
  --v5-satin:linear-gradient(90deg,#5E0F16 0,#7E1A22 3%,#9C7630 3.5%,#B8924A 12%,#D9B66A 30%,#F6E2AE 48%,#FFF1CC 50%,#F6E2AE 52%,#D9B66A 70%,#B8924A 88%,#9C7630 96.5%,#7E1A22 97%,#5E0F16 100%);  /* satin or, liseré bordeaux fin (04/11/2026 : « moins rouges, plus dorées ») */
  --v5-satin-h:linear-gradient(180deg,#5E0F16 0,#7E1A22 3%,#9C7630 3.5%,#B8924A 12%,#D9B66A 30%,#F6E2AE 48%,#FFF1CC 50%,#F6E2AE 52%,#D9B66A 70%,#B8924A 88%,#9C7630 96.5%,#7E1A22 97%,#5E0F16 100%);
  /* reprise des jetons de A v3 : tout ce qui était « vert » prend le nouveau vert */
  --noel-sapin:var(--v5-vert-700); --noel-vert:var(--v5-vert-500); --noel-vert-clair:var(--v5-vert-400);
  --noel-jaune:#E8C77A; --noel-or:var(--v5-or); --noel-creme:var(--v5-creme);
  --noel-ruban-v:var(--v5-satin); --noel-ruban-h:var(--v5-satin-h);
  --v5-noeud-l:clamp(180px,19vw,290px);
  --v5-filet:linear-gradient(180deg,#9C7630 0,#F1D9A0 18%,#D4AF5F 40%,#7E1A22 44%,#7E1A22 56%,#D4AF5F 60%,#F1D9A0 82%,#9C7630 100%);
}

/* ── Le velours : un dégradé profond + un grain très fin ── */
.v5-velours{position:relative;isolation:isolate}
.v5-velours::after,.v5 .noel-hero::after,.v5-sapin::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--v5-grain);opacity:.09;mix-blend-mode:overlay}
.v5-accroche{position:absolute;z-index:6;pointer-events:none}
.v5-accroche:empty{display:none}

/* ═══ #noeud — le hero ═════════════════════════════════════════════════════════ */
/* fond du hero : velours sans point lumineux fixe (le halo est porté par le produit, voir « Halo du hero » en fin de fichier) */
.v5 .noel-hero{background:radial-gradient(ellipse 120% 100% at 50% 50%,#0F3F2D 0%,#0A2C21 55%,#05190F 100%)}
.v5 .noel-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 40% 30% at 72% 18%,rgba(241,217,160,.12),transparent 70%),linear-gradient(180deg,transparent 70%,rgba(3,20,14,.5))}
body.v5.pg-sur-nuit .entete{background:linear-gradient(to bottom,rgba(5,25,16,.92) 0%,rgba(5,25,16,.5) 55%,rgba(5,25,16,0) 100%)}
.v5 .noel-hero .pg-h-bandes i:nth-child(1){background:var(--v5-satin-h)!important;opacity:.92}
.v5 .noel-hero .pg-h-bandes i:nth-child(2){background:linear-gradient(180deg,#B8924A,#F1D9A0 50%,#B8924A)!important;opacity:.6}
.v5 .noel-hero .pg-h-bandes i:nth-child(3){background:var(--v5-rouge-700)!important;opacity:.45}
.v5 .noel-hero .pg-h-geant{color:rgba(241,217,160,.06)}
.v5 .pg-h-pos{background:rgba(3,20,14,.35);border-color:rgba(241,217,160,.16)}
.v5 .n3-rappel{color:var(--v5-or-clair);border-left:2px solid var(--v5-rouge);padding-left:12px}
/* le ruban vertical, en satin or à liseré bordeaux, avec un reflet qui coule */
.v5 .noel-ruban-v{width:calc(var(--v5-noeud-l) * .155);background:var(--v5-satin);box-shadow:0 0 0 1px rgba(0,0,0,.12),0 18px 40px rgba(0,0,0,.35);overflow:hidden}
.v5 .noel-ruban-v::after{content:"";position:absolute;inset:-20% 0;background:linear-gradient(180deg,transparent 0,rgba(255,236,214,.0) 40%,rgba(255,236,214,.34) 50%,rgba(255,236,214,0) 60%,transparent 100%) 0 0/100% 50%;opacity:.8}
.noel-anime .v5 .noel-ruban-v::after{animation:v5-coule 7s 2.4s linear infinite}
@keyframes v5-coule{from{transform:translateY(-50%)}to{transform:translateY(50%)}}
/* le nœud : trois calques rendus en 3D (boucles, pan gauche, pan droit) */
.v5 .v5-noeud{position:absolute;z-index:3;left:50%;top:-2%;width:var(--v5-noeud-l);aspect-ratio:1;translate:-50% -18%;pointer-events:none;filter:drop-shadow(0 16px 22px rgba(0,0,0,.4))}
.v5-noeud img{position:absolute;inset:0;width:100%;height:100%;display:block}
.v5-pan{transform-origin:50% 20%}
.v5-satin{position:absolute;inset:0;-webkit-mask:url(noeud-boucles.webp) center/100% 100% no-repeat;mask:url(noeud-boucles.webp) center/100% 100% no-repeat;
  background:linear-gradient(112deg,transparent 38%,rgba(255,241,226,.75) 48%,rgba(255,241,226,0) 58%) 0 0/300% 100% no-repeat;background-position:120% 0;mix-blend-mode:screen}
.noel-anime .noel-trace .v5-boucles{animation:v5-noue 1s 1.05s cubic-bezier(.2,1.4,.4,1) both}
.noel-anime .noel-trace .v5-pan-g{animation:v5-pan-arrive .9s 1.3s cubic-bezier(.2,1.3,.4,1) both,v5-ondule-g 6s 2.4s ease-in-out infinite}
.noel-anime .noel-trace .v5-pan-d{animation:v5-pan-arrive .9s 1.38s cubic-bezier(.2,1.3,.4,1) both,v5-ondule-d 6.6s 2.4s ease-in-out infinite}
.noel-anime .noel-trace .v5-satin{animation:v5-reflet 7s 2.2s ease-in-out infinite}
@keyframes v5-noue{0%{transform:scale(.15,.4) rotate(-14deg);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
@keyframes v5-pan-arrive{from{transform:scaleY(0) rotate(0);opacity:0}to{transform:none;opacity:1}}
@keyframes v5-ondule-g{0%,100%{transform:rotate(0)}50%{transform:rotate(1.8deg) skewX(-1deg)}}
@keyframes v5-ondule-d{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.6deg) skewX(1deg)}}
@keyframes v5-reflet{0%,55%{background-position:120% 0}85%,100%{background-position:-30% 0}}
@media(max-width:900px){.v5{--v5-noeud-l:clamp(130px,38vw,190px)}.v5 .v5-noeud{top:1%}}

/* ═══ #sapin — le sapin de l'atelier ════════════════════════════════════════════ */
.v5-h2{margin-top:14px;font-family:var(--display);font-weight:600;text-transform:uppercase;line-height:.94;letter-spacing:-.005em;font-size:clamp(2.3rem,4.6vw,4.3rem);text-wrap:balance}
.v5-chapo{font-weight:300;line-height:1.6;max-width:46ch}
.v5-sapin{position:relative;overflow:hidden;isolation:isolate;color:var(--v5-creme);padding-block:clamp(40px,5vw,72px) clamp(36px,4vw,56px);background:var(--v5-velours-rouge)}
.v5-sapin-fond{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 34% 40% at 72% 46%,rgba(255,206,130,.18),transparent 70%),
    linear-gradient(180deg,transparent 78%,rgba(20,4,6,.55) 100%)}
.v5-sapin::before{content:"";position:absolute;inset:0;z-index:0;opacity:.06;background:var(--noel-flocon) 0 0/96px 96px;filter:invert(1)}
.v5-sapin .pg-sur{color:rgba(246,239,227,.85)}
.v5-sapin .pg-sur::before{background:var(--v5-or)!important}
.v5-sapin-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,64px);align-items:center}
.v5-sapin .v5-chapo{margin-top:16px;color:rgba(246,239,227,.82)}
/* la vitrine : le produit survolé, en grand */
.v5-vitrine{margin-top:clamp(20px,2.4vw,30px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:22px;align-items:center;padding:clamp(16px,2vw,24px);
  border-radius:20px;background:linear-gradient(160deg,rgba(246,239,227,.10),rgba(246,239,227,.03));border:1px solid rgba(241,217,160,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.55)}
.v5-vitrine-img{position:relative;display:block;aspect-ratio:1/1.08;border-radius:14px;overflow:hidden;
  background:radial-gradient(ellipse 62% 52% at 50% 42%,#FFFDF8 0%,#F3E9D6 58%,#DCCBA8 100%)}
.v5-vitrine-img::after{content:"";position:absolute;left:18%;right:18%;bottom:7%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(60,30,10,.32),transparent)}
.v5-vitrine-img img{position:absolute;z-index:1;inset:7% 9% 11%;width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(40,20,5,.3))}
.v5-v-fam{font-family:var(--display);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v5-or-clair)}
.v5-v-fam b{font-weight:500;color:#fff}
.v5-v-nom{margin-top:8px;font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.04;text-wrap:balance}
.v5-v-prix{margin-top:8px;font-size:1.05rem;color:var(--v5-or-clair);font-variant-numeric:tabular-nums}
.v5-v-ligne{margin-top:10px;font-weight:300;font-size:.92rem;line-height:1.55;color:rgba(246,239,227,.85)}
.v5-v-noel{margin-top:10px;font-size:.76rem;line-height:1.45;color:rgba(246,239,227,.7);padding-left:10px;border-left:2px solid var(--v5-or)}
.v5-v-btn{margin-top:16px}
/* l'arbre */
.v5-sapin-d{display:flex;flex-direction:column;align-items:center}
.v5-arbre{position:relative;width:min(100%,470px);aspect-ratio:700/805}
.v5-sapin-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 22px 34px rgba(30,0,0,.45))}
.v5-ornements,.v5-boules{position:absolute;inset:0}
/* les vraies pièces B.R.M, suspendues */
.v5-orn{position:absolute;z-index:1;translate:-50% -50%;aspect-ratio:1;transform-origin:50% -40%;animation:v5-oscille 5.5s ease-in-out calc(var(--k) * -.7s) infinite}
.v5-orn img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
.v5-orn-fil{position:absolute;left:50%;bottom:72%;width:1px;height:60%;background:linear-gradient(rgba(241,217,160,0),#F1D9A0)}
@keyframes v5-oscille{0%,100%{rotate:-3deg}50%{rotate:3deg}}
/* les boules : verre, culot doré, fil ; le produit dedans */
.v5-boule{position:absolute;z-index:2;width:19%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;padding:0;background:none;border:0;cursor:pointer;color:inherit}
.v5-b-in{position:absolute;inset:0;display:block;transform-origin:50% -50%}
.v5-b-fil{position:absolute;left:50%;bottom:100%;width:1.5px;height:44%;margin-left:-.75px;background:linear-gradient(rgba(241,217,160,0),#F1D9A0)}
.v5-b-cap{position:absolute;left:50%;top:-7%;width:24%;height:11%;margin-left:-12%;border-radius:3px 3px 1px 1px;background:linear-gradient(90deg,#7a5a1e,#f6dc95 45%,#c9a24a 60%,#7a5a1e)}
.v5-b-verre{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:radial-gradient(70% 70% at 40% 35%,#FFFCF4 0%,#EFE5D1 66%,#C9B994 100%);
  box-shadow:0 0 0 2.5px var(--v5-or),0 0 0 4.5px rgba(0,0,0,.22),0 16px 26px rgba(30,0,0,.5),inset 0 -12px 20px rgba(0,0,0,.2);transition:transform .5s cubic-bezier(.3,1.6,.5,1),box-shadow .4s}
.v5-boule[data-teinte="or"] .v5-b-verre{background:radial-gradient(70% 70% at 40% 35%,#FBE7A6 0%,#D9B45E 60%,#9C7630 100%)}
.v5-boule[data-teinte="vert"] .v5-b-verre{background:radial-gradient(70% 70% at 40% 35%,#3E8E6C 0%,#145039 62%,#06201A 100%)}
.v5-boule[data-teinte="rouge"] .v5-b-verre{background:radial-gradient(70% 70% at 40% 35%,#E2585E 0%,#A9242C 62%,#55101A 100%)}
.v5-b-verre img{position:absolute;inset:9%;width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(0,0,0,.4))}
.v5-b-reflet{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(36% 24% at 32% 22%,rgba(255,255,255,.66),rgba(255,255,255,0) 70%)}
.v5-b-halo{position:absolute;inset:-22%;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,226,150,.55),rgba(255,226,150,0))}
.v5-boule:hover .v5-b-verre,.v5-boule:focus-visible .v5-b-verre,.v5-boule.actif .v5-b-verre{transform:scale(1.1)}
.v5-boule.actif .v5-b-verre{box-shadow:0 0 0 2.5px #FFE7A8,0 0 0 6px rgba(241,217,160,.35),0 0 34px rgba(255,214,140,.55),0 16px 26px rgba(30,0,0,.5)}
.v5-boule:focus-visible{outline:none}
.v5-boule:focus-visible .v5-b-verre{outline:2px solid #fff;outline-offset:6px}
.v5-boule:hover,.v5-boule.actif{z-index:4}
.noel-anime .v5-monte .v5-b-in{animation:v5-oscille 5s ease-in-out infinite}
.noel-anime .v5-monte .v5-boule:nth-child(2n) .v5-b-in{animation-duration:5.8s;animation-direction:reverse}
.noel-anime .v5-monte .v5-lampe{animation:v5-lampe 2.4s ease-in-out var(--d) infinite}
.noel-anime .v5-monte .v5-lueur{animation:v5-lampe 3.2s ease-in-out infinite}
@keyframes v5-lampe{0%,100%{opacity:1}50%{opacity:.35}}
/* le bouton qui change les boules */
.v5-changer{margin-top:22px;display:inline-flex;align-items:center;gap:12px;padding:13px 22px 13px 14px;border-radius:999px;border:1px solid rgba(241,217,160,.55);
  background:rgba(3,20,14,.25);color:var(--v5-creme);font-family:var(--display);font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .3s,border-color .3s}
.v5-changer:hover{background:rgba(241,217,160,.14);border-color:var(--v5-or-clair)}
.v5-changer:focus-visible{outline:2px solid #fff;outline-offset:3px}
.v5-changer-ico{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#FBE7A6,#D4AF5F 55%,#8E6A2A);box-shadow:0 0 0 2px rgba(255,255,255,.12);position:relative}
.v5-changer-ico::before{content:"";position:absolute;left:50%;top:-6px;width:8px;height:6px;margin-left:-4px;border-radius:2px;background:#C9A24A}
.v5-changer:hover .v5-changer-ico{animation:v5-tinte .7s ease-in-out}
@keyframes v5-tinte{0%,100%{rotate:0deg}30%{rotate:14deg}65%{rotate:-10deg}}

/* ── le pied du sapin (idée de François) : socle noir, anneau ajouré, ampoules, roue, enseigne ── */
.v5-pied{position:relative;z-index:3;width:min(100%,540px);margin-top:-5.4%;display:flex;justify-content:center}
.v5-socle{position:relative;width:56%;display:flex;flex-direction:column;align-items:center}
.v5-anneau{position:relative;z-index:2;width:100%;display:block;overflow:visible;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.v5-ampoule{filter:drop-shadow(0 0 3px rgba(255,214,140,.95))}
.v5-roue{position:absolute;z-index:3;left:50%;top:-8%;width:23%;aspect-ratio:1;translate:-50% 0;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}
.v5-roue svg{width:100%;height:100%;display:block}
.noel-anime .v5-roue svg{animation:v5-tourne 22s linear infinite}
@keyframes v5-tourne{to{transform:rotate(360deg)}}
.v5-tambour{position:relative;z-index:1;width:106%;margin-top:-5%;padding:13% 6% 8%;border-radius:0 0 50% 50% / 0 0 18% 18%;
  background:linear-gradient(90deg,#060807 0%,#1B1F1D 18%,#2A2F2C 38%,#191C1B 62%,#0B0D0C 84%,#040504 100%);
  box-shadow:inset 0 10px 18px rgba(0,0,0,.6),0 26px 40px -12px rgba(0,0,0,.65)}
.v5-tambour::before{content:"";position:absolute;left:0;right:0;top:0;height:20%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#2B302D,#0D100E 70%);box-shadow:inset 0 -2px 0 rgba(241,217,160,.22)}
.v5-enseigne{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0}
.v5-lettres{width:58%;height:auto;overflow:visible}
.v5-l{fill:#8D9094;filter:drop-shadow(0 1px 0 rgba(255,255,255,.18))}
.v5-chrono{display:flex;align-items:center;gap:.08em;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:clamp(.62rem,1.15vw,.9rem);letter-spacing:.04em;color:#8D9094}
.v5-chrono span{display:inline-block}
.v5-tiret{width:1.6em;height:1px;background:currentColor;margin:0 .45em;opacity:.8}
.v5-ampoules{display:flex;justify-content:space-between;width:88%;height:6px}
.v5-ampoules i{width:4px;height:4px;border-radius:50%;background:#5E4A22}
/* l'enseigne : éclairage fixe, chaud et doré ; une respiration lente de la lueur, sans aucun clignotement (04/11/2026) */
.v5-l{fill:#F3DDA4;filter:drop-shadow(0 0 3px rgba(255,205,120,.55)) drop-shadow(0 0 14px rgba(255,180,90,.28))}
.v5-chrono{color:#E9D3A0;text-shadow:0 0 6px rgba(255,200,120,.35)}
.v5-ampoules i{background:#F5D892;box-shadow:0 0 5px 1px rgba(255,205,120,.55)}
.noel-anime .v5-lettres{animation:v5-respire 7s ease-in-out infinite}
@keyframes v5-respire{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
.v5-paquets{position:absolute;z-index:4;bottom:-6%;width:34%;height:auto;pointer-events:none;filter:drop-shadow(0 18px 18px rgba(0,0,0,.45))}
.v5-paquets-g{left:-1%}
.v5-paquets-d{right:-1%}

@media(max-width:900px){
  .v5-sapin-in{grid-template-columns:1fr}
  .v5-sapin-g{display:contents}
  .v5-sapin-g > .pg-sur,.v5-sapin-g > .v5-h2,.v5-sapin-g > .v5-chapo{order:0}
  .v5-sapin-d{order:1}
  .v5-vitrine{order:2;grid-template-columns:120px 1fr;gap:14px;margin-top:6px}
  .v5-vitrine-img{aspect-ratio:1}
  .v5-v-nom{font-size:1.15rem}
  .v5-v-ligne{display:none}
  .v5-v-btn{padding-inline:16px}
}

/* ═══ #bracelets-guirlande — la guirlande de A v3, au nouveau vert ═══════════════ */
.v5 .n3-gl-sec{background:var(--v5-velours-vert)}
.v5 .n3-gl-sec > *{position:relative;z-index:1}
.v5 .n3-gl-sec .n3-mascotte{display:none}
.v5 .n3-guirlande{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='440' height='60'%3E%3Cpath d='M0 6 Q220 60 440 6' fill='none' stroke='%23E8C97E' stroke-width='2'/%3E%3C/svg%3E")}
.v5 .n3-stock{background:var(--v5-vert-600);color:#fff} /* 13/11 : le texte nuit de noel3 (fait pour le fond or) restait sur le vert : 1,85 de contraste */

/* ═══ #guide-noel — aperçu du guide, puis les sélections ═══════════════════════ */
.v5-guide{position:relative;background:linear-gradient(180deg,var(--v5-creme) 0%,#F3E9D7 100%);color:var(--v5-encre);padding-block:clamp(64px,8vw,110px);border-top:12px solid transparent;border-image:var(--v5-filet) 1}
.v5-guide .pg-sur{color:var(--v5-vert-600)}
.v5-guide .v5-h2{color:var(--v5-vert-700)}
.v5-guide-tete{display:grid;grid-template-columns:1fr minmax(0,520px);gap:24px 60px;align-items:end}
.v5-guide .v5-chapo{color:#4a4440}
.v5-dates{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v5-dates li{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid rgba(14,58,43,.12)}
.v5-dates b{font-family:var(--display);font-weight:600;font-size:1.15rem;color:var(--v5-rouge);letter-spacing:.02em}
.v5-dates span{font-size:.74rem;line-height:1.35;color:#4a4440}
/* le quiz et le manège, sur un plateau vert sapin */
.v5-quiz{position:relative;overflow:hidden;isolation:isolate;margin-top:clamp(28px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:520px;border-radius:24px;color:var(--v5-creme);
  background:var(--v5-velours-vert);box-shadow:0 40px 80px -40px rgba(6,32,26,.6)}
.v5-quiz::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--v5-grain);opacity:.09;mix-blend-mode:overlay}
.v5-quiz-g{position:relative;z-index:2;padding:clamp(24px,3.4vw,48px);display:flex;flex-direction:column}
.v5-quiz-haut{display:flex;align-items:center;justify-content:space-between;gap:16px}
.v5-q-num{font-family:var(--display);font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--v5-or-clair)}
.v5-q-pas{list-style:none;display:flex;gap:6px;margin:0;padding:0}
.v5-q-pas li{width:28px;height:4px;border-radius:2px;background:rgba(246,239,227,.2);transition:background .4s}
.v5-q-pas li.ici{background:var(--v5-or)}
.v5-q-pas li.fait{background:var(--v5-rouge)}
.v5-q{margin-top:18px;font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(2rem,3.8vw,3.4rem);line-height:.95;min-height:2em}
.v5-q .m{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em}
.v5-q .m > span{display:inline-block}
.v5-q em{font-style:normal;color:var(--v5-or-clair)}
.v5-q{text-wrap:balance} /* 13/11 : jamais un « ? » seul sur sa ligne (iPhone) */
.v5-choix{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v5-c{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border-radius:12px;text-align:left;color:var(--v5-creme);cursor:pointer;
  background:rgba(3,20,14,.35);border:1px solid rgba(241,217,160,.22);transition:background .3s,border-color .3s,transform .3s}
.v5-c:hover{background:rgba(241,217,160,.12);border-color:var(--v5-or-clair);transform:translateY(-2px)}
.v5-c:focus-visible{outline:2px solid #fff;outline-offset:2px}
.v5-c.choisi{background:var(--v5-rouge);border-color:var(--v5-rouge)}
.v5-c-l{font-family:var(--display);font-weight:600;font-size:1.08rem;text-transform:uppercase;letter-spacing:.02em}
.v5-c-s{font-size:.8rem;line-height:1.35;color:rgba(246,239,227,.72)}
.v5-quiz-bas{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.v5-retour{color:rgba(246,239,227,.75);font-size:.84rem;background:none;border:0;cursor:pointer;padding:0}
.v5-retour:hover{color:#fff}
.v5-lien-sel{font-family:var(--display);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v5-or-clair);border-bottom:1px solid currentColor;padding-bottom:2px}
.v5-fini{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(24px,3.4vw,48px);background:linear-gradient(90deg,rgba(6,32,26,.96) 60%,rgba(6,32,26,.0))}
.v5-fini[hidden]{display:none}
.v5-fini-sur{font-family:var(--display);font-weight:600;font-size:clamp(1.8rem,3vw,2.6rem);text-transform:uppercase;line-height:1;color:var(--v5-or-clair)}
.v5-fini-txt{max-width:36ch;line-height:1.55;color:rgba(246,239,227,.86)}
.v5-fini .btn{align-self:flex-start}
.v5-manege{position:relative;z-index:1;min-height:420px;touch-action:pan-y;cursor:grab}
.v5-manege-sol{position:absolute;left:12%;right:12%;bottom:16%;height:18%;border-radius:50%;background:radial-gradient(closest-side,rgba(241,217,160,.18),rgba(241,217,160,0))}
.v5-manege-in{position:absolute;left:50%;top:50%;width:0;height:0}
.v5-mp{position:absolute;left:-95px;top:-120px;width:190px;height:220px;will-change:transform}
.v5-mp img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45))}
/* les trois sélections */
.v5-selections{margin-top:clamp(48px,6vw,80px);display:flex;flex-direction:column;gap:clamp(36px,4.5vw,60px)}
.v5-sel-tete{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px 22px;padding-bottom:14px;border-bottom:1px solid rgba(14,58,43,.16)}
.v5-sel-tete h3{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,2.4vw,2.1rem);text-transform:uppercase;color:var(--v5-vert-700)}
.v5-sel-tete p{font-size:.9rem;color:#5a524c}
.v5-tous{justify-self:end;font-family:var(--display);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v5-rouge);border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}
.v5-tous::after{content:" →"}
.v5-tous:hover{color:var(--v5-vert-700)}
.v5-sel-rail{margin-top:18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.v5-carte{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;color:var(--v5-encre);box-shadow:0 1px 0 rgba(0,0,0,.04),0 16px 30px -20px rgba(60,40,10,.4);transition:transform .4s var(--v5-ease),box-shadow .4s}
.v5-carte:hover{transform:translateY(-4px);box-shadow:0 24px 40px -22px rgba(60,40,10,.5)}
.v5-carte-img{position:relative;display:block;aspect-ratio:1/1.06;background:radial-gradient(ellipse 62% 52% at 50% 42%,#fff 0%,#F6EFE3 62%,#EBDDC2 100%)}
.v5-carte-img img{position:absolute;inset:8% 10% 10%;width:80%;height:82%;object-fit:contain;transition:transform .5s var(--v5-ease)}
.v5-carte:hover .v5-carte-img img{transform:scale(1.05)}
.v5-badge{position:absolute;z-index:2;left:8px;top:8px;font-family:var(--display);font-weight:500;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 7px;border-radius:3px;background:var(--v5-rouge);color:#fff}
.v5-badge-stock{background:var(--v5-vert-600)}
.v5-carte-txt{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;border-top:3px solid transparent;border-image:var(--v5-filet) 1}
.v5-carte-txt b{font-family:var(--display);font-weight:500;font-size:.88rem;text-transform:uppercase;line-height:1.18}
.v5-carte-txt span{font-size:.84rem;color:#8a6420;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.v5-sel-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .v5-guide-tete{grid-template-columns:1fr}
  .v5-quiz{grid-template-columns:1fr;min-height:0}
  .v5-manege{order:-1;min-height:250px}
  .v5-mp{left:-62px;top:-80px;width:124px;height:150px}
  .v5-fini{background:rgba(6,32,26,.95)}
}
@media(max-width:600px){
  .v5-dates{grid-template-columns:1fr}
  .v5-dates li{flex-direction:row;align-items:baseline;gap:12px}
  .v5-dates b{min-width:66px}
  .v5-choix,.v5-choix-6{grid-template-columns:1fr 1fr}
  .v5-c{padding:11px 12px}
  .v5-c-s{display:none}
  .v5-sel-tete{grid-template-columns:1fr auto}
  .v5-sel-tete p{grid-column:1/-1;grid-row:2}
  .v5-sel-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(var(--gut,20px) * -1);padding-inline:var(--gut,20px);scrollbar-width:none}
  .v5-sel-rail::-webkit-scrollbar{display:none}
  .v5-carte{flex:none;width:44vw;scroll-snap-align:start}
}

/* ═══ #configurateur — le bloc de l'accueil, habillé pour Noël ═══════════════════ */
.v5-config{position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 30% 30%,#FFFDF8,#F6EFE3 70%) !important;border-top:12px solid transparent;border-image:var(--v5-filet) 1}
.v5-config .pg-sur{color:var(--v5-vert-600)}
.v5-config .pg-atelier-titre{color:var(--v5-vert-700)}
.v5-config-date{margin-top:12px;max-width:44ch;font-size:.9rem;line-height:1.5;color:#5a524c;padding-left:12px;border-left:2px solid var(--v5-rouge)}
.v5-config-deco{position:absolute;inset:0;pointer-events:none;z-index:0}
.v5-config-ruban{position:absolute;top:0;bottom:0;right:clamp(64px,6.4vw,112px);width:calc(var(--v5-noeud-l) * .1);background:var(--v5-satin);opacity:.9;-webkit-mask:linear-gradient(#000 0,#000 30%,transparent 62%);mask:linear-gradient(#000 0,#000 12%,transparent 30%)}
.v5-config-noeud{position:absolute;top:-1%;right:clamp(64px,6.4vw,112px);width:calc(var(--v5-noeud-l) * .65);translate:calc(50% - var(--v5-noeud-l) * .05) -20%;filter:drop-shadow(0 10px 14px rgba(60,10,10,.28))}
.v5-config .wrap{position:relative;z-index:1}
.v5-config .btn-plein{background:var(--v5-rouge)!important;border-color:var(--v5-rouge)!important}
@media(max-width:700px){.v5-config-noeud{width:86px;right:6px;top:2px;translate:0 -24%}.v5-config-ruban{display:none}.v5-config .pg-atelier-tete{padding-right:60px}}

/* ═══ #citation — le mot du fondateur ════════════════════════════════════════════ */
.v5-citation{overflow:hidden;background:var(--v5-velours-vert);color:var(--v5-creme);padding-block:clamp(80px,10vw,150px);text-align:center}
.v5-neige{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.v5-citation-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:26px}
.v5-citation .pg-sur{color:var(--v5-or-clair)}
.v5-citation .pg-sur::before{background:var(--v5-or)!important}
.v5-cit{margin:0;width:min(100%,920px)}
.v5-cit p{margin-inline:auto;max-width:34ch;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:clamp(1.55rem,3.2vw,2.7rem);line-height:1.32;text-wrap:balance;color:#FBF4E6}
.v5-cit-auteur{display:flex;flex-direction:column;align-items:center;gap:4px}
.v5-cit-auteur b{font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v5-or-clair)}
.v5-cit-auteur span{font-size:.84rem;color:rgba(246,239,227,.7)}
.v5-cit-auteur::before{content:"";width:60px;height:3px;margin-bottom:14px;background:var(--v5-satin-h);border-radius:2px}
.v5-a-valider{font-family:var(--display);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;padding:6px 12px;border:1px dashed rgba(241,217,160,.6);border-radius:999px;color:var(--v5-or-clair)}

/* ═══ #plein-regime — la signature, puis la Sélection de Noël ═══════════════════ */
.v5 .noel-fin{background:var(--v5-velours-rouge)}
.v5 .noel-fin .noel-fin-ruban{background:var(--v5-satin-h);opacity:1;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.v5 .noel-fin-lockup{background:var(--v5-vert-800);border:1px solid rgba(241,217,160,.3)}
.v5 .noel-fin-titre i{color:var(--v5-or-clair)}
.v5-fin-noeud{width:clamp(130px,13vw,190px);height:auto;margin-bottom:-36px;margin-top:-30px;position:relative;z-index:2;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))}
.v5 .noel-fin .noel-fin-in > *{position:relative;z-index:1}
.v5 .n3-artisan{color:var(--v5-or-clair)}
/* Bandeau final allégé (François, 04/11/2026) : nœud posé sur le ruban, ligne artisan, bouton centré bien visible. */
.v5 .v5-fin{padding-block:clamp(40px,5vw,72px) clamp(48px,6vw,84px)}
.v5 .v5-fin .noel-fin-ruban{top:calc(clamp(40px,5vw,72px) + clamp(130px,13vw,190px) * .42 - 30px)}
.v5 .v5-fin .noel-fin-in{gap:clamp(18px,2.4vw,28px)}
.v5 .v5-fin-noeud{margin:-30px 0 0}
.v5 .v5-fin .n3-artisan{max-width:46ch;line-height:1.6;text-wrap:balance}
.v5 .v5-fin-btn{min-height:56px;padding:16px clamp(28px,4vw,48px);font-size:clamp(.9rem,1.2vw,1rem);letter-spacing:.14em;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.55),0 0 0 1px rgba(241,217,160,.45);align-self:center}
@media(max-width:600px){.v5 .v5-fin-btn{width:100%;max-width:360px;justify-content:center;text-align:center}}

/* ── pied de page ── */
.v5 footer{background:var(--v5-vert-950)}

@media(prefers-reduced-motion:reduce){
  .v5-orn,.v5-b-in,.v5-roue svg,.v5-ampoule,.v5-lampe,.v5-lueur,.v5-noeud *,.noel-ruban-v::after{animation:none!important}
}
.v5 .revendeurs{background:var(--v5-vert-900)}
/* la Sélection de Noël n'a pas de transition de page : on coupe celle du site (sinon erreur console) */
@view-transition{navigation:none}
/* aucune date affichée (04/11/2026) : l'aperçu « Voir la page au … » reste accessible par #jour-AAAA-MM-JJ */
#n3-voir{display:none}
.v5-carte-txt em{font-style:normal;font-size:.76rem;color:#6a615a}
.v5-gl-coul{font-style:normal;font-size:.76rem;color:rgba(246,239,227,.75)}
/* les deux boutons sous le sapin ; « Revoir l'animation » reste discret */
.v5-sapin-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;margin-top:22px}
.v5-sapin-actions .v5-changer{margin-top:0}
.v5-revoir{background:none;border:0;padding:4px 0;cursor:pointer;font-family:var(--display);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,239,227,.7);border-bottom:1px solid rgba(241,217,160,.4)}
.v5-revoir:hover{color:#fff;border-color:var(--v5-or-clair)}
.v5-revoir:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* hero (04/11/2026) : ruban diagonal deux fois plus fin, nœud plus discret ; titre « Offrir l'exception » */
.v5 .noel-hero .pg-h-bandes i:nth-child(1){height:clamp(17px,2.7vw,39px)}
.v5 .noel-hero .pg-h-bandes i:nth-child(2){top:calc(46% + clamp(24px,3.6vw,52px));height:clamp(6px,.9vw,13px)}
.v5 .noel-hero .pg-h-bandes i:nth-child(3){top:calc(46% + clamp(34px,5vw,72px));height:clamp(3px,.45vw,6px)}
.v5{--v5-noeud-l:clamp(140px,14vw,215px)}
@media(max-width:900px){
  .v5 .noel-hero .pg-h-bandes i:nth-child(2){top:calc(24% + 24px)}
  .v5 .noel-hero .pg-h-bandes i:nth-child(3){top:calc(24% + 34px)}
  .v5{--v5-noeud-l:clamp(110px,30vw,150px)}
}
.v5 .noel-hero h2.noel-lockup{margin-top:4px}

/* ── Les trois lignes sous le guide : défilement horizontal (scroll-snap), flèches sur ordinateur,
      dernière carte coupée et dégradé au bord pour montrer qu'il y a une suite (04/11/2026) ── */
.v5-rail-cadre{position:relative;margin-top:18px}
.v5 .v5-sel-rail{display:flex;gap:14px;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;
  padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:rgba(14,58,43,.35) transparent;-webkit-overflow-scrolling:touch}
.v5 .v5-sel-rail::-webkit-scrollbar{height:6px}
.v5 .v5-sel-rail::-webkit-scrollbar-thumb{background:rgba(14,58,43,.3);border-radius:3px}
.v5 .v5-sel-rail:focus-visible{outline:2px solid var(--v5-vert-600);outline-offset:4px;border-radius:8px}
.v5 .v5-sel-rail .v5-carte{flex:0 0 calc((100% - 14px * 5) / 5.5);scroll-snap-align:start;min-width:170px}
.v5-rail-cadre::after{content:"";position:absolute;top:0;bottom:18px;right:0;width:clamp(36px,6vw,90px);pointer-events:none;
  background:linear-gradient(90deg,rgba(243,233,215,0),#F3E9D7);transition:opacity .3s}
.v5-rail-cadre.a-la-fin::after{opacity:0}
.v5-fl{position:absolute;z-index:2;top:calc(50% - 30px);width:44px;height:44px;border-radius:50%;border:1px solid rgba(14,58,43,.25);background:rgba(255,253,248,.92);
  color:var(--v5-vert-700);font-size:1.05rem;cursor:pointer;box-shadow:0 8px 20px -10px rgba(40,30,10,.5);transition:opacity .3s,background .3s}
.v5-fl:hover{background:#fff}
.v5-fl:focus-visible{outline:2px solid var(--v5-vert-600);outline-offset:2px}
.v5-fl-g{left:-14px}
.v5-fl-d{right:-14px}
.v5-rail-cadre.au-debut .v5-fl-g,.v5-rail-cadre.a-la-fin .v5-fl-d{opacity:0;pointer-events:none}
@media(max-width:1100px){.v5 .v5-sel-rail .v5-carte{flex-basis:calc((100% - 14px * 2) / 3.4)}}
@media(max-width:600px){
  .v5 .v5-sel-rail{margin-inline:calc(var(--gut,20px) * -1);padding-inline:var(--gut,20px);scroll-padding-inline:var(--gut,20px)}
  .v5 .v5-sel-rail .v5-carte{flex-basis:40vw;width:auto;min-width:0}
  .v5-fl{display:none}
}
@media(hover:none){.v5-fl{display:none}}
.v5-chrono{white-space:nowrap}

/* ── Guirlande (04/11/2026) : visuels ×1,6, 5 pièces par famille, puis une boule « Voir toutes les … » ── */
.v5 .n3-guirlande{min-height:560px}
.v5 .n3-gl{width:330px}
.v5 .n3-pendule img{width:280px;height:313px}
.v5 .n3-gl-txt > b{font-size:1.02rem;max-width:20ch}
.v5-gl-voir a{display:block}
.v5-gl-cap{width:30px;height:16px;margin-top:-1px;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#7a5a1e,#f6dc95 45%,#c9a24a 60%,#7a5a1e)}
.v5-gl-boule{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:210px;aspect-ratio:1;margin-top:-2px;border-radius:50%;
  padding:30px;text-align:center;font-family:var(--display);font-weight:600;font-size:1.02rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.15;color:#fff;
  background:radial-gradient(70% 70% at 36% 30%,#FBE7A6 0%,#D9B45E 48%,#8E6A2A 100%);
  box-shadow:0 0 0 3px rgba(241,217,160,.55),0 22px 36px -10px rgba(0,0,0,.55),inset 0 -16px 26px rgba(0,0,0,.22);transition:transform .45s cubic-bezier(.3,1.5,.5,1),box-shadow .4s}
.v5-gl-boule[data-teinte="or"]{color:#2A1D07}
.v5-gl-boule[data-teinte="rouge"]{background:radial-gradient(70% 70% at 36% 30%,#F07A7F 0%,#BD3238 50%,#5C1216 100%)}
.v5-gl-boule[data-teinte="vert"]{background:radial-gradient(70% 70% at 36% 30%,#4E9C79 0%,#145039 55%,#06201A 100%)}
.v5-gl-boule::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(34% 22% at 32% 22%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%);pointer-events:none}
.v5-gl-boule i{font-style:normal;font-size:1.3rem;line-height:1}
.v5-gl-voir a:hover .v5-gl-boule,.v5-gl-voir a:focus-visible .v5-gl-boule{transform:scale(1.06);box-shadow:0 0 0 3px #FBE7A6,0 0 40px rgba(255,214,140,.45),0 22px 36px -10px rgba(0,0,0,.55)}
.v5-gl-voir a:focus-visible{outline:none}
.v5-gl-voir a:focus-visible .v5-gl-boule{outline:2px solid #fff;outline-offset:6px}
@media(max-width:700px){
  .v5 .n3-guirlande{min-height:440px}
  .v5 .n3-gl{width:236px}
  .v5 .n3-pendule img{width:210px;height:235px}
  .v5-gl-boule{width:168px;padding:22px;font-size:.88rem}
}
.v5-sapin .v5-h2{font-size:clamp(2rem,3.5vw,3.4rem)}

/* ── Guirlande (04/11/2026, suite) : 4 pièces + la boule par famille, colonnes resserrées pour que la famille
      suivante se devine dès le premier écran (étiquette + 1 ou 2 pièces coupées au bord en 1440) ── */
.v5 .n3-gl{width:236px}
.v5 .n3-pendule img{width:280px;height:313px;margin-inline:-22px;max-width:none}
.v5 .v5-gl-voir{width:214px}
.v5 .n3-fam{width:66px}
.v5 .n3-fam span{padding:14px 6px;background:rgba(3,20,14,.35);border-radius:3px;border-left-width:3px}
.v5 .n3-guirlande{padding-inline:max(16px,calc((100vw - 1320px) / 2))}
@media(max-width:700px){
  .v5 .n3-gl{width:200px}
  .v5 .n3-pendule img{width:210px;height:235px;margin-inline:-5px}
  .v5 .v5-gl-voir{width:180px}
}

/* ═══ #guide-noel habillé pour la fête (04/11/2026) : velours bordeaux, paillettes d'or très discrètes,
      le guide sur son plateau vert sapin, les lignes de produits en médaillons crème à liseré or ═══ */
.v5-guide{position:relative;isolation:isolate;overflow:hidden;color:var(--v5-creme);background:var(--v5-velours-rouge)}
.v5-guide::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--v5-grain);opacity:.09;mix-blend-mode:overlay}
.v5-guide::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background-image:radial-gradient(circle at 12% 18%,rgba(241,217,160,.55) 0 1px,transparent 2px),radial-gradient(circle at 78% 9%,rgba(241,217,160,.45) 0 1.2px,transparent 2.4px),
    radial-gradient(circle at 46% 34%,rgba(255,255,255,.35) 0 1px,transparent 2px),radial-gradient(circle at 88% 46%,rgba(241,217,160,.5) 0 1px,transparent 2px),
    radial-gradient(circle at 24% 62%,rgba(255,255,255,.3) 0 1px,transparent 2px),radial-gradient(circle at 64% 78%,rgba(241,217,160,.45) 0 1.2px,transparent 2.4px),
    radial-gradient(ellipse 50% 30% at 70% 0%,rgba(241,217,160,.14),transparent 70%);
  background-size:420px 420px,520px 520px,380px 380px,460px 460px,500px 500px,440px 440px,100% 100%}
.v5-guide .pg-sur{color:var(--v5-or-clair)}
.v5-guide .pg-sur::before{background:var(--v5-or)!important}
.v5-guide .v5-h2{color:var(--v5-creme)}
.v5-guide .v5-quiz{box-shadow:0 40px 80px -40px rgba(0,0,0,.6),0 0 0 1px rgba(241,217,160,.22)}
.v5-sel-tete{border-bottom-color:rgba(241,217,160,.28)}
.v5-sel-tete h3{color:var(--v5-creme)}
.v5-sel-tete p{color:rgba(246,239,227,.78)}
.v5-tous{color:var(--v5-or-clair)}
.v5-tous:hover{color:#fff}
.v5 .v5-carte{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));color:var(--v5-creme);border:1px solid rgba(241,217,160,.32);box-shadow:0 18px 34px -22px rgba(0,0,0,.65)}
.v5 .v5-carte:hover{border-color:var(--v5-or-clair);box-shadow:0 26px 44px -22px rgba(0,0,0,.7)}
.v5 .v5-carte-img{margin:10px 10px 0;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(212,175,95,.75) inset;background:radial-gradient(ellipse 62% 55% at 50% 42%,#FFFDF8 0%,#F6EFE3 60%,#E9DCC2 100%)}
.v5 .v5-carte-txt{border-top:0;padding:12px 14px 16px}
.v5 .v5-carte-txt b{color:var(--v5-creme)}
.v5 .v5-carte-txt em{color:rgba(246,239,227,.72)}
.v5 .v5-carte-txt span{color:var(--v5-or-clair);font-weight:500}
.v5 .v5-sel-rail{scrollbar-color:rgba(241,217,160,.45) transparent}
.v5 .v5-sel-rail::-webkit-scrollbar-thumb{background:rgba(241,217,160,.45)}
.v5 .v5-sel-rail:focus-visible{outline-color:var(--v5-or-clair)}
.v5-rail-cadre::after{background:linear-gradient(90deg,rgba(70,13,19,0),rgba(70,13,19,.92))}
.v5-fl{background:rgba(40,8,12,.72);border-color:rgba(241,217,160,.6);color:var(--v5-or-clair)}
.v5-fl:hover{background:rgba(241,217,160,.18);color:#fff}
.v5-fl:focus-visible{outline-color:var(--v5-or-clair)}

/* ═══ Téléphone et tablette : audit responsive du 04/11/2026 (Playwright, 360 à 430 px, 768, paysage 844×390) ═══
   Textes lisibles (12 px au moins), zones tactiles de 44 px, boutons du haut empilés, rien de masqué. */
@media(max-width:600px){
  /* hero : les deux boutons côte à côte tombaient à 10 px sur deux lignes ; on les empile, pleine largeur */
  .v5 .pg-h-actions{flex-direction:column;flex-wrap:nowrap;gap:10px}
  .v5 .pg-h-actions .btn{flex:none;width:100%;min-height:50px;font-size:.78rem;letter-spacing:.12em;white-space:nowrap;padding-inline:16px}
}
@media(max-width:900px){
  .v5 .btn{font-size:max(12px,.75rem)}
  .v5 .pg-sur,.v5 .pg-h-sur,.v5 #v5-cit-titre,.v5 .svc h4{font-size:12px}
  .v5 .n3-badge,.v5 .v5-badge{font-size:12px;letter-spacing:.08em}
  .v5 .v5-v-fam,.v5 .v5-v-fam b{font-size:12px}
  .v5 .v5-a-valider{font-size:12px;letter-spacing:.14em}
  .v5 [data-pg-modeles] button span{font-size:12px}
  .v5 .pg-onglet{font-size:12px}
  .v5 .pg-onglet small{font-size:12px}
  .v5 .pg-vig-tout,.v5 .pg-vig-tout span{font-size:12px;min-height:44px}
  .v5 .pg-recap-prix>span{font-size:12px}
  /* liens « Voir tous les produits » et « Ou parcourir toute la Sélection » : 23 px de haut, trop fins au doigt */
  .v5 .v5-tous,.v5 .v5-lien-sel{display:inline-flex;align-items:center;min-height:44px}
  /* pied de page : réseaux et liens de la maison à 44 px */
  .v5 footer .reseaux a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .v5 footer .foot-maison a{min-height:44px;display:inline-flex;align-items:center}
  .v5 footer h4,.v5 footer .foot-plier,.v5 footer .foot-bas,.v5 footer .foot-bas a,.v5 footer .foot-maison a,.v5 footer .svc h4{font-size:12px}
  .v5 footer .foot-bas a.haut{min-height:44px;display:inline-flex;align-items:center}
}
/* Encoches de l'iPhone : la page n'utilise pas viewport-fit=cover, Safari garde donc le contenu hors des zones sûres (env() = 0). */

/* ═══ #citation + #plein-regime réunis (François, 04/11/2026) : une seule grande section bordeaux velours ═══
   Citation, signature, mention à valider, puis le ruban satin, le nœud et le bouton centré. */
.v5 .v5-fin-unie{background:var(--v5-velours-rouge);padding-block:clamp(84px,9vw,140px) 0}
.v5 .v5-fin-unie::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 46% 36% at 50% 30%,rgba(241,217,160,.12),transparent 70%)}
.v5 .v5-fin-unie .v5-citation-in{gap:clamp(20px,2.2vw,30px)}
.v5 .v5-fin-unie .v5-fin{position:relative;z-index:1;background:transparent;overflow:visible;
  margin-top:clamp(44px,5vw,76px);padding-block:clamp(36px,4vw,56px) clamp(72px,8vw,120px)}
.v5 .v5-fin-unie .v5-fin .noel-fin-ruban{top:calc(clamp(36px,4vw,56px) + clamp(130px,13vw,190px) * .42 - 30px)}
.v5 .v5-fin-unie .v5-a-valider{font-size:12px;opacity:.85}
@media(max-width:600px){.v5 .v5-fin-unie{padding-top:72px}.v5 .v5-fin-unie .v5-fin{margin-top:36px}}

/* ── Guirlande : les horloges un peu plus petites (04/11/2026 : la famille paraissait tassée et trop grosse) ── */
.v5 .v5-gl-hz{width:206px}
.v5 .v5-gl-hz .n3-pendule img{width:232px;height:260px;margin-inline:-13px}
@media(max-width:700px){.v5 .v5-gl-hz{width:172px}.v5 .v5-gl-hz .n3-pendule img{width:174px;height:195px;margin-inline:-1px}}

/* ── Neige derrière le guide (#guide-noel, fond bordeaux velours ; 04/11/2026) ──
   Même aspect que la neige de la citation (flocons fins, clairsemés, chute lente), mais en couches CSS animées par
   transform seulement : le guide est très haut, un canvas de cette taille coûterait cher sur téléphone.
   Derrière le contenu, sans clic ; immobile en prefers-reduced-motion (classe noel-anime absente). */
.v5-guide>.wrap{position:relative;z-index:1}
.v5-neige-css{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.v5-neige-css::before,.v5-neige-css::after{content:"";position:absolute;left:0;right:0;top:-640px;bottom:0;will-change:transform;
  background-image:radial-gradient(circle at 8% 14%,rgba(246,239,227,0.8) 0 2.2px,transparent 3.0px),radial-gradient(circle at 27% 46%,rgba(246,239,227,0.65) 0 1.4px,transparent 2.2px),radial-gradient(circle at 51% 22%,rgba(246,239,227,0.7) 0 2.6px,transparent 3.4px),radial-gradient(circle at 73% 68%,rgba(246,239,227,0.6) 0 1.6px,transparent 2.4px),radial-gradient(circle at 91% 34%,rgba(246,239,227,0.75) 0 2.0px,transparent 2.8px),radial-gradient(circle at 40% 84%,rgba(246,239,227,0.55) 0 1.2px,transparent 2.0px),radial-gradient(circle at 62% 6%,rgba(246,239,227,0.6) 0 1.5px,transparent 2.3px),radial-gradient(circle at 17% 74%,rgba(246,239,227,0.7) 0 1.9px,transparent 2.7px);
  background-size:460px 640px}
.v5-neige-css::after{background-size:330px 640px;opacity:.6}
.noel-anime .v5-neige-css::before{animation:v5-neige-tombe 34s linear infinite}
.noel-anime .v5-neige-css::after{animation:v5-neige-tombe 22s linear infinite}
@keyframes v5-neige-tombe{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,640px,0)}}

/* ── Halo du hero centré sur le produit (04/11/2026 : il était posé par rapport à la section, donc décalé selon la largeur) ──
   La lumière est un pseudo-élément du conteneur du produit (.pg-h-piece) : elle suit sa taille et sa position à toutes les
   largeurs et à chaque changement de vignette. Le projecteur balayant de A v3 (posé à droite de la section) est retiré. */
.v5 .noel-hero .noel-projecteur{display:none}
.v5 .pg-h-piece::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:150%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,236,200,.20) 0%,rgba(90,170,130,.20) 26%,rgba(29,98,73,.16) 46%,rgba(29,98,73,0) 68%)}
.noel-anime .v5 .pg-h-piece::before{animation:v5-halo 1.6s .15s ease-out both}
@keyframes v5-halo{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}

/* ── Mot géant en filigrane (« GMT », « CAR », « V8 »…) : jamais coupé en bas (04/11/2026) ──
   A v3 le posait avec line-height .8 et overflow hidden : le bas des lettres (C, 8, S…) était tronqué.
   Ligne assez haute, coupe horizontale seulement (overflow-x:clip), taille bornée par la hauteur de la section. */
.v5 .noel-hero .pg-h-geant{line-height:1.08;overflow:visible;overflow-x:clip;overflow-y:visible;padding-block:.04em;
  font-size:clamp(8rem,min(26vw,44svh),24rem)}
@media(max-width:900px){.v5 .noel-hero .pg-h-geant{font-size:min(42vw,30svh)}}

/* ── Rangées défilantes sous le guide : plus de voile coloré au bord droit (04/11/2026, retour sur iPhone) ──
   Le calque ::after posait une bande plus sombre sur la dernière carte. À la place, la rangée elle-même fond vers la
   transparence sur ses derniers 56 px (mask-image), et plus du tout quand on est au bout. */
.v5-rail-cadre::after{display:none}
.v5 .v5-sel-rail{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 56px),transparent)}
.v5 .v5-rail-cadre.a-la-fin .v5-sel-rail{-webkit-mask-image:none;mask-image:none}
/* 13/11 (recette) : en coréen, les titres et noms de pièce ne se coupent plus au milieu d'un mot */
html[lang="ko"] :is(h1,h2,h3,.n3-gl-txt b,.v5-carte-txt b,.col-nom,.col-titre){word-break:keep-all}
/* 13/11/2026 (Yacine, iPhone) : à la première visite, le bandeau cookies (~60 px) couvrait le bouton « Ouvrir le sapin ».
   La classe ckb-attendu est posée sur <html> AVANT l'affichage par l'amorce de l'accueil (accueil_noel.py, même règle
   que BRM.cookies : aucun choix enregistré en version 2026-09) : la pièce laisse sa place au bandeau, rien ne bouge ensuite. */
/* Mesuré : bas du bouton ≈ 319 px (345 en allemand) + 1,24 × largeur de la pièce ; il doit rester au-dessus du bandeau (56 à 70 px).
   noel3.css fixe la largeur en !important (min(64vw,260px)) : même force, sélecteur plus précis. */
@media(max-width:600px){.ckb-attendu .v5 .noel-hero .pg-h-piece{width:clamp(170px,calc((100svh - 420px) / 1.24),min(64vw,260px))!important}}