/* layout.css */
.shop-layout,
.cart-layout,
.account-layout {
    display: grid;
    gap: 2rem;
}

.shop-layout {
    grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
}

.cart-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    align-items: start;
}

.account-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 767px) {
    .shop-layout,
    .cart-layout,
    .account-layout {
        grid-template-columns: 1fr;
    }
}