:root { --category-ink:#1d1d1f; --category-muted:#6e6e73; --category-line:#d2d2d7; --category-bg:#f5f5f7; --category-accent:#0071e3; --category-soft:#eaf2ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:50px; }
body { margin:0; color:var(--category-ink); background:#fff; font-family:-apple-system,BlinkMacSystemFont,"SF Pro SC","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.custom-category-page .site-header { border-bottom:0; background:var(--category-bg); }
.custom-category-page .site-header.is-past-hero { border-bottom:1px solid rgba(29,29,31,.12); background:#fff; }
.custom-category-page .primary-navigation { --header-bg:var(--category-bg); }
.category-hero { position:relative; overflow:hidden; background:var(--category-bg); isolation:isolate; }
.category-hero::before,.category-hero::after { position:absolute; border-radius:50%; content:""; pointer-events:none; }
.category-hero::before { top:-34%; right:-12%; width:min(66vw,900px); aspect-ratio:1; background:radial-gradient(circle at 36% 36%,#fff 0 8%,var(--category-soft) 34%,transparent 72%); }
.category-hero::after { bottom:-55%; left:-15%; width:min(48vw,650px); aspect-ratio:1; background:radial-gradient(circle,var(--category-accent) 0,transparent 68%); opacity:.08; }
.category-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(350px,.86fr) minmax(540px,1.14fr); gap:clamp(42px,7vw,112px); align-items:center; width:min(1320px,calc(100% - 48px)); min-height:690px; margin:0 auto; padding:70px 0 78px; }
.category-hero-copy { max-width:610px; }
.category-kicker { margin:0 0 22px; color:var(--category-muted); font-size:12px; font-weight:650; letter-spacing:.1em; }
.category-hero h1 { margin:0; font-size:clamp(3.45rem,5.6vw,6.55rem); font-weight:650; line-height:.94; letter-spacing:-.065em; text-wrap:balance; }
.category-hero h1 span { display:block; }
.category-hero-copy>p:not(.category-kicker) { margin:28px 0 0; color:#515154; font-size:1.05rem; line-height:1.72; }
.category-hero-actions { display:flex; gap:12px; margin-top:34px; }
.category-hero-actions a { display:inline-flex; min-height:48px; padding:0 24px; align-items:center; justify-content:center; border:1px solid var(--category-ink); border-radius:980px; font-size:14px; font-weight:600; transition:transform .2s,background .2s,color .2s; }
.category-hero-actions a:first-child { color:#fff; background:var(--category-ink); }
.category-hero-actions a:hover,.category-hero-actions a:focus-visible { outline:none; transform:translateY(-2px); }
.category-hero-stage { position:relative; height:560px; }
.category-hero-product { position:absolute; display:grid; margin:0; place-items:center; border:1px solid rgba(29,29,31,.08); border-radius:34px; background:rgba(255,255,255,.75); box-shadow:0 34px 80px rgba(38,38,55,.16); backdrop-filter:blur(18px); }
.category-hero-product img { display:block; width:100%; height:100%; object-fit:contain; }
.category-hero-product figcaption { position:absolute; right:16px; bottom:14px; left:16px; color:var(--category-muted); font-size:12px; text-align:center; }
.category-hero-product-a { z-index:2; top:2%; left:24%; width:43%; height:88%; padding:16px 16px 42px; transform:rotate(1.5deg); }
.category-hero-product-b { z-index:1; top:15%; left:-2%; width:35%; height:70%; padding:13px 13px 40px; transform:rotate(-8deg); }
.category-hero-product-c { z-index:3; top:17%; right:-1%; width:35%; height:70%; padding:13px 13px 40px; transform:rotate(8deg); }
.category-inspiration { overflow:hidden; background:#fff; }
.category-intro { width:min(1040px,calc(100% - 48px)); margin:0 auto; padding:76px 0 42px; }
.category-intro-label { margin:0 0 3px; font-size:14px; line-height:20px; }
.category-intro h2 { margin:0; font-size:36px; font-weight:600; line-height:1.35; letter-spacing:-.035em; }
.category-summary { max-width:860px; margin:18px 0 0; color:var(--category-muted); font-size:1rem; line-height:1.78; }
.category-concept-note { display:block; margin-top:14px; color:var(--category-muted); font-size:12px; line-height:18px; }
.category-guides { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; width:min(1040px,calc(100% - 48px)); margin:0 auto 54px; overflow:hidden; border:1px solid var(--category-line); border-radius:24px; background:var(--category-line); }
.category-guide { min-height:166px; padding:27px 28px; background:#fff; }
.category-guide strong { display:block; margin-bottom:9px; font-size:15px; }
.category-guide p { margin:0; color:var(--category-muted); font-size:14px; line-height:1.65; }
.category-catalog-toolbar { display:flex; min-height:58px; align-items:center; width:min(1040px,calc(100% - 48px)); margin:0 auto; }
.category-filter-shell { display:contents; }
.category-filter-header,.category-mobile-filter { display:none; }
.category-filter-list { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.category-filter-list button,.category-mobile-filter { min-height:36px; padding:7px 16px; border:1px solid var(--category-line); border-radius:980px; color:var(--category-ink); background:#fff; font:inherit; font-size:14px; line-height:18px; white-space:nowrap; cursor:pointer; }
.category-filter-list button[aria-pressed="true"] { border-color:var(--category-ink); box-shadow:inset 0 0 0 1px var(--category-ink); }
.category-filter-list button:hover,.category-filter-list button:focus-visible,.category-mobile-filter:hover,.category-mobile-filter:focus-visible { border-color:#86868b; outline:none; }
.re-productgrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; margin:-1px 0 0; border-top:1px solid var(--category-line); border-left:1px solid var(--category-line); background:#fff; }
.re-productgrid-card { position:relative; display:grid; min-width:0; min-height:650px; align-content:start; justify-items:center; padding:38px 0; border-right:1px solid var(--category-line); border-bottom:1px solid var(--category-line); background:#fff; text-align:center; }
.re-productgrid-card-large { grid-column:span 2; min-height:640px; }
.re-productgrid-card:nth-child(2) { min-height:640px; }
.re-productgrid-card-img { display:grid; width:min(78%,370px); height:365px; place-items:center; overflow:hidden; }
.re-productgrid-card-large .re-productgrid-card-img { width:440px; max-width:calc(100% - 52px); height:430px; }
.re-productgrid-card-artwork { width:100%; height:100%; transition:transform .35s ease; }
.re-productgrid-card-artwork img { display:block; width:100%; height:100%; object-fit:contain; }
.re-productgrid-card:hover .re-productgrid-card-artwork { transform:scale(1.018); }
.re-productgrid-card-swatches { min-height:33px; padding:0 26px; }
.re-productgrid-card-swatches ul { display:flex; min-height:33px; margin:0; padding:14px 0 7px; align-items:center; justify-content:center; list-style:none; }
.re-productgrid-card-swatches li { width:12px; height:12px; margin:-1px 3px; border:1px solid rgba(29,29,31,.16); border-radius:50%; background:var(--swatch); }
.re-productgrid-card-badges { min-height:31px; padding:0 26px; }
.re-productgrid-card-badgetext { display:block; padding-top:15px; color:#b64400; font-size:12px; font-weight:600; line-height:16px; }
.re-productgrid-card-title { width:100%; margin:0; padding:10px 26px 0; font-size:1rem; font-weight:400; line-height:25px; }
.re-productgrid-card-title-link { display:flow-root; color:var(--category-ink); }
.re-productgrid-card-title-link::after { position:absolute; inset:0; content:""; }
.re-productgrid-card-title-link:focus-visible { outline:2px solid #0071e3; outline-offset:3px; }
.re-productgrid-card-meta { color:var(--category-muted); font-size:13px; line-height:20px; }
.re-productgrid-card-price { padding:10px 26px 0; font-size:1rem; line-height:25px; }
.category-faq { width:min(1040px,calc(100% - 48px)); margin:0 auto; padding:80px 0 96px; }
.category-faq h2 { margin:0 0 28px; font-size:32px; letter-spacing:-.03em; }
.category-faq details { border-top:1px solid var(--category-line); }
.category-faq details:last-child { border-bottom:1px solid var(--category-line); }
.category-faq summary { padding:22px 42px 22px 0; font-weight:600; cursor:pointer; }
.category-faq p { max-width:800px; margin:-8px 0 22px; color:var(--category-muted); line-height:1.75; }
@media(max-width:900px){.category-hero-inner{grid-template-columns:minmax(310px,.85fr) minmax(430px,1.15fr)}.category-guides{grid-template-columns:1fr}.category-guide{min-height:0}}
@media(max-width:760px){.category-hero-inner{display:block;width:calc(100% - 40px);min-height:0;padding:58px 0 40px}.category-hero-copy{text-align:center}.category-kicker{margin-bottom:16px;font-size:11px}.category-hero h1{font-size:clamp(2.05rem,9.5vw,3.4rem);line-height:.98}.category-hero-copy>p:not(.category-kicker){margin:20px auto 0}.category-hero-actions{max-width:340px;margin:24px auto 0}.category-hero-actions a{min-height:44px;flex:1;padding:0 12px;font-size:13px}.category-hero-stage{height:350px;margin-top:34px}.category-hero-product{border-radius:22px}.category-hero-product-a{left:28%;width:44%;height:92%;padding:9px 9px 34px}.category-hero-product-b,.category-hero-product-c{top:16%;width:37%;height:70%;padding:8px 8px 32px}.category-hero-product-b{left:-6%}.category-hero-product-c{right:-6%}.category-hero-product figcaption{right:8px;bottom:9px;left:8px;font-size:10px}.category-intro{width:calc(100% - 48px);padding:54px 0 36px}.category-intro h2{font-size:34px}.category-guides{width:calc(100% - 48px);margin-bottom:36px;border-radius:18px}.category-catalog-toolbar{width:calc(100% - 48px);min-height:54px}.category-mobile-filter{display:flex;align-items:center}.category-filter-shell{position:fixed;z-index:220;right:0;bottom:0;left:0;display:none;padding:22px 24px 34px;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -18px 55px rgba(0,0,0,.2)}.category-filter-shell.is-open{display:block}.category-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.category-filter-header strong{font-size:20px}.category-filter-header button{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f5f5f7;font:inherit;font-size:24px}.category-filter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-filter-list button{padding:10px 12px}.re-productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.re-productgrid-card{min-height:410px;padding:34px 0}.re-productgrid-card-large{min-height:470px}.re-productgrid-card:nth-child(2){min-height:410px}.re-productgrid-card-img{width:min(100%,194px);height:194px}.re-productgrid-card-large .re-productgrid-card-img{width:250px;max-width:calc(100% - 40px);height:250px}.re-productgrid-card-title,.re-productgrid-card-price{line-height:20px}.category-faq{width:calc(100% - 48px);padding:58px 0 70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}