.tabs{justify-content:center;gap:8px;margin-bottom:38px;display:flex}.tab{font-family:var(--body);cursor:pointer;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .2s}.tab:hover{color:var(--ink)}.tab.active{color:#fff;background:var(--grad-cta);border-color:#0000}.products{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.pcard{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-direction:column;transition:all .26s;display:flex;position:relative;overflow:hidden}.pcard:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lift);transform:translateY(-5px)}.pthumb{aspect-ratio:1;background:var(--surface-2);place-items:center;display:grid;position:relative;overflow:hidden}.pthumb .glowbg{filter:blur(40px);width:150px;height:150px;opacity:calc(var(--tint)*2.4);border-radius:50%;transition:all .4s;position:absolute}.pcard:hover .glowbg{transform:scale(1.14)}.pthumb svg.prod{z-index:1;transition:all .35s;position:relative}.pcard:hover .pthumb svg.prod{transform:translateY(-5px)scale(1.04)}.pbadge{z-index:3;letter-spacing:.02em;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.pbadge.sale{background:var(--pink);color:#fff}.pbadge.soldout{color:#fff;background:#5b5570}.pcard.is-out .prod-img,.pcard.is-out .prod{opacity:.5;filter:grayscale(.5)}.padd-out{color:#fff;cursor:not-allowed;pointer-events:none;background:#d4d0de!important}.pbadge.best{background:var(--ink);color:var(--bg-2)}.pbadge.new{background:var(--gold);color:#3a2a00}.pwish{z-index:3;background:var(--surface);border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;top:10px;right:10px}.pwish:hover{color:var(--pink);border-color:var(--pink)}.pwish.on{color:var(--pink);background:color-mix(in srgb,var(--pink) 14%,var(--surface));border-color:var(--pink)}.pwish.on svg{fill:var(--pink)}.pbody{flex-direction:column;flex:1;gap:5px;padding:16px;display:flex}.pcat{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-size:11px;font-weight:600}.pname{font-family:var(--display);font-size:15.5px;font-weight:600;line-height:1.25}.prate{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.prate .stars{color:var(--gold);letter-spacing:1px}.pfoot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.pprice{font-family:var(--display);font-size:18px;font-weight:600}.pprice s{font-family:var(--body);color:var(--muted-2);margin-right:6px;font-size:12.5px;font-weight:400}.pprice .pnow.sale{color:var(--pink)}.pprice .punit{font-family:var(--body);color:var(--muted-2);white-space:nowrap;margin-top:2px;font-size:11.5px;font-weight:400;line-height:1.3;display:block}.padd{z-index:3;cursor:pointer;background:var(--grad-cta);color:#fff;width:44px;height:44px;box-shadow:0 8px 18px -8px var(--blue-deep);border:0;border-radius:14px;place-items:center;transition:all .22s;display:grid;position:relative}.padd:hover{transform:translateY(-2px)scale(1.05)}.padd:active{transform:translateY(0)scale(.96)}.padd.done{background:var(--cyan)}a.pname{position:static}a.pname:after{content:"";z-index:1;position:absolute;inset:0}a.pname:hover{color:var(--accent-text)}.pthumb img.prod-img{z-index:1;object-fit:contain;max-width:90%;max-height:90%;position:relative}.pthumb.has-photo{background:#fff}.pthumb.has-photo .glowbg{display:none}@media (width<=1024px){.products{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width<=768px){.products{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width<=480px){.products{gap:11px}.pbody{gap:4px;padding:13px}.pthumb svg.prod{transform:scale(.9)}.pcat{font-size:10px}.pname{font-size:13.5px;line-height:1.2}.prate{font-size:11px}.pprice{font-size:16px}.pfoot{padding-top:10px}.padd{border-radius:12px;width:40px;height:40px}.pwish{width:32px;height:32px;top:8px;right:8px}.pbadge{padding:4px 8px;font-size:10px;top:8px;left:8px}}@media (width<=340px){.products{grid-template-columns:1fr}}
