.card{position:relative;display:block;background:var(--card);border-radius:var(--radius-card);overflow:hidden;transition:transform var(--t-mid) var(--ease),border-color var(--t-mid),box-shadow var(--t-mid)}.card--bordered{border:1px solid var(--border)}.card--bordered:hover{border-color:rgba(var(--accent-rgb),.6)}.card--lifted{border:1px solid transparent;box-shadow:0 10px 30px -18px rgba(var(--shadow-rgb),.9)}.card--lifted:hover{box-shadow:0 18px 40px -18px rgba(var(--shadow-rgb),1)}.card--plain{background:none}.card--bordered:hover,.card--lifted:hover{transform:translateY(calc(var(--card-lift) * -1))}.hover-off .card:hover{transform:none}.card__media{position:relative;aspect-ratio:var(--card-ratio, 1);display:grid;place-items:center;overflow:hidden;background:var(--card-well, transparent)}.card__media img,.card__media svg{width:100%;height:100%;object-fit:cover;transition:transform calc(.6s * var(--anim-scale)) var(--ease)}.card__media svg{width:56%;height:auto;object-fit:contain;color:var(--text);opacity:.9;filter:drop-shadow(0 14px 26px rgba(var(--shadow-rgb),.6))}.card:hover .card__media img,.card:hover .card__media svg{transform:scale(1.07)}.hover-off .card:hover .card__media img,.hover-off .card:hover .card__media svg{transform:none}.card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 118%,rgba(var(--accent-rgb),var(--glow, .22)),transparent 62%)}.card--overlay .card__media:after{background:radial-gradient(ellipse at 50% 116%,rgba(var(--accent-rgb),.3),transparent 60%),linear-gradient(to top,rgba(var(--bg-rgb),.86),transparent 58%)}.card__overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px;text-align:center}.card__overlay h3{font-family:var(--font-heading);font-weight:700;font-size:calc(clamp(15px,1.5vw,19px) * var(--heading-scale));letter-spacing:var(--tracking-ui);text-transform:uppercase;color:var(--text)}.card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--font-heading);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.card__cta svg{width:11px;transition:transform var(--t-fast) var(--ease)}.card:hover .card__cta svg{transform:translate(4px)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/tpp-card.css.map */