.c-image-scroll-popup{position:relative;background-size:cover;background-position:center;overflow:hidden}.c-image-scroll-popup__title{font-size:var(--fs-38);font-weight:700;letter-spacing:0;line-height:1.4;font-family:var(--font-family-heading);text-align:center;margin-bottom:var(--spacing-77)}.c-image-scroll-popup__main-slider .splide__slide{width:276px!important;padding-bottom:78.08px}.c-image-scroll-popup__item{width:100%;cursor:pointer;transition:transform .4s cubic-bezier(.4,0,.2,1)}.c-image-scroll-popup__item-inner{position:relative;width:100%;aspect-ratio:1}.c-image-scroll-popup__item-image{width:230px;height:230px;margin-left:auto;display:block;object-fit:contain;transition:opacity .3s ease}.c-image-scroll-popup__modal-images .splide__track,.c-image-scroll-popup__modal-slider,.c-image-scroll-popup__modal-slider img{height:100%!important;object-fit:cover}.c-image-scroll-popup__item-image--hover{position:absolute;top:0;right:0;opacity:0}.c-image-scroll-popup__item:hover .c-image-scroll-popup__item-image--hover{opacity:1}.c-image-scroll-popup__item:hover .c-image-scroll-popup__item-image-main{opacity:0}.c-image-scroll-popup__item-package{position:absolute;bottom:0;left:0;width:139px;height:auto;transition:transform .6s cubic-bezier(.4,0,.2,1)}.c-image-scroll-popup__item-image-text-more{display:flex;align-items:center;gap:var(--spacing-5);font-size:var(--fs-16);letter-spacing:0;line-height:1.5;font-weight:500;color:var(--color-white);position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%)}.c-image-scroll-popup__progress-wrapper{max-width:1315px;margin:0 auto var(--spacing-75);padding-inline:var(--container-gutter)}.c-image-scroll-popup__progress{width:100%;height:6px;background:#fff;border-radius:92px;overflow:hidden}.c-image-scroll-popup--border{border-bottom:4px solid #c9151f}.c-image-scroll-popup__progress-bar{height:100%;background:#c9151f;width:0%;border-radius:69px;transition:width .1s ease}.c-image-scroll-popup__button-wrapper{text-align:center}.c-image-scroll-popup__button{margin-left:auto;margin-right:auto;min-height:56px;min-width:161px;border:3px solid #c9151f;color:#c9151f;font-weight:700;font-size:var(--fs-20);transition:all .3s ease;background:#fff;border-radius:63px}.c-image-scroll-popup__button:hover{background:#c9151f;color:#fff;opacity:1}.c-image-scroll-popup__overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;z-index:9999;align-items:center;justify-content:center;padding:20px}.c-image-scroll-popup__overlay--active{display:flex}.c-image-scroll-popup__modal{background:#fef6eb;border-radius:69px;max-width:849px;width:100%;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.c-image-scroll-popup__modal-close svg{display:block}.c-image-scroll-popup__modal-close{position:absolute;top:var(--spacing-32);right:var(--spacing-49);width:24px;height:24px;border:none;background:transparent;font-size:24px;cursor:pointer;z-index:10}.c-image-scroll-popup__modal-content{display:grid;grid-template-columns:1fr 1fr}.c-image-scroll-popup__modal-slider{width:100%}.c-image-scroll-popup__modal-slide img{width:100%;height:auto;display:block}.c-image-scroll-popup__modal-text{padding:var(--spacing-56) var(--spacing-56);padding-right:var(--spacing-49);position:relative}.c-image-scroll-popup__modal-text-content{width:100%}.c-image-scroll-popup__modal-scrollbar{display:none}.c-image-scroll-popup__modal-title{color:#c9151f;margin-bottom:var(--spacing-17)}.c-image-scroll-popup__modal-description{line-height:1.3;font-size:var(--fs-20);letter-spacing:0;font-weight:500;color:#9f151d;margin:0}.c-image-scroll-popup__modal-content .splide__pagination{display:flex!important}.c-image-scroll-popup__modal-pagination-arrows{position:absolute;width:154px;left:50%;transform:translate(-50%)}.c-image-scroll-popup__modal-pagination-arrows .splide__arrow--prev{left:0}.c-image-scroll-popup__modal-pagination-arrows .splide__arrow--next{right:0;transform:rotate(180deg) translateY(50%)}.c-image-scroll-popup__modal-pagination-arrows .splide__arrow{width:fit-content;height:fit-content;background:transparent;opacity:1}.c-image-scroll-popup__modal-pagination-arrows .splide__arrow svg{display:block;width:5px;height:8px}.c-image-scroll-popup__modal-content .splide__pagination{display:flex!important;position:relative;transform:none;bottom:0;top:0}.c-image-scroll-popup__modal-pagination-arrows .splide__pagination__page{margin:0;transform:scale(1)!important;background:var(--root-color);opacity:.52}.c-image-scroll-popup__modal-pagination-arrows .splide__pagination__page.is-active{background:var(--root-color)}.c-image-scroll-popup__modal-pagination-arrows .splide__pagination__page.is-active{opacity:1}.c-image-scroll-popup__modal-pagination-arrows .splide__pagination{gap:var(--spacing-25)}.c-image-scroll-popup__modal-pagination-arrows{position:absolute;width:154px;left:50%;transform:translate(-50%);bottom:var(--spacing-34)}.c-image-scroll-popup__modal-slider .splide__arrow svg{fill:none}.c-image-scroll-popup__modal-slider .splide__arrow svg path{stroke:var(--root-color)}@media (min-width: 769px){.c-image-scroll-popup__item:hover .c-image-scroll-popup__item-package{transform:rotate(20deg) scale(1.2)}}@media (max-width: 768px){.c-image-scroll-popup__modal-content{flex-direction:column;padding:30px 20px}.c-image-scroll-popup__title{font-size:var(--fs-28);margin-bottom:var(--spacing-56)}.c-image-scroll-popup__modal-pagination-arrows .splide__pagination__page{width:9px;height:9px}.c-image-scroll-popup__modal-images{flex:0 0 auto;width:100%}.c-image-scroll-popup__modal-slide img{width:100%;height:auto;aspect-ratio:290 / 183}.c-image-scroll-popup__modal-pagination-arrows{width:auto;bottom:var(--spacing-15)}.c-image-scroll-popup__main-slider .splide__slide{width:204px!important}.c-image-scroll-popup__item-package{width:122px}.c-image-scroll-popup__item-image,.c-image-scroll-popup__item-image--hover{width:165px;height:165px}.c-image-scroll-popup__item-package-icon{position:absolute;opacity:1;bottom:39.81px;right:0;transform:translateY(0);transition:all .3s ease}.c-image-scroll-popup__item-image--hover{opacity:0!important}.c-image-scroll-popup__item-image{opacity:1!important}.c-image-scroll-popup__modal-content{grid-template-columns:1fr;padding:0}.c-image-scroll-popup__modal{border-radius:45px}.c-image-scroll-popup__modal-pagination-arrows{width:max-content;max-width:calc(100% - 30px)}.c-image-scroll-popup__modal-pagination-arrows .splide__pagination{gap:var(--spacing-25);padding-left:var(--spacing-41);padding-right:var(--spacing-41)}.c-image-scroll-popup__modal-text{padding:var(--spacing-24) var(--spacing-15);padding-bottom:var(--spacing-42);height:266px;overflow:hidden;display:flex;gap:var(--spacing-14)}.c-image-scroll-popup__modal-text-content{flex:1;position:relative}.c-image-scroll-popup__modal-scrollbar{width:3px;border-radius:92px;background:#c9151f1a;position:relative;flex-shrink:0}.c-image-scroll-popup__modal-text--scrollable .c-image-scroll-popup__modal-scrollbar{display:block}.c-image-scroll-popup__modal-scrollbar-thumb{position:absolute;top:0;left:0;width:100%;background:#c9151f;border-radius:92px;transition:top .1s ease}.c-image-scroll-popup__modal-close{position:absolute;top:var(--spacing-24);right:var(--spacing-28);width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#ffffff3d}.c-image-scroll-popup__modal-close svg path{stroke:#fff!important}.c-image-scroll-popup__modal-title{font-size:var(--fs-24);margin-bottom:var(--spacing-8)}.c-image-scroll-popup__modal-description{line-height:1.3;font-size:var(--fs-16);height:130px;position:relative}.c-image-scroll-popup__modal-description--scrollable{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-40)}.c-image-scroll-popup__modal-description--scrollable::-webkit-scrollbar{display:none}.c-image-scroll-popup__modal-text-content:has(.c-image-scroll-popup__modal-description--scrollable):after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:60px;background:linear-gradient(to top,#fef6eb 0%,transparent 100%);pointer-events:none;z-index:1}.c-image-scroll-popup__main-slider{margin-bottom:var(--spacing-40)}.c-image-scroll-popup__main-slider .splide__slide{padding-bottom:var(--spacing-0)}.c-image-scroll-popup__progress-wrapper{margin:0 auto var(--spacing-56)}.c-image-scroll-popup__button{min-width:181px;font-weight:500;font-size:var(--fs-20);border-radius:63px}}.c-image-scroll-popup__progress-wrapper{cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.c-image-scroll-popup__progress-wrapper.is-dragging{cursor:grabbing}.c-image-scroll-popup__progress-wrapper:hover .c-image-scroll-popup__progress-bar{opacity:.8}.c-image-scroll-popup__progress-bar{transition:width .3s ease,opacity .2s ease}.is-dragging .c-image-scroll-popup__progress-bar{transition:width .1s ease}
/*# sourceMappingURL=/cdn/shop/t/3/assets/c-image-scroll-popup.css.map */