.inquiry-header {
  width: min(calc(100% - 32px), 1180px);
  margin: auto;
  padding: 16px 0;
  border-bottom: 1px solid #d6dee2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.inquiry-header nav { display: flex; gap: 18px; align-items: center; }
.inquiry-header a { color: #202a30; }
.inquiry-brand { font: 700 26px Georgia, serif; text-decoration: none; letter-spacing: .08em; }

.quote-list-page,
.quote-list-page * { box-sizing: border-box; }

.quote-list-page {
  width: min(calc(100% - 32px), 1180px);
  margin: auto;
  padding: 34px 0 120px;
  color: #202a30;
  font: 14px/1.45 Arial, Helvetica, sans-serif;
  overflow-wrap: anywhere;
}

.quote-list-page .quote-intro { max-width: 720px; margin-bottom: 26px; }
.quote-list-page .quote-eyebrow { margin: 0 0 6px; color: #637f91; font: 700 11px/1.2 Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.quote-list-page .quote-intro h1 { margin: 0; font: 700 clamp(2rem, 4vw, 3.25rem)/1.05 Georgia, serif; }
.quote-list-page .quote-intro > p:last-child { margin: 10px 0 0; color: #60717b; font-size: 15px; }

.quote-list-page .quote-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); gap: 32px; align-items: start; }
.quote-list-page .quote-products,
.quote-list-page .quote-contact,
.quote-list-page .quote-confirmation { border-top: 1px solid #d6dee2; padding-top: 18px; }
.quote-list-page .quote-section-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.quote-list-page h2 { margin: 0; font: 700 1.35rem/1.2 Georgia, serif; }

.quote-list-page .quote-lines { display: grid; gap: 10px; margin-top: 14px; }
.quote-list-page .quote-row { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 14px; align-items: center; min-height: 96px; padding: 11px; border: 1px solid #d6dee2; background: #fff; }
.quote-list-page .quote-row img { width: 72px; height: 72px; object-fit: cover; background: #f3f6f7; }
.quote-list-page .quote-row h3 { margin: 2px 0 4px; font: 700 15px/1.3 Arial, sans-serif; }
.quote-list-page .quote-sku { margin: 0; color: #637f91; font: 700 11px/1.2 Arial, sans-serif; letter-spacing: .08em; }
.quote-list-page .quote-specs { margin: 0; color: #60717b; font-size: 12px; }
.quote-list-page .quote-empty { margin: 14px 0 0; padding: 22px; background: #f3f6f7; color: #60717b; text-align: center; }

.quote-list-page .quote-contact { position: sticky; top: 18px; padding: 20px; border: 1px solid #d6dee2; background: #f7f9f9; }
.quote-list-page .quote-contact > p:not(.quote-eyebrow):not(.quote-status) { margin: 8px 0 18px; color: #60717b; }
.quote-list-page .quote-fields { display: grid; gap: 13px; }
.quote-list-page .quote-field { display: grid; gap: 6px; font-weight: 700; }
.quote-list-page .quote-required { color: #8c3b3b; }
.quote-list-page input { width: 100%; min-height: 42px; border: 1px solid #b8c5cc; border-radius: 0; padding: 9px 10px; background: #fff; color: #202a30; font: inherit; }
.quote-list-page button { min-height: 42px; border: 1px solid #202a30; border-radius: 0; padding: 9px 14px; background: #202a30; color: #fff; font: 700 12px/1 Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.quote-list-page button:disabled { cursor: not-allowed; opacity: .45; }
.quote-list-page .quote-clear,
.quote-list-page .quote-remove { background: #fff; color: #202a30; }
.quote-list-page .quote-remove { min-width: 84px; }
.quote-list-page #submitInquiry { width: 100%; margin-top: 18px; }
.quote-list-page .quote-status { min-height: 20px; margin: 8px 0 0; color: #60717b; }
.quote-list-page .quote-honeypot {
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.quote-list-page .quote-confirmation { margin-top: 22px; padding: 24px; background: #f3f6f7; }
.quote-list-page .quote-confirmation[hidden] { display: none; }
.quote-list-page :focus-visible { outline: 3px solid #99bacc; outline-offset: 3px; }

.site-header .retail-socials2 { justify-content: flex-start; }
.site-header .commerce-utilities2 { justify-content: flex-end; gap: 7px; overflow: visible; white-space: nowrap; }
.site-header .commerce-utility2 { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 46px; height: 36px; padding: 0 5px; border: 0; color: #202a30; background: transparent; cursor: pointer; text-decoration: none; font: 700 9px/1 Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.site-header .commerce-utility2 svg { width: 21px; height: 21px; flex: 0 0 auto; }
.site-header .commerce-utility-count2 { min-width: 17px; height: 17px; padding: 0 4px; display: inline-grid; place-items: center; border-radius: 999px; color: #fff; background: #202a30; font: 700 9px/1 Arial, sans-serif; }
.site-header .commerce-utility2:hover,
.site-header .commerce-utility2[aria-current="page"] { color: #637f91; }

body > header:not(.site-header) > .commerce-utilities2 { display: flex; align-items: center; justify-content: flex-end; gap: 7px; white-space: nowrap; }
body > header:not(.site-header) .commerce-utility2 { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 46px; height: 36px; padding: 0 5px; color: #202a30; text-decoration: none; font: 700 9px/1 Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
body > header:not(.site-header) .commerce-utility2 svg { width: 21px; height: 21px; }
body > header:not(.site-header) .commerce-utility-count2 { min-width: 17px; height: 17px; padding: 0 4px; display: inline-grid; place-items: center; border-radius: 999px; color: #fff; background: #202a30; font: 700 9px/1 Arial, sans-serif; }

@media (max-width: 820px) {
  .quote-list-page { padding-top: 24px; }
  .quote-list-page .quote-layout { grid-template-columns: 1fr; gap: 20px; }
  .quote-list-page .quote-contact { position: static; }
}

@media (max-width: 760px) {
  .site-header .commerce-utilities2 { gap: 1px; }
  .site-header .commerce-utility2 { min-width: 35px; padding: 0 2px; }
  .site-header .commerce-utility-label2,
  body > header:not(.site-header) .commerce-utility-label2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  body > header:not(.site-header) { grid-template-columns: 1fr auto !important; }
  body > header:not(.site-header) > .logo { grid-column: 1; grid-row: 1; }
  body > header:not(.site-header) > nav:not(.commerce-utilities2) { grid-column: 1 / -1; grid-row: 2; }
  body > header:not(.site-header) > .commerce-utilities2 { grid-column: 2; grid-row: 1; gap: 1px; }
  body > header:not(.site-header) .commerce-utility2 { min-width: 35px; padding: 0 2px; }
}

@media (max-width: 520px) {
  .quote-list-body .mobile-whatsapp { display: none !important; }
  .quote-list-body .language-selector { position: absolute !important; inset: 6px 8px auto auto !important; margin: 0 !important; }
  .quote-list-body .language-selector summary { width: 36px; min-width: 36px !important; height: 32px; padding: 0 !important; justify-content: center; font-size: 0; }
  .quote-list-body .language-selector summary span { font-size: 14px; }
  .quote-list-body .language-options { inset-block-start: calc(100% + .55rem); inset-block-end: auto; left: auto; right: 0; }
  .quote-list-body .jm-privacy-choice { position: static !important; display: block; width: max-content; margin: 12px !important; }
  .quote-list-page .quote-row { grid-template-columns: 60px minmax(0, 1fr); }
  .quote-list-page .quote-row img { width: 60px; height: 60px; }
  .quote-list-page .quote-remove { grid-column: 1 / -1; width: 100%; }
  .quote-list-page .quote-section-head { align-items: flex-end; }
}

@media (prefers-reduced-motion: reduce) {
  .quote-list-page *,
  .quote-list-page *::before,
  .quote-list-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
/* A completed submission must not leave the form visible through grid styles. */
.quote-list-page [hidden] { display: none !important; }