/* Mobile header layout inspired by the supplied reference screenshot.
   Desktop is intentionally untouched. */
@media (max-width:991px) {
  .site-header.premium-header {
    border-top:5px solid #edb74a!important;
    background:#1a1619!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .site-header.premium-header > .mobile-premium-header {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    background:#1a1619!important;
    color:#fff!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    font-family:Manrope,Arial,sans-serif;
  }

  /* Row 1: Create account | Login | Appearance */
  .site-header.premium-header .mobile-top-row {
    display:grid!important;
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 49px!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:8px!important;
    height:auto!important;
    min-height:65px!important;
    margin:0!important;
    padding:8px 11px!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    box-sizing:border-box!important;
  }
  .site-header.premium-header .mobile-top-link,
  .site-header.premium-header .mobile-login-btn,
  .site-header.premium-header .mobile-theme-toggle {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:48px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    border-radius:11px!important;
    color:#fff!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    line-height:1!important;
    box-shadow:none!important;
  }
  .site-header.premium-header .mobile-top-link {
    padding:0 9px!important;
    background:#252329!important;
    border:1px solid #56535b!important;
    font-size:13px!important;
    font-weight:800!important;
  }
  .site-header.premium-header .mobile-login-btn {
    padding:0 12px!important;
    background:#ab2448!important;
    border:1px solid #ad2a4c!important;
    font-size:14px!important;
    font-weight:850!important;
    text-transform:uppercase!important;
  }
  .site-header.premium-header .mobile-theme-toggle {
    padding:0!important;
    background:#252329!important;
    border:1px solid #56535b!important;
    color:#eab64e!important;
    font-size:22px!important;
    cursor:pointer;
  }

  /* Row 2: Kolkata branding | bordered menu */
  .site-header.premium-header .mobile-bottom-row.mobile-cc-header-row {
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    grid-template-columns:none!important;
    gap:12px!important;
    width:100%!important;
    height:80px!important;
    min-height:80px!important;
    padding:10px 11px!important;
    margin:0!important;
    box-sizing:border-box!important;
    background:#1a1619!important;
  }
  .site-header.premium-header .mobile-logo-link {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 1 218px!important;
    min-width:0!important;
    width:auto!important;
    max-width:calc(100% - 88px)!important;
    height:58px!important;
    margin:0!important;
    overflow:visible!important;
  }
  .site-header.premium-header .mobile-site-logo {
    display:block!important;
    width:100%!important;
    max-width:218px!important;
    max-height:58px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .site-header.premium-header .mobile-menu-btn {
    display:flex!important;
    flex:0 0 70px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:70px!important;
    min-width:70px!important;
    height:51px!important;
    margin:0!important;
    padding:0 6px!important;
    background:#111725!important;
    border:1px solid #8c6837!important;
    border-radius:19px!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }
  .site-header.premium-header .mobile-menu-btn .mobile-menu-glyph {
    display:inline!important;
    font-size:19px!important;
    font-weight:500!important;
  }
  .site-header.premium-header .mobile-menu-btn span:last-child {
    display:inline!important;
    font-size:12px!important;
    font-weight:800!important;
  }

  /* Row 3: Full-width area selector, with working existing dropdown. */
  .site-header.premium-header .mobile-reference-search-row {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 10px 12px!important;
    box-sizing:border-box!important;
    background:#1a1619!important;
  }
  .site-header.premium-header .mobile-reference-search-row .mobile-cc-wrap {
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
  }
  .site-header.premium-header .mobile-reference-search-row .mobile-cc-toggle {
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    height:53px!important;
    margin:0!important;
    padding:0 13px!important;
    border:1px solid #a7874d!important;
    border-radius:13px!important;
    background:#4d392d!important;
    box-shadow:none!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1!important;
    text-align:left!important;
  }
  .site-header.premium-header .mobile-reference-search-row .mobile-cc-icon {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:19px!important;
    font-size:17px!important;
    flex:0 0 19px!important;
  }
  .site-header.premium-header .mobile-reference-search-row #mobileCcLabel {
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
  }
  .site-header.premium-header .mobile-reference-search-row .mobile-cc-arrow {
    margin-left:auto!important;
    color:#fff!important;
    font-size:13px!important;
  }
  .mobile-cc-dropdown.mobile-cc-portal {
    top:154px!important;
    border-color:#aa8a52!important;
    z-index:100080!important;
  }

  /* Row 4: A configured header banner also appears on mobile. */
  .site-header.premium-header .mobile-reference-banner {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:7px 9px 10px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-sizing:border-box!important;
    background:#1a1619!important;
  }
  .site-header.premium-header .mobile-reference-banner a {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:59px!important;
    border:1px solid #836342!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#120f12!important;
  }
  .site-header.premium-header .mobile-reference-banner img {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:90px!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  body.kolkata-mobile-light-header .site-header.premium-header,
  body.kolkata-mobile-light-header .site-header.premium-header > .mobile-premium-header,
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-bottom-row.mobile-cc-header-row,
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-reference-search-row,
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-reference-banner {
    background:#faf4ef!important;
  }
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-top-row {
    border-bottom-color:#ded2c5!important;
  }
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-top-link,
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-theme-toggle {
    background:#fff!important;
    color:#38222d!important;
    border-color:#c7b7a4!important;
  }
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-menu-btn {
    background:#fff!important;
    color:#38222d!important;
  }
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-reference-search-row .mobile-cc-toggle {
    background:#eee0d3!important;
    color:#32212a!important;
  }
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-reference-search-row #mobileCcLabel,
  body.kolkata-mobile-light-header .site-header.premium-header .mobile-reference-search-row .mobile-cc-arrow {
    color:#32212a!important;
  }
}

@media (max-width:359px) {
  .site-header.premium-header .mobile-top-row {
    grid-template-columns:minmax(0,1.3fr) minmax(0,.95fr) 43px!important;
    gap:6px!important;
    padding:8px!important;
  }
  .site-header.premium-header .mobile-top-link {
    padding:0 5px!important;
    font-size:11px!important;
  }
  .site-header.premium-header .mobile-login-btn {font-size:12px!important;}
  .site-header.premium-header .mobile-theme-toggle {font-size:19px!important;}
  .site-header.premium-header .mobile-bottom-row.mobile-cc-header-row {padding:10px 8px!important;}
  .site-header.premium-header .mobile-reference-search-row {padding:0 8px 11px!important;}
}