.dyeg-container {
  width: min(100% - 2rem, var(--dyeg-container-xl));
  margin-inline: auto;
}

.dyeg-container--readable {
  width: min(100% - 2rem, var(--dyeg-container-md));
  margin-inline: auto;
}

.dyeg-grid {
  display: grid;
  gap: var(--dyeg-space-5);
}

.dyeg-grid--product {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.dyeg-section {
  padding-block: var(--dyeg-space-8);
}

@media (max-width: 48rem) {
  .dyeg-container,
  .dyeg-container--readable {
    width: min(100% - 1.5rem, var(--dyeg-container-xl));
  }

  .dyeg-section {
    padding-block: var(--dyeg-space-7);
  }
}