.site-container {
  width: min(100% - 24px, var(--batya-container));
  margin-inline: auto;
}

@media (min-width: 768px) {
  .site-container {
    width: min(100% - 40px, var(--batya-container));
  }
}

@media (max-width: 767px) {
  .site-container {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }
}