.catalog-results-toolbar .search-bar.site-search.catalog-search-bar {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 76px;
      width: min(100%, 520px) !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin-left: 0 !important;
      gap: 0;
    }

    .catalog-results-toolbar .search-bar.site-search.catalog-search-bar input {
      width: 100% !important;
      inline-size: 100% !important;
      min-width: 0;
      padding: 0 14px !important;
      border-radius: 8px 0 0 8px;
    }

    .catalog-results-toolbar .search-bar.site-search.catalog-search-bar .search-btn {
      position: static !important;
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      width: 76px;
      height: 40px;
      min-height: 40px;
      padding: 0 10px;
      border-radius: 0 8px 8px 0;
    }

    @media (max-width: 640px) {
      .catalog-search-mount {
        display: grid;
        gap: 8px;
      }

      .catalog-results-toolbar .search-bar.site-search.catalog-search-bar {
        order: 1 !important;
        width: calc(100dvw - 32px) !important;
        max-width: calc(100dvw - 32px) !important;
      }

      .catalog-search-submit {
        display: inline-flex !important;
        order: 2;
      }
    }

    .catalog-search-submit {
      display: none;
      align-items: center;
      justify-content: center;
      width: calc(100dvw - 32px);
      height: 40px;
      border: 1px solid var(--color-accent-primary);
      border-radius: 8px;
      background: var(--color-accent-primary);
      color: #17120d;
      font: inherit;
      font-weight: 900;
      cursor: pointer;
    }

    .catalog-search-bar .search-suggest-meta {
      display: block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }