.search-results[data-v-7f7bddad] {
  display:flex;
  flex-direction:column;
  gap:clamp(20px,3vw,28px);
  padding:3px 12px 32px;
  max-width:1200px;
  margin:0 auto;
  box-sizing:border-box
}
.search-results__header[data-v-7f7bddad] {
  display:flex;
  flex-direction:column;
  gap:8px
}
.search-results__title[data-v-7f7bddad] {
  font-size:clamp(20px,2.4vw,26px);
  font-weight:700;
  margin:0;
  color:var(--text-color, #0f172a)
}
.search-results__meta[data-v-7f7bddad] {
  font-size:14px;
  color:#6366f1e6;
  margin:0
}
.search-results__placeholder[data-v-7f7bddad] {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  padding:clamp(20px,4vw,32px);
  border-radius:clamp(16px,3vw,24px);
  background:#94a3b81a;
  border:1px dashed rgba(148,163,184,.3)
}
.search-results__placeholder-text[data-v-7f7bddad] {
  margin:0;
  font-size:14px;
  color:var(--text-color-secondary, #64748b)
}
.search-results__back[data-v-7f7bddad] {
  border:none;
  border-radius:999px;
  padding:10px 22px;
  background:linear-gradient(135deg,#6366f1,#8b5cf6);
  color:#fff;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease
}
.search-results__back[data-v-7f7bddad]:hover {
  transform:translateY(-1px);
  box-shadow:0 12px 24px #6366f147
}
.search-results__grid[data-v-7f7bddad] {
  display:grid;
  gap:clamp(5px,2vw,20px);
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr))
}
.search-results__grid-item[data-v-7f7bddad] {
  display:flex
}
.search-results__grid-item[data-v-7f7bddad] .inline-ad-card {
  width:100%
}
.search-results__banner[data-v-7f7bddad] {
  margin-top:clamp(20px,4vw,32px)
}
.search-results__carousel[data-v-7f7bddad] {
  margin-top:clamp(24px,4vw,40px)
}
@media(min-width:768px) {
  .search-results__grid[data-v-7f7bddad] {
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr))
  }
}
@media(max-width:640px) {
  .search-results__grid[data-v-7f7bddad] {
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr))
  }
}