/* public/css/responsive.css */

/* --- Ajustes Responsivos --- */

@media (max-width: 991px) { /* Tablets */
    .csc-sidebar {
        flex: 1 1 100%;
        margin-bottom: 20px;
    }
    .csc-product-items-wrapper {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
    .csc-product-title {
        font-size: var(--csc-product-title-font-size-tablet, 0.9em);
    }
}

@media (max-width: 767px) { /* Móviles */
    .csc-product-items-wrapper {
        grid-template-columns: repeat(2, 1fr); /* 2 columnas */
        gap: 15px;
    }
    .csc-product-card {
        padding: 10px;
    }
    
    /* CAMBIO: Imagen más pequeña en móvil */
    .csc-product-image-link {
        height: 150px; 
        margin-top: 6px;
    }

    .csc-product-title {
        font-size: var(--csc-product-title-font-size-mobile, 10px);
        min-height: auto; 
        line-height: 1.2;
    }
    .csc-product-price {
        font-size: 1em;
    }
    .csc-product-actions {
        flex-direction: column;
    }
    .csc-cart-icon-button {
        width: 100%;
    }
}

@media (max-width: 480px) { /* Móviles muy pequeños */
    .csc-product-items-wrapper {
        gap: 10px;
    }
}