:is(#filtrage-root,#scent-directory) .catalogue-sort{position:relative;display:flex;flex:1 1 auto;min-width:0}:is(#filtrage-root,#scent-directory) .catalogue-sort__trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;min-width:0;width:100%;padding:0 5px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--ui-text);font:500 13px/1.4 var(--font-sans);cursor:pointer}:is(#filtrage-root,#scent-directory) .catalogue-sort__trigger [data-sort-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#filtrage-root,#scent-directory) .catalogue-sort__trigger svg{flex:0 0 12px;transition:transform .15s ease}:is(#filtrage-root,#scent-directory) .catalogue-sort__trigger[aria-expanded=true]{color:var(--ui-action)}:is(#filtrage-root,#scent-directory) .catalogue-sort__trigger[aria-expanded=true] svg{transform:rotate(180deg)}:is(#filtrage-root,#scent-directory) .catalogue-sort__menu{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:238px;max-width:calc(100vw - 32px);max-height:min(340px,70vh);overflow-y:auto;padding:7px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow-3)}:is(#filtrage-root,#scent-directory) .catalogue-sort--above .catalogue-sort__menu{top:auto;bottom:calc(100% + 10px)}:is(#filtrage-root,#scent-directory) .catalogue-sort__heading{margin:0;padding:7px 10px 9px;color:var(--ui-text-muted);font-size:11px;font-weight:500}:is(#filtrage-root,#scent-directory) .catalogue-sort__option{display:flex;align-items:center;gap:14px;width:100%;min-height:40px;padding:10px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--ui-text);font:500 13px/1.4 var(--font-sans);text-align:left;cursor:pointer}:is(#filtrage-root,#scent-directory) .catalogue-sort__option:hover{background:var(--ui-surface-muted)}:is(#filtrage-root,#scent-directory) .catalogue-sort__option[aria-checked=true]{background:color-mix(in srgb,var(--ui-action) 10%,var(--ui-surface));color:var(--ui-action);font-weight:600}:is(#filtrage-root,#scent-directory) .catalogue-sort__option:after{content:"";width:5px;height:9px;margin:0 3px 3px auto;flex:0 0 5px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);opacity:0}:is(#filtrage-root,#scent-directory) .catalogue-sort__option[aria-checked=true]:after{opacity:1}:is(#filtrage-root,#scent-directory) :is(.catalogue-sort__trigger,.catalogue-sort__option):focus-visible{outline:2px solid var(--ui-action);outline-offset:-2px}:is(#filtrage-root,#scent-directory) .catalogue-sort [hidden]{display:none}:is(#filtrage-root,#scent-directory) .results-panel:has(.catalogue-sort__trigger[aria-expanded=true]){position:relative;z-index:30;overflow:visible}@media(max-width:1023px){:is(#filtrage-root,#scent-directory) .catalogue-sort__trigger,:is(#filtrage-root,#scent-directory) .catalogue-sort__option{min-height:44px;font-size:14px}}body:has(#scent-directory) .site-main{padding-top:clamp(1.25rem,2vw,2.25rem)}#scent-directory{--parfum-ink: var(--ui-text);--parfum-muted: var(--ui-text-muted);--parfum-botanical: var(--ui-action);background:var(--ui-page);padding:24px 0 48px;border:0;border-radius:0;width:100%}#scent-directory:before{display:none}#scent-directory [hidden]{display:none!important}#scent-directory .filtrage-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;width:100%;max-width:1340px;margin-inline:auto;padding:0 32px;color:var(--ui-text)}#scent-directory .page-header{margin:0 0 24px;padding:0;border:0}#scent-directory .page-title{margin:0;font-family:var(--font-editorial);font-size:clamp(1.65rem,3vw,2.3rem);font-weight:500;line-height:1.2;letter-spacing:-.035em;color:var(--ui-text)}#scent-directory .scent-toolbar-row,#scent-directory .scent-search-container{width:100%;min-width:0;margin:0}#scent-directory .scent-toolbar{display:flex;width:100%;padding:0;border:0;background:transparent;box-shadow:none}#scent-directory .form-field--inline{flex:1;min-width:0;margin:0}#scent-directory .search-input{display:flex;align-items:center;width:100%;min-height:48px;padding:0 3px 0 .85rem;border:1px solid var(--ui-border-strong);border-radius:12px;background:var(--ui-surface);box-shadow:none}#scent-directory .search-input__field{flex:1;min-width:0;font-size:16px;color:var(--ui-text)}#scent-directory .search-input__field::placeholder{color:var(--ui-text-muted)}#scent-directory .search-input:focus-within{border-color:var(--ui-action);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-action) 14%,transparent)}#scent-directory .search-input__field::-webkit-search-cancel-button{display:none}#scent-directory .scent-search-clear{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--ui-text-muted);cursor:pointer}#scent-directory .scent-search-clear:hover{color:var(--ui-text);background:var(--ui-surface-muted)}#scent-directory .filters-drawer{width:100%;min-width:0;padding:0;border:0;background:transparent;box-shadow:none}#scent-directory .filter-badge,#scent-directory .filters-handle{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border:1px solid var(--ui-border-strong);border-radius:12px;background:var(--ui-surface);color:var(--ui-text);font:500 13px/1.4 var(--font-sans, sans-serif);text-align:left;box-shadow:none;cursor:pointer;transition:background-color var(--ui-transition),border-color var(--ui-transition),color var(--ui-transition)}#scent-directory .filters-handle:hover,#scent-directory .filters-handle[aria-expanded=true]{border-color:var(--ui-action);background:var(--ui-surface-muted)}#scent-directory .filters-panel{display:none;padding:18px;margin-bottom:14px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface)}#scent-directory .filters-panel.open{display:block}#scent-directory .filters-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}#scent-directory .filter-heading{margin:0;padding:0;color:var(--ui-text);font-size:14px;font-weight:600}#scent-directory .scent-filters-close{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 8px;border:0;background:transparent;color:var(--ui-text-muted);font:inherit;font-size:12px;cursor:pointer}#scent-directory .scent-filters-close span{font-size:20px}#scent-directory .filters-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px}#scent-directory .filters-list .filter-badge{position:relative;width:100%;min-width:0;padding:8px;border-color:transparent;border-radius:8px;background:transparent}#scent-directory .filters-list .filter-badge:before{content:"";width:15px;height:15px;flex:0 0 15px;border:1px solid var(--ui-border-strong);border-radius:4px}#scent-directory .filters-list .filter-badge.is-active{color:var(--ui-action);background:color-mix(in srgb,var(--ui-action) 8%,var(--ui-surface))}#scent-directory .filters-list .filter-badge.is-active:before{border-color:var(--ui-action-hover);background:var(--ui-action-hover)}#scent-directory .filters-list .filter-badge.is-active:after{content:"\2713";position:absolute;left:11px;color:#fff;font-size:11px}#scent-directory .filters-list .filter-badge:hover{background:var(--ui-surface-muted)}#scent-directory .active-scent-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 0 16px}#scent-directory .active-scent-filter-items{display:contents}#scent-directory .active-scent-filter{display:inline-flex;align-items:center;gap:8px;min-height:36px;max-width:100%;overflow-wrap:anywhere;padding:6px 12px;border:1px solid color-mix(in srgb,var(--ui-action) 22%,var(--ui-surface));border-radius:var(--ui-radius-pill);background:color-mix(in srgb,var(--ui-action) 8%,var(--ui-surface));color:var(--ui-text);font:inherit;font-size:12px;text-align:left;cursor:pointer}#scent-directory .active-scent-filter__remove{flex:0 0 auto}#scent-directory .reset-btn{min-height:36px;padding:6px 8px;border:0;background:transparent;color:var(--ui-text-muted);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;box-shadow:none;cursor:pointer}#scent-directory .reset-btn:hover{color:var(--ui-action)}#scent-directory .scent-results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:0;margin:24px 0 12px;border:0}#scent-directory .scent-results-title{display:flex;align-items:center;gap:8px;margin:0;color:var(--ui-text-muted);font:500 14px/1.4 var(--font-sans, sans-serif)}#scent-directory .scent-results-count{color:var(--ui-text);font-weight:600;font-variant-numeric:tabular-nums}#scent-directory .scent-results-dot{color:var(--ui-text-muted)}#scent-directory .scent-results-actions{display:flex;align-items:center;gap:12px;min-width:0}#scent-directory .scent-sort-tools{display:flex;align-items:center;gap:8px;padding:4px 9px 4px 12px;min-width:0;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface-muted)}#scent-directory .catalogue-sort-icon{flex:0 0 17px;color:var(--ui-text-muted)}#scent-directory .scent-sort-prefix{color:var(--ui-text-muted);font-size:11px;font-weight:600;white-space:nowrap}#scent-directory .scent-sort-select{max-width:100%;min-height:42px;padding:0 5px;border:0;border-radius:8px;background:transparent;color:var(--ui-text);font:500 13px/1.4 var(--font-sans, sans-serif);cursor:pointer}#scent-directory .scent-results-footer{display:flex;justify-content:center;margin-top:24px}#scent-directory .scent-load-more{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 20px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:13px;cursor:pointer}#scent-directory .scent-load-more:hover:not(:disabled){border-color:var(--ui-action)}#scent-directory .scent-load-more:disabled{opacity:.55;cursor:wait}#scent-directory .scent-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:13px}#scent-directory .scent-pagination[hidden]{display:none}#scent-directory .scent-pagination__link{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);color:var(--ui-text);text-decoration:none}#scent-directory .scent-pagination__link:hover{border-color:var(--ui-action)}#scent-directory .scent-pagination__status{color:var(--ui-text-muted)}#scent-directory .scent-search-error{padding:20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-text)}#scent-directory .scent-search-error p{margin:0}#scent-directory :is(button,select,.scent-item__link):focus-visible{outline:2px solid var(--ui-action);outline-offset:3px}#scent-directory .results-panel{width:100%;padding:0;border:0;background:transparent;box-shadow:none}#scent-directory .scent-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:100%;margin:0}.scent-item{min-width:0;width:100%;height:178px;position:relative;perspective:1100px;-webkit-perspective:1100px;content-visibility:auto;contain-intrinsic-size:auto 178px;--scent-family-accent: #8a857b}#scent-directory .scent-item{opacity:1;transform:none}#scent-directory .scent-item__card{border:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-1)}#scent-directory .scent-item__face--front{background:linear-gradient(180deg,color-mix(in srgb,var(--scent-family-accent) 8%,var(--ui-surface)),var(--ui-surface) 68%);border-top:3px solid color-mix(in srgb,var(--scent-family-accent) 55%,var(--ui-surface))}.scent-item[data-family=hesperide]{--scent-family-accent: #be972c}.scent-item[data-family=floral]{--scent-family-accent: #b87591}.scent-item[data-family=fougere],.scent-item[data-family=aromatique]{--scent-family-accent: #688768}.scent-item[data-family=chypre]{--scent-family-accent: #778553}.scent-item[data-family=boise]{--scent-family-accent: #997451}.scent-item[data-family=ambre],.scent-item[data-family=gourmand]{--scent-family-accent: #be8246}.scent-item[data-family=cuir]{--scent-family-accent: #8d6157}.scent-item[data-family=aquatique],.scent-item[data-family=marine]{--scent-family-accent: #5c8fa7}.scent-item__family{color:var(--ui-text-muted);font-size:var(--ui-type-caption);font-weight:400;line-height:1.35;overflow-wrap:anywhere}#scent-directory .scent-item__link{border-radius:var(--ui-radius-lg)}#scent-directory .scent-item__name{color:var(--ui-text);font-size:14px;font-weight:550}#scent-directory .scent-item:hover .scent-item__card,#scent-directory .scent-item:focus-within .scent-item__card{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-2)}:is(html[data-theme=dark],body[data-theme=dark]) #scent-directory .scent-item__icon{box-sizing:border-box;padding:8px;border-radius:50%;background:#f4f0e9}.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:var(--ui-radius-lg);border:1px solid var(--ui-border);background:var(--ui-surface);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:var(--ui-shadow-1)}.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:var(--ui-surface);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:var(--ui-text)}.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:var(--ui-shadow-1)}.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{grid-column:1 / -1;flex-basis:100%;margin:0;padding:1.5rem;text-align:center;border-radius:18px;border:1px dashed rgba(148,163,184,.6);color:var(--ui-text-muted);background:var(--ui-surface-muted);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:1200px){#scent-directory .scent-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:960px){#scent-directory .filtrage-layout{padding-inline:24px}#scent-directory .scent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#scent-directory .filters-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){#scent-directory{padding-block:12px 32px}#scent-directory .filtrage-layout{padding-inline:16px}#scent-directory .page-header{margin-bottom:16px}#scent-directory .page-title{font-size:27px}#scent-directory .scent-results-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;margin-top:16px}#scent-directory .scent-results-title{grid-column:1;grid-row:1;font-size:12px}#scent-directory .scent-results-actions{display:contents}#scent-directory .filters-handle{grid-column:2;grid-row:1}#scent-directory .scent-sort-tools{grid-column:1 / -1;grid-row:2}#scent-directory .scent-sort-select{flex:1;min-width:0;width:100%}#scent-directory .filters-panel{padding:12px}#scent-directory .filters-list{gap:4px}#scent-directory .scent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#scent-directory .scent-item{height:158px;contain-intrinsic-size:auto 158px}#scent-directory .scent-item__face{padding:10px 6px;gap:5px}#scent-directory .scent-item__icon{width:48px;height:48px;margin-bottom:3px}#scent-directory .scent-item__name{font-size:12px}#scent-directory .scent-item__family{font-size:.75rem}#scent-directory .scent-item__card{border-radius:14px}#scent-directory .filters-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(pointer:coarse){#scent-directory :is(.filter-badge,.filters-handle,.active-scent-filter,.reset-btn,.scent-filters-close,.scent-sort-select){min-height:44px}}@media(max-width:359px){#scent-directory .scent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#scent-directory .filters-list{grid-template-columns:1fr}}
