/* Search overlay, 404, style tiles, shared empty states. */

/* Search overlay */
.pty-search { position: fixed; inset: 0; z-index: var(--pty-z-menu); }
.pty-search__backdrop { position: absolute; inset: 0; background: var(--pty-scrim); opacity: 0; transition: opacity var(--pty-duration) var(--pty-ease); }
.pty-search.is-open .pty-search__backdrop { opacity: 1; }
.pty-search__panel {
  position: absolute; top: 0; left: 0; right: 0;
  background: var(--pty-paper);
  padding: var(--pty-space-5) var(--pty-gutter) var(--pty-space-6);
  transform: translateY(-100%);
  transition: transform var(--pty-duration) var(--pty-ease);
}
.pty-search.is-open .pty-search__panel { transform: none; }
.pty-search__form { display: flex; align-items: center; gap: var(--pty-space-3); max-width: var(--pty-max-width); margin-inline: auto; border-bottom: 1px solid var(--pty-ink); padding-bottom: var(--pty-space-3); }
.pty-search__input { flex: 1; border: 0; background: none; font-family: var(--pty-font-display); font-size: var(--pty-display-sm); min-height: var(--pty-touch-target); }
.pty-search__input:focus { outline: none; }
.pty-search__hint { max-width: var(--pty-max-width); margin: var(--pty-space-3) auto 0; }
.pty-menu__search { display: flex; align-items: center; gap: var(--pty-space-2); min-height: var(--pty-touch-target); text-decoration: none; padding-block: var(--pty-space-3); border-top: var(--pty-border); }

/* Style tiles (404, empty states) */
.pty-tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--pty-space-3); margin-top: var(--pty-space-6); }
@media (min-width: 700px) { .pty-tiles { grid-template-columns: repeat(4, 1fr); } }
.pty-tile {
  display: flex; align-items: center; justify-content: center; min-height: 140px;
  background: var(--pty-shell); text-decoration: none;
  font-family: var(--pty-font-display); font-size: var(--pty-display-sm);
  transition: background var(--pty-duration-fast) var(--pty-ease);
}
.pty-tile:hover { background: var(--pty-blush); }

/* 404 */

/* Search-results empty state */
.pty-archive__empty { padding-block: var(--pty-space-7); }
.pty-archive__empty-tiles { margin-top: var(--pty-space-5); }