/* UNAVERAGE cinematic hero — original storefront image and actual brand logo. */
body.premium-ui:not(.admin-page-body) #hero.hero-luxury{position:relative;isolation:isolate;min-height:100svh!important;overflow:hidden}
body.premium-ui:not(.admin-page-body) #hero .hero-img-bg{background-image:url('../img/hero-unaverage-enhanced.jpg')!important;background-position:center 46%!important;filter:blur(2.5px) brightness(.82) contrast(1.05) saturate(.9)!important;transform:scale(1.045);animation:uhHeroImage 1.6s ease-out both}
body.premium-ui:not(.admin-page-body) #hero .hero-bg{background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.29) 48%,rgba(0,0,0,.61) 100%)!important}
body.premium-ui:not(.admin-page-body) #hero .hero-copy-minimal{position:relative;z-index:2;min-height:unset!important;max-width:920px!important;gap:0;padding:28px 32px;transform:translateY(-1.5vh);animation:uhHeroEntry .8s ease-out both}\nbody.premium-ui:not(.admin-page-body) #hero .hero-copy-minimal::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.28) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.07);border-radius:6px;box-shadow:0 18px 54px rgba(0,0,0,.24)}
body.premium-ui:not(.admin-page-body) #hero .hero-logo-main{display:block;width:min(570px,74vw)!important;max-width:100%;max-height:32svh;object-fit:contain;margin:0 auto 34px!important;filter:drop-shadow(0 4px 28px rgba(0,0,0,.24))}
body.premium-ui:not(.admin-page-body) #hero .hero-actions-simple{margin-top:0!important;gap:12px!important;justify-content:center;align-items:center}
body.premium-ui:not(.admin-page-body) #hero .hero-actions-simple button{font-family:inherit;letter-spacing:.055em;border-radius:4px!important;min-width:204px;min-height:48px!important;transition:background-color .2s,border-color .2s,transform .2s!important}
body.premium-ui:not(.admin-page-body) #hero .hero-actions-simple button:hover{transform:translateY(-2px)}
body.premium-ui:not(.admin-page-body) #hero .hero-scroll-cue{position:absolute;z-index:2;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:13px;color:#e7e7e7;text-decoration:none;font:600 10px/1.2 inherit;letter-spacing:.35em;opacity:.85}
body.premium-ui:not(.admin-page-body) #hero .hero-scroll-cue::before{content:'';width:1px;height:38px;background:linear-gradient(to bottom,transparent,#fff)}
@keyframes uhHeroEntry{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(-1.5vh)}}
@keyframes uhHeroImage{from{opacity:.65;transform:scale(1.055)}to{opacity:1;transform:scale(1.025)}}
@media(max-width:900px){body.premium-ui:not(.admin-page-body) #hero .hero-copy-minimal{padding:24px 24px!important}body.premium-ui:not(.admin-page-body) #hero .hero-logo-main{width:min(520px,86vw)!important;margin-bottom:28px!important}body.premium-ui:not(.admin-page-body) #hero .hero-scroll-cue{bottom:19px;font-size:9px}body.premium-ui:not(.admin-page-body) #hero .hero-scroll-cue::before{height:25px}}
@media(max-width:520px){body.premium-ui:not(.admin-page-body) #hero .hero-copy-minimal{padding:18px 16px!important}body.premium-ui:not(.admin-page-body) #hero .hero-copy-minimal::before{border-radius:5px!important}body.premium-ui:not(.admin-page-body) #hero .hero-actions-simple{width:min(340px,100%);gap:9px!important}body.premium-ui:not(.admin-page-body) #hero .hero-actions-simple button{min-width:0;width:100%;min-height:46px!important}body.premium-ui:not(.admin-page-body) #hero .hero-logo-main{max-height:26svh}}
@media(max-height:550px) and (orientation:landscape){body.premium-ui:not(.admin-page-body) #hero .hero-logo-main{width:min(360px,55vw)!important;max-height:26svh;margin-bottom:13px!important}body.premium-ui:not(.admin-page-body) #hero .hero-scroll-cue{display:none}body.premium-ui:not(.admin-page-body) #hero .hero-actions-simple button{min-height:39px!important}}
@media(prefers-reduced-motion:reduce){body.premium-ui:not(.admin-page-body) #hero .hero-copy-minimal,body.premium-ui:not(.admin-page-body) #hero .hero-img-bg{animation:none!important}body.premium-ui:not(.admin-page-body) #hero .hero-actions-simple button{transition:none!important}}

/* Mobile hero framing v2: slightly tighter lower crop to hide A/C. */
@media (max-width: 768px) {
  body.premium-ui:not(.admin-page-body) #hero .hero-img-bg {
    background-size: auto 135% !important;
    background-position: center bottom !important;
  }
}