.featured-listings-carousel { width:100%; max-width:1550px; margin:40px auto; padding:0 20px; }
.featured-title { text-align:center; font-size:2.5rem; margin-bottom:30px; color:#333; }
.featured-slider { position:relative; overflow:hidden; border-radius:12px; }
.featured-track { display:flex; transition:transform .5s ease; gap:20px; }
.featured-card { min-width:350px; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.1); transition:transform .3s ease; }
.featured-card:hover { transform:translateY(-5px); }
.featured-image { position:relative; height:250px; overflow:hidden; }
.featured-image img { width:100%; height:100%; object-fit:cover; }
.available-badge { position:absolute; top:10px; left:10px; background:rgba(0,0,0,0.8); color:#fff; padding:4px 8px; border-radius:4px; font-size:12px; }
.featured-content { padding:16px; }
.featured-content h3 { margin:0 0 8px 0; font-size:18px; color:#0f766e; }
.featured-location { color:#666; margin:0 0 12px 0; font-size:16px; }
.featured-specs { display:flex; gap:15px; margin-bottom:15px; font-size:16px; color:#555; }
.featured-btn { display:inline-block; background:#0ea5a5; color:#fff; padding:8px 16px; border-radius:6px; text-decoration:none; font-weight:600; transition:background .3s; }
.featured-btn:hover { background:#0c8f8f; }
.featured-nav { padding: 0px !important; position:absolute !important; top:50% !important; transform:translateY(-50%) !important; background:rgba(255,255,255,0.9) !important; border:none !important; width:40px !important; height:40px !important; border-radius:50% !important; font-size:20px !important; cursor:pointer !important; box-shadow:0 2px 8px rgba(0,0,0,0.1) !important; text-align:center !important; }
.featured-nav.prev { left:10px; }
.featured-nav.next { right:10px; }
.featured-nav:hover { background:#fff !important; }
/* Featured carousel dots - force visible */
.featured-dots{
  display:flex !important;
  justify-content:center;
  gap:8px;
  margin-top:25px !important;
  position:relative !important;
  z-index:2 !important;
}

.featured-dots .dot{
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  border:0 !important;
  background:#cbd5e1 !important; /* slate-300 */
  cursor:pointer !important;
  padding:0 !important;
  line-height:1 !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset !important;
}

.featured-dots .dot.active{
  background:#0ea5a5 !important; /* teal-500 */
  box-shadow:0 0 0 1px rgba(0,0,0,.12) inset !important;
}

.featured-dots .dot:focus{
  outline:2px solid #0ea5a5 !important;
  outline-offset:2px !important;
}

/* Ensure buttons don't inherit theme button styles */
.featured-dots .dot,
.featured-dots .dot:hover{
  color:transparent !important;
  background-clip:padding-box;
}

/* Position nav arrows above dots */
.featured-listings-carousel .featured-nav{
  z-index:3;
}


    /* per-card mini carousel */
    .featured-card .carousel{ position:relative; overflow:hidden; height: 300px; }
    .featured-card .fi-track{ display:flex; transition:transform .4s ease; height:100%;}
    .featured-card .fi-slide{ min-width:100%; height:100%; position:relative; }
    .featured-card .fi-slide img{ width:100%; height:100%; object-fit:cover; display:block; }
    .featured-card .fi-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: 100000;
    }
    .featured-card .fi-arrow{
      position:absolute; top:50%; transform:translateY(-50%);
      width:34px; height:34px; border-radius:50%; border:0;
      background:rgba(255,255,255,.9); color:#0f172a; cursor:pointer;
      box-shadow:0 2px 8px rgba(0,0,0,.12);
	  text-align: center;
		padding: 0px !important;
    }
    .featured-card .fi-prev{ left:10px; }
    .featured-card .fi-next{ right:10px; }
    .featured-card .fi-dots{ position:absolute; bottom:10px; left:50%; transform:translateX(-50%); display:flex; gap:6px; }
        .featured-card .fi-dot{ width:8px !important; height:8px !important; border-radius:50% !important; border:0 !important; background:rgba(255,255,255,.6) !important; cursor:pointer; padding:0px !important; }
    .featured-card .fi-dot.active{ background:#fff !important; }

    /* Outer featured slider essentials (ensure track/slide spacing) */
    .featured-slider{ position:relative; overflow:hidden; }
    .featured-track{ display:flex; gap:20px; transition:transform .4s ease; }
    .featured-card{ flex:0 0 24%; min-width:280px; background:#fff; border-radius:12px; box-shadow:0 6px 24px rgba(2,6,23,.06); overflow:hidden; }
    .featured-content{ padding:14px 16px 18px; }
    .featured-nav{ position:absolute; top:40%; transform:translateY(-50%); z-index:3; background:#fff; border:1px solid #e5e7eb; width:40px; height:40px; border-radius:999px; cursor:pointer; box-shadow:0 6px 18px rgba(2,6,23,.12); }
    .featured-nav.prev{ left:8px; }
    .featured-nav.next{ right:8px; }

    /* Dots for outer slider */
    .featured-dots{ display:flex; justify-content:center; gap:8px; margin-top:12px; }
    .featured-dots .dot{ width:10px; height:10px; border-radius:999px; border:0; background:#cbd5e1; }
    .featured-dots .dot.active{ background:#0ea5a5; }


