/* Homepage hotel layout from UI/index.html, isolated from legacy hotel styles. */
#page .home-city-hotels{padding:92px 24px;margin:0;background:#fff;font-family:'ZP Poppins',Poppins,sans-serif;color:var(--brand-ink);box-sizing:border-box}
.home-city-hotels-container{max-width:1280px;margin:0 auto}
.home-city-hotels-heading{max-width:672px;margin:0 auto 40px;text-align:center}
#page .home-city-hotels-heading h2{margin:0 0 12px;padding:0;color:var(--brand-ink);font:600 clamp(32px,4.4vw,46px)/1.2 'ZP Poppins',Poppins,sans-serif;letter-spacing:-.025em}
#page .home-city-hotels-heading p{margin:0;color:rgba(var(--brand-ink-rgb),0.549);font:400 16px/1.625 'ZP Poppins',Poppins,sans-serif}
.home-city-hotel-tabs{display:flex;justify-content:flex-start;gap:12px;overflow-x:auto;margin:0 0 36px;padding:0 4px 4px;scrollbar-width:none}
.home-city-hotel-tabs::-webkit-scrollbar{display:none}
#page .home-city-hotel-tabs button{flex-shrink:0;cursor:pointer;white-space:nowrap;margin:0;padding:10px 22px;border:1px solid var(--brand-border);border-radius:999px;background:#fff!important;color:var(--brand-ink);font:500 14px/1.5 'ZP Poppins',Poppins,sans-serif;box-shadow:none;transition:background-color .15s,border-color .15s}
#page .home-city-hotel-tabs button[aria-selected=true]{border-color:var(--brand-accent);background:var(--brand-accent)!important;color:#fff}
.home-city-hotel-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.home-city-hotel-grid[hidden]{display:none!important}
#page .home-city-hotel-card{position:relative;display:flex;flex-direction:column;align-self:stretch;width:100%;border:1px solid var(--brand-border);border-radius:12px;background:#fff;color:var(--brand-ink);text-decoration:none;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}
.home-city-hotel-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(16,16,16,.1)}
.home-city-hotel-photo{position:relative;height:220px;overflow:hidden;border-radius:11px 11px 0 0;background:#f4f4f4}
.home-city-hotel-photo img{display:block;width:100%;height:100%;object-fit:cover}
.home-city-hotel-category,.home-city-hotel-featured{position:absolute;top:12px;padding:6px 12px;border-radius:999px;font:600 11px/1.5 'ZP Poppins',Poppins,sans-serif}
.home-city-hotel-category{left:12px;background:#eef0f3;color:#536173}
.home-city-hotel-category[data-category=deluxe]{background:#fff0c6;color:#946400}
.home-city-hotel-category[data-category=economy]{background:#e7f3eb;color:#0b4a34}
.home-city-hotel-featured{right:12px;background:var(--brand-accent);color:#fff}
.home-city-hotel-body{display:flex;flex-direction:column;gap:4px;padding:18px}
.home-city-hotel-title-row,.home-city-hotel-location-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
#page .home-city-hotel-body h3{min-width:0;margin:0;padding:0;color:var(--brand-ink);font:500 16px/1.5 'ZP Poppins',Poppins,sans-serif;letter-spacing:normal}
.home-city-hotel-rating{display:flex;align-items:center;gap:4px;flex-shrink:0;font:600 12.5px/1.5 'ZP Poppins',Poppins,sans-serif}
.home-city-hotel-rating svg{width:14px;height:14px;fill:var(--brand-accent);stroke:var(--brand-accent);stroke-width:1}
.home-city-hotel-location{min-width:0;color:#8b8b8b;font:400 12.5px/1.5 'ZP Poppins',Poppins,sans-serif;overflow-wrap:anywhere}
.home-city-hotel-distance{flex-shrink:0;max-width:58%;padding:4px 10px;border-radius:999px;background:#f1f6f3;color:#0b4a34;font:500 11px/1.5 'ZP Poppins',Poppins,sans-serif;text-align:center}
#page .home-city-hotel-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:6px 0 0;color:#8b8b8b;font:400 12px/1.625 'ZP Poppins',Poppins,sans-serif}
.home-city-hotels-more{margin-top:34px;text-align:center}
#page .home-city-hotels-more a,.home-city-hotels-empty a{display:inline-block;min-height:50px;box-sizing:border-box;padding:14px 26px;border:1px solid var(--brand-border);border-radius:12px;color:var(--brand-ink);background:#fff;text-decoration:none;font:500 14px/1.5 'ZP Poppins',Poppins,sans-serif}
#page .home-city-hotels-more a:hover,.home-city-hotels-empty a:hover{border-color:var(--brand-accent);color:var(--brand-accent)}
.home-city-hotels-empty{width:100%;padding:48px 24px;text-align:center;border:1px solid var(--brand-border);border-radius:12px}
#page .home-city-hotels-empty h3{margin:0 0 12px;font:500 22px/1.4 'ZP Poppins',Poppins,sans-serif}
#page .home-city-hotels-empty p{margin:0 0 20px;font:400 14px/1.625 'ZP Poppins',Poppins,sans-serif;color:#8b8b8b}
.home-city-hotels :is(a,button,[role=tabpanel]):focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}
@media(min-width:640px){#page .home-city-hotel-card{width:calc(50% - 11px)}}
@media(min-width:768px){.home-city-hotel-tabs{justify-content:center;flex-wrap:wrap}}
@media(min-width:1024px){#page .home-city-hotel-card{width:calc(33.333333% - 14.666667px)}}
@media(prefers-reduced-motion:reduce){.home-city-hotel-card,.home-city-hotel-tabs button{transition:none}}