.filtrage-section{--parfum-ink: #1c232f;--parfum-muted: #5b6475;--parfum-warm: #c97232;--parfum-warm-soft: rgba(201, 114, 50, .16);--parfum-botanical: #2f8a6d;--parfum-botanical-soft: rgba(47, 138, 109, .16);background:radial-gradient(1100px 520px at 12% -15%,rgba(201,114,50,.18),transparent 60%),radial-gradient(820px 520px at 88% 0%,rgba(47,138,109,.18),transparent 55%),linear-gradient(180deg,#f7f1e8,#eef2f8,#f8f9fb);padding:clamp(2rem,6vw,4.5rem) 0;position:relative;isolation:isolate}.filtrage-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(28,35,47,.06) 1px,transparent 0);background-size:28px 28px;opacity:.35;pointer-events:none;z-index:-1}.site-main{padding-top:clamp(1.25rem,2vw,2.25rem)}.filtrage-layout{max-width:1220px;margin:0 auto;padding:clamp(1rem,2.2vw,1.75rem);color:var(--parfum-ink);display:flex;flex-wrap:wrap;gap:clamp(1.4rem,3vw,2.6rem);align-items:flex-start;position:relative;overflow:visible}@media(min-width:1024px){.filtrage-layout{padding:clamp(.85rem,1.8vw,1.25rem)}}.scent-toolbar-row{flex:1 1 100%;margin-top:-.9rem;width:100%;display:flex}.filtrage-layout>.page-header,.filtrage-layout>.scent-search-container{flex:1 1 100%}.scent-search-container{display:flex;flex-direction:column;gap:clamp(.9rem,2vw,1.4rem);width:100%;align-self:stretch;min-width:0}.page-header{margin-top:-1.8rem;text-align:left;display:grid;gap:.4rem;padding-left:1rem;border-left:3px solid color-mix(in srgb,var(--parfum-warm) 70%,transparent)}.page-kicker{text-transform:uppercase;letter-spacing:.35em;font-size:.7rem;font-weight:650;color:color-mix(in srgb,var(--parfum-warm) 86%,#2e2b2b);margin:0;font-family:var(--font-display)}.page-title{margin:0;font-family:var(--font-display);font-weight:650;font-size:clamp(1.42rem,2.3vw,2rem);color:var(--parfum-ink)}.filtrage-section.brand-directory-page .brand-directory-page__header{margin-top:-1.8rem;gap:.4rem}@media(max-width:820px){.filtrage-section.brand-directory-page .brand-directory-page__header{padding-left:0;border-left:none}}@media(max-width:720px){.filtrage-section.brand-directory-page .brand-directory-page__header{margin-top:-.9rem;gap:.45rem}.filtrage-section.brand-directory-page .brand-directory-page__title{font-size:clamp(1.14rem,5vw,1.34rem);line-height:1.14}}.scent-toolbar{position:relative;display:flex;flex-wrap:wrap;flex:0 1 auto;gap:.9rem;align-items:flex-end;background:linear-gradient(120deg,#fffffffa,#fff4eceb);padding:1rem clamp(1rem,3vw,1.5rem);border-radius:22px;border:1px solid color-mix(in srgb,var(--parfum-warm) 30%,transparent);box-shadow:0 18px 34px #1118271f;z-index:40;backdrop-filter:blur(6px);width:min(100%,860px);align-self:flex-start}.form-field--inline{flex:1 1 260px;min-width:220px;max-width:520px;margin:0}.scent-toolbar .form-label{color:var(--parfum-ink);font-weight:600}.scent-toolbar .form-input:not(.search-input__field){border-color:#5e4e3c40;background:#fffffff2;box-shadow:0 10px 20px #11182714}.scent-toolbar .form-input:not(.search-input__field):focus,.scent-toolbar .form-input:not(.search-input__field):focus-visible{border-color:#c9723299;box-shadow:0 0 0 3px color-mix(in srgb,var(--parfum-warm) 55%,transparent),0 12px 24px #1118271f}.toolbar-meta{display:flex;flex-direction:column;gap:.65rem;align-items:flex-start}.reset-btn{padding:.55rem 1.25rem;border-radius:999px;font-weight:600;background:var(--parfum-ink);color:#fff;border:none;cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.reset-btn:hover,.reset-btn:focus-visible{background:color-mix(in srgb,var(--parfum-ink) 88%,#000);box-shadow:0 10px 22px #1118273d}.reset-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--parfum-warm) 55%,transparent);outline-offset:3px}.filters-drawer{--drawer-tab-width: 72px;flex:0 0 280px;max-width:300px;min-width:220px;background:linear-gradient(180deg,#fffffffa,#faf4eef5);color:var(--parfum-ink);border-radius:22px;overflow:visible;box-shadow:0 18px 36px #11182724;border:1px solid color-mix(in srgb,var(--parfum-warm) 28%,transparent);position:fixed;right:env(safe-area-inset-right);max-height:calc(100vh - var(--site-header-height, 72px) - 24px - env(safe-area-inset-top));margin-left:auto;transition:width .3s ease,max-width .3s ease,box-shadow .25s ease,transform .35s ease,border-color .25s ease,top .35s ease;will-change:transform,top;z-index:60;backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom)}.filters-drawer:before{content:"";position:absolute;inset:-30% -10% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(47,138,109,.25),transparent 70%);opacity:.7;pointer-events:none}.filters-drawer:after{content:"";position:absolute;inset:auto -10% -30% auto;width:240px;height:240px;background:radial-gradient(circle,rgba(201,114,50,.22),transparent 70%);opacity:.7;pointer-events:none}.filters-drawer:not(.filters-drawer--collapsed){top:calc(var(--site-header-height, 72px) + 12px + env(safe-area-inset-top));transform:translate(var(--drawer-shift, 0px))}.filters-drawer--dragging{transition:none}.filters-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;background:linear-gradient(145deg,#fffffffa,#fff2e8eb);border-bottom:1px solid rgba(201,114,50,.2);position:relative;z-index:1}.filters-drawer__titles{display:grid;gap:.15rem}.filters-drawer__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:color-mix(in srgb,var(--parfum-warm) 80%,var(--parfum-ink))}.filters-drawer:not(.filters-drawer--collapsed) .filters-drawer__eyebrow{display:none}.filters-drawer__title{margin:0;font-size:1.05rem;font-weight:700;color:var(--parfum-ink);min-height:1em;font-family:var(--font-display)}.filters-handle{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:20px;height:82px;border:none;background:linear-gradient(180deg,#fffffff2,#fff2e8e6);box-shadow:0 10px 22px #1118272e;border-radius:14px 0 0 14px;cursor:grab;display:inline-flex;align-items:center;justify-content:center;color:var(--parfum-ink);padding:0}.filters-handle:after{content:"";display:block;width:3px;height:28px;border-radius:999px;background:#5e4e3c73}.filters-handle:active{cursor:grabbing}.filters-drawer--collapsed{--drawer-shift: calc(100% - var(--drawer-tab-width));box-shadow:0 16px 32px #1118272e;top:50%;transform:translateY(-50%) translate(var(--drawer-shift, 0px));max-height:calc(90vh - 32px)}.filters-drawer--collapsed .filters-drawer__header{padding:.75rem .95rem .75rem 1.15rem}.filters-drawer--collapsed .filters-drawer__titles{gap:.1rem}.filters-drawer--collapsed .filters-drawer__title{font-size:.95rem}.filters-panel{border-radius:0 0 20px 20px;max-height:0;overflow:hidden;border:none;border-top:1px solid rgba(201,114,50,.2);background:linear-gradient(180deg,#fffffffa,#fff6eff5);transition:max-height .35s ease,padding .35s ease,opacity .35s ease,transform .35s ease;padding:0 1.1rem;opacity:0;position:relative;z-index:1}.filters-panel.open{max-height:calc(90vh - 120px);padding:1.1rem 1.25rem 1.35rem;opacity:1;overflow-y:auto}@supports (height: 100dvh){.filters-drawer{max-height:calc(100dvh - var(--site-header-height, 72px) - 24px - env(safe-area-inset-top))}.filters-drawer--collapsed{max-height:calc(90dvh - 32px)}.filters-panel.open{max-height:calc(90dvh - 120px)}}.filters-drawer--collapsed .filters-panel{max-height:0;padding:0 1.25rem;opacity:0;pointer-events:none}.filters-grid{display:grid;gap:1.1rem;grid-template-columns:1fr}.filter-heading{font-size:1rem;font-weight:600;color:var(--parfum-ink);margin-bottom:.75rem}.filters-list{display:flex;flex-direction:column;gap:.55rem;overflow-y:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.filter-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.05rem;border-radius:999px;border:1.6px solid rgba(201,114,50,.35);background:#c9723229;color:var(--parfum-ink);font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;width:100%;justify-content:flex-start}.filter-badge.is-active{background:var(--parfum-botanical);color:#fff;border-color:var(--parfum-botanical)}.filter-badge__icon{width:1.4rem;height:1.4rem;border-radius:12px;background:#ffffffe0;color:var(--parfum-ink);display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;box-shadow:inset 0 0 0 1px #c9723240;line-height:1}.filter-badge.is-active .filter-badge__icon{background:#ffffffeb;color:var(--parfum-botanical);box-shadow:inset 0 0 0 1px #fff6}.filter-badge__text{line-height:1.2}.filter-badge:focus-visible{outline:3px solid color-mix(in srgb,var(--parfum-warm) 55%,transparent);outline-offset:3px;transform:translateY(-1px)}.filter-badge:hover{transform:translateY(-1px);background:#c9723233}.filter-badge.is-active:hover{background:color-mix(in srgb,var(--parfum-botanical) 88%,#1f5f49);border-color:color-mix(in srgb,var(--parfum-botanical) 88%,#1f5f49)}.results-panel{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.2rem);width:100%}.scent-grid{--scent-grid-gap: clamp(.5rem, 1.35vw, .72rem);--scent-card-min-width: 172px;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--scent-card-min-width),1fr));gap:var(--scent-grid-gap);padding-bottom:.75rem;align-items:stretch;justify-content:stretch;transition:opacity .25s ease;width:100%;max-width:none;margin-inline:0}.scent-item{min-width:0;width:100%;height:clamp(132px,18vw,168px);cursor:pointer;opacity:0;transform:translateY(10px);-webkit-transform:translateY(10px);transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;position:relative;perspective:1100px;-webkit-perspective:1100px;content-visibility:auto;contain-intrinsic-size:auto 168px}.scent-grid[data-ssr=true] .scent-item--ssr{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}.scent-grid.scent-grid--hydrating-ssr[data-ssr=true] .scent-item--ssr{opacity:0;transform:translateY(10px);-webkit-transform:translateY(10px)}.scent-item.show,html.js-scents-ready .scent-grid[data-ssr=true] .scent-item--ssr.show{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}@media(max-width:720px){.page-header{padding-left:0;border-left:none}.scent-toolbar{width:100%}}.scent-item:hover,.scent-item:focus-within{transform:translateY(-5px);-webkit-transform:translateY(-5px)}.scent-item:hover .scent-item__card,.scent-item:focus-within .scent-item__card{box-shadow:0 12px 28px #0f172a29}@media(min-width:961px){.scent-grid{--scent-card-min-width: 172px}}.scent-item__link{position:relative;display:block;width:100%;height:100%;color:inherit;text-decoration:none;touch-action:manipulation}.scent-item__card{position:relative;width:100%;height:100%;border-radius:12px;border:1px solid #e0e0e0;background:#fff;overflow:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition-property:transform;transition-duration:.86s;transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-delay:0s;box-shadow:0 6px 18px #0f172a0f}.scent-item.is-flipped .scent-item__card{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transition-duration:.38s;transition-timing-function:cubic-bezier(.2,.9,.25,1);transition-delay:0s}.scent-item__face{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;gap:.45rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit;opacity:1;transition:opacity .35s ease}.scent-item__face--front{background:#fff;text-align:center;transform:rotateY(0);-webkit-transform:rotateY(0deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:1}.scent-item__icon{width:64px;height:64px;object-fit:contain;margin-bottom:.4rem}.scent-item__name{font-size:.875rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere;color:#0f172a}.scent-item__face--back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);background:#0f172a;overflow:hidden;position:relative;padding:0;backface-visibility:visible;-webkit-backface-visibility:visible;opacity:0}.scent-item.is-flipped .scent-item__face--front{opacity:0}.scent-item.is-flipped .scent-item__face--back{opacity:1}.scent-item__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05);display:block}.scent-item__face--empty{background:linear-gradient(145deg,#0f172ad9,#1e40afb3);color:#cbd5e1e6;display:flex;align-items:center;justify-content:center;padding:.75rem;height:100%}.scent-item__empty{font-size:.85rem;font-weight:600;text-align:center;padding:.5rem .75rem;line-height:1.2}.scent-item--no-image .scent-item__card{box-shadow:0 6px 18px #1e40af26}.scent-item__hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%,6px);padding:.35rem .65rem;border-radius:999px;background:#0f172ac7;color:#e2e8f0eb;font-size:11px;line-height:1.2;letter-spacing:.01em;opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease;box-shadow:0 10px 26px #0f172a40;white-space:nowrap}@media(hover:none)and (pointer:coarse){.scent-item__hint{display:inline-flex;align-items:center;gap:.35rem}.scent-item__hint:after{content:"\2197";font-size:.85em;opacity:.75}.scent-item__hint--visible,.scent-item--show-hint .scent-item__hint{opacity:1;transform:translate(-50%);animation:scent-hint-pulse 1.8s ease-in-out infinite}}@keyframes scent-hint-pulse{0%{box-shadow:0 10px 26px #0f172a40,0 0 #3b82f638}70%{box-shadow:0 10px 26px #0f172a40,0 0 0 8px #3b82f600}to{box-shadow:0 10px 26px #0f172a40,0 0 #3b82f600}}.scent-results__empty-note{flex-basis:100%;margin:0;padding:1.5rem;text-align:center;border-radius:18px;border:1px dashed rgba(148,163,184,.6);color:#475569;background:#f1f5f9a6;font-weight:600}@media(prefers-reduced-motion:reduce){.scent-item{transition-duration:.01ms!important}.scent-item__card{transition-duration:.01ms!important;transition-delay:0ms!important}.scent-item.is-flipped .scent-item__card{transform:none}}@media(max-width:960px){.filtrage-layout{flex-direction:column}.scent-grid{--scent-card-min-width: 148px}.scent-item{height:clamp(128px,24vw,156px)}.filters-drawer{position:static;width:100%;max-width:none;flex-basis:auto;transform:none!important;--drawer-shift: 0px !important;top:auto;right:auto;max-height:none;box-shadow:0 12px 26px #0f172a1f}.filters-drawer--collapsed{transform:none!important;--drawer-shift: 0px !important}}@media(max-width:720px){.filtrage-section{border:none;border-radius:1.25rem;padding-top:1.25rem;padding-bottom:1.5rem}.breadcrumbs{padding-inline:clamp(.5rem,2.8vw,.75rem)}.filtrage-layout{padding:clamp(1rem,5vw,1.35rem);padding-inline:clamp(1rem,5vw,1.35rem);gap:clamp(1rem,4vw,1.5rem)}.page-header{margin-top:-.9rem;gap:.45rem;padding-left:0;border-left:none}.page-kicker{font-size:.62rem;letter-spacing:.22em}.page-title,.brand-directory-page__title{font-size:clamp(1.28rem,5.8vw,1.58rem);line-height:1.12}.scent-toolbar-row{margin-top:.15rem}.filters-drawer{display:none}.scent-toolbar{position:static;width:100%;padding-inline:.75rem}.form-field--inline{flex:1 1 100%;width:100%;max-width:none;min-width:0}.scent-toolbar__search-input{width:100%}.toolbar-meta,#reset-filters.reset-btn{display:none}.scent-grid{--scent-card-min-width: 118px}.scent-item{height:clamp(122px,31vw,146px)}.scent-item__icon{width:clamp(56px,14vw,66px);height:clamp(56px,14vw,66px)}}@media(max-width:600px){.scent-grid{grid-template-columns:repeat(2,minmax(0,1fr));--scent-card-min-width: 100px;--scent-grid-gap: .52rem}.scent-item{height:160px}}@media(max-width:720px){.filtrage-section.page-section--flush{width:calc(100% - .4rem);max-width:none;margin-inline:auto;padding-inline:clamp(.16rem,1.2vw,.3rem)}.breadcrumbs{padding-inline:clamp(.22rem,1.6vw,.42rem)}.filtrage-layout{padding-inline:clamp(.26rem,1.8vw,.5rem)}.scent-grid{--scent-grid-gap: .46rem}}@media(max-width:420px){.filtrage-section.page-section--flush{width:calc(100% - .2rem);padding-inline:.14rem}.breadcrumbs{padding-inline:.18rem}.filtrage-layout{padding-inline:.2rem}.scent-grid{--scent-card-min-width: 92px;--scent-grid-gap: .4rem}}