/* Collection Banner Custom Styles for Stability & CLS */
.c-ratio-container {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #f0f0f0;
    margin: 20px auto;
    border-radius: 15px;
    display: block;
}

.c-ratio-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 300ms ease;
    display: block;
}

/* Specific ratio for bottom banner (1200x215) */
.c-ratio-bottom {
    padding-top: 17.92%;
    max-width: 1200px;
}