/* Homepage only. Hero color follows its image; card dimensions remain independent. */
body.zj-ambient-home {--home-page-surface:var(--c-bg,#08111d);}
body.zj-ambient-home main.page-home,body.zj-ambient-home main.mobile-home-page {padding-top:0!important;position:relative;isolation:isolate;}
.home-ambient {position:absolute;inset:0 0 auto;height:calc(var(--home-hero-height,550px) + 140px);overflow:hidden;pointer-events:none;z-index:-1;}
.home-ambient__image {position:absolute;inset:-50px;background-position:center top;background-size:cover;filter:blur(35px) saturate(1.12);opacity:0;transition:opacity .8s ease;}
.home-ambient__image.is-visible {opacity:.65;}
.home-ambient:after {content:'';position:absolute;inset:0;background:radial-gradient(ellipse 58% 32% at 19% 105%,var(--home-page-surface) 63%,transparent 100%),radial-gradient(ellipse 55% 26% at 81% 108%,var(--home-page-surface) 70%,transparent 100%),linear-gradient(to bottom,transparent 35%,var(--home-page-surface) 100%);}
body.zj-ambient-home .page-home > #banner.banner {height:clamp(440px,31vw,620px);margin-bottom:0;background:transparent;overflow:visible;}
body.zj-ambient-home #banner .banner__item {overflow:hidden;}
body.zj-ambient-home #banner .banner__bg {mask-image:linear-gradient(#000 0 75%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 75%,transparent 100%);}
body.zj-ambient-home #banner .banner__mask {background:linear-gradient(90deg,rgba(3,10,23,.88),rgba(3,10,23,.56) 33%,rgba(3,10,23,.02) 70%),linear-gradient(to bottom,rgba(3,10,23,.3),transparent 28%,transparent 70%,var(--home-page-surface));mask-image:linear-gradient(#000 0 72%,transparent 100%);}
body.zj-ambient-home #banner .banner__content {bottom:90px;z-index:3;max-width:560px;}
body.zj-ambient-home #banner .banner__dots {bottom:64px;z-index:4;}
body.zj-ambient-home #banner .banner__arrow {z-index:4;}
body.zj-ambient-home .home-discovery-layout {position:relative;margin-top:-20px;z-index:2;}
body.zj-ambient-home .home-quick-filter,body.zj-ambient-home .featured-section {backdrop-filter:blur(20px);box-shadow:0 14px 45px rgba(0,0,0,.09);border:1px solid var(--c-border,rgba(132,166,210,.2));}
body.zj-ambient-home #siteHeader.header {top:16px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 64px);max-width:1680px;border:1px solid rgba(206,223,255,.27);border-radius:22px;background:rgba(12,24,45,.64);backdrop-filter:blur(22px) saturate(1.25);box-shadow:0 12px 40px rgba(0,0,0,.12);transition:background .25s,border-color .25s;}
body.zj-ambient-home #siteHeader .header__inner {padding-left:24px;padding-right:24px;max-width:none;}
body.zj-ambient-home[data-home-nav-state=hero] #siteHeader .nav__link,body.zj-ambient-home[data-home-nav-state=hero] #siteHeader .header-action-btn,body.zj-ambient-home[data-home-nav-state=hero] #siteHeader .header__icon-btn {color:#f4f7ff;}
body.zj-ambient-home[data-home-nav-state=hero] #siteHeader .header__logo img {filter:brightness(0) invert(1)!important;}
body.zj-ambient-home[data-home-nav-state=hero] #siteHeader .search-form {background:rgba(233,242,255,.17);border:1px solid rgba(233,242,255,.23);border-radius:16px;}
body.zj-ambient-home[data-home-nav-state=hero] #siteHeader .search-form__input,body.zj-ambient-home[data-home-nav-state=hero] #siteHeader .search-form__btn {color:#f4f7ff;}
body.zj-ambient-home[data-home-nav-state=hero] #siteHeader .search-form__input::placeholder {color:#c4cee0;}
body.zj-ambient-home #siteHeader .nav__link.is-active {text-shadow:0 0 16px rgba(71,143,255,.65);}
body.zj-ambient-home #siteHeader .nav__link.is-active:after {height:3px;border-radius:4px;box-shadow:0 0 12px #4589ff80;}
body.zj-ambient-home[data-home-nav-state=scrolled] #siteHeader {background:var(--c-bg-card);border-color:var(--c-border,rgba(132,166,210,.22));}
body.zj-ambient-home main.mobile-home-page > #banner.banner {height:clamp(360px,52vw,480px)!important;margin-bottom:20px!important;overflow:visible!important;}
body.zj-ambient-home main.mobile-home-page > #banner .banner__content {bottom:58px!important;}
body.zj-ambient-home main.mobile-home-page > #banner .banner__dots {bottom:30px!important;}
body.zj-ambient-home #siteHeader.mobile-app-header {top:10px;width:calc(100% - 24px);border-radius:18px;height:60px;}
body.zj-ambient-home #siteHeader.mobile-app-header .header__inner {height:60px;padding-left:18px;padding-right:12px;}
body.zj-ambient-home[data-home-nav-state=hero] #siteHeader .header__nav-toggle span {background:#f4f7ff;}
@media(max-width:600px){body.zj-ambient-home main.mobile-home-page > #banner.banner {height:380px!important;}body.zj-ambient-home #banner .banner__title {font-size:27px!important;}.home-ambient{height:calc(var(--home-hero-height,380px) + 75px);}}
@media(prefers-reduced-motion:reduce){.home-ambient__image,body.zj-ambient-home #siteHeader {transition:none;}}

body.zj-ambient-home #siteHeader.header {background:rgba(12,24,45,.58)!important;}
body.zj-ambient-home[data-home-nav-state=scrolled] #siteHeader.header {background:var(--c-bg-card)!important;}
body.zj-ambient-home .page-home > #banner.banner {border:0;box-shadow:none;outline:0;}