/* Category pages: water-purifiers.html, smart-locks.html (26 Oct 2026). Polestar-style model grid: large white cells split
   by hairlines, name + one line + price + "Discover →", picture below. Built by scripts/build-category.py. */
.page-category{--cat-ink:#0F0F0F;--cat-mute:#6B6B66;--cat-line:#E4E4E0;--cat-orange:#FF5E00;--cat-gut:clamp(20px,4vw,72px);--cat-max:1440px}
.page-category main{display:block}
.cat-wrap{width:100%;max-width:var(--cat-max);margin-inline:auto;padding-inline:var(--cat-gut)}

/* breadcrumb (this page doesn't load refinement.css) */
.page-category .crumb.site-crumb{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:var(--cat-max);margin-inline:auto;padding:28px var(--cat-gut) 0;font-size:11px;line-height:1.4;color:#6B6B66}
.page-category .site-crumb a:hover{color:var(--cat-ink)}.page-category .site-crumb span{color:var(--cat-ink)}
@media(max-width:760px){.page-category .crumb.site-crumb{font-size:10px;gap:6px;padding:20px var(--cat-gut) 0}}

/* head */
.cat-head{padding-block:clamp(40px,6vw,96px) clamp(32px,4vw,56px)}
.cat-head h1{font-size:clamp(40px,6.4vw,96px);font-weight:500;letter-spacing:-.055em;line-height:1.02}
.cat-sub{margin-top:clamp(14px,1.4vw,20px);max-width:44ch;font-size:clamp(17px,1.4vw,21px);line-height:1.45;letter-spacing:-.015em;color:var(--cat-mute)}
.cat-link{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(20px,2vw,28px);font-size:16px;letter-spacing:-.01em;border-bottom:1px solid currentColor;padding-bottom:2px}
.cat-link svg{width:16px;height:16px;transition:transform .2s cubic-bezier(.4,0,.2,1)}
.cat-link:hover svg{transform:translateX(3px)}

/* the grid: two columns, hairline between cells and rows, edge to edge */
.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--cat-line)}
.cat-cell{position:relative;display:flex;flex-direction:column;min-height:clamp(520px,44vw,680px);
  padding:clamp(28px,3.4vw,56px) clamp(24px,4.6vw,88px) 0;border-bottom:1px solid var(--cat-line)}
.cat-cell:nth-child(odd){border-right:1px solid var(--cat-line)}
.cat-cell h2{font-size:clamp(30px,2.9vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.08}
.cat-cell__line{margin-top:8px;max-width:38ch;font-size:16px;line-height:1.45;letter-spacing:-.01em;color:var(--cat-mute)}
.cat-cell__price{margin-top:4px;font-size:16px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.cat-cell__go{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(14px,1.4vw,20px);font-size:17px;letter-spacing:-.015em}
.cat-cell__go svg{width:17px;height:17px;transition:transform .2s cubic-bezier(.4,0,.2,1)}
.cat-cell__go::after{content:"";position:absolute;inset:0;z-index:1}   /* the whole cell is the link */
.cat-cell:hover .cat-cell__go svg{transform:translateX(4px)}
.cat-cell__go:focus-visible{outline:none}.cat-cell:has(.cat-cell__go:focus-visible){outline:2px solid var(--cat-ink);outline-offset:-2px}
.cat-cell__pic{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-block:clamp(20px,2.4vw,40px) clamp(28px,3vw,48px)}
.cat-cell__pic img{width:auto;height:auto;max-width:min(100%,460px);max-height:clamp(300px,28vw,440px);object-fit:contain;
  transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cat-cell:hover .cat-cell__pic img{transform:scale(1.03)}
@media(prefers-reduced-motion:reduce){.cat-cell__pic img,.cat-link svg,.cat-cell__go svg{transition:none}}

/* phones: one column */
@media(max-width:760px){
  .cat-grid{grid-template-columns:1fr}
  .cat-cell{min-height:0;padding:28px var(--cat-gut) 0}
  .cat-cell:nth-child(odd){border-right:0}
  .cat-cell__pic img{max-height:340px}}

/* the other category */
.cat-other{padding-block:clamp(56px,7vw,112px)}
.cat-other p{font-size:clamp(24px,2.6vw,40px);letter-spacing:-.04em;line-height:1.15}
.cat-cell h2 .nv-new{margin-left:12px;transform:translateY(-5px)}
.cat-404{padding-bottom:clamp(80px,10vw,160px)}
.cat-404__links{list-style:none;padding:0;margin-top:clamp(28px,3vw,44px);display:flex;flex-wrap:wrap;gap:8px 28px}.cat-404__links .cat-link{margin-top:0}