/* === второй фильтр: как первый (меньше скругление, больше отступы) === */

/* карточка */
.tfp-wrapper{
  display:flex; flex-direction:column;
  padding:24px;
  gap:16px;                               /* больше воздуха */
  background:#F8F9FA !important;
  border:1px solid #e5e7eb; border-radius:14px;  /* МЕНЬШЕ скругление чем было */
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  max-width:300px;
}

/* внутренняя сетка */
.tfp-grid{
  display:flex; flex-direction:column; gap:12px; /* расстояние между полями как у первого */
  margin:0; padding:0;
}

/* селекты — не «капсула», умеренное скругление и нормальные внутренние отступы */
/* поля-капсулы */
.tfp-select{
  width:100%;
  min-height:48px;
  padding:12px 18px;              /* больше воздуха */
  border:1px solid #d1d5db;
  border-radius:9999px;           /* ПОЛНОЕ скругление */
  font-size:16px;
  color:#111;
  background:#fff !important;
  appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23111' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px;
}
.tfp-select:disabled{ opacity:.55; }

.tfp-select:disabled{ opacity:.55; }

/* кнопка — отступы и не прилипает к краю */
/* кнопка */
/* кнопка */
.tfp-btn{
  align-self:flex-start;
  margin-top:4px;
  padding:12px 22px;
  border:none;
  border-radius:9999px;
  font-weight:700;
  font-size:16px;
  background:#fef22f; /* ярко-жёлтый как в фильтре */
  color:#111;          /* чёрный текст */
  cursor:pointer;
  transition:background .2s ease, transform .05s ease;
  box-shadow:none;     /* убрали тень по умолчанию */
}

.tfp-btn:hover{
  background:#E5E5E5;  /* светло-серый фон при наведении */
  color:#111;          /* чёрный текст */
  box-shadow:none;     /* без тени */
  transform:none;      /* без движения */
}

.tfp-btn[disabled]{
  opacity:.6;
  cursor:not-allowed;
  background:#fef22f;
  color:#111;
  box-shadow:none;
}


.tfp-btn[disabled]{ opacity:1; cursor:not-allowed; }


/* заголовок и размеры */
.tfp-result h4{ font-size:17px; font-weight:800; color:#111; margin:8px 0 6px; }
.tfp-sizes{ display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; list-style:none; }
.tfp-sizes li{
  background:#fff; border:1px solid #e5e7eb; border-radius:10px;
  padding:8px 12px; font-size:14px; color:#111; white-space:nowrap;
}

/* на всякий — без кликов */
.tfp-sizes a{ pointer-events:none; color:inherit; text-decoration:none; cursor:default; }
/* Заголовок над первым полем (Automalli) */
.tfp-label {
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 4px;
  margin-left: 4px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}