/* Patient-facing layout, 2026-09. Loaded after legacy Bootstrap/template styles. */
/* Bootstrap clearfix pseudo-elements must not occupy grid/flex tracks. */
.ep-public .container.ep-quick::before,.ep-public .container.ep-quick::after,
.ep-public .container.ep-about::before,.ep-public .container.ep-about::after,
.ep-public .container.ep-booking-layout::before,.ep-public .container.ep-booking-layout::after,
.ep-public .container.ep-nav-inner::before,.ep-public .container.ep-nav-inner::after,
.ep-public .container.ep-topbar::before,.ep-public .container.ep-topbar::after{content:none;display:none}
.ep-public{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;color:#173f4c;background:#fff}
.ep-public .container{width:calc(100% - 64px);max-width:1240px}
.ep-public p{font-size:15px;line-height:1.75;color:#526b76}
.ep-public h1,.ep-public h2,.ep-public h3{font-weight:700;letter-spacing:-.6px}
.ep-public h2{font-size:30px;margin:10px 0 16px}
.ep-public section{padding:60px 0}
.ep-public section[id]{scroll-margin-top:100px}
.ep-public .ep-topbar{font-size:13px;padding:9px 15px;color:#46656c}
.ep-public .ep-nav{position:sticky;top:0;box-shadow:0 3px 18px #163f4d08}
.ep-public .ep-nav-inner{min-height:84px;padding-top:12px;padding-bottom:12px}
.ep-public .ep-brand{max-width:320px;font-size:20px;line-height:1.3}
.ep-public .ep-menu{gap:22px}.ep-public .ep-menu>a{font-size:14px;font-weight:600}
.ep-public .ep-menu>a:hover{color:#087e85}.ep-public .ep-menu>a.ep-button:hover{color:white}
.ep-public .ep-button{font-size:15px;padding:13px 20px;min-height:48px;border-radius:10px;gap:12px;line-height:1.4;text-decoration:none}
.ep-public .ep-eyebrow{font-size:11px;letter-spacing:1.7px;line-height:1.5}
.ep-public .ep-hero{padding:46px 0 68px;background:linear-gradient(115deg,#edf7f6 35%,#dff0ed)}
.ep-public .ep-hero-grid{grid-template-columns:1.12fr 1fr;gap:56px}
.ep-public #home h1{font-size:clamp(36px,3.7vw,54px);line-height:1.14;margin:18px 0 20px;max-width:600px}
.ep-public .ep-hero p{font-size:17px;max-width:520px}.ep-public .ep-actions{margin:24px 0 20px;flex-wrap:wrap}
.ep-public .ep-trust{font-size:12px;gap:14px}
.ep-public .ep-hero-photo{background:#ffffff70;border-radius:30px;overflow:hidden;min-height:220px}
.ep-public .ep-hero-photo>img{height:355px;border-radius:30px;object-position:center 20%}
.ep-public .ep-photo-caption{left:18px;right:18px;bottom:18px;border:1px solid #e3efec;padding:16px;box-shadow:0 8px 22px #164c5214}
.ep-public .ep-photo-caption small{font-size:12px}.ep-public .ep-photo-caption strong{font-size:15px}
.ep-public .ep-quick{margin-top:-24px;z-index:1;padding:0;border-color:#d8e7e5;border-radius:16px;overflow:hidden}
.ep-public .ep-quick>a{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:16px;padding:24px;transition:background .15s}
.ep-public .ep-quick>a:hover{background:#f0f8f6;text-decoration:none}
.ep-public .ep-quick h3{font-size:18px;margin:0 0 6px;letter-spacing:-.3px}.ep-public .ep-quick p{font-size:13px;line-height:1.6}
.ep-quick-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#e6f4ef;color:#087e85;font-size:21px}
.ep-public .ep-about{grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.ep-public #about{padding:52px 0;background:#fff}.ep-public .ep-about h2{max-width:470px;margin-bottom:0}
.ep-public .ep-hours{font-size:14px;border-left:3px solid #0d9080;padding:10px 15px;background:#f0f7f5;border-radius:0 8px 8px 0;margin-bottom:0}
.ep-public #team{background:#f5f8fa}.ep-public .ep-section-heading{margin-bottom:24px}.ep-public .ep-section-heading>a{font-size:14px;font-weight:600}
.ep-public .ep-doctor-grid{gap:22px}.ep-public .ep-doctor{display:flex;flex-direction:column;border-color:#dce6e9;box-shadow:0 4px 16px #173f4c05}
.ep-public .ep-doctor>img{height:240px;object-fit:contain;background:linear-gradient(135deg,#e9f3f1,#f5f7fa)}
.ep-public .ep-doctor>div{padding:22px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.ep-public .ep-doctor h3{font-size:19px;margin:10px 0}.ep-public .ep-doctor p:empty{display:none}.ep-public .ep-doctor p{font-size:14px}
.ep-public .ep-doctor a{font-size:14px;margin-top:auto;padding:10px 0;min-height:44px;font-weight:600}
.ep-public .ep-doctor img.ep-image-missing{padding:35px;opacity:.8}
.ep-public .ep-schedule-box{background:#fff;padding:24px}.ep-public .ep-search{margin-bottom:14px}.ep-public .ep-search input{font-size:16px}
.ep-public .ep-schedule-box label{font-size:15px}.ep-public .ep-search-hint{font-size:13px;margin:0 0 18px}
.ep-public .ep-day-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.ep-public .ep-day-filter{border:1px solid #cddfdd;border-radius:20px;padding:9px 15px;min-height:44px;background:#fff;color:#345e67;font-size:13px}
.ep-public .ep-day-filter[aria-pressed=true]{background:#087e85;border-color:#087e85;color:#fff}
.ep-public table th,.ep-public table td{font-size:14px;padding:16px!important;vertical-align:middle!important}
.ep-public .ep-schedule-box .table-responsive{max-height:520px;overflow:auto}.ep-public .ep-schedule-box thead th{position:sticky;top:0;z-index:1}
.ep-public .ep-booking-layout{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:36px}
.ep-public .ep-booking-aside{display:block}.ep-public .ep-booking-aside>img{display:none}
.ep-public .ep-steps{padding:0;list-style:none;counter-reset:visit;margin:24px 0}
.ep-public .ep-steps li{position:relative;padding:0 0 24px 52px;counter-increment:visit;font-size:14px;color:#526b76}
.ep-public .ep-steps li::before{content:counter(visit);position:absolute;left:0;top:0;width:34px;height:34px;display:grid;place-items:center;background:#087e85;color:white;border-radius:50%;font-weight:700}
.ep-public .ep-steps strong{display:block;color:#173f4c;font-size:16px;margin-bottom:4px}
.ep-public .ep-help-card{padding:20px;background:#fff;border:1px solid #d7e8e2;border-radius:12px}
.ep-public .ep-help-card p{margin:5px 0}.ep-public .ep-help-card a{color:#087e85;font-weight:700}
.ep-public #appointment-form{padding:30px;border:1px solid #dce8e4;box-shadow:0 8px 28px #143c4808}
.ep-public #appointment-form h2{margin-bottom:10px}.ep-public .ep-form-intro{font-size:13px;margin-bottom:24px}
.ep-public .ep-form-grid label{font-size:14px}.ep-public .ep-form-grid small{font-size:12px}.ep-public #appointment-form .form-control{font-size:16px;min-height:48px}
.ep-public #booking-status{font-size:14px}.ep-public .ep-form-heading{font-size:16px;font-weight:700;border-bottom:1px solid #e4eeeb;padding:12px 0 10px;margin:0}
.ep-public .ep-faq{background:#fff}.ep-public .ep-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ep-public .ep-faq details{border:1px solid #dce8e5;border-radius:12px;padding:16px 20px;align-self:start}.ep-public .ep-faq summary{cursor:pointer;font-size:15px;font-weight:600;color:#244e59;min-height:28px}.ep-public .ep-faq details p{font-size:14px;margin:12px 0 0}
.ep-public footer{padding:42px 0 24px}.ep-public footer p,.ep-public footer a{font-size:14px}.ep-public .ep-footer-bottom{font-size:12px}
.ep-public .ep-skip-link{position:absolute;top:-100px;left:20px;z-index:50;background:#fff;padding:12px 18px;color:#087e85}.ep-public .ep-skip-link:focus{top:12px}
.ep-public .ep-empty{grid-column:1/-1;padding:24px;background:#fff;border:1px solid #dce8e5;border-radius:12px}
@media(min-width:1600px){.ep-public .container{max-width:1360px}.ep-public .ep-hero-photo>img{height:390px}}
@media(max-width:1100px){.ep-public .ep-menu{gap:13px}.ep-public .ep-menu>a{font-size:13px}.ep-public .ep-brand{font-size:17px;max-width:250px}.ep-public .ep-hero-grid{gap:28px}.ep-public .ep-quick>a{padding:20px;gap:12px}.ep-public .ep-quick h3{font-size:16px}}
@media(max-width:900px){.ep-public .container{width:calc(100% - 40px)}.ep-public .ep-menu{gap:0}.ep-public .ep-menu>a{font-size:15px}.ep-public .ep-booking-layout{grid-template-columns:1fr}.ep-public .ep-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ep-public .ep-steps li{padding-left:44px;padding-bottom:0}.ep-public .ep-about{gap:26px}.ep-public .ep-quick>a{grid-template-columns:1fr}.ep-public .ep-hero-photo>img{height:320px}}
@media(max-width:600px){.ep-public .container{width:calc(100% - 32px);padding-left:0;padding-right:0}.ep-public section{padding:38px 0}.ep-public #about{padding:36px 0}.ep-public .ep-topbar{font-size:11px;gap:12px}.ep-public .ep-nav-inner{min-height:70px}.ep-public .ep-brand{font-size:16px;max-width:72%}.ep-public .ep-brand img{width:36px;height:36px}.ep-public .ep-hero{padding:30px 0 40px}.ep-public .ep-hero-grid{grid-template-columns:1fr;gap:24px}.ep-public #home h1{font-size:36px}.ep-public .ep-hero p{font-size:16px}.ep-public .ep-hero-photo>img{height:260px}.ep-public .ep-quick{margin:16px auto 0;grid-template-columns:1fr}.ep-public .ep-quick>a{grid-template-columns:42px 1fr;padding:18px}.ep-public .ep-quick h3{font-size:17px}.ep-public .ep-about{grid-template-columns:1fr;gap:16px}.ep-public h2{font-size:26px}.ep-public .ep-doctor-grid{grid-template-columns:1fr}.ep-public .ep-doctor>img{height:245px}.ep-public .ep-schedule-box{padding:18px}.ep-public table td,.ep-public table th{font-size:13px;padding:12px!important}.ep-public .ep-steps{grid-template-columns:1fr;gap:18px}.ep-public #appointment-form{padding:22px 16px}.ep-public .ep-faq-grid{grid-template-columns:1fr}.ep-public .ep-footer-grid{gap:20px}.ep-public .ep-photo-caption{padding:12px}.ep-public .ep-photo-caption small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ep-public *{scroll-behavior:auto!important;transition:none!important}}
/* Keep the editorial booking photo available without an oversized sidebar. */
.ep-public .ep-booking-aside>img{display:block;width:100%;height:260px;max-height:none;object-fit:contain;object-position:center;background:#fff;margin-bottom:22px}

/* Consistent anchor offsets and table/form alignment, including legacy styles. */
.ep-public section[id]{scroll-margin-top:calc(var(--ep-nav-height,84px) + 24px)}
.ep-public .ep-schedule-box{text-align:left}
.ep-public .ep-schedule-box th,.ep-public .ep-schedule-box td{text-align:left}
.ep-public .ep-search .ep-button{flex-shrink:0;white-space:nowrap;min-width:120px}
.ep-public .ep-schedule-box .table-responsive{scrollbar-width:thin;scrollbar-color:#9dbfbd #eff6f5}
.ep-public .ep-schedule-box table{width:100%;min-width:640px;margin-bottom:0}
.ep-public .ep-doctor-grid,.ep-public .ep-booking-aside{min-width:0}
@media(max-width:600px){.ep-public .ep-booking-aside>img{height:220px}.ep-public .ep-search .ep-button{width:100%}}