footer {
  padding: 3rem 2rem;
  margin-top: 2.5rem;
  background: #f7f7f7;
  border-top: 1px solid #ebebeb;

  .footer-content {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    max-width: 1200px;
    justify-content: space-between;

    .footer-column {
      flex: 1;
      min-width: 200px;
      margin-bottom: 2rem;

      h4 {
        color: #222;
        font-weight: 600;
        font-size: 1.1rem;
        margin-bottom: 1.5rem;
      }

      ul {
        padding: 0;

        li {
          margin-bottom: 0.75rem;

          a {
            color: #222;
            font-size: 0.9rem;
            text-decoration: none;
            transition: color 0.2s ease;

            &:hover { color: #FF385C; text-decoration: underline; }
          }
        }
      }
    }
  }

  .footer-bottom {
    color: #717171;
    margin-top: 2rem;
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid #ebebeb;

    .copyright { font-size: 0.9rem; margin-bottom: 0.5rem; }

    .footer-links {
      font-size: 0.9rem;

      a {
        color: #717171;
        text-decoration: none;
        transition: color 0.2s ease;

        &:hover { color: #FF385C; text-decoration: underline; }
      }
    }
  }

  @media (max-width: 768px) {
    padding: 2rem 1rem;

    .footer-content {
      flex-direction: column;
      align-items: flex-start;

      .footer-column {
        min-width: 100%;
        margin-bottom: 1.5rem;

        h4 { font-size: 1rem; margin-bottom: 1rem; }

        ul {
          li {
            margin-bottom: 0.5rem;

            a { font-size: 0.85rem; }
          }
        }
      }
    }

    .footer-bottom {
      padding-top: 1rem;
      margin-top: 1.5rem;

      .copyright { font-size: 0.8rem; }

      .footer-links { font-size: 0.8rem; }
    }
  }
}