/* MiKO mobile header fit — keep controls tidy on phones without dropping features. */
@media (max-width:700px){
  body.home .miko-news-nav-wrap{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    width:calc(100% - 20px)!important;
    max-width:none!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:8px 0 9px!important;
    gap:7px!important;
    overflow:visible!important;
  }

  body.home .miko-news-brand{
    order:1!important;
    flex:1 1 auto!important;
    min-width:76px!important;
    max-width:112px!important;
    margin-right:auto!important;
  }
  body.home .miko-news-brand img{
    display:block!important;
    width:90px!important;
    max-width:100%!important;
    height:auto!important;
    max-height:44px!important;
    object-fit:contain!important;
  }
  body.home .miko-news-brand span{display:none!important}

  /* The main navigation remains the existing off-canvas drawer. */
  body.home .miko-news-mainnav{
    position:fixed!important;
  }

  /* Let toolbar children participate in the header flex layout. */
  body.home .miko-news-tools{
    display:contents!important;
  }

  body.home .miko-reward-header-btn,
  body.home .miko-saved-news-toggle,
  body.home .miko-member-account,
  body.home .miko-mobile-menu{
    order:2!important;
    flex:0 0 38px!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    margin:0!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }

  body.home .miko-reward-header-label,
  body.home .miko-saved-label,
  body.home .miko-member-account-label{
    display:none!important;
  }

  body.home .miko-reward-header-icon,
  body.home .miko-saved-icon,
  body.home .miko-member-account>svg,
  body.home .miko-mobile-menu .miko-menu-bars{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    display:grid!important;
    place-items:center!important;
  }

  body.home .miko-reward-header-icon svg,
  body.home .miko-saved-icon svg,
  body.home .miko-member-account>svg{
    width:20px!important;
    height:20px!important;
  }

  body.home .miko-member-account .miko-header-avatar{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:50%!important;
    overflow:hidden!important;
    display:block!important;
  }
  body.home .miko-member-account .miko-header-avatar img,
  body.home .miko-member-account .miko-header-avatar-img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  /* Search becomes a full-width second row rather than fighting the icon buttons. */
  body.home .miko-news-tools .miko-news-search[data-miko-search]{
    order:3!important;
    flex:1 0 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    margin:1px 0 0!important;
    padding:4px 6px!important;
    gap:5px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }

  body.home .miko-search-mode{
    flex:0 0 auto!important;
    min-width:0!important;
    padding:2px!important;
    gap:2px!important;
  }
  body.home .miko-search-mode button{
    height:30px!important;
    min-width:0!important;
    padding:0 7px!important;
    gap:4px!important;
    font-size:10px!important;
  }
  body.home .miko-search-mode button span{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }
  body.home .miko-search-mode button b{
    display:inline-block!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }

  body.home .miko-news-tools .miko-news-search[data-miko-search] input{
    flex:1 1 72px!important;
    width:0!important;
    min-width:60px!important;
    max-width:none!important;
    height:34px!important;
    padding:0 5px!important;
    font-size:11px!important;
  }
  body.home .miko-news-tools .miko-news-search[data-miko-search] input::placeholder{
    font-size:10px!important;
  }
  body.home .miko-search-submit{
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    border-radius:9px!important;
  }

  body.home .miko-saved-count{
    right:-3px!important;
    top:-5px!important;
  }

  /* Breaking row begins below the two-row header with no accidental overlap. */
  body.home .miko-breaking-wrap{
    clear:both!important;
  }
}

@media (max-width:430px){
  body.home .miko-news-nav-wrap{
    width:calc(100% - 18px)!important;
    gap:6px!important;
    padding-top:7px!important;
    padding-bottom:8px!important;
  }
  body.home .miko-news-brand{
    max-width:94px!important;
  }
  body.home .miko-news-brand img{
    width:86px!important;
  }
  body.home .miko-reward-header-btn,
  body.home .miko-saved-news-toggle,
  body.home .miko-member-account,
  body.home .miko-mobile-menu{
    flex-basis:37px!important;
    width:37px!important;
    min-width:37px!important;
    max-width:37px!important;
    height:37px!important;
    min-height:37px!important;
    border-radius:11px!important;
  }
  body.home .miko-news-tools .miko-news-search[data-miko-search]{
    height:43px!important;
    margin-top:2px!important;
  }
}

@media (max-width:390px){
  body.home .miko-news-nav-wrap{
    width:calc(100% - 16px)!important;
    gap:5px!important;
  }
  body.home .miko-news-brand{
    max-width:86px!important;
    min-width:70px!important;
  }
  body.home .miko-news-brand img{
    width:80px!important;
  }
  body.home .miko-reward-header-btn,
  body.home .miko-saved-news-toggle,
  body.home .miko-member-account,
  body.home .miko-mobile-menu{
    flex-basis:36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
  body.home .miko-search-mode button{
    padding:0 6px!important;
  }
}

@media (max-width:360px){
  body.home .miko-news-brand{
    max-width:80px!important;
  }
  body.home .miko-news-brand img{
    width:76px!important;
  }
  body.home .miko-reward-header-btn,
  body.home .miko-saved-news-toggle,
  body.home .miko-member-account,
  body.home .miko-mobile-menu{
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
  body.home .miko-search-mode button{
    padding:0 5px!important;
    gap:3px!important;
  }
  body.home .miko-search-mode button b{
    font-size:9px!important;
  }
  body.home .miko-news-tools .miko-news-search[data-miko-search] input{
    min-width:48px!important;
    font-size:10px!important;
  }
}

@media (max-width:330px){
  body.home .miko-search-mode button b{display:none!important}
}