.search-results {
  padding-block: var(--space-lg) var(--space-xl);
  background: var(--color-bg);
}
.search-results .fluid-margin {
  width: min(1280px, calc(100% - 2 * var(--space-sm)));
  margin-inline: auto;
}
.search-results .search-title {
  margin-block: 0 var(--space-md);
  color: var(--color-text-muted);
  font-size: var(--fs-md);
}
.search-results .search-title strong { color: var(--color-gold-text); }
.search-results .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  margin-block-end: var(--space-lg);
  padding: var(--space-2xs);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}
.search-results .nav-tabs .nav-link {
  display: block;
  padding: var(--space-xs) var(--space-md);
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--color-text-muted);
}
.search-results .nav-tabs .nav-link.active {
  background: var(--color-gold);
  color: var(--color-text-on-gold);
}
.search-product-grid {
  display: grid !important;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-sm);
  margin-block-start: var(--space-md);
}
.search-product-grid > * { min-width: 0; }
.search-results-empty {
  grid-column: 1 / -1;
  padding: var(--space-xl);
  border: 1px dashed var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-muted);
  text-align: center;
}
.search-results .pro-pagination-style {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-block-start: var(--space-lg);
  text-align: center;
}
.search-results .pro-pagination-style ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-3xs);
  direction: ltr;
  margin: 0;
  padding: 0;
  list-style: none;
}
.search-results .pro-pagination-style li {
  display: block;
  margin: 0;
  padding: 0;
}
.search-results .pro-pagination-style li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  margin: 0;
  padding-inline: var(--space-3xs);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: var(--fs-sm);
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
}
.search-results .pro-pagination-style li a:hover,
.search-results .pro-pagination-style li a:focus-visible {
  border-color: var(--color-gold);
  color: var(--color-gold-text);
}
.search-results .pro-pagination-style li a.active {
  border-color: var(--color-gold);
  background: var(--color-gold);
  color: var(--color-text-on-gold);
  cursor: default;
}
.search-results .pro-pagination-style li a.prev,
.search-results .pro-pagination-style li a.next {
  font-size: var(--fs-md);
}
.search-results .tab-content > .tab-pane:not(.active) { display: none; }
.search-results .tab-content > .active { display: block; }
@media (min-width: 768px) {
  .search-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .search-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .search-results .fluid-margin { width: min(100% - 2 * var(--space-xs), 1280px); }
  .search-results .nav-tabs .nav-link { padding: var(--space-2xs) var(--space-xs); }
}

/* NewLayout-native search page */
.search-page-v2 { background: var(--color-bg); }
.search-page-v2__hero {
  padding-block: clamp(var(--space-lg), 6vw, var(--space-2xl));
  border-block-end: 1px solid var(--color-border);
  background: linear-gradient(135deg, var(--color-bg-raised), var(--color-surface));
}
[dir="rtl"] .search-page-v2__hero { background: linear-gradient(225deg, var(--color-bg-raised), var(--color-surface)); }
.search-page-v2__hero-inner, .search-page-v2__content { max-width: 1280px; }
.search-page-v2__eyebrow { color: var(--color-gold-text); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.search-page-v2__title { margin-block: var(--space-xs) var(--space-md); font-size: clamp(var(--fs-xl), 5vw, var(--fs-3xl)); overflow-wrap: anywhere; }
.search-page-v2__form { display: flex; gap: var(--space-xs); width: min(680px, 100%); }
.search-page-v2__form input {
  flex: 1; min-width: 0; min-height: 48px; padding-inline: var(--space-sm);
  border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface);
}
.search-page-v2__form input:focus { outline: 2px solid var(--color-gold); outline-offset: 1px; }
.search-page-v2__content { padding-block: var(--space-lg) var(--space-2xl); }
.search-page-v2__nav {
  position: sticky; top: var(--site-header-main-height, 0); z-index: 5; display: flex; gap: var(--space-2xs);
  overflow-x: auto; margin-block-end: var(--space-lg); padding: var(--space-2xs);
  border: 1px solid var(--color-border); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-surface) 94%, transparent);
  backdrop-filter: blur(8px);
}
.search-page-v2__nav a { display: inline-flex; align-items: center; gap: var(--space-2xs); padding: var(--space-xs) var(--space-sm); border-radius: var(--radius-sm); white-space: nowrap; }
.search-page-v2__nav a:hover { background: var(--color-bg-raised); color: var(--color-gold-text); }
.search-page-v2__nav span, .search-result-section__header > span {
  min-width: 24px; padding: 2px 7px; border-radius: var(--radius-round); background: var(--color-bg-raised); color: var(--color-text-muted); font-size: var(--fs-xs); text-align: center;
}
.search-result-section { padding-block: var(--space-lg); scroll-margin-top: calc(var(--site-header-main-height, 80px) + var(--space-lg)); }
.search-result-section + .search-result-section { border-block-start: 1px solid var(--color-border); }
.search-result-section__header { display: flex; align-items: center; gap: var(--space-xs); margin-block-end: var(--space-md); }
.search-result-section__header h2 { font-size: var(--fs-xl); }
.search-page-v2 .search-product-grid { margin-block-start: 0; }
.content-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.search-page-v2__empty { padding: clamp(var(--space-xl), 10vw, 100px); text-align: center; color: var(--color-text-muted); }
.search-page-v2__empty > span { display: block; margin-block-end: var(--space-sm); color: var(--color-gold-text); font-size: 64px; }
.search-page-v2__empty h2 { margin-block-end: var(--space-xs); color: var(--color-text); }
@media (min-width: 768px) { .content-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 520px) {
  .search-page-v2__form { flex-direction: column; }
  .search-page-v2__form .btn { width: 100%; }
}
