/**
 * Related Products - Espaciado Compacto y Optimizado
 * Elimina espacios excesivos para mejor visualización de las cards
 * 
 * @package FlyntChild
 * @version 2.0.0
 */

/* ========================================================================
   GRID DE PRODUCTOS RELACIONADOS - Espaciado compacto
   ======================================================================== */

.related.products .related-products-grid,
.related.products ul.products,
.related.products .products-grid {
    gap: 0.75rem !important; /* Reducido de 1.5rem */
}

/* ========================================================================
   PRODUCTCARD EN PRODUCTOS RELACIONADOS - Espaciado optimizado
   ======================================================================== */

.related.products .productCard {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important; /* Sin padding externo */
    border-radius: 0 !important; /* Sin bordes redondeados */
}

/* Padding compacto en el contenido */
.related.products .productCard-content {
    padding: 0.25rem 0.5rem !important; /* Muy compacto */
    gap: 0.125rem !important; /* Gap mínimo */
}

/* Textos con tamaño optimizado */
.related.products .productCard-category {
    font-size: 0.563rem !important;
    margin-bottom: 0.063rem !important;
}

.related.products .productCard-name {
    font-size: 0.875rem !important;
    line-height: 1.3 !important;
    min-height: 2rem !important;
    margin: 0 0 0.063rem !important;
}

.related.products .productCard-priceAmount {
    font-size: 0.875rem !important;
}

.related.products .productCard-price {
    margin-top: 0 !important;
    margin-bottom: 0.25rem !important;
}

/* Variaciones compactas */
.related.products .productCard-variationsSeparated {
    margin-bottom: 0.25rem !important;
    gap: 3px !important;
}

.related.products .productCard-variationBtnSeparated {
    padding: 6px 8px !important;
    font-size: 10px !important;
}

.related.products .productCard-variationSelect {
    padding: 12px 14px !important;
    font-size: 13px !important;
}

/* Botones compactos */
.related.products .productCard-buttons {
    padding: 0 0.5rem 0.5rem 0.5rem !important;

    margin-top: 0 !important;
}

.related.products .productCard-btnAddToCart {
    padding: 6px 8px !important;
    font-size: 10px !important;
}

.related.products .productCard-btnBuyNow {
    padding: 8px !important;
    font-size: 11px !important;
}

/* Cantidades compactas */
.related.products .productCard-quantityButtons,
.related.products .productCard-qtyControl {
    margin-bottom: 0.25rem !important;
}

/* ========================================================================
   IMAGEN - Sin padding para mayor tamaño
   ======================================================================== */

.related.products .productCard-imageWrapper {
    aspect-ratio: 1 !important;
}

.related.products .productCard-image {
    padding: 0 !important; /* Sin padding para imagen más grande */
}

/* ========================================================================
   RESPONSIVE - Mantener espaciado compacto
   ======================================================================== */

@media (max-width: 768px) {
    .related.products .related-products-grid,
    .related.products ul.products {
        gap: 0.5rem !important;
    }
}

@media (max-width: 480px) {
    .related.products .related-products-grid,
    .related.products ul.products {
        gap: 0.5rem !important;
    }
}