#moveInDate,#moveOutDate{
	position: relative;
} 
#moveInDate::-webkit-datetime-edit-text,
    #moveInDate::-webkit-datetime-edit-month-field,
    #moveInDate::-webkit-datetime-edit-day-field,
    #moveInDate::-webkit-datetime-edit-year-field,
    #moveOutDate::-webkit-datetime-edit-text,
    #moveOutDate::-webkit-datetime-edit-month-field,
    #moveOutDate::-webkit-datetime-edit-day-field,
    #moveOutDate::-webkit-datetime-edit-year-field {
      color: transparent;
    }

    #moveInDate::before {
      content: 'Move-in';
      color: #00000;
      position: absolute;
      left: 14px;
    }

    #moveOutDate::before {
      content: 'Move-out';
      color: #00000;
      position: absolute;
      left: 14px;
    }

    #moveInDate.has-value::-webkit-datetime-edit-text,
    #moveInDate.has-value::-webkit-datetime-edit-month-field,
    #moveInDate.has-value::-webkit-datetime-edit-day-field,
    #moveInDate.has-value::-webkit-datetime-edit-year-field,
    #moveOutDate.has-value::-webkit-datetime-edit-text,
    #moveOutDate.has-value::-webkit-datetime-edit-month-field,
    #moveOutDate.has-value::-webkit-datetime-edit-day-field,
    #moveOutDate.has-value::-webkit-datetime-edit-year-field {
      color: #333;
    }

    #moveInDate.has-value::before,
    #moveOutDate.has-value::before {
      content: '';
    }
.guesty-listings-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}
@media (max-width: 900px){ .guesty-listings-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .guesty-listings-grid { grid-template-columns: 1fr; } }

.guesty-card { border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.06); display:flex; flex-direction:column; }
.gcard-media { position:relative; overflow:hidden; background:#f3f4f6; }

.gcard-badge {position:absolute; left:12px; top:12px;
      background:rgba(255,255,255,0.9); color:#111827;
      padding:6px 12px; border-radius:16px; font:500 12px/1.2 system-ui,-apple-system, Segoe UI, Roboto, sans-serif;
      box-shadow:0 2px 6px rgba(0,0,0,.08);
	  z-index: 1000000;}

.gcarousel { position:relative; width:100%; height:300px; }
.gcarousel-track { display:flex; width:100%; height:100%; transition:transform .35s ease; }
.gslide { min-width:100%; height:100%; }
.gslide img { width:100%; height:100% !important; object-fit:cover; display:block; }

.garrow { position:absolute; top:50%; transform:translateY(-50%); width:35px !important; height:35px !important; border:none; border-radius:50%; background:rgba(0,0,0,.45) !important; color:#fff; cursor:pointer; z-index:3; text-align:center !important; padding: 0px!important; }
.garrow-left { left:10px; }
.garrow-right{ right:10px; }
.garrow:hover { background:rgba(0,0,0,.65) !important; }

.gdots { position:absolute; bottom:10px !important; left:0; right:0; display:flex; justify-content:center; gap:6px; z-index:3; }
.gdot { width:8px !important; height:8px !important; border-radius:50% !important; border:none !important; background:rgba(255,255,255,.6) !important; cursor:pointer !important; padding:0px !important;}
.gdot.active { background:#fff !important; }
.gcard-body { padding:14px 14px 16px; display:flex; flex-direction:column; gap:8px; }
.gcard-title { margin:0; font-size:clamp(22px, calc(1.375rem + ((1vw - 7.68px) * 0.5208)), 30px) !important; font-weight:700; color:#0f766e; }
.gcard-title a { color:inherit; text-decoration:none; }
.gcard-title a:hover { text-decoration:underline; }
.gcard-loc { font-size:16px; color:#64748b; }
.gcard-specs { display:flex; gap:16px; flex-wrap:wrap; color:#0f172a; font-size:16px; }
.gbtn { display:inline-flex; align-items:center; gap:8px; background:#0ea5a5; color:#fff; padding:10px 14px; border-radius:24px; text-decoration:none; font-weight:700; }
.gbtn:hover { background:#0c8f8f; color:#fff; }

.guesty-pagination { text-align:center; margin:30px 0; }
.page-btn { display:inline-block; padding:8px 12px; margin:0 2px; background:#f5f5f5; color:#333; text-decoration:none; border-radius:4px; }
.page-btn:hover, .page-btn.active { background:#0073aa; color:#fff; }

.guesty-search { max-width:1200px; margin:0; padding:20px; background:#f8f9fa; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.search-row { display:flex; flex-wrap: wrap; gap:15px; align-items:center; }
.search-field { padding:12px 15px; border:1px solid #ddd; border-radius:4px; font-size:16px; background:#fff; transition:border-color .3s ease; }
/*.search-row input, select, .search-btn{width:100% !important; max-width: 250px !important;} */
.search-field:focus { outline:none; border-color:#007cba; box-shadow:0 0 0 2px rgba(0,124,186,0.2); }
.search-btn { min-width: 150px !important; padding:12px 30px !important; background:#007cba; color:#fff; border:none; border-radius:4px; font-size:16px; font-weight:600; cursor:pointer; transition:background-color .3s ease; white-space:nowrap; }
.search-btn:hover { background:#005a87; }

@media (max-width: 768px){
  .search-row { display: grid; grid-template-columns: 1fr; gap:10px; }
  .search-btn { width:100%; padding:15px; }
}

@media (min-width: 769px) and (max-width: 1024px){
  .search-row { display: grid; grid-template-columns: 1fr 1fr; gap:12px; }
  .search-btn { grid-column: span 2; }
}