/* Featured homes, right below the home page search bar */
.fh-section{background:#eae7e1;padding:3.5rem 1rem 4.5rem;scroll-margin-top:5rem;position:relative;z-index:1}
.fh-inner{max-width:80rem;margin:0 auto}
.fh-header{text-align:center;max-width:44rem;margin:0 auto 2rem}
.fh-header h2{color:#023e36;font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:700;line-height:1.2;margin-bottom:.6rem}
.fh-header p{color:#4b5563;font-size:1rem;line-height:1.65}
/* Phones: swipe sideways through the homes */
.fh-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem .25rem 1rem;margin:0 -.25rem;-webkit-overflow-scrolling:touch}
.fh-card{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border-radius:1rem;overflow:hidden;text-decoration:none;border:1px solid rgba(2,62,54,.08);box-shadow:0 6px 18px -10px rgba(2,62,54,.25);transition:transform .3s ease,box-shadow .3s ease}
.fh-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px -14px rgba(2,62,54,.35)}
.fh-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#dfdbd3}
.fh-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.fh-card:hover .fh-photo img{transform:scale(1.05)}
.fh-city,.fh-rating{position:absolute;top:.75rem;font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:999px}
.fh-city{left:.75rem;background:rgba(255,255,255,.92);color:#023e36}
.fh-rating{right:.75rem;background:#023e36;color:#fff}
.fh-body{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem 1.15rem;flex:1}
.fh-body h3{color:#023e36;font-weight:600;font-size:1.05rem;line-height:1.3}
.fh-tags{color:#a9824a;font-size:.85rem;font-weight:500}
.fh-meta{color:#6b7280;font-size:.85rem}
.fh-link{margin-top:auto;padding-top:.5rem;color:#023e36;font-weight:600;font-size:.9rem}
.fh-card:hover .fh-link{color:#cda365}
.fh-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}
.fh-btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;border:2px solid #023e36;color:#023e36;transition:background .25s ease,color .25s ease}
.fh-btn:hover{background:#023e36;color:#fff}
.fh-btn--solid{background:#023e36;color:#fff}
.fh-btn--solid:hover{background:#cda365;border-color:#cda365}
@media (min-width:640px){.fh-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,1fr);overflow:visible;padding:0;margin:0;gap:1.25rem}}
@media (min-width:1024px){.fh-grid{grid-template-columns:repeat(4,1fr)}}
/* Shorter hero on larger screens so the first homes peek into view */
@media (min-width:768px){main[data-astro-cid-shwxrd6l].h-screen{height:86vh;min-height:640px}}
