{"id":2322,"date":"2026-04-11T00:46:25","date_gmt":"2026-04-11T00:46:25","guid":{"rendered":"https:\/\/virginiamls.com\/wpcontent\/?page_id=2322"},"modified":"2026-04-11T00:49:07","modified_gmt":"2026-04-11T00:49:07","slug":"searchresults","status":"publish","type":"page","link":"https:\/\/virginiamls.com\/wpcontent\/searchresults\/","title":{"rendered":"Search Results"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2322\" class=\"elementor elementor-2322\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76c5e4dc e-flex e-con-boxed e-con e-parent\" data-id=\"76c5e4dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-916798e elementor-widget elementor-widget-heading\" data-id=\"916798e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Home Search<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d89a4d e-flex e-con-boxed e-con e-parent\" data-id=\"7d89a4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a97a07 elementor-widget elementor-widget-html\" data-id=\"1a97a07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n   <style>\r\n    :root {\r\n      --bg: #f5f7fa;\r\n      --card: #ffffff;\r\n      --text: #1f2937;\r\n      --muted: #6b7280;\r\n      --line: #dbe3ea;\r\n      --accent: #0f766e;\r\n      --accent-soft: #ecfdf5;\r\n      --danger-soft: #fef2f2;\r\n      --danger-text: #b91c1c;\r\n      --shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\r\n      --radius: 18px;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      background: var(--bg);\r\n      color: var(--text);\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .page {\r\n      max-width: 1600px;\r\n      margin: 0 auto;\r\n      padding: 24px;\r\n    }\r\n\r\n    .page-header {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .page-header h1 {\r\n      margin: 0 0 8px;\r\n      font-size: 2rem;\r\n    }\r\n\r\n    .page-header p {\r\n      margin: 0;\r\n      color: var(--muted);\r\n      max-width: 900px;\r\n    }\r\n\r\n    .results-list {\r\n      display: grid;\r\n      gap: 18px;\r\n    }\r\n\r\n    .result-card {\r\n      display: grid;\r\n      grid-template-columns: 280px minmax(0, 1.6fr) minmax(280px, 1fr) 210px;\r\n      gap: 18px;\r\n      background: var(--card);\r\n      border: 1px solid var(--line);\r\n      border-radius: var(--radius);\r\n      box-shadow: var(--shadow);\r\n      overflow: hidden;\r\n      padding: 18px;\r\n      align-items: start;\r\n    }\r\n\r\n    .media {\r\n      position: relative;\r\n      min-width: 0;\r\n    }\r\n\r\n    .photo {\r\n      width: 100%;\r\n      aspect-ratio: 4 \/ 3;\r\n      object-fit: cover;\r\n      border-radius: 14px;\r\n      display: block;\r\n      background: #d1d5db;\r\n    }\r\n\r\n    .photo-badges {\r\n      position: absolute;\r\n      top: 10px;\r\n      left: 10px;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n    }\r\n\r\n    .badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: 6px 10px;\r\n      border-radius: 999px;\r\n      font-size: 0.78rem;\r\n      font-weight: 700;\r\n      background: rgba(255,255,255,0.95);\r\n      color: var(--text);\r\n    }\r\n\r\n    .badge.status-active {\r\n      background: var(--accent-soft);\r\n      color: var(--accent);\r\n    }\r\n\r\n    .badge.status-pending {\r\n      background: #fff7ed;\r\n      color: #c2410c;\r\n    }\r\n\r\n    .primary {\r\n      min-width: 0;\r\n      display: grid;\r\n      gap: 12px;\r\n    }\r\n\r\n    .topline {\r\n      display: flex;\r\n      align-items: start;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n    }\r\n\r\n    .price {\r\n      font-size: 2rem;\r\n      font-weight: 800;\r\n      letter-spacing: -0.02em;\r\n      line-height: 1;\r\n      margin: 0;\r\n    }\r\n\r\n    .mls {\r\n      font-size: 0.9rem;\r\n      color: var(--muted);\r\n      white-space: nowrap;\r\n      margin-top: 6px;\r\n    }\r\n\r\n    .address-block {\r\n      display: grid;\r\n      gap: 4px;\r\n    }\r\n\r\n    .address-label {\r\n      font-size: 0.8rem;\r\n      color: var(--muted);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.04em;\r\n    }\r\n\r\n    .address-copy {\r\n      font-size: 1.05rem;\r\n      font-weight: 700;\r\n      padding: 12px 14px;\r\n      border: 1px dashed #cbd5e1;\r\n      border-radius: 12px;\r\n      background: #f8fafc;\r\n      user-select: all;\r\n      word-break: break-word;\r\n    }\r\n\r\n    .summary-strip {\r\n      display: grid;\r\n      grid-template-columns: repeat(6, minmax(0, 1fr));\r\n      gap: 10px;\r\n    }\r\n\r\n    .metric {\r\n      background: #f8fafc;\r\n      border: 1px solid #e5edf5;\r\n      border-radius: 12px;\r\n      padding: 10px 12px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .metric .label {\r\n      display: block;\r\n      font-size: 0.75rem;\r\n      color: var(--muted);\r\n      margin-bottom: 4px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.03em;\r\n    }\r\n\r\n    .metric .value {\r\n      display: block;\r\n      font-size: 1rem;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n\r\n    .secondary {\r\n      display: grid;\r\n      gap: 12px;\r\n      min-width: 0;\r\n    }\r\n\r\n    .secondary-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 10px;\r\n    }\r\n\r\n    .field {\r\n      border: 1px solid #e5edf5;\r\n      border-radius: 12px;\r\n      padding: 10px 12px;\r\n      min-width: 0;\r\n      background: #fff;\r\n    }\r\n\r\n    .field-label {\r\n      font-size: 0.75rem;\r\n      color: var(--muted);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.03em;\r\n      display: block;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .field-value {\r\n      font-size: 0.96rem;\r\n      font-weight: 700;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .schools {\r\n      display: grid;\r\n      gap: 8px;\r\n      padding: 12px;\r\n      border: 1px solid #e5edf5;\r\n      border-radius: 12px;\r\n      background: #f9fafb;\r\n    }\r\n\r\n    .school-row {\r\n      display: grid;\r\n      grid-template-columns: 95px 1fr;\r\n      gap: 10px;\r\n      align-items: start;\r\n    }\r\n\r\n    .school-row .name {\r\n      font-weight: 700;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .actions {\r\n      display: grid;\r\n      gap: 10px;\r\n      align-self: stretch;\r\n    }\r\n\r\n    .action-btn,\r\n    .action-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      min-height: 46px;\r\n      padding: 12px 14px;\r\n      border-radius: 12px;\r\n      text-decoration: none;\r\n      font-weight: 700;\r\n      font-size: 0.95rem;\r\n      transition: transform 0.15s ease, box-shadow 0.15s ease;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .action-btn:hover,\r\n    .action-link:hover {\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .btn-primary {\r\n      background: var(--accent);\r\n      color: #fff;\r\n      box-shadow: 0 8px 20px rgba(15, 118, 110, 0.22);\r\n    }\r\n\r\n    .btn-secondary {\r\n      background: #eef2ff;\r\n      color: #3730a3;\r\n      border: 1px solid #c7d2fe;\r\n    }\r\n\r\n    .btn-ghost {\r\n      background: #fff;\r\n      color: var(--text);\r\n      border: 1px solid var(--line);\r\n    }\r\n\r\n    .btn-rate {\r\n      background: #fff7ed;\r\n      color: #9a3412;\r\n      border: 1px solid #fed7aa;\r\n    }\r\n\r\n    .list-mode-note {\r\n      margin-top: 14px;\r\n      color: var(--muted);\r\n      font-size: 0.92rem;\r\n    }\r\n\r\n    \/* Desktop wide *\/\r\n    @media (min-width: 1440px) {\r\n      .result-card {\r\n        grid-template-columns: 300px minmax(0, 1.8fr) minmax(320px, 1fr) 220px;\r\n      }\r\n    }\r\n\r\n    \/* Laptop *\/\r\n    @media (max-width: 1279px) {\r\n      .result-card {\r\n        grid-template-columns: 240px minmax(0, 1.45fr) minmax(240px, 1fr);\r\n      }\r\n\r\n      .actions {\r\n        grid-column: 1 \/ -1;\r\n        grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      }\r\n\r\n      .summary-strip {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    \/* Tablet *\/\r\n    @media (max-width: 991px) {\r\n      .result-card {\r\n        grid-template-columns: 220px minmax(0, 1fr);\r\n        gap: 16px;\r\n      }\r\n\r\n      .secondary {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n\r\n      .secondary-grid {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      }\r\n\r\n      .schools {\r\n        grid-template-columns: repeat(3, minmax(0, 1fr));\r\n        align-items: start;\r\n      }\r\n\r\n      .school-row {\r\n        grid-template-columns: 1fr;\r\n        gap: 4px;\r\n      }\r\n    }\r\n\r\n    \/* Phone landscape *\/\r\n    @media (max-width: 767px) {\r\n      .page {\r\n        padding: 14px;\r\n      }\r\n\r\n      .result-card {\r\n        grid-template-columns: 150px minmax(0, 1fr);\r\n        padding: 14px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .summary-strip {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .secondary-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .actions {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .price {\r\n        font-size: 1.65rem;\r\n      }\r\n\r\n      .address-copy {\r\n        font-size: 0.98rem;\r\n      }\r\n\r\n      .schools {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    \/* Phone portrait *\/\r\n    @media (max-width: 539px) {\r\n      .result-card {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .media,\r\n      .primary,\r\n      .secondary,\r\n      .actions {\r\n        grid-column: auto;\r\n      }\r\n\r\n      .media {\r\n        display: flex;\r\n        justify-content: center;\r\n      }\r\n\r\n      .photo {\r\n        aspect-ratio: 16 \/ 10;\r\n        width: 100%;\r\n        max-width: 360px;\r\n        margin: 0 auto;\r\n      }\r\n\r\n      .topline {\r\n        flex-direction: column;\r\n        gap: 4px;\r\n      }\r\n\r\n      .summary-strip,\r\n      .secondary-grid,\r\n      .actions {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      .field.full-width,\r\n      .schools,\r\n      .address-block {\r\n        grid-column: 1 \/ -1;\r\n      }\r\n    }\r\n\r\n    \/* Very small phones *\/\r\n    @media (max-width: 399px) {\r\n      .summary-strip,\r\n      .secondary-grid,\r\n      .actions {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"page\">\r\n    <div class=\"page-header\">\r\n      <h1>Search Results<\/h1>\r\n     \r\n    <\/div>\r\n\r\n    <div class=\"results-list\">\r\n      <article class=\"result-card\">\r\n        <div class=\"media\">\r\n          <img decoding=\"async\"\r\n            class=\"photo\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1568605114967-8130f3a36994?auto=format&fit=crop&w=1000&q=80\"\r\n            alt=\"Front exterior photo of listing\"\r\n          \/>\r\n          <div class=\"photo-badges\">\r\n<span class=\"badge status-active\">Active<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"primary\">\r\n          <div class=\"topline\">\r\n            <div>\r\n              <div class=\"price\">$1,249,900<\/div>\r\n              <div class=\"mls\">MLS# VAFX1234567<\/div>\r\n            <\/div>\r\n            <div class=\"mls\">Type: Detached<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"address-block\">\r\n<div class=\"address-copy\">12216 Braddock Rd, Fairfax, VA 22030<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"summary-strip\">\r\n            <div class=\"metric\">\r\n              <span class=\"label\">Bedrooms<\/span>\r\n              <span class=\"value\">5<\/span>\r\n            <\/div>\r\n            <div class=\"metric\">\r\n              <span class=\"label\">Full Baths<\/span>\r\n              <span class=\"value\">4<\/span>\r\n            <\/div>\r\n            <div class=\"metric\">\r\n              <span class=\"label\">Half Baths<\/span>\r\n              <span class=\"value\">1<\/span>\r\n            <\/div>\r\n            <div class=\"metric\">\r\n              <span class=\"label\">Garage Spaces<\/span>\r\n              <span class=\"value\">2<\/span>\r\n            <\/div>\r\n            <div class=\"metric\">\r\n              <span class=\"label\">Age<\/span>\r\n              <span class=\"value\">18 Yrs<\/span>\r\n            <\/div>\r\n            <div class=\"metric\">\r\n              <span class=\"label\">Stories<\/span>\r\n              <span class=\"value\">3<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"secondary\">\r\n          <div class=\"secondary-grid\">\r\n            <div class=\"field\">\r\n              <span class=\"field-label\">Subdivision<\/span>\r\n              <span class=\"field-value\">Ridge Meadow Estates<\/span>\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <span class=\"field-label\">Lot Size<\/span>\r\n              <span class=\"field-value\">1.24 Acres<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"schools\">\r\n            <div class=\"school-row\">\r\n              <span class=\"field-label\">Elementary<\/span>\r\n              <span class=\"name\">Oak View<\/span>\r\n            <\/div>\r\n            <div class=\"school-row\">\r\n              <span class=\"field-label\">Middle<\/span>\r\n              <span class=\"name\">Frost<\/span>\r\n            <\/div>\r\n            <div class=\"school-row\">\r\n              <span class=\"field-label\">High<\/span>\r\n              <span class=\"name\">Woodson<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"actions\">\r\n          <a class=\"action-link btn-primary\" href=\"#\">View Details<\/a>\r\n          <a class=\"action-link btn-secondary\" href=\"#\">Add Favorite<\/a>\r\n          <a class=\"action-link btn-rate\" href=\"#\">Rate Listing<\/a>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <p class=\"list-mode-note\">\r\n      Recommended pattern: use this as a repeatable result card in a list. For mobile, keep the most important items first:\r\n      photo, price, address, beds\/baths, status, then actions.\r\n    <\/p>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home Search Search Results Active $1,249,900 MLS# VAFX1234567 Type: Detached 12216 Braddock Rd, Fairfax, VA 22030 Bedrooms 5 Full Baths 4 Half Baths 1 Garage Spaces 2 Age 18 Yrs Stories 3 Subdivision Ridge Meadow Estates Lot Size 1.24 Acres Elementary Oak View Middle Frost High Woodson View Details Add Favorite Rate Listing Recommended pattern: [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2322","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/virginiamls.com\/wpcontent\/wp-json\/wp\/v2\/pages\/2322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/virginiamls.com\/wpcontent\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/virginiamls.com\/wpcontent\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/virginiamls.com\/wpcontent\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/virginiamls.com\/wpcontent\/wp-json\/wp\/v2\/comments?post=2322"}],"version-history":[{"count":6,"href":"https:\/\/virginiamls.com\/wpcontent\/wp-json\/wp\/v2\/pages\/2322\/revisions"}],"predecessor-version":[{"id":2328,"href":"https:\/\/virginiamls.com\/wpcontent\/wp-json\/wp\/v2\/pages\/2322\/revisions\/2328"}],"wp:attachment":[{"href":"https:\/\/virginiamls.com\/wpcontent\/wp-json\/wp\/v2\/media?parent=2322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}