/* ============================================================
       DESKTOP HEADER STYLES
       ============================================================ */

    @media (min-width:1200px){

      .main-header,
      .main-header .header-upper,
      .main-header .header-upper .auto-container,
      .main-header .header-upper .inner-container,
      .main-header .header-upper .nav-outer,
      .main-header .main-menu,
      .main-header .main-menu .navbar-collapse,
      .main-header .main-menu .navigation,
      .main-header .main-menu .navigation > li {
        overflow: visible !important;
      }
      .main-header { z-index: 10000 !important; }

      .main-header .header-top .auto-container,
      .main-header .header-upper .auto-container {
        width: calc(100% - 60px) !important;
        max-width: 1680px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .main-header .header-upper .inner-container {
        display: grid !important;
        grid-template-columns: 360px minmax(0,1fr) !important;
        align-items: stretch !important;
        height: 120px !important;
        min-height: 120px !important;
        padding: 0 !important;
        background: #fff !important;
        box-shadow: 0 4px 18px rgba(15,23,42,.10) !important;
        overflow: visible !important;
      }

      .main-header .header-upper .logo-outer {
        display: flex !important;
        align-items: center !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 20px 0 28px !important;
      }
      .main-header .header-upper .logo-outer a {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        text-decoration: none !important;
      }
      .main-header .header-upper .logo-outer img {
        width: 88px !important;
        max-width: 88px !important;
        min-width: 88px !important;
        height: auto !important;
      }
      .main-header .header-upper .logo-outer .title {
        color: #111 !important;
        font-size: 27px !important;
        font-weight: 800 !important;
        line-height: 1.03 !important;
        white-space: nowrap !important;
      }
      .main-header .header-upper .logo-outer .title i {
        display: block !important;
        margin-top: 4px !important;
        color: #111 !important;
        font-style: normal !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
      }

      .main-header .header-upper .nav-outer {
        display: grid !important;
        grid-template-columns: minmax(0,1fr) 195px !important;
        align-items: stretch !important;
        float: none !important;
        width: 100% !important;
        height: 120px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
      }

      .main-header .main-menu {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
      }
      .main-header .main-menu .navbar-header,
      .main-header .main-menu .navbar-toggler,
      .main-header .mobile-nav-toggler { display: none !important; }

      .main-header .main-menu .navbar-collapse {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 100% !important;
        height: 100% !important;
      }

      .main-header .main-menu .navigation {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 16px 0 0 !important;
        gap: 0 !important;
        white-space: nowrap !important;
      }

      .main-header .main-menu .navigation > li {
        display: flex !important;
        align-items: center !important;
        position: relative !important;
        height: 100% !important;
        float: none !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
      }
      .main-header .main-menu .navigation > li.mobile-only-quote { display: none !important; }

      .main-header .main-menu .navigation > li > a {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        height: 100% !important;
        padding: 0 14px !important;
        color: #202124 !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        letter-spacing: 1.2px !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        transition: color .18s ease !important;
      }
      .main-header .main-menu .navigation > li > a:hover,
      .main-header .main-menu .navigation > li.current > a,
      .main-header .main-menu .navigation > li.dropdown:hover > a {
        color: #e41d37 !important;
      }

      .main-header .main-menu .navigation > li.dropdown > a::after {
        content: "" !important;
        display: inline-block !important;
        width: 0 !important;
        height: 0 !important;
        border-left: 4px solid transparent !important;
        border-right: 4px solid transparent !important;
        border-top: 5px solid currentColor !important;
        margin-left: 3px !important;
        flex-shrink: 0 !important;
        transition: transform .18s ease !important;
      }
      .main-header .main-menu .navigation > li.dropdown:hover > a::after {
        transform: rotate(180deg) !important;
      }

      .main-header .nav-outer .outer-box {
        display: block !important;
        float: none !important;
        width: 195px !important;
        height: 120px !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      .main-header .nav-outer .outer-box .btn-box {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
      }
      .main-header .nav-outer .outer-box .theme-btn,
      .main-header .nav-outer .outer-box .vendor-btn {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 18px !important;
        border-radius: 0 !important;
        background: #e41d37 !important;
        color: #fff !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        letter-spacing: .5px !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        box-shadow: none !important;
        text-decoration: none !important;
        transition: background .2s ease !important;
      }
      .main-header .nav-outer .outer-box .theme-btn:hover,
      .main-header .nav-outer .outer-box .vendor-btn:hover {
        background: #bd1028 !important;
        color: #fff !important;
      }

      /* Desktop dropdown */
      .main-header .main-menu .navigation > li.dropdown > ul,
      .main-header .main-menu .navigation > li.rml-cities-menu > ul.rml-city-dropdown {
        display: block !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 200px !important;
        min-width: 200px !important;
        margin: 0 !important;
        padding: 6px 0 !important;
        list-style: none !important;
        background: #fff !important;
        border: 1px solid rgba(15,23,42,.10) !important;
        border-top: 3px solid #e41d37 !important;
        border-radius: 0 0 8px 8px !important;
        box-shadow: 0 8px 24px rgba(15,23,42,.12) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(6px) !important;
        transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
        z-index: 10050 !important;
      }

      .main-header .main-menu .navigation > li.dropdown:hover > ul,
      .main-header .main-menu .navigation > li.rml-cities-menu:hover > ul.rml-city-dropdown,
      .main-header .main-menu .navigation > li.dropdown:focus-within > ul,
      .main-header .main-menu .navigation > li.rml-cities-menu:focus-within > ul.rml-city-dropdown {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
      }

      .main-header .main-menu .navigation > li.rml-cities-menu > ul.rml-city-dropdown > li.rml-menu-heading {
        display: none !important;
      }

      .main-header .main-menu .navigation > li.dropdown > ul > li,
      .main-header .main-menu .navigation > li.rml-cities-menu > ul.rml-city-dropdown > li {
        display: block !important;
        float: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
      }

      .main-header .main-menu .navigation > li.dropdown > ul > li > a,
      .main-header .main-menu .navigation > li.rml-cities-menu > ul.rml-city-dropdown > li > a {
        display: block !important;
        padding: 10px 18px !important;
        color: #1f2937 !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        letter-spacing: .4px !important;
        text-transform: none !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        transition: background .15s ease, color .15s ease !important;
        border-bottom: 1px solid #f3f4f6 !important;
      }
      .main-header .main-menu .navigation > li.rml-cities-menu > ul.rml-city-dropdown > li:last-child > a {
        border-bottom: none !important;
      }
      .main-header .main-menu .navigation > li.dropdown > ul > li > a:hover,
      .main-header .main-menu .navigation > li.rml-cities-menu > ul.rml-city-dropdown > li > a:hover {
        background: #fff5f6 !important;
        color: #e41d37 !important;
      }

      .rml-city-title { display: inline !important; }
      .rml-city-subtitle { display: none !important; }
    }

    @media (min-width:1200px) and (max-width:1399px){
      .main-header .header-upper .auto-container { width: calc(100% - 40px) !important; max-width: 1300px !important; }
      .main-header .header-upper .inner-container { grid-template-columns: 300px minmax(0,1fr) !important; height: 110px !important; min-height: 110px !important; }
      .main-header .header-upper .logo-outer { padding-left: 20px !important; padding-right: 12px !important; }
      .main-header .header-upper .logo-outer img { width: 76px !important; max-width: 76px !important; min-width: 76px !important; }
      .main-header .header-upper .logo-outer .title { font-size: 23px !important; }
      .main-header .header-upper .logo-outer .title i { font-size: 10.5px !important; }
      .main-header .header-upper .nav-outer { height: 110px !important; grid-template-columns: minmax(0,1fr) 170px !important; }
      .main-header .nav-outer .outer-box { width: 170px !important; height: 110px !important; }
      .main-header .main-menu .navigation { padding-right: 10px !important; }
      .main-header .main-menu .navigation > li > a { padding: 0 10px !important; font-size: 12.5px !important; letter-spacing: .9px !important; }
      .main-header .nav-outer .outer-box .theme-btn,
      .main-header .nav-outer .outer-box .vendor-btn { font-size: 14px !important; }
    }

    /* ============================================================
       TABLET / MOBILE HEADER
       ============================================================ */
    @media (max-width:1199px){
      .main-header .header-upper .auto-container { width: calc(100% - 30px) !important; max-width: none !important; padding: 0 !important; }
      .main-header .header-upper .inner-container { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 90px !important; height: auto !important; padding: 0 16px !important; background: #fff !important; overflow: visible !important; box-shadow: 0 4px 14px rgba(15,23,42,.09) !important; }
      .main-header .header-upper .logo-outer { float: none !important; width: auto !important; max-width: 300px !important; margin: 0 !important; padding: 0 !important; }
      .main-header .header-upper .logo-outer a { display: flex !important; align-items: center !important; gap: 10px !important; }
      .main-header .header-upper .logo-outer img { width: 72px !important; max-width: 72px !important; min-width: 72px !important; height: auto !important; }
      .main-header .header-upper .logo-outer .title { font-size: 21px !important; font-weight: 800 !important; line-height: 1.05 !important; white-space: nowrap !important; }
      .main-header .header-upper .logo-outer .title i { display: block !important; margin-top: 3px !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 700 !important; font-style: normal !important; }
      .main-header .main-menu,
      .main-header .nav-outer .outer-box { display: none !important; }
      .main-header .header-upper .nav-outer { float: none !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; }
      .main-header .mobile-nav-toggler { display: block !important; }
      .rml-hero { padding-top: 148px !important; }
    }

    @media (max-width:575px){
      .main-header .header-upper .inner-container { min-height: 78px !important; padding: 0 12px !important; }
      .main-header .header-upper .logo-outer img { width: 60px !important; max-width: 60px !important; min-width: 60px !important; }
      .main-header .header-upper .logo-outer .title { font-size: 18px !important; }
      .main-header .header-upper .logo-outer .title i { font-size: 9px !important; }
    }

    /* Hero top padding */
    @media (min-width:1200px){ .rml-hero { padding-top: 200px !important; padding-bottom: 110px !important; } }
    @media (max-width:1199px){ .rml-hero { padding-top: 120px !important; padding-bottom: 80px !important; } }
    @media (max-width:991px) { .rml-hero { padding-top: 110px !important; padding-bottom: 72px !important; } }
    @media (max-width:767px) { .rml-hero { padding-top: 90px  !important; padding-bottom: 64px !important; } }
    @media (max-width:575px) { .rml-hero { padding-top: 82px  !important; padding-bottom: 56px !important; } }
    @media (max-width:420px) { .rml-hero { padding-top: 76px  !important; padding-bottom: 52px !important; } }

    @media (max-width:767px){
      .rml-hero:after { display: none !important; }
    }

    @media (max-width:767px){
      .rml-hero h1   { font-size: clamp(26px, 7vw, 34px) !important; }
      .rml-hero p    { font-size: 14.5px !important; line-height: 1.7 !important; }
      .rml-eyebrow   { font-size: 11px !important; padding: 7px 12px !important; margin-bottom: 14px !important; }
      .rml-hero-actions { flex-direction: column !important; }
      .rml-hero-actions .rml-btn { width: 100% !important; justify-content: center !important; }
    }

    /* ============================================================
       MOBILE MENU DROPDOWN FIX — Clean & Simple (no subtitles)
       ============================================================ */

    /* Hide subtitles and heading row everywhere in mobile menu */
    .mobile-menu .rml-city-subtitle,
    .mobile-menu .rml-menu-heading,
    .menu-box   .rml-city-subtitle,
    .menu-box   .rml-menu-heading {
      display: none !important;
    }

    /* City name only */
    .mobile-menu .rml-city-title,
    .menu-box   .rml-city-title {
      display: inline !important;
    }

    /* ── Hidden by default: all sub-lists inside mobile menu ── */
    .mobile-menu .navigation li > ul,
    .mobile-menu .navigation li > .rml-city-dropdown,
    .mobile-menu .navigation li > .mobile-sub,
    .menu-box    .navigation li > ul,
    .menu-box    .navigation li > .rml-city-dropdown,
    .menu-box    .navigation li > .mobile-sub {
      display:        none       !important;
      position:       static     !important;
      width:          100%       !important;
      min-width:      0          !important;
      padding:        0          !important;
      margin:         0          !important;
      background:     #f4f6f8    !important;
      border:         none       !important;
      border-left:    3px solid #e41d37 !important;
      border-top:     none       !important;
      border-radius:  0          !important;
      box-shadow:     none       !important;
      opacity:        1          !important;
      visibility:     visible    !important;
      pointer-events: auto       !important;
      transform:      none       !important;
      transition:     none       !important;
      z-index:        auto       !important;
      list-style:     none       !important;
    }

    /* ── Visible when parent has .open ── */
    .mobile-menu .navigation li.open > ul,
    .mobile-menu .navigation li.open > .rml-city-dropdown,
    .mobile-menu .navigation li.open > .mobile-sub,
    .menu-box    .navigation li.open > ul,
    .menu-box    .navigation li.open > .rml-city-dropdown,
    .menu-box    .navigation li.open > .mobile-sub {
      display: block !important;
    }

    /* ── Sub-list items ── */
    .mobile-menu .navigation li > ul li,
    .mobile-menu .navigation li > .rml-city-dropdown li,
    .mobile-menu .navigation li > .mobile-sub li,
    .menu-box    .navigation li > ul li,
    .menu-box    .navigation li > .rml-city-dropdown li,
    .menu-box    .navigation li > .mobile-sub li {
      display: block  !important;
      float:   none   !important;
      height:  auto   !important;
      margin:  0      !important;
      padding: 0      !important;
    }

    /* ── Sub-list links ── */
    .mobile-menu .navigation li > ul li a,
    .mobile-menu .navigation li > .rml-city-dropdown li a,
    .mobile-menu .navigation li > .mobile-sub li a,
    .menu-box    .navigation li > ul li a,
    .menu-box    .navigation li > .rml-city-dropdown li a,
    .menu-box    .navigation li > .mobile-sub li a {
      display:         block          !important;
      padding:         13px 18px 13px 24px !important;
      font-size:       14px           !important;
      font-weight:     600            !important;
      color:           #374151        !important;
      border-bottom:   1px solid #e5e7eb !important;
      text-transform:  none           !important;
      letter-spacing:  0.3px          !important;
      text-decoration: none           !important;
      background:      transparent    !important;
      line-height:     1.4            !important;
      height:          auto           !important;
    }

    .mobile-menu .navigation li > ul li:last-child a,
    .mobile-menu .navigation li > .rml-city-dropdown li:last-child a,
    .mobile-menu .navigation li > .mobile-sub li:last-child a,
    .menu-box    .navigation li > ul li:last-child a,
    .menu-box    .navigation li > .rml-city-dropdown li:last-child a,
    .menu-box    .navigation li > .mobile-sub li:last-child a {
      border-bottom: none !important;
    }

    .mobile-menu .navigation li > ul li a:hover,
    .mobile-menu .navigation li > .rml-city-dropdown li a:hover,
    .mobile-menu .navigation li > .mobile-sub li a:hover,
    .menu-box    .navigation li > ul li a:hover,
    .menu-box    .navigation li > .rml-city-dropdown li a:hover,
    .menu-box    .navigation li > .mobile-sub li a:hover {
      color:      #e41d37 !important;
      background: #fff5f6 !important;
    }

    /* ── Arrow indicator on Cities parent link ── */
    .mobile-menu .navigation li.dropdown  > a::after,
    .mobile-menu .navigation li.rml-cities-menu > a::after,
    .menu-box    .navigation li.dropdown  > a::after,
    .menu-box    .navigation li.rml-cities-menu > a::after {
      content:      "›" !important;
      float:        right !important;
      font-size:    20px !important;
      line-height:  1 !important;
      color:        #aaa !important;
      transition:   transform .2s ease !important;
    }
    .mobile-menu .navigation li.dropdown.open  > a::after,
    .mobile-menu .navigation li.rml-cities-menu.open > a::after,
    .menu-box    .navigation li.dropdown.open  > a::after,
    .menu-box    .navigation li.rml-cities-menu.open > a::after {
      transform: rotate(90deg) !important;
      color:     #e41d37 !important;
    }

  

/* ============================================================
   EXTRA MOBILE DUPLICATE FIX
   ============================================================ */
@media (max-width:1199px){
  .mobile-menu .navigation .dropdown-btn,
  .mobile-menu .navigation .dropdown-toggle,
  .menu-box .navigation .dropdown-btn,
  .menu-box .navigation .dropdown-toggle{
    display:none !important;
  }
  .mobile-menu .navigation > li,
  .menu-box .navigation > li{
    position:relative !important;
  }
  .mobile-menu .navigation li.rml-menu-heading,
  .menu-box .navigation li.rml-menu-heading{
    display:none !important;
  }
}