.capsule{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s,box-shadow .15s}.capsule:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:0 18px 40px -20px var(--color-accent-glow)}.capsule__img{aspect-ratio:4 / 3;background:repeating-linear-gradient(45deg,rgba(245,229,185,.03) 0 1px,transparent 1px 10px),linear-gradient(135deg,var(--cap-a, #1f3a44) 0%,var(--cap-b, #0d1c22) 100%);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--color-border);overflow:hidden}.capsule__img-photo{width:100%;height:100%;object-fit:cover;display:block}.capsule__label{font-family:var(--font-body);font-weight:500;font-size:10px;color:var(--color-text-subtle);letter-spacing:.14em;padding:4px 9px;border:1px dashed var(--color-border-strong);border-radius:3px;text-align:center}.capsule__corner{position:absolute;top:10px;left:10px;font-family:var(--font-body);font-weight:600;font-size:10px;background:#0d1c22c7;color:var(--color-accent);padding:4px 8px;border-radius:3px;letter-spacing:.1em;border:1px solid var(--color-border-strong);z-index:1}.capsule__soldout{position:absolute;top:10px;right:10px;font-family:var(--font-body);font-weight:700;font-size:9px;background:var(--gradient-accent);color:var(--color-accent-on);padding:3px 7px;border-radius:3px;letter-spacing:.1em;z-index:1}.capsule__info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.capsule__title{font-family:var(--font-display);font-size:15px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text);letter-spacing:-.01em}.capsule__reviews{display:flex;align-items:center;gap:2px 8px;flex-wrap:wrap;font-family:var(--font-body);font-size:11px;color:var(--color-text-muted);min-height:16px}.capsule__stars{display:inline-flex;gap:1px;line-height:0}.capsule__star{position:relative;display:inline-block;width:13px;height:13px}.capsule__star svg{width:13px;height:13px;display:block}.capsule__star-bg{fill:#f5e5b92e}.capsule__star-fill{position:absolute;top:0;left:0;height:100%;overflow:hidden}.capsule__star-fill svg{fill:var(--color-accent)}.capsule__review-meta{font-weight:500}.capsule__review-meta-dim{color:var(--color-text-subtle)}.capsule__meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.capsule__game{font-family:var(--font-body);font-weight:500;font-size:11px;color:var(--color-text-subtle);letter-spacing:.1em;text-transform:uppercase}.capsule[data-game=rust] .capsule__img{--cap-a: #2a1810;--cap-b: #0d0703}.capsule[data-game=cs] .capsule__img,.capsule[data-game=counter-strike] .capsule__img,.capsule[data-game=counter-strike-2] .capsule__img{--cap-a: #1a2238;--cap-b: #06091a}.capsule[data-game=star-wars] .capsule__img{--cap-a: #1a1530;--cap-b: #070414}.capsule[data-game=doom] .capsule__img{--cap-a: #2a0f0a;--cap-b: #0d0503}.capsule[data-game=half-life] .capsule__img{--cap-a: #2a1f08;--cap-b: #0d0a03}.capsule[data-game=mixed] .capsule__img{--cap-a: #142a22;--cap-b: #03100a}.price-row{display:flex;align-items:center;gap:8px}.price-pct{background:var(--color-success);color:var(--color-success-on);font-family:var(--font-body);font-size:11px;font-weight:700;padding:4px 6px;border-radius:2px;line-height:1}.price-old{font-family:var(--font-body);font-weight:500;font-size:12px;color:var(--color-text-subtle);text-decoration:line-through}.price-now{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--color-success-text)}.price-only{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--color-text)}@media(max-width:720px){.capsule__title{font-size:14px}}@media(max-width:480px){.capsule__meta{flex-direction:column;align-items:flex-start;gap:4px}.capsule__game{font-size:10px}}@media(max-width:400px){.capsule__info{padding:12px 12px 14px;gap:6px}.capsule__title{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-card-capsule.css.map */