/* Westfield Hover Scroller */
.whs-wrap { position: relative; width: 100%; }
.whs-viewport { overflow: hidden; width: 100%; }
.whs-track { display: flex; gap: var(--whs-gap, 24px); will-change: transform; }
.whs-card { display: grid; grid-template-columns: 1.2fr 1fr; align-items: stretch; min-width: min(860px, 92vw); height: var(--whs-card-height, 360px); background: #f7f7f7; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.whs-card .whs-media { position: relative; background: #e6f0ec; }
.whs-card .whs-media img { width: 100%; height: 100%; object-fit: cover; display:block; }
.whs-card .whs-content { padding: 24px; display:flex; flex-direction:column; justify-content:center; background:#e89733; color:#111; }
.whs-card h3 { margin: 0 0 12px; line-height: 1.15; font-size: clamp(18px, 2.6vw, 28px); }
.whs-card p { margin: 0 0 16px; font-size: 14px; opacity:.9; }
.whs-btn { display:inline-block; padding:10px 16px; border-radius: 999px; background:#111; color:#fff; text-decoration:none; font-weight:600; width:max-content; }

.whs-nav { position:absolute; top:50%; transform: translateY(-50%); border:none; background:rgba(0,0,0,.6); color:#fff; width:40px;height:40px;border-radius:999px; cursor:pointer; }
.whs-prev{ left:8px; } .whs-next{ right:8px; }

.whs-dots { position:absolute; left:50%; transform:translateX(-50%); bottom:8px; display:flex; gap:8px; }
.whs-dots button{ width:8px;height:8px;border-radius:999px;border:none;background:#d0d0d0; }
.whs-dots button[aria-current="true"]{ background:#111; }

@media (max-width: 920px){
  .whs-card{ grid-template-columns: 1fr; }
}