.home-leisure-section{--section-art:url('https://oxdimimenrikuztfwlrx.supabase.co/storage/v1/object/public/catalog-assets/images/50/50bb291dd4a6f4a921fd85e5fb7be047260d2d5bbddad8efffc7c2445c5923f4.webp')}
.leisure-list{display:grid;gap:18px;min-width:0}
.leisure-tools{display:grid;gap:14px;min-width:0}
.leisure-brands{display:flex;flex-wrap:wrap;gap:8px}
.leisure-brands button{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;white-space:normal}
.leisure-brands button[aria-pressed=true]{background:#ff6b1a14;border-color:#ff8a3d80;color:#ffb780}
.leisure-search{display:flex;align-items:center;gap:10px;min-width:0;min-height:50px;padding:0 15px;background:#1b1e24;border:1px solid #ffffff17;border-radius:18px;color:var(--muted)}
.leisure-search:focus-within{border-color:#ff994e99;box-shadow:0 0 0 3px #ff8a3d10}
.leisure-search>.icon{width:19px;height:19px;flex:none}
.leisure-search input{width:100%;min-width:0;min-height:48px;padding:10px 0;color:var(--text);background:none;border:0;font-size:16px;outline:none}
.leisure-search input::placeholder{color:var(--muted)}
.leisure-count,.leisure-empty{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.leisure-empty{padding:22px 0;grid-column:1/-1}
.leisure-activities{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.leisure-activities li{max-width:100%;padding:7px 11px;border:1px solid #ffffff13;border-radius:10px;background:var(--surface-2);color:#d6dae2;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.detail-centre-activities h3{margin:20px 0 12px;font-size:15px;font-weight:600}
.card-cover>img.leisure-logo-cover,.detail-hero>img.leisure-logo-cover,.detail-propose-art>img.leisure-logo-cover{object-fit:contain;padding:24px;background:var(--surface-2)}
.detail-hero>img.leisure-logo-cover{padding:48px}
@media(min-width:900px){.leisure-tools{grid-template-columns:1fr minmax(240px,320px);align-items:center}}
@media(hover:hover) and (pointer:fine){.leisure-brands button:hover{border-color:#ffae7755}}

/* The official white logos need a dark surface in every venue badge. */
.venue-logo.venue-logo-on-dark,.venue-logo.venue-logo-on-dark img{background:var(--surface-2)}
.home-page.home-editorial .top10-rail .card-cover>img.leisure-logo-cover{object-fit:contain;padding:32px}

.detail-centre-activities .leisure-activities li{display:flex;align-items:center;gap:8px}
.detail-centre-activities .leisure-activities .icon{width:21px;height:21px;flex:0 0 21px;color:var(--orange-2)}
.detail-centre-activities .leisure-activities li>span{min-width:0}

/* Full-width banners must paint beyond the section gutters. */
.home-page.home-editorial .home-leisure-section{min-width:0;overflow:visible;content-visibility:visible;contain:none;contain-intrinsic-size:none}
.leisure-brand-select{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:13px}
.leisure-brand-select select{display:block;width:100%;max-width:100%;min-width:0;min-height:48px;border:1px solid #ffffff24;border-radius:14px;padding:10px 12px;background:#1b1e24;color:var(--text);font:inherit;font-size:16px}
.leisure-more{justify-self:center;min-height:48px;margin:4px 0 0}
.leisure-more[hidden]{display:none!important}
.leisure-page>.explore-header{display:grid;gap:12px}
.leisure-page>.explore-header>.text-link{justify-self:start}
.leisure-page>.explore-header>:is(h1,p,.eyebrow){margin:0}

.leisure-activity-price{display:block;margin-top:2px;color:var(--orange-2);font-size:12px;line-height:1.4}
.leisure-price-note{margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.leisure-price-note a{color:var(--orange-2);text-underline-offset:3px}
[data-leisure-status]:empty{display:none}