/* Inner pages share the homepage's pink, navy and cream palette.
   All hero decoration is drawn in CSS; no clinic photographs are used. */
.clinic-inner {
  --clinic-pink: #b91364;
  --clinic-ink: #281d2c;
  --clinic-navy: #211d3a;
  --clinic-muted: #6f6470;
  --clinic-cream: #fffaf6;
  --clinic-rose: #fff1f7;
  --clinic-line: #eadde3;
  --primary: var(--clinic-pink);
  --primary-color: var(--clinic-pink);
  --font-body: Arial, Helvetica, sans-serif;
  --font-heading: Georgia, 'Times New Roman', serif;
  font-family: var(--font-body);
  color: var(--clinic-ink);
  background: var(--clinic-cream);
  line-height: 1.7;
}
.clinic-inner .container { max-width: 1160px; padding-inline: 28px; }
.clinic-inner > header {
  position: sticky; top: 0; z-index: 100;
  min-height: 0; background: rgba(255,255,255,.98);
  border-bottom: 1px solid var(--clinic-line); box-shadow: none;
}
.clinic-inner .top-bar {
  background: var(--clinic-cream); color: var(--clinic-ink);
  padding: 8px 0; border-bottom: 1px solid var(--clinic-line);
}
.clinic-inner .top-bar a { color: var(--clinic-pink); font-size: .78rem; }
.clinic-inner .main-nav { padding: 13px 0; }
.clinic-inner .nav-wrapper { gap: 20px; align-items: center; }
.clinic-inner .logo img { width: 170px; height: auto; max-height: 68px; object-fit: contain; }
.clinic-inner .nav-links { gap: 20px; }
.clinic-inner .desktop-nav-link { font-family: var(--font-body); color: var(--clinic-ink); font-size: .83rem; font-weight: 600; letter-spacing: 0; }
.clinic-inner .desktop-nav-link:hover, .clinic-inner .desktop-nav-link.active { color: var(--clinic-pink); }
.clinic-inner .desktop-contact-buttons { display: none !important; }
.clinic-inner .mobile-header-buttons { display: none !important; }
.clinic-inner .hamburger { color: var(--clinic-ink); }
.clinic-inner :focus-visible { outline: 3px solid var(--clinic-pink); outline-offset: 4px; }

.clinic-inner .treatments-hero,
.clinic-inner .page-header {
  position: relative; min-height: 0; margin-top: 0 !important; overflow: hidden;
  padding: 64px 0 58px;
  background:
    radial-gradient(ellipse at 97% 6%, #f9d2e3 0, transparent 45%),
    radial-gradient(ellipse at 8% 100%, #f7e8df 0, transparent 44%),
    linear-gradient(125deg, #fffaf6 0, #fff 60%, #fff1f7 100%) !important;
  border-bottom: 1px solid var(--clinic-line);
}
.clinic-inner .treatments-hero-bg,
.clinic-inner .treatments-hero-overlay { display: none !important; background: none !important; }
.clinic-inner .treatments-hero::before,
.clinic-inner .treatments-hero::after,
.clinic-inner .page-header::after { display: none !important; background: none !important; }
.clinic-inner .treatments-hero-content { padding-block: 0; text-align: left; }
.clinic-inner .section-tag {
  padding: 7px 12px; color: var(--clinic-pink) !important;
  background: #fff5f9 !important; border: 1px solid #edd1df !important;
  border-radius: 100px; font: 600 .69rem/1.4 var(--font-body);
  letter-spacing: .1em !important; text-transform: uppercase;
}
.clinic-inner .treatments-hero h1,
.clinic-inner .page-header h1 {
  max-width: 850px; margin: 20px 0 21px;
  font: 500 clamp(2.25rem, 4.7vw, 4.05rem)/1.1 var(--font-heading);
  font-size: clamp(2.25rem, 4.7vw, 4.05rem) !important;
  letter-spacing: -.04em; color: var(--clinic-navy) !important;
}
.clinic-inner .treatments-hero-content > p {
  max-width: 690px; margin: 0;
  font: 400 1.08rem/1.75 var(--font-body);
  color: var(--clinic-muted) !important;
}
.clinic-inner .inner-hero-actions { justify-content: flex-start; margin-top: 26px; }
.clinic-inner .btn {
  min-height: 48px; border-radius: 100px; padding: 13px 22px;
  font: 600 .86rem/1.3 var(--font-body); letter-spacing: 0; text-transform: none;
  box-shadow: none !important; text-align: center;
}
.clinic-inner .btn-primary {
  background: var(--clinic-pink) !important; border-color: var(--clinic-pink) !important;
  color: #fff !important;
}
.clinic-inner .btn-primary:hover { background: #98104f !important; border-color: #98104f !important; }
.clinic-inner .btn-outline, .clinic-inner .btn-white, .clinic-inner .inner-hero-whatsapp {
  background: #fff !important; border: 1px solid #b8a7b1 !important;
  color: var(--clinic-navy) !important;
}
.clinic-inner .btn-outline:hover, .clinic-inner .btn-white:hover, .clinic-inner .inner-hero-whatsapp:hover { background: var(--clinic-rose) !important; }

.clinic-inner .clinic-content {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 24px; align-items: stretch;
  max-width: 1160px !important; padding-block: 44px 64px;
}
.clinic-inner .clinic-content > section {
  min-width: 0; margin: 0 !important; padding: 28px 30px;
  border: 1px solid var(--clinic-line); border-radius: 20px;
  background: #fff; box-shadow: 0 8px 22px #281d2c04;
}
.clinic-inner .clinic-content h2 {
  font: 500 clamp(1.65rem, 2.5vw, 2.15rem)/1.2 var(--font-heading);
  letter-spacing: -.025em; color: var(--clinic-navy);
  margin-bottom: 18px;
}
.clinic-inner .clinic-content p, .clinic-inner .clinic-content li {
  color: #594e59; font: 400 1rem/1.8 var(--font-body);
}
.clinic-inner .clinic-content p:last-child { margin-bottom: 0 !important; }
.clinic-inner .clinic-content ul { list-style: disc; padding-left: 22px !important; }
.clinic-inner .clinic-content li { margin: 7px 0; padding-left: 3px; }
.clinic-inner .clinic-content a:not(.btn) { color: var(--clinic-pink); text-decoration: underline; text-underline-offset: 4px; }
.clinic-inner .clinic-content > section:last-child {
  grid-column: 1/-1; background: var(--clinic-rose);
  padding: 34px 38px; border-color: #e7c9d8;
}
.clinic-inner .clinic-content > section:last-child p { max-width: 730px; }
.clinic-inner .blog-grid {
  grid-column: 1/-1; display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px;
  margin-bottom: 0;
}
.clinic-inner .blog-card {
  min-width: 0; padding: 28px !important; background: #fff;
  border: 1px solid var(--clinic-line); border-radius: 20px;
  box-shadow: none; transform: none; display: flex; flex-direction: column;
}
.clinic-inner .blog-category { align-self: flex-start; color: var(--clinic-pink); background: var(--clinic-rose); border-radius: 30px; padding: 5px 10px; font-size: .7rem; letter-spacing: .04em; margin-bottom: 20px; }
.clinic-inner .blog-card h2 { font-size: 1.9rem; }
.clinic-inner .blog-card h2 a { color: var(--clinic-navy) !important; text-decoration: none !important; }
.clinic-inner .blog-card p { font-size: .94rem; margin-bottom: 24px; }
.clinic-inner .blog-card .read-more-btn { margin-top: auto; font-size: .88rem; font-weight: 600; }
.clinic-inner .legal-container { padding: 44px 24px 70px; }
.clinic-inner .legal-content { padding: 30px; border: 1px solid var(--clinic-line); border-radius: 20px; background: #fff; }
.clinic-inner .legal-content h2 { color: var(--clinic-navy); font-size: 1.85rem; border-color: var(--clinic-line); }

.clinic-inner footer { background: var(--clinic-navy); color: #fff; padding-top: 48px; }
.clinic-inner .footer-brand p,
.clinic-inner .footer-contact p,
.clinic-inner .footer-contact p a,
.clinic-inner .footer-links ul li a,
.clinic-inner .footer-bottom p { color: #ded8e3; }
.clinic-inner footer h4 { color: #fff; }
.clinic-inner .footer-logo { width: 170px; max-height: none; background: #fff; padding: 8px; border-radius: 8px; }
.clinic-inner .social-links a { width: 40px; height: 40px; background: #ffffff0e; border-color: #ffffff35; color: #fff; }
.clinic-inner footer a:hover { color: #ffd0e5; }
.clinic-inner .footer-bottom { border-top-color: #ffffff2e; }

@media (max-width:1100px) {
  .clinic-inner .nav-links { gap: 14px; }
  .clinic-inner .desktop-nav-link { font-size: .76rem; }
  .clinic-inner .desktop-book-btn { display: none !important; }
}
@media (max-width:900px) {
  .clinic-inner .top-bar { display: none; }
  .clinic-inner .main-nav { padding: 12px 0; }
  .clinic-inner .logo img { width: 156px; height: auto !important; }
  .clinic-inner .hamburger { padding: 8px; }
  .clinic-inner .nav-links { background: #fff; color: var(--clinic-ink); }
  .clinic-inner .mobile-menu-links a { color: var(--clinic-ink); font-size: 1rem; padding-block: 14px; border-bottom: 1px solid var(--clinic-line); }
  .clinic-inner .treatments-hero { padding: 44px 0 40px; }
  .clinic-inner .clinic-content { gap: 18px; padding-block: 30px 46px; }
  .clinic-inner .clinic-content > section { padding: 24px; }
}
@media (max-width:680px) {
  .clinic-inner .container { padding-inline: 20px; }
  .clinic-inner .treatments-hero h1, .clinic-inner .page-header h1 { font-size: clamp(2.15rem, 9.5vw, 3rem) !important; }
  .clinic-inner .treatments-hero-content > p { font-size: 1rem; }
  .clinic-inner .clinic-content, .clinic-inner .blog-grid { grid-template-columns: minmax(0,1fr); }
  .clinic-inner .clinic-content > section { border-radius: 16px; padding: 22px; }
  .clinic-inner .clinic-content > section:last-child { padding: 26px 22px; }
  .clinic-inner .clinic-content > section:last-child .btn { width: 100%; }
  .clinic-inner .inner-hero-actions .btn { width: 100%; }
  .clinic-inner .legal-content { padding: 22px; }
  .clinic-inner .footer-top { gap: 30px; }
}
@media (prefers-reduced-motion:reduce) {
  .clinic-inner *, .clinic-inner *::before, .clinic-inner *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

.clinic-inner .page-header{padding:64px 0 58px!important}.clinic-inner .page-header h1{margin-inline:auto}@media(max-width:680px){.clinic-inner .page-header{padding:40px 0 36px!important}}

/* The sticky header occupies its own row; heroes need no fixed-header offset. */
.clinic-inner .blog-hero, .clinic-inner .article-header { margin-top: 0 !important; }
.clinic-inner main, .clinic-inner section, .clinic-inner article { min-width: 0; }
.clinic-inner .clinic-content, .clinic-inner .legal-content { overflow-wrap: anywhere; }
@media (max-width:900px) { .clinic-inner { padding-bottom: 90px; } }