/* ===== Hero Lite (no LayerSlider) ===== */
.hero-lite{position:relative; overflow:hidden; background:var(--hero-bg,#f6f7fb)}
.hero-lite .container{position:relative; display:grid; grid-template-columns:1.1fr 1fr; gap:24px; align-items:center; min-height:70vh}
@media (max-width:991.98px){
  .hero-lite .container{grid-template-columns:1fr; min-height:unset; padding-top:24px; padding-bottom:24px}
}

/* Left: text */
.hero-lite .eyebrow{font-size:18px; margin:0 0 8px 0; color:#666}
.hero-lite h1{font-size:56px; line-height:1.15; margin:0 0 20px 0}
@media (max-width:1199.98px){ .hero-lite h1{font-size:44px} }
@media (max-width:767.98px){ .hero-lite h1{font-size:36px} }
.hero-lite .vs-btn{display:inline-flex; align-items:center; gap:10px; padding:14px 22px; border-radius:999px; background:#0ea5a8; color:#fff; text-decoration:none; font-weight:600}
.hero-lite .vs-btn i{font-style:normal}

/* Right: image with soft shapes */
.hero-lite .media{position:relative; width:100%; max-width:720px; margin-left:auto}
.hero-lite .media img{display:block; width:100%; height:auto; aspect-ratio: 95 / 98; object-fit:contain}
.hero-lite .shape, .hero-lite .shape2{position:absolute; border-radius:50%; pointer-events:none}
.hero-lite .shape{width:38vmin; height:38vmin; right:6%; top:12%; background:#0ea5a8; opacity:.12; filter:blur(0.5px)}
.hero-lite .shape2{width:52vmin; height:52vmin; right:-6%; top:-6%; background:#0ea5a8; opacity:.07}
@media (max-width:991.98px){
  .hero-lite .media{max-width:520px; margin:0 auto}
}

/* Hours card (mimics the small box) */
.hero-lite .hours{position:absolute; right:4%; bottom:6%; width:220px; text-align:center; color:#fff; background:#0ea5a8; border-radius:16px; padding:16px 14px; box-shadow:0 10px 30px rgba(0,0,0,.12)}
.hero-lite .hours .title{font-size:20px; margin:0 0 6px 0}
.hero-lite .hours .val{font-size:16px; margin:0}
@media (max-width:991.98px){
  .hero-lite .hours{position:static; width:100%; max-width:360px; margin:16px auto 0}
}

/* Accessibility & motion */
@media (prefers-reduced-motion:reduce){
  .hero-lite *, .hero-lite *::before, .hero-lite *::after{animation:none!important; transition:none!important}
}