.banner-with-nav{z-index:1}.banner-with-nav__wrapper{display:flex;justify-content:center;width:calc(100% - 1.8rem / var(--font-body-scale))}.banner-with-nav:not(.banner-with-nav--full-width) .banner-with-nav__wrapper{margin:auto;width:calc(100% - 8rem / var(--font-body-scale))}.banner-with-nav__nav-list{display:flex;color:var(--text-color);gap:24px}.banner-with-nav__nav-item{display:block;position:relative;border:.5px solid #B9B9B9;color:#b9b9b9;text-decoration:none;font-weight:500;border-radius:12px;padding:6px 12px;font-size:20px;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.banner-with-nav__nav-item:not(.active):hover{background-color:#fff3}.banner-with-nav__nav-item.active{border-color:#1dd791;background-color:#1dd791;color:#000}li:not(:first-child)>.banner-with-nav__nav-item:before{content:"";width:4px;height:4px;border-radius:50%;background-color:#b9b9b9;position:absolute;inset:50% auto auto -15px;translate:0 -50%}.banner-with-nav__blocks{display:flex;flex-direction:column}.banner-with-nav__wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.banner-with-nav__blocks.center{align-items:center}.banner-with-nav__text{margin:0 auto}.banner-with-nav__heading{font-weight:200;letter-spacing:-.03em}@media screen and (min-width: 768px){.banner-with-nav__wrapper{width:100%}.banner-with-nav .rte:not(.banner-with-nav__heading) strong,.banner-with-nav .rte:not(.banner-with-nav__heading){font-size:18px}.banner-with-nav__wrapper--left{justify-content:flex-start}.banner-with-nav__wrapper--right{justify-content:flex-end}.banner-with-nav__mobile-absolute{display:contents}}@media screen and (min-width: 1440px){.banner-with-nav .rte:not(.banner-with-nav__heading) strong,.banner-with-nav .rte:not(.banner-with-nav__heading){font-size:20px}}@media screen and (max-width: 767px){.banner-with-nav__heading{font-size:24px}.banner-with-nav__wrapper{position:unset}.banner-with-nav__mobile-absolute{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;align-items:center;aspect-ratio:var(--ratio, 1) / 1}.banner-with-nav__blocks,.banner-with-nav__buy-button,.banner-with-nav__buy-button .btn{width:100%}}.banner-with-nav__mobile-absolute>*,.banner-with-nav__blocks>*{max-width:var(--block-width);margin-block:0;overflow-wrap:break-word}@media screen and (max-width: 767px){.banner-with-nav__mobile-absolute>*,.banner-with-nav__blocks>*{max-width:var(--block-width-mob)}}.banner-with-nav__button-with-icon,.banner-with-nav__buttons{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:1rem;width:100%;max-width:45rem;word-break:break-word}.banner-with-nav__button-with-icon .link{font-size:2.4rem;text-decoration:underline;transition:opacity .3s ease}.banner-with-nav__button-with-icon .link:hover{opacity:.6}.btn-scroll{border:none;font-size:1.6rem}.btn-scroll:hover{text-decoration:underline}.banner-with-nav__buttons .btn-scroll svg{transform:rotate(90deg)}.btn-scroll:hover svg.btn-icon-arrow{transform:rotate(90deg) translate(4px)}.banner-with-nav__buttons--multiple>*{flex-grow:1;min-width:22rem}.banner-with-nav__blocks.left .banner-with-nav__buttons{justify-content:flex-start}.banner-with-nav__blocks.right .banner-with-nav__buttons{justify-content:flex-end}@media screen and (min-width: 1024px){.btn-scroll{font-size:2.4rem}.banner-with-nav__buttons .btn.btn-secondary{padding:1.3rem 4.4rem}}.banner-with-nav__media{width:100%}.banner-with-nav__media img{object-fit:contain}.banner-with-nav__background-image,.banner-with-nav__media--adapt{min-height:100%;overflow:visible;padding-bottom:var(--pb-mob, var(--pb))}.banner-with-nav__media--placeholder{position:relative;overflow:hidden}.banner-with-nav__media--placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.04)}.banner-with-nav__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.block-margin{margin-top:var(--margin-top-mob)}.banner-with-nav__blocks .slider__nav{position:absolute;display:flex;justify-content:space-between;max-width:874px;padding-inline:11px;z-index:1;pointer-events:none;inset:auto 0 39px}.banner-with-nav__blocks .voo-arrow-slider-button{display:flex;justify-content:center;align-items:center;border:unset;font-size:33px;font-weight:600;text-decoration:none;transition:color .3s ease;color:#b9b9b9;pointer-events:all;background-color:#1e1e1e;border-radius:50%;padding:0;width:40px;height:40px}.banner-with-nav__blocks .voo-arrow-slider-button:hover{color:#fff}@media screen and (min-width: 750px){.block-margin{margin-top:var(--margin-top)}.banner-with-nav__background-image,.banner-with-nav__media--adapt{padding-bottom:var(--pb)}.banner-with-nav__media--placeholder.banner-with-nav__media--adapt{height:30rem}}.banner-with-nav .rte.rte--small:not(.banner-with-nav__heading) strong,.banner-with-nav .rte.rte--small *{font-size:12px}.banner-with-nav__buy-button .price.price--on-sale{color:#1dd791}.banner-with-nav__buy-button .product-form__buttons{display:flex;flex-direction:column;gap:16px}.banner-with-nav__buy-button .btn{min-width:228px}.banner-with-nav__buy-button .price--on-sale .price-item--regular{color:#ffffffbf;margin:0}.banner-with-nav__buy-button .price{min-width:228px;font-size:2.4rem}.banner-with-nav__buy-button .price--on-sale .price-item--regular{font-size:2.4rem}@media screen and (max-width: 767px){.banner-with-nav__buy-button .price{color:var(--text-color, inherit);font-size:2rem}.banner-with-nav__buy-button .price--on-sale .price-item--regular{font-size:2rem}.banner-with-nav .rte.rte--small:not(.banner-with-nav__heading) strong,.banner-with-nav .rte.rte--small *{font-size:10px}}@media screen and (max-width: 767px){.banner-with-nav__media.full-mobile{width:calc(100% + 48px)}}
/*# sourceMappingURL=/cdn/shop/t/360/assets/section-banner-with-nav.css.map */