.led-inquiry-section {
  padding-block: 72px;
  scroll-margin-top: 75px;
  background: #102431;
  color: #f1f7fb;
}

.led-inquiry {
  display: grid;
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
  gap: 18px;
  align-items: stretch;
}

.led-inquiry-card {
  padding: 26px;
  border: 1px solid rgb(214 236 255 / 24%);
  border-radius: 14px;
  background: rgb(255 255 255 / 12%);
  box-shadow: 0 24px 70px rgb(0 0 0 / 22%);
}

.led-inquiry-card h2 {
  margin: 0;
  color: #f1f7fb;
  font-size: clamp(34px, 4vw, 40px);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.led-inquiry-card > p {
  max-width: 56ch;
  margin: 14px 0 0;
  color: #a9bdca;
  font-weight: 500;
}

.led-inquiry-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.led-inquiry-form label {
  display: grid;
  gap: 7px;
  color: #a9bdca;
  font-size: 13px;
  font-weight: 500;
}

.led-inquiry-form input,
.led-inquiry-form select,
.led-inquiry-form textarea {
  width: 100%;
  min-height: 48px;
  padding: 13px 14px;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 8px;
  outline: none;
  background: oklch(25% .018 238);
  color: #f1f7fb;
  color-scheme: dark;
  font: inherit;
}

.led-inquiry-form input:focus,
.led-inquiry-form select:focus,
.led-inquiry-form textarea:focus { border-color: rgb(36 202 236 / 62%); }
.led-inquiry-form input::placeholder,
.led-inquiry-form textarea::placeholder { color: #83949e; opacity: 1; }
.led-inquiry-form input:autofill,
.led-inquiry-form input:-webkit-autofill,
.led-inquiry-form input:-webkit-autofill:hover,
.led-inquiry-form input:-webkit-autofill:focus {
  background-color: oklch(25% .018 238) !important;
  -webkit-text-fill-color: #f1f7fb !important;
  caret-color: #f1f7fb !important;
  box-shadow: 0 0 0 1000px oklch(25% .018 238) inset !important;
  -webkit-box-shadow: 0 0 0 1000px oklch(25% .018 238) inset !important;
  transition: background-color 9999s ease-out 0s;
}
.led-inquiry-form select option { background: #14232a; color: #f5f9fb; }
.led-inquiry-form textarea { min-height: 112px; resize: vertical; }
.led-inquiry-form .full { grid-column: 1 / -1; }
.led-inquiry-form .inquiry-fields { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.led-inquiry-form .inquiry-fields[hidden] { display: none; }
.led-inquiry-form .inquiry-fields .full { grid-column: 1 / -1; }

.led-inquiry-form .location-options {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.led-inquiry-form .location-options legend { margin-bottom: 7px; color: #a9bdca; font-size: 13px; font-weight: 500; }
.led-inquiry-form .location-options > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.led-inquiry-form .location-options label {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 8px;
  background: oklch(25% .018 238);
  color: #d7e6ee;
  cursor: pointer;
}
.led-inquiry-form .location-options label:has(input:checked) { border-color: #17c1dc; background: rgb(23 193 220 / 14%); color: #f1f7fb; }
.led-inquiry-form .location-options input { width: auto; min-height: auto; margin: 0 7px 0 0; accent-color: #17c1dc; }

.led-inquiry-form .inquiry-type-options { min-width: 0; margin: 0; padding: 0; border: 0; }
.led-inquiry-form .inquiry-type-options legend { margin-bottom: 7px; color: #a9bdca; font-size: 13px; font-weight: 500; }
.led-inquiry-form .inquiry-type-options > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.led-inquiry-form .inquiry-type-options label {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 8px;
  background: oklch(25% .018 238);
  color: #d7e6ee;
  cursor: pointer;
  text-align: center;
}
.led-inquiry-form .inquiry-type-options label:has(input:checked) { border-color: #17c1dc; background: rgb(23 193 220 / 14%); color: #f1f7fb; }
.led-inquiry-form .inquiry-type-options input { width: auto; min-height: auto; margin: 0 7px 0 0; accent-color: #17c1dc; }

.led-inquiry-form .consent {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  line-height: 1.45;
}

.led-inquiry-form .consent-box {
  grid-column: 1 / -1;
  padding: 12px 14px;
  border: 1px solid rgb(255 255 255 / 14%);
  border-radius: 8px;
  background: rgb(255 255 255 / 5%);
  font-size: 13px;
  font-weight: 500;
}

.led-inquiry-form .consent-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.led-inquiry-form .consent-toggle {
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #d7e6ee;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.led-inquiry-form .consent-details {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgb(255 255 255 / 14%);
  color: #b8c9d2;
  line-height: 1.65;
  white-space: pre-line;
}

.led-inquiry-form .consent input {
  width: auto;
  min-height: auto;
  margin: 4px 0 0;
}

.led-inquiry-submit {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 8px;
  background: #17c1dc;
  color: #07151b;
  font-weight: 900;
  cursor: pointer;
}

.led-inquiry-submit:hover { background: #53d8ee; }
.led-inquiry-submit:disabled { cursor: wait; opacity: .68; }
.led-inquiry-form .form-status { grid-column: 1 / -1; min-height: 22px; margin: 0; color: #a9bdca; font-size: 14px; font-weight: 500; }
.led-inquiry-form .form-status.success { color: #7ce9bb; }
.led-inquiry-form .form-status.error { color: #ffb09f; }
.led-inquiry-form .form-notice { margin: 0; padding: 12px; border-radius: 8px; background: rgb(255 255 255 / 8%); color: #a9bdca; font-weight: 500; }
.led-inquiry-form .form-options { margin: 0; padding: 14px; border: 1px solid rgb(255 255 255 / 18%); border-radius: 8px; }
.led-inquiry-form .form-options legend { padding-inline: 4px; color: #a9bdca; font-size: 13px; font-weight: 500; }
.led-inquiry-form .form-options label { display: flex; grid-template-columns: auto 1fr; align-items: center; gap: 8px; margin-top: 8px; }
.led-inquiry-form .form-options input { width: auto; min-height: auto; }
.led-inquiry-form label small { color: #83949e; }
.led-inquiry-form .honeypot { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }

@media (max-width: 780px) {
  .led-inquiry { grid-template-columns: 1fr; }
  .led-inquiry-form { grid-template-columns: 1fr; }
  .led-inquiry-form .inquiry-fields { grid-template-columns: 1fr; }
  .led-inquiry-form .full,
  .led-inquiry-form .consent-box,
  .led-inquiry-form .consent,
  .led-inquiry-submit,
  .led-inquiry-form .form-status { grid-column: auto; }
  .led-inquiry-form .inquiry-type-options > div { grid-template-columns: 1fr; }
}
