.archstone-heading{font-family:"Avenir",sans-serif;color:#377486;font-weight:300;margin:0;padding:0;line-height:1.2;font-size:30px;padding-bottom:10px}@media (min-width:769px){.archstone-heading{font-size:60px;font-family:"Avenir",sans-serif;color:#377486;font-weight:300;margin:0;padding:0;line-height:1.2;padding-bottom:20px}}.property-item{display:flex;margin-bottom:20px;gap:20px;cursor:pointer;transition:background-color 0.3s,border-radius 0.3s,box-shadow 0.3s;position:relative;z-index:0}.property-item:hover{background-color:rgb(0 0 0 / .05);box-shadow:0 0 0 30px rgb(0 0 0 / .05);z-index:1}.property-image{width:55%;height:230px;overflow:hidden}.property-image img{width:100%;height:100%;object-fit:cover;transition:border-radius 0.3s}.property-info{width:55%;display:flex;flex-direction:column;justify-content:space-between}@media (max-width:768px){.property-item{flex-direction:column;gap:0}.property-image{width:100%}.property-image img{width:100%}.property-info{width:100%}}.save-button img{width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:8px}.archstone-stack__divider{margin:20px 0;height:1px;background-color:#ddd}.mapdiv{grid-column:8 / 13;position:sticky;top:50.35px;width:100%;height:60vh;background:var(--archstone-colors-gray-200);overflow:hidden;border-radius:var(--archstone-radii-lg);z-index:1}#map{width:100%;height:100%}@media (min-width:768px) and (max-width:1024px){.mapdiv{top:90px;height:75vh;grid-column:8 / 13}}@media (min-width:1025px){.mapdiv{top:110px;height:75vh;grid-column:8 / 13}}@media (max-width:767px){.mapdiv{top:50.35px;height:75vh;grid-column:1 / -1}}@media (max-width:991px){.mapdiv{display:none}.stylesheet-jxw4nq{grid-template-columns:1fr}.archstone-tabs__tab-panels.stylesheet-8atqhb{grid-column:1 / -1}#map-section{grid-column:1 / -1}.toggle-view{display:flex;justify-content:center;gap:10px;margin-top:20px}}.main-container{flex-grow:1}.amenity-item{font-family:"Avenir",sans-serif;font-size:15px;color:#377486;margin-left:10px}@media (min-width:769px){.horizontal-form{display:grid;grid-template-columns:repeat(5,auto);gap:14px;align-items:start}.form-groups{display:flex;flex-direction:column;align-items:flex-start;position:relative;color:#595959}form.horizontal-form{margin-bottom:1rem}form.horizontal-form label{color:#333;display:block;margin-bottom:1rem;font-size:13px}form.horizontal-form select,form.horizontal-form input{width:105px;padding:.6rem;border:2px solid #595959;color:#595959;font-size:14px;appearance:none;background:#fff0}form.horizontal-form .select-wrapper-new{position:relative;width:105px}@media (max-width:769px){form.horizontal-form .select-wrapper-new{}}form.horizontal-form .dropdown-with-icon select{padding-right:30px}.dropdown_icon_new{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;width:14px;height:14px;object-fit:contain}form.horizontal-form input[type="number"]{color:#333}}.form-groups label{font-family:"Avenir",sans-serif;font-size:14px;font-weight:700;text-align:left}.form-groups select,.form-groups input{border:2px solid #333;border-radius:0;padding:10px;font-family:"Avenir",sans-serif;font-size:14px;color:#333;width:100%;box-sizing:border-box}.toggle-view{display:none;margin-top:20px}.toggle-button{padding:10px 20px;font-size:16px;background-color:#377486;color:#fff;border:none;cursor:pointer}.toggle-button.active{background-color:#025d5d}.archstone-tabs__tablist{display:flex;border-bottom:1px solid #ddd;margin-top:20px}.archstone-tabs__tab{background:none;border:none;padding:10px 20px;font-family:"Avenir",sans-serif;font-size:16px;cursor:pointer;outline:none;border-bottom:2px solid #fff0;transition:border-color 0.3s,color 0.3s}.archstone-tabs__tab[aria-selected="true"]{border-bottom:2px solid #377486;color:#377486}.archstone-tabs__tab:hover{color:#025d5d}@media (min-width:992px){#toggle-view{display:none}}@media (max-width:991px){#toggle-view{display:flex}}.property-info__details{flex-direction:column;gap:10px;width:100%}.detail-item{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.detail-left-bath{display:flex;align-items:center;gap:10px}.detail-left{display:flex;align-items:flex-end;gap:10px}.icon-size{width:24px;height:24px}.icon-text{font-family:"Avenir",sans-serif;margin-left:5px;color:#377486;vertical-align:middle;line-height:1}.dimensions-text{display:inline-block;vertical-align:baseline;font-size:14px;color:#377486;margin-left:5px;line-height:1}.property-description{font-style:italic;font-family:"Avenir",sans-serif;font-size:14px;margin-top:10px;margin-bottom:10px;color:#333}.save-book-section{display:flex;justify-content:space-between;align-items:center}.save-book-section a{color:#377486;text-decoration:underline;font-family:"Avenir",sans-serif}.save-button{display:flex;align-items:center;cursor:pointer;transition:filter 0.3s}.save-button span{margin-left:5px;font-family:"Avenir",sans-serif}.property-info__header{display:flex;justify-content:space-between;align-items:flex-start}.left-section{display:flex;flex-direction:column}.location-name{font-family:"Avenir",sans-serif;font-weight:700;color:#333}.county-name{font-family:"Avenir",sans-serif;font-size:14px;color:#377486;margin-top:8px}.price{font-family:"Avenir",sans-serif;color:#333}*,*::before,*::after{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}.horizontal-form{display:grid;grid-template-columns:repeat(5,auto);gap:14px;align-items:start}@media (max-width:768px){.horizontal-form{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;overflow:hidden}.horizontal-form .form-groups{flex:1 1 20%;min-width:70px;display:flex;flex-direction:column;margin-right:8px}.horizontal-form label{font-size:11px;margin-bottom:3px;white-space:nowrap}.horizontal-form select,.horizontal-form input[type="number"]{width:100%;padding:5px;font-size:11px;border:1px solid #ccc;border-radius:4px;appearance:none;background:#fff0}.horizontal-form .dropdown_icon_new{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:10px;height:10px}.horizontal-form label[for="max-price"]{white-space:nowrap;font-size:11px}.horizontal-form #max-price{width:100%;border:1px solid #595959;padding:.6rem;font-size:14px}.horizontal-form .select-wrapper-new{position:relative;width:100%}.horizontal-form .select-wrapper.small-width{width:100%}.horizontal-form .form-groups{width:auto!important}.horizontal-form::-webkit-scrollbar{display:none}.horizontal-form{-ms-overflow-style:none;scrollbar-width:none}}.small-width{width:120px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6)}.modal-content{background-color:#fff;margin:10% auto;padding:30px;border-radius:10px;width:500px;max-width:90%;border:2px solid #377486;text-align:center;font-family:"Avenir",sans-serif}.modal-content h2{color:#377486;text-align:center;font-size:24px}.modal-content img{width:100px;height:auto}.modal-content .close{position:absolute;top:10px;right:15px;font-size:24px;color:#333;cursor:pointer}#handbookTrigger{cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none}input[type="text"],input[type="email"],input[type="date"],input[type="tel"]{width:100%;padding:10px;margin-bottom:20px;border:2px solid #377486;border-radius:5px;font-family:"Avenir",sans-serif;font-size:14px}label{color:#333;margin-bottom:5px;display:inline-block}.submit-btn{background-color:#377486;color:#fff;padding:10px 15px;border:none;cursor:pointer;width:180px;font-family:"Avenir",sans-serif}.submit-btn:hover{background-color:#2d606c}.property-details-link{text-align:center;margin-top:20px}.property-details-link a{color:#377486;text-decoration:underline;font-size:14px;display:inline-block}.property-details-link a:hover{color:#2d606c}@media screen and (max-width:768px){.modal-content{width:90%;padding:15px}input[type="text"],input[type="email"],input[type="tel"]{font-size:12px}.submit-btn{font-size:14px;font-weight:700}}.toast{visibility:hidden;max-width:350px;background-color:#377486;color:#fff;text-align:left;border-radius:4px;padding:16px;position:fixed;z-index:1001;right:30px;bottom:30px;font-family:"Avenir",sans-serif;font-size:16px;opacity:0;transition:opacity 0.5s ease-in-out}.toast.show{visibility:visible;opacity:1}.toast.hide{opacity:0}@-webkit-keyframes fadein{from{bottom:20px;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:20px;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:40px;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:40px;opacity:0}}@media (min-width:769px){.learn-text{font-family:"Avenir",sans-serif;font-size:20px;padding-bottom:20px}}@media (max-width:769px){.learn-text{font-family:"Avenir",sans-serif;font-size:16px;padding-bottom:10px}}@media (max-width:768px){form.horizontal-form select,form.horizontal-form input{padding:.6rem;border:2px solid #595959;color:#595959;font-size:14px;appearance:none;background:#fff0}}@media (max-width:768px){.horizontal-form .form-groups{width:calc(50% - 10px);display:flex;flex-direction:column}.horizontal-form label{font-size:12px}.horizontal-form .select-wrapper-new{width:100%}.horizontal-form label[for="max-price"]{white-space:nowrap;font-size:12px}.horizontal-form #max-price{width:100%;border:2px solid #595959}}.detail-right{flex-wrap:wrap;justify-content:flex-end;gap:10px;text-align:right}.amenity-item{font-family:"Avenir",sans-serif;font-size:15px;color:#377486;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}.amenity-item.large{flex:1 1 50%}@media (max-width:768px){.amenity-item{flex:1 1 100%}}.hide-pm label .pm-text{display:none}
/* Mobile Search Bar Styles (Zillow-style) */
.mobile-search-wrapper {
  display: none;
  margin: 0;
  padding: 16px;
  background: #f8f9fa;
  position: relative;
  z-index: 10;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .mobile-search-wrapper {
    display: block;
  }

  /* Hide desktop filters on mobile */
  .horizontal-form {
    display: none !important;
  }

  /* Ensure body content flows properly */
  body {
    display: flex;
    flex-direction: column;
  }
}

.mobile-search-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: #fff;
  border: 2px solid #027778;
  border-radius: 12px;
  font-family: 'Avenir', sans-serif;
  font-size: 16px;
  color: #2c3e50;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mobile-search-trigger:hover {
  background: #f8f9fa;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.mobile-search-trigger i:first-child {
  color: #027778;
  font-size: 18px;
}

.mobile-search-trigger span {
  flex: 1;
  text-align: left;
}

.mobile-search-trigger .ms-auto {
  color: #027778;
}

/* Mobile Filters Panel */
.mobile-filters-panel {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
  z-index: 1001;
  max-height: 90vh;
  overflow-y: auto;
  transition: bottom 0.4s ease-in-out;
}

.mobile-filters-panel.active {
  bottom: 0;
}

.mobile-filters-header {
  position: sticky;
  top: 0;
  background: linear-gradient(135deg, #027778 0%, #5cc184 100%);
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px 20px 0 0;
  z-index: 10;
}

.mobile-filters-header h3 {
  margin: 0;
  color: #fff;
  font-family: 'Avenir', sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.mobile-filters-close {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}

.mobile-filters-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.mobile-filters-content {
  padding: 20px;
}

.mobile-filter-group {
  margin-bottom: 20px;
}

.mobile-filter-label {
  display: block;
  font-family: 'Avenir', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 10px;
}

.mobile-filter-label i {
  color: #027778;
  margin-right: 8px;
}

.mobile-filter-select {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 10px;
  font-family: 'Avenir', sans-serif;
  font-size: 15px;
  color: #2c3e50;
  background: #fff;
  transition: all 0.3s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23027778' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 40px;
}

.mobile-filter-select:focus {
  outline: none;
  border-color: #027778;
  box-shadow: 0 0 0 3px rgba(2, 119, 120, 0.1);
}

/* Mobile Toggle Group (Buy/Rent) */
.mobile-toggle-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.mobile-toggle-option {
  position: relative;
  cursor: pointer;
}

.mobile-toggle-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.mobile-toggle-option span {
  display: block;
  padding: 12px 20px;
  text-align: center;
  border: 2px solid #027778;
  border-radius: 10px;
  font-family: 'Avenir', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #027778;
  background: #fff;
  transition: all 0.3s ease;
}

.mobile-toggle-option input[type="radio"]:checked + span,
.mobile-toggle-option.active span {
  background: #027778;
  color: #fff;
  box-shadow: 0 4px 12px rgba(2, 119, 120, 0.3);
}

/* Mobile Filter Actions */
.mobile-filters-actions {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 20px;
  border-top: 1px solid #e0e0e0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 12px;
}

.mobile-btn-reset,
.mobile-btn-apply {
  padding: 14px 20px;
  border: none;
  border-radius: 10px;
  font-family: 'Avenir', sans-serif;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mobile-btn-reset {
  background: #f5f5f5;
  color: #2c3e50;
  border: 2px solid #e0e0e0;
}

.mobile-btn-reset:hover {
  background: #e8e8e8;
}

.mobile-btn-apply {
  background: linear-gradient(135deg, #027778 0%, #5cc184 100%);
  color: #fff;
  box-shadow: 0 4px 12px rgba(2, 119, 120, 0.3);
}

.mobile-btn-apply:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(2, 119, 120, 0.4);
}

.mobile-btn-apply i {
  margin-right: 8px;
}

/* Mobile Filters Overlay */
.mobile-filters-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.mobile-filters-overlay.active {
  display: block;
}