.card-overlay{border-radius:var(--border-radius-base);color:var(--color-base-white);display:block;height:0;overflow:hidden;padding-block-end:100%;position:relative}.card-overlay:before{background:rgba(var(--color-accent-2));content:"";height:5px;inset-block-start:0;inset-inline-start:2rem;position:absolute;width:42px;z-index:2}.card-overlay:after{border-radius:var(--border-radius-base);content:"";height:100%;inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute;width:100%}.settings-remove-ribbons-true .card-overlay:before{display:none}.collection .card-overlay{height:100%;padding-block-end:100%}.card-overlay.card-overlay-off:before,.card-overlay.card-overlay-off:after{content:none}.grid-4-col-tablet .grid-2-col-desktop .card-overlay{padding-block-end:56.7%}.card-overlay>svg{border-radius:var(--border-radius-base);height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;position:absolute;width:100%}.card-overlay-media{border-radius:var(--border-radius-base);height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;position:absolute;width:100%}svg.card-overlay-media{fill:rgba(var(--color-foreground))}.card-overlay.card-overlay-custom-ratio{height:auto;padding-block-end:max(var(--ratio-percent),100%)}.card-overlay-ratio-adapt .card-overlay-media{height:auto;position:relative}.card-overlay-info{color:currentColor;inset-block-end:0;inset-inline-start:0;padding:2rem;pointer-events:none;position:absolute;width:100%;z-index:1}.card-overlay-info:empty{display:none}.card-overlay-info[class*=content-align]{height:100%}.card-overlay-info>:last-child{margin-block-end:0}.card-overlay-heading{color:currentColor;font-size:calc(var(--font-heading-scale) * 1.8rem);margin-block-end:1rem;text-align:start}.card-overlay-sm .card-overlay-heading{font-size:calc(var(--font-heading-scale) * 1.5rem);font-weight:700}.card-overlay-heading a{color:currentColor}.card-overlay-heading:last-child{margin-block-end:0}.card-overlay-heading-sm{font-size:calc(var(--font-heading-scale) * 1.6rem)}.card-overlay-heading-md{font-size:calc(var(--font-heading-scale) * 1.8rem)}.card-overlay-heading-lg{font-size:calc(var(--font-heading-scale) * 2rem)}.card-overlay-heading-xl{font-size:calc(var(--font-heading-scale) * 2.4rem)}.card-overlay-heading-xxl{font-size:calc(var(--font-heading-scale) * 2.8rem)}.card-overlay-caption{font-size:calc(var(--font-body-scale) * 1.5rem);line-height:1.2;margin-block-end:2.5rem}.card-overlay-caption>:last-child{margin-block-end:0}.card-overlay-caption a{color:currentColor;text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem}.card-overlay-caption a:hover{text-decoration-thickness:.2rem}.card-overlay-info .button-text-link{color:currentColor}.card-overlay video-element{z-index:0}.card-overlay-video-background{z-index:0}.card-overlay-video-background .video-background-player{container-type:size}.card-overlay-video-background .video-background-player iframe{height:100%;inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%);width:100%}@container (min-aspect-ratio: 16/9){.card-overlay-video-background .video-background-player iframe{height:56.25cqw}}@container (max-aspect-ratio: 16/9){.card-overlay-video-background .video-background-player iframe{width:177.78cqh}}.card-overlay-fixed-media{display:flex;flex-direction:column;height:100%;min-height:220px;padding-block-end:0}.collage .card-overlay-fixed-media:not(:only-of-type){padding-block-end:0}.card-overlay-fixed-media>a{display:block;height:100%}.card-overlay-fixed-media .card-overlay-info{flex:auto;height:100%;pointer-events:auto;position:relative}.card-overlay-fixed-media a:before{content:"";height:100%;inset-block-start:0;inset-inline-start:0;position:absolute;width:100%;z-index:1}.card-overlay-fixed-media:before{display:none}.card-overlay-fixed-media-wrap{display:flex;height:100%;inset-block-start:0;inset-inline-start:0;position:absolute;width:100%}.card-overlay-fixed-media-wrap .card-overlay-media{height:auto;position:relative;width:180px}.card-product-list-heading.card-overlay-auto-fit,.grid-1-col-desktop .card-product-list-heading.card-overlay-auto-fit,.grid-2-col-desktop .card-product-list-heading.card-overlay-auto-fit{height:auto;padding:0}.card-product-list-heading .card-overlay-info{padding:2rem;z-index:1}.card-product-list-heading.card-overlay-auto-fit .card-overlay-info{padding-block-start:4rem;position:relative;z-index:1}.card-product-list-heading+.card-product-media{margin-block-start:3rem}.card-product-list-heading .card-overlay-heading{font-size:calc(var(--font-heading-scale) * 1.8rem)}.card-product-list-heading .card-overlay-caption{font-size:calc(var(--font-body-scale) * 1.4rem)}.card-product-list-heading:before{inset-inline-start:2rem}.card-product-list .card-product-media{border:0;padding-block-end:0}.card-product-list .card-product-media:last-child{margin-block-end:0}.card-product-list .card-product-media .badge-stock{font-size:calc(var(--font-body-scale) * 1.1rem)}.card-product-list .card-product-media .card-media .card-badge.left{inset-inline-start:-.5rem}.card-product-list .card-product-media .card-media .card-badge.top{inset-block-start:-.8rem}@media(max-width:749px){.product-grid .card-overlay,.product-grid .card-overlay .card-overlay-media{border-radius:0}}@media(min-width:750px){.grid-1-col-desktop .card-overlay{padding-block-end:38.5%}.card-overlay.card-overlay-custom-ratio{padding-block-end:var(--ratio-percent)}.card-overlay.card-height-half{padding-block-end:75%}.card-overlay-fixed-media{min-height:260px}}@media(min-width:990px){.card-overlay:before{inset-inline-start:min(10%,3rem)}.grid-2-col-desktop .card-overlay{padding-block-end:75%}.card-overlay-info{padding:2.5rem;pointer-events:auto}.card-pointer-all .card-overlay-info{pointer-events:none}.card-overlay-heading{font-size:calc(var(--font-heading-scale) * 2.2rem)}.card-overlay-heading-desktop-sm{font-size:calc(var(--font-heading-scale) * 2rem)}.card-overlay-heading-desktop-md{font-size:calc(var(--font-heading-scale) * 2.2rem)}.card-overlay-heading-desktop-lg{font-size:calc(var(--font-heading-scale) * 2.4rem)}.card-overlay-heading-desktop-xl{font-size:calc(var(--font-heading-scale) * 2.6rem)}.card-overlay-heading-desktop-xxl{font-size:calc(var(--font-heading-scale) * 3rem)}.card-overlay-caption{max-width:430px}.card-overlay-fixed-media:not(.card-pointer-all) a:before{display:none}.card-overlay-fixed-media-wrap .card-overlay-media{width:220px}.grid.grid-carousel .grid-item>.card-overlay-fixed-media{overflow:hidden}.card-product-list .card-product-media .card-media{width:10rem}}@media(min-width:1200px){.grid-1-col-desktop .card-overlay{padding-block-end:33.333%}.grid-2-col-desktop .card-overlay,.card-overlay.card-height-half{padding-block-end:50%}.card-overlay-info{padding:3rem}.grid-compact .card-overlay-info{padding:1.5rem}}.card-title-below{display:flex;flex-direction:column;position:relative}.card-title-below__media-wrap{aspect-ratio:1 / 1;border-radius:var(--border-radius-base);display:block;overflow:hidden;position:relative}.card-title-below .card-overlay-media{border-radius:var(--border-radius-base);height:100%;inset-block-start:0;inset-inline-start:0;object-fit:cover;position:absolute;transition:transform .3s ease;width:100%}.card-title-below__media-wrap:hover .card-overlay-media{transform:scale(1.05)}.card-title-below__info{align-items:flex-start;display:flex;gap:.75rem;padding-block:1.5rem}.card-title-below__heading{color:rgba(var(--color-foreground));font-size:calc(var(--font-heading-scale) * 1.6rem);line-height:1.2;margin:0}.card-title-below__heading a{color:currentColor;text-decoration:none}.card-title-below__heading a:hover{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.2rem}.card-title-below__arrow{align-items:center;color:rgba(var(--color-accent-2));display:flex;flex-shrink:0;padding-block-start:.25rem}.card-title-below__arrow svg{height:1.6rem;width:1.6rem}@media(min-width:750px){.card-title-below__heading{font-size:calc(var(--font-heading-scale) * 1.9rem)}.card-title-below__arrow svg{height:2rem;width:2rem}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/component-card-overlay.css.map */