/* Responsive controls shared by the custom engraving pages and their entry points. */
/* This link sits in a column, outside the category row's horizontal rail. */
.heroText .controls > a.typeNavButton[href="custom-engraving.html"] {
  flex: 0 0 auto;
  min-height: 44px;
  height: auto;
}
.customLaserPage .customSetOptions,
.customLaserPage .offerWoodshopGrid > *,
.customLaserPage .offerSummaryGrid > * {
  min-width: 0;
}
.customLaserPage .customPuzzleButtons {
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 4px;
}
.customLaserPage .customSetOptions [hidden] {
  display: none !important;
}
@media (max-width: 1000px) {
  .customLaserPage .offerSummaryGrid {
    grid-template-columns: minmax(0, 1fr);
  }
  .customLaserPage .offerSummaryGrid > .customSetOptions {
    order: 1;
  }
  .customLaserPage .offerSummaryGrid > .offerHowItWorks {
    order: 2;
  }
}
@media (max-width: 760px) {
  .customLaserPage .customOfferNav {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .customLaserPage .customOfferNav .galleryViewButton,
  .customLaserPage .customOfferNav .offerCenter {
    min-height: 44px;
    padding: 10px 12px;
    font-size: 16px;
  }
  .customLaserPage .customOfferNav .navPillLabel {
    white-space: normal;
  }
  .customLaserPage .customSetOptions .productOptionSelect,
  .customLaserPage .customDesignHelpSelect,
  .inquiryPage input:not([type="checkbox"]),
  .inquiryPage select,
  .inquiryPage textarea,
  .heroText .controls input[type="search"],
  .heroText .controls select {
    font-size: 16px;
    min-height: 44px;
    max-width: 100%;
  }
  .customLaserPage .customPuzzleButtons label,
  .customLaserPage .customSetShapeChoices label {
    min-height: 44px;
  }
  .customLaserPage .customPuzzleClear {
    min-height: 44px;
  }
  .customLaserPage .customSetOptions .offerAction .btn,
  .customLaserPage .laserMaterialFooter a,
  .inquiryPage .inquiryActions .btn,
  .designStudioPage a.btn,
  a.btn[href="custom-engraving.html"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
  }
  .heroText .filterActions {
    flex-wrap: wrap;
  }
  .heroText .filterActions .resetlink {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .heroText a.typeNavButton[href="custom-engraving.html"] {
    min-height: 44px;
  }
  .inquiryPage .inquiryHeader {
    overflow-wrap: anywhere;
  }
  footer .footerLinks {
    overflow-wrap: anywhere;
    line-height: 1.8;
  }
}
@media (max-width: 600px) {
  .customLaserPage .laserMaterialGrid,
  .customLaserPage .customSetOptions .productOptionFields,
  .customLaserPage .customSetQuantityShape {
    grid-template-columns: minmax(0, 1fr);
  }
  .customLaserPage .offerTextPanel {
    padding: 18px 14px;
  }
  .customLaserPage .customSetOptions .offerAction .btn {
    width: 100%;
  }
  .customLaserPage .customSetOptions .customMagnetChoice {
    min-height: 44px;
  }
  .customLaserPage .customPuzzleSubhead small {
    display: block;
    margin: 4px 0 0;
  }
  .inquiryPage .inquiryCard {
    padding: 18px 12px;
  }
}