/* Reserve equal photo frames, including while images load, without cropping products. */
.grid>.card>.product>.photo{width:100%;aspect-ratio:1;min-height:0}
.grid>.card>a.product{font:inherit;color:inherit;text-decoration:none;cursor:pointer}
.grid>.card>.product>.photo>.product-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.grid>.card>.product>.photo>.release-placeholder{position:absolute;inset:0;height:100%;min-height:0;aspect-ratio:auto;padding:40px 8px 16px;gap:8px}
.grid>.card>.product>.photo>.release-placeholder svg{width:24px;height:24px;flex-shrink:0}
#grid.save-refresh>.card{animation:none}
@media(max-width:760px){
 .grid>.card>.save{right:1.5px;top:1.5px;width:44px;height:44px;padding:0;background:transparent;isolation:isolate}
 .grid>.card>.save::before{content:"";position:absolute;z-index:-1;width:29px;height:29px;border-radius:50%;background:#ffffffee;pointer-events:none}
}
@media(min-width:761px){
 .grid>.card>.product>.photo{aspect-ratio:4/3;min-height:180px}
}
@media(max-width:480px){
 .grid>.card>.product>.photo>.release-placeholder{padding:36px 8px 8px;gap:4px}
 .grid>.card>.product>.photo>.release-placeholder svg{width:23px;height:23px}
 .grid>.card>.product>.photo>.release-placeholder strong{font-size:13px;line-height:1.4}
 .grid>.card>.product>.photo>.release-placeholder small{line-height:1.35}
}
@media(max-width:360px){
 .grid>.card>.product>.photo>.release-placeholder small{font-size:10px}
}
/* Leave room for the save control beside longer, month-only schedule labels. */
@media(max-width:340px){
 .grid .photo .badge.future{font-size:10px;padding-inline:5px;gap:0}
 .grid .photo .badge.future .badge-dot{display:none}
}

/* Fit each hover surface to its content, not the tallest card in its grid row. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .grid>.card{align-self:start;isolation:isolate;--product-lift:0px;--product-highlight:0}
 .grid>.card::before{content:"";position:absolute;inset:-8px;z-index:-1;pointer-events:none;border:1px solid #ed512952;border-radius:18px;background:#ffffffeb;box-shadow:0 8px 24px #2427230e,0 2px 6px #24272306;opacity:var(--product-highlight);translate:0 var(--product-lift);transition:opacity 180ms ease,translate 220ms cubic-bezier(.22,.8,.2,1)}
 .grid>.card>.product,.grid>.card>.save{translate:0 var(--product-lift);transition:translate 220ms cubic-bezier(.22,.8,.2,1)}
 .grid>.card:is(:hover,:has(>.product:focus-visible)){--product-lift:-3px;--product-highlight:1}
 .grid>.card>.product:focus-visible{outline:none}
 .grid>.card:has(>.product:focus-visible)::before{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),0 8px 24px #2427230e}
}
@media(prefers-reduced-motion:reduce){
 .grid>.card::before,.grid>.card>.product,.grid>.card>.save{translate:none;transition:none}
}

/* Empty results explain the current scope without silently clearing filters. */
.empty.catalogue-empty{min-width:0;padding:52px 20px 64px;text-align:center}
.catalogue-empty .empty-search-icon{display:block;margin:0 auto 18px;color:#777f72}
.catalogue-empty .empty-title{max-width:600px;margin:0 auto;color:var(--ink,#242723);font-size:22px;font-weight:750;line-height:1.45;letter-spacing:-.5px;overflow-wrap:anywhere}
.catalogue-empty .empty-scope{max-width:600px;margin:13px auto 0;color:#565e52;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.catalogue-empty .empty-scope-label{font-weight:700;margin-right:6px}
.catalogue-empty .empty-description{margin:8px auto 0;color:#656d61;font-size:14px;line-height:1.7}
.catalogue-empty .empty-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:24px auto 0}
.catalogue-empty .empty-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;margin:0;padding:11px 18px;border-radius:10px;font:inherit;font-size:14px;line-height:1.4;cursor:pointer}
.catalogue-empty .empty-actions .empty-primary{color:#a93616;background:#fff0e8;border:1px solid #eeb59e;font-weight:750}
.catalogue-empty .empty-actions .empty-secondary{min-height:44px;padding:8px 12px;color:#626b5c;background:transparent;border:0;font-size:12px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.catalogue-empty .empty-actions button:focus-visible{outline:3px solid #b84422;outline-offset:3px}
.catalogue-empty .empty-action-hint{max-width:440px;margin:12px auto 0;color:#626b5c;font-size:12px;line-height:1.7;text-wrap:pretty}
@media(hover:hover){.catalogue-empty .empty-actions .empty-primary:hover{background:#ffe5d7;border-color:#d58b6b}.catalogue-empty .empty-actions .empty-secondary:hover{background:#f0f1eb}}
@media(max-width:760px){
 .empty.catalogue-empty{padding:32px 4px 44px}
 .catalogue-empty .empty-title{max-width:360px;font-size:18px}
 .catalogue-empty .empty-search-icon{width:32px;height:32px;margin-bottom:14px}
 .catalogue-empty .empty-description{font-size:13px}
 .catalogue-empty .empty-actions{margin-top:20px}
}

/* Recent searches and desktop suggestions share the upper search field. */
.recent-search{position:fixed;z-index:90;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;padding:4px 14px 2px;border:1px solid #e3e4dc;border-radius:16px;background:#fffefa;box-shadow:0 10px 32px #24272320;color:var(--ink,#242723)}
.recent-search[hidden]{display:none}
.recent-search-heading{display:flex;align-items:center;flex:none;gap:12px;min-height:40px}
.recent-search-heading h2{flex:1;margin:0;font-size:14px;font-weight:750}
.recent-search button{border:0;background:transparent;font:inherit;cursor:pointer;min-height:44px;padding:8px 0;color:#575f51}
.recent-search-heading button{flex:none;font-size:12px}
.recent-search-list{min-height:0;margin:0;padding:0;overflow:auto;overscroll-behavior:contain;list-style:none}
.recent-search-list li{display:flex;align-items:center;gap:8px;min-height:44px}
.recent-search-list .recent-search-use{display:flex;align-items:center;flex:1;min-width:0;text-align:left;font-size:15px;color:#30382d;overflow-wrap:anywhere;line-height:1.4}
.recent-search-list .recent-search-use::before{flex:none}
.recent-search-label{flex:1;min-width:0}
.recent-search-caption{flex:none;font-size:11px;color:var(--muted);line-height:1.4}
.recent-search-caption[hidden]{display:none}
.search-medal{flex:none;display:block;width:22px;height:28px;margin-left:12px;color:#ae7a15;--medal-paper:#fff7df}
.search-medal-2{color:#77838e;--medal-paper:#f1f4f6}
.search-medal-3{color:#a7623c;--medal-paper:#fff0e5}
.search-medal svg{display:block;width:100%;height:100%;overflow:visible;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;fill:var(--medal-paper)}
.search-medal .search-medal-ring{opacity:.3;fill:none;stroke-width:1}
.search-medal text{stroke:none;fill:currentColor;font:750 13px Arial,sans-serif}
.recent-search-list .recent-search-use::before{--search-entry-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");content:'';display:inline-block;width:16px;height:16px;margin-right:10px;vertical-align:-2px;background:#899080;-webkit-mask:var(--search-entry-icon) center/contain no-repeat;mask:var(--search-entry-icon) center/contain no-repeat}
.search-suggestions .recent-search-use::before{--search-entry-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E")}
.recent-search-list .recent-search-remove{display:grid;place-items:center;flex:none;width:44px;color:#858d7e}
.recent-search-remove svg{display:block;width:14px;height:14px;pointer-events:none}
.recent-search .recent-search-exit-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;contain:strict;pointer-events:none;z-index:1}
.recent-search-empty{margin:0 0 10px;font-size:13px;line-height:20px;color:var(--muted)}
.search-match{color:#a63817;background:#fff0e7;border-radius:2px;font-weight:inherit}
.recent-search-empty[hidden],.recent-search-list[hidden],.recent-search button[hidden]{display:none}
.recent-search button:focus-visible{outline:2px solid #c34521;outline-offset:-2px;border-radius:6px}
@media(hover:hover){.recent-search button:hover{color:#b13918;background:#f5f5ee;border-radius:6px}}

/* Monthly discovery controls retain the existing homepage and product grid. */
.period-panel{display:block;margin-top:28px;margin-bottom:24px}
.period-panel .sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}
.period-panel #listtitle{display:flex;align-items:baseline;gap:10px}
.period-panel #listtitle .list-title-label{min-width:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.period-panel #listtitle .list-count{display:inline-block;flex:none;margin-left:0;font-size:16px;font-weight:650;color:#565d53;letter-spacing:-.2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.period-panel #listtitle .list-count-value{display:inline-block;margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.period-panel #listtitle .list-count-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.month-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.month-shortcuts{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 44px;padding:4px;border-radius:11px;background:#efefe8;width:450px;max-width:100%}
.month-shortcuts::before{content:"";position:absolute;z-index:0;inset:4px auto 4px 4px;width:calc((100% - 52px)/4);border-radius:8px;background:white;box-shadow:0 1px 4px #24272312;opacity:0;transform:translateX(calc(var(--month-index,1)*100%));transition:transform 260ms cubic-bezier(.22,.8,.25,1),opacity .15s}
.month-shortcuts.has-selection::before{opacity:1}
.month-shortcuts button{position:relative;z-index:1;min-width:0;min-height:44px;border:0;background:transparent;color:#62685e;font:inherit;font-size:14px;line-height:1.25;font-weight:650;cursor:pointer;padding:4px 4px}
.month-shortcuts button small{display:block;margin-top:4px;font-size:11px;font-weight:400}
.month-shortcuts button[aria-pressed=true]{color:#bd3d1b;font-weight:800}
.month-shortcuts button:focus-visible{outline:3px solid #ed512980;outline-offset:-2px;border-radius:8px}
.month-nav{display:flex;align-items:center;border:1px solid var(--line,#e5e5df);border-radius:12px;background:white;min-width:270px;overflow:hidden}
.month-nav button,.discovery-open{min-height:48px;border:0;background:transparent;font:inherit;color:var(--ink);cursor:pointer}
.month-nav .month-arrow{width:44px;flex:none;font-size:26px}
.month-nav .month-label{flex:1;padding:0 12px;font-weight:700;white-space:nowrap}
.month-nav button:disabled{color:#b9bbb4;cursor:default}
.discovery-open{display:inline-flex;align-self:stretch;align-items:center;gap:9px;border:1px solid var(--line,#e5e5df);border-radius:10px;padding:0 18px;background:white;font-weight:700}
.discovery-open svg{width:20px;height:20px}.filter-count{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:50%;font-size:12px;background:var(--orange);color:white}
.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.active-filters:empty{display:none}
.active-filters button{border:0;border-radius:20px;background:#fff0e9;color:#9b381b;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}
.discovery-open:hover,.month-nav button:not(:disabled):hover{background:#faf5f0}
#discovery-filter{box-sizing:border-box;position:fixed;inset:auto;margin:0;padding:0;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border:1px solid #e3e3db;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 12px 40px #24272325;overflow:hidden}
#discovery-filter[open]{display:flex;flex-direction:column}
#discovery-filter::backdrop{background:transparent;backdrop-filter:none}
.filter-header{display:flex;align-items:center;justify-content:space-between;flex:none;padding:18px 20px 8px}
.filter-header h2{font-size:19px;margin:0}.filter-close{border:0;background:none;font-size:26px;width:44px;height:44px;cursor:pointer;color:var(--ink)}
.filter-body{padding:0 20px 14px;overflow-y:auto;overscroll-behavior:contain;min-height:0}
.filter-period{border:0;padding:0;margin:0 0 18px}.filter-period legend{font-size:14px;font-weight:700;margin-bottom:9px}
.filter-period-options{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px;border-radius:11px;background:#f0f0eb}
.filter-period-options::before{content:"";position:absolute;z-index:0;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/2);border-radius:8px;background:#fff;box-shadow:0 2px 7px #24272314,0 1px 2px #2427230a;transform:translateX(calc(var(--period-index,0)*100%));transition:transform 260ms cubic-bezier(.22,.8,.25,1);pointer-events:none}
.filter-period-options label{position:relative;z-index:1;min-width:0;cursor:pointer}
.filter-period-options input{position:absolute;opacity:0;width:1px;height:1px}
.filter-period-options span{display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;min-height:44px;font-size:12px;font-weight:600;white-space:nowrap;transition:color 180ms ease}
.filter-period-options input:checked+span{color:#b13a19;font-weight:800}
.filter-period-options input:focus-visible+span{outline:3px solid #ed512999;outline-offset:2px}
.filter-year{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:12px}
.filter-year button{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:white;width:44px;height:44px;cursor:pointer;color:var(--ink)}
.filter-year button svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.filter-year button:disabled{color:#bbb;cursor:default}.filter-year strong{display:flex;align-items:center;height:44px;font-size:17px;line-height:1}
.filter-months{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.filter-months button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:51px;border:1px solid #e3e4de;border-radius:9px;background:white;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.filter-months button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:white;font-weight:700}
.filter-months button:disabled{background:#f5f5f3;color:#969b90;cursor:default}.filter-months small{font-size:10px;line-height:1}
.filter-hint{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 16px}
.filter-fields{border-top:0}.filter-fields label{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #e9e9e4;font-weight:600;font-size:14px}
.filter-fields select{min-width:0;width:100%;min-height:48px;border:1px solid #e4e4df;border-radius:8px;padding:8px;background:white;color:var(--ink);font:inherit;font-weight:400;font-size:14px}.filter-fields select:disabled{background:#f5f5f3;color:#888}
.filter-tag-field{padding:14px 0;border-bottom:1px solid #e9e9e4;font-size:14px;font-weight:600}
.filter-kind-field{padding:14px 0;border-bottom:1px solid #e9e9e4;font-size:14px;font-weight:600}
.filter-kind-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;min-height:48px;width:100%;padding:10px 12px;border:1px solid #e4e4df;border-radius:8px;background:white;color:var(--ink);font:inherit;font-weight:400;text-align:left;cursor:pointer}
.filter-kind-field svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.filter-kind-toggle svg{transition:transform .18s ease}
.filter-kind-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#filter-kind-panel{margin-top:10px}
.filter-kind-toggle[hidden]{display:none}
#filter-kind-panel[hidden]{display:none}
.filter-kind-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e4e4df;border-radius:8px;color:var(--muted);background:white}
.filter-kind-search:focus-within{outline:2px solid #ed512980;outline-offset:1px}
.filter-kind-search input{width:100%;min-width:0;height:46px;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-weight:400}
#filter-kind-collapse{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:46px;margin-right:-10px;padding:0;border:0;border-radius:0 8px 8px 0;background:transparent;color:var(--ink);cursor:pointer}
.filter-kind-options{margin-top:6px;max-height:190px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4c7bf transparent}
.filter-kind-options button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;width:100%;border:0;border-radius:6px;padding:8px 12px;background:white;color:var(--ink);font:inherit;font-weight:400;text-align:left;cursor:pointer}
.filter-kind-options button svg{visibility:hidden}
.filter-kind-options button:hover{background:#faf5f0}
.filter-kind-options button[aria-pressed=true]{background:#fff0e7;color:#bd3d1b;font-weight:700}
.filter-kind-options button[aria-pressed=true] svg{visibility:visible}
.filter-tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.filter-tags button{min-width:0;min-height:44px;padding:6px 2px;border:1px solid #e3e4de;border-radius:8px;background:white;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.filter-tags button[data-tag-type=collaboration]{--tag-bg:#eee6f7;--tag-ink:#59476e}
.filter-tags button[data-tag-type=season]{--tag-bg:#ffedc9;--tag-ink:#714915}
.filter-tags button[data-tag-type=series]{--tag-bg:#e7effc;--tag-ink:#315783}
.filter-tags button[data-tag-type=limited]{--tag-bg:#e2f3eb;--tag-ink:#245c46}
.filter-tags button[data-tag-type=place]{--tag-bg:#f8e8ef;--tag-ink:#8a3d5d}
.filter-tags button[data-tag-type=relaunch]{--tag-bg:#f1eae3;--tag-ink:#70513b}
.filter-tags button[aria-pressed=true]{background:var(--tag-bg);color:var(--tag-ink);border-color:var(--tag-ink);font-weight:750}
.filter-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:14px 20px;flex:none;border-top:1px solid #e8e8e2;background:white}
.filter-actions button{height:48px;border:1px solid #e1e2dc;border-radius:9px;background:white;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.filter-actions .primary{background:var(--orange);border-color:var(--orange);color:white}
.filter-handle{display:none}
body:has(#discovery-filter[open]){overflow:hidden}
#discovery-filter button:focus-visible,.month-toolbar button:focus-visible,.active-filters button:focus-visible,.filter-fields select:focus-visible{outline:3px solid #ed512980;outline-offset:2px}
@media(min-width:761px){
 .discovery-open{font-size:14px;font-weight:650;min-width:96px;justify-content:center}
 .discovery-open svg{width:18px;height:18px}
}
@media(max-width:760px){
 .period-panel #listtitle .list-count{font-size:15px}
 .active-filters [data-clear-filter=saved],.active-filters [data-clear-filter=query],.active-filters:not(:has(>[data-clear-filter]:not([data-clear-filter=saved]):not([data-clear-filter=query]))){display:none}
 .filter-kind-search input{height:44px;font-size:16px}
 .filter-kind-options{max-height:none;overflow:visible}
 .filter-kind-options button{min-height:44px}
 .month-shortcuts{flex:1;min-width:0;width:auto}.month-shortcuts button{font-size:12px}.month-shortcuts button small{font-size:11px}
 .period-panel{margin-top:22px;margin-bottom:20px}.period-panel .sectionhead{margin-bottom:12px}.month-toolbar{gap:10px}.month-nav{min-width:0;flex:1}.month-nav .month-label{padding:0 4px;font-size:14px}.month-nav .month-arrow{width:38px}.discovery-open{padding:0 12px;font-size:13px;flex:none}
 #discovery-filter{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%;max-width:none;max-height:92dvh;border-radius:20px 20px 0 0;border-bottom:0;box-shadow:0 -8px 35px #24272320}
 #discovery-filter::backdrop{background:#24272366}.filter-handle{display:block;width:38px;height:5px;border-radius:4px;background:#dcded7;margin:10px auto 0;flex:none}
 .filter-header{padding-top:4px}.filter-body{padding:0 18px 12px}.filter-actions{padding:12px 18px max(14px,env(safe-area-inset-bottom));}.filter-months button{min-height:46px}
}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){#discovery-filter[open]{animation:filter-in .16s ease-out}@keyframes filter-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

/* Release status remains independent of month, search, and detailed filters. */
.list-heading-actions{display:flex;align-items:center;gap:8px;flex:none}
.list-heading-actions .discovery-open{min-height:44px;align-self:auto;padding-inline:14px}
.list-heading-actions #share-brand{width:40px;height:44px;padding:0;border-color:transparent;background:transparent}
.list-heading-actions #share-brand svg{width:19px;height:19px}
.list-heading-actions [hidden]{display:none}
.period-panel .sectionhead h2{min-width:0;line-height:1.4;word-break:keep-all}
.month-toolbar .month-shortcuts{flex:1 1 450px;max-width:450px;min-width:0}
.release-switch{--release-accent:#242723;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1 1 350px;max-width:360px;min-width:0;padding:3px;border:1px solid #e5e5df;border-radius:10px;background:#f5f5f1}
.release-switch::before{content:"";position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/3);border:1px solid #ec8069;box-sizing:border-box;border-radius:7px;background:#fff;transform:translateX(calc(var(--release-index,0)*100%));transition:transform 240ms cubic-bezier(.22,.8,.25,1),border-color .2s,background .2s;pointer-events:none}
.release-switch button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:38px;padding:6px 4px;border:0;border-radius:7px;background:transparent;color:#666d62;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}
.release-switch button [data-release-count]{font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
.release-switch button[aria-pressed=true]{color:var(--release-accent);font-weight:750}
.release-switch button[data-release-status=released]::before,.release-switch button[data-release-status=scheduled]::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#df3625}
.release-switch button[data-release-status=scheduled]::before{background:#346bc1}
.release-switch[data-selected=released]{--release-accent:#bc3e20}
.release-switch[data-selected=scheduled]{--release-accent:#245cb5}
.release-switch[data-selected=scheduled]::before{border-color:#a7c5f3;background:#f2f7ff}
.release-switch button:focus-visible,.list-heading-actions button:focus-visible{outline:3px solid #ed512980;outline-offset:2px}
.newsletter-banner{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:14px;background:#fff1e5;color:var(--ink)}
.newsletter-banner>svg{width:26px;height:26px;flex:none;color:#e64a22}
.newsletter-banner>div{flex:1;min-width:0}
.newsletter-banner strong{display:block;font-size:16px;line-height:1.5}
.newsletter-banner p{margin:4px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
.newsletter-soon{flex:none;border:1px solid #e8c7ac;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;color:#805234;background:#fff8f0}
@media(max-width:760px){
 .month-toolbar{flex-direction:column;align-items:stretch;gap:10px}
 .month-toolbar .month-shortcuts{flex:none;width:100%;max-width:none}
 .release-switch{flex:none;width:100%;max-width:none}
 .month-shortcuts button,.release-switch button{font-size:13px}
 .release-switch button{min-height:44px;gap:4px}
 .release-switch button [data-release-count]{font-size:12px}
 .release-switch button[data-release-status=released]::before,.release-switch button[data-release-status=scheduled]::before{display:none}
 .list-heading-actions{gap:2px}
 .list-heading-actions .discovery-open{padding-inline:10px;gap:6px}
 .period-panel .sectionhead{gap:8px}
 .newsletter-banner{gap:10px;padding:17px 14px;flex-wrap:wrap}
 .newsletter-banner>svg{width:22px;height:22px;align-self:flex-start;margin-top:2px}
 .newsletter-banner strong{font-size:14px}
 .newsletter-banner p{font-size:11px}
 .newsletter-soon{font-size:11px;padding:5px 8px}
}
@media(max-width:360px){
 .newsletter-soon{margin-left:32px}
}
@media(prefers-reduced-motion:reduce){.release-switch::before,.month-shortcuts::before{transition:none}}

.active-filters [data-clear-filter=query]{max-width:100%;text-align:left;overflow-wrap:anywhere}
@media(max-width:760px){
 main{padding-top:18px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 .intro{margin-bottom:14px}.intro h1{margin-bottom:6px}
 .categories{margin-bottom:12px}
 .search{margin-bottom:14px}
 .period-panel{margin-top:16px;margin-bottom:14px}
 .period-panel .sectionhead{margin-bottom:8px}
 .month-toolbar{gap:8px}
 .bottomnav{--nav-index:0;isolation:isolate;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));height:56px;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;border:1px solid #ffffffa6;border-radius:999px;background:linear-gradient(155deg,#ffffff70,#ffffff08 55%,#ffffff26),#fcfcf8ed;box-shadow:inset 0 1px 1px #ffffffb3,0 4px 20px #2427231f,0 0 0 1px #50584c14;transition:right 320ms cubic-bezier(.22,.8,.2,1),opacity 150ms ease,transform 240ms cubic-bezier(.22,.8,.2,1),visibility 0s}
 .bottomnav:has([data-view=saved].active){--nav-index:1}
 .bottomnav:has([data-view=my].active){--nav-index:2}
 .bottomnav::before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 12px)/3);z-index:0;border-radius:999px;background:#ffffffbf;box-shadow:inset 0 1px 0 #ffffffd9,0 1px 5px #2427230d;transform:translateX(calc(var(--nav-index) * (100% + 2px)));transition:transform 320ms cubic-bezier(.22,.8,.2,1);pointer-events:none}
 .bottomnav button{position:relative;z-index:1;min-width:0;min-height:44px;padding:3px 0;gap:2px;justify-content:center;border-radius:999px;font:inherit;font-size:11px;font-weight:600;line-height:1.15;color:#62695f;cursor:pointer;transition:color 180ms ease}
 .bottomnav button.active{background:transparent;box-shadow:none;color:#c6401d}
 .bottomnav svg{width:20px;height:20px;flex:none}
 .bottomnav button:focus-visible{outline:2px solid #ed5129a6;outline-offset:-2px}
 .bottomnav.is-searching{opacity:0;transform:translateX(12px) scale(.96);visibility:hidden;pointer-events:none;transition:opacity 100ms ease,transform 200ms ease,visibility 0s 200ms}
 body:has(dialog[open]) .bottomnav{display:none}
 @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.bottomnav{background:linear-gradient(155deg,#ffffff70,#ffffff08 55%,#ffffff26),#fcfcf8b3;-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35)}}
}
@media(prefers-reduced-motion:reduce){.bottomnav,.bottomnav::before,.bottomnav.is-searching,.bottomnav button{transition:none}}
/* Temperature is an option inside a product; the outer carousel stays independent. */
#detail .detail-visual.has-temperature{box-sizing:content-box;padding-bottom:52px}
#detail .has-temperature .detailphoto{height:100%}
#detail .detail-visual.has-temperature[data-gradient]::before,#detail .detail-visual.has-temperature[data-gradient]::after{bottom:52px}
.temperature-picker{--selected-temperature:0;position:absolute;z-index:3;bottom:8px;left:50%;transform:translateX(-50%);isolation:isolate;display:grid;grid-template-columns:repeat(2,1fr);width:144px;padding:3px;border:1px solid #ffffff66;border-radius:999px;background:linear-gradient(160deg,#ffffff8f,#ffffff66);box-shadow:0 2px 8px #2427230a,inset 0 1px 0 #ffffff40;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}
.temperature-picker::before{content:"";position:absolute;left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/2);border-radius:999px;background:linear-gradient(160deg,#ffffffcc,#ffffffa6);box-shadow:0 1px 4px #24272312,inset 0 1px 0 #ffffff66;transform:translateX(calc(var(--selected-temperature)*100%));transition:transform 320ms cubic-bezier(.22,.8,.2,1);pointer-events:none}
.temperature-picker button{position:relative;z-index:1;min-width:0;min-height:28px;padding:4px 10px;border:0;border-radius:999px;background:transparent;color:var(--ink);font-size:12px;line-height:20px;font-weight:600;letter-spacing:.02em;touch-action:manipulation;transition:color 180ms ease}
.temperature-picker button::after{content:"";position:absolute;inset:-8px 0;border-radius:inherit}
.temperature-picker button[aria-pressed="true"]{color:#b73716}
.temperature-picker button:focus-visible{outline:2px solid #b73716;outline-offset:2px}
@supports not (backdrop-filter:blur(1px)){.temperature-picker{background:#efefeb}}
@media(prefers-reduced-motion:reduce){.temperature-picker::before,.temperature-picker button{transition:none}}

/* Search stays ready to type in the header on desktop and mobile. */
.lead>.search[hidden]{display:none}
.lead>.categories{flex:1;min-width:0}
header .head{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;column-gap:32px}
header .header-actions{margin-left:0}
.header-search{position:relative;display:flex;align-items:center;justify-self:center;width:100%;max-width:560px;min-width:0;height:48px;margin:0;padding:1px 3px;border:1px solid rgb(36 39 35 / .14);border-radius:999px;background:linear-gradient(130deg,rgba(255,255,255,.9),rgba(245,245,239,.6));box-shadow:inset 0 1px 0 #fff,0 3px 12px #24272306;transition:border-color .2s,box-shadow .2s}
.header-search:focus-within{border-color:#e7b9a9;box-shadow:0 0 0 2px #f54f2510,inset 0 1px 0 #fff}
.header-search button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink,#242723);cursor:pointer}
.header-search button:hover:not(:disabled){background:#24272307}
.header-search button:focus-visible{outline:2px solid var(--orange,#f54f25);outline-offset:2px}
.header-search button:disabled{opacity:0;pointer-events:none}
.header-search-open svg{width:20px;height:20px}
.header-search-fields{display:flex;align-items:center;flex:1;min-width:0;height:100%}
.header-search input{width:100%;min-width:0;padding:0 4px;border:0;outline:0;background:transparent;color:var(--ink,#242723);font:inherit;font-size:16px;height:44px}
.header-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.header-search input::placeholder{color:var(--muted);font-size:14px}
.header-search .header-search-close{color:#72786f}
.header-search-close svg{width:16px;height:16px}
.header-search-scope{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mobile-search-stage{display:none}
@media(min-width:761px) and (max-width:1000px){
 header .head{column-gap:16px}
 header .header-actions{gap:12px}
 header .header-actions .headnav{gap:12px}
}
@media(max-width:760px){
 header .head{height:66px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 12px}
 header .logo-window{width:clamp(64px,22vw,92px);height:36px}
 header .header-actions{gap:0}
 header .header-feedback{gap:4px;padding:8px 0;font-size:12px}
 header .header-feedback svg{width:18px;height:18px}
 .header-search{max-width:none;height:38px;padding:0 1px}
 .header-search button{width:36px;height:36px}
 .header-search-open svg{width:16px;height:16px}
 .header-search input{height:36px;padding:0 2px}

}
@media(max-width:760px){
 #mobile-search-scope-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:min(86dvh,800px);margin:0;padding:0;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -12px 35px #1b221d20;overflow:hidden}
 #mobile-search-scope-dialog::backdrop{background:#1e261f73;backdrop-filter:blur(2px)}
 .mobile-scope-handle{display:block;width:38px;height:4px;margin:10px auto 17px;border-radius:999px;background:#dce1d9}
 .mobile-scope-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 20px 15px}
 .mobile-scope-header h2{margin:0 0 5px;font-size:20px;font-weight:800;letter-spacing:-.04em}
 .mobile-scope-header p{margin:0;color:#677166;font-size:13px;line-height:1.45}
 #mobile-search-scope-close{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:#f2f4ef;color:#606a60;font-size:23px;line-height:1}
 #mobile-search-scope-content{max-height:calc(min(86dvh,800px) - 184px);padding:0 20px 16px;overflow:auto;overscroll-behavior:contain}
 .mobile-scope-footer{padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}
 #mobile-search-scope-apply{width:100%;min-height:50px;padding:11px 16px;border:0;border-radius:12px;background:#df4c25;color:#fff;font-size:15px;font-weight:750}
 .mobile-scope-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:4px 0 21px;padding:4px;border-radius:12px;background:#f1f3ee}
 .mobile-scope-tabs button{min-height:40px;border:0;border-radius:9px;background:none;color:#637063;font-size:14px;font-weight:700}
 .mobile-scope-tabs button[aria-pressed="true"]{background:#fff;color:#b74426;box-shadow:0 2px 7px #15201813}
 .mobile-scope-year{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}
 .mobile-scope-year strong{font-size:17px}
 .mobile-scope-year span,.mobile-scope-year button{color:#687368;font-size:11px}
 .mobile-scope-year button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:19px}
 .mobile-scope-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .mobile-scope-month{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:68px;border:1px solid #e1e5dd;border-radius:12px;background:#fff;color:#394339;font-size:17px;font-weight:750}
 .mobile-scope-month small{color:#687368;font-size:11px;font-weight:550}
 .mobile-scope-month[aria-pressed="true"]{border:1.5px solid #e99779;background:#fff3ec;color:#ab3d20}
 .mobile-scope-month[aria-pressed="true"]:after{content:'✓';position:absolute;top:5px;right:8px;color:#b74426;font-size:11px}
 .mobile-scope-month:disabled{border-color:#eff0eb;background:#f8f9f6;color:#aab1a8}
 .mobile-scope-note{margin:15px 0 2px;color:#687368;font-size:12px;line-height:1.5}
 .mobile-scope-all{padding:23px 2px 35px}
 .mobile-scope-all strong{display:block;margin-bottom:9px;font-size:18px}
 .mobile-scope-all p{margin:0;color:#5d685c;font-size:13px;line-height:1.6}
 .mobile-scope-brand-search{width:100%;height:44px;margin:4px 0 11px;padding:0 13px;border:1px solid #e3e8df;border-radius:11px;background:#f7f8f4;outline:0;font-size:14px}
 .mobile-scope-group{margin:16px 0 5px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.04em}
 .mobile-scope-categories{display:flex;flex-wrap:wrap;gap:7px;padding:4px 0 10px}
 .mobile-scope-category{min-height:38px;padding:7px 12px;border:1px solid #e1e6dc;border-radius:999px;background:#fff;color:#394339;font-size:13px;font-weight:650}
 .mobile-scope-category[aria-pressed="true"]{border-color:#eaa48c;background:#fff3ec;color:#ad4022}
 .mobile-scope-row{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 4px;border:0;border-bottom:1px solid #edf0e9;background:#fff;text-align:left;font-size:14px;font-weight:650}
 .mobile-scope-row[aria-pressed="true"]{color:#b74426}
 .mobile-scope-row .brand-icon{width:26px;height:26px;flex-basis:26px;object-fit:contain}
 .mobile-scope-row .brand-icon--cu{width:26px;flex-basis:26px;overflow:visible}
.mobile-scope-row .brand-icon--cu img{position:relative;left:-2px;width:34px;flex:none;clip-path:inset(0 0 0 5px)}
 .mobile-scope-row .mobile-scope-check{margin-left:auto;color:#d94a25;font-size:17px}
 .mobile-scope-row small{margin-left:auto;color:var(--muted);font-size:12px;font-weight:500}
 .mobile-scope-status .mobile-scope-row{min-height:64px}
 .mobile-scope-status .mobile-scope-row span:first-child{display:flex;flex-direction:column;gap:3px}
 .mobile-scope-status .mobile-scope-row small{margin:0}
}
@media(prefers-reduced-motion:reduce){
 .header-search{transition:none!important}
}

#main-brand-sheet{display:none}
@media(max-width:760px){
 .brand-picker #brand-expand{width:44px;height:44px;min-height:44px;padding:10px;align-self:flex-start}
 .brand-picker .brand-expand svg{width:19px;height:19px}
 #main-brand-sheet[open]{display:flex;flex-direction:column;position:fixed;inset:auto 0 0;width:100%;max-width:none;height:92dvh;max-height:92dvh;margin:0;padding:0;border:0;border-radius:24px 24px 0 0;background:#fff;color:var(--ink);overflow:hidden;box-shadow:0 -4px 20px #24272312}
 .mobile-sheet::backdrop{background:rgb(36 39 35 / 32%)!important;backdrop-filter:none!important}
 .mobile-sheet[open]{animation:none;transition:none}
 .filter-handle,.mobile-scope-handle,.brand-sheet-handle{touch-action:none;user-select:none}
 .brand-sheet-handle{display:grid;place-items:center;flex:none;align-self:center;width:72px;height:24px;min-height:24px;padding:0;border:0;background:transparent;touch-action:none}
 .brand-sheet-handle:before{content:'';width:36px;height:4px;border-radius:9px;background:#d8dad3}
 .brand-sheet-header{display:flex;flex:none;align-items:center;gap:6px;padding:0 16px 8px 20px}
 .brand-sheet-header h2{margin:0 auto 0 0;font-size:20px;font-weight:800;white-space:nowrap}
 .brand-sheet-header button{width:44px;height:44px;padding:10px;border:0;background:transparent;color:#454d43}
 .brand-sheet-header svg{display:block;width:22px;height:22px}
 .brand-sheet-search{display:flex;flex:none;align-items:center;gap:9px;height:44px;margin:0 20px 8px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:#f4f4ef}
 .brand-sheet-search:focus-within{border-color:#eea88e}
 .brand-sheet-search svg{width:19px;height:19px;flex:none;color:#7a8177}
 .brand-sheet-search input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink)}
 .brand-sheet-search input::placeholder{color:var(--muted)}
 .brand-sheet-current{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin:0 20px 2px}
 .brand-sheet-current[hidden]{display:none}
 .brand-sheet-current-text{flex:1;min-width:0;margin:0;overflow:hidden;color:var(--muted);font-size:13px;white-space:nowrap;text-overflow:ellipsis}
 .brand-sheet-all{position:relative;isolation:isolate;display:flex;flex:none;align-items:center;gap:4px;min-height:44px;padding:0 12px;border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap}
 .brand-sheet-all::before{content:"";position:absolute;z-index:-1;inset:4px 0;border:1px solid #e9eae3;border-radius:999px;background:#fff;pointer-events:none}
 .brand-sheet-all-check{display:none;width:14px;height:14px}
 .brand-sheet-all[aria-pressed=true]{color:#bc3e20}
 .brand-sheet-all[aria-pressed=true]::before{border-color:#ed5129;background:#fff4ef}
 .brand-sheet-all[aria-pressed=true] .brand-sheet-all-check{display:block}
 .brand-sheet-all:active::before{background:#f3e4da}
 .brand-sheet-tabs{display:flex;flex:none;gap:22px;padding:0 20px;border-bottom:1px solid var(--line)}
 .brand-sheet-tabs button{flex:none;min-height:44px;padding:10px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:14px;font-weight:700}
 .brand-sheet-tabs button[aria-pressed=true]{color:#c7401f;border-bottom-color:var(--orange)}
 .brand-sheet-body{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 20px max(24px,env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#d6d8cf transparent}
 .brand-sheet-section{padding:12px 0 18px}
 .brand-sheet-section+.brand-sheet-section{border-top:1px solid var(--line)}
 .brand-sheet-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;min-height:32px}
 .brand-sheet-section-head h3{margin:0;font-size:15px;font-weight:750}
 .brand-sheet-section-head h3>span{margin-left:4px;color:var(--muted);font-size:12px;font-weight:500}
 .brand-sheet-section-head>button{min-height:36px;padding:6px 0;border:0;background:transparent;color:var(--muted);font-size:11px}
 .brand-sheet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px}
 .brand-sheet-tile{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;min-height:88px;padding:0;border:0;background:transparent;color:var(--ink);font-size:12px;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}
 .brand-sheet-logo{position:relative;display:grid;place-items:center;width:58px;height:58px;padding:11px;border:1px solid #e9eae3;border-radius:50%;background:#fafaf7;color:var(--muted);font-size:14px;font-weight:750}
 .brand-sheet-logo:has(img:not([hidden])){background:white}
 .brand-sheet-logo img{display:block;width:100%;height:100%;object-fit:contain}
 .brand-sheet-tile[aria-pressed=true]{color:#c7401f;font-weight:700}
 .brand-sheet-tile[aria-pressed=true] .brand-sheet-logo{border-color:#ec8f72;box-shadow:0 0 0 2px #fff0e8}
 .brand-sheet-tile[aria-pressed=true] .brand-sheet-logo::after{content:'✓';position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:#c7401f;color:#fff;font-size:11px;font-weight:700;line-height:1}
 .brand-sheet-section-head>button[data-picker-feedback],.brand-sheet-scope-choices button[data-picker-feedback]{color:#c7401f;font-weight:700}
 .brand-sheet-empty{margin:24px 0;color:var(--muted);font-size:14px;line-height:1.8;text-align:center}
 .brand-sheet-scope-choices{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
 .brand-sheet-scope-choices button{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:13px}
 #main-brand-sheet button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
 .brand-sheet-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
}
@media(max-width:340px){.brand-sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-sheet-tabs{gap:20px}}

/* Editorial collections keep live copy and a shared, stable banner frame. */
.intro.has-editorial{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}
.intro-copy{min-width:0}
.discovery-surface{display:contents}
.editorial-banner.bake-banner{display:block;container-type:inline-size;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:1px solid #eae0d1;border-radius:14px;background:#f6f1e8;color:#322a24;isolation:isolate}
.editorial-banner[hidden]{display:none}
.bake-banner-link{display:flex;align-items:center;position:relative;width:100%;aspect-ratio:2.65;border:0;padding:4.2%;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.bake-banner-link:focus-visible{outline:3px solid var(--orange,#f54f25);outline-offset:-4px;border-radius:13px}
.bake-banner-copy{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;width:44%}
.bake-banner-kicker{display:block;color:#a66a45;font-size:clamp(9px,1.8cqw,12px);font-weight:700;line-height:1.3;white-space:nowrap}
.bake-banner-series{margin-top:1.4cqw;font-size:clamp(13px,2.8cqw,18px);font-weight:800;letter-spacing:-.4px;line-height:1.2}
.editorial-banner .bake-banner-title{display:block;margin-top:1.6cqw;font-size:clamp(14px,3.6cqw,24px);font-weight:800;letter-spacing:-.05em;line-height:1.3}
.bake-banner-title>span{display:block;white-space:nowrap}
.editorial-banner .bake-banner-title-mobile{display:none}
.bake-banner-mobile-break{display:none}
.bake-banner-cta{display:inline-flex;align-items:center;gap:1.5cqw;margin-top:3cqw;color:#d8401b;font-size:clamp(12px,2.4cqw,15px);line-height:1.4;font-weight:750;white-space:nowrap}
.bake-banner-cta>span{font-size:1.3em;line-height:1}
.bake-banner-cta>.bake-banner-cta-desktop{font-size:inherit;line-height:inherit}
.bake-banner-cta-mobile,.bake-banner-spark{display:none}
.bake-banner-products{position:absolute;inset:0 0 0 auto;width:59%;pointer-events:none}
.bake-banner-products::before{content:"";position:absolute;inset:70% 2% 8% 4%;border-radius:50%;background:radial-gradient(ellipse,rgba(99,57,21,.16),transparent 68%);filter:blur(5px)}
.bake-banner-products img{position:absolute;top:53%;width:54%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.bake-banner-products .bake-banner-corn{left:-11%;z-index:3;transform:translateY(-54%)}
.bake-banner-products .bake-banner-milk{left:20%;z-index:2;transform:translateY(-47%)}
.bake-banner-products .bake-banner-chocolate{left:54%;z-index:1;transform:translateY(-44%)}
.editorial-banner.editorial-carousel{display:block;container-type:inline-size;min-width:0;min-height:0;margin:0;padding:0;overflow:visible;background:transparent;color:var(--ink);border:0;border-radius:0}
.editorial-viewport{position:relative;overflow:hidden;aspect-ratio:2.4;border:1px solid #e6e4d8;border-radius:14px;touch-action:pan-y pinch-zoom;isolation:isolate}
.editorial-track{display:flex;width:100%;height:100%;transition:transform 360ms cubic-bezier(.22,.7,.2,1)}
.editorial-track.is-repositioning{transition:none}
.editorial-track.is-dragging{transition:none;user-select:none;cursor:grabbing}
.editorial-track.is-dragging button{cursor:grabbing}
.editorial-slide{flex:0 0 100%;min-width:0;height:100%;overflow:hidden}
.editorial-slide.bake-banner{background:radial-gradient(ellipse at 83% 35%,#efd9b7 0,transparent 57%),linear-gradient(115deg,#faf5eb 30%,#f0e3cd);color:#322a24}
.editorial-slide .bake-banner-link{height:100%;aspect-ratio:auto}
.matcha-banner{background:#e4e7d3;color:#17300f}
.matcha-banner-link{display:flex;align-items:center;position:relative;width:100%;height:100%;padding:5%;border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.matcha-banner-link:focus-visible{outline:3px solid var(--orange);outline-offset:-4px;border-radius:13px}
.matcha-banner-photo{position:absolute;inset:0;pointer-events:none}
.matcha-banner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.matcha-banner-copy{position:relative;z-index:1;display:flex;align-items:flex-start;flex-direction:column;width:49%;padding-top:2cqw}
.editorial-banner .matcha-banner-title{display:block;font-size:clamp(20px,6.3cqw,36px);font-weight:850;letter-spacing:-.055em;line-height:1.15}
.matcha-banner-title>span{display:block;white-space:nowrap}
.matcha-banner-cta{display:inline-flex;align-items:center;gap:9px;margin-top:3cqw;font-size:clamp(12px,2.4cqw,15px);font-weight:750;line-height:1.4;letter-spacing:-.04em;color:#d94417;white-space:nowrap}
.matcha-banner-cta>span{font-size:1.3em;line-height:1}
.editorial-controls{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:0;height:44px;margin:0;color:#374633;isolation:isolate}
.editorial-controls::before{content:"";position:absolute;inset:11px 21px;z-index:-1;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,250,.28);-webkit-backdrop-filter:blur(8px) saturate(1.08);backdrop-filter:blur(8px) saturate(1.08);box-shadow:0 1px 4px rgba(35,42,22,.03)}
.editorial-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:22px;background:transparent;color:inherit;cursor:pointer}
.editorial-controls button::before{content:"";width:6px;height:6px;box-sizing:border-box;border:1px solid currentColor;border-radius:50%;background:transparent;opacity:.7;transform:translateX(14px);transition:background-color 180ms ease,opacity 180ms ease}
.editorial-controls button+button::before{transform:translateX(-14px)}
.editorial-controls button[aria-current="true"]::before{background:currentColor;opacity:1}
.editorial-controls button:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
.editorial-controls #editorial-next{display:none}
.editorial-position{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.editorial-track,.editorial-controls button::before{transition:none}}
.period-panel{scroll-margin-top:100px}
@media(min-width:761px) and (max-width:1050px){
 .intro.has-editorial{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px}
 .intro.has-editorial h1{font-size:28px}
 .intro.has-editorial .subtitle{font-size:13px;max-width:26em}
 .bake-banner-link{aspect-ratio:2.05}
 .editorial-viewport{aspect-ratio:2.05}
}
@media(max-width:760px){
 .intro.has-editorial{grid-template-columns:minmax(0,1fr);gap:18px}
 .bake-banner-link{aspect-ratio:1.75;padding:5%}
 .bake-banner-copy{width:44%;transform:translateY(calc(-2cqw - 4px))}
 .bake-banner-kicker{font-size:2.6cqw}
 .bake-banner-series{margin-top:1.5cqw;font-size:4cqw}
 .editorial-banner .bake-banner-title{margin-top:1.5cqw;font-size:clamp(13px,5.1cqw,27px);line-height:1.3}
 .bake-banner-mobile-break{display:initial}
 .bake-banner-cta{margin-top:3cqw;font-size:clamp(12px,3.4cqw,14px)}
 .bake-banner-products{width:55%}
 /* A single full-height product gives the narrow banner one clear focal point. */
 .bake-banner-products .bake-banner-corn{top:50%;left:-10%;width:114%;transform:translateY(-50%)}
 .bake-banner-products .bake-banner-milk,.bake-banner-products .bake-banner-chocolate{display:none}
 .editorial-viewport{width:100%;aspect-ratio:1.65;min-height:calc(45cqw + 60px)}
 .editorial-banner .matcha-banner-title{font-size:clamp(20px,7cqw,34px)}
 .matcha-banner-cta{font-size:clamp(12px,3.4cqw,14px);margin-top:4cqw;gap:7px}
 .period-panel{scroll-margin-top:80px}
}
@media(max-width:380px){
 .bake-banner-copy{transform:translateY(calc(-2cqw - 9px))}
}

/* Keep the live count in the heading's typographic rhythm. */
.period-panel #listtitle .list-count{font:inherit;letter-spacing:inherit;line-height:inherit;color:#e94e28}
.period-panel #listtitle{gap:9px}
header{border-bottom:0;box-shadow:0 2px 12px #24272308}
.categories button{transition:color 180ms ease,border-color 180ms ease}
.categories button.active{color:#bc3e20}
.month-shortcuts::before{box-shadow:0 2px 10px #ed51291c}
.release-switch::before{box-shadow:0 2px 10px #ed512916}
@keyframes discovery-result-in{from{opacity:.28;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#grid .card{animation:discovery-result-in 300ms ease-out both}
.bake-banner-series{margin-top:0}
@media(max-width:760px){
 main{padding-top:20px}
 .intro-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .intro.has-editorial{display:block;margin-bottom:20px}
 .intro:not(.has-editorial){height:0;margin:0}
 .editorial-viewport{aspect-ratio:2.08;min-height:0}
 .bake-banner-products .bake-banner-corn{left:1%;width:91%}
 .categories{margin-bottom:7px}
 .period-panel{margin-top:8px;margin-bottom:11px}
 .period-panel .sectionhead{margin-bottom:7px}
 .month-toolbar{gap:6px}
}
@media(prefers-reduced-motion:reduce){.categories button{transition:none}#grid .card{animation:none}}

/* The brand chip selects every brand; this separate control reveals more choices. */
.brand-picker .brand-expand{width:74px}
/* Fade only the ends that still have brands beyond the viewport. */
.brand-picker .brands{--brand-fade-left:0px;--brand-fade-right:0px}
.brand-picker.has-left .brands{--brand-fade-left:16px}
.brand-picker.has-right .brands{--brand-fade-right:24px}
.brand-picker.has-overflow:not(.expanded) .brands{
 -webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--brand-fade-left),#000 calc(100% - var(--brand-fade-right)),transparent 100%);
 mask-image:linear-gradient(to right,transparent 0,#000 var(--brand-fade-left),#000 calc(100% - var(--brand-fade-right)),transparent 100%);
}
.brand-picker.has-right .brand-viewport::after{content:none}
@media(max-width:760px){.brand-picker.expanded .brand-expanded-lead{width:calc(100% - 82px)}}

/* Keep release status distinct from the stronger month selector. */
.release-switch{border:0;background:transparent;padding:3px 0}
.release-switch::before{top:6px;bottom:6px;border:0;background:#fff0e9;box-shadow:none}
.release-switch button{min-height:44px;color:#6e746b}
.release-switch button[aria-pressed=true]{color:var(--release-accent)}
.release-switch button [data-release-count]{color:inherit}
.release-switch[data-selected=all]::before{background:#eeeFEA}
.release-switch[data-selected=scheduled]::before{background:#f2f7ff}

/* On mobile, the search and editorial story share one soft surface. */
@media(max-width:760px){
 body.has-home-editorial{position:relative;--home-header-height:106px;--home-banner-height:calc(clamp(144px,36.923vw,220px) + 10px)}
 /* One continuous backdrop reaches from the logo to the rounded catalogue.
    The matcha photo is painted once, rather than a separate header strip. */
 body.has-home-editorial::before,
 body.has-home-editorial::after{content:"";position:absolute;z-index:0;inset:0 0 auto;height:calc(var(--home-header-height) + var(--home-banner-height));pointer-events:none}
 body.has-home-editorial::before{background:linear-gradient(110deg,#fff9ea 0%,#fff2dc 55%,#ffe6c1 100%)}
 body.has-home-editorial::after{background-color:#faf9ef;background-image:linear-gradient(to bottom,#faf9ef 0 64px,transparent 112px),url('/assets/banners/matcha-mobile.png');background-size:100% 100%,100% auto;background-position:0 0,center 60px;background-repeat:no-repeat;opacity:0;transition:opacity 320ms ease}
 body:has(.intro.has-editorial .matcha-banner[aria-hidden="false"])::after{opacity:1}
 body.has-home-editorial header{position:sticky;top:-116px;z-index:5;border:0;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
 /* Give the original wordmark a matching blend surface inside the sticky header. */
 body.has-home-editorial header::before,
 body.has-home-editorial header::after{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:50px;pointer-events:none}
 body.has-home-editorial header::before{background:linear-gradient(110deg,#fff9ea 0%,#fff2dc 55%,#ffe6c1 100%) top left/100vw calc(var(--home-header-height) + var(--home-banner-height))}
 body.has-home-editorial header::after{background:#faf9ef;opacity:0;transition:opacity 320ms ease}
 body:has(.intro.has-editorial .matcha-banner[aria-hidden="false"]) header::after{opacity:1}
 body.has-home-editorial header.is-compact::after,
 body.has-home-editorial header .head{grid-template-rows:50px 50px;gap:0 8px;padding:0 20px 6px}
 body.has-home-editorial header .head{position:relative;height:auto;grid-template-columns:minmax(0,1fr) auto}
 body.has-home-editorial header .logo{grid-column:1;grid-row:1;justify-self:start}
 body.has-home-editorial header .header-actions{grid-column:2;grid-row:1;justify-self:end}
 body.has-home-editorial header .logo-window{width:105px;height:38px}
 body.has-home-editorial .header-search{position:relative;z-index:1;grid-column:1/-1;grid-row:2;justify-self:stretch;max-width:none;height:50px;padding:0 4px;border-color:rgb(36 39 35 / .14);background:#fff;box-shadow:0 10px 25px rgb(117 72 28 / .15),inset 0 1px 0 #fff}
 body.has-home-editorial .header-search:focus-within,
 body.has-home-editorial header.is-compact .header-search:focus-within{border-color:#e7b9a9}
 body.has-home-editorial .header-search button{width:44px;height:44px}
 body.has-home-editorial .header-search-open svg{width:21px;height:21px;color:#6d706a}
 body.has-home-editorial .header-search input{height:46px}
 body.has-home-editorial .header-search input::placeholder{font-size:15px;color:var(--muted)}
 body.has-home-editorial .mobile-search-stage:not([hidden]){top:116px}
 body.has-home-editorial main{position:relative;z-index:1;padding-top:0}
 body.has-home-editorial .intro.has-editorial{position:relative;display:block;isolation:isolate;padding:0;margin:0}
 body.has-home-editorial .intro.has-editorial::before{content:none}
 /* Keep the shadow close to the rounded edge, without tinting a band of the photo. */
 body.has-home-editorial .discovery-surface{
  --catalogue-top-shadow:0 -2px 8px -2px rgb(36 39 35 / .08),0 -8px 20px -10px rgb(36 39 35 / .06);
  display:block;position:relative;z-index:2;width:calc(100% + 40px);margin:-26px -20px 0;padding:20px 20px 0;border-radius:26px 26px 0 0;background:#fff;
  box-shadow:var(--catalogue-top-shadow);
 }
 body.has-home-editorial .editorial-banner.editorial-carousel{width:auto;margin:0 -20px}
 body.has-home-editorial .editorial-viewport{aspect-ratio:auto;height:var(--home-banner-height);min-height:0;border:0;border-radius:0;overflow:visible}
 /* Crossfade complete stories without revealing two cropped horizontal panels. */
 body.has-home-editorial .editorial-track{position:relative;display:block;height:calc(100% - 10px);transform:none!important;transition:none!important}
 body.has-home-editorial .editorial-slide{position:absolute;inset:0;width:100%;height:100%;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 130ms ease,visibility 0s linear 130ms}
 body.has-home-editorial .editorial-slide[aria-hidden="false"]{visibility:visible;opacity:1;pointer-events:auto;transition:opacity 220ms ease 100ms,visibility 0s}
 body.has-home-editorial .editorial-slide.bake-banner{overflow:visible;background:radial-gradient(ellipse 90% 46% at 91% 112%,rgb(255 185 97 / .32) 0 70%,transparent 71%)}
 body.has-home-editorial .editorial-slide.matcha-banner{background:transparent}
 body.has-home-editorial .matcha-banner-photo{visibility:hidden}
 body.has-home-editorial .editorial-slide .bake-banner-link,
 body.has-home-editorial .editorial-slide .matcha-banner-link{padding:5.6%}
 body.has-home-editorial .bake-banner-copy{width:58%;transform:translateY(-9px)}
 body.has-home-editorial .bake-banner-series{font-size:13px;font-weight:800}
 body.has-home-editorial .editorial-banner .bake-banner-title{margin-top:4px;font-size:clamp(19px,5.7vw,22px);line-height:1.2;letter-spacing:-.055em}
 body.has-home-editorial .editorial-banner .bake-banner-title-desktop{display:none}
 body.has-home-editorial .editorial-banner .bake-banner-title-mobile{display:block}
 body.has-home-editorial .bake-banner-cta{margin-top:8px;font-size:12px;gap:5px;color:#e44b25}
 body.has-home-editorial .bake-banner-cta-desktop{display:none}
 body.has-home-editorial .bake-banner-cta-mobile{display:inline;font-size:inherit;line-height:inherit}
 /* Retain the original phone-sized pack; the search stays above it and usable. */
 body.has-home-editorial .bake-banner-products{width:min(55%,300px)}
 body.has-home-editorial .bake-banner-products .bake-banner-corn{left:-1%;width:100%;top:50%}
 body.has-home-editorial .matcha-banner-copy{padding-top:0;transform:translateY(-10px)}
 body.has-home-editorial .editorial-banner .matcha-banner-title{font-size:clamp(22px,6.7vw,30px)}
 body.has-home-editorial .matcha-banner-cta{margin-top:10px;font-size:12px}
 body.has-home-editorial .period-panel{margin-top:4px;margin-bottom:5px}
 body.has-home-editorial .period-panel .sectionhead{margin-bottom:3px}
 body.has-home-editorial .month-toolbar{gap:4px}
 body.has-home-editorial .bake-banner-products::before{inset:76% 0 4% 3%;background:radial-gradient(ellipse,rgb(118 69 22 / .23),transparent 69%);filter:blur(7px)}
 body.has-home-editorial .bake-banner-spark{display:block;position:absolute;z-index:3;right:7%;top:23%;width:34px;height:36px;pointer-events:none}
 body.has-home-editorial .bake-banner-spark i{position:absolute;display:block;width:20px;height:5px;border-radius:99px;background:#ffa852;transform:rotate(-48deg)}
 body.has-home-editorial .bake-banner-spark i:first-child{top:6px;left:2px}
 body.has-home-editorial .bake-banner-spark i:last-child{top:25px;left:13px;width:15px;transform:rotate(-18deg)}
 /* The catalogue overlaps the banner by 26px; keep the full hit area 6px
    above that visible edge, instead of letting the catalogue cover it. */
 body.has-home-editorial .editorial-controls{left:auto;right:6px;bottom:calc(26px + 6px);transform:none;height:44px;color:#242723}
 body.has-home-editorial .editorial-controls::before{content:none}
 body.has-home-editorial .editorial-controls [data-editorial-target]{display:none}
 body.has-home-editorial .editorial-controls #editorial-next{display:grid;place-items:center;width:auto;min-width:44px;height:44px;padding:0 10px;border-radius:22px}
 body.has-home-editorial .editorial-controls #editorial-next::before{content:none}
 .editorial-segs{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:3px;height:7px;padding:5px 8px;box-sizing:content-box;transform:translateY(10px)}
 .editorial-segs::before{content:"";position:absolute;inset:-5px -11px;z-index:-1;border-radius:999px;background:radial-gradient(closest-side,rgb(252 252 248 / .68),rgb(252 252 248 / 0))}
 .editorial-seg{position:relative;flex:none;width:7px;height:4px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 .5px rgb(255 255 255 / .55);transition:width .6s cubic-bezier(.34,1.45,.64,1) 45ms,height .6s cubic-bezier(.34,1.45,.64,1) 45ms}
 .editorial-seg::before{content:"";position:absolute;inset:0;background:currentColor;opacity:.4;transition:opacity .3s ease-out}
 .editorial-seg[data-current]{width:18px;height:5px;transition-delay:0ms}
 .editorial-seg[data-current]::before{opacity:.3}
 body.has-home-editorial .editorial-controls[data-tone="dark"]{color:#fff}
 .editorial-controls[data-tone="dark"] .editorial-segs::before{background:radial-gradient(closest-side,rgb(22 27 23 / .34),rgb(22 27 23 / 0))}
 .editorial-controls[data-tone="dark"] .editorial-seg{box-shadow:0 0 0 .5px rgb(22 27 23 / .35)}
 .editorial-seg-fill{position:absolute;inset:0;background:currentColor;opacity:.92;transform-origin:0 50%;transform:scaleX(0)}
 .editorial-seg[data-current] .editorial-seg-fill{transform:scaleX(1)}
 #editorial-banner[data-rotation-state="playing"] .editorial-seg[data-current] .editorial-seg-fill{animation:editorial-seg-fill var(--editorial-interval,3000ms) linear both}
 @keyframes editorial-seg-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 @media(prefers-reduced-motion:reduce){.editorial-seg{transition:none}}
 /* Keep a readable fallback and leave the search controls on a solid surface. */
 .bottomnav{background:#fcfcf8f5;-webkit-backdrop-filter:none;backdrop-filter:none}
 @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .bottomnav{background:rgb(252 252 248 / .8);-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4)}
 }
}
@media(max-width:760px) and (prefers-reduced-transparency:reduce){
 .bottomnav{background:#fcfcf8f5;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
 body.has-home-editorial::after,
 body.has-home-editorial header::after,
 body.has-home-editorial .editorial-slide,
 body.has-home-editorial .editorial-slide[aria-hidden="false"]{transition:none;transform:none}
}

/* One period rail, with a separate entry into the shared filter dialog. */
.month-shortcuts #period-all{white-space:nowrap}
.month-shortcuts #period-calendar{display:grid;place-items:center;padding:0;border:0;border-radius:0;background:transparent}
.month-shortcuts #period-calendar::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#cfd2c9}
.month-shortcuts #period-calendar svg{width:19px;height:19px}
.filter-tabs{display:flex;gap:20px;flex:none;margin:0 20px 12px;border-bottom:1px solid #e9e9e4}
.filter-tabs button{min-height:44px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.filter-tabs button[aria-selected=true]{border-bottom-color:var(--orange);color:#bd3d1b;font-weight:750}
#discovery-filter [role=tabpanel][hidden]{display:none}

/* A quiet secondary action beside the product heading. */
.list-heading-actions .discovery-open{position:relative;align-self:center;justify-content:center;min-width:0;min-height:36px;height:36px;padding:0 7px;gap:6px;border:0;border-radius:8px;background:transparent;color:#62695f;font-size:13px;font-weight:550;line-height:1}
/* Keep the touch target 44px tall while the visible control stays compact. */
.list-heading-actions .discovery-open::before{content:"";position:absolute;inset:-4px 0;border-radius:inherit}
.list-heading-actions .discovery-open svg{width:17px;height:17px}
.list-heading-actions .filter-count{min-width:18px;height:18px;padding-inline:3px;font-size:11px;font-weight:650}
@media(hover:hover){.list-heading-actions .discovery-open:hover{background:#f4f4ee;color:var(--ink)}}

/* Mobile home: the logo scrolls away, and upward scrolling reveals the search pill. */
@media(max-width:760px){
 body.has-home-editorial header{top:-43px;transition:transform 320ms cubic-bezier(.22,.8,.2,1)}
 body.has-home-editorial .header-search{align-self:center;transition:none}
 body.has-home-editorial header.is-compact{background:transparent;box-shadow:none}
 body.has-home-editorial header.is-compact .head{z-index:1}
 body.has-home-editorial header.is-compact .logo,
 body.has-home-editorial header.is-compact .header-actions{visibility:hidden;pointer-events:none}
 body.has-home-editorial header.is-compact .header-search{
  height:48px;border-color:rgb(36 39 35 / .12);
  background:#fff;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  box-shadow:0 3px 12px rgb(36 39 35 / .08);
 }
 body.has-home-editorial header.is-compact .header-search input{height:44px}
 body.has-home-editorial header.is-compact::before{display:none}
 /* Hide the search without shifting the catalogue. */
 body.has-home-editorial header.is-hidden{transform:translateY(-120px);pointer-events:none}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
 body.has-home-editorial header,
 body.has-home-editorial .header-search{transition:none}
}

/* A clear end to the mobile home catalogue, with the footer outside its surface. */
.list-end{display:none}
@media(max-width:760px){
 header{-webkit-backdrop-filter:none;backdrop-filter:none}
 .bottomnav{right:max(16px,env(safe-area-inset-right))}
 body.has-home-editorial .discovery-surface{
  padding-bottom:32px;border-radius:26px;
  box-shadow:var(--catalogue-top-shadow),0 1px 0 #e9eae3,0 12px 28px -14px rgb(66 47 25 / .22);
 }
 body.has-home-editorial .bottomnote{margin-top:0;padding:32px 4px 0;border-top:0}
 body.has-home-editorial main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 body.has-home-editorial .list-end{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:11px;padding-top:28px;border-top:1px solid var(--line);text-align:center}
 .list-end-copy{display:flex;flex-direction:column;gap:4px}
 .list-end-title{margin:0;font-size:15px;font-weight:800;line-height:1.45;letter-spacing:-.5px;color:var(--ink)}
 .list-end-sub{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}
 .list-end-actions{display:flex;gap:8px;width:100%}
 .list-end-actions button{flex:1;min-width:0;min-height:44px;padding:8px 10px;border-radius:10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
 .list-end-actions .list-end-primary{border:1px solid #f2c9c2;background:#fff0e9;color:#9b381b}
 .list-end-actions .list-end-secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}
}
/* One upper search entry and a viewport-sized mobile search screen. */
.search-field-icon,#header-search-back,#search-results-toolbar{display:none}
@media(max-width:760px){
 .header-search{height:52px;min-height:52px;background:#fff;border-color:rgb(36 39 35 / .1);transition:none}
 .header-search button{width:44px;height:44px}
 .header-search-open svg{width:21px;height:21px;color:#6b7068}
 .header-search input,.header-search input::placeholder{font-size:16px}
 body.has-home-editorial .header-search{height:52px;min-height:52px}
 body.has-home-editorial .header-search input::placeholder{font-size:16px}
 body.mobile-search-open{overflow:hidden}
 body:is(.mobile-search-open,.mobile-search-results-view) header{position:fixed;inset:var(--search-viewport-top,0px) 0 auto;z-index:7;height:64px;margin:0;transform:none;transition:none;background:#faf9ef;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 body:is(.mobile-search-open,.mobile-search-results-view) header::before,body:is(.mobile-search-open,.mobile-search-results-view) header::after{display:none}
 body:is(.mobile-search-open,.mobile-search-results-view) header .head{display:flex;align-items:center;gap:0;max-width:none;height:64px;min-height:0;padding:0 12px 0 4px}
 body:is(.mobile-search-open,.mobile-search-results-view) header .logo,body:is(.mobile-search-open,.mobile-search-results-view) header .header-actions{display:none}
 body:is(.mobile-search-open,.mobile-search-results-view) #header-search{display:flex;flex:1;gap:0;height:64px;min-height:64px;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 body:is(.mobile-search-open,.mobile-search-results-view) #header-search-back{display:grid;place-items:center;order:-1;flex:0 0 44px;width:44px;height:44px;padding:0;background:transparent}
 #header-search-back svg{width:23px;height:23px}
 body:is(.mobile-search-open,.mobile-search-results-view) #header-search-open{display:none}
 body:is(.mobile-search-open,.mobile-search-results-view) #header-search-fields{height:48px;gap:10px;padding-left:16px;border:1px solid rgb(36 39 35 / .12);border-radius:999px;background:#fff;box-shadow:0 3px 12px rgb(36 39 35 / .06)}
 body.mobile-search-open #header-search-fields:focus-within{border-color:#e7b9a9}
 body:is(.mobile-search-open,.mobile-search-results-view) .search-field-icon{display:block;flex:none;width:19px;height:19px;color:#4f564d}
 body:is(.mobile-search-open,.mobile-search-results-view) #header-search-query{flex:1;width:0;height:46px;padding:0;font-size:16px}
 body:is(.mobile-search-open,.mobile-search-results-view) #header-search-close{flex:0 0 44px;width:44px;height:44px;color:#fff}
 body:is(.mobile-search-open,.mobile-search-results-view) #header-search-close svg{width:20px;height:20px;padding:4px;border-radius:50%;background:#c9ccc3;stroke-width:2}
 #header-search-close:disabled{visibility:hidden}
 #mobile-search-stage:not([hidden]){position:fixed;inset:calc(64px + var(--search-viewport-top,0px)) 0 auto;display:block;z-index:6;height:calc(100dvh - 64px);padding:0;background:#fff;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}
 #mobile-search-stage::-webkit-scrollbar{display:none}
 .mobile-search-card{min-height:100%;padding:0 0 max(24px,env(safe-area-inset-bottom));background:#fff}
 #mobile-search-suggestions{padding:0 20px}
 #mobile-search-stage .recent-search.is-inline{position:static;width:100%;max-height:none;padding:14px 0 12px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
 #mobile-search-stage .recent-search-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px}
 #mobile-search-stage .recent-search-heading h2{font-size:14px;font-weight:800;margin-right:auto}
 #mobile-search-stage .recent-search-heading button{min-height:44px;padding:0;font-size:12px;color:#6b7068}
 #mobile-search-stage .recent-search-list{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0;list-style:none}
 #mobile-search-stage .recent-search-list::-webkit-scrollbar{display:none}
 #mobile-search-stage .recent-search-list li.recent-chip{display:grid;grid-template-columns:1fr;flex:none;position:relative;min-height:44px;gap:0;border:0;border-radius:999px;background:transparent;isolation:isolate;transform-origin:left center;transition:grid-template-columns .46s cubic-bezier(.4,0,.2,1) 60ms,margin-right .46s cubic-bezier(.4,0,.2,1) 60ms,opacity .32s ease,transform .4s cubic-bezier(.4,0,.2,1)}
 #mobile-search-stage .recent-chip-clip{min-width:0;overflow:hidden;display:flex;align-items:center}
 #mobile-search-stage .recent-search-list li.recent-chip::before{content:"";position:absolute;inset:4px 0;z-index:-1;border:1px solid #e9eae3;border-radius:999px;background:#fff;pointer-events:none}
 #mobile-search-stage .recent-chip .recent-search-use{min-height:44px;width:auto;padding:0 0 0 14px;font-size:14px;color:#3d433b;white-space:nowrap}
 #mobile-search-stage .recent-chip .recent-search-use::before{display:none}
 #mobile-search-stage .recent-chip .recent-search-remove{position:relative;display:grid;place-items:center;flex:none;width:28px;height:28px;min-height:0;margin:0 8px 0 2px;padding:0;border-radius:50%;background:transparent;color:#8a8f86}
 /* Eight pixels each side keep the full 44px target inside the clip. */
 #mobile-search-stage .recent-chip .recent-search-remove::after{content:"";position:absolute;inset:-8px}
 #mobile-search-stage .recent-chip .recent-search-remove:active{background:rgb(36 39 35 / .06)}
 #mobile-search-stage .recent-chip .recent-search-remove svg{width:11px;height:11px}
 #mobile-search-stage .recent-search-list li.recent-chip.is-leaving{grid-template-columns:0fr;margin-right:-8px;opacity:0;transform:scale(.92);pointer-events:none}
 #mobile-search-stage .recent-search.is-recent-matches{padding:0}
 #mobile-search-stage .is-recent-matches .recent-search-heading{display:none}
 #mobile-search-stage .is-recent-matches .recent-search-list{display:block;padding:0;overflow:hidden}
 #mobile-search-stage .is-recent-matches li{height:52px;gap:0}
 #mobile-search-stage .is-recent-matches .recent-search-use{height:52px;padding:0;font-size:15px;overflow:hidden;white-space:nowrap}
 #mobile-search-stage .is-recent-matches .recent-search-use::before{width:19px;height:19px;margin-right:15px;background:#8a8f86}
 #mobile-search-stage .is-recent-matches .recent-search-label{overflow:hidden;text-overflow:ellipsis}
 #mobile-search-stage .is-recent-matches mark{padding:0;background:none;color:#242723;font-weight:800}
 #mobile-search-stage .is-recent-matches .recent-search-fill{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;background:none;color:#6b7068}
 #mobile-search-stage .is-recent-matches .recent-search-fill svg{width:20px;height:20px;pointer-events:none}
 .sc-banner{position:relative;display:block;min-height:84px;margin:6px 16px 8px;overflow:hidden;border:1px solid var(--bd);border-radius:16px;background:var(--bg);color:var(--ink);text-decoration:none}
 .sc-banner:active{filter:brightness(.97)}
 .sc-banner-photo{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;object-position:right center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%);mask-image:linear-gradient(90deg,transparent,#000 42%)}
 .sc-banner-thumbs{position:absolute;right:14px;top:50%;display:flex;transform:translateY(-50%)}
 .sc-banner-thumbs img{width:64px;height:64px;margin-left:-18px;object-fit:contain;filter:drop-shadow(0 4px 6px rgb(50 42 36 / .18))}
 .sc-banner-copy{position:relative;display:flex;flex-direction:column;gap:2px;max-width:64%;padding:13px 16px}
 .sc-banner-copy small{font-size:11px;font-weight:800;opacity:.7}
 .sc-banner-copy strong{font-size:16px;font-weight:850;line-height:1.3;letter-spacing:-.05em;text-wrap:pretty}
 .sc-banner-copy em{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-style:normal;font-size:12px;font-weight:750;color:var(--cta);white-space:nowrap}
 .sc-banner-copy em span{font-size:1.3em;line-height:1}
 @media(prefers-reduced-motion:reduce){
  #mobile-search-stage .recent-search-list li.recent-chip{transition:opacity .12s ease}
  #mobile-search-stage .recent-search-list li.recent-chip.is-leaving{grid-template-columns:1fr;margin-right:0;transform:none}
 }
 .mobile-search-popular{padding:12px 20px}
 .mobile-search-popular h2{margin:0 0 8px;font-size:14px;font-weight:800}
 .mobile-search-popular ol{list-style:none;padding:0;margin:0}
 .mobile-search-popular button{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;border:0;padding:0;text-align:left;background:none;font-size:15px}
 .search-popular-rank{flex:none;width:24px;color:#8a8f86;font-size:14px;font-weight:850}
 .search-popular-rank.is-top{color:#ed5129}
 .mobile-search-status{margin:0;padding:20px;font-size:13px;color:#6b7068}
 #mobile-search-retry{min-height:44px;margin:0 20px}
 .search-brand-row{display:flex;align-items:center;gap:12px;width:100%;height:60px;padding:0 20px;border:0;background:#fff;text-align:left}
 .search-brand-logo{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #e9eae3;border-radius:50%;background:#fff}
 .search-brand-logo .brand-icon,.search-brand-logo img{display:block;width:22px;height:22px;object-fit:contain}
 .search-brand-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
 .search-brand-copy strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800}
 .search-brand-copy small{font-size:12px;color:#6b7068}
 .search-brand-row>span:last-child{font-size:22px;color:#6b7068}
 .mobile-search-product-row,.mobile-search-all-results{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;height:52px;padding:0 20px;border:0;background:#fff;text-align:left;text-decoration:none;color:#3d433b;font-size:15px;font-weight:500}
 .mobile-search-product-row svg,.mobile-search-all-results svg{width:19px;height:19px;color:#9a9f96}
 .search-row-name,.mobile-search-all-results>span:first-of-type{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .search-row-name mark{padding:0;background:none;color:#242723;font-weight:800}
 .search-row-brand{max-width:86px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;color:#6b7068}
 .mobile-search-all-results{height:56px;color:#bc3e20;font-weight:750}
 .mobile-search-all-results svg{color:#bc3e20}
 .mobile-search-all-results>span:last-child{font-size:13px;font-weight:700;white-space:nowrap}
 .mobile-search-product-row:active,.search-brand-row:active{background:#f2f2ec}
 .mobile-search-all-results:active{background:#fbeee8}
 #mobile-search-stage :is(a,button):focus-visible{outline:2px solid #ed5129;outline-offset:-2px}
 #mobile-search-scope-close{width:44px;height:44px;flex:none}
 body.mobile-search-results-view{background:#faf9ef}
 body.mobile-search-results-view::before,body.mobile-search-results-view::after{display:none}
 body.mobile-search-results-view main{padding-top:64px}
 body.mobile-search-results-view #discovery .intro,body.mobile-search-results-view .discovery-surface>.lead,body.mobile-search-results-view #brand-picker,body.mobile-search-results-view .month-shortcuts{display:none}
 body.mobile-search-results-view .discovery-surface{margin-top:0;padding-top:0;border-radius:0 0 26px 26px;box-shadow:none}
 body.mobile-search-results-view .period-panel{margin-top:0;padding-top:0}
 /* Search: compact status and kind choices in one 56px row. The visible pills are 38px; hit targets stay 44px. */
 body.mobile-search-results-view #search-results-toolbar{position:sticky;top:64px;z-index:4;display:flex;align-items:center;gap:8px;height:56px;margin:0 -20px;padding:0 16px;background:#faf9ef;transform:translateY(0);transition:transform 240ms cubic-bezier(.22,.8,.2,1)}
 body.mobile-search-results-view #search-results-toolbar.is-hidden{transform:translateY(-100%);pointer-events:none}
 body.mobile-search-open #search-results-toolbar{visibility:hidden}
 body.mobile-search-results-view .period-panel{margin:0;padding:0}
 body.mobile-search-results-view .period-panel .sectionhead{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body.mobile-search-results-view .period-panel .list-heading-actions,body.mobile-search-results-view .month-toolbar,body.mobile-search-results-view #active-filters{display:none}
 body.mobile-search-results-view #grid{padding-top:18px}
 .search-result-choice{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:4px;min-width:64px;min-height:44px;padding:0 10px;border:0;border-radius:999px;background:none;color:#242723;font-size:13px;font-weight:750;white-space:nowrap}
 .search-result-choice::before{content:"";position:absolute;inset:3px 0;z-index:-1;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #e1e3da;pointer-events:none}
 .search-result-choice>svg{flex:none;width:14px;height:14px}
 .search-result-choice>small{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:inherit;opacity:.75}
 .search-result-choice>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
 #search-result-status{flex:none}
 #search-result-status[data-status=released]{color:#bc3e20}
 #search-result-status[data-status=scheduled]{color:#245cb5}
 #search-result-kind{flex:0 1 auto;max-width:112px;margin-left:auto}
 #search-result-kind.has-selection{color:#bc3e20}
 #search-result-kind.has-selection::before{background:#fff4ef;box-shadow:inset 0 0 0 1px #ed5129}
 .search-result-choice:focus-visible,#search-quick-filter button:focus-visible{outline:2px solid #ed5129;outline-offset:2px}
 #search-quick-filter{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid #e9eae3;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgb(36 39 35 / .14);overflow:auto;overscroll-behavior:contain;z-index:80}
 #search-quick-filter::backdrop{background:transparent}
 #search-quick-filter button{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px;border:0;border-radius:10px;background:none;color:#242723;font:inherit;font-size:14px;text-align:left}
 #search-quick-filter button>svg{flex:none;width:16px;height:16px;visibility:hidden}
 #search-quick-filter button>span{flex:1;min-width:0;overflow-wrap:anywhere}
 #search-quick-filter button>small{flex:none;color:#6b7068;font-size:12px;font-variant-numeric:tabular-nums}
 #search-quick-filter button[aria-checked=true]{font-weight:750;background:#faf9f5}
 #search-quick-filter button[aria-checked=true]>svg{visibility:visible;color:#bc3e20}
 #search-quick-filter button[data-status=released]{color:#bc3e20}
 #search-quick-filter button[data-status=scheduled]{color:#245cb5}
 #search-quick-filter button:disabled,#search-quick-filter button:disabled>small{color:#b3b6ad}
 #search-quick-filter button:active:not(:disabled){background:#f3f3ee}
 .search-result-filter{position:relative;isolation:isolate;display:flex;align-items:center;flex:0 1 auto;min-width:72px;margin-left:0;height:44px;color:#3d433b}
 .search-result-filter::before{content:"";position:absolute;inset:3px 0;z-index:-1;border-radius:999px;background:rgb(36 39 35 / .06);pointer-events:none}
 .search-result-filter.has-filters{min-width:88px;color:#fff}
 .search-result-filter.has-filters::before{background:#242723}
 #search-result-filter-open{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 14px 0 12px;border:0;border-radius:999px;background:none;color:inherit;font-size:13px;font-weight:750}
 #search-result-filter-open svg{flex:none;width:15px;height:15px}
 #search-result-filter-open>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .has-filters #search-result-filter-open{padding-right:0}
 #search-result-filter-clear{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:none;color:inherit}
 #search-result-filter-clear>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgb(255 255 255 / .16)}
 #search-result-filter-clear svg{width:11px;height:11px}
 .mobile-search-no-results{grid-column:1/-1;padding:48px 24px;text-align:center}
 .mobile-search-no-results h2{margin:0 0 12px;font-size:18px;font-weight:850;line-height:1.5}
 .mobile-search-no-results p{margin:0 0 22px;font-size:14px;color:#5b6158;line-height:1.6}
 .mobile-search-no-results>button{min-height:44px;padding:8px 16px;border:1px solid #efc5b5;border-radius:999px;background:#fff4ef;color:#bc3e20;font-size:14px}
 .mobile-search-no-results h3{margin:30px 0 12px;font-size:14px;font-weight:800}
 .search-word-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;text-align:left}
 .search-word-row button{flex:none;min-height:44px;padding:8px 14px;border:1px solid #e9eae3;border-radius:999px;background:#fff;font-size:14px;color:#3d433b}
}

/* Mobile list/detail handoff, 2026-09-28. Desktop keeps the original layout. */
.detail-mobile-only{display:none}
.photo-shimmer{display:none}
@media(max-width:760px){
 .grid .photo,#detail .detail-visual:not([data-photo-treatment]),#detail .detail-visual[data-photo-fill]:not([data-photo-treatment]){background:var(--mobile-photo-bg,#f3f3ee)!important}
 .grid .photo.photo-background--white,#detail .detail-visual.photo-background--white:not([data-photo-treatment]){background:#fff!important}
 .grid .photo.photo-background--transparent,#detail .detail-visual.photo-background--transparent:not([data-photo-treatment]){background:#f5f5f0!important}
 .grid .photo{aspect-ratio:1;border-radius:11px;overflow:hidden}
 .grid .product-photo{object-fit:contain;background:transparent!important}
 .grid .meta{display:flex;flex-wrap:wrap;gap:3px 6px;margin-top:4px;font-size:12px;color:#656b62;font-variant-numeric:tabular-nums}
 .grid .meta>.card-kind{display:none}
 .grid .meta .card-countdown,.grid .meta .card-date-suffix{display:inline}
 .grid .meta .card-date-suffix::before,.grid .meta>.card-date::before,.grid .meta .card-temperature::before{content:none}
 .grid .meta .card-countdown{color:#245cb5;font-weight:800;margin-right:5px}
 .grid .card-temperature{display:inline-flex;gap:6px;flex-wrap:wrap;margin:0;font-size:11px;font-weight:700;color:#59635a}
 .grid .card-temperature-option{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#59635a}
 .grid .card-temperature-option::before{content:'';width:5px;height:5px;border-radius:50%;background:#ca613d}
 .grid .card-temperature-option--iced::before{background:#5685a8}
 .grid .card>.save{position:absolute;right:1px;top:1px;width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;background:transparent;border:0;isolation:isolate;box-shadow:none;color:#242723}
 .grid .card>.save::before,#detail .detail-icon-button::before{content:'';position:absolute;inset:5px;width:auto;height:auto;z-index:-1;border-radius:50%;background:rgb(250 250 246 / .58);backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);border:1px solid rgb(255 255 255 / .55);box-shadow:inset 0 1px 0 rgb(255 255 255 / .6),0 2px 10px rgb(36 39 35 / .12)}
 .grid .card>.save svg{width:17px;height:17px;stroke-width:1.8;fill:none}
 .grid .card>.save[aria-pressed=true] svg{fill:#ed5129;stroke:#ed5129}
 #detail,#detail.detail-has-navigation{--detail-nav-space:0px;--detail-bar-opacity:0;position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:hidden}
 #detail::backdrop{background:rgb(22 27 23 / .5);opacity:var(--detail-backdrop-opacity,1);backdrop-filter:none}
 #detail.detail-opening::backdrop{animation:detail-backdrop-in 320ms ease-out both}
 #detail.detail-closing::backdrop{animation:detail-backdrop-out 360ms ease-in both}
 @keyframes detail-backdrop-in{from{opacity:0}to{opacity:1}}
 @keyframes detail-backdrop-out{to{opacity:0}}
 #detail .detail-viewport{height:100%;border-radius:0;overflow:hidden;position:relative;isolation:isolate;background:transparent}
 #detail .detail-card{position:relative;height:100%;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:none;scrollbar-width:none;overflow-anchor:none;background:#fcfcf8;z-index:1}
 #detail .detail-card-shadow{position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:0 0 24px #000;opacity:var(--detail-shadow-opacity,0)}
 #detail .detail-card>.close,#detail .photo-brand,#detail .detail-saved-mark,#detail .detail-brandline,#detail .release-line,#detail .detail-footer>.detailactions,#detail .detail-footer>.product-share{display:none}
 #detail .detail-visual,#detail .detail-visual.has-temperature{height:260px;min-height:260px;padding:0}
 #detail .detail-visual[data-photo-fill]:not([data-photo-treatment]) .detailphoto,#detail .detail-visual:not([data-photo-treatment]) .detailphoto{transform:none;position:static!important;width:100%!important;height:260px!important;object-fit:contain;clip-path:none!important;mask-image:none!important;-webkit-mask-image:none!important;background:transparent!important}
 #detail .detail-visual:not([data-photo-treatment])::before,#detail .detail-visual:not([data-photo-treatment])::after{content:none}
 #detail .detail-visual[data-photo-treatment] .detailphoto{object-fit:contain;transform:none}
 #detail .detail-visual .release-placeholder{height:260px;min-height:260px;padding:66px 20px 24px}
 #detail .detailbody{padding:22px 22px 120px}
 #detail .detail-mobile-only{display:flex}
 #detail .detail-mobile-heading{display:block}
 #detail .detail-mobile-brandline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;line-height:1.5}
 #detail .detail-mobile-brand{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:600;color:#4f564d;overflow-wrap:anywhere}
 #detail .detail-mobile-brand .brand-icon{width:22px;height:22px;flex:0 0 22px}
 #detail .detail-release-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 9px;border:1px solid #e9eae3;border-radius:8px;background:#fff;color:#4f564d;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}
 #detail .detail-release-chip--scheduled,#detail .detail-release-chip--pending{background:#eff5ff;border-color:#c1d5f5;color:#245cb5}
 #detail .detail-release-chip strong{font-weight:850;padding-right:6px;border-right:1px solid rgb(36 92 181 / .35);line-height:10px}
 #detail .detail-mobile-brandmeta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;max-width:100%}
 #detail .detail-mobile-brandline>.detail-release-chip{margin-left:auto}
 #detail .detail-mobile-tags{position:relative;display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;max-width:100%;margin:0}
 #detail .detail-mobile-tags:empty{display:none}
 #detail .detail-mobile-tags .product-tag{font-size:11px;font-weight:600;padding:3px 8px;max-width:none;white-space:nowrap;letter-spacing:0;flex:none;border-radius:999px}
 #detail .detail-mobile-tags .product-tag--collaboration,#detail .detail-mobile-tags .product-tag--collab{background:#eee6f7;color:#59476e}
 #detail .detail-mobile-tags .product-tag--season{background:#ffedc9;color:#714915}
 #detail .detail-mobile-tags .product-tag--series{background:#e7effc;color:#315783}
 #detail .detail-mobile-tags .product-tag--limited{background:#e2f3eb;color:#245c46}
 #detail .detail-mobile-tags .product-tag--place{background:#f8e8ef;color:#8a3d5d}
 #detail .detail-tags-more{position:relative;isolation:isolate;width:44px;min-height:44px;margin:-9px -9px;padding:0;border:0;border-radius:999px;background:transparent;font-size:11px;font-weight:600;color:#4b4e4a}
 #detail .detail-tags-more::before{content:'';position:absolute;inset:9px;z-index:-1;border-radius:inherit;background:#efefed}
 #detail .detail-more-tags{position:absolute;z-index:8;left:-6px;top:-5px;width:max-content;max-width:min(236px,calc(100vw - 44px));display:flex;flex-wrap:wrap;gap:5px;padding:5px 6px;border-radius:16px;background:rgb(252 252 248 / .97);backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgb(255 255 255 / .7);box-shadow:0 10px 30px rgb(36 39 35 / .16),0 0 0 1px rgb(36 39 35 / .05);transform-origin:18px 13px}
 #detail .detail-more-tags[hidden]{display:none}
 #detail .detailbody h2{margin:10px 0 0;font-size:24px;font-weight:850;line-height:1.35;letter-spacing:-.8px;overflow-wrap:anywhere}
 #detail .detailbody h2+p{margin:12px 0 0;font-size:15px;line-height:1.7;color:#5b6158;word-break:keep-all;overflow-wrap:anywhere}
 #detail .detail-visual>.temperature-picker{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);margin:0;padding:3px;width:fit-content;max-width:calc(100% - 44px);border-radius:999px;gap:0;border:1px solid rgb(255 255 255 / .55);background:rgb(250 250 246 / .58);backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 1px 0 rgb(255 255 255 / .6),0 2px 10px rgb(36 39 35 / .12)}
 #detail .detail-visual>.temperature-picker::before{display:none}
 #detail .temperature-picker button{position:relative;min-width:56px;min-height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:800;color:#3d433b;background:transparent}
 #detail .temperature-picker button::after{content:'';position:absolute;inset:-6px 0}
 #detail .temperature-picker button[aria-pressed=true]{background:#fff;color:#bc3e20;box-shadow:0 1px 4px rgb(36 39 35 / .16)}
 #detail .size-picker{margin-top:16px}
 #detail .selected-facts{grid-template-columns:64px minmax(0,1fr);gap:12px;margin:20px 0 0;padding:18px 0;border-top:1px solid #e9eae3;border-bottom:1px solid #e9eae3;font-size:14px;line-height:1.6}
 #detail .selected-facts dt{color:#6b7068}
 #detail .selected-facts small{font-size:12px}
 #detail .selected-facts .detail-mobile-only{display:block}
 #detail .selected-facts .card-temperature{margin-left:6px}
 #detail .selected-facts dd{overflow-wrap:anywhere}
 #detail .detail-footer{border:0;margin:0;padding:0}
 #detail .product-feedback{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;width:fit-content;margin:28px auto 0;padding:0 12px 0 10px;border:1px solid #e1e3da;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:#4f564d;line-height:1.5}
 #detail .product-feedback::before{content:none}
 #detail .product-feedback::after{content:'';position:absolute;inset:-4px 0}
 #detail .product-feedback-icon{width:14px;height:14px}
 #detail .detail-footer .sample{margin:12px auto 0;max-width:300px;text-align:center;font-size:12px;line-height:1.65;color:#6b7068}
 #detail .detail-mobile-toolbar{position:absolute;z-index:5;top:0;left:0;right:0;height:calc(60px + env(safe-area-inset-top,0px));min-height:0;padding:env(safe-area-inset-top,0px) 10px 0 16px;align-items:center;gap:0;touch-action:none;background:transparent;isolation:isolate}
 #detail .detail-mobile-toolbar::before{content:'';position:absolute;inset:0;z-index:-1;background:rgb(252 252 248 / .8);backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid rgb(36 39 35 / .06);opacity:var(--detail-bar-opacity)}
 #detail .detail-toolbar-spacer{flex:none;width:82px}
 #detail .detail-pull-handle{position:absolute;left:50%;top:calc(7px + env(safe-area-inset-top,0px));transform:translateX(-50%);padding:5px 10px;touch-action:none;cursor:grab;color:var(--pull,#242723);--handle-scrim:rgb(252 252 248 / .68);--handle-outline:rgb(255 255 255 / .55)}
 #detail.detail-top-dark .detail-pull-handle{color:var(--pull,#fff);--handle-scrim:rgb(22 27 23 / .34);--handle-outline:rgb(22 27 23 / .35)}
 #detail .detail-pull-handle::before{content:'';position:absolute;inset:-5px -11px;background:radial-gradient(closest-side,var(--handle-scrim),transparent);pointer-events:none}
 #detail .detail-handle-window{position:relative;display:block;height:7px;border-radius:3px;overflow:hidden;transition:width 700ms cubic-bezier(.34,1.3,.64,1)}
 #detail .detail-handle-track{position:relative;display:flex;align-items:center;gap:3px;height:7px;transition:gap 700ms cubic-bezier(.34,1.3,.64,1)}
 #detail .is-merged .detail-handle-track{gap:0}
 #detail .detail-handle-segment{display:block;flex:none;border-radius:3px;background:currentColor;box-shadow:0 0 0 .5px var(--handle-outline);transition:height 600ms cubic-bezier(.34,1.45,.64,1),opacity 600ms cubic-bezier(.34,1.45,.64,1)}
 #detail .is-merged .detail-handle-segment{border-radius:0}
 #detail .detail-toolbar-title{flex:1;min-width:0;font-size:15px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;opacity:var(--detail-bar-opacity);pointer-events:none}
 #detail .detail-icon-button{position:relative;isolation:isolate;display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;background:transparent;color:#242723}
 #detail .detail-icon-button[data-share-product]{margin-right:-6px}
 #detail .detail-icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 #detail .detail-mobile-actions{position:absolute;z-index:5;bottom:0;left:0;right:0;gap:10px;padding:12px 16px calc(24px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent,#fcfcf8 28%)}
 #detail .detail-mobile-save{display:grid;place-items:center;flex:none;width:52px;height:52px;border:1px solid rgb(255 255 255 / .55);border-radius:12px;background:rgb(250 250 246 / .58);backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 1px 0 rgb(255 255 255 / .6),0 2px 10px rgb(36 39 35 / .12);color:#ed5129}
 #detail .detail-mobile-save svg{width:22px;height:22px;fill:none}
 #detail .detail-mobile-save[aria-pressed=true] svg{fill:currentColor}
 #detail .detail-mobile-link{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:52px;padding:10px;border-radius:12px;background:#ed5129;color:#fff;text-align:center;text-decoration:none;font-size:15px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
 #detail .detail-edge-navigation{position:absolute;inset:0;height:0;margin:0;pointer-events:none}
 #detail .detail-edge-navigation .detail-navigation-center{display:none}
 #detail .detail-edge-navigation button{position:absolute;top:78px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 #detail .detail-edge-navigation button:focus-visible{clip-path:none;width:44px;height:44px;overflow:visible;z-index:9;pointer-events:auto}
 #detail .detail-edge-navigation button[data-detail-step="-1"]{left:16px}
 #detail .detail-edge-navigation button[data-detail-step="1"]{left:auto;right:16px}
 #detail .detail-pull-hint{position:absolute;z-index:8;top:calc(20px + env(safe-area-inset-top,0px));left:0;right:0;display:flex;justify-content:center;pointer-events:none}
 #detail .detail-pull-hint>span{max-width:calc(100% - 32px);padding:7px 12px;border-radius:999px;background:rgb(36 39 35 / .8);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
 #detail .detail-stack-preview{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#fcfcf8;transform:scale(.92)}
 #detail .detail-stack-preview .detailbody{padding-top:22px}
 #detail .detail-stack-shade{position:absolute;inset:0;background:#242723;opacity:.28}
 #detail.detail-opening .temperature-picker{visibility:hidden}
 #detail.detail-morphing .detail-card .detailphoto{visibility:hidden}
 #detail .detail-image-ghost{position:fixed;z-index:2;pointer-events:none;object-fit:contain;transform-origin:top left}
 .detail-morph-origin>.product>.photo,.detail-morph-origin>.save{opacity:0}
 #detail .toast{bottom:calc(104px + env(safe-area-inset-bottom,0px));font-size:13px;border-radius:10px;background:rgb(36 39 35 / .9)}
 .photo[data-photo-loading],.detail-visual[data-photo-loading]{background:#efefea!important}
 .photo[data-photo-loading]>.product-photo,.detail-visual[data-photo-loading]>.detailphoto,.card[data-photo-loading]>.save,.photo[data-photo-loading]>.badge{opacity:0}
 .photo[data-photo-loading] .photo-shimmer,.detail-visual[data-photo-loading] .photo-shimmer{display:block;position:absolute;inset:0;overflow:hidden;background:#efefea;pointer-events:none}
 .photo-shimmer::after{content:'';position:absolute;inset:0 auto 0 -360px;width:360px;background:linear-gradient(90deg,#efefea 0%,#f7f7f3 45%,#efefea 90%);transform:translateX(0)}
 [data-photo-visible]>.photo-shimmer::after{animation:detail-photo-shimmer 1.3s linear infinite}
 @keyframes detail-photo-shimmer{to{transform:translateX(720px)}}
 .photo[data-photo-error]::after,#detail .detail-visual[data-photo-error]::after{content:'사진을 불러오지 못했어요';position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:var(--muted);font-size:12px;text-align:center;background:#f3f3ee}
 @media(prefers-reduced-motion:reduce){[data-photo-visible]>.photo-shimmer::after,#detail.detail-opening::backdrop,#detail.detail-closing::backdrop{animation:none}#detail .detail-handle-window,#detail .detail-handle-track,#detail .detail-handle-segment{transition:none}}
 @supports not (backdrop-filter:blur(1px)){#detail .temperature-picker,.grid .card>.save::before,#detail .detail-icon-button::before,#detail .detail-mobile-save{background:#efefeb}}
 @media(prefers-reduced-transparency:reduce){#detail .temperature-picker,.grid .card>.save::before,#detail .detail-icon-button::before,#detail .detail-mobile-save{background:#efefeb;backdrop-filter:none;-webkit-backdrop-filter:none}}
}

@media(max-width:359px){
 body.mobile-search-results-view #search-results-toolbar{padding-inline:12px}
 .search-result-filter.has-filters #search-result-filter-open svg{display:none}
 .search-result-filter.has-filters #search-result-filter-open{padding-left:10px}
}

/* Final search handoff: small visible controls retain 44px pointer targets. */
@media(max-width:760px){
 body.mobile-search-results-view #search-results-toolbar{gap:6px;padding:0 14px 0 6px;background:#faf9ef}
 #search-result-status{flex:0 1 auto;min-width:98px;gap:4px;padding:0 10px 0 12px;font-size:15px;font-weight:800;background:none}
 #search-result-status::before{background:transparent;box-shadow:none}
 #search-result-status[aria-expanded=true]::before{inset:0;background:rgb(36 39 35 / .06)}
 #search-result-status[data-status=released]{color:#2f7a4f}
 #search-result-status[data-status=scheduled]{color:#245cb5}
 #search-result-status small{flex:none;font-size:15px;font-weight:800;color:#242723;opacity:1}
 #search-result-status>svg{width:15px;height:15px;color:#6b7068}
 .search-result-choice>svg{transition:transform .2s}
 .search-result-choice[aria-expanded=true]>svg{transform:rotate(180deg)}
 .search-result-kind-wrap{position:relative;isolation:isolate;display:flex;align-items:center;flex:0 1 auto;min-width:70px;max-width:150px;height:44px;margin-left:auto;color:#3d433b}
 .search-result-kind-wrap::before,.search-result-filter::before{content:"";position:absolute;inset:3px 0;z-index:-1;border:1px solid #e1e3da;border-radius:999px;background:#fff;pointer-events:none}
 #search-result-kind{flex:0 1 auto;min-width:44px;max-width:none;margin:0;padding:0 10px 0 13px;color:inherit;font-size:13px;font-weight:750}
 #search-result-kind::before{display:none}
 #search-result-kind>svg{width:13px;height:13px;opacity:.6}
 .search-result-kind-wrap:has([aria-expanded=true])::before{border-color:#242723}
 .search-result-kind-wrap.has-selection{min-width:88px;color:#fff}
 .search-result-kind-wrap.has-selection::before{background:#242723;border-color:#242723}
 .has-selection #search-result-kind.has-selection{padding-right:0;color:#fff}
 .has-selection #search-result-kind>svg{display:none}
 #search-result-kind-clear{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;background:none;color:inherit}
 #search-result-kind-clear>span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgb(255 255 255 / .16);font-size:16px;line-height:1}
 .search-result-filter{min-width:72px;margin:0;flex:0 1 auto}
 .search-result-filter.has-filters{min-width:88px}
 .search-result-filter.has-filters::before{background:#242723;border-color:#242723}
 .has-filters #search-result-filter-open>svg{display:none}
 #search-result-filter-open{padding:0 13px 0 11px}
 #search-result-filter-clear>span{width:18px;height:18px}
 #search-quick-filter{padding:0;border:0;border-radius:16px;box-shadow:0 14px 36px rgb(36 39 35 / .18),0 0 0 1px rgb(36 39 35 / .06);transform-origin:top right;animation:sf-pop 180ms cubic-bezier(.22,.8,.2,1)}
 #search-quick-filter[data-menu=status]{padding:6px;border-radius:18px;transform-origin:top left}
 #search-quick-filter button{min-height:46px;gap:10px;padding:0 14px 0 12px;border-radius:0;border-bottom:1px solid #f0efe9;font-size:15px;font-weight:550}
 #search-quick-filter button:last-child{border-bottom:0}
 #search-quick-filter button>small{font-size:13px;font-weight:700;color:#6b7068}
 #search-quick-filter button[aria-checked=true]{background:transparent;font-weight:800;color:#bc3e20}
 #search-quick-filter[data-menu=status] button{display:grid;grid-template-columns:10px minmax(0,1fr) auto;min-height:56px;border:0;border-radius:12px;padding:0 12px;color:#242723}
 #search-quick-filter[data-menu=status] button>span{display:flex;flex-direction:column;gap:1px}
 #search-quick-filter[data-menu=status] button strong{font-size:15px;font-weight:650}
 #search-quick-filter[data-menu=status] button[aria-checked=true]{background:#f5f4ee;color:var(--status-color)}
 #search-quick-filter[data-menu=status] button[aria-checked=true] strong{font-weight:800}
 #search-quick-filter[data-menu=status] button>small{font-size:14px;font-weight:800;color:#5b6158}
 #search-quick-filter[data-menu=status] button[aria-checked=true]>small{color:var(--status-color)}
 #search-quick-filter [data-status=all]{--status-color:#242723}
 #search-quick-filter [data-status=released]{--status-color:#2f7a4f}
 #search-quick-filter [data-status=scheduled]{--status-color:#245cb5}
 .search-status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-color)}
 .search-status-description{font-size:12px;font-weight:400;color:#6b7068;white-space:nowrap}
 #search-quick-filter[data-menu=status] button:disabled{opacity:.4}
 #mobile-search-scope-dialog{max-height:88dvh;background:#faf9ef;border-radius:24px 24px 0 0}
 #mobile-search-scope-dialog[open]{display:flex;flex-direction:column}
 #mobile-search-scope-dialog::backdrop{background:rgb(22 27 23 / .42);backdrop-filter:none}
 #mobile-search-scope-dialog .mobile-scope-handle{flex:none;align-self:center;width:38px;height:4px;margin:10px auto 0;background:#dce1d9}
 #mobile-search-scope-dialog .mobile-scope-header{flex:none;align-items:center;padding:10px 8px 2px 20px}
 #mobile-search-scope-dialog .mobile-scope-header h2{font-size:19px;font-weight:850}
 #mobile-search-scope-close{width:44px;height:44px;background:none;border:0;font-size:25px;color:#3d433b}
 #mobile-search-scope-dialog #mobile-search-scope-content{flex:1;min-height:0;max-height:none;padding:0 0 14px;overflow:auto;scrollbar-width:none}
 #mobile-search-scope-dialog .mobile-scope-footer{flex:none;gap:8px;padding:12px 20px calc(30px + env(safe-area-inset-bottom));border-top:1px solid #ecebe4;background:#faf9ef}
 #mobile-search-scope-reset{min-height:52px;padding:0 18px;border-color:#d9dbd2;white-space:nowrap}
 #mobile-search-scope-reset:disabled{color:#b3b6ad}
 #mobile-search-scope-apply{min-height:52px;border-radius:14px;background:#242723;font-size:16px;font-weight:800}
 #mobile-search-scope-apply:disabled{background:#b3b6ad}
 #mobile-search-scope-content section{padding:0 20px}
 #mobile-search-scope-content .sf-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
 #mobile-search-scope-content h3{margin:0;padding:0;color:#242723;font-size:15px;font-weight:800}
 #sf-brand-summary{margin-left:6px;color:#d8401b;font-size:14px;font-weight:800}
 .sf-section-heading>button{min-height:44px;padding:0;border:0;background:none;font-size:13px;font-weight:700;color:#3d433b}
 #sf-brands-clear{text-decoration:underline;text-underline-offset:3px}
 #sf-brands-all{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:13px;font-weight:750;color:#3d433b}
 #sf-brands-all svg{width:14px;height:14px;color:#d8401b}
 .sf-brand-search{display:flex;align-items:center;gap:8px;height:42px;margin:0 0 10px;padding:0 12px;border:1px solid #e1e3da;border-radius:12px;background:#fff}
 .sf-brand-search>svg{width:16px;height:16px;color:#6b7068;flex:none}
 .sf-brand-search input{flex:1;min-width:0;height:40px;margin:0;padding:0;border:0;outline:0;background:none;font:inherit;font-size:16px;color:#242723}
 .sf-brand-search:focus-within{outline:2px solid #ed5129;outline-offset:2px}
 #sf-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .sf-brand{display:flex;align-items:center;gap:9px;min-width:0;height:52px;padding:0 12px 0 8px;border:1px solid #e3e4dd;border-radius:14px;background:#fff;color:#242723;text-align:left;font-size:14px;font-weight:650}
 .sf-brand[aria-pressed=true]{border-color:#ed5129;background:#fff4ee;box-shadow:inset 0 0 0 .5px #ed5129;font-weight:800}
 .sf-brand:disabled{opacity:.38}
 .sf-brand-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .sf-brand small{flex:none;font-size:12px;font-weight:700;opacity:.72;font-variant-numeric:tabular-nums}
 .sf-logo{position:relative;display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #e9eae3}
 .sf-logo .brand-icon,.sf-logo .brand-icon img{width:22px;height:22px;max-width:22px;object-fit:contain}
 .sf-logo i{display:none;position:absolute;right:-4px;bottom:-4px;place-items:center;width:17px;height:17px;border-radius:50%;background:#ed5129;color:#fff;box-shadow:0 0 0 2px #fff4ee}
 .sf-logo i svg{width:10px;height:10px}
 [aria-pressed=true]>.sf-logo i{display:grid}
 #sf-brand-empty{margin:14px 0 0;font-size:13px;color:#5b6158}
 #sf-brand-more{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:44px;margin:6px 0 0;padding:0;border:0;background:none;color:#3d433b;font-size:13px;font-weight:750}
 #sf-brand-more svg{width:14px;height:14px}
 #sf-brand-more[aria-expanded=true] svg{transform:rotate(180deg)}
 #mobile-search-scope-content .sf-date-section{margin:12px 20px 0;padding:8px 0 0;border-top:1px solid #ecebe4}
 .sf-range-summary{display:flex;align-items:baseline;gap:8px;margin:0 0 8px}
 #sf-range-title{font-size:20px;font-weight:850;letter-spacing:-.04em}
 #sf-range-count{color:#5b6158;font-size:13px;font-weight:700;white-space:nowrap}
 .sf-presets{display:flex;gap:6px;margin:0 0 10px}
 .sf-presets>button{position:relative;isolation:isolate;flex:1;min-width:0;height:44px;padding:0 6px;border:0;background:none;color:#3d433b;font-size:13px;font-weight:650;white-space:nowrap}
 .sf-presets>button::before{content:"";position:absolute;inset:4px 0;z-index:-1;border:1px solid #e1e3da;border-radius:999px;background:#fff}
 .sf-presets>button[aria-pressed=true]{color:#fff;font-weight:800}
 .sf-presets>button[aria-pressed=true]::before{background:#242723;border-color:#242723}
 .sf-presets>button[data-preset=scheduled][aria-pressed=true]::before{background:#245cb5;border-color:#245cb5}
 .sf-year-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
 .sf-year-nav>div{position:relative}
 .sf-year-nav button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;border:0;background:none;color:#242723;font-size:15px;font-weight:800;white-space:nowrap}
 .sf-year-nav button::before{content:"";position:absolute;inset:5px;z-index:-1;border:1px solid #e1e3da;border-radius:999px;background:#fff}
 .sf-year-nav svg{width:16px;height:16px}
 #sf-year-prev>svg{transform:rotate(90deg)}
 #sf-year-next>svg{transform:rotate(-90deg)}
 .sf-year-nav button:disabled{color:#c4c7bf}
 #sf-year-toggle{padding:0 16px}
 #sf-year-toggle::before{inset:4px 0}
 #sf-year-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}
 #sf-years{position:absolute;z-index:5;top:44px;left:50%;width:180px;max-height:230px;overflow:auto;transform:translateX(-50%);border-radius:16px;background:#fff;box-shadow:0 12px 32px rgb(36 39 35 / .18)}
 #sf-years button{width:100%;gap:8px;padding:0 12px;font-size:14px;font-weight:600}
 #sf-years button::before{display:none}
 #sf-years button>span{flex:1;text-align:left}
 #sf-years button>svg{color:#bc3e20;visibility:hidden}
 #sf-years button[aria-checked=true]{background:#fbf4ef;font-weight:800}
 #sf-years button[aria-checked=true]>svg{visibility:visible}
 #sf-years small{font-size:12px;color:#6b7068}
 .sf-chart-label{margin:0 0 4px;font-size:12px;color:#6b7068}
 .sf-chart{position:relative;height:132px}
 .sf-months{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--sf-month-count,12),minmax(0,1fr));height:132px}
 .sf-month{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;height:132px;padding:0;border:0;background:none;color:#6b7068}
 .sf-bar-space{display:flex;align-items:flex-end;justify-content:center;width:100%;height:88px;padding-bottom:4px}
 .sf-bar-space i{display:block;width:62%;border-radius:5px 5px 2px 2px;background:#dcddd5}
 .sf-month.in-range .sf-bar-space i{background:#242723}
 .sf-month.in-range.future .sf-bar-space i{background:#245cb5}
 .sf-month.current .sf-bar-space i{background:#f6c9b8}
 .sf-month.in-range.current .sf-bar-space i{background:#ed5129}
 .sf-month.is-empty.in-range .sf-bar-space i,.sf-month.is-empty .sf-bar-space i{width:4px;background:#d3d5cd;border-radius:50%}
 .sf-month-label{display:grid;place-items:center;height:44px;font-size:11px}
 .sf-month.in-range .sf-month-label{color:#242723;font-weight:800}
 .sf-month.current .sf-month-label{color:#d8401b}
 .sf-month:disabled .sf-month-label{color:#b9bcb3;font-weight:500}
 .sf-current-label{display:none;position:absolute;top:0;left:50%;transform:translateX(-50%);color:#bc3e20;font-size:11px;font-weight:800;white-space:nowrap}
 .sf-current-label::after{content:"";position:absolute;top:18px;left:50%;height:62px;border-left:1.5px dashed #ed5129;z-index:-1}
 .sf-month.current .sf-current-label{display:block}
 #sf-range-band{position:absolute;top:26px;bottom:44px;border-radius:10px;background:#fbebe2}
 .sf-track{position:absolute;z-index:2;top:88px;left:0;right:0;height:2px;background:#e3e4dd}
 #sf-range-line{position:absolute;top:-1px;height:4px;background:#242723}
 #sf-range-line.is-all{background:#9ea298}
 .sf-track [role=slider]{position:absolute;top:50%;display:grid;place-items:center;width:44px;height:44px;transform:translate(-50%,-50%);touch-action:none;cursor:ew-resize;outline-offset:-6px}
 .sf-track [role=slider]>span{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid #c9ccc3;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgb(36 39 35 / .2);color:#6b7068;font:11px monospace;letter-spacing:1px}
 #sf-spill{display:flex;justify-content:space-between;gap:8px}
 #sf-spill>button{position:relative;isolation:isolate;min-height:44px;padding:0 10px;border:0;background:none;color:#3d433b;font-size:12px;font-weight:750}
 #sf-spill>button::before{content:"";position:absolute;inset:7px 0;z-index:-1;border-radius:999px;background:rgb(36 39 35 / .06)}
 .sf-chart-hint{margin:12px 0 0;font-size:12px;line-height:1.5;color:#5b6158}
 #mobile-search-scope-dialog button:focus-visible,.sf-track [role=slider]:focus-visible{outline:2px solid #ed5129;outline-offset:2px}
 .mobile-search-no-results h2{font-size:14px;font-weight:500;color:#5b6158}
 .mobile-search-no-results>button{border-color:#e1e3da;background:#fff;color:#3d433b}
}
@keyframes sf-pop{from{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#search-quick-filter{animation:none}.search-result-choice>svg{transition:none}}
@media(max-width:760px){
 #mobile-search-scope-dialog .mobile-scope-footer{display:flex}
 #mobile-search-scope-reset{flex:none;background:#fff;border:1px solid #d9dbd2;border-radius:14px;font-size:15px;font-weight:750}
 #mobile-search-scope-apply{flex:1;width:auto}
}