/* Search and platform controls share the header's dark glass treatment. */
.header--store .header-filters { background: transparent; }
.header--store .filters-platform { padding: 5px 0 15px; background: transparent; border-top: 0; }
.header--store .filters .filters-platform-inner {
  position: relative; width: calc(100% - 48px); max-width: 1232px; padding: 10px 12px;
  gap: 14px; border: 1px solid #ffffff16; border-radius: 14px;
  background: linear-gradient(120deg, var(--toolbar-glass, #1b1425d9), #100d1ae8);
  box-shadow: inset 0 1px 0 #ffffff08, 0 8px 24px #0002;
}
.header--store .filters-platform-start { gap: 10px; flex-wrap: nowrap; }
.header--store .platform-filter-buttons { display: flex; gap: 3px; padding: 4px; background: #08081075; border: 1px solid #ffffff08; border-radius: 10px; }
.header--store .platform-btn { min-height: 34px; padding: 8px 12px; border-radius: 7px; font-size: 10px; font-weight: 600; letter-spacing: .045em; color: #b2acbf; transition: background .15s, color .15s, border-color .15s; }
.header--store .platform-btn:hover { color: var(--text); background: #ffffff08; }
.header--store .platform-btn.is-active { background: color-mix(in srgb, var(--accent) 13%, transparent); border-color: color-mix(in srgb, var(--accent) 34%, transparent); color: var(--accent); box-shadow: inset 0 1px 0 #ffffff0a; }
.header--store .advanced-filters-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 10px 12px; background: #ffffff04; border: 1px solid #ffffff18; border-radius: 9px; color: #c4bfd1; font-size: 11px; }
.header--store .advanced-filters-toggle::before { content: ''; width: 15px; height: 15px; flex-shrink: 0; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg stroke='black' stroke-width='1.6' fill='none' stroke-linecap='round'%3E%3Cpath d='M3 5h14M3 10h14M3 15h14'/%3E%3Cpath d='M7 3v4M13 8v4M8 13v4'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; }
.header--store .advanced-filters-toggle:hover, .header--store .advanced-filters-toggle[aria-expanded="true"] { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 40%, transparent); background: color-mix(in srgb, var(--accent) 5%, transparent); }
.header--store .filters-toolbar-actions { gap: 10px; flex: 1 1 340px; }
.header--store .filters-toolbar-actions .search-container { min-height: 46px; border-radius: 10px; border: 1px solid #ffffff24; background: #0807119c; box-shadow: inset 0 2px 5px #0003; transition: border-color .15s, box-shadow .15s; }
.header--store .search-container:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 8%, transparent), inset 0 2px 5px #0002; }
.header--store .search-btn { width: 44px; height: 44px; color: #9eabc2; }
.header--store .search-btn-svg { display: block; width: 19px; height: 19px; }
.header--store .search-input { padding: 12px 8px 12px 0; font-size: 13px; }
.header--store .search-input::placeholder { color: #928a9f; }
.search-shortcut { flex-shrink: 0; margin-right: 10px; border: 1px solid #ffffff14; border-radius: 5px; padding: 2px 5px; font-size: 10px; color: #8c859d; pointer-events: none; }
.search-container:focus-within .search-shortcut { display: none; }
.header--store .header-locale { gap: 0; padding: 2px; border: 1px solid #ffffff12; border-radius: 10px; background: #08071150; }
.header--store .locale-trigger { height: 40px; min-width: 42px; padding: 8px; font-size: 13px; }
.header--store .locale-dropdown-wrap + .locale-dropdown-wrap { border-left: 1px solid #ffffff12; }
.header--store .locale-flag-img { width: 23px; height: auto; border-radius: 2px; }
.header--store #cartBtn { min-height: 44px; gap: 8px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent); border-radius: 10px; background: color-mix(in srgb, var(--accent) 5%, transparent); font-size: 12px; }
.header--store #cartBtn:hover { background: color-mix(in srgb, var(--accent) 13%, transparent); border-color: var(--accent); }
.toolbar-cart-icon { width: 18px; height: 18px; color: var(--accent); }
.header--store .cart-count { min-width: 19px; height: 19px; display: grid; place-items: center; padding: 0 4px; background: color-mix(in srgb, var(--accent) 14%, transparent); border-radius: 5px; font-size: 10px; }
.header--store .search-suggestions { top: calc(100% + 12px); border-radius: 12px; }
@media (max-width: 1100px) {
  .header--store .filters-toolbar-actions { flex-basis: 100%; }
  .header--store .filters-platform-start { width: 100%; justify-content: space-between; }
}
@media (max-width: 700px) {
  .header--store .filters .filters-platform-inner { width: calc(100% - 24px); padding: 9px; gap: 9px; border-radius: 12px; }
  .header--store .filters-platform-start { flex-wrap: wrap; gap: 8px; }
  .header--store .platform-filter-buttons { flex: 1 1 auto; justify-content: space-between; }
  .header--store .platform-btn { padding: 8px; font-size: 9px; }
  .header--store .advanced-filters-toggle { min-height: 38px; padding: 8px; font-size: 10px; }
  .header--store .filters-toolbar-actions { flex-wrap: wrap; gap: 8px; }
  .header--store .filters-toolbar-actions .search-container { flex-basis: 100%; }
  .search-shortcut { display: none; }
  .header--store .header-locale { margin-right: auto; }
}

/* Suggestion updates must not become page scroll anchors. */
.header--store, .search-suggestions { overflow-anchor: none; }