.vertical-banners-container{position:relative;height:100vh;overflow:hidden}.banner-navigation{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:1rem}.nav-dot{width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.nav-dot:hover{border-color:#fffc;transform:scale(1.1)}.nav-dot.active{background:#fff;border-color:#fff}.banners-scroll-container{height:100vh;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory}.banner-slide{position:relative;height:100vh;display:flex;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;scroll-snap-align:start}.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1}.banner-content{position:relative;z-index:2;width:100%;padding:0 4rem}.banner-content--left{display:flex;justify-content:flex-start}.banner-content--center{display:flex;justify-content:center;text-align:center}.banner-content--right{display:flex;justify-content:flex-end;text-align:right}.banner-text-container{width:100%;max-width:1100px}.banner-subtitle{margin:0 0 .5rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;opacity:.9;line-height:1.2;color:#eca283!important;font-family:jost;margin-bottom:1.5rem!important;font-size:1.8rem!important;text-align:left}.banner-title{margin:0 0 1.5rem;line-height:1.1;font-family:Cinzel;text-transform:uppercase;text-align:left}.banner-description{margin:0 0 2rem;line-height:1.6;opacity:.95;font-family:"itcberkeleyoldstyle",!important}.banner-price{margin:0 0 2rem;display:flex;align-items:baseline;gap:.5rem;font-family:jost}.price-amount{font-size:2rem;font-weight:700;line-height:1;font-family:jost}.price-unit{font-size:.9rem;opacity:.8;font-weight:400}.banner-buttons{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.banner-btn-primary,.banner-btn-secondary{display:inline-block;padding:16px 32px;font-weight:400;font-size:14px;font-family:Jost,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:all .3s ease;border:1px solid #ECA283;cursor:pointer;line-height:1;margin:16px 0 0}.banner-btn-primary{background-color:#eca283;color:#fff}.banner-btn-primary:hover{background-color:transparent;color:#eca283;border-color:#eca283}.banner-btn-secondary{background:transparent!important;border:2px solid}.banner-btn-secondary:hover{background:var(--color-foreground)!important;color:var(--color-background)!important}@media screen and (max-width: 768px){.vertical-banners-container,.banner-slide{height:100vh;height:100dvh}.banner-navigation{right:1rem;top:50%;transform:translateY(-50%)}.nav-dot{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.7)}.nav-dot.active{background:#fff;border-color:#fff}.banner-content{padding:2rem 1.5rem;height:100%;display:flex;align-items:center}.banner-content--left,.banner-content--right,.banner-content--center{justify-content:flex-start;text-align:left;margin:0;width:100%}.banner-text-container{width:100%!important;max-width:none!important;padding-right:3.5rem}.banner-title{font-size:clamp(2rem,8vw,3.5rem)!important;line-height:1.1;margin-bottom:1.5rem;font-weight:300;letter-spacing:.05em}.banner-subtitle{letter-spacing:.2em;margin-bottom:1.5rem;opacity:.9}.banner-description{font-size:clamp(1rem,4vw,1.2rem)!important;line-height:1.5;margin-bottom:2.5rem;opacity:.95}.price-amount{font-size:clamp(1.5rem,6vw,2rem)}.banner-buttons{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.banner-btn-primary,.banner-btn-secondary{width:auto;min-width:200px;padding:16px 32px;font-size:clamp(13px,3.5vw,15px)}}@media screen and (max-width: 480px){.banner-content{padding:1.5rem 1rem}.nav-dot{width:.875rem;height:.875rem}.banner-navigation{gap:.75rem;right:.75rem}.banner-text-container{padding-right:3rem}.banner-title{font-size:clamp(1.75rem,9vw,3rem)!important;margin-bottom:1.25rem}.banner-subtitle{margin-bottom:1.25rem}.banner-description{font-size:clamp(.95rem,4.5vw,1.8rem)!important;margin-bottom:2rem}.banner-btn-primary,.banner-btn-secondary{min-width:180px;padding:14px 28px;font-size:clamp(12px,3vw,14px)}}@media (prefers-reduced-motion: reduce){.banners-scroll-container{scroll-behavior:auto}.nav-dot,.banner-btn-primary,.banner-btn-secondary{transition:none}}.nav-dot:focus-visible{outline:2px solid white;outline-offset:2px}.banner-btn-primary:focus-visible,.banner-btn-secondary:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-vertical-banners.css.map */