/* Base spacing tweaks */
.oc-footer__link {
  line-height: 1.4;
}

/* Desktop: 3 columns (already set inline in Java) */

/* ──────────────────────────────────────────────────────────── */
/* Tablet: collapse to 2 columns                                */
/* Contacts | Quick Links                                       */
/* Products moves to full width row below                        */
@media (max-width: 1024px) {
  .oc-footer__grid {
    grid-template-columns: minmax(300px, 1fr) 1fr;
    column-gap: 40px;
    row-gap: 20px;
  }
  /* Put Products (col3) on the next row, spanning both columns */
  .oc-footer__col3 {
    grid-column: 1 / -1;   /* span all columns */
  }
}

/* ──────────────────────────────────────────────────────────── */
/* Mobile: single column stack                                  */
@media (max-width: 720px) {
  .oc-footer__grid {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 18px;
  }
  .oc-footer__col1,
  .oc-footer__col2,
  .oc-footer__col3 {
    grid-column: 1 / -1;
  }
}