.rfq-form{max-width:900px;margin:auto}.rfq-form fieldset{border:1px solid #dce5ef;padding:clamp(14px,3vw,25px);margin:0 0 20px;border-radius:10px}.rfq-form legend{font-weight:800;color:#082c57;padding:0 8px}.rfq-choice,.rfq-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rfq-choice label{cursor:pointer;padding:15px;border:1px solid #dce5ef;border-radius:8px;background:#f4f7fa;display:block}.rfq-choice label:has(:checked){border-color:#082c57;background:#eaf2fa}.rfq-choice input{width:auto}.rfq-choice small{display:block;margin-block-start:5px}.rfq-form [hidden]{display:none}.rfq-form .note{margin-block:12px}.rfq-form .wide{grid-column:1/-1}@media(max-width:600px){.rfq-choice,.rfq-fields{grid-template-columns:1fr}}
.rfq-hero{background:#082c45;color:#fff}.rfq-hero h1{color:#fff}.rfq-hero .eyebrow{color:#ffad57}.rfq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:24px;align-items:start}.rfq-guide{padding:24px;background:#f2f5f8;border-top:3px solid #ed8a33}.rfq-guide h2{font-size:1.5rem}.rfq-guide a{overflow-wrap:anywhere}.rfq-layout .rfq-form{width:100%;min-width:0}.rfq-technical{border:1px solid #dce5ef;border-radius:8px;padding:14px;margin-bottom:20px}.rfq-technical summary{cursor:pointer;font-weight:700}.rfq-technical .rfq-fields{margin-top:12px}@media(max-width:850px){.rfq-layout{grid-template-columns:1fr}}
.rfq-hero {
  --rfq-gradient-direction: 90deg;
  background-image:
    linear-gradient(var(--rfq-gradient-direction), #082c45f5 0%, #082c45d9 40%, #082c4533 100%),
    url("/assets/hero/loading.jpeg");
  background-size: cover;
  background-position: center 60%;
}
html[dir="rtl"] .rfq-hero { --rfq-gradient-direction: 270deg; }
@media (max-width: 600px) {
  .rfq-hero {
    background-image: linear-gradient(#082c45c9, #082c45c9),
      url("/assets/hero/loading.jpeg");
  }
}

.rfq-hero {
  --rfq-photo-direction: 90deg;
  background-image:
    linear-gradient(var(--rfq-photo-direction), #082c45f2 0%, #082c45c7 45%, #082c4520 100%),
    url("/assets/hero/rfq-hero.webp");
  background-size: cover;
  background-position: center;
}
html[dir="rtl"] .rfq-hero { --rfq-photo-direction: 270deg; }
@media (max-width: 600px) {
  .rfq-hero {
    background-image: linear-gradient(#082c45bd, #082c45bd),
      url("/assets/hero/rfq-hero.webp");
  }
}
