/* QT-97 shared top navigation used by the home page and the mobile detail page. */
.yf-shared-mobile-header .yf-header-brand{
  border:0!important;
  outline:0!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  font-family:inherit!important;
}
.yf-shared-mobile-header .yf-header-brand img{pointer-events:none!important}
.yf-shared-mobile-header .yf-header-brand-hidden{display:none!important}
.yf-shared-search-form{flex:1 1 auto;min-width:0;display:flex;align-items:center;margin:0;padding:0}

@media (max-width:767px){
  html body .yf-home > .yf-search-row.yf-shared-mobile-header,
  html body .yf-detail-page > .yf-search-row.yf-shared-mobile-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    height:38px!important;
    min-height:38px!important;
    z-index:99999!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    margin:0!important;
    padding:2px 4px!important;
    border:0!important;
    border-radius:0!important;
    background:#ff6a00!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  html body .yf-home{padding-top:38px!important}
  html body .yf-detail-page{padding-top:38px!important}

  .yf-shared-mobile-header .yf-search-div,
  .yf-shared-mobile-header .yf-lang-btn,
  .yf-shared-mobile-header .yf-currency-btn,
  .yf-shared-mobile-header .yf-menu-state{display:none!important}

  .yf-shared-mobile-header .yf-menu-btn{
    display:flex!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    height:32px!important;
    min-height:32px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:5px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    box-sizing:border-box!important;
  }
  .yf-shared-mobile-header .yf-menu-bars{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;margin:0!important}
  .yf-shared-mobile-header .yf-menu-bar{display:block!important;width:17px!important;height:2px!important;border-radius:2px!important;background:#fff!important}

  .yf-shared-mobile-header .yf-shared-search-form{height:32px!important;min-height:32px!important}
  .yf-shared-mobile-header .yf-search-wrap{
    flex:1 1 auto!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
    border:0!important;
    border-radius:6px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .yf-shared-mobile-header .yf-search{
    position:relative!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:100%!important;
    height:32px!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 0 0 9px!important;
    border:0!important;
    border-radius:6px!important;
    background:#fff!important;
  }
  .yf-shared-mobile-header .yf-search>svg:first-child{
    width:18px!important;height:18px!important;min-width:18px!important;
    display:block!important;flex:0 0 18px!important;color:#9ca3af!important;
  }
  .yf-shared-mobile-header .yf-search::before,
  .yf-shared-mobile-header .yf-search::after{display:none!important;content:none!important}
  .yf-shared-mobile-header .yf-search input{
    flex:1 1 auto!important;
    min-width:0!important;
    height:30px!important;
    margin:0 5px 0 7px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#111!important;
    font-size:15px!important;
    line-height:30px!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  .yf-shared-mobile-header .yf-search input::placeholder{color:#bdbdbd!important;opacity:1!important}
  .yf-shared-mobile-header .yf-search-clear{
    display:none!important;
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    margin:0 7px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(0,0,0,.15)!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:20px!important;
    text-align:center!important;
  }
  .yf-shared-mobile-header .yf-search-clear.show{display:block!important}
  .yf-shared-mobile-header .yf-camera{
    display:grid!important;
    place-items:center!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:30px!important;
    min-height:30px!important;
    margin:0 3px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  .yf-shared-mobile-header .yf-camera svg{display:block!important;width:25px!important;height:25px!important;color:#ff6a00!important}
  .yf-shared-mobile-header.search-active .yf-camera{display:none!important}

  .yf-shared-mobile-header .yf-header-brand{
    display:flex!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    height:32px!important;
    min-height:32px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:3px 2px!important;
    border-radius:5px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    user-select:none!important;
  }
  .yf-shared-mobile-header .yf-header-brand img{display:block!important;max-width:100%!important;max-height:28px!important;width:auto!important;height:auto!important;object-fit:contain!important}
  .yf-shared-mobile-header .yf-header-brand-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:14px!important;font-weight:900!important;letter-spacing:.2px!important;line-height:1!important}
  .yf-shared-mobile-header .yf-header-brand-fallback{display:none!important}
  .yf-shared-mobile-header .yf-header-brand-hidden{display:none!important}

  /* The new top navigation replaces the old image-overlay back button on mobile detail pages. */
  html body .yf-detail-page .yf-detail-source-back{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html body .yf-detail-page>.yf-detail-content,
  html body .yf-detail-page .yf-detail-gallery,
  html body .yf-detail-page .yf-detail-hero{margin-top:0!important}

  /* Choice drawers stay immediately under the shared 38px header. */
  html body #yfDrawer.yf-mobile-choice-drawer{top:38px!important;bottom:auto!important;transform:none!important}
}

@media (min-width:768px){
  .yf-detail-page>.yf-shared-mobile-header{display:none!important}
}