/* ===============================
   LAYOUT
================================ */

.container {
  width: 100%;
  max-width: 168rem; /* 1680px → 168rem */
  margin-inline: auto;
  /* 120px → 12rem */
}
@media (max-width: 1199px) {
  .container {
    max-width: 95%;
    padding-inline: 2rem; /* 30px → 3rem */
  }
}

@media (max-width: 992px) {
  .container {
    max-width: 100%;
    padding-inline: 3rem; /* 30px → 3rem */
  }
}

@media (max-width: 576px) {
  .container {
    padding-inline: 2rem; /* 20px → 2rem */
  }
}