:root,[data-theme="light"] { --bg:#050505; --paper:#f4f4f2; --ink:#111; --text:#f4f4f2; --muted:#aaa; --line:#292929; --gold:#ddd; --card:#101010; }
.hero-visual:not(.catalog-showcase) .hero-bottle,.feature-art:not(.catalog-feature) .feature-bottle { display:none!important; }
.catalog-controls { margin: 0 0 52px; }
.catalog-filter-list { display:flex; flex-wrap:wrap; gap:8px; }
.catalog-filter-list button { min-height:44px; padding:12px 16px; font:11px/1.5 Manrope,sans-serif; background:transparent; color:#ccc; border:1px solid #333; cursor:pointer; }
.catalog-filter-list button[aria-pressed="true"] { background:#f4f4f2; color:#080808; border-color:#f4f4f2; }
.catalog-search-row { display:flex; flex-wrap:wrap; gap:24px; align-items:end; margin-top:24px; }
.catalog-search-row label { flex:1; min-width:220px; max-width:460px; font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; color:#aaa; }
.catalog-search-row input { display:block; width:100%; margin-top:10px; border:0; border-bottom:1px solid #555; background:transparent; color:#fff; padding:14px 0; font:14px Manrope,sans-serif; border-radius:0; }
#catalog-count { font:11px 'DM Mono',monospace; color:#aaa; padding:14px 0; }
.catalog-category { scroll-margin-top:28px; margin-bottom:80px; }
.category-heading { display:flex; gap:18px; align-items:baseline; border-top:1px solid #444; padding:24px 0; }
.category-heading>span { font:11px 'DM Mono',monospace; color:#999; }
.category-heading h3 { font:500 clamp(28px,3vw,42px)/1.05 'Cormorant Garamond',serif; margin:0; letter-spacing:-.02em; }
.category-heading small { margin-left:auto; color:#999; font:10px 'DM Mono',monospace; white-space:nowrap; }
.fragrance-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 24px; }
.fragrance-card { min-width:0; border:0; background:var(--bg); display:flex; flex-direction:column; }
.fragrance-photo { display:grid; place-items:center; position:relative; width:100%; aspect-ratio:1; padding:0; border:0; background:var(--bg); overflow:hidden; cursor:pointer; }
.fragrance-photo img { width:100%; height:100%; object-fit:contain; min-height:0; max-height:100%; mix-blend-mode:lighten; mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent); mask-composite:intersect; }
.fragrance-photo>span { position:absolute; bottom:12px; right:14px; color:#eee; font:9px 'DM Mono',monospace; background:#111c; border:1px solid #ffffff30; padding:8px 10px; }
.fragrance-copy { display:flex; flex-direction:column; flex:1; padding:24px; }
.fragrance-brand { font:10px 'DM Mono',monospace; color:#aaa; letter-spacing:.12em; text-transform:uppercase; margin:0 0 14px; }
.fragrance-copy h4 { font:500 28px/1.08 'Cormorant Garamond',serif; margin:0 0 16px; color:#fff; }
.fragrance-copy h4 a { text-decoration:none; color:inherit; }
.fragrance-price { margin:0; color:#ddd; font:12px/1.6 Manrope,sans-serif; }
.fragrance-description { font:12px/1.8 Manrope,sans-serif; color:#aaa; margin:0 0 20px; }
.fragrance-notes { display:flex; flex-wrap:wrap; list-style:none; padding:0; gap:7px; margin:0 0 24px; }
.fragrance-notes li { font:9px/1.4 'DM Mono',monospace; border:1px solid #3c3c3c; color:#ccc; padding:7px 9px; }
.fragrance-commercial { font:11px/1.7 'DM Mono',monospace; }
.fragrance-details { display:flex; justify-content:space-between; width:100%; padding:16px 0 0; border:0; border-top:1px solid #333; background:none; color:#fff; margin-top:auto; cursor:pointer; text-align:left; min-height:44px; font:10px Manrope,sans-serif; text-transform:uppercase; letter-spacing:.06em; }
.catalog-empty { padding:30px 0; }
.fragrance-dialog { width:min(1000px,94vw); padding:48px 30px 30px; background:#101010; color:#f4f4f2; }
.fragrance-detail-layout { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; }
.fragrance-detail-layout>img { width:100%; height:auto; max-height:60dvh; object-fit:contain; background:#020202; }
.fragrance-detail-layout h2 { font-size:38px; }
.fragrance-dialog .modal-close { color:#fff; min-width:44px; min-height:44px; }
.fragrance-dialog p { color:#bbb; }
.source-link { display:block; margin-top:22px; font:10px/1.6 Manrope,sans-serif; color:#aaa; }
.product-pending { font-size:11px!important; }
.image-notice { max-width:820px; color:#aaa; font:11px/1.8 Manrope,sans-serif; margin:0 0 28px; }
.fragrance-dialog .image-notice { margin-top:24px; font-size:10px; }
.miniature-collection { padding-top:70px; scroll-margin-top:24px; }
html body .hero { background:var(--bg); }
html body .catalog-showcase { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; padding:48px 24px; background:var(--bg); }
html body .catalog-showcase:before,html body .catalog-showcase:after { display:none; }
.showcase-stage { width:min(100%,390px); aspect-ratio:1; background:var(--bg); overflow:hidden; display:grid; place-items:center; }
.showcase-stage img { width:100%; height:100%; object-fit:contain; mix-blend-mode:lighten; mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent); mask-composite:intersect; }
.showcase-caption { width:min(100%,390px); text-align:center; }
.showcase-caption>span { font:9px 'DM Mono',monospace; color:#999; letter-spacing:.15em; }
.showcase-caption>p { font:500 27px/1.15 'Cormorant Garamond',serif; margin:14px 0; }
.showcase-actions { display:flex; align-items:center; justify-content:center; gap:24px; }
.showcase-actions button { width:44px; height:44px; color:#fff; background:transparent; border:1px solid #444; cursor:pointer; }
.showcase-actions span { font:10px 'DM Mono',monospace; color:#aaa; }
html body .split-feature,html body .split-feature .feature-copy { background:var(--bg); }
html body .catalog-feature { display:flex; align-items:center; justify-content:center; flex-direction:column; background:var(--bg); padding:40px; gap:24px; }
.catalog-feature>img { width:min(100%,360px); height:auto; object-fit:contain; mix-blend-mode:lighten; mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent); mask-composite:intersect; }
.catalog-feature>p { color:#ccc; font:500 24px 'Cormorant Garamond',serif; }
html body .catalog-feature:after,html body .catalog-feature:before { display:none; }
@media(min-width:1500px){.fragrance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.fragrance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fragrance-copy{padding:20px}.category-heading{flex-wrap:wrap}.category-heading small{margin-left:0}}
@media(max-width:600px){.catalog-controls{margin-bottom:32px}.catalog-filter-list{display:grid;grid-template-columns:1fr 1fr}.catalog-filter-list button:first-child{grid-column:1/-1}.catalog-filter-list button{font-size:10px;text-align:left;padding:10px}.catalog-search-row{gap:10px}.catalog-search-row label{min-width:100%;max-width:none}.catalog-search-row input{font-size:16px}.category-heading{gap:10px}.category-heading h3{flex:1;font-size:30px}.category-heading small{width:100%;padding-left:28px}.fragrance-grid{gap:16px 10px}.fragrance-copy{padding:14px}.fragrance-copy h4{font-size:24px;overflow-wrap:anywhere}.fragrance-brand{font-size:8px;line-height:1.6}.fragrance-photo{padding:8px}.fragrance-description{font-size:11px;line-height:1.7}.fragrance-notes{gap:5px;margin-bottom:16px}.fragrance-notes li{font-size:8px;padding:5px}.fragrance-details{font-size:9px;line-height:1.7;gap:6px}.catalog-category{margin-bottom:52px}.fragrance-detail-layout{grid-template-columns:1fr;gap:24px}.fragrance-detail-layout>img{max-height:35dvh}.fragrance-detail-layout h2{font-size:32px}html body .catalog-showcase{min-height:0;padding:28px 0 48px}.showcase-stage{max-width:350px}.showcase-caption>p{font-size:26px}html body .catalog-feature{min-height:0;padding:40px 24px}}
@media(max-width:360px){.fragrance-grid{grid-template-columns:minmax(0,1fr)}.fragrance-photo{aspect-ratio:1.15}.fragrance-description{font-size:12px}}
@media(max-width:760px){.fragrance-grid{grid-template-columns:minmax(0,1fr);gap:24px}.fragrance-photo{aspect-ratio:1;padding:0}.fragrance-copy{padding:20px}.fragrance-copy h4{font-size:30px;margin-bottom:10px}.fragrance-price{font-size:13px}}
.catalog-search-row.smart-search{position:relative;z-index:8;margin:0;padding:16px 4.5vw 10px;border-bottom:1px solid #292929;background:#050505;gap:20px}.smart-search label{max-width:640px}.search-suggestions{position:absolute;top:100%;left:4.5vw;width:min(640px,91vw);margin:0;padding:6px;list-style:none;background:#050505;border:1px solid #555;box-shadow:0 16px 30px #000b;max-height:420px;overflow:auto;overscroll-behavior:contain}.search-suggestions[hidden]{display:none!important}.search-suggestions a{display:flex;align-items:center;gap:14px;padding:10px;color:#eee;text-decoration:none;min-height:84px;border-bottom:1px solid #262626}.search-suggestions li:last-child a{border-bottom:0}.search-suggestions a:hover,.search-suggestions a:focus-visible,.search-suggestions a[aria-selected=true]{background:#202020;outline:1px solid #aaa;outline-offset:-1px}.search-suggestions img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:1px solid #777;background:#000;flex-shrink:0}.search-suggestions a>span:first-of-type{flex:1;min-width:0}.search-suggestions strong{display:block;font:500 16px/1.4 Manrope,sans-serif;overflow-wrap:anywhere}.search-suggestions small{display:block;font:11px/1.5 Manrope,sans-serif;color:#aaa;margin-top:5px}.search-no-results{padding:20px;font:13px/1.6 Manrope,sans-serif}@media(max-width:760px){.catalog-search-row.smart-search{padding:14px 20px 8px;gap:0}.smart-search #catalog-count{padding:8px 0}.search-suggestions{left:20px;width:calc(100% - 40px);max-height:45dvh}.search-suggestions a{gap:10px;padding:8px}.search-suggestions strong{font-size:13px}.search-suggestions img{width:56px;height:56px}.search-suggestions small{font-size:10px}}
