/* ── Store page ──────────────────────────────────────────────────── */

.store-page-header {
  position: relative; overflow: hidden;
  padding: clamp(48px,8vw,96px) clamp(16px,5vw,64px) 48px;
  z-index: 1;
}
.store-header-orb {
  position: absolute; top: -160px; right: -100px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(77,166,255,0.08) 0%, transparent 65%);
  filter: blur(60px); pointer-events: none;
  animation: float 10s ease-in-out infinite;
}
.store-header-content { position: relative; z-index: 1; }
.store-heading {
  font-family: var(--font-heading); font-size: clamp(40px,7vw,80px);
  font-weight: 400; line-height: 1; margin-bottom: 12px;
}
.store-heading em {
  font-style: normal;
  background: linear-gradient(90deg, var(--cobalt), var(--periwinkle));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.store-subheading { color: var(--text-muted); font-size: 15px; }

/* Search + tabs row */
.store-controls {
  display: flex; align-items: flex-start; gap: 16px;
  flex-wrap: wrap; margin-bottom: 12px;
}
.store-search-wrap {
  position: relative; flex-shrink: 0;
}
.search-icon {
  position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  color: var(--text-muted); pointer-events: none;
}
.store-search {
  background: var(--card); border: 1px solid var(--border);
  color: var(--text); font-family: var(--font-body); font-size: 13px;
  padding: 10px 14px 10px 36px; border-radius: var(--r-md);
  outline: none; width: 220px;
  transition: border-color var(--fast);
}
.store-search::placeholder { color: var(--text-muted); }
.store-search:focus { border-color: var(--cobalt); }

.store-result-count {
  font-family: var(--font-label); font-size: 10px; letter-spacing: 0.08em;
  color: var(--text-muted); margin-bottom: 20px;
}

@media (max-width: 640px) {
  .store-controls { flex-direction: column; }
  .store-search { width: 100%; }
}