/* Desktop logo */
#sp-header .logo img,
#sp-logo .logo img,
#sp-logo img,
.logo img,
.sp-default-logo {
    width: 450px !important;
    height: auto !important;
    max-width: none !important;
}

/* Mobile logo */
@media (max-width: 767px) {

    #sp-logo img,
    #sp-header .logo img,
    .logo img,
    .sp-default-logo,
    .sp-mobile-logo {
        width: 300px !important;
        max-width: 75vw !important;
        height: auto !important;
        object-fit: contain !important;
    }

    #sp-logo,
    #sp-logo .logo {
        text-align: left !important;
    }

    #offcanvas-toggler {
        position: absolute !important;
        right: 10px !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }
}

@media (min-width: 992px) {

  /* Keep your existing logo size */
  #sp-header .logo img,
  #sp-logo .logo img,
  #sp-logo img,
  .logo img,
  .sp-default-logo {
    width: 450px !important;
    height: auto !important;
    max-width: none !important;
  }

  /* Tighten desktop menu spacing */
  #sp-menu .sp-megamenu-parent > li > a {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* Slightly reduce menu text if needed */
  #sp-menu .sp-megamenu-parent > li > a {
    font-size: 13px !important;
  }
}