#awwards-row .slick-track {
    display: flex !important;
}

#awwards-row .slick-slide {
    height: inherit !important;
}

#awwards-row .slick-slide>div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
}

.awward-item.vs-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==========================================================================
   As-seen-on logo sizing.
   ==========================================================================
   The slider sets each slide's width (see assets/js/lp-sliders.js), so layout
   is its job, not this file's. What it does not do is constrain image HEIGHT:
   the markup carries no width/height attributes, so an img at width:100%
   derives its height from the slide width and a logo can render hundreds of
   pixels tall. These rules cap it and preserve the aspect ratio.

   An earlier version of this block also forced the track to wrap — a
   workaround written before the missing slider-init script was found. It is
   removed: it fought the slider for control of the same widths.
   ========================================================================== */

.home-awards .awwards-row .awward-item img {
    width: auto;
    max-width: 100%;
    max-height: 68px;
    height: auto;
    object-fit: contain;
}

/* Static mobile layout — the slider is not initialised below 768px, so the
   track is laid out as a plain wrapped row and all five logos stay visible.
   .is-static is added by lp-sliders.js. */
.home-awards .awwards-row.is-static {
    overflow: visible;
}

.home-awards .awwards-row.is-static .vs-track {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 22px 26px;
    width: 100%;
    transform: none !important;
    padding: 0;
}

.home-awards .awwards-row.is-static .vs-slide {
    flex: 0 0 auto;
    width: auto;
    max-width: 150px;
}

@media screen and (max-width: 768px) {
    /* The section inherits desktop rhythm — a 48px heading and generous
       padding — which on a phone leaves the five small logos marooned in white
       space. Tightened, and the logos given room to actually be legible. */
    .home-awards {
        margin: 0;
        padding: 4px 0 18px;
    }

    .home-awards .section-title {
        margin-bottom: 4px;
    }

    .home-awards .section-title .title {
        font-size: 26px;
        line-height: 1.2;
    }

    .home-awards .awwards-row .awward-item img {
        max-height: 56px;
    }

    /* lp-landing.css caps these at 65% of the slide, which is what made them
       look shrunken once the slide itself was narrow. */
    .home-awards .awwards-row.is-static .awward-item img {
        width: 100%;
    }
}