/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/inter-variable-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Polish characters take precedence; other Latin Extended characters retain the complete subset. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/inter-variable-polish.woff2) format('woff2');
  unicode-range: U+104,U+105,U+106,U+107,U+118,U+119,U+141,U+142,U+143,U+144,U+15A,U+15B,U+179,U+17A,U+17B,U+17C;
}

/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/fonts/inter-variable-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--red:#d82d20;--red-hover:#b72318;--ink:#191919;--muted:#696965;--line:#e5e5e1;--paper:#fff;--surface:#f4f4f1;--radius:8px;font-family:'Inter',Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--paper);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{color:inherit}button,a{touch-action:manipulation}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.04em;font-weight:650}h1{font-size:44px}h3{font-size:21px}p{color:var(--muted)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}button:disabled{cursor:not-allowed}button:hover,a:hover{transition:background-color .18s,color .18s}.icon{flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;padding:12px 20px;background:#fff;z-index:99}.skip-link:focus{top:10px}.topbar{background:var(--ink);color:white;font-size:12px}.topbar .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar .wrap>span:last-child{display:flex;align-items:center;gap:9px}.polish-flag{width:16px;height:11px;background:linear-gradient(#fff 50%,#dc303d 50%);display:inline-block;border-radius:1px}.header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:750;font-size:27px;letter-spacing:-1.4px;display:inline-flex;align-items:center;gap:10px;line-height:1}.brand-suffix{color:var(--red)}.brand-mark{display:grid;place-items:center;background:var(--red);color:#fff;width:35px;height:36px;border-radius:9px;font-size:27px;letter-spacing:-2px;padding-right:3px;position:relative}.brand-mark>span{position:absolute;right:4px;bottom:4px;line-height:.8;font-size:20px}.main-nav{display:flex;align-items:center;gap:32px;height:100%;}.main-nav a{height:100%;display:flex;align-items:center;position:relative}.main-nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;height:3px;background:var(--red);left:0;right:0}.main-nav a:hover{color:var(--red)}.header-actions{display:flex;gap:12px;align-items:center}.saved-link{display:flex;gap:9px;align-items:center;font-size:14px;min-height:44px}.saved-count{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;background:var(--surface);font-size:12px;border-radius:50%}.icon-button{height:44px;width:44px;display:grid;place-items:center;background:transparent}.menu-toggle{display:none}.discovery-intro{display:flex;align-items:end;justify-content:space-between;padding-top:42px;margin-bottom:23px;gap:20px}.discovery-intro h1{font-size:35px;margin-bottom:7px}.discovery-intro p{font-size:15px;margin:0}.text-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:14px}.text-link:hover{color:var(--red)}.search-form{display:flex;align-items:center;gap:14px;border:1px solid #cececa;border-radius:7px;padding:6px 6px 6px 20px;min-height:62px;background:#fff}.search-form:focus-within{outline:2px solid var(--ink);outline-offset:2px}.search-form>svg{color:var(--muted)}.search-form input{flex:1;border:none;background:transparent;height:46px;font-size:15px;outline:none}.search-form input:focus-visible{outline:0}.search-form button{background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;gap:28px;align-self:stretch;padding:0 24px;border-radius:4px;font-size:14px;font-weight:500}.search-form button:hover,.button:hover{background:var(--red-hover)}.search-message{font-size:14px;padding:12px 16px;border-left:3px solid var(--red);background:var(--surface);margin:12px 0 0}.search-message a{text-decoration:underline;color:var(--ink)}.button{min-height:46px;padding:11px 19px;background:var(--red);color:#fff;border:1px solid transparent;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14px;font-weight:500;text-align:center}.button-outline{background:transparent;color:var(--ink);border-color:#c8c8c2}.button-outline:hover{background:var(--surface);border-color:var(--ink)}.catalog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.catalog-title-group{display:flex;align-items:baseline;gap:14px}.catalog-top h2{margin:0;font-size:27px}.catalog-top #result-count{font-size:13px;color:var(--muted)}.budget-link{display:flex;align-items:center;gap:9px;font-size:13px}.budget-link:hover{color:var(--red)}.category-list{padding-bottom:22px;overflow:auto;scrollbar-width:thin}.category{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 21px;white-space:nowrap;border:1px solid var(--line);border-radius:5px;background:#fff;min-height:46px}.category:hover{background:var(--surface)}.category.selected{background:var(--ink);border-color:var(--ink)}.category .icon{width:19px;height:19px}.filter-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px 0;gap:18px;min-height:70px}.filter-inputs{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.select-label{display:flex;align-items:center;gap:8px}.select-label svg{width:18px}select{border:0;background:transparent;color:var(--ink);font-size:13px;min-height:44px;max-width:100%;padding-right:3px}.sort-label{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap}.plain-button{display:flex;align-items:center;gap:7px;background:transparent;min-height:44px;font-size:13px;padding:0}.plain-button .icon{width:18px}.plain-button[aria-pressed=true]{color:var(--red)}.clear-filters{font-size:12px;background:transparent;text-decoration:underline;min-height:44px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.product-card{min-width:0}.product-photo{position:relative;background:var(--surface);border-radius:6px;overflow:hidden;aspect-ratio:1/1.12}.product-photo>a:first-child{height:100%;display:block}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-photo:hover img{transform:scale(1.025)}.product-label{position:absolute;top:13px;left:13px;background:rgba(255,255,255,.92);padding:4px 9px;border-radius:3px;font-size:11px}.favorite-button{position:absolute;top:2px;right:2px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;background:transparent;display:grid;place-items:center;z-index:2}.favorite-button::before{content:"";position:absolute;inset:6px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.98);box-shadow:0 1px 3px rgba(0,0,0,.08);pointer-events:none}.favorite-button>.icon{position:relative;width:18px;height:18px;z-index:1}.favorite-button:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.favorite-button:active::before{background:var(--red-tint)}.favorite-button:hover{color:var(--red)}[data-favorite][aria-pressed=true]{color:var(--red)}[data-favorite][aria-pressed=true] svg{fill:#ffe9e6}.photo-action{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);padding:11px 13px;font-size:13px;border-radius:4px;opacity:0;transform:translateY(7px);transition:opacity .18s,transform .18s}.product-photo:hover .photo-action,.product-photo:focus-within .photo-action{opacity:1;transform:none}.product-info{display:flex;justify-content:space-between;gap:10px;padding-top:14px}.product-name{font-size:16px;font-weight:550;letter-spacing:-.02em}.product-name:hover{color:var(--red)}.product-info p{font-size:12px;margin:3px 0 0}.product-info strong{font-size:16px;font-weight:550;white-space:nowrap;line-height:1.6}.product-bottom{display:flex;justify-content:space-between;color:#72726c;font-size:11px;margin-top:7px}.catalog{padding-bottom:54px}.empty-state{text-align:center;padding:70px 20px}.empty-state>.icon{width:36px;height:36px;color:var(--muted);margin-bottom:20px}.empty-state h3{margin-bottom:10px}.help-band{background:var(--surface);border-block:1px solid var(--line)}.help-inner{display:flex;justify-content:space-between;align-items:center;padding-block:30px;gap:24px}.help-heading{display:flex;align-items:center;gap:21px}.help-heading>.icon{width:42px;height:42px;stroke-width:1.1}.help-heading h2{font-size:23px;margin-bottom:6px}.help-heading p{font-size:14px;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.section-heading h2{margin:0;font-size:26px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.guide-card{padding:23px 0 0;border-top:1px solid #bcbcb5;position:relative;display:flex;flex-direction:column;align-items:start}.guide-icon{background:var(--surface);width:43px;height:43px;border-radius:7px;display:grid;place-items:center;margin-bottom:20px}.guide-card>span{font-size:12px;color:var(--muted);margin-bottom:10px}.guide-card h3{font-size:21px;letter-spacing:-.025em;margin-bottom:10px;max-width:270px}.guide-card p{font-size:14px;max-width:340px;margin-bottom:20px}.guide-card .guide-read{display:flex;gap:16px;align-items:center;color:var(--ink);margin-top:auto;font-size:13px;min-height:44px}.guide-card:hover h3{color:var(--red)}.guide-card:hover .guide-icon{color:var(--red)}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);max-width:calc(100% - 30px);padding:12px 22px;background:var(--ink);color:white;border-radius:7px;font-size:14px;opacity:0;pointer-events:none;z-index:50;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.page-intro{padding-block:35px 40px}.page-intro h1{max-width:800px;margin:25px 0 20px}.breadcrumb{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:26px}.breadcrumb a:hover{color:var(--red)}.guide-index{padding-bottom:80px}.article-layout{display:grid;grid-template-columns:minmax(0,720px) 310px;gap:70px;padding-block:35px 70px}.article-topic{color:var(--red);font-size:14px}.article h1{font-size:44px;margin-top:17px;margin-bottom:20px}.article .article-lead{font-size:20px;}.article h2{font-size:25px;margin-top:36px;margin-bottom:16px}.article p,.article li{line-height:1.85;color:#545450}.article a:not(.button){text-decoration:underline;text-underline-offset:3px}.article .breadcrumb a{text-decoration:none}.article .source-note{font-size:13px;background:var(--surface);padding:18px;margin-top:35px}.article-aside{background:var(--surface);align-self:start;padding:26px;border-radius:7px;}.article-aside h2{font-size:25px}.article-aside p{font-size:14px}.article-aside h3{font-size:17px;margin:36px 0 13px}.article-aside>a:not(.button){display:flex;justify-content:space-between;font-size:13px;border-top:1px solid var(--line);padding:15px 0}.standalone{max-width:780px;padding-block:35px 70px}.product-page{padding-top:27px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px}.detail-photo{background:var(--surface);border-radius:7px;overflow:hidden;align-self:start}.detail-photo img{width:100%;height:auto;aspect-ratio:5/6;object-fit:cover}.detail-info{padding:8px 0}.detail-category{font-size:13px;color:var(--red);margin-bottom:8px}.detail-info h1{font-size:38px;margin-bottom:12px}.detail-subtitle{font-size:15px}.detail-price{font-size:31px;font-weight:600}.price-note{font-size:12px;margin-top:6px}.detail-info hr{border:0;border-top:1px solid var(--line);margin:24px 0}.detail-info>p:not([class]){font-size:15px}.detail-info h2{font-size:14px;letter-spacing:0;margin-top:25px}.size-list{display:flex;flex-wrap:wrap;gap:8px}.size-list span{border:1px solid var(--line);min-width:43px;padding:7px 10px;text-align:center;border-radius:3px;font-size:13px}.purchase-unavailable{display:flex;gap:15px;background:var(--surface);padding:18px;border-radius:5px;margin-top:23px}.purchase-unavailable p{font-size:13px;margin:6px 0 0;line-height:1.65}.purchase-unavailable strong{font-size:14px}.purchase-unavailable>.icon{margin-top:2px}.detail-save,.buy-button{width:100%;margin-top:13px}.product-facts{font-size:12px;margin:22px 0 0}.product-facts>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:11px 0}.product-facts dt{color:var(--muted)}.product-facts dd{text-align:right;margin:0}.product-facts .icon{width:14px;height:14px}.related{padding-block:60px}.platform-intro p:not(.breadcrumb){max-width:550px}.platform-content>.guide-grid{margin-block:40px 55px}.error-code{font-size:100px;font-weight:700;line-height:1;color:var(--red);display:block;margin-bottom:20px}
@media(min-width:1500px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.main-nav{gap:20px}.header-inner{gap:20px}.discovery-intro h1{font-size:30px}.discovery-intro>.text-link{font-size:12px}.category{padding:10px 16px}.product-grid{gap:28px 18px}.product-info{display:block}.product-info strong{display:block;margin-top:5px}.product-bottom{font-size:10px}.article-layout{grid-template-columns:minmax(0,1fr) 270px;gap:35px}.product-detail{gap:35px}.detail-info h1{font-size:31px}}
@media(max-width:760px){.topbar .wrap{height:30px;font-size:10px}.header-inner{height:69px}.brand{font-size:24px}.brand-mark{width:30px;height:31px;font-size:24px}.main-nav{display:none}.saved-label{display:none}.menu-toggle{display:grid}.saved-link{gap:5px}.header-actions{gap:8px}.mobile-nav{padding-block:6px 18px;display:flex;flex-direction:column}.mobile-nav a{padding:11px 0;font-size:15px}.discovery-intro{padding-top:28px;margin-bottom:19px;display:block}.discovery-intro h1{font-size:28px;line-height:1.15}.discovery-intro p{font-size:14px}.discovery-intro>.text-link{display:none}.search-form{padding:5px 5px 5px 13px;gap:9px;min-height:56px}.search-form input{font-size:13px;height:43px}.search-form button{padding:0 12px;gap:0;font-size:13px}.search-form button>.icon{display:none}.search-form>.icon{width:18px}.campaign .button{font-size:12px;padding:9px 12px;gap:10px;min-height:42px}.campaign .button>.icon{width:17px}.catalog-top{margin-bottom:17px}.catalog-top h2{font-size:23px}.catalog-title-group{gap:8px;flex-wrap:wrap}.budget-link{display:none}.category-list{gap:7px;padding-bottom:17px;}.category{font-size:12px;padding:9px 13px;min-height:43px;}.category .icon{width:17px;height:17px}.filter-row{align-items:start;gap:5px;padding:7px 0;flex-wrap:wrap}.filter-inputs{gap:13px;max-width:100%}.plain-button{font-size:12px}.select-label{gap:4px}.select-label svg{width:16px}select{font-size:12px}.sort-label{font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.product-photo{aspect-ratio:1/1.25}.favorite-button::before{inset:8px}.favorite-button>.icon{width:16px;height:16px}.product-label{left:8px;top:9px;font-size:9px;padding:3px 6px}.photo-action{display:none}.product-info{padding-top:11px}.product-name{font-size:14px;line-height:1.35;display:block}.product-info p{line-height:1.45;margin-top:5px}.product-info strong{font-size:15px;margin-top:6px}.product-bottom{font-size:10px;gap:5px;flex-wrap:wrap;margin-top:4px}.product-bottom>span:last-child{display:none}.catalog{padding-bottom:35px}.help-inner{display:block;padding-block:26px}.help-heading{gap:15px}.help-heading>.icon{width:31px;height:31px}.help-heading h2{font-size:20px;max-width:260px}.help-heading p{font-size:12px}.help-inner>.button{margin-top:18px;margin-left:46px;font-size:12px;min-height:43px}.section-heading{align-items:start;flex-direction:column;gap:3px;margin-bottom:20px}.section-heading h2{font-size:23px}.section-heading .text-link{font-size:12px;min-height:34px}.guide-grid{grid-template-columns:1fr;gap:23px}.guide-card{display:grid;grid-template-columns:48px 1fr;column-gap:15px;padding-top:20px}.guide-icon{grid-row:1/5;margin-bottom:0}.guide-card>span,.guide-card>h3,.guide-card>p{grid-column:2}.guide-card h3{font-size:19px;max-width:none;margin-bottom:8px}.guide-card>span{margin-bottom:7px;font-size:11px}.guide-card p{font-size:13px;margin-bottom:5px;max-width:none}.guide-card .guide-read{grid-column:2;font-size:12px;margin-bottom:0}.page-intro{padding-top:25px;padding-bottom:25px}.page-intro h1{font-size:32px}.page-intro p{font-size:14px}.guide-index{padding-bottom:45px}.article-layout{display:block;padding-block:25px 45px}.article h1{font-size:33px}.article .article-lead{font-size:18px}.article h2{font-size:23px}.article p,.article li{font-size:15px}.article-aside{margin-top:35px}.standalone{padding-block:25px 45px}.product-page{padding-top:22px}.breadcrumb{font-size:11px;margin-bottom:20px}.product-detail{grid-template-columns:1fr;gap:25px}.detail-photo img{aspect-ratio:1/1.1}.detail-info h1{font-size:33px}.detail-price{font-size:29px}.detail-info{padding:0}.related{padding-block:35px}.related .product-grid>.product-card:last-child{display:none}.platform-content>.guide-grid{margin-block:30px 35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.product-photo:hover img{transform:none}}
/* Keep discovery controls and the product catalog close to the first viewport. */
@media(min-width:761px){.catalog-top{margin-bottom:18px}.category-list{padding-bottom:17px}}

.pagination{display:flex;justify-content:center;align-items:center;gap:24px;padding-top:36px}.pagination>span{font-size:14px;color:var(--muted)}.pagination button:disabled{opacity:.4;background:transparent}.catalog-note{margin:0 0 18px;max-width:850px}.catalog-note a{text-decoration:underline;text-underline-offset:3px}.original-price{font-size:14px;margin:3px 0 0}.affiliate-note{font-size:12px;margin:12px 0 0;line-height:1.7}.product-info{align-items:start}.product-name{line-height:1.4;display:block}.product-bottom{gap:10px}.detail-info .product-facts dd{max-width:55%}.detail-info .product-facts dt{max-width:45%}@media(max-width:760px){.pagination{gap:12px}.pagination>span{font-size:12px}.pagination .button{padding:10px 12px;font-size:12px}.catalog-note{font-size:11px}.product-info strong{margin-top:7px}.product-name{font-size:13px}.product-info p{font-size:11px}}

/* Catalog image fit and title treatment; columns use the shared responsive grid below. */
@media (min-width:761px) {
 :is(#product-grid,.catalog-grid) .product-photo {aspect-ratio:1}
 :is(#product-grid,.catalog-grid) .product-photo img {object-fit:contain}
 :is(#product-grid,.catalog-grid) .product-info {display:block;padding-top:12px}
 :is(#product-grid,.catalog-grid) .product-bottom {flex-wrap:wrap;gap:4px 8px}
}
/* Product discovery and direct Kakobuy purchase. */
.catalog-intro>div{min-width:0}.catalog-intro p{max-width:800px}.catalog-intro .breadcrumb{font-size:12px;margin:0 0 10px}.search-wrap+.catalog{margin-top:28px}

.catalog-promise .icon{width:18px;height:18px;flex-shrink:0}
.product-card{display:flex;flex-direction:column}.product-photo{flex-shrink:0}.product-info{margin-bottom:4px}.product-bottom{align-items:center;margin-top:auto}
.card-details{display:inline-flex;align-items:center;gap:3px;min-height:32px;font-size:12px;text-decoration:underline;text-underline-offset:3px}.card-details .icon{width:13px;height:13px}
.card-buy{display:flex;align-items:center;justify-content:center;padding:10px 8px;margin-top:6px;border-radius:5px;background:var(--red);color:#fff;font-size:13px;font-weight:550;transition:background .15s}
.card-buy:hover{background:var(--red-hover)}.card-buy .icon{width:16px;height:16px;flex-shrink:0}
.pagination [aria-disabled=true]{opacity:.4;pointer-events:none;background:transparent}
.catalog-explanation{border-top:1px solid var(--line);padding-block:28px 36px}.catalog-explanation h2{font-size:25px;line-height:1.25;margin:0 0 12px}.catalog-explanation p{max-width:850px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 12px}
.category-directory-section{width:100%;padding-block:24px 32px;background:var(--surface);border-block:1px solid var(--line)}
.category-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:20px;padding-bottom:0}
.page-intro.category-index-intro{padding-block:32px 28px}.category-index-intro .breadcrumb{margin:0 0 16px}.page-intro.category-index-intro h1{max-width:920px;margin:0;font-size:var(--type-page);line-height:var(--title-leading);text-wrap:balance}.page-intro.category-index-intro .weidian-discovery-intro{max-width:850px;margin:16px 0 0;font-size:16px;line-height:1.65}
.directory-return.category-index-return{margin-block:0;padding-block:20px 0}.category-index-return .text-link{display:inline-flex;align-items:center;min-height:44px;gap:10px}
.category-card{display:grid;grid-template-rows:auto 1fr auto;gap:14px;min-width:0;min-block-size:196px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s,background-color .15s}
.category-card:hover{border-color:var(--red-line);background:#fff}.category-card:focus-visible{outline:3px solid var(--red);outline-offset:4px;border-color:var(--red);background:var(--red-tint)}
.category-card-heading{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;align-items:center}.category-card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--red-tint);color:var(--red)}.category-card-icon>.icon{width:25px;height:25px;stroke-width:1.65}.category-card h2{margin:0;min-width:0;font-size:18px;font-weight:650;line-height:1.35;overflow-wrap:break-word}.category-card-heading>.category-card-arrow{width:18px;height:18px;margin:0;color:var(--muted);transition:color .15s,transform .15s}.category-card:hover .category-card-arrow,.category-card:focus-visible .category-card-arrow{color:var(--red);transform:translateX(2px)}.category-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6;overflow-wrap:break-word}.category-card>.category-card-count{margin:0;padding-top:12px;border-top:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:550;line-height:1.5}

@media(max-width:640px){.page-intro.category-index-intro{padding-block:24px}.category-index-intro .breadcrumb{margin-bottom:12px}.page-intro.category-index-intro .weidian-discovery-intro{margin-top:14px}.category-directory-section{padding-block:16px 24px}.category-directory{grid-auto-rows:auto;gap:12px}.category-card{grid-template-columns:40px minmax(0,1fr) 18px;grid-template-rows:auto 1fr auto;min-block-size:0;gap:12px;padding:16px}.category-card-heading{display:contents}.category-card-icon{grid-column:1;grid-row:1;align-self:center;width:40px;height:40px}.category-card h2{grid-column:2;grid-row:1;font-size:18px}.category-card-heading>.category-card-arrow{grid-column:3;grid-row:1;align-self:center}.category-card p{grid-column:1/-1;grid-row:2;font-size:16px;line-height:1.55}.category-card>.category-card-count{grid-column:1/-1;grid-row:3;margin:0;padding-top:10px;border-top:1px solid var(--line);font-size:14px}.directory-return.category-index-return{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.category-card,.category-card-heading>.category-card-arrow{transition:none}.category-card:hover .category-card-arrow,.category-card:focus-visible .category-card-arrow{transform:none}}

@media(max-width:760px){.catalog-intro .breadcrumb{font-size:11px}.catalog-promise>span:nth-child(2){display:none}.card-buy{font-size:12px;gap:5px}.card-details{font-size:11px;min-height:32px}.product-bottom{gap:4px}.catalog-explanation h2{font-size:22px}.catalog-explanation p{font-size:14px}.search-wrap+.catalog{margin-top:22px}}
/* Weidian red campaign image, scoped to the first catalog page. */
.weidian-hero{isolation:isolate;grid-template-columns:minmax(0,1fr);margin-block:24px;overflow:hidden;border-radius:10px;background:#e32c22;color:#fff}
.weidian-hero-art{grid-area:1/1;position:relative;height:auto;object-fit:contain;object-position:center;z-index:-1}
.weidian-hero-copy{grid-area:1/1;width:48%;padding:34px 42px;}
.weidian-hero h1{font-size:clamp(32px,3.5vw,50px);font-weight:750;line-height:1.08;letter-spacing:-1.5px;margin:0 0 18px}
.weidian-hero h1 span{display:block}.weidian-hero-copy>p{font-size:17px;margin:0 0 24px;color:#fff}
.weidian-hero a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.weidian-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.weidian-hero-actions>.button{background:#fff;color:var(--ink);font-size:13px;min-height:46px}.weidian-hero-actions>.button:hover{background:#f4eee9}.weidian-hero-actions>a:not(.button){display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#fff;text-decoration:underline;text-underline-offset:4px}
.weidian-hero-caption{position:absolute;right:14px;font-size:10px;line-height:1.3;color:#fff;background:rgba(0,0,0,.5);padding:4px 7px;border-radius:3px}
.weidian-hero-source-name{position:absolute;left:72.5%;font-size:clamp(19px,2.3vw,31px);font-weight:750;line-height:1.2;letter-spacing:-.35px;color:#fff;pointer-events:none}
@media(max-width:760px){.weidian-hero-source-name{left:auto;right:118px;top:auto;bottom:130px;transform:translateX(50%);font-size:20px}}
@media(max-width:1050px) and (min-width:761px){.weidian-hero-copy{width:50%;padding:28px}.weidian-hero{min-height:0}.weidian-hero-actions{gap:12px}.weidian-hero-copy>p{font-size:15px}.weidian-hero-actions>.button{padding:11px 14px}}
@media(max-width:760px){.weidian-hero{display:block;min-height:440px;margin-block:18px;border-radius:8px;background:#e42118}.weidian-hero-copy{width:100%;padding:24px 22px 218px}.weidian-hero h1{font-size:30px;letter-spacing:-.8px;margin-bottom:12px}.weidian-hero-copy>p{font-size:14px;line-height:1.6;margin-bottom:14px}.weidian-hero-actions{gap:16px}.weidian-hero-actions>.button{font-size:12px;padding:10px 15px;min-height:44px}.weidian-hero-actions>a:not(.button){font-size:12px}.weidian-hero-art{position:absolute;left:auto;right:0;top:auto;bottom:0;width:min(100%,426px);height:220px;object-fit:cover;object-position:right center;mask-image:linear-gradient(to bottom,transparent,#000 18%)}.weidian-hero-caption{right:8px;bottom:8px;font-size:9px}}

/* Reserve space for focus rings in the horizontally scrolling category navigation. */
.category-list{padding-top:6px;padding-left:6px;padding-right:6px;margin-top:-6px;margin-left:-6px;margin-right:-6px}
.category:focus-visible{outline-width:2px;outline-offset:2px}
@media(max-width:760px){.category-list{padding-right:18px;margin-right:-18px}}

/* Shared navigation: six real destinations, with the same links on small screens. */

.main-nav{gap:24px;}
.main-nav a[data-active=true]:after{content:'';position:absolute;bottom:0;height:3px;background:var(--red);left:0;right:0}
.main-nav a:focus-visible{outline-offset:5px;border-radius:2px}
.mobile-nav{display:none}
@media(min-width:1101px) and (max-width:1279px){.header-inner{gap:20px}.main-nav{gap:18px}.saved-label{display:none}}
@media(max-width:1100px){
 
 .mobile-nav{display:flex;flex-direction:column;max-height:calc(100dvh - 84px);overflow-y:auto;padding:6px 6px 18px;scroll-padding:6px}
 .mobile-nav a{display:flex;align-items:center;min-height:46px;padding:11px 12px;border-radius:4px;font-size:15px;line-height:1.5}
 .mobile-nav a:hover{background:var(--surface)}
 .mobile-nav a[data-active=true]{background:#fce9e6;color:#a52219;font-weight:550}
 .mobile-nav a:focus-visible{outline-offset:1px}
}
@media(max-width:760px){.mobile-nav{max-height:calc(100dvh - 69px)}}
/* Buying education: clear roles, ordered decisions and connected guides. */
.learning-guides>h2,.learning-faq h2{font-size:26px;line-height:1.25}

.learning-callout>.button{flex-shrink:0}
.learning-guides{padding-top:40px}.learning-guides .guide-index{padding-bottom:34px}
.learning-faq{padding-block:8px 36px;max-width:1000px}.learning-faq details{border-bottom:1px solid var(--line);padding:6px 0}
.learning-faq summary{font-size:16px;font-weight:550;line-height:1.5;min-height:48px;padding:12px 4px;cursor:pointer}
.learning-faq details p{line-height:1.8;margin:8px 4px 18px}
.learning-faq p a{text-decoration:underline;text-underline-offset:3px}.learning-return{margin:20px 0 0}
.article-toc{padding:20px 0;border-block:1px solid var(--line);margin:26px 0 30px}
.article-toc>strong{font-size:14px}.article-toc>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin-top:10px}
.article .article-toc a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}
.article .guide-section{margin-bottom:30px}.guide-section h2{scroll-margin-top:12px}.article .guide-section p,.article .guide-section li{font-size:16px}
.guide-section li{padding-bottom:7px}.guide-section a,.guide-sources a{text-decoration:underline;text-underline-offset:3px}
.guide-next{padding:18px 22px;margin:32px 0;background:var(--surface);border-left:3px solid var(--red)}
.guide-next>span{display:block;font-size:13px;color:var(--muted)}.guide-next .text-link{font-size:16px;line-height:1.5}
.article .guide-sources h2{font-size:20px}.article .guide-sources p,.article .guide-sources li{font-size:14px}
.guide-sources li{padding-bottom:8px}.article-aside>a:not(.button){gap:10px;line-height:1.6}.article-aside>a .icon{flex-shrink:0}

@media(max-width:760px){
 .learning-guides>h2,.learning-faq h2{font-size:23px}
 
 .learning-callout>.button{max-width:100%;font-size:14px}
 .learning-guides{padding-top:30px}.learning-faq summary{padding-block:14px}.learning-faq{padding-bottom:28px}
 .article-toc>div{grid-template-columns:1fr;gap:6px}.article .article-toc a{font-size:15px}
 .guide-next{padding:16px 18px}.guide-next .text-link{align-items:start}.guide-next .icon{margin-top:5px;flex-shrink:0}
}

/* Click-to-play buying tutorial, with accessible chapter navigation. */
.shopping-video{scroll-margin-top:12px;margin:28px 0 34px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.video-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.article .video-heading h2{font-size:25px;margin:0 0 12px;}.video-heading>span{font-size:13px;color:var(--muted);white-space:nowrap}
.article .video-context{margin-bottom:18px}
.shopping-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#191919;border-radius:7px}
.shopping-video video::cue{font-family:Arial,sans-serif;background:rgba(0,0,0,.88);color:#fff}
.article .video-note{font-size:13px;line-height:1.7;margin:12px 0 16px;color:var(--muted)}
.video-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.video-controls>span{font-size:14px}
.video-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.video-chapters button{display:flex;align-items:center;gap:10px;text-align:left;min-height:46px;padding:11px 12px;line-height:1.5;background:#fff;border:1px solid var(--line);border-radius:5px;font-size:14px}
.video-chapters button>span{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;flex-shrink:0}
.video-chapters button:hover{background:var(--surface);border-color:#bdbdb8}
.video-chapters button[aria-current=true]{background:#fce9e6;border-color:var(--red);color:#a52219}.video-chapters button[aria-current=true]>span{color:#a52219}
.video-chapters button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.article .video-error{font-size:14px;padding:12px 16px;background:#fff0ed;color:#a52219;border-left:3px solid var(--red)}
.video-error a{text-decoration:underline}.video-catalog{font-size:15px;line-height:1.6;min-height:44px}
.learning-callout-actions .text-link{font-size:14px}
@media(max-width:1050px){.video-heading{flex-direction:column;align-items:start;gap:0}.video-heading>span{margin-bottom:12px}.video-chapters{grid-template-columns:1fr}}
@media(max-width:760px){.article .video-heading h2{font-size:22px}.video-controls{gap:10px}.video-controls>.button{font-size:14px}.article .video-context{font-size:16px}.shopping-video{margin-top:24px}.video-chapters button{padding:12px}.learning-callout-actions .button{max-width:100%}}

/* Weidian accents across the shared product discovery controls. */
:root{--red-tint:#fff2ef;--red-tint-hover:#ffe6e0;--red-line:#efc7bf;--red-ink:#a3261c}

.catalog-top #result-count{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:var(--red-tint);color:var(--red-ink);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap}
.catalog-top .budget-link{padding:9px 15px;border:1px solid var(--red-line);border-radius:999px;background:var(--red-tint);color:var(--red-ink);font-size:13px;gap:10px}
.catalog-top .budget-link:hover{background:var(--red-tint-hover);border-color:var(--red)}
.category-list{display:flex;flex-wrap:wrap;padding:0 0 18px;margin:0}
.category{max-width:100%;text-align:center;line-height:1.35;gap:9px;transition:background-color .18s,border-color .18s,color .18s}
.category>.icon{color:var(--red);width:19px;height:19px}
.category:hover{background:var(--red-tint);border-color:var(--red-line);color:var(--red-ink)}
.category.selected{background:var(--red);border-color:var(--red);color:#fff;font-weight:550}
.category.selected>.icon{color:inherit}
.category.selected:hover{background:var(--red-hover);border-color:var(--red-hover);color:#fff}
.filter-row{border:1px solid #ebebe7;background:#f7f7f5;border-radius:12px;padding:12px 14px;gap:16px;margin-bottom:14px}
.filter-inputs{gap:10px}
.filter-row :is(.select-label,.sort-label,.plain-button){min-height:46px;border:1px solid #ddded8;border-radius:8px;padding:0 12px;background:#fff;gap:8px;font-size:14px;transition:background-color .18s,border-color .18s,color .18s}
.filter-row :is(.select-label,.sort-label,.plain-button):hover{background:var(--red-tint);border-color:var(--red-line)}
.filter-row :is(.select-label,.plain-button)>.icon{color:var(--red);width:18px;height:18px}
.filter-row select{min-height:44px;font-size:14px;padding-inline:2px 8px}
.filter-row :is(.select-label,.sort-label):focus-within{outline:2px solid var(--red);outline-offset:3px}
.filter-row select:focus-visible{outline:0}
.filter-row :is(.select-label:has(#budget option:checked:not([value=""])),.sort-label:has(#sort option:checked:not([value="default"])),.plain-button[aria-pressed=true]){background:var(--red-tint);border-color:var(--red);color:var(--red-ink)}
.filter-row .plain-button[aria-pressed=true]>.icon{fill:var(--red);color:var(--red)}
.filter-row .clear-filters{padding-inline:10px;border-radius:10px;color:var(--red-ink);font-size:13px;text-underline-offset:3px}
.filter-row .clear-filters:hover{background:var(--red-tint)}
.product-card .product-label{border:1px solid var(--red-line);background:rgba(255,246,243,.97);color:var(--red-ink);border-radius:6px;font-size:11px;line-height:1.4}
.product-card .favorite-button:hover{color:var(--red-ink)}.product-card .favorite-button:hover::before{background:var(--red-tint)}
.product-card .favorite-button[aria-pressed=true]{color:var(--red-ink)}.product-card .favorite-button[aria-pressed=true]::before{background:var(--red-tint);border-color:var(--red-line)}
.product-card .favorite-button[aria-pressed=true]>.icon{fill:var(--red);color:var(--red)}
.card-buy{border-radius:10px}
.catalog .pagination .button{border-radius:12px}
.catalog .pagination .button:not([aria-disabled=true]){color:var(--red-ink);border-color:var(--red-line)}
.catalog .pagination .button:not([aria-disabled=true]):hover{background:var(--red-tint);border-color:var(--red)}

@media(max-width:760px){
 .catalog-top #result-count{font-size:11px;padding:4px 9px;min-height:26px}
 .category{min-height:44px;padding:9px 12px;}
 
 .filter-row{padding-block:13px;gap:8px;}
 .filter-row .filter-inputs{display:flex}
 .filter-row :is(.select-label,.sort-label,.plain-button){min-height:44px;padding-inline:10px;font-size:13px}
 .filter-row select{font-size:13px;min-height:42px;padding-inline:0 6px}
 .filter-row .clear-filters{font-size:13px;padding-inline:8px}
 .product-card .product-label{padding:3px 6px;font-size:10px}
 .card-buy{border-radius:9px}
}
@media(prefers-reduced-motion:reduce){.category,.filter-row :is(.select-label,.sort-label,.plain-button){transition:none}}

/* Photo search uses the same red controls and stays within the local catalog. */
.search-form .image-search-trigger{display:grid;place-items:center;flex:0 0 46px;width:46px;min-height:46px;padding:0;border:1px solid var(--red-line);border-radius:10px;background:var(--red-tint);color:var(--red-ink)}
.search-form .image-search-trigger:hover{background:var(--red-tint-hover);border-color:var(--red)}
.search-form .image-search-trigger>.icon{display:block;width:23px;height:23px}
.image-search-open{overflow:hidden}
.image-search-dialog{width:min(1040px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #e9dcd8;border-radius:20px;color:var(--ink);background:#fff;box-shadow:0 24px 80px #260b0826}
.image-search-dialog[open]{display:flex;flex-direction:column}
.image-search-dialog::backdrop{background:rgba(22,12,10,.55);backdrop-filter:blur(3px)}
.image-search-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px 20px;border-bottom:1px solid var(--red-line);flex-shrink:0}
.image-search-heading>div{min-width:0}.image-search-eyebrow{display:block;color:var(--red-ink);font-size:13px;margin-bottom:8px}
.image-search-heading h2{font-size:28px;line-height:1.25;margin:0;letter-spacing:-.6px}
.image-search-close{flex-shrink:0;border:1px solid var(--red-line);border-radius:50%;background:var(--red-tint);color:var(--red-ink)}
.image-search-close:hover{background:var(--red-tint-hover)}
.image-search-content{padding:22px 28px 28px;overflow:auto;scroll-padding:12px}
#image-search-intro{font-size:16px;line-height:1.65;margin:0 0 22px;max-width:760px;color:var(--muted)}
.image-search-drop{text-align:center;padding:34px 22px;border:2px dashed #d9968a;border-radius:16px;background:#fff9f7}
.image-search-drop.is-dragging{border-color:var(--red);background:var(--red-tint-hover)}
.image-search-symbol{display:inline-grid;place-items:center;width:64px;height:64px;background:var(--red-tint-hover);color:var(--red-ink);border-radius:18px}
.image-search-symbol>.icon{width:31px;height:31px}
.image-search-drop h3{font-size:23px;line-height:1.3;margin:18px 0 10px}
.image-search-drop p{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 20px}
.image-search-drop small{display:block;font-size:12px;margin-top:18px;color:var(--muted)}
.image-search-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.image-search-dialog .button{border-radius:10px;min-height:46px;gap:10px}
.image-search-dialog .button:disabled{background:#e6e4e2;color:#64625f;cursor:not-allowed}
.image-search-editor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr);gap:24px;align-items:start}
.image-search-canvas{min-width:0;display:flex;align-items:center;justify-content:center;padding:9px;border:1px solid var(--line);border-radius:12px;background:#f5f5f3}
.image-search-canvas canvas{display:block;max-width:100%;max-height:380px;width:auto;height:auto;touch-action:none;cursor:crosshair;border-radius:3px}
.image-search-edit-tools{min-width:0}
.image-search-edit-tools h3{font-size:21px;line-height:1.35;margin:0 0 12px}
.image-search-edit-tools p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 18px}
.image-search-crop-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}
.image-search-change{display:inline-flex;align-items:center;min-height:44px;padding:6px 2px;background:transparent;font-size:14px;color:var(--red-ink);text-decoration:underline;text-underline-offset:3px;border-radius:4px}
.image-search-submit{width:100%;margin-top:12px}
.image-search-edit-tools .image-search-privacy{font-size:12px;line-height:1.7;margin:12px 0 0}
.image-search-status{padding:13px 16px;margin:20px 0 0;border:1px solid var(--red-line);border-radius:10px;background:var(--red-tint);font-size:14px;line-height:1.6;color:var(--red-ink)}
.image-search-status.is-error{border-left:4px solid var(--red)}
.image-search-results{margin-top:28px;scroll-margin-top:12px}
.image-search-results>h3{font-size:23px;line-height:1.3;margin:0 0 8px}
.image-search-results>p{font-size:14px;line-height:1.7;margin:0 0 20px;color:var(--muted)}
.image-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}
.image-search-grid .product-info{display:block}.image-search-grid .product-name{font-size:14px;overflow-wrap:anywhere}
.image-search-grid .product-info strong{display:block;margin-top:5px}.image-search-grid .product-photo{aspect-ratio:1}
.image-search-grid .product-bottom{flex-wrap:wrap;gap:4px 8px}
@media(max-width:760px){
 .search-form .image-search-trigger{flex-basis:44px;width:44px;min-height:44px;border-radius:9px}
 .search-form .image-search-trigger>.icon{width:22px;height:22px}
 .image-search-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:16px}
 .image-search-heading{padding:18px 16px 16px;gap:12px}.image-search-heading h2{font-size:22px;letter-spacing:-.3px}
 .image-search-eyebrow{font-size:12px;margin-bottom:6px}
 .image-search-content{padding:18px 16px 22px}
 #image-search-intro{font-size:15px;margin-bottom:18px}
 .image-search-drop{padding:26px 14px;border-radius:12px}
 .image-search-drop h3{font-size:21px}
 .image-search-actions{gap:10px}.image-search-actions .button{flex:1 1 140px}
 .image-search-editor{grid-template-columns:minmax(0,1fr);gap:20px}
 .image-search-canvas canvas{max-height:300px}
 .image-search-crop-actions .button{flex:1 1 120px;padding-inline:10px}
 .image-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
 .image-search-grid .product-name{font-size:13px}
}

/* Aligned catalog navigation and a single filter toolbar. */
.catalog-top{min-height:44px;margin-bottom:16px;gap:16px}
.catalog-title-group{align-items:center;flex-wrap:wrap;gap:12px}
.catalog-top #result-count{background:transparent;border:0;border-radius:0;padding:0;min-height:0;font-size:13px;font-weight:400;color:var(--muted)}
.catalog-top .catalog-clear{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;padding:8px 4px;min-height:44px;color:var(--red-ink);text-decoration:none;border-radius:6px;font-size:13px}
.catalog-top .catalog-clear:hover{background:var(--red-tint)}
.catalog-clear .icon{width:16px;height:16px}
.category-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0;margin:0 0 16px;overflow:visible;gap:10px}
.category{min-width:0;min-height:48px;border-radius:10px;border-color:var(--line);padding:10px 14px}

.filter-inputs{min-width:0;}
.price-controls{display:flex;align-items:center;gap:10px;min-width:0}
.price-controls .budget-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:7px;color:var(--red-ink);font-size:13px;white-space:nowrap}
.price-controls .budget-link:hover{background:var(--red-tint)}
.filter-row .sort-label{margin-left:auto}
.filter-row select{padding-right:12px}
.catalog-note{margin-bottom:22px;font-size:12px;line-height:1.7}
.search-form{border-radius:10px}
.search-form button[type=submit]{border-radius:7px}
@media(max-width:1100px){.category-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){
 .catalog-top{align-items:flex-start;gap:12px}
 .catalog-title-group{gap:5px 10px}
 .catalog-top h2{font-size:24px;line-height:1.25}
 .catalog-top #result-count{font-size:12px}
 .catalog-top .catalog-clear{padding-inline:5px;font-size:12px;gap:5px}
 .category-list{gap:8px;margin-bottom:14px}
 .category{padding:10px 9px;font-size:13px;gap:7px;min-height:46px}
 
 .filter-row{padding:12px;gap:12px;align-items:center}
 .filter-inputs{gap:10px}
 .filter-row :is(.select-label,.sort-label,.plain-button){min-height:46px;border-radius:8px}
 .catalog-note{font-size:12px;margin-bottom:20px}
}
@media(max-width:560px){
 .catalog-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;}
 
 .catalog-top h2{grid-column:1/-1}
 .catalog-top #result-count{grid-column:1}
 .catalog-top .catalog-clear{grid-column:2;grid-row:2;margin:0}
 .category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .filter-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}
 .filter-row .filter-inputs{display:contents}
 .price-controls{grid-column:1/-1;gap:8px}
 .price-controls .select-label{flex:1;min-width:0}
 .price-controls select{flex:1;width:100%;min-width:0}
 .price-controls .budget-link{padding-inline:8px}
 .filter-row .plain-button{justify-content:center;height:100%;line-height:1.4;padding:10px 8px}
 .filter-row .sort-label{min-width:0;width:100%;height:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:6px 10px;margin:0;white-space:normal}
 .sort-label>span{font-size:12px;line-height:1.5}
 .filter-row .sort-label select{min-height:30px;font-size:13px;width:100%;padding-inline:0 3px}
}

/* Twelve source categories stay in their own ordered grid. */
.catalog-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}
.catalog-actions .catalog-all{padding:8px 12px;min-height:44px;font-size:13px;border-radius:8px}
@media(max-width:760px){.catalog-actions{gap:10px}.catalog-actions .catalog-all{font-size:12px;padding-inline:9px}}
@media(max-width:560px){
 .catalog-actions{grid-column:2;grid-row:2;gap:8px}
 .catalog-actions .catalog-all{padding-inline:8px}
 .catalog-top .catalog-clear{padding-inline:0}
 .catalog-title-group{display:contents}
}

.catalog-top h2{text-wrap:balance}

/* Shared branded select: native values, consistent desktop and touch menus. */
.filter-row .custom-select{display:block;padding:0;border:0;background:transparent;outline:0;gap:0}
.custom-select>.icon{display:none}
.select-trigger{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:46px;width:100%;padding:10px 12px;border:1px solid #ddded8;border-radius:8px;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.45;text-align:left;transition:background-color .16s,border-color .16s}
.select-label .select-trigger{min-width:184px}
.sort-label .select-trigger{min-width:228px}
.select-value{min-width:0;flex:1;overflow-wrap:break-word}
.select-prefix{color:var(--muted);font-size:13px}
.select-trigger .select-icon{width:18px;height:18px;color:var(--red)}
.select-trigger .select-chevron{width:16px;height:16px;margin-left:auto;transform:rotate(90deg);color:var(--muted)}
.select-trigger:hover{background:var(--red-tint);border-color:var(--red-line)}
.select-trigger.is-filtered,.select-trigger[aria-expanded=true]{background:var(--red-tint);border-color:var(--red);color:var(--red-ink)}
.select-trigger[aria-expanded=true] .select-chevron{transform:rotate(-90deg);color:var(--red)}
.select-trigger:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.select-menu{position:fixed;z-index:60;padding:6px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--red-line);border-radius:12px;background:var(--paper);box-shadow:0 12px 32px #251a171f,0 2px 6px #251a170a;scrollbar-width:thin;scrollbar-color:var(--red-line) transparent}
.select-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 12px;border-radius:7px;color:var(--ink);font-size:14px;line-height:1.5;cursor:pointer;touch-action:manipulation;user-select:none}
.select-option>span{min-width:0;overflow-wrap:break-word}
.select-option+.select-option{margin-top:3px}
.select-option .select-check{width:18px;height:18px;visibility:hidden;color:var(--red)}
.select-option[aria-selected=true]{background:var(--red-tint);color:var(--red-ink);font-weight:500}
.select-option[aria-selected=true] .select-check{visibility:visible}
.select-option:hover{background:var(--red-tint);color:var(--red-ink)}
.select-option[data-active]{outline:1px solid var(--red);outline-offset:-2px}
.select-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.select-trigger{font-size:13px}.select-label .select-trigger{min-width:174px}.sort-label .select-trigger{min-width:216px}}
@media(max-width:560px){
 .filter-row .custom-select{padding:0;min-height:0;height:100%}
 .select-label .select-trigger{min-width:0}
 .sort-label .select-trigger{min-width:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:2px 8px;padding:9px 10px}
 .sort-label .select-prefix{grid-column:1;grid-row:1;font-size:12px}
 .sort-label .select-value{grid-column:1;grid-row:2;line-height:1.4}
 .sort-label .select-chevron{grid-column:2;grid-row:1/3}
 .select-option{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.select-trigger{transition:none}}

.filter-row .custom-select:focus-within{outline:none}
.topic-links{margin-block:32px}.topic-links .section-heading{gap:16px}.topic-links .section-heading h2{font-size:22px}.topic-links .section-heading>a{color:var(--red-ink);font-size:14px;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.topic-link-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.topic-link-grid a{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border:1px solid var(--red-line);border-radius:10px;color:var(--ink);text-decoration:none;background:var(--paper);min-height:84px}.topic-link-grid a:hover{background:var(--red-tint);border-color:var(--red)}.topic-link-grid strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.topic-link-grid span{font-size:13px;color:var(--muted)}.product-advice{margin-block:24px 16px;border-top:1px solid var(--red-line)}.product-advice details{border-bottom:1px solid var(--red-line);padding:0}.product-advice summary{padding:16px 32px 16px 0;min-height:48px;cursor:pointer;line-height:1.5;font-size:16px;color:var(--ink);position:relative;list-style:none}.product-advice summary::-webkit-details-marker{display:none}.product-advice summary:after{content:'+';position:absolute;right:8px;top:16px;color:var(--red);font-size:20px;line-height:1}.product-advice details[open] summary:after{content:'−'}.product-advice details[open] summary{color:var(--red-ink)}.product-advice details p{font-size:16px;line-height:1.65;color:var(--ink);margin:8px 0 16px}.product-advice details a{display:inline-block;color:var(--red-ink);margin-bottom:16px;min-height:32px}.product-advice summary:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}.product-guide-link{display:inline-flex;align-items:center;min-height:44px;color:var(--red-ink);font-size:14px;line-height:1.5}.topic-links .section-heading{flex-wrap:wrap}
@media(max-width:1100px){.topic-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.topic-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-link-grid a{padding:14px 12px}.topic-links .section-heading h2{font-size:20px}.product-advice summary{font-size:15px}.product-advice details p{font-size:16px}}

.product-advice summary{padding-left:12px}.product-advice details p,.product-advice details>a{margin-left:12px;margin-right:12px}

.discovery-intro h1{text-wrap:balance}

.card-buy.is-expired,.button.is-expired,.card-buy.is-expired:hover,.button.is-expired:hover{background:var(--red-tint);color:var(--red-ink);border:1px solid var(--red-line);cursor:default;text-align:center}

/* Compact catalog controls and accessible product viewing. */
.category-browser{margin-bottom:16px}.category-browser .category-list{margin-bottom:0}.category-list [hidden]{display:none!important}.category-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;width:100%;margin-top:8px;padding:9px 12px;border:1px solid var(--red-line);border-radius:8px;color:var(--red-ink);background:var(--paper);font-size:13px}.category-toggle[hidden]{display:none}.category-toggle:hover{background:var(--red-tint)}.category-toggle .icon{width:16px;height:16px;transform:rotate(90deg)}.category-toggle[aria-expanded=true] .icon{transform:rotate(-90deg)}
.product-card .product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;min-height:2.8em;line-height:1.4}.product-card .product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;margin:5px 0 0;line-height:1.4}.style-count{display:inline-flex;align-items:center;min-height:22px;padding:2px 6px;border-radius:4px;background:var(--red-tint);color:var(--red-ink);font-size:11px;white-space:nowrap}.product-card .card-details{min-height:44px;padding:6px 3px}
.detail-photo{overflow:visible}.product-zoom-trigger{display:block;position:relative;width:100%;padding:0;border-radius:8px;background:var(--paper);overflow:hidden;cursor:zoom-in}.product-zoom-hint{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid var(--red-line);border-radius:7px;background:rgba(255,255,255,.96);color:var(--red-ink);font-size:13px}.product-zoom-hint .icon{width:17px;height:17px}.detail-photo .product-label{pointer-events:none}
.product-image-dialog{width:min(1100px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--red-line);border-radius:12px;background:var(--paper);color:var(--ink);overflow:hidden}.product-image-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.product-image-dialog::backdrop{background:rgba(25,25,25,.78)}.product-image-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.product-image-header h2{margin:0;font-size:20px;line-height:1.3}.product-image-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--red-line);border-radius:8px;background:var(--paper);color:var(--red-ink)}.product-image-close:hover,.product-image-toolbar button:hover{background:var(--red-tint)}.product-image-stage{min-height:0;overflow:auto;overscroll-behavior:contain;background:var(--surface);border-block:1px solid var(--line);position:relative;touch-action:pan-x pan-y pinch-zoom}.product-image-stage:focus-visible{outline:3px solid var(--red);outline-offset:-5px}.product-image-canvas{display:grid;place-items:center;width:max-content;height:max-content;min-width:100%;min-height:100%;padding:12px}.product-full-image{display:block;max-width:none;max-height:none;height:auto;object-fit:contain}.product-full-image[hidden]{display:none}.product-image-message{padding:24px;font-size:16px;color:var(--red-ink)}.product-image-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px}.product-image-toolbar button{min-height:44px;padding:9px 12px;border:1px solid var(--red-line);border-radius:8px;background:var(--paper);font-size:13px}.product-image-toolbar button:disabled{opacity:.55;cursor:default}.product-image-scale{margin-left:auto;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.product-image-open{overflow:hidden}
.mobile-purchase-bar{display:none}
@media(max-width:760px){
 .weidian-hero{min-height:340px}.weidian-hero-copy{padding:18px 18px 156px}.weidian-hero h1{font-size:clamp(24px,6.6vw,28px);margin-bottom:10px}.weidian-hero-copy>p{font-size:13px;line-height:1.5;margin-bottom:10px}.weidian-hero-actions{gap:12px}.weidian-hero-actions>.button{padding:9px 12px}.weidian-hero-art{height:160px}
 .category-browser.is-collapsed .category:nth-child(n+7)[aria-current=page]{grid-column:1/-1}.product-card .product-meta{min-height:42px}.detail-info h1{font-size:28px;line-height:1.2;overflow-wrap:anywhere}.detail-info h1.is-long{font-size:26px;line-height:1.25}
 .has-mobile-purchase{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.mobile-purchase-bar{position:fixed;inset:auto 0 0;z-index:35;display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--red-line);background:var(--paper);box-shadow:0 -4px 16px rgba(25,25,25,.06)}.mobile-purchase-price strong{display:block;font-size:19px;line-height:1.4;white-space:nowrap}.mobile-purchase-price span{display:block;max-width:120px;font-size:11px;line-height:1.4;color:var(--muted)}.mobile-purchase-action{min-width:0;min-height:46px;padding:10px 12px;font-size:13px;line-height:1.4;text-align:center;white-space:normal}.product-image-open .mobile-purchase-bar,.image-search-open .mobile-purchase-bar{visibility:hidden}
}
@media(max-width:560px){
 .catalog-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-title-group{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.catalog-top h2{font-size:22px;line-height:1.2;margin:0}.catalog-actions{flex-shrink:0;gap:4px;flex-direction:column;align-items:flex-end}.catalog-clear{font-size:12px}
 .product-image-header{padding:10px 12px}.product-image-header h2{font-size:18px}.product-image-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px}.product-image-toolbar button{padding:9px 8px}.product-image-scale{justify-self:end;align-self:center;margin:0;padding:8px}
}

.product-card .product-meta,.style-count{font-size:12px}.product-image-toolbar button:disabled{opacity:1;color:var(--muted);background:var(--surface)}

/* Weidian discovery hub: source, catalog and purchasing roles. */
.weidian-intro{padding-block:28px 20px}.weidian-intro .breadcrumb{margin-bottom:20px}.weidian-intro h1{font-size:clamp(30px,4vw,46px);max-width:900px;margin:0 0 16px;text-wrap:balance}.weidian-lead{max-width:720px;font-size:18px;margin-bottom:20px}.weidian-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.weidian-actions .text-link{min-height:44px;padding:6px 3px;line-height:1.5}.weidian-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:20px 0 0;margin:24px 0 0;border-top:1px solid var(--red-line);max-width:720px}.weidian-flow li{position:relative;min-width:0}.weidian-flow strong{display:block;font-size:18px;line-height:1.4;color:var(--red-ink)}.weidian-flow span{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:4px}.weidian-flow .icon{position:absolute;right:-18px;top:5px;width:16px;height:16px;color:var(--red)}
.weidian-browse{padding-top:12px}.weidian-browse .section-heading,.weidian-products .section-heading{gap:16px;flex-wrap:wrap;margin-bottom:16px}.weidian-browse .section-heading h2,.weidian-products .section-heading h2,.weidian-hub-faq h2{font-size:26px;line-height:1.3;margin:0}.weidian-browse .section-heading .text-link,.weidian-products .section-heading .text-link{min-height:44px;padding:6px 3px;font-size:14px;line-height:1.5;color:var(--red-ink)}.weidian-products{padding-block:22px 34px}.weidian-hub-faq{margin-block:0 40px;padding-top:24px}.weidian-hub-faq h2{margin-bottom:16px}.weidian-hub-faq details p{max-width:76ch}.weidian-hub-faq details a{display:inline;min-height:0;margin:0;color:var(--red-ink);text-decoration:underline;text-underline-offset:3px}.weidian-hub-faq summary:hover{color:var(--red-ink)}
#weidian-categories,#weidian-products,#search{scroll-margin-top:0}
@media(max-width:760px){.weidian-intro{padding-top:22px}.weidian-intro h1{font-size:32px;line-height:1.2}.weidian-lead{font-size:16px;line-height:1.65}.weidian-flow{gap:18px;padding-top:16px;margin-top:20px}.weidian-flow strong{font-size:16px}.weidian-flow span{font-size:13px}.weidian-flow .icon{right:-14px;width:14px;height:14px}.weidian-browse .section-heading h2,.weidian-products .section-heading h2,.weidian-hub-faq h2{font-size:23px}.weidian-products{padding-top:16px}#weidian-categories,#weidian-products,#search{scroll-margin-top:0}}
@media(max-width:380px){.weidian-intro h1{font-size:30px}.weidian-actions{gap:8px 16px}.weidian-flow{gap:16px}.weidian-flow strong{font-size:14px}.weidian-flow span{font-size:12px}.weidian-flow .icon{right:-12px;width:12px;height:12px}}

/* Keep purchase decisions and help ahead of repeated explanations. */
.purchase-note{font-size:15px;line-height:1.65;color:var(--muted);margin:16px 0 0}
.learning-guides{padding-top:0}.learning-guides .guide-index{margin:22px 0 0;padding-bottom:28px}
.directory-return{margin-block:16px 36px}.directory-return .text-link{min-height:44px;line-height:1.5}.directory-return .icon{flex-shrink:0}
.platform-help{padding-bottom:36px}.platform-help>h2{font-size:26px;line-height:1.3}.platform-help-list{margin:20px 0 30px;max-width:900px}
.platform-help-list>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;border-bottom:1px solid var(--line);padding:20px 0}
.platform-help-list dt{font-size:16px;font-weight:600;color:var(--red-ink);line-height:1.5}.platform-help-list dd{margin:0;min-width:0;font-size:16px;line-height:1.7}
.platform-help-list dd p{margin:0 0 8px}.platform-help-list dd a{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--red-ink);text-decoration:underline;text-underline-offset:3px}.platform-help-list dd a+a{margin-top:8px}.platform-help-list dd .icon{flex-shrink:0}.platform-help .product-advice{max-width:900px}
@media(max-width:760px){.platform-help>h2{font-size:23px}.platform-help-list>div{grid-template-columns:1fr;gap:8px;padding:18px 0}.platform-help-list dd{font-size:16px}.learning-guides .guide-index{margin-top:18px}}

.page-intro h1,.learning-guides>h2,.learning-faq>h2,.platform-help>h2{text-wrap:balance}
.learning-faq{max-width:none}.learning-faq details{max-width:1000px}

/* Source-backed buying answers and clear service information. */
.home-trust{padding-block:30px 36px;border-top:1px solid var(--line)}.home-trust h2{font-size:26px;line-height:1.3;text-wrap:balance;margin:0 0 14px}.trust-lead{max-width:850px;font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 10px}
.trust-link,.trust-page a:not(.button){color:var(--red-ink);text-decoration:underline;text-underline-offset:3px}.trust-link{display:inline-flex;align-items:center;min-height:44px}.home-questions{max-width:1000px;margin-block:20px 30px}.home-questions summary h3{display:inline;margin:0;font-size:16px;font-weight:550;line-height:1.5;letter-spacing:normal}
.trust-question-links{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0 12px 12px}.product-advice .trust-question-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.5;margin:0;text-decoration:underline;text-underline-offset:3px}
.trust-sources ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:20px 0 12px;list-style:none}.trust-sources li{border-top:2px solid var(--red);padding-top:8px;min-width:0}.trust-sources cite{font-style:normal}.trust-sources cite a{display:flex;align-items:center;min-height:44px;color:var(--red-ink);font-size:16px;font-weight:550;line-height:1.5;text-decoration:underline;text-underline-offset:3px}.trust-sources li p{font-size:15px;line-height:1.7;color:var(--muted);margin:8px 0 0}.trust-source-note{font-size:14px;line-height:1.75;color:var(--muted)}.trust-source-note a{color:var(--red-ink);text-decoration:underline;text-underline-offset:3px}
.trust-page{max-width:900px}.trust-page h1{text-wrap:balance;overflow-wrap:anywhere}.trust-page p,.trust-page li{font-size:16px}.trust-page .contact-option{padding-bottom:24px;border-bottom:1px solid var(--line)}.trust-page .contact-option .button{max-width:100%;min-height:46px;white-space:normal;text-align:center;line-height:1.5}.trust-page .contact-option p:last-child{margin-bottom:0}.trust-page-links{padding-left:20px}.trust-page-links a{display:inline-flex;align-items:center;min-height:44px;line-height:1.6}
@media(max-width:760px){.home-trust{padding-block:24px 30px}.home-trust h2{font-size:23px}.trust-sources ul{grid-template-columns:1fr;gap:18px}.trust-question-links{flex-direction:column;align-items:flex-start}.trust-page .article-lead{font-size:18px}.trust-page .contact-option .button{font-size:15px}}

.trust-page .contact-option>p:last-child{margin-top:12px}.trust-page .contact-option>p:last-child>a{display:inline-flex;align-items:center;min-height:44px;line-height:1.6}

/* Balanced shared footer: readable navigation and a separate identity column. */
.footer{background:#f6f6f3;border-top:1px solid var(--line)}
.footer-main{display:grid;grid-template-columns:minmax(220px,1.1fr) repeat(3,minmax(0,1fr));gap:40px;padding-block:32px 26px}
.footer-brand,.footer-column{min-width:0}.footer-brand .brand{gap:0;margin-bottom:12px}.footer-brand p{font-size:14px;line-height:1.65;color:var(--muted);margin:0;max-width:280px}.footer-brand .footer-disclaimer{font-size:13px;}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-column strong{display:block;border-left:2px solid var(--red);padding-left:10px;font-size:14px;font-weight:650;line-height:1.6;margin-bottom:4px}.footer-column a{display:flex;align-items:center;max-width:100%;min-height:36px;padding:6px 8px 6px 12px;font-size:14px;line-height:1.55;color:var(--muted);border-radius:3px;overflow-wrap:anywhere}.footer-column a:hover{color:var(--red-ink);text-decoration:underline;text-underline-offset:3px}.footer-column a:focus-visible{color:var(--red-ink);outline:2px solid var(--red);outline-offset:1px}
.footer-bottom{border-top:1px solid #deded8;display:flex;align-items:center;gap:16px;padding-block:14px;font-size:12px;color:var(--muted)}
@media(max-width:1100px){.footer-main{gap:26px 24px;padding-block:30px 24px}.footer-brand{gap:32px;padding-bottom:22px;}.footer-brand .footer-disclaimer{max-width:330px}.footer-column a{min-height:44px}}
@media(max-width:760px){.footer-main{gap:26px 20px;padding-block:26px 24px}.footer-brand{padding-bottom:20px}.footer-brand .footer-disclaimer{margin-top:14px;max-width:none}.footer-column-about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px 20px}.footer-column-about strong,.footer-column-about a:last-child{grid-column:1/-1}.footer-bottom{padding-block:14px}}

@media(max-width:380px){.footer-column:not(.footer-column-about)>strong{display:flex;align-items:center;min-height:3.2em}}

/* Compact catalog spacing preserves the complete hero and comfortable controls. */
.weidian-hero{margin-bottom:18px}.search-wrap+.catalog{margin-top:16px}.catalog-top{margin-bottom:8px}.category-list{gap:8px}.category{min-height:44px;padding-block:8px;}.category-browser{margin-bottom:10px}.filter-row{min-height:0;padding:6px 10px;margin-bottom:10px}.catalog-note{margin-bottom:14px}
.video-heading{flex-direction:row;align-items:center;gap:12px;margin-bottom:12px}.article .video-heading h2{font-size:22px;line-height:1.3;margin:0}.video-heading>span{margin:0;flex-shrink:0}.article .video-context{margin:14px 0 16px;font-size:16px;line-height:1.7}.video-notes{margin:16px 0 0;border-top:1px solid var(--red-line);border-bottom:1px solid var(--red-line)}.video-notes summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;min-height:44px;padding:10px 12px;color:var(--red-ink);font-size:14px;line-height:1.5;border-radius:4px}.video-notes summary::-webkit-details-marker{display:none}.video-notes summary::after{content:'+';flex-shrink:0;font-size:20px;line-height:1}.video-notes[open] summary::after{content:'−'}.video-notes summary:hover{background:var(--red-tint)}.video-notes summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}.article .video-notes .video-note{margin:0;padding:6px 12px 12px}.video-notes .video-note:last-child{padding-bottom:16px}
@media(max-width:760px){.search-form input{font-size:16px;height:44px}.search-form{gap:8px}.catalog-top{margin-bottom:10px}.category-browser{margin-bottom:10px}.filter-row{padding:8px;gap:8px}.catalog-note{margin-bottom:14px}.shopping-video{margin-top:16px;margin-bottom:26px}.video-heading{gap:10px}.article .video-heading h2{font-size:20px}.video-heading>span{font-size:12px}.video-notes{margin-top:12px}}
@media(max-width:380px){.search-form>svg{display:none}}

@media(min-width:1051px){.article-layout{grid-template-columns:minmax(0,720px) minmax(0,310px);justify-content:center;gap:40px}}

/* Keep the original brand artwork complete on wider phones. */
@media(max-width:760px){.weidian-hero-art{width:min(100%,426.667px);mask-image:linear-gradient(to bottom,transparent,#000 18%),linear-gradient(to right,transparent,#000 12%);mask-composite:intersect}}
@media(min-width:600px) and (max-width:760px){.weidian-hero{display:grid;min-height:0}.weidian-hero-art{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:auto;object-fit:contain;mask-image:none}.weidian-hero-copy{width:50%;padding:18px}.weidian-hero h1{font-size:clamp(24px,3.5vw,28px)}.weidian-hero-source-name{left:72.5%;right:auto;top:5.5%;bottom:auto;transform:translateX(-50%);font-size:19px}}

/* Catalog coverage counts current, unique Weidian links; categories exclude All. */
.catalog-coverage{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin-top:-4px;margin-bottom:18px;padding:9px 16px;border:1px solid var(--red-line);border-radius:var(--radius);background:var(--red-tint);color:var(--ink);line-height:1.5}
.coverage-stat{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.coverage-stat strong{font-weight:650;font-variant-numeric:tabular-nums;color:var(--red-ink)}.coverage-stat+.coverage-stat{border-left:1px solid var(--red-line);padding-left:16px}.coverage-empty{color:var(--muted)}
@media(max-width:520px){.catalog-coverage{gap:4px 12px;padding:9px 12px;margin-bottom:14px}.coverage-stat+.coverage-stat{border-left:0;padding-left:0}}

/* Loading and image recovery preserve the existing card footprint. */
.catalog-loading{padding:10px 12px;border:1px solid var(--red-line);border-radius:6px;background:var(--red-tint);color:var(--red-ink);font-size:14px;line-height:1.5}.product-image-fallback{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:36px 8px 8px;background:var(--surface);color:var(--muted);font-size:12px;line-height:1.4;text-align:center}.product-image-fallback>button{min-height:44px;max-width:100%;padding:6px 10px;background:var(--paper);border:1px solid #c6c6bf;border-radius:6px;font-size:12px;color:var(--ink);line-height:1.3}.product-image-fallback>button:hover{border-color:var(--red);color:var(--red-ink)}.product-image-fallback>button[aria-disabled=true]{color:var(--muted);cursor:wait}.has-image-error .photo-action,.has-image-error .product-zoom-hint{display:none}.detail-photo{position:relative}.detail-photo .product-image-fallback{font-size:16px}.detail-photo .product-image-fallback>button{font-size:14px}.card-buy{min-height:44px;line-height:1.3}
.qc-workbook{margin:28px 0;padding:22px;border:1px solid var(--red-line);border-radius:8px;background:var(--red-tint)}.article .qc-workbook h2{margin:0 0 12px}.qc-workbook fieldset{min-width:0;margin:0;padding:0;border:0}.qc-workbook legend{font-weight:600;margin-bottom:8px}.qc-workbook label{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:12px 0;border-top:1px solid var(--red-line);cursor:pointer}.qc-workbook input{width:20px;height:20px;flex-shrink:0;margin:3px 0 0;accent-color:var(--red)}.qc-workbook label>span{min-width:0;display:flex;flex-direction:column;gap:4px}.qc-workbook label strong{font-size:15px;line-height:1.5}.qc-workbook label span span{font-size:14px;line-height:1.6;color:var(--muted)}.article .qc-progress{margin:16px 0 12px;color:var(--red-ink);font-size:14px}.article .qc-check-note{margin:14px 0 0;font-size:13px;line-height:1.6}.qc-reset{min-height:44px}.qc-workbook input:focus-visible{outline-offset:3px}
@media(max-width:760px){.qc-workbook{padding:16px}.qc-workbook label{gap:10px}.product-image-fallback{font-size:11px}.product-image-fallback>button{font-size:11px;padding:6px 8px}}

.catalog-loading{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}.catalog-loading>.button{min-height:44px;font-size:13px;padding:8px 12px}

.has-image-error .product-image-message{display:none}.product-image-stage .product-image-fallback{font-size:16px}.product-image-stage .product-image-fallback>button{font-size:14px}

@media(max-width:360px){.card-buy .icon{display:none}}

.qc-entry-example{margin:24px 0;border:1px solid var(--red-line);border-radius:8px;background:var(--paper)}.qc-entry-example summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:14px 16px;list-style:none;color:var(--red-ink)}.qc-entry-example summary::-webkit-details-marker{display:none}.article .qc-entry-example summary h2{margin:0;font-size:20px;line-height:1.4}.qc-entry-example summary>.icon{width:18px;height:18px}.qc-entry-example[open] summary>.icon{transform:rotate(90deg)}.qc-entry-example summary:hover{background:var(--red-tint)}.qc-entry-example summary:focus-visible{outline-offset:3px}.qc-entry-content{padding:0 16px 16px}.qc-entry-content figure{margin:14px 0 0}.qc-entry-panel{aspect-ratio:1544/728;overflow:hidden;border:1px solid var(--line);border-radius:6px}.qc-entry-panel img{width:100%;height:100%;object-fit:cover;object-position:bottom}.qc-entry-content figcaption{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.6}

.product-image-header>div{min-width:0}.product-image-header .product-image-note{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--muted);max-width:650px}.qc-example-zoom{margin-top:12px;min-height:44px;font-size:14px;max-width:100%;line-height:1.5}

.qc-entry-example summary{border-radius:7px}.qc-entry-example[open] summary{border-radius:7px 7px 0 0;border-bottom:1px solid var(--red-line)}.product-image-close{align-self:flex-start}

.qc-image-dialog{height:min(660px,calc(100dvh - 24px))}.qc-image-dialog .product-image-stage{height:auto}@media(max-width:760px){.qc-image-dialog{height:min(510px,calc(100dvh - 24px))}}

/* Shared page width and spacing system. Backgrounds stay on full-width sections;
   .site-container (and the retained .wrap hook) only constrain their content. */
:root{--container-max:1440px;--content-max:1200px;--product-col-gap:24px;--page-gutter:32px;--section-space:64px;--related-space:48px;--grid-gap:24px;--reading-max:860px;--type-display:3rem;--type-page:3rem;--type-article:3rem;--type-section:clamp(1.5rem,1.25rem + .5vw,1.875rem);--type-small:.875rem;--title-leading:1.12;--body-leading:1.65}
.site-container,.wrap{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--page-gutter);box-sizing:border-box;min-width:0}
.header,.hero-section,.help-band,.footer{width:100%}
h1,h2,h3{letter-spacing:-.025em;overflow-wrap:break-word}
h1{font-size:var(--type-page);line-height:var(--title-leading);text-wrap:balance}
h2,.section-heading h2{font-size:var(--type-section);line-height:1.25}h3{font-size:18px;line-height:1.4}
.breadcrumb,.article .breadcrumb,.catalog-intro .breadcrumb{font-size:14px;line-height:1.6;margin:0 0 20px;overflow-wrap:break-word}
.article-topic{display:inline-block;font-size:var(--type-small);line-height:1.5}
.article-toc{margin-block:24px 32px}.article-toc a{line-height:1.6}
.article-aside h2{letter-spacing:-.02em}.guide-card h3,.category-card h2{letter-spacing:-.015em}
.header-inner{height:72px;gap:24px}.main-nav{gap:20px;font-size:15px;white-space:nowrap}.header-actions{flex-shrink:0}.brand{flex-shrink:0}.header a:focus-visible{outline-offset:2px}.mobile-nav a{min-height:44px}
.hero-section{background:#e70017;color:#fff}
.weidian-hero{position:relative;isolation:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:56px;padding-block:48px;margin-block:0;min-height:0;overflow:visible;border-radius:0;background:transparent}
.weidian-hero-copy{grid-area:auto;min-width:0;width:100%;padding:0;position:relative}
.weidian-hero h1{font-size:var(--type-display);line-height:var(--title-leading);letter-spacing:-.03em;max-width:680px;margin:0 0 20px;text-wrap:balance}
.weidian-hero-copy>p{font-size:16px;line-height:1.65;max-width:600px;margin-bottom:24px}
.weidian-hero-actions{gap:16px 24px}.weidian-hero-actions>.button,.weidian-hero-actions>a:not(.button){font-size:15px;min-height:48px}.weidian-hero-actions>.button{padding:12px 20px}
.weidian-hero-visual{position:relative;min-width:0;width:100%;max-width:566px;aspect-ratio:1100/768;overflow:hidden;border-radius:8px}
.weidian-hero-art{grid-area:auto;position:static;width:100%;height:100%;object-fit:cover;object-position:right center;mask-image:none;mask-composite:add;z-index:auto}
.weidian-hero-source-name{left:47%;right:auto;top:5.5%;bottom:auto;transform:translateX(-50%);font-size:24px}
.weidian-hero-caption{right:12px;bottom:12px;font-size:11px}
.coverage-container{margin-top:24px;margin-bottom:16px}.catalog-coverage{width:100%;margin:0;padding:12px 16px;font-size:14px}
.search-form{max-width:1120px;margin-inline:auto;min-height:64px;padding:7px 7px 7px 20px;gap:12px}.search-form input{font-size:16px;min-width:0}.search-form button[type=submit]{padding-inline:24px;font-size:15px}
.search-wrap+.catalog{margin-top:32px}.catalog{padding-bottom:var(--section-space)}.catalog-top{margin-bottom:20px}.catalog-top h2{font-size:30px;line-height:1.25}.catalog-top #result-count{font-size:14px}.catalog-title-group{gap:8px 16px}
.category-browser{margin-bottom:20px}.category-list{gap:12px;margin-bottom:20px}.category{font-size:15px;min-height:48px;line-height:1.4;padding:10px 12px;gap:8px;white-space:normal}.category .icon{width:18px;height:18px}
.filter-row{padding:12px;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-inputs{gap:12px}.catalog-note{font-size:14px;line-height:1.65;margin-bottom:24px;max-width:860px}
.product-grid,:is(#product-grid,.catalog-grid){grid-template-columns:repeat(5,minmax(0,1fr));gap:32px var(--product-col-gap)}
.product-photo,.product-photo img{aspect-ratio:1}.product-photo img{object-fit:contain}
.product-info,:is(#product-grid,.catalog-grid) .product-info{display:block;padding-top:14px}.product-name,:is(#product-grid,.catalog-grid) .product-name{font-size:17px;line-height:1.45}.product-info strong{font-size:18px;margin-top:8px}.product-card .product-meta{font-size:14px;line-height:1.5;min-height:28px;margin-top:6px}.product-bottom,:is(#product-grid,.catalog-grid) .product-bottom{font-size:14px;flex-wrap:wrap;gap:4px 12px;margin-top:auto;padding-top:8px}.card-buy{font-size:14px;min-height:46px;margin-top:12px;gap:8px;padding-inline:12px}
.guide-grid{gap:var(--grid-gap)}.guide-card h3{font-size:19px;line-height:1.4;max-width:none}.guide-card p{font-size:16px;line-height:1.65;max-width:none}.guide-card>span{font-size:14px;line-height:1.5}.guide-card .guide-read{font-size:15px;line-height:1.5;gap:12px}
@media(min-width:761px) and (max-width:1200px){.guide-index .guide-card h3{min-block-size:2.8em}}

.topic-links{margin-block:0;padding-bottom:32px}.topic-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap)}.topic-link-grid a{padding:20px;min-width:0}
.page-intro{padding-block:40px 32px}.page-intro h1{max-width:920px;font-size:var(--type-page);line-height:var(--title-leading);margin:0 0 16px}.page-intro>p:not(.breadcrumb){max-width:860px;font-size:16px;line-height:var(--body-leading);margin:0}.discovery-intro{padding-top:40px;margin-bottom:24px;align-items:center}.discovery-intro h1{font-size:var(--type-page);line-height:var(--title-leading);max-width:920px;margin:0 0 16px}.discovery-intro p{font-size:16px;line-height:var(--body-leading);max-width:860px}.discovery-intro p:not(.breadcrumb){margin-bottom:0}
.article-layout{max-width:1280px;grid-template-columns:minmax(0,860px) minmax(0,320px);justify-content:space-between;gap:48px;padding-block:var(--related-space) var(--section-space)}.article,.article-aside{min-width:0}.article h1{font-size:var(--type-article);line-height:var(--title-leading);margin:16px 0;text-wrap:balance;overflow-wrap:break-word}.article>.breadcrumb+h1{margin-top:0}.article h2{font-size:28px;line-height:1.25}.article p,.article li{font-size:16px;line-height:1.7}.article .article-lead{font-size:19px;line-height:var(--body-leading);margin-bottom:24px}.article-aside{padding:24px;margin-top:48px}.article-aside h2{font-size:24px;line-height:1.25}.article-aside a{font-size:15px;line-height:1.6;overflow-wrap:break-word}
.reading-page{padding-block:var(--related-space) var(--section-space)}.standalone,.trust-page{width:100%;max-width:var(--reading-max);margin:0;padding-block:0}.learning-faq{padding-block:64px;max-width:var(--content-max)}.learning-faq details{max-width:var(--reading-max)}.learning-guides .guide-index{margin-top:24px;padding-bottom:0}.learning-guides>h2{font-size:var(--type-section)}.learning-faq details p{font-size:16px;line-height:1.7}.learning-return{max-width:860px}
.home-trust{max-width:var(--content-max);padding-block:32px 64px}.home-questions,.trust-lead{max-width:var(--reading-max)}.trust-sources ul{gap:var(--grid-gap)}.help-inner{padding-block:32px}.help-heading h2{font-size:24px}.help-heading p{font-size:16px;line-height:1.65}
.weidian-intro{padding-block:40px 32px}.weidian-intro h1{font-size:var(--type-page);line-height:var(--title-leading);max-width:920px;margin:0 0 16px}.weidian-lead{font-size:16px;line-height:1.65;max-width:860px}.weidian-browse{padding-top:16px;padding-bottom:32px}.weidian-products{padding-block:32px 64px}.weidian-hub-faq{margin:0;padding-block:0 64px}.weidian-hub-faq details{max-width:var(--reading-max)}.platform-help{padding-bottom:var(--section-space)}.platform-help-list,.platform-help .product-advice{max-width:860px}.directory-return{margin-block:16px 48px}.catalog-explanation{padding-bottom:48px}.catalog-explanation p{max-width:860px;font-size:16px;line-height:1.65}
.product-page{max-width:1280px;padding-top:32px}.product-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.detail-info h1,.detail-info h1.is-long{font-size:var(--type-page);line-height:var(--title-leading);letter-spacing:-.025em;text-wrap:balance}.detail-photo img{aspect-ratio:1;object-fit:contain}.related{max-width:1280px;padding-block:var(--section-space)}.related .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related .product-grid>.product-card:last-child{display:flex}
.footer-main{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:32px;padding-block:48px 32px}.footer-brand{grid-column:auto;display:block;align-items:initial;padding-bottom:0;border-bottom:0}.footer-brand .footer-disclaimer{font-size:14px;line-height:1.6;margin-top:18px}.footer-column a{font-size:14px;line-height:1.6;min-height:44px}.footer-bottom{font-size:13px;line-height:1.6;padding-block:16px}.footer-brand .brand{font-size:28px}
@media(max-width:1100px){.main-nav{display:none}.menu-toggle{display:grid}.header-inner{gap:16px}.footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.footer-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.footer-brand .footer-disclaimer{margin-top:0}.article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:32px}}
@media(max-width:1024px){:root{--page-gutter:24px;--section-space:56px;--related-space:40px;--type-display:2.5rem;--type-page:2.5rem;--type-article:2.5rem}.weidian-hero{gap:40px;padding-block:40px}.product-grid,:is(#product-grid,.catalog-grid){grid-template-columns:repeat(3,minmax(0,1fr))}.category-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr);gap:40px}.article{max-width:860px}.article-aside{margin-top:0;max-width:860px}.article-aside h3{margin-top:24px}.product-detail{gap:32px}}
@media(max-width:760px){.related .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weidian-hero{grid-template-columns:minmax(0,1fr);gap:32px}.weidian-hero-copy{max-width:680px}.weidian-hero-visual{width:min(100%,480px);justify-self:center}.product-grid,:is(#product-grid,.catalog-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.guide-grid{grid-template-columns:minmax(0,1fr)}.product-detail{grid-template-columns:minmax(0,1fr);gap:24px}.category-list{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{display:block}.footer-brand .footer-disclaimer{margin-top:16px}.footer-column-about{grid-column:1/-1}.card-buy .icon{display:none}.product-info strong{font-size:18px}.product-card .product-meta,.product-bottom{font-size:13px}.help-inner{align-items:flex-start;flex-direction:column;gap:20px}.help-heading{gap:16px}.help-heading>div{min-width:0}.product-photo{aspect-ratio:1}.mobile-purchase-bar{padding-inline:var(--page-gutter)}}
@media(max-width:640px){:root{--page-gutter:16px;--section-space:40px;--related-space:32px;--grid-gap:16px;--type-display:2.125rem;--type-page:2.125rem;--type-article:2.125rem}.header-inner{height:68px}.weidian-hero{padding-block:32px;gap:24px}.weidian-hero h1{margin-bottom:16px}.weidian-hero-copy>p{font-size:16px;line-height:1.6;margin-bottom:20px}.weidian-hero-actions{gap:8px 16px}.weidian-hero-actions>.button{padding:11px 16px;min-height:46px}.weidian-hero-actions>a:not(.button){min-height:44px}.weidian-hero-visual{width:min(100%,400px)}.weidian-hero-source-name{font-size:18px}.weidian-hero-caption{font-size:10px;right:8px;bottom:8px}.coverage-container{margin-top:20px;margin-bottom:16px}.catalog-coverage{gap:4px 12px;padding:12px;font-size:14px}.search-form{padding:6px 6px 6px 12px;gap:8px;min-height:60px}.search-form button[type=submit]{padding-inline:14px}.search-wrap+.catalog{margin-top:24px}.catalog-top h2{font-size:24px}.catalog-top{margin-bottom:16px}.catalog-top #result-count{font-size:14px}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category{padding:10px;font-size:14px}.category-browser{margin-bottom:16px}.filter-row{padding:10px;margin-bottom:16px;gap:10px}.filter-inputs{gap:10px}.filter-row .sort-label{width:100%;margin-left:0}.catalog-note{font-size:14px;margin-bottom:20px}.product-name,:is(#product-grid,.catalog-grid) .product-name{font-size:16px}.card-buy{font-size:13px;min-height:46px;padding:10px 8px}.product-card .product-meta{min-height:42px}.category-directory{gap:16px;padding-bottom:16px}.topic-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topic-link-grid a{padding:16px}.topic-links .section-heading h2{font-size:24px}.topic-links .section-heading{gap:8px}.page-intro,.reading-page,.article-layout{padding-block:32px 40px}.article .article-lead{font-size:16px}.breadcrumb,.article .breadcrumb{margin-bottom:16px}.discovery-intro{padding-top:32px;margin-bottom:24px}.article h2{font-size:24px}.article-aside{padding:20px}.learning-faq{padding-block:40px}.learning-guides>h2,.learning-faq>h2{font-size:24px}.learning-guides .guide-index{margin-top:20px}.home-trust{padding-block:24px 40px}.home-trust h2{font-size:24px}.trust-sources ul{grid-template-columns:minmax(0,1fr);gap:24px}.help-inner{padding-block:24px}.help-heading h2{font-size:22px}.weidian-intro{padding-block:32px 24px}.weidian-browse{padding-block:8px 24px}.weidian-products{padding-block:16px 40px}.weidian-hub-faq{padding-bottom:40px}.platform-help{padding-bottom:40px}.directory-return{margin-block:16px 32px}.related{padding-block:40px}.detail-info h1{font-size:var(--type-page)}.detail-info h1.is-long{font-size:var(--type-page)}.footer-main{padding-block:32px 24px;gap:24px 16px}.footer-column-about{gap:8px 16px}.footer-column a{padding-left:10px;font-size:14px}.footer-bottom{padding-block:16px}.image-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Small screens retain a readable title without crowding long Polish names. */
@media(max-width:375px){:root{--type-display:2rem;--type-page:2rem;--type-article:2rem}}

/* Category illustrations stay distinct at both directory and compact navigation sizes. */
.category-card-heading>.icon:first-child{width:26px;height:26px;stroke-width:1.65}
.category-list .category>.icon{width:22px;height:22px;stroke-width:1.65}
@media(max-width:640px){.category-card-heading>.icon:first-child{width:24px;height:24px}.category-list .category>.icon{width:20px;height:20px}}

.detail-info .price-note,.detail-info .affiliate-note,.product-facts dt,.product-facts dd{font-size:14px;line-height:1.6}
.filter-row select{font-size:16px;line-height:1.5}.sort-label,.select-label{font-size:14px}

/* Width tiers: dense catalogues use the wide frame; explanatory and reading
   modules retain their own comfortable line lengths and existing proportions. */
.topic-links,.learning-guides,.learning-faq,.platform-help,.help-inner,.reading-page,.home-trust{max-width:var(--container-max)}
.category-card-heading h2{min-width:0;overflow-wrap:break-word}
@media(max-width:1439px){:root{--page-gutter:24px}.product-grid,:is(#product-grid,.catalog-grid){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1099px){.product-grid,:is(#product-grid,.catalog-grid){grid-template-columns:repeat(3,minmax(0,1fr))}.category-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.category-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:819px){.product-grid,:is(#product-grid,.catalog-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){:root{--page-gutter:16px;--product-col-gap:12px}.product-grid,:is(#product-grid,.catalog-grid){column-gap:var(--product-col-gap)}.related .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.category-directory{grid-template-columns:minmax(0,1fr)}}

/* Keyboard focus enters the viewport before anchored menus are positioned. */
html:has(:focus-visible){scroll-behavior:auto}

/* Center incomplete discovery rows without widening cards or filling with duplicates. */
:is(#product-grid,.catalog-grid)>.product-card{grid-column:span 2}
@media(min-width:1440px){
:is(#product-grid,.catalog-grid){grid-template-columns:repeat(10,minmax(0,1fr))}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(5n+1):nth-last-child(1){grid-column:5 / span 2}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(5n+1):nth-last-child(2){grid-column:4 / span 2}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(5n+1):nth-last-child(3){grid-column:3 / span 2}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(5n+1):nth-last-child(4){grid-column:2 / span 2}
}
@media(min-width:1100px) and (max-width:1439px){
:is(#product-grid,.catalog-grid){grid-template-columns:repeat(8,minmax(0,1fr))}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(4n+1):nth-last-child(1){grid-column:4 / span 2}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(4n+1):nth-last-child(2){grid-column:3 / span 2}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(4n+1):nth-last-child(3){grid-column:2 / span 2}
}
@media(min-width:820px) and (max-width:1099px){
:is(#product-grid,.catalog-grid){grid-template-columns:repeat(6,minmax(0,1fr))}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(3n+1):nth-last-child(1){grid-column:3 / span 2}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(3n+1):nth-last-child(2){grid-column:2 / span 2}
}
@media(max-width:819px){
:is(#product-grid,.catalog-grid){grid-template-columns:repeat(4,minmax(0,1fr))}
:is(#product-grid,.catalog-grid)>.product-card:nth-child(2n+1):nth-last-child(1){grid-column:2 / span 2}
}

/* Source-backed guide questions use native disclosure and the existing reading grid. */
.guide-community{margin-block:32px;padding-top:24px;border-top:1px solid var(--line)}
.article .guide-community h2{margin-top:0;font-size:24px;line-height:1.3}
.article .community-intro{font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:18px}
.guide-community details{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;overflow:visible}
.guide-community summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:14px 16px;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer;border-radius:8px}
.guide-community summary::-webkit-details-marker{display:none}.guide-community summary::after{content:"+";font-size:22px;font-weight:400;flex-shrink:0;color:var(--red)}
.guide-community details[open] summary{color:var(--red-ink);background:var(--red-tint);border-bottom:1px solid var(--red-line);border-radius:8px 8px 0 0}.guide-community details[open] summary::after{content:"−"}
.guide-community summary:hover{background:var(--red-tint)}.guide-community summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.community-answer{padding:16px}.article .community-context{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 12px}
.community-answer a{color:var(--red-ink);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.article .community-citation{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}.community-citation a{display:inline-flex;align-items:center;min-height:44px}
.guide-sources li>a{display:inline-flex;align-items:center;min-height:44px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:640px){.guide-community{margin-block:24px;padding-top:20px}.article .guide-community h2{font-size:22px}.guide-community summary{padding:12px;gap:12px}.community-answer{padding:12px}.article .community-citation{gap:0 12px}}

/* Keep the short educational hero statement from leaving an isolated last word. */
.weidian-hero-copy>p{text-wrap:balance}

/* The responsive artwork uses the same visible crop as the original hero. */
.weidian-hero-picture{display:block;width:100%;aspect-ratio:1100/768}

/* Practical guide figures and definitions use the shared article reading width. */
.guide-measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.guide-measure-grid figure{margin:0;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}
.guide-measure-grid svg{display:block;width:100%;height:auto;max-height:240px;margin-inline:auto}
.guide-measure-grid figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:10px}
.guide-measure-grid figcaption strong{display:block;color:var(--ink);font-weight:650;margin-bottom:4px}
.guide-charge-list{margin:24px 0;border-top:1px solid var(--line)}
.guide-charge-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.guide-charge-list dt{font-weight:650}
.guide-charge-list dd{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.guide-help-template{margin:24px 0;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.guide-help-template summary{min-height:48px;padding:14px 16px;font-weight:600;line-height:1.5;cursor:pointer}
.guide-help-template[open] summary{border-bottom:1px solid var(--line)}
.guide-help-template>div{padding:16px}
.guide-help-template>div>:last-child{margin-bottom:0}
@media(max-width:1024px){.guide-measure-grid{grid-template-columns:1fr}.guide-measure-grid svg{max-width:320px}}
@media(max-width:640px){.guide-measure-grid{gap:16px}.guide-charge-list>div{grid-template-columns:1fr;gap:6px;padding-block:16px}}

/* A concise discovery benefit stays beside the primary buying guidance. */
.weidian-hero-value strong{display:block;font-size:20px;line-height:1.4;font-weight:650;letter-spacing:-.015em;margin-bottom:6px}
.weidian-hero-value span{display:block}
.weidian-discovery-intro strong{color:var(--ink);font-weight:650}
@media(max-width:640px){.weidian-hero-value strong{font-size:18px}}

/* A single image match keeps a readable card width and a balanced result area. */
.image-search-grid:has(>.product-card:only-child){grid-template-columns:minmax(0,360px);justify-content:center}

/* Image search reports completed server stages and stays cancellable while waiting. */
.image-search-progress{margin-top:14px;padding:16px;border:1px solid var(--red-line);border-radius:10px;background:var(--red-tint)}
.image-search-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.image-search-progress-heading strong{min-width:0;font-size:15px;line-height:1.5;font-weight:600;color:var(--ink)}
.image-search-progress .image-search-cancel{flex-shrink:0;min-height:44px;padding:9px 12px;font-size:14px;background:#fff}
.image-search-progress-track{height:8px;border-radius:8px;background:var(--red-line);overflow:hidden}
.image-search-progress-track>span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(var(--stage-progress,0));transform-origin:left;transition:transform .2s ease}
.image-search-progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:10px 0 0;padding:0}
.image-search-progress-steps li{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.image-search-progress-steps li[data-state=current],.image-search-progress-steps li[data-state=done]{color:var(--red-ink);font-weight:600}
.image-search-progress-time{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:13px;line-height:1.6;color:var(--muted);font-variant-numeric:tabular-nums}
.image-search-progress-time>p{margin:0;font-size:13px;line-height:1.6;color:var(--red-ink)}
.image-search-progress[data-state=working] .image-search-progress-track>span{animation:image-search-working 1.2s ease-in-out infinite}
@keyframes image-search-working{0%,100%{opacity:.7}50%{opacity:1}}
.image-search-submit:disabled{opacity:1;color:#555;background:#eeeae9;border-color:#eeeae9;transition:none;cursor:wait}
@media(max-width:420px){.image-search-progress{padding:12px}.image-search-progress-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;counter-reset:search-stage}.image-search-progress-steps li{display:flex;align-items:center;gap:6px;font-size:12px;overflow-wrap:normal;counter-increment:search-stage}.image-search-progress-steps li:before{content:counter(search-stage);font-weight:650;font-variant-numeric:tabular-nums}.image-search-progress-heading strong{font-size:14px}}

/* Source-labelled QC photos are independent from seller images and link availability. */
.product-photo-column{min-width:0}
.qc-card-badge{position:absolute;left:8px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;min-width:56px;min-height:30px;padding:5px 7px;border:1px solid var(--red-line);border-radius:6px;background:rgba(255,255,255,.97);color:var(--red-ink);font-size:12px;line-height:1.4;font-weight:600}
.qc-card-badge:after{content:"";position:absolute;inset:-7px 0}
.qc-card-badge .icon{width:15px;height:15px}.qc-card-badge:hover{background:var(--red-tint)}
.qc-gallery{margin-top:24px;scroll-margin-top:96px;padding-top:20px;border-top:1px solid var(--line)}
.qc-gallery-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.qc-gallery-heading>strong{font-size:18px;line-height:1.4}.qc-gallery-heading>span{font-size:13px;color:var(--muted)}
.qc-gallery-heading>a{display:inline-flex;align-items:center;gap:4px;margin-left:auto;min-height:44px;font-size:13px;color:var(--red-ink)}.qc-gallery-heading>a .icon{width:16px;height:16px}
.qc-gallery-note{margin:8px 0 16px;font-size:14px;line-height:1.6;color:var(--muted)}
.qc-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qc-photo{position:relative;min-width:0;aspect-ratio:1;background:var(--surface);border-radius:8px}
.qc-photo-trigger{display:block;position:relative;width:100%;height:100%;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface);cursor:zoom-in}
.qc-photo-trigger:hover{border-color:var(--red)}.qc-photo-trigger>img{display:block;width:100%;height:100%;object-fit:contain}
.qc-photo-number{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;min-width:24px;min-height:24px;border-radius:5px;background:rgba(255,255,255,.96);color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums}
.qc-gallery-more{margin-top:12px}.qc-gallery-more>summary{display:flex;align-items:center;min-height:44px;padding:8px 0;color:var(--red-ink);font-size:14px;cursor:pointer}.qc-gallery-more[open]>summary{margin-bottom:12px}
.qc-facts-link{display:inline-flex;align-items:center;min-height:44px;color:var(--red-ink)}
.product-image-navigation{display:flex;align-items:center;gap:10px;margin-left:12px}.product-image-navigation[hidden]{display:none}.product-image-navigation>button{display:grid;place-items:center;flex:0 0 44px;width:44px;padding:8px}.product-image-navigation [data-image-previous] .icon{transform:rotate(180deg)}
.product-image-navigation>span{min-width:52px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.product-image-toolbar{flex-wrap:wrap}
.qc-photo .product-image-fallback{font-size:12px;padding:8px}.qc-photo .product-image-fallback button{min-height:44px;font-size:12px}
@media(max-width:760px){.product-image-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px}.product-image-toolbar>[data-image-zoom]{padding:9px 6px;font-size:12px;min-width:0}.product-image-scale{grid-column:1/-1;min-width:0;margin:0;text-align:center;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.product-image-navigation{grid-column:1/-1;justify-content:center;margin:0;padding-top:8px;border-top:1px solid var(--line)}.qc-gallery{margin-top:20px}.qc-gallery-grid{gap:10px}}

/* Verification appears only when the server requires it. */
.image-search-verification{margin-top:16px;padding:16px;border:1px solid var(--red-line);border-radius:10px;background:var(--red-tint);min-width:0}.image-search-verification>p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--ink)}.image-search-verification>[data-verification-widget]{display:flex;justify-content:center;min-width:0;margin-bottom:12px}.image-search-verification>button{min-width:100px;min-height:44px}

/* Real reference photos in the QC guide; original image files remain unchanged. */
.qc-teaching{margin-block:32px}.article .qc-teaching>h2{margin:0 0 12px}.qc-teaching-list{display:grid;gap:24px;margin-top:20px}.qc-teaching-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.qc-teaching-example:last-child{padding-bottom:0;border-bottom:0}.qc-teaching-figure{min-width:0;margin:0}.qc-teaching-photo{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:zoom-in}.qc-teaching-photo>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}.qc-teaching-photo:hover{border-color:var(--red-line)}.qc-teaching-photo:focus-visible{outline:3px solid var(--red);outline-offset:4px}.qc-teaching-zoom{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:13px;line-height:1.4}.qc-teaching-zoom>.icon{width:16px;height:16px;flex-shrink:0}.qc-teaching-figure figcaption{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.6}.qc-teaching-copy{min-width:0}.article .qc-teaching-copy h3{margin:0 0 10px;font-size:18px;line-height:1.4}.article .qc-teaching-copy p{margin:0 0 10px;font-size:16px;line-height:1.65}.article .qc-teaching-copy ul{margin:0;padding-left:20px}.article .qc-teaching-copy li{margin:6px 0;font-size:16px;line-height:1.65}.article .qc-teaching-note{margin:24px 0 0;padding:14px 16px;border-left:3px solid var(--red);background:var(--red-tint);font-size:14px;line-height:1.65}
@media(max-width:700px){.qc-teaching-example{grid-template-columns:minmax(0,1fr);gap:16px}.qc-teaching-list{gap:24px}.article .qc-teaching-note{padding:12px 14px}.qc-teaching{margin-block:28px}}

.qc-image-dialog:has(.product-full-image[src^="/assets/qc/"]){height:min(740px,calc(100dvh - 24px))}
@media(max-width:760px){.qc-image-dialog:has(.product-full-image[src^="/assets/qc/"]){height:min(640px,calc(100dvh - 24px))}}