/* Frontend styles */
.hb-hero{ position:relative; width:100%; height: var(--hb-hero-h, clamp(500px, 100vh, 900px)); min-height: var(--hb-hero-h, clamp(500px, 100vh, 900px)); overflow:hidden; }
.hb-hero .swiper, .hb-hero .swiper-wrapper, .hb-hero .swiper-slide{ height:100%; }
.hb-hero .swiper-slide{ position:relative; background-size:cover; background-position:center; background-color:#f0f0f0; opacity:0; transition:opacity .3s ease; }
.hb-hero .swiper-slide.swiper-slide-visible, .hb-hero .swiper-slide.swiper-slide-active{ opacity:1 !important; }
.hb-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.0)); pointer-events:none; z-index:1; }
.hb-hero .hb-card{ position:absolute; left:24rem; top:15rem; min-width:560px;  background:#00000099; color:#fff; padding:28px 32px; backdrop-filter:blur(4px); border-radius:0px; z-index:2; border:0; }
.hb-hero .hb-eyebrow{ 
font-family: Montserrat, sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 100%;
letter-spacing: 0%;
}
.hb-hero h1{ margin:.35em 0 .1em; 
font-family: Montserrat, sans-serif;
font-weight: 700;
font-size: 60px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.hb-hero .hb-sub{ 
margin-bottom:18px; border-bottom:1px solid rgba(255,255,255,.25); padding-bottom:14px; 
font-family: Montserrat, sans-serif;
font-weight: 300;
font-size: 22px;
line-height: 100%;
padding-top: 10px;
padding-bottom: 20px;
}
.hb-hero .hb-meta{ display:flex; gap:24px; align-items:center; margin:8px 0 18px; }
.hb-hero .hb-meta .item{ display:flex; align-items:center; gap:8px; 
font-family: Montserrat, sans-serif;
font-weight: 500;
font-size: 17.5px;
line-height: 25px;
letter-spacing: 0.19px;
text-align: center;
vertical-align: middle;
}
.hb-hero .ths-icon{ width:40px; height:40px; object-fit:contain; display:inline-block; }
.hb-hero .hb-pricewrap{ margin-top:6px; }
.hb-hero .hb-price-eyebrow{ 
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
}
.hb-hero .hb-price{ 
font-family: Montserrat, sans-serif;
font-weight: 700;
font-size: 48px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
}
.hb-hero .hb-cta{ margin-top:18px; }
.hb-hero .hb-cta a{ 
display:inline-block; 
background: #FFFFFF33;color:#ffffff; padding:14px 18px; border-radius:4px; text-decoration:none; transition:background-color .3s ease, transform .2s ease; 
font-family: Montserrat, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
border:0px;
}
.hb-hero .hb-cta a:hover, .hb-hero .hb-cta a:focus{ background:#FF4023; transform:translateY(-2px); }
.hb-hero .hb-arrows{ position:absolute; left:24rem; top:12.5rem; z-index:10; display:flex; gap:0px; }
.hb-hero .hb-arrow{ width:40px; height:40px; border-radius:0px; border:0px solid rgba(255,255,255,.5); display:grid; place-items:center; color:#FF4023; cursor:pointer; background:#00000099; transition:all .3s ease; }
.hb-hero .hb-arrow:hover, .hb-hero .hb-arrow:focus{ background:rgba(0,0,0,.3); outline:0px solid rgba(255,255,255,.3); }
.hb-hero .swiper-pagination{ bottom:2rem !important; z-index:10; }
.hb-hero .swiper-pagination-bullet{ width:12px; height:12px; background:rgba(255,255,255,.5); opacity:1; }
.hb-hero .swiper-pagination-bullet-active{ background:#FF4023; }
.hb-meta-wrap { display: flex;justify-content: space-between; }
@media (max-width:1024px){ .hb-hero .hb-card{ left:3rem; right:3rem; top:3rem; max-width:none; } .hb-hero h1{ font-size:44px; } }
@media (max-width:768px){ .hb-hero .hb-meta{ flex-direction:column; align-items:flex-start; gap:12px; } }
@media (max-width:640px){ .hb-hero .hb-card{ left:1rem; right:1rem; top:2rem; padding:18px; } .hb-hero h1{ font-size:36px; } .hb-hero .hb-sub{ font-size:16px; } .hb-hero .hb-price{ font-size:36px; } .hb-hero .hb-arrows{ left:1rem; top:1rem; } }
@media (prefers-reduced-motion: reduce){ .hb-hero .swiper-slide{ transition:none; } .hb-hero .hb-cta a{ transition:none; } }