/* LUZ DE BELÉN — surcouche de tribune.css + beta.css (structure Tribune Studio, 16/10/2026).
   Seuls changent : l'accent (lime → or de Noël, même contraste), les teintes claires codées en dur, et les blocs propres au produit. */
:root{--lime:#f3cf6b;--lime-d:#8a6a12;--gold-soft:#fbf3dc}
.tier.best,.tier.best.on,.tier.best.on{background:var(--gold-soft)}
.logo span{color:var(--lime-d)}
.dark .logo span{color:var(--lime)}
/* Héros : carte « autres boutiques » sobre, carte Luz en or. */
.hero-offer .other s{opacity:.75}
.hero-offer .other small,.hero-offer .other .each{color:#e9f0e6}
.hero-trust{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 0;font-size:14px;color:#e9f0e6}
.hero-trust span:before{content:"✓ ";color:var(--lime);font-weight:800}
.hero-thumbs{display:flex;gap:8px;align-items:center;margin-top:16px}
.hero-thumbs a{width:52px;height:52px;border:1px solid rgba(255,255,255,.35);overflow:hidden;border-radius:var(--r)}
.hero-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.hero-thumbs small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#e9f0e6;margin-left:4px}
.urgency output{font-variant-numeric:tabular-nums}
/* Avis d'exemple. */
.ejemplo{display:inline-block;margin-left:8px;padding:2px 7px;border:1px dashed currentColor;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.rev-note{font-size:12px;color:#b9d1bf;margin:14px 0 0}
.proof .rev-note{color:var(--mute)}
/* Comparateur « belén de figuras » vs Luz. */
.cmp ul li.no:before{content:"✕";color:#a3271c}
/* Logos de paiement (texte, pas d'images de marque). */
.pay-logos{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pay-logos span{font-size:10px;font-weight:800;letter-spacing:.06em;border:1px solid var(--line);background:#fff;color:var(--ink);padding:5px 8px;border-radius:4px}
.buy-note{font-size:12px;color:var(--mute);text-align:center;margin:8px 0 0}
.deadline-box{margin-top:14px;padding:12px 14px;border:1px solid var(--lime-d);background:var(--gold-soft);font-size:14px;border-radius:var(--rb)}
.deadline-box b{color:var(--ink)}
.deadline-box output{font-weight:800;font-variant-numeric:tabular-nums}
/* Pages d'information (légal, contact). */
.page{max-width:820px;margin:0 auto;padding:40px 20px 80px}
.page h1{font-size:clamp(34px,6vw,56px);line-height:1;margin:10px 0 24px}
.page h2{font-size:22px;margin:34px 0 10px;letter-spacing:-.01em}
.page p,.page li{font-size:15px;line-height:1.6;color:var(--ink)}
.page .upd{color:var(--mute);font-size:13px}
.page table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0}
.page th,.page td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
[data-legal].todo{background:#fff1b8;padding:0 4px;border-radius:3px}
.form{display:grid;gap:14px;margin-top:20px}
.form label{display:grid;gap:6px;font-size:13px;font-weight:700;letter-spacing:.04em}
.form input,.form textarea,.form select{font:inherit;font-weight:400;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.form textarea{min-height:140px}
.ok-msg{padding:12px 14px;background:var(--gold-soft);border:1px solid var(--lime-d);border-radius:var(--rb)}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 16px}
.foot-legal a{color:inherit;opacity:.8}
.hero-offer .other .was{text-decoration:line-through;text-decoration-color:#c0392b;text-decoration-thickness:2.5px;opacity:.9}
.hero-deadline{margin:16px 0 0;font-size:15px;color:#fff}
.hero-deadline b{color:var(--lime)}
/* Fiche : H1 plus compact en mobile pour remonter le CTA. */
@media(max-width:767px){.pdp .buy h1{font-size:clamp(32px,8vw,48px);margin:6px 0 4px}}
/* CTA : lueur dorée pour attirer l'œil. */
.btn[data-buy],.cta-wrap .btn{box-shadow:0 0 18px rgba(243,207,107,.45)}
.btn[data-buy]:active,.cta-wrap .btn:active{box-shadow:0 0 8px rgba(243,207,107,.3)}
/* Compteur : léger pulse sur les chiffres. */
@keyframes pulse-num{0%,100%{opacity:1}50%{opacity:.7}}
.deadline-box output,.urgency output{animation:pulse-num 2s ease-in-out infinite}
/* Scroll fluide pour les ancres. */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Hero thumbnails : masqués en mobile (la galerie est juste dessous). */
@media(max-width:599px){.hero-thumbs{display:none}}