.card[data-v-35238d55]{background:var(--card);border-radius:20px;flex-direction:column;gap:10px;padding:14px 14px 18px;transition:box-shadow .2s;display:flex;position:relative}.card[data-v-35238d55]:hover{box-shadow:0 8px 24px #11121414}.card:hover .nm[data-v-35238d55]{color:var(--accent)}.pic[data-v-35238d55]{background:var(--fill);border-radius:14px;place-items:center;height:230px;display:grid;position:relative}.pic .photo[data-v-35238d55]{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:14px;position:absolute;inset:0}.pic i[data-v-35238d55]{border:5px solid #00000014;border-radius:20px;width:76px;height:152px}.pic i.tablet[data-v-35238d55]{border-radius:14px;width:118px;height:156px}.pic i.laptop[data-v-35238d55]{border-radius:10px;width:170px;height:106px}.pic i.watch[data-v-35238d55]{border-radius:26px;width:84px;height:100px}.pic i.audio[data-v-35238d55]{border-radius:50%;width:110px;height:110px}.pic i.console[data-v-35238d55]{border-radius:22px;width:150px;height:96px}.pic i.acc[data-v-35238d55]{border-radius:22px;width:92px;height:92px}.tag[data-v-35238d55]{color:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.dots[data-v-35238d55]{flex-wrap:wrap;gap:6px;display:flex}.dots span[data-v-35238d55]{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #00000026}.dots span.hit[data-v-35238d55]{box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--ink)}.pr[data-v-35238d55]{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.pr b[data-v-35238d55]{letter-spacing:-.02em;font-size:21px}.pr s[data-v-35238d55]{color:var(--soft);font-size:13px}.nm[data-v-35238d55]{font-size:15px;font-weight:500;line-height:1.35}.nm[data-v-35238d55]:after{content:"";border-radius:inherit;position:absolute;inset:0}.stock[data-v-35238d55]{color:var(--warn);font-size:13px;font-weight:500}.add[data-v-35238d55]{z-index:1;background:var(--fill);height:46px;color:var(--ink);border:0;border-radius:12px;margin-top:auto;font-size:15px;font-weight:600;transition:background .15s,color .15s;position:relative}.add[data-v-35238d55]:hover,.card:hover .add[data-v-35238d55]:not(.on){background:var(--ink);color:#fff}.add.on[data-v-35238d55]{background:var(--accent-soft);color:var(--accent)}.opts[data-v-35238d55]{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:relative}.opts button[data-v-35238d55]{text-align:left;border:1px solid var(--line);background:var(--card);min-height:30px;color:var(--ink);line-height:1.25;font:inherit;cursor:pointer;border-radius:9px;padding:4px 10px;font-size:13px;font-weight:500}.opts button[data-v-35238d55]:hover{border-color:var(--soft)}.opts button[aria-pressed=true][data-v-35238d55]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}@media (width<=600px){.card[data-v-35238d55]{border-radius:16px;gap:8px;padding:10px 10px 14px}.pic[data-v-35238d55]{height:150px}.pic i[data-v-35238d55]{transform:scale(.72)}.tag[data-v-35238d55]{padding:3px 7px;font-size:11px;top:6px;left:6px}.pr b[data-v-35238d55]{font-size:17px}.pr s[data-v-35238d55]{font-size:12px}.nm[data-v-35238d55]{font-size:13px}.stock[data-v-35238d55]{font-size:12px}.add[data-v-35238d55]{border-radius:10px;height:36px;font-size:13px}.dots span[data-v-35238d55]{width:12px;height:12px}.opts[data-v-35238d55]{gap:4px}.opts button[data-v-35238d55]{min-height:28px;padding:4px 8px;font-size:12px}}
