/* Figma 289:5785. Shared shell and fields are defined in download.css. */
.quotation-page .download-content { width:min(1120px,calc(100% - 80px)); }
.quotation-page .download-heading { gap:34px; }
.quotation-page .download-columns { grid-template-columns:minmax(0,542fr) minmax(0,540fr); }
.quotation-page .download-information p { font-size:14px; font-weight:400; line-height:26px; }
.quotation-note { color:var(--ink); }
.quotation-page .download-phone { gap:0; }
.quotation-page .download-form { padding:38px 38px 48px 40px; }
.quotation-page .download-fields { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:21px; }
.quotation-notes { margin-top:24px; }
.quotation-page :is(select,textarea) { box-sizing:border-box; width:100%; min-width:0; border:1px solid #939090; border-radius:3px; background-color:#fff; color:var(--download-heading); font:400 14px/26px var(--font-body); letter-spacing:.08em; }
.quotation-page select { appearance:none; height:44px; padding:8px 34px 8px 10px; background-image:url(quotation/select-arrow.svg); background-repeat:no-repeat; background-position:right 10px center; cursor:pointer; }
.quotation-page textarea { display:block; height:120px; min-height:120px; padding:8px 12px; resize:vertical; background-image:url(quotation/resize.svg); background-repeat:no-repeat; background-position:right 4px bottom 3px; }
.quotation-page textarea::-webkit-resizer { background:transparent; }
.quotation-page textarea::placeholder { color:#ababab; opacity:1; }
.quotation-page :is(select,textarea):focus-visible { outline:2px solid var(--download-accent); outline-offset:4px; }
@media (max-width:920px) {
  .quotation-page .download-content { width:calc(100% - 40px); }
  .quotation-page .download-columns { grid-template-columns:1fr; }
  .quotation-page .download-form { padding:32px 24px; }
  .quotation-page :is(select,textarea) { font-size:16px; }
}
@media (max-width:600px) {
  .quotation-page .download-fields { grid-template-columns:1fr; }
  .quotation-page .download-heading h1 { font-size:24px; }
}

/* Keep paired controls aligned when the page-count label wraps. */
@media (min-width: 601px) {
  .quotation-panflet-page .download-fields { grid-auto-rows: auto; align-items: stretch; }
  .quotation-panflet-page .download-fields .download-field { display: flex; flex-direction: column; }
  .quotation-panflet-page .download-fields .wpcf7-form-control-wrap { margin-top: auto; }
}