/* 1. Global Fixes */
.header-logo {
    width: clamp(2.3rem, 1.1rem + 3.2vw, 3.5rem);
}

/* 2. Container Width - Desktop */
/* Using #content to ensure higher specificity than the theme */
#content .container {
    max-width: 1400px;
    width: 100%;
}

@media only screen and (min-width: 75em) {
    .container {
        width: 100%;
        max-width: 1400px; /* Keep it consistent */
    }
} /* <--- Added the missing closing brace here */

/* 3. Mobile Card Slider Fixes */
@media (max-width: 768px) {
    /* Target the specific HivePress slider items */
    .hp-listings--slider .hp-grid__item {
        max-width: 290px; 
        width: 80vw !important;
       
    }

    /* Force all cards in the slider to the same height */
    .slick-track {
        display: flex !important;
        align-items: stretch;
    }

    /* Ensure the individual slide inside the track expands */
    .slick-slide {
        height: auto !important;
        display: flex !important;
    }
}