/* Brand-specific additions to the shared location comparison styles. */
#brand-prices .brand-local-search { max-width: 660px; margin-top: 24px; }
#brand-prices .brand-local-search label { display: block; font-size: .85rem; font-weight: 700; margin-bottom: 8px; }
#brand-prices .brand-local-search > div { display: flex; gap: 10px; }
#brand-prices .brand-local-search input[type="search"] { min-width: 0; flex: 1; min-height: 48px; border: 1px solid var(--pp-shell-line); border-radius: 6px; padding: 10px 14px; background: var(--geo-muted-bg); color: var(--pp-shell-text); font: inherit; }
#brand-prices .brand-local-search input::placeholder { color: var(--pp-shell-muted); opacity: 1; }
#brand-prices :is(input, button):focus-visible { outline: 3px solid #f0b429; outline-offset: 3px; }
#brand-prices .brand-benchmark { margin: 0 0 24px; padding: 16px 20px; background: var(--geo-muted-bg); font-size: .84rem; color: var(--pp-shell-muted); }
#brand-prices .brand-benchmark strong { color: var(--pp-shell-text); }
#brand-prices .brand-station-actions { display: flex; flex-direction: column; align-items: center; }
#brand-prices .brand-station-actions .geo-text-link { font-size: .75rem; }
#brand-prices .brand-answer { max-width: 75ch; margin-top: 12px; color: var(--pp-shell-muted); }
#brand-prices .geo-map-cta .geo-button { margin-top: 22px; }
@media (max-width: 900px) {
  #brand-prices .brand-station-actions { grid-column: 1; flex-direction: row; flex-wrap: wrap; gap: 6px 12px; justify-content: flex-start; }
}
@media (max-width: 680px) {
  #brand-prices .brand-local-search > div { flex-direction: column; }
  #brand-prices .brand-local-search input[type="search"] { width: 100%; }
}
