/* Keep catalog controls and the first product row visible in the opening viewport. */
.catalog {
  padding-top: 24px !important;
}

.catalog .pageHead {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 14px !important;
  padding: 18px 0 12px !important;
}

.catalog .pageHead .eyebrow {
  margin: 0 0 5px !important;
}

.catalog .catalogPeaceHeading {
  min-height: 0 !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 24px !important;
}

.catalog .catalogPeaceHeading h1 {
  max-width: 760px !important;
  margin: 0 !important;
  font-size: clamp(2.7rem, 5vw, 4.7rem) !important;
  line-height: .9 !important;
}

.catalog .catalogPeaceSign {
  font-size: clamp(2.8rem, 4vw, 4.25rem) !important;
}

.catalog .pageHead > p:last-child {
  margin: 8px 0 0 !important;
}

.catalog .tools {
  min-height: 0 !important;
  margin: 8px 0 10px !important;
  padding: 0 !important;
  align-items: center !important;
}

.catalog .tools label {
  min-height: 54px !important;
}

.catalog .result {
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.catalog > .grid,
.catalog .catalogMotionGrid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media (max-width: 900px) {
  .catalog {
    padding-top: 14px !important;
  }

  .catalog .pageHead {
    padding-top: 10px !important;
  }

  .catalog .tools {
    gap: 12px !important;
  }
}

@media (max-width: 640px) {
  .catalog .catalogPeaceHeading h1 {
    font-size: clamp(2.35rem, 12vw, 3.35rem) !important;
  }

  .catalog .catalogPeaceSign {
    display: none !important;
  }

  .catalog .pageHead > p:last-child {
    font-size: .95rem !important;
  }

  .catalog .tools label {
    min-height: 48px !important;
  }
}