/* ============================================================
   CUSTOMIA — « La maison » sur les pages intérieures
   Bascule les jetons sombres de boutique.css / packs.css / tunnel.css
   vers la palette claire, puis corrige les composants qui avaient
   des couleurs écrites en dur. Chargée après boutique.css et maison.css.
   ============================================================ */
body.maison.interieur{
  --noir:#f7f3ec; --noir-2:#fffdf8; --noir-3:#efe8dc;
  --sur-noir:#1b1814; --sur-noir-2:#665d52;
  --ivoire:#1b1814; --ivoire-2:#2b2620; --ivoire-3:#3a332b;
  --or:#7a5b24; --or-vif:#7a5b24; --or-sombre:#a47e3b;
  --hair-noir:#dcd3c4; --hair-ivoire:#dcd3c4;
  --f-display:"Cormorant Garamond", Georgia, serif; --f-sans:"Jost", "Avenir Next", Avenir, sans-serif;
  background:var(--m-ivoire);color:var(--encre);font-weight:400
}
.interieur h1,.interieur h2,.interieur h3{color:var(--encre)}
.interieur ::selection{background:var(--encre);color:var(--m-ivoire)}

/* en-tête et menu : neutralise les anciennes règles */
.interieur header.m-nav{position:sticky;top:0;background:rgba(247,243,236,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.interieur .m-liens a.actif::after{transform:none}
.interieur #menu-mobile{display:flex;flex-direction:column;overflow-y:auto;position:fixed;inset:76px 0 0;justify-content:flex-start;background:var(--m-ivoire);backdrop-filter:none;padding:28px 6vw 40px;gap:4px}
.interieur #menu-mobile a{display:block;font-size:28px;padding:10px 0;color:var(--encre)}
.interieur #menu-mobile a.bt{display:flex;font-size:13px;color:var(--m-ivoire);margin-top:22px}
@media (max-width:640px){.interieur #menu-mobile{inset:64px 0 0}}

/* boutons de l'ancienne plateforme → boutons de la maison */
.interieur .btn{--bg:var(--encre);--fg:var(--m-ivoire);border-radius:var(--r);font-weight:500;letter-spacing:.16em;min-height:52px;clip-path:none}
.interieur .btn:hover{background:var(--encre-2);border-color:var(--encre-2);color:var(--m-ivoire)}
.interieur .btn--ghost{--bg:transparent;--fg:var(--vert);border-color:var(--vert)}
.interieur .btn--ghost:hover{background:var(--vert);border-color:var(--vert);color:var(--m-ivoire)}
.interieur .btn--sm{min-height:42px}

/* titres de page */
.interieur .tete-page{border-bottom:1px solid var(--pierre)}
.interieur .tete-page h1{font-size:clamp(38px,4.6vw,64px);line-height:1.06}
.interieur .tete-page p.chapo{color:var(--taupe);font-size:18px}
.interieur .ariane{color:var(--taupe)}
.interieur .sur{color:var(--laiton-f)}
/* bandeau d'en-tête en écrin quand une animation de matière l'habille */
.interieur .tete-page.mo-hote,.interieur .tete-page.mo-avec-prlx{background:var(--ecrin);color:var(--sur-ecrin);border-bottom:0;
  box-shadow:0 0 0 100vmax var(--ecrin);clip-path:inset(0 -100vmax);padding-left:0;padding-right:0}
.interieur .tete-page.mo-hote h1,.interieur .tete-page.mo-avec-prlx h1{color:var(--sur-ecrin)}
.interieur .tete-page.mo-hote h1 em,.interieur .tete-page.mo-avec-prlx h1 em{color:var(--laiton-c)}
.interieur .tete-page.mo-hote p,.interieur .tete-page.mo-avec-prlx p{color:var(--sur-ecrin-2)}
.interieur .tete-page.mo-hote .sur,.interieur .tete-page.mo-avec-prlx .sur,.interieur .tete-page.mo-hote .ariane a,.interieur .tete-page.mo-avec-prlx .ariane a{color:var(--laiton-c)}
.interieur .tete-page.mo-hote .ariane,.interieur .tete-page.mo-avec-prlx .ariane{color:var(--sur-ecrin-2)}
.interieur .tete-page .mo-fond{opacity:.5}
.mo-prlx{position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,#000 65%);mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,#000 65%)}
.mo-prlx img{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;will-change:transform;transition:transform .2s linear}
.mo-prlx .c-fond{opacity:.55}
.mo-prlx .c-table,.mo-prlx .c-objets,.mo-prlx .c-poussiere{mix-blend-mode:lighten}
.tete-page.mo-avec-prlx{position:relative;min-height:clamp(300px,30vw,420px);overflow:hidden}
.mo-avec-prlx>*:not(.mo-prlx):not(.mo-fond){position:relative;z-index:1}
@media (max-width:900px){.mo-prlx{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 45%);mask-image:linear-gradient(180deg,transparent 0%,#000 45%);opacity:.6}}

/* filtres */
.interieur .filtres button{border-radius:var(--r);color:var(--encre);border-color:var(--pierre);font-weight:500}
.interieur .filtres button:hover{border-color:var(--encre)}
.interieur .filtres button.actif{background:var(--encre);border-color:var(--encre);color:var(--m-ivoire)}

/* cartes produits */
.interieur .carte{background:#fffdf8;border:1px solid var(--pierre);border-radius:var(--r)}
.interieur .carte:hover{border-color:var(--laiton);transform:translateY(-4px)}
.interieur .carte .vis{background:var(--ecrin)}
.interieur .carte .etiq{background:rgba(247,243,236,.94);color:var(--encre);border:0;border-radius:var(--r);font-weight:500;letter-spacing:.18em}
.interieur .carte h3{color:var(--encre);font-weight:600}
.interieur .carte .accroche{color:var(--taupe)}
.carte .fx-logo{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .6s}
.carte .fx-logo.pret{opacity:1}
.carte .vis .mo-survol{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .45s}
.carte .vis .mo-survol.on{opacity:1}
.fx-bandeau{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:6px 0 30px;padding:18px 22px;
  border:1px solid var(--pierre);background:var(--papier);border-radius:var(--r)}
.fx-bandeau p{margin:0;color:var(--encre);font-size:15px}
.fx-bandeau .act{display:flex;gap:10px;flex-wrap:wrap}

/* fiche produit */
.interieur .galerie-p .principale{border:0;border-radius:var(--r);background:var(--ecrin)}
.interieur .vignettes button{border-radius:var(--r);border-color:var(--pierre);opacity:.7}
.interieur .vignettes button.actif,.interieur .vignettes button:hover{opacity:1;border-color:var(--encre)}
.interieur .fiche .accroche{color:var(--laiton-f)}
.interieur .fiche .desc{color:var(--taupe)}
.interieur .specs{background:var(--pierre);border-color:var(--pierre);border-radius:var(--r);overflow:hidden}
.interieur .specs div{background:#fffdf8}
.interieur .specs dt{color:var(--laiton-f);font-weight:500}
.interieur .specs dd{color:var(--encre);font-weight:500}
.interieur .config{background:#fffdf8;border:1px solid var(--pierre);border-radius:var(--r)}
.interieur .champ label,.interieur .champ .lib,.interieur legend{color:var(--encre);font-weight:500;letter-spacing:.14em}
.interieur .champ .aide{color:var(--taupe)}
.interieur .choix label{background:#fffdf8;border-color:var(--pierre);border-radius:var(--r);color:var(--encre)}
.interieur .choix label:hover{border-color:var(--laiton)}
.interieur .choix label:has(input:checked){border-color:var(--encre);background:var(--papier);box-shadow:inset 0 0 0 1px var(--encre)}
.interieur .choix input:checked + span{color:var(--encre);font-weight:500}
.interieur .choix .delta{color:var(--taupe)}

/* champs */
.interieur input:not([type]),.interieur input[type=text],.interieur input[type=email],.interieur input[type=tel],.interieur input[type=number],.interieur input[type=password],.interieur input[type=date],.interieur textarea,.interieur select{
  background:#fffdf8;border:1px solid var(--pierre);color:var(--encre);font-weight:400;border-radius:var(--r)}
.interieur input:focus,.interieur textarea:focus,.interieur select:focus{border-color:var(--vert);box-shadow:0 0 0 3px rgba(33,56,45,.12)}
.interieur input::placeholder,.interieur textarea::placeholder{color:#9a9083}
.interieur .qte button{border-color:var(--pierre);color:var(--encre);border-radius:0}
.interieur .qte button:hover{background:var(--encre);color:var(--m-ivoire)}
.interieur .paliers-info span{border-radius:var(--r)}
.interieur .paliers-info span.actif{border-color:var(--encre);color:var(--encre);font-weight:500}

/* récapitulatifs, panier, tunnel */
.interieur .recap .total .montant,.interieur .prix,.interieur .cp-prix,.interieur .pr-total .montant{color:var(--encre)}
.interieur .bilan,.interieur .pack-resume{background:#fffdf8;border:1px solid var(--pierre);border-radius:var(--r)}
.interieur .ligne-panier .vis{border:0;border-radius:var(--r);background:var(--ecrin)}
.interieur .supprimer:hover{color:#8a2f22}
.interieur .etapes{border-color:var(--pierre);border-radius:var(--r);overflow:hidden}
.interieur .etapes div.actif{background:var(--encre);color:var(--m-ivoire)}
.interieur .erreur{border:1px solid rgba(138,47,34,.35);background:rgba(138,47,34,.07);color:#7d2a1f;border-radius:var(--r)}
.interieur .succes{border:1px solid rgba(33,56,45,.35);background:rgba(33,56,45,.07);color:var(--vert);border-radius:var(--r)}
.interieur .frise b{color:var(--encre)}
.interieur .vide p{color:var(--taupe)}
.interieur #toast{background:var(--encre);color:var(--m-ivoire);border:0;border-radius:var(--r);box-shadow:0 14px 40px -14px rgba(27,24,20,.5)}
.interieur .chargement{color:var(--taupe)}

/* barre d'action collante de la fiche produit */
#fx-achat{position:fixed;left:0;right:0;bottom:0;z-index:140;transform:translateY(110%);transition:transform .45s var(--e-out);
  background:rgba(247,243,236,.97);backdrop-filter:blur(14px);border-top:1px solid var(--pierre)}
#fx-achat.vu{transform:none}
#fx-achat .in{width:var(--w);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
#fx-achat .nom{font-family:var(--f-titre);font-size:22px;color:var(--encre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fx-achat .nom small{display:block;font-family:var(--f-texte);font-size:11px;letter-spacing:.14em;color:var(--taupe);text-transform:uppercase}
#fx-achat .act{display:flex;gap:10px;flex:none}
body.fx-achat-on #fx-moteur-btn{bottom:86px}
body:has(.onglets-app) #fx-achat{bottom:calc(var(--h-onglets,64px) + var(--zs-bas,0px))}
@media (max-width:900px){#fx-achat .nom{font-size:17px}#fx-achat .act .btn--ghost{display:none}}

/* étiquettes du moteur (fenêtre « Essayer mon logo ») */
.hud{font-size:12px;letter-spacing:.18em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
.hud .pt{width:7px;height:7px;border-radius:50%;background:#79b38a}

/* aperçu du logo sur la fiche */
.interieur .al-bouton{color:var(--sur-ecrin);border-radius:var(--r)}
.interieur .al-teintes button.actif{background:var(--encre);border-color:var(--encre);color:var(--m-ivoire)}
.interieur .al-teintes button,.interieur .al-act{border-radius:var(--r);border-color:var(--pierre)}
.interieur .al-outils{background:#fffdf8;border:1px solid var(--pierre);border-radius:var(--r)}

/* pages éditoriales multilingues */
.interieur .seo-langues-bloc b{color:var(--laiton-f)}
.interieur header.nav{background:rgba(247,243,236,.92);border-bottom:1px solid var(--pierre)}
.interieur header.nav .logo span{color:var(--laiton-f)}

/* formulaire de devis */
.interieur .tete-devis h1{max-width:18ch}
.piece-devis{display:flex;align-items:center;gap:16px;padding:14px;margin-bottom:22px;border:1px solid var(--pierre);background:#fffdf8;border-radius:var(--r)}
.piece-devis img{width:84px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);background:var(--ecrin)}
.piece-devis small{display:block;font-size:11.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--laiton-f)}
.piece-devis b{font-family:var(--f-titre);font-weight:600;font-size:22px}
.precisions{border-top:1px solid var(--pierre);border-bottom:1px solid var(--pierre);margin:6px 0 24px}
.precisions summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:500;display:flex;justify-content:space-between;align-items:center}
.precisions summary::-webkit-details-marker{display:none}
.precisions summary span{color:var(--taupe);font-weight:400;margin-left:6px;margin-right:auto}
.precisions summary::after{content:"+";font-family:var(--f-titre);font-size:26px;color:var(--laiton)}
.precisions[open] summary::after{content:"−"}
.precisions[open]{padding-bottom:6px}
.interieur .a-revoir{border-color:#8a2f22!important}
.rassure{margin-top:14px;text-align:center}

/* fiche produit : décision au-dessus de la ligne de flottaison */
.interieur .specs{gap:0;background:#fffdf8}
.interieur .specs div{border-right:1px solid var(--pierre);border-bottom:1px solid var(--pierre)}
.decision{display:flex;flex-wrap:wrap;gap:10px;margin:-6px 0 8px}
.decision .btn{flex:1 1 220px}
.decision .micro{flex-basis:100%;font-size:13.5px;color:var(--taupe);margin-top:4px}
.interieur .config{scroll-margin-top:100px}
@media (max-width:760px){#fx-achat{display:none}}
.interieur .specs div{margin:0 -1px -1px 0}
.piece-devis[hidden]{display:none}
.interieur .frise li.futur{opacity:.75}
/* ---- Vitrine (pages du tunnel) ---- */
.m-vitrine{max-width:1240px;width:100%;min-width:0;box-sizing:border-box;contain:inline-size;margin:0 auto;padding:72px 24px 88px;border-top:1px solid #dcd3c4}
.vt-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-wrap:wrap}
.vt-tete h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,3.4vw,44px);line-height:1.1;color:#1b1814;margin:6px 0 10px}
.vt-tete p{color:#665d52;max-width:560px;margin:0}
.vt-sur{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#7a5b24!important}
.vt-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
.vt-carte{scroll-snap-align:start;text-decoration:none;color:#1b1814;display:flex;flex-direction:column;gap:6px}
.vt-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:2px;background:#eee7da}
.vt-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.vt-img .vt-survol{opacity:0}
.vt-carte:hover .vt-survol{opacity:1}.vt-carte:hover img{transform:scale(1.04)}
.vt-carte strong{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:20px;margin-top:6px}
.vt-meta{font-size:12px;letter-spacing:.08em;color:#665d52}
.vt-bas{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:28px}
.vt-film{position:relative;margin:0;overflow:hidden;border-radius:2px;background:#12100d;min-height:320px}
.vt-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt-film figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;background:linear-gradient(transparent,rgba(18,16,13,.85));color:#efe8da;font-size:14px}
.vt-film figcaption span{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#c9a45e;margin-bottom:4px}
.vt-mos{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:18px}
.vt-mos figure{margin:0;overflow:hidden;border-radius:2px;background:#eee7da}
.vt-mos figure:first-child{grid-column:span 2}
.vt-mos figure:nth-child(n+4){display:none}
.vt-mos img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.vt-mos figure:hover img{transform:scale(1.05)}
@media (max-width:860px){.m-vitrine{padding:52px 16px 64px}.vt-bas{grid-template-columns:1fr}.vt-film{min-height:220px}.vt-rail{grid-auto-columns:68%}}
@media (prefers-reduced-motion:reduce){.vt-img img,.vt-mos img{transition:none}}