/* Mobile cart popup */
@media(max-width:767px){
  #header-cart .dropdown-menu {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    border-radius: 16px 16px 0 0 !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,.3) !important;
    transform: none !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
    z-index: 10000 !important;
    padding: 15px !important;
  }
  #header-cart .dropdown-menu table { font-size: 13px; }
  #header-cart .dropdown-menu .btn-lg { font-size: 14px !important; padding: 10px !important; }
}

/* Mobile header layout */
@media(max-width:767px) {
  .sb-header-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 8px 12px !important;
  }
  .sb-header .sb-logo { flex: 0 0 auto; order: 1; }
  .sb-header .sb-logo .sb-logo-icon { font-size: 22px; }
  .sb-header .sb-logo .sb-logo-text { font-size: 18px; }
  .sb-header .sb-logo .sb-logo-sub { font-size: 8px; }
  .sb-header .sb-header-icons { flex: 0 0 auto; order: 2; margin-left: auto !important; }
  .sb-header .sb-cart-btn .btn { font-size: 11px !important; padding: 5px 8px !important; white-space: nowrap !important; }
  .sb-header .sb-search.d-md-none { order: 3; flex: 0 0 100%; margin-top: 6px !important; }
}