.area-page-main{background:#f7fbfc;min-height:100vh}
.area-page-head{padding:38px 6% 30px;background:white;border-top:1px solid #eef3f5}
.area-page-head .crumb{color:#079c9c;text-decoration:none;font-weight:800}
.area-page-head h1{margin:16px 0 6px;color:#073b68;font-size:clamp(36px,5vw,60px)}
.area-page-head p{margin:0;color:#688295;font-size:18px}
.area-page-grid{max-width:1280px;margin:auto;padding:28px 5% 60px;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}
.area-results h2{color:#073b68;margin-top:0}.area-count{color:#71899a}
.area-list{display:grid;gap:13px;max-height:650px;overflow:auto;padding:3px 7px 3px 2px}
.area-hotel{background:white;border-radius:17px;padding:17px;box-shadow:0 7px 24px rgba(7,59,104,.08);cursor:pointer;border:2px solid transparent}
.area-hotel:hover,.area-hotel.active{border-color:#12a7a7}.area-hotel h3{margin:0 0 6px;color:#073b68;font-size:19px}
.area-hotel p{margin:0;color:#72899a;font-size:13px}.area-hotel a{display:inline-block;margin-top:10px;color:#079c9c;font-weight:800;text-decoration:none}
.area-map{height:650px;border-radius:22px;overflow:hidden;background:#eaf2f3}
@media(max-width:760px){.area-page-head{padding:26px 5% 22px}.area-page-grid{grid-template-columns:1fr;padding:20px 5% 45px}.area-map{height:400px;order:-1}.area-list{max-height:none}}

/* V30 link reliability */
#areas .area{pointer-events:auto!important;cursor:pointer!important;position:relative;z-index:2}
#areas .area::before,#areas .area::after{pointer-events:none!important}

/* V33: area map/list now mirrors landing-page hotel cards and rich popups */
.area-list .hotel-card{margin:0}
.area-list .hotel-card img{width:100%;height:155px;object-fit:cover}
.area-list .hotel-placeholder{height:155px}
.area-map .gm-style-iw-c{max-width:330px!important;border-radius:18px!important;padding:0!important;box-shadow:0 12px 36px rgba(7,42,65,.20)!important}
.area-map .gm-style-iw-d{overflow:auto!important}
@media(max-width:760px){
  .area-list .hotel-card img,.area-list .hotel-placeholder{height:180px}
}