/* Dr Uzair treatment page fragment — designed for a Kadence Custom HTML block */
.ujp-page{--ujp-paper:#f8f3ec;--ujp-paper2:#f1e6d7;--ujp-card:#fffdf9;--ujp-ink:#1b1b1b;--ujp-muted:#69645e;--ujp-gold:#c9972d;--ujp-gold2:#e8d1a0;--ujp-line:#eadcc7;--ujp-black:#171717;--ujp-green:#1ed760;--ujp-serif:'Cormorant Garamond',Georgia,serif;--ujp-sans:'Inter',Arial,sans-serif;--ujp-container:min(1180px,calc(100% - 40px));--ujp-shadow:0 18px 60px rgba(58,43,25,.08)}
.ujp-page,.ujp-page *{box-sizing:border-box}
.ujp-page{width:100%;margin:0;overflow:hidden;background:var(--ujp-paper);color:var(--ujp-ink);font-family:var(--ujp-sans);font-size:16px;line-height:1.7}
.ujp-page img,.ujp-page video{display:block;max-width:100%}
.ujp-page a{color:inherit;text-decoration:none}
.ujp-container{width:var(--ujp-container);margin-inline:auto}
.ujp-section{padding:66px 0}
.ujp-kicker{display:flex;align-items:center;gap:10px;margin-bottom:13px;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.ujp-kicker:before{content:"";width:34px;height:2px;background:var(--ujp-gold)}
.ujp-title{margin:0;font-family:var(--ujp-serif);font-size:clamp(2rem,3.4vw,3rem);font-weight:600;line-height:1.06;letter-spacing:-.025em}
.ujp-copy{margin:15px 0 0;color:var(--ujp-muted);font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.7}
.ujp-page a.ujp-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:54px!important;padding:12px 24px!important;margin:0!important;border:2px solid var(--ujp-ink)!important;border-radius:999px!important;background:transparent!important;color:var(--ujp-ink)!important;font:700 .95rem/1.2 var(--ujp-sans)!important;letter-spacing:0!important;text-decoration:none!important;text-transform:none!important;box-shadow:none!important;appearance:none!important;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease!important}
.ujp-page a.ujp-button:hover,.ujp-page a.ujp-button:focus{transform:translateY(-2px)!important;background:var(--ujp-ink)!important;color:#fff!important;border-color:var(--ujp-ink)!important}
.ujp-page a.ujp-button--dark{background:var(--ujp-black)!important;border-color:var(--ujp-black)!important;color:#fff!important}
.ujp-page a.ujp-button--wa{background:var(--ujp-green)!important;border-color:var(--ujp-green)!important;color:#fff!important}
.ujp-page a.ujp-button--wa:hover,.ujp-page a.ujp-button--wa:focus{background:#18b954!important;border-color:#18b954!important;color:#fff!important}
.ujp-page .ujp-button__icon{display:block!important;width:20px!important;height:20px!important;min-width:20px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;filter:brightness(0) invert(1)}
.ujp-page .ujp-card__icon{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:#f0dfbd}
.ujp-page .ujp-card__icon img{width:30px;height:30px;object-fit:contain;margin:0}
.ujp-panel{background:var(--ujp-card);border:1px solid var(--ujp-line);border-radius:30px;box-shadow:var(--ujp-shadow)}

.ujp-hero{position:relative;min-height:570px;display:flex;align-items:center;isolation:isolate;background:#2a2723;overflow:hidden}
.ujp-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,14,12,.92) 0%,rgba(16,14,12,.74) 48%,rgba(16,14,12,.24) 78%,rgba(16,14,12,.12) 100%);z-index:-1}
.ujp-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ujp-hero__content{max-width:700px;padding:70px 0;color:#fff}
.ujp-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:17px;color:#ded5c9;font-size:.82rem;font-weight:600}
.ujp-breadcrumb a{color:#fff}
.ujp-hero h1{margin:0;font-family:var(--ujp-serif);font-size:clamp(2.7rem,4.5vw,4rem);font-weight:600;line-height:.98;letter-spacing:-.035em}
.ujp-hero p{max-width:640px;margin:18px 0 0;color:#f1ebe4;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.62}
.ujp-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.ujp-hero__trust{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.ujp-chip{padding:9px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:.78rem;font-weight:700;backdrop-filter:blur(5px)}
.ujp-hero--illustrated{background:linear-gradient(125deg,#211e1b 0%,#4b3823 58%,#a47b2c 100%)}
.ujp-hero__illustration{position:absolute;right:4%;top:50%;width:min(440px,38vw);transform:translateY(-50%);z-index:-1;opacity:.96;filter:drop-shadow(0 28px 35px rgba(0,0,0,.22))}

.ujp-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.ujp-media{overflow:hidden;border:9px solid #fff;border-radius:26px;box-shadow:0 18px 48px rgba(58,43,25,.12);background:#e6ded3}
.ujp-media img,.ujp-media video{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.ujp-media--portrait img{aspect-ratio:4/5;object-position:center 24%}
.ujp-points{display:grid;gap:11px;margin:22px 0 0;padding:0;list-style:none}
.ujp-points li{display:flex;gap:13px;align-items:flex-start;color:#302d2a}
.ujp-check{flex:0 0 24px;width:24px;height:24px;margin-top:2px;border-radius:50%;display:grid;place-items:center;background:#f0dfbd;color:#7e5811;font-weight:800}

.ujp-benefits{background:var(--ujp-paper2);border-top:1px solid #ddc7a5;border-bottom:1px solid #ddc7a5}
.ujp-center{text-align:center;max-width:820px;margin:0 auto}
.ujp-center .ujp-kicker{justify-content:center}
.ujp-center .ujp-copy{margin-left:auto;margin-right:auto}
.ujp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.ujp-card{padding:24px;background:var(--ujp-card);border:1px solid var(--ujp-line);border-radius:27px;box-shadow:0 10px 28px rgba(78,53,28,.07)}
.ujp-card__number{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f0dfbd;color:#79530f;font-family:var(--ujp-serif);font-size:1.55rem;font-weight:700}
.ujp-card h3{margin:16px 0 8px;font-family:var(--ujp-serif);font-size:1.42rem;line-height:1.12}
.ujp-card p{margin:0;color:var(--ujp-muted);font-size:.96rem;line-height:1.72}

.ujp-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.ujp-option{overflow:hidden;background:var(--ujp-card);border:1px solid var(--ujp-line);border-radius:23px;box-shadow:var(--ujp-shadow)}
.ujp-option__visual{aspect-ratio:4/3;background:#eee5d9;overflow:hidden;display:grid;place-items:center}
.ujp-option__visual img{width:100%;height:100%;object-fit:cover}
.ujp-option__visual svg{width:76%;height:76%;max-width:240px;max-height:180px}
.ujp-option__body{padding:20px}
.ujp-option h3{margin:0;font-family:var(--ujp-serif);font-size:1.42rem;line-height:1.12}
.ujp-option p{margin:12px 0 0;color:var(--ujp-muted);font-size:.93rem}

.ujp-process{background:#171717;color:#fff}
.ujp-process .ujp-copy{color:#bcb6af}
.ujp-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:32px}
.ujp-step{position:relative;padding:23px 19px;border:1px solid #3a3733;border-radius:24px;background:#20201f}
.ujp-step span{display:block;color:var(--ujp-gold2);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ujp-step h3{margin:12px 0 8px;font-family:var(--ujp-serif);font-size:1.3rem;line-height:1.08}
.ujp-step p{margin:0;color:#aaa49e;font-size:.9rem;line-height:1.65}

.ujp-consider{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:31px}
.ujp-consider__box{padding:30px;border-radius:25px;border:1px solid var(--ujp-line);background:var(--ujp-card)}
.ujp-consider__box--gold{background:#f3e6cf}
.ujp-consider h3{margin:0;font-family:var(--ujp-serif);font-size:1.65rem}
.ujp-consider ul{margin:17px 0 0;padding-left:20px;color:#4c4741}
.ujp-consider li+li{margin-top:11px}

.ujp-video-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;padding:38px}
.ujp-video{border-radius:26px;overflow:hidden;background:#000;box-shadow:0 18px 45px rgba(0,0,0,.16)}
.ujp-video video{width:100%;max-height:560px;background:#000}

.ujp-faqs{display:grid;gap:11px;margin-top:31px}
.ujp-faq{background:var(--ujp-card);border:1px solid var(--ujp-line);border-radius:20px;overflow:hidden}
.ujp-faq summary{position:relative;cursor:pointer;padding:19px 54px 19px 22px;font-weight:700;list-style:none}
.ujp-faq summary::-webkit-details-marker{display:none}
.ujp-faq summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:#8b651d}
.ujp-faq[open] summary:after{content:"−"}
.ujp-faq p{margin:0;padding:0 22px 20px;color:var(--ujp-muted)}

.ujp-doctor{display:grid;grid-template-columns:235px 1fr;gap:34px;align-items:center;padding:34px}
.ujp-doctor__photo{overflow:hidden;border:10px solid #fff;border-radius:28px;box-shadow:0 14px 36px rgba(58,43,25,.12)}
.ujp-doctor__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 22%}
.ujp-doctor__actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:21px}
.ujp-disclaimer{margin:25px 0 0;padding:17px 20px;border-left:3px solid var(--ujp-gold);background:#f3eadf;color:#665f57;font-size:.86rem;line-height:1.65}

.ujp-related{background:var(--ujp-paper2)}
.ujp-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:28px}
.ujp-related a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--ujp-line);border-radius:20px;font-family:var(--ujp-serif);font-size:1.22rem;font-weight:600;transition:.2s ease}
.ujp-related a:hover{transform:translateY(-3px);border-color:#d4af68}
.ujp-related a span{font-family:var(--ujp-sans);font-size:1.35rem;color:#9b711c}

.ujp-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media(max-width:980px){.ujp-grid,.ujp-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ujp-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ujp-hero__illustration{right:-3%;width:42vw;opacity:.7}}
@media(max-width:760px){
  .ujp-page{--ujp-container:min(100% - 28px,680px)}
  .ujp-section{padding:50px 0}.ujp-title{font-size:clamp(1.95rem,8vw,2.6rem)}
  .ujp-hero{min-height:620px}.ujp-hero:after{background:linear-gradient(0deg,rgba(15,13,11,.94) 0%,rgba(15,13,11,.76) 64%,rgba(15,13,11,.4) 100%)}.ujp-hero__content{padding:190px 0 58px}.ujp-hero h1{font-size:clamp(2.5rem,10vw,3.2rem)}.ujp-hero__actions{flex-direction:column;align-items:stretch}.ujp-page a.ujp-button{width:100%!important}.ujp-hero__illustration{top:18%;right:50%;width:260px;transform:translate(50%,-50%);opacity:.92}
  .ujp-split,.ujp-consider,.ujp-video-wrap{grid-template-columns:1fr}.ujp-split{gap:28px}.ujp-video-wrap{padding:24px 19px}.ujp-grid,.ujp-options-grid,.ujp-process-grid,.ujp-related-grid{grid-template-columns:1fr}.ujp-card{padding:22px}.ujp-process-grid{gap:13px}.ujp-doctor{grid-template-columns:1fr;padding:25px 20px}.ujp-doctor__photo{max-width:300px;margin:auto}.ujp-doctor__actions{flex-direction:column}.ujp-panel{border-radius:24px}
}
@media(prefers-reduced-motion:reduce){.ujp-page *{scroll-behavior:auto!important;transition:none!important}}


/* Real treatment imagery used inside the patient-journey section */
.ujp-process-media{max-width:980px;margin:28px auto 0;overflow:hidden;border:1px solid #3a3733;border-radius:22px;background:#20201f;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.ujp-process-media img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;object-position:center}
.ujp-process-media+.ujp-process-grid{margin-top:18px}
@media(max-width:760px){.ujp-process-media{margin-top:22px;border-radius:18px}.ujp-process-media img{aspect-ratio:4/3}}


/* Prevent Kadence or global theme heading colours overriding dark treatment sections */
.ujp-page .ujp-hero .ujp-hero__content h1{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ujp-page .ujp-hero .ujp-breadcrumb,.ujp-page .ujp-hero .ujp-breadcrumb a{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ujp-page .ujp-hero .ujp-hero__content p{color:#f1ebe4!important;-webkit-text-fill-color:#f1ebe4!important}
.ujp-page .ujp-process .ujp-title,.ujp-page .ujp-process .ujp-step h3{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ujp-page .ujp-process .ujp-kicker,.ujp-page .ujp-process .ujp-step span{color:#e8d1a0!important;-webkit-text-fill-color:#e8d1a0!important}
.ujp-page .ujp-process .ujp-copy,.ujp-page .ujp-process .ujp-step p{color:#bcb6af!important;-webkit-text-fill-color:#bcb6af!important}

/* =========================================================
   Final treatment-page UI/UX pass — v1.2.0
   Standardised type scale, reduced excess spacing, reliable mobile layout.
   ========================================================= */
.ujp-page .ujp-section{padding:58px 0}
.ujp-page .ujp-title{font-size:clamp(2rem,3vw,2.8rem);line-height:1.04}
.ujp-page .ujp-copy{margin-top:13px;line-height:1.66}
.ujp-page .ujp-hero{min-height:520px}
.ujp-page .ujp-hero__content{padding:58px 0}
.ujp-page .ujp-hero h1{font-size:clamp(2.55rem,4vw,3.6rem);line-height:1}
.ujp-page .ujp-hero p{margin-top:15px;line-height:1.58}
.ujp-page .ujp-grid,.ujp-page .ujp-options-grid{margin-top:28px}
.ujp-page .ujp-process-grid{margin-top:28px}
.ujp-page .ujp-card{padding:22px;border-radius:23px}
.ujp-page .ujp-option{border-radius:21px}
.ujp-page .ujp-consider{margin-top:27px}
.ujp-page .ujp-video-wrap{padding:30px}
.ujp-page .ujp-doctor{padding:30px}
.ujp-page .ujp-faqs{margin-top:26px}

@media(max-width:760px){
  .ujp-page{--ujp-container:min(100% - 28px,680px);font-size:15px}
  .ujp-page .ujp-section{padding:42px 0}
  .ujp-page .ujp-title{font-size:clamp(1.85rem,8vw,2.35rem)}
  .ujp-page .ujp-kicker{margin-bottom:10px;font-size:.68rem}
  .ujp-page .ujp-copy{font-size:.98rem;line-height:1.65}
  .ujp-page .ujp-hero{min-height:520px;align-items:flex-end}
  .ujp-page .ujp-hero:after{background:linear-gradient(0deg,rgba(15,13,11,.95) 0%,rgba(15,13,11,.72) 62%,rgba(15,13,11,.28) 100%)}
  .ujp-page .ujp-hero__content{padding:150px 0 42px;max-width:100%}
  .ujp-page .ujp-hero h1{font-size:clamp(2.25rem,10vw,2.95rem);line-height:1}
  .ujp-page .ujp-hero p{font-size:.98rem;line-height:1.55}
  .ujp-page .ujp-hero__actions{margin-top:20px;gap:9px}
  .ujp-page .ujp-hero__trust{margin-top:17px;gap:6px}
  .ujp-page .ujp-chip{padding:7px 10px;font-size:.7rem}
  .ujp-page .ujp-split{gap:24px}
  .ujp-page .ujp-media{border-width:7px;border-radius:21px}
  .ujp-page .ujp-grid,.ujp-page .ujp-options-grid,.ujp-page .ujp-process-grid,.ujp-page .ujp-related-grid{margin-top:23px}
  .ujp-page .ujp-card{padding:19px;border-radius:20px}
  .ujp-page .ujp-card h3,.ujp-page .ujp-option h3{font-size:1.32rem}
  .ujp-page .ujp-option__body{padding:18px}
  .ujp-page .ujp-step{padding:19px 17px;border-radius:20px}
  .ujp-page .ujp-step h3{font-size:1.22rem}
  .ujp-page .ujp-consider{gap:14px;margin-top:23px}.ujp-page .ujp-consider__box{padding:22px 19px}
  .ujp-page .ujp-video-wrap{padding:20px 16px;gap:22px}
  .ujp-page .ujp-faqs{margin-top:22px}.ujp-page .ujp-faq summary{padding:16px 46px 16px 17px}.ujp-page .ujp-faq p,.ujp-page .ujp-faq__answer{padding-left:17px;padding-right:17px}
  .ujp-page .ujp-doctor{padding:22px 18px;gap:22px}.ujp-page .ujp-doctor__photo{max-width:260px;border-width:7px;border-radius:22px}.ujp-page .ujp-disclaimer{margin-top:20px;padding:15px 16px}
  .ujp-page .ujp-related a{padding:16px 17px;border-radius:17px;font-size:1.15rem}
}