.qte button{width:44px;height:44px}
/* la reassurance en six tuiles a icones (Fermob Mojo, decision de Vincent du 15/09) */
.f-info ul.reass{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:22px 0 8px;list-style:none;border:0}
.f-info ul.reass li{padding:12px 12px 12px;background:#fff;border:1px solid rgba(22,59,53,.12);border-radius:12px;display:flex;flex-direction:column;gap:9px;font-size:12.5px;line-height:1.35;position:static}
.f-info ul.reass li::before{display:none;content:none}
.f-info ul.reass li svg{width:26px;height:26px;color:#163b35;opacity:.85;flex:none}
.f-info ul.reass li a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.f-info ul.reass{grid-template-columns:1fr 1fr;gap:8px}.f-info ul.reass li{font-size:12px;padding:10px}}
.prix .ouv{display:block;font-size:13px;line-height:1.5;margin-top:6px;opacity:.8}
.prix .ouv[hidden]{display:none}
.reass li a{color:inherit}
.livr b{font-weight:400}
@media (max-width:900px){
  .tabs .tl{display:none}
  .tabs .tps{display:block}
  .tabs .tp{visibility:visible;opacity:1;pointer-events:auto;padding:0 0 18px;display:none}
  .tabs .tp.ouv{display:block}
  .tabs .tp-t{margin:0;font:400 17px/1.3 'Recoleta',Georgia,serif}
  .tabs .tp-t button{width:100%;text-align:left;background:none;border:0;border-top:1px solid rgba(22,59,53,.16);padding:16px 36px 16px 0;font:inherit;color:#163b35;position:relative;cursor:pointer;min-height:48px}
  .tabs .tp-t button::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;border-right:1.5px solid #163b35;border-bottom:1.5px solid #163b35;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
  .tabs .tp-t button[aria-expanded="true"]::after{transform:translateY(-30%) rotate(225deg)}
  .tabs .tp-t:last-of-type{border-bottom:1px solid rgba(22,59,53,.16)}
  .f-colle{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(251,250,246,.96);backdrop-filter:blur(8px);border-top:1px solid rgba(22,59,53,.14);transform:translateY(110%);transition:transform .25s}
  .f-colle.vu{transform:none}
  .f-colle .fc-t{flex:1;min-width:0;display:flex;flex-direction:column;font-size:12.5px;line-height:1.3;color:#163b35}
  .f-colle .fc-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}
  .f-colle .fc-p{font:400 18px/1.1 'Recoleta',Georgia,serif}
  .f-colle .cta{min-height:48px;padding:0 18px;font-size:11px;flex:none;width:auto}
  .f-colle .cta.off{opacity:.45;pointer-events:none}
  /* 16/09, fusion : le pied sous la pastille est regle par le socle (mk_mobile, P13),
     qui connait la hauteur de la pastille et son relevement quand cette barre est la. */
}
/* P2 (16/09/2026) : la barre d'achat collante etait creee sur TOUS les ecrans et n'avait de style
   que sous 900 px : sur ordinateur elle se posait en flux, APRES le pied de page (« Le kit starter ·
   Willo Metal Prix a venir PRECOMMANDER »). Elle n'existe plus au-dessus de 900 px, et le JS ne la
   cree que si le media l'autorise. */
@media (min-width:901px){.tabs .tp-t{display:none}.f-colle{display:none!important}}
.off-bande{position:fixed;top:0;left:0;right:0;z-index:57;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#163b35;color:#fff7cb;font:400 13px/1.3 'Glacial Indifference','Jost',sans-serif;letter-spacing:.02em;text-align:center;padding:0 16px}
.off-bande[hidden]{display:none}
html.off-oui .pg-boutique header#hdr.h2{top:32px}
html.off-oui .pg-boutique.page-int main{padding-top:93px}
html.off-oui .pg-boutique .snav{top:93px}
html.off-oui .pg-boutique .ec-nav{top:93px}
html.off-oui .pg-boutique .sh-cats{top:156px}
html.off-oui .pg-boutique .f-haut .gal{top:162px}
@media (max-width:900px){
  .off-bande{position:static;height:auto;min-height:32px;padding:7px 12px;font-size:12.5px}
  html.off-oui .pg-boutique.page-int main,html.off-oui body.pg-boutique main{padding-top:0}
  html.off-oui .pg-boutique .ec-nav{top:52px}
  html.off-oui .pg-boutique .sh-cats{top:0}   /* 09/10/2026 : le filtre colle en haut sur telephone (le bandeau est dans le flux) */
}
/* --- la case nouvelles (mk_news) --- */
.nl{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;margin:12px 0 0;text-align:left;cursor:pointer;max-width:34em}
.nl input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#163b35}
.nl.cr-opt{align-items:center;flex:1 1 100%;justify-content:flex-start;margin:4px 0 0}
.cr-mail .cr-f .nl input{flex:none;width:18px;height:18px;padding:0;margin:0;border:0;min-height:0}
.alerte-x .nl{margin:14px auto 0}
.alerte-f + .nl{justify-content:center}
/* --- socle mobile (mk_mobile) --- */
/* le logotype du telephone n'existe que sous 900 px (P13) */
.lg-tel{display:none}