/* Logo responsive styling - maintain aspect ratio and smaller size */
#header .logo img,
.header .logo img,
#_desktop_logo .logo img,
#_mobile_logo .logo img,
.header-bottom .navbar-brand .logo {
    width: auto !important;
    height: auto !important;
    max-height: 40px; /* Reduced from 60px */
    object-fit: contain;
    display: block;
}

/* Desktop (992px and above) */
@media only screen and (min-width: 992px) {
    #header .logo img,
    .header .logo img,
    #_desktop_logo .logo img,
    .header-bottom .navbar-brand .logo {
        max-height: 50px; /* Reduced from 80px */
    }
}

/* Tablet (769px to 991px) */
@media only screen and (max-width: 991px) and (min-width: 769px) {
    #header .logo img,
    .header .logo img,
    #_desktop_logo .logo img,
    .header-bottom .navbar-brand .logo {
        max-height: 40px; /* Reduced from 60px */
    }
}

/* Mobile (768px and below) */
@media only screen and (max-width: 768px) {
    #header .logo img,
    .header .logo img,
    #_mobile_logo .logo img,
    .header-bottom .navbar-brand .logo {
        max-height: 35px; /* Reduced from 50px */
    }
}

/* Remove container constraints */
#_desktop_logo,
#_mobile_logo,
.header .logo,
.header-bottom .navbar-brand {
    width: auto !important;
    flex: none !important;
}

/* Hide shipping carrier selection in checkout */
#checkout-delivery-step .delivery-options {
    display: none !important;
}

/* Auto-select the only carrier and hide the radio button */
.delivery-option {
    display: none !important;
}

/* Optionally hide the entire delivery options section title */
#checkout-delivery-step .delivery-options-list {
    display: none !important;
}


/* H



/* Header bottom - Align logo and menu items vertically */


/* Fix logo alignment - pull header-bottom up to align with menu */
.header-bottom {
    margin-top: --100px !important;    position: relative;
    z-index: 1;
}

/* Remove extra padding from logo container */
.header-bottom__row {
    padding: 0 !important;
}

/* Align logo properly */
.header-bottom__row .logo {
    display: flex !important;
    align-items: center !important;  
    padding: 10px 0 !important;
}

.logo-link {
    display: flex !important;
    align-items: center !important;
}

.logo-img {
    max-height: 50px !important;
    height: auto !important;
}