/* Small phones: remove the hard height and stack columns */
@media (max-width: 479px){

  /* Kill any legacy grid + hard heights in the footer wrappers */
  .footer-section .w-layout-grid{
    display: flex !important;
    flex-direction: column !important;
    row-gap: 16px !important;
  }

  .footer-section .container.sifdot,
  .footer-section .div-block-7{
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Make each column full width and prevent weird wrapping */
  .footer-section .div-block-7 > *,
  .footer-section .container.sifdot > *{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    float: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* Optional: a little breathing space */
  .footer-section .container,
  .footer-section .container.sifdot{
    padding-inline: 16px !important;
  }
}