/* ICODE MEDIA R113 | responsive public header reconciliation | 2026-10-09
   One header and one menu: native Cinema Header + native Mobile Scene.
   Intentionally does not style desktop (>=1081px), hero, fan, or intro. */
@media (max-width:1080px) {
  html body header.cinema-header[data-cinema-header],
  html body header.cinema-header[data-cinema-header][data-icode-header-preset] {
    position:fixed!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    left:50%!important;
    right:auto!important;
    top:10px!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 24px)!important;
    max-width:720px!important;
    min-width:0!important;
    height:74px!important;
    min-height:74px!important;
    margin:0!important;
    padding:8px 12px 8px 16px!important;
    border-radius:20px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    z-index:9000!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body header.cinema-header[data-cinema-header].scrolled {
    top:6px!important;
    height:68px!important;
    min-height:68px!important;
  }
  html body header.cinema-header[data-cinema-header] .icode-v18-header-row {display:contents!important}
  html body header.cinema-header[data-cinema-header] .cinema-desktop-nav,
  html body header.cinema-header[data-cinema-header] .simple-main-nav,
  html body header.cinema-header[data-cinema-header] .cinema-project-btn,
  html body header.cinema-header[data-cinema-header] .cinema-whatsapp-btn,
  html body header.cinema-header[data-cinema-header] .icode-v18-menu-toggle {display:none!important}
  html body header.cinema-header[data-cinema-header] .cinema-logo {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;
    width:auto!important;
    max-width:min(230px,49vw)!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
  }
  html body header.cinema-header[data-cinema-header] .cinema-logo img {
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    max-height:52px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
    margin:0!important;
  }
  html body header.cinema-header[data-cinema-header] .cinema-header-actions {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:0!important;
    width:auto!important;
    position:relative!important;
    z-index:2!important;
  }
  html body header.cinema-header[data-cinema-header] .cinema-mobile-trigger {
    appearance:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:13px!important;
    background:#14120f!important;
    color:#fff!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  html body header.cinema-header[data-cinema-header] .cinema-mobile-trigger span {
    display:block!important;
    width:21px!important;
    height:2px!important;
    margin:3px 0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    border-radius:3px!important;
    transform:none!important;
  }
  html body header.cinema-header[data-cinema-header] .cinema-mobile-trigger span:last-child {width:15px!important;align-self:center!important}
  html body .icode-v19-mobile-header,
  html body .icode-v18-mobile-header,
  html body .icode-v19-backdrop,
  html body .icode-v19-drawer {display:none!important}
  html body .mobile-scene[data-mobile-menu] {
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    z-index:2147483000!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
    text-align:start!important;
    transform:none;
  }
  html body .mobile-scene[data-mobile-menu]:not(.open){display:none!important;pointer-events:none!important}
  html body .mobile-scene[data-mobile-menu].open{display:flex!important;flex-direction:column!important;pointer-events:auto!important}
  html body .mobile-scene[data-mobile-menu] .mobile-scene-top {
    flex:0 0 auto!important;
    height:auto!important;
    min-height:100px!important;
    padding:16px max(16px,env(safe-area-inset-right)) 15px max(16px,env(safe-area-inset-left))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-logo {
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-logo img {width:auto!important;max-width:min(185px,57vw)!important;max-height:56px!important;height:auto!important;object-fit:contain!important}
  html body .mobile-scene[data-mobile-menu] [data-mobile-menu-close] {
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-top>.icode-website-language {
    grid-column:1/-1!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:center!important;
    direction:ltr!important;
    max-width:100%!important;
  }
  html body .mobile-scene[data-mobile-menu] .mobile-scene-body {min-width:0!important;width:100%!important;flex:1 0 auto!important;text-align:start!important}
  html body .mobile-scene[data-mobile-menu] .mobile-scene-link {min-width:0!important;width:100%!important;text-align:start!important}
  html body .mobile-scene[data-mobile-menu] .mobile-scene-link>span {min-width:0!important;overflow-wrap:break-word!important}
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom {flex:0 0 auto!important;width:100%!important}
  html body.mobile-menu-open {overflow:hidden!important}
}
@media (max-width:600px) {
  html body header.cinema-header[data-cinema-header] .cinema-logo {max-width:min(188px,58vw)!important}
  html body header.cinema-header[data-cinema-header] .cinema-logo img {max-height:48px!important}
  html body header.cinema-header[data-cinema-header] .cinema-header-actions>.icode-website-language {display:none!important}
  html body .mobile-scene[data-mobile-menu] .mobile-scene-body {padding:17px 17px 26px!important}
  html body .mobile-scene[data-mobile-menu] .mobile-scene-link {min-height:60px!important}
  html body .mobile-scene[data-mobile-menu] .mobile-scene-link>span {font-size:clamp(19px,5.5vw,26px)!important}
}
@media (max-width:350px) {
  html body header.cinema-header[data-cinema-header],html body header.cinema-header[data-cinema-header][data-icode-header-preset]{width:calc(100% - 12px)!important;padding:8px 10px!important}
  html body .mobile-scene[data-mobile-menu] .mobile-scene-bottom {grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){html body .mobile-scene[data-mobile-menu].open{animation:none!important}}