.hotel-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:24px 0}
.hotel-search{min-width:250px;max-width:540px;flex:1 1 320px;padding:15px 18px;border:1px solid #c9d6e2;border-radius:12px;font:inherit;background:white;color:#142b45}
.hotel-info{color:#6b7684;font-size:14px}
.hotel-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.hcard{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e9ef;border-radius:17px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 8px 25px rgba(10,37,65,.05)}
.hcard img{height:185px;width:100%;object-fit:cover;display:block}
.hcard .hplaceholder{height:185px;background:linear-gradient(135deg,#153d66,#37617c);display:flex;align-items:center;justify-content:center;color:#e1e9f0;text-transform:uppercase;font-size:12px;letter-spacing:.15em;text-align:center;padding:18px}
.hbody{padding:20px;display:flex;flex-direction:column;flex:1;gap:8px}.hbody strong{font-size:18px;line-height:1.3}.hbody p{margin:0;color:#65768a;font-size:13px;line-height:1.5}.htop{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#e77224;font-weight:700}.hgo{color:#d76418;font-weight:700;font-size:14px;margin-top:auto;padding-top:8px}
.hotel-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:38px;margin-top:27px}.hotel-layout h2{font-size:25px;margin:12px 0}.hotel-layout p{line-height:1.75}.hotel-aside{border:1px solid #dce5ed;border-radius:16px;padding:24px;background:#f7fafc;align-self:start}.hotel-aside p{font-size:14px;overflow-wrap:anywhere}.hotel-aside .btn{display:block;text-align:center;margin:12px 0;line-height:1.35}
.hotel-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.hotel-photo-grid figure{margin:0}.hotel-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}.hotel-photo-grid figcaption{font-size:12px;color:#66758a;margin-top:4px}
.hotel-no-photo{padding:24px;background:#eff4f9;border-radius:12px;color:#445d75}.hotel-alert{border-left:4px solid #e8752a;padding:12px 16px;background:#fff7f0;font-size:13px;margin-top:18px}
.hotel-card-hidden{display:none!important}.hotel-breadcrumb{margin-bottom:16px}.hotel-details-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.hotel-details-actions a{border:1px solid #dee5ed;border-radius:9px;padding:12px 17px;text-decoration:none;font-weight:600}
@media(max-width:1050px){.hotel-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.hotel-directory-grid{grid-template-columns:1fr}.hotel-layout{grid-template-columns:1fr}.hotel-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 202 additional hotel listings, 20 per directory page. */
.hotel-directory-grid.hotel-featured-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hotel-featured-grid .hcard img,.hotel-featured-grid .hcard .hplaceholder{height:136px}
.hotel-featured-grid .hbody{padding:13px;gap:7px}
.hotel-featured-grid .hbody strong{font-size:14px}
.hotel-featured-grid .hbody p{font-size:12px;line-height:1.5}
.hotel-featured-grid .hgo{font-size:12px}
.hotel-featured-section{margin:0 0 48px}
.hotel-featured-section h2{margin:0 0 10px;font-size:28px}
.hotel-directory-lead{font-size:14px;color:#62758a;line-height:1.65;max-width:820px}
.hotel-list-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:12px 0 7px}
.hotel-list-heading h2{font-size:29px;margin:0 0 6px}
.hotel-tools{margin:23px 0 27px}
.hotel-tools .btn{border-radius:12px;font:700 14px inherit;cursor:pointer}
.hotel-page-summary{margin:0 0 20px;color:#5e7084;font-weight:600;font-size:13px}
.hotel-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:40px 0 15px}
.hotel-page-numbers{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.hotel-page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:42px;padding:10px 12px;border:1px solid #cddae7;border-radius:10px;color:#163e69;background:#fff;text-decoration:none;font-size:14px;font-weight:750;transition:background .14s ease,color .14s ease}
.hotel-page:hover{background:#e8f1fa;color:#112f55}
.hotel-page.is-active{background:#112f55;color:#fff;border-color:#112f55;pointer-events:none}
.hotel-page-arrow{min-width:108px}
.hotel-page-next{background:#f47721;color:#fff;border-color:#f47721}
.hotel-page-next:hover{background:#de681b;color:#fff}
.hotel-page-disabled{opacity:.45;cursor:default}
.hotel-search-empty{padding:35px;border:1px dashed #cbd8e7;border-radius:12px;color:#52677d;text-align:center}
.hotel-top-link{color:#164878;font-weight:750;font-size:13px;white-space:nowrap}
.hotel-search{max-width:none}
.hotel-tools .hotel-info{min-width:160px}
.hotel-tools input:focus-visible,.hotel-page:focus-visible{outline:3px solid #f47721;outline-offset:2px}
[hidden]{display:none!important}
.home-hotel-promo{background:linear-gradient(112deg,#102d52,#1b4d80);border-radius:21px;padding:33px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;box-shadow:0 18px 35px rgba(14,45,79,.13)}
.home-hotel-promo h3{margin:6px 0 9px;font-size:clamp(22px,2.2vw,29px);color:#fff}
.home-hotel-promo p{color:#dbe7f2;max-width:640px;margin:0;line-height:1.7;font-size:14px}
.home-hotel-promo .btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:1140px){.hotel-directory-grid.hotel-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.hotel-directory-grid.hotel-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hotel-list-heading{display:block}.hotel-page{min-width:35px;min-height:36px;padding:7px 8px;font-size:12px}.hotel-page-arrow{min-width:96px}.hotel-pagination{gap:8px}.home-hotel-promo{flex-direction:column;align-items:flex-start;padding:25px}}
@media(max-width:420px){.hotel-directory-grid.hotel-featured-grid{grid-template-columns:1fr}.hotel-pagination{align-items:stretch}.hotel-page-numbers{order:3;width:100%}}

/* Prominent, consistent hero imagery for the five selected popular hotels. */
 .hotel-featured-grid .hcard img{height:178px;width:100%;object-fit:cover;object-position:center;}
 .popular-hotel-lead{margin:0 0 24px;} .popular-hotel-lead img{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:14px;} .popular-hotel-lead figcaption{font-size:12px;color:#66758a;margin-top:6px;}
 @media(max-width:740px){.hotel-featured-grid .hcard img{height:210px}.popular-hotel-lead img{max-height:300px}}