.click-to--expand-heading{text-align:center;font-size:clamp(28px,5vw,40px);color:#212121;margin-bottom:30px}.expand-images-blocks{display:flex;gap:18px}.expand-image-block{flex:1;min-width:0;position:relative;cursor:pointer;transition:all .6s cubic-bezier(.4,0,.2,1)}.expand-image-block.active{flex-grow:4}.expand-images-blocks{align-items:stretch}.expand-image-block{height:520px}.expanded-image{height:100%}.expanded-image img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1024px){.expand-images-blocks-container{height:200vh;position:relative}.expand-images-blocks{position:sticky;top:10%;height:80vh;overflow:hidden;display:block}.expand-image-block{position:absolute;top:0;left:0;width:100%;height:100%;min-width:100%;margin:0;transition:none}.expand-image-block:nth-child(2){transform:translate(100%);z-index:2}.expand-image-block.active{flex-grow:unset;min-width:unset}.expand-text-paragraph,.expand-text-features li{font-size:10px}.expand-text-features{column-gap:5px;row-gap:10px}}.expand-text-content{position:absolute;bottom:0;padding:32px;max-width:830px}.expand-text-heading{font-size:32px}.expand-text-features{display:flex;gap:12px;flex-wrap:wrap}.expand-text-features li{background:#ffffff24;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(3.8px);-webkit-backdrop-filter:blur(3.8px);border:1px solid rgba(255,255,255,.3);border-radius:46px;padding:5px 8px;background:#a69b9b24;backdrop-filter:blur(16px)}.expanded-image img{border-radius:12px;height:100%;object-fit:cover;transition:all ease-in-out 2s}.expand-text-paragraph{margin-bottom:26px}.expand-text-paragraph,.expand-text-features{opacity:1;transform:translateY(0);max-height:300px;transition:opacity .4s ease,transform .4s ease,max-height .4s ease}.expand-image-block:not(.active) .expand-text-content{bottom:0;padding-left:14px}.expanded-image{height:100%;border-radius:12px;overflow:hidden}.expand-image-block:hover .expanded-image img{transform:scale(1.02)}@media screen and (min-width:1025px){.expand-image-block:not(.active) .expand-text-paragraph,.expand-image-block:not(.active) .expand-text-features{opacity:0;transform:translateY(10px);max-height:0;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/click-to-expand.css.map */