/* Home editorial banner. Collection pages use .collections-v2 below. */
.autumn-banner{background:#342219;color:#fff2dc}
.autumn-banner-link{position:relative;display:flex;align-items:center;height:100%;width:100%;text-decoration:none;color:#fff2dc;overflow:hidden}
.autumn-banner-copy{position:relative;z-index:2;padding:24px 30px 24px 6%;max-width:52%}
.autumn-banner-copy>small{display:block;font-size:11px;letter-spacing:.025em;margin-bottom:10px;font-weight:750;color:#edcba9}
.autumn-banner-copy>strong{display:block;font-size:clamp(24px,2.5vw,34px);line-height:1.25;letter-spacing:-.04em}
.autumn-banner-copy>em{display:block;font-style:normal;font-size:13px;font-weight:800;margin-top:16px;color:#ffe0b1}
.collections-home-link{display:none}
@media(max-width:760px){
 .autumn-banner-copy{padding:14px 22px;max-width:54%;transform:translateY(-8px)}
 .autumn-banner-copy>small{font-size:10px;margin-bottom:8px}
 .autumn-banner-copy>strong{font-size:clamp(22px,6vw,31px);line-height:1.25}
 .autumn-banner-copy>em{font-size:11px;margin-top:12px}
}
.autumn-banner-photo{position:absolute;inset:0;pointer-events:none}
.autumn-banner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* Collection handoff: compact editorial cards and the shared product language. */
.collections-v2{margin:0;font-family:"Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:-.025em;background:#fff;color:#242723;--c-orange:#bc3e20;--c-active:#ed5129;--c-line:#e5e6de;--c-muted:#71776d;--c-header:64px;--c-controls:66px}
.collections-v2 *,.collections-v2 *::before,.collections-v2 *::after{box-sizing:border-box}.collections-v2 a{color:inherit;text-decoration:none}.collections-v2 [hidden]{display:none!important}.collections-v2 a:focus-visible,.collections-v2 button:focus-visible{outline:2px solid var(--c-active);outline-offset:5px}
.collections-v2 button,.collections-v2 input{font:inherit;color:inherit}.collections-v2 button{cursor:pointer}.collections-v2 button:disabled{cursor:default}.collections-v2 svg{width:22px;height:22px;flex:none}.collections-v2 input:focus-visible{outline:2px solid var(--c-active);outline-offset:2px}
.c-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;margin:-1px}
.c-header{height:var(--c-header);position:sticky;top:0;z-index:30;background:rgb(255 255 255 / .96);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-line)}
.c-header-inner{max-width:1180px;height:100%;margin:auto;display:flex;align-items:center;gap:12px;padding:0 20px;position:relative}
.c-header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;letter-spacing:-.03em}.c-header-actions{display:flex;gap:4px;margin-left:auto;flex:none}
.c-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;position:relative;flex:none;border-radius:50%;color:inherit}
.c-icon [data-saved-count]{position:absolute;top:1px;right:0;min-width:16px;height:16px;line-height:16px;font-size:10px;background:var(--c-active);color:white;border-radius:10px;padding:0 3px}
.c-icon[aria-pressed=true]{color:var(--c-active)}.c-icon[aria-pressed=true]>svg{fill:currentColor}
.c-search{position:absolute;inset:8px 20px;display:flex;gap:12px;align-items:center;background:#fff}.c-search>svg{margin-left:10px}.c-search input{min-width:0;flex:1;height:40px;background:#f3f3ee;border:0;border-radius:24px;padding:0 16px;font-size:16px}.c-search input::-webkit-search-cancel-button{cursor:pointer}
.c-main{max-width:1180px;margin:auto;padding:0 20px;min-height:65vh}.c-directory-controls{position:sticky;top:var(--c-header);z-index:20;background:#fff;padding:0 0 16px}.c-tabs{display:flex;gap:24px;border-bottom:1px solid var(--c-line);height:56px;margin-bottom:16px}.c-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:0;font-size:15px;font-weight:750;color:var(--c-muted)}.c-tabs button[aria-selected=true]{color:var(--c-orange);border-color:var(--c-active)}.c-tabs button span{font-size:12px;font-weight:500;margin-left:3px}
.c-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.c-chips::-webkit-scrollbar{display:none}.c-chips button{flex:none;border:1px solid #e1e3da;background:#fff;border-radius:30px;min-height:40px;padding:0 16px;font-size:13px;font-weight:650;white-space:nowrap}.c-chips button[aria-pressed=true]{background:#fff0e9;border-color:#efbba9;color:var(--c-orange)}
.c-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:6px}.c-tile{min-width:0}.c-banner{position:relative;display:block;height:172px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,var(--c-bg1),var(--c-bg2));color:var(--c-ink)!important;isolation:isolate;box-shadow:inset 0 0 0 .5px rgb(36 39 35 / .1)}
.c-palette-ivory{--c-bg1:#f4eee2;--c-bg2:#ece3d2;--c-disc:#e7dcc7;--c-ink:#2b2620;--c-accent:#9a4a2a}
.c-palette-butter{--c-bg1:#f1e6c8;--c-bg2:#e9dcb8;--c-disc:#e4d4a6;--c-ink:#2d2615;--c-accent:#7a4d0c}
.c-palette-blush{--c-bg1:#f0ddd8;--c-bg2:#e7cec7;--c-disc:#e2c3bb;--c-ink:#34211f;--c-accent:#8f3030}
.c-palette-sage{--c-bg1:#e0e4d4;--c-bg2:#d6dbc7;--c-disc:#cbd2b8;--c-ink:#1f2a1c;--c-accent:#365c2c}
.c-palette-forest{--c-bg1:#1f2b22;--c-bg2:#18221b;--c-disc:#2a392e;--c-ink:#f1efe6;--c-accent:#d9c28f}
.c-palette-espresso{--c-bg1:#2c2521;--c-bg2:#221c19;--c-disc:#3a312b;--c-ink:#f3ece2;--c-accent:#e0a574}
.c-palette-navy{--c-bg1:#23314b;--c-bg2:#1b2740;--c-disc:#2e3f5f;--c-ink:#eef1f7;--c-accent:#b9c9ea}
.c-type,.c-ended{position:absolute;z-index:2;top:12px;left:12px;background:rgb(255 255 255 / .8);backdrop-filter:blur(10px);color:#3a3631;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.3}.c-ended{left:auto;right:12px}
.c-disc{position:absolute;border-radius:50%;width:168px;height:168px;right:-10px;top:4px;background:var(--c-disc)}
.c-art{position:absolute;width:94px;height:124px;right:24px;bottom:0;object-fit:contain;transform:rotate(-3deg);filter:drop-shadow(0 10px 10px rgb(0 0 0 / .13))}.c-art-1{width:64px;height:86px;right:106px;bottom:2px;transform:rotate(4deg);z-index:-1}
.c-banner-copy{position:absolute;z-index:1;left:18px;right:135px;bottom:16px;display:flex;flex-direction:column;gap:7px}.c-banner-copy h2{font-size:20px;line-height:1.3;margin:0;letter-spacing:-.055em;word-break:keep-all}.c-banner-copy h2 span{display:block}.c-banner-copy h2 span+span{color:var(--c-accent)}.c-rule{width:18px;height:1px;background:currentColor;opacity:.3}.c-banner-meta{font-size:11px;line-height:1.5;opacity:.85}.c-images-2.c-layout-a .c-banner-copy{right:176px}
.c-layout-b .c-disc{right:auto;left:-10px}.c-layout-b .c-art{right:auto;left:24px;transform:rotate(3deg)}.c-layout-b .c-art-1{left:106px;transform:rotate(-4deg)}.c-layout-b .c-banner-copy{left:135px;right:18px;text-align:right;align-items:flex-end}.c-images-2.c-layout-b .c-banner-copy{left:176px}
.c-layout-c .c-disc{width:208px;height:208px;left:50%;right:auto;top:20px;transform:translateX(-50%);background:none;border:1px solid rgb(125 125 125 / .24)}.c-layout-c .c-art{width:70px;height:100px;left:12px;right:auto}.c-layout-c .c-art-1{left:auto;right:12px;z-index:0}.c-layout-c .c-banner-copy{left:96px;right:96px;text-align:center;align-items:center}.c-layout-c .c-banner-copy h2{font-size:19px}
.c-images-0:not(.c-layout-d) .c-banner-copy{left:18px;right:18px}.c-images-0:not(.c-layout-d) .c-disc{opacity:.45}
.c-mood{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% center}.c-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgb(15 30 12 / .8),rgb(15 30 12 / .4) 58%,transparent),linear-gradient(0deg,rgb(15 30 12 / .55),transparent 70%)}.c-tone-wood .c-scrim{background:linear-gradient(90deg,rgb(36 23 16 / .83),rgb(36 23 16 / .4) 56%,transparent),linear-gradient(0deg,rgb(36 23 16 / .6),transparent 75%)}.c-layout-d{--c-ink:#fff8ec;--c-accent:#e3ecbf}.c-tone-wood.c-layout-d{--c-accent:#ffe0b1}.c-layout-d .c-banner-copy{right:18px;max-width:82%}.c-layout-d .c-banner-copy h2{font-size:22px}
.c-collection-grid.is-past{grid-template-columns:repeat(4,minmax(0,1fr))}.is-past .c-banner{height:auto;aspect-ratio:1/.9;filter:saturate(.7)}.is-past .c-banner-copy,.is-past .c-layout-b .c-banner-copy,.is-past .c-layout-c .c-banner-copy{left:14px;right:14px;bottom:14px;align-items:flex-start;text-align:left}.is-past .c-banner-copy h2{font-size:17px;max-width:100%}.is-past .c-art{opacity:.14;right:0;left:auto;top:28px}.is-past .c-banner-meta{font-size:10px}.is-past .c-rule{display:none}.is-past .c-type{font-size:10px}
.c-past-note{font-size:13px;color:var(--c-muted);text-align:center;padding:20px}.c-empty{text-align:center;padding:64px 16px;min-height:220px}.c-empty h2{font-size:20px;margin:0 0 12px}.c-empty p{font-size:14px;color:var(--c-muted);line-height:1.7}.c-empty button{background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:12px 20px;font-size:14px;color:var(--c-orange)}
.c-hero{position:relative;isolation:isolate;overflow:hidden;min-height:260px;padding:36px 38px;background:linear-gradient(135deg,var(--c-bg1),#fff);color:var(--c-ink)}.c-hero-copy{position:relative;max-width:65%;z-index:1} .c-hero h1{font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-.055em;margin:0 0 20px;word-break:keep-all}.c-hero h1 span{display:block}.c-hero:not(.c-layout-d) h1 span+span{color:var(--c-orange)}.c-hero p{font-size:15px;line-height:1.7;margin:0 0 18px;max-width:400px;word-break:keep-all}.c-hero-meta{font-size:12px;line-height:1.6;opacity:.85}.c-hero>.c-art{width:210px;height:270px;right:60px;bottom:8px}.c-hero>.c-art-1{right:190px;width:140px;height:200px}.c-hero>.c-disc{width:340px;height:340px;right:0}.c-hero-collab>.c-art{width:220px;height:270px}.c-hero-collab .c-hero-copy{max-width:52%}.c-hero.c-layout-d{background:var(--c-bg2)}.c-hero.c-layout-d .c-hero-copy{max-width:68%}.c-hero.c-layout-d p{color:#fff8ec}.c-period{font-size:11px;line-height:1.7;color:var(--c-muted);margin:14px 0}
.c-detail-controls{position:sticky;top:var(--c-header);z-index:20;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--c-line);min-height:var(--c-controls);padding:8px 0}.c-section-tabs{display:flex;gap:24px;overflow:auto;scrollbar-width:none;flex:1;min-width:0}.c-section-tabs a{color:var(--c-muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px;min-height:48px;white-space:nowrap;border-bottom:3px solid transparent;font-size:16px;font-weight:800}.c-section-tabs a[aria-current=true]{color:var(--c-orange);border-color:var(--c-active)}.c-section-tabs a span{font-size:12px;font-weight:600}.c-brand-filters{flex:1;min-width:0}.c-filter{position:relative;margin-left:auto;flex:none}.c-filter summary{display:flex;align-items:center;gap:5px;cursor:pointer;border:1px solid var(--c-line);border-radius:28px;padding:0 12px;min-height:38px;font-size:12px;font-weight:700;list-style:none}.c-filter summary::-webkit-details-marker{display:none}.c-filter summary svg{width:16px;height:16px}.c-filter-options{position:absolute;right:0;top:46px;width:175px;background:#fff;padding:6px;border:1px solid var(--c-line);border-radius:14px;box-shadow:0 8px 24px #24272320}.c-filter-options button{width:100%;min-height:44px;border:0;border-radius:8px;background:none;text-align:left;padding:0 10px;font-size:14px}.c-filter-options button[aria-pressed=true]{background:#fff0e9;color:var(--c-orange)}.c-filter-options span{float:right;font-size:12px}
.c-active-filters{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;font-size:12px;color:var(--c-orange)}.c-active-filters button{border:0;background:none;text-decoration:underline;color:var(--c-orange);min-height:32px}.c-product-section{padding-top:30px;scroll-margin-top:145px}.c-section-heading h2{font-size:25px;letter-spacing:-.045em;margin:0 0 6px}.c-section-heading h2 span{font-size:13px;color:var(--c-orange);font-weight:600;margin-left:4px}.c-section-heading p{font-size:13px;line-height:1.6;color:var(--c-muted);margin:0 0 20px}.c-section-heading p:empty{display:none}.c-section-heading{margin-bottom:20px}.c-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.c-product{position:relative;min-width:0}.c-product>a{display:block}.c-photo{position:relative;aspect-ratio:1;border-radius:11px;overflow:hidden;display:flex;align-items:center;justify-content:center}.c-photo img{width:100%;height:100%;object-fit:contain;display:block}.c-missing{font-size:12px;line-height:1.6;color:var(--c-muted);text-align:center;padding:16px}.c-badge{position:absolute;top:10px;left:10px;padding:6px 10px;border:1px solid #ffb9a9;background:#fff;border-radius:9px;color:#d64322;font-size:11px;font-weight:800;box-shadow:0 2px 8px #2427230c}.c-badge:before{content:'●';font-size:9px;margin-right:4px}
.c-end{border-top:1px solid var(--c-line);margin-top:58px;padding-top:26px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.c-end h2{font-size:23px;margin:0;margin-right:auto}.c-end a{min-height:44px;display:flex;align-items:center;color:var(--c-orange);font-weight:750;font-size:14px}.c-end .c-all-products{background:var(--c-active);border-radius:12px;color:#fff;padding:0 18px}
.c-footer{max-width:1180px;margin:60px auto 0;padding:28px 20px 44px;background:#faf9ef}.c-footer img{width:92px;height:auto}.c-footer p{font-size:13px;font-weight:700;margin:18px 0 8px}.c-footer>span{font-size:12px;line-height:1.8;color:var(--c-muted)}.c-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 20px;border-radius:12px;background:#242723ed;color:#fff;font-size:13px;z-index:50;text-align:center}
@media(max-width:1050px) and (min-width:761px){.c-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.c-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .collections-v2{--c-header:52px;--c-controls:58px}.c-header-inner{padding:0 12px;gap:6px}.c-header-title{font-size:15px}.c-header-actions{gap:0}.c-main{padding:0 20px}.c-search{inset:5px 12px}.c-search input{height:38px}.c-directory-controls{padding-bottom:14px}.c-tabs{height:48px;margin-bottom:14px}.c-tabs button{font-size:14px}.c-chips{gap:7px}.c-chips button{font-size:12px;padding:0 14px}.c-collection-grid{grid-template-columns:1fr;gap:14px}.c-banner{height:148px}.c-banner-meta{font-size:10.5px}.c-banner-copy{gap:5px;bottom:15px}.c-banner-copy h2{font-size:20px}.c-collection-grid.is-past{grid-template-columns:repeat(2,minmax(0,1fr))}.is-past .c-banner-copy h2{font-size:15px}.is-past .c-banner-meta{font-size:10px}
 .c-hero{margin:0 -20px;min-height:200px;padding:28px 20px}.c-hero-copy{max-width:calc(100% - 96px)}.c-hero h1{font-size:30px;margin-bottom:18px;line-height:1.3}.c-hero>.c-art{width:95px;height:146px;right:17px;bottom:32px}.c-hero>.c-art-1{width:72px;height:100px;right:82px;bottom:15px}.c-hero>.c-disc{width:165px;height:190px;right:-10px;top:15px}.c-hero-meta{font-size:10px}.c-hero.c-layout-d{min-height:220px;padding-top:28px}.c-hero.c-layout-d .c-hero-copy{max-width:78%}.c-hero.c-layout-d p{font-size:12px;max-width:220px;line-height:1.7}.c-hero-collab{padding-bottom:140px}.c-hero-collab .c-hero-copy{max-width:100%}.c-hero-collab>.c-art{height:145px;width:100px;bottom:0;right:26px}.c-hero-collab>.c-art-1{right:118px;bottom:0}.c-period{font-size:10px;margin:12px 0}.c-detail-controls{gap:8px}.c-section-tabs{gap:18px}.c-section-tabs a{font-size:15px;min-height:44px}.c-section-tabs a span{font-size:12px}.c-filter summary{font-size:11px;min-height:34px;padding:0 9px}.c-brand-filters button{font-size:11px;padding:0 12px;min-height:36px}.c-product-section{padding-top:25px;scroll-margin-top:126px}.c-section-heading h2{font-size:23px}.c-section-heading p{font-size:12px}.c-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.c-badge{top:7px;left:7px;padding:5px 8px;font-size:10px}.c-end{display:block;margin-top:40px}.c-end h2{font-size:21px;margin-bottom:12px}.c-end a{font-size:13px}.c-end .c-all-products{justify-content:center;margin-top:12px}.c-footer{margin-top:40px;padding:28px 20px 36px}
}
@media(max-width:360px){.c-main{padding:0 16px}.c-hero{margin:0 -16px}.c-banner-copy h2{font-size:18px}.c-banner-copy{right:110px;left:14px}.c-art{right:12px;width:84px}.c-images-2.c-layout-a .c-banner-copy{right:140px}.c-layout-b .c-banner-copy{left:110px;right:14px}.c-images-2.c-layout-b .c-banner-copy{left:140px}.c-layout-c .c-banner-copy{left:76px;right:76px}.c-layout-c .c-art{width:56px}.c-hero h1{font-size:26px}.c-hero-copy{max-width:calc(100% - 88px)}}
@media(prefers-reduced-motion:no-preference){.c-banner{transition:transform .18s}.c-banner:active{transform:scale(.985)}.c-hero-copy{animation:c-appear .35s ease-out}@keyframes c-appear{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}}


/* Collection type colours match the main product tags. */
.c-chips button[data-type-filter="collab"],.c-tile[data-type="collab"] .c-type{background:#eee6f7;color:#59476e;border-color:#eee6f7}
.c-chips button[data-type-filter="season"],.c-tile[data-type="season"] .c-type{background:#ffedc9;color:#714915;border-color:#ffedc9}
.c-chips button[data-type-filter="collab"][aria-pressed="true"],.c-chips button[data-type-filter="season"][aria-pressed="true"]{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}
.c-rescene-packs{position:absolute;right:-4px;bottom:-4px;width:182px;height:156px;filter:drop-shadow(0 7px 6px rgb(65 32 19 / .13));pointer-events:none}
.c-rescene-pack{position:absolute;width:136px;height:136px;object-fit:contain;max-width:none;left:0;bottom:11px;transform:rotate(-13deg);clip-path:polygon(19% 10%,81% 10%,80% 14%,79% 17%,79% 84%,81% 90%,19% 90%,20% 85%,20% 17%)}
.c-rescene-pack-1{left:57px;bottom:14px;transform:rotate(12deg)}
.c-rescene-pack-2{left:29px;bottom:-12px;transform:rotate(-2deg);clip-path:none}
.c-arrangement-rescene .c-disc{background:#e5ceca;right:-35px;top:-8px}
.c-arrangement-rescene .c-banner-copy{right:159px}
.c-hero.c-arrangement-rescene{background:linear-gradient(125deg,#f5e7e2,#ecd3cf)}
.c-hero.c-arrangement-rescene .c-hero-copy{max-width:57%}
.c-hero.c-arrangement-rescene .c-hero-meta{display:block;max-width:150px;word-break:keep-all}
.c-hero.c-arrangement-rescene .c-rescene-packs{transform:scale(2.15);transform-origin:right bottom;right:14px;bottom:10px}
.is-past .c-arrangement-rescene .c-rescene-packs{opacity:.15}
.is-past .c-arrangement-rescene .c-banner-copy{right:14px}
@media(max-width:760px){.c-hero.c-arrangement-rescene{padding:28px 20px;min-height:204px}.c-hero.c-arrangement-rescene .c-hero-copy{max-width:54%}.c-hero.c-arrangement-rescene h1{font-size:clamp(22px,5.8vw,28px);margin-bottom:14px}.c-hero.c-arrangement-rescene .c-rescene-packs{transform:scale(1.12);right:-5px;bottom:4px}}
@media(max-width:360px){.c-arrangement-rescene .c-banner-copy{right:134px}.c-arrangement-rescene .c-rescene-packs{transform:scale(.86);transform-origin:right bottom;right:-8px}.c-hero.c-arrangement-rescene .c-rescene-packs{transform:scale(.95);right:-4px}.c-hero.c-arrangement-rescene .c-hero-meta{max-width:130px}}

.is-past .c-banner{filter:none}

/* Brighter collection artwork: original packs over an illustrated studio. */
.c-banner.c-layout-d .c-mood{filter:brightness(1.12) saturate(1.05)}
.c-banner.c-layout-d .c-scrim{background:linear-gradient(90deg,rgb(15 30 12 / .62),rgb(15 30 12 / .12) 58%,transparent),linear-gradient(0deg,rgb(15 30 12 / .4),transparent 60%)}
.c-banner.c-tone-wood .c-scrim{background:linear-gradient(90deg,rgb(36 23 16 / .52),rgb(36 23 16 / .08) 56%,transparent),linear-gradient(0deg,rgb(36 23 16 / .2),transparent 65%)}
.c-banner.c-layout-d .c-banner-copy{text-shadow:0 1px 8px rgb(0 0 0 / .2)}
.c-banner.c-arrangement-rescene,.c-hero.c-arrangement-rescene{background:#f6f0ff url('/assets/banners/rescene-collab-studio-v1.webp') center/cover no-repeat;--c-ink:#372549;--c-accent:#7745a0}
.c-arrangement-rescene>.c-disc{display:none}
.c-banner.c-arrangement-rescene .c-banner-copy{bottom:20px}
.c-banner.c-arrangement-rescene .c-banner-meta{color:#554465;opacity:1}
.c-banner.c-arrangement-rescene .c-rescene-packs{bottom:8px;right:0;transform:scale(.9);transform-origin:right bottom;filter:drop-shadow(0 9px 6px rgb(60 30 84 / .17))}
.c-hero.c-arrangement-rescene .c-hero-copy{color:#372549}
.c-hero.c-arrangement-rescene h1 span+span{color:#7745a0}
.c-hero.c-arrangement-rescene .c-rescene-packs{bottom:16px;right:28px;transform:scale(1.4)}
@media(max-width:760px){.c-hero.c-arrangement-rescene .c-rescene-packs{bottom:12px;right:-4px;transform:scale(1)}}
@media(max-width:360px){.c-banner.c-arrangement-rescene .c-rescene-packs{right:-6px;bottom:12px}.c-hero.c-arrangement-rescene .c-rescene-packs{transform:scale(.86)}}

/* Related collections belong to the collection page, independently of the footer. */
.c-end.c-footer-end{display:block;margin-top:40px;padding:0 20px 36px;border:0;border-radius:0 0 26px 26px;background:#fff;box-shadow:0 1px 0 #e9eae3,0 12px 28px -14px rgb(66 47 25 / .22)}
.c-footer-end .c-list-end{border-top:1px solid #e9eae3;margin:0 0 30px;padding:24px 0 12px;text-align:center;font-size:15px;font-weight:800}
.c-footer-end .c-related-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:12px}.c-footer-end .c-related-heading h2{font-size:18px;font-weight:850;margin:0}.c-footer-end .c-related-heading a{min-height:44px;color:#4f564d;font-size:13px;font-weight:700;white-space:nowrap}
.c-footer-end .c-related-banner{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;height:96px;min-height:96px;overflow:hidden;border-radius:14px;padding:16px 18px;background:#f4f3e9;color:#263724;font-size:16px;font-weight:850;isolation:isolate}
.c-related-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 52%;z-index:-2}.c-related-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f6eaf2 0%,#f7f6eadd 40%,transparent 75%);z-index:-1}.c-related-banner strong{max-width:66%;line-height:1.4}.c-related-banner .c-related-cta{color:#bb3c1b;font-size:13px;font-weight:800}.c-related-banner.c-related-wood::after{background:linear-gradient(90deg,#fff2dff2,#fff2dfc9 45%,transparent 85%)}
.c-footer-end .c-all-products{display:flex;justify-content:center;width:100%;height:52px;margin-top:12px;border-radius:12px;background:#ed5129;color:white;font-size:15px;font-weight:800}
@media(max-width:760px){.c-footer-end .c-related-heading h2{font-size:18px}.c-end.c-footer-end{margin-left:-20px;margin-right:-20px;padding-top:20px}}
@media(max-width:360px){.c-end.c-footer-end{margin-left:-16px;margin-right:-16px}.c-footer-end .c-related-heading{gap:8px}.c-footer-end .c-related-heading h2{font-size:16px}.c-footer-end .c-related-heading a{font-size:12px}}
.c-footer-end .c-related-collab{background:#f6f0ff url("/assets/banners/rescene-collab-studio-v1.webp") center/cover no-repeat;color:#372549}.c-related-collab::after{background:linear-gradient(90deg,#f6f0fff2,#f6f0ffab 50%,transparent 85%)}.c-related-collab>.c-disc{display:none}.c-related-collab>.c-rescene-packs{transform:scale(.62);transform-origin:right bottom;right:4px;bottom:-4px;z-index:-1}.c-related-collab strong{max-width:60%}
.c-footer-end .c-related-banner[href="/collections/cute-finds/"]{background:#e2f3ff;color:#202e59}.c-related-banner[href="/collections/cute-finds/"]>img{clip-path:inset(0 0 0 48%)}.c-related-banner[href="/collections/cute-finds/"]::after{background:linear-gradient(90deg,#e2f3ff 0%,#e2f3ff 46%,transparent 70%)}

/* The meal artwork uses the same untouched product photographs as the cards. */
.c-arrangement-meals{--c-bg1:#f3e8cf;--c-bg2:#f3e8cf;--c-disc:#e7d9b9;--c-ink:#30271c;--c-accent:#c44722}
.c-arrangement-meals .c-art{mix-blend-mode:multiply;filter:none;object-fit:contain;z-index:0;transform:rotate(5deg)}
.c-banner.c-arrangement-meals .c-art{width:31%;height:74%;right:12%;bottom:25%}
.c-banner.c-arrangement-meals .c-art-1{width:19%;height:68%;right:37%;bottom:3%;transform:rotate(-13deg)}
.c-banner.c-arrangement-meals .c-art-2{width:23%;height:43%;right:-1%;bottom:58%;transform:rotate(8deg)}
.c-banner.c-arrangement-meals .c-art-3{width:27%;height:43%;right:18%;bottom:0;transform:rotate(-7deg)}
.c-banner.c-arrangement-meals .c-art-4{width:25%;height:53%;right:-1%;bottom:6%;transform:rotate(8deg)}
.c-banner.c-arrangement-meals .c-banner-copy{right:46%;left:18px;bottom:24px}
.c-banner.c-arrangement-meals .c-banner-copy h2{font-size:24px}
.c-hero.c-arrangement-meals{background:#f3e8cf;min-height:310px}
.c-hero.c-arrangement-meals .c-hero-copy{max-width:54%}
.c-hero.c-arrangement-meals h1{font-size:48px}
.c-hero.c-arrangement-meals>.c-art{width:25%;height:75%;right:12%;bottom:23%}
.c-hero.c-arrangement-meals>.c-art-1{width:15%;height:68%;right:33%;bottom:4%;transform:rotate(-13deg)}
.c-hero.c-arrangement-meals>.c-art-2{width:18%;height:43%;right:0;bottom:53%;transform:rotate(8deg)}
.c-hero.c-arrangement-meals>.c-art-3{width:23%;height:43%;right:16%;bottom:0;transform:rotate(-7deg)}
.c-hero.c-arrangement-meals>.c-art-4{width:21%;height:53%;right:0;bottom:4%;transform:rotate(8deg)}
@media(max-width:760px){.c-hero.c-arrangement-meals{min-height:260px;padding-top:28px;padding-bottom:28px}.c-hero.c-arrangement-meals .c-hero-copy{max-width:57%}.c-hero.c-arrangement-meals h1{font-size:34px}.c-hero.c-arrangement-meals p{font-size:12px;line-height:1.7}.c-hero.c-arrangement-meals>.c-art{width:30%;height:62%;right:7%;bottom:27%}.c-hero.c-arrangement-meals>.c-art-1{width:17%;height:51%;right:29%;bottom:8%}.c-hero.c-arrangement-meals>.c-art-2{width:20%;height:36%;right:-5%;bottom:54%}.c-hero.c-arrangement-meals>.c-art-3{width:26%;height:37%;right:16%;bottom:0}.c-hero.c-arrangement-meals>.c-art-4{width:24%;height:44%;right:-4%;bottom:12%}.c-banner.c-arrangement-meals .c-banner-copy h2{font-size:23px}}
@media(max-width:360px){.c-hero.c-arrangement-meals h1{font-size:28px}.c-banner.c-arrangement-meals .c-banner-copy h2{font-size:20px}}


html.js.initial-product-route #public-page-prerender{display:none}html.initial-product-route body{visibility:hidden}html.initial-product-route body::before{content:'상품 정보를 불러오는 중…';visibility:visible;position:fixed;inset:50% auto auto 50%;width:max-content;height:auto;background:none;transform:translate(-50%,-50%);color:#6b7068;font-size:14px;font-weight:500;white-space:nowrap}
*{box-sizing:border-box}[hidden]{display:none!important} :root{--ink:#242723;--muted:#6b7068;--orange:#ed5129;--line:#e9eae3;--paper:#fcfcf8}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:-.035em}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ed512988;outline-offset:4px}button{color:inherit}header{background:#fcfcf8f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.head{max-width:1160px;margin:auto;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.logo{border:0;background:none;font-size:34px;font-weight:950;letter-spacing:-3px;display:flex;align-items:center;gap:9px;padding:0}.spark{color:var(--orange);font-size:36px;letter-spacing:0}.headnav{display:flex;gap:32px;align-items:center}.headnav button{border:0;background:none;font-size:14px;font-weight:700;padding:12px 0}.headnav .active{color:var(--orange)}.head-saved-label{position:relative}.saved-count-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ffe4d8;color:#c6401d;font-size:10px;font-weight:750;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:none}.saved-count-badge::after{content:"";position:absolute;left:1px;bottom:-1px;width:5px;height:5px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}.head-saved-label .saved-count-badge{left:calc(100% + 3px);top:-10px}.bottom-saved-icon{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none}.bottom-saved-icon .saved-count-badge{left:calc(100% - 4px);top:-7px;box-shadow:0 0 0 2px var(--paper)}main{max-width:1160px;margin:auto;padding:42px 30px 80px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--orange);font-weight:800;margin:0 0 12px}h1,.page-title{font-size:36px;letter-spacing:-1.8px;margin:0 0 10px;line-height:1.3}h1 em{font-style:normal;color:var(--orange)}.subtitle{font-size:14px;color:var(--muted);margin:0}.date{text-align:right;font-size:12px;color:var(--muted);line-height:1.8}.date strong{display:block;font-size:15px;color:var(--ink)}.search{display:flex;align-items:center;gap:12px;border:1px solid #e1e3da;border-radius:12px;padding:0 16px;height:49px;max-width:410px;background:white;margin-bottom:24px}.search svg{width:19px;flex-shrink:0}.search input{border:0;outline:0;min-width:0;width:100%;background:none;font-size:14px}.categories{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:19px}.categories button{border:0;border-bottom:3px solid transparent;padding:0 0 16px;background:none;color:var(--muted);font-weight:700;font-size:15px;white-space:nowrap}.categories button.active{color:var(--ink);border-color:var(--orange)}.brands{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.brands button{border:1px solid var(--line);border-radius:7px;padding:9px 15px;background:transparent;font-size:12px;white-space:nowrap;min-height:38px}.brands button.active{background:var(--ink);color:white;border-color:var(--ink)}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:34px 0 20px}.sectionhead h2{font-size:23px;margin:0;font-weight:850;letter-spacing:-1px}.sectionhead h2 span{font-size:13px;color:var(--muted);font-weight:400;margin-left:9px}.switch{display:flex;gap:7px}.switch button{font-size:12px;background:none;border:0;padding:8px;color:var(--muted)}.switch button.active{color:var(--orange);font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.card{position:relative;animation:arrive .35s both}.product{display:block;width:100%;text-align:left;background:none;border:0;padding:0}.photo{aspect-ratio:1.12;border-radius:13px;background:#eeeee7;overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.product:hover img{transform:scale(1.035)}.badge{color:var(--orange);position:absolute;left:12px;top:12px;background:#fffdf5;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:.1px;border-radius:4px}.badge.future{background:#eef2da;color:#526624}.save{position:absolute;right:10px;top:10px;width:36px;height:36px;display:grid;place-items:center;background:#ffffffee;border:0;border-radius:50%;z-index:1}.save svg{width:17px;height:17px}.save[aria-pressed=true]{color:var(--orange)}.save[aria-pressed=true] svg{fill:#ed51292b}.brandline{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin:14px 0 7px}.dot{height:6px;width:6px;border-radius:50%;background:var(--orange)}.card h3{font-size:16px;font-weight:800;line-height:1.5;margin:0 0 8px;letter-spacing:-.55px}.meta{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.meta span+span:before{content:'·';margin-right:8px}.empty{padding:70px 20px;text-align:center;color:var(--muted);grid-column:1/-1}.empty button{display:block;margin:20px auto;border:1px solid var(--line);padding:10px 16px;border-radius:8px;background:white}.bottomnote{margin-top:45px;padding:24px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted);line-height:1.8}.bottomnote strong{color:var(--ink)}.bottomnav{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:13px 22px;background:var(--ink);color:white;border-radius:10px;font-size:13px;z-index:30;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:20px;padding:0;width:min(490px,calc(100% - 28px));max-height:90svh;background:var(--paper);color:var(--ink);overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}dialog::-webkit-scrollbar{display:none}html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}dialog::backdrop{background:#161b1766;backdrop-filter:blur(4px)}.detailphoto{width:100%;height:240px;object-fit:cover;display:block}.close{position:absolute;right:14px;top:14px;border:0;border-radius:50%;height:38px;width:38px;background:white;font-size:24px}.detailbody{padding:25px}.detailbody h2{margin:8px 0 18px;font-size:26px}.detailbody p{line-height:1.8;font-size:14px;color:#62675e}.detailbody dl{display:grid;grid-template-columns:85px 1fr;gap:12px;font-size:13px;border-block:1px solid var(--line);padding:18px 0}.detailbody dt{color:var(--muted)}.detailbody dd{margin:0}.detailactions{display:flex;gap:10px}.detailactions button,.detailactions a{border-radius:9px;flex:1;padding:13px 8px;font-size:13px;text-align:center;text-decoration:none;border:1px solid var(--line);background:white;color:var(--ink)}.detailactions button{background:var(--orange);color:white;border-color:var(--orange)}.sample{font-size:12px!important;color:var(--muted)!important}.hint{margin:0;font-size:12px;color:var(--muted)}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:900px){.lead{display:flex;justify-content:space-between;align-items:center}.search{margin:0 0 22px;width:320px}.intro{margin-bottom:30px}}@media(max-width:760px){.head{height:66px;padding:0 20px}.logo{font-size:29px}.spark{font-size:29px}.headnav{gap:15px}.headnav button{font-size:12px}.headnav button:first-child{display:none}main{padding:28px 20px 90px}.intro{margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:9px}.my-page .eyebrow{font-size:11px}h1,.page-title{font-size:27px;letter-spacing:-1.4px}.subtitle{font-size:12px}.date{display:none}.search{height:45px;max-width:none;margin-bottom:25px}.categories{gap:25px}.categories button{font-size:14px;padding-bottom:13px}.brands{margin-right:-20px;padding-right:20px}.brands button{padding:8px 13px}.sectionhead{margin:27px 0 17px}.sectionhead h2{font-size:21px}.sectionhead h2 span{font-size:11px}.switch{gap:0}.switch button{font-size:11px;padding:7px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.photo{aspect-ratio:1;border-radius:11px}.badge{left:9px;top:9px;font-size:9px;padding:4px 6px}.save{right:7px;top:7px;width:33px;height:33px}.card h3{font-size:14px;line-height:1.5}.brandline{font-size:10px;margin-top:11px}.meta{font-size:10px;gap:5px}.bottomnote{display:block;font-size:12px}.bottomnote span{display:block;margin-top:10px}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:6;background:#fcfcf8f5;border-top:1px solid var(--line);padding:8px 15px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;backdrop-filter:blur(12px)}.bottomnav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 20px;font-size:10px;color:var(--muted)}.bottomnav button.active{color:var(--orange)}.bottomnav svg{width:21px;height:21px}.toast{bottom:88px}.detailphoto{height:200px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.logo-window{display:block;width:144px;height:54px;mix-blend-mode:multiply}.logo-window img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(1.025)}@media(max-width:760px){.logo-window{width:128px;height:48px}}.weekrange{font-size:12px;color:var(--muted)}.sectionhead{margin-bottom:14px}.weekbar{display:flex;gap:5px;background:#efefe8;padding:5px;border-radius:11px;margin:0 0 24px;max-width:470px}.weekbar button{flex:1;border:0;background:none;border-radius:8px;padding:11px 15px;color:#73766d;font-size:13px;font-weight:700;min-height:48px;transition:background .15s,color .15s}.weekbar button span{font-size:10px;display:block;margin-top:4px;font-weight:400;letter-spacing:0}.weekbar button.active{background:#fff;color:var(--orange);box-shadow:0 1px 3px #2427230c}@media(max-width:760px){.weekbar{max-width:none;margin-bottom:20px}.weekrange{font-size:11px}.weekbar button{padding:10px 8px}.sectionhead{margin-bottom:13px}}.categories{gap:24px;overflow-x:auto;scrollbar-width:none}.categories button{flex-shrink:0}@media(max-width:760px){.categories{gap:23px;margin-right:-20px;padding-right:20px}.subtitle{line-height:1.7}.headnav{gap:10px}}
@media(max-width:760px){.intro{display:block}.desktop-only{display:none}}

.intro-signoff{margin:13px 0 0;font-size:9px;letter-spacing:1.7px;color:var(--muted)}.intro{align-items:center}
.brand-picker{display:flex;gap:10px;align-items:flex-start;min-width:0}.brand-viewport{position:relative;flex:1;min-width:0}.brand-picker .brands{margin:0;padding:2px 8px 5px 0;gap:8px;position:relative;overscroll-behavior-x:none}.categories{overscroll-behavior-x:none}.brand-picker .brands button{flex-shrink:0;scroll-margin-inline:38px}.brand-picker.has-right .brand-viewport:after{content:"";position:absolute;right:0;top:2px;bottom:5px;width:12px;background:linear-gradient(90deg,transparent,var(--paper));pointer-events:none}.brand-expand{flex-shrink:0;border:1px solid var(--line);background:white;border-radius:7px;height:38px;width:64px;margin-top:2px;padding:0 10px;font-size:11px;font-weight:700;white-space:nowrap;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px}.brand-expand svg{display:block;width:12px;height:12px}.brand-scroll{display:none;flex:none;align-items:center;justify-content:center;width:34px;height:38px;margin-top:2px;padding:0;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink)}.brand-scroll svg{width:16px;height:16px}.brand-scroll:disabled{opacity:.35;cursor:default}.brand-picker.expanded .brands{flex-wrap:wrap;overflow:visible}.brand-picker.expanded{padding-bottom:12px;border-bottom:1px solid var(--line)}@media(min-width:761px){.brand-picker.has-overflow:not(.expanded) .brand-scroll{display:flex}}@media(hover:hover) and (pointer:fine){.brand-expand:hover,.brand-scroll:not(:disabled):hover{color:var(--orange)}}@media(max-width:760px){.intro-signoff{margin-top:10px;font-size:8px;letter-spacing:1.4px}.brand-picker{gap:8px}.brand-expand{font-size:11px}.brand-picker .brands{padding-right:0}}
.footer-signoff{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:1.7px;margin:0 0 9px}@media(max-width:760px){.footer-signoff{font-size:11px;letter-spacing:1.3px}}
.headnav button{display:flex;align-items:center;gap:7px}.headnav svg{width:18px;height:18px}.save[aria-pressed=true] svg{fill:var(--orange)}.bottomnav [data-view=saved].active svg{fill:var(--orange)}
.brand-picker .brands.grouped{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.brand-group{width:100%;display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:start}.brand-group h3{margin:10px 0 0;font-size:12px;color:var(--muted);font-weight:700}.brand-group-items{display:flex;flex-wrap:wrap;gap:8px}
.saved-note{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 20px}.saved-note button{border:0;background:none;padding:0;color:var(--orange);text-decoration:underline}
.my-page{max-width:460px;margin:0 auto;padding:14px 0 30px}.my-page .page-title{font-size:30px}.my-description{font-size:14px;color:var(--muted);margin:12px 0 30px}.my-saved{display:flex;align-items:center;gap:12px;width:100%;min-height:80px;padding:22px 20px;background:white;border:1px solid var(--line);border-radius:16px;font-size:15px;font-weight:650;text-align:left}.my-saved:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.my-count-unit{margin-left:3px;font-size:12px;font-weight:400}.my-saved svg{width:21px;height:21px;color:var(--orange)}.my-saved strong{margin-left:auto;color:var(--orange)}.local-note{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.my-login-note{margin:28px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
@media(max-width:760px){.headnav{display:none}.brand-group{display:block}.brand-group h3{margin:0 0 10px}.my-page{padding-top:0}.my-page .page-title{font-size:27px}.bottomnav button{min-width:72px}}

.brandline{font-size:13px;line-height:1.5;color:#4f564d}.card h3{font-size:18px;line-height:1.5}.meta{font-size:12px;line-height:1.6;flex-wrap:wrap;row-gap:2px;color:#656b62}.meta span{white-space:nowrap}
.card-temperature{display:inline-flex;align-items:center;gap:7px;flex:none;margin-left:2px;color:#59635a;font-size:11px;font-weight:700;letter-spacing:.01em}.meta>.card-temperature::before{content:none}.meta .card-temperature-option{display:inline-flex;align-items:center;gap:4px}.meta .card-temperature-option::before{content:"";display:block;flex:none;width:5px;height:5px;margin:0;border-radius:50%;background:#ca613d}.meta .card-temperature-option--iced::before{background:#5685a8}
.detail-meta-group .card-temperature-option{display:inline-flex;align-items:center;gap:4px}.detail-meta-group .card-temperature-option::before{content:"";display:block;flex:none;width:5px;height:5px;border-radius:50%;background:#ca613d}.detail-meta-group .card-temperature-option--iced::before{background:#5685a8}
.restaurant-groups{display:flex;flex-direction:column;gap:12px}.restaurant-group{display:flex;align-items:flex-start;gap:12px;width:100%}.restaurant-group h4{font-size:12px;font-weight:600;color:var(--muted);margin:10px 0 0;min-width:32px}
@media(max-width:760px){.brandline{font-size:12px}.card h3{font-size:16px;letter-spacing:-.45px}.meta{font-size:12px;gap:3px 5px}.restaurant-group{gap:10px}}
@media(max-width:760px){.card-temperature{gap:6px;margin-left:0;font-size:11px}}

.editorial-banner{display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;min-height:150px;margin:0 0 30px;padding:25px 32px;border-radius:14px;background:#fff0e6;color:#80351f}.banner-kicker{display:block;font-size:9px;letter-spacing:1.5px;color:#a95a3c;margin-bottom:10px}.editorial-banner strong{font-size:25px;letter-spacing:-.8px;line-height:1.3}.editorial-banner p{font-size:12px;margin:10px 0 0;color:#916550}.banner-break{display:none}.banner-art{position:relative;margin-right:36px;transform:rotate(-9deg)}.banner-art>span{display:block;font-size:68px;font-weight:950;letter-spacing:-5px;color:var(--orange)}.banner-art i{position:absolute;right:-17px;top:1px;width:14px;height:14px;border-radius:50%;background:#df1833}.banner-art b{position:absolute;left:-40px;bottom:0;color:#f6b493;font-size:38px;font-weight:400}.list-tools{display:flex;gap:14px;align-items:center;flex-shrink:0}.share-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:12px;background:white;white-space:nowrap;min-height:34px}.share-button svg{width:16px;height:16px}.product-share{width:100%;margin-top:12px;color:var(--muted)}#share-fallback{padding:24px}#share-fallback h2{font-size:20px}#share-fallback label{font-size:13px}#share-fallback input{display:block;width:100%;margin:12px 0;padding:10px;border:1px solid var(--line)}#share-fallback button{padding:8px 18px;border:1px solid var(--line);border-radius:6px;background:white}.sectionhead{gap:12px;align-items:flex-start}.sectionhead h2{line-height:1.5}
@media(max-width:760px){.editorial-banner{min-height:134px;margin-bottom:24px;padding:20px}.editorial-banner strong{font-size:21px}.banner-kicker{font-size:8px;letter-spacing:.7px}.banner-break{display:block}.editorial-banner p{max-width:170px;font-size:11px;line-height:1.6}.banner-art{margin-right:12px;margin-left:8px}.banner-art>span{font-size:44px;letter-spacing:-3px}.banner-art i{width:9px;height:9px;right:-10px;top:2px}.banner-art b{font-size:25px;left:-15px;bottom:-15px}.list-tools{gap:6px;flex-direction:column;align-items:flex-end}.share-button{font-size:11px;padding:6px 8px}.sectionhead h2{font-size:20px}}

.brand-expanded-items{display:flex;flex-wrap:wrap;gap:8px;width:100%}
@media(max-width:760px){
 .brand-picker.expanded{display:block;position:relative}
 .brand-picker.expanded>.brand-expand{position:absolute;right:0;top:0}
 .brand-picker.expanded .brands{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
 .brand-picker.expanded .brand-expanded-items,.brand-picker.expanded .brand-group-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
 .brand-picker.expanded .brand-expanded-items button,.brand-picker.expanded .brand-group-items button{width:100%;min-width:0;padding:8px 4px;white-space:normal;overflow-wrap:anywhere}
 .brand-picker.expanded .restaurant-group{display:block}
 .brand-picker.expanded .restaurant-group h4{margin:0 0 8px}
}
@media(min-width:480px) and (max-width:760px){.brand-picker.expanded .brand-expanded-items,.brand-picker.expanded .brand-group-items{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media(min-width:761px){.brand-expanded-lead,.brand-expanded-items{display:contents}}
@media(max-width:760px){
 .brand-picker.expanded.flat-expanded{display:flex;flex-direction:column;gap:8px}
 .brand-picker.expanded.flat-expanded .brand-viewport{width:100%}
 .brand-picker.expanded.flat-expanded>.brand-expand{position:absolute;right:0;top:0;margin-top:2px}
 .brand-picker.expanded.flat-expanded .brands{gap:8px}
 .brand-picker.expanded .brand-expanded-lead{display:grid;grid-template-columns:44px repeat(2,minmax(0,1fr));gap:8px;width:calc(100% - 72px)}
 .brand-picker.expanded .brand-expanded-lead button{padding:8px 4px;min-width:0;white-space:normal;overflow-wrap:anywhere}
 .brand-picker.expanded.flat-expanded .brand-expanded-items{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.photo{aspect-ratio:auto;background:transparent}.photo img{height:auto;object-fit:contain;padding:0;border-radius:inherit}.product:hover img{transform:none}.detailphoto{object-fit:contain;background:#f5f5f0;padding:0}.missing-photo:after{content:'사진을 불러오지 못했어요';position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px}.data-updated{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}.weekbar{max-width:580px}.weekbar button{padding:10px 12px}.weekbar button[data-week=recent]{display:flex;align-items:center;justify-content:center}.meta{align-items:flex-start}.sectionhead h2{font-size:22px}@media(max-width:760px){.weekbar button{font-size:12px;padding:9px 4px}.weekbar button span{font-size:9px}.data-updated{font-size:11px;margin:7px 0 0}.sectionhead h2{font-size:19px}.photo img{padding:0}}

.brand-picker.expanded:has(.brands.grouped){display:block;position:relative}
.brand-picker.expanded:has(.brands.grouped)>.brand-expand{position:absolute;right:0;top:0}
/* Clear category containers, with restaurant types nested inside the same content column. */
.brand-picker .brands.grouped{gap:12px}
.brand-group{grid-template-columns:100px minmax(0,1fr);padding:18px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.brand-group h3{display:flex;align-items:center;gap:9px;margin:9px 0 0;font-size:14px;font-weight:600;color:var(--ink)}
.brand-group h3::before{content:"";width:3px;height:15px;background:var(--orange);border-radius:3px;flex-shrink:0}
.brand-group-items{min-width:0}
.restaurant-groups{gap:0;min-width:0;width:100%}
.restaurant-group{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.restaurant-group+.restaurant-group{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.restaurant-group h4{margin:0;font-size:12px;font-weight:400;min-width:0}
@media(max-width:760px){
 .brand-group{padding:14px 0}
 .brand-group h3{margin:0 0 14px;font-size:13px}
 .brand-picker.expanded .restaurant-group{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px}
 .brand-picker.expanded .restaurant-group h4{margin:0;font-size:11px}
 .brand-picker.expanded .restaurant-group .brand-group-items{grid-template-columns:repeat(3,minmax(0,1fr))}
 .brand-picker.expanded .brand-group-items button{font-size:12px;min-height:40px}
}

.weekbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:470px}
.weekbar button{min-width:0}.weekbar button span{white-space:nowrap}
.archive-navigation{display:flex;justify-content:flex-end;max-width:470px;margin:-12px 0 24px;padding:0;border:0}
.archive-navigation button,.archive-back{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 16px;border:0;background:transparent;font-size:13px;color:var(--muted)}
.archive-navigation button:hover,.archive-back:hover{color:var(--orange)}
.archive-navigation button{border:1px solid #ed51294d;border-radius:8px;color:var(--orange);gap:8px;padding:8px 12px}.archive-navigation button span{font-size:17px;color:var(--orange)}
.archive-back{margin:24px 0 0;padding-left:0;color:var(--orange)}
.archive-back:not([hidden])+.sectionhead{margin-top:8px}
#listtitle,#archive-back{scroll-margin-top:110px}
@media(max-width:760px){.weekbar{max-width:none;width:100%}.weekbar button{font-size:13px;padding:11px 4px}.weekbar button span{font-size:10px}.empty{padding:42px 12px;font-size:13px;line-height:1.8}.archive-navigation{max-width:none;margin:-8px 0 20px;padding:0}#listtitle,#archive-back{scroll-margin-top:84px}}
.sectionhead{align-items:center}.weekrange{padding-top:3px}

.period-panel{display:grid;grid-template-columns:minmax(0,470px) 1fr;align-items:center;gap:14px 24px;margin:34px 0 24px}
.period-panel .sectionhead{grid-column:1/-1;margin:0}
.period-panel .weekbar{grid-column:1;grid-row:2;margin:0;max-width:none;width:100%}
.period-panel .archive-navigation{grid-column:2;grid-row:2;justify-self:end;max-width:none;margin:0;padding:0}
.archive-navigation button .archive-view-word{font-size:inherit;color:inherit;margin-left:-8px}
.archive-back:not([hidden])+.period-panel{margin-top:8px}
@media(max-width:760px){
 .period-panel{grid-template-columns:minmax(0,1fr) auto;gap:12px 10px;margin:27px 0 20px}
 .period-panel .sectionhead,.period-panel .list-tools{display:contents}
 .period-panel #listtitle{grid-column:1;grid-row:1}
 .period-panel #weekrange{grid-column:2;grid-row:1;text-align:right}
 .period-panel:has(.weekbar:not([hidden])) #weekrange{display:none}
 .period-panel .weekbar{grid-column:1/-1;grid-row:2}
 .period-panel .archive-navigation{grid-column:2;grid-row:1}
 .period-panel .archive-navigation button{padding:8px 10px;border:1px solid #ed51294d;min-height:44px;font-size:12px;white-space:nowrap}
 .period-panel .archive-view-word{display:none}
 .period-panel #share-brand{grid-column:2;grid-row:2;justify-self:end}
 .period-panel:has(#share-brand:not([hidden])) .weekbar{grid-row:3}
}
.weekbar button span{font-size:13px;line-height:1.45;margin-top:5px;color:#62675e;font-weight:400;font-variant-numeric:tabular-nums}
.weekbar button.active span{color:var(--orange)}
@media(max-width:760px){.weekbar button span{font-size:clamp(11px,3.1vw,12px);letter-spacing:-.15px}}
.fact-prices>span{display:block;margin-bottom:5px}.fact-prices>span small{display:inline-block;min-width:55px;color:var(--muted);font-size:12px}.fact-basis{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px;font-weight:400}
.release-line{display:grid;grid-template-columns:85px 1fr;gap:12px;border-top:1px solid var(--line);padding-top:18px;font-size:14px}.release-line>span:first-child{color:var(--muted)}
.size-picker{--size-count:3;--selected-size:0;position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(var(--size-count),minmax(0,1fr));padding:4px;margin-top:20px;background:#f1f1ed;border-radius:12px}
.size-picker::before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/var(--size-count));border-radius:9px;background:#fff;box-shadow:0 2px 7px #24272314,0 1px 2px #2427230a;transform:translateX(calc(var(--selected-size)*100%));transition:transform 260ms cubic-bezier(.22,.8,.25,1);pointer-events:none}
.size-picker button{position:relative;z-index:1;min-width:0;min-height:44px;padding:9px 6px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:14px;font-weight:400;transition:color 180ms ease}
.size-picker button[aria-pressed="true"]{color:#b73716;font-weight:600}
@media(prefers-reduced-motion:reduce){.size-picker::before,.size-picker button{transition:none}}
.size-picker+.release-line{border-top:0;margin-top:18px;padding-top:0}
.size-picker button{white-space:normal;overflow-wrap:anywhere;line-height:1.35;font-size:13px;padding-inline:3px}.size-picker button small{font-size:11px;color:inherit}.size-picker--compact button small{display:block}
.detailbody .selected-facts{border-top:0;margin-top:0;padding-top:12px;grid-template-columns:85px 1fr;align-items:start;font-size:14px}.selected-facts dd{text-align:left;font-variant-numeric:tabular-nums;font-size:14px}.selected-facts .fact-prices>span{margin:0}
.detailbody .selected-facts:empty{display:block;padding:0 0 18px;margin-top:0}.selected-facts .fact-price-variable{color:var(--muted);font-weight:500}
.detailbody .release-tag{display:inline-block;margin-left:10px;padding:3px 8px;border:1px solid #ed512933;border-radius:6px;background:#fff3ed;color:#a63b1f;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:0;vertical-align:middle}.selected-facts .calorie-pending{color:var(--muted);font-size:13px}
/* Official brand marks keep their original proportions and never crop. */
:root{--brand-mark-size:20px;--brand-mark-detail-size:36px}
.brand-icon{width:var(--brand-mark-size);height:var(--brand-mark-size);flex:0 0 var(--brand-mark-size);display:inline-flex;align-items:center;justify-content:center;background:none;border:0}
.brand-icon img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important;border-radius:0}
.brand-icon .dot{flex:none}
/* Blend only white-backed supplied artwork into the page; preserve the source files. */
.brand-icon img[src$="/gs25.png"],.brand-icon img[src$="/cheongwoo.png"]{mix-blend-mode:multiply}
.brand-icon:has(img[src$="/gs25.png"]){overflow:hidden}
.brand-icon img[src$="/gs25.png"]{scale:1.28}
.detailbody .detail-brandline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.detail-meta-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.detail-brandname{display:inline-flex;align-items:center;gap:7px}
@media(max-width:760px){:root{--brand-mark-size:18px;--brand-mark-detail-size:32px}}

/* Separate the brand mark from its readable brand name on every product. */
.photo-brand{position:absolute;left:14px;top:14px;z-index:1;display:flex;pointer-events:none}
.photo-brand .brand-icon img{width:100%;height:100%;object-fit:contain;border-radius:0}
.badge{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 10px;border:1px solid #f2c9c2;border-radius:8px;background:#fff;color:#d93825;font-size:13px;font-weight:850;line-height:1;letter-spacing:.3px;white-space:nowrap;box-shadow:0 2px 6px #2427230d}
.badge-dot{width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}
.badge.future{background:#eff5ff;border-color:#c1d5f5;color:#245cb5;letter-spacing:0}
.badge.pending{background:#f0f0ec;border-color:#d9dcd4;color:#666c64;letter-spacing:0}
.photo .badge{top:12px;bottom:auto}
.detail-brandline .detail-status{position:static;flex:none;min-height:24px;padding:4px 10px;border:1px solid #f2c9c2;border-radius:8px;background:#fff;color:#d93825;font-size:12px;font-weight:800;line-height:1.35;letter-spacing:0;box-shadow:none}
.detail-status .status-label{display:block;white-space:nowrap}
.detail-status .badge-dot{width:6px;height:6px}
.detail-brandline .detail-status.future{background:#eff5ff;border-color:#c1d5f5;color:#245cb5}
.detail-brandline .detail-status.pending{background:#f0f0ec;border-color:#d9dcd4;color:#666c64}
@media(max-width:760px){.photo .badge{top:9px;left:9px;min-height:27px;padding:5px 8px;font-size:11px;gap:5px}.photo .badge-dot{width:6px;height:6px}}
.detail-visual{position:relative;isolation:isolate;height:220px;overflow:hidden;background:#f5f5f0}
.detail-visual .detailphoto{width:100%;height:100%}
/* Match the whole frame to verified original-photo backgrounds, without altering pixels. */
.photo.photo-background--white,.mobile-search-product-photo.photo-background--white,.detail-visual.photo-background--white{background:#fff!important}
.photo.photo-background--transparent,.mobile-search-product-photo.photo-background--transparent,.detail-visual.photo-background--transparent{background:#f5f5f0!important}
.detail-visual.photo-background--white .detailphoto{background:#fff}
.detail-visual.photo-background--transparent .detailphoto{background:transparent}
/* The official 1640 PNG has transparent vertical padding; crop only that padding in the fixed detail frame. */
#detail .detail-visual[data-photo-fill="1640"] .detailphoto{object-fit:cover;background:transparent}
/* The verified 315g Delos pack occupies a narrow band in its white square; enlarge only its detail view. */
#detail .detail-visual[data-photo-fill="1304"] .detailphoto{transform:translateY(25px) scale(1.55)}
/* Reviewed studio fills affect only the space around the unchanged photo. */
#detail .detail-visual[data-photo-fill="1667"]{background:#fccc10!important}
#detail .detail-visual[data-photo-fill="1650"],#detail .detail-visual[data-photo-fill="1651"]{background:#fff!important}
#detail .detail-visual[data-photo-fill="1651"] .detailphoto{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)!important;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)!important}
#detail .detail-visual[data-photo-fill="1652"]{background:linear-gradient(90deg,transparent,rgba(166,43,55,.045)),linear-gradient(180deg,#fcd5da,#f8b9c1 50%,#fcdee0)!important}
#detail .detail-visual[data-photo-fill="1653"]{background:linear-gradient(90deg,transparent,rgba(90,42,28,.08)),linear-gradient(180deg,#eecec3,#dca996 50%,#e5c3b7)!important}
#detail .detail-visual:is([data-photo-fill="1667"],[data-photo-fill="1650"],[data-photo-fill="1651"],[data-photo-fill="1652"],[data-photo-fill="1653"]) .detailphoto{background:transparent!important}
.detail-visual[data-gradient]::before,.detail-visual[data-gradient]::after{content:"";position:absolute;top:0;bottom:0;width:var(--edge-width);pointer-events:none;z-index:0}
.detail-visual[data-gradient]::before{left:0;background:var(--edge-left);mask-image:linear-gradient(to right,transparent,#000)}
.detail-visual[data-gradient]::after{right:0;background:var(--edge-right);mask-image:linear-gradient(to right,#000,transparent)}
.detail-visual[data-gradient] .detailphoto{position:relative;z-index:1}
.detail-visual[data-projected]::before,.detail-visual[data-projected]::after{mask-image:none;background-size:100% 100%}
.detail-visual[data-soft-backdrop]::before{content:"";position:absolute;inset:-36px;z-index:0;background-image:var(--soft-photo);background-size:cover;background-position:center;filter:blur(32px) saturate(.82)}
.detail-visual[data-soft-backdrop] .detailphoto{position:absolute;z-index:1}
.detail-visual[data-soft-backdrop] .photo-brand{z-index:2}
.detailbody h2{margin-bottom:10px}
.detailbody h2+p{margin-top:10px;line-height:1.6}
@media(max-width:760px){.detail-visual{height:170px}}
.detail-visual .photo-brand{left:22px;top:22px}
.detail-visual{--brand-mark-size:var(--brand-mark-detail-size)}
/* The Coffee Bean's detailed mark is fine-lined; keep it crisp and legible on dark photos. */
.detail-visual .photo-brand .brand-icon:has(img[src$="/coffeebean-mark.png"]){width:44px;height:44px;flex-basis:44px;padding:4px;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 1px 7px #20122824}
@media(max-width:760px){.detail-visual .photo-brand .brand-icon:has(img[src$="/coffeebean-mark.png"]){width:40px;height:40px;flex-basis:40px;padding:4px}}
/* The Dongwon F&B wordmark is wide; give it legible width in the photo header only. */
.detail-visual .photo-brand .brand-icon:has(img[src$="/dongwon-fnb-official-20260930.png"]){width:84px;flex-basis:84px}
@media(max-width:760px){.detail-visual .photo-brand .brand-icon:has(img[src$="/dongwon-fnb-official-20260930.png"]){width:72px;flex-basis:72px}}
/* Compact cards use the supplied square mark; the photo header uses its full horizontal wordmark. */
.detail-visual .photo-brand .brand-icon--artbox{width:100px;height:36px;flex-basis:100px;background:url('/brand-icons/artbox-user-20260929.png') center/130% auto no-repeat}
.detail-visual .photo-brand .brand-icon--artbox img{visibility:hidden}
@media(max-width:760px){.detail-visual .photo-brand .brand-icon--artbox{width:85px;height:32px;flex-basis:85px}}
.detail-saved-mark{position:absolute;right:22px;bottom:18px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff5ef;color:var(--orange);box-shadow:0 2px 8px #0000000a;pointer-events:none}
.detail-saved-mark[hidden]{display:none}
.detail-saved-mark svg{width:24px;height:24px;fill:currentColor}
@media(max-width:760px){.detail-saved-mark{right:18px;bottom:16px}}
.close{z-index:3}
.release-placeholder{width:100%;min-width:0;padding:48px 8px 28px;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f0efe7;color:#68705f;min-height:180px;aspect-ratio:1.12;border-radius:inherit}
.release-placeholder svg{width:30px;height:30px;color:#929b83}
.release-placeholder strong{font-size:15px;font-weight:750;letter-spacing:-.4px}
.release-placeholder small{font-size:12px;color:var(--muted)}
.detail-visual .release-placeholder{aspect-ratio:auto;min-height:220px}
.archive-navigation{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.archive-navigation button[aria-pressed=true]{background:#efeee6;color:var(--ink);border-color:#d6d9cd}
@media(max-width:760px){.photo-brand{left:10px;top:10px}.release-placeholder{min-height:160px;aspect-ratio:1}.release-placeholder strong{font-size:14px}.detail-visual .release-placeholder{min-height:170px}.archive-navigation{width:100%}}

.photo-brand:has(img[src$="/gs25.png"]),.photo-brand:has(img[src$="/cheongwoo.png"]){mix-blend-mode:multiply}
@media(max-width:760px){
 .period-panel .archive-navigation{grid-column:1/-1;grid-row:3;justify-self:stretch}
 .period-panel:has(#share-brand:not([hidden])) .archive-navigation{grid-row:4}
 .period-panel:has(.weekbar[hidden]) .archive-navigation{grid-row:2}
 .period-panel .archive-navigation button{flex:1}
}

/* Asset normalization only: every brand shares the same outer size tokens.
   See docs/ui-conventions.md. Do not add brand-specific width overrides. */
.brand-icon.brand-icon--cu{overflow:hidden}
.brand-icon.brand-icon--cu img{width:100%;height:50%;object-fit:cover;object-position:right center}
.brand-icon.brand-icon--seven{overflow:hidden;mix-blend-mode:multiply}
.brand-icon.brand-icon--seven img{scale:1.2}
.photo-brand:has(.brand-icon--seven){mix-blend-mode:multiply}
.brand-icon.brand-icon--kfc{overflow:hidden;mix-blend-mode:multiply}
.brand-icon--kfc img{scale:1.35}
.photo-brand:has(.brand-icon--kfc){mix-blend-mode:multiply}

/* Saving feedback remains visible above the native product dialog. */
.toast{inset:auto auto 28px 50%;margin:0;border:0;width:max-content;max-width:calc(100vw - 32px);white-space:normal;text-align:center;box-sizing:border-box;background:rgb(36 39 35 / .9);font-weight:500;transform:translate(-50%,16px);transition:none}
.toast.show{transform:translate(-50%,0);animation:none}
@media(min-width:761px){
 .toast{inset:auto auto clamp(88px,10vh,160px) 50%;max-width:min(360px,calc(100vw - 48px))}
}
.toast::backdrop{background:transparent;pointer-events:none}
.saved-heart-burst{position:fixed;inset:50% auto auto 50%;margin:0;padding:0;border:0;overflow:visible;width:clamp(96px,18vw,144px);height:clamp(96px,18vw,144px);background:transparent;z-index:40;pointer-events:none;color:var(--orange);filter:drop-shadow(0 5px 12px #ffffffc0);animation:saved-heart-approach .72s cubic-bezier(.16,.8,.3,1) both}
.saved-heart-burst::backdrop{background:transparent;pointer-events:none}
.saved-heart-burst svg{width:100%;height:100%;fill:currentColor;stroke-width:1}
@keyframes saved-heart-approach{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}25%{opacity:1}55%{transform:translate(-50%,-50%) scale(1.2);opacity:1}100%{transform:translate(-50%,-50%) scale(2.3);opacity:0}}
@media(max-width:760px){.toast{bottom:88px}}
@media(prefers-reduced-motion:reduce){.saved-heart-burst{animation:none;transform:translate(-50%,-50%);opacity:.85}}

.brandline{min-height:24px;flex-wrap:nowrap}
.brandline>span:not(.product-tag){flex:none;white-space:nowrap}
.brandline .product-tag{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-tag{display:inline-flex;align-items:center;flex:none;white-space:nowrap;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.35;letter-spacing:0;background:#efefed;color:#4b4e4a}
.product-tag--collaboration{background:#eee6f7;color:#59476e}
.product-tag--season{background:#ffedc9;color:#714915}
.product-tag--series{background:#e7effc;color:#315783}
.product-tag--limited{background:#e2f3eb;color:#245c46}
.product-tag--place{background:#f8e8ef;color:#8a3d5d}
.product-tag--relaunch{background:#f1eae3;color:#70513b}
.detail-tags .product-tag,.detail-brandline .detail-status{box-sizing:border-box;min-height:26px;font-size:12px;line-height:1.35;padding:4px 10px}
.detail-brandline .detail-status{padding:3px 9px}
.detail-tags{display:inline-flex;align-items:center;flex:0 0 auto;flex-wrap:wrap;max-width:100%;gap:6px 8px;margin:0}
.detail-tags .product-tag{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}

/* The dialog is the stationary frame; only its card moves during navigation. */
#detail{--detail-nav-space:0px;--detail-max-height:min(90svh,calc(100svh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));width:min(620px,calc(100% - 128px));max-height:var(--detail-max-height);overflow:visible;background:transparent}
#detail.detail-has-navigation{--detail-nav-space:40px}
/* Clip moving content separately so the fixed arrows can remain outside. */
/* Clip the rounded edge once, so a second paper background cannot leave a pale rim. */
#detail .detail-viewport{position:relative;overflow:hidden;overflow:clip;border-radius:inherit;background:transparent;isolation:isolate}
#detail .detail-card{display:block;position:relative;height:auto;max-height:min(760px,calc(var(--detail-max-height) - var(--detail-nav-space)));overflow:auto;overscroll-behavior:contain;scrollbar-width:none;border-radius:0;background:var(--paper)}
#detail .detail-outgoing{position:absolute;left:0;width:100%;pointer-events:none;z-index:1}
#detail.detail-controls-muted .detail-card{will-change:transform,opacity}
#detail .detailbody{padding:28px 32px 32px}
#detail .detail-content,#detail .detail-footer{display:flow-root}
#detail .detail-footer>.sample{margin:12px auto 0;max-width:440px;line-height:1.7;text-align:center;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
#detail .detailbody h2+p:empty{display:none}
#detail .detail-card::-webkit-scrollbar{display:none}
#detail .close{top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;color:#465043;font-size:0;line-height:1;isolation:isolate}
#detail .close::before{content:"";position:absolute;inset:10px;border:1px solid #ffffff52;border-radius:50%;background-color:#fcfcf899;background-image:linear-gradient(145deg,#ffffff26,#ffffff0a 70%);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);box-shadow:inset 0 1px 0 #ffffff40,0 1px 4px #2427230d;z-index:-1;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}
#detail .close svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;pointer-events:none;transition:transform .15s ease}
#detail .close:focus-visible{outline:2px solid var(--orange);outline-offset:0}
#detail .close:active::before,#detail .close:active svg{transform:scale(.94)}
@media(hover:hover){#detail .close:hover::before{background-color:#fcfcf8c7;box-shadow:inset 0 1px 0 #ffffff73,0 2px 6px #24272317}}
@media(prefers-reduced-motion:reduce){#detail .close::before,#detail .close svg{transition:none}#detail .close:active::before,#detail .close:active svg{transform:none}}
.detail-navigation-center{display:block;min-width:64px;padding:0;text-align:center;font-size:14px;color:#fff;line-height:1.4;background:transparent;border:0;border-radius:0;box-shadow:none;text-shadow:0 1px 4px #0008;font-variant-numeric:tabular-nums;white-space:nowrap}
.detail-navigation-total{font-weight:400;color:#ffffffd9}
.detail-navigation-center strong{font-weight:600}
#detail .detail-edge-navigation{display:flex;align-items:center;justify-content:center;height:28px;margin-top:12px;pointer-events:none;opacity:1;transition:opacity .2s ease}
#detail.detail-controls-muted .detail-edge-navigation{opacity:.45;transition-duration:.12s}
#detail .detail-edge-navigation button{position:absolute;top:calc((100% - var(--detail-nav-space))/2);transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;color:#343a32;pointer-events:auto;isolation:isolate;z-index:4}
#detail .detail-edge-navigation button::before{content:"";position:absolute;width:48px;height:48px;box-sizing:border-box;border:1px solid #ffffff80;border-radius:50%;background:#ffffffad;box-shadow:0 1px 5px #00000010;backdrop-filter:blur(5px);z-index:-1}
#detail .detail-edge-navigation button[data-detail-step="-1"]{left:-64px}
#detail .detail-edge-navigation button[data-detail-step="1"]{right:-64px}
#detail .detail-edge-navigation button:disabled{opacity:.3;cursor:default}
#detail .detail-edge-navigation button:focus-visible{outline:2px solid var(--orange);outline-offset:0}
#detail .detail-edge-navigation button::before,#detail .detail-edge-navigation svg{transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s ease,box-shadow .2s ease}
#detail .detail-edge-navigation button:not(:disabled):active::before,#detail .detail-edge-navigation button:not(:disabled):active svg{transform:scale(.9)}
@media(hover:hover){
 #detail .detail-edge-navigation button:not(:disabled):hover::before{background:#fffffff0;box-shadow:0 3px 12px #00000014}
}
@media(prefers-reduced-motion:reduce){
 #detail .detail-edge-navigation,#detail .detail-edge-navigation button::before,#detail .detail-edge-navigation svg{transition:none}
 #detail .detail-edge-navigation button:not(:disabled):active::before,#detail .detail-edge-navigation button:not(:disabled):active svg{transform:none}
}
#detail .detail-edge-navigation svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
#detail .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#detail .detail-visual img{-webkit-user-drag:none;user-select:none}
#detail.detail-dragging{user-select:none;cursor:grabbing}
@media(min-width:761px){
 /* A centered, viewport-sized frame stays identical while products change. */
 #detail{inset-block:0;margin-block:auto}
 #detail .detail-card{height:min(760px,calc(var(--detail-max-height) - var(--detail-nav-space)))}
 #detail .detailbody{display:flex;flex-direction:column;min-height:calc(100% - 220px)}
 #detail .detail-footer{margin-top:auto}
}
@media(max-width:760px){
 #detail{width:min(490px,calc(100% - 48px))}
 #detail.detail-has-navigation{--detail-nav-space:56px;margin-block:auto max(24px,env(safe-area-inset-bottom,0px))}
 /* Short details follow their content; only long details fill the available height. */
 #detail .detail-card{max-height:calc(var(--detail-max-height) - var(--detail-nav-space))}
 #detail .detailbody{padding:25px 25px 12px}
 #detail .detail-edge-navigation{height:44px;gap:18px}
 #detail .detail-edge-navigation button{position:relative;inset:auto;transform:none;flex:0 0 44px;width:44px;height:44px}
 #detail .detail-edge-navigation button[data-detail-step]{left:auto;right:auto}
 #detail .detail-edge-navigation button::before{width:44px;height:44px}
 #detail .detail-edge-navigation svg{width:20px;height:20px}
}
@media(max-width:360px){#detail .detailbody{padding-inline:20px}}


.to-top{position:fixed;z-index:4;right:16px;bottom:calc(var(--tabbar-h,0px) + var(--tabbar-bottom-gap,0px) + 14px + env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgb(250 249 239 / .86);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);color:#242723;box-shadow:0 4px 14px rgb(36 39 35 / .14),inset 0 0 0 .5px rgb(36 39 35 / .10);opacity:0;transform:translateY(12px) scale(.88);pointer-events:none;transition:opacity .28s ease,transform .42s cubic-bezier(.3,1.35,.5,1)}
.to-top::before{content:"";position:absolute;inset:-1px;border-radius:50%}
.to-top.is-on{opacity:1;transform:none;pointer-events:auto}
.to-top[data-blocked],.to-top[data-blocked]~:is(.to-top-label,.to-top-fx),body.mobile-search-open :is(.to-top,.to-top-label,.to-top-fx),body:has(dialog[open]) :is(.to-top,.to-top-label,.to-top-fx){visibility:hidden}
.to-top .to-top-ring{position:absolute;inset:0;width:42px;height:42px;overflow:visible;pointer-events:none}
.to-top-track{fill:none;stroke:rgb(36 39 35 / .12);stroke-width:2}
.to-top-bar{fill:none;stroke:#ed5129;stroke-width:2;stroke-linecap:round;stroke-dasharray:122.5;stroke-dashoffset:122.5}
.to-top-dot{fill:#ed5129;stroke:#fff;stroke-width:1.5;opacity:0}
.to-top .to-top-arrow{width:18px;height:18px;position:relative;pointer-events:none}
.to-top:focus-visible{outline:2px solid #ed5129;outline-offset:2px}
.to-top-label{position:fixed;z-index:4;right:68px;bottom:calc(var(--tabbar-h,0px) + var(--tabbar-bottom-gap,0px) + 18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;height:34px;padding:0 12px;border-radius:17px;background:rgb(36 39 35 / .92);color:#fff;font-size:12px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(10px) scale(.92);transition:opacity .22s ease,transform .38s cubic-bezier(.3,1.35,.5,1)}
.to-top-label.is-on{opacity:1;transform:none}
.to-top-fx{position:fixed;z-index:4;right:16px;bottom:calc(var(--tabbar-h,0px) + var(--tabbar-bottom-gap,0px) + 14px + env(safe-area-inset-bottom,0px));width:42px;height:42px;overflow:visible;pointer-events:none}
.to-top-fx *{pointer-events:none}
/* The site tab bar ends at 760px; the supplied control changes size at 768px. */
@media(min-width:761px){.to-top,.to-top-fx{bottom:28px}.to-top-label{bottom:32px}}
@media(min-width:768px){
 .to-top{width:48px;height:48px;right:28px;bottom:28px;cursor:pointer;transition:opacity .28s ease,transform .42s cubic-bezier(.3,1.35,.5,1),box-shadow .2s ease,background .2s ease}
 .to-top::before{inset:0}
 .to-top .to-top-ring{width:48px;height:48px}
 .to-top .to-top-arrow{width:20px;height:20px}
 .to-top:hover{background:rgb(250 249 239 / .96);box-shadow:0 8px 22px rgb(36 39 35 / .18),inset 0 0 0 .5px rgb(36 39 35 / .12)}
 .to-top.is-on:hover{transform:translateY(-2px)}
 .to-top.is-on:active{transform:scale(.96)}
 .to-top-fx{width:48px;height:48px;right:28px;bottom:28px}
 .to-top-label{right:86px;bottom:35px}
 .to-top:is(:hover,:focus-visible)~.to-top-label{opacity:0}
 .to-top::after{content:"맨 위로";position:absolute;right:calc(100% + 10px);top:50%;transform:translate(6px,-50%);padding:6px 10px;border-radius:8px;background:rgb(36 39 35 / .9);color:#fff;font-size:12px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
 .to-top.is-on:hover::after,.to-top.is-on:focus-visible::after{opacity:1;transform:translate(0,-50%)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.to-top{background:rgb(250 249 239 / .96)}}
@media(prefers-reduced-transparency:reduce){.to-top{background:rgb(250 249 239 / .96);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.to-top{transition:opacity .12s ease;transform:none}.to-top.is-on:hover,.to-top.is-on:active{transform:none}.to-top::after,.to-top-label{transition:none}.to-top-label{transform:none}}
/* Collections have no bottom navigation; keep the same viewport-edge control. */
.collections-v2 :is(.to-top,.to-top-label,.to-top-fx){z-index:25}
@media(max-width:767px){.collections-v2 :is(.to-top,.to-top-fx){bottom:calc(28px + env(safe-area-inset-bottom,0px))}.collections-v2 .to-top-label{bottom:calc(32px + env(safe-area-inset-bottom,0px))}}

/* 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));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% - 8px)/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{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:44px;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 .period-label{display:block;line-height:18px;white-space:nowrap}
.month-shortcuts button small{display:block;margin:0;font-size:11px;line-height:14px;font-weight:400;white-space:nowrap}
@media(max-width:760px){.month-shortcuts .period-label{line-height:16px}}
.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-year{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:12px}
.filter-year button,#sf-year-prev,#sf-year-next{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;flex:none;width:44px;min-width:44px;height:44px;cursor:pointer;color:var(--ink)}
.filter-year button::before,#sf-year-prev::before,#sf-year-next::before{content:"";position:absolute;inset:5px;border:1px solid #e3e4de;border-radius:50%;background:white;z-index:-1}
.filter-year button,#sf-year-prev,#sf-year-next{isolation:isolate}
.filter-year button svg,#sf-year-prev svg,#sf-year-next svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.filter-year button:disabled,#sf-year-prev:disabled,#sf-year-next:disabled{color:#bbb;opacity:1;cursor:default}.filter-year strong{display:flex;align-items:center;height:44px;font-size:20px;font-weight:800;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;box-shadow:0 3px 8px rgb(237 81 41 / .2)}
.filter-months button:disabled{background:transparent;border-color:transparent;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(3,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,.mobile-search-backdrop{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-slide{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}
.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)}
 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}
 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}
 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)}
 /* 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}
#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}
}

/* The same end-of-list note reflects the current scope on every product list. */
.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);overflow-wrap:anywhere}
.list-end-sub{margin:0;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.list-end-actions{display:flex;gap:8px;width:100%;max-width:440px}
.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)}
@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}
 /* The keyboard resizes the scroll area, not the opaque backing. iOS keyboard
    translucency must not expose the catalogue underneath the search screen. */
 body.mobile-search-open .mobile-search-backdrop{display:block;position:fixed;inset:0;min-height:100lvh;z-index:6;background:#fff;pointer-events:none}
 body.mobile-search-open main{visibility: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}
 @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}
 #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:#bc3e20}
 #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:#f64b26;border-color:#f64b26}
 .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:#f64b26;border-color:#f64b26}
 .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}
 /* Only the selected brand/period chip; keep the search field and kind controls unchanged. */
 .search-result-filter.has-filters{min-width:0;padding:0 6px 0 14px;gap:6px}
 .search-result-filter.has-filters #search-result-filter-open{position:relative;min-width:0;padding:0}
 .search-result-filter.has-filters #search-result-filter-open::after{content:"";position:absolute;inset:0 -6px 0 auto;width:calc(100% + 20px);min-width:44px}
 .search-result-filter.has-filters #search-result-filter-clear{position:relative;width:20px;height:20px;padding:0;border:0;border-radius:0;background:none;color:#fff}
 .search-result-filter.has-filters #search-result-filter-clear>span{width:20px;height:20px;border-radius:0;background:none}
 .search-result-filter.has-filters #search-result-filter-clear svg{width:12px;height:12px;stroke-width:2.2}
 .search-result-filter.has-filters #search-result-filter-clear::after{content:"";position:absolute;inset:-12px -18px -12px -6px}
 .search-result-filter.has-filters #search-result-filter-clear:active{opacity:.6}
 #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:#bc3e20}
 #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{height:min(590px,82dvh);max-height:min(590px,82dvh);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 [hidden]{display:none!important}
 #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:0 8px 0 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{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:none;padding:0;overflow:hidden;touch-action:pan-y pinch-zoom}
 #mobile-search-scope-dialog .mobile-scope-footer{flex:none;gap:8px;padding:12px 20px calc(28px + 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:#f64b26;font-size:16px;font-weight:800}
 #mobile-search-scope-apply:disabled{background:#b3b6ad}
 .sf-tabs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;margin:6px 20px 0;padding:3px;border-radius:14px;background:#eceae2}
 .sf-tabs>button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:50px;min-width:0;padding:0 6px;border:0;border-radius:11px;background:none;color:#5b6158}
 .sf-tabs>button[aria-selected=true]{color:#242723}
 .sf-tab-indicator{position:absolute;inset:3px auto 3px 3px;width:calc((100% - 6px)/2);border-radius:11px;background:#fff;box-shadow:0 1px 3px rgb(36 39 35 / .12);pointer-events:none}
 .sf-panel-viewport{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;touch-action:pan-y pinch-zoom}
 .sf-panel-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:200%;height:100%;min-height:0;align-items:stretch}
 #mobile-search-scope-content .sf-date-section{grid-column:1;grid-row:1}
 #mobile-search-scope-content .sf-brand-section{grid-column:2;grid-row:1}
 .sf-tabs strong{font-size:14px;font-weight:700;color:#f64b26}
 .sf-tabs [aria-selected=true] strong{font-weight:850}
 .sf-tabs button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;color:#8a8f86}
 .sf-tabs button>span.is-selected{color:#d8401b}
 #mobile-search-scope-content .sf-tab-panel{flex:1;min-height:0;padding:0 20px}
 #mobile-search-scope-content .sf-brand-section{display:flex;flex-direction:column;padding-top:8px}
 .sf-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex:none;padding-bottom:4px}
 #mobile-search-scope-content h3{margin:0;padding:0;color:#242723;font-size:15px;font-weight:850}
 #sf-brand-summary{flex:none;white-space:nowrap;color:#3d433b;font-size:13px;font-weight:800}
 #sf-brand-summary.is-selected{color:#d8401b}
 .sf-brand-search{display:flex;align-items:center;gap:8px;flex:none;height:42px;margin:0 0 8px;padding:0 0 0 14px;border:1px solid #e1e3da;border-radius:12px;background:#fff}
 .sf-brand-search>svg{width:16px;height:16px;color:#8a8f86;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;-webkit-appearance:none}
 .sf-brand-search input::-webkit-search-cancel-button{display:none}
 .sf-brand-search:focus-within{outline:2px solid #ed5129;outline-offset:2px}
 #sf-brand-query-clear{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;background:none;color:#8a8f86}
 #sf-brand-query-clear svg{width:14px;height:14px}
 .sf-brand-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:1px 0 0;touch-action:pan-y pinch-zoom}
 .sf-brand-scroll::-webkit-scrollbar{display:none}
 #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;font-weight:800}
 .sf-brand-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .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{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ed5129;color:#fff;box-shadow:0 0 0 2px #fff;opacity:0;transform:scale(.4);transition:opacity .18s ease,transform .26s cubic-bezier(.34,1.5,.64,1)}
 .sf-logo i svg{width:10px;height:10px}
 [aria-pressed=true]>.sf-logo i{opacity:1;transform:scale(1)}
 #sf-brand-empty{margin:0;padding:28px 0;text-align:center;font-size:14px;color:#6b7068}
 #sf-brand-more{display:flex;align-items:center;justify-content:center;gap:4px;flex:none;width:100%;min-height:48px;margin:6px 0 6px;padding:0;border:1px solid #d9dbd2;border-radius:14px;background:#fff;color:#3d433b;font-size:14px;font-weight:750}
 #sf-brand-more svg{width:14px;height:14px}
 #mobile-search-scope-content .sf-date-section{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y pinch-zoom}
 .sf-range-summary{display:flex;align-items:baseline;gap:8px;padding:22px 0 5px}
 #sf-range-title{font-size:22px;font-weight:850;letter-spacing:-.04em;line-height:1.35}
 #sf-range-count{color:#5b6158;font-size:13px;font-weight:700;white-space:nowrap}
 .sf-presets{display:flex;gap:6px;margin:0 0 7px}
 .sf-presets>button{position:relative;isolation:isolate;flex:1;min-width:0;height:44px;padding:0 6px;border:0;background:none;color:#242723;font-size:12.5px;font-weight:650;white-space:nowrap}
 .sf-presets>button::before{content:"";position:absolute;inset:7px 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:#f64b26;border-color:#f64b26}
 .sf-year-nav{display:flex;justify-content:center;align-items:center;gap:5px;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;min-width:44px;height:44px;padding:0;border:0;background:none;color:#242723;font-size:16px;font-weight:850;white-space:nowrap}
 .sf-year-nav svg{width:16px;height:16px}
 #sf-year-toggle{min-width:80px}
 #sf-years{position:absolute;z-index:5;top:44px;left:50%;width:160px;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>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-chart{position:relative}
 .sf-months{display:grid;grid-template-columns:repeat(var(--sf-month-count,12),minmax(0,1fr));height:114px}
 .sf-month{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;height:114px;padding:0;border:0;background:none;color:#6b7068}
 .sf-bar-space{display:flex;align-items:flex-end;justify-content:center;width:100%;height:90px;border-bottom:2px solid #e3e4dd}
 .sf-bar-space i{display:block;width:62%;max-width:30px;border-radius:4px 4px 1px 1px;background:#d3d5cc;transition:height .3s cubic-bezier(.22,.8,.2,1),background .2s}
 .sf-month.is-selected .sf-bar-space{background:#fbebe2}
 .sf-month.in-range .sf-bar-space i{background:#8f958a}
 .sf-month.future .sf-bar-space i{background:#d5e0f3}
 .sf-month.in-range.future .sf-bar-space i{background:#8fb0e8}
 .sf-month.current .sf-bar-space i{background:#ed5129}
 .sf-month.is-empty .sf-bar-space i{background:#d3d5cc}
 .sf-month-label{display:grid;place-items:center;height:24px;font-size:11px;font-weight:600}
 .sf-month.current .sf-month-label{color:#bc3e20;font-weight:850}
 .sf-current-label{display:none;position:absolute;top:0;left:50%;transform:translateX(-50%);color:#bc3e20;font-size:11px;font-weight:850;white-space:nowrap}
 .sf-month.current .sf-current-label{display:block}
 .sf-track{position:relative;height:48px;margin-top:4px;touch-action:none}
 .sf-track::before{content:"";position:absolute;top:21px;left:0;right:0;height:6px;border-radius:999px;background:#e3e4dd}
 #sf-range-line{position:absolute;top:21px;height:6px;border-radius:999px;background:#ed5129}
 .sf-track [role=slider]{position:absolute;top:2px;display:grid;place-items:center;width:44px;height:44px;transform:translateX(-50%);touch-action:none;cursor:ew-resize;outline-offset:-6px}
 .sf-track [role=slider]>span{display:block;width:26px;height:26px;border:2.5px solid #ed5129;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgb(36 39 35 / .22)}
 #sf-spill{display:flex;justify-content:space-between;gap:8px}
 #sf-spill>button{min-height:44px;padding:0 4px;border:0;background:none;color:#3d433b;font-size:12px;font-weight:750}
 .sf-chart-hint{margin:0 0 12px;font-size:12px;line-height:1.5;text-align:center;color:#6b7068}
 #mobile-search-scope-dialog button:focus-visible,.sf-track [role=slider]:focus-visible{outline:2px solid #ed5129;outline-offset:2px}
 #mobile-search-scope-dialog.sf-compact .mobile-scope-footer{padding:8px 20px 12px}
 #mobile-search-scope-dialog.sf-compact .sf-tabs{margin-top:2px}
 #mobile-search-scope-dialog.sf-compact .sf-tabs>button{height:44px}
 #mobile-search-scope-dialog.sf-compact .sf-brand-section{padding-top:6px}
 #mobile-search-scope-dialog.sf-compact h3{font-size:13px}
 #mobile-search-scope-dialog.sf-compact #sf-brand-summary{font-size:12px}
 #mobile-search-scope-dialog.sf-compact .sf-brand-search{margin-bottom:4px}

 .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}
}

/* Touch/click focus restoration is still accessible, without a keyboard ring.
   Unknown/assistive focus and real keyboard navigation keep native indicators. */
html[data-focus-input="pointer"] :is(button,a,[role="button"],[role="tab"],[role="slider"]):focus-visible{outline:none!important}

/* The bottom menu and scroll control share the same measured layout constants. */
:root{--tabbar-h:56px;--tabbar-bottom-gap:12px}
@media(max-width:760px){.bottomnav{height:var(--tabbar-h);bottom:calc(var(--tabbar-bottom-gap) + env(safe-area-inset-bottom,0px))}}


@media(prefers-reduced-motion:reduce){.sf-tab-panel{animation:none!important}.sf-logo i,.sf-bar-space i{transition:none!important}}

/* Main catalogue period, sort menu, and unified filter. */
.month-shortcuts #period-all::after{content:"";position:absolute;right:0;top:10px;bottom:10px;width:1px;background:#d5d7ce}
.month-shortcuts #period-all[aria-pressed=true]::after,.month-shortcuts #period-all.is-adjacent-selected::after{display:none}
.sort-control{position:relative;flex:none}
.sort-control[hidden],#sort-menu[hidden]{display:none}
#sort-open{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 2px;border:0;background:none;color:var(--ink);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
#sort-open svg{width:14px;height:14px}
#sort-menu{position:absolute;z-index:12;top:calc(100% + 4px);right:0;width:max-content;padding:4px;border:1px solid #e3e3db;border-radius:12px;background:white;box-shadow:0 6px 20px rgb(36 39 35 / .12)}
#sort-menu button{display:block;width:100%;height:40px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer;white-space:nowrap}
#sort-menu button[aria-selected=true]{color:#bd3d1b;font-weight:800}
#sort-menu button:hover{background:#faf5f0}
#discovery-filter .filter-body{display:flex;flex-direction:column;gap:24px;padding-top:8px}
.filter-period-card{flex:none;padding:14px;border-radius:16px;background:#f2f2eb}
.filter-period-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.filter-period-heading h3{margin:0;font-size:14px;font-weight:750}
#filter-period-value{font-size:13px;color:#62685e;text-align:right}
#discovery-filter .filter-kind-field,#discovery-filter .filter-tag-field{padding:0;border:0}
#discovery-filter .filter-tag-field{margin-top:24px}
@media(max-width:360px){.period-panel .sectionhead{flex-wrap:wrap;row-gap:0}.list-heading-actions{margin-left:auto}}

/* Desktop searches show the actual period and brand directly below the input. */
.desktop-search-context{display:none}
@media(min-width:761px){
 body.desktop-search-scoped header .head{height:auto;min-height:88px;grid-template-rows:48px auto;row-gap:0;padding-top:20px;padding-bottom:8px}
 body.desktop-search-scoped header .logo{grid-column:1;grid-row:1}
 body.desktop-search-scoped .header-search{grid-column:2;grid-row:1}
 body.desktop-search-scoped header .header-actions{grid-column:3;grid-row:1}
 .desktop-search-context:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:4px 12px;grid-column:2;grid-row:2;justify-self:center;width:100%;max-width:560px;min-width:0;min-height:32px;color:#6b7068;font-size:12px;line-height:1.5}
 #desktop-search-context-label{min-width:0;overflow-wrap:anywhere}
 #header-search-all-period{flex:none;min-height:44px;padding:0 2px;border:0;background:none;color:#bc3e20;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
 #header-search-all-period[hidden]{display:none}
 #header-search-all-period:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}
 body.desktop-search-scoped #listtitle,body.desktop-search-scoped .period-panel{scroll-margin-top:calc(var(--desktop-search-header-height,120px) + 20px)}
}
 .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}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-brand-row{display:flex;align-items:center;gap:12px;width:100%;height:60px;padding:0 20px;border:0;background:#fff;text-align:left}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-brand-logo{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #e9eae3;border-radius:50%;background:#fff}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-brand-logo .brand-icon,:is(#mobile-search-stage,.recent-search.is-search-results) .search-brand-logo img{display:block;width:22px;height:22px;object-fit:contain}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-brand-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-brand-copy strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-brand-copy small{font-size:12px;color:#6b7068}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-brand-row>span:last-child{font-size:22px;color:#6b7068}
 :is(#mobile-search-stage,.recent-search.is-search-results) .mobile-search-product-row,:is(#mobile-search-stage,.recent-search.is-search-results) .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}
 :is(#mobile-search-stage,.recent-search.is-search-results) .mobile-search-product-row svg,:is(#mobile-search-stage,.recent-search.is-search-results) .mobile-search-all-results svg{width:19px;height:19px;color:#9a9f96}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-row-name,:is(#mobile-search-stage,.recent-search.is-search-results) .mobile-search-all-results>span:first-of-type{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-row-name mark{padding:0;background:none;color:#242723;font-weight:800}
 :is(#mobile-search-stage,.recent-search.is-search-results) .search-row-brand{max-width:86px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;color:#6b7068}
 :is(#mobile-search-stage,.recent-search.is-search-results) .mobile-search-all-results{height:56px;color:#bc3e20;font-weight:750}
 :is(#mobile-search-stage,.recent-search.is-search-results) .mobile-search-all-results svg{color:#bc3e20}
 :is(#mobile-search-stage,.recent-search.is-search-results) .mobile-search-all-results>span:last-child{font-size:13px;font-weight:700;white-space:nowrap}
 :is(#mobile-search-stage,.recent-search.is-search-results) .mobile-search-product-row:active,:is(#mobile-search-stage,.recent-search.is-search-results) .search-brand-row:active{background:#f2f2ec}
 :is(#mobile-search-stage,.recent-search.is-search-results) .mobile-search-all-results:active{background:#fbeee8}

/* The desktop popup uses the same banner/brand/product rows as mobile. */
.recent-search.is-search-results{padding:6px 0;overflow-y:auto;overscroll-behavior:contain;background:#fff}
.is-search-results .recent-search-heading{display:none}
.is-search-results .recent-search-list{flex:none;overflow:visible;margin:0;padding:0 20px}
.is-search-results .recent-search-list li{height:52px;gap:0}
.is-search-results .recent-search-use{height:52px;padding:0;white-space:nowrap;overflow:hidden}
.is-search-results .recent-search-use::before{width:19px;height:19px;margin-right:15px;background:#8a8f86}
.is-search-results .recent-search-label{overflow:hidden;text-overflow:ellipsis}
.is-search-results mark{padding:0;background:none;color:#242723;font-weight:800}
.is-search-results .recent-search-fill{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;background:none;color:#6b7068}
.is-search-results .recent-search-fill svg{width:20px;height:20px;pointer-events:none}
.is-search-results .search-loading-status{margin:0;padding:16px 20px;font-size:13px;color:#6b7068}
.is-search-results :is(a,button):focus-visible{outline:2px solid #ed5129;outline-offset:-2px}

/* Desktop uses the same product hierarchy and original photo frame as mobile. */
@media(min-width:761px){
 .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-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: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 .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-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}
 .grid>.card>.product>.photo{aspect-ratio:1;min-height:0;border-radius:11px}
 .grid .product-photo{width:100%;height:100%;object-fit:contain}
 .grid .meta{margin-top:6px;font-size:13px}
 .grid .card-temperature,.grid .card-temperature-option{font-size:12px}
 .grid .card>.save{right:4px;top:4px;width:48px;height:48px}
 .grid .card>.save svg{width:19px;height:19px}
 #detail{--detail-max-height:min(90svh,calc(100svh - 48px));width:min(560px,calc(100% - 144px))}
 #detail .detail-viewport{border-radius:18px;background:#fcfcf8}
 #detail .detail-card{height:min(860px,calc(var(--detail-max-height) - var(--detail-nav-space)));max-height:calc(var(--detail-max-height) - var(--detail-nav-space));background:#fcfcf8}
 #detail .detail-visual,#detail .detail-visual.has-temperature{height:320px;min-height:320px;padding:0}
 #detail .detail-visual:not([data-photo-treatment]) .detailphoto{height:320px!important}
 #detail .detail-visual .release-placeholder{height:320px;min-height:320px}
 #detail .detailbody{display:block;min-height:0;padding:24px 28px 116px}
 #detail .detail-mobile-only{display:flex}
 #detail .detail-mobile-heading{display:block}
 #detail .detail-mobile-brand{font-size:14px}
 #detail .detail-mobile-brand .brand-icon{width:24px;height:24px;flex-basis:24px}
 #detail .detail-mobile-tags>.product-tag{font-size:12px}
 #detail .detail-release-chip{font-size:13px;padding:5px 10px}
 #detail .detailbody h2{margin:12px 0 0;font-size:28px;font-weight:850;line-height:1.35}
 #detail .detailbody h2+p{margin:14px 0 0;font-size:16px;line-height:1.75;color:#5b6158;word-break:keep-all}
 #detail .selected-facts{grid-template-columns:80px minmax(0,1fr);margin:24px 0 0;padding:20px 0;gap:14px 0;font-size:15px}
 #detail .selected-facts .detail-mobile-only{display:block}
 #detail .detail-footer{margin:0;padding:0;border:0}
 #detail .product-feedback{margin:26px auto 0;min-height:38px;font-size:13px}
 #detail .detail-footer .sample{max-width:440px;margin:14px auto 0;font-size:13px;line-height:1.7}
 #detail .detail-mobile-toolbar{position:absolute;z-index:5;top:10px;right:10px;gap:2px;align-items:center}
 #detail .detail-pull-handle,#detail .detail-toolbar-spacer,#detail .detail-toolbar-title{display:none}
 #detail .detail-icon-button{width:48px;height:48px}
 #detail .detail-icon-button svg{width:19px;height:19px}
 #detail .detail-mobile-actions{position:absolute;z-index:5;left:0;right:0;bottom:var(--detail-nav-space);gap:12px;padding:14px 24px 24px;background:linear-gradient(to bottom,transparent,#fcfcf8 28%);border-radius:0 0 18px 18px}
 #detail .detail-mobile-save{width:54px;height:54px}
 #detail .detail-mobile-link{min-height:54px;font-size:16px;font-weight:800;background:#f64b26}
 #detail .toast{bottom:calc(var(--detail-nav-space) + 100px)}
}

@media(max-width:760px){
 body.has-home-editorial .editorial-banner.editorial-carousel{padding-bottom:26px}
 body.has-home-editorial{--hero-top:124px}
 body.has-home-editorial .editorial-viewport{overflow:visible}
 body.has-home-editorial .editorial-track{height:100%}
 body.has-home-editorial .editorial-slide{overflow:visible;transition:none}
 body.has-home-editorial .editorial-slide[aria-hidden="false"]{transition:none}
 body.has-home-editorial .editorial-slide.is-entering,
 body.has-home-editorial .editorial-slide.is-leaving{visibility:visible;opacity:1}
 body.has-home-editorial .editorial-slide.bake-banner{overflow:visible;background:transparent}
 body.has-home-editorial .editorial-slide.bake-banner::before{content:"";position:absolute;inset:calc(-1 * var(--hero-top)) 0 -26px;pointer-events:none;background:radial-gradient(ellipse 90% 46% at 91% 112%,rgb(255 185 97 / .32) 0 70%,transparent 71%),linear-gradient(110deg,#fff9ea,#fff2dc 55%,#ffe6c1)}
 body.has-home-editorial .editorial-slide :is(.bake-banner-link,.matcha-banner-link,.autumn-banner-link){overflow:visible}
 body.has-home-editorial .editorial-slide :is(.matcha-banner-photo,.autumn-banner-photo){inset:calc(-1 * var(--hero-top)) 0 -26px;overflow:hidden;background:#faf9ef}
 body.has-home-editorial .editorial-slide .matcha-banner-photo{visibility:visible}
 body.has-home-editorial .editorial-slide .matcha-banner-photo img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
 body.has-home-editorial .editorial-slide .matcha-banner-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#faf9ef 0 50px,rgb(250 249 239 / 0) calc(var(--hero-top) + 34px))}
 /* A single fading layer spans header, banner and the rounded catalogue edge. */
 body.has-home-editorial .editorial-slide.autumn-banner{background:transparent}
 body.has-home-editorial .editorial-slide .autumn-banner-photo{visibility:visible}
 body.has-home-editorial .editorial-slide .autumn-banner-photo img{width:100%;height:100%;object-fit:cover}
 body.has-home-editorial .editorial-slide .autumn-banner-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#faf5ec 0 50px,rgb(250 245 236 / 0) calc(var(--hero-top) + 30px))}

}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
 body.has-home-editorial .editorial-slide,
 body.has-home-editorial .editorial-slide :is(.bake-banner-copy,.matcha-banner-copy,.autumn-banner-copy),
 body.has-home-editorial .editorial-seg-fill{animation:none!important}
 body.has-home-editorial .editorial-controls,
 body.has-home-editorial .editorial-controls::before,
 body.has-home-editorial .editorial-controls::after,
 body.has-home-editorial .editorial-controls-sep{transition:none}
}

/* Banner handoff: mobile 14b / desktop 12a. One clock drives slide and row progress. */
#editorial-banner .editorial-track{position:relative;display:block;width:100%;height:100%;transform:none!important;transition:none}
#editorial-banner .editorial-slide{position:absolute;inset:0;min-width:0;width:100%;height:100%;visibility:hidden;opacity:0;pointer-events:none;transition:none}
#editorial-banner .editorial-slide[aria-hidden="false"]{visibility:visible;opacity:1;pointer-events:auto}
#editorial-banner .editorial-slide.is-entering,#editorial-banner .editorial-slide.is-leaving{visibility:visible;opacity:1}
#editorial-banner .editorial-slide.is-entering{z-index:2;animation:editorial-bg-in 520ms cubic-bezier(.22,.7,.2,1) both}
#editorial-banner .editorial-slide.is-leaving{z-index:1;pointer-events:none;animation:editorial-bg-out 520ms cubic-bezier(.22,.7,.2,1) both}
#editorial-banner .editorial-slide.is-entering :is(.bake-banner-copy,.matcha-banner-copy,.autumn-banner-copy,.editorial-generic-copy){animation:editorial-copy-in 560ms cubic-bezier(.22,.7,.2,1) 60ms both}
#editorial-banner .editorial-slide.is-leaving :is(.bake-banner-copy,.matcha-banner-copy,.autumn-banner-copy,.editorial-generic-copy){animation:editorial-copy-out 260ms ease-in both}
@keyframes editorial-bg-in{from{transform:translateX(100%)}to{transform:none}}
@keyframes editorial-bg-out{0%{opacity:1;transform:none}99%{opacity:1}100%{opacity:0;transform:translateX(-28%)}}
@keyframes editorial-copy-in{from{opacity:0;translate:56px 0}to{opacity:1;translate:0 0}}
@keyframes editorial-copy-out{from{opacity:1;translate:0 0}to{opacity:0;translate:-40px 0}}
@keyframes editorial-seg-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
#editorial-controls{position:absolute;left:auto;right:6px;bottom:6px;transform:none;z-index:4;display:flex;align-items:center;height:44px;padding:0;margin:0;background:none;border-radius:0;color:#242723;isolation:isolate;transition:color 300ms}
#editorial-controls::before,#editorial-controls::after{content:"";position:absolute;inset:4px -6px;z-index:-1;border-radius:999px;pointer-events:none;transition:opacity 300ms}
#editorial-controls::before{background:radial-gradient(closest-side,rgb(252 252 248 / .68),rgb(252 252 248 / 0));opacity:1}
#editorial-controls::after{background:radial-gradient(closest-side,rgb(22 27 23 / .34),rgb(22 27 23 / 0));opacity:0}
#editorial-controls[data-tone="dark"]{color:#fff}
#editorial-controls[data-tone="dark"]::before{opacity:0}
#editorial-controls[data-tone="dark"]::after{opacity:1}
#editorial-controls button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}
#editorial-controls button:disabled{cursor:default}
#editorial-controls #editorial-next{display:grid;place-items:center;min-width:44px;height:44px;padding:0 6px 0 10px;border-radius:22px}
#editorial-banner :is(button,a):focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
#editorial-controls .editorial-segs{position:relative;display:flex;align-items:center;gap:3px;height:7px;padding:5px 8px;box-sizing:content-box;transform:none}
#editorial-controls .editorial-segs::before{content:none}
.editorial-seg{position:relative;display:block;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}
.editorial-seg[data-current]{width:18px;height:5px;transition-delay:0ms}
.editorial-seg[data-current]::before{opacity:.3}
.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-next .editorial-seg[data-current] .editorial-seg-fill{animation:editorial-seg-fill var(--editorial-interval) linear both}
#editorial-controls[data-tone="dark"] .editorial-seg{box-shadow:0 0 0 .5px rgb(22 27 23 / .35)}
#editorial-controls .editorial-count{display:none;align-items:baseline;gap:4px;font-size:12px;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
#editorial-controls .editorial-count b{font-weight:850}
.editorial-count>span{opacity:.55}
#editorial-banner[data-indicator-mode="count"] #editorial-next .editorial-segs{display:none}
#editorial-banner[data-indicator-mode="count"] #editorial-next .editorial-count{display:flex}
#editorial-controls .editorial-controls-sep{display:block;width:1px;height:12px;flex:none;background:rgb(36 39 35 / .3);transition:background 300ms}
#editorial-controls[data-tone="dark"] .editorial-controls-sep{background:rgb(255 255 255 / .45)}
#editorial-controls .editorial-all{display:flex;align-items:center;gap:2px;height:44px;padding:0 12px 0 10px;color:inherit;font-size:12px;font-weight:800;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
#editorial-controls .editorial-all span{font-size:13px}
.editorial-position{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#editorial-pause,#editorial-pc-indicators,#editorial-side,.editorial-arrow{display:none}
.editorial-generic{background:#faf9ef;color:#242723}
.editorial-generic-link{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:5.6%;text-decoration:none;color:inherit}
.editorial-generic-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.editorial-generic-copy{position:relative;display:flex;flex-direction:column;gap:12px;max-width:55%}
.editorial-generic-copy>strong{font-size:clamp(20px,5vw,30px);line-height:1.2;font-weight:850}
.editorial-generic-copy>em{font-size:12px;font-weight:750;font-style:normal;color:#bc3e20}
.editorial-generic[data-tone="dark"]{color:#fff}
.editorial-generic[data-tone="dark"] em{color:inherit}
@media(min-width:761px){
 body.has-home-editorial main{max-width:1260px;padding-top:20px}
 body.has-home-editorial main:has(>.site-footer)>#discovery{padding-top:20px}
 body .intro.has-editorial,body.home-boot .intro{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:28px;max-width:1200px;margin:0 auto 28px}
 body .intro.has-editorial .intro-copy,body.home-boot .intro-copy{position:static;order:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal}
 body .intro.has-editorial h1,body.home-boot .intro h1{font-size:26px;font-weight:850;letter-spacing:-.05em;margin:0;line-height:1.35}
 body .intro.has-editorial .subtitle{font-size:14px;color:#6b7068;margin:0;max-width:none}
 #editorial-banner{order:-1;width:100%}
 /* Match the complete character artwork; keep every slide at the same height. */
 #editorial-banner .editorial-viewport{width:100%;height:auto;aspect-ratio:1902/827;min-height:0;border:0;border-radius:24px;overflow:hidden}
 #editorial-banner :is(.bake-banner-link,.matcha-banner-link,.autumn-banner-link,.editorial-generic-link){padding:0 48px}
 #editorial-banner :is(.bake-banner-title,.matcha-banner-title,.autumn-banner-copy>strong,.editorial-generic-copy>strong){font-size:32px;font-weight:850;line-height:1.15;letter-spacing:-.055em}
 #editorial-banner :is(.bake-banner-copy,.matcha-banner-copy,.autumn-banner-copy){padding-top:0;transform:none;width:55%}
 #editorial-banner .bake-banner-title{margin-top:5px}
 #editorial-banner .bake-banner-products{width:52%}
 #editorial-banner .matcha-banner-photo img{object-position:right center}
 #editorial-banner .autumn-banner-photo img{object-position:center 35%}
 #editorial-banner .bake-banner-title.bake-banner-title-desktop{font-size:clamp(23px,2.25vw,30px)}
 #editorial-banner .bake-banner-series,#editorial-banner .autumn-banner-copy>small{font-size:14px;font-weight:800}
 #editorial-banner :is(.bake-banner-cta,.matcha-banner-cta,.autumn-banner-copy>em,.editorial-generic-copy>em){font-size:15px;font-weight:750;margin-top:12px}
 #editorial-controls{left:auto;right:8px;bottom:6px;height:48px;background:none;backdrop-filter:none}
 #editorial-controls::before,#editorial-controls::after{inset:4px -10px}
 #editorial-controls::before{background:radial-gradient(closest-side,rgb(252 252 248 / .72),transparent)}
 #editorial-controls::after{background:radial-gradient(closest-side,rgb(22 27 23 / .38),transparent)}
 #editorial-controls #editorial-next{display:none}
 #editorial-controls #editorial-pause{display:grid;place-items:center;width:44px;height:48px;padding:0;flex:none}
 .editorial-pause-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgb(255 255 255 / .55);box-shadow:inset 0 0 0 .5px rgb(255 255 255 / .8);backdrop-filter:blur(10px) saturate(1.5);transition:background .3s,box-shadow .3s}
 #editorial-controls[data-tone="dark"] .editorial-pause-dot{background:rgb(22 27 23 / .42);box-shadow:inset 0 0 0 .5px rgb(255 255 255 / .3)}
 #editorial-controls #editorial-pc-indicators{display:flex;align-items:center;padding-right:14px}
 #editorial-controls .editorial-pc-seg{display:grid;place-items:center;height:48px;padding:0 2px}
 .editorial-pc-seg .editorial-seg{width:8px;height:5px}
 .editorial-pc-seg[aria-current="true"] .editorial-seg{width:24px;height:6px;transition-delay:0ms}
 .editorial-pc-seg[aria-current="true"] .editorial-seg::before{opacity:.92}
 #editorial-banner[data-indicator-mode="count"] #editorial-pc-indicators{display:none}
 #editorial-banner[data-indicator-mode="count"] #editorial-controls .editorial-pc-count{display:flex;font-size:14px;padding:0 14px 0 2px}
 #editorial-banner .editorial-arrow{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:0;margin-top:-22px;border:0;border-radius:50%;background:rgb(250 249 239 / .9);color:#242723;box-shadow:0 4px 14px rgb(36 39 35 / .2);opacity:0;cursor:pointer;transition:opacity .2s,transform .3s}
 .editorial-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
 .editorial-arrow-prev{left:16px;transform:translateX(-8px)}.editorial-arrow-next{right:16px;transform:translateX(8px)}
 #editorial-viewport:hover .editorial-arrow,#editorial-viewport:focus-within .editorial-arrow{opacity:1;transform:none}
 #editorial-banner .editorial-arrow:disabled{display:none}
}
@media(min-width:1100px){
 body .intro.has-editorial #editorial-banner{display:grid;grid-template-columns:minmax(0,800fr) minmax(0,380fr);align-items:stretch;gap:20px;height:auto}
 #editorial-controls .editorial-all,#editorial-controls .editorial-controls-sep{display:none}
 #editorial-side{position:relative;display:block;min-height:0;min-width:0;overflow:hidden;border-radius:24px;background:#faf9ef;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .6),0 8px 24px rgb(36 39 35 / .08);color:#242723}
 .editorial-side-bg>i{position:absolute;inset:-50px;background:#faf9ef center/cover;filter:blur(28px) saturate(1.35);opacity:0;transition:opacity .6s ease}
 .editorial-side-bg>i[data-current]{opacity:1}
 #editorial-side::after{content:"";position:absolute;inset:0;background:rgb(250 249 239 / .66);pointer-events:none}
 .editorial-side-body{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;gap:8px;padding:18px 18px 14px;box-sizing:border-box}
 .editorial-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;height:28px;flex:none;padding:0 4px;white-space:nowrap}
 #editorial-side .editorial-side-head>strong{font-size:15px;font-weight:850;letter-spacing:-.03em}
 .editorial-side-head>span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;color:#5b6157}
 .editorial-side-head a{display:flex;align-items:center;gap:2px;min-height:28px;text-decoration:none;color:#bc3e20;font-size:14px}
 .editorial-side-window{min-height:0;flex:1;margin:0;overflow:hidden;mask-image:var(--side-mask,none);-webkit-mask-image:var(--side-mask,none)}
 .editorial-side-list{display:flex;flex-direction:column;gap:5px;padding:0;margin:0;list-style:none;transform:translateY(var(--side-offset,0));transition:transform 520ms cubic-bezier(.22,.7,.2,1)}
 .editorial-side-list li{flex:none}
 #editorial-side .editorial-row{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:var(--side-row-height,38px);padding:0 12px 0 10px;border:0;border-radius:12px;overflow:hidden;background:transparent;color:#242723;font:inherit;text-align:left;cursor:pointer}
 #editorial-side .editorial-row[aria-current="true"]{background:rgb(255 255 255 / .72);box-shadow:0 4px 14px rgb(36 39 35 / .08),0 0 0 1px rgb(255 255 255 / .5)}
 .editorial-row-fill{position:absolute;inset:0;background:rgb(237 81 41 / .14);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
 .editorial-row[aria-current="true"] .editorial-row-fill{transform:scaleX(1)}
 #editorial-banner[data-rotation-state="playing"] .editorial-row[aria-current="true"] .editorial-row-fill{animation:editorial-seg-fill var(--editorial-interval) linear both}
 .editorial-row-thumb{position:relative;flex:none;width:26px;height:26px;border-radius:8px;background:#faf9ef center/cover;box-shadow:inset 0 0 0 .5px rgb(36 39 35 / .12)}
 .editorial-row-text{position:relative;flex:1;min-width:0}
 #editorial-side .editorial-row-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.3;font-weight:700;opacity:.78;letter-spacing:-.035em}
 #editorial-side .editorial-row[aria-current="true"] strong{font-weight:850;opacity:1}
 .editorial-row-text small{display:none;font-size:12px;font-weight:700;color:#5b6157;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .editorial-row-go{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;line-height:1;color:#ed5129;opacity:0;transition:opacity .3s}
 .editorial-row-go svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
 .editorial-row[aria-current="true"] .editorial-row-go{opacity:1}
 #editorial-side[data-size="large"] .editorial-side-window{height:210px;flex:none;margin-block:auto}
 #editorial-side[data-size="large"] .editorial-row{height:66px;border-radius:16px}
 #editorial-side[data-size="large"] .editorial-row-thumb{width:44px;height:44px;border-radius:12px}
 #editorial-side[data-size="large"] .editorial-row-text small{display:block}
 #editorial-side[data-size="large"] .editorial-row-text strong{font-size:14px}
}
@media(max-width:760px){
 body.has-home-editorial #editorial-banner{overflow-x:clip;overflow-y:visible}
 body.has-home-editorial #editorial-controls{left:auto;right:6px;bottom:6px}
 body.has-home-editorial #editorial-banner .editorial-track{height:100%}
 body.has-home-editorial .editorial-generic::before{content:"";position:absolute;inset:calc(-1 * var(--hero-top)) 0 -26px;background:#faf9ef}
 body.has-home-editorial .editorial-generic[data-tone="dark"]::before{background:#242723}
 body.has-home-editorial .editorial-generic-link>img{inset:calc(-1 * var(--hero-top)) 0 -26px;height:calc(100% + var(--hero-top) + 26px)}
}
@media(prefers-reduced-motion:reduce){
 #editorial-banner .editorial-slide,#editorial-banner .editorial-slide :is(.bake-banner-copy,.matcha-banner-copy,.autumn-banner-copy,.editorial-generic-copy),#editorial-banner .editorial-seg-fill,#editorial-banner .editorial-row-fill{animation:none!important}
 #editorial-banner .editorial-seg,#editorial-banner .editorial-side-list,#editorial-banner .editorial-side-bg>i,#editorial-banner .editorial-arrow,#editorial-banner .editorial-row-go,#editorial-controls,#editorial-controls::before,#editorial-controls::after,#editorial-controls .editorial-pause-dot{transition:none!important}
}
/* Keep the character artwork's lower-right product label readable. */
body.has-home-editorial[data-editorial-current="cute-finds"] #editorial-controls{left:6px;right:auto}

/* October meal collection: original pack photos on a warm, shared canvas. */
.editorial-meals,.editorial-meals::before{background:#f3e8cf!important}
.editorial-generic-copy>strong>span{display:block}
.editorial-generic-copy>small{font-size:13px;font-weight:750;color:#756145}
.editorial-meals .editorial-generic-copy{max-width:48%;gap:16px;z-index:1}
.editorial-meals .editorial-generic-copy>strong{color:#30271c;letter-spacing:-.055em}
.editorial-meals .editorial-generic-copy>strong>span+span{color:#c44722}
.editorial-product-art{position:absolute;inset:0 0 0 46%;pointer-events:none}
.editorial-product-art::before{content:"";position:absolute;width:90%;aspect-ratio:1;top:0;right:-3%;border-radius:50%;background:#e7d9b9}
.editorial-product-art>img{position:absolute;object-fit:contain;mix-blend-mode:multiply;width:59%;height:70%;right:22%;top:0;transform:rotate(5deg)}
.editorial-product-art>img:nth-child(2){width:35%;height:68%;right:65%;top:27%;transform:rotate(-13deg)}
.editorial-product-art>img:nth-child(3){width:39%;height:43%;right:-1%;top:5%;transform:rotate(8deg)}
.editorial-product-art>img:nth-child(4){width:48%;height:43%;right:29%;top:59%;transform:rotate(-7deg)}
.editorial-product-art>img:nth-child(5){width:44%;height:52%;right:-4%;top:43%;transform:rotate(8deg)}
@media(min-width:761px){#editorial-banner .editorial-meals .editorial-generic-copy>strong{font-size:48px;line-height:1.15}.editorial-meals .editorial-generic-copy>small{font-size:16px}#editorial-banner .editorial-meals .editorial-generic-copy>em{font-size:17px}}
@media(max-width:760px){.editorial-meals .editorial-generic-link{padding:0 24px}.editorial-meals .editorial-generic-copy{gap:12px;max-width:55%}.editorial-meals .editorial-generic-copy>strong{font-size:clamp(28px,8.5vw,38px);line-height:1.2}.editorial-meals .editorial-generic-copy>em{font-size:13px}.editorial-product-art{inset:0 2% 0 49%}.editorial-product-art>img:nth-child(2){right:62%;top:31%}.editorial-product-art>img:nth-child(4){top:57%;right:32%}.editorial-product-art>img:nth-child(5){top:42%;right:2%;width:41%}}

.header-actions{display:flex;align-items:center;gap:24px;margin-left:auto}
.header-actions .headnav{gap:24px}
.header-feedback,.header-actions .headnav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;height:44px;min-height:44px;padding:8px 6px;border:0;border-radius:8px;background:transparent;color:var(--ink,#242723);font-family:inherit;font-size:14px;font-weight:700;line-height:20px;white-space:nowrap;cursor:pointer}
.header-feedback svg,.header-actions .headnav svg{width:20px;height:20px;flex-shrink:0}
.header-actions .headnav button.active{color:var(--orange)}
.header-feedback:hover,.header-actions .headnav button:hover{background:#f1f1eb}

.product-feedback{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:5px;width:fit-content;max-width:100%;margin:24px auto 0;padding:8px 10px;min-height:44px;border:0;border-radius:999px;background:none;color:var(--muted,#6b7068);font-size:12px;font-weight:550;line-height:18px;text-decoration:none;cursor:pointer}
.product-feedback::before{content:"";position:absolute;z-index:-1;inset:7px 0;border:1px solid #dfe2d8;border-radius:inherit;background:#fff;pointer-events:none}
.product-feedback:active::before{background:#f3f3ee}
.product-feedback-icon{width:14px;height:16px;flex:none;color:currentColor}
#feedback-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(460px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:28px;background:#fcfcf8;color:#242723;overflow:hidden;box-shadow:0 20px 80px #0003;transform:none}
#feedback-dialog[open]{display:flex;flex-direction:column}
#feedback-dialog:not(.is-sent){height:min(680px,calc(100dvh - 32px))}
#feedback-dialog::backdrop{background:#20251f70;backdrop-filter:blur(4px)}
#feedback-dialog .feedback-grabber{display:none}
#feedback-dialog .feedback-heading{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:12px 10px 0 24px}
#feedback-dialog h2{margin:0;font-size:21px;line-height:1.35;font-weight:800;letter-spacing:-.6px}
#feedback-dialog.is-sent h2{visibility:hidden}
#feedback-dialog .feedback-heading [data-feedback-close]{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:#242723;cursor:pointer}
#feedback-dialog .feedback-heading [data-feedback-close]:hover{background:#f1f1eb}
#feedback-dialog p{margin:0;font-size:13px;line-height:1.6;color:#686e64}
#feedback-dialog .feedback-intro{margin-top:-4px;font-size:15px;line-height:1.5}
#feedback-dialog #feedback-product{display:grid;gap:1px;padding:13px 16px;border-radius:14px;background:#efefe8}
#feedback-dialog .fp-brand{font-size:13px;font-weight:500;color:#6b7068}
#feedback-dialog .fp-name{font-size:18px;font-weight:800;line-height:1.4;letter-spacing:-.4px}
#feedback-dialog form{display:flex;flex-direction:column;flex:1;min-height:0}
#feedback-dialog .feedback-scroll{flex:1;min-height:0;display:grid;align-content:start;gap:20px;padding:12px 24px 18px;overflow-y:auto;overscroll-behavior:contain}
#feedback-dialog .feedback-footer{flex:none;display:flex;flex-direction:column;padding:6px 24px calc(20px + env(safe-area-inset-bottom));background:#fcfcf8}
#feedback-dialog .feedback-scroll{scrollbar-width:thin;scrollbar-color:#cfd1c8 transparent}
#feedback-dialog .feedback-footer{position:relative}
#feedback-dialog .feedback-footer::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px;background:linear-gradient(to bottom,#fcfcf800,#fcfcf8);pointer-events:none}
#feedback-dialog label{display:block;font-size:15px;font-weight:700;line-height:1.5}
#feedback-dialog input,#feedback-dialog textarea{display:block;box-sizing:border-box;width:100%;margin-top:8px;border:1px solid #e1e2da;background:#fff;border-radius:14px;padding:13px 16px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;color:#242723;min-height:50px}
#feedback-dialog input::placeholder,#feedback-dialog textarea::placeholder{color:#8f948a}
#feedback-dialog textarea{resize:none;min-height:116px;max-height:300px;field-sizing:content}
#feedback-dialog .feedback-kinds{min-width:0;margin:0;padding:0;border:0}
#feedback-dialog .feedback-kinds legend{padding:0;margin-bottom:10px;font-size:15px;font-weight:700;line-height:1.5}
#feedback-dialog .feedback-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#feedback-dialog .feedback-chips{display:flex;flex-wrap:wrap;gap:8px}
#feedback-dialog .feedback-chips label{position:relative;font-weight:600}
#feedback-dialog .feedback-chips input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;background:none;opacity:0;cursor:pointer}
#feedback-dialog .feedback-chips span{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid #e1e2da;border-radius:999px;background:#fff;color:#242723;font-size:15px;font-weight:600;box-shadow:0 1px 2px #2427230a;transition:background .15s,color .15s,border-color .15s}
#feedback-dialog .feedback-chips input:checked+span{border-color:#f64b26;background:#f64b26;color:#fff;box-shadow:none}
#feedback-dialog .feedback-chips input:focus-visible+span{outline:2px solid #f15128;outline-offset:3px}
#feedback-dialog .feedback-email-group{display:grid;gap:6px}
#feedback-dialog .feedback-privacy{font-size:12px}
#feedback-dialog .feedback-security{margin-bottom:10px}
#feedback-dialog .feedback-security.has-status{margin-bottom:10px}
#feedback-dialog .feedback-security [data-feedback-turnstile]{width:300px;min-height:0;margin-inline:auto}
#feedback-dialog .feedback-security [data-feedback-security-status]{margin-top:4px;font-size:12px}
#feedback-dialog :focus-visible,.header-feedback:focus-visible,.product-feedback:focus-visible{outline:2px solid #f15128;outline-offset:3px}
#feedback-dialog input:focus-visible,#feedback-dialog textarea:focus-visible{outline:none;border-color:#f64b26;box-shadow:0 0 0 3px #f64b2622}
#feedback-dialog .feedback-optional,#feedback-dialog .feedback-required{margin-left:6px;font-size:13px;font-weight:400;color:#6b7068}
#feedback-dialog .feedback-required{color:#d43c21}
#feedback-dialog .feedback-submit,#feedback-dialog .feedback-done{width:100%;padding:12px;border:0;border-radius:14px;background:#f64b26;color:#fff;font-family:inherit;font-size:16px;font-weight:700;min-height:52px;cursor:pointer}
#feedback-dialog button:disabled{opacity:.5;cursor:default}
#feedback-dialog #feedback-error{color:#b83221;background:#fff0ec;border-radius:10px;padding:10px 12px;margin:0 0 10px}
#feedback-dialog [hidden]{display:none!important}
#feedback-dialog .feedback-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#feedback-dialog #feedback-success{display:flex;flex-direction:column;align-items:center;padding:4px 24px calc(20px + env(safe-area-inset-bottom));text-align:center;overflow-y:auto}
#feedback-dialog .feedback-done-icon{position:relative;display:grid;place-items:center;width:60px;height:60px;margin:6px 0 18px;border-radius:50%;background:#f64b26;box-shadow:0 8px 20px #f64b2638}
#feedback-dialog .feedback-done-icon i{position:absolute;right:-2px;top:-2px;width:14px;height:14px;border-radius:50%;background:#e3252b;box-shadow:0 0 0 3px #fcfcf8}
#feedback-dialog #feedback-success strong{font-size:21px;font-weight:800;line-height:1.35;letter-spacing:-.5px}
#feedback-dialog #feedback-success p{margin:8px 0 0;font-size:14px;line-height:1.6;text-wrap:balance}
#feedback-dialog .feedback-receipt{position:relative;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;margin-top:20px;min-height:36px;padding:0 10px 0 14px;border:1px solid #e6e7e0;border-radius:999px;background:#fff;color:#6b7068;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
#feedback-dialog .feedback-receipt::before{content:"";position:absolute;inset:-4px -2px}
#feedback-dialog .feedback-receipt b{font-size:13px;font-weight:650;color:#343a31;letter-spacing:.02em;font-variant-numeric:tabular-nums}
#feedback-dialog .feedback-receipt svg{flex:none;color:#8a8f86}
#feedback-dialog .feedback-receipt[data-copied]{border-color:#cfe6d6;background:#f3faf5;color:#2f6b3e}
#feedback-dialog .feedback-receipt[data-copied] svg{color:#2f6b3e}
#feedback-dialog .feedback-done{margin-top:24px}
#feedback-dialog .feedback-more{margin-top:-6px;border:0}
#feedback-dialog .feedback-more summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-8px 0;padding:0;list-style:none;cursor:pointer;color:#686e64;font-size:14px;font-weight:600}
#feedback-dialog .feedback-more summary::-webkit-details-marker{display:none}
#feedback-dialog .feedback-more .i-check{display:none}
#feedback-dialog .feedback-more.has-value summary{color:#242723}
#feedback-dialog .feedback-more.has-value .i-plus{display:none}
#feedback-dialog .feedback-more.has-value .i-check{display:inline;color:#2f6b3e}
#feedback-dialog .feedback-more[open] summary{display:none}
#feedback-dialog .feedback-more-body{position:relative;display:grid;gap:8px;padding:0}
#feedback-dialog .feedback-more .feedback-collapse{top:-11px}
#feedback-dialog .feedback-collapse{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#8a8f86;cursor:pointer}
@keyframes fb-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes fb-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes fb-dot{0%{transform:scale(0)}65%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes fb-rise{from{opacity:0;transform:translateY(8px)}}
#feedback-dialog .feedback-done-icon{animation:fb-pop .48s cubic-bezier(.2,.8,.3,1) both}
#feedback-dialog .feedback-done-icon path{stroke-dasharray:1;stroke-dashoffset:0;animation:fb-draw .34s ease-out .26s both}
#feedback-dialog .feedback-done-icon i{animation:fb-dot .38s cubic-bezier(.3,.9,.3,1) .46s both}
#feedback-dialog #feedback-success strong{animation:fb-rise .35s ease-out .2s both}
#feedback-dialog #feedback-success p{animation:fb-rise .35s ease-out .26s both}
#feedback-dialog .feedback-receipt{animation:fb-rise .35s ease-out .32s both}
#feedback-dialog .feedback-done{animation:fb-rise .35s ease-out .38s both}
@media(prefers-reduced-motion:reduce){#feedback-dialog .feedback-done-icon,#feedback-dialog .feedback-done-icon path,#feedback-dialog .feedback-done-icon i,#feedback-dialog #feedback-success strong,#feedback-dialog #feedback-success p,#feedback-dialog .feedback-receipt,#feedback-dialog .feedback-done{animation:none}}
@keyframes feedback-sheet{from{transform:translateY(32px);opacity:0}}
@media(max-width:760px){.header-actions{gap:0;margin-left:12px}.header-feedback{font-size:13px;padding:8px 6px}
#feedback-dialog{inset:auto 0 0;bottom:var(--fb-bottom,0);margin:0 auto;width:100%;max-width:560px;max-height:min(calc(var(--fb-h,100dvh) - 12px),740px);border-radius:28px 28px 0 0;animation:feedback-sheet .28s cubic-bezier(.22,.8,.2,1)}
#feedback-dialog:not(.is-sent){height:min(calc(var(--fb-h,100dvh) - 12px),700px)}
#feedback-dialog .feedback-grabber{display:block;flex:none;width:100%;height:20px;position:relative;touch-action:none;cursor:grab}
#feedback-dialog .feedback-grabber::after{content:"";position:absolute;left:50%;top:9px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#d9dbd2}
#feedback-dialog .feedback-heading{min-height:52px;padding:4px 10px 0 22px}
#feedback-dialog .feedback-scroll{padding:10px 22px 16px}
#feedback-dialog .feedback-footer{padding:6px 22px calc(16px + env(safe-area-inset-bottom))}
#feedback-dialog #feedback-success{padding:0 22px calc(18px + env(safe-area-inset-bottom))}}

@media(max-width:339px){#feedback-dialog .feedback-footer{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){#feedback-dialog{animation:none}.feedback-chips span{transition:none}}
#feedback-dialog .feedback-policy{margin:0 0 10px;font-size:12px;line-height:1.5}
#feedback-dialog .feedback-policy a{color:inherit;text-decoration:underline;text-underline-offset:3px}


.home-boot #editorial-banner[hidden]{display:block!important}
.home-boot #editorial-banner{position:relative;background:#f7f4eb}
.home-boot .editorial-track,.home-boot .editorial-controls{visibility:hidden}
.home-boot #editorial-banner::after{content:'상품 소식을 불러오는 중이에요…';position:absolute;left:20px;right:20px;top:55%;text-align:center;color:#73796f;font-size:13px}
.home-boot .intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center}
@media(max-width:1050px){.home-boot .intro{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px}}
.home-boot #grid{min-height:100vh}
@media(max-width:760px){.home-boot .intro{position:relative;display:block;height:auto;margin:0;padding:0;isolation:isolate}}

.apparel-measurements{margin:12px 0 6px;color:#292d27}
.apparel-measurements-card{padding:12px 14px 10px;border-radius:18px;background:#f5f4f0}
.apparel-measurements h3{margin:0 0 8px;font-size:15px;line-height:1.4;font-weight:800}
.apparel-measurements dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;border:0}
.apparel-measurements dl>div{text-align:center;min-width:0}
.apparel-measurements dl>div+div{border-left:1px solid #dfdfd8}
.apparel-measurements dt{color:#6b7068;font-size:12px;line-height:1.5;font-weight:400;margin:0 0 5px}
.apparel-measurements dd{font-size:20px;line-height:1.3;font-weight:800;margin:0;white-space:nowrap}
.apparel-measurements dd span{font-size:15px}
.apparel-measurements .apparel-measurements-card p{margin:8px 0 0;padding-top:8px;border-top:1px solid #dfdfd8;color:#6b7068;font-size:11px;line-height:1.4;text-align:center}
.apparel-chart-open{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;min-height:44px;border:0;background:transparent;color:#f64b26;font:inherit;font-size:13px;font-weight:650;cursor:pointer;padding:8px 0}
.apparel-chart-open span{font-size:24px;line-height:1}
.apparel-chart-open:focus-visible,.apparel-chart-sheet button:focus-visible,.apparel-chart-source:focus-visible{outline:2px solid #f64b26;outline-offset:3px;border-radius:8px}
.apparel-chart-sheet{position:fixed;inset:0;width:min(520px,calc(100vw - 32px));max-width:none;max-height:min(90dvh,760px);padding:0;border:0;border-radius:24px;background:#fff;color:#292d27;box-shadow:0 16px 64px #0003;overflow:hidden;font-family:inherit}
.apparel-chart-sheet::backdrop{background:rgb(0 0 0 / .32);backdrop-filter:none}
.apparel-chart-sheet[open]{display:flex;flex-direction:column}
.apparel-chart-handle{display:none}
.apparel-chart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px;flex-shrink:0;position:static;background:#fff;box-shadow:none;border:0;z-index:auto}
.apparel-chart-header h2{margin:0;font-size:21px;font-weight:800}
.apparel-chart-header button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;font-size:32px;color:#292d27;cursor:pointer}
.apparel-chart-body{padding:0 20px max(20px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
.apparel-chart-name{margin:0 0 16px;font-size:13px;color:#6b7068;line-height:1.5}
.apparel-chart-table-wrap{border:1px solid #e4e2dc;border-radius:12px;overflow:hidden}
.apparel-chart-sheet table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;font-size:13px}
.apparel-chart-sheet th,.apparel-chart-sheet td{padding:12px 3px;border-bottom:1px solid #e4e2dc;border-right:1px solid #e4e2dc;vertical-align:middle}
.apparel-chart-sheet th:last-child,.apparel-chart-sheet td:last-child{border-right:0}
.apparel-chart-sheet tr:last-child th,.apparel-chart-sheet tr:last-child td{border-bottom:0}
.apparel-chart-sheet thead{background:#f6f5f2;font-size:11px}
.apparel-chart-sheet tbody th{font-weight:750}
.apparel-chart-sheet .is-selected{background:#fff0e9;color:#b63213;font-weight:750}
.apparel-chart-unit,.apparel-chart-note{font-size:12px;color:#6b7068;line-height:1.6;margin:10px 0}
.apparel-chart-diagram{display:block;width:100%;max-width:360px;height:auto;margin:12px auto;color:#f64b26}
.apparel-chart-labels{font:600 13px sans-serif}
.apparel-chart-guide{opacity:.6}
.apparel-chart-source{display:inline-flex;align-items:center;min-height:44px;color:#d23c19;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.apparel-chart-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
 .apparel-chart-sheet{inset:auto 0 0;margin:0;width:100%;max-height:90dvh;border-radius:24px 24px 0 0;box-shadow:none}
 .apparel-chart-handle{display:block;width:36px;height:4px;border-radius:4px;background:#d4d5cf;margin:10px auto 0;flex-shrink:0;touch-action:none}
 .apparel-chart-header{padding-top:6px}
}


/* Approved cute v2 artwork: preserve the whole design, including its labels. */
.logo-window{mix-blend-mode:normal!important;background:transparent!important}
.logo-window img{filter:none!important}
.cute-banner{position:relative;background:#d7edf9}
.cute-banner-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:relative}
.cute-banner-link img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){
 body.has-home-editorial .editorial-slide.cute-banner{background:transparent;overflow:visible}
 body.has-home-editorial .cute-banner::before{content:"";position:absolute;inset:calc(-1 * var(--hero-top)) 0 -26px;background:linear-gradient(#f5fbff,#d3eafb 55%,#e5f0fa);pointer-events:none}
 body.has-home-editorial:has(.cute-banner){--home-banner-height:clamp(140px,43.48vw,331px)}
 body.has-home-editorial .cute-banner-link{padding:0;align-items:flex-start}
 body.has-home-editorial:has(.cute-banner[aria-hidden="false"]) .editorial-controls{left:6px;right:auto;bottom:28px}
 body.has-home-editorial .cute-banner-link img{height:auto;max-height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 5px,#000 calc(100% - 8px),transparent)}
}

@media(min-width:761px){body:has(.cute-banner[aria-hidden="false"]) .editorial-controls{right:auto;left:12px;transform:none}}

/* The approved v2 already includes its title and labels; accessible copy stays in HTML. */
.c-banner.c-arrangement-cute,.c-hero.c-arrangement-cute{height:auto;min-height:0;aspect-ratio:1902/827;padding:0;background:#d7edf9;overflow:hidden}
.c-arrangement-cute .c-mood{inset:0;width:100%;height:100%;object-fit:contain!important;filter:none!important}
.c-arrangement-cute .c-scrim,.c-arrangement-cute>.c-type{display:none}
.c-arrangement-cute .c-banner-copy,.c-arrangement-cute .c-hero-copy{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Keep the detail artwork compact on wide screens without cropping its labels. */
.c-hero.c-arrangement-cute{aspect-ratio:auto;height:min(43.48vw,340px)}
.c-hero.c-arrangement-cute .c-mood{object-position:center}

.bottomnote.site-footer{display:grid;grid-template-columns:1fr auto;gap:0 40px;margin:45px 0 0;padding:56px 56px 44px;border:0;background:#faf9ef;color:#62695f;font-size:13px;line-height:1.7;text-align:left;letter-spacing:-.03em}
.site-footer *{box-sizing:border-box}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer a:focus-visible,.site-footer button:focus-visible{outline:2px solid #ed5129a6;outline-offset:-2px}
.site-footer .footer-brand{grid-column:1;grid-row:1;font-size:13px}.site-footer .footer-signoff{margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#ed5129}.site-footer .footer-brand strong{font-size:17px;line-height:1.5;font-weight:800;color:#242723}
.site-footer .footer-links{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;align-items:start;gap:0 28px;font-size:13.5px}
.site-footer .footer-links a,.site-footer .footer-links button{display:flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:#4f564d;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}.site-footer .footer-links .footer-privacy{font-weight:800;color:#242723}
.site-footer .footer-biz{grid-column:1/-1;grid-row:2;margin-top:32px;padding-top:24px;border-top:1px solid #e9eae3}.site-footer .footer-biz-toggle{display:none}.site-footer .footer-biz dl{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;font-size:12.5px;line-height:1.6;color:#4f564d}.site-footer .footer-biz dl>div{display:flex;gap:6px}.site-footer .footer-biz dl>div+div::before{content:"";align-self:center;flex:none;width:1px;height:10px;margin-right:8px;background:#d9dad2}.site-footer .footer-biz dt{color:#757a72;white-space:nowrap}.site-footer .footer-biz dd{margin:0;overflow-wrap:anywhere}
.site-footer .footer-source{grid-column:1/-1;grid-row:3;display:block;margin:18px 0 0;font-size:12px;line-height:1.7;color:#62695f}.site-footer .footer-copy{grid-column:1/-1;grid-row:4;margin:16px 0 0;font-size:12px;color:#62695f}
.bottomnote.site-footer-collection{max-width:1180px;margin:0 auto;background:#faf9ef}.collections-v2:has(.site-footer-collection){background:#faf9ef}.collections-v2:has(.site-footer-collection) .c-main{background:#fff}
@media(max-width:760px){
 .bottomnote.site-footer,body.has-home-editorial .bottomnote.site-footer{display:block;margin-top:0;padding:32px 4px 0}
 .site-footer .footer-brand{font-size:12.5px}.site-footer .footer-brand strong{font-size:15px}.site-footer .footer-signoff{font-size:9px;letter-spacing:1.3px}
 .site-footer .footer-source{margin-top:18px}.site-footer .footer-source br{display:none}.site-footer .footer-source br::after{content:" "}
 .site-footer .footer-links{gap:0 20px;margin-top:6px;font-size:13px}
 .site-footer .footer-biz{margin:0;padding:0;border:0}.site-footer .footer-biz-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0;border:0;border-block:1px solid #e9eae3;background:none;color:#242723;font:inherit;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
 .site-footer .footer-biz-toggle svg{transition:transform .2s ease}.site-footer .footer-biz[data-open] .footer-biz-toggle svg{transform:rotate(180deg)}
 .site-footer .footer-biz dl{display:none;margin:0;padding:14px 0 6px;font-size:12px;line-height:1.55;color:#62695f}.site-footer .footer-biz[data-open] dl{display:grid;grid-template-columns:96px 1fr;gap:8px 12px}.site-footer .footer-biz dl>div{display:contents}.site-footer .footer-biz dl>div+div::before{display:none}.site-footer .footer-biz dt{font-weight:600;color:#4f564d}.site-footer .footer-biz dd{word-break:keep-all}.site-footer .footer-copy{font-size:11.5px;margin-top:16px}
 .bottomnote.site-footer-collection{padding:32px 24px 40px;background:#faf9ef}.site-footer-collection .footer-biz-toggle{border-color:#e6e4d8}
}
/* One soft shadow separates the white content from the cream footer. */
:root{--content-footer-shadow:0 1px 0 rgb(66 47 25 / .035),0 14px 28px -12px rgb(66 47 25 / .18)}
.collections-v2:has(.site-footer-collection) .c-main{position:relative;z-index:1;border-radius:0 0 26px 26px;box-shadow:var(--content-footer-shadow)}
.collections-v2:has(.site-footer-collection) .c-main:not(:has(.c-footer-end)){padding-bottom:36px}
.collections-v2 .c-main .c-end.c-footer-end{border-radius:0;background:transparent;box-shadow:none}
.c-main+.site-footer-collection{position:relative;z-index:0;margin-top:-26px;padding-top:82px;border-radius:0 0 26px 26px}
main:has(>:is(#discovery,#my-page):not([hidden])):has(>.site-footer){padding-bottom:0;background:transparent}
main:has(>.site-footer)>:is(#discovery,#my-page):not([hidden]){position:relative;z-index:1}
main:has(>.site-footer)>#my-page{max-width:none}
main:has(>.site-footer)>#my-page>*{max-width:460px;margin-inline:auto}
main:has(>:is(#discovery,#my-page):not([hidden]))>.site-footer{position:relative;z-index:0;margin-top:-26px;border-radius:0 0 26px 26px}
@media(min-width:761px){
 .collections-v2 .c-main .c-end.c-footer-end{padding-inline:0}
 main:has(>:is(#discovery,#my-page):not([hidden])):has(>.site-footer){padding-top:0}
 main:has(>.site-footer)>:is(#discovery,#my-page):not([hidden]){margin-inline:-30px;padding:42px 30px 44px;border-radius:0 0 26px 26px;background:#fff;box-shadow:var(--content-footer-shadow)}
 main:has(>:is(#discovery,#my-page):not([hidden]))>.site-footer{margin-inline:-30px;padding-top:82px}
}
@media(max-width:760px){
 body.has-home-editorial .discovery-surface{box-shadow:var(--catalogue-top-shadow),var(--content-footer-shadow)}
 main:has(>:is(#discovery,#my-page):not([hidden]))>.bottomnote.site-footer{margin:-26px -20px 0;padding:58px 24px calc(100px + env(safe-area-inset-bottom))}
 .c-main+.site-footer-collection{padding-top:58px}
 body:not(.has-home-editorial) main:has(>:is(#discovery,#my-page):not([hidden])):has(>.site-footer){padding-top:0}
 body:not(.has-home-editorial) main:has(>.site-footer)>:is(#discovery,#my-page):not([hidden]){margin-inline:-20px;padding:28px 20px 32px;border-radius:0 0 26px 26px;background:#fff;box-shadow:var(--content-footer-shadow)}
}
@media(prefers-reduced-motion:reduce){.site-footer .footer-biz-toggle svg{transition:none}}

/* Main list and collection cards share this contract. Load after page styles. */
:is(.grid .card,.collections-v2 .c-product){font-family:Inter,"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;font-size:16px;font-weight:400;letter-spacing:-.56px;color:#242723}
:is(.grid .card>.save,.collections-v2 .c-product>.c-save){position:absolute;top:4px;right:4px;width:48px;height:48px;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;backdrop-filter:none;isolation:isolate;color:#242723;cursor:pointer;z-index:1}
:is(.grid .card>.save,.collections-v2 .c-product>.c-save)::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);box-sizing:content-box;pointer-events:none}
:is(.grid .card>.save,.collections-v2 .c-product>.c-save) svg{width:19px;height:19px;stroke-width:1.8;fill:none}
:is(.grid .card>.save,.collections-v2 .c-product>.c-save)[aria-pressed=true] svg{fill:#ed5129;stroke:#ed5129}
:is(.grid .card,.collections-v2 .c-product) h3{font-size:18px;font-weight:800;line-height:1.5;letter-spacing:-.55px;margin:0 0 8px;color:#242723}
:is(.grid .brandline,.collections-v2 .c-brand){display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-height:24px;margin:14px 0 7px;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:-.56px;color:#4f564d}
:is(.grid .brandline,.collections-v2 .c-brand)>span:not(.product-tag){flex:none;white-space:nowrap}
:is(.grid .brandline,.collections-v2 .c-brand) .brand-icon{width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0}
:is(.grid .brandline,.collections-v2 .c-brand) .brand-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;transform:none!important}
:is(.grid .brandline,.collections-v2 .c-brand) .product-tag{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.35;letter-spacing:0;background:#efefed;color:#4b4e4a}
:is(.grid .brandline,.collections-v2 .c-brand) .product-tag--collaboration{background:#eee6f7;color:#59476e}
:is(.grid .brandline,.collections-v2 .c-brand) .product-tag--season{background:#ffedc9;color:#714915}
:is(.grid .brandline,.collections-v2 .c-brand) .product-tag--series{background:#e7effc;color:#315783}
:is(.grid .brandline,.collections-v2 .c-brand) .product-tag--limited{background:#e2f3eb;color:#245c46}
:is(.grid .brandline,.collections-v2 .c-brand) .product-tag--place{background:#f8e8ef;color:#8a3d5d}
:is(.grid .brandline,.collections-v2 .c-brand) .product-tag--relaunch{background:#f1eae3;color:#70513b}
:is(.grid .meta,.collections-v2 .c-product-meta){display:flex;flex-wrap:wrap;gap:3px 6px;margin:6px 0 0;font-size:13px;font-weight:400;line-height:1.6;letter-spacing:-.56px;color:#656b62;font-variant-numeric:tabular-nums}
:is(.grid .card-temperature-option,.collections-v2 .c-temperature){display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#59635a}
:is(.grid .card-temperature-option,.collections-v2 .c-temperature)::before{content:'';width:5px;height:5px;border-radius:50%;background:#ca613d;margin:0}
:is(.grid .card-temperature-option--iced,.collections-v2 .c-temperature-iced)::before{background:#5685a8}
@media(max-width:760px){
 :is(.grid .card>.save,.collections-v2 .c-product>.c-save){top:1px;right:1px;width:44px;height:44px}
 :is(.grid .card>.save,.collections-v2 .c-product>.c-save) svg{width:17px;height:17px}
 :is(.grid .card,.collections-v2 .c-product) h3{font-size:16px;letter-spacing:-.45px}
 :is(.grid .brandline,.collections-v2 .c-brand){font-size:12px;margin-top:11px}
 :is(.grid .brandline,.collections-v2 .c-brand) .brand-icon{width:18px;height:18px;flex-basis:18px}
 :is(.grid .meta,.collections-v2 .c-product-meta){font-size:12px;margin-top:4px}
 :is(.grid .card-temperature-option,.collections-v2 .c-temperature){font-size:11px}
}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 :is(.grid,.c-product-grid)>.c-product{align-self:start;isolation:isolate;--product-lift:0px;--product-highlight:0}
 .c-product-grid>.c-product::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)}
 .c-product-grid>.c-product>a,.c-product-grid>.c-product>.c-save{translate:0 var(--product-lift);transition:translate 220ms cubic-bezier(.22,.8,.2,1)}
 .c-product-grid>.c-product:is(:hover,:has(>a:focus-visible)){--product-lift:-3px;--product-highlight:1}
 .c-product-grid>.c-product>a:focus-visible{outline:none}
 .c-product-grid>.c-product:has(>a:focus-visible)::before{border-color:#ed5129;box-shadow:0 0 0 1px #ed5129,0 8px 24px #2427230e}
}
@media(prefers-reduced-motion:reduce){
 .c-product-grid>.c-product::before,.c-product-grid>.c-product>a,.c-product-grid>.c-product>.c-save{translate:none;transition:none}
}