

.tabNavLink.isActive {
  color: #7A2E12;
  border-bottom-color: #A83A1C;
}

.formInput.hasError {
  --input-line: #A83A1C;
  border-width: 2px;
}

.feedbackNote.isError {
  color: #7A2E12;
  font-weight: 700;
}

.feedbackNote.isHidden {
  display: none;
}

.orderFab.isOpen {
  --button-face: #7A2E12;
}



@media (max-width: 767px) {
  .featureRail,
  .propGrid,
  .stepRow {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 4vw;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem;
  }

  .featureRail > *,
  .propGrid > *,
  .stepRow > * {
    flex: 0 0 82vw;
    scroll-snap-align: start;
  }

  .specKey {
    min-width: 100%;
  }

  .headerBar {
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .orderFab {
    font-size: 1rem;
  }

  .sellerBlock {
    max-width: 34rem;
  }
}

@media (min-width: 1200px) {
  .heroTitle {
    max-width: 18ch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .heroCursor,
  .heroCopy,
  .orderFab,
  .orderWidget {
    animation: none;
  }
}
