/* The server-rendered main content remains visible until its own route is hydrated. */
html[data-ssr-pending] #contenu > :not(#seo-prerender),
html[data-seo-fallback] #contenu > :not(#seo-prerender){display:none!important}
#seo-prerender{max-width:1240px;margin:0 auto;padding:clamp(24px,4vw,60px);min-height:55vh}
#seo-prerender[hidden]{display:none!important}
#seo-prerender h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:18ch;margin:12px 0 22px}
#seo-prerender p{max-width:72ch;line-height:1.65}
#seo-prerender a:focus-visible,#seo-prerender button:focus-visible{outline:3px solid var(--focus,#084f52);outline-offset:4px}
#seo-prerender .detail-layout{height:auto;align-items:start;gap:clamp(20px,4vw,56px)}
#seo-prerender .detail-photo{min-height:0;aspect-ratio:1}
#seo-prerender .detail-copy{padding:0;overflow:visible}
#seo-prerender .detail-copy h1{max-width:none;font-size:clamp(2.5rem,4vw,3.8rem)}
#seo-prerender .seo-price{font-size:1.5rem;font-weight:700}
#seo-prerender .seo-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px;margin:28px 0}
#seo-prerender .seo-products img{aspect-ratio:1;object-fit:cover}
#seo-prerender .seo-error{padding:16px 20px;margin:24px 0;border-left:4px solid var(--brand,#12606a);background:var(--paper,#fff);font-size:1rem}
@media(max-width:750px){#seo-prerender .detail-layout{grid-template-columns:1fr}#seo-prerender .detail-copy h1{font-size:2.5rem}}
.site-header .seo-languages[hidden]{display:none!important}
@media(min-width:1280px){
  .site-header{display:grid;grid-template-columns:80px minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) 50px;gap:0 12px;padding:0 18px}
  .site-header .brand{grid-row:1;grid-column:1;width:80px;align-self:center}
  .site-header .brand img{width:80px;height:80px}
  .site-header .header-navigation{grid-row:2;grid-column:1 / -1;align-self:center;width:100%}
  .site-header .desktop-nav{justify-content:space-between;gap:0}
  .site-header .nav-link{font-size:14px;padding:8px 6px}
  .site-header .blog-entry{margin-left:0;padding-left:6px}
  .site-header .impact-nav{margin-left:0}
  .site-header .header-actions{grid-row:1;grid-column:3;justify-self:end}
  .site-header .seo-languages{grid-row:1;grid-column:2;justify-self:start;align-self:center}
  .site-header .header-search{grid-row:1;grid-column:2;margin-right:0;max-width:none}
  .site-header.is-compact{grid-template-columns:64px minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) 44px}
  .site-header.is-compact .brand{width:58px}
  .site-header.is-compact .brand img{width:58px;height:58px}
}
.site-header .blog-panel .nav-panel-kicker{margin:14px 8px 2px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
/* The full-screen mobile filters are a modal dialog: restore privacy control when it closes. */
@media(max-width:640px){body:has(#facet-panel:not([hidden])) .ap-consent-trigger{display:none!important}}
@media(max-width:560px){
  .site-header .brand,.site-header .brand img{width:76px;height:76px}
  .site-header .header-actions{gap:2px}
  .site-header :is(.account-toggle,.cart-toggle){min-width:44px;min-height:44px;justify-content:center;padding:6px}
  .site-header .account-toggle > span,.site-header .cart-toggle > span:not(.cart-count){display:none}
  .site-header .cart-toggle{gap:2px}
  .site-header .menu-toggle{width:44px;min-width:44px}
}