/* Restore original photographic content hidden by the earlier redesign. */
body.clinic-inner .page-title { display:block; padding:0; background:#ed9a82; }
body.clinic-inner .page-title .outer-container { max-width:none; padding:0; }
body.clinic-inner .page-title .image { margin:0; }
body.clinic-inner .page-title .image img { display:block; width:100%; height:auto; }
body.clinic-inner .fullwidth-section-two { display:block; }
.clinic-header .clinic-topbar p { color:#fff8f1; }
.clinic-header .clinic-nav { gap:18px; }
.clinic-header .clinic-nav>a { white-space:nowrap; }
/* Shared brand palette for the public clinic website. */
:root {
  --ink: #26283f;
  --cream: #fcf8f4;
  --mist: #f4eae4;
  --accent: #a85e4d;
  --line: #e6d9d1;
  --brand-indigo: #26283f;
  --brand-indigo-deep: #202236;
  --brand-peach: #e7b7a6;
  --brand-peach-light: #f4d8cb;
  --brand-ivory: #fcf8f4;
}
body.clinic-home, body.clinic-inner { background: var(--cream); color: var(--ink); }
.clinic-home p, .clinic-inner p, .clinic-inner li { color: #68636a; }
.clinic-home h1, .clinic-home h2, .clinic-home h3,
.clinic-inner h1, .clinic-inner h2, .clinic-inner h3, .clinic-inner h4 { color: var(--ink); }
::selection { background: #e7b7a6; color: #202236; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #a85e4d; outline-offset: 4px;
}

/* Light navigation keeps the horizontal logo legible. */
.clinic-header, .skin-story-layout .clinic-header { background: transparent; }
.clinic-nav-wrap, .skin-story-layout .clinic-nav-wrap {
  background: rgba(252,248,244,.96); border: 1px solid #e6d9d1;
  box-shadow: 0 8px 35px rgba(38,40,63,.07);
}
.clinic-brand { background: transparent; }
.clinic-brand img { width: 228px; height: auto; max-height: 70px; }
.clinic-nav { gap: 22px; }
.clinic-nav>a, .skin-story-layout .clinic-nav>a,
.skin-story-layout .clinic-header.is-scrolled .clinic-nav>a { color: var(--ink); }
.clinic-nav>a:hover, .skin-story-layout .clinic-nav>a:hover { color: #a85e4d; }
.clinic-header.is-scrolled, .skin-story-layout .clinic-header.is-scrolled {
  background: rgba(252,248,244,.98); box-shadow: 0 4px 24px rgba(38,40,63,.08);
}
.clinic-nav .clinic-nav-cta, .skin-story-layout .clinic-nav .clinic-nav-cta,
.skin-story-layout .clinic-header.is-scrolled .clinic-nav .clinic-nav-cta {
  background: #26283f; color: #fffaf6; border-radius: 8px;
}
.clinic-menu-toggle span:not(.sr-only),
.skin-story-layout .clinic-menu-toggle span:not(.sr-only),
.skin-story-layout .clinic-header.is-scrolled .clinic-menu-toggle span:not(.sr-only) { background: #26283f; }

/* Soft champagne hero with a restrained photographic treatment. */
.skin-story-layout .ss-hero { background: #f3e3d9; color: var(--ink); }
.skin-story-layout .ss-hero-image { filter: saturate(.58); }
.skin-story-layout .ss-hero .ss-overlay {
  background: linear-gradient(90deg,#fcf8f4 0%,rgba(252,248,244,.99) 32%,rgba(252,248,244,.91) 47%,rgba(252,248,244,.3) 71%,rgba(244,216,203,.12) 100%);
}
.skin-story-layout .ss-hero:after { background: linear-gradient(0deg,#fcf8f4,transparent); height: 110px; }
.skin-story-layout .ss-hero h1>span>b { color: #26283f; text-shadow: none; }
.skin-story-layout .ss-hero h1>span:last-child>b { color: #a85e4d; }
.skin-story-layout .ss-hero-lead { color: #5c5863; opacity: 1; max-width: 570px; }
.skin-story-layout .ss-hero-kicker { color: #875143; background: #fff8f1; border-color: #dcb9a8; }
.skin-story-layout .ss-hero-kicker i { background: #a85e4d; }
.skin-story-layout .ss-call, .skin-story-layout .ss-call strong { color: #26283f; }
.skin-story-layout .ss-call small { color: #68636a; }
.skin-story-layout .ss-call i { color: #875143; border-color: #dcb9a8; background: #fff8f1; }
.skin-story-layout .ss-trust { border-color: #dfcabe; }
.skin-story-layout .ss-trust span { background: rgba(252,248,244,.88); border-color: #dfcabe; color: #514a50; }
.skin-story-layout .ss-scroll-cue { color: #875143; }

/* Consistent action and accent colors across both template generations. */
.ss-button, .skin-story-layout .ss-button-gold, .clinic-btn-primary,
.clinic-btn-dark, .clinic-inner .theme-btn, .clinic-inner .contact-form .submit-btn {
  background: #26283f; color: #fffaf6; box-shadow: none; border-radius: 8px;
}
.ss-button:hover, .skin-story-layout .ss-button-gold:hover,
.clinic-btn-primary:hover, .clinic-inner .theme-btn:hover { background: #a85e4d; color: #fff; }
.ss-kicker { color: #875143; border-color: #ddc4b7; background: #faf0e9; }
.ss-service-card span, .ss-blog-grid span, .ss-feature>b, .ss-fact-grid b,
.ss-checks li:before, .clinic-eyebrow, .clinic-inner .post-meta a { color: #a85e4d !important; }
.ss-slider-hint span { background: linear-gradient(90deg,#a85e4d 40%,#e2d5ce 40%); }
.light-section, .ss-services, .ss-appointment { background: #f4eae4; }
.ss-about, .ss-why, .ss-categories, .ss-blog, .ss-faq, .ss-facts { background: #fcf8f4; }
.ss-service-card, .ss-blog-grid article, .ss-fact-grid article, .ss-category-grid article,
.ss-faq-shell, .ss-form { background: #fffcf9; border-color: #e6d9d1; box-shadow: 0 8px 28px rgba(69,47,40,.04); }
.ss-service-card h3, .ss-blog-grid h3, .ss-category-grid article>span,
.ss-faq-button, .ss-doctor-strip strong { color: #26283f; }
.ss-faq-item, .ss-feature, .ss-doctor-strip { border-color: #e6d9d1; }
.ss-form input, .ss-form textarea { background: #fcf8f4; border-color: #e6d9d1; color: #26283f; }

/* Dark sections are limited to a single warm indigo tone. */
.dark-section, .ss-benefits, .ss-hours, .ss-why-image aside,
.ss-category-grid article.featured { background-color: #26283f; }
.dark-section h2, .dark-section h3, .ss-hours h3, .ss-why-image aside h3,
.ss-category-grid .featured h3 { color: #fff8f1; }
.dark-section p, .ss-hours p, .ss-category-grid .featured p,
.ss-category-grid .featured li { color: #e4dcd8; opacity: 1; }
.dark-section .ss-kicker { background: rgba(244,216,203,.08); border-color: #6a5860; color: #f4d8cb; }
.ss-category-grid .featured>span, .ss-why-image aside i, .ss-stars { color: #e7b7a6; }
.ss-category-grid .featured .ss-button { background: #f4d8cb; color: #26283f; }
.ss-philosophy { background-image: url('../admin/upload/1761817942_clinicnew1.jpeg'); }
.ss-philosophy .ss-overlay { background: linear-gradient(90deg,rgba(38,40,63,.98),rgba(38,40,63,.88) 60%,rgba(38,40,63,.55)); }
.ss-philosophy blockquote { border-color: #e7b7a6; }
.ss-testimonials { background: linear-gradient(90deg,rgba(38,40,63,.35),rgba(38,40,63,.97) 53%),url('../images/resource/uservice3.jpg') center/cover; }

/* Internal pages share the same surfaces and readable accents. */
.clinic-inner .page-breadcrumb { background: #f1e1d7; }
.clinic-inner .page-breadcrumb h2 { color: #26283f; }
.clinic-inner .page-breadcrumb .breadcrumbs li,
.clinic-inner .page-breadcrumb .breadcrumbs li a { color: #875143; }
.clinic-inner .services-block-three .inner-box, .clinic-inner .news-block .inner-box,
.clinic-inner .services-block-three .lower-content, .clinic-inner .news-block .lower-content,
.clinic-inner .contact-address .inner { background: #fffcf9; border-color: #e6d9d1; }
.clinic-inner .services-block-three h3 a, .clinic-inner .news-block h3 a { color: #26283f; }
.clinic-inner .post-date { background: #a85e4d !important; }
.clinic-inner .services-single-section .sidebar-widget { background: #f1e1d7; }
.clinic-inner .appointment-section, .clinic-inner .contact-page-section .form-column>.inner-column { background: #26283f; }
.clinic-inner .contact-page-section .form-column h3,
.clinic-inner .contact-page-section .form-column .title { color: #fff8f1; }
.clinic-inner .contact-form .submit-btn { background: #f4d8cb; color: #26283f; }
.clinic-footer { background: #202236; }
.clinic-footer h3 { color: #f4d8cb; }
.clinic-footer p, .clinic-footer a, .clinic-footer-bottom { color: #d9d2d0; }
.clinic-footer-brand img { background: #fcf8f4; }
.clinic-footer a:hover { color: #f4d8cb; }

/* Match selector specificity of the page typography rules on dark surfaces. */
.clinic-home .dark-section h2, .clinic-home .dark-section h3,
.clinic-home .ss-hours h3, .clinic-home .ss-why-image aside h3,
.clinic-home .ss-category-grid .featured h3,
.clinic-home .clinic-footer h3, .clinic-inner .clinic-footer h3 { color:#fff8f1; }
.clinic-home .dark-section p, .clinic-home .dark-section blockquote,
.clinic-home .dark-section strong, .clinic-home .dark-section small,
.clinic-home .ss-hours p, .clinic-home .ss-hours b,
.clinic-home .ss-category-grid .featured p,
.clinic-home .ss-category-grid .featured li,
.clinic-home .clinic-footer p, .clinic-inner .clinic-footer p,
.clinic-inner .clinic-footer li { color:#eee5df; opacity:1; }
.clinic-home .dark-section .ss-kicker,
.clinic-home .ss-category-grid .featured>span { color:#f4d8cb; }
.clinic-inner .appointment-section h2, .clinic-inner .appointment-section h3,
.clinic-inner .appointment-section p, .clinic-inner .appointment-section label,
.clinic-inner .contact-page-section .form-column label { color:#fff8f1; }
.clinic-home .ss-form label { color:#26283f; }
.clinic-home .ss-form input::placeholder, .clinic-home .ss-form textarea::placeholder,
.clinic-inner .contact-form input::placeholder, .clinic-inner .contact-form textarea::placeholder { color:#68606a; opacity:1; }
.clinic-inner .contact-form input, .clinic-inner .contact-form textarea,
.clinic-inner .contact-form select { background:#fffaf6; color:#26283f; }
.clinic-home .ss-button:hover, .clinic-inner .theme-btn:hover { color:#fffaf6; }
.clinic-home .ss-category-grid .featured .ss-button:hover { background:#fff8f1; color:#26283f; }

@media(max-width:991px) {
  .clinic-nav { background: #fcf8f4; }
  .clinic-brand img { width: 200px; }
  .skin-story-layout .ss-hero .ss-overlay { background: linear-gradient(90deg,rgba(252,248,244,.98),rgba(252,248,244,.92) 58%,rgba(252,248,244,.6)); }
}
@media(max-width:650px) {
  .skin-story-layout .ss-hero .ss-overlay { background: rgba(252,248,244,.91); }
  .skin-story-layout .ss-hero h1 { font-size: clamp(42px,11vw,64px); line-height: 1.02; }
  .clinic-brand img { width: 180px; }
}

/* Lady portrait treatment: retain the existing image without stretching. */
.royal-portrait.royal-lady {
  border-radius: 220px 220px 12px 12px;
  border-color: #bf9a85;
  background: rgba(231,183,166,.06);
  box-shadow: 0 30px 70px rgba(0,0,0,.18);
}
.royal-portrait.royal-lady>img {
  border-radius: 210px 210px 5px 5px;
  object-position: 66% center;
}
.royal-lady .royal-portrait-caption { border-radius: 0 0 5px 5px; }
.royal-lady .royal-portrait-caption strong { font-size: 28px; line-height: 1.25; margin: 10px 0; }

/* Royal editorial composition. */
.royal-hero { background:#202338; padding:195px 0 85px; overflow:hidden; }
.royal-hero-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; align-items:center; }
.royal-eyebrow { display:flex; align-items:center; gap:18px; color:#e4c7ab; font:500 11px/1.5 Poppins,sans-serif; letter-spacing:.2em; margin-bottom:30px; }
.royal-eyebrow:before { content:''; width:40px; height:1px; background:#c6a580; }
.skin-story-layout .royal-hero h1 { font-family:'Playfair Display',Georgia,serif; font-size:clamp(62px,6.5vw,94px); font-weight:400; line-height:1.08; letter-spacing:-.045em; color:#fcf8f1; margin:0 0 28px; }
.royal-hero h1 em { color:#e8b9a4; font-weight:400; }
.skin-story-layout .royal-hero-copy>p { max-width:460px; color:#d4d0d1; font-size:17px; line-height:1.85; margin-bottom:32px; }
.royal-actions { display:flex; align-items:center; gap:25px; flex-wrap:wrap; }
.royal-actions .ss-button { background:#edcfb7; color:#252638; padding:18px 24px; border-radius:2px; }
.royal-actions .ss-button:hover { background:#fff5e9; }
.royal-secondary { color:#f3e5da; font-size:13px; border-bottom:1px solid #8a7974; padding:8px 0; }
.royal-secondary:hover { color:#fff; }
.royal-hero-details { display:flex; flex-wrap:wrap; gap:22px; border-top:1px solid #454351; margin-top:45px; padding-top:24px; color:#c6b5aa; font:400 10px Poppins,sans-serif; letter-spacing:.14em; }
.royal-portrait { position:relative; padding:14px; border:1px solid #7b6862; margin-right:18px; }
.royal-portrait>img { display:block; width:100%; height:580px; object-fit:cover; object-position:center top; background:#e9dace; }
.royal-portrait-caption { position:absolute; bottom:14px; left:14px; right:14px; background:linear-gradient(transparent,rgba(22,24,37,.95)); padding:85px 28px 24px; }
.royal-portrait-caption>span { color:#edcfb7; font-size:10px; letter-spacing:.18em; }
.royal-portrait-caption strong { display:block; color:#fff7ed; font:400 32px/1.5 'Playfair Display',Georgia,serif; }
.skin-story-layout .royal-portrait-caption p { color:#e3d8cf; font-size:12px; margin:0; }
.royal-portrait-label { position:absolute; right:-29px; top:10%; writing-mode:vertical-rl; color:#cab29b; font-size:9px; letter-spacing:.25em; }
.skin-story-layout .ss-copy>h2,.skin-story-layout .ss-section-row h2,.skin-story-layout .ss-centered>h2,.skin-story-layout .ss-benefit-grid>div>h2,.skin-story-layout .ss-philosophy-grid h2,.skin-story-layout .ss-testimonial-box>h2,.skin-story-layout .ss-faq-intro>h2,.skin-story-layout .ss-appointment>.clinic-shell>div>h2,.clinic-inner .section-title h2,.clinic-inner .page-breadcrumb h2 { font-family:'Playfair Display',Georgia,serif; font-size:clamp(38px,4vw,58px); font-weight:400; line-height:1.16; letter-spacing:-.035em; }
.ss-pad { padding:95px 0; }
.ss-kicker { background:transparent; border:0; border-radius:0; padding:0; color:#8e6655; letter-spacing:.18em; font-size:10px; }
.ss-section-row { grid-template-columns:1.15fr 1fr; gap:60px; }
.ss-section-row>div:last-child { flex-direction:column; align-items:flex-start; gap:18px; }
.ss-service-card,.ss-blog-grid article,.ss-fact-grid article,.ss-category-grid article,.ss-faq-shell,.ss-form { border-radius:4px; }
.ss-service-card:nth-child(even),.ss-blog-grid article:nth-child(2),.ss-category-grid article.featured { transform:none; }
.ss-centered { max-width:780px; }
.ss-benefits,.ss-hours,.ss-category-grid article.featured,.ss-why-image aside { background-color:#202338; }
.ss-button { border-radius:3px; }
.clinic-inner .page-breadcrumb { background:#eee2d6; border-bottom:1px solid #dcc7b8; }
.clinic-inner .services-block-three .inner-box,.clinic-inner .news-block .inner-box { border:1px solid #e6d9d1; }
.clinic-footer { border-top:3px solid #ba977d; background:#202338; }
@media(max-width:991px) {
  .royal-hero-grid { gap:35px; grid-template-columns:1fr 1fr; }
  .royal-portrait>img { height:490px; }
  .skin-story-layout .royal-hero h1 { font-size:62px; }
  .ss-section-row { grid-template-columns:1fr; gap:20px; }
}
@media(max-width:650px) {
  .royal-hero { padding:130px 0 55px; }
  .royal-hero-grid { grid-template-columns:1fr; gap:40px; }
  .skin-story-layout .royal-hero h1 { font-size:clamp(54px,15vw,76px); }
  .royal-eyebrow { font-size:9px; gap:12px; }
  .royal-portrait { max-width:440px; margin-right:15px; }
  .royal-portrait>img { height:470px; }
  .royal-hero-details { gap:14px; font-size:9px; }
  .ss-pad { padding:65px 0; }
}