/* Homepage design update (Oct 2026). Rules sit under body.bp-look2 (added by inc/home-look.php). */
.bp-look2{--bp-d:#4B1D3F;--bp-d2:#5E2450;--bp-a:#D9336A;--bp-ink:#2A1F22;--bp-muted:#7A6B6E;--bp-line:#F0E6DE;--bp-paper:#FBF7F3}

/* Second menu: warm white; icons and underline follow the banner. */
.bp-look2 .bp-strip{background:#FFFBF7;border:1px solid var(--bp-line);border-top:0;border-bottom:3px solid var(--bp-d);box-shadow:0 10px 22px rgba(60,30,30,.10);transition:border-color .6s ease,max-height .22s ease,opacity .18s ease,padding .22s ease}
.bp-look2 .bp-strip>a,.bp-look2 .bp-strip__item>a{color:#3A2A2E}
.bp-look2 .bp-strip>a svg,.bp-look2 .bp-strip__item>a svg{color:var(--bp-d);transition:color .6s ease}
.bp-look2 .bp-strip>a:hover,.bp-look2 .bp-strip>a[aria-current],.bp-look2 .bp-strip__item>a:hover{background:#F6EDE6;color:var(--bp-ink)}
.bp-look2 .bp-strip>a:focus-visible,.bp-look2 .bp-strip__item>a:focus-visible{outline-color:var(--bp-d)}

/* Banner dots */
.bp-look2 .slick-dots li button{background:rgba(255,255,255,.8)}
.bp-look2 .slick-dots li.slick-active button{background:var(--bp-a)}

/* Search band follows the banner. */
.bp-look2 .bp-quick{background:linear-gradient(var(--bp-d),var(--bp-d2));transition:background .6s ease}
.bp-look2 .bp-quick__find button{background:var(--bp-a);border-color:var(--bp-a);transition:background .6s ease}
.bp-look2 .bp-quick__in a b{color:#fff}
.bp-look2 .bp-quick__in a small{color:rgba(255,255,255,.72)}
.bp-look2 .bp-quick__in>a .bp-quick__ic{background:#fff;color:var(--bp-d);box-shadow:none;transition:color .6s ease}

/* Centres of Excellence: two-tone cards, one colour per centre. */
.bp-look2 .bp-coe{background:var(--bp-paper)}
.bp-look2 .bp-coe__header h2{color:var(--bp-ink)}
.bp-look2 .bp-coe__eyebrow{color:#8E1A47;background:rgba(142,26,71,.08)}
.bp-look2 .bp-coe__eyebrow>span{background:#C8173A}
.bp-look2 .bp-coe__card{position:relative;overflow:hidden;border-color:var(--bp-line);box-shadow:0 14px 40px rgba(70,40,40,.08)}
.bp-look2 .bp-coe__card::before{content:"";position:absolute;left:0;right:0;top:0;height:94px;background:linear-gradient(135deg,var(--c1),var(--c2));z-index:0}
.bp-look2 .bp-coe__card--main::before{height:168px}
.bp-look2 .bp-coe__card>*{position:relative;z-index:1}
.bp-look2 .bp-coe__photo{box-shadow:0 10px 24px rgba(40,20,20,.18);background:#fff}
.bp-look2 .bp-coe__card .bp-quick__ic{background:var(--t);color:var(--c1);box-shadow:none}
.bp-look2 .bp-coe__label{color:var(--c1)}
.bp-look2 .bp-coe__name{color:var(--bp-ink)}
.bp-look2 .bp-coe__chips>span{color:#4A3B3E;background:#F7F1EC;border-color:#EADFD6}
.bp-look2 .bp-coe__more{color:var(--c1)}
.bp-look2 .bp-coe__card:hover{border-color:var(--c2);box-shadow:0 22px 56px rgba(70,40,40,.16)}
/* Emergency, Cardiology, Cancer Care, Mother & Child, Eye Care */
.bp-look2 .bp-coe__card--main{--c1:#8E1626;--c2:#C8173A;--t:#FBE3E6}
.bp-look2 .bp-coe__grid>a:nth-child(2){--c1:#6F2125;--c2:#B0305E;--t:#FBE3EA}
.bp-look2 .bp-coe__grid>a:nth-child(3){--c1:#4A2C8F;--c2:#8E3A9C;--t:#EDE6F7}
.bp-look2 .bp-coe__grid>a:nth-child(4){--c1:#8E1A47;--c2:#D9336A;--t:#FBE3EC}
.bp-look2 .bp-coe__grid>a:nth-child(5){--c1:#0E5A5C;--c2:#1E8A8C;--t:#DDF2F0}
@media (max-width:640px){.bp-look2 .bp-coe__card::before{height:110px}.bp-look2 .bp-coe__card--main::before{height:128px}}

/* Specialities: same layout, medical icons, one hover colour each. */
.bp-look2 .bp-spec__intro{background:linear-gradient(150deg,#0F4C3A,#1E8A5A);box-shadow:0 18px 50px rgba(15,76,58,.25);position:relative;overflow:hidden}
.bp-look2 .bp-spec__intro::after{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.07)}
.bp-look2 .bp-spec__intro>*{position:relative;z-index:1}
.bp-look2 .bp-spec__list{border-color:var(--bp-line);box-shadow:0 14px 40px rgba(70,40,40,.08);padding:12px 16px;column-gap:12px}
.bp-look2 .bp-spec__list>a{color:var(--bp-ink);border-bottom:1px solid #F3ECE6;padding:8px 10px 8px 8px;gap:12px;border-radius:12px;font-weight:600}
.bp-look2 .bp-spec__list>a::after{color:#CFC2BA}
.bp-look2 .sp-ic{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
.bp-look2 .sp-ic svg{width:22px;height:22px}
.bp-look2 .bp-spec__list>a:hover{background:var(--c);color:#fff;border-bottom-color:var(--c)}
.bp-look2 .bp-spec__list>a:hover .sp-ic{background:rgba(255,255,255,.2);color:#fff}
.bp-look2 .bp-spec__list>a:hover::after{color:#fff}
@media (max-width:760px){.bp-look2 .bp-spec__list{padding:10px 12px}.bp-look2 .sp-ic{width:30px;height:30px}.bp-look2 .sp-ic svg{width:18px;height:18px}}

/* Why choose us: light aqua, photo on the left, dark text on the right. */
.bp-look2 .bp-why__band{background:linear-gradient(100deg,#DDF2F3 0%,#E6F4F7 50%,#EEF6F9 100%);color:var(--bp-ink);box-shadow:0 24px 60px rgba(60,40,40,.14)}
.bp-look2 .bp-why__photo{right:auto;left:0;width:56%;-webkit-mask-image:linear-gradient(270deg,transparent,#000 45%);mask-image:linear-gradient(270deg,transparent,#000 45%);opacity:1;object-position:55% 40%}
.bp-look2 .bp-why__copy{margin-left:auto;padding:40px 40px 0 0;max-width:580px}
.bp-look2 .bp-why__eyebrow{color:#0E5A5C}
.bp-look2 .bp-why h2{color:var(--bp-ink)}
.bp-look2 .bp-why__copy p{color:#4E3F42}
.bp-look2 .bp-why__list{background:rgba(255,255,255,.78);border-color:#D4E7EA;-webkit-backdrop-filter:none;backdrop-filter:none}
.bp-look2 .bp-why__list li{border-left-color:#D4E7EA}
.bp-look2 .bp-why__ic{background:#DDF2F0;color:#0E5A5C}
.bp-look2 .bp-why__list li>span b{color:var(--bp-ink)}
.bp-look2 .bp-why__list span{color:#6B5B5E}
@media (max-width:900px){.bp-look2 .bp-why__photo{position:relative;width:100%;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}.bp-look2 .bp-why__copy{margin-left:0;padding:0 22px}}

/* Mobile banners (720x796) carry their text at the bottom: keep the slide dots on the photo at the top. */
@media (max-width:820px){.bp-look2 .homeBanner ul.slick-dots{top:12px;bottom:auto;left:50%;transform:translateX(-50%)}}

/* homepage: the second menu bar takes the banner colour */
.home.bp-look2 .bp-strip{background:var(--bp-d);border-color:var(--bp-d);border-bottom-color:color-mix(in srgb,var(--bp-d) 70%,#000);transition:background-color .6s ease,border-color .6s ease,max-height .22s ease,opacity .18s ease,padding .22s ease}
.home.bp-look2 .bp-strip>a,.home.bp-look2 .bp-strip__item>a{color:#fff}
.home.bp-look2 .bp-strip>a svg,.home.bp-look2 .bp-strip__item>a svg{color:rgba(255,255,255,.78)}
.home.bp-look2 .bp-strip>a:hover,.home.bp-look2 .bp-strip>a[aria-current],.home.bp-look2 .bp-strip__item>a:hover,.home.bp-look2 .bp-strip__item.is-open>a{background:rgba(255,255,255,.16);color:#fff}
.home.bp-look2 .bp-strip>a:focus-visible,.home.bp-look2 .bp-strip__item>a:focus-visible{outline-color:#fff}
/* inner pages: second menu bar in a soft logo blue */
body:not(.home).bp-look2 .bp-strip{background:#4A5596;border-color:#4A5596;border-bottom:3px solid #2A3183}
body:not(.home).bp-look2 .bp-strip>a,body:not(.home).bp-look2 .bp-strip__item>a{color:#fff}
body:not(.home).bp-look2 .bp-strip>a svg,body:not(.home).bp-look2 .bp-strip__item>a svg{color:rgba(255,255,255,.75)}
body:not(.home).bp-look2 .bp-strip>a:hover,body:not(.home).bp-look2 .bp-strip>a[aria-current],body:not(.home).bp-look2 .bp-strip__item>a:hover,body:not(.home).bp-look2 .bp-strip__item.is-open>a{background:rgba(255,255,255,.16);color:#fff}
body:not(.home).bp-look2 .bp-strip>a:focus-visible,body:not(.home).bp-look2 .bp-strip__item>a:focus-visible{outline-color:#fff}
/* pages without a banner (Treatments, Specialities, booking…): the navy hero panel is rounded at the top too */
.bp-hub__in,.bp-bk__in,.bp-bf__in{border-radius:28px}
@media (max-width:700px){.bp-hub__in,.bp-bk__in,.bp-bf__in{border-radius:22px}}
/* "Meet the team" doctor cards (inc/team-card.php) */
.bp-tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.bp-tc{display:flex;flex-direction:column;gap:14px;padding:18px 18px 16px;border-radius:18px;background:#fff;border:1px solid #E6EAF3;box-shadow:0 6px 18px rgba(13,30,80,.04);transition:border-color .15s,box-shadow .15s}
.bp-tc:hover{border-color:#C9D3EA;box-shadow:0 12px 28px rgba(13,30,80,.08)}
.bp-tc__who{display:flex;align-items:center;gap:14px;text-decoration:none;color:#1E2B52;min-width:0}
.bp-tc__av{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#EEF2FA;color:#2A3183;font-weight:700;font-size:17px;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #DCE3F2}
.bp-tc__av img{width:100%;height:100%;object-fit:cover}
.bp-tc__nm{min-width:0;display:flex;flex-direction:column;gap:3px}
.bp-tc__nm b{font-size:15.5px;line-height:1.3;color:#1E2B52}
.bp-tc__who:hover b{color:#2A3183;text-decoration:underline;text-underline-offset:3px}
.bp-tc__nm small{font-size:12.5px;line-height:1.4;color:#667085;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bp-tc__opd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#F6F8FC}
.bp-tc__wk{display:flex;gap:4px}
.bp-tc__wk i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:#A3ABC0;background:#fff;box-shadow:inset 0 0 0 1px #E2E7F1}
.bp-tc__wk i.is-on{background:#2A3183;color:#fff;box-shadow:none}
.bp-tc__hr{font-size:12.5px;font-weight:600;color:#3D4F7C;white-space:nowrap}
.bp-tc__acts{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.bp-tc__acts a{font-size:13.5px;font-weight:600;color:#2A3183;text-decoration:none}
.bp-tc__acts a:hover{text-decoration:underline;text-underline-offset:3px}
.bp-tc__acts .bp-tc__book{padding:8px 20px;border-radius:999px;border:1.5px solid #2A3183;color:#2A3183}
.bp-tc__acts .bp-tc__book:hover{background:#2A3183;color:#fff;text-decoration:none}
.bp-tc a:focus-visible{outline:2px solid #2A3183;outline-offset:3px;border-radius:10px}
@media (max-width:520px){.bp-tc-grid{grid-template-columns:1fr}.bp-tc__hr{font-size:12px}}
/* team tabs (desktop); phones show every team one after another */
.bp-tc-tabs__bar{display:none}
@media (min-width:761px){
.bp-tc-tabs:not(.is-single) .bp-tc-tabs__bar{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px;padding:6px;border-radius:999px;background:#F1F4FA;width:max-content;max-width:100%}
.bp-tc-tabs__bar button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#3D4F7C;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.bp-tc-tabs__bar button span{font-size:12px;font-weight:700;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:#E2E7F2;color:#3D4F7C}
.bp-tc-tabs__bar button:hover{color:#1E2B52;background:rgba(255,255,255,.6)}
.bp-tc-tabs__bar button[aria-selected=true]{background:#fff;color:#1E2B52;box-shadow:0 2px 8px rgba(13,30,80,.10)}
.bp-tc-tabs__bar button[aria-selected=true] span{background:#2A3183;color:#fff}
.bp-tc-tabs__bar button:focus-visible{outline:2px solid #2A3183;outline-offset:2px}
.bp-tc-tabs:not(.is-single) .bp-tc-panel{display:none}
.bp-tc-tabs:not(.is-single) .bp-tc-panel.is-on{display:block}
.bp-tc-tabs:not(.is-single) .bp-tc-panel>.bp-ht__g{display:none}
}
.bp-tc-panel+.bp-tc-panel{margin-top:22px}
@media (min-width:761px){.bp-tc-tabs:not(.is-single) .bp-tc-panel+.bp-tc-panel{margin-top:0}}