/* Shared mobile catalogue search. Desktop layouts remain unchanged. */
.mobile-project-search { display: none; }
@media (max-width: 768px) {
  .intl-section-search,
  .mobile-project-search {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 20px auto;
    padding: 16px;
    border: 1px solid #e1dced;
    border-radius: 16px;
    background: #fff;
    text-align: start;
  }
  .intl-section-search label,
  .mobile-project-search label { width: 100%; font-size: 14px; font-weight: 700; line-height: 1.6; }
  .intl-section-search input[type="search"],
  .mobile-project-search input[type="search"] {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    box-sizing: border-box;
    margin-top: 6px;
    padding: 10px 12px;
    border: 1px solid #a9b3c4;
    border-radius: 10px;
    background: #fff;
    color: #263247;
    font: inherit;
    font-size: 16px;
  }
  .intl-section-search button,
  .mobile-project-search button {
    width: 100%;
    min-height: 48px;
    padding: 10px 16px;
    border: 1px solid #5635ad;
    border-radius: 10px;
    background: #5635ad;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
  }
  .intl-section-search button:active,
  .mobile-project-search button:active { background: #45298e; }
  .intl-section-search :focus-visible,
  .mobile-project-search :focus-visible,
  .video-search-box :focus-visible { outline: 3px solid #9677df; outline-offset: 3px; }
  .news-search-panel { padding: 14px; border-radius: 16px; }
  .news-search-panel .news-search-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .news-search-input,
  .news-search-reset { grid-column: 1 / -1; }
  .news-search-panel input,
  .news-search-panel select { min-width: 0; font-size: 16px; }
  .video-search-panel .video-search-heading { text-align: start; gap: 10px; }
  .video-search-panel .video-search-count { align-self: flex-start; }
  .video-search-panel .video-search-box { flex-wrap: wrap; gap: 8px; padding: 12px; }
  .video-search-box .ir-icon { flex: 0 0 18px; }
  .video-search-box .video-search-input { flex: 1 1 160px; width: auto; min-width: 0; min-height: 44px; font-size: 16px; }
  .video-search-box .video-search-clear { min-height: 44px; padding: 8px 14px; }
}