.showcase{overflow:hidden;border-radius:var(--border-radius-block);position:relative;display:flex;flex-direction:column}@media(min-width:750px){.showcase{flex-direction:row}}.showcase__content-box{width:100%;display:flex;position:relative;overflow:hidden}.showcase__content-box:nth-of-type(2){justify-content:center;align-items:flex-end;padding:2.4rem}@media(min-width:576px){.showcase__content-box:nth-of-type(2){padding:3.2rem}}@media(min-width:1200px){.showcase__content-box:nth-of-type(2){padding:4.8rem}}.showcase__content-box:nth-of-type(2).showcase__content-box--align-ver-top{align-items:flex-start}.showcase__content-box:nth-of-type(2).showcase__content-box--align-ver-bottom{align-items:flex-end}.showcase__content-box:nth-of-type(2).showcase__content-box--align-ver-center{align-items:center}.showcase__content-box:nth-of-type(2) .card-overlay-link{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--border-radius-block);border-bottom-right-radius:var(--border-radius-block)}@media(min-width:750px){.showcase__content-box{max-width:50%}}.showcase__content-box:has(.showcase__media-item){background:transparent}.showcase__content-box .card-overlay-link{border-top-left-radius:var(--border-radius-block);border-bottom-left-radius:var(--border-radius-block);border-top-right-radius:0;border-bottom-right-radius:0}.showcase .card-overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;width:100%;height:100%}.showcase .card-overlay-link:empty{display:block}.showcase .card-overlay-link+.showcase__content-group,.showcase .card-overlay-link+.showcase-product{pointer-events:none}.showcase__content-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.8rem;position:relative;z-index:4;width:100%;padding:2.4rem}@media(min-width:576px){.showcase__content-group{padding:3.2rem}}@media(min-width:1200px){.showcase__content-group{padding:4.8rem}}.showcase__content-group--align-hor-center{align-items:center;text-align:center}.showcase__content-group--align-hor-right{align-items:flex-end;text-align:right}.showcase__content-group--align-ver-top{justify-content:flex-start}.showcase__content-group--align-ver-top>*{margin-bottom:unset!important}.showcase__content-group--align-ver-bottom{justify-content:flex-end}.showcase__content-group--align-ver-bottom>*{margin-bottom:unset!important}.showcase__content-group--align-ver-center{justify-content:center}.showcase__content-group--align-ver-center>*{margin-bottom:unset!important}.showcase__content-group a,.showcase__content-group button,.showcase__content-group .button,.showcase__content-group input{pointer-events:all}.showcase__media-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden}.showcase__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;max-height:100%}.showcase__media-item{display:block;width:100%;height:100%;object-fit:cover}.showcase .block-promo-badge,.showcase .block-heading,.showcase .block-description,.showcase .block-button{max-width:38rem}.showcase .block-description{color:rgb(var(--color-foreground-secondary))}.showcase .block-promo-badge:not(:last-child){margin-bottom:auto}.showcase .block-promo-badge:only-child{margin-bottom:auto}.showcase .block-subheading:only-child{margin-bottom:auto}.showcase .block-button:not(:first-child){margin-top:1.6rem}.js .showcase[data-has-appearance-animation=true] .showcase__media-item{transform:scale(1);will-change:transform;transition:transform .5s ease-out .3s}.js .showcase[data-has-appearance-animation=true] .showcase__content-group>*{transition-property:opacity,transform;transition-duration:.5s;transition-timing-function:ease-out;transition-delay:.6s;opacity:0;transform:translate3d(0,12px,0);will-change:opacity,transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased}.js .showcase[data-has-appearance-animation=true] .showcase__content-group>*:nth-child(1){transition-delay:.3s}.js .showcase[data-has-appearance-animation=true] .showcase__content-group>*:nth-child(2){transition-delay:.4s}.js .showcase[data-has-appearance-animation=true] .showcase__content-group>*:nth-child(3){transition-delay:.5s}.js .showcase[data-has-appearance-animation=true].init-appearance-animation .showcase__content-group>*{opacity:1;transform:translateZ(0)}.js .showcase[data-has-appearance-animation=true].init-appearance-animation .showcase__media-item{transform:scale(1.05)}.showcase-product{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.showcase-product__media{width:20rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:var(--border-radius-product)}.showcase-product__media--placeholder{background-color:rgb(var(--color-background-secondary))}.showcase-product__media--placeholder .placeholder-svg{fill:rgb(var(--color-foreground));transform:scale(1.05)}.showcase-product__media-link{width:100%;height:100%}@media screen and (pointer:fine){.showcase-product__media:hover .showcase-product__image{transform:scale(1.03)}.showcase-product__media--placeholder:hover .placeholder-svg{transform:scale(1.08)}}.showcase-product__image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);will-change:scale;transition:var(--image-hover-transition)}.showcase-product__link{transition:opacity var(--duration-default) ease}@media screen and (pointer:fine){.showcase-product__link:hover{opacity:var(--hover-opacity)}}.showcase-product__name{text-align:center}.showcase-product__information{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6rem;padding-left:.95rem;padding-right:.95rem;max-width:20rem;width:100%}.showcase-product__button{margin:.6rem 0 0}.showcase-product__button .icon-quick-view-mobile{display:none!important}.showcase-product a,.showcase-product button,.showcase-product .button{pointer-events:all}[dir=rtl] .showcase__content-group--align-hor-left{text-align:right}[dir=rtl] .showcase__content-group--align-hor-right{text-align:left}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-showcase.css.map */