#dpf-root.finder-redesign {
  --finder-ink: #111827;
  --finder-muted: #6b7280;
  --finder-accent: #2563eb;
  --finder-border: #e5e7eb;
  --finder-surface: #fff;
  --finder-radius: 9px;
  color: var(--finder-ink);
}

#dpf-root.finder-redesign,
#dpf-root.finder-redesign * {
  font-family: "Arimo", Arial, sans-serif;
}

#dpf-root.finder-redesign .finder-page-title,
#dpf-root.finder-redesign h1.sr-only {
  display: block !important;
  position: relative;
  width: auto !important;
  height: auto !important;
  min-height: 2.4rem;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  border: 0 !important;
  color: var(--finder-ink) !important;
  font-size: clamp(1.75rem, 3vw, 2.25rem) !important;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

#dpf-root.finder-redesign .finder-page-title.retro-title {
  width: max-content !important;
  max-width: 100%;
  margin-inline: auto !important;
  padding: 0 !important;
  color: #255bc0 !important;
  letter-spacing: .025em;
}

#dpf-root.finder-redesign .finder-title-gradient {
  display: inline-block;
  background-image: linear-gradient(100deg, #173b8f 0%, #5b3ca6 52%, #0e9bd8 100%);
  background-size: 100% 100%;
  background-position: 50% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  text-shadow: 2px 2px 0 rgba(236, 72, 153, .28), 4px 4px 0 rgba(14, 165, 233, .2);
}

@media (hover: hover) {
  #dpf-root.finder-redesign .finder-page-title.retro-title:hover .finder-title-gradient {
    background-image: linear-gradient(100deg, #0e9bd8 0%, #8b3bb4 52%, #e14491 100%);
    background-size: 200% 100%;
    animation: finder-title-gradient-flow 1.4s ease-in-out infinite alternate;
    text-shadow: 2px 2px 0 rgba(14, 165, 233, .45), 4px 4px 0 rgba(236, 72, 153, .35);
  }
}

html[data-theme="dark"] #dpf-root.finder-redesign .finder-page-title.retro-title {
  color: #b9d0ff !important;
}

html[data-theme="dark"] #dpf-root.finder-redesign .finder-title-gradient {
  background-image: linear-gradient(100deg, #b9d0ff 0%, #d0b5ff 52%, #78d5ff 100%);
}

@media (hover: hover) {
  html[data-theme="dark"] #dpf-root.finder-redesign .finder-page-title.retro-title:hover .finder-title-gradient {
    background-image: linear-gradient(100deg, #78d5ff 0%, #e5a4ff 52%, #ff9dd1 100%);
    background-size: 200% 100%;
    animation: finder-title-gradient-flow 1.4s ease-in-out infinite alternate;
    text-shadow: 2px 2px 0 rgba(56, 189, 248, .5), 4px 4px 0 rgba(244, 114, 182, .42);
  }
}

@keyframes finder-title-gradient-flow {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  #dpf-root.finder-redesign .finder-page-title.retro-title:hover .finder-title-gradient {
    animation: none;
  }
}

#dpf-root.finder-redesign .container {
  max-width: 1440px !important;
  padding: clamp(1rem, 3vw, 2.5rem) !important;
  background: #fff !important;
  color: var(--finder-ink);
}

#dpf-root.finder-redesign #mainContent { max-width: none; padding: 0; }

#dpf-root.finder-redesign .finder-control-panel {
  padding: clamp(1rem, 2vw, 1.5rem) !important;
  border: 1px solid var(--finder-border);
  border-radius: 12px;
  background: var(--finder-surface) !important;
  box-shadow: none !important;
}

#dpf-root.finder-redesign .controls-wrapper { gap: .9rem; }
#dpf-root.finder-redesign .controls-top { gap: .75rem; }

#dpf-root.finder-redesign .result-count {
  color: var(--finder-ink);
  background: #eff6ff;
  border: 1px solid var(--finder-border);
  border-radius: 7px;
  box-shadow: none;
}

#dpf-root.finder-redesign #featureSearch {
  border: 1px solid #cbd5e1;
  border-radius: var(--finder-radius);
  background-color: #fff;
  box-shadow: none;
  transform: none;
}

#dpf-root.finder-redesign #searchInput {
  border: 1px solid #cbd5e1;
  border-radius: var(--finder-radius);
  background-color: #fff;
  box-shadow: none;
}

#dpf-root.finder-redesign #featureSearch:focus { box-shadow: 0 0 0 3px rgba(37, 99, 235, .2); }
#dpf-root.finder-redesign #searchInput:focus { box-shadow: 0 0 0 3px rgba(37, 99, 235, .2); }
#dpf-root.finder-redesign .search-hint { color: var(--finder-muted); }
#dpf-root.finder-redesign #priceSliderContainer { border-radius: 8px; box-shadow: none; }
#dpf-root.finder-redesign .quick-filter-label { color: var(--finder-muted); }
#dpf-root.finder-redesign .quick-filter-btn { border-radius: 7px; box-shadow: none; }

#dpf-root.finder-redesign .filter-toggle,
#dpf-root.finder-redesign #themeToggle {
  border-radius: 7px;
  color: var(--finder-accent);
  border-color: #bfdbfe;
  box-shadow: none;
}

#dpf-root.finder-redesign .filter-toggle:hover,
#dpf-root.finder-redesign #themeToggle:hover {
  background: #eff6ff;
  box-shadow: none;
  transform: none;
}

#dpf-root.finder-redesign .filters-actions .filter-toggle {
  min-height: 42px;
  padding: .55rem .9rem;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

#dpf-root.finder-redesign .filters-actions .filter-toggle:hover {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow: none;
  transform: none;
}

#dpf-root.finder-redesign #toggleFiltersBtn[aria-pressed="true"] {
  border-color: #2563eb;
  background: #2563eb;
  color: #fff;
}

#dpf-root.finder-redesign #sortPriceBtn[aria-pressed="true"] {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
}

#dpf-root.finder-redesign #filterCategories button {
  display: inline-flex;
  min-width: 36px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff;
  color: #b91c1c;
  font-size: .9rem;
  box-shadow: none;
  transition: background-color .15s ease, border-color .15s ease;
}

#dpf-root.finder-redesign #filterCategories button:hover {
  border-color: #fca5a5;
  background: #fef2f2;
  color: #991b1b;
  box-shadow: none;
  transform: none;
}

#dpf-root.finder-redesign .mobile-advanced-toggle {
  border-color: #bfdbfe;
  border-radius: 8px;
  background: #f8fbff;
  color: #1d4ed8;
  font-family: "Arimo", Arial, sans-serif;
  font-size: .9rem;
}

#dpf-root.finder-redesign .mobile-advanced-checkbox:checked + .mobile-advanced-toggle {
  border-color: #2563eb;
  background: #eff6ff;
}

#dpf-root.finder-redesign #phoneShowcase,
#dpf-root.finder-redesign #phoneCardsContainer { gap: 1rem; }
#dpf-root.finder-redesign #phoneShowcase .phone-card > div:first-child,
#dpf-root.finder-redesign #phoneCardsContainer .aspect-398-219 {
  background-color: #fff !important;
}
#dpf-root.finder-redesign #phoneShowcase .phone-card,
#dpf-root.finder-redesign #phoneShowcase > *,
#dpf-root.finder-redesign #phoneCardsContainer .phone-card,
#dpf-root.finder-redesign #phoneCardsContainer > * {
  border: 1px solid var(--finder-border);
  border-radius: var(--finder-radius);
  box-shadow: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

#dpf-root.finder-redesign #phoneShowcase .phone-card:hover,
#dpf-root.finder-redesign #phoneShowcase > *:hover,
#dpf-root.finder-redesign #phoneCardsContainer .phone-card:hover,
#dpf-root.finder-redesign #phoneCardsContainer > *:hover {
  border-color: #93c5fd;
  box-shadow: 0 2px 8px rgba(37, 99, 235, .1);
  transform: translateY(-3px) !important;
}

#dpf-root.finder-redesign #searchResults > div {
  padding: .75rem 1rem;
  border-color: var(--finder-border);
  border-radius: 7px;
  cursor: pointer;
}

#dpf-root.finder-redesign #searchResults > div:hover {
  background: #eff6ff;
}

#dpf-root.finder-redesign #dataContainer {
  color: var(--finder-muted);
  font-size: .95rem;
}

html[data-theme="dark"] #dpf-root.finder-redesign .container { background: #1a1a1a !important; color: #f9fafb; }
html[data-theme="dark"] #dpf-root.finder-redesign .finder-control-panel { background: #1f2937 !important; border-color: #374151; }
html[data-theme="dark"] #dpf-root.finder-redesign .finder-page-title,
html[data-theme="dark"] #dpf-root.finder-redesign h1.sr-only { color: #f9fafb !important; }
html[data-theme="dark"] #dpf-root.finder-redesign .result-count {
  color: #dbeafe !important;
  background: #1e3a5f;
  border-color: #375c86;
}
html[data-theme="dark"] #dpf-root.finder-redesign #searchInput {
  background-color: rgba(2, 6, 23, 0.62) !important;
  border-color: rgba(125, 211, 252, 0.26) !important;
  color: #f9fafb !important;
}
html[data-theme="dark"] #dpf-root.finder-redesign .filters-actions .filter-toggle {
  border-color: #46566a !important;
  background: #263447 !important;
  color: #dbeafe !important;
}
html[data-theme="dark"] #dpf-root.finder-redesign .filters-actions .filter-toggle:hover {
  border-color: #60a5fa !important;
  background: #1e3a5f !important;
  color: #fff !important;
}
html[data-theme="dark"] #dpf-root.finder-redesign #toggleFiltersBtn[aria-pressed="true"] {
  border-color: #3b82f6 !important;
  background: #1d4ed8 !important;
  color: #fff !important;
}
html[data-theme="dark"] #dpf-root.finder-redesign .mobile-advanced-toggle {
  border-color: #46566a;
  background: #263447;
  color: #dbeafe;
}
html[data-theme="dark"] #dpf-root.finder-redesign .mobile-advanced-checkbox:checked + .mobile-advanced-toggle {
  border-color: #60a5fa;
  background: #1e3a5f;
  color: #fff;
}
html[data-theme="dark"] #dpf-root.finder-redesign #filterCategories button {
  border-color: #7f3b46;
  background: #3a252b;
  color: #fecaca;
}
html[data-theme="dark"] #dpf-root.finder-redesign #filterCategories button:hover {
  background: #542a33;
}
html[data-theme="dark"] #dpf-root.finder-redesign #searchResults > div:hover { background: #1e3a5f; }
html[data-theme="dark"] #dpf-root.finder-redesign #dataContainer { color: #cbd5e1; }