/**
 * Mobile controls: поиск, поля, кнопки, фокус (WebView / крупный шрифт ОС).
 */

@media (max-width: 767.98px) {
  .equip-search-input-group {
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
  }

  .equip-search-input-group > .form-control {
    flex: 1 1 auto;
    min-width: 0;
    border-radius: var(--ds-radius-sm);
  }

  .equip-search-input-group > .btn {
    flex: 1 1 100%;
    margin-top: var(--ds-space-3);
    min-height: var(--ds-touch-min, 48px);
    border-radius: var(--ds-radius-sm);
    font-size: var(--ds-font-body);
  }
}

@media (min-width: 768px) {
  .equip-search-input-group > .form-control:focus-visible {
    z-index: 3;
  }
}

.equip-search-input-group .form-control:focus-visible,
.equip-search-input-group .btn:focus-visible {
  box-shadow: var(--ds-focus-ring);
  outline: none;
}

html.siteapp-webview .equip-search-block .form-label {
  font-size: var(--ds-font-body);
  font-weight: 600;
  color: var(--ds-text-secondary);
}

/* Чуть крупнее вторичный текст в тёмной теме на малых экранах */
@media (max-width: 991.98px) {
  [data-bs-theme="dark"] .equip-card .equip-sub,
  [data-bs-theme="dark"] .equip-card .equip-desc {
    color: var(--ds-text-secondary);
  }
}

@media (max-width: 767.98px) {
  .btn:focus-visible,
  .equip-mob-tile:focus-visible {
    outline: 2px solid var(--ds-accent);
    outline-offset: 2px;
  }

}