:root{--ink:#29304D;--ink-soft:#5A6178;--ink-mute:#8B91A3;--line:#E6E8EE;--line-2:#F0F1F5;--bg:#FFFFFF;--bg-soft:#F7F7F9;--sage:#000000;--sage-2:#000000;--sage-soft:#EFEFEF;--white:#FFFFFF;--sale:#C23B2A;--font-head:'Montserrat',system-ui,sans-serif;--font-body:'Figtree',system-ui,sans-serif;--max:1400px;--gutter:clamp(16px,3vw,40px);--ease:cubic-bezier(.25,.8,.25,1);--header-h:72px;--sidebar-w:240px}
.page-hero{text-align:center;padding:clamp(48px,7vw,88px) 0 clamp(36px,5vw,56px);border-bottom:1px solid var(--line)}
.page-hero p{font-size:clamp(.95rem,1.3vw,1.05rem);color:var(--ink-soft);max-width:48ch;margin:0 auto;line-height:1.65}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,28px) clamp(14px,1.8vw,22px)}
.prod-card{position:relative}
@media(max-width:1100px){
  .prod-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  :root{--header-h:60px}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:14px 10px}
}