.card-media{position:relative;display:block;min-width:0;border-radius:var(--card-radius, 0);overflow:hidden;background-color:var(--color-surface-hover)}.card-media__media{position:relative;height:100%;overflow:hidden;border-radius:inherit}.card-media__media .media__img,.card-media__media .video-media__video{width:100%;height:100%;object-fit:cover}.card-media__image,.card-media__video,.card-media__video .video-media__player{height:100%}.card-media__image,.card-media__video{transition:all var(--duration-slow, .62s) var(--ease-out-expo)}.card-media--hover-zoom:hover .card-media__image{transform:scale(1.05)}.card-media--hover-scale:hover .card-media__image{transform:scale(1.03) translateY(-6px)}.card-media__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:clamp(var(--space-4),2.5vw,var(--space-8));background-image:linear-gradient(to bottom,#14141459,#14141400 45%,#14141473);color:#fff;pointer-events:none;opacity:1;transition:opacity var(--duration-base) var(--ease-out-expo)}.card-media--overlay-top .card-media__overlay{align-items:flex-start}.card-media--overlay-middle .card-media__overlay{align-items:center}.card-media--overlay-bottom .card-media__overlay{align-items:flex-end}.card-media--align-left .card-media__overlay{justify-content:flex-start;text-align:left}.card-media--align-center .card-media__overlay{justify-content:center;text-align:center}.card-media--align-right .card-media__overlay{justify-content:flex-end;text-align:right}.card-media__overlay-inner{display:flex;flex-direction:column;gap:var(--space-2);max-width:22ch}.card-media__heading{margin:0;font-family:var(--font-heading-family);font-size:calc(var(--font-size-h5) * var(--font-heading-scale));line-height:1.2}.card-media__text{font-size:var(--font-size-body-sm);opacity:.9}.card-media__text>:last-child{margin-bottom:0}.card-media__hotspot{position:absolute;left:var(--space-3);bottom:var(--space-3);z-index:3;display:grid;grid-template-columns:auto 0fr;align-items:center;height:50px;max-width:calc(100% - var(--space-6));padding:0;border:none;border-radius:var(--radius-full);background-color:var(--color-background);color:var(--color-foreground);box-shadow:0 4px 18px #14141438;text-align:left;text-decoration:none;cursor:pointer;transition:grid-template-columns var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo)}.card-media__hotspot:hover,.card-media__hotspot:focus-visible{grid-template-columns:auto 1fr;box-shadow:0 6px 22px #14141447}.card-media__hotspot-dot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full)}.card-media__hotspot-label{min-width:0;height:100%;overflow:hidden}.card-media__hotspot-text{display:flex;flex-direction:column;justify-content:center;gap:2px;height:100%;padding-inline:var(--space-1) var(--space-4);opacity:0;transition:opacity var(--duration-base) var(--ease-out-expo)}.card-media__hotspot:hover .card-media__hotspot-text,.card-media__hotspot:focus-visible .card-media__hotspot-text{opacity:1}.card-media__hotspot-title{overflow:hidden;font-size:var(--font-size-caption);font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.card-media__hotspot .card-media__hotspot-price{font-size:var(--font-size-caption);line-height:1.25;white-space:nowrap}@media screen and (max-width:989px){.card-media__hotspot{grid-template-columns:auto 1fr}.card-media__hotspot-text{opacity:1}}.card-media--product-card .card-media__product{position:absolute;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);z-index:3}.card-media--product-card .card-media__product-card{background-color:var(--color-background);border-radius:calc(var(--card-radius, 0) / 1.6);box-shadow:0 6px 24px #14141429;padding:var(--space-2)}.card-media--reveal.card-media--product-card .card-media__product{opacity:0;transform:translateY(12px);transition:opacity var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo)}.card-media--reveal.card-media--product-card:hover .card-media__product,.card-media--reveal.card-media--product-card:focus-within .card-media__product{opacity:1;transform:none}.card-media--product-below{display:flex;flex-direction:column}.card-media--product-below .card-media__media{height:auto;flex-shrink:0;border-radius:var(--card-radius, 0) var(--card-radius, 0) 0 0}.card-media--product-below .card-media__product{padding:var(--space-3)}.card-media--product-below .card-mini{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.card-media--product-below .card-mini__media{display:none}@media(prefers-reduced-motion:reduce){.card-media__image,.card-media__video,.card-media__overlay,.card-media__hotspot,.card-media__hotspot-text,.card-media--reveal.card-media--product-card .card-media__product{transition:none}.card-media--hover-zoom:hover .card-media__image,.card-media--hover-zoom:hover .card-media__video,.card-media--hover-scale:hover .card-media__image,.card-media--hover-scale:hover .card-media__video{transform:none}.card-media--reveal.card-media--product-card .card-media__product{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card-media.css.map */