/* ======================= RESPONSIVE LOGO ======================= */
@media (max-width: 1200px) {
    .logo-bar .logo { width: 300px; }
    .product-grid { grid-template-columns: repeat(3,1fr); }
    .article-grid { grid-template-columns: 1fr; }
    .partner-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 900px) {
    .logo-bar .logo { width: 250px; }
    .product-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 600px) {
    .logo-bar .logo { width: 200px; }
    .product-grid, .article-grid, .partner-grid { grid-template-columns: 1fr; }
}







/* ======================= GRID LAYOUT RESPONSIVE ======================= */
@media (max-width: 1200px) {
    .product-grid, .partner-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
    .product-grid, .partner-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .product-grid, .partner-grid { grid-template-columns: 1fr; }
}



/* ======================= RESPONSIVE GRID ======================= */
@media (max-width: 1200px) {
    .partner-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
    .partner-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .partner-grid { grid-template-columns: 1fr; }
}