/* ==========================================================================
   CART BANNER: Cabecera superior
   ========================================================================== */

.hs-cart-banner {
    /* EL TRUCO "BREAKOUT" */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: -40px; 
    
    /* ESTILOS DEL BANNER */
    height: 244px;
    background-image: url('../../img/banner-shopping-bag.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hs-cart-banner-title {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500; 
    font-size: 64px;
    color: #FFFFFF;
    margin: 0;
    text-transform: uppercase;
}

/* =========================================
   MOBILE VIEW (< 1024px)
   ========================================= */
@media (max-width: 1023px) {
    .hs-cart-banner {
        height: 180px; 
    }

    .hs-cart-banner-title {
        font-size: 42px; 
    }
}