:root,
[data-theme="light"],
[data-theme="dark"] {
  --radius-0: 0px;
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-3: 10px;
  --radius-4: 12px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  --radius-sharp: var(--radius-0);
  --radius-chip: var(--radius-pill);
  --radius-control: var(--radius-2);
  --radius-button: var(--radius-2);
  --radius-card-inner: var(--radius-2);
  --radius-card: var(--radius-4);
  --radius-modal: var(--radius-4);
  --radius-media: var(--radius-3);
  --radius-well: var(--radius-1);

  --radius: var(--radius-button);
  --radius2: var(--radius-card-inner);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;

  --space-chip-y: 6px;
  --space-chip-x: 10px;
  --space-control-y: 10px;
  --space-control-x: 14px;
  --space-card-y: var(--space-4);
  --space-card-x: var(--space-4);
  --space-card-y-loose: 18px;
  --space-card-x-loose: 18px;
  --space-section: var(--space-11);
  --space-section-x: var(--space-8);
  --space-stack-tight: var(--space-2);
  --space-stack: var(--space-3);
  --space-stack-loose: var(--space-4);
}

::-webkit-scrollbar-thumb {
  border-radius: var(--radius-1);
}

.btn-ghost,
.btn-accent,
.nav-cta,
.search-reset,
.results-back,
.insights-search-btn,
.lead-unlock-submit,
.gate-submit,
.agent-submit,
.footer-cta,
.copy-btn,
#visitModal button {
  border-radius: var(--radius-button) !important;
  padding: var(--space-control-y) var(--space-control-x) !important;
}

.search-input,
.insights-search-input,
.lead-unlock-form input,
.gate-input,
.agent-input,
.calc-field select,
.calc-field input,
#visitModal input {
  border-radius: var(--radius-control) !important;
  padding: var(--space-control-y) var(--space-control-x) !important;
}

.filter-btn,
.recent-tag,
.seo-link,
.pc-compare,
.compare-clear,
.compare-cta,
.map-pill,
.popular-area-chip,
.quick-pick,
.agent-chip,
.rera-chip,
.trend-btn,
.ai-chip,
.unit-badge,
.doc-pill,
.flag-sev,
.map-dot-label,
.metro-badge,
.price-range-button,
.inventory-chip,
.section-meta-pill {
  border-radius: var(--radius-chip) !important;
}

.theme-toggle,
.scroll-btn,
.pc-fav,
.compare-chip-remove,
.map-layers-toggle {
  border-radius: var(--radius-circle) !important;
}

.search-box,
.sample-listing-callout,
.hero-stats,
.hero-search-surface,
.map-layers-menu,
.project-card,
.upcoming-card,
.builder-card,
.locality-card,
.demand-card,
.prop-type-card,
.compare-tray,
.compare-modal-card,
.results-map-frame,
.results-empty-state,
.hero-sponsored-card,
.lead-unlock-card,
.insights-search-shell,
.overview-panel,
.price-shell,
.review-column,
.listing-card,
.insights-stat,
.compare-table-wrap,
.locality-map,
.route-status,
.feature-gate .gate-preview,
.gate-card,
.encanto-gate-success,
.advisor-card,
.agent-bar,
.unit-viewer,
.mini-card,
.amenity-card,
.analytics-card,
.trend-panel,
.ai-card,
.fact-cell,
.unit-card,
.calc-wrap,
.nbh-score,
.poi-category,
.corridor-card,
.commute-card,
.review-card,
.track-card,
.summary-card,
.legal-summary-card,
.json-wrap,
.trend-chart-wrap,
.gmaps-note,
.poi-group,
.landmark-card,
.map-fact,
.rating-card {
  border-radius: var(--radius-card) !important;
}

.builder-logo-wrap,
.compare-chip,
.compare-chip-values span,
.pc-img-wrap,
.hero-sponsored-media,
.sug-icon,
.panel-icon,
.rating-card-icon,
.unit-viewer-media,
.amenity-icon,
.img-grid .img-card,
.chart-meta-card,
.insight-suggestion,
.price-meta-card,
.overview-panel-meta,
.inventory-pill {
  border-radius: var(--radius-card-inner) !important;
}

.search-box,
.sample-listing-callout,
.hero-stats,
.hero-search-surface,
.map-layers-menu,
.compare-chip,
.builder-logo-wrap,
.pc-img-wrap,
.hero-sponsored-media,
.img-grid .img-card,
.unit-viewer-media,
.amenity-icon,
.chart-meta-card,
.insight-suggestion,
.price-meta-card,
.overview-panel-meta,
.inventory-pill {
  border-radius: var(--radius-card-inner) !important;
}

.project-card,
.upcoming-card,
.builder-card,
.locality-card,
.demand-card,
.prop-type-card,
.compare-tray,
.compare-modal-card,
.results-map-frame,
.results-empty-state,
.hero-sponsored-card,
.lead-unlock-card,
.insights-search-shell,
.overview-panel,
.price-shell,
.review-column,
.listing-card,
.insights-stat,
.compare-table-wrap,
.locality-map,
.route-status,
.feature-gate .gate-preview,
.gate-card,
.encanto-gate-success,
.advisor-card,
.agent-bar,
.unit-viewer,
.mini-card,
.amenity-card,
.analytics-card,
.trend-panel,
.ai-card,
.fact-cell,
.unit-card,
.calc-wrap,
.nbh-score,
.poi-category,
.corridor-card,
.commute-card,
.review-card,
.track-card,
.summary-card,
.legal-summary-card,
.json-wrap,
.trend-chart-wrap,
.gmaps-note,
.poi-group,
.landmark-card,
.map-fact,
.rating-card {
  border-radius: var(--radius-card) !important;
}

.lead-unlock-card,
.compare-tray,
.compare-modal-card,
.results-map-frame,
.hero-sponsored-card,
.gate-card {
  border-radius: var(--radius-modal) !important;
}

.img-grid .img-card,
.unit-viewer-media,
.amenity-icon,
.locality-map {
  border-radius: var(--radius-media) !important;
}

.builder-logo-wrap,
.hero-sponsored-media {
  border-radius: var(--radius-well) !important;
}

.pc-img-wrap,
.ptc-media,
.ptc-img,
.compare-panel-media,
.compare-panel-image {
  border-radius: 0 !important;
}

.search-top,
.map-filter-info,
.results-map-frame .map-filter-info,
.results-empty-state,
.compare-tray,
.compare-chip,
.lead-unlock-card,
.insights-search-shell,
.overview-panel,
.price-shell,
.review-column,
.listing-card,
.gate-card,
.advisor-card,
.unit-viewer,
.mini-card,
.amenity-card,
.analytics-card,
.trend-panel,
.ai-header,
.ai-block,
.review-card,
.track-card,
.summary-card,
.legal-summary-card,
.json-wrap,
.gmaps-note,
.map-fact,
.rating-card {
  padding-left: var(--space-card-x) !important;
  padding-right: var(--space-card-x) !important;
}

.builder-card,
.demand-card,
.listing-card,
.insights-search-shell,
.overview-panel,
.price-shell,
.review-column,
.gate-card,
.advisor-card,
.mini-card,
.amenity-card,
.analytics-card,
.trend-panel,
.review-card,
.track-card,
.summary-card,
.legal-summary-card {
  padding-top: var(--space-card-y) !important;
  padding-bottom: var(--space-card-y) !important;
}

.builder-logo-wrap {
  padding: var(--space-3) var(--space-4) !important;
}

.section {
  padding: var(--space-section) 0 !important;
}

.section-inner,
.footer-inner {
  padding-left: var(--space-section-x) !important;
  padding-right: var(--space-section-x) !important;
}

.results-toolbar {
  padding: var(--space-card-y-loose) var(--space-section-x) var(--space-card-y) !important;
}

.results-layout {
  gap: var(--space-6) !important;
}

.projects-grid,
.results-grid,
.overview-grid,
.review-grid,
.landmark-grid,
.ratings-grid,
.map-fact-row,
.builders-grid,
.prop-types-grid,
.demand-grid,
.upcoming-grid,
.localities-grid,
.listing-grid,
.poi-group-items,
.track-grid,
.review-grid,
.price-meta-row {
  gap: var(--space-3) !important;
}

.section-header,
.results-toolbar-meta,
.compare-tray-header,
.compare-tray-actions,
.compare-table-wrap,
.insights-hero-inner,
.insights-subnav,
.insights-search-row,
.insights-stat-row,
.inventory-context,
.poi-groups,
.sticky-ai-wrap,
.trend-top,
.chart-legend,
.construction-split,
.location-split,
.legal-layout {
  gap: var(--space-4) !important;
}

.hero-popular-areas,
.hero-search-surface .search-filters,
.compare-chip-main,
.compare-chip-values,
.quick-links,
.footer-socials,
.chat-chips,
.trend-controls,
.ai-chip-row {
  gap: var(--space-stack-tight) !important;
}

.pc-actions,
.hero-control-stack,
.map-utility-stack,
.overview-panel-title,
.overview-panel-head,
.poi-group,
.chart-meta,
.review-stars,
.review-dist {
  gap: var(--space-stack) !important;
}

.hero-sponsored-card,
.compare-chip,
.builder-card,
.prop-type-card,
.demand-card {
  gap: var(--space-stack) !important;
}

.hero-sponsored-tag {
  border-radius: var(--radius-chip) !important;
  padding: var(--space-chip-y) var(--space-chip-x) !important;
}

.map-layer-option {
  border-radius: var(--radius-control) !important;
}

.leaflet-control-zoom,
.leaflet-popup-content-wrapper {
  border-radius: var(--radius-card) !important;
}

@media (max-width: 960px) {
  .section {
    padding: var(--space-10) 0 !important;
  }

  .section-inner,
  .footer-inner,
  .results-toolbar {
    padding-left: var(--space-5) !important;
    padding-right: var(--space-5) !important;
  }
}

@media (max-width: 760px) {
  .section {
    padding: var(--space-9) 0 !important;
  }

  .section-inner,
  .footer-inner,
  .results-toolbar,
  .insights-hero {
    padding-left: var(--space-4) !important;
    padding-right: var(--space-4) !important;
  }

  .results-layout,
  .overview-grid,
  .review-grid,
  .projects-grid,
  .results-grid,
  .prop-types-grid,
  .demand-grid,
  .upcoming-grid,
  .localities-grid,
  .listing-grid {
    gap: var(--space-3) !important;
  }
}