.hero-swiper{position:relative;inset:0;display:block;background:#fff;overflow:hidden}
.hero-swiper-track{position:relative;max-width:1440px;margin:0 auto;padding:8px 24px}
.hero-slide{display:none}
.hero-slide.is-active{display:block}
.hero-slide img{width:100%;height:60vh;min-height:280px;object-fit:cover;border-radius:14px;border:1px solid #e5e5e5;background:#f5f5f5}
.hero-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:9999px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.hero-prev{left:24px}
.hero-next{right:24px}
.hero-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;gap:8px;justify-content:center}
.hero-dot{width:9px;height:9px;border-radius:9999px;background:rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.45)}
.hero-dot.is-active{background:#000}
/* Move info control to the right */
/* Make wrapper non-positioned so the popover can anchor to the hero track */
.hero-desc-pop{position:static}
.hero-desc-pop > .info-btn{position:absolute;top:16px;right:24px}
.info-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:9999px;padding:6px 10px}
.info-icon{width:18px;height:18px}
/* Info popover reduced to 75% of hero size and centered */
.info-popover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:75%;height:75%;min-width:280px;max-width:1200px;max-height:90vh;background:rgba(255,255,255,.94);color:#000;border:1px solid #e5e5e5;border-radius:14px;padding:20px 48px 20px 20px;box-shadow:0 10px 28px rgba(0,0,0,.45);display:none;overflow:auto}
.info-close{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:9999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;line-height:1}
.info-close:hover{background:rgba(255,255,255,.18)}
.info-popover.is-open{display:block}
/* Make the address/stat bar span the full width of the hero-swiper section */
.hero-address-wrap{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;padding:0 24px}
.hero-address-box{backdrop-filter:saturate(140%) blur(6px);background:rgba(15,17,22,.55);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;max-width:none;gap:10px;pointer-events:auto}
.hero-address-text{color:#ffffff!important;font-size:clamp(1.1rem,3vw,1.75rem);font-weight:600;line-height:1.3;width:100%}
.hero-info-list{display:flex;gap:10px;align-items:center;margin-left:0;flex-wrap:wrap;justify-content:center;width:100%}
.hero-info-item{display:inline-flex;gap:6px;align-items:center;background:transparent;border-radius:9999px;padding:4px 10px;color:#e8ecf7}
.hero-info-icon{width:18px;height:18px}