:root {
  --primary:#632843; --secondary:#ead5d9; --accent:#76495e; --base-size:16px;
  --ink:#311b29; --muted:#685b62; --line:#e9dee2; --paper:#f9f6f4; --white:#fffefd;
  --sheer:#f2e6e9; --sans:"Instrument Sans","Noto Sans CJK HK","PingFang HK","Microsoft JhengHei",system-ui,sans-serif;
  --display:"Playfair Display","Noto Serif CJK HK","Songti TC","PMingLiU",Georgia,serif;
  color-scheme:light;
}
html[data-theme="gallery"] { --paper:#f8f7f3;--sheer:#efebdf;--white:#fffefa;--line:#e7dfd1 }
html[data-theme="gallery"] .hero-image-frame { border-radius:6px }
html[data-theme="gallery"] .home-hero { background:#f6eee7 }
* { box-sizing:border-box }
html { color:var(--ink);background:var(--white);font:400 var(--base-size)/1.6 var(--sans) }
body { margin:0;min-width:0;overflow-wrap:anywhere }
img { display:block;width:100%;height:auto }
body:has(dialog[open]) { overflow:hidden }
a { color:inherit;text-decoration:none }
a:hover { color:var(--primary) }
button,input,textarea,select { font:inherit }
button,summary { cursor:pointer }
:focus-visible { outline:2px solid var(--accent);outline-offset:4px }
h1,h2,h3,p { margin:0 }
h1,h2,h3 { line-height:1.25;font-weight:700 }
p + p { margin-top:.9em }
[hidden] { display:none!important }
.icon { display:inline-block;flex:0 0 auto;vertical-align:middle }
.sr-only { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap }
.skip { position:absolute;left:12px;top:8px;transform:translateY(-200%);background:var(--white);padding:12px;z-index:30 }
.skip:focus { transform:none }
.wrap { width:min(1300px,calc(100% - 96px));margin-inline:auto }
.narrow { max-width:760px }
.utility-bar { background:#452537;color:#fff7fb;font-size:.81rem }
.utility-inner { min-height:41px;display:flex;justify-content:space-between;align-items:center;gap:12px }
.utility-inner > a { display:inline-flex;align-items:center;gap:8px;line-height:1.25 }
.utility-inner > a .icon { width:17px;height:17px }
.utility-inner a:hover { color:#fff }
.top-settings { display:flex;align-items:center;gap:8px;flex:0 0 auto }
.switcher { position:relative }
.switcher summary { list-style:none;display:flex;align-items:center;gap:7px;min-height:40px;padding:0 8px;font-weight:600;white-space:nowrap }
.switcher summary::-webkit-details-marker { display:none }
.switcher summary .icon { width:16px;height:16px }
.switcher summary .chevron { width:12px;height:12px }
.switcher[open] summary { background:#ffffff1c }
.switcher-menu { position:absolute;right:0;top:100%;width:max-content;min-width:138px;max-width:240px;max-height:calc(70vh - 41px);overflow:auto;background:var(--white);color:var(--ink);padding:10px 7px 7px;box-shadow:0 9px 32px #28112130;border:1px solid var(--line);border-radius:0 0 8px 8px;z-index:21 }
.switcher-heading { padding:6px 10px;display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em }
.switcher-menu ul { list-style:none;margin:0;padding:0 }
.switcher-menu li :is(a,button,.disabled-locale) { display:block;text-align:left;width:100%;padding:8px 10px;border:0;background:none;color:var(--ink);border-radius:3px;min-height:34px }
.switcher-menu li :is(a,button):hover,.switcher-menu [aria-current="true"] { background:var(--sheer);color:var(--primary) }
.switcher-menu .disabled-locale { opacity:.52 }
.site-header { background:var(--white);position:relative;z-index:5;border-bottom:1px solid var(--line) }
.header-inner { min-height:82px;display:grid;grid-template-columns:minmax(177px,1fr) minmax(280px,1.85fr) minmax(190px,1fr);gap:24px;align-items:center }
.wordmark { width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:11px;line-height:1.05 }
.wordmark-icon { display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--primary),white 65%);width:38px;height:38px;border-radius:50%;background:#f8edf1;color:var(--primary) }
.wordmark-icon svg { width:20px;height:20px }
.wordmark-text { display:grid;gap:6px }
.wordmark strong { font-family:var(--sans);font-size:1.47rem;letter-spacing:-.06em }
.wordmark strong span { color:var(--primary) }
.wordmark small { font-size:.68rem;color:var(--muted);letter-spacing:.12em }
.site-logo-image { width:auto;max-width:min(100%,210px);max-height:62px;object-fit:contain }
.search-form { display:flex;border:1px solid #e7dce0;background:#faf7f8;min-height:43px;border-radius:5px;overflow:hidden }
.search-form:focus-within { border-color:var(--primary) }
.search-form input { width:100%;min-width:0;border:0;background:transparent;padding:9px 14px;color:var(--ink);outline:0;font-size:.94rem }
.search-form button { border:0;background:transparent;color:var(--primary);width:46px;display:grid;place-items:center;padding:0;flex:0 0 auto }
.search-form button:hover { background:var(--sheer) }
.header-actions { display:flex;justify-content:flex-end;gap:17px;align-items:center;white-space:nowrap }
.header-actions a { min-height:44px;display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600 }
.header-actions a .icon { width:20px }
.header-list b { color:var(--white);background:var(--primary);min-width:19px;text-align:center;border-radius:50%;font-size:.71rem;padding-inline:3px }
.site-nav { border-top:1px solid #f0e7eb }
.nav-inner { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:clamp(17px,2.12vw,32px) }
.nav-inner a { display:flex;align-items:center;min-height:46px;padding:3px 0 0;border-bottom:2px solid transparent;white-space:nowrap;font-size:.88rem;font-weight:600 }
.nav-inner a:hover,.nav-inner a[aria-current] { color:var(--primary);border-color:var(--primary) }
.mobile-menu { display:none }
.home-hero { background:#f1e3e4;border-bottom:1px solid #ecdee1 }
.hero-grid { display:grid;grid-template-columns:minmax(0, .86fr) minmax(0,1.14fr);min-height:clamp(420px,37vw,545px);align-items:center;gap:28px }
.hero-copy { position:relative;z-index:1;padding:59px 0 49px 24px }
.overline { color:var(--primary);font-size:.77rem;font-weight:700;letter-spacing:.13em;margin:0 0 18px;display:inline-flex;align-items:center;gap:8px }
.overline::before { background:var(--accent);content:"";width:18px;height:1px }
.hero-copy h1 { font:600 clamp(2.25rem,5vw,4.85rem)/1.14 var(--display);letter-spacing:-.055em;color:#351e2c }
.hero-copy h1 em { color:var(--primary);font-style:normal }
html:not([lang^="zh"]) .hero-copy h1 em { font-style:italic }
.hero-intro { max-width:29rem;margin:24px 0 23px;line-height:1.77;font-size:clamp(.96rem,1.28vw,1.13rem);color:#5e4a56 }
.button-row { display:flex;align-items:center;flex-wrap:wrap;gap:10px }
.btn { border:1px solid color-mix(in srgb,var(--primary),white 64%);border-radius:4px;background:var(--white);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 18px;font-size:.88rem;font-weight:650;line-height:1.25;text-align:center }
.btn:hover { background:var(--sheer);color:var(--primary) }
.btn .icon { width:17px;height:17px }
.btn-primary { background:var(--primary);border-color:var(--primary);color:white }
.btn-primary:hover { background:color-mix(in srgb,var(--primary),black 12%);color:white }
.btn-ghost { background:transparent }
.btn-subtle { background:transparent;border-color:var(--line);color:var(--muted) }
.hero-delivery { display:inline-flex;align-items:center;gap:8px;color:#674d5b;font-size:.78rem;margin:20px 0 0;font-weight:550 }
.hero-delivery .icon { width:19px }
.hero-picture { align-self:stretch;display:grid;place-items:center;padding:27px 0 }
.hero-image-frame { width:100%;height:100%;max-height:490px;min-height:310px;background:linear-gradient(135deg,#e9d1d4,#cab0c0);overflow:hidden;border-radius:8px 85px 8px 8px }
.hero-image-frame img { width:100%;height:100%;object-fit:cover;object-position:54% 56% }
.section { padding-block:48px }
.section + .section { padding-top:23px }
.section-head { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px }
.section-head h2 { font:650 clamp(1.45rem,2.6vw,2.15rem)/1.25 var(--display);letter-spacing:-.025em }
.section-head > a { display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--primary);font-size:.84rem;font-weight:650;flex:0 0 auto }
.section-head > a:hover { text-decoration:underline }
.section-head > a svg { width:17px;height:17px }
.category-section { padding-bottom:30px }
.category-tiles { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px }
.category-tile { min-height:115px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;background:#f3e9e9;border-radius:5px;border:1px solid #eee2e4;text-align:center;padding:13px 7px;color:var(--primary) }
.category-tile:hover { border-color:var(--primary) }
.category-tile span { width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffff91 }
.category-tile strong { font-size:.87rem }
.tone-lilac { background:#ede8f1;border-color:#e6ddeb }
.tone-cream { background:#f4ede3;border-color:#eee5d7 }
.tone-green { background:#e9eeea;border-color:#e0e8e1;color:#3d5b4b }
.tone-pink { background:#f2e7ef;border-color:#eee0eb }
.tone-peach { background:#f3e9e4;border-color:#eee2db }
.cards { display:grid;gap:17px }
.cards-product { grid-template-columns:repeat(5,minmax(0,1fr)) }
.cards-editorial { grid-template-columns:repeat(3,minmax(0,1fr));gap:26px }
.card { display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff }
.card-visual { display:block;aspect-ratio:16/9;position:relative;background:#f3ebec;overflow:hidden }
.card-visual:has(.card-image) { display:grid;place-items:center }
.card-visual img { width:100%;height:100%;object-fit:cover }
.card-product .card-visual { aspect-ratio:1 }
.card-product .card-visual img { object-fit:contain }
.card-placeholder { display:grid;place-items:center;background:#f2e8ed;color:#8b5b73 }
.card-directory .card-placeholder { background:#eceee9;color:#506354 }
.card-article:nth-child(2n) .card-placeholder { background:#eee9e2;color:#886a52 }
.card-copy { padding:15px;display:flex;flex:1;flex-direction:column;align-items:flex-start }
.cards-editorial .card-copy { padding:18px 20px 22px }
.card-label { margin:0 0 7px;color:var(--accent);font-size:.73rem;letter-spacing:.035em;font-weight:650 }
.card-copy h3 { font-size:.91rem;line-height:1.55 }
.cards-editorial .card-copy h3 { font-size:1.13rem }
.card-copy h3 a:hover { text-decoration:underline }
.card-summary { margin:.6em 0 0;color:var(--muted);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden }
.card-product .card-copy > h3 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.58rem }
.price { color:var(--primary);font-size:.92rem;font-weight:720;margin:auto 0 4px }
.card-cta { display:flex;align-items:center;gap:4px;padding-top:6px;color:var(--primary);font-size:.79rem;font-weight:700;line-height:1.35;margin-top:auto }
.card-cta:hover { text-decoration:underline }
.card-cta .icon { width:15px;height:15px }
.guide-section .cards { grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)) }
.video-play { position:absolute;display:grid;place-items:center;inset:auto auto 12px 12px;background:#fffffff0;border-radius:4px;width:40px;height:35px;color:var(--primary) }
.explore-panel { background:var(--paper);border-top:1px solid var(--line) }
.discovery { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px }
.discovery a { display:flex;align-items:center;gap:11px;min-height:75px;background:var(--white);padding:12px 16px;border:1px solid var(--line);border-radius:6px;color:var(--primary) }
.discovery a strong { font-size:.92rem;line-height:1.34 }
.discovery a .tail { margin-left:auto;width:16px }
.discovery a:hover { border-color:var(--accent) }
.site-footer { background:#f4ebef;border-top:1px solid var(--line);color:var(--muted);padding:41px 0 14px }
.footer-inner { display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px }
.footer-inner .wordmark { color:var(--ink) }
.footer-inner p { max-width:31rem;margin-top:15px;font-size:.9rem }
.footer-inner h2 { color:var(--ink);font-size:1rem;margin:4px 0 11px }
.footer-inner ul { padding:0;margin:0;list-style:none;font-size:.88rem;display:grid;gap:5px }
.footer-end { border-top:1px solid #e4d4db;margin-top:31px;min-height:50px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem }
.footer-end a { display:inline-flex;align-items:center;gap:7px }
.footer-end svg { width:17px;height:17px }
.notifications { padding-top:15px;display:grid;gap:10px }
.notice { background:#e9f3ea;border:1px solid #c8dccc;color:#2a5437;border-radius:5px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px }
.notice-error { background:#f9e9ed;color:#831d42;border-color:#e9c7d2 }
.notice button { background:none;border:0;padding:3px;color:inherit }
.notice button svg { width:17px;height:17px }
.archive-hero { background:var(--paper);border-bottom:1px solid var(--line);padding:18px 0 35px }
.archive-hero h1,.standard-page h1,.product-copy h1,.editorial-detail h1 { font:650 clamp(2rem,4.6vw,4rem)/1.17 var(--display);letter-spacing:-.035em }
.archive-hero h1 { margin:21px 0 0 }
.archive-hero .btn,.archive-hero .search-form,.archive-hero .lede { margin-top:18px }
.archive-search { max-width:540px }
.archive-body { min-height:365px }
.breadcrumb { color:var(--muted);font-size:.83rem;margin-bottom:14px }
.breadcrumb ol { margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:5px 10px }
.breadcrumb li + li::before { content:"/";margin-right:9px;color:#86596c }
.breadcrumb a:hover { text-decoration:underline }
.filters { display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:6px }
.filters label { flex:1 1 170px;max-width:230px }
.filters select { display:block;width:100% }
.filter-clear { display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--primary) }
.filters :is(label,button) { font-size:.85rem }
.result-count { font-size:.85rem;margin:20px 0;color:var(--muted) }
.empty-state { display:grid;justify-items:center;text-align:center;border:1px dashed #d9c8d0;border-radius:6px;padding:39px 18px;gap:10px;background:#faf7f8;color:var(--muted) }
.empty-state svg { color:var(--accent) }
.empty-state a { color:var(--primary);font-weight:650 }
.empty-state a svg { width:16px }
.pagination { display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:32px 0 0 }
.pagination :is(a,span) { min-width:38px;text-align:center;border:1px solid var(--line);border-radius:4px;padding:6px 9px }
.pagination [aria-current] { background:var(--primary);color:#fff }
.standard-page { padding-block:39px 60px;min-height:355px }
.standard-page h1 + * { margin-top:17px }
.lede { color:var(--muted);font-size:1.08rem;line-height:1.7 }
.detail-wrap { padding-block:19px 55px }
.product-detail { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(22px,5vw,70px);align-items:start;margin-top:27px }
.gallery-primary { display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:#fbf8f9;overflow:hidden }
.gallery-primary img { width:100%;height:100%;object-fit:contain;max-height:660px }
.gallery-placeholder { display:grid;justify-items:center;gap:10px;color:var(--accent) }
.gallery-thumbs { display:flex;gap:7px;margin-top:10px;flex-wrap:wrap }
.gallery-thumbs a { display:block;width:66px;height:66px;border:1px solid var(--line);border-radius:5px;overflow:hidden }
.gallery-thumbs a img { height:100%;object-fit:contain }
.gallery-thumbs [aria-current] { border-color:var(--primary) }
.product-copy h1 { font-size:clamp(1.75rem,3.5vw,3.45rem) }
.product-copy .lede { margin:.85em 0 }
.detail-price { color:var(--primary);font-size:1.56rem;font-weight:750 }
.detail-price small { font-size:.75rem;color:var(--muted);font-weight:500 }
.compact-specs { display:grid;grid-template-columns:auto 1fr;gap:7px 12px;margin:13px 0;color:var(--muted);font-size:.87rem }
.compact-specs dd,.compact-specs dt { margin:0 }
.product-actions,.add-form { display:flex;align-items:center;flex-wrap:wrap;gap:9px }
.product-actions form { margin:0 }
.product-actions .subtle-link { margin-left:7px;color:var(--primary);text-decoration:underline;font-size:.86rem }
.product-delivery { display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--muted);font-size:.85rem }
.product-delivery svg { color:var(--primary);width:19px }
.product-content { display:grid;grid-template-columns:1.2fr .8fr;gap:30px;margin-top:39px }
.prose { font-size:1.057rem;line-height:1.77 }
.prose :is(h2,h3) { margin-top:1.55em;margin-bottom:.58em }
.prose p { margin:0 0 .9em }
.prose a,.stack-form a { color:var(--primary);text-decoration:underline }
.prose img { width:auto;max-width:100%;height:auto }
.spec-sheet,.fact-panel,.outbound { margin-top:15px;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:17px }
.spec-sheet h2,.fact-panel h2 { font-size:1.07rem }
.spec-sheet dl { display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-bottom:0 }
.spec-sheet dd { margin:0;color:var(--muted) }
.editorial-detail { width:min(100%,820px);margin:30px auto 0 }
.editorial-detail .lede { margin:14px 0 23px }
.dateline { color:var(--muted);font-size:.85rem;margin-bottom:13px }
.editorial-cover { margin:18px 0 25px;overflow:hidden;border-radius:7px }
.editorial-cover img { max-height:580px;object-fit:cover }
.fact-panel p { margin:6px 0 12px }
.outbound { display:flex;flex-wrap:wrap;align-items:center;gap:10px }
.outbound small { color:var(--muted) }
.video-player { width:100%;margin:16px 0;background:#20171d;border-radius:5px }
.media-note { display:flex;gap:8px;color:var(--muted);margin:14px 0 }
.tag-list { display:flex;flex-wrap:wrap;gap:8px;margin:21px 0 }
.tag-list a { border:1px solid var(--line);border-radius:4px;padding:5px 12px;color:var(--primary);font-size:.86rem }
.related-section { padding-bottom:0 }
.stack-form { display:grid;gap:13px;align-content:start;margin:16px 0 }
.stack-form label,.filters label { display:grid;gap:5px;font-weight:650 }
.stack-form small { font-weight:400;color:var(--muted);display:inline }
:where(.stack-form,.filters,.cart-row,.add-form) :is(input,textarea,select) { width:100%;min-width:0;border:1px solid #d9c7ce;border-radius:4px;min-height:43px;padding:8px 10px;background:white;color:var(--ink) }
.stack-form textarea { resize:vertical }
.stack-form > .btn { justify-self:start }
.qty-input { max-width:4.1rem }
.form-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px }
.form-submit { display:flex;align-items:center;gap:12px;flex-wrap:wrap }
.form-submit a { font-size:.78rem }
.hp { display:none!important }
.cart-layout { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:27px;margin-top:22px }
.cart-summary,.cart-items { border:1px solid var(--line);padding:15px;border-radius:6px }
.cart-row { border-bottom:1px solid var(--line);display:grid;grid-template-columns:55px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:11px 0 }
.cart-row:first-of-type { padding-top:0 }
.cart-image { width:55px;height:55px;background:#f1e7ed;border-radius:4px;display:grid;place-items:center;overflow:hidden;color:var(--primary) }
.cart-image img { height:100%;object-fit:contain }
.cart-ident { font-weight:600;line-height:1.33 }
.cart-ident p { font-weight:450;font-size:.86rem;color:var(--accent) }
.cart-items .button-row { margin-top:15px }
.cart-summary h2 { font-size:1.24rem }
.cart-summary p { margin:.75em 0 }
.shipping-hint { color:var(--muted);display:flex;gap:8px;align-items:center;font-size:.86rem }
.text-button { border:0;background:none;color:var(--primary);padding:4px 7px;text-decoration:underline;font-size:.82rem;min-height:42px }
.table-scroll { width:100%;overflow:auto;margin:18px 0 }
.comparison { width:100%;border-collapse:collapse;border:1px solid var(--line);font-size:.92rem }
.comparison :is(td,th) { min-width:125px;text-align:left;vertical-align:top;padding:10px;border:1px solid var(--line) }
.comparison th { background:var(--paper) }
.account-forms { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px }
.account-forms form { padding:17px;border:1px solid var(--line);border-radius:6px }
.contact-methods { display:grid;gap:8px;margin:18px 0 }
.contact-methods a { color:var(--primary);text-decoration:underline }
.builtin-list { margin-bottom:20px;grid-template-columns:repeat(3,minmax(0,1fr)) }
.checklist { display:grid;gap:9px }
.checklist label { display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:5px;padding:12px }
.checklist input { accent-color:var(--primary);margin-top:6px }
.tool-result { padding:11px;background:var(--sheer);border-radius:5px }
.tool-result output { margin-left:12px }
.forum-thread { border-top:1px solid var(--line);margin-top:26px;padding-top:20px }
.forum-thread h2 { margin-bottom:10px }
.reply { margin:12px 0;background:var(--paper);padding:12px;border-radius:5px }
.reply time { color:var(--muted);margin-left:9px;font-size:.79rem }
.reply p { margin:7px 0 }
.report-form { font-size:.82rem;color:var(--muted);margin-top:7px }
.report-form .stack-form { max-width:320px }
.dialog-head { display:flex;justify-content:space-between;align-items:flex-start;gap:20px }
.dialog-head h2 { font:700 1.47rem/1.2 var(--display) }
.dialog-head p { color:var(--muted);font-size:.88rem;margin-top:5px }
.icon-button { width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid var(--line);background:var(--white);color:var(--primary);border-radius:4px }
.quote-dialog,.drawer { color:var(--ink);border:1px solid var(--line);border-radius:9px;background:var(--white);padding:21px;max-height:calc(100dvh - 35px);max-width:min(530px,calc(100% - 24px));width:100%;box-shadow:0 12px 58px #200b1f36 }
dialog::backdrop { background:#2c1a30a8 }
.drawer { margin:0 0 0 auto;height:100%;max-height:100%;max-width:min(310px,90%);border-radius:0 }
.drawer-links { display:grid;margin-top:14px }
.drawer-links a { padding:11px 0;border-bottom:1px solid var(--line) }
.quote-dialog .stack-form { margin-bottom:0 }
#mobile-nav:target:not([open]) { display:block;position:fixed;inset:0 0 0 auto;z-index:30 }
@media (min-width:1380px) { .cards-product { grid-template-columns:repeat(6,minmax(0,1fr)) } }
@media (max-width:1120px) {
  .wrap { width:calc(100% - 60px) }
  .header-inner { grid-template-columns:auto minmax(220px,1fr) auto;gap:17px }
  .header-actions a > span { display:none }
  .hero-copy { padding-left:0 }
  .cards-product { grid-template-columns:repeat(4,minmax(0,1fr)) }
}
@media (max-width:832px) {
  .wrap { width:calc(100% - 34px) }
  .hero-grid { gap:16px;min-height:350px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr) }
  .hero-copy { padding-block:34px }
  .hero-picture { padding-block:17px }
  .hero-image-frame { min-height:260px;border-top-right-radius:52px }
  .hero-copy h1 { font-size:clamp(2.1rem,6vw,3.25rem) }
  .hero-intro { margin-block:15px }
  .button-row .btn { padding-inline:13px }
  .category-tiles { grid-template-columns:repeat(3,minmax(0,1fr));gap:9px }
  .category-tile { min-height:94px }
  .cards-product,.cards-editorial { grid-template-columns:repeat(3,minmax(0,1fr));gap:12px }
  .discovery { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .cart-layout { gap:14px }
}
@media (max-width:620px) {
  .wrap { width:calc(100% - 28px) }
  .utility-inner { min-height:37px;font-size:.71rem;gap:5px }
  .utility-inner > a { gap:4px }
  .utility-inner > a svg { display:none }
  .top-settings { gap:1px }
  .switcher summary { min-height:37px;padding-inline:4px;gap:4px }
  .switcher summary .icon { width:12px;height:12px }
  .switcher-menu { min-width:116px }
  .header-inner { display:grid;grid-template-columns:34px minmax(120px,1fr) auto;gap:0 10px;padding:8px 0 }
  .mobile-menu { display:grid;place-items:center;grid-column:1;min-height:40px }
  .site-header .wordmark { grid-column:2 }
  .wordmark-icon { width:31px;height:31px }
  .wordmark strong { font-size:1.22rem }
  .wordmark small { font-size:.58rem }
  .wordmark-text { gap:4px }
  .header-actions { grid-column:3;grid-row:1;gap:11px }
  .header-actions a { min-height:39px;padding-inline:3px }
  .site-search { grid-column:1/-1;margin-top:5px;min-height:38px }
  .site-search input { font-size:.89rem }
  .site-nav { overflow-x:auto }
  .nav-inner { display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:18px;scrollbar-width:thin }
  .nav-inner a { min-height:40px;font-size:.8rem }
  .hero-grid { display:grid;grid-template-columns:minmax(0,1fr);gap:0 }
  .hero-copy { padding:26px 4px 16px }
  .hero-copy h1 { font-size:clamp(2rem,9vw,3rem) }
  .overline { margin-bottom:11px;font-size:.67rem }
  .hero-intro { font-size:.9rem;margin:13px 0 15px }
  .hero-delivery { margin:13px 0 0 }
  .hero-picture { padding:0 0 16px }
  .hero-image-frame { aspect-ratio:1.75;min-height:0;height:auto;border-top-right-radius:42px }
  .section { padding-block:28px }
  .section-head { margin-bottom:13px }
  .category-tile { min-height:83px }
  .category-tile span { width:34px;height:34px }
  .category-tile strong { font-size:.77rem }
  .cards-product,.cards-editorial { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .card-copy,.cards-editorial .card-copy { padding:10px }
  .card-copy h3,.cards-editorial .card-copy h3 { font-size:.9rem }
  .card-summary { font-size:.82rem }
  .discovery { gap:8px }
  .discovery a { padding:9px;gap:7px;min-height:59px }
  .discovery a strong { font-size:.84rem }
  .discovery a .icon { width:18px }
  .site-footer { padding-top:27px }
  .footer-inner { grid-template-columns:1fr 1fr;gap:17px }
  .footer-inner > div:first-child { grid-column:1/-1 }
  .footer-end { flex-wrap:wrap;padding-top:7px }
  .archive-hero { padding-bottom:24px }
  .archive-hero h1 { margin-top:13px }
  .filters { padding:10px;gap:8px }
  .filters label { flex-basis:115px }
  .product-detail,.product-content,.cart-layout { grid-template-columns:1fr }
  .product-detail { gap:19px;margin-top:15px }
  .product-content { margin-top:24px }
  .standard-page { padding-block:26px 35px }
  .cart-row { grid-template-columns:42px minmax(0,1fr) auto auto }
  .cart-image { width:42px;height:42px }
  .account-forms { grid-template-columns:1fr;gap:8px }
  .form-pair { grid-template-columns:1fr;gap:10px }
}
@media (max-width:365px) {
  .wrap { width:calc(100% - 22px) }
  .nav-inner { gap:13px }
  .wordmark { gap:6px }
  .hero-intro { line-height:1.57 }
  .footer-inner { gap:10px }
  .card-cta .icon { display:none }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important } }
.shipping-estimate { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 13px;margin:0;padding:10px 12px;background:var(--paper);border-radius:4px;font-size:.86rem }
.shipping-estimate dd { margin:0;text-align:end }
.shipping-estimate [data-shipping-total] { font-weight:750;color:var(--primary) }
