/* Layout primitives. Container is 1400px max, centred; Figma's 260px side margins at 1920 are the result. */

.dn-container {
  width: min(var(--container), 100% - 2 * var(--gutter));
  margin-inline: auto;
}

.dn-container--footer { width: min(var(--container-footer), 100% - 2 * var(--gutter)); }

/* Text offset used by section headings and bodies (329px on desktop). */
.dn-offset { padding-left: var(--content-offset); }

.dn-section {
  position: relative;
  padding-bottom: var(--section-space);
}

/* 1px vertical divider centred on a zero-width box (matches the Figma line). */
.dn-divider {
  position: relative;
  flex: none;
  width: 0;
  align-self: stretch;
}
.dn-divider::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: -0.5px;
  width: 1px;
  background: var(--elements-lines);
}

/* Marble backdrop: bg-tile.jpg = bg.jpg plus its vertical mirror, so repeats have no seam.  behind about, bestsellers, services and the top of news (Figma 1:396) */
.dn-marble {
  background: var(--background-primary) url("../img/bg-tile.jpg") center top / 1920px 2356px repeat-y;
}