.hero-side-by-side{--bg-color: #ffffff;--text-color: #1d1d1b;--font-family: Montserrat, sans-serif;--letter-spacing-sm: .0025em;--letter-spacing-none: 0;isolation:isolate;width:100%;overflow:hidden;background-color:var(--bg-color);font-family:var(--font-family)}.hero-rating-stars{display:flex;gap:2px;color:var(--text-color);font-size:16px}.hero-rating-text{color:var(--text-color);text-align:center;font-size:14px;font-weight:500;line-height:20px}.hero-side-by-side__heading h1{color:var(--color);font-size:clamp(var(--font-size-mob, 28px),10vw,var(--font-size-desk, 48px));font-style:normal;font-weight:600;line-height:1;text-transform:uppercase;margin:0;letter-spacing:var(--letter-spacing-sm)}.hero-side-by-side__text p{font-size:clamp(var(--font-size-mob, 16px),2vw,var(--font-size-desk, 16px));color:var(--color);font-weight:400;line-height:1.5;margin:0;letter-spacing:var(--letter-spacing-sm)}.hero-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background-color:var(--btn-bg, #1d1d1b);color:var(--btn-text, #ffffff);font-size:var(--btn-size, 14px);line-height:1.5;min-height:52px;font-weight:600;text-decoration:none;letter-spacing:var(--letter-spacing-none);border-radius:var(--btn-radius, 0);transition:background-color .3s ease,opacity .3s ease}@media (min-width: 1024px){.hero-side-by-side__content{padding-left:max(60px,calc((100vw - 1440px)/2 + 60px));padding-right:120px;padding-block:40px;gap:16px;order:1;justify-content:var(--justify-content-desk, center);align-items:var(--align-items-desk, flex-start);text-align:var(--text-align-desk, left)}.hero-side-by-side__wrapper{grid-template-columns:1fr 1fr;min-height:var(--min-h-desk, auto)}.hero-side-by-side__rating{justify-content:var(--align-items-desk, flex-start)}.hero-side-by-side__media{order:2;min-height:auto;height:100%}.hero-rating-stars{font-size:18px}.hero-media-mobile{display:none}.hero-media-desktop{display:block;height:100%;width:100%}.hero-side-by-side__decor{display:flex}}.hero-side-by-side swiper-slider{height:100%}.hero-side-by-side__wrapper{display:grid;grid-template-columns:1fr;min-height:var(--min-h-mob, auto);position:relative}.hero-side-by-side__content{display:flex;flex-direction:column;gap:12px;order:2;justify-content:var(--justify-content-mob, center);align-items:var(--align-items-mob, flex-start);text-align:var(--text-align-mob, left);padding:40px 20px}.hero-side-by-side__rating{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:var(--align-items-mob, flex-start)}.hero-rating-stars{display:flex;gap:2px;color:#1d1d1b;font-size:16px}.hero-rating-text{color:#1d1d1b;text-align:center;font-family:Montserrat;font-size:14px;font-weight:500;line-height:20px}.hero-side-by-side__heading h1{color:var(--color);font-family:Montserrat;font-size:clamp(var(--font-size-mob, 28px),10vw,var(--font-size-desk, 48px));font-style:normal;font-weight:600;line-height:1;margin:0;text-transform:uppercase;letter-spacing:.0025em}.hero-side-by-side__text p{font-family:Montserrat;font-size:clamp(var(--font-size-mob, 16px),2vw,var(--font-size-desk, 16px));color:var(--color);font-weight:400;line-height:1.5;margin:0;letter-spacing:.0025em}.hero-side-by-side__button{display:flex;margin-top:16px}.hero-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background-color:var(--btn-bg, #1d1d1b);color:var(--btn-text, #ffffff);font-family:Montserrat;font-size:var(--btn-size, 14px);line-height:1.5;min-height:52px;font-weight:600;text-decoration:none;letter-spacing:0;border-radius:var(--btn-radius, 0);transition:background-color .3s ease,opacity .3s ease}.hero-button:hover{opacity:.9}.hero-side-by-side__media{position:relative;overflow:hidden;width:100%;order:1;aspect-ratio:var(--mob-media-ratio, auto)}@media (max-width: 1023px){.hero-side-by-side__media[style*="--mob-media-ratio: auto"]{min-height:200px}}.hero-side-by-side__media .swiper,.hero-side-by-side__media .swiper-slide{height:100%}.hero-media-image,.hero-media-video{width:100%;height:100%;position:relative}.hero-media-image img{width:100%;height:100%;object-fit:cover}.hero-media-video video,.hero-video{width:100%;height:100%;object-fit:cover}.hero-media-mobile{display:block;height:100%;width:100%}.hero-media-desktop{display:none}.hero-side-by-side__decor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;display:none;width:clamp(125px,18vw,272px)}@media (min-width: 1024px){.hero-side-by-side__decor{display:flex}}.hero-side-by-side__decor img{display:block;width:auto;height:auto;max-width:100%}.hero-swiper-controls{position:absolute;left:auto;right:32px;bottom:24px;display:flex;gap:12px;align-items:center;width:fit-content;z-index:10}.hero-side-by-side__media .hero-swiper-button{display:flex;align-items:center;justify-content:center;position:static;width:16px;height:16px;color:#fff;transition:opacity .3s;margin:0}.hero-side-by-side__media .hero-swiper-button svg{width:100%;height:100%}.hero-side-by-side__media .hero-swiper-button-prev{left:auto;right:180px}.hero-side-by-side__media .hero-swiper-button-next{right:24px}.hero-side-by-side__media .hero-swiper-button:after{display:none}.hero-side-by-side__media .hero-swiper-pagination{position:static;width:fit-content}.hero-side-by-side__media .swiper-pagination-bullet{background:#fff6!important;width:40px!important;height:4px!important;margin:4px!important;border-radius:0;transition:all .3s ease;border:1px solid transparent!important;opacity:1!important}.hero-side-by-side__media .swiper-pagination-bullet-active{background:#fff!important}@media (min-width: 1024px){.hero-side-by-side__content{padding-left:max(60px,calc((100vw - 1440px)/2 + 60px));padding-right:120px;padding-block:40px}}@media (min-width: 1024px){.hero-side-by-side__wrapper{grid-template-columns:1fr 1fr;min-height:var(--min-h-desk, auto)}.hero-side-by-side__content{gap:16px;order:1;justify-content:var(--justify-content-desk, center);align-items:var(--align-items-desk, flex-start);text-align:var(--text-align-desk, left)}.hero-side-by-side__rating{justify-content:var(--align-items-desk, flex-start)}.hero-side-by-side__media{order:2}.hero-rating-stars{font-size:18px}.hero-side-by-side__media{min-height:auto;height:100%}.hero-media-mobile{display:none}.hero-media-desktop{display:block;height:100%;width:100%}}.hero-side-by-side--media-left .hero-side-by-side__content{order:2}.hero-side-by-side--media-left .hero-side-by-side__media{order:1}
/*# sourceMappingURL=/cdn/shop/t/40/assets/hero-side-by-side.css.map */