/* Desktop top strip (Simon, 5 Nov 2026): address, referrers, phone. Hidden below 761 px. */
.top-strip{display:none}
@media (min-width:761px){
.top-strip{display:flex;align-items:center;gap:22px;position:relative;z-index:1001;height:36px;box-sizing:border-box;padding:0 28px;background:#183d69;color:#eef2f6;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1;white-space:nowrap;transition:opacity .35s ease,visibility .35s}
.top-strip.ts-hide{opacity:0;visibility:hidden}
.top-strip a{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;border-radius:4px}
.top-strip a:hover,.top-strip a[data-dn-open]{text-decoration:underline;text-underline-offset:3px}
.top-strip a:focus-visible{outline:2px solid #e8c977;outline-offset:3px}
.top-strip svg{width:15px;height:15px;flex:0 0 auto}
.top-strip .ts-push{margin-left:auto}
.top-strip .ts-ref{font-weight:600}
.top-strip .ts-ref span,.top-strip .ts-call{color:#e8c977}
.top-strip .ts-call{font-weight:700;font-variant-numeric:tabular-nums}
.top-strip .ts-sep{width:1px;height:16px;background:rgba(255,255,255,.3)}
body>header[data-site-header=desktop] .clinic-location-trigger,body>header[data-site-header=desktop] a.header-refer-link{display:none!important}
/* pinned only where the live header is pinned (script adds ts-pin); elsewhere it scrolls away with the header */
body.ts-pin .top-strip{position:sticky;top:0}
html body.ts-pin.ts-on>header[data-site-header=desktop]{top:36px!important}
html body.ts-pin>header[data-site-header=desktop]{transition:top .35s ease}
html:has(body.ts-pin.ts-on){scroll-padding-top:132px}
}
@media (min-width:761px) and (max-width:1100px){.top-strip{gap:16px;padding:0 18px;font-size:13px}.top-strip .ts-vei{display:none}}
@media (min-width:761px) and (max-width:900px){.top-strip{gap:12px;padding:0 14px;font-size:12.5px}}
@media (min-width:1101px){html body.home #main#main .cinema{height:calc(100svh - 124px)!important}}
@media (prefers-reduced-motion:reduce){.top-strip,html body>header[data-site-header=desktop]{transition:none!important}}
@media print{.top-strip{display:none!important}}

/* Menu widths (Simon, 5 Nov 2026): with Location and referrers moved to the strip,
   show more of the main menu from 960 px. Measured with at least 28 px clear. */
@media (min-width:960px){
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]{display:flex!important}
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group{display:none!important}
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group:nth-child(-n+2){display:flex!important}
}
@media (min-width:1090px){html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group:nth-child(-n+3){display:flex!important}}
@media (min-width:1190px){html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group:nth-child(-n+4){display:flex!important}}
@media (min-width:1200px){html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group{display:flex!important}}
/* Menu fit (Simon, 5 Nov 2026): show as many main-menu items as fit, with at
   least 24 px clear each side. Below 1250 px use the compact type the live
   menu already uses at 1250 px. Without the script the width rules above apply. */
@media (min-width:761px) and (max-width:1249px){
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]{gap:14px!important}
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group>a{font-size:14px!important}
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group>.nav-arrow{width:24px!important;padding:6px!important}
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group>.nav-arrow svg{width:12px!important;height:12px!important}
}
@media (min-width:761px){
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main].ts-fit{display:flex!important;margin-left:auto!important;margin-right:auto!important;flex:0 1 auto!important}
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main].ts-fit>.nav-group{display:flex!important}
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main].ts-fit>.nav-group.ts-off{display:none!important}
html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main].ts-fit.ts-measure{position:absolute!important;visibility:hidden!important}
}

/* Menu type D (Simon, 5 Nov 2026): the fit script sets --nav-fs to the largest
   menu size (up to 17/18/19 px below 1250/from 1250/from 1600) that keeps as
   many items as 14 px. The fallbacks apply without the script. */
@media (min-width:761px){html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group>a{font-size:var(--nav-fs,14px)!important}}
@media (min-width:1250px){html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group>a{font-size:var(--nav-fs,18px)!important}html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop] .header-actions .pill{font-size:16px!important}}
@media (min-width:1440px){html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop] .header-actions .pill{font-size:17px!important}}
@media (min-width:1600px){html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop]>nav[aria-label=Main]>.nav-group>a{font-size:var(--nav-fs,19px)!important}html:root:root:root:root:root:root:root:root:root:root body>header[data-site-header=desktop] .header-actions .pill{font-size:18px!important}}