/*
 * Mustafa WP — containers, grid, spacing utilities.
 */

.mwp-container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--sp-6);
}
.mwp-container--wide { max-width: var(--container-wide); }
.mwp-container--text { max-width: var(--container-text); }

.mwp-section { padding-block: var(--sp-16); }
.mwp-section--tight { padding-block: var(--sp-12); }

.mwp-stack > * + * { margin-block-start: var(--sp-4); }
.mwp-stack--lg > * + * { margin-block-start: var(--sp-8); }

.mwp-grid { display: grid; gap: var(--sp-6); }
.mwp-grid--2 { grid-template-columns: repeat(2, 1fr); }
.mwp-grid--3 { grid-template-columns: repeat(3, 1fr); }
.mwp-grid--4 { grid-template-columns: repeat(4, 1fr); }
.mwp-grid--auto { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }

.mwp-cluster { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center; }

.mwp-section__head { margin-block-end: var(--sp-8); }
.mwp-section__head .mwp-eyebrow {
  display: inline-block;
  color: var(--primary);
  font-weight: 700;
  font-size: var(--fs-sm);
  margin-block-end: var(--sp-2);
}

/* Article + sidebar layout */
.mwp-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--sp-12);
}
@media (min-width: 1024px) {
  .mwp-article-layout { grid-template-columns: minmax(0, 1fr) 300px; }
}

@media (max-width: 900px) {
  .mwp-grid--4 { grid-template-columns: repeat(2, 1fr); }
  .mwp-grid--3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .mwp-container { padding-inline: var(--sp-4); }
  .mwp-section { padding-block: var(--sp-12); }
  .mwp-grid--2, .mwp-grid--3, .mwp-grid--4 { grid-template-columns: 1fr; }
}