{"id":20,"date":"2026-04-13T05:02:08","date_gmt":"2026-04-13T05:02:08","guid":{"rendered":"https:\/\/teknr11.thestackly.tech\/?page_id=20"},"modified":"2026-07-04T07:57:56","modified_gmt":"2026-07-04T07:57:56","slug":"details-page","status":"publish","type":"page","link":"https:\/\/teknr11.thestackly.tech\/?page_id=20","title":{"rendered":"Details Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c0930a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6c0930a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dd5002 elementor-widget elementor-widget-html\" data-id=\"0dd5002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n\n<section class=\"pdp1-section\">\n  <div class=\"pdp1-bg\"><\/div>\n  <div class=\"pdp1-overlay\"><\/div>\n\n  <div class=\"pdp1-content pdp1-zoom\">\n    <span>Property Details<\/span>\n    <h1>The Birch Residence<\/h1>\n    <p>\n      A refined family residence with generous living spaces, calm outdoor surroundings, and modern details designed for everyday comfort.\n    <\/p>\n\n    <div class=\"pdp1-breadcrumb\">\n      <a href=\"https:\/\/teknr11.thestackly.tech\/?preview_id=11\">Home<\/a>\n      <em>\/<\/em>\n      <a href=\"https:\/\/teknr11.thestackly.tech\/?page_id=16\">Featured Listings<\/a>\n      <em>\/<\/em>\n      <p>The Birch Residence<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n  max-width: 100%;\n  overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n.pdp1-section {\n  --primary: #A1CCA6;\n  --dark: #111111;\n\n  position: relative;\n  width: 100%;\n  min-height: 520px;\n  padding: 80px 60px !important;\n  margin: 0 !important;\n  background: var(--dark);\n  overflow: hidden;\n  font-family: \"Poly\", serif;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.pdp1-bg {\n  position: absolute;\n  inset: 0;\n  background-image: url(\"https:\/\/images.unsplash.com\/photo-1587987002988-dd08144acba3?q=80&w=1738&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\");\n  background-size: cover;\n  background-position: center;\n  z-index: 1;\n}\n\n.pdp1-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.58);\n  z-index: 2;\n}\n\n.pdp1-content {\n  position: relative;\n  z-index: 3;\n  width: 100%;\n  max-width: 920px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.pdp1-content span {\n  display: block;\n  margin: 0 0 12px;\n  color: #ffffff;\n  font-family: \"Amiri\", serif;\n  font-size: 18px;\n  line-height: 1.1;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pdp1-content span::before {\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  margin-right: 10px;\n  border-radius: 50%;\n  display: inline-block;\n  vertical-align: middle;\n  background: var(--primary);\n}\n\n.pdp1-content h1 {\n  max-width: 850px;\n  margin: 0 auto 18px;\n  color: #ffffff;\n  font-family: \"Amiri\", serif;\n  font-size: 64px;\n  line-height: 1.08;\n  font-weight: 700;\n  text-align: center;\n}\n\n.pdp1-content > p {\n  max-width: 720px;\n  margin: 0 auto 26px;\n  color: rgba(255,255,255,0.84);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.75;\n  font-weight: 400;\n  text-align: center;\n}\n\n.pdp1-breadcrumb {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 10px;\n  min-height: 46px;\n  padding: 0 22px;\n  border-radius: 999px;\n  background: rgba(255,255,255,0.14);\n  backdrop-filter: blur(8px);\n}\n\n.pdp1-breadcrumb a,\n.pdp1-breadcrumb p,\n.pdp1-breadcrumb em {\n  margin: 0;\n  color: #ffffff !important;\n  font-family: \"Poly\", serif;\n  font-size: 15px;\n  line-height: 1;\n  font-style: normal;\n  font-weight: 400;\n  text-decoration: none !important;\n}\n\n.pdp1-breadcrumb a:hover {\n  color: var(--primary) !important;\n}\n\n.pdp1-zoom {\n  opacity: 0;\n  transform: scale(0.94) translateY(24px);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n}\n\n.pdp1-zoom.active {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n@media (max-width: 1024px) {\n  .pdp1-section {\n    min-height: 460px;\n    padding: 60px 40px !important;\n  }\n\n  .pdp1-content h1 {\n    font-size: 46px;\n  }\n\n  .pdp1-content > p {\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .pdp1-breadcrumb a,\n  .pdp1-breadcrumb p,\n  .pdp1-breadcrumb em {\n    font-size: 15px;\n  }\n}\n\n@media (max-width: 767px) {\n  .pdp1-section {\n    min-height: 390px;\n    padding: 30px 20px !important;\n  }\n\n  .pdp1-content span {\n    font-size: 16px;\n  }\n\n  .pdp1-content h1 {\n    font-size: 34px;\n    line-height: 1.14;\n  }\n\n  .pdp1-content > p {\n    font-size: 15px;\n    line-height: 1.6;\n  }\n\n  .pdp1-breadcrumb {\n    width: 100%;\n    padding: 14px 18px;\n    border-radius: 22px;\n  }\n\n  .pdp1-breadcrumb a,\n  .pdp1-breadcrumb p,\n  .pdp1-breadcrumb em {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".pdp1-zoom\").forEach(function (item) {\n    new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"active\");\n        }\n      });\n    }, { threshold: 0.15 }).observe(item);\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-975774a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"975774a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9855d1f elementor-widget elementor-widget-html\" data-id=\"9855d1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"pdp2-section\">\n  <div class=\"pdp2-wrap\">\n\n    <div class=\"pdp2-head pdp2-zoom\">\n      <span>Property Overview<\/span>\n      <h2>Modern Family Living With Space, Privacy And Everyday Comfort<\/h2>\n      <p>\n        The Birch Residence is designed for buyers who want a calm residential setting, refined interiors, practical family spaces, and strong location value.\n      <\/p>\n    <\/div>\n\n    <div class=\"pdp2-gallery pdp2-zoom\">\n      <div class=\"pdp2-main-img\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1677253200111-97d0d490d60e?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"The Birch Residence exterior\">\n      <\/div>\n\n      <div class=\"pdp2-side-img\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1637649228998-6c78a67dfa6c?q=80&w=1450&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Modern living room\">\n      <\/div>\n\n      <div class=\"pdp2-side-img\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1750764611091-93ac9e7d4c92?q=80&w=1548&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Modern kitchen\">\n      <\/div>\n    <\/div>\n\n    <div class=\"pdp2-info-grid\">\n\n      <div class=\"pdp2-left pdp2-zoom\">\n        <div class=\"pdp2-title-row\">\n          <div>\n            <h3>The Birch Residence<\/h3>\n            <p><i class=\"fa-solid fa-location-dot\"><\/i> Birch Avenue 33, San Francisco<\/p>\n          <\/div>\n\n          <strong>$1,080,000<\/strong>\n        <\/div>\n\n        <div class=\"pdp2-stats\">\n          <div><i class=\"fa-solid fa-bed\"><\/i><span>3 Beds<\/span><\/div>\n          <div><i class=\"fa-solid fa-bath\"><\/i><span>2 Baths<\/span><\/div>\n          <div><i class=\"fa-solid fa-ruler-combined\"><\/i><span>2,400 Sq Ft<\/span><\/div>\n          <div><i class=\"fa-solid fa-car\"><\/i><span>2 Garages<\/span><\/div>\n          <div><i class=\"fa-solid fa-calendar\"><\/i><span>Built 2021<\/span><\/div>\n          <div><i class=\"fa-solid fa-tree\"><\/i><span>6,800 Sq Ft Lot<\/span><\/div>\n        <\/div>\n\n        <div class=\"pdp2-description\">\n          <h4>Property Description<\/h4>\n          <p>\n            This modern residence brings together warm architectural details, open interior flow, and a peaceful outdoor setting. The home features a bright living area, a functional kitchen, comfortable bedrooms, private parking, and a garden-facing layout suitable for relaxed family living.\n          <\/p>\n        <\/div>\n\n        <div class=\"pdp2-features\">\n          <h4>Key Features<\/h4>\n\n          <div class=\"pdp2-feature-grid\">\n            <p><i class=\"fa-solid fa-check\"><\/i> Open-plan living area<\/p>\n            <p><i class=\"fa-solid fa-check\"><\/i> Modern fitted kitchen<\/p>\n            <p><i class=\"fa-solid fa-check\"><\/i> Private garden space<\/p>\n            <p><i class=\"fa-solid fa-check\"><\/i> Floor-to-ceiling windows<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <aside class=\"pdp2-right pdp2-zoom\">\n        <h4>Property Summary<\/h4>\n\n        <div class=\"pdp2-summary\">\n          <p><span>Property ID<\/span><strong>BR-1034<\/strong><\/p>\n          <p><span>Property Type<\/span><strong>Family Residence<\/strong><\/p>\n          <p><span>Status<\/span><strong>For Sale<\/strong><\/p>\n          <p><span>Price<\/span><strong>$1,080,000<\/strong><\/p>\n          <p><span>Bedrooms<\/span><strong>3<\/strong><\/p>\n          <p><span>Bathrooms<\/span><strong>2<\/strong><\/p>\n          <p><span>Garage<\/span><strong>2 Cars<\/strong><\/p>\n          <p><span>Area<\/span><strong>2,400 Sq Ft<\/strong><\/p>\n          <p><span>Year Built<\/span><strong>2021<\/strong><\/p>\n          <p><span>Availability<\/span><strong>Ready To Visit<\/strong><\/p>\n        <\/div>\n\n        <a href=\"https:\/\/teknr11.thestackly.tech\/?page_id=18\" class=\"pdp2-btn\">\n          Schedule A Visit\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\n        <\/a>\n      <\/aside>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n  max-width: 100%;\n  overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n\/* Section *\/\n\n.pdp2-section {\n  --primary: #A1CCA6;\n  --dark: #111111;\n  --muted: #5f6468;\n  --soft: #f5f8f1;\n\n  width: 100%;\n  padding: 80px 60px !important;\n  margin: 0 !important;\n  background: #ffffff;\n  overflow: hidden;\n  font-family: \"Poly\", serif;\n}\n\n.pdp2-wrap {\n  max-width: 1350px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n\n.pdp2-head {\n  max-width: 850px;\n  margin: 0 auto 55px;\n  text-align: center;\n}\n\n.pdp2-head span {\n  display: block;\n  margin: 0 0 10px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 18px;\n  line-height: 1.1;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pdp2-head span::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  margin-right: 10px;\n  border-radius: 50%;\n  display: inline-block;\n  vertical-align: middle;\n  background: var(--primary);\n}\n\n.pdp2-head h2 {\n  margin: 0 0 18px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 38px;\n  line-height: 1.2;\n  font-weight: 700;\n  text-align: center;\n}\n\n.pdp2-head p {\n  margin: 0 auto;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.8;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Gallery *\/\n\n.pdp2-gallery {\n  display: grid;\n  grid-template-columns: 1.4fr 0.8fr;\n  grid-template-rows: repeat(2, 260px);\n  gap: 18px;\n  margin-bottom: 34px;\n}\n\n.pdp2-main-img {\n  grid-row: span 2;\n  border-radius: 30px;\n  overflow: hidden;\n}\n\n.pdp2-side-img {\n  border-radius: 30px;\n  overflow: hidden;\n}\n\n.pdp2-main-img img,\n.pdp2-side-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: 0.8s ease;\n}\n\n.pdp2-main-img:hover img,\n.pdp2-side-img:hover img {\n  transform: scale(1.06);\n}\n\n\/* Layout *\/\n\n.pdp2-info-grid {\n  display: grid;\n  grid-template-columns: 1fr 360px;\n  gap: 28px;\n  align-items: start;\n}\n\n.pdp2-left,\n.pdp2-right {\n  border-radius: 30px;\n  background: var(--soft);\n  border: 1px solid rgba(0,0,0,0.07);\n}\n\n.pdp2-left {\n  padding: 34px;\n}\n\n.pdp2-right {\n  padding: 28px;\n  position: sticky;\n  top: 30px;\n}\n\n\/* Title Row *\/\n\n.pdp2-title-row {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 18px;\n  align-items: center;\n  margin-bottom: 28px;\n}\n\n.pdp2-title-row h3 {\n  margin: 0 0 8px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 36px;\n  line-height: 1.15;\n  font-weight: 700;\n}\n\n.pdp2-title-row p {\n  margin: 0;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.4;\n  font-weight: 400;\n}\n\n.pdp2-title-row p i {\n  margin-right: 8px;\n  color: var(--dark);\n}\n\n.pdp2-title-row > strong {\n  min-height: 50px;\n  padding: 0 22px;\n  border-radius: 999px;\n  background: var(--primary);\n  color: var(--dark);\n  font-size: 22px;\n  line-height: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n}\n\n\/* Stats *\/\n\n.pdp2-stats {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 14px;\n  margin-bottom: 32px;\n}\n\n.pdp2-stats div {\n  min-height: 90px;\n  padding: 16px 12px;\n  border-radius: 20px;\n  background: #ffffff;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  text-align: center;\n}\n\n.pdp2-stats i {\n  color: var(--dark);\n  font-size: 20px;\n}\n\n.pdp2-stats span {\n  color: var(--dark);\n  font-family: \"Poly\", serif;\n  font-size: 15px;\n  line-height: 1.2;\n}\n\n\/* Description *\/\n\n.pdp2-description,\n.pdp2-features {\n  padding: 28px;\n  border-radius: 24px;\n  background: #ffffff;\n  margin-top: 18px;\n}\n\n.pdp2-description h4,\n.pdp2-features h4,\n.pdp2-right h4 {\n  margin: 0 0 16px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 29px;\n  line-height: 1.15;\n  font-weight: 700;\n  text-align: center;\n}\n\n.pdp2-description p {\n  margin: 0;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.75;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Features *\/\n\n.pdp2-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n}\n\n.pdp2-feature-grid p {\n  min-height: 44px;\n  margin: 0;\n  padding: 8px 14px;\n  border-radius: 999px;\n  background: var(--soft);\n  color: var(--dark);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.25;\n  font-weight: 400;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  text-align: center;\n}\n\n.pdp2-feature-grid i {\n  color: var(--dark);\n}\n\n\/* Summary *\/\n\n.pdp2-summary {\n  display: grid;\n  gap: 12px;\n}\n\n.pdp2-summary p {\n  margin: 0;\n  padding: 15px 0;\n  border-bottom: 1px solid rgba(0,0,0,0.09);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.pdp2-summary p:last-child {\n  border-bottom: 0;\n}\n\n.pdp2-summary span {\n  color: var(--muted);\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.pdp2-summary strong {\n  color: var(--dark);\n  font-size: inherit;\n  line-height: inherit;\n  font-weight: 400;\n  text-align: right;\n}\n\n\/* Button *\/\n\n.pdp2-btn {\n  width: 100%;\n  min-height: 50px;\n  margin-top: 22px;\n  padding: 0 22px;\n  border-radius: 999px;\n  background: var(--primary);\n  color: var(--dark) !important;\n  font-family: \"Poly\", serif;\n  font-size: 15px;\n  line-height: 1;\n  text-decoration: none !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  transition: 0.35s ease;\n}\n\n.pdp2-btn:hover {\n  transform: translateY(-4px);\n}\n\n\/* Animation *\/\n\n.pdp2-zoom {\n  opacity: 0;\n  transform: scale(0.94) translateY(24px);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n}\n\n.pdp2-zoom.active {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .pdp2-section {\n    padding: 60px 40px !important;\n  }\n\n  .pdp2-head {\n    margin-bottom: 42px;\n  }\n\n  .pdp2-head h2 {\n    font-size: 32px;\n  }\n\n  .pdp2-head p {\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .pdp2-gallery {\n    grid-template-columns: 1fr;\n    grid-template-rows: auto;\n  }\n\n  .pdp2-main-img,\n  .pdp2-side-img {\n    height: 330px;\n    grid-row: auto;\n  }\n\n  .pdp2-info-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pdp2-right {\n    position: static;\n  }\n\n  .pdp2-title-row p,\n  .pdp2-description p,\n  .pdp2-feature-grid p,\n  .pdp2-summary p {\n    font-size: 16px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .pdp2-section {\n    padding: 30px 20px !important;\n  }\n\n  .pdp2-head span {\n    font-size: 16px;\n  }\n\n  .pdp2-head h2 {\n    font-size: 26px;\n    line-height: 1.22;\n  }\n\n  .pdp2-head p {\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .pdp2-main-img,\n  .pdp2-side-img {\n    height: 230px;\n    border-radius: 22px;\n  }\n\n  .pdp2-left,\n  .pdp2-right {\n    padding: 22px;\n    border-radius: 24px;\n  }\n\n  .pdp2-title-row {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .pdp2-title-row h3 {\n    font-size: 28px;\n    text-align: center;\n  }\n\n  .pdp2-title-row p {\n    font-size: 15px;\n    line-height: 1.45;\n    text-align: center;\n  }\n\n  .pdp2-title-row > strong {\n    margin: 0 auto;\n  }\n\n  .pdp2-stats {\n    grid-template-columns: 1fr;\n  }\n\n  .pdp2-description,\n  .pdp2-features {\n    padding: 22px 18px;\n  }\n\n  .pdp2-description h4,\n  .pdp2-features h4,\n  .pdp2-right h4 {\n    font-size: 25px;\n  }\n\n  .pdp2-description p {\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .pdp2-feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pdp2-feature-grid p {\n    font-size: 15px;\n    line-height: 1.25;\n  }\n\n  .pdp2-summary p {\n    flex-direction: column;\n    text-align: center;\n    gap: 6px;\n    font-size: 15px;\n    line-height: 1.35;\n  }\n\n  .pdp2-summary strong {\n    text-align: center;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".pdp2-zoom\").forEach(function (item) {\n    new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"active\");\n        }\n      });\n    }, { threshold: 0.15 }).observe(item);\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0913d2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"c0913d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c9bb70 elementor-widget elementor-widget-html\" data-id=\"2c9bb70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"pdp3-section\">\n  <div class=\"pdp3-wrap\">\n\n    <div class=\"pdp3-head pdp3-zoom\">\n      <span>Property Agent<\/span>\n      <h2>Speak With The Agent Handling This Property<\/h2>\n      <p>\n        Get clear details about the home, location, visit availability, pricing, and next steps directly from the assigned property specialist.\n      <\/p>\n    <\/div>\n\n    <div class=\"pdp3-card pdp3-zoom\">\n\n      <div class=\"pdp3-image\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558260344-460afc0b3ff8?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Michael Carter\">\n      <\/div>\n\n      <div class=\"pdp3-content\">\n        <span>Assigned Agent<\/span>\n        <h3>Michael Carter<\/h3>\n        <h4>Senior Property Advisor<\/h4>\n\n        <p>\n          Michael specializes in premium family homes, private residences, and location-based property comparisons. He can guide you through the full details of The Birch Residence.\n        <\/p>\n\n        <div class=\"pdp3-details\">\n          <div>\n            <i class=\"fa-solid fa-house\"><\/i>\n            <strong>42<\/strong>\n            <p>Active Listings<\/p>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-location-dot\"><\/i>\n            <strong>Westside<\/strong>\n            <p>Primary Area<\/p>\n          <\/div>\n\n          <div>\n            <i class=\"fa-solid fa-calendar-check\"><\/i>\n            <strong>Today<\/strong>\n            <p>Visit Slots<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pdp3-actions\">\n          <a href=\"https:\/\/teknr11.thestackly.tech\/?page_id=18\">\n            Contact Agent\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\n          <\/a>\n\n          <a href=\"tel:+10000000000\">\n            Call Agent\n            <i class=\"fa-solid fa-phone\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n  max-width: 100%;\n  overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n\/* Section *\/\n\n.pdp3-section {\n  --primary: #A1CCA6;\n  --dark: #111111;\n  --muted: #5f6468;\n  --soft: #f5f8f1;\n\n  width: 100%;\n  padding: 80px 60px 0px 60px !important;\n  margin: 0 !important;\n  background: var(--soft);\n  overflow: hidden;\n  font-family: \"Poly\", serif;\n}\n\n.pdp3-wrap {\n  max-width: 1350px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n\n.pdp3-head {\n  max-width: 820px;\n  margin: 0 auto 55px;\n  text-align: center;\n}\n\n.pdp3-head span,\n.pdp3-content > span {\n  display: block;\n  margin: 0 0 10px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 18px;\n  line-height: 1.1;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pdp3-head span::before,\n.pdp3-content > span::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  margin-right: 10px;\n  border-radius: 50%;\n  display: inline-block;\n  vertical-align: middle;\n  background: var(--primary);\n}\n\n.pdp3-head h2 {\n  margin: 0 0 18px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 38px;\n  line-height: 1.2;\n  font-weight: 700;\n  text-align: center;\n}\n\n.pdp3-head p {\n  margin: 0 auto;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.8;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Agent Card *\/\n\n.pdp3-card {\n  padding: 14px;\n  border-radius: 34px;\n  background: #ffffff;\n  border: 1px solid rgba(0,0,0,0.08);\n  display: grid;\n  grid-template-columns: 0.85fr 1.15fr;\n  gap: 34px;\n  align-items: stretch;\n}\n\n.pdp3-image {\n  min-height: 560px;\n  border-radius: 28px;\n  overflow: hidden;\n}\n\n.pdp3-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center top;\n  display: block;\n  transition: 0.8s ease;\n}\n\n.pdp3-image:hover img {\n  transform: scale(1.06);\n}\n\n\/* Agent Content *\/\n\n.pdp3-content {\n  padding: 44px 34px;\n  border-radius: 28px;\n  background: var(--soft);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.pdp3-content h3 {\n  margin: 0 0 6px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 40px;\n  line-height: 1.12;\n  font-weight: 700;\n  text-align: center;\n}\n\n.pdp3-content h4 {\n  margin: 0 0 18px;\n  color: var(--dark);\n  font-family: \"Poly\", serif;\n  font-size: 17px;\n  line-height: 1.4;\n  font-weight: 400;\n  text-align: center;\n}\n\n.pdp3-content > p {\n  max-width: 680px;\n  margin: 0 auto 28px;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.7;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Agent Details *\/\n\n.pdp3-details {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 14px;\n  margin-bottom: 28px;\n}\n\n.pdp3-details div {\n  min-height: 132px;\n  padding: 20px 14px;\n  border-radius: 22px;\n  background: #ffffff;\n  text-align: center;\n}\n\n.pdp3-details i {\n  width: 48px;\n  height: 48px;\n  margin: 0 auto 12px;\n  border-radius: 16px;\n  background: var(--primary);\n  color: var(--dark);\n  font-size: 18px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.pdp3-details strong {\n  display: block;\n  margin: 0 0 5px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 24px;\n  line-height: 1.1;\n  font-weight: 700;\n}\n\n.pdp3-details p {\n  margin: 0;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Actions *\/\n\n.pdp3-actions {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 14px;\n}\n\n.pdp3-actions a {\n  min-height: 50px;\n  padding: 0 24px;\n  border-radius: 999px;\n  background: var(--primary);\n  color: var(--dark) !important;\n  font-family: \"Poly\", serif;\n  font-size: 15px;\n  line-height: 1;\n  text-decoration: none !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  transition: 0.35s ease;\n}\n\n.pdp3-actions a:last-child {\n  background: var(--dark);\n  color: #ffffff !important;\n}\n\n.pdp3-actions a:hover {\n  transform: translateY(-4px);\n}\n\n\/* Animation *\/\n\n.pdp3-zoom {\n  opacity: 0;\n  transform: scale(0.94) translateY(24px);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n}\n\n.pdp3-zoom.active {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .pdp3-section {\n    padding: 60px 40px 0px 40px !important;\n  }\n\n  .pdp3-head {\n    margin-bottom: 42px;\n  }\n\n  .pdp3-head h2 {\n    font-size: 32px;\n  }\n\n  .pdp3-head p,\n  .pdp3-content > p,\n  .pdp3-details p {\n    font-size: 16px;\n  }\n\n  .pdp3-head p {\n    line-height: 1.75;\n  }\n\n  .pdp3-content > p {\n    line-height: 1.65;\n  }\n\n  .pdp3-details p {\n    line-height: 1.35;\n  }\n\n  .pdp3-card {\n    grid-template-columns: 1fr;\n  }\n\n  .pdp3-image {\n    min-height: 390px;\n  }\n\n  .pdp3-content h3 {\n    font-size: 34px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .pdp3-section {\n    padding: 30px 20px 0px 20px !important;\n  }\n\n  .pdp3-head span,\n  .pdp3-content > span {\n    font-size: 16px;\n  }\n\n  .pdp3-head h2 {\n    font-size: 26px;\n    line-height: 1.22;\n  }\n\n  .pdp3-head p,\n  .pdp3-content > p,\n  .pdp3-details p {\n    font-size: 15px;\n  }\n\n  .pdp3-head p,\n  .pdp3-content > p {\n    line-height: 1.65;\n  }\n\n  .pdp3-details p {\n    line-height: 1.35;\n  }\n\n  .pdp3-card {\n    padding: 10px;\n    border-radius: 24px;\n    gap: 16px;\n  }\n\n  .pdp3-image {\n    min-height: 300px;\n    border-radius: 20px;\n  }\n\n  .pdp3-content {\n    padding: 28px 18px;\n    border-radius: 20px;\n  }\n\n  .pdp3-content h3 {\n    font-size: 28px;\n  }\n\n  .pdp3-details {\n    grid-template-columns: 1fr;\n  }\n\n  .pdp3-actions {\n    flex-direction: column;\n  }\n\n  .pdp3-actions a {\n    width: 100%;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".pdp3-zoom\").forEach(function (item) {\n    new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"active\");\n        }\n      });\n    }, { threshold: 0.15 }).observe(item);\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-414f235 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"414f235\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-843920a elementor-widget elementor-widget-html\" data-id=\"843920a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n\n<section class=\"pdp5-section\">\n  <div class=\"pdp5-wrap\">\n\n    <div class=\"pdp5-head pdp5-zoom\">\n      <span>Similar Properties<\/span>\n      <h2>You May Also Like These Featured Homes<\/h2>\n      <p>\n        Explore other homes with similar comfort, location value, and family-friendly features.\n      <\/p>\n    <\/div>\n\n    <div class=\"pdp5-slider\">\n      <div class=\"pdp5-track\">\n\n        <a href=\"https:\/\/teknr11.thestackly.tech\/?page_id=20\" class=\"pdp5-card pdp5-zoom\">\n          <div class=\"pdp5-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1757125906135-a05cf2001f15?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"The Aspen Retreat\">\n            <div class=\"pdp5-tags\">\n              <span>5 beds<\/span>\n              <span>4 baths<\/span>\n              <span>4,500 sq ft<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"pdp5-info\">\n            <h3>The Aspen Retreat<\/h3>\n            <p>Aspen Hill 72, San Francisco<\/p>\n            <strong>$2,250,000<\/strong>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/teknr11.thestackly.tech\/?page_id=20\" class=\"pdp5-card pdp5-zoom\">\n          <div class=\"pdp5-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1607197419540-d545c1d0b3a5?q=80&w=1855&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Willow Park Villa\">\n            <div class=\"pdp5-tags\">\n              <span>4 beds<\/span>\n              <span>3 baths<\/span>\n              <span>3,750 sq ft<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"pdp5-info\">\n            <h3>Willow Park Villa<\/h3>\n            <p>Willow Street 18, Los Angeles<\/p>\n            <strong>$1,560,000<\/strong>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/teknr11.thestackly.tech\/?page_id=20\" class=\"pdp5-card pdp5-zoom\">\n          <div class=\"pdp5-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1774327899970-54df91fa7abf?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"Oak Meadow Estate\">\n            <div class=\"pdp5-tags\">\n              <span>6 beds<\/span>\n              <span>5 baths<\/span>\n              <span>5,200 sq ft<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"pdp5-info\">\n            <h3>Oak Meadow Estate<\/h3>\n            <p>Oak Meadow Drive 09, Austin<\/p>\n            <strong>$2,780,000<\/strong>\n          <\/div>\n        <\/a>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n  max-width: 100%;\n  overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n\/* Section *\/\n\n.pdp5-section {\n  --primary: #A1CCA6;\n  --dark: #111111;\n  --muted: #5f6468;\n  --soft: #f5f8f1;\n\n  width: 100%;\n  padding: 80px 60px !important;\n  margin: 0 !important;\n  background: var(--soft);\n  overflow: hidden;\n  font-family: \"Poly\", serif;\n}\n\n.pdp5-wrap {\n  max-width: 1350px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n\n.pdp5-head {\n  max-width: 820px;\n  margin: 0 auto 55px;\n  text-align: center;\n}\n\n.pdp5-head span {\n  display: block;\n  margin: 0 0 10px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 18px;\n  line-height: 1.1;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pdp5-head span::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  margin-right: 10px;\n  border-radius: 50%;\n  display: inline-block;\n  vertical-align: middle;\n  background: var(--primary);\n}\n\n.pdp5-head h2 {\n  margin: 0 0 18px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 38px;\n  line-height: 1.2;\n  font-weight: 700;\n  text-align: center;\n}\n\n.pdp5-head p {\n  margin: 0 auto;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.8;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Slider *\/\n\n.pdp5-slider {\n  width: 100%;\n  overflow: visible;\n}\n\n.pdp5-track {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n\/* Cards *\/\n\n.pdp5-card {\n  padding: 12px;\n  border-radius: 28px;\n  background: #ffffff;\n  border: 1px solid rgba(0,0,0,0.10);\n  color: var(--dark) !important;\n  text-decoration: none !important;\n  transition: 0.35s ease;\n}\n\n.pdp5-card:hover {\n  transform: translateY(-8px);\n  border-color: var(--primary);\n  box-shadow: 0 18px 45px rgba(0,0,0,0.06);\n}\n\n\/* Image *\/\n\n.pdp5-image {\n  position: relative;\n  height: 285px;\n  border-radius: 22px;\n  overflow: hidden;\n}\n\n.pdp5-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: 0.8s ease;\n}\n\n.pdp5-card:hover .pdp5-image img {\n  transform: scale(1.06);\n}\n\n\/* Tags *\/\n\n.pdp5-tags {\n  position: absolute;\n  left: 16px;\n  right: 16px;\n  bottom: 16px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.pdp5-tags span {\n  min-height: 36px;\n  padding: 0 13px;\n  border-radius: 999px;\n  background: #ffffff;\n  color: var(--dark);\n  font-family: \"Poly\", serif;\n  font-size: 13px;\n  line-height: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* Card Info *\/\n\n.pdp5-info {\n  padding: 24px 18px 14px;\n  text-align: center;\n}\n\n.pdp5-info h3 {\n  margin: 0 0 8px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 27px;\n  line-height: 1.15;\n  font-weight: 700;\n  text-align: center;\n}\n\n.pdp5-info p {\n  margin: 0 0 18px;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.4;\n  font-weight: 400;\n  text-align: center;\n}\n\n.pdp5-info strong {\n  min-height: 44px;\n  padding: 0 18px;\n  margin: 0 auto;\n  border-radius: 999px;\n  background: var(--primary);\n  color: var(--dark);\n  font-size: 18px;\n  line-height: 1;\n  font-weight: 700;\n  white-space: nowrap;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* Animation *\/\n\n.pdp5-zoom {\n  opacity: 0;\n  transform: scale(0.94) translateY(24px);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n}\n\n.pdp5-zoom.active {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .pdp5-section {\n    padding: 60px 40px !important;\n  }\n\n  .pdp5-head {\n    margin-bottom: 42px;\n  }\n\n  .pdp5-head h2 {\n    font-size: 32px;\n  }\n\n  .pdp5-head p,\n  .pdp5-info p {\n    font-size: 16px;\n  }\n\n  .pdp5-head p {\n    line-height: 1.75;\n  }\n\n  .pdp5-info p {\n    line-height: 1.4;\n  }\n\n  .pdp5-slider {\n    overflow: hidden;\n  }\n\n  .pdp5-track {\n    width: max-content;\n    display: flex;\n    gap: 24px;\n    animation: pdp5TabletSlide 14s ease-in-out infinite;\n  }\n\n  .pdp5-card {\n    width: calc((100vw - 104px) \/ 2);\n    flex: 0 0 calc((100vw - 104px) \/ 2);\n  }\n\n  .pdp5-card.pdp5-zoom {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: border-color 0.35s ease, box-shadow 0.35s ease !important;\n  }\n\n  .pdp5-card:hover {\n    transform: none !important;\n    border-color: var(--primary);\n  }\n\n  .pdp5-card:hover .pdp5-image img {\n    transform: none !important;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .pdp5-section {\n    padding: 30px 20px !important;\n  }\n\n  .pdp5-head span {\n    font-size: 16px;\n  }\n\n  .pdp5-head h2 {\n    font-size: 26px;\n    line-height: 1.22;\n  }\n\n  .pdp5-head p,\n  .pdp5-info p {\n    font-size: 15px;\n  }\n\n  .pdp5-head p {\n    line-height: 1.65;\n  }\n\n  .pdp5-info p {\n    line-height: 1.4;\n  }\n\n  .pdp5-track {\n    gap: 18px;\n    animation: pdp5MobileSlide 18s ease-in-out infinite;\n  }\n\n  .pdp5-card {\n    width: calc(100vw - 40px);\n    flex: 0 0 calc(100vw - 40px);\n  }\n\n  .pdp5-card.pdp5-zoom {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: border-color 0.35s ease, box-shadow 0.35s ease !important;\n  }\n\n  .pdp5-card:hover {\n    transform: none !important;\n  }\n\n  .pdp5-card:hover .pdp5-image img {\n    transform: none !important;\n  }\n\n  .pdp5-image {\n    height: 245px;\n  }\n\n  .pdp5-info h3 {\n    font-size: 25px;\n  }\n}\n\n\/* Keyframes *\/\n\n@keyframes pdp5TabletSlide {\n  0%, 34% {\n    transform: translateX(0);\n  }\n\n  45%, 78% {\n    transform: translateX(calc(-1 * ((100vw - 104px) \/ 2 + 24px)));\n  }\n\n  100% {\n    transform: translateX(0);\n  }\n}\n\n@keyframes pdp5MobileSlide {\n  0%, 24% {\n    transform: translateX(0);\n  }\n\n  34%, 58% {\n    transform: translateX(calc(-1 * (100vw - 40px + 18px)));\n  }\n\n  68%, 92% {\n    transform: translateX(calc(-2 * (100vw - 40px + 18px)));\n  }\n\n  100% {\n    transform: translateX(0);\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".pdp5-zoom\").forEach(function (item) {\n    new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"active\");\n        }\n      });\n    }, { threshold: 0.15 }).observe(item);\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81201e6 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"81201e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e70815 elementor-widget elementor-widget-html\" data-id=\"9e70815\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Poly:ital@0;1&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<section class=\"pdp4-section\">\n  <div class=\"pdp4-wrap\">\n\n    <div class=\"pdp4-head pdp4-zoom\">\n      <span>Property Location<\/span>\n      <h2>Located In A Calm And Well-Connected Neighbourhood<\/h2>\n      <p>\n        The Birch Residence is positioned close to daily essentials, lifestyle destinations, schools, parks, and convenient commute routes.\n      <\/p>\n    <\/div>\n\n    <div class=\"pdp4-grid\">\n\n      <div class=\"pdp4-map pdp4-zoom\">\n        <iframe\n          src=\"https:\/\/www.google.com\/maps?q=San%20Francisco%20California&output=embed\"\n          loading=\"lazy\"\n          referrerpolicy=\"no-referrer-when-downgrade\">\n        <\/iframe>\n      <\/div>\n\n      <div class=\"pdp4-info pdp4-zoom\">\n        <h3>Nearby Access<\/h3>\n\n        <div class=\"pdp4-item\">\n          <i class=\"fa-solid fa-school\"><\/i>\n          <div>\n            <h4>Schools & Learning<\/h4>\n            <p>Quality schools and learning centres are within easy neighbourhood reach.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pdp4-item\">\n          <i class=\"fa-solid fa-cart-shopping\"><\/i>\n          <div>\n            <h4>Shopping & Essentials<\/h4>\n            <p>Daily stores, cafes, supermarkets, and dining options are close by.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pdp4-item\">\n          <i class=\"fa-solid fa-road\"><\/i>\n          <div>\n            <h4>Commute Routes<\/h4>\n            <p>Quick access to major roads helps keep everyday travel more convenient.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pdp4-item\">\n          <i class=\"fa-solid fa-tree\"><\/i>\n          <div>\n            <h4>Parks & Open Spaces<\/h4>\n            <p>Green pockets and peaceful outdoor areas support a relaxed lifestyle.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\nhtml,\nbody {\n  max-width: 100%;\n  overflow-x: hidden !important;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n\/* Section *\/\n\n.pdp4-section {\n  --primary: #A1CCA6;\n  --dark: #111111;\n  --muted: #5f6468;\n  --soft: #f5f8f1;\n\n  width: 100%;\n  padding: 80px 60px !important;\n  margin: 0 !important;\n  background: #ffffff;\n  overflow: hidden;\n  font-family: \"Poly\", serif;\n}\n\n.pdp4-wrap {\n  max-width: 1350px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n\n.pdp4-head {\n  max-width: 850px;\n  margin: 0 auto 55px;\n  text-align: center;\n}\n\n.pdp4-head span {\n  display: block;\n  margin: 0 0 10px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 18px;\n  line-height: 1.1;\n  font-weight: 700;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.pdp4-head span::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  margin-right: 10px;\n  border-radius: 50%;\n  display: inline-block;\n  vertical-align: middle;\n  background: var(--primary);\n}\n\n.pdp4-head h2 {\n  margin: 0 0 18px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 38px;\n  line-height: 1.2;\n  font-weight: 700;\n  text-align: center;\n}\n\n.pdp4-head p {\n  margin: 0 auto;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.8;\n  font-weight: 400;\n  text-align: center;\n}\n\n\/* Grid *\/\n\n.pdp4-grid {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 28px;\n  align-items: stretch;\n}\n\n\/* Map *\/\n\n.pdp4-map {\n  min-height: 560px;\n  border-radius: 32px;\n  overflow: hidden;\n  border: 12px solid var(--soft);\n}\n\n.pdp4-map iframe {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  display: block;\n  filter: grayscale(15%);\n}\n\n\/* Info Box *\/\n\n.pdp4-info {\n  padding: 34px;\n  border-radius: 32px;\n  background: var(--soft);\n  border: 1px solid rgba(0,0,0,0.07);\n}\n\n.pdp4-info h3 {\n  margin: 0 0 24px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 34px;\n  line-height: 1.15;\n  font-weight: 700;\n  text-align: center;\n}\n\n\/* Nearby Items *\/\n\n.pdp4-item {\n  padding: 20px;\n  border-radius: 24px;\n  background: #ffffff;\n  display: grid;\n  grid-template-columns: 58px 1fr;\n  gap: 16px;\n  align-items: center;\n  margin-bottom: 14px;\n}\n\n.pdp4-item:last-child {\n  margin-bottom: 0;\n}\n\n.pdp4-item i {\n  width: 54px;\n  height: 54px;\n  border-radius: 18px;\n  background: var(--primary);\n  color: var(--dark);\n  font-size: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.pdp4-item h4 {\n  margin: 0 0 6px;\n  color: var(--dark);\n  font-family: \"Amiri\", serif;\n  font-size: 24px;\n  line-height: 1.15;\n  font-weight: 700;\n}\n\n.pdp4-item p {\n  margin: 0;\n  color: var(--muted);\n  font-family: \"Poly\", serif;\n  font-size: 18px;\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n\/* Animation *\/\n\n.pdp4-zoom {\n  opacity: 0;\n  transform: scale(0.94) translateY(24px);\n  transition: opacity 0.9s ease, transform 0.9s ease;\n}\n\n.pdp4-zoom.active {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n}\n\n\/* Tablet *\/\n\n@media (max-width: 1024px) {\n  .pdp4-section {\n    padding: 60px 40px !important;\n  }\n\n  .pdp4-head {\n    margin-bottom: 42px;\n  }\n\n  .pdp4-head h2 {\n    font-size: 32px;\n  }\n\n  .pdp4-head p,\n  .pdp4-item p {\n    font-size: 16px;\n  }\n\n  .pdp4-head p {\n    line-height: 1.75;\n  }\n\n  .pdp4-item p {\n    line-height: 1.55;\n  }\n\n  .pdp4-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pdp4-map {\n    min-height: 430px;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width: 767px) {\n  .pdp4-section {\n    padding: 30px 20px !important;\n  }\n\n  .pdp4-head span {\n    font-size: 16px;\n  }\n\n  .pdp4-head h2 {\n    font-size: 26px;\n    line-height: 1.22;\n  }\n\n  .pdp4-head p,\n  .pdp4-item p {\n    font-size: 15px;\n  }\n\n  .pdp4-head p {\n    line-height: 1.65;\n  }\n\n  .pdp4-item p {\n    line-height: 1.55;\n  }\n\n  .pdp4-map {\n    min-height: 320px;\n    border-width: 8px;\n    border-radius: 22px;\n  }\n\n  .pdp4-info {\n    padding: 22px;\n    border-radius: 24px;\n  }\n\n  .pdp4-info h3 {\n    font-size: 27px;\n  }\n\n  .pdp4-item {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .pdp4-item i {\n    margin: 0 auto;\n  }\n\n  .pdp4-item h4,\n  .pdp4-item p {\n    text-align: center;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  document.querySelectorAll(\".pdp4-zoom\").forEach(function (item) {\n    new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"active\");\n        }\n      });\n    }, { threshold: 0.15 }).observe(item);\n  });\n});\n<\/script>\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>Property Details The Birch Residence A refined family residence with generous living spaces, calm outdoor surroundings, and modern details designed for everyday comfort. Home \/ Featured Listings \/ The Birch Residence Property Overview Modern Family Living With Space, Privacy And Everyday Comfort The Birch Residence is designed for buyers who want a calm residential setting, refined interiors, practical family spaces, and strong location value. The Birch Residence Birch Avenue 33, San Francisco $1,080,000 3 Beds 2 Baths 2,400 Sq Ft 2 Garages Built 2021 6,800 Sq Ft Lot Property Description This modern residence brings together warm architectural details, open interior flow, and a peaceful outdoor setting. The home features a bright living area, a functional kitchen, comfortable bedrooms, private parking, and a garden-facing layout suitable for relaxed family living. Key Features Open-plan living area Modern fitted kitchen Private garden space Floor-to-ceiling windows Property Summary Property IDBR-1034 Property TypeFamily Residence StatusFor Sale Price$1,080,000 Bedrooms3 Bathrooms2 Garage2 Cars Area2,400 Sq Ft Year Built2021 AvailabilityReady To Visit Schedule A Visit Property Agent Speak With The Agent Handling This Property Get clear details about the home, location, visit availability, pricing, and next steps directly from the assigned property specialist. Assigned Agent Michael Carter Senior Property Advisor Michael specializes in premium family homes, private residences, and location-based property comparisons. He can guide you through the full details of The Birch Residence. 42 Active Listings Westside Primary Area Today Visit Slots Contact Agent Call Agent Similar Properties You May Also Like These Featured Homes Explore other homes with similar comfort, location value, and family-friendly features. 5 beds 4 baths 4,500 sq ft The Aspen Retreat Aspen Hill 72, San Francisco $2,250,000 4 beds 3 baths 3,750 sq ft Willow Park Villa Willow Street 18, Los Angeles $1,560,000 6 beds 5 baths 5,200 sq ft Oak Meadow Estate Oak Meadow Drive 09, Austin $2,780,000 Property Location Located In A Calm And Well-Connected Neighbourhood The Birch Residence is positioned close to daily essentials, lifestyle destinations, schools, parks, and convenient commute routes. Nearby Access Schools &#038; Learning Quality schools and learning centres are within easy neighbourhood reach. Shopping &#038; Essentials Daily stores, cafes, supermarkets, and dining options are close by. Commute Routes Quick access to major roads helps keep everyday travel more convenient. Parks &#038; Open Spaces Green pockets and peaceful outdoor areas support a relaxed lifestyle.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/teknr11.thestackly.tech\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Property Details The Birch Residence A refined family residence with generous living spaces, calm outdoor surroundings, and modern details designed for everyday comfort. Home \/ Featured Listings \/ The Birch Residence Property Overview Modern Family Living With Space, Privacy And Everyday Comfort The Birch Residence is designed for buyers who want a calm residential setting,&hellip;","_links":{"self":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":5,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":2497,"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/2497"}],"wp:attachment":[{"href":"https:\/\/teknr11.thestackly.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}