/* Pano Deco 2026 : en-tete et pied de page sur les pages du theme (genere depuis d26.css, selecteurs prefixes .pd26c) */
: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;
}
.pd26c{display:contents;font-family:var(--f-texte);color:var(--encre);font-size:17px;line-height:1.6;font-weight:400;letter-spacing:normal;text-transform:none}
.pd26c *,.pd26c *::before,.pd26c *::after{box-sizing:border-box}
.pd26c h4{font-weight:500}
.pd26c ul{list-style:none}
.pd26c a:hover,.pd26c a:focus{text-decoration:none}
.pd26c a{color:inherit}
.pd26c img{max-width:100%;display:block}
.pd26c .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))}
.pd26c h1,.pd26c h2,.pd26c h3{font-family:var(--f-titre);font-weight:400;line-height:1.05;margin:0;text-wrap:balance}
.pd26c .eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);font-weight:500}
.pd26c .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}
.pd26c .btn:hover{transform:translateY(-2px)}
.pd26c .btn:focus-visible,.pd26c a:focus-visible,.pd26c button:focus-visible,.pd26c input:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}
.pd26c .btn-plein{background:var(--bleu);color:var(--blanc)}
.pd26c .btn-plein:hover{background:#0d5274}
.pd26c .btn-ligne{border-color:var(--encre);color:var(--encre)}
.pd26c .promo{background:var(--bleu);color:var(--blanc);font-size:.85rem;letter-spacing:.03em}
.pd26c .promo .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:.4em 2.2em;padding-block:.55em}
.pd26c .promo b{font-weight:500}
.pd26c header{background:var(--blanc);border-bottom:1px solid var(--lin);position:sticky;top:env(safe-area-inset-top,0px);z-index:10}
.pd26c .tete{display:flex;align-items:center;gap:28px;padding-block:16px}
.pd26c .logo img{height:34px;width:auto}
.pd26c nav.menu{display:flex;gap:26px;margin-left:auto;font-size:.95rem}
.pd26c nav.menu a{text-decoration:none;padding-block:.3em;border-bottom:1.5px solid transparent}
.pd26c nav.menu a:hover{border-color:var(--bleu)}
.pd26c .btn-tete{padding:.7em 1.2em;font-size:.88rem;white-space:nowrap}
@media (max-width:1180px){.pd26c .btn-tete{display:none}
}
.pd26c nav.menu button{all:unset;cursor:pointer;padding-block:.3em;border-bottom:1.5px solid transparent;display:inline-flex;gap:.35em;align-items:center}
.pd26c 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)}
.pd26c nav.menu button[aria-expanded="true"],.pd26c nav.menu button:hover{border-color:var(--bleu)}
.pd26c nav.menu button:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}
.pd26c .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)}
.pd26c .mega .wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;padding-block:30px 34px}
.pd26c .mega .nm{display:flex;flex-direction:column;line-height:1.25}
.pd26c .mega .nm small{color:var(--gris);font-size:.8rem}
.pd26c .raccourcis{display:flex;gap:18px;margin-top:16px;padding:14px 10px 0;border-top:1px solid var(--lin);font-size:.88rem}
.pd26c .raccourcis a{text-decoration:none;border-bottom:1px solid var(--taupe)}
.pd26c .mega .l-dec{grid-template-columns:1fr 1fr;column-gap:8px}
.pd26c .mega h4{font:500 .75rem/1 var(--f-texte);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin:0 0 14px}
.pd26c .mega ul{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.pd26c .mega li a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;text-decoration:none;font-size:.98rem}
.pd26c .mega li a:hover,.pd26c .mega li a:focus-visible,.pd26c .mega li a.on{background:var(--fond)}
.pd26c .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)}
.pd26c .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}
.pd26c .apercu{border-radius:20px;overflow:hidden;background:#ece8e1;position:relative;aspect-ratio:1363/740}
.pd26c .apercu .tex{position:absolute;background-size:cover;background-position:center;transition:background-image .25s}
.pd26c .apercu[data-scene="douche"] .tex{left:35%;top:4%;width:35%;height:96%}
.pd26c .apercu[data-scene="bain"] .tex{left:14%;top:30%;width:72%;height:44%}
.pd26c .apercu[data-scene="sdb"] .tex{left:28.5%;top:14%;width:42%;height:80%}
.pd26c .apercu .vue{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.pd26c .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}
.pd26c .apercu .leg b{display:block;font-family:var(--f-titre);font-weight:400;font-size:1.15rem}
.pd26c .mega .cta{margin-top:14px}
.pd26c .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}
.pd26c .apercu[data-scene="bain"]::after{left:50%;top:44%}
.pd26c .apercu[data-scene="sdb"]::after{left:49.5%;top:40%}
.pd26c .apercu.perso::after{opacity:1}
@media (max-width:980px){.pd26c .mega{display:none!important}
}
.pd26c .icones{display:flex;gap:16px;align-items:center}
.pd26c .icones a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--fond);text-decoration:none}
.pd26c .icones svg{width:19px;height:19px;stroke:var(--encre);fill:none;stroke-width:1.6}
.pd26c .panier{position:relative}
.pd26c .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){.pd26c nav.menu{display:none}
.pd26c .icones{margin-left:auto}
}
.pd26c footer{background:var(--encre);color:var(--lin);position:relative;overflow:hidden}
.pd26c footer .wrap{position:relative;padding-block:72px 32px}
.pd26c .pied{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.pd26c .pied h4{font:500 .8rem/1 var(--f-texte);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);margin:0 0 18px}
.pd26c .pied ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.95rem}
.pd26c .pied a{text-decoration:none}
.pd26c .pied a:hover{color:var(--blanc)}
.pd26c .pied .marque p{color:#cfc9bf;max-width:34ch;font-size:.95rem}
.pd26c .logo-clair{height:30px;width:auto;filter:brightness(0) invert(.92)}
.pd26c .tel{font-family:var(--f-titre);font-size:1.6rem;color:var(--blanc);user-select:all}
.pd26c .reseaux{display:flex;gap:10px;margin-top:18px}
.pd26c .reseaux a{width:40px;height:40px;border-radius:50%;border:1px solid #57534e;display:grid;place-items:center;transition:background .2s}
.pd26c .reseaux a:hover{background:var(--bleu);border-color:var(--bleu)}
.pd26c .reseaux svg{width:19px;height:19px;fill:none;stroke:var(--lin);stroke-width:1.5}
.pd26c .reseaux svg .pl{fill:var(--lin);stroke:none}
.pd26c .lettre{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pd26c .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}
.pd26c .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}
.pd26c .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)}
.pd26c 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){.pd26c .pied{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){.pd26c .pied{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.pd26c *{transition:none!important}
}
.pd26c .burger{display:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--fond);cursor:pointer;place-items:center;color:var(--encre)}
.pd26c .burger svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
.pd26c .tiroir[hidden]{display:none!important}
.pd26c .tiroir{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:rgba(43,42,41,.4)}
.pd26c .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}
.pd26c .tiroir .t-haut{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pd26c .tiroir .t-haut img{height:28px;width:auto}
.pd26c .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)}
.pd26c .tiroir details{border-bottom:1px solid var(--lin)}
.pd26c .tiroir summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 2px;font:400 1.35rem var(--f-titre);cursor:pointer}
.pd26c .tiroir summary::-webkit-details-marker{display:none}
.pd26c .tiroir summary::after{content:"+";margin-left:auto;font:300 1.5rem var(--f-texte);color:var(--taupe)}
.pd26c .tiroir details[open] summary::after{content:"−"}
.pd26c .tiroir summary i{width:10px;height:10px;border-radius:50%}
.pd26c .tiroir ul{list-style:none;padding:0 0 12px 22px;margin:0;display:grid;gap:2px}
.pd26c .tiroir ul a{display:block;padding:8px 0;text-decoration:none;color:var(--gris);font-size:1rem}
.pd26c .tiroir ul li:first-child a{color:var(--encre);font-weight:500}
.pd26c .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)}
.pd26c .tiroir .btn{margin-top:18px;justify-content:center}
.pd26c .tiroir .t-aide{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:.9rem}
.pd26c .tiroir .t-aide a{color:var(--gris)}
@media (max-width:980px){.pd26c .burger{display:grid}
}
@media (max-width:700px){.pd26c .promo .wrap>span{display:none}
.pd26c .promo .wrap>span.on{display:block}
.pd26c .promo .wrap{min-height:2.6em;align-items:center;text-align:center}
}
.pd26c .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)}
.pd26c .apercu-bandeau a{color:var(--blanc);text-decoration:underline}
.pd26c .lettre-txt{color:#cfc9bf;font-size:.92rem;margin:0 0 12px}
.pd26c .pied .btn-clair{background:var(--lin);color:var(--encre)}
.pd26c .bas a{text-decoration:none}
.pd26c .bas a:hover{color:var(--lin)}
.pd26c .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)}
.pd26c .recherche form{display:flex;gap:10px;padding-block:18px}
.pd26c .recherche input{flex:1;min-width:0;padding:.85em 1.2em;border-radius:999px;border:1px solid var(--taupe);font:inherit}
.pd26c .recherche button{border:0}
.pd26c .icones button.loupe{all:unset;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--fond)}
.pd26c .icones button.loupe:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}
.pd26c .icones button.loupe svg{width:19px;height:19px;stroke:var(--encre);fill:none;stroke-width:1.6}
.pd26c .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.pd26c .screen-reader-text:focus{clip:auto;width:auto;height:auto;z-index:100;background:var(--blanc);padding:.6em 1em;left:8px;top:8px}
.pd26c a.tel{display:block;text-decoration:none;margin-top:8px}

/* Pages du theme : on masque l'ancien en-tete et l'ancien pied */
body.pd26-cadre #masthead,body.pd26-cadre #colophon,body.pd26-cadre .reassurance,body.pd26-cadre .nl,body.pd26-cadre #avertissement,body.pd26-cadre .woocommerce-store-notice,body.pd26-cadre #pum-5029{display:none!important}
body.pd26-cadre #content{margin-top:0!important;padding-top:24px}
body.pd26-cadre .pd26c header.pd26-tete{z-index:1000}
body.admin-bar.pd26-cadre .pd26c header.pd26-tete{top:32px}
@media (max-width:782px){body.admin-bar.pd26-cadre .pd26c header.pd26-tete{top:0}}
body.pd26-cadre .pd26c .tiroir{z-index:100000}
body.pd26-cadre .pd26c .mega,body.pd26-cadre .pd26c .recherche{z-index:1001}
body.pd26-cadre .pd26c button{box-shadow:none;text-shadow:none;min-height:0}
body.pd26-cadre .pd26c .recherche input[type=search]{box-shadow:none;background:var(--blanc);color:var(--encre)}
body.pd26-cadre .pd26c .recherche button.btn{background:var(--bleu);color:var(--blanc);padding:.85em 1.5em}
body.pd26-cadre .pd26c .icones a,body.pd26-cadre .pd26c .icones button{color:var(--encre)}
body.pd26-cadre .pd26c footer h4{color:var(--taupe)}
body.pd26-cadre .pd26c footer a{color:var(--lin)}
body.pd26-cadre .pd26c footer a.btn-clair{color:var(--encre)}
body.pd26-cadre .pd26c footer .tel{color:var(--blanc)}
.pd26c a,.pd26c p,.pd26c li,.pd26c span,.pd26c small,.pd26c input{font-family:inherit}
.pd26c a.tel{float:none}
/* 03/11 : logo lisible sur mobile */
.pd26c header.pd26-tete .logo{flex:none}
.pd26c header.pd26-tete .logo img{max-width:none;width:clamp(118px,40vw,220px);height:auto}
.pd26c header.pd26-tete .icones > *{margin:0!important}
.pd26c header.pd26-tete .burger{padding:0!important;width:44px;min-width:0}
@media (max-width:560px){.pd26c header.pd26-tete .tete{gap:12px}.pd26c header.pd26-tete .icones{gap:8px}.pd26c header.pd26-tete .logo img{width:118px}}