.patient-portal-link { display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:44px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);background:var(--surface);text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap; }
.patient-portal-link svg { width:20px;height:20px;flex:none; }
.site-header>.patient-portal-link { order:3; }
.booking-header:has(.patient-portal-link) { grid-template-columns:minmax(0,1fr) auto auto 44px; }
.booking-header>.patient-portal-link { grid-column:3;grid-row:1; }
.booking-header>[data-session-cart-link] { grid-column:4;grid-row:1; }
.patient-checkout-note { margin:20px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--muted); }
.patient-checkout-note a { color:var(--gold-light);font-weight:700; }
@media(max-width:1450px){.site-header:has(.patient-portal-link)>.nav-toggle{display:block;margin-left:auto}.site-header:has(.patient-portal-link)>.site-nav{position:fixed;inset:var(--header-height) 16px auto 16px;display:grid;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-16px)}.site-header:has(.patient-portal-link)>.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header:has(.patient-portal-link)>.site-nav a{padding:13px 18px;border-bottom:1px solid var(--line)}.site-header:has(.patient-portal-link) .phone-menu{margin:10px 12px 12px;justify-self:stretch}.site-header:has(.patient-portal-link) .phone-menu-panel{position:static;width:100%}}
@media(max-width:700px){.booking-header:has(.patient-portal-link){grid-template-columns:minmax(0,1fr) auto 44px;gap:10px}.booking-header:has(.patient-portal-link)>.booking-nav{grid-column:1/-1;grid-row:2}.booking-header>.patient-portal-link{grid-column:2}.booking-header>[data-session-cart-link]{grid-column:3}.patient-portal-link{padding:8px;font-size:12px;gap:6px}.patient-portal-link svg{width:18px;height:18px}.site-header:has(.patient-portal-link){gap:8px}}
@media(max-width:560px){.site-header:has(.patient-portal-link)>.brand{gap:0}.site-header:has(.patient-portal-link)>.brand .brand-text{display:none}.site-header:has(.patient-portal-link)>.brand .brand-mark{width:44px;height:44px;flex-basis:44px}.site-header:has(.patient-portal-link)>.nav-toggle{margin-left:auto}}