/* V1.3.4: non-phone layout. Phone CSS is owned by the mobile branch. */
@media (min-width:601px) {
  :is(body,#boban-home-concept) [data-boban-navigation] { display:block; }
  #boban-home-concept .boban-mm-hero { display:block; }
  #boban-home-concept { padding-bottom:0; }
  [data-boban-to-top].boban-desktop-obscures-content { opacity:0!important; visibility:hidden!important; pointer-events:none!important; }
}
@media (min-width:601px) and (max-width:700px) {
  :is(body,#boban-home-concept) [data-boban-navigation] {
    position:sticky; top:0; z-index:1000; width:100%; height:60px; margin:0; padding:4px 0;
    border:0; border-radius:0; background:rgba(255,255,255,.96); backdrop-filter:blur(18px); box-shadow:none;
  }
  :is(body,#boban-home-concept) [data-boban-nav-inner] {
    box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:14px;
    width:calc(100% - 32px); height:52px; margin:0 auto; padding:0; border:0; background:transparent; pointer-events:auto;
  }
  :is(body,#boban-home-concept) [data-boban-nav-brand] { display:inline-flex; align-items:center; flex:0 0 auto; width:auto; margin:0; padding:0; overflow:visible; }
  :is(body,#boban-home-concept) [data-boban-nav-logo] { display:block; width:132px; max-width:none; height:auto; }
  :is(body,#boban-home-concept) [data-boban-nav-links] {
    position:static; display:flex; flex:1; align-items:center; justify-content:space-between; gap:10px; min-width:0;
    width:auto; height:auto; margin:0; padding:0; border:0; border-radius:0; background:transparent;
    box-shadow:none; backdrop-filter:none; color:#25292e; font-size:12px; line-height:18px; white-space:nowrap;
  }
  :is(body,#boban-home-concept) [data-boban-nav-links] a {
    display:inline-flex!important; align-items:center; justify-content:center; flex:0 0 auto; min-height:38px;
    margin:0; padding:8px 0; border:0; border-radius:30px; color:inherit; background:transparent; font:inherit; text-decoration:none;
  }
  :is(body,#boban-home-concept) [data-boban-nav-links] a[aria-current="page"] { padding-inline:10px; color:white; background:#111113; font-weight:600; }
  :is(body,#boban-home-concept) [data-boban-nav-links] [data-boban-mobile-home] { display:none!important; }
  :is(body,#boban-home-concept) [data-boban-nav-links] .boban-tab-icon,
  #boban-home-concept .boban-mm-mobile-nav, .hanhai-mobile-nav, .stream-mobile-nav { display:none!important; }
  :is(body,#boban-home-concept) [data-boban-navigation] a:focus-visible { outline:2px solid #0077ed; outline-offset:2px; }
  .hh-content-directory { top:60px; }
  #model-family #language-title { scroll-margin-top:160px; }
  .hh-model-content .hh-product .hanhai-heading { scroll-margin-top:172px; }
  .hh-model-content #prediction-explorer { scroll-margin-top:138px; }
  .hanhai-page, .stream-page { padding-bottom:0; }
}
@media (min-width:601px) and (max-width:900px) {
  #boban-home-concept .boban-mm-hero { height:clamp(350px,49vw,440px); }
  #boban-home-concept .boban-mm-hero-media { width:calc(100% - 64px); aspect-ratio:2.2 / 1; }
  #boban-home-concept .boban-mm-hero-media-overlay { left:24px; width:44%; }
  #boban-home-concept .boban-mm-hero-video-frame .boban-mm-hero-media-overlay,
  #boban-home-concept .boban-mm-hero-media--platform .boban-mm-hero-media-overlay { left:auto; right:24px; }
  #boban-home-concept .boban-mm-hero-media-title { font-size:clamp(28px,4.4vw,38px); }
  #boban-home-concept .boban-mm-hero-media-subtitle { font-size:13px; line-height:1.6; }
  #boban-home-concept .boban-mm-hero-media-actions { gap:8px; flex-wrap:wrap; margin-top:16px; }
  #boban-home-concept .boban-mm-hero-media-actions .boban-mm-button { min-width:94px; height:36px; padding:0 10px; font-size:12px; }
}
/* Keep the complete stage inside its clipping container on very wide, short windows. */
@media (min-width:901px) {
  .hanhai-hero { min-height:max(560px,44vw); }
}
@media (min-width:901px) and (max-height:600px) {
  #boban-home-concept .boban-mm-hero { height:calc(100svh - 60px); min-height:320px; }
  #boban-home-concept .boban-mm-hero-media { width:min(1120px,calc(100% - 132px),calc(300svh - 408px)); }
}
@media (min-width:701px) and (max-height:500px) {
  .port-sticky { --port-stage-height:max(360px,100svh - 60px); min-height:360px; }
}