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