/* BeatsMyStory — couche de design V4 (chargée en dernier sur toutes les pages)
   Palette : encre #0E0C0A · or #D9B67C · or clair #F1D7A6 · crème #F4ECDC · vin #4A1F1A · gris chaud #A9A095 */
:root{
  --ink:#0E0C0A;--ink-2:#16130F;--ink-3:#1E1A15;
  --gold:#D9B67C;--gold-2:#F1D7A6;--gold-deep:#A9814A;
  --cream:#F4ECDC;--muted:#A9A095;--wine:#4A1F1A;
  --line:rgba(244,236,220,.09);--line-gold:rgba(217,182,124,.32);
  --r-pill:999px;--r-card:18px;--r-small:10px;
  --shadow-gold:0 10px 30px -10px rgba(217,182,124,.45);
}
body{background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--gold);color:var(--ink)}

/* ── Icônes modernes (traits fins, héritent de la couleur du texte) ── */
.ico{display:inline-block;width:1.05em;height:1.05em;flex-shrink:0;background:currentColor;vertical-align:-.15em;
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ico-up{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E")}
.ico-right{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.ico-down{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v15M6 13l6 6 6-6'/%3E%3C/svg%3E")}
.ico-play{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13a1 1 0 0 0 1.5.86l10.5-6.5a1 1 0 0 0 0-1.72L9.5 4.64A1 1 0 0 0 8 5.5z'/%3E%3C/svg%3E")}
.ico-gift{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7M7.5 8a2.5 2.5 0 0 1 0-5C10 3 12 8 12 8s2-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E")}
.ico-plus{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.ico-check{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.ico-lock{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}

/* ── Boutons : pilule dorée + pastille d'icône ── */
.btn,.cinema-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:8px 8px 8px 26px;border-radius:var(--r-pill);
  background:linear-gradient(180deg,var(--gold-2),var(--gold) 55%,#C9A266);border:0;color:#1A140C!important;
  font:700 14px/1 'DM Sans',sans-serif;letter-spacing:.01em;text-transform:none;text-decoration:none;box-shadow:var(--shadow-gold),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s}
.btn .ico,.cinema-button .ico{width:36px;height:36px;padding:0;border-radius:50%;background:#1A140C;-webkit-mask:none;mask:none;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.btn .ico::after,.cinema-button .ico::after{content:'';position:absolute;inset:10px;background:var(--gold-2);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.btn:hover,.cinema-button:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(217,182,124,.6),inset 0 1px 0 rgba(255,255,255,.5);filter:none;background:linear-gradient(180deg,#F7E3BC,var(--gold-2) 50%,var(--gold))}
.btn:hover .ico,.cinema-button:hover .ico{transform:rotate(45deg)}
.btn:hover .ico-right,.cinema-button:hover .ico-right{transform:translateX(3px)}
.btn:active,.cinema-button:active{transform:translateY(0)}
.btn:not(:has(.ico)),.cinema-button:not(:has(.ico)){padding:8px 28px}
.btn.outline{background:transparent;color:var(--cream)!important;box-shadow:inset 0 0 0 1px var(--line-gold)}
.btn.outline .ico{background:rgba(217,182,124,.14)}.btn.outline .ico::after{background:var(--gold)}
.btn.outline:hover{background:rgba(217,182,124,.08);box-shadow:inset 0 0 0 1px var(--gold)}
.btn.small{min-height:40px;padding:6px 18px;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.btn:disabled{opacity:.6;cursor:wait;transform:none}

/* Liens d'action secondaires */
.text-cta,.collection-cta,.quiet-link,.blog-read,.blog-mini-cta{display:inline-flex;align-items:center;gap:8px;text-transform:none;letter-spacing:.01em;font-size:14px;font-weight:600}
.text-cta{border:0;padding:10px 0;color:var(--gold)}
.text-cta .ico,.collection-cta .ico,.blog-read .ico,.blog-mini-cta .ico,.quiet-link .ico{transition:transform .25s}
.text-cta:hover .ico,.collection-cta:hover .ico,.blog-card:hover .blog-read .ico{transform:translate(2px,-2px)}
.quiet-link{color:var(--cream);padding:12px 4px}
.quiet-link .ico-play{width:30px;height:30px;border-radius:50%;background:rgba(244,236,220,.1);-webkit-mask:none;mask:none;position:relative}
.quiet-link .ico-play::after{content:'';position:absolute;inset:9px 8px 9px 10px;background:var(--cream);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}

/* ── Navigation ── */
.nav,body.cinematic .nav{background:rgba(14,12,10,.72);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--line)}
.links{gap:4px}
.links a{padding:9px 14px;border-radius:var(--r-pill);font-size:14px;color:#D8CDBB;transition:background .2s,color .2s}
.links a:hover{background:rgba(244,236,220,.06);color:var(--cream)}
.links a[aria-current="page"]{color:var(--gold);background:rgba(217,182,124,.1)}
.menu-toggle{border-radius:50%;border-color:var(--line)}
.xmas-bar{background:linear-gradient(90deg,#3A1713,#5B2620 50%,#3A1713);font-weight:500}
.xmas-bar .ico{color:var(--gold-2);margin-left:6px}
@media(max-width:900px){.links{border-radius:0 0 var(--r-card) var(--r-card);padding:10px}.links a{border-radius:var(--r-small);border-top:0}}

/* ── Cartes ── */
.card,.idea,.sample-tile,.summary,.steps-quick-grid div{border-radius:var(--r-card)}
.collection-card{border-radius:22px;border:1px solid var(--line);background:linear-gradient(170deg,#1B1813,#121010 70%);overflow:hidden}
.collection-card.featured{border:1px solid transparent;background:linear-gradient(170deg,#2A2319,#14110D 70%) padding-box,linear-gradient(160deg,var(--gold-2),rgba(217,182,124,.15) 45%,var(--gold-deep)) border-box;box-shadow:0 30px 80px -40px rgba(217,182,124,.45)}
.collection-card h3{margin-top:28px}
.collection-card li:before{content:'';display:inline-block;width:14px;height:14px;margin-right:12px;vertical-align:-2px;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.collection-cta{margin-top:auto;justify-content:center;gap:12px;min-height:50px;border:1px solid var(--line-gold);border-radius:var(--r-pill);padding:0 22px;color:var(--gold)}
.collection-card.featured .collection-cta{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1A140C;border-color:transparent}
.collection-cta:hover{border-color:var(--gold);background:rgba(217,182,124,.08)}
.popular{border-radius:var(--r-pill);padding:6px 11px;font-size:10px;letter-spacing:.06em}

/* ── FAQ : accordéon avec icône ── */
.faq details{border-bottom:1px solid var(--line);padding:0}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';flex-shrink:0;width:30px;height:30px;border-radius:50%;background:rgba(217,182,124,.12) var(--plus) center/14px no-repeat;transition:transform .3s cubic-bezier(.2,.8,.2,1),background-color .3s;
  --plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9B67C' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.faq details[open] summary::after{transform:rotate(45deg);background-color:rgba(217,182,124,.22)}
.faq details p{margin:0 0 24px;max-width:68ch}

/* ── Formulaire ── */
.field input,.field select,.field textarea{border-radius:var(--r-small);background:#1A1713;border-color:#3A3329;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(217,182,124,.14)}
.plan-picker label{border-radius:14px}
.plan-picker .badge{border-radius:var(--r-pill);padding:4px 9px}
.notice{border-radius:var(--r-small)}
.test-banner{border-radius:var(--r-small)}
.summary li:before{content:'';display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:-2px;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}

/* ── Journal : correction des images géantes ── */
.blog-card img,.blog-related-card img,.blog-cover{height:auto;max-width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-card{border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);background:var(--ink-2);display:flex;flex-direction:column}
.blog-card:hover{border-color:var(--line-gold);transform:translateY(-4px)}
.blog-card img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.blog-card:hover img{transform:scale(1.03)}
.blog-card h3{font-size:22px;line-height:1.25}
.blog-card p{color:var(--muted);font-size:14px;line-height:1.6}
.blog-read{margin-top:auto;color:var(--gold)}
.blog-related-card{border-radius:14px;overflow:hidden;display:block;border:1px solid var(--line);background:var(--ink-2)}
.blog-related-card span{display:block;padding:14px 16px;font-size:15px}
.blog-cover{border-radius:var(--r-card);width:100%}
.blog-callout{border-radius:22px}
.blog-mini-cta{color:var(--gold)}

/* ── Divers ── */
.trust-mark{border-radius:8px}
.footer a:hover{color:var(--gold)}
.sample-tile audio{border-radius:var(--r-pill)}
@media(prefers-reduced-motion:reduce){.btn,.cinema-button,.btn .ico,.blog-card,.blog-card img{transition:none}}

/* ── Accueil V4 : la pochette et le vinyle ── */
.h4{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 60% 70% at 72% 45%,#3A2A1B 0%,rgba(14,12,10,0) 70%),radial-gradient(ellipse 50% 60% at 10% 100%,#2A1512 0%,rgba(14,12,10,0) 70%),var(--ink)}
.h4 #constellation{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.7}
.h4-in{width:min(1240px,calc(100% - 48px));margin:auto;min-height:calc(100svh - 112px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:60px 0 70px}
.h4-kicker{font:600 15px 'DM Sans',sans-serif;color:var(--gold);margin:0 0 18px}
.h4-title{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(58px,8.4vw,132px);line-height:.95;letter-spacing:-.045em;margin:0 0 28px}
.h4-title em{color:var(--gold);font-style:italic}
.h4-lead{font-size:clamp(16px,1.35vw,19px);line-height:1.7;color:#CFC4B3;max-width:30em;margin:0 0 34px}
.h4-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px}
.h4-facts{list-style:none;display:flex;gap:0;margin:46px 0 0;padding:0;border-top:1px solid var(--line);max-width:560px}
.h4-facts li{flex:1;padding:18px 18px 0 0}
.h4-facts li+li{padding-left:18px;border-left:1px solid var(--line)}
.h4-facts b{display:block;font:500 22px 'Playfair Display',serif;color:var(--cream)}
.h4-facts span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.h4-stage{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;justify-self:end}
.sleeve{position:absolute;left:0;top:8%;width:78%;aspect-ratio:1;border-radius:6px;overflow:hidden;z-index:2;
  background:linear-gradient(150deg,#2B2219,#15110D 60%);box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(244,236,220,.08),inset 0 1px 0 rgba(255,255,255,.06);padding:9% 9%;display:flex;flex-direction:column}
.sleeve-art{position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(217,182,124,.32),transparent 42%),radial-gradient(circle at 20% 90%,rgba(122,46,36,.45),transparent 50%);pointer-events:none}
.sleeve-art::after{content:'';position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.sleeve>*{position:relative}
.sleeve-for{margin:0;font-size:clamp(12px,1.1vw,15px);color:var(--gold-2);opacity:.85}
.sleeve-name{margin:6px 0 0;font:italic 400 clamp(36px,4.6vw,68px)/1.02 'Playfair Display',serif;letter-spacing:-.03em;color:var(--cream);min-height:2.05em;word-break:break-word}
.sleeve-name::after{content:'';display:inline-block;width:3px;height:.8em;margin-left:6px;vertical-align:-.05em;background:var(--gold);animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.sleeve-meta{margin:auto 0 0;display:flex;justify-content:space-between;font-size:clamp(11px,.95vw,13px);color:var(--muted)}
.sleeve-wave{display:flex;align-items:flex-end;gap:4px;height:44px;margin-top:16px}
.sleeve-wave i{flex:1;background:linear-gradient(var(--gold-2),var(--gold-deep));border-radius:2px;height:30%;animation:wave 1.4s ease-in-out infinite alternate}
.sleeve-wave i:nth-child(3n){height:80%;animation-delay:-.4s}.sleeve-wave i:nth-child(4n){height:55%;animation-delay:-.9s}.sleeve-wave i:nth-child(5n){height:100%;animation-delay:-.2s}.sleeve-wave i:nth-child(7n){height:42%;animation-delay:-1.1s}
@keyframes wave{to{height:12%}}
.vinyl{position:absolute;right:0;top:12%;width:70%;aspect-ratio:1;border-radius:50%;z-index:1;
  background:radial-gradient(circle,#0b0b0b 0 30%,transparent 30.5%),repeating-radial-gradient(circle,#111 0 1px,#1c1b1a 1.5px 3px),#111;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.9),inset 0 0 0 2px #222;animation:slideout 1.3s cubic-bezier(.2,.8,.2,1) .2s both,spin 9s linear 1.5s infinite}
.vinyl::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 12%,rgba(255,255,255,.09) 16%,transparent 22% 60%,rgba(255,255,255,.06) 66%,transparent 72%)}
.vinyl-label{position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle,var(--gold-2),var(--gold) 55%,var(--gold-deep));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2A1F12;text-align:center;padding:8%}
.vinyl-label small{font-size:clamp(8px,.8vw,11px);opacity:.75}
.vinyl-label b{font:italic 500 clamp(10px,1.2vw,16px)/1.1 'Playfair Display',serif}
.vinyl-label::after{content:'';position:absolute;width:8%;aspect-ratio:1;border-radius:50%;background:var(--ink)}
@keyframes slideout{from{transform:translateX(-34%) rotate(-40deg)}to{transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
.h4-stage.swap .sleeve-name{opacity:.25;transition:opacity .3s}
.xmas-kicker{display:flex;align-items:center;gap:8px;margin:0;font-weight:600;color:var(--gold-2)}
.steps-quick{text-align:left}
.steps-quick h2{max-width:14em}
.steps-quick-grid{list-style:none;padding:0}
.steps-quick-grid li{position:relative;border:1px solid var(--line);border-radius:var(--r-card);background:linear-gradient(165deg,#191612,#110F0C);padding:30px}
.steps-quick-grid b{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;font:400 22px 'Playfair Display',serif;color:var(--ink);background:linear-gradient(180deg,var(--gold-2),var(--gold))}
.steps-quick-grid h3{font-size:20px;margin:18px 0 8px}
.steps-quick-grid p{color:#BDB3A5;line-height:1.7;font-size:15px;margin:0}
.chapter-transformation{min-height:auto;padding:130px 24px}
.chapter-transformation .text-cta{margin-top:26px}
.collection-heading h2,.home-faq h2,.blog-home-teaser h2,.end-scene h2,.steps-quick h2{letter-spacing:-.04em}
.home-faq .faq{max-width:860px}
.end-scene{min-height:70vh}
.end-scene p{margin-top:20px}
@media(max-width:960px){
  .h4-in{grid-template-columns:1fr;min-height:auto;padding:40px 0 60px;gap:10px}
  .h4-stage{order:-1;justify-self:center;max-width:380px}
  .h4-facts{margin-top:34px}
  .h4-facts b{font-size:19px}
}
@media(max-width:520px){.h4-in{width:calc(100% - 36px)}.h4-stage{max-width:320px}.h4-facts li{padding-right:10px}.h4-facts li+li{padding-left:12px}.h4-facts span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.vinyl,.sleeve-wave i,.sleeve-name::after{animation:none}}
/* ajustements pochette */
.h4-stage{aspect-ratio:1.12/1;max-width:600px}
.sleeve{width:64%;top:6%}
.vinyl{width:60%;top:13%;right:0}
.sleeve-art{background:radial-gradient(circle at 85% 18%,rgba(241,215,166,.38),transparent 34%),radial-gradient(circle at 10% 100%,rgba(122,46,36,.55),transparent 55%)}
.sleeve-art::before{content:'';position:absolute;right:-28%;bottom:-30%;width:95%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(217,182,124,.28);box-shadow:0 0 0 22px rgba(217,182,124,.05),0 0 0 46px rgba(217,182,124,.035),inset 0 0 0 22px rgba(217,182,124,.04)}
.sleeve-wave{height:64px}
.sleeve-name{font-size:clamp(32px,3.9vw,58px)}
@media(max-width:960px){.h4-stage{max-width:420px}}
.sleeve>.sleeve-art{position:absolute}
.plan-picker small,.plan-picker em{letter-spacing:0;font-weight:500}
.plan-picker small{font-weight:400}
.pagehero{padding:80px 0 30px}
.footer-niches{width:100%;font-size:12px;opacity:.75;margin-top:6px}
/* Photos Cinematic */
.photos-field{border:1px dashed var(--line-gold);border-radius:16px;padding:18px;background:rgba(217,182,124,.04)}
.photo-drop{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border-radius:var(--r-pill);border:1px solid var(--line-gold);color:var(--gold);font-weight:600;cursor:pointer;margin:6px 0 12px}
.photo-drop input{position:absolute;opacity:0;width:1px;height:1px}
.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.photo-thumb{position:relative;aspect-ratio:1;border-radius:10px;background:#211c16 center/cover;border:1px solid var(--line)}
.photo-thumb .photo-state{position:absolute;right:5px;bottom:5px;font-size:11px;font-weight:700;background:rgba(14,12,10,.8);color:var(--gold-2);padding:2px 6px;border-radius:99px}
.photo-thumb.is-error{border-color:#e08a6b}.photo-thumb.is-error .photo-state{color:#e08a6b}
@media(max-width:520px){.photo-grid{grid-template-columns:repeat(4,1fr)}}
.field.photos-field label.photo-drop{display:inline-flex;align-items:center;width:auto;font-size:14px;font-weight:600;letter-spacing:0;margin:6px 0 14px;padding:0 20px;min-height:46px}
.field.photos-field label.bms-consent{display:flex;font-size:13px;font-weight:400;letter-spacing:0;margin-top:14px}
.field.photos-field > label:first-child{display:block}

/* Offre de lancement */
.promo-bar{background:#d9b477;color:#14110d;text-align:center;font-size:14px;padding:8px 14px;line-height:1.4}
.promo-code{font:inherit;font-weight:700;letter-spacing:.06em;background:#14110d;color:#f1d9ab;border:0;border-radius:999px;padding:3px 12px;margin-left:4px;cursor:pointer}
.promo-hint{font-size:13px;color:#d9b477;text-align:center;margin:12px 0 0;line-height:1.5}
/* Extraits sur l'accueil */
.home-samples{padding:90px 0}.home-samples h2{font:400 clamp(36px,5vw,64px)/1.1 'Playfair Display',serif;letter-spacing:-.04em;text-align:center;margin:0 0 10px}.home-samples h2 em{color:#d9b477}
.home-samples .lead{text-align:center;color:#b9ada0;max-width:560px;margin:0 auto}.home-samples .center{text-align:center;margin-top:30px}
.sample-tile .sample-tag{display:inline-block;font-size:11px;letter-spacing:.14em;color:#d9b477;text-transform:uppercase}
.sample-tile .sample-cta{margin-top:14px;font-size:14px;color:#d9b477}

/* Options payantes (page de commande) */
.upsells{border:0;padding:0;margin:26px 0 6px;display:grid;gap:10px}
.upsells legend{font-weight:600;margin-bottom:10px;padding:0}.help-inline{font-weight:400;color:var(--muted);font-size:13px}
.upsell{display:flex!important;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:16px;background:#15130f;cursor:pointer;transition:border-color .2s,background .2s;margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:inherit!important;color:inherit!important}
.upsell:hover{border-color:#6a5639}.upsell.on{border-color:var(--gold);background:rgba(217,182,124,.08)}
.upsell input{width:20px;height:20px;margin-top:2px;accent-color:var(--gold);flex:none}
.u-body{display:grid;gap:5px;flex:1}.u-top{display:flex;justify-content:space-between;gap:10px}.u-top b{font-weight:600;color:var(--cream)}.u-top em{font-style:normal;color:var(--gold);font-weight:700;white-space:nowrap}
.u-desc{font-size:13.5px;color:var(--muted);line-height:1.5}.u-tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.u-tag:empty{display:none}
.upsell.off{opacity:.45;cursor:not-allowed}
.opt-lines{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px;font-size:14px;color:var(--muted)}.opt-lines li{display:flex;justify-content:space-between;gap:10px}.opt-lines:empty{display:none}

.summary .opt-lines li::before,.summary .opt-lines li:before{display:none!important;content:none!important}.summary .opt-lines li{padding:0!important;border:0!important;text-align:left}