:root {
  --container-width: 1220px;
  --mob-edge: 20px;
  --tab-edge: 30px;
  --desk-edge: calc((100% - var(--container-width)) / 2);
  @media (min-width: 1400px) {
    --container-width: 1320px;
  }
}

body {
  &.menu-open,
  &:has(.cart-box.visible) {
    overflow: hidden;
  }
}

.grid-container {
  display: grid;
  grid-template-columns: var(--mob-edge) minmax(0, 1fr) var(--mob-edge);
  @media (min-width: 768px) {
    grid-template-columns: var(--tab-edge) minmax(0, 1fr) auto var(--tab-edge);
  }
  @media (min-width: 1280px) {
    grid-template-columns: minmax(0, 1fr) var(--container-width) minmax(0, 1fr);
  }
}

.rd-section {
  row-gap: 20px;
  padding: 40px 0;
  color: var(--color-black-txt);
  @media (min-width: 768px) {
    row-gap: 30px;
  }
  @media (min-width: 1280px) {
    row-gap: 40px;
  }
  /* @media (min-width: 1280px) {
    padding: 60px 0;
  } */
}
.rd-section__header {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
}
.rd-section__title {
  margin: 0;
}
.grid-container > .rd-section__header {
  grid-column: 2;
}
.grid-container > .rd-section__content {
  grid-column: 2;
}

html body #campPageTop {
  padding-top: 20px;
  @media (min-width: 1280px) {
    padding-top: 30px;
  }
}