/* Shared storefront components. Oxblood is sampled from the campaign lipstick. */
:root{--h-ox:#652a30;--h-ox-deep:var(--h-ox);--h-ox-ink:var(--h-ox);--oxblood:var(--h-ox);--ch-header:76px;--ch-line:#ded8d5}
[hidden]{display:none!important}
html{scroll-padding-top:calc(var(--ch-header) + 24px)}
body:not(.ch-home) main{padding-top:var(--ch-header)}
.ch-header{position:fixed;inset:0 0 auto;z-index:70;background:#fff;color:var(--h-ink);transition:background .2s;border-bottom:1px solid transparent}
.ch-home .ch-header:not(.is-solid){background:transparent}
.ch-home .ch-header:not(.is-solid) .ch-word{color:#fff}
.ch-header.is-solid{border-bottom-color:var(--ch-line)}
.ch-header-inner{height:var(--ch-header);padding:0 clamp(16px,2.6vw,40px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.ch-header-left,.ch-header-tools{display:flex;align-items:center;gap:16px}
.ch-header-tools{justify-content:flex-end;gap:6px}
.ch-header button,.ch-header-tools>a,.ch-shop{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:none;border:0;color:inherit;font:400 15px var(--h-text);text-decoration:none}
.ch-menu-toggle{gap:10px}.ch-header svg{width:21px;height:21px;flex:none}
.ch-word{display:block;font:500 25px/1 var(--h-display);letter-spacing:.28em;text-indent:.28em;color:var(--h-ink);text-decoration:none;white-space:nowrap}
.ch-header button:hover,.ch-header a:hover{color:var(--h-ox)}
.ch-bag{position:relative}.ch-bag [data-bag-count]{position:absolute;right:-3px;top:1px;font:500 11px var(--h-text);color:var(--h-ox)}
.ch-menu{z-index:150}.ch-menu-panel{position:absolute;inset:0 auto 0 0;width:min(480px,100%);padding:24px 32px 40px;background:#fff;overflow:auto;overscroll-behavior:contain;transform:translateX(-100%);transition:transform .24s ease}
.ch-menu.is-open .ch-menu-panel{transform:none}
.ch-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font:500 20px var(--h-display);letter-spacing:.15em}
.ch-menu-head button{width:44px;height:44px}.ch-menu-head svg{width:22px;height:22px}
.ch-menu-links{display:grid}.ch-menu-links a{display:flex;align-items:center;min-height:44px;font:400 24px/1.2 var(--h-display);text-decoration:none}
.ch-menu-links a:nth-child(3){padding-bottom:18px;border-bottom:1px solid var(--ch-line);margin-bottom:18px}
.ch-menu-links a:nth-child(n+4){font:400 16px var(--h-text)}
.ch-menu-links a:hover,.ch-menu-secondary a:hover{color:var(--h-ox);text-decoration:underline;text-underline-offset:5px}
.ch-menu-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:28px;padding-top:24px;border-top:1px solid var(--ch-line);font:400 14px var(--h-text)}
.ch-menu-secondary a{padding:10px 0}
.ch-region{padding:28px 0;display:flex;gap:16px;justify-content:center;align-items:center;font:400 14px var(--h-text)}
.ch-region .x-geo-chip{color:var(--h-ivory);min-height:44px;border:1px solid #706967;padding:8px 16px;background:transparent}
html body .x-s-top{padding:20px 32px;position:sticky;top:0;background:#fff;z-index:2}
html body .x-s-top .ch-word{margin:auto}
html body .x-s-top{display:flex;justify-content:center;min-height:76px}
html body .x-s-top>a.ch-word{position:absolute;left:50%;transform:translateX(-50%);margin:0}
html body .x-s-top button{margin-left:auto;min-width:44px;min-height:44px}
html body .x-s-form{display:flex;gap:12px;margin:20px auto;max-width:760px;width:calc(100% - 32px)}
html body .x-s-form input{min-width:0;flex:1;font:400 16px var(--h-text);text-align:left;padding:14px 18px;border:1px solid #766c69}
html body .x-s-form input{border-radius:0}
.x-s-clear{min-width:44px;min-height:44px;text-decoration:underline;text-underline-offset:4px}
html body .x-s-row,html body [data-x-s-grid]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;overflow:visible!important;padding:24px 32px}
html body .x-scard{width:auto!important;min-width:0!important;flex:initial!important}
html body .x-search{background:#fff;overflow:auto;overscroll-behavior:contain;padding-bottom:48px}
html body .x-search::after{display:none}
html body .x-simg{height:auto!important;aspect-ratio:1/1}
html body .x-simg img{object-fit:contain;width:100%;height:100%}
html body .x-foot .x-news h2{font:400 clamp(30px,3.2vw,46px)/1.1 var(--h-display)!important;letter-spacing:-.02em!important}
html body .x-foot div.x-svc.x-svc{margin-inline:0}
html body .x-foot .x-news h2::before,html body .x-foot .x-news.x-news>p:first-of-type::before{content:none}
html body .x-foot .x-news.x-news>p:first-of-type{font:400 15px/1.5 var(--h-text)!important;margin-top:16px}
html body .x-foot .x-news button{min-width:100px}
html body [data-wish-grid] .ph{aspect-ratio:1/1;background:#f7f5f3}
html body [data-wish-grid] .ph img{object-fit:contain!important;max-height:100%;padding:20px}
html body [data-wish-grid] .card__cap{padding:16px 0 8px;gap:8px}
html body [data-wish-grid] button{min-height:44px;font-size:14px!important}
html body .bag__head h2{font-size:26px!important;line-height:1.15}
html body .bag{z-index:160}
html body .line-item__name{font-size:15px;text-transform:none;letter-spacing:0}
html body .line-item__rm{font-size:13px;min-height:44px}
html body .x-cwish,html body .x-save{min-width:44px;min-height:44px}
.ch-home .ch-service{background:var(--h-ox)}
.ch-home .ch-hero{padding:0;gap:0;margin:0;width:100%;max-width:none}
.ch-home .ch-hero img{transform:none!important;animation:none!important;transition:none!important}
.ch-home .ch-hero-label b{paint-order:stroke fill;-webkit-text-stroke:0 transparent}
.ch-home .ch-hero a:focus-visible .ch-hero-label b{-webkit-text-stroke:1px var(--h-ox)}
@media(hover:hover){.ch-home .ch-hero a:hover .ch-hero-label b{-webkit-text-stroke:1px var(--h-ox)}}
html body .x-fsp{overscroll-behavior:contain;z-index:160}
html body .x-search{z-index:180}
html body .x-srail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:24px}
html body .x-fsp input{accent-color:var(--h-ox)}
html body .x-fsp label{min-height:44px;display:flex;align-items:center;gap:10px}
html body .x-fsp button{min-height:44px}
html body main>.serif-xl{margin:48px auto 24px;text-align:center}
html body .contact h1{margin-bottom:28px}
html body .frame .ph{max-height:480px!important}
html body .frame .ph img{object-fit:contain!important}
@media(max-width:860px){:root{--ch-header:64px}.ch-header-inner{padding:0 12px;gap:4px}.ch-header-left{gap:2px}.ch-menu-toggle span{display:none}.ch-header-tools{gap:0}.ch-word{font-size:19px;letter-spacing:.12em;text-indent:.12em}.ch-header-tools>a,.ch-header button{min-width:40px}.ch-header svg{width:19px;height:19px}.ch-shop{font-size:13px;min-width:36px}.ch-header-tools [data-bag-count]{right:0}.ch-menu-panel{padding:16px 24px 32px}html body .x-s-row,html body [data-x-s-grid]{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:24px 16px}html body .x-s-top{padding:12px 16px}html body .x-foot .x-news button{min-width:88px}.ch-home .ch-hero{margin-top:0;padding-top:0;min-height:560px;height:82svh;max-height:900px}.ch-home .ch-hero-label b{font-size:clamp(20px,5.3vw,32px)}.ch-home .ch-hero-label{bottom:24px;left:16px}.ch-region{flex-wrap:wrap}}
@media(min-width:380px) and (max-width:860px){.ch-header-tools>a,.ch-header button{min-width:44px}}
@media(max-width:359px){.ch-word{font-size:16px}.ch-header-inner{padding:0 8px}.ch-header-tools>a,.ch-header button{min-width:36px}.ch-shop{min-width:32px}}
@media(prefers-reduced-motion:reduce){.ch-header,.ch-menu-panel{transition:none}}
@media(max-width:860px){html body .x-srail{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}
@view-transition{navigation:none}
.ch-region .x-geo-chip{max-width:none;overflow:visible}
.ch-region .x-geo-chip .x-geo-currency{display:inline}
html body .x-geo{z-index:200;max-height:calc(100svh - 32px);overflow:auto}
html body .x-geo-actions button{min-height:44px;padding-inline:20px}
html body .x-foot .x-news h2{text-transform:none!important}
html body .x-foot .x-news .chromd-newsletter-optin{display:flex!important;align-items:flex-start;justify-content:flex-start;gap:10px;max-width:560px;width:100%;margin:16px auto;text-align:left;font:400 13px/1.5 var(--h-text)}
html body .x-foot .x-news .chromd-newsletter-optin input[type=checkbox]{position:static!important;order:0;min-height:16px!important;min-width:16px!important;width:16px!important;height:16px!important;flex:0 0 16px!important;appearance:auto!important;accent-color:var(--h-ox);margin:3px 0 0!important}
.page-wish main{padding-bottom:64px}
.page-wish [data-wish-empty] p{font-size:16px;line-height:1.5}
html body .field input,html body .field select,html body .field textarea{font-size:16px}