.doctors-block-badge,
.services-premium-grid-unique .sp-card-body,
.services-premium-grid-unique .sp-card-body h5,
.services-premium-grid-unique .sp-card-tags {
  text-align: center !important
}

.hero-image-tag-one,
.hero-image-tag-two {
  bottom: 68px !important;
  display: inline-flex !important
}

.navbar>.container {
  min-height: 58px !important
}

.services-premium-grid-unique .service-premium-card:nth-child(4) .sp-card-body h5 {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 10px !important;
  font-family: Montserrat, sans-serif !important
}

.lead-magnet-photo img {
  object-fit: cover !important;
  object-position: center center !important
}

.doctor-block-card,
.doctor-block-card:focus-within,
.doctor-block-card:hover {
  transform: none !important;
  animation: none !important;
  box-shadow: none !important
}

.doctor-block-card-photo::after,
.doctor-block-card-photo::before,
.doctor-block-card::after,
.doctor-block-card::before,
.service-premium-card::before {
  content: none !important
}

.doctor-block-card-photo img,
.doctor-block-card:hover .doctor-block-card-photo img {
  transform: none !important;
  object-fit: cover !important;
  object-position: center top !important
}

.doctor-block-card:focus-within,
.doctor-block-card:hover {
  border-width: .5px !important
}

#navbarNav {
  background-image: none !important
}

[class$="-section"],
[class*="-section "],
body>section {
  border-top: 0 !important;
  border-bottom: 0 !important
}

[class$="-section"]::after,
[class$="-section"]::before,
[class*="-section "]::after,
[class*="-section "]::before,
body>section::after,
body>section::before {
  display: none !important;
  content: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important
}

.btn-services-all-secondary .serenity-roll-char,
.btn-services-all-secondary .serenity-roll-stack,
.btn-services-all-secondary .serenity-roll-text {
  height: auto !important;
  overflow: visible !important;
  text-shadow: none !important;
  display: none !important
}

.doctors-block-header-left h2 {
  text-wrap: normal !important
}

.hero-static-text h1,
.lead-magnet-title {
  text-wrap: balance !important
}

.btn-services-all-secondary,
.btn-services-all-secondary:focus-visible,
.btn-services-all-secondary:hover {
  transform: none !important;
  background: #8e9867 !important;
  color: #fbf9f5 !important;
  animation: none !important
}

.btn-services-all-secondary .serenity-roll-char,
.btn-services-all-secondary .serenity-roll-stack,
.btn-services-all-secondary .serenity-roll-text,
.btn-services-all-secondary.serenity-roll-button {
  animation: none !important;
  transition: none !important;
  transform: none !important
}

.lead-magnet-inner {
  grid-template-columns: minmax(300px, 0.82fr) minmax(520px, 1.18fr) !important;
  gap: clamp(32px, 5vw, 72px) !important
}

.lead-magnet-content {
  order: 1 !important
}

.lead-magnet-content .btn-lead-magnet {
  border: 1px solid rgba(95, 73, 61, .18) !important
}

.lead-magnet-photo img,
.lead-magnet-photo:hover img,
.lead-magnet-section:hover .lead-magnet-photo img {
  object-fit: cover !important;
  object-position: center 42% !important;
  border-radius: 34px !important
}

.doctors-block-header-left h2 span {
  display: inline-block !important;
  white-space: nowrap !important
}

@media (max-width:991px) {
  .lead-magnet-inner {
    grid-template-columns: 1fr !important
  }

  .lead-magnet-content {
    align-items: center !important;
    text-align: center !important
  }

  .lead-magnet-photo {
    width: 100% !important
  }
}

.lead-magnet-section,
.lead-magnet-section .lead-magnet-subtitle,
.lead-magnet-section .lead-magnet-title,
.lead-magnet-section h2,
.lead-magnet-section p {
  color: #201613 !important
}

.lead-magnet-inner {
  grid-template-columns: minmax(460px, 1.18fr) minmax(320px, 0.82fr) !important;
  max-width: 1380px !important;
  margin: 0 auto !important;
  min-height: 560px !important
}

.lead-magnet-photo {
  order: 2 !important;
  aspect-ratio: 16/9 !important;
  overflow: hidden !important;
  min-height: 460px !important;
  order: 1 !important
}

.lead-magnet-content .btn-lead-magnet {
  background: #201613 !important;
  color: #fbf9f5 !important;
  border-color: #201613 !important
}

.lead-magnet-content .btn-lead-magnet:focus-visible,
.lead-magnet-content .btn-lead-magnet:hover {
  background: #5f493d !important;
  color: #fbf9f5 !important;
  border-color: #5f493d !important
}

@media (max-width:991px) {
  .lead-magnet-inner {
    grid-template-columns: 1fr !important;
    min-height: 0 !important
  }

  .lead-magnet-photo {
    min-height: 320px !important
  }
}

.doctors-block-header,
.lead-magnet-inner {
  display: grid !important;
  align-items: center !important
}

.doctor-block-card-photo::after,
.doctor-block-card-photo::before,
.doctor-block-card::after,
.doctor-block-card::before,
.footer::after,
.footer::before,
.service-premium-card::after,
.service-premium-card::before,
.sp-card-img::after,
.sp-card-img::before {
  display: none !important;
  content: none !important
}

.services-premium-grid-unique .sp-card-tags {
  max-width: 100% !important;
  margin: 0 auto !important;
  line-height: 1.7 !important
}

.lead-magnet-inner {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important;
  gap: 48px !important
}

.lead-magnet-content {
  order: 2 !important;
  align-items: flex-start !important
}

.doctors-block-header-left h2 br,
.doctors-block-section::before,
.lead-magnet-section::before {
  display: none !important
}

.doctors-block-header {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 32px !important
}

.doctors-block-header-left,
.doctors-block-header-right {
  display: flex !important;
  align-items: center !important;
  min-height: 100% !important
}

.doctors-block-badge,
.doctors-block-header-left h2,
.doctors-block-header-right {
  margin: 0 !important
}

.doctors-block-header-right {
  justify-content: center !important
}

.doctors-block-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important
}

.btn-hero-primary,
.btn-lead-magnet,
.btn-primary,
.btn-services-all,
.btn.btn-primary,
.cta-form-submit,
.doctor-block-edu-btn,
.lead-popup-btn,
.mobile-menu-booking,
.modal-submit-btn,
.why-consult-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 12px 28px !important;
  border-radius: 999px !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important
}

.doctor-block-edu-btn svg {
  flex-shrink: 0 !important
}

@media (max-width:767px) {
  .services-premium-grid-unique .service-premium-card:nth-child(4) .sp-card-body h5 {
    font-size: 1rem !important
  }

  .doctors-block-header-left h2 span,
  .services-premium-grid-unique .service-premium-card:nth-child(4) .sp-card-body h5 {
    white-space: normal !important
  }
}

.hero-static .hero-side-content,
.hero-static .hero-static-bg,
.hero-static .hero-static-text {
  will-change: transform, opacity !important;
  transition: opacity 950ms var(--hero-reveal-ease), transform 950ms var(--hero-reveal-ease) !important
}

.hero-static .hero-static-text {
  transform: translate3d(-60px, 0, 0) !important
}



.hero-static-text h1 {
  font-family: var(--font-display, "Castoro", "Cormorant Garamond", serif) !important
}

.footer {
  background: var(--s-bg, #fcfaf7) !important;
  color: var(--s-muted, #8d6959) !important;
  padding: clamp(72px, 7vw, 96px) 0 30px !important;
  border-top: 0 !important;
  box-shadow: none !important
}

.footer .container {
  max-width: 1280px !important
}

.footer .row {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.22fr) minmax(130px, 0.72fr) minmax(150px, 0.78fr) minmax(240px, 1.18fr) !important;
  gap: clamp(28px, 4.5vw, 72px) !important;
  align-items: flex-start !important;
  row-gap: 28px !important
}

.footer .row>[class*=col] {
  width: auto !important;
  max-width: none !important;
  flex: none !important
}

.footer .row>[class*=col]:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 18px !important
}

.footer .row>[class*=col]:first-child>.d-flex {
  margin-bottom: 0 !important
}

.footer img {
  max-width: 210px !important;
  height: auto !important;
  filter: invert(1) sepia(18%) saturate(340%) hue-rotate(330deg) brightness(48%) contrast(92%) !important;
  opacity: .94 !important;
  filter: brightness(0) saturate(100%) invert(42%) sepia(13%) saturate(993%) hue-rotate(334deg) brightness(94%) contrast(82%) !important
}

.footer h5 {
  margin: 0 0 18px !important;
  color: var(--s-text, #0d0503) !important;
  font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important
}

.footer a,
.footer li,
.footer p,
.footer span,
.footer-bottom,
.footer-bottom span,
.footer-bottom::before {
  color: var(--s-muted, #8d6959) !important;
  line-height: 1.55 !important;
  font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important
}

.footer a,
.footer li,
.footer p,
.footer span,
.footer-bottom,
.footer-bottom span {
  font-size: 15px !important;
  font-weight: 600 !important
}

.footer a {
  text-decoration: none !important
}

.footer a:focus-visible,
.footer a:hover {
  color: var(--s-salmon, #e1937d) !important
}

.footer svg {
  color: currentColor !important;
  fill: currentColor !important
}

.footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin-top: clamp(30px, 4vw, 48px) !important;
  padding-top: 22px !important;
  border-top: 1.5px solid rgba(13, 5, 3, .3) !important
}

.footer-bottom::before {
  content: "SINCE. 2026" !important;
  font-size: 13px !important;
  font-weight: 800 !important
}

.footer-brand-social {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important
}

.footer-brand-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(13, 5, 3, .1) !important;
  background: 0 0 !important;
  color: var(--s-text, #0d0503) !important;
  transition: color 260ms var(--s-ease, cubic-bezier(.22, 1, .36, 1)), border-color 260ms var(--s-ease, cubic-bezier(.22, 1, .36, 1)), transform 260ms var(--s-ease, cubic-bezier(.22, 1, .36, 1)) !important
}

.footer-brand-social a:focus-visible,
.footer-brand-social a:hover {
  color: var(--s-salmon, #e1937d) !important;
  border-color: rgba(225, 147, 125, .5) !important;
  transform: translate3d(0, -2px, 0) !important
}

.footer-brand-social svg {
  width: 19px !important;
  height: 19px !important
}

@media (max-width:991px) {

  .doctors-block-header,
  .lead-magnet-inner {
    grid-template-columns: 1fr !important
  }

  .doctors-block-header-left,
  .doctors-block-header-right,
  .lead-magnet-content {
    justify-content: center !important;
    text-align: center !important
  }

  .doctors-block-header-left h2 br {
    display: block !important
  }

  .footer .row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }
}

@media (max-width:575px) {
  .footer .row {
    grid-template-columns: 1fr !important
  }

  .footer-bottom {
    flex-direction: column !important
  }
}

.footer .footer-bottom,
.footer .footer-bottom a,
.footer .footer-bottom span,
.footer a,
.footer li,
.footer p,
.footer span,
.footer-bottom,
.footer-bottom a,
.footer-bottom span,
footer.footer .footer-bottom,
footer.footer .footer-bottom a,
footer.footer .footer-bottom span,
footer.footer a,
footer.footer li,
footer.footer p,
footer.footer span {
  color: #8d6959 !important
}

.footer a,
.footer h5,
.footer li,
.footer p,
.footer span,
.footer-bottom,
.footer-bottom a,
.footer-bottom span,
.footer-bottom::before {
  font-family: var(--font-ui, Nunito, Montserrat, sans-serif) !important;
  letter-spacing: 0 !important
}

.footer a:focus-visible,
.footer a:hover,
.footer-bottom a:focus-visible,
.footer-bottom a:hover {
  color: #e1937d !important
}

.footer-bottom {
  border-top-color: rgba(13, 5, 3, .3) !important
}

.mobile-menu-header img,
.navbar .container>a:first-child img {
  width: auto !important;
  height: 58px !important;
  max-height: 58px !important;
  object-fit: contain !important
}

.hero-static-text {
  isolation: isolate !important
}

.hero-static-text h1 {
  position: relative !important;
  z-index: auto !important;
  display: block !important;
  width: 720px !important;
  font-size: 64px !important;
  margin-bottom: 22px !important
}

.hero-static-text h1::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: -28px !important;
  top: 50% !important;
  width: 790px !important;
  height: 300px !important;
  background: url('../img/serenity-title-shape.png?v=1779333921') center/contain no-repeat !important;
  transform: translateY(-50%) rotate(-1deg) !important;
  
  display: none !important
}

.hero-static-bg {
  overflow: visible !important
}

.hero-image-tag {
  min-height: 34px !important;
  padding: 5px 9px !important;
  gap: 6px !important;
  font-size: 14px !important;
  background: rgba(252, 250, 247, .94) !important
}

.hero-image-tag img[width="24"] {
  width: 20px !important;
  height: 20px !important
}

.hero-image-tag img[width="26"] {
  width: 21px !important;
  height: 20px !important
}

.hero-image-tag-four,
.hero-image-tag-one,
.hero-image-tag-three,
.hero-image-tag-two {
  transform: none !important
}

.hero-image-tag-one {
  left: 20px !important;
  right: auto !important
}

.hero-image-tag-two {
  left: auto !important;
  right: 20px !important
}

.hero-image-tag-four,
.hero-image-tag-three {
  display: inline-flex !important;
  bottom: 24px !important
}

.hero-image-tag-three {
  left: 20px !important;
  right: auto !important
}

.hero-image-tag-four {
  left: auto !important;
  right: 20px !important
}

.hero-side-content {
  display: flex !important;
  flex-direction: column !important;
  height: 592px !important;
  padding-top: 40px !important
}

.hero-how-icon img,
.serenity-roll-text {
  display: block !important
}

.hero-how-btn {
  width: fit-content !important
}

.hero-how-icon {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important
}

.hero-how-icon img {
  width: 17px !important;
  height: 17px !important;
  object-fit: contain !important
}

.hero-side-photo {
  margin-top: auto !important
}

.hero-side-chip {
  box-shadow: inset 0 0 0 1px rgba(252, 250, 247, .2) !important
}

.btn-hero-primary,
.btn-lead-magnet,
.btn-primary,
.btn-services-all,
.btn.btn-primary,
.cta-form-submit,
.lead-popup-btn,
.mobile-menu-booking,
.modal-submit-btn,
.why-consult-btn {
  position: relative !important;
  overflow: hidden !important;
  min-height: 43px !important;
  padding: 12px 24px !important;
  border: 0 !important;
  border-radius: var(--s-radius-pill) !important;
  background: var(--s-olive) !important;
  color: var(--s-cream) !important;
  font-family: var(--font-ui) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  transition: transform var(--transition), background-color var(--transition), color var(--transition) !important
}

.btn-hero-primary:hover,
.btn-lead-magnet:hover,
.btn-primary:hover,
.btn-services-all:hover,
.btn.btn-primary:hover,
.cta-form-submit:hover,
.lead-popup-btn:hover,
.mobile-menu-booking:hover,
.modal-submit-btn:hover,
.why-consult-btn:hover {
  background: var(--s-olive-hover) !important;
  color: var(--s-cream) !important
}

.serenity-roll-button {
  vertical-align: middle !important
}

.serenity-roll-stack {
  display: flex !important;
  flex-direction: column !important;
  transform: translateY(0) !important;
  transition: transform 540ms var(--s-ease) !important;
  will-change: transform
}

.serenity-roll-button:focus-visible .serenity-roll-stack,
.serenity-roll-button:hover .serenity-roll-stack {
  transform: translateY(-1.2em) !important
}

@media (max-width:1199px) {
  .hero-side-content {
    display: none !important
  }
}

@media (max-width:991px) {

  .mobile-menu-header img,
  .navbar .container>a:first-child img {
    height: 50px !important;
    max-height: 50px !important
  }

  .hero-static {
    padding-bottom: 72px !important;
    overflow: visible !important
  }

  .hero-static-text h1 {
    max-width: 370px !important;
    width: 100% !important;
    font-size: 32px !important;
    line-height: 1.18 !important;
    margin-bottom: 16px !important
  }

  .hero-static-text h1::before {
    display: none !important
  }

  .hero-static-bg {
    overflow: visible !important;
    margin-top: 38px !important
  }

  .hero-image-tag {
    display: inline-flex !important;
    min-height: 28px !important;
    padding: 4px 6px !important;
    gap: 4px !important;
    font-size: clamp(10px, 3vw, 12px) !important;
    line-height: 1.15 !important
  }

  .hero-image-tag img[width="17"],
  .hero-image-tag img[width="24"],
  .hero-image-tag img[width="26"] {
    width: 12px !important;
    height: 12px !important
  }

  .hero-image-tag-one {
    left: 8px !important;
    right: auto !important;
    bottom: 54px !important;
    max-width: none !important;
    transform: none !important
  }

  .hero-image-tag-two {
    left: auto !important;
    right: 8px !important;
    bottom: 54px !important;
    transform: none !important
  }

  .hero-image-tag-four,
  .hero-image-tag-three {
    bottom: 18px !important;
    transform: none !important
  }

  .hero-image-tag-three {
    left: 8px !important;
    right: auto !important
  }

  .hero-image-tag-four {
    left: auto !important;
    right: 8px !important
  }

  .btn-hero-primary,
  .btn-lead-magnet,
  .btn-primary,
  .btn-services-all,
  .btn.btn-primary,
  .cta-form-submit,
  .lead-popup-btn,
  .mobile-menu-booking,
  .modal-submit-btn,
  .why-consult-btn {
    max-width: 100% !important;
    white-space: nowrap !important
  }
}

@media (max-width:360px) {
  .hero-image-tag {
    padding: 4px 5px !important;
    font-size: 10px !important
  }

  .hero-image-tag-one,
  .hero-image-tag-three {
    left: 6px !important
  }

  .hero-image-tag-four,
  .hero-image-tag-two {
    right: 6px !important
  }
}

.hero-static {
  --hero-reveal-ease: cubic-bezier(.22, 1, .36, 1)
}

.hero-static .hero-static-text h1 span {
  display: block
}

.hero-static .hero-side-content {
  transform: translate3d(60px, 0, 0) !important;
  transition-delay: 220ms !important
}

.hero-static.hero-in-view .hero-static-text>:first-child {
  transition-delay: 0s !important
}

.hero-static.hero-in-view .hero-static-text h1 span:first-child {
  transition-delay: 150ms !important
}

.hero-static.hero-in-view .hero-static-text h1 span:nth-child(2) {
  transition-delay: 0.3s !important
}

.hero-static.hero-in-view .hero-static-text>:nth-child(3) {
  transition-delay: 450ms !important
}


.hero-static.hero-in-view .hero-static-text>:nth-child(5) {
  transition-delay: 750ms !important
}

.hero-static-text h1 {
  width: min(720px, 100%) !important;
  max-width: 720px !important;
  letter-spacing: -1px !important;
  line-height: 1.04 !important;
  white-space: normal !important
}

.hero-static-text h1 span {
  display: block !important;
  white-space: nowrap !important
}

.nav-link::after,
.navbar-nav .nav-link::after {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  transform: scale3d(0, 1, 1) !important;
  transform-origin: center !important;
  transition: transform 420ms var(--s-ease) !important;
  will-change: transform !important
}

.nav-link.active::after,
.nav-link:hover::after,
.navbar-nav .nav-link.active::after,
.navbar-nav .nav-link:hover::after {
  height: 1px !important;
  transform: scale3d(1, 1, 1) !important
}

.hero-side-chip {
  background: rgba(252, 250, 247, .94) !important;
  color: #8d6959 !important;
  box-shadow: none !important;
  text-shadow: none !important
}

.btn-hero-primary,
.btn-lead-magnet,
.btn-primary,
.btn-services-all,
.btn.btn-primary,
.cta-form-submit,
.lead-popup-btn,
.mobile-menu-booking,
.modal-submit-btn,
.why-consult-btn {
  background: #8e9867 !important;
  color: #fbf9f5 !important;
  transition: transform 260ms cubic-bezier(.2, .8, .2, 1), background-color 260ms cubic-bezier(.2, .8, .2, 1), color 260ms cubic-bezier(.2, .8, .2, 1) !important
}

.btn-hero-primary:hover,
.btn-lead-magnet:hover,
.btn-primary:hover,
.btn-services-all:hover,
.btn.btn-primary:hover,
.cta-form-submit:hover,
.lead-popup-btn:hover,
.mobile-menu-booking:hover,
.modal-submit-btn:hover,
.why-consult-btn:hover {
  background: #8d6959 !important;
  color: #fbf9f5 !important;
  animation: none !important;
  transform: translate3d(0, -2px, 0) !important
}

.serenity-roll-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 1.2em !important;
  overflow: hidden !important;
  line-height: 1.2 !important
}

.serenity-roll-stack {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  transition: none !important
}

.serenity-roll-char {
  display: block !important;
  color: currentColor !important;
  line-height: 1.2 !important;
  white-space: pre !important;
  text-shadow: 0 1.2em 0 currentColor !important;
  backface-visibility: hidden !important;
  transform: translate3d(0, 0, 0) !important;
  transition: transform 540ms cubic-bezier(.22, 1, .36, 1) !important;
  transition-delay: var(--roll-delay, 0ms) !important;
  will-change: transform !important
}

.serenity-roll-button:focus-visible .serenity-roll-stack,
.serenity-roll-button:hover .serenity-roll-stack {
  transform: none !important
}

.serenity-roll-button:focus-visible .serenity-roll-char,
.serenity-roll-button:hover .serenity-roll-char {
  transform: translate3d(0, -1.2em, 0) !important
}

@media (prefers-reduced-motion:reduce) {

  html.page-ready body,
  html:not(.page-loading):not(.page-ready) body {
    animation: none
  }

  .hero-static .hero-side-content,
  .hero-static .hero-static-bg,
  .hero-static .hero-static-text,
  .serenity-roll-char {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important
  }
}

.hero-static-text h1,
.hero-static-text h1 span {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  text-transform: none !important
}

.services-premium-grid-unique .service-premium-card:nth-child(4) .sp-card-body h5 {
  font-weight: 700 !important;
  max-width: 16.5ch !important;
  white-space: nowrap !important;
  font-size: clamp(1.12rem, 1.42vw, 1.55rem) !important;
  line-height: 1.04 !important
}

.btn-services-all-secondary {
  background: #8e9867 !important;
  color: #fbf9f5 !important
}

.lead-magnet-section {
  background: 0 0 !important;
  padding: clamp(56px, 7vw, 108px) 0 !important
}

.lead-magnet-inner {
  display: grid !important;
  grid-template-columns: minmax(340px, 0.95fr) minmax(0, 1fr) !important;
  gap: clamp(28px, 4vw, 56px) !important;
  align-items: center !important;
  padding: clamp(24px, 3vw, 38px) !important;
  border-radius: 36px !important;
  border: 1px solid rgba(141, 105, 89, .14) !important;
  background: #f4ede3 !important;
  box-shadow: none !important
}

.lead-magnet-content {
  order: 2 !important;
  align-items: flex-start !important;
  justify-content: center !important
}

.lead-magnet-title {
  max-width: 12ch !important;
  font-size: clamp(2.1rem, 3.4vw, 4rem) !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  color: #201613 !important
}

.lead-magnet-subtitle {
  max-width: 34ch !important;
  color: rgba(32, 22, 19, .7) !important
}

.lead-magnet-photo {
  order: 1 !important;
  min-height: clamp(360px, 44vw, 560px) !important;
  border-radius: 28px !important;
  box-shadow: none !important;
  background: #e7ddd0 !important
}

.lead-magnet-photo img,
.lead-magnet-photo:hover img,
.lead-magnet-section:hover .lead-magnet-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important
}

.doctors-block-header-left h2 {
  max-width: 10ch !important;
  line-height: 1.02 !important;
  text-wrap: balance !important
}

.doctors-block-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important
}

.doctor-block-card,
.doctor-block-card:focus-within,
.doctor-block-card:hover,
.doctor-block-card:hover .doctor-block-card-photo img {
  transform: none !important;
  animation: none !important;
  box-shadow: none !important
}

.doctors-group-photo,
.doctors-group-photo:hover {
  animation: none !important;
  box-shadow: none !important
}

.doctor-block-card {
  border-radius: 26px !important;
  border: 1px solid rgba(141, 105, 89, .12) !important;
  background: #fcf8f2 !important;
  overflow: hidden !important
}

.doctor-block-card-photo {
  aspect-ratio: 1/1.16 !important;
  border-radius: 0 !important;
  background: #efe6da !important
}

.doctor-block-card-photo img {
  object-fit: cover !important;
  object-position: center top !important
}

.doctor-exp-badge {
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(252, 248, 242, .88) !important;
  border: 1px solid rgba(141, 105, 89, .12) !important;
  color: #6d5346 !important;
}

.doctor-block-card-info {
  padding: 18px 18px 20px !important;
  text-align: left !important;
  gap: 10px !important
}

.doctor-block-card-info h5 {
  margin: 0 !important;
  font-size: clamp(1rem, 1.1vw, 1.18rem) !important;
  line-height: 1.12 !important;
  color: #201613 !important
}

.doctor-block-specialty {
  min-height: 2.8em !important;
  margin: 0 !important;
  font-size: .92rem !important;
  line-height: 1.45 !important;
  color: rgba(32, 22, 19, .62) !important
}

.doctor-block-edu-btn {
  width: 100% !important;
  min-height: 46px !important;
  margin-top: auto !important;
  padding: 12px 18px !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #efe5d9 !important;
  color: #5f493d !important;
  border: 1px solid rgba(141, 105, 89, .12) !important
}

.doctor-block-edu-btn:hover {
  background: #e9dccd !important;
  color: #201613 !important;
  transform: none !important
}

.doctor-block-card-link[data-aos],
.doctor-block-card[data-aos],
.doctors-group-photo[data-aos] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important
}

@media (max-width:991px) {
  .hero-static-text h1 {
    max-width: 370px !important;
    font-size: 36px !important;
    line-height: 1.12 !important
  }

  .hero-static-text h1 span {
    white-space: normal !important
  }

  .lead-magnet-inner {
    grid-template-columns: 1fr !important
  }

  .lead-magnet-content {
    order: 2 !important;
    align-items: center !important;
    text-align: center !important
  }

  .lead-magnet-title {
    max-width: 14ch !important
  }
}

@media (max-width:767px) {
  .services-premium-grid-unique .service-premium-card:nth-child(4) .sp-card-body h5 {
    max-width: 100% !important;
    white-space: normal !important;
    font-size: 1.1rem !important
  }

  .doctors-block-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important
  }

  .doctor-block-card-info {
    padding: 14px 14px 16px !important
  }

  .doctor-block-specialty {
    min-height: auto !important
  }
}

.footer,
.footer[style],
footer.footer,
footer.footer[style] {
  background: #f8f3ec !important;
  color: #8d6959 !important
}

.footer h5,
footer.footer h5 {
  color: #0d0503 !important
}

.footer a:focus-visible,
.footer a:hover,
footer.footer a:focus-visible,
footer.footer a:hover {
  color: #e1937d !important
}

.doctor-block-card:focus-within,
.doctor-block-card:hover {
  border: 1px solid rgba(142, 152, 103, .14) !important;
  outline: 0 !important;
  box-shadow: none !important
}

.scroll-top-btn {
  background: #8e9867 !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: none !important
}

.scroll-top-btn svg {
  color: #fff !important;
  stroke: #ffffff !important;
  fill: none !important
}

.scroll-top-btn:focus-visible,
.scroll-top-btn:hover {
  background: #e1937d !important;
  color: #fff !important;
  transform: translate3d(0, -2px, 0) !important
}

.scroll-top-btn:focus-visible svg,
.scroll-top-btn:hover svg {
  color: #fff !important;
  stroke: #ffffff !important
}

@media (min-width: 992px) {
  .navbar .container {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
  }

  .navbar-collapse {
    position: static !important;
    flex: 1 1 auto !important;
  }

  .navbar-nav {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
  }
}

/* Fix jumping buttons on mobile */
@media (max-width: 991px) {

  .btn-hero-primary:hover,
  .btn-lead-magnet:hover,
  .btn-primary:hover,
  .btn-services-all:hover,
  .btn.btn-primary:hover,
  .cta-form-submit:hover,
  .lead-popup-btn:hover,
  .mobile-menu-booking:hover,
  .modal-submit-btn:hover,
  .why-consult-btn:hover,
  .scroll-top-btn:hover,
  .footer-brand-social a:hover,
  .serenity-roll-button:hover .serenity-roll-char,
  .top-bar-link:hover,
  .top-bar-social:hover,
  .btn-outline-primary:hover,
  .cookie-decline:hover,
  .doctor-block-card-link:hover,
  .doctor-block-edu-btn:hover,
  .filter-btn:hover,
  .reviews-scroll-btn:hover,
  .cookie-accept:hover,
  .privacy-back:hover {
    transform: none !important;
  }
}
/* Global adjustment: Move all pages higher on desktop (matching doctor pages) */
@media (min-width: 992px) {
  body.inner-page main > section:first-of-type {
    margin-top: -232px !important;
  }
  .hero-static {
    margin-top: -60px !important;
  }
}

/* Fix jumping scroll-top-btn */
.scroll-top-btn {
  bottom: 10% !important;
  transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease, transform 0.3s ease !important;
}

/* Mobile: Add more space between blocks (matching PC feeling) */
@media (max-width: 991px) {
  .checkup-section,
  .contacts-block-section,
  .cta-form-section,
  .doctors-block-section,
  .faq-section,
  .lead-magnet-section,
  .privacy-page,
  .promo-cta-section,
  .reviews-scroll-section,
  .section,
  .services-list-section,
  .services-premium-section,
  .therapy-benefits,
  .therapy-prices,
  .why-consult-section,
  .works-gallery-section {
    padding-top: 120px !important;
    padding-bottom: 280px !important;
  }
  .hero-static {
    padding-bottom: 110px !important;
  }
}

/* Smooth hover lift for specific cards with high specificity */
html body .svc-ribbon-item,
html body .why-choose-card,
html body .service-premium-card,
html body .why-consult-item {
  will-change: transform;
}

html body .svc-ribbon-item:hover,
html body .service-premium-card:hover,
html body .why-consult-item:hover {
  box-shadow: none !important;
  z-index: 10 !important;
}


/* Fix for promo-cta-photo centering from 710px to 991px */
@media (min-width: 710px) and (max-width: 991px) {
    .promo-cta-photo {
        margin: 0 auto !important;
        justify-self: center !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    .promo-cta-photo img {
        margin: 0 auto !important;
    }
}


/* Mobile menu smooth animation enhancements */
.mobile-menu {
    transform: translate3d(100%, 0, 0) !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.6s ease !important;
}
.mobile-menu.active {
    transform: translate3d(0, 0, 0) !important;
}

/* Overlay smoothness */
.mobile-menu-overlay {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.5s ease, visibility 0.5s ease !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
}
.mobile-menu-overlay.active {
    opacity: 1 !important;
    visibility: visible !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

/* Stagger animate nav items */
.mobile-menu .mobile-menu-nav a,
.mobile-menu .mobile-menu-booking {
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mobile-menu.active .mobile-menu-nav a,
.mobile-menu.active .mobile-menu-booking {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.mobile-menu.active .mobile-menu-nav a:nth-child(1) { transition-delay: 0.1s !important; }
.mobile-menu.active .mobile-menu-nav a:nth-child(2) { transition-delay: 0.15s !important; }
.mobile-menu.active .mobile-menu-nav a:nth-child(3) { transition-delay: 0.2s !important; }
.mobile-menu.active .mobile-menu-nav a:nth-child(4) { transition-delay: 0.25s !important; }
.mobile-menu.active .mobile-menu-nav a:nth-child(5) { transition-delay: 0.3s !important; }
.mobile-menu.active .mobile-menu-nav a:nth-child(6) { transition-delay: 0.35s !important; }

.mobile-menu.active .mobile-menu-booking {
    transition-delay: 0.4s !important;
}

/* To avoid conflict with hover animation on links which also use transform, 
   we might need to define hover state specifically or let hover override without !important if possible, 
   but our transition above handles opacity and transform. Let's make hover explicitly faster. */
.mobile-menu.active .mobile-menu-nav a:hover,
.mobile-menu.active .mobile-menu-booking:hover {
    transition-delay: 0s !important;
    transition-duration: 0.2s !important;
}