/* My Zawar — layout primitives */
.container-x {
  margin-inline: auto;
  width: 100%;
  max-width: 1280px;
  padding-inline: 1.25rem;
}
@media (min-width: 768px) { .container-x { padding-inline: 2rem; } }
@media (min-width: 1024px) { .container-x { padding-inline: 2.5rem; } }

.section-y { padding-block: 4rem; }
@media (min-width: 768px) { .section-y { padding-block: 5rem; } }
@media (min-width: 1024px) { .section-y { padding-block: 6rem; } }