/* stocwoter — habillage du site sur le framework nc (cl26.11.07)
   Remplace Bootstrap 5 + Unify + css/stocwoter.css (non chargés) : mêmes couleurs, même disposition,
   finitions revues (typo, arrondis, ombres, survols, focus) et apparitions au défilement (nc-reveal).
   Chargée après front/dist/nc.css (grille et utilitaires compatibles Bootstrap 5). */

:root{
  --vert:#084C46; --vert-2:#296E2F; --vert-gris:#2A5754; --ardoise:#3A5852; --gris-vert:#6D8481;
  --olive:#738628; --pomme:#759A4F; --feuille:#4B8811; --canard:#3B8890; --canard-2:#3E8991; --sauge:#72AA9C;
  --bordure:#b7cecc; --gris-clair:#ececec; --lin:#DBDCD6; --champ:#E5E6E2; --fond-produit:#F3F3F4;
  --texte:#585857; --selection:#89B3AF;
  --rayon:10px;
  --ombre:0 18px 40px -18px rgba(8,76,70,.45);
  --ombre-douce:0 6px 18px -8px rgba(8,76,70,.35);
  --anim:.28s cubic-bezier(.2,.7,.2,1);
  --nc-accent:var(--vert);
}

/* ---------- base ---------- */
html{scroll-behavior:smooth}
body.stocwoter{margin:0;font-family:"Encode Sans Condensed",system-ui,sans-serif;font-size:1rem;font-weight:400;line-height:1.55;color:var(--texte);background:#fff}
::selection{background:var(--selection);color:#fff}
.stocwoter h1,.stocwoter h2,.stocwoter h3{margin:0;font-weight:500;line-height:1.15;letter-spacing:.02em;text-wrap:balance}
.stocwoter p{margin:0}
.stocwoter a{color:inherit;text-decoration:none}
.stocwoter button{font:inherit;color:inherit}
.stocwoter :focus-visible{outline:3px solid currentColor;outline-offset:3px}
.stocwoter [id]{scroll-margin-top:96px}
.ico{display:inline-block;width:1em;height:1em;vertical-align:-.15em;fill:currentColor;flex:0 0 auto}
.visuellement-cache{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lien-evitement{position:absolute;left:-9999px;top:0;z-index:3000;background:var(--vert);color:#fff!important;padding:10px 16px;border-radius:0 0 var(--rayon) 0}
.lien-evitement:focus{left:0}
/* sans JS (nc absent), rien ne doit rester caché */
html:not(.nc-js) .nc-reveal{opacity:1!important;transform:none!important}

.cadre{width:100%;margin-inline:auto;padding-inline:12px}
@media (min-width:992px){.cadre{max-width:960px}}
@media (min-width:1200px){.cadre{max-width:1140px}}
@media (min-width:1400px){.cadre{max-width:1320px}}
.stocwoter .row{--nc-gutter-x:24px}

.blanc{color:#fff}
.vert{color:var(--vert)}
.vert-2{color:var(--vert-2)}
.maj{text-transform:uppercase}
.titre-section{font-size:clamp(1.5rem,1rem + 1.8vw,2.375rem);text-transform:uppercase}
.texte-courant{font-size:1.125rem;line-height:1.6}

/* ---------- en-tête (fixe, au-dessus du bandeau) ---------- */
.stocwoter .entete{position:fixed;top:0;left:0;right:0;z-index:1000;height:100px;padding:0;display:flex;align-items:flex-end;background:none;box-shadow:none;pointer-events:none;transition:height var(--anim)}
.entete.nc-plein{height:76px}
.entete .cadre{display:flex;align-items:center;gap:16px;pointer-events:auto}
.entete .logo{flex:0 0 auto;display:flex;align-items:center;height:48px;padding:0 32px;background:#fff;border-radius:var(--rayon);transition:box-shadow var(--anim)}
.entete .logo img{display:block;height:38px;width:auto}
.nav-principale{flex:1 1 auto;min-width:0}
.menu{flex:1 1 auto;display:flex;align-items:stretch;justify-content:space-between;height:48px;padding-left:20px;margin:0;list-style:none;background:#fff;border-radius:var(--rayon);overflow:hidden;transition:box-shadow var(--anim)}
.entete.nc-plein .logo,.entete.nc-plein .menu{box-shadow:var(--ombre-douce)}
.menu li{display:flex}
.menu a{position:relative;display:flex;align-items:center;padding:0 10px;color:var(--vert);font-size:1rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.menu a:not(.bouton-panier)::after{content:"";position:absolute;left:10px;right:10px;bottom:12px;height:2px;background:currentColor;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform var(--anim)}
.menu a:not(.bouton-panier):hover::after,.menu a[aria-current]::after{transform:scaleX(1)}
.menu a:focus-visible{outline-offset:-4px}
.bouton-panier{gap:6px;padding:0 20px!important;background:var(--vert);color:#fff!important;transition:background-color var(--anim)}
.bouton-panier:hover{background:var(--vert-gris)}
.bouton-panier .ico{font-size:1.5rem}
.icone-panier{position:relative;display:inline-flex}
.qtt-panier{position:absolute;top:-9px;left:12px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#fff;color:#009b00;font-size:.8rem;font-weight:700;line-height:20px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.qtt-panier[hidden]{display:none}
.qtt-panier.pop{animation:pop .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes pop{0%{transform:scale(.4)}100%{transform:scale(1)}}
.bouton-menu{display:none;margin-left:auto;width:48px;height:48px;align-items:center;justify-content:center;border-radius:var(--rayon);background:rgba(255,255,255,.85);color:var(--vert);font-size:2rem;transition:background-color var(--anim)}
.bouton-menu:hover{background:#fff}
@media (max-width:991.98px){
  .menu{display:none}
  .bouton-menu{display:inline-flex}
  .stocwoter .entete,.entete.nc-plein{height:68px}
  .entete .logo{height:44px;padding:0 14px}
  .entete .logo img{height:30px}
}

/* menu mobile (nc-offcanvas) */
.menu-mobile .nc-offcanvas-tete img{height:30px;width:auto}
.menu-mobile ul{margin:0;padding:0;list-style:none}
.menu-mobile li a{display:flex;align-items:center;gap:8px;padding:14px 4px;border-bottom:1px solid var(--champ);color:var(--vert);font-family:"Encode Sans Condensed",sans-serif;font-size:1.15rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.menu-mobile li a:hover{color:var(--feuille)}
.menu-mobile .bouton-panier{justify-content:center;margin-top:20px;padding:12px 20px!important;border:0;border-radius:var(--rayon)}

/* ---------- séparateurs « bosse » ---------- */
.bosse{position:relative;display:flex;flex-direction:column;align-items:center}
.bosse img{display:block}
.bosse img:first-child{height:60px;width:auto;margin-top:-55px}
.bosse img:last-child{height:18px;width:auto;margin-top:-30px;animation:flotte 2.6s ease-in-out infinite}
@keyframes flotte{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}

/* ---------- 1. bandeau d'accueil et mosaïque ---------- */
.accueil{background:var(--gris-clair) url("/media/bando-accueil.jpg") no-repeat center top/auto 700px;background:var(--gris-clair) image-set("/miniatures/media/bando-accueil-1920-9999.jpg.avif" type("image/avif"), "/miniatures/media/bando-accueil-1920-9999.jpg.webp" type("image/webp"), "/media/bando-accueil.jpg" type("image/jpeg")) no-repeat center top/auto 700px;padding-bottom:100px}
.texte-accueil{padding-top:200px;margin-bottom:40px;color:#fff;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.texte-accueil h1{text-transform:uppercase;font-size:clamp(1.5rem,.8rem + 3.2vw,3rem);letter-spacing:clamp(.02em,.5vw,.06em);line-height:1.12}
.texte-accueil .accroche{display:block;margin-top:.4em;font-size:clamp(1.25rem,.9rem + 1.5vw,2rem);font-weight:300;letter-spacing:.03em}
.sixtiques{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end}
.sixtique{width:370px;max-width:100%;height:370px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:10px 20px;color:#fff;text-align:center;background-size:cover;background-position:center}
.sixtique .titre{font-size:1.375rem;font-weight:500;line-height:1.3;text-transform:uppercase;letter-spacing:.03em}
.sixtique .texte{font-size:1.125rem;font-weight:500;line-height:1.4}
.sixtique .texte.italique{font-style:italic;font-weight:400}
.sixtique .trait{height:1px;width:10%;margin:12px 0;background:currentColor;opacity:.9;transition:width .5s var(--anim)}
.sixtique:hover .trait{width:28%}
.sixtique > img{transition:transform .5s var(--anim)}
.sixtique:hover > img{transform:translateY(-4px) scale(1.04)}
.sixtique-1{background-image:url("/media/img-1-6.jpg");background-image:image-set("/miniatures/media/img-1-6-1920-9999.jpg.avif" type("image/avif"), "/miniatures/media/img-1-6-1920-9999.jpg.webp" type("image/webp"), "/media/img-1-6.jpg" type("image/jpeg"))}
.sixtique-2{width:370px;height:418px;justify-content:flex-start;padding:0 20px 20px;color:var(--vert);background:url("/media/img-2-6.svg") no-repeat center/100% 100%}
.sixtique-2 .fleche{height:15px;width:auto;margin-top:30px}
.sixtique-2 .produit{width:140px;height:auto;margin:20px 0}
.sixtique-2 .note{margin-top:16px;font-size:.875rem;font-weight:500}
.sixtique-3{background-image:url("/media/img-3-6.jpg");background-image:image-set("/miniatures/media/img-3-6-1920-9999.jpg.avif" type("image/avif"), "/miniatures/media/img-3-6-1920-9999.jpg.webp" type("image/webp"), "/media/img-3-6.jpg" type("image/jpeg"))}
.sixtique-4{background-color:var(--canard)}
.sixtique-5{background-image:url("/media/img-5-6.jpg");background-image:image-set("/miniatures/media/img-5-6-1920-9999.jpg.avif" type("image/avif"), "/miniatures/media/img-5-6-1920-9999.jpg.webp" type("image/webp"), "/media/img-5-6.jpg" type("image/jpeg"))}
.sixtique-6{background-color:var(--feuille)}
.sixtique-4 > img,.sixtique-6 > img{height:100px;width:auto;margin-bottom:22px}
.sixtique-4 .texte,.sixtique-6 .texte{margin:16px 0 4px}
@media (min-width:1200px){
  .sixtique-1{border-top-left-radius:var(--rayon)}
  .sixtique-3{border-top-right-radius:var(--rayon)}
  .sixtique-4{border-bottom-left-radius:var(--rayon)}
  .sixtique-6{border-bottom-right-radius:var(--rayon)}
}
@media (max-width:781.98px){.sixtique-2{background:#fff}}
@media (max-width:575.98px){
  .accueil{background-color:#fff;padding-bottom:60px}
  .texte-accueil{padding-top:96px}
  .sixtique{height:auto;min-height:0;padding:28px 20px}
  .sixtique-2{height:auto;padding-top:0}
  .sixtique-2 .fleche{display:none}
  .sixtique:not(.sixtique-2) > img{height:50px!important;margin-bottom:12px}
}

/* ---------- 2. présentation + store ---------- */
.accueil-2 .presentation{padding:40px 0}
.encadre{border:1px solid var(--bordure);border-radius:var(--rayon);background:#fff;overflow:hidden;transition:box-shadow var(--anim),transform var(--anim)}
.encadre:hover{box-shadow:var(--ombre)}
.encadre > img{display:block;width:100%}
.vignettes img{display:block;padding:10px;border-radius:20px;transition:transform .5s var(--anim)}
.vignettes img:hover{transform:scale(1.03)}
.grand-titre{margin-top:20px;padding:10px;font-size:clamp(1.5rem,1rem + 1.6vw,2.5rem);text-transform:uppercase;color:var(--vert)}
.go-store{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:150px;padding:0 30px;border-radius:var(--rayon);background:var(--vert);color:#fff!important;transition:background-color var(--anim),box-shadow var(--anim)}
.go-store span:first-child{font-size:clamp(1.5rem,1rem + 1.4vw,2.2rem);font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.go-store .rond{flex:0 0 auto;display:grid;place-items:center;width:80px;height:80px;border:1px solid #fff;border-radius:50%;font-size:2.6rem;transition:background-color var(--anim),color var(--anim)}
.go-store .rond .ico{transition:transform var(--anim)}
.go-store:hover{background:var(--vert-gris);box-shadow:var(--ombre)}
.go-store:hover .rond{background:#fff;color:var(--vert)}
.go-store:hover .rond .ico{transform:translateX(4px)}
.kit{margin-top:20px}
.kit .grand-titre{font-size:clamp(1.5rem,1rem + 1.6vw,2.5rem)}
.kit-prix{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.prix-rond{display:flex;align-items:center;justify-content:center;width:200px;height:200px;margin-top:20px;border-radius:50%;background:var(--olive);color:#fff;box-shadow:var(--ombre-douce)}
.prix-rond .prix-lot-1{font-size:3.125rem;font-weight:800;letter-spacing:-.01em}
.prix-rond .devise{align-self:center;margin:-15px 0 0 2px;font-size:1.875rem;font-weight:800}
.anim-fleure{display:block;height:100px;width:auto;margin:10px 0 30px 150px;transform-origin:50% 100%}
.anim-fleure.nc-in{animation:pousse 1.2s .3s cubic-bezier(.34,1.56,.64,1) both}
@keyframes pousse{from{transform:scale(.3) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
.photo-pied{margin:20px 0;padding-bottom:30px}

.store{padding-bottom:50px;text-align:center}
.store h2{margin:60px 0 20px;font-size:clamp(1.6rem,1rem + 1.8vw,2.5rem);font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--vert)}
.store .intro{margin-bottom:50px;font-size:1.25rem;font-weight:500;font-style:italic;line-height:1.5;color:var(--vert)}
.store .row > div{margin-top:24px}
.carte-produit{display:flex;flex-direction:column;width:100%;padding:0;border:0;background:none;text-align:center;cursor:pointer;transition:transform var(--anim)}
.carte-produit .pastille-prix{position:relative;z-index:1;align-self:flex-end;display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 -7px -55px 0;border:7px solid #fff;border-radius:50%;background:var(--vert);color:#fff;font-size:1.75rem;font-weight:500;transition:transform var(--anim),background-color var(--anim)}
.carte-produit .pastille-prix .devise{margin:-15px 0 0 1px;font-size:1.4rem}
.carte-produit .visuel{display:block;padding:20px;border-radius:var(--rayon) var(--rayon) 0 0;background:var(--fond-produit);transition:background-color var(--anim)}
.carte-produit .visuel img{display:block;margin:auto;transition:transform .5s var(--anim)}
.carte-produit .ajouter{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 5px;background:var(--pomme);color:#fff;font-size:1rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;transition:background-color var(--anim)}
.carte-produit .ajouter .ico{font-size:1.6rem}
.carte-produit .infos{display:block;padding:15px;border:1px solid var(--vert);border-top:0;border-radius:0 0 var(--rayon) var(--rayon);background:#fff;color:var(--texte);transition:box-shadow var(--anim)}
.carte-produit .descript-lot{display:block;margin-bottom:6px;font-size:1.75rem;font-weight:500;line-height:1.2}
.carte-produit .prix-lot{font-size:2.4rem;font-weight:600}
.carte-produit .unite{display:block;font-size:1.15rem}
.carte-produit:hover{transform:translateY(-4px)}
.carte-produit:hover .pastille-prix{transform:scale(1.06) rotate(-4deg)}
.carte-produit:hover .visuel img{transform:scale(1.04)}
.carte-produit:hover .ajouter{background:var(--vert-2)}
.carte-produit:hover .infos{box-shadow:var(--ombre)}
.carte-produit:focus-visible{outline-color:var(--vert)}
@media (max-width:575.98px){
  .carte-produit .pastille-prix{width:84px;height:84px;margin-bottom:-40px;border-width:5px;font-size:1.2rem}
  .carte-produit .descript-lot{font-size:1.25rem}
  .carte-produit .prix-lot{font-size:1.6rem}
  .carte-produit .unite{font-size:.95rem}
  .carte-produit .ajouter{font-size:.8rem}
  .carte-produit .ajouter .ico{font-size:1.25rem}
}

/* ---------- 3. adaptabilité aux poteries ---------- */
.accueil-3{background:url("/media/accueil-3-bg.jpg") no-repeat center/cover;background:image-set("/miniatures/media/accueil-3-bg-1920-9999.jpg.avif" type("image/avif"), "/miniatures/media/accueil-3-bg-1920-9999.jpg.webp" type("image/webp"), "/media/accueil-3-bg.jpg" type("image/jpeg")) no-repeat center/cover}
.accueil-3 .row.intro{padding-top:40px;margin-bottom:60px;align-items:center}
.accueil-3 h2{margin-top:50px}
.accueil-3 .texte-courant{margin:20px 0 24px;font-weight:500}
.boite-blanche{padding:20px;border-radius:var(--rayon);background:#fff;box-shadow:var(--ombre);overflow:hidden}
.boite-blanche img{display:block;margin:auto;transition:transform .6s var(--anim)}
.boite-blanche:hover img{transform:scale(1.025)}
.titre-souligne{position:relative;display:inline-block;padding-bottom:10px;font-size:clamp(1.25rem,1rem + 1vw,1.875rem);text-transform:uppercase}
.titre-souligne::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transform:scaleX(0);transition:transform .9s .25s var(--anim)}
.titre-souligne.nc-in::after,html:not(.nc-js) .titre-souligne::after{transform:none}
.pots{padding:40px 0 60px;text-align:center}
.pots > div{margin-bottom:20px}
.pots img{transition:transform .45s var(--anim)}
.pots img:hover{transform:scale(1.07) rotate(-2deg)}

/* ---------- 4. fonctionnement (bande ardoise derrière le bas des étapes) ---------- */
.accueil-4{padding-bottom:120px;background:linear-gradient(to bottom,#fff calc(100% - 300px),var(--ardoise) 0)}
.accueil-4 h2{margin:50px 0 10px}
.etapes{list-style:none;padding:0;margin-bottom:0}
.etape-visuel{text-align:center}
@media (min-width:992px){.etape-visuel{height:472px}}
.etape{position:relative;isolation:isolate;min-height:270px;margin-top:80px;padding:0 20px 24px;border-radius:var(--rayon);background:var(--vert);color:#fff;text-align:center;box-shadow:var(--ombre)}
.etape .num{position:relative;display:grid;place-items:center;width:100px;height:100px;margin:-50px auto 0;border-radius:50%;background:var(--vert-gris);font-size:3.125rem;font-weight:500;line-height:1}
.etape .num::before{content:"";position:absolute;z-index:-1;left:-8px;right:-8px;top:50px;bottom:-8px;border-radius:0 0 58px 58px;background:var(--gris-vert)}
.etape p{padding-top:20px;font-size:1.2rem;line-height:1.5}
@media (max-width:991.98px){.etape{margin-bottom:30px}}

/* ---------- 5. rempotage ---------- */
.accueil-5{background:var(--olive) url("/media/accueil-5-bg.jpg") no-repeat center top/cover;background:var(--olive) image-set("/miniatures/media/accueil-5-bg-1920-9999.jpg.avif" type("image/avif"), "/miniatures/media/accueil-5-bg-1920-9999.jpg.webp" type("image/webp"), "/media/accueil-5-bg.jpg" type("image/jpeg")) no-repeat center top/cover}
.accueil-5 h2{padding-top:80px}
.accueil-5 .texte-courant{margin:20px 0 10px;font-weight:500}
.accueil-5 .row{margin-top:20px}
.accueil-5 .row.dernier{margin-top:0;padding-bottom:80px}
.accueil-5 .photo{position:relative;margin-bottom:30px}
.accueil-5 .photo img{display:block;width:100%;border-radius:var(--rayon);box-shadow:var(--ombre-douce)}
.accueil-5 .photo:nth-child(1){z-index:4}.accueil-5 .photo:nth-child(2){z-index:3}.accueil-5 .photo:nth-child(3){z-index:2}.accueil-5 .photo:nth-child(4){z-index:1}
.rond-etape{position:absolute;z-index:1;top:50%;right:-50px;display:none;align-items:center;justify-content:center;width:100px;height:100px;border:10px solid rgba(255,255,255,.63);border-radius:50%;background:var(--olive);background-clip:padding-box;color:#fff;font-size:3.125rem;line-height:1;transform:translateY(-50%);transition:transform var(--anim)}
.photo:hover .rond-etape{transform:translateY(-50%) scale(1.08)}
@media (min-width:992px){.rond-etape.lg{display:flex}}
@media (min-width:768px) and (max-width:991.98px){.rond-etape.md{display:flex}}
@media (max-width:767.98px){.accueil-5{background-image:none}}

/* ---------- 6. adaptabilité et montage ---------- */
.accueil-6{margin-top:-70px;background:url("/media/accueil-6-bg.png") no-repeat center top/cover;background:image-set("/miniatures/media/accueil-6-bg-1920-9999.png.avif" type("image/avif"), "/miniatures/media/accueil-6-bg-1920-9999.png.webp" type("image/webp"), "/media/accueil-6-bg.png" type("image/png")) no-repeat center top/cover}
.accueil-6 .row{padding:80px 0}
.accueil-6 h2{margin:10px 0 60px}
.etiquette{display:inline-block;padding-bottom:10px;border-bottom:1px solid #fff;font-size:1.375rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.accueil-6 .texte-courant{margin:20px 0 60px;font-weight:500}
.accueil-6 .texte-courant:last-child{margin-bottom:0}
.duree{display:flex;align-items:center;gap:20px;margin:40px 0;font-size:1.125rem;font-weight:500}
.duree img{height:60px;width:auto}
.photo-blanche{display:block;width:100%;margin-bottom:20px;padding:10px;border-radius:var(--rayon);background:#fff;box-shadow:var(--ombre)}

/* ---------- 7. grandes poteries ---------- */
.accueil-7{padding-bottom:100px}
.accueil-7 .row{margin-top:100px}
.accueil-7 .gauche{display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.accueil-7 .sous-titre{font-size:1.375rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}
.guillemet-7{height:90px;width:auto;margin:0 0 -60px 30px;position:relative}
.bg-color-1{position:relative;padding:24px 24px 24px 60px;border-radius:var(--rayon);background:var(--sauge);color:#fff;box-shadow:var(--ombre)}
.bg-color-1 h3{font-size:1.75rem;text-transform:uppercase;margin-bottom:10px}
.bg-color-1 .plante{position:absolute;left:-50px;top:50%;height:100px;width:auto;transform:translateY(-50%)}
.bg-color-1 p{font-size:1.125rem;font-weight:500;line-height:1.55}
@media (max-width:575.98px){.bg-color-1 .plante{display:none}.bg-color-1{padding-left:24px}}

/* ---------- 8. témoignage ---------- */
.accueil-8{margin-top:-70px;padding:80px 0;background:url("/media/ac8-bg.png") no-repeat center top/cover;background:image-set("/miniatures/media/ac8-bg-1920-9999.png.avif" type("image/avif"), "/miniatures/media/ac8-bg-1920-9999.png.webp" type("image/webp"), "/media/ac8-bg.png" type("image/png")) no-repeat center top/cover}
.temoignage{margin:0;padding-left:40px}
.temoignage .guillemet{display:block;height:180px;width:auto;margin:0 0 -50px -40px}
.temoignage figcaption{position:relative;margin:10px 0;font-size:2.375rem;font-weight:500}
.temoignage blockquote{margin:0;font-size:1.125rem;font-weight:500;line-height:1.6}
.temoignage blockquote p + p{margin-top:1em}

/* ---------- 9. contact ---------- */
.accueil-9{padding:100px 0;background:var(--lin)}
.accueil-9 h2{margin-bottom:20px;font-size:clamp(1.6rem,1rem + 1.8vw,2.375rem);font-weight:400;color:var(--vert)}
.zone-saisie{display:flex;align-items:center;margin-bottom:20px;border:1px solid transparent;border-radius:var(--rayon);background:var(--champ);color:var(--vert-gris);transition:border-color var(--anim),background-color var(--anim),box-shadow var(--anim)}
.zone-saisie label{flex:0 0 auto;padding:0 6px 0 20px;font-size:1.125rem;font-weight:500;white-space:nowrap}
.zone-saisie input,.zone-saisie textarea{flex:1 1 auto;min-width:0;height:46px;padding:0 16px 0 0;border:0;background:none;color:var(--vert-gris);font-size:1.125rem;font-weight:500;outline:0}
.zone-saisie.message{flex-direction:column;align-items:stretch}
.zone-saisie.message label{padding:12px 20px 0}
.zone-saisie textarea{height:auto;min-height:150px;padding:6px 20px 12px;resize:vertical}
.zone-saisie:hover{border-color:var(--bordure)}
.zone-saisie:focus-within{border-color:var(--vert-gris);background:#fff;box-shadow:0 0 0 3px rgba(42,87,84,.18)}
.formulaire.valide .zone-saisie:has(:invalid){border-color:#b3261e}
.btn-envoyer{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 28px;border:1px solid var(--vert-gris);border-radius:var(--rayon);background:none;color:var(--vert-gris);font-size:1.25rem;font-weight:500;letter-spacing:.04em;cursor:pointer;transition:background-color var(--anim),color var(--anim),transform var(--anim)}
.btn-envoyer:hover{background:var(--vert-gris);color:#fff}
.btn-envoyer:active{transform:scale(.97)}
.btn-envoyer:disabled{opacity:.6;cursor:progress}
.envoi{display:flex;justify-content:flex-end}
.garanties{display:flex;align-items:flex-end;gap:10px}
.garanties .esperluette{height:350px;width:auto;margin-bottom:63px}
.garanties .slogans{display:flex;flex-direction:column;justify-content:center;margin-top:120px;margin-bottom:20px;font-size:clamp(1.6rem,1rem + 1.6vw,2.5rem);font-weight:500;line-height:1.3;color:var(--vert-gris)}
.garanties .slogans span:first-child{margin-left:-40px}
.garanties .site{color:var(--canard-2);font-size:clamp(1.25rem,1rem + .8vw,1.875rem);letter-spacing:.04em}
@media (max-width:991.98px){.garanties{margin-top:30px}.garanties .slogans{margin-top:0}}
@media (max-width:575.98px){.garanties .esperluette{height:100px;margin-bottom:20px}.garanties .slogans span:first-child{margin-left:0}}

/* ---------- modales (nc-modale) ---------- */
.stocwoter .nc-modale .nc-fenetre{padding:0;border-radius:14px;color:var(--texte)}
.stocwoter .nc-modale .nc-fermer{top:1rem;right:1rem;width:2.4rem;height:2.4rem;font-size:1.5rem;transition:background-color var(--anim),transform var(--anim)}
.stocwoter .nc-modale .nc-fermer:hover{transform:rotate(90deg)}
.panier .nc-fenetre{max-width:800px}
.panier-tete{display:flex;align-items:center;gap:20px;padding:16px 64px 16px 20px;border-bottom:1px solid var(--champ)}
.panier-tete img{height:34px;width:auto}
.panier-tete h2{flex:1;margin:0 auto;text-align:center;color:var(--vert);font-size:1.75rem}
.panier-corps{min-height:220px;padding:0 20px}
.panier-colonnes,.panier .produit{display:grid;grid-template-columns:90px 1fr 140px 44px 100px;align-items:center;gap:10px}
.panier-colonnes{padding:10px 0;border-bottom:1px solid var(--champ);font-size:.95rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--gris-vert);text-align:center}
.panier-colonnes span:last-child{text-align:right}
.panier .produits{margin:0;padding:0;list-style:none}
.panier .produit{padding:8px 0;border-bottom:1px solid var(--champ);font-size:1.125rem;animation:apparait .3s var(--anim)}
@keyframes apparait{from{opacity:0;transform:translateY(6px)}}
.panier .produit img{padding:6px}
.panier .description{text-align:center}
.panier .quantite{display:flex;align-items:center;justify-content:space-between;border:1px solid #dee2e6;border-radius:30px}
.panier .quantite button,.panier .action-delete{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;font-size:1.5rem;cursor:pointer;transition:color .2s,background-color .2s}
.panier .action-q-moins:hover{color:rgb(255,174,0)}
.panier .action-q-plus:hover{color:rgb(77,191,62)}
.panier .action-delete:hover{color:#d00;background:#fdecec}
.panier .nombre{min-width:1.5em;text-align:center;font-weight:600}
.panier .prix{text-align:right;white-space:nowrap;font-weight:500}
.panier .vide{padding:50px 0;text-align:center;font-style:italic}
.panier-pied{display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding:16px 20px 20px;border-top:1px solid var(--champ)}
.panier-pied .total-ligne{font-size:1.25rem}
.panier-pied .total{margin-left:10px;font-weight:600;color:var(--vert)}
.panier-pied .boutons{display:flex;gap:10px}
.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid var(--olive);border-radius:var(--rayon);font-size:1.15rem;font-weight:500;cursor:pointer;transition:background-color var(--anim),color var(--anim),transform var(--anim)}
.bouton:active{transform:scale(.97)}
.bouton.secondaire{background:#fff;color:var(--olive)}
.bouton.secondaire:hover{background:#f3f6ea}
.bouton.principal{background:var(--olive);color:#fff}
.bouton.principal:hover{background:#5f6f20}
@media (max-width:575.98px){
  .panier-colonnes{display:none}
  .panier .produit{grid-template-columns:60px 1fr auto;grid-template-areas:"img desc prix" "img qtt sup"}
  .panier .produit > :nth-child(1){grid-area:img}
  .panier .produit > :nth-child(2){grid-area:desc;text-align:left}
  .panier .produit > :nth-child(3){grid-area:qtt;justify-self:start}
  .panier .produit > :nth-child(4){grid-area:sup;justify-self:end}
  .panier .produit > :nth-child(5){grid-area:prix}
}
.merci .nc-fenetre{max-width:600px;padding:40px 30px 50px!important;background:var(--canard-2)!important;color:#fff!important;text-align:center}
.merci .nc-fermer{background:rgba(255,255,255,.15)!important;color:#fff}
.merci img{display:block;height:150px;width:auto;margin:0 auto 20px}
.merci p{font-size:1.25rem;font-weight:500}

/* ---------- bandeau cookies (module commun cookie-accepte) ---------- */
.stocwoter #cookiergpdwindow{padding:16px 20px;border-top:3px solid var(--feuille);box-shadow:0 -8px 30px rgba(0,0,0,.15);animation:monte .5s var(--anim)}
@keyframes monte{from{transform:translateY(100%)}}
.stocwoter #cookiergpdwindow p{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;max-width:1100px;margin:0 auto;font-size:.95rem;line-height:1.45;color:var(--texte)}
.stocwoter #cookiergpdwindow a{color:var(--vert);text-decoration:underline;text-underline-offset:2px}
.stocwoter #cookiergpdwindow .btn{min-height:36px;padding:0 18px;border:1px solid var(--feuille);border-radius:8px;background:var(--feuille);color:#fff;font-size:1rem;font-weight:500}
.stocwoter #cookiergpdwindow .btn small{font-size:1em}
.stocwoter #cookiergpdwindow .btn.refuser{background:#fff;color:var(--feuille)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .stocwoter *,.stocwoter *::before,.stocwoter *::after{animation:none!important;transition-duration:.01ms!important}
  .titre-souligne::after{transform:none}
  .carte-produit:hover,.carte-produit:hover .pastille-prix,.carte-produit:hover .visuel img,.sixtique:hover > img,.pots img:hover,.vignettes img:hover,.boite-blanche:hover img{transform:none}
}