.hero-banner{position:relative;width:100%;overflow:hidden}.hero-banner__slides{position:relative;width:100%;height:90vh}.hero-banner-section[data-height=small] .hero-banner__slides{height:60vh}.hero-banner-section[data-height=medium] .hero-banner__slides{height:75vh}.hero-banner-section[data-height=large] .hero-banner__slides{height:90vh}.hero-banner-section[data-height=full] .hero-banner__slides{height:100vh}.hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease-in-out;z-index:0}.hero-banner__slide.is-active{opacity:1;z-index:1}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__image{width:100%;height:100%;object-fit:cover}.hero-banner__image--mobile{display:none}@media(max-width:749px){.hero-banner__image--mobile{display:block}.hero-banner__image--mobile~.hero-banner__image:not(.hero-banner__image--mobile){display:none}.hero-banner__media:has(.hero-banner__image--mobile) .hero-banner__image:first-child{display:none}.hero-banner__media:has(.hero-banner__image--mobile) .hero-banner__image--mobile{display:block}}.hero-banner__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e 60%,#0f3460);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-banner__placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 80%,rgba(0,200,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,0,128,.06) 0%,transparent 50%);pointer-events:none}.hero-banner__placeholder svg{width:40%;opacity:0;display:none}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center}.hero-banner__content--center{text-align:center;justify-content:center}.hero-banner__content--center .hero-banner__text-wrapper{max-width:700px;margin:0 auto}.hero-banner__content--left{text-align:left}.hero-banner__content--left .hero-banner__text-wrapper{max-width:600px}.hero-banner__content--right{text-align:right;justify-content:flex-end}.hero-banner__content--right .hero-banner__text-wrapper{max-width:600px;margin-left:auto}.hero-banner__subheading{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:4px;color:#fffc;margin-bottom:var(--space-md)}.hero-banner__heading{font-size:clamp(2.5rem,6vw,5rem);color:#fff;line-height:1.05;margin-bottom:var(--space-lg)}.hero-banner__description{font-size:var(--font-size-lg);color:#fffc;line-height:1.6;margin-bottom:var(--space-xl);max-width:500px}.hero-banner__content--center .hero-banner__description{margin-left:auto;margin-right:auto}.hero-banner__actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-banner__content--center .hero-banner__actions{justify-content:center}.hero-banner__content--right .hero-banner__actions{justify-content:flex-end}.hero-banner__social{display:flex;gap:20px;margin-top:var(--space-xl, 32px)}.hero-banner__content--center .hero-banner__social{justify-content:center}.hero-banner__social-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:#ffffff0f;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-banner__social-icon svg{width:22px;height:22px}.hero-banner__social-icon:hover{transform:translateY(-3px) scale(1.08);border-color:#fff9;background:#ffffff1f}.hero-banner__social-icon[aria-label=WhatsApp]:hover{border-color:#25d366;background:#25d36626;color:#25d366}.hero-banner__social-icon[aria-label=Instagram]:hover{border-color:#e4405f;background:#e4405f26;color:#e4405f}.hero-banner__social-icon[aria-label=Gmail]:hover{border-color:#ea4335;background:#ea433526;color:#ea4335}.hero-banner__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);opacity:0}.hero-banner:hover .hero-banner__nav{opacity:1}.hero-banner__nav:hover{background-color:#ffffff26;border-color:#ffffff80}.hero-banner__nav--prev{left:var(--space-lg)}.hero-banner__nav--next{right:var(--space-lg)}.hero-banner__nav svg{width:18px;height:18px}.hero-banner__dots{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);z-index:3;display:flex;gap:var(--space-sm)}.hero-banner__dot{width:32px;height:3px;background-color:#ffffff4d;border:none;cursor:pointer;transition:all var(--duration-base) var(--ease-out);padding:0}.hero-banner__dot.is-active{background-color:#fff;width:48px}.hero-banner__dot:hover{background-color:#fff9}@media(max-width:749px){.hero-banner__slides{height:70vh}.hero-banner__nav{display:none}.hero-banner__heading{font-size:clamp(1.75rem,8vw,3rem)}.hero-banner__description{font-size:var(--font-size-md)}.hero-banner__actions{flex-direction:column}.hero-banner__actions .btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-hero.css.map */