.nav-links a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;flex:none}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);position:relative;transition:transform .3s var(--ease),background .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}.burger span::before{top:-6px}.burger span::after{top:6px}
nav.top.open .burger span{background:transparent}nav.top.open .burger span::before{transform:translateY(6px) rotate(45deg)}nav.top.open .burger span::after{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:980px){.burger{display:inline-flex}
nav.top.open .nav-links{display:flex;flex-direction:column;gap:0;position:absolute;left:12px;right:12px;top:70px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:var(--shadow-lg);font-size:1rem}
nav.top.open .nav-links a{padding:14px 16px;border-radius:12px}
nav.top.open .nav-links a[aria-current=page]{background:var(--accent-2);box-shadow:none}}
.hero-cta{container-type:inline-size}
.hero-cta .checks{display:grid;grid-template-columns:repeat(3,max-content);gap:8px 20px}
@container (max-width:570px){.hero-cta .checks{grid-template-columns:1fr;gap:6px}}
.shop-body{grid-auto-rows:max-content;gap:10px;padding:12px}
.prod{height:auto;min-height:0}
.prod .ph{aspect-ratio:4/3;height:auto}
.prod .ph img{object-position:center 62%}
.prod .meta{padding:8px 10px 10px;flex:none}
.prod .meta b{font-size:.8rem}
.prod .meta span{font-size:.8rem;color:var(--accent);font-weight:800}
.spr{position:absolute;inset:-4%;background-size:300% auto;background-repeat:no-repeat;background-color:var(--bg-soft)}
.mq-card{aspect-ratio:1/1}
.marquee.photos .mq-card .spr{inset:-3%}
.pains{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.pains span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:600;color:var(--ink-2)}
.pains span::before{content:"✕";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fde8e8;color:#c0263a;font-size:.7rem;font-weight:800}
.tabs button{padding:9px 14px;font-size:.86rem}

@media(max-width:560px){.cats .lx{display:none}.cats button{flex:none}}
.mini div .spr{left:-4%;right:-4%;top:-4%;bottom:-4%;padding:0;border-radius:0;background-size:300% auto;background-color:var(--bg-soft)}
.prod .ph .spr{background-color:#efe6d8}
.mq-card .spr,.mini div .spr,.prod .ph .spr{background-size:300% auto!important;background-repeat:no-repeat!important}
.mini div:nth-child(1) .spr{background-position:0% 17%!important}.mini div:nth-child(2) .spr{background-position:50% 17%!important}.mini div:nth-child(3) .spr{background-position:0% 83%!important}.mini div:nth-child(4) .spr{background-position:50% 83%!important}