.main-heading-container{padding:180px 153px 100px;text-align:left;max-width:1512px;margin-left:auto;margin-right:auto}.main-heading-title{margin-bottom:13px;color:#fff;font-family:PPMonumentWide-Regular;font-weight:400;font-size:40px;line-height:50px;letter-spacing:0px;text-transform:uppercase}.main-heading-subheading{color:#fff;font-family:SuisseIntl-Regular;font-weight:400;font-size:18px;line-height:24px;letter-spacing:0px}.image-grid-layout{display:grid;gap:6px;margin-bottom:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);max-height:700px;padding:6px}.grid-item{position:relative;overflow:hidden}.grid-item.div1{grid-area:1 / 1 / 3 / 2}.grid-item.div2{grid-area:3 / 1 / 4 / 2}.grid-item.div3{grid-area:1 / 2 / 4 / 4}.grid-item.div4{grid-area:1 / 4 / 2 / 5}.grid-item.div5{grid-area:2 / 4 / 4 / 5}.grid-image-container{width:100%;height:100%;position:relative}.grid-image,.slide-image{width:100%;height:100%;object-fit:cover;display:block}.interactive-showcase{position:relative;background:#1c3251;padding-bottom:40px;margin-bottom:-1px}.showcase-container{position:relative;max-width:1512px;margin-left:auto;margin-right:auto}.main-slides-swiper{width:100%;height:100%;padding-bottom:40px}.showcase-slide{display:block;width:100%;height:100%}.slide-image-container{position:relative;margin:0 auto;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center}.hotspot-btn{position:absolute;width:fit-content;cursor:pointer;display:flex;align-items:var(--desktop-pos);justify-content:center;transform:translate(-50%,-50%);transition:all .3s ease;left:var(--desktop-x);top:var(--desktop-y);pointer-events:all;z-index:10;flex-direction:column-reverse}.hotspot-icon{transform:rotate(0);transition:transform .5s ease-in-out;color:#fff;font-size:18px;line-height:0;width:22px;height:22px;background:#5fd2ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.hotspot-btn:hover .hotspot-icon{transform:rotate(180deg)}.hotspot-label{position:relative;color:#fff;padding-bottom:2px;transition:opacity .3s ease;pointer-events:none;font-family:SuisseIntl-Regular;font-weight:400;font-size:15px;line-height:14px;letter-spacing:0px;width:fit-content;margin-bottom:5px}.hotspot-btn:hover .hotspot-label{color:#5fd2ff;transition:all .5s ease-in-out}.hotspot-label:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:1px;background:#5fd2ff;transition:width .5s ease-in-out}.hotspot-btn:hover .hotspot-label:after{width:100%}.slide-content-overlay{position:absolute;bottom:0;color:#fff;z-index:2;text-align:center;padding:36px 38px;filter:brightness(5)}.slide-content-overlay:after{content:"";position:absolute;top:-2px;left:-10%;width:120%;height:30%;height:105%;filter:blur(11px);pointer-events:none;z-index:0;background:linear-gradient(to bottom,#00000096,#000000f7)}.slide-title{margin-bottom:10px;font-family:PPMonumentWide-Regular;font-weight:400;margin-top:0;color:#fff;font-size:30px;line-height:30px;letter-spacing:0px}.slide-subtitle{font-size:15px;margin-bottom:15px;color:#fff;font-family:SuisseIntl-Regular;font-weight:400;line-height:20px;letter-spacing:0px}.slide-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.slide-btn{padding:15px 20px;border-radius:10px;text-decoration:none;transition:all .3s ease;font-family:SuisseIntl-Regular;font-weight:400;font-size:13px;line-height:14px;letter-spacing:1.1px;text-transform:uppercase}.btn-primary{color:#290c26;background:#fff;border:1.5px solid #ffffff}.btn-secondary{background:transparent;color:#fff;border:1.5px solid #ffffff;display:none}.mobile-swiper-container{display:none}.product-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.product-popup[data-popup-open=true]{opacity:1;pointer-events:auto}.popup-overlay{display:block!important;position:fixed;width:100vw;height:100vh;background:#000;z-index:1000;will-change:transform,top,left,right,bottom,opacity;pointer-events:none;top:var(--top, 0);left:var(--left, 0);opacity:0;transform-origin:center;transform:translate(-50%,-50%) rotate(var(--rotate, 0deg)) scaleX(0) scaleY(0);transition:none}.popup-content{position:relative;background:transparent;width:100%;max-height:100vh;height:100%;overflow-y:auto;z-index:1001;opacity:0;pointer-events:none;transition:opacity .3s ease .2s}.interactive-showcase .swiper-button-next:hover svg path{transform:translate(2px)}.interactive-showcase .swiper-button-next:hover svg path{transition:transform .3s ease}.interactive-showcase .swiper-button-prev:hover svg path{transform:translate(-2px)}.interactive-showcase .swiper-button-prev:hover svg path{transition:transform .3s ease}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-animate-slide-right{animation:slideRight .6s ease-out forwards;opacity:0}.popup-animate-slide-up{animation:slideUp .6s ease-out forwards;opacity:0}.popup-animate-fade{animation:fadeIn .6s ease-out forwards;opacity:0}.popup-close-text{font-family:PPMonumentWide-Regular;font-weight:400;font-size:14px;line-height:15px;letter-spacing:0px;text-transform:uppercase;color:#fff}.popup-close{display:flex;align-items:center;justify-content:center;gap:5px;position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;padding:5px;z-index:10;transition:transform .2s ease;font-family:PPMonumentWide-Regular;font-weight:400;font-size:14px;line-height:14px;letter-spacing:0px;text-transform:uppercase;color:#fff}.popup-close svg{transition:transform .5s ease-in-out;transform:rotate(0)}.popup-close:hover svg{transform:rotate(180deg)}.slide-navigation{display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:20;gap:20px}.slide-nav-btn{border:none;width:50px;height:50px;cursor:pointer;pointer-events:all;display:flex;align-items:center;justify-content:center;margin:0;position:unset}.slide-counter{display:flex;align-items:center;justify-content:center;color:#fff;font-family:SuisseIntl-Regular,sans-serif;font-size:16px;line-height:1;pointer-events:none;gap:4px}.slide-current,.slide-separator,.slide-total{color:#fff}.slide-current{font-weight:400}.slide-nav-btn:after{content:none}.popup-navigation{position:sticky;bottom:30px;gap:20px;display:flex;z-index:1002;pointer-events:all;justify-content:center;margin-top:20px;padding-top:8px;padding-bottom:8px}.popup-nav-btn{position:relative;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;padding:0}.popup-nav-btn:after{content:none}.popup-nav-label{position:absolute;bottom:60px;left:50%;transform:translate(-50%);color:#fff;background:#000c;padding:8px 16px;border-radius:6px;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;font-family:SuisseIntl-Regular;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0px;z-index:10}.popup-nav-tooltip{color:#fff;padding:8px 16px;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;font-family:SuisseIntl-Regular,sans-serif;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0px;z-index:10}.popup-nav-item{display:flex;flex-direction:row-reverse;align-items:center}.popup-nav-btn:hover svg path,.popup-nav-btn:hover svg circle{stroke:#5fd2ff}.popup-nav-title{font-family:SuisseIntl-Regular;font-weight:400;font-size:19px;line-height:16px;letter-spacing:0px;color:#fff}.popup-nav-item:hover .popup-nav-tooltip.previous,.popup-nav-item:hover .popup-nav-tooltip.next{opacity:1}.popup-nav-item:hover .popup-nav-tooltip.previous .popup-nav-title,.popup-nav-item:hover .popup-nav-tooltip.next .popup-nav-title{color:#5fd2ff}.popup-nav-item:hover .popup-nav-btn[disabled]{opacity:.3;cursor:not-allowed;pointer-events:none}.interactive-showcase .popup-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interactive-showcase .loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;display:block!important}@keyframes spin{to{transform:rotate(360deg)}}.popup-product-image{opacity:0;transform:translate(-50px)}.popup-product-subtitle,.popup-product-title,.popup-product-description,.popup-product-features{opacity:0;transform:translateY(20px)}.popup-product-description{color:#fff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;line-height:27px;letter-spacing:0;color:#fffefa99;font-family:SuisseIntl-Regular;font-weight:400}.popup-product-description-wrapper button{background:transparent;color:#fff;box-shadow:none;color:#5fd2ff;background:none;border:none;font-family:SuisseIntl-Regular;font-weight:400;font-size:14px;line-height:14px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;margin-top:8px;padding:0;text-decoration:none;display:inline-block;transition:opacity .2s ease}.popup-product-description.expanded{-webkit-line-clamp:unset}.popup-close svg{display:block}.popup-header{text-align:left}.popup-product-title{margin-bottom:17px;color:#fff;font-family:PPMonumentWide-Regular;font-weight:400;font-size:clamp(18px,calc(18 * (100vw / 1512)),21px);line-height:1.3;letter-spacing:0px;text-transform:uppercase}.popup-product-subtitle{color:#fff;margin-bottom:17px;font-family:PPMonumentWide-Regular;font-weight:400;font-size:clamp(28px,calc(28 * (100vw / 1512)),50px);line-height:1;letter-spacing:0px;text-transform:uppercase}.popup-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:29px;align-items:start;display:flex}.popup-product-image img{width:100%;height:auto;object-fit:none}.popup-product-info{display:flex;flex-direction:column;margin-top:78px;padding-right:20px;width:50%}.popup-product-description p{color:#fffefa99;font-family:SuisseIntl-Regular;font-weight:400;font-size:18px;line-height:27px;letter-spacing:0px}.popup-product-features{margin-top:50px}.features-heading{font-family:PPMonumentWide-Regular;font-weight:400;font-size:16px;line-height:16px;letter-spacing:0px;color:#fff;margin-bottom:21px}.feature-title{font-family:SuisseIntl-Regular;font-weight:400;font-size:12px;line-height:18px;letter-spacing:0px;color:#fffefa99;margin-top:18px}.features-content{display:flex;flex-direction:column;gap:1rem}.features-images{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}.features-images::moz-scrollbars-none{display:none}.features-images::-webkit-scrollbar{display:none}.feature-image-item{flex:0 0 auto;width:230px;height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;flex-direction:column}.popup-section{border-top:1px solid #e0e0e0;padding-top:20px}.popup-section-title{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#333}.popup-product-actions{display:flex;gap:15px;margin-top:20px}.popup-btn{padding:14px 30px;text-decoration:none;border-radius:4px;font-weight:600;transition:all .3s ease;display:inline-block;text-align:center;flex:1;min-width:140px;font-size:1rem}.popup-btn-primary{background:#000;color:#fff;border:2px solid #000}.popup-btn-primary:hover{background:#333;border-color:#333}.popup-btn-secondary{background:transparent;color:#000;border:2px solid #000}.popup-btn-secondary:hover{background:#000;color:#fff}.popup-product-image{line-height:0;width:50%}.slide-image-container img.desktop__view{display:block}.slide-image-container img.mobile__view{display:none}@media (max-width:1400px){.hotspot-label{max-width:130px}}@media only screen and (min-width: 760px) and (max-width: 1024px){.popup-product-image img{object-fit:cover}.main-heading-container{padding:60px 47px 35px}.main-heading-title{font-size:30px;line-height:50px;margin-bottom:4px}.main-heading-subheading{font-size:15px;line-height:20px}.hotspot-btn{top:var(--tablet-y, var(--desktop-y, 50%));left:var(--tablet-x, var(--desktop-x, 50%));align-items:var(--tablet-pos)}.slide-btn{font-size:14px;letter-spacing:1.2px}.image-grid-layout{display:flex;flex-direction:column;gap:7px;height:100%;padding:0}.grid-item.div3{order:-1;width:100%}.grid-item.div1,.grid-item.div2,.grid-item.div4,.grid-item.div5{display:none}.mobile-swiper-container{display:block;width:100%;order:1}.mobile-small-images-swiper .swiper-slide{width:calc(25% - 1.73px);margin-right:3px;aspect-ratio:1}.slide-navigation{left:40%;right:40%}.popup-product-grid{display:block}.popup-product-image,.popup-product-info{width:100%}.popup-product-info{margin-top:13px;padding:0 47px}.popup-product-subtitle{font-size:30px}.popup-product-title{font-size:18px;margin-bottom:12px;line-height:1.2}.popup-product-description{font-size:16px;line-height:21px;letter-spacing:0;color:#fffefa99;font-family:SuisseIntl-Regular;font-weight:400}.popup-product-features{margin-top:52px}.popup-navigation{background:linear-gradient(180.51deg,#0000 -8.61%,#000 99.47%);padding-top:10px;padding-bottom:10px}.popup-nav-item{display:flex;flex-direction:row-reverse;align-items:center}.popup-nav-item .popup-nav-tooltip.previous,.popup-nav-item .popup-nav-tooltip.next{opacity:1}.popup-nav-item .popup-nav-tooltip.previous .popup-nav-title,.popup-nav-item .popup-nav-tooltip.next .popup-nav-title{color:#5fd2ff}.popup-nav-title{font-size:14px}.popup-nav-btn svg path,.popup-nav-btn svg circle{stroke:#5fd2ff}}@media (max-width:1024px){.image-grid-layout{max-height:unset}.popup-nav-tooltip{white-space:initial}}@media only screen and (max-width: 768px){.popup-product-features{margin-top:1.5rem;padding-top:1.5rem}.popup-nav-btn svg path,.popup-nav-btn svg circle{stroke:#5fd2ff}.features-heading{font-size:12px;margin-bottom:13px}.feature-title{font-size:14px;line-height:16px;margin-top:14px}.features-images{gap:11px}.feature-image-item{width:186px}.main-heading-container{padding:89px 23px 47px}.main-heading-title{font-size:23px;line-height:37px;margin-bottom:8px}.main-heading-subheading{font-size:14px;line-height:22px}.hotspot-btn{top:var(--mobile-y, var(--tablet-y, var(--desktop-y, 50%)));left:var(--mobile-x, var(--tablet-x, var(--desktop-x, 50%)));width:fit-content;align-items:var(--mobile-pos)}.hotspot-icon{width:25px;height:25px}.hotspot-label{max-width:121px;font-size:14px}.grid-item.div1{grid-area:1 / 1 / 2 / 2}.grid-item.div2{grid-area:2 / 1 / 3 / 2}.grid-item.div3{grid-area:1 / 2 / 3 / 3}.grid-item.div4{grid-area:3 / 1 / 4 / 2}.grid-item.div5{grid-area:3 / 2 / 4 / 3}.slide-navigation{left:35%;right:35%;margin-top:30px}.slide-title{font-size:18px;line-height:1;margin-bottom:3px}.slide-subtitle{font-size:14px;margin-bottom:26px}.slide-actions{align-items:center}.popup-product-grid{grid-template-columns:1fr;gap:0px;flex-direction:column}.popup-product-image{width:100%;height:500px}.popup-product-image img{height:100%;object-fit:cover}.popup-product-info{width:100%}.popup-product-actions{flex-direction:column}.popup-product-title{font-size:14px}.popup-product-subtitle{font-size:clamp(16px,calc(16 * (100vw / 428)),24px)}.popup-product-description{font-size:14px;line-height:22px;color:#fffefa99}.popup-product-description-wrapper button{font-size:12px;line-height:12px}.slide-content-overlay{padding:20px 22px 10px}.slide-content-overlay:after{top:-35px;height:135%}.slide-btn{font-size:12px;padding:10px;border-radius:5px}.image-grid-layout{display:flex;flex-direction:column;gap:7px;height:100%;padding:0}.grid-item.div1,.grid-item.div2,.grid-item.div4,.grid-item.div5{display:none}.grid-item.div3{order:-1;width:100%}.mobile-swiper-container{display:block;width:100%;order:1}.mobile-small-images-swiper{width:100%;padding-bottom:11px}.mobile-small-images-swiper .swiper-slide{width:calc(40% - 1.73px);margin-right:3px;aspect-ratio:1}.mobile-small-images-swiper .swiper-slide img{width:100%;height:100%;object-fit:cover}.mobile-small-images-swiper .swiper-wrapper{padding-left:8px}.mobile-small-images-swiper .swiper-scrollbar{bottom:0;left:0;width:100%;height:2px;background:#000;margin-left:8px}.mobile-small-images-swiper .swiper-scrollbar-drag{background:#fff;display:block}.popup-product-info{margin-top:0;padding:15px}.popup-nav-item .popup-nav-tooltip.previous,.popup-nav-item .popup-nav-tooltip.next{opacity:1}.popup-nav-item .popup-nav-tooltip.previous .popup-nav-title,.popup-nav-item .popup-nav-tooltip.next .popup-nav-title{color:#5fd2ff}.popup-nav-item .popup-nav-btn[disabled]{opacity:.3;cursor:not-allowed;pointer-events:none}.popup-navigation{background:linear-gradient(180.51deg,#0000 -8.61%,#000 99.47%);padding-top:10px;padding-bottom:40px;bottom:0;background:#000}.popup-nav-title{font-size:15px;line-height:16px}.slide-image-container img.desktop__view{display:none}.slide-image-container img.mobile__view{display:block}.main-slides-swiper{margin-bottom:0}}@media only screen and (max-width: 480px){.grid-item.div1{grid-area:1 / 1 / 2 / 2}.grid-item.div2{grid-area:2 / 1 / 3 / 2}.grid-item.div3{grid-area:3 / 1 / 4 / 2}.grid-item.div4{grid-area:4 / 1 / 5 / 2}.grid-item.div5{grid-area:5 / 1 / 6 / 2}.popup-btn{padding:12px 20px;font-size:14px}}@media (max-width:500px){.slide-image-container img.mobile__view{aspect-ratio:1 / 2}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/interactive-showcase.css.map */