/* Frame `paieskos-rezultatai` 367:4944 — the results page. The ink bar at the top is the
   header partial's `.hsearch` (app.css); everything here sits below it. */

.search { padding-bottom: 186px; }                 /* cards end 653, footer starts 839 */

/* The comp draws no heading — the page still needs one for the document outline. */
.search__heading {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

/* ---- Group 5298 @295,136: three labels, 64px apart, 1px rule under the active one ---- */
.search__tabs { position: relative; display: inline-flex; gap: 64px; padding-top: 60.2px; }
.search__tab {
  position: relative;
  color: var(--muted); font-weight: 300; font-size: 16px; line-height: 20.8px;
  letter-spacing: 1.6px; text-transform: uppercase; white-space: nowrap;
}
.search__tab.is-active { color: var(--accent); font-weight: 400; }
.search__tab.is-active::after {                    /* Vector 46 377:4825 — 64x1 @295,155 */
  content: ""; position: absolute; left: 0; right: 0; bottom: -3.4px;
  height: 1px; background: var(--accent);
}

/* ---- Component 79/80 @296,195 — the 4-up grid, 2px right of the 294 container ---- */
.search .cat-grid { margin-top: 42px; margin-left: 2px; }
.search .cat-empty { margin-top: 42px; }

/* ---- V20 no results: no frame draws it (design/DEVIATIONS.md). The pieces are existing
       components — the cart's 14/18.23 ls1.4 section label, the listing's 34px sand pills
       (`.cfilter__chip`), the empty cart's 364x47 ink CTA — on a 32 / 16 / 32 rhythm. ---- */
.search-empty__hint {
  margin: 32px 0 0; text-transform: uppercase; color: var(--accent);
  font-weight: 300; font-size: 14px; line-height: 18.23px; letter-spacing: 1.4px;
}
.search-empty__links { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.search-empty__link {
  display: flex; align-items: center; height: 34px; padding: 0 12px; box-sizing: border-box;
  border: 1px solid var(--sand); border-radius: 32px; white-space: nowrap;
  color: var(--ink); font-size: 14px; line-height: 18.228px;
  transition: border-color var(--t-tint) var(--ease-out), background-color var(--t-tint) var(--ease-out);
}
.search-empty__link:hover, .search-empty__link:focus-visible { border-color: var(--accent); background: var(--shell); }
.search-empty__cta {
  display: inline-flex; align-items: center; justify-content: center;
  width: 364px; height: 47px; margin-top: 32px;
  background: var(--ink); color: var(--cream); border-radius: 40px;
  text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 18.23px;
  transition: background-color var(--t-tint) var(--ease-out);
}
.search-empty__cta:hover, .search-empty__cta:focus-visible { background: var(--ink-hover); }

@media (max-width: 767px) {
  .search-empty__hint { margin-top: 24px; }
  .search-empty__links { margin-top: 12px; }
  /* full row between the gutters, like the cart's and the wishlist's empty CTA */
  .search-empty__cta { display: flex; width: auto; margin-top: 24px; }
}