/* ==========================================================================
   AURAANIX — Customization Kit page
   Scoped banner styles only. The Design Studio, Reviews and "You're Stronger"
   sections reuse their existing styles (style.css / product.css).
   ========================================================================== */

/* Full-bleed hero & lineup banners (source images baked at 1440x565) */
.ckit-hero,
.ckit-lineup {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;          /* kill inline-image gap */
    overflow: hidden;
}

.ckit-hero img,
.ckit-lineup img {
    display: block;
    width: 100%;
    height: auto;
}

/* On very small screens the baked text in the banners stays legible because
   the images scale proportionally — no cropping, no distortion. */
@media (max-width: 575.98px) {
    .ckit-hero img,
    .ckit-lineup img {
        min-height: 180px;
        object-fit: cover;
    }
}