.trade-page p,
.trade-page dt,
.trade-page dd,
.trade-page li {
  font-weight: 300;
}

.trade-page h2 { margin-bottom: 24px; }
.trade-page .eyebrow { font-weight: 400; }
.trade-page p:not(.eyebrow) { text-wrap: pretty; }
.trade-page .text-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: 300;
}
.trade-page .small { font-size: 16px; line-height: 1.65; }
.trade-page p a { color: var(--teal); font-weight: inherit; }
.trade-page a:focus-visible,
.trade-page summary:focus-visible { outline-color: var(--teal); }

.trade-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(48px, 8vw, 112px);
  align-items: start;
  padding-block: 96px 104px;
}
.trade-intro > *,
.trade-columns > * { min-width: 0; }
.trade-intro h1 {
  font-size: clamp(42px, 4.6vw, 64px);
  line-height: 1.12;
  margin: 0 0 28px;
  max-width: 10ch;
}
.trade-intro-copy > p:not(.eyebrow) {
  max-width: 39ch;
  font-size: 21px;
  line-height: 1.6;
}
.trade-intro-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 32px;
}
.trade-reference { border-top: 1px solid var(--ink); padding-top: 24px; }
.trade-reference h2 { font-size: 28px; margin-bottom: 20px; }
.trade-page .trade-reference-price {
  font-weight: 400;
  font-size: 48px;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
  margin-bottom: 24px;
}
.trade-reference-price span {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  color: var(--muted);
  margin-left: 10px;
}
.trade-reference-facts { margin: 0 0 20px; }
.trade-reference-facts > div {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr);
  gap: 20px;
  padding-block: 16px;
  border-top: 1px solid var(--line);
  font-size: 17px;
}
.trade-reference-facts dt { color: var(--muted); }
.trade-reference-facts dd { margin: 0; }
.trade-reference > .small { max-width: 44ch; }

.trade-band { padding-block: 96px; }
.trade-columns {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(48px, 8vw, 112px);
  align-items: start;
}
.trade-section-copy > p:not(.eyebrow) { max-width: 41ch; }
.trade-section-copy > .text-link { margin-top: 18px; }
.trade-example { border-top: 1px solid var(--ink); padding-top: 24px; }
.trade-example h3 { font-size: 26px; margin-bottom: 26px; }
.trade-example-facts { margin: 0; }
.trade-example-facts > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 24px;
  border-bottom: 1px solid var(--line);
  padding-block: 16px;
}
.trade-example-facts dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.trade-example-facts .trade-example-total { padding-block: 22px; }
.trade-page .trade-example-total dd { font-size: 30px; font-weight: 400; }
.trade-example > .small { margin-top: 20px; }
.trade-example > .text-link { margin-top: 18px; }
.trade-comparison {
  margin-top: 64px;
  padding-top: 32px;
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: center;
}
.trade-comparison p { max-width: 66ch; }
.trade-comparison a { white-space: nowrap; }

.trade-quote-checklist { margin: 0; border-top: 1px solid var(--ink); }
.trade-quote-checklist > div {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: 24px;
  padding-block: 22px;
  border-bottom: 1px solid var(--line);
}
.trade-page .trade-quote-checklist dt { font-weight: 400; }
.trade-quote-checklist dd { margin: 0; }
.trade-quote-action { margin-top: 28px; }
.trade-quote-action p { margin-top: 18px; }

.trade-evaluation-options article { padding-block: 0 36px; }
.trade-evaluation-options article + article {
  border-top: 1px solid var(--line);
  padding-block: 32px 0;
}
.trade-evaluation-options h3 { margin-bottom: 16px; }
.trade-evaluation-options .button { margin-top: 24px; }
.trade-evaluation-options .text-link { margin-top: 18px; }
.trade-page .trade-evaluation-price {
  font-size: 21px;
  font-weight: 400;
  margin-top: 20px;
}
.trade-evaluation-options .small { margin-top: 20px; }

.trade-faq { border-top: 1px solid var(--ink); }
.trade-faq summary { font-size: 18px; letter-spacing: 0; padding-block: 22px; }
.trade-faq summary::after { top: 18px; }
.trade-faq details > div { font-size: 18px; line-height: 1.65; padding-bottom: 28px; }
.trade-faq p a { text-underline-offset: 4px; }

@media (max-width: 900px) {
  .trade-intro { gap: 40px; padding-block: 72px 80px; }
  .trade-columns { gap: 40px; }
  .trade-band { padding-block: 80px; }
  .trade-reference-facts > div { grid-template-columns: 1fr; gap: 4px; }
  .trade-reference-price span { display: block; margin: 10px 0 0; }
  .trade-quote-checklist > div { grid-template-columns: 1fr; gap: 6px; }
  .trade-comparison { grid-template-columns: 1fr; gap: 12px; }
}

@media (max-width: 700px) {
  .trade-intro { grid-template-columns: 1fr; gap: 48px; padding-block: 56px 64px; }
  .trade-intro h1 { font-size: 42px; max-width: 12ch; margin-bottom: 24px; }
  .trade-intro-copy > p:not(.eyebrow) { font-size: 19px; max-width: 42ch; }
  .trade-intro-actions { margin-top: 24px; }
  .trade-reference-price span { display: inline-block; margin: 0 0 0 10px; }
  .trade-reference-facts > div { grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr); gap: 20px; }
  .trade-columns { grid-template-columns: 1fr; gap: 36px; }
  .trade-band { padding-block: 64px; }
  .trade-page h2 { font-size: 32px; margin-bottom: 20px; }
  .trade-reference h2 { font-size: 28px; }
  .trade-section-copy > p:not(.eyebrow) { max-width: 48ch; }
  .trade-comparison { margin-top: 40px; padding-top: 28px; }
  .trade-quote-checklist > div { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 20px; }
  .trade-example-facts > div { gap: 16px; }
  .trade-example-total dt { max-width: 20ch; }
  .trade-example h3 { font-size: 24px; }
  .trade-faq summary { font-size: 17px; }
  .trade-faq details > div { font-size: 17px; }
}

@media (max-width: 380px) {
  .trade-intro h1 { font-size: 38px; }
  .trade-intro-actions { align-items: flex-start; flex-direction: column; gap: 8px; }
  .trade-reference-facts > div,
  .trade-quote-checklist > div { grid-template-columns: 1fr; gap: 6px; }
  .trade-example h3 { font-size: 22px; }
}

.trade-quote-section{scroll-margin-top:32px}.trade-quote-form{grid-column:auto;grid-row:auto;padding:0}.trade-quote-form .quote-message-help{margin-top:-12px}.trade-quote-form .quote-privacy{font-size:14px;margin-top:-8px}.trade-page .trade-quote-form .contact-preview-note{margin-bottom:24px}.trade-page .trade-quote-form .contact-status{margin-top:24px}.trade-page .trade-quote-form .contact-email-alternative{margin-top:24px}.trade-page .trade-quote-form .contact-submit{width:100%}.trade-page .trade-quote-form .contact-email-actions{display:flex;flex-wrap:wrap;gap:8px 24px}.trade-page .trade-quote-form label{font-weight:400}.trade-page .trade-quote-form .small{font-weight:300}



/* Ordering flow: price, quantity, quote, with evaluation kept secondary. */
.trade-intro{padding-block:48px 64px}.trade-intro h1{max-width:14ch}.trade-band{padding-block:72px}.trade-try-first{display:grid;grid-template-columns:1.3fr .7fr;gap:64px;border-block:1px solid var(--line);padding-block:36px;margin-block:0 16px}.trade-try-first h2{font-size:30px;margin-bottom:12px}.trade-try-first .small{margin-top:12px}.trade-try-first>div:last-child{max-width:320px;justify-self:end}.trade-page .trade-sample-option{font-size:15px}.trade-page h1,.trade-page h2{text-wrap:balance}.trade-page [id]{scroll-margin-top:32px}
@media(max-width:700px){.trade-intro{padding-block:40px 48px}.trade-band{padding-block:56px}.trade-try-first{grid-template-columns:1fr;gap:24px;padding-block:32px}.trade-try-first>div:last-child{justify-self:start;max-width:none}}

.trade-intro #trade-title{max-width:none;text-wrap:balance}

.trade-quote-form .quote-timing-help{display:block;font-size:13px;line-height:1.5;margin-top:8px;font-weight:300}.trade-product-help{margin-top:24px}.trade-try-first{margin-bottom:64px}

/* Show the complete set alongside its price and included components. */
.trade-intro{grid-template-areas:"intro photo" "reference photo";row-gap:36px;column-gap:64px}
.trade-intro-copy{grid-area:intro}
.trade-set-photo{grid-area:photo;margin:0;min-width:0}
.trade-set-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.trade-set-photo figcaption{font-size:14px;font-weight:300;color:var(--muted);margin-top:14px}
.trade-reference{grid-area:reference}
.trade-reference h2{font-size:25px;margin-bottom:12px}
.trade-page .trade-reference-price{font-size:40px;margin-bottom:20px}
@media(max-width:1000px){.trade-intro{column-gap:40px}}
@media(max-width:700px){.trade-intro{grid-template-areas:"intro" "photo" "reference";row-gap:32px}.trade-set-photo img{aspect-ratio:1;object-position:center}.trade-page .trade-reference-price{font-size:40px}}
@media(min-width:701px) and (max-width:1100px){.trade-intro{grid-template-areas:"intro photo" "reference reference"}.trade-reference-facts>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}.trade-reference-price span{display:inline-block;margin:0 0 0 10px}}

/* First-time visitors see the product and buying choices before order planning. */
.trade-intro .trade-in-use{font-size:16px;margin-top:16px}
.trade-product-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.trade-product-facts dt{font-size:14px;color:var(--muted)}
.trade-product-facts dd{margin:6px 0 0;font-size:20px}
.trade-page .trade-shipping-note{font-size:16px;max-width:42ch}
.trade-reference .trade-intro-actions{margin-top:24px}
.trade-page .trade-evaluation-note{font-size:14px;margin-top:20px}
.trade-quote-band{padding-block:80px}
.trade-quantity-help{margin-top:32px;border-top:1px solid var(--line)}
.trade-quantity-help summary{font-weight:300;letter-spacing:0;font-size:17px}
.trade-quantity-help>div{font-size:16px}
.trade-page .trade-sample-option{margin-top:28px;font-size:15px}
@media(max-width:700px){.trade-quote-band{padding-block:56px}.trade-reference .trade-intro-actions{align-items:flex-start;gap:12px}.trade-product-facts{gap:16px}}

/* Keep the desktop introduction and offer within the height of the set photograph. */
@media(min-width:1101px){
 .trade-intro{row-gap:16px;grid-template-rows:min-content 1fr}
 .trade-intro-copy .eyebrow{margin-bottom:14px}
 .trade-intro h1{font-size:52px;margin-bottom:14px}
 .trade-intro-copy>p:not(.eyebrow){font-size:18px;line-height:1.5;max-width:46ch}
 .trade-intro .trade-in-use{margin-top:8px;min-height:36px}
 .trade-reference{padding-top:16px}
 .trade-reference h2{font-size:23px;margin-bottom:12px}
 .trade-page .trade-reference-price{font-size:34px;margin-bottom:16px}
 .trade-reference-price span{font-size:15px}
 .trade-product-facts{margin-bottom:12px;padding-bottom:12px}
 .trade-product-facts dd{font-size:18px;margin-top:4px}
 .trade-page .trade-shipping-note{font-size:15px;max-width:none}
 .trade-reference .trade-intro-actions{margin-top:16px;gap:12px 24px}
 .trade-reference .trade-intro-actions .button{min-height:44px;padding:12px 24px;font-size:16px}
 .trade-reference .trade-intro-actions .text-link{font-size:16px}
 .trade-page .trade-evaluation-note{font-size:13px;line-height:1.55;margin-top:14px;max-width:none}
}