/* ---------- Black Friday hero ---------- */
.dp-section.dp-hero.dp-hero--bf {
    padding-block-start: 0 !important;
    padding-inline: 0;
}
.dp-hero--bf {
  --_bottom-bar-height: 56.5px;
  height: min(37vw, calc(100svh - var(--dp-header-h, 83px) - var(--_bottom-bar-height, 56.5px)), 760px);
  min-height: 0;
  color: var(--clr-black);
  background: #fff;
}
.dp-bf {
  --_panel-bg_color: #f3cfc0;
  container-type: size;
  height: 100%;
  display: grid;
  grid-template-columns: 29% 1fr 22%;
  grid-template-rows: minmax(0, 1fr);
  grid-template-areas:
    "panel  media  media";
  align-items: center;
}
.dp-bf__panel {
  --_text-shadow: 6px 6px 20px var(--clr-white);
  grid-area: panel;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  text-transform: uppercase;
  font-family: var(--ff-bf-hero);
  background: var(--_panel-bg_color);
  padding: 3cqi 2cqi;
}
.dp-bf__title {
  font-size: var(--text-xxl);
}
.dp-bf__title > span {
  display: block;
  text-shadow: var(--_text-shadow);
}
.dp-bf__title > span:last-child {
  font-size: var(--text-xl);
}
.dp-bf__sub {
    display: flex;
    flex-direction: column;
    gap: 1em;
    font-size: calc(.8*var(--text-l));
}
.dp-bf__sub-text {
  text-shadow: var(--_text-shadow);
}
.dp-bf__media {
  grid-area: media;
  align-self: stretch;
  height: 100%;
  min-height: 0;
}
.dp-bf__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% 50%;
}
.dp-bf__cta { 
    grid-area: cta;
    display: flex;
}
.dp-bf__cta-link { 
    padding-block: .75rem;
    padding-inline: 3.6rem;
    width: fit-content;
    font-size: 17px;
    text-transform: none;
    font-family: var(--ff-body);
    font-weight: var(--fw-bold);
    color: var(--clr-white);
    background-color: var(--clr-base);
    border-radius: var(--radius-l);
}
/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .dp-hero--bf { 
    height: auto;
  }
  .dp-bf {
    container-type: inline-size;
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-template-areas: "media" "panel";
  }
  .dp-bf__media { 
    aspect-ratio: 8 / 5;
    height: auto;
  }
  .dp-bf__panel {
    text-align: center;
    padding: 4cqi 2cqi;
  }
  .dp-bf__cta {
    justify-content: center;
    padding-block: 1em;
    background-color: var(--_panel-bg_color);
  }
}
/*----------------------------------------------------------------------
			SPECIAL STYLING
----------------------------------------------------------------------*/
.dp-special-styling {
    --_bg-color: #232323;
    --_text-color: var(--clr-white);
}
.dp-special-styling .dp-header-wrapper {
  background: var(--_bg-color);
}
.dp-special-styling .dp-header-wrapper .dp-menu-logo svg {
  fill: var(--_text-color);
}
.dp-special-styling .dp-hamburger, 
.dp-special-styling .dp-hamburger::before, 
.dp-special-styling .dp-hamburger::after {
  background: var(--_text-color);
}
.dp-special-styling .dp-header-wrapper.dp-header-overlay {
  position: sticky;
  background: var(--_bg-color);
}
.dp-special-styling .dp-menu-cta {
  background-color: var(--clr-beige);
  color: var(--clr-base);
}
.dp-special-styling .dp-header-overlay.dp-scrolling .dp-menu-logo svg {
  fill: var(--_text-color);
}
.dp-special-styling .dp-scrolling .dp-hamburger, 
.dp-special-styling .dp-scrolling .dp-hamburger::before, 
.dp-special-styling .dp-scrolling .dp-hamburger::after {
  background: var(--_text-color);
}
.dp-special-styling [aria-expanded="true"] .dp-hamburger, 
.dp-special-styling [aria-expanded="true"] .dp-hamburger::before, 
.dp-special-styling [aria-expanded="true"] .dp-hamburger::after {
  background: var(--_bg-color);
}
.dp-special-styling .dp-header-wrapper .dp-lang svg {
  fill: var(--_text-color);
}
.dp-special-styling .dp-header-wrapper .dp-menu-toggle__title {
  color: var(--_text-color);
}
.dp-special-styling .dp-header-wrapper .dp-lang .wpml-ls-legacy-dropdown a {
  color: var(--_text-color);
}
.dp-special-styling .dp-header-wrapper .dp-lang .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  border-color: var(--_text-color);
}
.dp-special-styling .dp-lang .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, 
.dp-special-styling .dp-lang .wpml-ls-legacy-dropdown a:focus, 
.dp-special-styling .dp-lang .wpml-ls-legacy-dropdown a:hover  {
  background: var(--_bg-color);
}
.dp-special-styling .dp-lang .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  background: var(--_bg-color);
}

.dp-special-styling :is(.dp-menu-content, .dp-text--base) {
  background: var(--_bg-color);
}
.dp-special-styling :is(.dp-menu-content, .dp-text--base), 
.dp-special-styling .dp-menu-about-us p {
  color: var(--_text-color);
}
.dp-special-styling .dp-blog-list-item__heading .dp-text--base {
  color: var(--clr-base);
  background: revert;
}
.dp-special-styling .dp-menu-about-us .dp-h3 {
  color: var(--clr-primary);
}
.dp-special-styling .dp-btn--outline-txt-base {
  background-color: var(--clr-beige);
}
.dp-special-styling .dp-main-nav .dp-menu-list a {
  color: var(--_text-color);
}
.dp-special-styling .dp-menu-content .dp-contact-icon {
  fill: var(--clr-primary);
}

.dp-special-styling .dp-bottom-treatments {
  background-color: var(--_bg-color);
}
.dp-special-styling :is(.dp-teaser-btn--close, .dp-popup-btn--close) {
  background: var(--clr-primary);
}
.dp-special-styling .dp-cross-icon {
  fill: var(--_bg-color);
}


.dp-spc__banner {
    width: 100%;
    aspect-ratio: 2560 / 200;
}
.dp-spc__banner img {
    height: 100%;
    object-fit: cover;
}
@media only screen and (max-width: 767px) {
    .dp-spc__banner {
        aspect-ratio: 2560 / 336;
    }
}


.dp-special-styling :is(.dp-table-list, .dp-table-list__table).dp-bg--beige {
  background: var(--_bg-color);
}
.dp-special-styling .dp-table-list__table.dp-bg--beige {
  color: var(--_text-color);
}
@media only screen and (max-width: 991px) {
    .dp-special-styling .dp-bg--beige.dp-breakout--l::before {
      background: var(--_bg-color);
    }
}

.dp-special-styling [data-module="doctor-video"] .dp-doctor-video-title {
    color: var(--_text-color);
}
.dp-special-styling [data-module="doctor-video"] {
    background-color: var(--_bg-color);
}

.dp-special-styling .dp-section-text-cards .dp-text-cards__heading {
    color: var(--_text-color);
    background-color: var(--_bg-color);
}
.dp-special-styling .dp-section-text-cards .dp-text-cards__card {
    border: 1px solid var(--_bg-color);
}


.dp-special-styling :is(.dp-treatment-overview-list, .dp-benefits-card, .dp-benefits-card__list) {
  background: var(--_bg-color);
}

.dp-popup--special .dp-popup-inner {
    background-color: var(--clr-beige);
}
.dp-popup--special .dp-popup-image-wrapper {
    width: 100%;
    aspect-ratio: 1667 / 1251;
}
.dp-popup--special .dp-popup-image-wrapper img {
    height: 100%;
    object-fit: cover;
}
.dp-popup--special .dp-popup-cta-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: var(--space-m);
    padding-inline: var(--space-s);
}
.dp-popup--special .dp-popup-cta {
    margin-top: revert;
    background-color: var(--clr-base);
}