/* Keep the original content and colours; make text and navigation readable. */ #main_MF .wixui-rich-text h1,#main_MF .wixui-rich-text h2,#main_MF .wixui-rich-text h3,#main_MF .wixui-rich-text h4,#main_MF .wixui-rich-text h1 *,#main_MF .wixui-rich-text h2 *,#main_MF .wixui-rich-text h3 *,#main_MF .wixui-rich-text h4 *{font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important;letter-spacing:normal!important;line-height:1.25!important;font-weight:700!important;overflow:visible!important} #main_MF .wixui-rich-text h1{font-size:clamp(30px,4vw,52px)!important}#main_MF .wixui-rich-text h2{font-size:clamp(26px,3vw,38px)!important} #main_MF .expert-header{position:relative;width:100%;height:auto;min-height:0;background:#fff;color:#07377a;z-index:20} #main_MF .expert-header-inner{max-width:1440px;margin:auto;padding:20px 28px;display:flex;align-items:center;gap:26px;flex-wrap:wrap} #main_MF .expert-brand{flex:0 0 200px}#main_MF .expert-brand img{width:200px;height:auto;display:block} #main_MF .expert-desktop-nav{display:flex;align-items:center;flex:1;flex-wrap:wrap;gap:16px 24px} #main_MF .expert-header a{font:16px/1.4 Arial,Helvetica,sans-serif;color:#07377a;text-decoration:none;white-space:nowrap} #main_MF .expert-header a[aria-current]{text-decoration:underline;text-underline-offset:7px} #main_MF .expert-header .expert-my-booking,#main_MF .expert-header .expert-mobile-booking{background:#008342;color:#fff;padding:11px 18px;border-radius:24px;font-weight:700} #main_MF .expert-menu-button,#main_MF .expert-mobile-booking{display:none} #main_MF .appointment-banner{display:block;position:relative;grid-area:auto;width:100%;height:auto;min-height:0;margin:0;background:#083684;color:#fff;padding:56px 24px;text-align:center} #main_MF .appointment-banner-inner{max-width:900px;margin:auto;color:#fff} #main_MF .appointment-banner h2{font:bold clamp(26px,3vw,36px)/1.25 Arial,sans-serif;margin:0 0 18px;color:#fff} #main_MF .appointment-banner p{font:20px/1.55 Arial,sans-serif;margin:22px auto;max-width:800px;color:#fff} #main_MF .appointment-banner a{color:#fff;overflow-wrap:anywhere} #main_MF .appointment-contacts{display:flex;justify-content:center;gap:12px 24px;flex-wrap:wrap} #main_MF .appointment-contacts a{white-space:nowrap;font-weight:700} #main_MF .appointment-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:28px} #main_MF .appointment-actions a{background:#008342;color:#fff;border-radius:30px;padding:14px 26px;text-decoration:none;font:20px/1.4 Arial,sans-serif} #main_MF .expert-illustration-note,#main_MF .expert-illustration-note *{font:14px/1.5 Arial,sans-serif!important} #main_MF .ear-questions{background:#edf5fc;border-left:4px solid #005eb8;border-radius:8px;padding:20px;margin-top:24px;color:#07377a} #main_MF .ear-questions h3{font:bold 22px/1.3 Arial,sans-serif!important;margin:0 0 10px}#main_MF .ear-questions p{font:16px/1.5 Arial,sans-serif;margin-bottom:16px} #main_MF .ear-questions a{display:inline-block;background:#008342;color:white;font:16px/1.4 Arial,sans-serif;padding:10px 15px;border-radius:22px;margin:4px 8px 4px 0;text-decoration:none} #main_MF .comp-munygjoe{min-height:0!important}#main_MF .comp-munygjoe .max-width-container{padding-bottom:24px!important} @media(max-width:1100px){#main_MF .expert-header-inner{padding:16px 20px;gap:18px;flex-wrap:nowrap}#main_MF .expert-brand{flex:1}#main_MF .expert-brand img{width:180px}#main_MF .expert-desktop-nav{display:none}#main_MF .expert-mobile-booking{display:block}#main_MF .expert-menu-button{display:flex;flex-direction:column;gap:6px;background:transparent;border:0;padding:12px;cursor:pointer}#main_MF .expert-menu-button span{height:2px;width:30px;background:#07377a}} @media(max-width:500px){#main_MF .expert-header-inner{padding:14px 12px;gap:8px}#main_MF .expert-brand img{width:140px}#main_MF .expert-header .expert-mobile-booking{font-size:14px;padding:10px 12px}#main_MF .appointment-banner{padding:38px 18px}#main_MF .appointment-banner p{font-size:18px}#main_MF .appointment-contacts a{font-size:clamp(14px,3.8vw,18px)}} @keyframes expert-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:no-preference){.appointment-banner.expert-enter .appointment-banner-inner{animation:expert-enter .65s ease-out both}} #main_MF .appointment-banner-home{grid-area:8/1/9/2} #main_MF .comp-muof9mix{margin-bottom:36px!important} /* Four reassurance points form a compact band rather than a tall empty panel. */ #main_MF .comp-mufu0ux9-container{padding-top:36px!important;padding-bottom:36px!important} #main_MF .comp-mufu0ux9-container > .wixui-rich-text{margin-top:0!important;margin-bottom:0!important} #main_MF .comp-mufu0ux9-container{display:flex!important;flex-wrap:wrap!important;gap:24px!important;padding-left:28px!important;padding-right:28px!important} #main_MF .comp-mufu0ux9-container > .wixui-rich-text{width:calc(25% - 18px)!important;margin:0!important;flex:1 1 200px;grid-area:auto!important;max-height:none!important} @media(max-width:600px){#main_MF .comp-mufu0ux9-container > .wixui-rich-text{flex-basis:100%;width:100%!important}} /* Wix layout containers disable hit testing; custom controls must opt back in. */ #main_MF .expert-header,#main_MF .expert-header *{pointer-events:auto!important} #main_MF .expert-header a,#main_MF .expert-header button{cursor:pointer} #main_MF .expert-header a:focus-visible{outline:3px solid #005eb8;outline-offset:5px;text-decoration:underline;text-underline-offset:7px} #main_MF .appointment-banner,#main_MF .appointment-banner a,#main_MF .ear-questions,#main_MF .ear-questions a{pointer-events:auto!important} #main_MF .expert-about-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;grid-template-rows:auto auto!important;gap:28px 48px!important;padding:48px 28px!important;align-items:start;pointer-events:auto} #main_MF .expert-about-title{grid-column:1/-1} #main_MF .expert-james-portrait{display:block;width:100%;max-width:440px;height:auto;border-radius:12px;opacity:1;visibility:visible;justify-self:center} #main_MF .expert-about-copy{display:flex;flex-direction:column;gap:20px} #main_MF .expert-about-layout .wixui-rich-text{width:100%!important;margin:0!important;grid-area:auto!important;max-height:none!important;min-height:0!important;pointer-events:auto} #main_MF .expert-about-layout p{font:18px/1.6 Arial,Helvetica,sans-serif} #main_MF .expert-about-action a{display:inline-block;background:#008342;color:#fff;padding:14px 26px;border-radius:30px;text-decoration:none;pointer-events:auto;font:18px/1.4 Arial,sans-serif} @media(max-width:700px){#main_MF .expert-about-layout{grid-template-columns:minmax(0,1fr)!important;padding:32px 20px!important;gap:24px!important}#main_MF .expert-james-portrait{max-width:340px}} /* Keep the page, appointment banner and footer in normal document order. */ #main_MF div:has(> .expert-header){display:flex!important;flex-direction:column!important} #main_MF div:has(> .expert-header)>main{display:flex!important;flex-direction:column!important;width:100%;min-width:0} #main_MF div:has(> .expert-header)>main>section{width:100%;flex-shrink:0} #main_MF div:has(> .expert-header)>footer{position:relative!important;grid-area:auto!important;width:100%;flex-shrink:0;order:3} #main_MF a.expert-green-booking{background:#008342!important;color:#fff!important;border:1px solid #008342!important;border-radius:30px!important;padding:14px 26px!important;min-height:50px;font:18px/1.4 Arial,Helvetica,sans-serif!important;text-decoration:none!important;display:inline-flex!important;align-items:center;justify-content:center;pointer-events:auto!important;cursor:pointer} #main_MF a.expert-green-booking:hover{background:#006c36!important;border-color:#006c36!important} #main_MF .comp-mufu0ux9-container{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important;align-items:start} #main_MF .expert-reassurance{color:#07377a;text-align:center;min-width:0} #main_MF .expert-reassurance h3,#main_MF .expert-reassurance p{font:700 18px/1.45 Arial,Helvetica,sans-serif!important;margin:0 0 16px;letter-spacing:normal} #main_MF .expert-reassurance h3{font-size:20px!important} #main_MF .expert-gold-star{color:#d6ad32;font-family:Arial,sans-serif;font-size:22px} @media(max-width:1100px){#main_MF .comp-mufu0ux9-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:600px){#main_MF .comp-mufu0ux9-container{grid-template-columns:minmax(0,1fr)!important}} #main_MF #comp-mufu6314{background:#008342!important;border-color:#008342!important;color:#fff!important;pointer-events:auto!important} #main_MF #comp-mufu6314 .wixui-button__label{color:#fff!important} #main_MF #comp-mufu6314:hover{background:#006c36!important;border-color:#006c36!important} #main_MF .expert-method{padding:40px 24px;max-width:1160px;margin:auto;color:#07377a;pointer-events:auto} #main_MF .expert-method h1{font:700 clamp(30px,4vw,48px)/1.25 Arial,sans-serif;margin:24px 0} #main_MF .expert-method h2{font:700 24px/1.3 Arial,sans-serif;margin:24px 0 12px} #main_MF .expert-method p{font:18px/1.6 Arial,sans-serif;margin:12px 0 20px} #main_MF .expert-method-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start} #main_MF .expert-method-grid img{width:100%;height:auto;border-radius:16px;background:#f4f8fb} #main_MF .expert-method a{pointer-events:auto;color:#07377a} #main_MF .expert-method .expert-method-button{display:inline-block;padding:14px 24px;background:#008342;color:#fff;border-radius:30px;text-decoration:none;margin:8px 12px 8px 0;font:18px/1.4 Arial,sans-serif} #main_MF .expert-method .expert-method-source{font-size:14px} @media(max-width:700px){#main_MF .expert-method-grid{grid-template-columns:1fr;gap:16px}#main_MF .expert-method-button{width:100%;text-align:center}} /* Keep the shared appointment banner inside narrow phone screens. */ #main_MF .appointment-banner,#main_MF .appointment-banner *{box-sizing:border-box;min-width:0} #main_MF .appointment-banner{max-width:100vw;align-self:stretch} #main_MF .appointment-banner-inner{width:100%;max-width:900px} #main_MF .appointment-banner h2,#main_MF .appointment-banner p{width:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere} @media(max-width:600px){#main_MF .appointment-banner{width:100%;padding:34px 20px}#main_MF .appointment-banner h2{font-size:28px;line-height:1.3}#main_MF .appointment-banner p{font-size:18px;line-height:1.6}#main_MF .appointment-contacts{flex-direction:column;align-items:center;gap:10px}#main_MF .appointment-contacts a{white-space:normal;font-size:clamp(14px,4vw,18px);max-width:100%}#main_MF .appointment-actions{flex-direction:column;align-items:center;gap:14px}#main_MF .appointment-actions a{width:100%;max-width:340px;font-size:18px;text-align:center;padding:14px 18px}} /* Natural height sections eliminate empty columns and decorative separators. */ #main_MF .expert-visit-layout,#main_MF .expert-ear-reset{display:block!important;grid-template-rows:none!important;min-height:0!important;height:auto!important;padding:40px 24px!important;box-sizing:border-box;width:100%!important;max-width:1160px;margin:auto!important} #main_MF #comp-mufu0uy2,#main_MF #comp-muof5dqc,#main_MF #comp-muof5dq6{min-height:0!important;height:auto!important} #main_MF .expert-visit-heading{text-align:center;margin-bottom:28px;color:#083b85} #main_MF .expert-visit-heading h2,#main_MF .expert-visit-heading h3{font:700 28px/1.3 Arial,sans-serif;margin:0 0 12px} #main_MF .expert-visit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #main_MF .expert-visit-cards article{background:#edf5fc;border-radius:16px;padding:24px;color:#083b85} #main_MF .expert-visit-number{color:#bc9020;font:700 36px/1.2 Arial,sans-serif} #main_MF .expert-visit-cards h3{font:700 21px/1.3 Arial,sans-serif;margin:16px 0 12px} #main_MF .expert-visit-cards p{font:18px/1.6 Arial,sans-serif;margin:0} #main_MF .expert-ear-flow{color:#083b85;font:18px/1.6 Arial,sans-serif;pointer-events:auto} #main_MF .expert-ear-flow h1{font:700 clamp(30px,4vw,48px)/1.25 Arial,sans-serif;margin:0 0 24px} #main_MF .expert-ear-flow h2{font:700 28px/1.3 Arial,sans-serif;margin:32px 0 16px} #main_MF .expert-ear-flow p{margin:12px 0 20px} #main_MF .expert-ear-anatomy{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin:28px 0} #main_MF .expert-ear-anatomy img{width:100%;height:auto;border-radius:12px} #main_MF .expert-ear-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0} #main_MF .expert-ear-gallery img{width:100%;height:auto;border-radius:14px} #main_MF .expert-ear-notice{background:#fff4d8;padding:20px;border-radius:12px;font-weight:700} @media(max-width:700px){#main_MF .expert-visit-cards,#main_MF .expert-ear-anatomy,#main_MF .expert-ear-gallery{grid-template-columns:1fr}#main_MF .expert-visit-layout,#main_MF .expert-ear-reset{padding:28px 20px!important}} #main_MF #comp-mufu0tju3{min-height:0!important;height:auto!important} /* Ear care page: carry the site's NHS blue and gold palette through mobile and desktop. */ #main_MF #PAGE_SECTIONSe9z4r{background:linear-gradient(145deg,#07377a 0%,#005eb8 100%)!important;color:#fff!important} #main_MF #PAGE_SECTIONSe9z4r .wixui-rich-text, #main_MF #PAGE_SECTIONSe9z4r .wixui-rich-text p, #main_MF #PAGE_SECTIONSe9z4r .wixui-rich-text strong, #main_MF #PAGE_SECTIONSe9z4r .wixui-rich-text h1, #main_MF #PAGE_SECTIONSe9z4r .wixui-rich-text h2, #main_MF #PAGE_SECTIONSe9z4r .wixui-rich-text h3{color:#fff!important} #main_MF #PAGE_SECTIONSe9z4r .wixui-rich-text h1, #main_MF #PAGE_SECTIONSe9z4r .wixui-rich-text h2{ text-decoration-line:underline!important;text-decoration-color:#e2bd4e!important;text-decoration-thickness:3px!important;text-underline-offset:8px!important } #main_MF #PAGE_SECTIONSe9z4r .ear-questions{background:#fff;color:#07377a;border-left:0} #main_MF #PAGE_SECTIONSe9z4r .ear-questions h3, #main_MF #PAGE_SECTIONSe9z4r .ear-questions p{color:#07377a!important} /* Homepage: let each section and its content determine its height on phones and desktop. */ #main_MF #PAGE_SECTIONSc1dmp>section:not(.appointment-banner), #main_MF #PAGE_SECTIONSc1dmp>section:not(.appointment-banner)>.container, #main_MF #PAGE_SECTIONSc1dmp>section:not(.appointment-banner) .max-width-container{height:auto!important;min-height:0!important;max-height:none!important} #main_MF #PAGE_SECTIONSc1dmp .comp-mufu0ux9-container{padding-top:28px!important;padding-bottom:28px!important;row-gap:20px!important} #main_MF #PAGE_SECTIONSc1dmp .expert-reassurance{display:flex!important;flex-direction:column!important;align-items:center;justify-content:flex-start;gap:8px!important;height:auto!important;min-height:0!important;max-height:none!important} #main_MF #PAGE_SECTIONSc1dmp .expert-reassurance h3, #main_MF #PAGE_SECTIONSc1dmp .expert-reassurance p{position:relative!important;inset:auto!important;transform:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important} #main_MF #PAGE_SECTIONSc1dmp .expert-reassurance p{max-width:420px} #main_MF .appointment-banner-bottom{margin-top:0!important;padding-top:44px!important;padding-bottom:44px!important} #main_MF .appointment-banner-bottom h2{margin-top:0!important} @media(max-width:700px){#main_MF #PAGE_SECTIONSc1dmp>section:not(.appointment-banner),#main_MF #PAGE_SECTIONSc1dmp>section:not(.appointment-banner)>.container,#main_MF #PAGE_SECTIONSc1dmp>section:not(.appointment-banner) .max-width-container{min-height:0!important}#main_MF .appointment-banner-bottom{padding:34px 20px!important}} #main_MF #PAGE_SECTIONSe9z4r .expert-ear-flow{color:#fff} #main_MF #PAGE_SECTIONSe9z4r .expert-ear-flow h1,#main_MF #PAGE_SECTIONSe9z4r .expert-ear-flow h2{color:#fff;text-decoration:none!important} #main_MF #PAGE_SECTIONSe9z4r .expert-ear-notice{color:#083b85} /* Ear Care uses normal flow without the legacy white background layer. */ #main_MF #PAGE_SECTIONSe9z4r .expert-ear-section{display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;padding:36px 24px!important;background:transparent!important;grid-area:auto!important} #main_MF .expert-ear-section .expert-ear-flow{max-width:1112px;margin:0 auto;position:relative;visibility:visible;opacity:1} #main_MF .expert-ear-section .expert-ear-flow h1,#main_MF .expert-ear-section .expert-ear-flow h2,#main_MF .expert-ear-section .expert-ear-flow p{position:static!important;height:auto!important;min-height:0!important;opacity:1!important;visibility:visible!important} #main_MF .expert-ear-section .expert-ear-anatomy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start} #main_MF .expert-ear-section .expert-ear-anatomy h2{margin-top:0} #main_MF .expert-ear-section .ear-questions{color:#07377a!important} @media(max-width:700px){#main_MF #PAGE_SECTIONSe9z4r .expert-ear-section{padding:28px 20px!important}#main_MF .expert-ear-section .expert-ear-anatomy{grid-template-columns:minmax(0,1fr)}} /* Keep the complete labelled diagram within the available page width. */ #main_MF #PAGE_SECTIONSe9z4r .expert-ear-flow, #main_MF #PAGE_SECTIONSe9z4r .expert-ear-anatomy, #main_MF #PAGE_SECTIONSe9z4r .expert-ear-anatomy>*{min-width:0;max-width:100%;box-sizing:border-box} #main_MF #PAGE_SECTIONSe9z4r .expert-ear-anatomy>img{display:block;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;object-fit:contain!important;position:static!important} #main_MF #PAGE_SECTIONSe9z4r .ear-questions{border-left:0!important} /* Keep Ear Care content inside its padded section at every screen width. */ #main_MF #PAGE_SECTIONSe9z4r .expert-ear-section{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important} #main_MF .expert-ear-section .expert-ear-flow,#main_MF .expert-ear-section .expert-ear-anatomy,#main_MF .expert-ear-section .expert-ear-gallery{min-width:0;max-width:100%} #main_MF .expert-ear-section .expert-ear-flow p,#main_MF .expert-ear-section .expert-ear-flow h1,#main_MF .expert-ear-section .expert-ear-flow h2{overflow-wrap:break-word} #main_MF .expert-ear-section img{display:block;min-width:0;max-width:100%;height:auto;object-fit:contain;box-sizing:border-box} @media(max-width:700px){#main_MF .expert-ear-section .expert-ear-gallery{grid-template-columns:minmax(0,1fr)}} /* Method pages: responsive text and an equipment-only crop of phone screenshots. */ #main_MF .expert-method{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:1160px!important} #main_MF .expert-method-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)} #main_MF .expert-method-grid>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important} #main_MF .expert-method-grid>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:cover!important;object-position:center!important;background:#fff!important} #main_MF .expert-method p,#main_MF .expert-method h1,#main_MF .expert-method h2{width:auto!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word} #main_MF .expert-method .expert-method-button{box-sizing:border-box;max-width:100%;white-space:normal} @media(max-width:700px){#main_MF .expert-method{padding:28px 20px!important}#main_MF .expert-method-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px}} /* Compact the diagram row and frame the four approved photographs. */ #main_MF .expert-ear-section .expert-ear-anatomy{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:24px;margin:20px 0} #main_MF #PAGE_SECTIONSe9z4r .expert-ear-anatomy>img{max-height:420px!important;object-position:top center!important} #main_MF .expert-ear-section .expert-ear-gallery img{border:2px solid #fff;box-sizing:border-box} @media(max-width:700px){#main_MF .expert-ear-section .expert-ear-anatomy{grid-template-columns:minmax(0,1fr);gap:18px}#main_MF #PAGE_SECTIONSe9z4r .expert-ear-anatomy>img{max-height:none!important}} /* Evidence-based explanation below James’s introduction. */ #main_MF .expert-syringing-explainer{margin-top:28px;max-width:100%;color:#083b85;overflow-wrap:break-word} #main_MF .expert-syringing-explainer h2{font-size:1.5rem;line-height:1.3;margin:0 0 16px;color:inherit} #main_MF .expert-syringing-explainer p{margin:0 0 16px;line-height:1.65} #main_MF .expert-syringing-explainer .expert-guidance-sources{font-size:1rem;line-height:1.5} #main_MF .expert-syringing-explainer a{color:inherit;text-decoration:underline} /* Paint the blue surface on the content section above legacy background layers. */ #main_MF #PAGE_SECTIONSe9z4r #comp-muof5dq6{background:#005eb8!important} #main_MF #comp-muof5dqe{background:#005eb8!important} #main_MF #PAGE_SECTIONSe9z4r .expert-ear-gallery img{border:2px solid #fff;box-sizing:border-box} @media(hover:hover) and (pointer:fine){#main_MF .expert-header a:hover{color:#005eb8}} #main_MF .appointment-banner-inner{animation:none!important;opacity:1!important;transform:none!important} /* Let FAQ answers use their content height after wording updates. */ #main_MF .comp-mukwlhmh-container,#main_MF .comp-mul4au5r-container{grid-template-rows:none!important;grid-auto-rows:auto!important;min-height:0!important;height:auto!important} #main_MF .expert-privacy-link{font:16px/1.5 Arial,sans-serif;margin:0;padding:14px 24px;background:#083684;text-align:center} #main_MF .expert-privacy-link a{color:#fff} /* Visible page links at every width. */ #main_MF .expert-header{border:0!important;border-radius:0!important} #main_MF .expert-header-inner{flex-wrap:wrap!important;gap:14px 24px!important} #main_MF .expert-desktop-nav{display:flex!important;flex-wrap:wrap;min-width:0;gap:8px 22px} #main_MF .expert-header .expert-desktop-nav a{display:inline-flex;align-items:center;min-height:44px;white-space:normal;font-size:16px;font-weight:700;line-height:1.4;padding:6px 0} #main_MF .expert-menu-button,#main_MF .expert-mobile-booking{display:none!important} @media(max-width:1100px){#main_MF .expert-brand{flex:0 0 100%}#main_MF .expert-desktop-nav{flex:0 0 100%;width:100%}} @media(max-width:500px){#main_MF .expert-header-inner{padding:16px!important}#main_MF .expert-brand img{width:175px}#main_MF .expert-desktop-nav{gap:6px 18px}} /* Comfortable spacing for the shared booking button. */ #main_MF .expert-header .expert-desktop-nav a.expert-my-booking{padding:11px 24px;white-space:nowrap;flex-shrink:0;justify-content:center} /* Shared navigation: NHS-blue rounded buttons at every screen width. */ #main_MF .expert-desktop-nav{gap:10px!important;align-items:center!important} #main_MF .expert-header .expert-desktop-nav a{background:#005eb8!important;color:#fff!important;border:2px solid transparent!important;border-radius:999px!important;padding:10px 16px!important;min-height:44px!important;max-width:100%;text-align:center;justify-content:center;text-decoration:none!important;line-height:1.35!important} #main_MF .expert-header .expert-desktop-nav a[aria-current=page]{text-decoration:underline!important;text-decoration-color:#fff!important;text-underline-offset:4px!important;border-color:#07377a!important} #main_MF .expert-header .expert-desktop-nav .expert-my-booking{background:#008342!important;padding:10px 24px!important;min-width:140px;white-space:nowrap!important} /* Keep navigation labels white when hovering or focusing. */ #main_MF .expert-header .expert-desktop-nav a:hover,#main_MF .expert-header .expert-desktop-nav a:focus-visible,#main_MF .expert-header .expert-desktop-nav a:active{color:#fff!important} /* Deliberate two-row navigation: seven main pages, then two centred links. */ #main_MF .expert-desktop-nav{flex-direction:column;align-items:stretch!important} .expert-nav-primary,.expert-nav-secondary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%} .expert-nav-primary a{flex-shrink:1;min-width:0} .expert-nav-secondary{flex-wrap:wrap} @media(max-width:1100px){.expert-nav-primary{flex-wrap:wrap}} /* Centre standalone content and booking buttons consistently. */ #main_MF .comp-munygjp9-container { display: flex !important; flex-direction: column; align-items: center; gap: 24px; padding: 48px 24px !important; } #main_MF .comp-munygjp9-container > * { position: relative !important; margin: 0 auto !important; width: 100% !important; max-width: 800px; height: auto !important; } #main_MF #comp-munyiyy8 { text-align: center !important; } #main_MF #comp-munynldh { text-align: left; } #main_MF .comp-munyqsti-presets-wrapper, #main_MF .comp-mukx98vk-presets-wrapper, #main_MF .comp-mul4fvhr-presets-wrapper, #main_MF .comp-mul96wbe-presets-wrapper { justify-self: center !important; margin-inline: auto !important; width: min(100%, 560px) !important; max-width: 560px !important; } #main_MF .comp-munyqsti-presets-wrapper > a, #main_MF .comp-mukx98vk-presets-wrapper > a, #main_MF .comp-mul4fvhr-presets-wrapper > a, #main_MF .comp-mul96wbe-presets-wrapper > a { width: 100% !important; } #main_MF .comp-munyqsti-presets-wrapper, #main_MF .comp-mukx98vk-presets-wrapper, #main_MF .comp-mul4fvhr-presets-wrapper, #main_MF .comp-mul96wbe-presets-wrapper { min-width: 0 !important; } #main_MF #comp-munyqsti, #main_MF #comp-mukx98vk, #main_MF #comp-mul4fvhr, #main_MF #comp-mul96wbe { min-width: 0 !important; max-width: 100% !important; position: relative !important; left: auto !important; margin: 0 !important; } #main_MF .comp-munyqsti-presets-wrapper, #main_MF .comp-mukx98vk-presets-wrapper, #main_MF .comp-mul4fvhr-presets-wrapper, #main_MF .comp-mul96wbe-presets-wrapper { display: block !important; } /* Compact, centred homepage introduction. */ #main_MF #comp-mufu5ykl { width: min(460px, calc(100% - 32px)) !important; margin: 500px auto 32px !important; justify-self: center !important; } #main_MF #comp-mufu5ylz { width: 100% !important; display: flex !important; flex-direction: column; align-items: center; gap: 12px; padding: 22px !important; box-sizing: border-box; } #main_MF #comp-mufu6090, #main_MF #comp-mufu60mq { width: 100% !important; min-width: 0 !important; margin: 0 !important; height: auto !important; text-align: center !important; } #main_MF #comp-mufu6090 h1 { font-size: 28px !important; line-height: 1.25 !important; } #main_MF #comp-mufu60mq p { font-size: 16px !important; line-height: 1.5 !important; } #main_MF .comp-mufu61n2-presets-wrapper, #main_MF .comp-mufu6314-presets-wrapper { display: block !important; width: 100% !important; } #main_MF #comp-mufu61n2, #main_MF #comp-mufu6314 { width: 100% !important; min-width: 0 !important; height: 44px !important; margin: 0 !important; position: relative !important; } @media(max-width:700px){ #main_MF #comp-mufu5ykl { margin-top: 330px !important; } #main_MF #comp-mufu6090 h1 { font-size: 25px !important; } } /* Keep the whole photograph visible above the compact introduction. */ #main_MF #comp-mufu0uwq > ._backgroundLayer_1xyyz_25 { height: min(74vw, 720px) !important; overflow: hidden; } #main_MF #comp-mufu0uwq > ._backgroundLayer_1xyyz_25 img { object-fit: contain !important; } #main_MF #comp-mufu5ykl { margin-top: calc(min(74vw, 720px) + 24px) !important; }