/* ==========================================================================
   CART LAYOUT: Estructura base de dos columnas
   ========================================================================== */

.hs-cart-main-layout {
    display: grid;
    grid-template-columns: 63% 32%; /* Proporciones exactas del Figma */
    gap: 5%;
    max-width: 1440px;
    margin: 60px auto;
    padding: 0 40px;
    align-items: start;
}

/* =========================================
   MOBILE VIEW (< 1024px)
   ========================================= */
@media (max-width: 1023px) {
    .hs-cart-main-layout {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }
}