.gallery-with-text__wrapper{position:relative;display:flex;flex-wrap:wrap;overflow:hidden}.gallery-with-text__card{display:flex;flex-direction:column;position:relative;flex:0 0 100%;transition:flex .8s cubic-bezier(.29,0,.2,1);will-change:flex;overflow:hidden;height:auto}.gallery-with-text__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(360deg,#232323b3 32.11%,#fff0);z-index:1}.gallery-with-text__media{position:absolute;top:0;right:0;bottom:0;left:0}.gallery-with-text__media img,.gallery-with-text__media svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.gallery-with-text__info{position:relative;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:3rem 2.5rem}.gallery-with-text__info-item{overflow:hidden;transform:translateY(40%)}.gallery-with-text__info-item .gallery-with-text-content{padding-top:1.2rem;opacity:0;visibility:hidden;position:relative}.gallery-with-text__info-item .gallery-with-text-content:before{background-color:var(--color-white);content:"";width:11rem;height:1px;position:absolute;top:0}.gallery-with-text__card.active .gallery-with-text__info-item .gallery-with-text-content{opacity:1;visibility:visible}.gallery-with-text__info-item p{margin:0;max-width:29.4rem;line-height:1.5}.gallery-with-text__info-item ul{margin:1.2rem 0 0;padding:0;display:flex;gap:2.4rem;line-height:1}.gallery-with-text__info-item ul li{margin:0;display:inline-block}.gallery-with-text__card.active .gallery-with-text__info-item{transform:translate(0)}.gallery-with-text-title{margin-bottom:0;padding-bottom:2px;line-height:1.5}@media screen and (min-width:990px){.gallery-with-text-title{font-size:1.6rem}.gallery-with-text__info{padding:3rem 2rem}}.gallery-with-text__title{position:absolute;left:2rem;top:2rem;margin:0;transform:rotate(180deg);writing-mode:vertical-rl;z-index:2}.product-info-open .gallery-with-text__info{z-index:0}.gallery-with-text__card .link--overlay{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;z-index:2}.gallery-with-text__card .link--overlay.active{pointer-events:all}@media screen and (min-width:990px){.gallery-with-text__card{flex:0 0 50%}.gallery-with-text__wrapper{flex-wrap:nowrap}.gallery-with-text__card:not(:first-child){border-top:none}.gallery-with-text__card,.gallery-with-text__media{height:45rem}.gallery-with-text__media img,.gallery-with-text__media svg{height:45rem}.gallery-with-text__card.active{flex:3.5}.gallery-with-text__card{flex:1}.gallery-with-text__info-item{transform:translateY(0);height:2.6rem}.gallery-with-text__info-item p{max-width:80.6rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gallery-with-text__card.active .gallery-with-text__info-item{height:13.2rem;transition:.2s .8s cubic-bezier(.29,0,.2,1)}.gallery-with-text__info-item ul{gap:2rem}.gallery-with-text__info-item ul li{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem}.gallery-with-text__info-item .gallery-with-text-dec{position:relative;top:-1px}.gallery-with-text__info-item .gallery-with-text-content:before{width:20rem}.gallery-with-text__info-item .gallery-with-text-icon img{width:2.4rem;height:2.4rem}}@media screen and (min-width:1200px){.gallery-with-text__card,.gallery-with-text__media{height:64rem}.gallery-with-text__media img,.gallery-with-text__media svg{height:64rem}.gallery-with-text__info-item ul li,.gallery-with-text-title{font-size:1.8rem}.gallery-with-text__info{padding:4.5rem 2.5rem}.gallery-with-text__info-item .gallery-with-text-content:before{width:37rem}}@media screen and (min-width:1400px){.gallery-with-text-title{font-size:2rem}.gallery-with-text__info-item .gallery-with-text-icon img{width:2.8rem;height:2.8rem}}@media screen and (min-width:1681px){.gallery-with-text__card.active .gallery-with-text__info-item{max-width:101.1rem;margin:0 auto;width:100%}}@media screen and (max-width:989px){.gallery-with-text__card{transition:height .8s cubic-bezier(.29,0,.2,1);height:90px}.gallery-with-text__card.active{height:27.6rem}.gallery-with-text__info-item .gallery-with-text-dec{display:none}.gallery-with-text__info-item .gallery-with-text-icon img{max-width:2rem;max-height:2.1rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/al-gallery-with-image-section.css.map */