.card{position:relative;display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);transition:border-color .15s,box-shadow .15s}.card:hover{border-color:transparent;box-shadow:var(--shadow-card)}.card-img{position:relative;display:grid;place-items:center;margin-bottom:12px;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);aspect-ratio:1/1}.ci-link{display:block;grid-area:1/1;width:100%;height:100%}.ci{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .35s ease}.ci .icon{--icon: 68px;stroke-width:1.2}.ci-img{width:100%;height:100%;padding:6%;background:#fff;object-fit:contain}.ci-2{opacity:0}@media(hover:hover){.card.swap .card-img:hover .ci-2{opacity:1}.card.swap .card-img:hover .ci-1{opacity:0}}.badges{position:absolute;left:8px;top:8px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.card-acts{position:absolute;right:6px;top:6px;z-index:2;display:flex;flex-direction:column;gap:2px}.card-acts button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--surface-2);color:var(--muted)}.card-acts button:hover{color:var(--ink)}.card-acts button[aria-pressed=true]{color:var(--accent)}.card-acts button[aria-pressed=true] .icon{fill:currentcolor}.card-acts button .icon{--icon: 18px}.c-sku{font-size:13px;color:var(--muted)}.c-name{display:-webkit-box;min-height:2.7em;margin:4px 0 6px;overflow:hidden;font-size:16px;font-weight:500;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.c-name:hover{color:var(--brand)}.c-rate{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;color:var(--muted)}.c-stock{font-size:13px;font-weight:500;color:var(--ok)}.c-stock.low{color:var(--accent)}.c-stock.out{color:var(--muted)}.c-stock.pre{color:var(--warn)}.c-desc{display:none}.c-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-width:0;margin-top:auto;padding-top:10px}.c-price{min-width:0}.c-price b{display:block;font-size:clamp(17px,1.25vw,22px);font-weight:700;line-height:1.1;white-space:nowrap}.c-price b.sale{color:var(--accent)}.c-price s{font-size:14px;color:var(--muted)}.c-buy{display:grid;flex:none;place-items:center;width:52px;height:52px;border-radius:var(--radius-sm);background:var(--brand);color:#fff;transition:background .15s}.c-buy:hover{background:var(--brand-ink)}.c-buy.in,.c-buy.in:hover{background:var(--ok)}.c-buy.notify{border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}.c-buy.notify:hover:not(:disabled){border-color:var(--ink)}.c-buy:disabled{background:var(--surface);color:var(--muted);cursor:not-allowed}.c-buy .lbl{display:none}.cs-button{border:0;box-shadow:0 6px 24px -12px #0f172a40}.cs-button:hover{box-shadow:0 18px 40px -18px #0f172a66}.cs-button .card-img{border-radius:var(--radius)}.cs-button .badges{top:auto;bottom:10px;left:10px;flex-direction:row}.cs-button .card-acts{top:auto;bottom:8px;right:8px}.cs-button .card-acts button{width:44px;height:44px;border:1.5px solid var(--accent);color:var(--accent)}.cs-button .c-sku,.cs-button .c-rate,.cs-button .c-stock{display:none}.cs-button .c-name{min-height:0;margin-top:2px;font-size:17px;font-weight:700}.cs-button .c-bottom{flex-direction:column;align-items:stretch;gap:14px;padding-top:4px}.cs-button .c-price{display:flex;flex-direction:row-reverse;align-items:baseline;justify-content:flex-end;gap:10px}.cs-button .c-price b{font-size:23px;color:var(--accent)}.cs-button .c-buy{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;font-size:16px;font-weight:600}.cs-button .c-buy .lbl{display:inline}.cs-center{text-align:center}.cs-center .card-img{width:100%;background:transparent}.cs-center .card-img .ci-1{border-radius:var(--radius-sm);background:var(--surface)}.cs-center .c-sku,.cs-center .c-rate,.cs-center .c-stock{display:none}.cs-center .c-name{min-height:3em;margin:6px 0 4px;font-size:17px;font-weight:400;line-height:1.5}.cs-center .c-bottom{flex-direction:column;align-items:center;gap:14px;padding-top:6px}.cs-center .c-price{text-transform:uppercase}.cs-center .c-price b{font-size:22px;font-weight:800}.cs-center .c-price s{display:block}.cs-center .c-buy{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;width:auto;height:52px;padding:0 26px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.cs-center .c-buy .lbl{display:inline}@media(max-width:760px){.card{padding:10px}.c-price b{font-size:16px}.c-buy{width:42px;height:42px}.cs-button .c-price{flex-wrap:wrap;gap:2px 8px}.cs-button .c-price b{font-size:19px}.cs-button .c-buy,.cs-center .c-buy{height:46px}.cs-button .c-buy{width:100%}.cs-center .c-buy{width:auto;padding:0 16px}.c-buy.notify{min-width:0;max-width:100%}.c-buy.notify .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-center .c-buy.notify{padding:0 10px;font-size:12px;letter-spacing:0}}.cards-preview{padding-top:28px;padding-bottom:40px}.cards-preview h2{margin:32px 0 14px;text-transform:capitalize}.cards-note{color:var(--muted)}