/* Pano Deco - design 2026 (accueil, en-tete, pied de page). Source : maquette accueil-2026 validee le 30/10/2026. */
/* Mise en page : bandeaux pleine largeur (blanc, lin à motif, encre), contenu centré à 1240 px, cartes colorées par espace */
:root{
  --encre:#2B2A29;      /* texte, pied de page (logo) */
  --bleu:#11658F;       /* Douches, accent principal */
  --vert:#5F9680;       /* Baignoires */
  --terre:#C47062;      /* Salle de bains */
  --lin:#E4DED4;        /* fonds clairs, motif */
  --taupe:#A39E94;      /* sous-titres, filets */
  --blanc:#FFFFFF;
  --fond:#FBFAF7;
  --gris:#5E5A54;       /* texte secondaire lisible */
  --f-titre:"ivypresto-headline","IvyPresto Headline","Playfair Display","Didot",Georgia,serif;
  --f-texte:"Jost","Futura","Century Gothic","Trebuchet MS",sans-serif;
  --r:22px;
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--fond);color:var(--encre);font-family:var(--f-texte);font-size:17px;line-height:1.6;font-weight:400}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-titre);font-weight:400;line-height:1.05;margin:0;text-wrap:balance}
.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);font-weight:500}
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.85em 1.5em;border-radius:999px;font:500 .95rem/1 var(--f-texte);letter-spacing:.04em;text-decoration:none;border:1.5px solid transparent;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}
.btn-plein{background:var(--bleu);color:var(--blanc)}
.btn-plein:hover{background:#0d5274}
.btn-ligne{border-color:var(--encre);color:var(--encre)}

/* Bandeau promo */
.promo{background:var(--bleu);color:var(--blanc);font-size:.85rem;letter-spacing:.03em}
.promo .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:.4em 2.2em;padding-block:.55em}
.promo b{font-weight:500}

/* En-tête */
header{background:var(--blanc);border-bottom:1px solid var(--lin);position:sticky;top:env(safe-area-inset-top,0px);z-index:10}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:11;background:var(--blanc)}
.tete{display:flex;align-items:center;gap:28px;padding-block:16px}
.logo img{height:34px;width:auto}
nav.menu{display:flex;gap:26px;margin-left:auto;font-size:.95rem}
nav.menu a{text-decoration:none;padding-block:.3em;border-bottom:1.5px solid transparent}
nav.menu a:hover{border-color:var(--bleu)}
.btn-tete{padding:.7em 1.2em;font-size:.88rem;white-space:nowrap}
@media (max-width:1180px){.btn-tete{display:none}}
nav.menu button{all:unset;cursor:pointer;padding-block:.3em;border-bottom:1.5px solid transparent;display:inline-flex;gap:.35em;align-items:center}
nav.menu button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
nav.menu button[aria-expanded="true"],nav.menu button:hover{border-color:var(--bleu)}
nav.menu button:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--blanc);border-top:1px solid var(--lin);box-shadow:0 24px 40px rgba(43,42,41,.12)}
.mega .wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;padding-block:30px 34px}
.mega .nm{display:flex;flex-direction:column;line-height:1.25}
.mega .nm small{color:var(--gris);font-size:.8rem}
.raccourcis{display:flex;gap:18px;margin-top:16px;padding:14px 10px 0;border-top:1px solid var(--lin);font-size:.88rem}
.raccourcis a{text-decoration:none;border-bottom:1px solid var(--taupe)}
.mega .l-dec{grid-template-columns:1fr 1fr;column-gap:8px}
.mega h4{font:500 .75rem/1 var(--f-texte);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin:0 0 14px}
.mega ul{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.mega li a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;text-decoration:none;font-size:.98rem}
.mega li a:hover,.mega li a:focus-visible,.mega li a.on{background:var(--fond)}
.mega .pt-dec{flex:none;width:26px;height:26px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.mega .ic{flex:none;width:26px;height:26px;display:grid;place-items:center;color:var(--taupe);font-size:.75rem;border:1px solid var(--lin);border-radius:8px}
.apercu{border-radius:20px;overflow:hidden;background:#ece8e1;position:relative;aspect-ratio:1363/740}
.apercu .tex{position:absolute;background-size:cover;background-position:center;transition:background-image .25s}
.apercu[data-scene="douche"] .tex{left:35%;top:4%;width:35%;height:96%}
.apercu[data-scene="bain"] .tex{left:14%;top:30%;width:72%;height:44%}
.apercu[data-scene="sdb"] .tex{left:28.5%;top:14%;width:42%;height:80%}
.apercu .vue{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.apercu .leg{position:absolute;left:14px;bottom:12px;z-index:3;background:rgba(255,255,255,.92);border-radius:12px;padding:8px 12px;font-size:.82rem;line-height:1.3}
.apercu .leg b{display:block;font-family:var(--f-titre);font-weight:400;font-size:1.15rem}
.mega .cta{margin-top:14px}
.apercu::after{content:"Votre photo";position:absolute;left:52.5%;top:34%;z-index:2;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);color:var(--encre);border-radius:999px;padding:.5em 1.1em;font:500 .88rem var(--f-texte);white-space:nowrap;box-shadow:0 4px 14px rgba(43,42,41,.18);opacity:0;transition:opacity .2s;pointer-events:none}
.apercu[data-scene="bain"]::after{left:50%;top:44%}.apercu[data-scene="sdb"]::after{left:49.5%;top:40%}
.apercu.perso::after{opacity:1}
@media (max-width:980px){.mega{display:none!important}}

.icones{display:flex;gap:16px;align-items:center}
.icones a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--fond);text-decoration:none}
.icones svg{width:19px;height:19px;stroke:var(--encre);fill:none;stroke-width:1.6}
.panier{position:relative}
.panier span{position:absolute;top:-2px;right:-4px;background:var(--terre);color:var(--blanc);font-size:.68rem;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
@media (max-width:980px){nav.menu{display:none}.icones{margin-left:auto}}

/* Hero */
.hero{position:relative;background:var(--blanc)}
.hero-img{position:relative;overflow:hidden;container-type:inline-size}
.hero-img>img{width:100%;height:auto;aspect-ratio:2000/678;object-fit:cover}
.lab{position:absolute;display:flex;flex-direction:column;text-decoration:none;color:var(--blanc);z-index:2}
.lab .esp{font-size:max(10px,1.05cqw);letter-spacing:.12em;text-transform:uppercase;margin-left:4.6cqw;margin-bottom:-.9cqw;text-shadow:0 1px 8px rgba(0,0,0,.18)}
.lab .gros{font-family:var(--f-titre);font-size:5.2cqw;line-height:1;text-shadow:0 2px 18px rgba(43,42,41,.28);transition:transform .3s}
.lab .boite{align-self:flex-start;margin-top:-1.2cqw;margin-left:9cqw;padding:1.3cqw 1.6cqw;border-radius:1.4cqw;font-size:max(9px,.86cqw);line-height:1.75;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--blanc);box-shadow:0 10px 26px rgba(43,42,41,.18);transition:transform .3s}
.lab .gros{position:relative;z-index:2}
.lab .boite{position:relative;z-index:1}
.lab:hover .gros,.lab:focus-visible .gros{transform:translateY(-3px)}
.lab:hover .boite,.lab:focus-visible .boite{transform:translateY(-5px)}
.lab-douche{left:14%;top:19%}
.lab-sdb{left:31%;top:58%}
.lab-sdb .boite{margin-left:7cqw}
.lab-bain{left:67%;top:10%}
.lab-bain .boite{margin-left:10cqw}
.vague{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:7cqw;min-height:28px;z-index:1;display:block}
.vague path{fill:var(--blanc)}
@media (max-width:700px){.lab .boite{display:none}.lab .gros{font-size:7.6cqw}.lab .esp{font-size:9px;margin-left:6cqw}.lab-douche{left:6%;top:16%}.lab-sdb{left:30%;top:50%}.lab-bain{left:60%;top:6%}}
.accroche{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:end;padding-block:56px 64px}
.accroche h1{font-size:clamp(2.4rem,5.2vw,4.6rem)}
.accroche h1 em{font-style:normal;color:var(--bleu)}
.accroche p{margin:0 0 24px;color:var(--gris);max-width:44ch;font-size:1.08rem}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:820px){.accroche{grid-template-columns:1fr;gap:20px;padding-block:36px 44px}}

/* Réassurance */
.reassure{background:var(--lin)}
.reassure ul{list-style:none;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-block:26px}
.reassure li{display:flex;gap:14px;align-items:center;padding:6px 20px;border-left:1px solid rgba(43,42,41,.14);min-width:0}
.reassure li:first-child{border-left:0}
.reassure svg{flex:none;width:34px;height:34px;stroke:var(--bleu);fill:none;stroke-width:1.4}
.reassure b{display:block;font-weight:500;font-size:.98rem;line-height:1.25}
.reassure small{color:var(--gris);font-size:.84rem;line-height:1.3;display:block}
@media (max-width:900px){.reassure ul{grid-template-columns:1fr 1fr;row-gap:18px}.reassure li:nth-child(3){border-left:0}}
@media (max-width:480px){.reassure ul{grid-template-columns:1fr}.reassure li{border-left:0;padding-inline:0}}

/* Sections génériques */
section.bloc{padding-block:88px}
.titre-bloc{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.titre-bloc h2{font-size:clamp(2rem,3.6vw,3.1rem);margin-top:.25em}
.titre-bloc a{font-weight:500;text-decoration:none;border-bottom:1.5px solid var(--encre);padding-bottom:2px}

/* Espaces */
.espaces{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.espace{border-radius:var(--r);overflow:hidden;background:var(--blanc);text-decoration:none;display:flex;flex-direction:column;transition:transform .25s}
.espace:hover{transform:translateY(-4px)}
.espace .vis{aspect-ratio:1;position:relative;overflow:hidden}
.espace .vis img{width:100%;height:100%;object-fit:cover}
.espace .pastille{position:absolute;left:18px;bottom:18px;color:var(--blanc);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;padding:.6em 1em;border-radius:14px}
.espace .txt{padding:22px 24px 26px;display:flex;flex-direction:column;gap:6px;flex:1}
.espace h3{font-size:2rem}
.espace p{margin:0;color:var(--gris);font-size:.95rem}
.espace .lien{margin-top:auto;padding-top:12px;font-weight:500;font-size:.92rem}
.c-bleu{background:var(--bleu)}.c-vert{background:var(--vert)}.c-terre{background:var(--terre)}
.t-bleu{color:var(--bleu)}.t-vert{color:var(--vert)}.t-terre{color:var(--terre)}
@media (max-width:860px){.espaces{grid-template-columns:1fr}}

/* Décors */
.motif{background-color:var(--fond);background-image:url("img/pattern.svg");background-size:520px auto;background-blend-mode:normal}
.motif-voile{background:transparent}
.bande-motif{background-color:var(--fond);background-image:url("img/pattern.svg");background-size:440px auto}
.bande-photo{position:relative;background:url("img/fond-bain.jpg") center/cover}
.bande-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,250,247,.96) 0%,rgba(251,250,247,.9) 55%,rgba(251,250,247,.55) 100%)}
.bande-photo>.wrap{position:relative}
.bande-photo .etape{background:rgba(255,255,255,.75);border-radius:0 0 16px 16px;padding:20px 18px 22px}
.decors{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.decor{background:var(--blanc);border-radius:var(--r);padding:12px 12px 18px;text-decoration:none;display:flex;flex-direction:column;gap:12px}
.decor .ech{aspect-ratio:1;border-radius:14px;background:var(--lin) center/contain no-repeat}
.decor .nom{font-family:var(--f-titre);font-size:1.35rem;line-height:1.1;padding-inline:6px}
.decor .meta{display:flex;justify-content:space-between;gap:8px;padding-inline:6px;font-size:.85rem;color:var(--gris)}
.badge{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.25em .7em;border-radius:999px;background:var(--lin);color:var(--encre);align-self:flex-start;margin-left:6px}
@media (max-width:980px){.decors{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.decors{gap:12px}.decor .nom{font-size:1.1rem}}

/* Configurateur */
.config{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.config h2{font-size:clamp(2rem,3.6vw,3.1rem);margin:.25em 0 .4em}
.config p{color:var(--gris);max-width:46ch;margin:0 0 22px}
.config ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.config li{display:flex;gap:10px;align-items:baseline}
.config li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--vert);transform:translateY(-2px)}
.scene{position:relative;aspect-ratio:5/4;border-radius:28px;background:linear-gradient(180deg,#fdfcfa 0%,#f1eee8 100%);box-shadow:0 20px 50px rgba(43,42,41,.12);overflow:hidden;max-width:100%}
.scene .sol{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,#cfcac1,#bdb7ad)}
.pan{position:absolute;bottom:18%;background-size:cover;background-position:center;box-shadow:0 10px 30px rgba(43,42,41,.18)}
.pan.g{left:8%;width:21%;height:74%;bottom:14%;clip-path:polygon(0 0,100% 6%,100% 100%,0 94%);filter:brightness(.88)}
.pan.f{left:29%;width:42%;height:70%}
.pan.d{right:8%;width:21%;height:74%;bottom:14%;clip-path:polygon(0 6%,100% 0,100% 94%,0 100%);filter:brightness(.94)}
.cote{position:absolute;left:29%;width:42%;bottom:9%;display:flex;justify-content:center;font-size:.78rem;color:var(--encre);border-top:1px solid var(--encre);padding-top:4px}
.prix{position:absolute;top:20px;right:20px;background:var(--blanc);border-radius:16px;padding:12px 16px;box-shadow:0 8px 24px rgba(43,42,41,.12);font-size:.82rem;line-height:1.3}
.prix b{display:block;font-family:var(--f-titre);font-size:1.6rem;font-weight:400;color:var(--bleu)}
.choix{position:absolute;left:20px;top:20px;display:flex;gap:8px}
.choix button{width:34px;height:34px;border-radius:50%;border:2px solid var(--blanc);background-size:cover;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.choix button[aria-pressed="true"]{outline:2px solid var(--encre);outline-offset:2px}
@media (max-width:860px){.config{grid-template-columns:1fr;gap:32px}}

/* Étapes */
.etapes{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:e}
.etape{border-top:1.5px solid var(--encre);padding-top:20px;min-width:0}
.etape .n{font-family:var(--f-titre);font-size:2.6rem;line-height:1;color:var(--taupe)}
.etape h3{font-family:var(--f-texte);font-weight:500;font-size:1.1rem;margin:12px 0 6px;line-height:1.3}
.etape p{margin:0;color:var(--gris);font-size:.95rem}
@media (max-width:900px){.etapes{grid-template-columns:1fr 1fr;row-gap:36px}}
@media (max-width:480px){.etapes{grid-template-columns:1fr}}

/* Avis */
.avis{border:1.5px dashed var(--taupe);border-radius:var(--r);padding:40px 28px;text-align:center;color:var(--gris);background:var(--blanc)}
.avis h2{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--encre);margin-bottom:10px}
.avis p{margin:0 auto;max-width:56ch}

/* Conseils */
.conseils{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.article{text-decoration:none;display:flex;flex-direction:column;gap:14px}
.article .vis{aspect-ratio:3/2;border-radius:var(--r);background-size:cover;background-position:center}
.article .cat{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.article h3{font-size:1.5rem;line-height:1.15}
@media (max-width:860px){.conseils{grid-template-columns:1fr}}

/* Pied de page */
footer{background:var(--encre);color:var(--lin);position:relative;overflow:hidden}
footer .wrap{position:relative;padding-block:72px 32px}
.pied{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.pied h4{font:500 .8rem/1 var(--f-texte);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin:0 0 18px}
.pied ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.95rem}
.pied a{text-decoration:none}
.pied a:hover{color:var(--blanc)}
.pied .marque p{color:#cfc9bf;max-width:34ch;font-size:.95rem}
.logo-clair{height:30px;width:auto;filter:brightness(0) invert(.92)}
.tel{font-family:var(--f-titre);font-size:1.6rem;color:var(--blanc);user-select:all}
.reseaux{display:flex;gap:10px;margin-top:18px}
.reseaux a{width:40px;height:40px;border-radius:50%;border:1px solid #57534e;display:grid;place-items:center;transition:background .2s}
.reseaux a:hover{background:var(--bleu);border-color:var(--bleu)}
.reseaux svg{width:19px;height:19px;fill:none;stroke:var(--lin);stroke-width:1.5}
.reseaux svg .pl{fill:var(--lin);stroke:none}
.lettre{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.lettre input{flex:1;min-width:0;padding:.8em 1.1em;border-radius:999px;border:1px solid #57534e;background:transparent;color:var(--lin);font:inherit;font-size:.92rem}
.lettre button{padding:.8em 1.3em;border-radius:999px;border:0;background:var(--lin);color:var(--encre);font:500 .9rem var(--f-texte);cursor:pointer}
.bas{border-top:1px solid #44413e;margin-top:56px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--taupe)}
footer::after{content:"";position:absolute;inset:0;background:url("img/pattern.svg") 0 0/420px auto repeat;opacity:.06;pointer-events:none}
@media (max-width:900px){.pied{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.pied{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Menu mobile : bouton dans l'en-tête, tiroir plein écran par la droite */
.burger{display:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--fond);cursor:pointer;place-items:center;color:var(--encre)}
.burger svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
.tiroir[hidden]{display:none!important}
.tiroir{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:rgba(43,42,41,.4)}
.tiroir .t-pan{width:min(420px,100%);height:100%;overflow-y:auto;background:var(--blanc);padding:calc(14px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px}
.tiroir .t-haut{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.tiroir .t-haut img{height:28px;width:auto}
.tiroir .t-fermer{width:44px;height:44px;border:0;border-radius:50%;background:var(--fond);cursor:pointer;font-size:1.6rem;line-height:1;color:var(--encre)}
.tiroir details{border-bottom:1px solid var(--lin)}
.tiroir summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 2px;font:400 1.35rem var(--f-titre);cursor:pointer}
.tiroir summary::-webkit-details-marker{display:none}
.tiroir summary::after{content:"+";margin-left:auto;font:300 1.5rem var(--f-texte);color:var(--taupe)}
.tiroir details[open] summary::after{content:"−"}
.tiroir summary i{width:10px;height:10px;border-radius:50%}
.tiroir ul{list-style:none;padding:0 0 12px 22px;margin:0;display:grid;gap:2px}
.tiroir ul a{display:block;padding:8px 0;text-decoration:none;color:var(--gris);font-size:1rem}
.tiroir ul li:first-child a{color:var(--encre);font-weight:500}
.tiroir .t-l{display:block;padding:14px 2px;border-bottom:1px solid var(--lin);text-decoration:none;font:400 1.35rem var(--f-titre);color:var(--encre)}
.tiroir .btn{margin-top:18px;justify-content:center}
.tiroir .t-aide{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:.9rem}
.tiroir .t-aide a{color:var(--gris)}
@media (max-width:980px){.burger{display:grid}}
@media (max-width:700px){.promo .wrap>span{display:none}.promo .wrap>span.on{display:block}.promo .wrap{min-height:2.6em;align-items:center;text-align:center}}
/* ---- Ajouts site reel (02/11/2026) ---- */
html{scroll-behavior:smooth}
body.pd26{margin:0;-webkit-font-smoothing:antialiased}
body.pd26 h1,body.pd26 h2,body.pd26 h3,body.pd26 h4{letter-spacing:0;text-transform:none}
body.pd26 p{line-height:1.6}
.apercu-bandeau{position:fixed;right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--encre);color:var(--lin);font-size:.75rem;letter-spacing:.06em;padding:.6em 1em;border-radius:999px;display:flex;gap:.8em;align-items:center;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.apercu-bandeau a{color:var(--blanc);text-decoration:underline}
.hero-img picture{display:block}
.hero-img picture img{width:100%;height:auto;aspect-ratio:2400/814;object-fit:cover;display:block}
/* positions des etiquettes calees sur la photo finale (douche a gauche, WC terrazzo, vasques, baignoire a droite) */
.lab-douche{left:3.5%;top:16%}
.lab-douche .boite{margin-left:4.5cqw}
.lab-sdb{left:44%;top:74%}
.lab-sdb .boite{display:none}
.lab-bain{left:68%;top:7%}
.lab-bain .boite{margin-left:8cqw}
@media (max-width:700px){.lab-douche{left:3%;top:12%}.lab-sdb{left:40%;top:72%}.lab-bain{left:64%;top:5%}}
.avis.reel{border-style:solid;border-color:var(--lin)}
.avis .note{font-family:var(--f-titre);font-size:clamp(2.6rem,5vw,3.6rem);color:var(--encre);line-height:1}
.avis .etoiles{color:#E0A526;font-size:1.5rem;letter-spacing:.12em;margin:.2em 0 .4em}
.avis .ctas{justify-content:center;margin-top:22px}
.decor.bientot{cursor:default}
.decor.bientot .ech{background-size:cover;filter:saturate(.9)}
.decor.bientot .badge{background:var(--encre);color:var(--lin)}
.decor .ech.photo{background-size:cover}
.lettre-txt{color:#cfc9bf;font-size:.92rem;margin:0 0 12px}
.pied .btn-clair{background:var(--lin);color:var(--encre)}
.bas a{text-decoration:none}.bas a:hover{color:var(--lin)}
.recherche{position:absolute;left:0;right:0;top:100%;background:var(--blanc);border-top:1px solid var(--lin);box-shadow:0 18px 30px rgba(43,42,41,.1)}
.recherche form{display:flex;gap:10px;padding-block:18px}
.recherche input{flex:1;min-width:0;padding:.85em 1.2em;border-radius:999px;border:1px solid var(--taupe);font:inherit}
.recherche button{border:0}
.icones button.loupe{all:unset;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--fond)}
.icones button.loupe:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}
.icones button.loupe svg{width:19px;height:19px;stroke:var(--encre);fill:none;stroke-width:1.6}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.screen-reader-text:focus{clip:auto;width:auto;height:auto;z-index:100;background:var(--blanc);padding:.6em 1em;left:8px;top:8px}
a.tel{display:block;text-decoration:none;margin-top:8px}
.decors{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){.decors{grid-template-columns:repeat(2,1fr)}}
.lab-sdb{top:64%}
@media (max-width:700px){
  .hero-img picture img{aspect-ratio:2/1;object-position:52% 50%}
  .lab .gros{font-size:7cqw}.lab .esp{font-size:8px;margin-bottom:-.4cqw}
  .lab-douche{left:3%;top:10%}.lab-bain{left:auto;right:3%;top:8%}.lab-sdb{left:30%;top:60%}
  .apercu-bandeau{left:12px;right:12px;justify-content:center;font-size:.7rem}
  .apercu-bandeau .long{display:none}
}
/* 03/11 : ajustements sur le site reel */
.reassure ul{margin:0 auto}
body.pd26 .woocommerce-store-notice{display:none!important}
body.pd26 #pum-5029{display:none!important}
body.admin-bar header.pd26-tete{top:32px}
@media (max-width:782px){body.admin-bar header.pd26-tete{top:0}}
/* 03/11 : encart Salle de bains remis (demande Anne-Claire) */
@media (min-width:701px){.lab-sdb{top:50%}.lab-sdb .boite{display:block;margin-left:6cqw}}
/* ---- Page categorie (03/11/2026, maquette categorie-2026), selecteurs prefixes .pd26-cat ---- */
.pd26-cat .badge{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.3em .75em;border-radius:999px;background:var(--blanc);color:var(--encre);box-shadow:0 2px 8px rgba(43,42,41,.12)}
.pd26-cat .fil{font-size:.85rem;color:var(--gris);padding-block:18px 0}
.pd26-cat .fil a{text-decoration:none}
.pd26-cat .fil a:hover{text-decoration:underline}
.pd26-cat .fil span{margin-inline:.5em;color:var(--taupe)}
.pd26-cat .tete-cat{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-block:22px 40px}
.pd26-cat .tete-cat h1{font-size:clamp(2.2rem,4.4vw,3.6rem);margin:.2em 0 .35em}
.pd26-cat .tete-cat h1 em{font-style:italic;color:var(--bleu)}
.pd26-cat .tete-cat p{color:var(--gris);max-width:52ch;margin:0 0 18px}
.pd26-cat .prix-acc{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:baseline;margin-top:6px}
.pd26-cat .prix-acc b{font-family:var(--f-titre);font-weight:400;font-size:1.9rem;color:var(--encre)}
.pd26-cat .prix-acc small{color:var(--gris);font-size:.88rem}
.pd26-cat .situ-tete{border-radius:var(--r);overflow:hidden;position:relative;aspect-ratio:1363/740;background:#ece8e1;box-shadow:0 18px 40px rgba(43,42,41,.12)}
.pd26-cat .situ-tete .tex,.pd26-cat .situ .tex{position:absolute;left:35%;top:4%;width:35%;height:96%;background:center/cover;transition:background-image .3s}
.pd26-cat .situ-tete .vue,.pd26-cat .situ .vue{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pd26-cat .situ-tete .leg{position:absolute;left:14px;bottom:12px;background:rgba(255,255,255,.92);border-radius:12px;padding:7px 12px;font-size:.82rem;line-height:1.3}
.pd26-cat .situ-tete .leg b{display:block;font-family:var(--f-titre);font-weight:400;font-size:1.1rem}
.pd26-cat .ambiances{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;margin-bottom:8px;scrollbar-width:thin}
.pd26-cat .ambiances a{flex:none;display:flex;align-items:center;gap:9px;padding:7px 15px 7px 7px;border-radius:999px;background:var(--blanc);border:1px solid var(--lin);text-decoration:none;font-size:.92rem;white-space:nowrap}
.pd26-cat .ambiances a[aria-current]{border-color:var(--bleu);background:var(--bleu);color:var(--blanc)}
.pd26-cat .ambiances i{width:26px;height:26px;border-radius:50%;background:center/cover;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.pd26-cat .catalogue{display:grid;grid-template-columns:250px 1fr;gap:40px;padding-block:26px 80px;align-items:start}
.pd26-cat .barre{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.pd26-cat .barre .nb{color:var(--gris);font-size:.95rem}
.pd26-cat .barre .tri{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--gris)}
.pd26-cat .barre select{font:inherit;color:var(--encre);padding:.5em 2em .5em .9em;border-radius:999px;border:1px solid var(--lin);background:var(--blanc)}
.pd26-cat .grille{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pd26-cat .carte{background:var(--blanc);border-radius:var(--r);padding:10px 10px 16px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:transform .25s,box-shadow .25s}
.pd26-cat .carte:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(43,42,41,.1)}
.pd26-cat .carte .vis{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--lin) center/cover}
.pd26-cat .carte .badge{position:absolute;left:10px;top:10px;margin:0;z-index:2}
.pd26-cat .carte .nom{font-family:var(--f-titre);font-size:1.3rem;line-height:1.12;padding-inline:6px}
.pd26-cat .carte .meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-inline:6px;font-size:.85rem;color:var(--gris)}
.pd26-cat .carte .meta b{color:var(--encre);font-weight:500;font-size:1rem}
.pd26-cat .carte.perso{background:var(--bleu);color:var(--blanc);padding:26px;justify-content:space-between;gap:18px}
.pd26-cat .carte.perso h3{font-size:1.7rem;margin:0}
.pd26-cat .carte.perso p{margin:0;font-size:.95rem;opacity:.9}
.pd26-cat .carte.perso .btn{align-self:flex-start;background:var(--blanc);color:var(--bleu)}
.pd26-cat .vide{grid-column:1/-1;text-align:center;padding:50px 20px;background:var(--blanc);border-radius:var(--r);color:var(--gris)}
.pd26-cat .seo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.pd26-cat .seo h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:.25em 0 .5em}
.pd26-cat .seo p{color:var(--gris);margin:0 0 14px}
.pd26-cat .faq details{border-bottom:1px solid var(--lin);padding:16px 0}
.pd26-cat .faq summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}
.pd26-cat .faq summary::-webkit-details-marker{display:none}
.pd26-cat .faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--bleu)}
.pd26-cat .faq details[open] summary::after{content:"–"}
.pd26-cat .faq p{color:var(--gris);margin:10px 0 0}
@media (max-width:900px){.pd26-cat .tete-cat{grid-template-columns:1fr;gap:26px}
.pd26-cat .catalogue{grid-template-columns:1fr}
.pd26-cat .seo{grid-template-columns:1fr;gap:20px}
}
@media (max-width:560px){.pd26-cat .grille{grid-template-columns:1fr 1fr;gap:12px}
.pd26-cat .carte{padding:7px 7px 12px}
.pd26-cat .carte .nom{font-size:1.05rem}
.pd26-cat .carte .meta{flex-direction:column;gap:0}
.pd26-cat .carte.perso{grid-column:1/-1}
.pd26-cat .barre .tri{margin-left:0}
}
.pd26-cat .catalogue.sans-filtres{grid-template-columns:1fr}
.pd26-cat .grille{grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:1180px){.pd26-cat .grille{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.pd26-cat .grille{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pd26-cat .grille{gap:12px}}
.pd26-cat .carte .vis{background-size:cover;background-position:center}
.pd26-cat .carte .situ-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s}
.pd26-cat .carte:hover .situ-img:not(.fixe),.pd26-cat .carte:focus-visible .situ-img:not(.fixe){opacity:0}
@media (hover:none){.pd26-cat .carte:hover .situ-img{opacity:1}}
.pd26-cat .carte .meta b .woocommerce-Price-amount{font-weight:500}
.pd26-cat .carte .meta del{color:var(--taupe);font-weight:400;margin-right:.3em}
.pd26-cat .carte.perso .eyebrow{color:rgba(255,255,255,.75)}
.pd26-cat .situ-tete.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.pd26-cat .situ-tete .leg{z-index:2}
.pd26-cat .tete-cat.sans-photo{grid-template-columns:1fr}
.pd26-cat .prix-acc .livr{font:500 .88rem var(--f-texte);color:var(--bleu)}
.pd26-cat .seo-txt p{color:var(--gris);margin:0 0 14px}
.pd26-cat .seo-txt h3{font-size:1.35rem;margin:1em 0 .4em}
.pd26-cat .faq-t{font:500 .75rem/1 var(--f-texte);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin:14px 0 6px}
.pd26-cat .ambiances a{color:var(--encre)}
.pd26-cat .ambiances a[aria-current]{color:var(--blanc)}
.pd26-cat .carte.objet .vis{background:#fff}
.pd26-cat .carte.objet .situ-img{object-fit:contain}
/* 03/11 : logo lisible sur mobile */
header.pd26-tete .logo{flex:none}
header.pd26-tete .logo img{max-width:none;width:clamp(118px,40vw,220px);height:auto}
header.pd26-tete .icones > *{margin:0!important}
header.pd26-tete .burger{padding:0!important;width:44px;min-width:0}
@media (max-width:560px){header.pd26-tete .tete{gap:12px}header.pd26-tete .icones{gap:8px}header.pd26-tete .logo img{width:118px}}