.pcard{background:var(--bg);border-radius:22px;flex-direction:column;height:100%;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s;display:flex;overflow:hidden;box-shadow:0 1px 2px #1018280d,0 12px 30px #10182814;container-type:inline-size}.pcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px #10182824}:root[data-theme=dark] .pcard{border:1px solid var(--line)}.pcard__media{aspect-ratio:4/3;background:var(--bg-soft);position:relative;overflow:hidden}.pcard__img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.pcard:hover .pcard__img{transform:scale(1.05)}.pcard__hit{z-index:1;position:absolute;inset:0}.pcard__hit:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:18px}.pcard__fav{z-index:2;background:var(--bg);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:color .18s,transform .18s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #1018281f}.pcard__fav svg{fill:none;width:22px;height:22px;display:block}.pcard__cmp{z-index:2;background:var(--bg);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:color .18s,transform .18s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:66px;right:14px;box-shadow:0 2px 8px #1018281f}.pcard__cmp svg{fill:none;width:22px;height:22px;display:block}.pcard__cmp:hover{color:var(--accent);transform:scale(1.08)}.pcard__cmp.is-on{background:var(--accent);color:var(--accent-ink)}.pcard__cmp.is-on svg [stroke]:not([stroke=none]){stroke:currentColor}.pcard__cmp:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pcard__fav:hover{color:var(--fav);transform:scale(1.08)}.pcard__fav.is-on{background:var(--fav);color:var(--fav-ink)}.pcard__fav.is-on svg path{fill:currentColor}.pcard__fav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pcard__body{flex-direction:column;flex:auto;gap:6px;padding:18px;display:flex}.pcard__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pcard__name{max-width:80%;font-family:var(--font-head);color:var(--ink);overflow-wrap:anywhere;flex:0 auto;font-size:clamp(19px,4.2cqw + 13px,40px);font-weight:700;line-height:1.1}.pcard__size{color:var(--ink-2);margin:0;font-size:15px}.pcard__foot{align-items:center;gap:14px;margin-top:auto;padding-top:12px;display:flex}.pcard__price{min-width:0;font-family:var(--font-head);letter-spacing:-.01em;color:var(--ink);flex:auto;font-size:clamp(18px,2.6cqw + 16px,36px);font-weight:800;line-height:1.05}.pcard__price--sale{color:var(--sale)}.pcard__old{color:var(--ink-2);font-family:var(--font-text);letter-spacing:0;margin-top:2px;font-size:15px;font-weight:400;display:block}.pcard__buy{background:var(--accent);width:54px;height:54px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:16px;flex:none;place-items:center;padding:0;transition:filter .18s,transform .18s cubic-bezier(.22,1,.36,1);display:grid}.pcard__buy svg{fill:none;width:26px;height:26px;display:block}.pcard__buy svg [stroke]:not([stroke=none]){stroke:currentColor}.pcard__buy:hover{filter:brightness(1.07);transform:scale(1.05)}.pcard__buy:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.pcard__buy--order{width:auto;height:auto;min-height:54px;font:inherit;white-space:nowrap;border-radius:999px;padding:0 18px;font-size:15px;font-weight:700}.pcard--skeleton{pointer-events:none}.pcard__bone{background:var(--bg-soft);border-radius:8px;display:block}.pcard__bone--name{width:62%;height:20px}.pcard__bone--size{width:40%;height:15px}.pcard__bone--price{flex:auto;max-width:150px;height:26px}.pcard__buy--ghost{background:var(--bg-soft)}.pcard--skeleton .pcard__media,.pcard__bone,.pcard__buy--ghost{animation:1.8s ease-in-out infinite pcard-pulse}@keyframes pcard-pulse{0%,to{opacity:1}50%{opacity:.55}}.pcard__note{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}@media (prefers-reduced-motion:reduce){.pcard,.pcard__img,.pcard__fav,.pcard__buy{transition:none}.pcard:hover,.pcard:hover .pcard__img,.pcard__fav:hover,.pcard__buy:hover{transform:none}.pcard--skeleton .pcard__media,.pcard__bone,.pcard__buy--ghost{animation:none}}@container (max-width:340px){.pcard__fav,.pcard__cmp{width:38px;height:38px}.pcard__fav svg,.pcard__cmp svg{width:19px;height:19px}.pcard__cmp{top:58px}.pcard__top{flex-direction:column;align-items:flex-start;gap:2px}.pcard__name{max-width:100%}.pcard__foot{gap:10px}.pcard__buy{width:46px;height:46px}.pcard__buy svg{width:22px;height:22px}.pcard__buy--order{width:auto;height:auto;min-height:46px;padding:0 14px;font-size:14px}}@media (max-width:520px){.pcard__price{font-size:22px}.pcard__buy{width:48px;height:48px}.pcard__buy--order{width:auto;height:auto;min-height:48px}}.pcard__stock{white-space:nowrap;flex:none;align-items:center;gap:7px;margin:6px 0 0;font-size:14px;font-weight:600;display:flex}.pcard__stock-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px;position:relative}.pcard__stock-dot:before,.pcard__stock-dot:after{content:"";pointer-events:none;border:1px solid;border-radius:50%;animation:2.2s ease-out infinite pcard-wave;position:absolute;inset:0}.pcard__stock-dot:after{animation-delay:1.1s}@keyframes pcard-wave{0%{opacity:.55;transform:scale(1)}70%{opacity:0}to{opacity:0;transform:scale(2.8)}}.pcard__stock--out .pcard__stock-dot:before,.pcard__stock--out .pcard__stock-dot:after{content:none}@media (prefers-reduced-motion:reduce){.pcard__stock-dot:before,.pcard__stock-dot:after{opacity:0;animation:none}}.pcard__stock--in_stock{color:#2f6b33}.pcard__stock--preorder{color:#b26a00}.pcard__stock--out{color:var(--ink-2)}:root[data-theme=dark] .pcard__stock--in_stock{color:#86c98b}:root[data-theme=dark] .pcard__stock--preorder{color:#e0a44a}