.card-overlay{border-radius:var(--border-radius-base);height:0;padding-bottom:100%;position:relative;color:var(--color-base-white);display:block;overflow:hidden;&::before{content:"";position:absolute;top:0;left:2rem;z-index:2;height:5px;width:42px;background:rgba(var(--color-accent-2));@media (min-width:990px){left:min(10%, 3rem)}}&::after{content:"";pointer-events:none;top:0;left:0;position:absolute;width:100%;height:100%;border-radius:var(--border-radius-base)}&.card-overlay-off{&::before,&::after{content:none}}&.card-overlay-custom-ratio{padding-bottom:max(var(--ratio-percent), 100%);height:auto;@media (min-width:750px){padding-bottom:var(--ratio-percent)}}&.card-height-half{@media (min-width:750px){padding-bottom:75%}@media (min-width:1200px){padding-bottom:50%}}&>svg{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:var(--border-radius-base)}}.settings-remove-ribbons-true{& .card-overlay::before{display:none}}.collection{& .card-overlay{height:100%;padding-bottom:100%}}.product-grid{@media (max-width:749px){& .card-overlay,& .card-overlay .card-overlay-media{border-radius:0}}}.grid-1-col-desktop{& .card-overlay{@media (min-width:750px){padding-bottom:38.5%}@media (min-width:1200px){padding-bottom:33.333%}}}.grid-2-col-desktop{& .card-overlay{@media (min-width:990px){padding-bottom:75%}@media (min-width:1200px){padding-bottom:50%}}}.grid-4-col-tablet{& .grid-2-col-desktop .card-overlay{padding-bottom:56.7%}}.card-overlay-media{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:var(--border-radius-base)}svg.card-overlay-media{fill:rgba(var(--color-foreground))}.card-overlay-ratio-adapt{& .card-overlay-media{height:auto;position:relative}}.card-overlay-info{position:absolute;padding:2rem;bottom:0;left:0;width:100%;color:currentColor;z-index:1;pointer-events:none;&:empty{display:none}&[class*="content-align"]{height:100%}&>:last-child{margin-bottom:0}& .button-text-link{color:currentColor}@media (min-width:990px){padding:2.5rem;pointer-events:auto}@media (min-width:1200px){padding:3rem}}.card-pointer-all{@media (min-width:990px){& .card-overlay-info{pointer-events:none}}}.grid-compact{@media (min-width:1200px){& .card-overlay-info{padding:1.5rem}}}.card-overlay-heading{font-size:calc(var(--font-heading-scale) * 1.8rem);margin-bottom:1rem;color:currentColor;text-align:start;& a{color:currentColor}&:last-child{margin-bottom:0}@media (min-width:990px){font-size:calc(var(--font-heading-scale) * 2.2rem)}}.card-overlay-sm{& .card-overlay-heading{font-size:calc(var(--font-heading-scale) * 1.5rem);font-weight:700}}.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)}@media (min-width:990px){.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{font-size:calc(var(--font-body-scale) * 1.5rem);line-height:1.2;margin-bottom:2.5rem;&>:last-child{margin-bottom:0}& a{color:currentColor;text-decoration:underline;text-underline-offset:0.3rem;text-decoration-thickness:0.1rem;&:hover{text-decoration-thickness:0.2rem}}@media (min-width:990px){max-width:430px}}.card-overlay-video-background{& .video-background-player{container-type:size;& iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;@container (min-aspect-ratio:16/9){height:56.25cqw}@container (max-aspect-ratio:16/9){width:177.78cqh}}}}.card-overlay-fixed-media{padding-bottom:0;height:100%;min-height:220px;display:flex;flex-direction:column;&>a{display:block;height:100%;&::before{content:"";position:absolute;z-index:1;width:100%;height:100%;top:0;left:0}}& .card-overlay-info{pointer-events:auto;position:relative;height:100%;flex:auto}&::before{display:none}@media (min-width:750px){min-height:260px}@media (min-width:990px){&:not(.card-pointer-all) a::before{display:none}}}.collage{& .card-overlay-fixed-media:not(:only-of-type){padding-bottom:0}}.card-overlay-fixed-media-wrap{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;& .card-overlay-media{width:180px;height:auto;position:relative;@media (min-width:990px){width:220px}}}.grid.grid-carousel{@media (min-width:990px){& .grid-item>.card-overlay-fixed-media{overflow:hidden}}}.card-item-list-heading{&.card-overlay-auto-fit{height:auto;padding:0}& .card-overlay-info{z-index:1;padding:2rem}&.card-overlay-auto-fit .card-overlay-info{position:relative;z-index:1;padding-top:4rem}&+.card-product-media,&+.collection-list-item{margin-top:3rem}& .card-overlay-heading{font-size:calc(var(--font-heading-scale) * 1.8rem)}& .card-overlay-caption{font-size:calc(var(--font-body-scale) * 1.4rem)}&::before{left:2rem}}.grid-1-col-desktop,.grid-2-col-desktop{& .card-item-list-heading.card-overlay-auto-fit{height:auto;padding:0}}.card-item-list{& .card-product-media{border:0;padding-bottom:0;&:last-child{margin-bottom:0}& .badge-stock{font-size:calc(var(--font-body-scale) * 1.1rem)}& .card-media{@media (min-width:990px){width:10rem}& .card-badge.left{inset-inline-start:-0.5rem}& .card-badge.top{top:-0.8rem}}}}.collection-list-item{margin-bottom:2rem;& .collection-list-card{display:flex;gap:1.5rem;align-items:flex-start;color:inherit;text-decoration:none;height:100%;& .collection-list-image{width:10rem;height:auto;flex-shrink:0;padding:0.5rem;box-shadow:inset 0 0 0 1px rgba(var(--color-product-cards-border)),0 2px 0 rgba(var(--color-product-cards-box-shadow));background-color:rgba(var(--color-background));border-radius:var(--border-radius-base);& img{aspect-ratio:1 / 1;object-fit:cover}}& .collection-list-content{& *{margin-bottom:0.5rem}& .collection-list-title{color:rgba(var(--color-foreground-alt));font-size:calc(var(--font-heading-scale) * 1.5rem);& a{color:currentColor}}}}}