/* Modèle « Scène » : sombre, doré, verre dépoli (d'après le site de Mickaël Richard) */
.tpl-scene {
  background:
    radial-gradient(1200px 900px at 15% -10%, color-mix(in srgb, var(--c-accent) 18%, transparent), transparent 60%),
    radial-gradient(1200px 900px at 95% 0%, color-mix(in srgb, var(--c-text) 7%, transparent), transparent 55%),
    var(--c-bg);
  background-attachment: fixed;
}
.tpl-scene .hd { background: color-mix(in srgb, var(--c-header) 74%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid var(--c-line); }
.tpl-scene .hd__logo:not(.hd__logo--img) { background: linear-gradient(135deg, var(--c-accent), color-mix(in srgb, var(--c-text) 18%, transparent)); box-shadow: 0 12px 30px rgba(0,0,0,.45); }
.tpl-scene .hd__name { font-weight: 800; letter-spacing: .2px; }
.tpl-scene .hd__nav a { font-weight: 600; }
.tpl-scene .hd__nav a.is-on { color: var(--c-accent); }
.tpl-scene .hd__cart { background: color-mix(in srgb, var(--c-text) 5%, transparent); }
.tpl-scene .btn { border-radius: 99px; box-shadow: 0 10px 26px color-mix(in srgb, var(--c-accent) 22%, transparent); }
.tpl-scene .btn--ghost { box-shadow: none; }

/* Haut de page : panneau arrondi, fond flou, visuel à droite */
.tpl-scene .hero { margin: 22px auto 0; width: min(var(--max), calc(100% - 32px)); border-radius: calc(var(--radius) * 1.4); border: 1px solid var(--c-line);
  background: var(--c-surface); box-shadow: 0 30px 70px rgba(0,0,0,.45); min-height: clamp(420px, 56vw, 520px); display: grid; }
.tpl-scene .hero__bg, .tpl-scene .slide__bg { position: absolute; inset: -40px; background-image: var(--hero-img); background-size: cover; background-position: center; filter: blur(28px) saturate(1.2); opacity: .55; transform: scale(1.1); }
.tpl-scene .hero::after, .tpl-scene .slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--c-bg) 82%, transparent) 0%, color-mix(in srgb, var(--c-bg) 40%, transparent) 55%, transparent 100%); z-index: 1; }
.tpl-scene .hero__inner, .tpl-scene .slide__inner { width: 100%; padding: clamp(28px, 4vw, 48px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; }
.tpl-scene .hero--plain .hero__inner { grid-template-columns: 1fr; align-items: center; text-align: left; }
.tpl-scene .hero__media { align-self: center; justify-self: center; }
.tpl-scene .hero__media img { max-height: 450px; width: auto; border-radius: 6px; box-shadow: 0 30px 60px rgba(0,0,0,.55); }
.tpl-scene .hero__title { font-weight: 800; }
.tpl-scene .hero--slider { display: block; }
.tpl-scene .slide { position: relative; min-height: clamp(420px, 56vw, 520px); }
.tpl-scene .slide__inner { min-height: inherit; }
@media (max-width: 760px) {
  .tpl-scene .hero__inner, .tpl-scene .slide__inner { grid-template-columns: 1fr; align-items: start; padding-bottom: 54px; }
  .tpl-scene .hero__media { order: -1; } .tpl-scene .hero__media img { max-height: 260px; }
  .tpl-scene .hero::after, .tpl-scene .slide::after { background: linear-gradient(0deg, color-mix(in srgb, var(--c-bg) 85%, transparent) 30%, transparent); }
}

/* Blocs : verre sombre, filet clair */
.tpl-scene .card, .tpl-scene .prod, .tpl-scene .ev, .tpl-scene .album, .tpl-scene .doc, .tpl-scene .contact__form, .tpl-scene .cart__line, .tpl-scene .checkout__sum, .tpl-scene .product__ask {
  background: color-mix(in srgb, var(--c-surface) 88%, transparent); border: 1px solid var(--c-line); box-shadow: 0 12px 30px rgba(0,0,0,.28); }
.tpl-scene .card:hover, .tpl-scene .prod:hover { border-color: color-mix(in srgb, var(--c-accent) 45%, transparent); }
.tpl-scene .sec__title { font-weight: 800; }
.tpl-scene .sec__title::after { content: ""; display: block; width: 46px; height: 3px; border-radius: 3px; background: var(--c-accent); margin-top: 12px; }
.tpl-scene .sec__head .sec__title::after { margin-top: 10px; }
.tpl-scene .pg-head { text-align: left; border-bottom: 1px solid var(--c-line); margin-bottom: 8px; }
.tpl-scene .pg-title { font-weight: 800; }
.tpl-scene .ev__date { background: linear-gradient(160deg, var(--c-accent), color-mix(in srgb, var(--c-accent) 70%, #000)); }
.tpl-scene .album__cover { box-shadow: 0 20px 40px rgba(0,0,0,.45); }
.tpl-scene .cta-box { background: linear-gradient(120deg, color-mix(in srgb, var(--c-accent) 20%, var(--c-surface)), var(--c-surface)); border: 1px solid var(--c-line); }
.tpl-scene .field input, .tpl-scene .field textarea { background: color-mix(in srgb, var(--c-bg) 70%, transparent); }
.tpl-scene .gal__item { border: 1px solid var(--c-line); }
.tpl-scene .ft { background: color-mix(in srgb, var(--c-footer) 92%, transparent); border-top: 1px solid var(--c-line); }
.tpl-scene .ft__title { color: var(--c-accent); }
/* Mobile : pas de flou sur l'en-tête (sinon le menu latéral se cale dans l'en-tête au lieu de l'écran) */
@media (max-width: 920px) { .tpl-scene .hd { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--c-header); } }