.cat-hero{padding-block:var(--s8) 0}
.cat-hero .box{background:var(--card);border:0;border-radius:var(--r-lg);padding:clamp(24px,4vw,40px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s9);align-items:center}
.cat-hero h1{font-size:var(--fs-hero);font-weight:600;letter-spacing:-.025em}
.cat-hero p{color:var(--fg-2);margin-top:var(--s4);max-width:56ch;font-size:var(--fs-lg)}
.stats{display:flex;gap:var(--s4);flex-wrap:wrap}
.stat{background:var(--bg);border-radius:var(--r-card);padding:var(--s5) var(--s8);min-width:120px}
.stat small{display:block;font-size:var(--fs-sm);color:var(--fg-2)}
.stat strong{font-size:var(--fs-2xl);font-weight:700}
.subcats{display:flex;gap:var(--s4);overflow-x:auto;padding-block:var(--s8) var(--s2);scrollbar-width:thin}
.subcat{flex:none;display:flex;align-items:center;gap:var(--s4);background:var(--card);border:1px solid transparent;box-shadow:var(--shadow);border-radius:var(--r-pill);padding:var(--s3) var(--s8) var(--s3) var(--s3);min-height:44px;cursor:pointer;font-weight:500;font-size:var(--fs-md);transition:border-color var(--t),background var(--t)}
.subcat .ico{width:32px;height:32px;border-radius:50%;background:var(--media);display:grid;place-items:center;color:var(--action)}
.subcat:hover{border-color:var(--action)}
.subcat[aria-pressed="true"]{background:var(--action);border-color:var(--action);color:var(--action-fg)}
.subcat[aria-pressed="true"] .ico{background:rgba(255,255,255,.2);color:inherit}
.subcat .c{font-size:var(--fs-sm);opacity:.8}
.range{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s3);align-items:center;margin-top:var(--s5)}
.range input{width:100%;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:0 var(--s5);font-size:var(--fs-md)}
.range input[aria-invalid="true"]{border-color:var(--err)}
.range span{color:var(--fg-2)}
.range-btn{margin-top:var(--s4);width:100%;min-height:38px;font-size:var(--fs-md)}
.ferr{font-size:var(--fs-sm);color:var(--err);margin-top:var(--s3);min-height:0}
.ferr:empty{display:none}
.viewtog{display:flex;border:0;box-shadow:var(--shadow);border-radius:var(--r-pill);overflow:hidden;background:var(--card)}
.viewtog button{width:40px;height:38px;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--fg-2)}
.viewtog button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
.tools-r{display:flex;gap:var(--s5);align-items:center;flex-wrap:wrap}
.grid.list{grid-template-columns:1fr}
.grid.list .pcard{display:grid;grid-template-columns:200px minmax(0,1fr) 230px;column-gap:var(--s9);row-gap:var(--s3);align-items:start}
.grid.list .pcard>.media{grid-column:1;grid-row:1/span 6}
.grid.list .pcard>.brand,.grid.list .pcard>h3,.grid.list .pcard>.rating,.grid.list .pcard>.speclist,.grid.list .pcard>.stock{grid-column:2}
.grid.list .pcard>.pricing{grid-column:3;grid-row:1/span 3;border-top:0;margin-top:0;padding-top:0}
.grid.list .pcard>.card-actions{grid-column:3;grid-row:4}
.grid.list .pcard>.compare{grid-column:3;grid-row:5}
.grid.list h3{min-height:0}
.pager{display:flex;justify-content:center;align-items:center;gap:var(--s3);margin-top:var(--s9);flex-wrap:wrap}
.pager button{min-width:44px;height:44px;border-radius:var(--r-pill);border:0;box-shadow:var(--shadow);background:var(--card);cursor:pointer;font-weight:600;padding:0 var(--s6);transition:border-color var(--t)}
.pager button:hover:not(:disabled){border-color:var(--action);color:var(--action)}
.pager button[aria-current="page"]{background:var(--action);color:var(--action-fg);border-color:var(--action)}
.pager button:disabled{opacity:.45;cursor:not-allowed}
.pager-meta{text-align:center;font-size:var(--fs-sm);color:var(--fg-2);margin-top:var(--s4)}
.seo{background:var(--card);border-radius:var(--r-lg);padding:clamp(24px,4vw,40px)}
.seo .body{max-width:78ch;color:var(--fg);position:relative;overflow:hidden;max-height:9.5em;transition:max-height .3s}
.seo .body::after{content:"";position:absolute;inset:auto 0 0;height:4em;background:linear-gradient(transparent,var(--card))}
.seo.open .body{max-height:none}
.seo.open .body::after{display:none}
.seo h2{font-size:var(--fs-2xl);font-weight:700;margin-bottom:var(--s5)}
.seo h3{font-size:var(--fs-xl);font-weight:600;margin:var(--s8) 0 var(--s3)}
.seo p{margin-bottom:var(--s5);font-size:var(--fs-lg);line-height:1.7}
.seo ul{margin:0 0 var(--s5);padding-left:20px;line-height:1.7}
.more{background:none;border:0;color:var(--action);font-weight:600;cursor:pointer;padding:var(--s4) 0;margin-top:var(--s3)}
.faq{display:grid;gap:var(--s4)}
.faq details{background:var(--card);border-radius:var(--r-card)}
.faq summary{cursor:pointer;list-style:none;padding:var(--s8) var(--s9);font-weight:600;display:flex;justify-content:space-between;gap:var(--s6);align-items:center;min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;color:var(--action);line-height:1;transition:transform var(--t)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 var(--s9) var(--s8);color:var(--fg-2);max-width:78ch}
@media (max-width:900px){.cat-hero .box{grid-template-columns:1fr}}
@media (max-width:760px){.grid.list .pcard{display:flex}.viewtog{display:none}}