.l_l_heading_mobile {
        letter-spacing: -2px;
        }
.mobile_filter_popup_heading {
  position: relative;
  padding-right: 2.5em; /* make room for the button */
}

.mobile_filter_close {
  position: absolute;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 1.2em;
  line-height: 1;
  cursor: pointer;
}


.facility_discount_percent {
text-transform: capitalize;
}
/* ————————————————————————————————————————————
   1) Discounted units: stack & move “per month”
   ———————————————————————————————————————————— */
   .facility_price_block.discountAvailable {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25em;           /* small gap between lines */
  }
  
  /* original (struck) price on top, no pseudo */
  .facility_price_block.discountAvailable
    .facility_original_price_block {
    order: 0;
    margin: 0;            /* remove any divi margins */
  }
  .facility_price_block.discountAvailable
    .facility_original_price_block::after {
    content: none;
  }
  
  /* discounted price below and its own “per month” line */
  .facility_price_block.discountAvailable
    .facility_discount_price_block {
    order: 1;
    position: relative;
  }

  .facility_price_block.discountAvailable
  .facility_discount_price_block::after {
  content: " per month";
  display: inline-block;      /* ← no more line-break */
  font-size: .875rem;
  font-weight: 400;
  margin-left: .25em;         /* tweak space */
  vertical-align: baseline;   /* aligns with price text */
  color: inherit;
  text-decoration: none;
}

  
  /* ————————————————————————————————————————————
     2) Non-discounted: inline price + “per month”
     ———————————————————————————————————————————— */
  .location_unit_item:not(.discountedUnit)
    .facility_price_block {
    display: inline-flex;
    align-items: baseline;
    gap: .25em;
  }
  
  .location_unit_item:not(.discountedUnit)
    .facility_original_price_block::after {
    content: "per month";
    font-size: .875rem;
    font-weight: 400;
    margin-left: .25em;
    color: inherit;
    text-decoration: none;
  }
  
  
  
  /* Stack units on smaller screens */
  @media only screen and (max-width: 1063px) {
  
    .facility_original_price_block {
      font-size: 11px !important;
    }
  
    .facility_original_price {
      font-size: 16px !important;
      font-weight: 700 !important;
    }
    .location_unit_item {
      flex: 1 1 150px; /* let them shrink/grow but no smaller than 150px */
      max-width: 100%;
    }
  
    .facility_area_w_l.unit_title {
      font-size: 14px !important;
      line-height: 20px !important;
    }
  
    .facility_info_content,
    .facility_area,
    .facility_discounted_note,
    .facility_feature_name {
      font-size: 11px !important;
      line-height: 16px !important;
    }
  
    .facility_discount_price_block,
    .facility_discount_price {
      font-size: 18px !important;
    }
  
    .facility_book_btn {
      font-size: 13px !important;
      padding: 6px 12px !important;
      line-height: 18px !important;
    }
  
    .facility_image_container {
      min-height: 132px !important;
    }
  
    img.facility_main_img {
      max-height: 132px !important;
      height: auto !important;
    }
  }
  
  
  
  
  .location-booking .et_pb_row {
      width: 100% !important;
      max-width:1290px;
  }
  .location_listing_page {
      display: flex;
      flex-direction: column;
      padding-bottom: 100px;
      padding-left:0px;
      padding-right:0px;
      padding-top: 0;
      gap: 40px;
      font-family: 'Manrope' !important;
  }
  .location_main_block {
      display: flex;
      flex-direction: row;
      width: 100%;
      padding: 0;
      gap: 24px;
      position: relative;
  }
  
  /* 1) Turn the container into a responsive grid 
  #location_units_items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px !important;
  } */

  /* 2) Make the unit list a flex row */
#location_units_items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    justify-content: flex-start;
  }
  
  /* 3) Give each card a flexible base width */
  .location_unit_item {
    flex: 1 1 260px;  /* grow & shrink around a 260px base */
    min-width: 260px;  /* never go smaller than 260px */
    max-width: 260px; 
  }
  
  
  .location_filters_block, .location_filters_inner {
      max-width: 292px;
      min-width: 190px;
      display: flex;
      flex-direction: column;
      gap: 24px;
  }
  .facility_calculator_container {
      background: rgba(224, 224, 224, 0.36);
      border-radius: 12px;
      padding: 8px 12px;
      display: flex;
      flex-direction: row;
      gap: 15px;
  }
  .space_calculator_text {
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
      color: #3F3F3F;
  }
  .space_calculator_btn {
      font-size: 18px;
      font-weight: 700;
      line-height: 27px;
      text-decoration: underline;
      color:black;
  }
  .facility_filters_sorting_block {
      border: 1px solid #DCDCDC;
      border-radius: 12px;
  }
  .filters_header_block {
      display: flex;
      padding: 16px;
      justify-content: space-between;
      background: #312217;
      border-radius: 12px 12px 0px 0px;
  }
  .filter_main_heading {
      font-size: 24px;
      line-height: 29px;
      color: #ffffff;
      letter-spacing:-1px;
  }
  .filters_body_block {
      padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 24px;
  }
  .price_range_filter {
      display: flex;
      flex-direction: column;
      gap: 16px;
  }
  .filters_labels {
      font-size: 16px;
      font-weight: 700;
      color: #292929;
      line-height: 24px;
  }
  .clear_filter_btn {
      background: transparent;
      border: none;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
  }
  .pricing_input_items {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  .pricing_inputs_dash {
      width: 26px;
      background: #EFEFEF;
      height: 1px;
      align-self: center;
  }
  .price_range_filter .ui-widget-header {
      border: 1px solid black;
      background: black;
  }
  .price_slider_container {
      padding: 0px 6px;
  }
  #price-range .ui-widget.ui-widget-content {
      border: 1px solid #ffffff;
  }
  #price-range .ui-state-default, #price-range.ui-widget-content .ui-state-default,#price-range  .ui-state-hover, #price-range .ui-widget-content .ui-state-hover{
      border: 5px solid black;
      background: #fff;
      border-radius: 50%;
  }
  #price-range.ui-widget.ui-widget-content {
      border: none;
  }
  #price-range.ui-slider-horizontal .ui-slider-range {
      top: 3px;
      height: 100%;
      max-height: 4px;
  }
  .price_range_sider:focus {
      outline: none;
  }
  .price-filter-container {
      max-width: 250px;
      position:relative;
  }
  .pricing_input_items input {
      width: 100%;
      max-width: 110px;
  }
  .pricing_input_items input {
      width: 100%;
      max-width: 110px;
  }
  .pricing_input_item {
      position: relative;
  }
  .price_field_sign, .area_fields_sign, .calendar_icon {
      position: absolute;
      right: 16px;
      color: black;
      top: 7px;
      font-size: 12px;
      font-weight: 400;
  }
  .calendar_icon {
      top:10px;
  }
  .area_filters_block {
      display: flex;
      flex-direction: column;
      gap: 16px;
  }
  #unitSizeFilters {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }
  .filter_accordion_body {
      display: flex;
      flex-direction: column;
      gap: 8px;
  }
  .area_filters_block input[type=number]{
      width:100%;
  }
  .main_filter {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }
  .area_filters_item{
      position:relative;
  }
  .accordion_icon {
      cursor: pointer;
      transition: transform 0.3s ease;
  }
  .filter_main_level {
      display: flex;
      flex-direction: column;
      gap: 8px;
  }
  .filter_main_level.accordion_opened .accordion_icon {
      transform: rotate(180deg);
  }
  .filter_accordion_header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  .filter_label_block {
      display: flex;
      gap: 12px;
  }
  input[type='checkbox']{
      margin: 0;
      width: 17px;
  }
  input[type='checkbox']:checked {
      accent-color: #312217;
  }
  .filter_label_block label {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
  }
  .checkbox_filters{
      display: flex;
      flex-direction: column;
      gap: 12px;
  }
  
  /* Chrome, Safari, Edge, Opera */
  .location_main_block input::-webkit-outer-spin-button,
  .location_main_block input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }
  
  .location_main_block input[type=number]::placeholder{
      font-size:14px;
      color:#989898;
      font-weight:300;
  }
  
  /* Firefox */
  .location_main_block input[type=number] {
    -moz-appearance: textfield !important;
    font-size: 14px;
    font-weight:300;
  }
  .location_main_block input:not([type='checkbox']){
      border-radius: 8px;
      border: 1px solid #EFEFEF;
      padding: 12px 16px;
      height: 40px;
  }
  
  .location_units_list_main{
      width: 100%;
  }
  .location_main_block.loading-overlay::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.8);
      z-index: 10;
      pointer-events: none;
  }
  /*
  #location_units_items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap:16px;
      justify-content: left;
  } 
      */
  .location_unit_item {
      width: auto!important;
      border: 1px solid #DCDCDC;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      font-family: 'Manrope' !important;
  }
  .facility_area_w_l.unit_title {
      font-size: 18px;
      font-weight: 700;
      font-family: 'Manrope' !important;
      color: #3D3D3D;
      line-height: 27px;
  }
  .facility_title_block, .facility_features_block {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }
  .facility_info_block {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 20px;
      gap: 16px;
  }
  .facility_info_row {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  .facility_info_col {
      display: flex;
      align-items: center;
      gap: 4px;
  }
  .f_i_c_line {
      border-right: 1px solid #EFEFEF;
      height: 19px;
      width: 1px;
      margin-left: 0px;
  }
  img.facility_icon {
      max-width: 12px;
      max-height: 12px;
  }
  .facility_info_content, .facility_area {
      font-size: 12px;
      font-family: 'Manrope' !important;
      line-height: 21px;
      font-weight: 400;
  }
  .facility_image_container {
      width: 100%;
      min-height: 201px;
      background: #ECEFF180;
      border-radius: 12px 12px 0px 0px;
  }
  /*
  .facility_image_container, .facility_info_block{
      min-width: 297px;
  }*/
  .facility_image_inner {
      position: relative;
      height: 100%;
  }
  img.facility_main_img {
      position: absolute;
      top: 0;
      width: auto;
      height: 100%;
      max-height: 200px;
  }
  #location_units_items .facility_images.facility_gallery_images{
      display:none;
  }
  .units_loading_text {
      font-weight: 600;
      font-size: 18px;
      text-align: center;
      color: #000;
  }
  .facility_discount_tag {
      position: absolute;
      left: 12px;
      top: 12px;
      background: #E21D14;
      padding: 6px 8px;
      color: #fff;
      line-height: normal;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 700;
      display: flex;
      z-index: 1;
  }
  .facility_quick_view {
      position: absolute;
      right: 12px;
      top: 12px;
      background: #fff;
      height: 32px;
      width: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0.7px solid #EFEFEF;
      border-radius: 50%;
      cursor: pointer;
  }
  .facility_price_block{
      display: flex;
      flex-direction: row;
      gap: 8px;
  }
  .facility_discount_price_block, .facility_discount_price {
      color: #312217;
      font-weight: 800;
      font-size: 24px;
  }
  .facility_original_price_block {
      color: black;
      font-size: 14px;
      line-height: normal;
      font-weight: 400;
      display: flex;
      align-items: center;
      text-decoration: line-through;
      align-self: self-end;
      padding-bottom: 2px;
  }
  .location_unit_item:not(.discountedUnit) .facility_discount_price_block, .facility_eye_popup:not(.discountedUnit) .facility_discount_price_block {
      display:none !important;
  }
  .location_unit_item:not(.discountedUnit) .facility_original_price_block, .facility_eye_popup:not(.discountedUnit) .facility_original_price_block {
      text-decoration: none;
      color: black;
      font-size: 24px;
      font-weight: 800;
      line-height: inherit;
  }
  .facility_booking_block {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding-bottom: 4px;
      border-bottom: 1px dashed #E5E5EA;
  }
  .facility_book_btn {
  
      padding: 8px 16px;
      color: #fff;
      background: #43b02a;
      border-radius: 8px;
      text-align: center;
      width: 100%;
      display: flex;
      justify-content: center;
      font-weight: 700;
  }
  .facility_discounted_note, .discountSaving {
      font-size: 14px;
      color: #7C7C7C;
      align-self: center;
      font-weight: 400;
  }
  .location_unit_item:not(.discountedUnit) .facility_discounted_note, .facility_eye_popup:not(.discountedUnit) .facility_discounted_note  {
      visibility: hidden;
  }
  .facility_feature_item {
      display: flex;
      flex-direction: row;
      gap: 12px;
      align-items: center;
  }
  img.features_icon {
      width: 16px;
      height: 16px;
      color:black;
  }
  .facility_feature_name {
      font-size: 16px;
      color: #7C7C7C;
      line-height: 24px;
      font-weight: 400;
  }
  
  
  .bookNowModelOverlay, .facility_eye_popup, .space_calculator_popup {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: auto;
      z-index: 9999999999;
  }
  .bookNowModel,.facility_eye_popup_inner {
      background-color: #fff;
      width: 80%;
      max-width: 950px;
      border-radius: 8px;
      position: relative;
      display: flex;
      max-height: 570px;
      height: 80vh;
      font-family: 'Manrope' !important;
      min-height: 500px;
  }
  .space_calculator_popup_inner {
      background-color: #fff;
      max-width: 950px;
      border-radius: 8px;
      position: relative;
      display: flex;
      max-height: 570px;
      font-family: 'Manrope' !important;
  }
  
  .space_calculator_popup_inner, .space_calculator_popup_inner #calcumate-root{
      flex:1;
  }
  
  .bnm_left {
      flex: 1;
      max-width: 315px;
      padding:20px 10px 30px 20px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      justify-content: center;
  }
  .bnm_right {
      flex: 1;
      padding:30px;
      background: #312217;
  }
  .bnm_title {
      font-size: 31px;
      line-height: 45.71px;
      color: #fff;
      font-weight: 700;
      padding-left: 12px;
  }
  .bnm_facility_image_block {
      text-align: center;
      display: flex;
      align-self: center;
      width: 100%;
      justify-content: center;
  }
  
  .bnm_facility_main_img {
      max-width: 160px;
      border-radius: 4px;
  }
  .bnm_close_btn {
      position: absolute;
      top: 43px;
      right: 43px;
      cursor: pointer;
      font-size: 18px;
      font-weight: bold;
      color: #fff;
  }
  .bnm_title_area_block {
      display: flex;
      flex-direction: column;
  }
  .bnm_facility_site_title {
      font-size: 22px;
      line-height: 64px;
      font-weight: 700;
      color:#333333;
  }
  .bnm_facility_title_block {
      font-size: 20px;
      font-weight: 400;
      color:#333333;
  }
  .bnm_facility_total_area {
      font-weight: 400;
      font-size: 16px;
      line-height: 26px;
      color:#333333;
  }
  .bnm_features_block.facility_features_block{
      gap:0px;
  }
  .bnm_features_block.facility_features_block .facility_feature_name{
      color:#333333;
      font-weight: 200;
      font-size: 15px;
  }
  .bnm_price_discount_block {
      margin-top: 30px;
      display: flex;
      flex-direction: column;
      gap: 5px;
  }
  .bnm_discounted_message_block {
      display: flex;
      flex-direction: row;
      gap: 5px;
      color:#333333;
  }
  .bookNowModel:not(.discountedUnit) .bnm_discounted_message_block{
      display:none;
  }
  .bnm_discount_message {
      font-size: 14px;
      font-weight: 700;
  }
  .bnm_pricing_block {
      display: flex;
      flex-direction: row;
      gap: 10px;
  }
  .bnm_facility_regular_price {
      font-size: 19px;
      font-weight: 600;
      color: #555555;
      text-decoration: line-through;
  }
  .bnm_facility_discounted_price {
      font-size: 20px;
      color: #37474F;
      font-weight: 600;
  }
  .bookNowModel:not(.discountedUnit) .bnm_facility_regular_price{
      font-size: 20px;
      color: #37474F;
      font-weight: 600;
      text-decoration: none;
  }
  .bookNowModel:not(.discountedUnit) .bnm_facility_discounted_price{
      display:none;
  }
  input.bnm_field{
      border-radius: 4px;
      border: none;
      padding: 12px 13px;
      height: 40px;
      color:#999999;
      font-weight:400;
      font-size:13px;
      width: 100%;
      font-family: 'Manrope' !important;
  }
  input.bnm_field::placeholder{
      color:#999999;
      font-weight:400;
      font-size:13px;
      font-family: 'Manrope' !important;
  }
  form#bnmForm {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-top: 15px;
  }
  .bnm_form_row {
      display: flex;
      flex-direction: row;
      gap: 12px;
  }
  .bnm_form_submit_block {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }
  .bnm_form_submit_btn {
      pointer-events: none;
      background-color: #41842C;
      color: #fff;
      border: none;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 500;
      line-height: 25px;
      padding: 14px 25px;
  }
  .bnm_booking_note {
      align-content: center;
      color: #fff;
      font-weight: 400;
      font-size: 13px;
  }
  .bnm_form_row.datepicker_block {
      position: relative;
  }
  table.ui-datepicker-calendar .ui-state-active, table.ui-datepicker-calendar .ui-widget-content .ui-state-active{
      border: 1px solid #312217;
      background: #312217;
  }
  
  .facility_eye_popup_inner{
      max-width: 820px;
      max-height: 430px;
      min-height: 430px;
  }
  .fep_left {
      max-width: 300px;
      align-content: center;
  }
  .fep_left, .fep_right{
      flex:1;
  }
  .fep_right {
      background-color: #fff;
      border-radius: 0 8px 8px 0px;
  }
  .fep_close_btn, .sp_close_btn{
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      font-size: 18px;
      font-weight: bold;
  }
  .fep_close_btn img , .sp_close_btn img{
      filter: invert(1);
  }
  .fep_slider_container {
      background-color: #ECEFF180;
        width: 100%;
      max-width: 512px;
        margin: 0 auto;
      height:430px;
      max-height: 430px;
      min-height: 430px;
  }
  .fep_slider_container ul {
    margin: 0;
    padding: 0;
  }
  
  .fep_slider_container .fep_layout {
        width: 100%;
      margin: 0px;
      height: 430px;
      position: relative;
      max-height: 430px;
      min-height: 430px;
      justify-items: center;
  }
  .fep_slider_container .fep_layout a {
    color: #666;
  }
  
  .fep_slider_container .fep_slide {
    display: none;
  }
  .fep_slider_container .fep_slide li {
    list-style: none;
  }
  .fep_slider_container .slide.slick-initialized {
    display: block;
  }
  
  .fep_slider_container .slick-dots {
    margin-top: 5px;
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
  }
  .fep_slider{
      height: 400px;
      max-height: 400px;
      min-height: 400px;
      width:280px;
  }
  .fep_slider_container .slick-dots li {
      display: inline-block;
      width: 90px;
      height: 90px;
      min-width: 90px;
      align-content: center;
      list-style: none outside none;
      background-color: #fff;
      border-radius: 8px;
  }
  .fep_slider_container .slick-prev:before, .fep_slider_container .slick-next:before{
      display:none;
  }
  .fep_slider_container .slick-dots li img {
    height: auto;
    width: 100%;
    cursor: pointer;
    opacity: 0.5;
  }
  .fep_slider_container .slick-dots li.slick-active img {
    cursor: default;
    opacity: 1;
  }
  
  .fep_slider_container .slick-prev,
  .fep_slider_container .slick-next {
    margin: -50px 0 0;
    z-index: 99;
    position: absolute;
    top: 50%;
  }
  .fep_slider_container .slick-prev {
    left: -50px;
  }
  .fep_slider_container .slick-next {
    right: -50px;
  }
  .fep_slider_container .fep_slider .slick-slide{
      margin-top:54px;
  }
  
  .fep_slider_container .icon {
      display: flex;
      height: 40px;
      width: 40px;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      border-radius: 50%;
      border: 1.5px solid #312217;
  }
  .fep_slider_container .icon img {
      height: 16px;
  }
  .fep_slider_container .icon__cnt {
    height: 100%;
    width: 100%;
  }
  .fep_slider_container .slick-arrow.slick-disabled{
      pointer-events:none;
  }
  .fep_slider_container .slick-arrow.slick-disabled .icon {
      border: 1.5px solid #ccc;
  }
  .fep_slider_container .slick-arrow.slick-disabled img{
      filter: opacity(0.5);
  }
  .l_l_heading_mobile, .mob_filter_btn_block, .mobile_filter_popup_heading, .mf_clear_apply_block{
      display:none;
  }
  .l_l_heading_desktop{
      display:block;
      font-size: 52px;
      color: #292929;
      font-weight: 500;
      line-height:78px;
      letter-spacing: -2px;
  }
  .locations_not_found {
      border: 1px solid #DCDCDC;
      border-radius: 12px;
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 12px;
  }
  .lnf_heading {
      font-size: 18px;
      font-weight: 600;
      color: #3D3D3D;
  }
  .lnf_text {
      font-size: 14px;
      color: #3D3D3D;
  }
  
  @media only screen and (max-width: 1063px) {
      .location_listing_page {
          padding: 0px 16px;
      }
      .location_main_block {
          flex-direction: column;
      }
      .l_l_heading_mobile{
          display:block;
          font-weight: 700;
          font-size: 24px;
          line-height: 29px;
          color:#292929;
      }
      .l_l_heading_desktop, .location_filters_block, .filters_header_block, .bnm_left{
          display:none;
      }
      .l_l_header_block {
          display: flex;
          justify-content: space-between;
      }
      .mob_filter_btn_block{
          display:flex;
          border: 1px solid #DCDCDC;
          border-radius: 8px;
          min-width: 80px;
          height: 40px;
          padding: 4px 8px 4px 12px;
          gap: 10px;
          cursor: pointer;
      }
      .mob_filter_heading {
          line-height: 29px;
          font-size: 18px;
          font-weight: 500;
          color: #215628;
      }
      .mob_filter_img_block {
          width: 20px;
          height: 20px;
          align-self: center;
      }
      .facility_image_container {
          min-height: 132px;
      }
      .facility_image_container, .facility_info_block{
          min-width: 100%;
      }
      img.facility_main_img {
          max-height: 132px;
          height:auto;
          position-area: center;
      }
      .facility_discount_price_block, .facility_discount_price {
          font-size: 20px;
          line-height:24px;
      }
      .facility_original_price_block, .facility_original_price {
          font-size: 12px;
          line-height: 18px;
      }
      .facility_book_btn {
          font-size: 14px;
          line-height: 21px;
      }
      .facility_discount_tag, .facility_discount_percent {
          font-size: 12px !important;
      }
      .facility_discount_tag{
          padding: 3px 5px;
          top: 10px;
      }
      .facility_quick_view{
          right: 6px;
          top: 8px;
      }
      .facility_title_block, .facility_features_block {
          gap: 8px;
      }
      .facility_info_block {
          padding: 12px;
          gap: 12px;
      }
      .facility_eye_popup .facility_info_block {
          padding: 20px;
      }
      .facility_info_row{
          flex-flow: wrap;
      }
      .facility_area_w_l.unit_title {
          font-size: 14px;
          line-height: 21px;
      }
      .facility_eye_popup .facility_area_w_l.unit_title {
          font-size: 18px;
          line-height: 27px;
      }
      .facility_info_content, .facility_area{
          line-height:18px;
      }
      .facility_discounted_note, .discountSaving {
          font-size: 12px;
      }
      .facility_feature_item{
          gap:8px;
      }
      .facility_eye_popup_inner {
          width: 96%;
          flex-direction: column-reverse;
          max-height: 96%;
          height: 96vh;
      }
      .fep_slider{
          height: 200px;
          max-height: 200px;
          min-height: 200px;
          width:280px;
      }
      .fep_slider_container,.fep_slider_container .fep_layout {
          width: 100%;
          max-width: 100%;
          height:300px;
          max-height: 300px;
          min-height: 300px;
      }
      .fep_left{
          max-width: 100%;
          align-content: flex-start;
      }
      .fep_right, .fep_slider_container {
          border-radius: 12px 12px 0px 0px;
      }
      .fep_right{
          max-height:300px;
      }
      .fep_slider_container .fep_slider .slick-slide {
          margin-top: 0px;
      }
      .fep_slider_container .slick-prev {
          left: -18px;
      }
      .fep_slider_container .slick-next {
          right: 10px;
      }
      .fep_slider_container .slick-prev, .fep_slider_container .slick-next {
          margin: -10px 0 0;
      }
      .fep_slider_container .slick-dots li {
          display: inline-block;
          width: 63px;
          height: 63px;
          min-width: 63px;
          border-radius: 8px;
      }
      .fep_slider_container .slick-dots {
          position: static;
      }
      #location_units_items {
          gap: 10px;
      }
      .location_unit_item {
          width: 48%;
          min-width: 155.5px;
          max-width: 100%;
      }
      .location_filters_block{
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.6);
          justify-content: center;
          overflow: auto;
          z-index: 9999999999;
          max-width: 100%;
          align-items: flex-end;
      }
      .location_filters_block .location_filters_inner{
          width: 100%;
          min-width: 190px;
          display: flex;
          flex-direction: column;
          gap: 24px;
          background-color: #fff;
          max-width: 333px;
          height: 100%;
          padding: 16px;
          overflow: auto;
          scrollbar-width: none;
      }
      .facility_filters_sorting_block{
          background-color: #fff;
          padding: 16px;
          position: relative;
      }
      .filters_body_block {
          padding: 0px;
      }
      .bookNowModel {
          width: 95%;
      }
      .bnm_right {
          border-radius: 8px;
      }
      .bnm_form_row {
          flex-direction: column;
          gap: 20px;
      }
      .bnm_title {
          padding-left: 5px;
      }
      .bnm_form_submit_block {
          flex-direction: column;
          margin-top: 20px;
          gap: 10px;
      }
      .mobile_filter_popup_heading {
          display: flex;
          color: #292929;
          font-weight: 800;
          font-size: 24px;
          line-height: 29px;
      }
      .bnm_form_submit_btn {
          width: 50%;
          min-width: 120px;
      } 
      .filter_open_footer{
          position: relative;
          z-index: 0;
      }
      .filter_open_dmm{
          z-index:1;
      }
      .mf_clear_apply_block {
          display: flex;
          border-top: 1px solid #DCDCDC;
          padding: 12px 0px;
          gap: 12px;
          margin-top: 24px;
          position: sticky;
          bottom: 0;
          z-index: 10;
          background: white;
      }
      .mf_clear_btn, .mf_apply_btn {
          flex: 1;
          text-align: center;
          padding: 8px 16px;
          border-radius: 8px;
          font-weight: 700;
          font-size: 14px;
          cursor: pointer;
      }
      .mf_clear_btn {
          background: #EFEFEF;
          color: #464646;
      }
      .mf_apply_btn {
          background: #215628;
          color: #ffffff;
      }
  
  }
  
/* Fallback: two per row down to very small phones */
@media only screen and (max-width: 479px) {
    .location_unit_item {
      flex: 1 1 48% !important;   /* two per row */
      min-width: auto !important;  /* allow it to shrink below 260px */
    }
  }
  
  @media only screen and (max-width: 355px) {
      #location_units_items {
          gap: 5px;
      }
      .location_unit_item {
          width: 100%;
          min-width: 100%;
          margin-bottom: 5px;
      }
      img.facility_main_img {
          max-height: 100%;
          position-area: center;
      }
      .facility_image_container {
          max-height: 220px;
          min-height: 180px;
      }
  }
  
  /* 3) the magic “filler” flex-item */
#location_units_items::after {
  content: "";
  flex: 1 1 auto;   /* eat whatever leftover space there is */
  width: 0;         /* don’t force a new line */
  height: 0;        /* invisible */
}

/* Load More Units button */
.slc-load-more-btn {
    border-width: 1px !important;
    border-color: #312217;
    border-style: solid;
    border-radius: 4px;
    padding: 10px 18px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: 'Plus Jakarta Sans', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #FFFFFF;
    color: #312217;
    cursor: pointer;

    /* Align to the right */
    display: inline-block;
    margin-top: 20px;
    float: right;
}

/* Clear float so layout below doesn't break */
.location_units_list_main::after {
    content: "";
    display: block;
    clear: both;
}
.slc-load-more-btn:hover {
    background-color: #312217;
    color: #fff;
}
.facility_image_inner { padding-right: 48px; }
.facility_discount_tag { font-size:12px; }