:root{--micro:150ms;--standard:240ms;--complex:360ms;--muted:#b0b7b0;--line:#394139;--ease:cubic-bezier(.2,.7,.2,1)}
html{scrollbar-gutter:stable;scroll-padding-top:100px}body:has(dialog[open]){overflow:hidden}.wrap{width:min(1440px,calc(100% - 80px))}.header{height:76px;padding:0 40px;background:#101211}.topline{padding:7px 40px;font-size:11px}.header nav a{font-size:13px}.header .logo{font-size:19px}.nav-toggle,.mobile-search-slot{display:none}.header-personal{gap:20px}.icon-button{min-height:44px;min-width:44px}.icon-button svg{width:19px;height:19px}button,a,select{transition:background-color var(--micro) var(--ease),border-color var(--micro) var(--ease),color var(--micro) var(--ease),transform var(--micro) var(--ease)}.button{min-height:44px;font-size:13px;border-radius:5px}.primary:hover{transform:translateY(-1px)}.button:active,.icon-button:active{transform:translateY(1px)}button:disabled{transform:none}.button:focus-visible,a:focus-visible{outline-offset:4px}.hero{height:520px;min-height:520px}.hero-inner{max-width:1440px;margin:0 auto;padding:34px 0 58px;width:calc(100% - 80px)}.hero h1{font-size:64px}.hero h1>span{font-size:88px}.hero-inner>p{font-size:18px;margin-top:18px}.hero-inner>p.hero-description{font-size:14px;margin-top:12px}.hero .button{margin-top:20px}.hero-proof{font-size:12px;margin-top:16px}.hero-caption{left:40px;right:40px;font-size:11px}.jar-controls{bottom:57px;right:9%}.categories{padding:21px 24px}.category{font-size:12px;min-width:86px}.category-icon{width:50px;height:50px;transition:background-color var(--micro),transform var(--micro),border-color var(--micro)}.category:hover .category-icon{transform:translateY(-2px)}.category[aria-pressed=true] .category-icon{box-shadow:none}.catalogue{padding-top:44px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:40px}.section-heading p{font-size:14px}.connection{font-size:12px;white-space:normal;flex-shrink:0}.search-row{position:sticky;top:76px;z-index:30;background:var(--bg);padding:12px 0;margin-bottom:20px}.search{min-height:48px}.search input{font-size:14px}.catalogue-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}.filters{position:sticky;top:154px;max-height:calc(100dvh - 180px);overflow-y:auto;padding-right:6px;scrollbar-width:thin}.filter-heading h3{font-size:14px}.filter-heading{padding-bottom:12px}fieldset{padding:12px 0 18px}legend{padding-top:16px;font-size:13px}.checkbox{font-size:13px;min-height:40px}.filter-note{font-size:12px;line-height:1.7}.filter-note p{max-width:26ch}.method-link{font-size:12px;min-height:44px}.range-labels,.brand-line,.stock,.tag,.variant-label{font-size:12px}.product-grid{gap:16px}.product-card{border-radius:7px;display:flex;flex-direction:column;transition:transform var(--micro) var(--ease),border-color var(--micro) var(--ease)}.product-card:hover{transform:translateY(-2px);border-color:#66735c}.product-visual{height:205px;flex-shrink:0;background:#e9ede6}.product-image-button{padding:14px 26px}.product-image-button img{transition:transform var(--standard) var(--ease)}.product-image-button:hover img{transform:scale(1.025)}.product-content{padding:16px;display:flex;flex-direction:column;flex:1}.brand-line{gap:5px}.stock{font-size:11px}.product-title{font-size:16px;min-height:44px;line-height:1.4;margin-top:10px}.product-tags{gap:6px;min-height:25px;margin:10px 0 13px}.tag{font-size:11px;line-height:1.6}.variant-label{margin-top:auto;margin-bottom:5px}.variant-select{min-height:42px;font-size:12px}.price-row{margin-top:16px;min-height:44px}.price{font-size:25px}.unit-price{font-size:12px;margin-top:5px}.price-note{font-size:11px;min-height:34px;line-height:1.5;margin-top:12px}.card-actions{margin-top:12px;gap:8px}.card-actions .button{font-size:12px;min-height:44px}.compare-button{width:44px;min-width:44px}.save-button{right:10px;top:10px;min-width:40px;min-height:40px;width:40px;height:40px}.sort-label{font-size:12px}select{border-color:#465044;transition:border-color var(--micro),background-color var(--micro)}select:hover{border-color:#78876c}select:focus-visible{outline-offset:2px}.results-toolbar{font-size:13px;min-height:44px;margin-bottom:16px}#result-count{font-size:13px}.active-filters{gap:7px}.filter-chip{min-height:36px;font-size:12px}.results-foot{font-size:12px;line-height:1.6}.compare-bar{padding:10px 12px 10px 20px;bottom:max(16px,env(safe-area-inset-bottom));border-radius:7px;gap:14px;background:#222920}.compare-bar>div{font-size:13px}.compare-bar .button{min-height:44px}.compare-bar.just-added{animation:compare-confirm var(--standard) var(--ease)}.toast{font-size:13px;line-height:1.5;bottom:calc(100px + env(safe-area-inset-bottom));animation:enter-soft var(--standard) var(--ease)}.dialog[open]{animation:modal-in var(--standard) var(--ease)}.dialog.is-closing{animation:modal-out 160ms var(--ease) forwards}.dialog[open]::backdrop{animation:veil-in var(--standard) var(--ease)}.dialog{border-radius:8px;padding:26px}.dialog-top{position:sticky;top:-26px;background:#181d18;z-index:2;padding-top:8px;padding-bottom:12px;margin-bottom:15px}.dialog-top h2{font-size:30px}.table-scroll{overflow:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.comparison-table{font-size:13px}.comparison-table th,.comparison-table td{padding:17px 16px;min-width:180px}.comparison-table th:first-child{position:sticky;left:0;background:#181d18;z-index:1;min-width:145px}.comparison-chart{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:8px;min-width:450px}.comparison-chart h3{font-size:15px;margin:6px 0 20px}.chart-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,1.3fr) 85px;gap:16px;align-items:center;margin:16px 0;font-size:12px}.chart-row>span{line-height:1.45}.chart-row b{font-variant-numeric:tabular-nums;text-align:right}.chart-row meter{appearance:none;-webkit-appearance:none;width:100%;height:8px;border:0;border-radius:2px;background:#313a2b;animation:chart-in var(--standard) var(--ease);transform-origin:left}.chart-row meter::-webkit-meter-bar{height:8px;background:#313a2b;border:0;border-radius:2px}.chart-row meter::-webkit-meter-optimum-value{background:var(--lime);border-radius:2px}.chart-row meter::-moz-meter-bar{background:var(--lime)}.chart-na{grid-column:2/-1;color:var(--muted)}.filter-dialog{width:420px;max-width:100%;height:100dvh;max-height:100dvh;inset:0 0 0 auto;margin:0;border-radius:0;border-width:0 0 0 1px;overflow:auto;padding:20px 24px}.filter-dialog[open]{animation:filter-in var(--complex) var(--ease)}.filter-dialog.is-closing{animation:filter-out 160ms var(--ease) forwards}.filter-dialog .dialog-top{top:-20px;padding-top:10px}.filter-dialog .filters{display:block!important;position:static;max-height:none;overflow:visible;padding:0}.filter-dialog .filter-heading>h3{display:none}.filter-dialog .filter-heading{justify-content:flex-end}.filter-dialog .filter-heading .text-button{min-height:40px}.filter-dialog .filter-note{padding-bottom:15px}.filter-footer{position:sticky;bottom:-20px;background:#181d18;padding:16px 0 20px;border-top:1px solid var(--line);margin-top:12px}.filter-footer .button{width:100%;min-height:48px}.ui-tooltip{position:fixed;z-index:200;pointer-events:none;max-width:min(260px,calc(100% - 24px));background:#edf3e8;color:#1b2116;padding:7px 10px;border-radius:4px;font-size:12px;line-height:1.4;opacity:0;transform:translateY(3px);transition:opacity 120ms,transform 120ms}.ui-tooltip.visible{opacity:1;transform:translateY(0)}.skeleton-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;min-height:450px;background:var(--panel)}.skeleton-photo{height:205px;background:#2a302b}.skeleton-body{padding:18px;display:grid;gap:16px}.skeleton-body span{height:14px;background:#343c34;border-radius:3px;animation:skeleton-pulse 1600ms ease-in-out infinite}.skeleton-body span:first-child{width:40%}.skeleton-body span:nth-child(2){width:80%;height:20px}.skeleton-body span:last-child{height:44px;margin-top:22px}.results-enter .product-card{animation:enter-soft var(--standard) var(--ease)}.empty-state{min-height:300px;font-size:14px;line-height:1.7}.empty-state .button{margin-top:10px}.footer{padding-bottom:38px;margin-bottom:90px}.footer p,.footer>span{font-size:12px}.faq p,.method-columns p{font-size:14px;line-height:1.75}.method-title>p{line-height:1.6}.faq summary{min-height:64px}.method-link:hover,.back-link:hover{color:var(--lime)}.account-view .mobile-search-slot{display:none}.account-section{max-width:1250px}.account-feedback,.account-error{animation:enter-soft var(--standard) var(--ease)}.member-avatar{transition:background-color var(--micro)}.account-main input,.account-tabs button{transition:border-color var(--micro),background-color var(--micro)}
@keyframes enter-soft{from{opacity:.75;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes compare-confirm{0%{border-color:var(--lime)}100%{border-color:#637350}}
@keyframes modal-in{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes modal-out{to{opacity:0;transform:translateY(5px)}}
@keyframes veil-in{from{opacity:0}to{opacity:1}}
@keyframes filter-in{from{opacity:.8;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes filter-out{to{opacity:0;transform:translateX(18px)}}
@keyframes chart-in{from{opacity:.65;transform:scaleX(.96)}to{opacity:1;transform:scaleX(1)}}
@keyframes skeleton-pulse{0%,100%{opacity:.55}50%{opacity:.9}}
@media(min-width:1600px){.hero-inner{width:1440px}.hero-caption{left:calc((100% - 1440px)/2);right:calc((100% - 1440px)/2)}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalogue-layout{gap:30px}.product-visual{height:200px}.hero h1{font-size:68px}.hero h1>span{font-size:92px}}
@media(max-width:1599px) and (min-width:1101px){.hero-inner{margin:0 40px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.wrap{width:calc(100% - 48px)}.header{padding:0 24px}.header nav{gap:18px}.header-personal{gap:12px}.hero-inner{margin:0 32px;width:auto}.hero h1{font-size:56px}.hero h1>span{font-size:76px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-layout{grid-template-columns:205px minmax(0,1fr);gap:24px}.section-heading h2{font-size:36px}.logo-mark{width:30px;height:30px}.header .logo{font-size:17px}.account-link>span{display:none}}
@media(max-width:1023px){.catalogue-layout{display:block}.filters{display:none}.search-row #mobile-filter{display:flex;min-width:116px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.section-heading{align-items:flex-start}.connection{max-width:260px}.hero h1{font-size:50px}.hero h1>span{font-size:70px}.hero{height:485px;min-height:485px}.hero-inner{padding-top:40px}.hero-inner>p{max-width:370px}.hero-caption{left:32px;right:32px}.category{min-width:82px}.categories{overflow:auto;justify-content:space-between;padding:20px 24px}.product-visual{height:225px}.faq{gap:30px}.method-columns{gap:24px}.comparison-table{font-size:12px}}
@media(max-width:760px){
html{scrollbar-gutter:auto;scroll-padding-top:150px}.topline{display:none}.header{height:64px;min-height:64px;flex-wrap:nowrap;padding:0 16px;gap:8px}.header .logo{font-size:16px}.logo-mark{width:27px;height:27px;margin-right:8px}.header-personal{margin-left:auto;gap:2px}.favorites-link{min-width:44px;min-height:44px;justify-content:center;position:relative}.favorites-link b{position:absolute;right:0;top:2px;width:17px;height:17px;font-size:10px;background:var(--bg)}.account-link{min-width:44px;min-height:44px}.nav-toggle{display:inline-flex}.header nav{display:none;position:absolute;top:64px;left:0;right:0;order:initial;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 14px;background:#191f19;border-bottom:1px solid #46513f;z-index:70}.header nav.expanded{display:flex;animation:enter-soft 200ms var(--ease)}.header nav a{min-height:46px;padding:10px 8px;font-size:14px;border-bottom:0}.header nav a.active{background:#293420;color:var(--lime);border-radius:4px}.mobile-search-slot{display:block;position:sticky;top:64px;z-index:45;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 16px}.mobile-search-slot .search-row{position:static;padding:0;margin:0;gap:8px;background:none}.mobile-search-slot .search{padding:0 10px;min-height:44px}.mobile-search-slot input{height:44px;font-size:16px}.mobile-search-slot input::placeholder{font-size:13px}.mobile-search-slot #mobile-filter{min-width:44px;width:44px;min-height:46px;font-size:0;padding:0;gap:0}.mobile-search-slot #mobile-filter svg{width:20px;height:20px}.hero{height:310px;min-height:310px}.hero-inner{padding:22px 0 0;margin:0 18px}.hero h1{font-size:30px;max-width:200px}.hero h1>span{font-size:44px}.hero-inner>p{font-size:13px;max-width:160px;margin-top:18px;line-height:1.55}.hero-inner>p.hero-description{display:none}.hero .button{display:none}.hero-proof{position:absolute;top:255px;left:0;font-size:11px;gap:5px;margin:0}.hero-proof span{margin:0 2px}.hero-proof svg{width:13px}.hero-caption{display:none}.jar-controls{right:16px;bottom:18px;gap:0}.jar-controls .icon-label{font-size:0;width:40px;min-width:40px;min-height:40px;padding:0;border-radius:50%}.jar-controls .icon-label span{display:none}.jar-controls .icon-label svg{width:19px}.jar-controls #jar-pause{min-width:36px}.categories{justify-content:flex-start;gap:10px;padding:16px 14px}.category{min-width:80px;gap:7px;font-size:11px}.category-icon{width:43px;height:43px}.category-icon svg{width:20px;height:20px}.category-section{scroll-margin-top:138px}.wrap{width:calc(100% - 32px)}.catalogue{padding:25px 0 36px;scroll-margin-top:140px}.section-heading{display:block;margin-bottom:15px}.section-heading h2{font-size:29px}.section-heading p{font-size:12px;margin-top:7px;max-width:38ch}.connection{margin-top:8px;max-width:none;gap:7px;font-size:11px;min-height:32px}.connection .icon-button{min-width:32px;min-height:32px;width:32px;height:32px}.connection svg{width:16px}.results-toolbar{margin-bottom:12px;min-height:42px;gap:10px;align-items:center}.sort-label{font-size:0}.sort-label select{font-size:12px;max-width:155px;min-height:42px}#result-count{font-size:12px}.product-grid{grid-template-columns:1fr;gap:12px}.product-card{display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:14px;padding:14px}.product-visual{grid-column:1;grid-row:1/4;height:132px;width:100px;border-radius:4px;overflow:visible;background:#e9ede6}.product-image-button{border-radius:4px;overflow:hidden;padding:8px;height:132px}.product-image-button img{object-fit:contain;min-width:0}.save-button{right:1px;top:1px;min-width:34px;min-height:34px;width:34px;height:34px;background:#f7faf4ed}.save-button svg{width:17px;height:17px}.discount-badge{left:4px;top:auto;bottom:4px;font-size:10px;padding:2px 5px}.product-content{display:contents}.brand-line{grid-column:2;grid-row:1;font-size:11px;align-items:start;align-self:end;gap:5px;margin:0}.stock{font-size:10px;line-height:1.4}.product-title{grid-column:2;grid-row:2;margin:4px 0 0;align-self:center;min-height:0;font-size:15px;line-height:1.35}.product-tags{grid-column:2;grid-row:3;align-self:start;margin:9px 0 0;gap:5px;min-height:0}.tag{font-size:10px;padding:2px 6px}.variant-label{grid-column:1/-1;grid-row:4;margin:12px 0 5px;font-size:11px}.variant-select{grid-column:1/-1;grid-row:5;min-height:40px;font-size:12px;padding:7px 26px 7px 10px;width:100%}.price-row{grid-column:1;grid-row:6;min-height:55px;margin:10px 0 0;align-items:center}.price{font-size:22px}.price.unset{font-size:13px}.unit-price{font-size:10px;white-space:nowrap}.old-price{display:block;margin:3px 0 0;font-size:10px}.card-actions{grid-column:2;grid-row:6;margin:14px 0 0;align-items:center;align-self:start;gap:7px}.card-actions .button{font-size:12px;min-height:44px;padding:8px;gap:5px;white-space:normal}.card-actions .button svg{width:14px}.compare-button{width:44px;min-width:44px;min-height:44px}.price-note{grid-column:1/-1;grid-row:7;margin:10px 0 0;min-height:0;font-size:10px;line-height:1.5}.image-placeholder{font-size:10px;gap:8px}.image-placeholder svg{width:25px;height:25px}.product-card.selected{border-color:var(--lime)}.results-foot{font-size:11px;margin-top:18px}.compare-bar{bottom:0;left:0;transform:none;max-width:none;width:100%;border-radius:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:8px;border-width:1px 0 0;background:#20291d}.compare-bar>div{flex:1;min-width:0;font-size:12px}.compare-bar .button{font-size:12px;padding:10px 14px;gap:8px}.compare-bar .icon-button{min-width:40px}.toast{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);width:max-content;padding:12px 15px;font-size:12px}.dialog{padding:20px;width:calc(100% - 20px);max-height:88dvh}.dialog-top{top:-20px;padding-top:9px;margin-bottom:12px}.dialog-top h2{font-size:26px}.dialog.wide{width:calc(100% - 16px)}.table-scroll{margin:0 -8px;padding:0 8px}.comparison-table th,.comparison-table td{min-width:158px;font-size:12px;padding:14px 12px}.comparison-table th:first-child{min-width:100px;max-width:110px}.comparison-chart{min-width:450px}.chart-row{grid-template-columns:145px 160px 85px;gap:10px}.filter-dialog{width:100%;height:90dvh;max-height:90dvh;inset:auto 0 0;margin:0;border-radius:12px 12px 0 0;padding:20px 22px;border-width:1px 0 0}.filter-dialog[open]{animation:modal-in var(--complex) var(--ease)}.filter-dialog.is-closing{animation:modal-out 160ms var(--ease) forwards}.filter-dialog .checkbox{min-height:46px;font-size:14px}.filter-dialog legend{font-size:14px}.filter-dialog .filter-note{font-size:12px}.filter-dialog .filters .filter-note p{max-width:50ch}.filter-footer{bottom:-20px}.filter-dialog input[type=range]{height:32px}.method-section{padding:34px 0}.method-title h2{font-size:40px}.method-title p{font-size:14px}.method-columns{gap:23px}.method-columns p{font-size:13px}.faq{padding-top:34px;padding-bottom:34px}.faq h2{font-size:32px}.faq summary{font-size:13px}.footer{padding-top:24px;margin-bottom:100px}.footer>div{gap:20px}.skeleton-card{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:14px;min-height:292px}.skeleton-photo{height:132px;border-radius:4px}.skeleton-body{padding:5px 0;gap:12px}.skeleton-body span{height:12px}.skeleton-body span:last-child{margin-top:30px}.account-section{padding-top:24px;scroll-margin-top:76px}.account-intro h1{font-size:34px}.account-view .header{border-bottom:1px solid var(--line)}.account-view{scroll-padding-top:76px}
}
@media(max-width:359px){.header{padding:0 10px;gap:3px}.header .logo{font-size:14px}.logo-mark{width:24px;height:24px;margin-right:6px}.header-personal{gap:0}.account-link,.favorites-link,.nav-toggle{min-width:40px}.hero h1{font-size:27px}.hero h1>span{font-size:39px}.hero-inner>p{max-width:135px}.hero-proof{font-size:10px}.product-card{grid-template-columns:84px minmax(0,1fr);padding:12px;gap:0 12px}.product-visual{width:84px}.product-title{font-size:14px}.product-visual,.product-image-button{height:125px}.price{font-size:20px}.card-actions .button{font-size:11px;padding:7px 6px}.compare-button{min-width:40px;width:40px}.stock{font-size:10px}.brand-line{font-size:10px}.card-actions{gap:5px}.wrap{width:calc(100% - 24px)}.compare-bar{padding-left:10px;padding-right:10px}}
.ui-tooltip{visibility:hidden}.ui-tooltip.visible{visibility:visible}.comparison-chart{min-width:0;width:100%}.price-row>div{min-width:0;max-width:100%}.price{overflow-wrap:anywhere}
@media(max-width:760px){.catalogue{scroll-margin-top:0}.comparison-chart{min-width:0}.chart-row{grid-template-columns:minmax(0,1fr) 78px;gap:7px 12px;margin:18px 0}.chart-row>span:first-child{grid-column:1/-1}.chart-row meter{grid-column:1}.chart-row b{grid-column:2}.chart-na{grid-column:1/-1}.stock,.tag,.brand-line,.unit-price,.price-note,.discount-badge{font-size:11px}.hero-proof{font-size:11px}.save-button{width:40px;height:40px;min-width:40px;min-height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.product-card:hover,.button:hover,.button:active,.category:hover .category-icon{transform:none}.skeleton-body span{opacity:.7}}
.header-personal{display:flex;align-items:center;gap:14px;margin-left:auto}
/* Catalogue families and the price workbench share the existing winter palette. */
.browse-families{border-top:1px solid #353b35;border-bottom:1px solid #353b35;padding:18px 0;margin:8px 0 18px}
.family-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.family-heading strong{font-size:16px;color:#f1f4ed}
.family-heading label{display:flex;align-items:center;gap:10px;font-size:12px;color:#bdc4b8}
.family-heading select{min-height:42px;max-width:220px;padding:8px 30px 8px 10px;background:#1a201b;border:1px solid #495047;border-radius:6px;color:#edf2e9}
.family-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin;scrollbar-color:#626d5c #1b201b}
.family-tabs button{flex-shrink:0;border:1px solid transparent;background:transparent;color:#c4cbbf;min-height:40px;padding:9px 12px;border-radius:6px;font:inherit;font-size:12px;cursor:pointer;transition:background 150ms,color 150ms}
.family-tabs button:hover{background:#272e25;color:#fff}
.family-tabs button[aria-pressed=true]{background:#d2f65a;color:#14190d;font-weight:700}
.product-card .price:before{content:'Prix du format';display:block;font:500 11px/1.6 Arial,sans-serif;color:#b8c0b0;margin-bottom:3px}
.product-card .unit-price{display:none}
.load-more{display:flex;margin:28px auto;min-height:46px}
.load-more[hidden]{display:none}
#brands{clear:both;width:100%;max-height:280px;overflow:auto;scrollbar-width:thin}
#compare-dialog{width:min(1180px,96vw);max-width:1180px}
#compare-dialog .dialog-top h2{font-size:32px}
.compare-context{color:#bec7b8;font-size:13px;line-height:1.6;max-width:75ch;margin:0 0 24px;padding:0 2px}
.comparison-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-variant-numeric:tabular-nums}
.comparison-table th,.comparison-table td{min-width:220px;width:220px;padding:16px 20px;vertical-align:top;border-bottom:1px solid #363d33}
.comparison-table th:first-child{position:sticky;left:0;width:150px;min-width:150px;background:#181e18;z-index:1;color:#c6cfbd;font-size:12px}
.comparison-table thead th{background:#20271f;text-align:left}
.compare-photo{height:138px;background:#f4f5f0;border-radius:6px;display:grid;place-items:center;margin-bottom:14px;overflow:hidden}
.compare-photo img{height:124px;width:100%;object-fit:contain;mix-blend-mode:multiply}
.compare-brand{font-size:11px;color:#d2f65a;font-weight:700}
.comparison-table h3{font-size:17px;line-height:1.3;min-height:66px;margin:6px 0 16px;overflow-wrap:anywhere}
.comparison-table select{width:100%;min-width:0;font-size:12px}
.comparison-table .pack-price td{font-size:26px;font-weight:700;color:#d2f65a;background:#252e20;white-space:nowrap}
.comparison-table tbody tr:hover td{background:#242c22}
.comparison-table .button{font-size:12px;white-space:nowrap}
.table-scroll{scrollbar-width:thin;scrollbar-color:#8a9b78 #1b201b}
@media(max-width:600px){.family-heading{align-items:flex-start;flex-direction:column;gap:10px}.family-heading label{width:100%;justify-content:space-between}.family-heading select{max-width:70%}.comparison-table th,.comparison-table td{min-width:190px;width:190px;padding:12px}.comparison-table th:first-child{min-width:105px;width:105px}.compare-photo{height:106px}.compare-photo img{height:96px}.comparison-table .pack-price td{font-size:23px}.compare-context{font-size:12px}.comparison-table h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.family-tabs button{transition:none}}
.portion-control{display:flex;align-items:center;gap:16px;margin-bottom:12px;color:#e5ebdf;font-size:13px}
.portion-control input{width:76px;min-height:42px;background:#20271f;color:#fff;border:1px solid #626e58;border-radius:4px;padding:8px;font:inherit}
.merchant-caption{font-size:11px;color:#bdc7b6;margin-top:10px}
@media(max-width:760px){.merchant-caption{grid-column:1/-1;grid-row:7}.product-card .price-note{grid-row:8}}
.family-picker{position:relative;max-width:560px;margin:0;border:0;padding:0}
.family-picker summary{display:flex;align-items:center;gap:12px;list-style:none;min-height:50px;border:1px solid #535e4c;border-radius:8px;background:#1b211b;padding:12px 14px;font-size:13px;cursor:pointer}
.family-picker summary::-webkit-details-marker{display:none}
.family-picker summary span{margin-left:auto;color:#c0cbb6;font-size:12px}
.family-picker summary svg{width:18px;height:18px;flex-shrink:0}
.family-picker[open] summary{border-color:var(--lime)}
.family-popup{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;padding:12px;border:1px solid #4a5543;border-radius:8px;background:#1b211b;box-shadow:0 14px 30px #0006}
.family-search{display:flex;gap:10px;align-items:center;padding:0 10px;border-bottom:1px solid #485141;margin-bottom:8px}
.family-search svg{width:17px;color:#c4ceb9}
.family-search input{width:100%;min-width:0;min-height:44px;border:0;background:transparent;color:#f1f5eb;font:inherit;font-size:13px}
.family-search input::placeholder{color:#b8c2ae}
.family-options{max-height:300px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.family-group{border:0;padding:0;margin:0 0 10px;min-width:0}
.family-group legend{float:none;width:auto;padding:10px 10px 6px;margin:0;font-size:11px;color:#bfcab4}
.family-option{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:5px;cursor:pointer;font-size:13px;color:#e8efdf;transition:background 150ms}
.family-option:hover,.family-option:focus-within{background:#323e2c}
.family-option:has(input:checked){background:#2e3b25;color:#e3ffac}
.family-option svg{width:17px;height:17px;color:#d2f65a;flex-shrink:0}
.family-option span{flex:1}
.family-option input{accent-color:#d2f65a;width:17px;height:17px}
.family-option[hidden],.family-group[hidden]{display:none}
.family-selection{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.family-selection:empty{display:none}
#family-empty{font-size:13px;color:#bfcab4;padding:16px 10px}
@media(max-width:600px){.family-picker{max-width:100%}.family-picker summary{gap:8px;font-size:12px}.family-picker summary span{font-size:11px}.family-options{max-height:240px}.family-popup{padding:8px}}
@media(prefers-reduced-motion:reduce){.family-option{transition:none}}
.filters{overflow-y:auto;overflow-x:hidden}
#category-filter{position:relative;padding:18px 0 24px;border-top:1px solid var(--line);min-width:0}
#category-filter h4{font-size:12px;margin:0 0 12px;font-weight:650}
.category-selections{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.category-selections:empty{display:none}
.category-selections button{display:flex;align-items:center;gap:7px;min-height:34px;max-width:100%;padding:6px 9px;background:#30392c;color:#edf5e7;border-radius:6px;font-size:11px;text-align:left}
.category-selections svg{width:14px;height:14px;flex-shrink:0}
#category-picker{margin:0;border:0;padding:0}
#category-picker summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px 12px;border:1px solid #59634f;border-radius:8px;background:#1c221b;font-size:12px;cursor:pointer}
#category-picker summary::-webkit-details-marker{display:none}
#category-picker summary::after{content:none}
#category-picker summary svg{width:17px;height:17px;flex-shrink:0}
#category-picker[open] summary{border-color:var(--lime)}
.category-popup{position:static;width:100%;max-width:100%;margin-top:8px;border:1px solid #4e5845;border-radius:8px;background:#1b211b;padding:10px;box-shadow:none}
.category-search{display:flex;gap:8px;align-items:center;border-bottom:1px solid #45513d;padding:0 6px;margin-bottom:8px}
.category-search svg{width:16px;flex-shrink:0}
.category-search input{min-width:0;width:100%;min-height:42px;background:none;color:#f2f6eb;border:0;font:inherit;font-size:13px}
.category-search input::placeholder{color:#b8c5ab}
.category-options{max-height:310px;overflow:auto;scrollbar-width:thin}
.category-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 8px;border-radius:6px;background:transparent;color:#e8efdf;text-align:left;font-size:13px;cursor:pointer;transition:background 150ms}
.category-option>span:nth-child(2){flex:1}
.category-option:hover,.category-option:focus-visible{background:#333e2c}
.category-option[aria-pressed=true]{background:#2e3926;color:#efffdb;box-shadow:inset 3px 0 0 var(--lime)}
.category-option svg{width:17px;height:17px;color:var(--lime);margin-left:auto}
.category-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:#c1d66b}
.dot-whey{background:#f587a9}.dot-creatine{background:#6dd2f0}.dot-omega{background:#eec263}.dot-vitamines{background:#c0a2ff}.dot-collagene{background:#5ad7af}.dot-workout{background:#ed997c}
.category-option[hidden]{display:none}
#category-empty{padding:12px 8px;font-size:12px;color:#bbc6b0}
@media(max-width:1023px){.category-options{max-height:280px}}
@media(prefers-reduced-motion:reduce){.category-option{transition:none}}
/* Winter Arc 4K finish: the generated atmosphere stays behind the tool UI. */
:root{--surface-0:#0b0e0c;--surface-1:#131814;--surface-2:#1a211b;--outline-soft:#303a31;--outline-strong:#55634f}
html,body{overflow-x:clip}
body{background-color:var(--surface-0);background-image:linear-gradient(rgba(11,14,12,.9),rgba(11,14,12,.94)),url('/assets/nutricompare-atmosphere.png');background-size:cover;background-position:center top;background-attachment:fixed}
.header{background:rgba(12,16,13,.88);backdrop-filter:blur(14px);border-bottom-color:#52604d}
.catalogue{position:relative;isolation:isolate}
.catalogue::before{content:'';position:absolute;inset:0 -4vw;background:rgba(11,15,12,.68);z-index:-1;border-top:1px solid rgba(152,181,139,.12);border-bottom:1px solid rgba(152,181,139,.12);pointer-events:none}
.catalogue-layout{gap:32px}
.filters{border-right:1px solid rgba(120,143,111,.25);padding-right:18px}
.filters fieldset,#category-filter{border-color:rgba(120,143,111,.3)}
.product-card{border-color:#3d4a3e;background:rgba(24,31,25,.94);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.product-card:hover{border-color:#91aa7c;box-shadow:0 16px 34px rgba(0,0,0,.28)}
.product-visual{background:#e7ebe4;border-bottom:1px solid #b8c2b4}
.search{background:rgba(22,29,23,.9);border-color:#4b5a4b;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.search:focus-within{box-shadow:0 0 0 3px rgba(217,250,114,.12);border-color:var(--lime)}
.family-picker summary,#category-picker summary,select{background:rgba(26,34,27,.96);border-color:#596a56}
.family-popup,.category-popup{background:rgba(20,27,21,.98);border-color:#66785f;box-shadow:0 20px 44px rgba(0,0,0,.42)}
.category-option:has(input:checked),.family-option:has(input:checked){box-shadow:inset 3px 0 0 var(--lime)}
.compare-bar{box-shadow:0 12px 32px rgba(0,0,0,.3);border:1px solid #5b7052}
@media(min-width:1600px){.wrap{width:min(1520px,calc(100% - 128px))}.catalogue-layout{grid-template-columns:248px minmax(0,1fr);gap:38px}.product-grid{gap:20px}.product-card{border-radius:8px}.product-visual{height:232px}.product-content{padding:19px}.product-title{font-size:17px}.price{font-size:27px}}
@media(min-width:2200px){.wrap{width:min(1780px,calc(100% - 180px))}.hero-inner{max-width:1780px}.catalogue-layout{grid-template-columns:270px minmax(0,1fr);gap:44px}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.product-visual{height:248px}.product-content{padding:20px}.product-title{font-size:18px}.price{font-size:29px}.search input{font-size:16px}}
@media(max-width:760px){body{background-attachment:scroll;background-position:center top}.catalogue::before{inset:0 -16px}.filters{border-right:0;padding-right:0}.product-card{box-shadow:none}.product-card:hover{box-shadow:none}}

/* Winter Arc signal: a compact editorial handoff from the jar into the catalogue. */
.winter-signal{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid rgba(170,216,239,.18);border-bottom:1px solid rgba(217,250,114,.2);background:rgba(13,19,16,.88)}
.winter-signal::before,.winter-signal::after{content:'';position:absolute;pointer-events:none;opacity:.7}
.winter-signal::before{inset:0;background:linear-gradient(112deg,transparent 0 18%,rgba(170,216,239,.09) 18.1% 18.3%,transparent 18.4% 69%,rgba(217,250,114,.08) 69.1% 69.3%,transparent 69.4%)}
.winter-signal::after{width:34vw;height:1px;right:-8vw;top:24%;background:#aad8ef;box-shadow:0 18px 0 rgba(170,216,239,.22),0 36px 0 rgba(217,216,114,.12);transform:rotate(-18deg)}
.winter-signal-inner{width:min(1440px,calc(100% - 80px));margin:0 auto;padding:34px 0 30px;position:relative}
.winter-signal-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#99ac99;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.winter-signal-kicker{color:#d9fa72}
.winter-signal-status{display:inline-flex;align-items:center;gap:7px;color:#aad8ef}
.winter-signal-status svg{width:14px;height:14px}
.winter-signal h2{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:13px 0 4px;font-size:clamp(34px,4.8vw,72px);line-height:.92;letter-spacing:.01em}
.winter-signal h2 span{color:#f5f6ef}
.frosted-word{position:relative;color:#dff6ff!important;text-shadow:0 0 2px #fff,0 0 16px rgba(170,216,239,.32),0 8px 20px rgba(0,0,0,.35);animation:frost-in 700ms cubic-bezier(.2,.8,.2,1) both,frost-glint 5s 900ms ease-in-out infinite}
.frosted-word::after{content:'';position:absolute;left:1%;right:5%;bottom:-8px;height:2px;background:#aad8ef;box-shadow:0 0 12px rgba(170,216,239,.7);clip-path:polygon(0 35%,12% 0,28% 52%,42% 22%,61% 67%,78% 20%,100% 46%,100% 100%,0 100%);opacity:.85}
.winter-signal p{margin:12px 0 0;max-width:58ch;color:#b4c0b0;font-size:14px;line-height:1.6}
.winter-signal-rule{display:block;width:92px;height:3px;margin-top:24px;background:#d9fa72;box-shadow:16px 0 0 rgba(170,216,239,.7),32px 0 0 rgba(217,250,114,.25)}
@keyframes frost-in{from{opacity:0;transform:translateY(14px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes frost-glint{0%,72%,100%{text-shadow:0 0 2px #fff,0 0 16px rgba(170,216,239,.32),0 8px 20px rgba(0,0,0,.35)}80%{text-shadow:0 0 4px #fff,0 0 25px rgba(170,216,239,.75),0 8px 20px rgba(0,0,0,.35)}}
@media(min-width:1600px){.winter-signal-inner{width:min(1520px,calc(100% - 128px))}}
@media(min-width:2200px){.winter-signal-inner{width:min(1780px,calc(100% - 180px))}}
@media(max-width:760px){.winter-signal-inner{width:calc(100% - 32px);padding:27px 0 25px}.winter-signal-meta{align-items:flex-start;flex-direction:column;gap:8px;font-size:9px}.winter-signal h2{display:block;font-size:40px;line-height:.95;margin-top:16px}.winter-signal h2 span,.winter-signal h2 strong{display:block}.frosted-word{margin-top:5px}.winter-signal p{font-size:12px;max-width:34ch}.winter-signal::after{width:64vw;right:-20vw;top:18%}}
@media(prefers-reduced-motion:reduce){.frosted-word{animation:none}.frosted-word::after{box-shadow:none}}
@media(prefers-reduced-motion:reduce){body{background-attachment:scroll}.header{backdrop-filter:none}}

/* Featured product treatment: the Higgsfield clip is optional and degrades to a quiet CSS frost. */
.featured-product .product-visual{position:relative;isolation:isolate;overflow:hidden;background:#dce5df}
.featured-product .product-visual::before{content:'';position:absolute;inset:10% 15%;border:1px solid rgba(170,216,239,.28);border-radius:50%;filter:blur(1px);transform:rotate(-14deg);opacity:.8;pointer-events:none;z-index:0}
.ice-product-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.34;filter:saturate(.72) contrast(1.08);z-index:0;pointer-events:none}
.ice-product-treatment{position:absolute;inset:-22%;z-index:1;pointer-events:none;opacity:.64;background:radial-gradient(ellipse at 50% 105%,rgba(187,235,246,.48),transparent 38%),linear-gradient(116deg,transparent 36%,rgba(255,255,255,.2) 44%,transparent 50%);filter:blur(9px);animation:ice-drift 5200ms ease-in-out infinite alternate}
.featured-product .product-image-button{position:relative;z-index:2}
.featured-product .product-image-button img{filter:saturate(.9) contrast(1.03);transition:transform 280ms cubic-bezier(.2,.8,.2,1),filter 280ms ease}
.featured-product:hover .product-image-button img{transform:scale(1.035);filter:saturate(.98) contrast(1.05) drop-shadow(0 9px 10px rgba(27,63,66,.2))}
.featured-label{position:absolute;z-index:4;left:10px;bottom:10px;padding:4px 7px;background:rgba(13,29,25,.78);border:1px solid rgba(170,216,239,.58);color:#e4f8ff;font-size:9px;letter-spacing:.12em;line-height:1;text-transform:uppercase;pointer-events:none}
@keyframes ice-drift{from{transform:translate3d(-2%,1%,0) rotate(-2deg);opacity:.42}to{transform:translate3d(3%,-2%,0) rotate(2deg);opacity:.72}}
@media(prefers-reduced-motion:reduce){.ice-product-video{display:none}.ice-product-treatment{animation:none;opacity:.35}.featured-product:hover .product-image-button img{transform:none}}