.section-divider { display: block; width: 100%; height: auto; }
.equipment-selection { padding-block-start: 64px; }
.equipment-form { display: flex; flex-direction: column; gap: 16px; padding: 48px; background: var(--color-white); border-radius: 6px; }
.equipment-form__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.equipment-form__title { min-width: 0; }
.equipment-form__icons { display: flex; flex-shrink: 0; }
.equipment-form__icon { width: 55px; height: 55px; opacity: 0.2; transition: opacity 150ms ease; }
.equipment-form__icon.is-active { opacity: 1; }
.equipment-form__fields, .equipment-form__actions { display: flex; gap: 16px; }
.equipment-form__field { position: relative; flex: 1; min-width: 0; }
.equipment-form__field:has(select:disabled) { opacity: 0.5; }
.equipment-form__select { display: block; appearance: none; width: 100%; height: 50px; padding: 0 56px 0 24px; border: 1px solid var(--color-muted); border-radius: 6px; color: var(--color-text); background: var(--color-white); cursor: pointer; }
.equipment-form__select:disabled { cursor: default; color: var(--color-text); opacity: 1; }
.equipment-form__arrow { position: absolute; top: 17px; right: 24px; width: 16px; height: 16px; pointer-events: none; }
.equipment-form__button { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: center; height: 50px; padding-inline: 48px; border: 1px solid var(--color-accent); border-radius: 6px; transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease; }
.equipment-form__button span { text-box: trim-both cap alphabetic; }
.equipment-form__button--primary { color: var(--color-white); background: var(--color-accent); }
.equipment-form__button--primary:hover { background: var(--color-accent-dark); border-color: var(--color-accent-dark); }
.equipment-form__button--secondary { color: var(--color-accent); background: transparent; }
.equipment-form__button--secondary:hover { color: var(--color-white); background: var(--color-accent); }
@media (max-width: 1024px) {
  .equipment-selection { padding-block-start: 40px; }
  .equipment-form { padding: 32px; }
  .equipment-form__icon { width: 40px; height: 40px; }
  .equipment-form__button { padding-inline: 24px; }
}
@media (max-width: 767px) {
  .equipment-form { padding: 24px; }
  .equipment-form__heading { flex-direction: column; gap: 8px; }
  .equipment-form__title { text-align: center; }
  .equipment-form__icons { gap: 8px; }
  .equipment-form__fields, .equipment-form__actions { flex-direction: column; }
  .equipment-form__field, .equipment-form__button { flex: auto; }
}