/* Wrapper */
.wcaf2{
  width: 100%;
  box-sizing: border-box;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background:#2f5584;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 22px rgba(0,0,0,.35);
  border-radius: 0;
  overflow: hidden;
}

/* Title */
.wcaf2__title{
  text-align: center;
  color: #f3f3f3;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 2px 0 12px;
}

/* Form */
.wcaf2__form{
  margin: 0;
}

/* ROW: desktop horizontal */
.wcaf2__row{
  display: flex;
  gap: 10px;
  align-items: stretch;
  flex-wrap: nowrap;      /* в одну линию на ПК */
}

/* Field blocks */
.wcaf2__field{
  flex: 1 1 0;            /* все селекты равной ширины */
  min-width: 0;           /* предотвращает вылезание */
}

/* Select */
.wcaf2__select{
  width: 100%;
  height: 42px;
  padding: 0 42px 0 14px;
  box-sizing: border-box;

  color: #3a3a3a;
  font-size: 14px;

  border: 1px solid #2b2b2b;
  background:
    linear-gradient(180deg, #f5f5f5 0%, #e6e6e6 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    inset 0 -1px 0 rgba(0,0,0,.08),
    0 1px 0 rgba(0,0,0,.35);

  outline: none;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image:
    linear-gradient(180deg, #f5f5f5 0%, #e6e6e6 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%232b2b2b' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, calc(100% - 12px) 50%;
  background-size: 100% 100%, 14px 14px;
}

.wcaf2__select:focus{
  border-color: #000;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 0 0 1px rgba(0,0,0,.35);
}

/* disabled (когда следующий ещё не доступен) */
.wcaf2__select:disabled{
  opacity: .6;
  cursor: not-allowed;
}

/* Button */
.wcaf2__btn{
  flex: 0 0 220px;        /* ширина кнопки на ПК */
  height: 42px;
  padding: 0 16px;
  border-radius: 0;
  border: 1px solid #3a0f12;
  background: #df9e35;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .6px;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 1px 0 rgba(0,0,0,.6);
}

.wcaf2__btn:hover{ filter: brightness(1.02); }
.wcaf2__btn:active{ transform: translateY(1px); }

/* Mobile: vertical stack */
@media (max-width: 768px){
  .wcaf2__row{
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .wcaf2__btn{
    flex: 0 0 auto;
    width: 100%;
  }
}
.wcaf2{
  margin-bottom: 90px;
  position: relative;
  clear: both;
}

.wcaf2__form, .wcaf2__row{
  position: relative;
}
.wcaf2{
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none !important;
}