/*
 * Blog overrides ? loaded after theme, mobile-fixes and accessibility.
 * Keeps Figma typography and meta icons from being masked by legacy theme rules.
 *
 * Breakpoints (canonical):
 *   ?1023px  ? mobile layout (tablet = mobile)
 *   ?1024px  ? desktop Figma, fluid proportions
 */

/*
 * Re-declare faces here (overrides load last). Do NOT list bare "Futura PT" /
 * "Manrope" / "Vetrino" in font stacks ? Windows locals often lack Cyrillic and
 * steal the family so text falls back to Arial.
 */
@font-face {
  font-family: "Richdent Vetrino";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/content/themes/richdent/assets/misc/DD4ucUup.woff2") format("woff2");
}

@font-face {
  font-family: "Richdent Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/content/mu-plugins/richdent-blog/assets/fonts/manrope-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Richdent Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/content/mu-plugins/richdent-blog/assets/fonts/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Richdent Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/content/mu-plugins/richdent-blog/assets/fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Richdent Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/content/mu-plugins/richdent-blog/assets/fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Medium ? same files (variable-ish fallback); stops 450/500 falling to Arial */
@font-face {
  font-family: "Richdent Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/content/mu-plugins/richdent-blog/assets/fonts/manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Richdent Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/content/mu-plugins/richdent-blog/assets/fonts/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Richdent Futura PT";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("/content/themes/richdent/assets/misc/Bwvg4dli.woff2") format("woff2");
}

@font-face {
  font-family: "Richdent Futura PT";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/content/themes/richdent/assets/misc/DxF0-k4i.woff2") format("woff2");
}

@font-face {
  font-family: "Richdent Futura PT";
  font-weight: 450;
  font-style: normal;
  font-display: swap;
  src: url("/content/themes/richdent/assets/misc/BN9TAIVA.woff2") format("woff2");
}

@font-face {
  font-family: "Richdent Futura PT";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/content/themes/richdent/assets/misc/BN9TAIVA.woff2") format("woff2");
}

/* Lead CTA ???????????? ? Book cut only (no local Futura PT Medium). */
@font-face {
  font-family: "Richdent Futura Book";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/content/themes/richdent/assets/misc/DxF0-k4i.woff2") format("woff2");
}

@font-face {
  font-family: "Richdent Futura Light";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/content/themes/richdent/assets/misc/Bwvg4dli.woff2") format("woff2");
}

/* Figma 8099:2616 / 6001:1380 ? blog cards: #f6f6f6, 20px radius, soft shadow */
.main__archive.richdent-blog-archive .preview-blog,
.main__archive.richdent-blog-archive .archive-grid .preview-blog,
.richdent-blog-archive .preview-blog,
.richdent-blog-popular .preview-blog,
.richdent-blog-feed-slider .preview-blog,
.richdent-blog-feed-compact > .preview-blog,
.richdent-blog-feed-grid > .preview-blog {
  background-color: #f6f6f6 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 37.2px rgb(0 0 0 / 10%) !important;
}

.main__archive.richdent-blog-archive .preview-blog:hover,
.main__archive.richdent-blog-archive .preview-blog:focus-within,
.richdent-blog-archive .preview-blog:hover,
.richdent-blog-archive .preview-blog:focus-within,
.richdent-blog-popular .preview-blog:hover,
.richdent-blog-popular .preview-blog:focus-within,
.richdent-blog-feed-slider .preview-blog:hover,
.richdent-blog-feed-slider .preview-blog:focus-within,
.richdent-blog-feed-compact > .preview-blog:hover,
.richdent-blog-feed-compact > .preview-blog:focus-within,
.richdent-blog-feed-grid > .preview-blog:hover,
.richdent-blog-feed-grid > .preview-blog:focus-within {
  background-color: #f6f6f6 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 37.2px rgb(0 0 0 / 10%) !important;
  transform: none !important;
}

/* Theme .preview-blog is display:grid ? breaks flex footer + clips shadow at overflow:hidden */
.main__archive.richdent-blog-archive .preview-blog,
.main__archive.richdent-blog-archive .archive-grid .preview-blog,
.richdent-blog-archive .preview-blog,
.richdent-blog-popular .preview-blog,
.richdent-blog-feed-slider .preview-blog,
.richdent-blog-feed-compact > .preview-blog,
.richdent-blog-feed-grid > .preview-blog {
  display: flex !important;
  flex-direction: column !important;
  align-content: stretch !important;
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.richdent-blog-archive .preview-blog__img,
.richdent-blog-popular .preview-blog__img,
.richdent-blog-feed-slider .preview-blog__img,
.richdent-blog-feed-compact .preview-blog__img,
.richdent-blog-feed-grid .preview-blog__img {
  flex: 0 0 auto !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

/* Theme: .preview-blog__img { height:505px } + img scale zoom crops photos */
.richdent-blog-archive .preview-blog__img:hover,
.richdent-blog-popular .preview-blog__img:hover,
.richdent-blog-feed-slider .preview-blog__img:hover,
.richdent-blog-feed-compact .preview-blog__img:hover,
.richdent-blog-feed-grid .preview-blog__img:hover {
  --preview-blog-img-scale: 1 !important;
}

.richdent-blog-archive .preview-blog__img img,
.richdent-blog-popular .preview-blog__img img,
.richdent-blog-feed-slider .preview-blog__img img,
.richdent-blog-feed-compact .preview-blog__img img,
.richdent-blog-feed-grid .preview-blog__img img {
  transform: none !important;
  object-position: center !important;
}

.richdent-blog-feed-slider .slider,
.richdent-blog-feed-slider .embla,
.richdent-blog-feed-slider__nav {
  overflow: visible !important;
}

.richdent-blog-feed-slider .embla {
  --embla-viewport-overflow: visible;
}

.richdent-blog-feed-slider .embla__viewport {
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-shrink: 0 !important;
  height: auto !important;
  min-height: calc(
    var(--richdent-slider-card-height, 586px) + 2 * var(--richdent-slider-shadow-bleed, 42px)
  ) !important;
  padding-top: var(--richdent-slider-shadow-bleed, 42px) !important;
  padding-bottom: var(--richdent-slider-shadow-bleed, 42px) !important;
  margin-top: calc(-1 * var(--richdent-slider-shadow-bleed, 42px)) !important;
  margin-bottom: calc(-1 * var(--richdent-slider-shadow-bleed, 42px)) !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  scroll-padding-inline: 0 !important;
  clip-path: none !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
  touch-action: pan-x pan-y !important;
}

.richdent-blog-feed-slider .embla__viewport::-webkit-scrollbar {
  display: none !important;
}

.richdent-blog-feed-slider__nav {
  position: relative !important;
  z-index: 3 !important;
  height: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.richdent-blog-feed-slider__nav .embla__controls {
  position: absolute !important;
  top: calc(-1 * (var(--richdent-slider-arrow-size, 35px) + var(--richdent-slider-gap-before-cards, 27px))) !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  width: auto !important;
  min-height: var(--richdent-slider-arrow-size, 35px) !important;
  height: var(--richdent-slider-arrow-size, 35px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  transform: none !important;
}

.richdent-blog-feed-slider__nav .embla__controls,
.richdent-blog-feed-slider__nav .embla__controls[data-nav] {
  min-height: var(--richdent-slider-arrow-size, 35px) !important;
  margin-top: 0 !important;
  width: auto !important;
}

.richdent-blog-feed-slider .embla__container {
  align-items: flex-start !important;
  margin-top: 0 !important;
  min-height: var(--richdent-slider-card-height, 586px) !important;
}

.richdent-blog-feed-slider .embla__slide {
  overflow: visible !important;
  align-self: flex-start !important;
  height: auto !important;
}

.richdent-blog-archive .preview-blog__content,
.richdent-blog-popular .preview-blog__content,
.richdent-blog-feed-slider .preview-blog__content,
.richdent-blog-feed-compact .preview-blog__content,
.richdent-blog-feed-grid .preview-blog__content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

.richdent-blog-archive .preview-blog__content-title::after,
.richdent-blog-popular .preview-blog__content-title::after,
.richdent-blog-feed-slider .preview-blog__content-title::after,
.richdent-blog-feed-compact .preview-blog__content-title::after,
.richdent-blog-feed-grid .preview-blog__content-title::after {
  content: none !important;
  display: none !important;
}

/* Figma link on featured/wide cards ? underline only when hovering the word.
 * Content has pointer-events:none; hit covers the card ? lift __more like category. */
.richdent-blog-archive .preview-blog__more,
.richdent-blog-feed-slider .preview-blog__more,
.richdent-blog-feed-grid > .preview-blog--wide .preview-blog__more,
.richdent-blog-feed-compact .preview-blog__more,
.richdent-blog-popular .preview-blog__more,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog--featured
  .preview-blog__more,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog:first-child
  .preview-blog__more {
  position: relative !important;
  z-index: 3 !important;
  pointer-events: auto !important;
  color: #565656 !important;
  text-decoration: none !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
}

.richdent-blog-archive .preview-blog__more:hover,
.richdent-blog-feed-slider .preview-blog__more:hover,
.richdent-blog-feed-grid > .preview-blog--wide .preview-blog__more:hover,
.richdent-blog-feed-compact .preview-blog__more:hover,
.richdent-blog-popular .preview-blog__more:hover,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog--featured
  .preview-blog__more:hover,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog:first-child
  .preview-blog__more:hover {
  text-decoration: underline !important;
}

/* Figma card colors: category #565656, title #323232, meta text #716664, meta icons #D4BBB7 */
.richdent-blog-archive .preview-blog .post-category,
.richdent-blog-popular .preview-blog .post-category,
.richdent-blog-feed-slider .preview-blog .post-category,
.richdent-blog-feed-compact .preview-blog .post-category,
.richdent-blog-feed-grid .preview-blog .post-category {
  color: #565656 !important;
}

.richdent-blog-archive .preview-blog .preview-blog__content-title,
.richdent-blog-popular .preview-blog .preview-blog__content-title,
.richdent-blog-feed-slider .preview-blog .preview-blog__content-title,
.richdent-blog-feed-compact .preview-blog .preview-blog__content-title,
.richdent-blog-feed-grid .preview-blog .preview-blog__content-title {
  color: #323232 !important;
}

/* Meta icons: stroke #716664 per Figma, override theme mask sprites */
.richdent-blog-archive .preview-blog .post-meta .icons::before,
.richdent-blog-popular .preview-blog .post-meta .icons::before,
.richdent-blog-feed-slider .preview-blog .post-meta .icons::before,
.richdent-blog-feed-compact .preview-blog .post-meta .icons::before,
.richdent-blog-feed-grid .preview-blog .post-meta .icons::before {
  content: "" !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  -webkit-mask: none !important;
  mask: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
}

.richdent-blog-archive .preview-blog .post-meta .icons.type\:eye::before,
.richdent-blog-popular .preview-blog .post-meta .icons.type\:eye::before,
.richdent-blog-feed-slider .preview-blog .post-meta .icons.type\:eye::before,
.richdent-blog-feed-compact .preview-blog .post-meta .icons.type\:eye::before,
.richdent-blog-feed-grid .preview-blog .post-meta .icons.type\:eye::before {
  background-image: url("icons/meta-eye.svg") !important;
}

.richdent-blog-archive .preview-blog .post-meta .icons.type\:clock::before,
.richdent-blog-popular .preview-blog .post-meta .icons.type\:clock::before,
.richdent-blog-feed-slider .preview-blog .post-meta .icons.type\:clock::before,
.richdent-blog-feed-compact .preview-blog .post-meta .icons.type\:clock::before,
.richdent-blog-feed-grid .preview-blog .post-meta .icons.type\:clock::before {
  background-image: url("icons/meta-clock.svg") !important;
}

.richdent-blog-archive .preview-blog .post-meta .icons.type\:heart::before,
.richdent-blog-popular .preview-blog .post-meta .icons.type\:heart::before,
.richdent-blog-feed-slider .preview-blog .post-meta .icons.type\:heart::before,
.richdent-blog-feed-compact .preview-blog .post-meta .icons.type\:heart::before,
.richdent-blog-feed-grid .preview-blog .post-meta .icons.type\:heart::before {
  background-image: url("icons/meta-heart.svg") !important;
}

.richdent-blog-archive .preview-blog .post-meta .icons,
.richdent-blog-popular .preview-blog .post-meta .icons,
.richdent-blog-feed-slider .preview-blog .post-meta .icons,
.richdent-blog-feed-compact .preview-blog .post-meta .icons,
.richdent-blog-feed-grid .preview-blog .post-meta .icons {
  display: inline-flex !important;
  flex: 0 0 16px !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  --icon-parent-size: 16px !important;
  --icon-size: 16px !important;
  --icon-display: flex !important;
  color: transparent !important;
  --icon-bg-color: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.richdent-blog-archive .preview-blog .post-meta .icons::before,
.richdent-blog-popular .preview-blog .post-meta .icons::before,
.richdent-blog-feed-slider .preview-blog .post-meta .icons::before,
.richdent-blog-feed-compact .preview-blog .post-meta .icons::before,
.richdent-blog-feed-grid .preview-blog .post-meta .icons::before {
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.richdent-blog-archive .preview-blog .post-views > span,
.richdent-blog-archive .preview-blog .post-read-time > span,
.richdent-blog-archive .preview-blog .post-likes > span,
.richdent-blog-popular .preview-blog .post-views > span,
.richdent-blog-popular .preview-blog .post-read-time > span,
.richdent-blog-popular .preview-blog .post-likes > span,
.richdent-blog-feed-slider .preview-blog .post-views > span,
.richdent-blog-feed-slider .preview-blog .post-read-time > span,
.richdent-blog-feed-slider .preview-blog .post-likes > span,
.richdent-blog-feed-compact .preview-blog .post-views > span,
.richdent-blog-feed-compact .preview-blog .post-read-time > span,
.richdent-blog-feed-compact .preview-blog .post-likes > span,
.richdent-blog-feed-grid .preview-blog .post-views > span,
.richdent-blog-feed-grid .preview-blog .post-read-time > span,
.richdent-blog-feed-grid .preview-blog .post-likes > span {
  display: inline-flex !important;
  align-items: center !important;
  height: 20px !important;
  line-height: 20px !important;
}

.richdent-blog-archive .preview-blog .post-read-time,
.richdent-blog-archive .preview-blog .post-views,
.richdent-blog-archive .preview-blog .post-likes,
.richdent-blog-popular .preview-blog .post-read-time,
.richdent-blog-popular .preview-blog .post-views,
.richdent-blog-popular .preview-blog .post-likes,
.richdent-blog-feed-slider .preview-blog .post-read-time,
.richdent-blog-feed-slider .preview-blog .post-views,
.richdent-blog-feed-slider .preview-blog .post-likes,
.richdent-blog-feed-compact .preview-blog .post-read-time,
.richdent-blog-feed-compact .preview-blog .post-views,
.richdent-blog-feed-compact .preview-blog .post-likes,
.richdent-blog-feed-grid .preview-blog .post-read-time,
.richdent-blog-feed-grid .preview-blog .post-views,
.richdent-blog-feed-grid .preview-blog .post-likes {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 4px !important;
  color: #716664 !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
}

.richdent-blog-archive .preview-blog--wide .post-read-time,
.richdent-blog-archive .preview-blog--wide .post-views,
.richdent-blog-archive .preview-blog--wide .post-likes,
.richdent-blog-archive .preview-blog--featured .post-read-time,
.richdent-blog-archive .preview-blog--featured .post-views,
.richdent-blog-archive .preview-blog--featured .post-likes,
.richdent-blog-feed-slider .preview-blog .post-read-time,
.richdent-blog-feed-slider .preview-blog .post-views,
.richdent-blog-feed-slider .preview-blog .post-likes,
.richdent-blog-feed-grid .preview-blog .post-read-time,
.richdent-blog-feed-grid .preview-blog .post-views,
.richdent-blog-feed-grid .preview-blog .post-likes {
  font-weight: 400 !important;
}

/* Figma 6001:1380 ? date pill (?????? 85?19): 8px left, 3px right, 4/5px vertical, 3px icon gap */
.richdent-blog-archive .preview-blog__date,
.richdent-blog-feed-slider .preview-blog__date,
.richdent-blog-feed-compact .preview-blog__date,
.richdent-blog-feed-grid .preview-blog__date,
.richdent-blog-popular .preview-blog__date {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  box-sizing: border-box !important;
  width: max-content !important;
  min-width: 85px !important;
  max-width: calc(100% - 16px) !important;
  height: 19px !important;
  min-height: 19px !important;
  padding: 4px 3px 5px 8px !important;
  border-radius: 30px !important;
  background: linear-gradient(
    92deg,
    #d4bbb7 7.95%,
    #ae9088 54.44%,
    #716664 106.56%
  ) !important;
  color: #fff !important;
  font-family: Roboto, Manrope, "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.richdent-blog-archive .preview-blog__date-icon,
.richdent-blog-feed-slider .preview-blog__date-icon,
.richdent-blog-feed-compact .preview-blog__date-icon,
.richdent-blog-feed-grid .preview-blog__date-icon,
.richdent-blog-popular .preview-blog__date-icon {
  flex: 0 0 10px !important;
  width: 10px !important;
  height: 10px !important;
  background: url("/content/mu-plugins/richdent-blog/assets/icons/meta-calendar.svg") center / contain
    no-repeat !important;
}

.richdent-blog-archive .preview-blog__date time,
.richdent-blog-feed-slider .preview-blog__date time,
.richdent-blog-feed-compact .preview-blog__date time,
.richdent-blog-feed-grid .preview-blog__date time,
.richdent-blog-popular .preview-blog__date time {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font: inherit !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

/* Figma date badge: 8?8px inset on 252?152 images, 15?15px on large images */
.richdent-blog-archive .preview-blog__img,
.richdent-blog-feed-slider .preview-blog__img,
.richdent-blog-feed-compact .preview-blog__img,
.richdent-blog-feed-grid .preview-blog__img,
.richdent-blog-popular .preview-blog__img {
  position: relative !important;
}

.richdent-blog-feed-compact .preview-blog__date,
.archive-grid.richdent-blog-feed-compact[data-context="blog"] > .preview-blog .preview-blog__date,
.richdent-blog-popular .preview-blog__date,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog--compact
  .preview-blog__date,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog:not(.preview-blog--featured):not(:first-child)
  .preview-blog__date,
.richdent-blog-feed-grid > .preview-blog--compact .preview-blog__date {
  top: 8px !important;
  right: 8px !important;
}

@media (min-width: 1024px) {
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__date,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__date,
  .richdent-blog-feed-slider .preview-blog__date,
  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__date {
    top: 15px !important;
    right: 15px !important;
  }
}

@media (max-width: 1023px) {
  .richdent-blog-archive .preview-blog__date,
  .richdent-blog-feed-slider .preview-blog__date,
  .richdent-blog-feed-compact .preview-blog__date,
  .richdent-blog-feed-grid .preview-blog__date,
  .richdent-blog-popular .preview-blog__date {
    top: 8px !important;
    right: 8px !important;
  }
}

.richdent-blog-archive .preview-blog .post-meta:last-of-type,
.richdent-blog-popular .preview-blog .post-meta:last-of-type,
.richdent-blog-feed-slider .preview-blog .post-meta:last-of-type,
.richdent-blog-feed-compact .preview-blog .post-meta:last-of-type,
.richdent-blog-feed-grid .preview-blog .post-meta:last-of-type {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  align-items: center !important;
}

/* Subscription block ? typography + stable form chrome */
.richdent-blog-subscribe h2 {
  font-family: "Richdent Vetrino", Vetrino, serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.28px !important;
  text-transform: none !important;
}

/* One-line title only on wide desktops; mid keeps the <br> for readability */
@media (min-width: 1200px) {
  .richdent-blog-subscribe h2 br {
    display: none !important;
  }
}

.richdent-blog-subscribe p {
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.28px !important;
}

.richdent-blog-subscribe__form input[type="email"] {
  border: 0 !important;
  background: rgba(255, 255, 255, 0.4) !important;
  color: #2a2a2a !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
}

.richdent-blog-subscribe__form input[type="email"]::placeholder {
  color: rgba(0, 0, 0, 0.45) !important;
  opacity: 1 !important;
  font-family: "Richdent Manrope", Manrope, "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.richdent-blog-subscribe__form .btn {
  background: linear-gradient(90deg, #d4bbb7 0%, #9a827c 100%) !important;
  color: #fff !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 20px !important;
  font-weight: 450 !important;
  line-height: 29px !important;
  letter-spacing: 0.28px !important;
  text-transform: none !important;
}

.richdent-blog-subscribe__consent {
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.28px !important;
}

.richdent-blog-subscribe__consent input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background-color: #757575 !important;
  accent-color: transparent;
}

.richdent-blog-subscribe__consent input[type="checkbox"]:checked {
  background-color: #757575 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5.2 4.2 8.4 11 1.6' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 10px !important;
}

/* Kill legacy blog-v1 gradient shell so Figma photo + overlay can show through */
.richdent-blog-subscribe {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 0 !important;
  background-color: transparent !important;
}

.richdent-blog-subscribe::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(97, 92, 92, 0.15) 0%, rgba(97, 92, 92, 0.72) 100%),
    linear-gradient(90deg, rgba(97, 92, 92, 0.55) 0%, rgba(97, 92, 92, 0.18) 42%, rgba(97, 92, 92, 0.18) 58%, rgba(97, 92, 92, 0.5) 100%);
  pointer-events: none;
  z-index: 0;
}

.richdent-blog-subscribe > div,
.richdent-blog-subscribe__form {
  position: relative;
  z-index: 1;
}

/* Honeypot must not occupy a grid cell */
.richdent-blog-subscribe__hp {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  border: 0 !important;
  pointer-events: none !important;
}

/* Desktop form: email | button, consent full-width under (no -85px hack) */
@media (min-width: 1024px) {
  .richdent-blog-subscribe,
  .richdent-blog-archive > .richdent-blog-subscribe,
  .richdent-blog-popular + .richdent-blog-subscribe,
  .main:has(> .single[data-context="blog"]) .richdent-blog-subscribe {
    width: min(calc(100% - 40px), 1760px) !important;
    max-width: 1760px !important;
    min-height: clamp(280px, 28vw, 333px) !important;
    margin-inline: auto !important;
    padding: clamp(36px, 4vw, 52px) clamp(28px, 5vw, 120px) clamp(32px, 4vw, 54px) !important;
    border-radius: 20px !important;
    background-image: url("blog-subscribe-desktop.webp") !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  .richdent-blog-subscribe > div {
    max-width: min(920px, 100%) !important;
  }

  .richdent-blog-subscribe h2 {
    font-size: clamp(28px, 3vw, 36px) !important;
    line-height: 1.15 !important;
  }

  .richdent-blog-subscribe p {
    max-width: min(689px, 100%) !important;
    margin-top: clamp(14px, 1.8vw, 26px) !important;
    font-size: clamp(16px, 1.7vw, 20px) !important;
    line-height: 1.25 !important;
  }

  .richdent-blog-subscribe__form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 280px) !important;
    grid-template-areas:
      "email btn"
      "consent consent" !important;
    gap: 14px 16px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: min(1100px, 100%) !important;
    margin-top: clamp(18px, 2.2vw, 27px) !important;
  }

  .richdent-blog-subscribe__form
    > label:not(.richdent-blog-subscribe__consent, .richdent-blog-subscribe__hp) {
    grid-area: email !important;
    min-width: 0 !important;
  }

  .richdent-blog-subscribe__form input[type="email"] {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
  }

  .richdent-blog-subscribe__form .btn {
    grid-area: btn !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    height: 50px !important;
    min-height: 50px !important;
    padding-block: 0 !important;
    font-size: clamp(16px, 1.6vw, 20px) !important;
  }

  .richdent-blog-subscribe__consent {
    grid-area: consent !important;
    display: flex !important;
    gap: 8px !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
}

/* Consultation CTA ? Figma 6001:1976 desktop from 1024px. */
@media (min-width: 1024px) {
  .main__archive.richdent-blog-archive {
    overflow: visible !important;
  }

  /*
   * Archive CTA fills the 1920 zoom canvas (NOT 100vw ? that leaves a white
   * side gap inside the scaled frame). Article pages still break out to 100vw.
   */
  .main__archive.richdent-blog-archive > .richdent-blog-consultation,
  .richdent-blog-archive > .richdent-blog-consultation--archive {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 450px !important;
    min-height: 450px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-top: calc(var(--richdent-blog-block-gap, 70px) + 65px) !important;
    justify-self: stretch !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation--inline,
  .single[data-context="blog"] .richdent-blog-consultation--article-fallback,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline {
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: none !important;
    height: clamp(400px, 52vw, 450px) !important;
    min-height: 400px !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    margin-top: calc(var(--richdent-blog-block-gap, 70px) + clamp(48px, 6.5vw, 72px)) !important;
    justify-self: start !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .richdent-blog-consultation::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 11.3% !important;
    width: 65.3% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background: url("blog-consultation-bg.webp") 18% 55% / cover no-repeat !important;
    opacity: 0.5 !important;
  }

  .richdent-blog-consultation::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 11.3% !important;
    width: 65.3% !important;
    height: 100% !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg, rgb(97 92 92 / 0%) 0%, #615c5c 100%),
      linear-gradient(90deg, rgb(97 92 92 / 0%) 0%, #615c5c 100%),
      linear-gradient(270deg, rgb(97 92 92 / 0%) 0%, #615c5c 100%),
      linear-gradient(165deg, rgb(97 92 92 / 0%) 0%, rgb(97 92 92 / 85%) 100%) !important;
    opacity: 1 !important;
  }

  .richdent-blog-consultation__copy {
    display: block !important;
    box-sizing: border-box !important;
    width: min(920px, 58%) !important;
    max-width: 920px !important;
    padding: clamp(64px, 8vw, 90px) 0 0 max(32px, calc((100% - 1760px) / 2)) !important;
    text-align: left !important;
  }

  .richdent-blog-consultation h2,
  .single[data-context="blog"] .richdent-blog-consultation h2 {
    max-width: none !important;
    width: auto !important;
    margin: 0 !important;
    font-family: "Richdent Vetrino", Vetrino, serif !important;
    /* ~34 @ 1024 ? 46 @ wide; was fixed 50 and overcrowded mid desktop */
    font-size: clamp(28px, 3.3vw, 46px) !important;
    font-weight: 400 !important;
    line-height: clamp(34px, 4vw, 56px) !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .richdent-blog-consultation__title-full {
    display: inline !important;
  }

  .richdent-blog-consultation__title-mobile {
    display: none !important;
  }

  .richdent-blog-consultation p,
  .single[data-context="blog"] .richdent-blog-consultation p {
    margin-top: clamp(8px, 1vw, 13px) !important;
    font-size: clamp(16px, 2vw, 30px) !important;
    font-weight: 300 !important;
    line-height: clamp(22px, 2.4vw, 35px) !important;
    text-align: left !important;
    text-transform: lowercase !important;
  }

  .richdent-blog-consultation .btn {
    --btn-width: auto;
    display: inline-flex !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: min(360px, calc(100% - 2 * var(--rd-consult-pad-x, 40px))) !important;
    min-width: clamp(260px, 30vw, 335px) !important;
    height: clamp(48px, 5vw, 58px) !important;
    margin-top: clamp(18px, 2.4vw, 33px) !important;
    border-radius: 999px !important;
    background: linear-gradient(
      92deg,
      #d4bbb7 7.95%,
      #ae9088 54.44%,
      #716664 106.56%
    ) !important;
    background-image: linear-gradient(
      92deg,
      #d4bbb7 7.95%,
      #ae9088 54.44%,
      #716664 106.56%
    ) !important;
  }

  .richdent-blog-consultation .btn.type\:icon-right {
    --icon-display: flex !important;
    --icon-mg-l: 0 !important;
    --btn-justify: space-between !important;
    --icon-parent-size: clamp(36px, 3.8vw, 44px) !important;
    --btn-gap: 8px !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 0 8px 0 clamp(24px, 3vw, 40px) !important;
  }

  /* Figma I8044:3268 ? Manrope Regular; scale slightly on mid desktop */
  .richdent-blog-consultation .btn .btn__text {
    display: inline-flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: left !important;
    font-family: "Richdent Manrope", Manrope, "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: clamp(15px, 1.6vw, 20px) !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.16px !important;
    text-transform: none !important;
  }

  .richdent-blog-consultation .btn .icons {
    display: inline-flex !important;
    flex: 0 0 clamp(36px, 3.8vw, 44px) !important;
    align-items: center !important;
    justify-content: center !important;
    width: clamp(36px, 3.8vw, 44px) !important;
    height: clamp(36px, 3.8vw, 44px) !important;
    margin-left: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    --icon-bg-color: #8c7772 !important;
    color: #8c7772 !important;
  }

  .richdent-blog-consultation__doctor {
    position: absolute !important;
    /* Figma: bottom flush, ~65px head above banner */
    top: auto !important;
    right: clamp(20px, 7vw, 247px) !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: clamp(240px, 32vw, 472px) !important;
    max-width: none !important;
    height: calc(100% + clamp(48px, 6.5vw, 72px)) !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: 78% center !important;
    pointer-events: none !important;
    transform: none !important;
    overflow: visible !important;
  }
}

@media (max-width: 1023px) {
  /* Figma 8105:1978 ? Manrope Regular 16 @ 360 ? min(16px, 4.444vw) */
  .richdent-blog-consultation .btn,
  .richdent-blog-consultation .btn .btn__text {
    display: inline-flex !important;
    align-items: center !important;
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: min(16px, 4.444vw) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
    line-height: 1 !important;
    letter-spacing: 0.16px !important;
    text-transform: none !important;
    text-align: left !important;
    color: #fff !important;
    --btn-font-weight: 400 !important;
    --btn-font-size: min(16px, 4.444vw) !important;
    --btn-justify: space-between !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .richdent-blog-consultation .btn {
    position: relative !important;
    justify-content: space-between !important;
    padding: 0 min(8px, 2.222vw) 0 min(40px, 11.111vw) !important;
    gap: min(20px, 5.556vw) !important;
  }

  .richdent-blog-consultation .btn .icons,
  .richdent-blog-consultation .btn .icons.type\:arrow {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 0 0 0 auto !important;
    transform: none !important;
  }

  .richdent-blog-consultation h2,
  .richdent-blog-consultation__title-mobile,
  .richdent-blog-consultation__title-mobile-line {
    font-synthesis: none !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
}

/* Compact card spacing ? meta row pinned to card footer per Figma 6001:1380 */
.richdent-blog-feed-compact > .preview-blog .preview-blog__content,
.richdent-blog-popular .preview-blog .preview-blog__content,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog--compact
  .preview-blog__content,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog:not(.preview-blog--featured):not(:first-child)
  .preview-blog__content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  /* Figma 8099:2616 ? 16 sides/top, 32 below meta */
  margin: 16px 16px 32px !important;
  padding: 0 !important;
}

/*
 * ?????? ????????? ? same 276?352 compact chrome as cards above.
 * Base rule `height: 100%` made cards grow/shrink with title length.
 */
@media (min-width: 1024px) {
  .richdent-blog-popular > .archive-grid[data-context="blog-popular"] {
    align-items: stretch !important;
  }

  .richdent-blog-popular .preview-blog,
  .richdent-blog-popular > .archive-grid[data-context="blog-popular"] .preview-blog {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    width: 276px !important;
    min-width: 276px !important;
    max-width: 276px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    overflow: hidden !important;
  }

  .richdent-blog-popular .preview-blog__img {
    box-sizing: border-box !important;
    width: 252px !important;
    max-width: 252px !important;
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
    margin: 12px 12px 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  .richdent-blog-popular .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 16px 16px 32px !important;
    padding: 0 !important;
  }

  .richdent-blog-popular .preview-blog .preview-blog__content-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    min-height: 80px !important;
    max-height: 80px !important;
    margin-top: 4px !important;
    line-height: 20px !important;
  }

  .richdent-blog-popular .preview-blog .post-meta:last-of-type {
    margin-top: auto !important;
    flex-shrink: 0 !important;
  }
}

.richdent-blog-feed-grid .preview-blog__content {
  margin: 16px 16px 24px !important;
  padding: 0 !important;
  height: auto !important;
}

@media (min-width: 1024px) {
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__content,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__content {
    margin: 16px 16px 24px !important;
    padding: 0 !important;
    height: auto !important;
  }
}

.richdent-blog-feed-compact .preview-blog .post-meta:last-of-type,
.richdent-blog-popular .preview-blog .post-meta:last-of-type,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog--compact
  .post-meta:last-of-type,
.richdent-blog-archive
  > .archive-grid[data-layout="lead"]
  > .preview-blog:not(.preview-blog--featured):not(:first-child)
  .post-meta:last-of-type {
  margin-top: auto !important;
}

.richdent-blog-feed-grid .preview-blog .post-meta:last-of-type,
.richdent-blog-feed-grid > .preview-blog--wide .preview-blog__content > .post-meta:last-of-type {
  margin-top: auto !important;
}

@media (min-width: 1024px) {
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .post-meta:last-of-type {
    margin-top: auto !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__more,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__more {
    display: inline-flex !important;
    margin-top: 16px !important;
    padding-top: 0 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__content-title,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__content-title {
    margin-top: 8px !important;
    font-size: clamp(24px, 2.2vw, 32px) !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    -webkit-line-clamp: 2 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__content,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__content {
    margin: 16px 16px 24px !important;
    padding: 0 !important;
  }
}

.richdent-blog-feed-compact > .preview-blog .preview-blog__content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

@media (max-width: 1023px) {
  /*
   * Lead cards above consultation ? equal height + meta on one baseline.
   * Featured must use the same content inset as compact (not desktop 20/32/32).
   */
  .main__archive.richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured {
    display: flex !important;
    flex-direction: column !important;
  }

  .main__archive.richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog
    .preview-blog__content,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog .preview-blog__content,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__content,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    /* Figma 8099:2616 ? 16 sides/top, 32 below meta */
    margin: 16px 16px 32px !important;
    padding: 0 !important;
  }
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog
    .preview-blog__content-title,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__content-title,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__content-title {
    margin-top: 4px !important;
    font-size: 16px !important;
    font-weight: 450 !important;
    line-height: 20px !important;
    -webkit-line-clamp: 4 !important;
    /* Figma flex-col title up to 84px ? reserve so meta gap stays 60 across cards */
    min-height: 84px !important;
    max-height: 84px !important;
    overflow: hidden !important;
  }

  .main__archive.richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog
    .post-meta:last-of-type,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .post-meta:last-of-type {
    /* Title reserves 84px (Figma); meta pins with auto ? fixed 60px overflowed 352 cards */
    margin-top: auto !important;
    padding-top: 0 !important;
  }

  .main__archive.richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog
    .preview-blog__more,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog .preview-blog__more,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__more,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__more {
    display: none !important;
  }

  /* Theme .slider adds margin-bottom: 80px ? causes huge gap before compact row */
  .richdent-blog-feed-slider .slider {
    margin-bottom: 0 !important;
  }

  .richdent-blog-feed-slider {
    margin-top: 77px !important;
    padding-top: 0 !important;
  }

  .richdent-blog-feed-slider__nav {
    height: auto !important;
    pointer-events: auto !important;
  }

  .richdent-blog-feed-slider__nav .embla__controls {
    position: static !important;
    top: auto !important;
    margin-bottom: 12px !important;
    padding-inline: 12px !important;
    gap: 5px !important;
  }

  .richdent-blog-feed-slider {
    --richdent-slider-card-height: 352px !important;
    --richdent-slider-shadow-bleed: 12px !important;
  }

  .richdent-blog-feed-slider .embla__viewport {
    min-height: calc(
      var(--richdent-slider-card-height, 352px) + 2 * var(--richdent-slider-shadow-bleed, 12px)
    ) !important;
    /* padding-top was 0 ? clipped card radius + photo inset at the top */
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-top: var(--richdent-slider-shadow-bleed, 12px) !important;
    padding-bottom: var(--richdent-slider-shadow-bleed, 12px) !important;
    margin-top: calc(-1 * var(--richdent-slider-shadow-bleed, 12px)) !important;
    margin-bottom: calc(-1 * var(--richdent-slider-shadow-bleed, 12px)) !important;
    padding-inline: 12px !important;
    margin-inline: 0 !important;
    scroll-padding-inline: 12px !important;
    touch-action: pan-x pan-y !important;
  }

  .richdent-blog-feed-slider .embla__container {
    min-height: var(--richdent-slider-card-height, 352px) !important;
    --embla-gap: 12px !important;
    gap: 12px !important;
  }

  .richdent-blog-feed-compact-wrap {
    margin-top: 38px !important;
  }

  .richdent-blog-archive .post-loader {
    margin-top: 54px !important;
  }

  .richdent-blog-feed-grid > .preview-blog--wide,
  .richdent-blog-feed-grid > .preview-blog--compact,
  .richdent-blog-feed-grid > .preview-blog {
    height: var(--rd-mobile-card-height, 352px) !important;
    min-height: var(--rd-mobile-card-height, 352px) !important;
    max-height: var(--rd-mobile-card-height, 352px) !important;
  }

  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] {
    margin-top: 45px !important;
  }

  .richdent-blog-popular {
    margin-top: 100px !important;
  }

  .richdent-blog-popular__head {
    display: block !important;
    margin: 0 0 28px !important;
  }

  .richdent-blog-popular__head > .section-title {
    margin: 0 var(--rd-mobile-gutter, 12px) 0 !important;
  }

  .richdent-blog-popular__head > .main__archive-pagination {
    display: none !important;
  }

  /* Figma 8099 ? ?????? ????????? horizontal rail */
  .richdent-blog-popular > .archive-grid[data-context="blog-popular"] {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding-block: 12px !important;
    margin-bottom: -12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
  }

  .richdent-blog-popular > .archive-grid[data-context="blog-popular"]::-webkit-scrollbar {
    display: none !important;
  }

  .richdent-blog-popular .preview-blog,
  .richdent-blog-popular > .archive-grid[data-context="blog-popular"] .preview-blog {
    flex: 0 0 var(--rd-mobile-card-width, 276px) !important;
    width: var(--rd-mobile-card-width, 276px) !important;
    min-width: var(--rd-mobile-card-width, 276px) !important;
    max-width: var(--rd-mobile-card-width, 276px) !important;
    height: var(--rd-mobile-card-height, 352px) !important;
    min-height: var(--rd-mobile-card-height, 352px) !important;
    max-height: var(--rd-mobile-card-height, 352px) !important;
    scroll-snap-align: start !important;
  }

  .richdent-blog-popular .preview-blog__content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  .richdent-blog-popular .preview-blog .post-meta:last-of-type {
    margin-top: auto !important;
  }
}

@media (max-width: 1023px) {
  .richdent-blog-archive > .richdent-blog-subscribe,
  .richdent-blog-popular + .richdent-blog-subscribe {
    margin-top: 58px !important;
  }

  .richdent-blog-archive > .richdent-blog-subscribe {
    width: calc(100% - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    margin-bottom: 50px !important;
    padding: 28px 20px 24px !important;
    border-radius: 20px !important;
    background-image: url("blog-subscribe-mobile.webp") !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .richdent-blog-subscribe h2 {
    font-size: 22px !important;
    line-height: 24px !important;
  }

  .richdent-blog-subscribe h2 br {
    display: inline !important;
  }

  .richdent-blog-subscribe p {
    margin-top: 15px !important;
    font-size: 16px !important;
    line-height: 18px !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe__form,
  .richdent-blog-subscribe__form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "email"
      "btn"
      "consent" !important;
    gap: 12px !important;
    max-width: none !important;
    margin-top: 20px !important;
  }

  .richdent-blog-subscribe__form
    > label:not(.richdent-blog-subscribe__consent, .richdent-blog-subscribe__hp) {
    grid-area: email !important;
  }

  .richdent-blog-subscribe__form .btn {
    grid-area: btn !important;
    width: 100% !important;
    max-width: none !important;
    font-size: 18px !important;
  }

  .richdent-blog-subscribe__consent {
    grid-area: consent !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 14px !important;
  }

  .richdent-blog-consultation__copy {
    z-index: 3;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: var(--rd-consult-pad-top, 29px) var(--rd-consult-pad-x, 30px) 0 !important;
    text-align: left !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  .richdent-blog-consultation__title-full {
    display: none !important;
  }

  .richdent-blog-consultation__title-mobile {
    display: block !important;
    width: 100% !important;
    max-width: var(--rd-consult-title-max, 293px) !important;
  }

  .richdent-blog-consultation__title-mobile-line {
    display: block !important;
    line-height: min(26px, 7.222vw) !important;
    white-space: normal !important;
    max-width: 100% !important;
    font-size: min(28px, 7.778vw) !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
  }

  .richdent-blog-consultation h2 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--rd-consult-title-max, 293px) !important;
    margin: 0 !important;
    font-family: "Richdent Vetrino", Vetrino, serif !important;
    font-size: min(28px, 7.778vw) !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
    line-height: min(26px, 7.222vw) !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .richdent-blog-consultation p {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--rd-consult-sub-max, 264px) !important;
    margin: var(--rd-consult-stack-gap, 11px) 0 0 !important;
    text-align: left !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: min(14px, 3.889vw) !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
    line-height: min(26px, 7.222vw) !important;
    text-transform: lowercase !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .richdent-blog-consultation .btn {
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    margin-top: var(--rd-consult-stack-gap, 11px) !important;
    margin-bottom: 112px !important;
    border-radius: 29px !important;
    background: linear-gradient(
      92deg,
      #d4bbb7 7.95%,
      #ae9088 54.44%,
      #716664 106.56%
    ) !important;
    background-image: linear-gradient(
      92deg,
      #d4bbb7 7.95%,
      #ae9088 54.44%,
      #716664 106.56%
    ) !important;
  }

  .richdent-blog-consultation__doctor {
    position: relative !important;
    top: auto !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 1 !important;
    width: 244px !important;
    height: 267px !important;
    margin: 0 0 0 auto !important;
    object-fit: cover !important;
    object-position: 70% 0% !important;
    pointer-events: none !important;
    transform: none !important;
  }

  .richdent-blog-consultation .btn.type\:icon-right {
    --icon-display: flex !important;
    --btn-justify: flex-start !important;
    --icon-parent-size: 44px !important;
    --btn-gap: 20px !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    padding: 0 8px 0 40px !important;
  }

  .richdent-blog-consultation .btn .btn__text {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    text-align: left !important;
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
    line-height: 36px !important;
    letter-spacing: 0.16px !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .richdent-blog-consultation .btn .icons {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 44px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: auto !important;
    border-radius: 50% !important;
    background: #fff !important;
    --icon-bg-color: #8c7772 !important;
    color: #8c7772 !important;
  }

  /* Figma 8099:2616 ? mobile card surfaces (tighter side blur than desktop 37.2) */
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog,
  .richdent-blog-feed-slider .preview-blog,
  .richdent-blog-feed-grid .preview-blog,
  .richdent-blog-popular .preview-blog,
  .richdent-blog-feed-compact > .preview-blog,
  .richdent-blog-archive .archive-grid[data-context="blog"] .preview-blog {
    background: #f6f6f6 !important;
    border: 0 !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%) !important;
  }

  .richdent-blog-archive .preview-blog:hover,
  .richdent-blog-archive .preview-blog:focus-within,
  .richdent-blog-archive .archive-grid[data-context="blog"] .preview-blog:hover,
  .richdent-blog-archive .archive-grid[data-context="blog"] .preview-blog:focus-within {
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%) !important;
  }

  .richdent-blog-archive .post-loader {
    display: flex !important;
    justify-content: center !important;
  }

  .richdent-blog-archive .post-loader .js-show-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--rd-mobile-content, calc(100vw - 24px)) !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 27px !important;
    background: linear-gradient(
      92deg,
      #d4bbb7 7.95%,
      #ae9088 54.44%,
      #716664 106.56%
    ) !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 18px !important;
    font-weight: 450 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    align-items: stretch !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__copy {
    align-self: flex-start !important;
    text-align: left !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta {
    align-self: center !important;
    justify-content: center !important;
    width: 288px !important;
    max-width: calc(100% - 24px) !important;
    margin-top: auto !important;
    margin-inline: auto !important;
    padding: 0 !important;
  }

  .richdent-blog-feed-compact .preview-blog__content {
    margin: 16px 16px 32px !important;
  }

  .richdent-blog-feed-compact .preview-blog__content-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
    min-height: 84px !important;
    max-height: 84px !important;
  }

  /* Figma 8099:2976 ? archive promo card */
  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    padding: 21px 20px 24px !important;
    width: 336px !important;
    max-width: 336px !important;
    height: 352px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    border-radius: inherit !important;
    background: var(--richdent-promo-bg, url("blog-consultation-bg.webp")) 12% 40% / cover
      no-repeat !important;
    opacity: 0.4 !important;
    filter: none !important;
    pointer-events: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    border-radius: inherit !important;
    background:
      linear-gradient(180deg, rgb(97 92 92 / 45%) 0%, rgb(97 92 92 / 25%) 40%, #615c5c 100%),
      linear-gradient(
        90deg,
        rgb(97 92 92 / 55%) 0%,
        rgb(97 92 92 / 20%) 28%,
        rgb(97 92 92 / 50%) 70%,
        #615c5c 100%
      ),
      linear-gradient(165deg, rgb(97 92 92 / 20%) 0%, rgb(97 92 92 / 70%) 100%) !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__copy {
    gap: 6px !important;
    max-width: 240px !important;
    align-self: flex-start !important;
    text-align: left !important;
    z-index: 3 !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__until {
    font-weight: 700 !important;
    line-height: 22.4px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card .richdent-blog-promo-card__doctor {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    width: 270px !important;
    max-width: 270px !important;
    height: 268px !important;
    max-height: 268px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    pointer-events: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta {
    display: flex !important;
    flex-direction: row !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 288px !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    gap: 0 !important;
    z-index: 3 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 18px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-inner {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-text {
    display: block !important;
    flex: 0 0 auto !important;
    height: auto !important;
    line-height: 18px !important;
    white-space: nowrap !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-icon {
    display: inline-flex !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #fff !important;
    transform: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-icon .icons {
    display: inline-flex !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    --icon-parent-size: 24px !important;
    --icon-bg-color: #716664 !important;
    color: #716664 !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-icon .icons::before {
    width: 10px !important;
    height: 8px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-icon::before {
    content: none !important;
    display: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__copy,
  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta {
    z-index: 3 !important;
  }

  /* Figma 8099:2990 ? feed card title is 4 lines (84px), not wide-card 2-line clamp */
  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__content,
  .richdent-blog-feed-grid > .preview-blog--compact .preview-blog__content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
    width: calc(100% - 32px) !important;
    max-width: none !important;
    min-height: 140px !important;
    height: auto !important;
    margin: 16px !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__content > .post-meta:last-of-type,
  .richdent-blog-feed-grid > .preview-blog--compact .preview-blog__content > .post-meta:last-of-type {
    margin-top: auto !important;
  }

  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__content-title,
  .richdent-blog-feed-grid > .preview-blog--compact .preview-blog__content-title,
  .richdent-blog-feed-grid > .preview-blog .preview-blog__content-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 16px !important;
    font-weight: 450 !important;
    line-height: 20px !important;
    min-height: 84px !important;
    max-height: 84px !important;
  }

  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__content-title::after,
  .richdent-blog-feed-grid > .preview-blog--compact .preview-blog__content-title::after,
  .richdent-blog-archive .preview-blog__content-title::after {
    content: none !important;
    display: none !important;
  }

  /* Theme floating sign-widget overlaps promo CTA on scroll */
  body:has(.main__archive.richdent-blog-archive) .sign-widget {
    display: none !important;
  }

  .main__archive.richdent-blog-archive {
    background: #fff !important;
  }

  .richdent-blog-feed-slider,
  .richdent-blog-feed-compact-wrap,
  .richdent-blog-feed-grid,
  .richdent-blog-popular {
    background: transparent !important;
  }

  /* Figma 8099:2616 ? content flex column fills card, meta row at bottom */
  .richdent-blog-archive .preview-blog__content,
  .richdent-blog-feed-slider .preview-blog__content,
  .richdent-blog-feed-grid .preview-blog__content,
  .richdent-blog-feed-compact .preview-blog__content,
  .richdent-blog-popular .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 140px !important;
  }

  .richdent-blog-feed-grid .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-compact .preview-blog .post-meta:last-of-type,
  .richdent-blog-popular .preview-blog .post-meta:last-of-type,
  .main__archive.richdent-blog-archive .preview-blog .post-meta:last-of-type {
    display: flex !important;
    flex-flow: row nowrap !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: auto !important;
    padding-top: 0 !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }

  /* Slider wide cards ? Figma: meta under title (not pinned to footer) */
  .richdent-blog-feed-slider .preview-blog .post-meta:last-of-type {
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: 16px !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .richdent-blog-archive .preview-blog .post-views,
  .richdent-blog-archive .preview-blog .post-read-time,
  .richdent-blog-archive .preview-blog .post-likes,
  .richdent-blog-feed-slider .preview-blog .post-views,
  .richdent-blog-feed-slider .preview-blog .post-read-time,
  .richdent-blog-feed-slider .preview-blog .post-likes,
  .richdent-blog-feed-grid .preview-blog .post-views,
  .richdent-blog-feed-grid .preview-blog .post-read-time,
  .richdent-blog-feed-grid .preview-blog .post-likes,
  .richdent-blog-feed-compact .preview-blog .post-views,
  .richdent-blog-feed-compact .preview-blog .post-read-time,
  .richdent-blog-feed-compact .preview-blog .post-likes,
  .richdent-blog-popular .preview-blog .post-views,
  .richdent-blog-popular .preview-blog .post-read-time,
  .richdent-blog-popular .preview-blog .post-likes {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 20px !important;
    min-height: 20px !important;
    white-space: nowrap !important;
  }

  .richdent-blog-archive .preview-blog .post-meta .icons,
  .richdent-blog-feed-slider .preview-blog .post-meta .icons,
  .richdent-blog-feed-grid .preview-blog .post-meta .icons,
  .richdent-blog-feed-compact .preview-blog .post-meta .icons,
  .richdent-blog-popular .preview-blog .post-meta .icons {
    display: inline-flex !important;
    flex: 0 0 16px !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    --icon-parent-size: 16px !important;
  }

  .richdent-blog-archive .post-loader .js-show-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
}

/* Figma 6001:1380 ? desktop archive from 1024px (fluid until wide) */
@media (min-width: 1024px) {
  .main__archive.richdent-blog-archive {
    --richdent-blog-content-width: min(calc(100vw - 80px), 1760px) !important;
    --richdent-blog-block-gap: 70px !important;
    overflow: visible !important;
  }

  .richdent-blog-archive .main__archive-title,
  .richdent-blog-archive .archive-nav,
  .richdent-blog-archive > .archive-grid[data-layout="lead"],
  .richdent-blog-feed-compact-wrap,
  .richdent-blog-feed-grid,
  .richdent-blog-archive .post-loader,
  .richdent-blog-archive > .richdent-blog-subscribe {
    width: var(--richdent-blog-content-width) !important;
    max-width: var(--richdent-blog-content-width) !important;
    margin-inline: auto !important;
  }

  .richdent-blog-popular:not(.is-wide) {
    width: min(100%, 1760px) !important;
    max-width: 1760px !important;
    margin-inline: auto !important;
  }

  /* Figma 6001:1380 ? title + chips share the centered lead column */
  .richdent-blog-archive .main__archive-title,
  .richdent-blog-archive .archive-nav {
    width: min(100%, 1232px) !important;
    max-width: 1232px !important;
    margin-inline: auto !important;
    transform: none !important;
  }

  .richdent-blog-archive .archive-nav {
    display: grid !important;
    grid-template-columns: repeat(6, max-content) !important;
    grid-template-rows: repeat(2, max-content) !important;
    gap: clamp(16px, 2vw, 29px) 14px !important;
    align-content: start !important;
    min-height: 0 !important;
    max-height: calc(50px * 2 + 29px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  .richdent-blog-archive .archive-nav::-webkit-scrollbar {
    display: none !important;
  }

  /* Desktop lead composition ? Figma 576 / 276 / 276 fluid from 1024 */
  .richdent-blog-archive > .archive-grid[data-layout="lead"] {
    display: grid !important;
    grid-template-columns: minmax(0, 576fr) minmax(0, 276fr) minmax(0, 276fr) !important;
    column-gap: clamp(16px, calc(52 / 1232 * 100%), 52px) !important;
    row-gap: clamp(12px, calc(20 / 1232 * 100%), 20px) !important;
    width: min(100%, 1232px) !important;
    max-width: 1232px !important;
    margin-inline: auto !important;
    transform: none !important;
    overflow: visible !important;
    align-items: stretch !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured {
    display: flex !important;
    flex-direction: column !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    container-type: inline-size !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__img,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__img {
    flex: 0 0 auto !important;
    width: calc(100% * 552 / 576) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 552 / 330 !important;
    margin: min(12px, 2.083cqw) !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child),
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 276 / 352 !important;
    container-type: inline-size !important;
  }

  /* Archive slider fills 1920 zoom canvas (NOT 100vw ? leaves side gaps / clips) */
  .main__archive.richdent-blog-archive .richdent-blog-feed-slider,
  .richdent-blog-archive > .richdent-blog-feed-slider {
    --richdent-slider-arrow-size: 35px !important;
    --richdent-slider-gap-after-consultation: 84px !important;
    --richdent-slider-gap-before-cards: 27px !important;
    --richdent-slider-card-height: 586px !important;
    --richdent-slider-shadow-bleed: 42px !important;
    --richdent-slider-rail-inset: 80px !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: calc(
      var(--richdent-slider-gap-after-consultation) + var(--richdent-slider-arrow-size) +
        var(--richdent-slider-gap-before-cards) - var(--richdent-slider-shadow-bleed, 42px)
    ) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: var(--richdent-slider-shadow-bleed, 42px) !important;
    padding-left: var(--richdent-slider-rail-inset) !important;
    padding-right: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
  }

  .richdent-blog-feed-slider .slider,
  .richdent-blog-feed-slider .embla {
    width: 100% !important;
    max-width: none !important;
  }

  .richdent-blog-feed-slider .slider,
  .richdent-blog-feed-slider .embla,
  .richdent-blog-feed-slider__nav {
    overflow: visible !important;
  }

  .richdent-blog-feed-slider__nav .embla__controls {
    top: calc(
      -1 * (var(--richdent-slider-arrow-size) + var(--richdent-slider-gap-before-cards))
    ) !important;
    right: var(--richdent-slider-rail-inset) !important;
    left: auto !important;
    gap: 12px !important;
  }

  .richdent-blog-feed-slider__nav [data-prev-slide],
  .richdent-blog-feed-slider__nav [data-next-slide] {
    position: relative !important;
    flex: 0 0 35px !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 !important;
    border-radius: 25px !important;
  }

  .richdent-blog-feed-slider .embla__viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    min-height: calc(
      var(--richdent-slider-card-height, 586px) + 2 * var(--richdent-slider-shadow-bleed, 42px)
    ) !important;
    padding-top: var(--richdent-slider-shadow-bleed, 42px) !important;
    padding-bottom: var(--richdent-slider-shadow-bleed, 42px) !important;
    margin-top: calc(-1 * var(--richdent-slider-shadow-bleed, 42px)) !important;
    margin-bottom: calc(-1 * var(--richdent-slider-shadow-bleed, 42px)) !important;
    padding-inline: 0 !important;
    margin-inline: 0 !important;
    scroll-padding-inline: 0 !important;
    clip-path: none !important;
    touch-action: pan-x pan-y !important;
  }

  .richdent-blog-feed-slider .embla__container {
    align-items: flex-start !important;
    min-height: var(--richdent-slider-card-height, 586px) !important;
  }

  .richdent-blog-feed-compact-wrap {
    margin-top: 89px !important;
  }

  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] {
    gap: 78px !important;
    margin-top: 150px !important;
  }

  .richdent-blog-archive .post-loader {
    margin-top: 86px !important;
  }

  .richdent-blog-popular > .section-title {
    margin-bottom: 40px !important;
  }

  .richdent-blog-popular__head > .section-title {
    margin: 0 !important;
  }

  /*
   * ?????? ????????? ? desktop Figma 6001:1380: 5?2 grid (276?352, gap 95/80).
   * Mobile ?1023 keeps the horizontal rail.
   */
  .richdent-blog-popular:not(.is-wide) {
    width: min(100%, 1760px) !important;
    max-width: 1760px !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  .richdent-blog-popular__head {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 0 80px !important;
  }

  .richdent-blog-popular__head > .section-title {
    margin: 0 !important;
  }

  .richdent-blog-popular__head > .main__archive-pagination {
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    justify-content: flex-end !important;
  }

  .richdent-blog-popular:not(.is-wide) > .archive-grid[data-context="blog-popular"] {
    display: grid !important;
    grid-template-columns: repeat(5, 276px) !important;
    grid-template-rows: repeat(2, 352px) !important;
    column-gap: 95px !important;
    row-gap: 80px !important;
    gap: 80px 95px !important; /* row | column ? Figma 6001:1380 */
    align-items: stretch !important;
    justify-content: start !important;
    justify-items: start !important;
    width: 100% !important;
    max-width: 1760px !important;
    margin-inline: 0 !important;
    overflow: visible !important;
    padding-block: 0 !important;
    scroll-snap-type: none !important;
  }

  .richdent-blog-popular:not(.is-wide) .preview-blog,
  .richdent-blog-popular:not(.is-wide) > .archive-grid[data-context="blog-popular"] .preview-blog {
    flex: none !important;
    width: 276px !important;
    min-width: 0 !important;
    max-width: 276px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
  }

  .richdent-blog-feed-slider .embla__slide {
    flex: 0 0 576px !important;
    width: 576px !important;
    min-width: 576px !important;
    align-self: flex-start !important;
    height: auto !important;
    overflow: visible !important;
  }

  .richdent-blog-feed-slider .preview-blog {
    width: 576px !important;
    max-width: 576px !important;
    height: 586px !important;
    min-height: 586px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .richdent-blog-feed-slider .embla__container {
    align-items: flex-start !important;
    margin-top: 0 !important;
  }

  .richdent-blog-feed-slider .preview-blog__img {
    position: relative !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    height: 330px !important;
    min-height: 330px !important;
    max-height: 330px !important;
    margin: 12px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  .richdent-blog-feed-slider .preview-blog__img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
    border-radius: 20px !important;
  }

  .richdent-blog-feed-slider .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    /* Figma 8030:2814 ? 32 after image, ~24?32 sides, 32 bottom */
    padding: 32px 24px 32px !important;
  }

  .richdent-blog-feed-slider .preview-blog__content-title {
    margin-top: 8px !important;
    font-size: 32px !important;
    font-weight: 450 !important;
    line-height: 36px !important;
    color: #323232 !important;
    -webkit-line-clamp: 2 !important;
    max-height: 72px !important;
    overflow: hidden !important;
  }

  .richdent-blog-feed-slider .preview-blog .post-meta:last-of-type {
    margin-top: 12px !important;
    flex-shrink: 0 !important;
  }

  .richdent-blog-feed-slider .preview-blog__more {
    display: inline-flex !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    color: #716664 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
  }

  .richdent-blog-feed-grid > .preview-blog--wide {
    height: 586px !important;
    min-height: 586px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__img {
    position: relative !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    height: 294px !important;
    min-height: 294px !important;
    max-height: 294px !important;
    margin: 12px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
  }

  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 28px 32px !important;
    overflow: visible !important;
  }

  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__content-title {
    margin-top: 8px !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    -webkit-line-clamp: 2 !important;
    max-height: 64px !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive.is-index .main__archive-pagination,
  .richdent-blog-archive.is-rubric .main__archive-pagination {
    display: flex !important;
  }

  .richdent-blog-archive .post-loader .js-show-more {
    text-transform: none !important;
  }

  /* Figma 6001:1380 ? compact card + promo internals */
  .archive-grid.richdent-blog-feed-compact[data-context="blog"]
    > .preview-blog
    .preview-blog__content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    /* Figma 8099:2616 ? 16 sides/top, 32 bottom */
    margin: 16px 16px 32px !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .richdent-blog-feed-compact .preview-blog .post-meta:last-of-type {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    margin-top: auto !important;
  }

  .archive-grid.richdent-blog-feed-compact[data-context="blog"]
    > .preview-blog
    .preview-blog__content-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    max-height: 84px !important;
    margin-top: 4px !important;
    line-height: 20px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    padding: 21px 20px 20px !important;
    border-radius: 20px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__copy {
    gap: 6px !important;
    max-width: 240px !important;
    align-self: flex-start !important;
    text-align: left !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__until {
    font-weight: 700 !important;
    line-height: 22.4px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__title {
    line-height: 20px !important;
    -webkit-line-clamp: 3 !important;
  }

  .richdent-blog-feed-compact-wrap
    .richdent-blog-promo-card
    .richdent-blog-promo-card__doctor {
    right: -11px !important;
    bottom: 0 !important;
    width: 310px !important;
    max-width: 310px !important;
    height: 268px !important;
    max-height: 268px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta {
    align-self: center !important;
    justify-content: center !important;
    width: 288px !important;
    max-width: calc(100% - 8px) !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin-top: auto !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 18px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-inner {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
  }
  .richdent-blog-feed-grid > .preview-blog--wide .post-meta:last-of-type {
    gap: 16px !important;
  }

  /* Figma 6001:1380 ? lead: featured + 2?2 compact, fluid Figma ratios */
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 276 / 352 !important;
    container-type: inline-size !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .preview-blog__img,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .preview-blog__img {
    width: calc(100% * 252 / 276) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 252 / 152 !important;
    margin: min(12px, 4.348cqw) 0 0 min(12px, 4.348cqw) !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .preview-blog__content,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .preview-blog__content {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: min(16px, 5.797cqw) min(16px, 5.797cqw) min(32px, 11.594cqw) !important;
    padding: 0 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .preview-blog__content-title,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .preview-blog__content-title {
    margin-top: min(4px, 1.449cqw) !important;
    font-size: clamp(12px, 5.797cqw, 16px) !important;
    font-weight: 450 !important;
    line-height: clamp(15px, 7.246cqw, 20px) !important;
    -webkit-line-clamp: 3 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .post-meta:last-of-type {
    margin-top: auto !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .preview-blog__more,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .preview-blog__more {
    display: none !important;
  }

  /* Featured lead ? Figma desktop, scales with card width */
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__content,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__content {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: min(16px, 2.778cqw) min(16px, 2.778cqw) min(24px, 4.167cqw) !important;
    padding: 0 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .post-category,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .post-category {
    font-size: clamp(13px, 2.778cqw, 16px) !important;
    font-weight: 450 !important;
    line-height: 1.25 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__content-title,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__content-title {
    margin-top: min(8px, 1.389cqw) !important;
    font-size: clamp(20px, 5.556cqw, 32px) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    -webkit-line-clamp: 2 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  /*
   * Featured (Figma 8030:1627): category + title + meta stay as one top group;
   * only ??????????? pins to the bottom. Meta must NOT use margin-top:auto.
   */
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .post-meta:last-of-type {
    margin-top: 12px !important;
    flex-shrink: 0 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__more,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__more {
    display: inline-flex !important;
    position: static !important;
    width: auto !important;
    margin-top: auto !important;
    padding-top: 0 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__more
    .icons,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__more
    .icons {
    display: none !important;
  }
}

/* Figma 6001:1380 ? subtitle scales with desktop CTA. */
@media (min-width: 1024px) {
  .richdent-blog-consultation p {
    font-size: clamp(16px, 2vw, 30px) !important;
    font-weight: 300 !important;
    line-height: clamp(22px, 2.4vw, 35px) !important;
  }
}

/* Wide desktop ?1351 ? exact Figma 6001:1380 lead sizes */
@media (min-width: 1351px) {
  .main__archive.richdent-blog-archive {
    --richdent-blog-content-width: min(calc(100vw - 160px), 1760px) !important;
  }

  .richdent-blog-archive .archive-nav {
    gap: 29px 14px !important;
    min-height: 129px !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] {
    grid-template-columns: 576px 276px 276px !important;
    column-gap: 52px !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured {
    width: 576px !important;
    max-width: 576px !important;
    min-height: 724px !important;
    max-height: 724px !important;
    height: 724px !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__img,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__img {
    width: 552px !important;
    max-width: 552px !important;
    height: 330px !important;
    min-height: 330px !important;
    max-height: 330px !important;
    aspect-ratio: auto !important;
  }
}

/* Figma archive header ? small gap between H1 and rubric chips. */
.richdent-blog-archive.is-index .archive-nav {
  margin-top: 32px !important;
}

.richdent-blog-archive.is-rubric .archive-nav {
  margin-top: 32px !important;
}

.richdent-blog-archive.is-rubric > .archive-grid[data-layout="lead"] {
  margin-top: 49px !important;
}

/* Figma 6001:1380 / 8099:1684 ? pill chips: smooth caps, no theme border */
@media (min-width: 1024px) {
  .richdent-blog-archive .archive-nav {
    display: grid !important;
    grid-template-columns: repeat(6, max-content) !important;
    grid-template-rows: repeat(2, max-content) !important;
    gap: 29px 14px !important;
    align-content: start !important;
    min-height: 129px !important;
    max-height: calc(50px * 2 + 29px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  .richdent-blog-archive .archive-nav::-webkit-scrollbar {
    display: none !important;
  }
}

/*
 * Was tablet chips (retired); tablet = mobile <=1023
 */
@media (max-width: 0px) /* was tablet 768-1023; tablet=mobile <=1023 */ {
  .richdent-blog-archive .archive-nav {
    display: grid !important;
    grid-template-columns: repeat(6, max-content) !important;
    grid-template-rows: repeat(2, max-content) !important;
    grid-auto-flow: row !important;
    gap: 14px !important;
    align-content: start !important;
    justify-content: start !important;
    width: min(calc(100% - 40px), 1232px) !important;
    max-width: 1232px !important;
    margin-inline: auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: calc(50px * 2 + 14px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: none !important;
  }

  .richdent-blog-archive .archive-nav::-webkit-scrollbar {
    display: none !important;
  }

  .richdent-blog-archive .archive-nav__item {
    flex: 0 0 auto !important;
    scroll-snap-align: none !important;
  }
}

.richdent-blog-archive .archive-nav__item {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 40px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #716664 !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  text-align: center !important;
}

.richdent-blog-archive .archive-nav__item:not(.is-active)::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(
    135deg,
    #d4bbb7 0%,
    #ae9088 47%,
    #908070 100%
  ) !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

.richdent-blog-archive .archive-nav__item.is-active,
.richdent-blog-archive .archive-nav__item.is-active:hover,
.richdent-blog-archive .archive-nav__item.is-active:focus-visible {
  min-width: 154px !important;
  background: linear-gradient(
    92deg,
    #d4bbb7 7.95%,
    #ae9088 54.44%,
    #716664 106.56%
  ) !important;
  color: #fff !important;
}

.richdent-blog-archive .archive-nav__item.is-active::before,
.richdent-blog-archive .archive-nav__item.is-active:hover::before,
.richdent-blog-archive .archive-nav__item.is-active:focus-visible::before {
  content: none !important;
}

.richdent-blog-archive .archive-nav__item:not(.is-active):hover,
.richdent-blog-archive .archive-nav__item:not(.is-active):focus-visible {
  background: #ae9088 !important;
  color: #fff !important;
}

@media (width <= 1023px) {
  .richdent-blog-archive .archive-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    min-height: 50px !important;
  }

  .richdent-blog-archive .archive-nav__item {
    justify-content: center !important;
    padding-inline: 24px !important;
    text-align: center !important;
  }
}

/* -------------------------------------------------------------------------
 * Mobile consultation + cards ? final Figma 8099:2765 / 8099:2616 overrides.
 * Loaded last so theme + duplicate plugin rules cannot win.
 * ---------------------------------------------------------------------- */
@media (max-width: 1023px) {
  /* Figma 8099:2765 / 8105:1975 ? 360 base, vw-scale, cap at Figma px */
  .richdent-blog-consultation {
    box-sizing: border-box !important;
    position: relative !important;
    grid-column: auto !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    background: #615c5c !important;
    box-shadow: none !important;
    touch-action: pan-y !important;
    --rd-consult-pad-x: min(30px, 8.333vw) !important;
    --rd-consult-pad-top: min(29px, 8.056vw) !important;
    --rd-consult-stack-gap: min(11px, 3.056vw) !important;
    --rd-consult-title-max: min(420px, 88%) !important;
    --rd-consult-sub-max: min(360px, 90%) !important;
    --rd-consult-btn-max: 100% !important;
    --rd-consult-photo-w: min(244px, 67.778vw) !important;
    --rd-consult-photo-h: min(267px, 74.167vw) !important;
  }

  /* Archive banner ? full-bleed; height follows content (fixed 511 crushed the CTA) */
  .richdent-blog-archive .richdent-blog-consultation,
  .richdent-blog-consultation--archive {
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 0 !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    --rd-consult-photo-w: var(--rd-c-photo-w, min(244px, 67.778vw)) !important;
    --rd-consult-photo-h: var(--rd-c-photo-h, min(267px, 74.167vw)) !important;
  }

  .richdent-blog-archive.is-index .richdent-blog-consultation--archive {
    margin-top: 42px !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-consultation--archive {
    margin-top: 84px !important;
  }

  /* Figma mobile ? solid #615c5c only (no clinic photo / vignette). Doctor cutout stays. */
  .richdent-blog-consultation::after,
  .richdent-blog-consultation::before {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
  }

  .richdent-blog-consultation {
    background: #615c5c !important;
    background-image: none !important;
  }

  /* Figma 8099:2765 ? clinic photo at 50% + vignette gradients over #615c5c.
   * Kept for reference; disabled on mobile ? user/mockup want flat fill. */
  .richdent-blog-consultation.is-legacy-photo-bg::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background: url("blog-consultation-bg.webp") center 55% / cover no-repeat !important;
    opacity: 0.5 !important;
  }

  .richdent-blog-consultation.is-legacy-photo-bg::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg, rgb(97 92 92 / 0%) 0%, #615c5c 100%),
      linear-gradient(90deg, rgb(97 92 92 / 0%) 0%, #615c5c 100%),
      linear-gradient(270deg, rgb(97 92 92 / 0%) 0%, #615c5c 100%),
      linear-gradient(165deg, rgb(97 92 92 / 0%) 0%, rgb(97 92 92 / 85%) 100%) !important;
    opacity: 1 !important;
  }

  .richdent-blog-consultation__copy {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: var(--rd-consult-pad-top, 29px) var(--rd-consult-pad-x, 30px) 0 !important;
    text-align: left !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  .richdent-blog-consultation__title-full {
    display: none !important;
  }

  .richdent-blog-consultation__title-mobile {
    display: block !important;
    width: 100% !important;
    max-width: var(--rd-consult-title-max, 293px) !important;
  }

  .richdent-blog-consultation__title-mobile-line {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    /* Real Vetrino is wider than Figma ? allow wrap so ??????? never clips (360?414) */
    white-space: normal !important;
    max-width: 100% !important;
  }

  .richdent-blog-consultation h2 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--rd-consult-title-max, 293px) !important;
    margin: 0 !important;
    overflow: visible !important;
    font-family: "Richdent Vetrino", Vetrino, serif !important;
    font-size: min(28px, 7.778vw) !important;
    font-weight: 400 !important;
    line-height: min(26px, 7.222vw) !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .richdent-blog-consultation p {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--rd-consult-sub-max, 264px) !important;
    margin: var(--rd-consult-stack-gap, 11px) 0 0 !important;
    text-align: left !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: min(14px, 3.889vw) !important;
    font-weight: 400 !important;
    line-height: min(26px, 7.222vw) !important;
    text-transform: lowercase !important;
  }

  .richdent-blog-consultation .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: min(58px, 16.111vw) !important;
    min-height: min(58px, 16.111vw) !important;
    margin-top: var(--rd-consult-stack-gap, 11px) !important;
    margin-bottom: 0 !important;
    border-radius: 29px !important;
  }

  .richdent-blog-consultation .btn.type\:icon-right {
    --icon-display: flex !important;
    --icon-parent-size: min(44px, 12.222vw) !important;
    --btn-justify: space-between !important;
    --btn-gap: min(20px, 5.556vw) !important;
    --btn-width: 100% !important;
    --btn-min-width: 0 !important;
    justify-content: space-between !important;
    gap: min(20px, 5.556vw) !important;
    padding: 0 min(8px, 2.222vw) 0 min(40px, 11.111vw) !important;
  }

  .richdent-blog-consultation .btn .btn__text {
    flex: 1 1 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    text-align: left !important;
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: min(16px, 4.444vw) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
    line-height: 1 !important;
    letter-spacing: 0.16px !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .richdent-blog-consultation .btn .icons {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 min(44px, 12.222vw) !important;
    width: min(44px, 12.222vw) !important;
    height: min(44px, 12.222vw) !important;
    margin-left: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    --icon-bg-color: #8c7772 !important;
    color: #8c7772 !important;
  }

  /* Kill absolute pin that pulled the doctor under the CTA button */
  .richdent-blog-consultation__doctor {
    top: auto !important;
    left: auto !important;
    right: 0 !important;
    bottom: auto !important;
    z-index: 1 !important;
    position: relative !important;
    width: var(--rd-consult-photo-w, 244px) !important;
    max-width: 70% !important;
    height: var(--rd-consult-photo-h, 267px) !important;
    margin: 0 0 0 auto !important;
    object-fit: cover !important;
    object-position: 70% 0% !important;
    pointer-events: none !important;
    transform: none !important;
  }

  .main__archive.richdent-blog-archive .preview-blog,
  .main__archive.richdent-blog-archive .archive-grid .preview-blog {
    background-color: #f6f6f6 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%) !important;
  }

  /* Lead rail: keep shadow room; do not clip card bottoms above CTA */
  .main__archive.richdent-blog-archive > .archive-grid[data-layout="lead"],
  .richdent-blog-archive > .archive-grid[data-layout="lead"] {
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-block: 12px 16px !important;
    margin-bottom: 0 !important;
    touch-action: pan-x pan-y !important;
    overscroll-behavior-y: auto !important;
  }

  @media (width < 360px) {
    .richdent-blog-consultation {
      height: auto !important;
      min-height: 0 !important;
    }

    .richdent-blog-consultation p {
      white-space: normal !important;
      max-width: 100% !important;
    }

    .richdent-blog-consultation__title-mobile-line,
    .single[data-context="blog"] .richdent-blog-consultation__title-mobile-line {
      white-space: normal !important;
      max-width: 100% !important;
    }

    .richdent-blog-consultation .btn .btn__text {
      letter-spacing: 0 !important;
    }
  }
}

/* Tablet hybrid removed ? desktop consultation starts at 1024px; tablet uses 768?1023 rules. */

/* -------------------------------------------------------------------------
 * Desktop promo tile ? Figma 6001:1380 / 8099:2976.
 * Theme `img { height: 100% }` blows up the doctor photo without !important.
 * ---------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    background: #615c5c !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card::after {
    background: var(--richdent-promo-bg, url("blog-consultation-bg.webp")) 12% 40% / cover
      no-repeat !important;
    opacity: 0.4 !important;
    filter: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card::before {
    background:
      linear-gradient(180deg, rgb(97 92 92 / 45%) 0%, rgb(97 92 92 / 25%) 40%, #615c5c 100%),
      linear-gradient(
        90deg,
        rgb(97 92 92 / 55%) 0%,
        rgb(97 92 92 / 20%) 28%,
        rgb(97 92 92 / 50%) 70%,
        #615c5c 100%
      ),
      linear-gradient(165deg, rgb(97 92 92 / 20%) 0%, rgb(97 92 92 / 70%) 100%) !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__copy {
    position: relative !important;
    z-index: 3 !important;
    align-self: flex-start !important;
    max-width: 240px !important;
    text-align: left !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    flex-shrink: 0 !important;
    width: 288px !important;
    max-width: calc(100% - 16px) !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin-top: auto !important;
    margin-inline: auto !important;
    padding: 0 !important;
    border-radius: 30px !important;
    background: linear-gradient(
      92deg,
      #d4bbb7 7.95%,
      #ae9088 54.44%,
      #716664 106.56%
    ) !important;
    font-size: 20px !important;
    font-weight: 450 !important;
    line-height: 18px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-inner {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-text {
    display: block !important;
    flex: 0 0 auto !important;
    line-height: 18px !important;
    white-space: nowrap !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-icon {
    display: inline-flex !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    background: #fff !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-icon::before {
    content: none !important;
    display: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-icon .icons {
    display: inline-flex !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    --icon-parent-size: 24px !important;
    --icon-bg-color: #716664 !important;
    color: #716664 !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta-icon .icons::before {
    width: 10px !important;
    height: 8px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card .richdent-blog-promo-card__doctor {
    position: absolute !important;
    top: auto !important;
    left: auto !important;
    right: -11px !important;
    bottom: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 210px !important;
    max-width: 210px !important;
    height: 250px !important;
    max-height: 250px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    pointer-events: none !important;
  }
}

/* -------------------------------------------------------------------------
 * Mobile+tablet fluid scale ? 360px Figma baseline through 1023px (tablet = mobile).
 * ---------------------------------------------------------------------- */
@media (max-width: 1023px) {
  .main__archive.richdent-blog-archive,
  .richdent-blog-archive,
  .richdent-blog-popular,
  .richdent-blog-feed-slider,
  .richdent-blog-feed-compact-wrap,
  .richdent-blog-feed-grid {
    --rd-mobile-gutter: clamp(12px, 3.333vw, 24px);
    --rd-mobile-content: calc(100vw - 2 * var(--rd-mobile-gutter));
    /* Figma 8099:2615 ? card 276?352, img 252?152 */
    --rd-mobile-card-width: 276px;
    --rd-mobile-card-img-width: 252px;
    --rd-mobile-card-img-height: 152px;
    --rd-mobile-card-height: 352px;
  }

  .richdent-blog-archive .main__archive-title,
  .richdent-blog-archive .archive-nav,
  .richdent-blog-archive > .archive-grid[data-layout="lead"],
  .richdent-blog-archive .post-loader,
  .richdent-blog-archive .main__archive-pagination,
  .richdent-blog-archive .archive-grid.richdent-blog-feed-compact[data-layout="compact"],
  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"],
  .richdent-blog-popular > .archive-grid[data-context="blog-popular"] {
    width: var(--rd-mobile-content) !important;
    margin-inline: var(--rd-mobile-gutter) !important;
  }

  .richdent-blog-archive > .richdent-blog-subscribe {
    width: var(--rd-mobile-content) !important;
    margin-inline: auto !important;
  }

  .richdent-blog-popular > .section-title,
  .richdent-blog-popular__head > .section-title {
    margin-inline: var(--rd-mobile-gutter) !important;
  }

  .richdent-blog-feed-slider .embla__viewport,
  .richdent-blog-feed-slider__nav .embla__controls {
    padding-inline: var(--rd-mobile-gutter) !important;
    scroll-padding-inline: var(--rd-mobile-gutter) !important;
  }

  .richdent-blog-archive .post-loader .js-show-more {
    width: 100% !important;
    max-width: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__copy {
    max-width: 240px !important;
  }

  /* Figma 8099:2976 ? doctor 270?268, flush bottom-right (no height:auto stretch) */
  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card .richdent-blog-promo-card__doctor {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 2 !important;
    width: 270px !important;
    max-width: 270px !important;
    height: 268px !important;
    max-height: 268px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    pointer-events: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta {
    width: 288px !important;
    max-width: calc(100% - 24px) !important;
  }

  /*
   * Equal mobile cards + identical meta band.
   * Must beat base `.archive-grid .preview-blog { height:100%; min-height:0 }`.
   */
  .main__archive.richdent-blog-archive .preview-blog,
  .main__archive.richdent-blog-archive .archive-grid .preview-blog,
  .richdent-blog-archive .preview-blog,
  .richdent-blog-archive .archive-grid .preview-blog,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:first-child,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured,
  .main__archive.richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog,
  .main__archive.richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:first-child,
  .main__archive.richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured,
  .richdent-blog-feed-slider .embla__slide,
  .richdent-blog-feed-slider .preview-blog,
  .richdent-blog-feed-compact-wrap .preview-blog,
  .richdent-blog-feed-compact-wrap .richdent-blog-feed-compact > .preview-blog,
  .richdent-blog-feed-compact > .preview-blog,
  .richdent-blog-feed-grid > .preview-blog,
  .richdent-blog-feed-grid > .preview-blog--wide,
  .richdent-blog-feed-grid > .preview-blog--compact,
  .richdent-blog-popular .preview-blog,
  .richdent-blog-popular > .archive-grid[data-context="blog-popular"] .preview-blog {
    flex: 0 0 var(--rd-mobile-card-width) !important;
    width: var(--rd-mobile-card-width) !important;
    min-width: var(--rd-mobile-card-width) !important;
    max-width: var(--rd-mobile-card-width) !important;
    height: var(--rd-mobile-card-height) !important;
    min-height: var(--rd-mobile-card-height) !important;
    max-height: var(--rd-mobile-card-height) !important;
  }

  .main__archive.richdent-blog-archive .preview-blog .preview-blog__content-title,
  .richdent-blog-archive .preview-blog .preview-blog__content-title,
  .richdent-blog-feed-slider .preview-blog .preview-blog__content-title,
  .richdent-blog-feed-compact .preview-blog .preview-blog__content-title,
  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content-title,
  .richdent-blog-feed-grid .preview-blog .preview-blog__content-title,
  .richdent-blog-popular .preview-blog .preview-blog__content-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    min-height: 84px !important;
    max-height: 84px !important;
    line-height: 20px !important;
  }

  .main__archive.richdent-blog-archive .preview-blog .post-meta:last-of-type,
  .richdent-blog-archive .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-slider .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-compact .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-compact-wrap .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-grid .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__content > .post-meta:last-of-type,
  .richdent-blog-feed-grid > .preview-blog--compact .preview-blog__content > .post-meta:last-of-type,
  .richdent-blog-popular .preview-blog .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .post-meta:last-of-type {
    /* Figma: title block already reserves 84px ? pin meta with auto, not +60px (overflowed cards) */
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    flex-shrink: 0 !important;
  }

  .main__archive.richdent-blog-archive .preview-blog,
  .richdent-blog-archive .preview-blog,
  .richdent-blog-feed-slider .preview-blog,
  .richdent-blog-feed-compact-wrap .preview-blog,
  .richdent-blog-feed-grid .preview-blog,
  .richdent-blog-popular .preview-blog {
    overflow: hidden !important;
  }

  .main__archive.richdent-blog-archive .preview-blog .preview-blog__content,
  .richdent-blog-archive .preview-blog .preview-blog__content,
  .richdent-blog-feed-slider .preview-blog .preview-blog__content,
  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content,
  .richdent-blog-feed-compact > .preview-blog .preview-blog__content,
  .richdent-blog-feed-grid .preview-blog .preview-blog__content,
  .richdent-blog-popular .preview-blog .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    /* Figma 8099:2616 ? meta bottom ? card edge = 32px (was 16 all sides) */
    margin: 16px 16px 32px !important;
    padding: 0 !important;
  }

  /* Mobile cards match compact Figma ? no ??????????? */
  .richdent-blog-feed-slider .preview-blog__more,
  .richdent-blog-feed-grid .preview-blog__more,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog .preview-blog__more {
    display: none !important;
  }

  .richdent-blog-archive .preview-blog__img,
  .main__archive.richdent-blog-archive .preview-blog__img,
  .richdent-blog-feed-slider:not(.richdent-blog-related-articles__slider) .preview-blog .preview-blog__img,
  .richdent-blog-feed-compact .preview-blog__img,
  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__img,
  .richdent-blog-feed-grid .preview-blog__img,
  .richdent-blog-popular .preview-blog__img {
    width: var(--rd-mobile-card-img-width) !important;
    max-width: var(--rd-mobile-card-img-width) !important;
    height: var(--rd-mobile-card-img-height) !important;
    min-height: var(--rd-mobile-card-img-height) !important;
    max-height: var(--rd-mobile-card-img-height) !important;
  }

  .richdent-blog-feed-slider:not(.richdent-blog-related-articles__slider) {
    --richdent-slider-card-height: var(--rd-mobile-card-height) !important;
  }

  .richdent-blog-feed-slider:not(.richdent-blog-related-articles__slider) .embla__viewport {
    min-height: calc(
      var(--rd-mobile-card-height) + 2 * var(--richdent-slider-shadow-bleed, 12px)
    ) !important;
    padding-top: var(--richdent-slider-shadow-bleed, 12px) !important;
    padding-bottom: var(--richdent-slider-shadow-bleed, 12px) !important;
  }

  .richdent-blog-feed-slider:not(.richdent-blog-related-articles__slider) .embla__container {
    min-height: var(--rd-mobile-card-height) !important;
  }
}

@media (min-width: 361px) and (max-width: 1023px) {
  /* Keep Figma 276?352 ? do not scale card width with viewport */
  .main__archive.richdent-blog-archive,
  .richdent-blog-archive,
  .richdent-blog-popular,
  .richdent-blog-feed-slider,
  .richdent-blog-feed-compact-wrap,
  .richdent-blog-feed-grid {
    --rd-mobile-card-width: 276px;
    --rd-mobile-card-img-width: 252px;
    --rd-mobile-card-img-height: 152px;
    --rd-mobile-card-height: 352px;
  }
}

@media (min-width: 1024px) {
  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card .richdent-blog-promo-card__doctor {
    right: -11px !important;
    bottom: 0 !important;
    width: 210px !important;
    max-width: 210px !important;
    height: 250px !important;
    max-height: 250px !important;
  }
}

/* -------------------------------------------------------------------------
 * Article page ? Figma 6001:3807 / 8097:1843. Loaded last vs theme + blog-v1.
 * ---------------------------------------------------------------------- */
.main:has(> .single[data-context="blog"]) {
  --rd-article-gutter: clamp(40px, 7.97vw, 153px);
  --rd-article-content: min(100%, 1615px);
}

.single[data-context="blog"] {
  display: block !important;
  grid-template-columns: none !important;
  box-sizing: border-box !important;
  width: min(100%, 1920px) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: var(--rd-article-gutter, clamp(40px, 7.97vw, 153px)) !important;
}

.single[data-context="blog"] > .sidebar {
  display: none !important;
}

.single[data-context="blog"] > .single__content {
  width: 100% !important;
  max-width: var(--rd-article-content, min(100%, 1615px)) !important;
  margin-inline: auto !important;
}

.single[data-context="blog"] .single__content-main {
  width: 100% !important;
  max-width: none !important;
  margin: 47px 0 0 !important;
}

.single[data-context="blog"] .post-intro__img,
.single[data-context="blog"] .post-intro__img img {
  max-width: 100% !important;
}

.single[data-context="blog"] .post-intro__img img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1615 / 437 !important;
  object-fit: cover !important;
}

.single[data-context="blog"] .post-intro .richdent-expert-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: #f9f9f9 !important;
}

.single[data-context="blog"] .post-intro > .table-of-contents.is-mobile {
  background: #f6f6f6 !important;
}

.single[data-context="blog"] .table-of-contents .content-opener {
  display: none !important;
}

.single[data-context="blog"] .table-of-contents__list {
  display: grid !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
}

.main:has(> .single[data-context="blog"]) .acf-block.has-wrapper {
  box-sizing: border-box !important;
  width: min(100%, 1920px) !important;
  max-width: 1920px !important;
  margin-inline: auto !important;
  padding-inline: var(--rd-article-gutter, clamp(40px, 7.97vw, 153px)) !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog,
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog {
  display: flex !important;
  flex-direction: column !important;
  background: #f6f6f6 !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 16px rgb(0 0 0 / 10%) !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog__img,
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__img,
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .preview-blog__img {
  position: relative !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  width: calc(100% - 24px) !important;
  /* Beat theme .preview-blog__img{height:320px} and mobile card vars. */
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 12px 12px 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  aspect-ratio: 252 / 152 !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog__img img,
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__img img,
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .preview-blog__img img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog__content,
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  margin: 16px !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .post-meta:last-of-type {
  margin-top: auto !important;
}

@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider.richdent-blog-feed-slider {
    --richdent-slider-rail-inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__viewport {
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__container {
    min-height: 0 !important;
  }
}

.main:has(> .single[data-context="blog"]) .richdent-comments {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--rd-article-content, min(100%, 1615px)) !important;
  margin: 56px auto 0 !important;
  padding-top: 40px !important;
  border-top: 1px solid #e6dcd8 !important;
}

@media (max-width: 1023px) {
  .main:has(> .single[data-context="blog"]) {
    --rd-article-gutter: clamp(12px, 3.333vw, 24px);
    --rd-article-content: calc(100vw - 2 * var(--rd-article-gutter));
  }

  .single[data-context="blog"] {
    --rd-article-gutter: clamp(12px, 3.333vw, 24px) !important;
    --rd-article-content: calc(100vw - 2 * var(--rd-article-gutter)) !important;
    margin-top: 0 !important;
    padding-inline: var(--rd-article-gutter) !important;
  }

  .single[data-context="blog"] .post-intro__img {
    border-radius: 20px !important;
  }

  .single[data-context="blog"] .post-intro__img img {
    aspect-ratio: 336 / 272 !important;
  }

  .single[data-context="blog"] .post-intro > .table-of-contents.is-mobile {
    min-height: 0 !important;
  }

  .single[data-context="blog"] .single__content-main {
    margin-top: 47px !important;
  }

  .main:has(> .single[data-context="blog"]) .acf-block.has-wrapper {
    padding-inline: var(--rd-article-gutter, clamp(12px, 3.333vw, 24px)) !important;
  }

  /* Inline article CTA ? fluid; final polish block owns typography. */
  .single[data-context="blog"] .richdent-blog-consultation--inline,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline,
  .single[data-context="blog"] .richdent-blog-consultation--article-fallback {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 32px 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation--inline .richdent-blog-consultation__copy {
    width: 100% !important;
    max-width: 100% !important;
    padding: var(--rd-consult-pad-top) var(--rd-consult-pad-x) 0 !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation--inline h2,
  .single[data-context="blog"] .richdent-blog-consultation--inline .richdent-blog-consultation__title-mobile,
  .single[data-context="blog"] .richdent-blog-consultation--inline .richdent-blog-consultation__title-mobile-line {
    max-width: var(--rd-consult-title-max) !important;
    font-family: "Richdent Vetrino", Vetrino, serif !important;
    font-size: min(28px, 7.778vw) !important;
    font-weight: 400 !important;
    font-synthesis: none !important;
    line-height: min(26px, 7.222vw) !important;
    white-space: normal !important;
    overflow: visible !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation--inline .richdent-blog-consultation__title-mobile-line {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation--inline p {
    max-width: var(--rd-consult-sub-max) !important;
    width: 100% !important;
    margin-top: 12px !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: clamp(13px, 3.6vw, 14px) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation--inline .btn {
    position: relative !important;
    z-index: 4 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--rd-consult-btn-max, 100%) !important;
    height: var(--rd-c-btn-h, 58px) !important;
    margin-top: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 var(--rd-c-btn-pad-r, 8px) 0 var(--rd-c-btn-pad-l, 20px) !important;
    gap: var(--rd-c-btn-gap, 12px) !important;
    justify-content: flex-start !important;
    border-radius: 29px !important;
    background: linear-gradient(92deg, #d4bbb7 7.95%, #ae9088 54.44%, #716664 106.56%) !important;
  }

  /* CTA label ? full ????????? ?????????????, no clip into icon */
  .single[data-context="blog"] .richdent-blog-consultation--inline .btn .btn__text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: var(--rd-c-btn, 16px) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
    line-height: 1 !important;
    letter-spacing: 0.16px !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation--inline .btn .icons {
    flex: 0 0 var(--rd-c-icon, 44px) !important;
    width: var(--rd-c-icon, 44px) !important;
    height: var(--rd-c-icon, 44px) !important;
    margin-left: auto !important;
    border-radius: 50% !important;
    background: #fff !important;
  }

  /* Doctor is in normal flow below the button (final polish owns layout). */
  .single[data-context="blog"] .richdent-blog-consultation--inline .richdent-blog-consultation__doctor {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 1 !important;
    width: var(--rd-c-photo-w, var(--rd-consult-photo-w, 228px)) !important;
    height: var(--rd-c-photo-h, var(--rd-consult-photo-h, 267px)) !important;
    max-height: var(--rd-c-photo-h, var(--rd-consult-photo-h, 267px)) !important;
    margin: 0 0 0 auto !important;
    object-fit: cover !important;
    object-position: 72% 6% !important;
    transform: none !important;
  }

  /* Figma 8097:2456?2460 ? 5-up gallery is a horizontal swipe rail, not a 2-col grid. */
  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image) {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 8px !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)::-webkit-scrollbar {
    display: none !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    > .wp-block-column {
    display: block !important;
    flex: 0 0 244px !important;
    width: 244px !important;
    min-width: 244px !important;
    max-width: 244px !important;
    scroll-snap-align: start !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    .wp-block-image {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    .wp-block-image
    a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    img {
    display: block !important;
    width: 100% !important;
    height: 201px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    border-radius: 20px !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    figcaption {
    margin-top: 6px !important;
    font-size: 12px !important;
    font-weight: 450 !important;
    line-height: 16px !important;
    text-align: center !important;
  }

  .single[data-context="blog"] .single__content-main figcaption {
    font-weight: 450 !important;
    line-height: 20px !important;
  }

  /* Cases: doctor + CTA must not share a squeezed row. */
  .single[data-context="blog"] .richdent-inline-collection--cases > .section-title,
  .single[data-context="blog"] .richdent-inline-collection--cases > h2 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 20px !important;
    text-align: left !important;
    font-size: 26px !important;
    line-height: 32px !important;
  }

  /* Figma 8097:2839 ? services title mobile. */
  .single[data-context="blog"]
    .single__content-main
    .richdent-inline-collection--services
    > h2,
  .single[data-context="blog"] .richdent-inline-collection--services > h2 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 20px !important;
    overflow: visible !important;
    font-family: "Richdent Vetrino", Vetrino, serif !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #323232 !important;
    text-transform: none !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .archive-grid[data-context="cases"]
    > .preview-cases {
    flex-basis: min(336px, calc(100vw - 24px)) !important;
    width: min(336px, calc(100vw - 24px)) !important;
  }

  .single[data-context="blog"] .richdent-inline-collection--cases .case-doctors {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .single[data-context="blog"] .richdent-inline-collection--cases .case-doctors .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Lead conversion ? Figma 8098:2964 mobile stack is finished after 1200px img rule. */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  /* Related ? Figma 8098:3015 / 8099:1660: nav + ???? ??????? one row. */
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__footer {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 16px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__nav {
    flex: 0 1 auto !important;
    width: auto !important;
  }

  .main:has(> .single[data-context="blog"])
    .richdent-blog-related-articles__all.content-link {
    --icon-display: flex !important;
    --icon-parent-size: 24px !important;
    --icon-parent-bg-img: linear-gradient(
      135deg,
      #d4bbb7 0%,
      #ae9088 47%,
      #716664 100%
    ) !important;
    --icon-bg-color: #fff !important;
    --icon-size: 9px !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    color: #4b4545 !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .main:has(> .single[data-context="blog"])
    .richdent-blog-related-articles__all.content-link
    .icons.type\:arrow {
    display: inline-flex !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background-image: linear-gradient(
      135deg,
      #d4bbb7 0%,
      #ae9088 47%,
      #716664 100%
    ) !important;
    background-color: transparent !important;
    color: #fff !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__content-title {
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 450 !important;
    line-height: 24px !important;
  }
}

@media (min-width: 1024px) {
  .single[data-context="blog"] .richdent-blog-consultation--article-fallback,
  .single[data-context="blog"] .richdent-blog-consultation--inline,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 64px !important;
    margin-bottom: 64px !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
  }
}

/* -------------------------------------------------------------------------
 * Article intro meta ? Figma 6001:3807 / 8097:1843.
 * Category | views | read time | likes | date ? one row, 16px taupe icons.
 * ---------------------------------------------------------------------- */
.single[data-context="blog"] .post-intro__meta {
  display: block !important;
  margin-top: 50px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.single[data-context="blog"] .post-intro__meta::-webkit-scrollbar {
  display: none !important;
}

.single[data-context="blog"] .post-intro__meta > .post-meta--article {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: min-content !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #716664 !important;
}

.single[data-context="blog"] .post-intro__meta > .post-meta--article > * {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.single[data-context="blog"] .post-intro__meta > .post-meta--article > * + * {
  margin-left: 8px !important;
  padding-left: 8px !important;
  border-left: 1px solid #c8c8c8 !important;
}

/* Expert card ? Figma 6001:3807 / 8097:1843. */
.single[data-context="blog"] .richdent-expert-card__identity span {
  color: #716664 !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 14px !important;
}

.single[data-context="blog"] .richdent-expert-card__identity strong,
.single[data-context="blog"] .richdent-expert-card__identity strong a {
  color: #050505 !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  letter-spacing: 0.96px !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.single[data-context="blog"] .richdent-expert-card > p {
  color: #323232 !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 14px !important;
  line-height: 18px !important;
}

.single[data-context="blog"] .richdent-expert-card > .btn {
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 259px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 3px 30px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: linear-gradient(
    92deg,
    #d4bbb7 7.95%,
    #ae9088 54.44%,
    #716664 106.56%
  ) !important;
}

.single[data-context="blog"] .richdent-expert-card > .btn .btn__text {
  color: #fff !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  letter-spacing: 0.16px !important;
  white-space: nowrap !important;
}

.single[data-context="blog"] .richdent-expert-card > .btn .icons {
  display: none !important;
}

@media (max-width: 1023px) {
  /* Expert card mobile ? tighter type, full-width CTA, no awkward orphan lines */
  .single[data-context="blog"] .post-intro .richdent-expert-card,
  .single[data-context="blog"] .richdent-expert-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 14px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 20px 0 0 !important;
    padding: 20px 16px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: #f6f6f6 !important;
    box-shadow: none !important;
  }

  .single[data-context="blog"] .richdent-expert-card__identity {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    min-width: 0 !important;
  }

  .single[data-context="blog"] .richdent-expert-card__photo {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    overflow: hidden !important;
    border-radius: 50% !important;
  }

  .single[data-context="blog"] .richdent-expert-card__photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }

  .single[data-context="blog"] .richdent-expert-card__identity > div:last-child {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  .single[data-context="blog"] .richdent-expert-card__identity strong,
  .single[data-context="blog"] .richdent-expert-card__identity strong a {
    display: block !important;
    font-size: clamp(16px, 4.6vw, 18px) !important;
    font-weight: 450 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  .single[data-context="blog"] .richdent-expert-card__identity span {
    display: block !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    color: #716664 !important;
  }

  .single[data-context="blog"] .richdent-expert-card > p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #323232 !important;
  }

  .single[data-context="blog"] .richdent-expert-card > .btn {
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 20px !important;
    justify-content: center !important;
  }

  .single[data-context="blog"] .richdent-expert-card > .btn .btn__text {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0.16px !important;
    white-space: nowrap !important;
  }
}

.single[data-context="blog"] .post-intro__img .likes {
  display: none !important;
}

@media (min-width: 1024px) {
  .single[data-context="blog"] .richdent-blog-consultation__copy {
    width: min(920px, 58%) !important;
    max-width: 920px !important;
  }
}

/* Lead conversion girl ? theme hides .fl-consult__content-main-img below 1700px. */
.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
  display: flex !important;
  position: absolute !important;
  right: -20px !important;
  bottom: 0 !important;
  z-index: 1 !important;
  width: min(544px, 36vw) !important;
  max-width: 544px !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: right center !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--mobile {
  display: none !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--desktop {
  display: block !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img::before,
.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img:before,
.richdent-blog-lead-conversion .fl-consult__content-main-img::before,
.richdent-blog-lead-conversion .fl-consult__content-main-img:before {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl-picture,
.richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl-picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title.tag\:h2,
.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
  text-align: left !important;
  text-transform: none !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
  /* Figma mockup / user screen 1 ? Vetrino (not Manrope). */
  color: #d4bbb7 !important;
  font-family: "Richdent Vetrino", serif !important;
  font-size: clamp(28px, 3.2vw, 56px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  background-image: linear-gradient(180deg, #d4bbb7 0%, #c4a8a3 42%, #615c5c 100%) !important;
  background-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text > span:not(.rd-lead-main-title-line) {
  display: none !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-main-title-line {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #d4bbb7 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
  /* Figma 8098:2964 ? 2-stop vertical #d4bbb7 ? #615c5c (not muddy 3-stop). */
  background-image: linear-gradient(180deg, #d4bbb7 0%, #615c5c 100%) !important;
  background-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Was tablet-only lead-conversion tweak ? tablet now uses mobile ?1023. */
@media (max-width: 0px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
    position: absolute !important;
    right: -12px !important;
    width: min(420px, 40vw) !important;
    margin-inline: 0 !important;
  }
}

/* Figma 8098:2964 / user mobile mockup ? article lead conversion. */
@media (max-width: 1023px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult {
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 48px !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    /* Horizontal inset for text; dark card gets its own margins below. */
    padding: 32px 0 0 !important;
    background-color: #615c5c !important;
    background-image: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult::before {
    background-color: #615c5c !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form {
    display: contents !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title.tag\:h2 {
    order: 1 !important;
    /* Figma 8098:2964 ? ~15px from frame edge on 360. */
    margin: 0 15px 8px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    display: block !important;
    max-width: 328px !important;
    /* User mockup screen 1 ? Vetrino serif 26 / 32 */
    font-family: "Richdent Vetrino", serif !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    text-align: left !important;
    text-transform: none !important;
    color: #d4bbb7 !important;
    /* Handles extend past box ? keep light rose, readable on #615c5c. */
    background-image: linear-gradient(180deg, #d4bbb7 0%, #c9b0ab 45%, #a89794 100%) !important;
    background-color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  /* Natural 3-line wrap on ~328px (Figma 8098:2964) ? don't force desktop 2-line breaks. */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-main-title-line {
    display: inline !important;
    background: none !important;
    background-image: none !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-main-title-line + .rd-lead-main-title-line::before {
    content: " " !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead {
    order: 2 !important;
    max-width: 328px !important;
    margin: 0 15px 20px !important;
    color: #fff !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features {
    order: 3 !important;
    display: grid !important;
    /* Figma rows ~56px apart with 32px icons. */
    gap: 24px !important;
    max-width: 328px !important;
    width: auto !important;
    margin: 0 15px 24px !important;
    padding: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features-item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    margin-left: 0 !important;
    /* User mockup ? Futura Medium CAPS */
    color: #fff !important;
    font-family: "Richdent Futura PT", sans-serif !important;
    font-size: 12px !important;
    font-weight: 450 !important;
    line-height: 16px !important;
    letter-spacing: 0.12px !important;
    text-transform: uppercase !important;
    text-align: left !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features-item .icons {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    color: #fff !important;
  }

  /* Dark form card ? Figma 8099:1639 flush left, 16px right, r40 right */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-title {
    order: 4 !important;
    position: relative !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    display: block !important;
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin: 0 16px 0 0 !important;
    padding: 23px 20px 0 !important;
    border-radius: 0 40px 0 0 !important;
    background: rgb(0 0 0 / 10%) !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 450 !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-form-title-line {
    display: inline !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-form-title-line + .rd-lead-form-title-line::before {
    content: " " !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-notice {
    order: 5 !important;
    position: relative !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin: 0 16px 0 0 !important;
    /* Figma: title?notice ?4px, notice?pill ?17px ? keep optical air low. */
    padding: 4px 20px 14px !important;
    border-radius: 0 !important;
    background: rgb(0 0 0 / 10%) !important;
    color: rgb(255 255 255 / 70%) !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .wpcf7 {
    display: contents !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form {
    display: contents !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form > .hidden-fields-container,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form > input[type="hidden"],
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-antispam-field {
    display: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__fields {
    order: 6 !important;
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 20px 40px !important;
    overflow: visible !important;
    border-radius: 0 0 40px 0 !important;
    background: rgb(0 0 0 / 10%) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__fields-label {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: stretch !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 100px 0 0 100px !important;
    background: #fff !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__fields-label .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__input {
    width: 100% !important;
    height: 41px !important;
    margin: 0 !important;
    padding: 0 12px 0 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #2a2a2a !important;
    font-size: 16px !important;
    font-weight: 300 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit.is-absolute {
    /* Pill button styles live only in the rd-lead-pill block below. */
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    display: block !important;
    width: auto !important;
    height: 41px !important;
    margin: 0 !important;
    --btn-width: auto !important;
    --btn-height: 41px !important;
    --btn-min-width: 0 !important;
    --btn-border-radius: 1000px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance {
    order: 7 !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .wpcf7-response-output {
    order: 7 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-contacts {
    order: 8 !important;
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    /* Figma: phone top ? socials top = 28px; phone lh 18 ? gap ? 10. */
    gap: 10px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 48% !important;
    min-height: 0 !important;
    /* Figma card bottom ? phone = 51px; mobile QA +40 ? 91. */
    margin: 91px 0 0 16px !important;
    /* Figma: girl top ? phone = 51px; pad = 297 ? 51 ? ~68 = 178. */
    padding: 0 0 178px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials[data-context="fl-consult"] {
    display: flex !important;
    /* Figma WA?TG = 20px (40+20+40). */
    gap: 20px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="wa"] {
    order: 1 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="tg"] {
    order: 2 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="max"] {
    display: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="wa"],
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="tg"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    background-image: none !important;
    overflow: hidden !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons {
    display: block !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 40px 40px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons.type\:wa {
    background-image: url("icons/lead-wa.svg?v=2.9.261") !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons.type\:tg {
    background-image: url("icons/lead-tg.svg?v=2.9.261") !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons::after {
    display: none !important;
    content: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .contacts__link {
    color: #fff !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  /* Mobile girl ? Figma flush right; +21px down per mobile QA */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
    order: 9 !important;
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    bottom: -21px !important;
    z-index: 1 !important;
    display: block !important;
    width: 241px !important;
    height: 297px !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    /* Mobile asset = Figma 8098:3010 export; keep proportions. */
    object-fit: contain !important;
    object-position: right bottom !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--desktop {
    display: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--mobile {
    display: block !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
}

/* Figma 6001:4428 ? media plate 1000?400 (r20) centered in 1400 rail. */
.single[data-context="blog"] .richdent-video,
.single[data-context="blog"] .single__content-main .richdent-video {
  position: relative !important;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  max-width: 1400px !important;
  margin: 48px auto !important;
  float: none !important;
}

.single[data-context="blog"] .richdent-video__stage {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  width: min(1000px, 100%) !important;
  max-width: 100% !important;
  height: 400px !important;
  min-height: 400px !important;
  margin-inline: auto !important;
  aspect-ratio: auto !important;
  border-radius: 20px !important;
  background: #4b4545 !important;
}

.single[data-context="blog"] .richdent-video__stage::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  border-radius: 0 !important;
  pointer-events: none !important;
  background: rgb(75 69 69 / 50%) !important;
}

.single[data-context="blog"] .richdent-video__stage::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  border-radius: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 40%) 100%) !important;
}

.single[data-context="blog"] .richdent-video__stage:has(> iframe)::before,
.single[data-context="blog"] .richdent-video__stage:has(> iframe)::after,
.single[data-context="blog"] .richdent-video__stage:has(> video)::before,
.single[data-context="blog"] .richdent-video__stage:has(> video)::after {
  display: none !important;
}

.single[data-context="blog"] .richdent-video__stage > img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
}

.single[data-context="blog"] .richdent-video__stage > iframe,
.single[data-context="blog"] .richdent-video__stage > video {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 20px !important;
  object-fit: cover !important;
}

.single[data-context="blog"] .richdent-video__stage:has(> img) {
  background: #4b4545 !important;
}

.single[data-context="blog"] .richdent-video__play {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  border: 1.5px solid #fff !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 0 !important;
  cursor: pointer !important;
}

.single[data-context="blog"] .richdent-video__play span {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 0 0 3px !important;
  border-style: solid !important;
  border-width: 9px 0 9px 14px !important;
  border-color: transparent transparent transparent #fff !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.single[data-context="blog"] .richdent-video__caption,
.single[data-context="blog"] .richdent-video figcaption {
  position: absolute !important;
  left: 64px !important;
  right: 64px !important;
  bottom: 28px !important;
  z-index: 3 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 20px !important;
  line-height: 24px !important;
  color: #fff !important;
  text-align: left !important;
  pointer-events: none !important;
}

.single[data-context="blog"] .richdent-video:has(.richdent-video__stage > iframe) .richdent-video__caption,
.single[data-context="blog"] .richdent-video:has(.richdent-video__stage > video) .richdent-video__caption,
.single[data-context="blog"] .richdent-video:has(.richdent-video__stage > iframe) figcaption,
.single[data-context="blog"] .richdent-video:has(.richdent-video__stage > video) figcaption {
  display: none !important;
}

@media (max-width: 1023px) {
  .single[data-context="blog"] .richdent-video__stage {
    height: 220px !important;
    min-height: 220px !important;
    border-radius: 22px !important;
  }

  .single[data-context="blog"] .richdent-video__caption,
  .single[data-context="blog"] .richdent-video figcaption {
    left: 20px !important;
    right: 20px !important;
    bottom: 16px !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }
}

/* Figma 6001:4328 ? services as 276?410 horizontal rail. */
.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .archive-grid[data-context="services"] {
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  gap: 20px !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .preview-services {
  display: flex !important;
  flex: 0 0 276px !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-content: end !important;
  gap: 10px !important;
  width: 276px !important;
  min-width: 276px !important;
  max-width: 276px !important;
  height: 410px !important;
  min-height: 410px !important;
  padding: 30px 26px !important;
  border-radius: 30px !important;
  color: #fff !important;
}

.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .preview-services__link {
  position: absolute !important;
  right: 26px !important;
  bottom: 32px !important;
  left: auto !important;
  top: auto !important;
  z-index: 2 !important;
  display: block !important;
  width: 44px !important;
  height: 20px !important;
  min-width: 44px !important;
  min-height: 20px !important;
  overflow: visible !important;
  color: #fff !important;
  pointer-events: none !important;
}

.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .preview-services__link .icons {
  --icon-size: 44px !important;
  --icon-bg-color: #fff !important;
  display: block !important;
  width: 44px !important;
  height: 20px !important;
}

.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .preview-services__link .icons::before {
  content: "" !important;
  display: block !important;
  width: 44px !important;
  height: 20px !important;
  background-color: #fff !important;
  background-image: none !important;
  -webkit-mask: var(--icon-arrow-long) no-repeat center / contain !important;
  mask: var(--icon-arrow-long) no-repeat center / contain !important;
}

.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .preview-services {
  display: flex !important;
  flex: 0 0 276px !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-content: end !important;
  gap: 10px !important;
  width: 276px !important;
  min-width: 276px !important;
  max-width: 276px !important;
  height: 410px !important;
  min-height: 410px !important;
  padding: 30px 26px !important;
  border-radius: 30px !important;
  color: #fff !important;
}

.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .preview-services__title {
  max-width: 214px !important;
  color: #fff !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .preview-services__price {
  padding-right: 56px !important;
  color: #fff !important;
  font-family: "Richdent Manrope", Manrope, sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .preview-services__price * {
  color: #fff !important;
  font-family: "Richdent Manrope", Manrope, sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.single[data-context="blog"]
  .single__content-main
  .richdent-inline-collection--services
  .preview-services__link {
  --icon-size: 24px !important;
  right: 26px !important;
  bottom: 30px !important;
  color: #fff !important;
}

/* Cases: equal-height rail ? stretch siblings, pin doctor/CTA to footer. */
.single[data-context="blog"]
  .richdent-inline-collection--cases
  .archive-grid[data-context="cases"] {
  align-items: stretch !important;
}

.single[data-context="blog"]
  .richdent-inline-collection--cases
  .preview-cases {
  display: flex !important;
  flex-direction: column !important;
  /* auto + stretch ? height:100% prevents equal cross-size in the rail */
  align-self: stretch !important;
  height: auto !important;
  min-height: 100% !important;
  box-shadow: 0 4px 16px rgb(0 0 0 / 10%) !important;
}

.single[data-context="blog"]
  .richdent-inline-collection--cases
  .preview-cases__meta {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 0 !important;
}

/* Figma ? labels ????????? / ??????????? / ??????: Manrope 15/18, #716664 @ 40%. */
.single[data-context="blog"]
  .richdent-inline-collection--cases
  .preview-cases__meta-item-label {
  color: rgb(113 102 100 / 40%) !important;
  font-family: "Richdent Manrope", Manrope, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
}

.single[data-context="blog"]
  .richdent-inline-collection--cases
  .preview-cases__meta-item:last-child {
  margin-top: auto !important;
}

.single[data-context="blog"]
  .richdent-inline-collection--cases
  .case-doctors {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 0 !important;
}

.single[data-context="blog"]
  .richdent-inline-collection--cases
  .case-doctors .btn {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  --btn-width: auto !important;
}

.single[data-context="blog"] .richdent-blog-consultation .btn {
  margin-top: 33px !important;
}

@media (max-width: 1023px) {
  .single[data-context="blog"] .richdent-blog-consultation .btn {
    margin-top: 12px !important;
  }
}

/* Article comparison table ? Figma 6001:3807. */
.single[data-context="blog"] .single__content-main .wp-block-table {
  overflow: hidden !important;
  margin: 36px 0 !important;
  border: 1px solid #d4bbb7 !important;
  border-radius: 20px !important;
  background: #fff !important;
}

.single[data-context="blog"] .single__content-main .wp-block-table table {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
}

.single[data-context="blog"] .single__content-main .wp-block-table :where(th, td) {
  box-sizing: border-box !important;
  padding: 16px 12px !important;
  border: 0 !important;
  border-right: 1px solid #d4bbb7 !important;
  border-bottom: 0 !important;
  background: #fff !important;
  color: #323232 !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.single[data-context="blog"] .single__content-main .wp-block-table :where(th),
.single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row tbody tr:first-child > *,
.single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-both tbody tr:first-child > * {
  min-height: 58px !important;
  background: #d4bbb7 !important;
  color: #fff !important;
  font-weight: 400 !important;
}

.single[data-context="blog"] .single__content-main .wp-block-table tr > *:last-child {
  border-right: 0 !important;
}

.single[data-context="blog"] .single__content-main .wp-block-table tbody td {
  background: #fff !important;
}

.single[data-context="blog"] .single__content-main .wp-block-table :is(.is-style-richdent-header-column, .is-style-richdent-header-both) tr > *:first-child {
  background: #fff !important;
  color: #323232 !important;
  font-weight: 400 !important;
}

@media (max-width: 1023px) {
  /*
   * Figma 8097:2295 ? phone table 338?216, radius 20, header 58/#d4bbb7,
   * header ~9?10 / body 10 Futura, vertical dividers only, no card stack.
   */
  .single[data-context="blog"] .single__content-main .wp-block-table {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 28px 0 26px !important;
    border: 1px solid #d4bbb7 !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .single[data-context="blog"] .single__content-main .wp-block-table table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  .single[data-context="blog"] .single__content-main .wp-block-table thead {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    border: 0 !important;
  }

  .single[data-context="blog"] .single__content-main .wp-block-table tbody {
    display: table-row-group !important;
    flex-direction: unset !important;
    gap: 0 !important;
  }

  .single[data-context="blog"] .single__content-main .wp-block-table tbody tr,
  .single[data-context="blog"] .single__content-main .wp-block-table tr {
    display: table-row !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .single[data-context="blog"]
    .single__content-main
    .wp-block-table
    tbody
    tr.is-rd-table-header-row {
    display: table-row !important;
  }

  .single[data-context="blog"] .single__content-main .wp-block-table :where(th, td) {
    display: table-cell !important;
    align-items: unset !important;
    justify-content: unset !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 6px !important;
    border: 0 !important;
    border-right: 1px solid #d4bbb7 !important;
    border-bottom: 0 !important;
    background: #fff !important;
    color: #323232 !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    vertical-align: middle !important;
  }

  .single[data-context="blog"] .single__content-main .wp-block-table tr > *:last-child {
    border-right: 0 !important;
    border-bottom: 0 !important;
    padding-bottom: 12px !important;
  }

  /* Figma: method column left-aligned (body only) */
  .single[data-context="blog"]
    .single__content-main
    .wp-block-table
    tbody
    tr:not(.is-rd-table-header-row)
    > *:first-child,
  .single[data-context="blog"]
    .single__content-main
    .wp-block-table.is-style-richdent-header-row
    tbody
    tr:not(:first-child)
    > *:first-child,
  .single[data-context="blog"]
    .single__content-main
    .wp-block-table
    thead
    + tbody
    tr
    > *:first-child {
    padding-left: 10px !important;
    padding-right: 6px !important;
    text-align: left !important;
  }

  .single[data-context="blog"] .single__content-main .wp-block-table :where(th),
  .single[data-context="blog"]
    .single__content-main
    .wp-block-table.is-style-richdent-header-row
    tbody
    tr:first-child
    > *,
  .single[data-context="blog"]
    .single__content-main
    .wp-block-table.is-style-richdent-header-both
    tbody
    tr:first-child
    > *,
  .single[data-context="blog"]
    .single__content-main
    .wp-block-table
    tbody
    tr.is-rd-table-header-row
    > * {
    height: 58px !important;
    min-height: 58px !important;
    padding: 16px 4px !important;
    background: #d4bbb7 !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    text-align: center !important;
  }

  .single[data-context="blog"]
    .single__content-main
    .wp-block-table
    tr
    > *:first-child::before,
  .single[data-context="blog"]
    .single__content-main
    .wp-block-table
    tr
    > *:not(:first-child)::before {
    content: none !important;
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .single[data-context="blog"] .single__content-main .wp-block-table :where(th, td) {
    width: 1% !important;
    white-space: normal !important;
  }
}

/* Content image card ? Figma 6001:3807: 1615?462, caption centered 16px below. */
.single[data-context="blog"] .single__content-main .wp-block-image {
  display: block !important;
  width: 100% !important;
  margin-block: 48px !important;
}

.single[data-context="blog"] .single__content-main .wp-block-image :is(a, img) {
  display: block !important;
  width: 100% !important;
}

.single[data-context="blog"] .single__content-main .wp-block-image:not(.richdent-expert-composition .wp-block-image) img,
.single[data-context="blog"] .single__content-main > .wp-block-image img,
.single[data-context="blog"] .single__content-main > .wp-block-columns:not(.richdent-expert-composition) .wp-block-image img {
  width: 100% !important;
  height: 462px !important;
  max-height: 462px !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  border-radius: 20px !important;
}

.single[data-context="blog"] .single__content-main .wp-block-columns:not(.richdent-expert-composition) .wp-block-image img {
  height: 420px !important;
  max-height: 420px !important;
}

/* Expert photo is a 516?540 composition asset ? never force article card crop. */
.single[data-context="blog"] .richdent-expert-composition .wp-block-image,
.single[data-context="blog"] .richdent-expert-composition .wp-block-image a {
  display: block !important;
  width: 100% !important;
  max-width: 516px !important;
  margin: 0 !important;
}

.single[data-context="blog"] .richdent-expert-composition .wp-block-image img {
  width: 100% !important;
  max-width: 516px !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: top center !important;
  border-radius: 0 !important;
}

@media (min-width: 1024px) {
  .single[data-context="blog"] .richdent-expert-composition__identity {
    position: absolute !important;
    left: 94px !important;
    bottom: 58px !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 328px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
    border: 0 !important;
    background: transparent !important;
  }

  .single[data-context="blog"] .richdent-expert-composition__role {
    margin: 0 !important;
    color: #4b4545 !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    text-transform: none !important;
  }

  .single[data-context="blog"] .richdent-expert-composition__name {
    margin: 0 !important;
    color: #4b4545 !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 450 !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }

  .single[data-context="blog"] .richdent-expert-composition.wp-block-columns {
    display: grid !important;
    grid-template-columns: min(516px, 38%) minmax(0, 1fr) !important;
    gap: clamp(48px, 8vw, 226px) !important;
    align-items: center !important;
    margin: 48px 0 !important;
  }

  .single[data-context="blog"]
    .richdent-expert-composition
    > .wp-block-column:first-child
    .wp-block-image::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    width: auto !important;
    height: 96px !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, #fff 62%) !important;
  }

  .single[data-context="blog"] .richdent-expert-composition blockquote.is-style-richdent-expert-quote {
    max-width: 824px !important;
    margin: 0 !important;
    padding: 88px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .single[data-context="blog"] .richdent-expert-composition blockquote.is-style-richdent-expert-quote::before {
    top: -12px !important;
    left: -6px !important;
    color: #ae9088 !important;
    font-family: "Richdent Vetrino", Vetrino, Georgia, serif !important;
    font-size: 120px !important;
    line-height: 0.8 !important;
  }

  .single[data-context="blog"] .richdent-expert-composition blockquote.is-style-richdent-expert-quote p {
    color: #716664 !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 25px !important;
  }
}

.single[data-context="blog"] .single__content-main .wp-block-image figcaption {
  display: block !important;
  margin: 16px 0 0 !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 14px !important;
  font-weight: 450 !important;
  line-height: 26px !important;
  color: #716664 !important;
  text-align: center !important;
}

.single[data-context="blog"]
  .single__content-main
  > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.single[data-context="blog"]
  .single__content-main
  > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
  img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 20px !important;
}

@media (max-width: 1023px) {
  .single[data-context="blog"] .single__content-main .wp-block-image img {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 336 / 210 !important;
    border-radius: 20px !important;
  }

  .single[data-context="blog"] .single__content-main .wp-block-columns:not(.richdent-expert-composition) .wp-block-image img {
    height: 250px !important;
    max-height: 250px !important;
    aspect-ratio: auto !important;
  }

  /* 5-image article gallery keeps square tiles on phone (see final polish block). */
  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    .wp-block-image
    img {
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: unset !important;
  }

  .single[data-context="blog"] .richdent-expert-composition .wp-block-image,
  .single[data-context="blog"] .richdent-expert-composition .wp-block-image a {
    display: block !important;
    width: 158px !important;
    max-width: 158px !important;
  }

  .single[data-context="blog"] .richdent-expert-composition .wp-block-image img {
    width: 158px !important;
    max-width: 158px !important;
    height: auto !important;
    max-height: 149px !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: left top !important;
    border-radius: 0 !important;
  }

  .single[data-context="blog"] .richdent-expert-composition__identity {
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    align-self: start !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
    border: 0 !important;
  }

  .single[data-context="blog"] .richdent-expert-composition__role {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .single[data-context="blog"] .richdent-expert-composition__name {
    margin-top: 2px !important;
    font-size: 14px !important;
    font-weight: 450 !important;
    line-height: 18px !important;
    white-space: normal !important;
  }

  .single[data-context="blog"]
    .richdent-expert-composition
    > .wp-block-column:first-child
    .wp-block-image::after {
    content: none !important;
    display: none !important;
  }

  .single[data-context="blog"] .richdent-expert-composition.wp-block-columns {
    display: grid !important;
    grid-template-columns: 158px minmax(0, 1fr) !important;
    grid-template-areas:
      "visual identity"
      "quote quote" !important;
    gap: 16px 12px !important;
    min-height: 0 !important;
    margin: 28px 0 !important;
  }
}

.single[data-context="blog"] .post-intro__meta .post-category {
  color: #716664 !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  text-decoration: none !important;
}

.single[data-context="blog"] .post-intro__meta .post-category:hover {
  text-decoration: underline !important;
}

.single[data-context="blog"] .post-intro__meta .post-date-publish {
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

.single[data-context="blog"] .post-intro__meta .post-meta .icons::before,
.single[data-context="blog"] .post-intro__meta .post-views .icons::before,
.single[data-context="blog"] .post-intro__meta .post-read-time .icons::before,
.single[data-context="blog"] .post-intro__meta .post-likes .icons::before {
  content: "" !important;
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  -webkit-mask: none !important;
  mask: none !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
}

.single[data-context="blog"] .post-intro__meta .post-meta .icons.type\:eye::before,
.single[data-context="blog"] .post-intro__meta .post-views .icons.type\:eye::before {
  background-image: url("icons/meta-eye.svg") !important;
}

.single[data-context="blog"] .post-intro__meta .post-meta .icons.type\:clock::before,
.single[data-context="blog"] .post-intro__meta .post-read-time .icons.type\:clock::before {
  background-image: url("icons/meta-clock.svg") !important;
}

.single[data-context="blog"] .post-intro__meta .post-meta .icons.type\:heart::before,
.single[data-context="blog"] .post-intro__meta .post-likes .icons.type\:heart::before {
  background-image: url("icons/meta-heart.svg") !important;
}

.single[data-context="blog"] .post-intro__meta .post-meta .icons,
.single[data-context="blog"] .post-intro__meta .post-views .icons,
.single[data-context="blog"] .post-intro__meta .post-read-time .icons,
.single[data-context="blog"] .post-intro__meta .post-likes .icons {
  display: inline-flex !important;
  flex: 0 0 16px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.single[data-context="blog"] .post-intro__meta .post-meta .icons::after,
.single[data-context="blog"] .post-intro__meta .post-views .icons::after,
.single[data-context="blog"] .post-intro__meta .post-read-time .icons::after,
.single[data-context="blog"] .post-intro__meta .post-likes .icons::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1023px) {
  .single[data-context="blog"] .post-intro__meta {
    margin-top: 20px !important;
  }

  .single[data-context="blog"] .post-intro__meta > .post-meta--article {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .single[data-context="blog"] .post-intro__meta > .post-meta--article > * + * {
    margin-left: 8px !important;
    padding-left: 8px !important;
  }
}

/* Figma Kroshki 6001:4794 / 8097:1727 ? slash after home, arrows after. */
.main > .breadcrumbs:has(+ .single[data-context="blog-legal"]) {
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 10px !important;
  line-height: 14px !important;
  color: #626262 !important;
}

.main > .breadcrumbs:has(+ .single[data-context="blog-legal"]) > span {
  align-items: center !important;
  gap: 8px !important;
  color: #626262 !important;
}

.main > .breadcrumbs:has(+ .single[data-context="blog-legal"]) .breadcrumbs__item,
.main > .breadcrumbs:has(+ .single[data-context="blog-legal"]) .breadcrumbs__item a {
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 10px !important;
  line-height: 14px !important;
  color: #626262 !important;
}

.main > .breadcrumbs:has(+ .single[data-context="blog-legal"]) .breadcrumbs__item[aria-current="page"] {
  color: #505050 !important;
}

.main > .breadcrumbs:has(+ .single[data-context="blog-legal"]) .breadcrumbs__sep {
  display: inline-block !important;
  flex: none !important;
  width: 12px !important;
  height: 12px !important;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 6H10M7 3.5L10 6L7 8.5' stroke='%23626262' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / 12px 12px no-repeat !important;
}

.main > .breadcrumbs:has(+ .single[data-context="blog-legal"]) .breadcrumbs__item:first-of-type + .breadcrumbs__sep {
  width: auto !important;
  height: 14px !important;
  background: none !important;
  font-family: "Richdent Manrope", Manrope, sans-serif !important;
  font-size: 10px !important;
  line-height: 14px !important;
  color: #626262 !important;
}

.main > .breadcrumbs:has(+ .single[data-context="blog-legal"]) .breadcrumbs__item:first-of-type + .breadcrumbs__sep::before {
  content: "/" !important;
}

/* Figma 6001:4794 ? legal pages beat theme .section-title / .editor-content. */
.single[data-context="blog-legal"] {
  --rd-legal-gutter: clamp(40px, 7.97vw, 153px) !important;
  display: block !important;
  gap: 0 !important;
  row-gap: 0 !important;
  padding-inline: var(--rd-legal-gutter) !important;
}

.single[data-context="blog-legal"] .section-title,
.single[data-context="blog-legal"] h1.section-title {
  margin: 0 0 47px !important;
  font-size: 56px !important;
  line-height: 56px !important;
  color: #231f20 !important;
}

.single[data-context="blog-legal"] .section-title__text {
  max-width: none !important;
  font-family: "Richdent Vetrino", Vetrino, serif !important;
  font-size: 56px !important;
  font-weight: 400 !important;
  line-height: 56px !important;
  color: #231f20 !important;
  text-transform: none !important;
}

.single[data-context="blog-legal"] .single__content {
  display: block !important;
  gap: 0 !important;
  row-gap: 0 !important;
  max-width: min(1615px, 100%) !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 18px !important;
  line-height: 26px !important;
  color: #323232 !important;
  padding: 0 0 150px 0;
}

.single[data-context="blog-legal"] .single__content ul {
  list-style: none !important;
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 24px 0 !important;
  padding: 0 !important;
}

.single[data-context="blog-legal"] .single__content ul li {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 18px !important;
  line-height: 26px !important;
  color: #323232 !important;
}

/* Figma 6001:4794 ? first checklist is Roboto Regular, not Futura PT. */
.single.richdent-legal-page[data-context="blog-legal"]:not(:has(+ .richdent-blog-subscribe)) .single__content > ul:first-of-type li {
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
}

.single[data-context="blog-legal"] .single__content ul li::after {
  display: none !important;
  content: none !important;
}

.single[data-context="blog-legal"] .single__content,
.single[data-context="blog-legal"] .single__content ul,
.single[data-context="blog-legal"] .single__content ul li {
  overflow: visible !important;
}

.single[data-context="blog-legal"] .single__content ul li::before {
  content: "" !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
  width: 24px !important;
  height: 1lh !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  overflow: visible !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.4 12.2L10.2 16L17.6 8.4' stroke='%23231f20' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / 24px 24px no-repeat !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: inherit !important;
}

.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content ul li::before,
body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content ul li::before {
  background: transparent
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9.25' stroke='%23ae9088' stroke-width='1.2'/%3E%3Cpath d='M7.6 12.2L10.5 15.1L16.5 8.8' stroke='%23ae9088' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / 24px 24px no-repeat !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .section-title,
body.page-soglasie-na-rassylku .single[data-context="blog-legal"] h1.section-title,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .section-title,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) h1.section-title {
  margin: 0 0 53px !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .section-title__text,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .section-title__text {
  max-width: 1112px !important;
  font-size: 56px !important;
  line-height: 56px !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content {
  color: #231f20 !important;
  font-size: 20px !important;
  line-height: 32px !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content > :where(p, ul, ol) + :where(p, ul, ol),
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content > :where(p, ul, ol) + :where(p, ul, ol) {
  margin-top: 0 !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content > p,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content > p {
  margin: 0 !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content > p:first-of-type,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content > p:first-of-type {
  font-size: 20px !important;
  line-height: 32px !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content ul,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content ul {
  max-width: none !important;
  gap: 24px !important;
  margin: 58px 0 25px !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content ul li,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content ul li {
  font-family: "Richdent Manrope", Manrope, sans-serif !important;
  font-size: 20px !important;
  line-height: 32px !important;
  color: #231f20 !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content ul ~ p,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content ul ~ p {
  font-family: "Richdent Manrope", Manrope, sans-serif !important;
  font-size: 20px !important;
  line-height: 32px !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content ul ~ p + p,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content ul ~ p + p {
  margin-top: 0 !important;
}

.main:has(> .single[data-context="blog-legal"]) {
  gap: 0 !important;
  height: auto !important;
  margin-bottom: 0 !important;
}

body.page-soglasie-na-rassylku .single[data-context="blog-legal"] + .richdent-blog-subscribe,
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) + .richdent-blog-subscribe {
  width: min(calc(100% - 24px), 1760px) !important;
  margin-top: 68px !important;
  margin-bottom: 80px !important;
  margin-inline: auto !important;
}

/* Figma 8096:1538 ? contacts are bold, not underlined. */
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content a[href^="mailto:"],
.single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content a[href^="tel:"],
body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content a[href^="mailto:"],
body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content a[href^="tel:"] {
  font-weight: 700 !important;
  color: inherit !important;
  text-decoration: none !important;
}

@media (width <= 1023px) {
  .single[data-context="blog-legal"] {
    --rd-legal-gutter: 12px !important;
  }

  .single[data-context="blog-legal"] .section-title,
  .single[data-context="blog-legal"] h1.section-title {
    margin: 0 0 24px !important;
    font-size: 26px !important;
    line-height: 32px !important;
  }

  .single[data-context="blog-legal"] .section-title__text {
    max-width: 405px !important;
    font-size: 26px !important;
    line-height: 32px !important;
  }

  .single[data-context="blog-legal"] .single__content {
    max-width: none !important;
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 0 0 10px 0;
  }

  .single[data-context="blog-legal"] .single__content ul {
    max-width: none !important;
  }

  .single.richdent-legal-page[data-context="blog-legal"]:not(:has(+ .richdent-blog-subscribe)) .section-title,
  .single.richdent-legal-page[data-context="blog-legal"]:not(:has(+ .richdent-blog-subscribe)) h1.section-title {
    margin: 0 0 59px !important;
  }

  .single.richdent-legal-page[data-context="blog-legal"]:not(:has(+ .richdent-blog-subscribe)) .single__content ul li {
    gap: 8px !important;
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .single.richdent-legal-page[data-context="blog-legal"]:not(:has(+ .richdent-blog-subscribe)) .single__content > ul:first-of-type li {
    font-family: Roboto, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .section-title,
  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] h1.section-title,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .section-title,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) h1.section-title {
    margin: 0 0 21px !important;
    font-size: 20px !important;
    line-height: 26px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .section-title__text,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .section-title__text {
    max-width: 405px !important;
    font-size: 20px !important;
    line-height: 26px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content > p:first-of-type,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content > p:first-of-type {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content ul,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content ul {
    gap: 24px !important;
    margin: 20px 0 35px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content ul li,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content ul li {
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] .single__content ul ~ p,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) .single__content ul ~ p {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] + .richdent-blog-subscribe,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) + .richdent-blog-subscribe {
    width: calc(100% - 24px) !important;
    min-height: 338px !important;
    margin-top: 39px !important;
    margin-bottom: 37px !important;
    margin-inline: auto !important;
    padding: 25px 19px !important;
    border-radius: 20px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] + .richdent-blog-subscribe p,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) + .richdent-blog-subscribe p {
    margin-top: 11px !important;
  }

  body.page-soglasie-na-rassylku .single[data-context="blog-legal"] + .richdent-blog-subscribe .richdent-blog-subscribe__form,
  .single[data-context="blog-legal"]:has(+ .richdent-blog-subscribe) + .richdent-blog-subscribe .richdent-blog-subscribe__form {
    margin-top: 25px !important;
    gap: 15px !important;
  }
}

/* Figma mobile ? ???????????? and back-to-top share one baseline (8097:1843). */
@media (width <= 1023px) {
  /*
   * Site chrome .sign-widget sits on top of the lead conversion girl/socials
   * and is not part of Figma ????? detail phone? lead frame ? hide on articles.
   */
  body:has(.single[data-context="blog"]) .sign-widget {
    display: none !important;
  }

  body:has(.single[data-context="blog-legal"]) .sign-widget {
    bottom: 20px !important;
    height: 41px !important;
  }

  body:has(.single[data-context="blog-legal"]) .sign-widget .btn {
    min-height: 41px !important;
    height: 41px !important;
    padding-block: 0 !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    line-height: 20px !important;
  }

  body:has(.single[data-context="blog"]) .back-to-top {
    /* Keep clear of the lead girl cutout on the right. */
    right: 12px !important;
    bottom: 12px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    --icon-size: 18px !important;
    z-index: 5 !important;
  }

  body:has(.single[data-context="blog-legal"]) .back-to-top {
    right: 20px !important;
    bottom: 20px !important;
    width: 41px !important;
    height: 41px !important;
    border-radius: 8px !important;
    --icon-size: 22px !important;
  }
}

/* Article lead conversion mobile ? last so it wins cached theme order. */
@media screen and (max-width: 1023px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult,
  .richdent-blog-lead-conversion.fl-consult {
    position: relative !important;
    overflow: hidden !important;
    padding: 32px 0 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.acf-block.has-wrapper,
  .richdent-blog-lead-conversion.acf-block.has-wrapper {
    padding-inline: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-title,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-notice,
  .richdent-blog-lead-conversion .fl-consult__content-form-title,
  .richdent-blog-lead-conversion .fl-consult__content-form-notice {
    box-sizing: border-box !important;
    /* Figma 8099:1639 ? card 344 on 360: flush left, 16px right */
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin: 0 16px 0 0 !important;
    text-align: left !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-title,
  .richdent-blog-lead-conversion .fl-consult__content-form-title {
    padding: 23px 20px 0 !important;
    border-radius: 0 40px 0 0 !important;
    background: rgb(0 0 0 / 10%) !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 450 !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-notice,
  .richdent-blog-lead-conversion .fl-consult__content-form-notice {
    padding: 4px 20px 14px !important;
    border-radius: 0 !important;
    background: rgb(0 0 0 / 10%) !important;
    color: rgb(255 255 255 / 70%) !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill,
  .richdent-blog-lead-conversion .rd-lead-pill {
    order: 6 !important;
    position: relative !important;
    z-index: 4 !important;
    box-sizing: border-box !important;
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin: 0 16px 0 0 !important;
    padding: 0 20px 40px !important;
    border-radius: 0 0 40px 0 !important;
    background: rgb(0 0 0 / 10%) !important;
  }

  /* Keep CF7 acceptance, but mockup crop has no consent between card and phone. */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance {
    order: 7 !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-contacts {
    order: 8 !important;
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 48% !important;
    min-height: 0 !important;
    height: auto !important;
    /* Figma card?phone 51px + mobile QA +40px */
    margin: 91px 0 0 16px !important;
    /* Figma: girl top ? phone = 51px; pad = 297 ? 51 ? ~68 = 178. */
    padding: 0 0 178px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .contacts {
    display: block !important;
    height: auto !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .contacts__link {
    display: inline !important;
    height: auto !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    letter-spacing: 0.032px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  /*
   * Figma 8099:1625/1626 ? one 305?41 pill: white track + gradient button inside (no overflow).
   * White 208 visible left; button 151 on the right, overlapping by 54.
   */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__fields,
  .richdent-blog-lead-conversion .rd-lead-pill .form__fields {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: min(305px, 100%) !important;
    max-width: 100% !important;
    height: 41px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 1000px !important;
    background: #fff !important;
    box-shadow: none !important;
    isolation: isolate !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__fields-label,
  .richdent-blog-lead-conversion .rd-lead-pill .form__fields-label {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__fields-label .wpcf7-form-control-wrap,
  .richdent-blog-lead-conversion .rd-lead-pill .form__fields-label .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__input,
  .richdent-blog-lead-conversion .rd-lead-pill .form__input {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 41px !important;
    padding: 0 159px 0 20px !important;
    border: 0 !important;
    border-radius: 1000px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #2a2a2a !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0.16px !important;
    line-height: 41px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__input::placeholder,
  .richdent-blog-lead-conversion .rd-lead-pill .form__input::placeholder {
    color: rgb(113 102 100 / 50%) !important;
    opacity: 1 !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
    font-weight: 400 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__submit,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__submit.is-absolute,
  .richdent-blog-lead-conversion .rd-lead-pill .form__submit,
  .richdent-blog-lead-conversion .rd-lead-pill .form__submit.is-absolute {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 151px !important;
    max-width: 151px !important;
    height: 41px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 1000px !important;
    --btn-width: 151px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn.type\:icon-right,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__submit-btn,
  .richdent-blog-lead-conversion .rd-lead-pill .btn,
  .richdent-blog-lead-conversion .rd-lead-pill .btn.type\:icon-right,
  .richdent-blog-lead-conversion .rd-lead-pill .form__submit-btn {
    --icon-display: flex !important;
    --icon-parent-size: 28px !important;
    --icon-parent-bg-color: #fff !important;
    --icon-parent-bg-img: none !important;
    --icon-bg-color: #716664 !important;
    --icon-mg-l: 0 !important;
    --icon-size: 10px !important;
    --btn-width: auto !important;
    --btn-min-width: 0 !important;
    --btn-height: 41px !important;
    --btn-justify: flex-start !important;
    --btn-gap: 6px !important;
    --btn-align: center !important;
    --btn-border-radius: 1000px !important;
    --btn-horizontal-pd: 0 !important;
    --btn-font-size: 20px !important;
    --btn-bg-color: transparent !important;
    --btn-bg-img: linear-gradient(90deg, #d4bbb7 0%, #7c6d6a 100%) !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    width: 151px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 41px !important;
    margin: 0 !important;
    padding: 0 6px 0 16px !important;
    border: 0 !important;
    border-radius: 1000px !important;
    overflow: hidden !important;
    background-color: transparent !important;
    background-image: linear-gradient(90deg, #d4bbb7 0%, #7c6d6a 100%) !important;
    box-shadow: none !important;
    color: #fff !important;
    /* Figma 8099:1628 ? Futura PT Book via isolated family */
    font-family: "Richdent Futura Book", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 36px !important;
    --btn-width: 151px !important;
    --btn-min-width: 0 !important;
    --btn-font-weight: 400 !important;
    --btn-font-size: 20px !important;
    font-synthesis: none !important;
    letter-spacing: 0.16px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    -webkit-font-smoothing: antialiased !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__input,
  .richdent-blog-lead-conversion .rd-lead-pill .form__input {
    padding-right: 159px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn::after,
  .richdent-blog-lead-conversion .rd-lead-pill .btn::before,
  .richdent-blog-lead-conversion .rd-lead-pill .btn::after {
    display: none !important;
    content: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn__text,
  .richdent-blog-lead-conversion .rd-lead-pill .btn__text,
  .richdent-blog-lead-conversion .rd-lead-pill .rd-lead-cta-label {
    display: block !important;
    flex: 0 0 auto !important;
    color: #fff !important;
    font-family: "Richdent Futura Book", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 36px !important;
    font-synthesis: none !important;
    letter-spacing: 0.16px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    -webkit-font-smoothing: antialiased !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn .icons,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn .icons.type\:arrow,
  .richdent-blog-lead-conversion .rd-lead-pill .btn .icons,
  .richdent-blog-lead-conversion .rd-lead-pill .btn .icons.type\:arrow {
    /* Figma 8099:1630 circle 28; arrow glyph 10?8 painted on the circle itself */
    --icon-size: 10px !important;
    --icon: none !important;
    display: block !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M18 8H2' stroke='%23716664' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 8L12.2 13.5' stroke='%23716664' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 8L12.2 2.5' stroke='%23716664' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 10px 8px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn .icons::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn .icons::after,
  .richdent-blog-lead-conversion .rd-lead-pill .btn .icons::before,
  .richdent-blog-lead-conversion .rd-lead-pill .btn .icons::after {
    display: none !important;
    content: none !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance,
  .richdent-blog-lead-conversion .form__acceptance {
    max-width: 42% !important;
    margin: 4px 16px 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-contacts,
  .richdent-blog-lead-conversion .fl-consult__content-form-contacts {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 48% !important;
    min-height: 0 !important;
    height: auto !important;
    /* Figma 51px + mobile QA +40px */
    margin: 91px 0 0 16px !important;
    gap: 10px !important;
    padding: 0 0 178px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img,
  .richdent-blog-lead-conversion .fl-consult__content-main-img {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    bottom: -21px !important;
    z-index: 1 !important;
    display: block !important;
    width: 241px !important;
    height: 297px !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img img,
  .richdent-blog-lead-conversion .fl-consult__content-main-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: right bottom !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--desktop,
  .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--desktop {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--mobile,
  .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--mobile {
    display: block !important;
    visibility: visible !important;
  }
}

/* -------------------------------------------------------------------------
 * Final mobile polish ? article CTA / gallery / cases (beats earlier desktop rules).
 * ---------------------------------------------------------------------- */
@media screen and (max-width: 1023px) {
  /*
   * Consultation CTA ? Figma 8105:1975 @ 360 as design base.
   * All tokens = Figma px / 360 * 100vw, capped at Figma values on wider phones.
   * Button 8105:1978: 301?58, Manrope 16, padL 40, gap 20, icon 44.
   * Title 8105:1976: Vetrino 28/26, 2 lines, w 293.
   * Gap button ? doctor photo: 31px.
   */
  .single[data-context="blog"] .richdent-blog-consultation--article-fallback,
  .single[data-context="blog"] .richdent-blog-consultation--inline,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline,
  .richdent-blog-consultation--archive,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation,
  .richdent-blog-archive .richdent-blog-consultation {
    --rd-c-title: min(28px, 7.778vw);
    --rd-c-title-lh: min(26px, 7.222vw);
    --rd-c-sub: min(14px, 3.889vw);
    --rd-c-sub-lh: min(26px, 7.222vw);
    --rd-c-btn: min(16px, 4.444vw);
    --rd-c-btn-h: min(58px, 16.111vw);
    --rd-c-icon: min(44px, 12.222vw);
    --rd-c-pad-x: min(30px, 8.333vw);
    --rd-c-pad-top: min(29px, 8.056vw);
    --rd-c-gap: min(11px, 3.056vw);
    --rd-c-title-max: min(420px, 88%);
    --rd-c-sub-max: min(360px, 90%);
    --rd-c-photo-w: min(244px, 67.778vw);
    --rd-c-photo-h: min(267px, 74.167vw);
    --rd-c-btn-pad-l: min(40px, 11.111vw);
    --rd-c-btn-pad-r: min(8px, 2.222vw);
    --rd-c-btn-gap: min(20px, 5.556vw);
    --rd-c-btn-photo-gap: min(31px, 8.611vw);
    /* Keep legacy vars in sync so older --inline rules cannot re-widen padding */
    --rd-consult-pad-x: var(--rd-c-pad-x) !important;
    --rd-consult-pad-top: var(--rd-c-pad-top) !important;
    --rd-consult-stack-gap: var(--rd-c-gap) !important;
    --rd-consult-btn-max: 100% !important;
    --rd-consult-photo-w: var(--rd-c-photo-w);
    --rd-consult-photo-h: var(--rd-c-photo-h);
    --rd-consult-title-max: var(--rd-c-title-max);
    --rd-consult-sub-max: var(--rd-c-sub-max);
  }

  /*
   * Full-bleed to 100vw ? Figma frame is 360 phone-wide. Content-column
   * width (~336) + pad 30 left the button at ~276 and clipped the label.
   */
  .single[data-context="blog"] .richdent-blog-consultation--article-fallback,
  .single[data-context="blog"] .richdent-blog-consultation--inline,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline {
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    background: #615c5c !important;
    background-image: none !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation::before,
  .single[data-context="blog"] .richdent-blog-consultation::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation__copy,
  .single[data-context="blog"] .richdent-blog-consultation--inline .richdent-blog-consultation__copy,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline .richdent-blog-consultation__copy,
  .richdent-blog-consultation--archive .richdent-blog-consultation__copy,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation .richdent-blog-consultation__copy,
  .richdent-blog-archive .richdent-blog-consultation .richdent-blog-consultation__copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: var(--rd-c-pad-top) var(--rd-c-pad-x) var(--rd-c-btn-photo-gap) !important;
    overflow: visible !important;
  }

  /* Title ? Vetrino Regular 400, Figma 28/26 @ 360 (cap 28 ? larger looks too heavy) */
  .single[data-context="blog"] .richdent-blog-consultation h2,
  .single[data-context="blog"] .richdent-blog-consultation__title-mobile,
  .single[data-context="blog"] .richdent-blog-consultation__title-mobile-line,
  .richdent-blog-consultation--archive h2,
  .richdent-blog-consultation--archive .richdent-blog-consultation__title-mobile,
  .richdent-blog-consultation--archive .richdent-blog-consultation__title-mobile-line {
    font-family: "Richdent Vetrino", Vetrino, serif !important;
    font-size: var(--rd-c-title) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
    line-height: var(--rd-c-title-lh) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation h2 {
    width: 100% !important;
    max-width: var(--rd-c-title-max) !important;
    margin: 0 !important;
    white-space: normal !important;
    align-self: flex-start !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation__title-full,
  .richdent-blog-consultation--archive .richdent-blog-consultation__title-full {
    display: none !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation__title-mobile {
    display: block !important;
    max-width: var(--rd-c-title-max) !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation__title-mobile-line {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
  }

  .richdent-blog-consultation--archive .richdent-blog-consultation__title-mobile-line,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation .richdent-blog-consultation__title-mobile-line,
  .richdent-blog-archive .richdent-blog-consultation .richdent-blog-consultation__title-mobile-line {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  /* Subtitle ? Futura Book, Figma 14/26 @ 360 ? one line */
  .single[data-context="blog"] .richdent-blog-consultation p,
  .richdent-blog-consultation--archive p,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation p {
    width: auto !important;
    max-width: var(--rd-c-sub-max) !important;
    margin-top: var(--rd-c-gap) !important;
    margin-bottom: 0 !important;
    align-self: flex-start !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: var(--rd-c-sub) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
    line-height: var(--rd-c-sub-lh) !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    text-transform: lowercase !important;
    white-space: nowrap !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  /*
   * Button ? Figma 8105:1978: 301?58, padL 40, gap 20, icon 44, full label.
   * Label must not ellipsis (blog-figma-v3 sets overflow:hidden + ellipsis).
   */
  .single[data-context="blog"] .richdent-blog-consultation .btn,
  .single[data-context="blog"] .richdent-blog-consultation .btn.type\:icon-right,
  .single[data-context="blog"] .richdent-blog-consultation--inline .btn,
  .single[data-context="blog"] .richdent-blog-consultation--inline .btn.type\:icon-right,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline .btn,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline .btn.type\:icon-right,
  .richdent-blog-consultation--archive .btn,
  .richdent-blog-consultation--archive .btn.type\:icon-right,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation .btn,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation .btn.type\:icon-right {
    --rd-consult-btn-max: 100% !important;
    z-index: 4 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: stretch !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    --btn-width: 100% !important;
    --btn-min-width: 0 !important;
    --btn-display: flex !important;
    --btn-justify: flex-start !important;
    --btn-gap: var(--rd-c-btn-gap) !important;
    --btn-font-weight: 400 !important;
    --btn-font-size: var(--rd-c-btn) !important;
    --icon-parent-size: var(--rd-c-icon) !important;
    --icon-mg-l: 0 !important;
    height: var(--rd-c-btn-h) !important;
    min-height: var(--rd-c-btn-h) !important;
    margin: var(--rd-c-gap) 0 0 !important;
    padding: 0 var(--rd-c-btn-pad-r) 0 var(--rd-c-btn-pad-l) !important;
    gap: var(--rd-c-btn-gap) !important;
    border: 0 !important;
    border-radius: 999px !important;
    overflow: visible !important;
    background: linear-gradient(92deg, #d4bbb7 7.95%, #ae9088 54.44%, #716664 106.56%) !important;
    background-image: linear-gradient(92deg, #d4bbb7 7.95%, #ae9088 54.44%, #716664 106.56%) !important;
    box-shadow: none !important;
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: var(--rd-c-btn) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation .btn .btn__text,
  .single[data-context="blog"] .richdent-blog-consultation--inline .btn .btn__text,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline .btn .btn__text,
  .richdent-blog-consultation--archive .btn .btn__text,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation .btn .btn__text {
    display: block !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    text-align: left !important;
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: var(--rd-c-btn) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-synthesis: none !important;
    line-height: 1 !important;
    letter-spacing: 0.16px !important;
    color: #fff !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .single[data-context="blog"] .richdent-blog-consultation .btn .icons,
  .single[data-context="blog"] .richdent-blog-consultation .btn .icons.type\:arrow,
  .single[data-context="blog"] .richdent-blog-consultation--inline .btn .icons,
  .single[data-context="blog"] .richdent-blog-consultation--inline .btn .icons.type\:arrow,
  .richdent-blog-consultation--archive .btn .icons,
  .richdent-blog-consultation--archive .btn .icons.type\:arrow,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation .btn .icons,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation .btn .icons.type\:arrow {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    flex: 0 0 var(--rd-c-icon) !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--rd-c-icon) !important;
    height: var(--rd-c-icon) !important;
    margin: 0 0 0 auto !important;
    transform: none !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 12%) !important;
    --icon-bg-color: #8c7772 !important;
    --icon-mg-l: 0 !important;
    color: #8c7772 !important;
    z-index: 2 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-consultation,
  .main:has(> .single[data-context="blog"]) .richdent-blog-consultation--inline,
  .single[data-context="blog"] .richdent-blog-consultation,
  .richdent-blog-consultation--archive,
  .richdent-blog-archive .richdent-blog-consultation,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    position: relative !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-consultation .richdent-blog-consultation__doctor,
  .main:has(> .single[data-context="blog"]) .richdent-blog-consultation--inline .richdent-blog-consultation__doctor,
  .single[data-context="blog"] .richdent-blog-consultation__doctor,
  .single[data-context="blog"] .richdent-blog-consultation--inline .richdent-blog-consultation__doctor,
  .single[data-context="blog"] .richdent-blog-consultation--article-fallback .richdent-blog-consultation__doctor,
  .richdent-blog-consultation--archive .richdent-blog-consultation__doctor,
  .richdent-blog-archive .richdent-blog-consultation .richdent-blog-consultation__doctor,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation .richdent-blog-consultation__doctor {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    align-self: flex-end !important;
    box-sizing: border-box !important;
    width: var(--rd-c-photo-w) !important;
    max-width: 70% !important;
    height: var(--rd-c-photo-h) !important;
    max-height: var(--rd-c-photo-h) !important;
    min-height: 0 !important;
    margin: 0 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    inset: auto !important;
    top: auto !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 1 !important;
    object-fit: cover !important;
    object-position: 70% 0% !important;
    pointer-events: none !important;
    transform: none !important;
    float: none !important;
  }

  /* Spacer removed ? photo is in normal flow; 31px gap is copy padding-bottom */
  .main:has(> .single[data-context="blog"]) .richdent-blog-consultation__copy::after,
  .single[data-context="blog"] .richdent-blog-consultation__copy::after,
  .richdent-blog-consultation--archive .richdent-blog-consultation__copy::after {
    content: none !important;
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
  }

  /*
   * Title lines wrap on all phones ? site Vetrino is wider than Figma?s,
   * so nowrap already clips ??????? by ~375px (not only &lt;360).
   */
  @media (max-width: 1023px) {
    .single[data-context="blog"] .richdent-blog-consultation p,
    .richdent-blog-consultation--archive p,
    .main__archive.richdent-blog-archive > .richdent-blog-consultation p,
    .richdent-blog-archive .richdent-blog-consultation p {
      white-space: normal !important;
      max-width: 100% !important;
    }

    .single[data-context="blog"] .richdent-blog-consultation .btn .btn__text,
    .richdent-blog-consultation--archive .btn .btn__text,
    .main__archive.richdent-blog-archive > .richdent-blog-consultation .btn .btn__text {
      letter-spacing: 0 !important;
    }
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image) {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    > .wp-block-column {
    flex: 0 0 244px !important;
    width: 244px !important;
    min-width: 244px !important;
    max-width: 244px !important;
    scroll-snap-align: start !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    .wp-block-image {
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    .wp-block-image
    a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    .wp-block-image
    img,
  .single[data-context="blog"]
    .single__content-main
    > .wp-block-columns:has(> .wp-block-column:nth-child(3) .wp-block-image)
    img {
    display: block !important;
    width: 100% !important;
    height: 201px !important;
    max-height: none !important;
    aspect-ratio: unset !important;
    object-fit: cover !important;
    border-radius: 20px !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__results {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    gap: 12px !important;
    align-items: start !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__results-img {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    flex: none !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    /* Badges sit on the top edge ? clip only the photo link, not the badge. */
    overflow: visible !important;
    border-radius: 0 !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__results-img
    > a {
    position: static !important;
    inset: auto !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 148px !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__results-img
    img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
  }

  /* Figma: ????/??????? centered on the photo top edge (half above, half over). */
  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases {
    overflow: visible !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__results-img::before {
    top: -12px !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    margin: 0 auto !important;
    pointer-events: none !important;
  }

  /* Clinical cases ? equal card size, CTA pinned, same shadow as other rails */
  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .archive-grid[data-context="cases"] {
    align-items: stretch !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .archive-grid[data-context="cases"]
    > .preview-cases {
    flex: 0 0 min(336px, calc(100vw - 28px)) !important;
    flex-basis: min(336px, calc(100vw - 28px)) !important;
    width: min(336px, calc(100vw - 28px)) !important;
    box-sizing: border-box !important;
    /* Fixed height so every slide matches (stretch alone fails with height:100% theme rules) */
    height: 460px !important;
    min-height: 460px !important;
    max-height: 460px !important;
    padding: 20px 18px 18px !important;
    border-radius: 20px !important;
    gap: 14px !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%) !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__meta {
    flex: 1 1 auto !important;
    gap: 14px !important;
    min-height: 0 !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__meta-item-label {
    margin-bottom: 2px !important;
    color: rgb(113 102 100 / 40%) !important;
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__meta-item-value {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  /* Keep procedure block height stable across cards */
  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__meta-item:nth-child(2)
    .preview-cases__meta-item-value {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    min-height: 54px !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .preview-cases__meta-item:last-child {
    margin-top: auto !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .case-doctors {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin-top: 0 !important;
  }

  .single[data-context="blog"]
    .richdent-inline-collection--cases
    .case-doctors
    .btn {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
  }

  /* Lead conversion form card ? keep Figma 8099:1639 flush-left + 305px pill */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-title {
    width: calc(100% - 16px) !important;
    margin: 0 16px 0 0 !important;
    padding: 23px 20px 0 !important;
    border-radius: 0 40px 0 0 !important;
    white-space: nowrap !important;
    font-family: "Richdent Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 450 !important;
    line-height: 24px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-notice {
    width: calc(100% - 16px) !important;
    margin: 0 16px 0 0 !important;
    padding: 4px 20px 14px !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill {
    width: calc(100% - 16px) !important;
    margin: 0 16px 0 0 !important;
    padding: 0 20px 40px !important;
    border-radius: 0 0 40px 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__fields,
  .richdent-blog-lead-conversion .rd-lead-pill .form__fields {
    width: min(305px, 100%) !important;
    max-width: 100% !important;
    height: 41px !important;
    overflow: hidden !important;
    border-radius: 1000px !important;
    background: #fff !important;
    isolation: isolate !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__fields-label,
  .richdent-blog-lead-conversion .rd-lead-pill .form__fields-label {
    width: 100% !important;
    max-width: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__input,
  .richdent-blog-lead-conversion .rd-lead-pill .form__input {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 41px !important;
    padding: 0 159px 0 20px !important;
    background: transparent !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn.type\:icon-right,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__submit-btn,
  .richdent-blog-lead-conversion .rd-lead-pill .btn,
  .richdent-blog-lead-conversion .rd-lead-pill .btn.type\:icon-right,
  .richdent-blog-lead-conversion .rd-lead-pill .form__submit-btn {
    width: 151px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 41px !important;
    padding: 0 6px 0 16px !important;
    overflow: hidden !important;
    font-family: "Richdent Futura Book", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    --btn-width: 151px !important;
    --btn-min-width: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn__text,
  .richdent-blog-lead-conversion .rd-lead-pill .btn__text,
  .richdent-blog-lead-conversion .rd-lead-pill .rd-lead-cta-label {
    font-family: "Richdent Futura Book", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    color: #d4bbb7 !important;
    background-image: none !important;
    background-color: transparent !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #d4bbb7 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img,
  .richdent-blog-lead-conversion .fl-consult__content-main-img {
    left: auto !important;
    right: 0 !important;
    bottom: -21px !important;
    width: clamp(200px, 62vw, 241px) !important;
    height: clamp(250px, 76vw, 297px) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-contacts,
  .richdent-blog-lead-conversion .fl-consult__content-form-contacts {
    max-width: min(48%, 180px) !important;
    margin: 91px 0 0 16px !important;
    padding: 0 0 clamp(140px, 45vw, 178px) !important;
  }
}

/* -------------------------------------------------------------------------
 * Article ?????? ???????? ? Figma detail (3 cards, no shadow clip, topic type).
 * Must win over archive feed-slider 576?586 rules.
 * ---------------------------------------------------------------------- */
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles {
  overflow: visible !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__title {
  font-family: "Richdent Vetrino", Vetrino, serif !important;
  font-size: 56px !important;
  font-weight: 400 !important;
  line-height: 80px !important;
  color: #d4bbb7 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #d4bbb7 !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__topic {
  margin-top: 2px !important;
  font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
  font-size: 50px !important;
  font-weight: 400 !important;
  line-height: 56px !important;
  color: #4b4545 !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__head {
  margin-bottom: 16px !important;
}

/* Figma 8098:3021 ? tooth icon 42?42 on mobile detail. */
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__head .section-title__icon {
  flex: 0 0 42px !important;
  align-self: flex-start !important;
  box-sizing: border-box !important;
  width: 42px !important;
  height: 42px !important;
  margin-top: 0 !important;
  background-size: contain !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider.richdent-blog-feed-slider,
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .slider,
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla {
  overflow: visible !important;
  min-height: 0 !important;
  padding-block: 0 !important;
  margin-block: 0 !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__viewport {
  /* overflow-x:auto forces overflow-y to auto ? keep shadow room inside padding. */
  overflow-x: auto !important;
  overflow-y: auto !important;
  min-height: 0 !important;
  padding-block: 24px !important;
  margin-block: 0 !important;
  scrollbar-width: none !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__viewport::-webkit-scrollbar {
  display: none !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__container {
  --related-card-gap: 24px;
  align-items: stretch !important;
  gap: var(--related-card-gap) !important;
  min-height: 0 !important;
  padding-inline: 8px !important;
  margin-inline: -8px !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__slide {
  flex: 0 0 calc((100% - 2 * var(--related-card-gap, 24px)) / 3) !important;
  width: calc((100% - 2 * var(--related-card-gap, 24px)) / 3) !important;
  min-width: calc((100% - 2 * var(--related-card-gap, 24px)) / 3) !important;
  max-width: none !important;
  height: auto !important;
  overflow: visible !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog,
.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog {
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  background: #f6f6f6 !important;
  border: 0 !important;
  border-radius: 20px !important;
  /* Match archive card shadow ? soft 37px halo looked like extra card height */
  box-shadow: 0 4px 16px rgb(0 0 0 / 10%) !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__more {
  display: none !important;
}

.main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__footer {
  margin-top: 16px !important;
}

@media (min-width: 1024px) and (max-width: 1100px) {
  /* Narrow desktop ? tablet (?1023) uses mobile related-rail below. */
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__slide {
    flex: 0 0 calc((100% - var(--related-card-gap, 24px)) / 2) !important;
    width: calc((100% - var(--related-card-gap, 24px)) / 2) !important;
    min-width: calc((100% - var(--related-card-gap, 24px)) / 2) !important;
  }
}

@media (max-width: 1023px) {
  /* Figma 8098:3015 / 8098:3016 ? mobile 28/34 + 28/22. */
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__title {
    font-size: 28px !important;
    line-height: 34px !important;
    overflow: visible !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__topic {
    margin-top: 2px !important;
    font-size: 28px !important;
    line-height: 22px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__head {
    margin-bottom: 12px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__head .section-title__icon {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    margin-top: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider.richdent-blog-feed-slider {
    padding-block: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__viewport {
    padding-block: 12px !important;
    margin-block: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__container {
    --related-card-gap: 16px;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__slide {
    flex: 0 0 clamp(276px, calc(276px + (100vw - 360px) * 0.1128), 320px) !important;
    width: clamp(276px, calc(276px + (100vw - 360px) * 0.1128), 320px) !important;
    min-width: clamp(276px, calc(276px + (100vw - 360px) * 0.1128), 320px) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__footer {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 12px !important;
  }

  /* Related cards ? equal height, pinned meta, mobile shadow like archive cards */
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .preview-blog {
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%) !important;
    overflow: visible !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog__img,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__img,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .preview-blog__img {
    width: calc(100% - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 12px 12px 0 !important;
    aspect-ratio: 252 / 152 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog__img img,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__img img,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .preview-blog__img img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog__content,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__content,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-height: 0 !important;
    margin: 12px !important;
    padding: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .preview-blog__content-title,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__content-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    min-height: 66px !important;
    max-height: 72px !important;
    font-size: 20px !important;
    font-weight: 450 !important;
    line-height: 24px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .embla__slide .post-meta:last-of-type,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .post-meta:last-of-type,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .post-meta:last-of-type {
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }

  /* ??????????? steals margin-top:auto and leaves empty footer space */
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__more,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .preview-blog__more {
    display: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles .preview-blog__date {
    z-index: 2 !important;
  }
}

/* -------------------------------------------------------------------------
 * Article lead conversion ? desktop Figma ????? 6001:3887 (1920?679).
 * Dark band 584px tall, girl 544?679, head pops ~95px into page white.
 * ---------------------------------------------------------------------- */
@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult {
    --rd-lead-girl-h: 679px;
    --rd-lead-pop: 95px;
    --rd-lead-band-h: 584px;
    position: relative !important;
    z-index: 3 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: var(--rd-lead-girl-h) !important;
    height: auto !important;
    margin-top: 64px !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 64px !important;
    margin-left: calc(50% - 50vw) !important;
    padding: var(--rd-lead-pop) var(--rd-article-gutter, clamp(40px, 7.97vw, 153px)) 0 !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult::before {
    content: "" !important;
    position: absolute !important;
    top: var(--rd-lead-pop) !important;
    right: 50% !important;
    bottom: auto !important;
    left: 50% !important;
    z-index: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: var(--rd-lead-band-h) !important;
    margin-right: -50vw !important;
    margin-left: -50vw !important;
    background-color: #615c5c !important;
    background-image: none !important;
    pointer-events: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: clamp(24px, 3vw, 48px) !important;
    min-height: var(--rd-lead-band-h) !important;
    height: var(--rd-lead-band-h) !important;
    overflow: visible !important;
  }

  /* Form card ? Figma 6001:3891 = 625?450, fill #625d5d, content 491 centered. */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form {
    position: relative !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: min(625px, 42vw) !important;
    max-width: 625px !important;
    min-height: 450px !important;
    padding: 55px 67px 32px !important;
    border-radius: 30px !important;
    background: #625d5d !important;
    background-image: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 491px !important;
    margin: 0 auto 16px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", sans-serif !important;
    font-size: 40px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-form-title-line {
    display: block !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-notice {
    width: 100% !important;
    max-width: 491px !important;
    margin: 0 auto 40px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgb(255 255 255 / 70%) !important;
    font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    text-align: center !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .wpcf7,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form {
    display: block !important;
    width: 100% !important;
    max-width: 491px !important;
    margin-inline: auto !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form > .hidden-fields-container,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form > input[type="hidden"],
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-antispam-field {
    display: none !important;
  }

  /* Combined phone + button row ? Figma 6001:3897 (491?58, button 208?58). */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 491px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__fields,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__fields {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 1000px !important;
    /* Figma 6001:3897 ? white @ 40%. */
    background: rgb(255 255 255 / 40%) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__fields-label,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__fields-label {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 1000px !important;
    background: transparent !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__fields-label .wpcf7-form-control-wrap,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__fields-label .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__input,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__input {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 58px !important;
    margin: 0 !important;
    padding: 0 220px 0 30px !important;
    border: 0 !important;
    border-radius: 1000px !important;
    background: transparent !important;
    color: #2a2a2a !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 58px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__input::placeholder,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__input::placeholder {
    color: #6b6b6b !important;
    font-weight: 300 !important;
    opacity: 1 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__submit,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__submit.is-absolute,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit.is-absolute {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 3 !important;
    display: block !important;
    width: 208px !important;
    height: 58px !important;
    margin: 0 !important;
    --btn-width: 208px !important;
    --btn-height: 58px !important;
    --btn-min-width: 0 !important;
    --btn-border-radius: 1000px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn.type\:icon-right,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .form__submit-btn,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit .btn,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    width: 208px !important;
    min-width: 208px !important;
    height: 58px !important;
    padding: 7px 7px 7px 24px !important;
    border: 0 !important;
    border-radius: 1000px !important;
    background: linear-gradient(90deg, #d4bbb7 0%, #ae9088 100%) !important;
    color: #fff !important;
    font-family: "Richdent Futura Book", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 36px !important;
    --btn-font-weight: 400 !important;
    --btn-font-size: 20px !important;
    font-synthesis: none !important;
    letter-spacing: 0.16px !important;
    vertical-align: middle !important;
    gap: 8px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn::after,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit .btn::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit .btn::after {
    display: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn__text,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit .btn__text,
  .richdent-blog-lead-conversion .rd-lead-pill .rd-lead-cta-label {
    display: block !important;
    flex-grow: 0 !important;
    color: #fff !important;
    font-family: "Richdent Futura Book", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 36px !important;
    font-synthesis: none !important;
    letter-spacing: 0.16px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    -webkit-font-smoothing: antialiased !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn .icons,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn .icons.type\:arrow,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit .btn .icons {
    /* Figma desktop: circle 44; arrow ?13.2?10.6 */
    --icon-size: 13px !important;
    --icon: none !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M18 8H2' stroke='%23716664' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 8L12.2 13.5' stroke='%23716664' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M18 8L12.2 2.5' stroke='%23716664' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 13px 11px !important;
    color: #8c7772 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn .icons::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-pill .btn .icons::after,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit .btn .icons::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__submit .btn .icons::after {
    display: none !important;
    content: none !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance {
    max-width: 463px !important;
    margin: 16px auto 0 !important;
    padding: 0 !important;
    color: rgb(255 255 255 / 50%) !important;
    font-family: "Richdent Manrope", Manrope, "Richdent Futura PT", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 29px !important;
    text-align: center !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance .wpcf7-list-item {
    display: block !important;
    margin: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance label {
    display: block !important;
    margin: 0 !important;
    cursor: default !important;
  }

  /* Figma has no checkbox ? only the asterisk notice. */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance input[type="checkbox"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance .wpcf7-list-item-label,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance .wpcf7-list-item-label::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance .wpcf7-list-item-label::after {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    content: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance .wpcf7-list-item-label {
    color: rgb(255 255 255 / 50%) !important;
    font-family: "Richdent Manrope", Manrope, "Richdent Futura PT", sans-serif !important;
    font-size: 12px !important;
    line-height: 29px !important;
    text-align: center !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .form__acceptance a {
    color: inherit !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-contacts {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    /* Figma: phone 171 + gap 32 + socials 100 = 303. */
    gap: 32px !important;
    width: 303px !important;
    max-width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .contacts {
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .contacts__link {
    display: inline-flex !important;
    align-items: center !important;
    height: 40px !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials[data-context="fl-consult"] {
    display: flex !important;
    flex: 0 0 100px !important;
    align-items: center !important;
    width: 100px !important;
    gap: 20px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="max"] {
    display: none !important;
  }

  /*
   * Lead contacts WA/TG ? Figma: gradient #d4bbb7?#ae9088 disc,
   * glyph as evenodd knockout (icons/lead-wa.svg, lead-tg.svg).
   */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="wa"],
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="tg"] {
    display: flex !important;
    order: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="wa"] {
    order: 1 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item[data-icon="tg"] {
    order: 2 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons {
    display: block !important;
    flex: 0 0 40px !important;
    box-sizing: border-box !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 40px 40px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons.type\:wa {
    background-image: url("icons/lead-wa.svg?v=2.9.261") !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons.type\:tg {
    background-image: url("icons/lead-tg.svg?v=2.9.261") !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .socials__item .icons::after {
    display: none !important;
    content: none !important;
    background: none !important;
    filter: none !important;
    opacity: 1 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main {
    position: static !important;
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    /* Keep copy clear of the 544px girl. */
    max-width: min(744px, calc(100% - min(544px, 34vw) - 16px)) !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title.tag\:h2,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features {
    position: relative !important;
    z-index: 2 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .section-title {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 30px !important;
    max-width: 744px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title.tag\:h2 {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 30px !important;
    max-width: 744px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 744px !important;
    color: #d4bbb7 !important;
    /* Figma 6001:3908 ? Vetrino Regular (user mockup screen 1) */
    font-family: "Richdent Vetrino", serif !important;
    font-size: clamp(44px, 2.92vw, 56px) !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    text-align: left !important;
    text-transform: none !important;
    background-image: linear-gradient(180deg, #d4bbb7 0%, #c4a8a3 42%, #8f7a76 100%) !important;
    background-color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .rd-lead-main-title-line {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #d4bbb7 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: none !important;
    background-image: linear-gradient(180deg, #d4bbb7 0%, #c4a8a3 42%, #8f7a76 100%) !important;
    background-color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead {
    max-width: 681px !important;
    margin: 0 0 40px !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: clamp(20px, 1.56vw, 30px) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 731px !important;
    /* Theme defaults margin-left: 85px ? breaks Figma left edge with title. */
    margin: 0 !important;
    padding: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", sans-serif !important;
    font-size: 20px !important;
    font-weight: 450 !important;
    line-height: 29px !important;
    text-transform: uppercase !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features-item .icons {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    margin-top: 0 !important;
    color: #fff !important;
  }

  /* Girl 544?679 ? Figma 6001:3930, right inset 25px of the viewport (not the padded content box). */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
    position: absolute !important;
    top: calc(-1 * var(--rd-lead-pop)) !important;
    /* Allow negative right so 50%-50vw+25 escapes the content gutter. */
    right: calc(50% - 50vw + 25px) !important;
    bottom: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: min(544px, 34vw) !important;
    max-width: 544px !important;
    height: var(--rd-lead-girl-h) !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
    pointer-events: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: right top !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--mobile {
    display: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl--desktop {
    display: block !important;
  }
}

@media (max-width: 1023px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult {
    scroll-margin-top: 72px !important;
    padding-top: 40px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    /* User mockup screen 1 ? Vetrino serif 26 / 32 */
    font-family: "Richdent Vetrino", serif !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
    color: #d4bbb7 !important;
    background-image: linear-gradient(180deg, #d4bbb7 0%, #c9b0ab 45%, #a89794 100%) !important;
    background-color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features-item {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 14px !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", sans-serif !important;
    font-size: 12px !important;
    font-weight: 450 !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features-item .icons {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    color: #fff !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
    left: auto !important;
    right: 0 !important;
    width: 241px !important;
    height: 297px !important;
    overflow: hidden !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img::before,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img:before,
  .richdent-blog-lead-conversion .fl-consult__content-main-img::before,
  .richdent-blog-lead-conversion .fl-consult__content-main-img:before {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl-picture,
  .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl-picture {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img img,
  .richdent-blog-lead-conversion .fl-consult__content-main-img .rd-lead-girl,
  .richdent-blog-lead-conversion .fl-consult__content-main-img img {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: right bottom !important;
  }
}

/* -------------------------------------------------------------------------
 * Tablet hybrid retired ? 768?1023 uses mobile; desktop from 1024px.
 * ---------------------------------------------------------------------- */
@media (max-width: 0px) /* was tablet 768-1023; tablet=mobile <=1023 */ {
  /*
   * Do NOT set overflow-x: clip on .main ? CSS then also clips Y, which crops
   * the consultation doctor head and card shadows between sections.
   */
  .main__archive.richdent-blog-archive,
  .main:has(> .single[data-context="blog"]) {
    overflow: visible !important;
    max-width: 100% !important;
  }

  .richdent-blog-archive .main__archive-title {
    font-size: clamp(32px, 4vw, 44px) !important;
    line-height: 1.12 !important;
  }

  /* Lead: featured + 2?2 ? fluid columns so featured never collapses under 276+276 */
  .richdent-blog-archive > .archive-grid[data-layout="lead"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-auto-rows: minmax(240px, 1fr) !important;
    gap: clamp(12px, 1.6vw, 24px) clamp(12px, 2vw, 40px) !important;
    width: min(calc(100% - 40px), 1232px) !important;
    max-width: 1232px !important;
    margin-inline: auto !important;
    overflow: visible !important;
    padding-block: 0 !important;
    scroll-snap-type: none !important;
    align-items: stretch !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child),
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:first-child,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured,
  .main__archive.richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured {
    flex: none !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child) .preview-blog__img,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact .preview-blog__img {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 252 / 152 !important;
    margin: 12px 12px 0 !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child) .preview-blog__content,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact .preview-blog__content {
    width: auto !important;
    max-width: none !important;
    margin: 12px !important;
    padding: 0 !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child) .preview-blog__content-title,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact .preview-blog__content-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    font-size: clamp(14px, 1.8vw, 16px) !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 3 !important;
    /* Reserve 3 lines so meta stays on one baseline across the row */
    min-height: calc(1.25em * 3) !important;
    max-height: calc(1.25em * 3) !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child) .preview-blog__content,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child) .post-meta:last-of-type,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact .post-meta:last-of-type {
    margin-top: auto !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:first-child .preview-blog__img,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured .preview-blog__img {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: clamp(200px, 28vw, 330px) !important;
    max-height: 330px !important;
    aspect-ratio: 552 / 330 !important;
    margin: 12px 12px 0 !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:first-child .preview-blog__content,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured .preview-blog__content {
    margin: 16px 16px 24px !important;
    padding: 0 !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:first-child .preview-blog__content-title,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured .preview-blog__content-title {
    margin-top: 8px !important;
    font-size: clamp(22px, 2.4vw, 32px) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    -webkit-line-clamp: 2 !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:first-child .preview-blog__more,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured .preview-blog__more {
    display: inline-flex !important;
    margin-top: 16px !important;
    padding-top: 0 !important;
  }

  /* Slider ? scaled wide cards; keep arrow gap under CTA (was only ?1351) */
  .richdent-blog-feed-slider {
    --richdent-slider-arrow-size: 35px !important;
    --richdent-slider-gap-after-consultation: clamp(56px, 7vw, 84px) !important;
    --richdent-slider-gap-before-cards: 20px !important;
    --richdent-slider-card-height: clamp(420px, 55vw, 586px) !important;
    --richdent-slider-shadow-bleed: 24px !important;
    --richdent-slider-rail-inset: 20px !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: calc(
      var(--richdent-slider-gap-after-consultation) + var(--richdent-slider-arrow-size) +
        var(--richdent-slider-gap-before-cards) - var(--richdent-slider-shadow-bleed)
    ) !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-top: var(--richdent-slider-shadow-bleed) !important;
    padding-left: var(--richdent-slider-rail-inset) !important;
    padding-right: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
  }

  .richdent-blog-feed-slider__nav {
    position: relative !important;
    z-index: 3 !important;
    height: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  .richdent-blog-feed-slider__nav .embla__controls {
    position: absolute !important;
    top: calc(
      -1 * (var(--richdent-slider-arrow-size) + var(--richdent-slider-gap-before-cards))
    ) !important;
    right: var(--richdent-slider-rail-inset) !important;
    left: auto !important;
    bottom: auto !important;
    display: flex !important;
    gap: 12px !important;
    margin: 0 !important;
    pointer-events: auto !important;
  }

  .richdent-blog-feed-slider .embla__slide {
    flex: 0 0 clamp(300px, 48vw, 576px) !important;
    width: clamp(300px, 48vw, 576px) !important;
    min-width: clamp(300px, 48vw, 576px) !important;
  }

  .richdent-blog-feed-slider .preview-blog {
    width: 100% !important;
    max-width: 100% !important;
    height: var(--richdent-slider-card-height) !important;
    min-height: var(--richdent-slider-card-height) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .richdent-blog-feed-slider .preview-blog__img {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    height: clamp(180px, 28vw, 330px) !important;
    min-height: clamp(180px, 28vw, 330px) !important;
    max-height: clamp(180px, 28vw, 330px) !important;
    margin: 12px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  .richdent-blog-feed-slider .preview-blog__img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    border-radius: 20px !important;
  }

  .richdent-blog-feed-slider .preview-blog__content {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 28px 32px !important;
  }

  .richdent-blog-feed-slider .preview-blog__content-title {
    font-size: clamp(20px, 2.4vw, 32px) !important;
    font-weight: 450 !important;
    line-height: 1.15 !important;
    -webkit-line-clamp: 2 !important;
    max-height: none !important;
  }

  .richdent-blog-feed-slider .preview-blog .post-meta:last-of-type {
    margin-top: auto !important;
  }

  .richdent-blog-feed-slider .preview-blog__more {
    display: inline-flex !important;
    margin-top: 16px !important;
    padding-top: 0 !important;
  }

  /* Compact / popular ? horizontal rail; peek of next card is intentional */
  .richdent-blog-feed-compact-wrap,
  .richdent-blog-feed-compact-wrap.has-promo {
    display: flex !important;
    flex-flow: row nowrap !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    width: calc(100% - 40px) !important;
    max-width: 100% !important;
    margin-inline: 20px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-block: 12px !important;
    margin-bottom: -12px !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
  }

  .richdent-blog-feed-compact-wrap > .archive-grid.richdent-blog-feed-compact[data-layout="compact"],
  .richdent-blog-archive .archive-grid.richdent-blog-feed-compact[data-layout="compact"] {
    display: contents !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 276px !important;
    width: 276px !important;
    min-width: 276px !important;
    max-width: 276px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    overflow: visible !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;
    min-height: 80px !important;
    max-height: 80px !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    line-height: 20px !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .post-meta:last-of-type {
    margin-top: auto !important;
    flex-shrink: 0 !important;
  }

  .richdent-blog-feed-compact-wrap > .richdent-blog-feed-compact__promo,
  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    flex: 0 0 min(386px, calc(100vw - 48px)) !important;
    width: min(386px, calc(100vw - 48px)) !important;
    min-width: min(320px, calc(100vw - 48px)) !important;
    max-width: min(386px, calc(100vw - 48px)) !important;
    height: 352px !important;
    grid-column: auto !important;
  }

  .richdent-blog-popular > .archive-grid[data-context="blog-popular"] {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: calc(100% - 40px) !important;
    margin-inline: 20px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-block: 12px !important;
    margin-bottom: -12px !important;
    touch-action: pan-x pan-y !important;
  }

  .richdent-blog-popular .preview-blog {
    flex: 0 0 276px !important;
    width: 276px !important;
    min-width: 276px !important;
    max-width: 276px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    overflow: hidden !important;
  }

  .richdent-blog-popular .preview-blog__img {
    width: 252px !important;
    max-width: 252px !important;
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
    margin: 12px 12px 0 !important;
  }

  .richdent-blog-popular .preview-blog .preview-blog__content {
    margin: 16px 16px 24px !important;
  }

  .richdent-blog-popular .preview-blog .preview-blog__content-title {
    -webkit-line-clamp: 4 !important;
    min-height: 80px !important;
    max-height: 80px !important;
    line-height: 20px !important;
  }

  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: calc(100% - 40px) !important;
    max-width: 100% !important;
    margin-inline: 20px !important;
    gap: clamp(16px, 3vw, 40px) !important;
    overflow: visible !important;
    padding-block: 16px !important;
    margin-block: -16px !important;
  }

  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] > .preview-blog--wide {
    min-width: 0 !important;
    height: clamp(420px, 55vw, 586px) !important;
    min-height: clamp(420px, 55vw, 586px) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] > .preview-blog--wide .preview-blog__img {
    height: clamp(180px, 26vw, 294px) !important;
    min-height: clamp(180px, 26vw, 294px) !important;
    max-height: clamp(180px, 26vw, 294px) !important;
  }

  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] > .preview-blog--wide .preview-blog__content {
    min-width: 0 !important;
  }

  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] > .preview-blog--wide .preview-blog__content-title {
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] > .preview-blog:not(.preview-blog--wide) {
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
  }

  /* Article tablet type */
  .single[data-context="blog"] .post-intro h1.section-title {
    font-size: clamp(28px, 4vw, 44px) !important;
    line-height: 1.15 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__title,
  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__topic {
    font-size: clamp(28px, 3.5vw, 40px) !important;
    line-height: 1.15 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-related-articles__slider .embla__slide {
    flex: 0 0 min(300px, calc((100% - 24px) / 2)) !important;
  }

  /* CTA ? doctor head overhang; taller banner + safer crop on narrow desktop */
  .single[data-context="blog"] .richdent-blog-consultation {
    position: relative !important;
    z-index: 1 !important;
    max-width: 100vw !important;
    height: clamp(400px, 52vw, 450px) !important;
    min-height: 400px !important;
    overflow: visible !important;
    margin-top: calc(var(--richdent-blog-block-gap, 70px) + clamp(56px, 8vw, 80px)) !important;
  }

  /* Archive CTA sizing lives in the 1920 zoom block ? do not cap with 100vw here */
  .main__archive.richdent-blog-archive > .richdent-blog-consultation,
  .richdent-blog-archive > .richdent-blog-consultation--archive {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] {
    position: relative !important;
    z-index: 4 !important;
  }

  .richdent-blog-consultation__copy {
    width: min(520px, 52%) !important;
    max-width: 52% !important;
    /* Text sat too close to banner top on mid widths */
    padding: clamp(64px, 9vw, 90px) 0 0 clamp(24px, 4vw, 48px) !important;
  }

  .richdent-blog-consultation h2,
  .single[data-context="blog"] .richdent-blog-consultation h2 {
    font-size: clamp(26px, 3.6vw, 40px) !important;
    line-height: 1.15 !important;
  }

  .richdent-blog-consultation p,
  .single[data-context="blog"] .richdent-blog-consultation p {
    font-size: clamp(14px, 1.8vw, 22px) !important;
    line-height: 1.3 !important;
  }

  .richdent-blog-consultation__doctor {
    top: auto !important;
    z-index: 1 !important;
    right: clamp(12px, 4vw, 120px) !important;
    bottom: 0 !important;
    width: clamp(220px, 30vw, 400px) !important;
    /* ~65px Figma overhang ? was 72?100 and ate the lead row */
    height: calc(100% + clamp(48px, 6.5vw, 68px)) !important;
    object-fit: cover !important;
    object-position: 78% center !important;
    max-height: none !important;
  }

  /* Meta ? narrow cards at 768: tighter gap, no wrap, stay inside card */
  .richdent-blog-archive .preview-blog .post-meta:last-of-type,
  .richdent-blog-popular .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-slider .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-compact .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-compact-wrap .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-grid .preview-blog .post-meta:last-of-type {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: clamp(8px, 1.4vw, 16px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: auto !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive .preview-blog .post-views > span,
  .richdent-blog-archive .preview-blog .post-read-time > span,
  .richdent-blog-archive .preview-blog .post-likes > span,
  .richdent-blog-popular .preview-blog .post-views > span,
  .richdent-blog-popular .preview-blog .post-read-time > span,
  .richdent-blog-popular .preview-blog .post-likes > span,
  .richdent-blog-feed-slider .preview-blog .post-views > span,
  .richdent-blog-feed-slider .preview-blog .post-read-time > span,
  .richdent-blog-feed-slider .preview-blog .post-likes > span,
  .richdent-blog-feed-compact-wrap .preview-blog .post-views > span,
  .richdent-blog-feed-compact-wrap .preview-blog .post-read-time > span,
  .richdent-blog-feed-compact-wrap .preview-blog .post-likes > span,
  .richdent-blog-feed-grid .preview-blog .post-views > span,
  .richdent-blog-feed-grid .preview-blog .post-read-time > span,
  .richdent-blog-feed-grid .preview-blog .post-likes > span {
    font-size: clamp(12px, 1.6vw, 16px) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child) .preview-blog__content,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact .preview-blog__content,
  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content,
  .richdent-blog-popular .preview-blog .preview-blog__content {
    /* Figma compact: image 12 / content 16 / bottom 16?32 */
    margin: 16px 16px 24px !important;
  }

  .richdent-blog-feed-slider .preview-blog,
  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] > .preview-blog--wide {
    overflow: hidden !important;
  }

  .richdent-blog-feed-slider .preview-blog__content,
  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] > .preview-blog--wide .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 28px 32px !important;
  }

  .richdent-blog-feed-slider .preview-blog .post-meta:last-of-type,
  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] > .preview-blog--wide .post-meta:last-of-type {
    margin-top: auto !important;
    flex-shrink: 0 !important;
  }

  .richdent-blog-feed-slider .preview-blog__more,
  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] > .preview-blog--wide .preview-blog__more {
    margin-top: 16px !important;
    padding-top: 0 !important;
  }

  /*
   * Subscribe ? mid desktop: keep form row, comfortable inset, readable type.
   */
  .richdent-blog-archive > .richdent-blog-subscribe,
  .richdent-blog-popular + .richdent-blog-subscribe {
    box-sizing: border-box !important;
    width: calc(100% - 40px) !important;
    max-width: 1232px !important;
    height: auto !important;
    min-height: clamp(260px, 36vw, 333px) !important;
    margin-top: clamp(48px, 7vw, 70px) !important;
    margin-bottom: clamp(48px, 7vw, 80px) !important;
    margin-inline: auto !important;
    padding: clamp(36px, 4.5vw, 48px) clamp(28px, 4.5vw, 64px) clamp(32px, 4vw, 48px) !important;
    border-radius: 20px !important;
    background-color: transparent !important;
    background-image: url("blog-subscribe-desktop.webp") !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe > div,
  .richdent-blog-subscribe > div {
    max-width: min(820px, 100%) !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe h2,
  .richdent-blog-subscribe h2 {
    font-size: clamp(26px, 3.4vw, 36px) !important;
    line-height: 1.15 !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe h2 br,
  .richdent-blog-subscribe h2 br {
    display: inline !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe p,
  .richdent-blog-subscribe p {
    max-width: min(689px, 100%) !important;
    margin-top: clamp(14px, 2vw, 22px) !important;
    font-size: clamp(15px, 2vw, 20px) !important;
    line-height: 1.3 !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe__form,
  .richdent-blog-subscribe__form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(170px, 260px) !important;
    grid-template-areas:
      "email btn"
      "consent consent" !important;
    gap: 14px 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: clamp(18px, 2.5vw, 27px) !important;
    align-items: stretch !important;
  }

  .richdent-blog-subscribe__form
    > label:not(.richdent-blog-subscribe__consent, .richdent-blog-subscribe__hp) {
    grid-area: email !important;
    min-width: 0 !important;
  }

  .richdent-blog-subscribe__form .btn {
    grid-area: btn !important;
    width: 100% !important;
    max-width: none !important;
    height: 50px !important;
    min-height: 50px !important;
    font-size: clamp(15px, 1.8vw, 18px) !important;
  }

  .richdent-blog-subscribe__consent {
    grid-area: consent !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(11px, 1.3vw, 12px) !important;
    line-height: 1.35 !important;
  }
}

/* Extra-narrow desktop (768?1100): lead / meta / CTA / subscribe */
@media (max-width: 0px) /* was tablet 768-1023; tablet=mobile <=1023 */ {
  /* Kill any leftover swipe-rail geometry from older mid-width rules */
  .richdent-blog-archive > .archive-grid[data-layout="lead"] {
    display: grid !important;
    flex-flow: unset !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 16px 20px !important;
    width: min(calc(100% - 40px), 1232px) !important;
    max-width: 1232px !important;
    margin-inline: auto !important;
    overflow: visible !important;
    padding-block: 0 !important;
    scroll-snap-type: none !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:first-child,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured,
  .main__archive.richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured {
    flex: none !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:first-child .preview-blog__img,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--featured .preview-blog__img {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: clamp(180px, 28vw, 280px) !important;
    max-height: none !important;
    aspect-ratio: 552 / 330 !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child),
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact {
    display: flex !important;
    flex: none !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 320px !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child) .preview-blog__img,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact .preview-blog__img {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 252 / 152 !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog:not(.preview-blog--featured):not(:first-child) .preview-blog__content,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog--compact .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 16px 16px 24px !important;
  }

  /* Meta ? fit ~half-width cards at 768 without wrapping / clipping icons */
  .richdent-blog-archive .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-slider .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-compact-wrap .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-grid .preview-blog .post-meta:last-of-type,
  .richdent-blog-popular .preview-blog .post-meta:last-of-type {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: auto !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive .preview-blog .post-views,
  .richdent-blog-archive .preview-blog .post-read-time,
  .richdent-blog-archive .preview-blog .post-likes,
  .richdent-blog-feed-slider .preview-blog .post-views,
  .richdent-blog-feed-slider .preview-blog .post-read-time,
  .richdent-blog-feed-slider .preview-blog .post-likes,
  .richdent-blog-feed-compact-wrap .preview-blog .post-views,
  .richdent-blog-feed-compact-wrap .preview-blog .post-read-time,
  .richdent-blog-feed-compact-wrap .preview-blog .post-likes,
  .richdent-blog-feed-grid .preview-blog .post-views,
  .richdent-blog-feed-grid .preview-blog .post-read-time,
  .richdent-blog-feed-grid .preview-blog .post-likes,
  .richdent-blog-popular .preview-blog .post-views,
  .richdent-blog-popular .preview-blog .post-read-time,
  .richdent-blog-popular .preview-blog .post-likes {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 3px !important;
    height: 18px !important;
    min-height: 18px !important;
    font-size: 12px !important;
  }

  .richdent-blog-archive .preview-blog .post-meta .icons,
  .richdent-blog-feed-slider .preview-blog .post-meta .icons,
  .richdent-blog-feed-compact-wrap .preview-blog .post-meta .icons,
  .richdent-blog-feed-grid .preview-blog .post-meta .icons,
  .richdent-blog-popular .preview-blog .post-meta .icons {
    flex: 0 0 14px !important;
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    --icon-parent-size: 14px !important;
    --icon-size: 14px !important;
  }

  .richdent-blog-archive .preview-blog .post-views > span,
  .richdent-blog-archive .preview-blog .post-read-time > span,
  .richdent-blog-archive .preview-blog .post-likes > span,
  .richdent-blog-feed-slider .preview-blog .post-views > span,
  .richdent-blog-feed-slider .preview-blog .post-read-time > span,
  .richdent-blog-feed-slider .preview-blog .post-likes > span,
  .richdent-blog-feed-compact-wrap .preview-blog .post-views > span,
  .richdent-blog-feed-compact-wrap .preview-blog .post-read-time > span,
  .richdent-blog-feed-compact-wrap .preview-blog .post-likes > span,
  .richdent-blog-feed-grid .preview-blog .post-views > span,
  .richdent-blog-feed-grid .preview-blog .post-read-time > span,
  .richdent-blog-feed-grid .preview-blog .post-likes > span,
  .richdent-blog-popular .preview-blog .post-views > span,
  .richdent-blog-popular .preview-blog .post-read-time > span,
  .richdent-blog-popular .preview-blog .post-likes > span {
    font-size: 12px !important;
    line-height: 14px !important;
    white-space: nowrap !important;
  }

  /*
   * CTA ? clear room ABOVE for doctor head (~65px Figma overhang).
   * Later duplicate rules must not pull padding/overhang back down.
   */
  .main:has(> .richdent-blog-archive),
  .main__archive.richdent-blog-archive {
    overflow: visible !important;
  }

  .main__archive.richdent-blog-archive > .richdent-blog-consultation,
  .richdent-blog-archive > .richdent-blog-consultation--archive,
  .richdent-blog-consultation {
    position: relative !important;
    z-index: 1 !important;
    height: clamp(400px, 54vw, 450px) !important;
    min-height: 400px !important;
    overflow: visible !important;
    margin-top: calc(var(--richdent-blog-block-gap, 70px) + clamp(56px, 8vw, 80px)) !important;
  }

  .richdent-blog-archive > .archive-grid[data-layout="lead"] {
    position: relative !important;
    z-index: 4 !important;
  }

  .richdent-blog-consultation__copy {
    position: relative !important;
    z-index: 3 !important;
    width: min(420px, 48%) !important;
    max-width: 48% !important;
    padding: clamp(64px, 9vw, 90px) 12px 0 max(20px, 2.5vw) !important;
  }

  .richdent-blog-consultation h2,
  .single[data-context="blog"] .richdent-blog-consultation h2 {
    font-size: clamp(24px, 3.4vw, 36px) !important;
    line-height: 1.15 !important;
  }

  .richdent-blog-consultation p,
  .single[data-context="blog"] .richdent-blog-consultation p {
    max-width: 100% !important;
    font-size: clamp(14px, 1.9vw, 20px) !important;
    line-height: 1.3 !important;
  }

  .richdent-blog-consultation .btn {
    max-width: 100% !important;
  }

  .richdent-blog-consultation__doctor {
    top: auto !important;
    right: clamp(8px, 2.5vw, 28px) !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 1 !important;
    width: clamp(240px, 38vw, 340px) !important;
    max-width: 46vw !important;
    height: calc(100% + clamp(48px, 6.5vw, 68px)) !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: 78% center !important;
    overflow: visible !important;
    transform: none !important;
  }

  /* Subscribe ? stacked form on narrow desktop; keep 2-line title */
  .richdent-blog-archive > .richdent-blog-subscribe,
  .richdent-blog-popular + .richdent-blog-subscribe {
    box-sizing: border-box !important;
    width: calc(100% - 40px) !important;
    max-width: 1232px !important;
    height: auto !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    padding: 36px 28px 32px !important;
    border-radius: 20px !important;
    background-color: transparent !important;
    background-image: url("blog-subscribe-desktop.webp") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe__form,
  .richdent-blog-subscribe__form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "email"
      "btn"
      "consent" !important;
    gap: 12px !important;
    max-width: 100% !important;
    margin-top: 20px !important;
  }

  .richdent-blog-subscribe__form
    > label:not(.richdent-blog-subscribe__consent, .richdent-blog-subscribe__hp) {
    grid-area: email !important;
    width: 100% !important;
    max-width: none !important;
  }

  .richdent-blog-subscribe__form input[type="email"] {
    width: 100% !important;
    max-width: none !important;
  }

  .richdent-blog-subscribe__form .btn {
    grid-area: btn !important;
    width: 100% !important;
    max-width: none !important;
    font-size: 16px !important;
  }

  .richdent-blog-subscribe__consent {
    grid-area: consent !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe h2,
  .richdent-blog-subscribe h2 {
    font-size: clamp(26px, 4vw, 34px) !important;
    line-height: 1.15 !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe h2 br,
  .richdent-blog-subscribe h2 br {
    display: inline !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe p,
  .richdent-blog-subscribe p {
    max-width: min(560px, 100%) !important;
    margin-top: 14px !important;
    font-size: clamp(15px, 2vw, 18px) !important;
    line-height: 1.3 !important;
  }
}

@media (min-width: 1024px) {
  /*
   * Compact + promo ? one fluid row, Figma 276?352 / 386?352.
   * Card is a column flex; content grows; meta pins to bottom (margin-top:auto).
   */
  .richdent-blog-feed-compact-wrap,
  .richdent-blog-feed-compact-wrap.has-promo {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 276fr)) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    column-gap: clamp(8px, 1.2vw, 24px) !important;
    row-gap: 0 !important;
    overflow: visible !important;
    max-width: min(100%, var(--richdent-blog-content-width, 100%)) !important;
    width: min(100%, var(--richdent-blog-content-width, 100%)) !important;
    margin-inline: auto !important;
    padding-block: 0 !important;
    margin-bottom: 0 !important;
    scroll-snap-type: none !important;
  }

  .richdent-blog-feed-compact-wrap.has-promo {
    grid-template-columns: repeat(4, minmax(0, 276fr)) minmax(0, 386fr) !important;
    column-gap: clamp(40px, 3.65vw, 70px) !important;
    /* Promo row is wider than the 1232 lead column */
    width: min(100%, 1770px) !important;
    max-width: min(100%, 1770px) !important;
  }

  .richdent-blog-feed-compact-wrap > .archive-grid.richdent-blog-feed-compact[data-layout="compact"],
  .richdent-blog-archive .archive-grid.richdent-blog-feed-compact[data-layout="compact"] {
    display: contents !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog,
  .richdent-blog-feed-compact-wrap .richdent-blog-feed-compact > .preview-blog,
  .richdent-blog-feed-compact-wrap .archive-grid.richdent-blog-feed-compact > .preview-blog,
  .richdent-blog-feed-compact > .preview-blog {
    display: flex !important;
    flex-direction: column !important;
    flex: unset !important;
    align-items: stretch !important;
    align-self: start !important;
    container-type: inline-size !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    /* Height from Figma ratio ? beat theme height:100% */
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 276 / 352 !important;
    overflow: hidden !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog__img,
  .richdent-blog-feed-compact-wrap .richdent-blog-feed-compact .preview-blog__img,
  .richdent-blog-feed-compact-wrap
    .archive-grid.richdent-blog-feed-compact[data-context="blog"]
    > .preview-blog
    .preview-blog__img {
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    width: calc(100% * 252 / 276) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 252 / 152 !important;
    margin: min(12px, 4.348cqw) 0 0 min(12px, 4.348cqw) !important;
    border-radius: min(20px, 7.246cqw) !important;
  }

  /*
   * Content fills leftover card height so meta can stick to the bottom.
   * Figma 8099:2616 padding: 16 / 16 / 32.
   */
  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content,
  .richdent-blog-feed-compact-wrap .richdent-blog-feed-compact .preview-blog__content,
  .richdent-blog-feed-compact-wrap
    .archive-grid.richdent-blog-feed-compact[data-context="blog"]
    > .preview-blog
    .preview-blog__content {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: min(16px, 5.797cqw) min(16px, 5.797cqw) min(32px, 11.594cqw) !important;
    padding: 0 !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__more {
    display: none !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .post-category,
  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content-title {
    flex: 0 0 auto !important;
    font-size: clamp(12px, 5.797cqw, 16px) !important;
    font-weight: 450 !important;
    line-height: clamp(15px, 7.246cqw, 20px) !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content-title {
    margin-top: min(4px, 1.449cqw) !important;
    max-height: none !important;
    -webkit-line-clamp: 4 !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-compact-wrap
    .preview-blog
    .preview-blog__content
    > .post-meta:last-of-type {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: min(16px, 5.797cqw) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .post-views,
  .richdent-blog-feed-compact-wrap .preview-blog .post-read-time,
  .richdent-blog-feed-compact-wrap .preview-blog .post-likes {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: min(4px, 1.449cqw) !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #716664 !important;
    font-size: clamp(11px, 5.797cqw, 16px) !important;
    font-weight: 300 !important;
    line-height: clamp(14px, 7.246cqw, 20px) !important;
    white-space: nowrap !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .post-views > span,
  .richdent-blog-feed-compact-wrap .preview-blog .post-read-time > span,
  .richdent-blog-feed-compact-wrap .preview-blog .post-likes > span {
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: inherit !important;
    font-size: inherit !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .post-meta .icons {
    display: inline-flex !important;
    flex: 0 0 clamp(12px, 5.797cqw, 16px) !important;
    align-items: center !important;
    justify-content: center !important;
    width: clamp(12px, 5.797cqw, 16px) !important;
    min-width: clamp(12px, 5.797cqw, 16px) !important;
    max-width: clamp(12px, 5.797cqw, 16px) !important;
    height: clamp(12px, 5.797cqw, 16px) !important;
    margin: 0 !important;
    padding: 0 !important;
    --icon-parent-size: clamp(12px, 5.797cqw, 16px) !important;
    --icon-size: clamp(12px, 5.797cqw, 16px) !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .post-meta .icons::before {
    width: clamp(12px, 5.797cqw, 16px) !important;
    height: clamp(12px, 5.797cqw, 16px) !important;
    min-width: clamp(12px, 5.797cqw, 16px) !important;
    background-size: contain !important;
  }

  .richdent-blog-feed-compact-wrap > .richdent-blog-feed-compact__promo,
  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    display: flex !important;
    flex-direction: column !important;
    flex: unset !important;
    align-self: stretch !important;
    container-type: normal !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    /* Stretch to compact card row height ? was fixed/aspect and looked cropped */
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    padding: 21px 20px 20px !important;
    border-radius: 20px !important;
  }

  .richdent-blog-feed-compact-wrap > .richdent-blog-feed-compact__promo {
    display: block !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .richdent-blog-feed-compact-wrap > .richdent-blog-feed-compact__promo .richdent-blog-promo-card {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    padding: 21px 20px 20px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__copy {
    max-width: calc(240 / 386 * 100%) !important;
    gap: clamp(4px, 1.7cqh, 6px) !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__until {
    font-size: clamp(12px, 4.15cqw, 16px) !important;
    line-height: 1.25 !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__title {
    font-size: clamp(14px, 5.2cqw, 20px) !important;
    line-height: 1.2 !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta {
    width: calc(288 / 386 * 100%) !important;
    max-width: calc(100% - 16px) !important;
    height: clamp(36px, 13.07cqh, 46px) !important;
    min-height: clamp(36px, 13.07cqh, 46px) !important;
    max-height: clamp(36px, 13.07cqh, 46px) !important;
    margin-top: auto !important;
    font-size: clamp(14px, 5.2cqw, 20px) !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card .richdent-blog-promo-card__doctor {
    position: absolute !important;
    right: calc(-11 / 386 * 100%) !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    width: calc(310 / 386 * 100%) !important;
    max-width: calc(310 / 386 * 100%) !important;
    height: calc(268 / 352 * 100%) !important;
    max-height: calc(268 / 352 * 100%) !important;
    object-fit: contain !important;
    object-position: bottom right !important;
  }

  /* Desktop popular ? Figma 5?2 grid (not horizontal scroll) */
  .richdent-blog-popular:not(.is-wide) > .archive-grid[data-context="blog-popular"] {
    display: grid !important;
    grid-template-columns: repeat(5, 276px) !important;
    grid-template-rows: repeat(2, 352px) !important;
    column-gap: 95px !important;
    row-gap: 80px !important;
    gap: 80px 95px !important;
    grid-auto-rows: 352px !important;
    overflow: visible !important;
    flex-flow: unset !important;
    justify-content: start !important;
    justify-items: start !important;
  }
}

/* -------------------------------------------------------------------------
 * Article mobile polish batch ? Figma 8097:1843 (quote / services / meta /
 * comments) + TOC heading text without duplicate consultation lines.
 * ---------------------------------------------------------------------- */
@media (max-width: 1023px) {
  /* Expert quote ? reserve photo slot (lazy img), Figma 158?149 + identity. */
  .single[data-context="blog"] .richdent-expert-composition.wp-block-columns {
    gap: 16px 12px !important;
    margin: 28px 0 !important;
    padding: 0 !important;
  }

  .single[data-context="blog"] .richdent-expert-composition .wp-block-image,
  .single[data-context="blog"] .richdent-expert-composition .wp-block-image a {
    width: 158px !important;
    max-width: 158px !important;
    min-height: 149px !important;
  }

  .single[data-context="blog"] .richdent-expert-composition .wp-block-image img {
    width: 158px !important;
    max-width: 158px !important;
    height: 149px !important;
    max-height: 149px !important;
    min-height: 149px !important;
    object-fit: cover !important;
    object-position: top center !important;
  }

  .single[data-context="blog"] .richdent-expert-composition__identity {
    padding-top: 4px !important;
  }

  .single[data-context="blog"] .richdent-expert-composition__role {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    color: #4b4545 !important;
  }

  .single[data-context="blog"] .richdent-expert-composition__name {
    margin-top: 6px !important;
    font-size: 14px !important;
    font-weight: 450 !important;
    line-height: 16px !important;
    color: #4b4545 !important;
  }

  .single[data-context="blog"]
    .richdent-expert-composition
    blockquote.is-style-richdent-expert-quote {
    margin-top: 4px !important;
    padding: 20px 18px 18px 48px !important;
    border-radius: 20px !important;
    background: #f3f0ef !important;
  }

  .single[data-context="blog"]
    .richdent-expert-composition
    blockquote.is-style-richdent-expert-quote
    p {
    margin: 0 !important;
    color: #716664 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
  }

  /* Services rail ? same soft shadow language as cases / related. */
  .single[data-context="blog"]
    .single__content-main
    .richdent-inline-collection--services
    .preview-services {
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%) !important;
  }

  /* Article meta / share ? tighter stack, icons stay in one row. */
  .single[data-context="blog"] .richdent-blog-article-meta {
    gap: 14px !important;
    padding: 18px 16px !important;
    border-radius: 20px !important;
  }

  .single[data-context="blog"] .richdent-blog-article-meta > time,
  .single[data-context="blog"] .richdent-blog-article-meta > p {
    padding-bottom: 14px !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .single[data-context="blog"] .richdent-blog-article-meta > .socials {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px 12px !important;
  }

  .single[data-context="blog"] .richdent-blog-article-meta .socials__prefix {
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .single[data-context="blog"] .richdent-blog-article-meta .socials__item {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
  }

  /* Comments ? mobile type + denser list. */
  .main:has(> .single[data-context="blog"]) .richdent-comments {
    margin-top: 40px !important;
    padding-top: 28px !important;
  }

  .single[data-context="blog"] .richdent-comments > .section-title {
    margin: 0 0 18px !important;
    font-size: clamp(22px, 6.2vw, 26px) !important;
    line-height: 1.2 !important;
  }

  .single[data-context="blog"] .richdent-comments__list {
    gap: 28px !important;
    margin: 0 0 28px !important;
  }

  .single[data-context="blog"] .richdent-comments .comment-content {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .single[data-context="blog"] .richdent-comments .comment-author .fn,
  .single[data-context="blog"] .richdent-comments .richdent-comments__author-meta .fn {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .single[data-context="blog"] .richdent-comments .comment-metadata {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .single[data-context="blog"] .richdent-comment-form :where(input[type="text"], input[type="email"], textarea) {
    min-height: 52px !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    line-height: 22px !important;
  }

  .single[data-context="blog"] .richdent-comment-form textarea {
    min-height: 120px !important;
  }

  .single[data-context="blog"] .richdent-comment-form__button {
    width: 100% !important;
    min-height: 50px !important;
    font-size: 16px !important;
    line-height: 22px !important;
  }

  /* Lead conversion ? solid title (readable on #615c5c), less washout. */
  .main:has(> .single[data-context="blog"])
    .richdent-blog-lead-conversion
    .fl-consult__content-main
    .section-title__text {
    color: #d4bbb7 !important;
    background-image: none !important;
    background-color: transparent !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #d4bbb7 !important;
  }

  /* Lead girl ? flush right; +21px down per mobile QA. */
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img,
  .richdent-blog-lead-conversion .fl-consult__content-main-img {
    top: auto !important;
    left: auto !important;
    right: 0 !important;
    bottom: -21px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-contacts,
  .richdent-blog-lead-conversion .fl-consult__content-form-contacts {
    margin: 91px 0 0 16px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img img,
  .richdent-blog-lead-conversion .fl-consult__content-main-img img {
    object-position: right bottom !important;
  }

  /* Cases badges ? Figma: sit on the photo top edge; photo stays in normal flow. */
  .single[data-context="blog"] .preview-cases,
  .single[data-context="blog"] .preview-cases__results,
  .single[data-context="blog"] .preview-cases__results-img {
    overflow: visible !important;
  }

  .single[data-context="blog"] .preview-cases__results {
    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    height: auto !important;
  }

  .single[data-context="blog"] .preview-cases__results-img {
    position: relative !important;
    flex: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }

  .single[data-context="blog"] .preview-cases__results-img > a {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 148px !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  .single[data-context="blog"] .preview-cases__results-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
  }

  .single[data-context="blog"] .preview-cases__results-img::before {
    top: -12px !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    margin: 0 auto !important;
    pointer-events: none !important;
  }
}

/* -------------------------------------------------------------------------
 * Mobile+tablet ?1023 (incl. 320) ? pin card meta; promo + horizontal card rail.
 * Figma 8099:2616 ? card 276?352, content 16/16/32, meta on footer.
 * ---------------------------------------------------------------------- */
@media (max-width: 1023px) {
  /*
   * Compact rail + promo below (promo must stay visible ? not inside the x-scroll).
   * Figma 8099:2976 promo tile 336?352; on tablet it spans content width ? 352.
   */
  .richdent-blog-feed-compact-wrap,
  .richdent-blog-feed-compact-wrap.has-promo {
    display: flex !important;
    flex-direction: column !important;
    flex-flow: column nowrap !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    margin-bottom: 0 !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    grid-template-columns: none !important;
  }

  .richdent-blog-feed-compact-wrap > .archive-grid.richdent-blog-feed-compact[data-layout="compact"],
  .richdent-blog-archive .archive-grid.richdent-blog-feed-compact[data-layout="compact"] {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-block: 12px !important;
    padding-inline: var(--rd-mobile-gutter, 12px) !important;
    margin-bottom: -12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: var(--rd-mobile-gutter, 12px) !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
  }

  .richdent-blog-feed-compact-wrap
    > .archive-grid.richdent-blog-feed-compact[data-layout="compact"]::-webkit-scrollbar {
    display: none !important;
  }

  .richdent-blog-feed-compact-wrap > .richdent-blog-feed-compact__promo {
    display: block !important;
    flex: 0 0 auto !important;
    width: var(--rd-mobile-content, calc(100vw - 24px)) !important;
    max-width: var(--rd-mobile-content, calc(100vw - 24px)) !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    margin-inline: var(--rd-mobile-gutter, 12px) !important;
    padding: 0 !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  /* ?????? ????????? ? same horizontal rail as compact (was stacking as grid) */
  .richdent-blog-popular > .archive-grid[data-context="blog-popular"],
  .richdent-blog-archive.is-rubric .richdent-blog-popular > .archive-grid[data-context="blog-popular"],
  .richdent-blog-archive.is-rubric .richdent-blog-popular.is-wide > .archive-grid[data-context="blog-popular"] {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    width: var(--rd-mobile-content, calc(100vw - 24px)) !important;
    max-width: 100% !important;
    margin-inline: var(--rd-mobile-gutter, 12px) !important;
    padding-block: 12px !important;
    margin-bottom: -12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
  }

  .richdent-blog-popular__head {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .richdent-blog-popular__head > .section-title {
    margin: 0 var(--rd-mobile-gutter, 12px) 16px !important;
  }

  .richdent-blog-popular__head > .main__archive-pagination {
    display: none !important;
  }

  .richdent-blog-popular > .archive-grid[data-context="blog-popular"]::-webkit-scrollbar {
    display: none !important;
  }

  /* Cards: fixed Figma size, column flex so meta can pin */
  .richdent-blog-feed-compact-wrap .preview-blog,
  .richdent-blog-feed-compact-wrap .richdent-blog-feed-compact > .preview-blog,
  .richdent-blog-feed-compact > .preview-blog,
  .richdent-blog-popular .preview-blog,
  .richdent-blog-popular > .archive-grid[data-context="blog-popular"] .preview-blog,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog,
  .richdent-blog-feed-grid > .preview-blog,
  .richdent-blog-feed-grid > .preview-blog--wide,
  .richdent-blog-feed-grid > .preview-blog--compact,
  .richdent-blog-feed-slider .preview-blog {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    flex: 0 0 276px !important;
    width: 276px !important;
    min-width: 276px !important;
    max-width: 276px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    container-type: normal !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog__img,
  .richdent-blog-feed-compact > .preview-blog .preview-blog__img,
  .richdent-blog-popular .preview-blog__img,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog .preview-blog__img,
  .richdent-blog-feed-grid > .preview-blog .preview-blog__img,
  .richdent-blog-feed-slider:not(.richdent-blog-related-articles__slider) .preview-blog__img {
    flex: 0 0 auto !important;
    width: 252px !important;
    max-width: 252px !important;
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
    aspect-ratio: auto !important;
    margin: 12px 12px 0 !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content,
  .richdent-blog-feed-compact > .preview-blog .preview-blog__content,
  .richdent-blog-popular .preview-blog .preview-blog__content,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog .preview-blog__content,
  .richdent-blog-feed-grid > .preview-blog .preview-blog__content,
  .richdent-blog-feed-slider .preview-blog .preview-blog__content {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 16px 16px 32px !important;
    padding: 0 !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__content-title,
  .richdent-blog-feed-compact > .preview-blog .preview-blog__content-title,
  .richdent-blog-popular .preview-blog .preview-blog__content-title,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog .preview-blog__content-title,
  .richdent-blog-feed-grid > .preview-blog .preview-blog__content-title,
  .richdent-blog-feed-slider .preview-blog .preview-blog__content-title {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: 84px !important;
    margin-top: 4px !important;
    font-size: 16px !important;
    font-weight: 450 !important;
    line-height: 20px !important;
    -webkit-line-clamp: 4 !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-compact > .preview-blog .post-meta:last-of-type,
  .richdent-blog-popular .preview-blog .post-meta:last-of-type,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-grid > .preview-blog .post-meta:last-of-type,
  .richdent-blog-feed-slider .preview-blog .post-meta:last-of-type {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }

  .richdent-blog-feed-compact-wrap .preview-blog .preview-blog__more,
  .richdent-blog-feed-compact > .preview-blog .preview-blog__more,
  .richdent-blog-popular .preview-blog .preview-blog__more,
  .richdent-blog-archive > .archive-grid[data-layout="lead"] > .preview-blog .preview-blog__more,
  .richdent-blog-feed-grid > .preview-blog .preview-blog__more,
  .richdent-blog-feed-slider .preview-blog .preview-blog__more {
    display: none !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    display: flex !important;
    flex-direction: column !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta {
    margin-top: auto !important;
  }
}

/* -------------------------------------------------------------------------
 * Rubric archive ? Figma 6001:2586 (desktop) / 8099:3123 (mobile).
 * Popular is a 3-col wide grid on desktop; compact rail on mobile.
 * Compact row is 5 cards without promo.
 * ---------------------------------------------------------------------- */
@media (min-width: 1024px) {
  /* Rubric popular ? Figma 6001:2586: 3?2 wide cards 535?586, gap 69, inset 80 ? 1760 */
  .richdent-blog-archive.is-rubric .richdent-blog-popular,
  .richdent-blog-archive.is-rubric .richdent-blog-popular.is-wide {
    width: min(1760px, calc(100% - 48px)) !important;
    max-width: min(1760px, calc(100% - 48px)) !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular__head {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 0 40px !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular__head > .section-title,
  .richdent-blog-archive.is-rubric .richdent-blog-popular > .section-title {
    margin: 0 !important;
    margin-bottom: 0 !important;
    font-size: 40px !important;
    line-height: 40px !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular__head > .main__archive-pagination {
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    justify-content: flex-end !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular > .archive-grid[data-context="blog-popular"],
  .richdent-blog-archive.is-rubric .richdent-blog-popular.is-wide > .archive-grid[data-context="blog-popular"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 535fr)) !important;
    grid-auto-rows: 586px !important;
    justify-content: stretch !important;
    column-gap: clamp(24px, 3.593vw, 69px) !important;
    row-gap: clamp(24px, 3.593vw, 69px) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding-block: 0 !important;
    margin-bottom: 0 !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog,
  .richdent-blog-archive.is-rubric
    .richdent-blog-popular
    > .archive-grid[data-context="blog-popular"]
    .preview-blog {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 586px !important;
    min-height: 586px !important;
    max-height: 586px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog__img {
    box-sizing: border-box !important;
    width: calc(100% - 24px) !important;
    max-width: 511px !important;
    height: 330px !important;
    min-height: 330px !important;
    max-height: 330px !important;
    aspect-ratio: auto !important;
    margin: 12px 12px 0 !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog .preview-blog__content {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 16px 28px 32px !important;
    min-height: 0 !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog .preview-blog__content-title {
    margin-top: 8px !important;
    font-size: clamp(22px, 1.666vw, 28px) !important;
    font-weight: 450 !important;
    line-height: 1.15 !important;
    -webkit-line-clamp: 2 !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog .post-meta:last-of-type {
    margin-top: auto !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog__more {
    display: inline-flex !important;
    margin-top: 16px !important;
  }

  /* Rubric compact row: 5 equal cards, no promo */
  .richdent-blog-archive.is-rubric .richdent-blog-feed-compact-wrap,
  .richdent-blog-archive.is-rubric .richdent-blog-feed-compact-wrap:not(.has-promo) {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    column-gap: clamp(8px, 1.2vw, 24px) !important;
    align-items: start !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-feed-compact-wrap .preview-blog,
  .richdent-blog-archive.is-rubric
    .richdent-blog-feed-compact-wrap
    .richdent-blog-feed-compact
    > .preview-blog {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    aspect-ratio: 276 / 352 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

@media (max-width: 1023px) {
  /* Rubric mobile 8099:3123 ? popular stays compact horizontal rail */
  .richdent-blog-archive.is-rubric .richdent-blog-popular.is-wide > .archive-grid[data-context="blog-popular"],
  .richdent-blog-archive.is-rubric .richdent-blog-popular > .archive-grid[data-context="blog-popular"] {
    display: flex !important;
    flex-flow: row nowrap !important;
    gap: 12px !important;
    width: var(--rd-mobile-content, calc(100vw - 24px)) !important;
    margin-inline: var(--rd-mobile-gutter, 12px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-block: 12px !important;
    margin-bottom: -12px !important;
    scroll-snap-type: x proximity !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog,
  .richdent-blog-archive.is-rubric
    .richdent-blog-popular
    > .archive-grid[data-context="blog-popular"]
    .preview-blog {
    flex: 0 0 276px !important;
    width: 276px !important;
    min-width: 276px !important;
    max-width: 276px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog__img {
    width: 252px !important;
    max-width: 252px !important;
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
    margin: 12px 12px 0 !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog .preview-blog__content {
    margin: 16px 16px 32px !important;
    padding: 0 !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog .preview-blog__content-title {
    font-size: 16px !important;
    line-height: 20px !important;
    -webkit-line-clamp: 4 !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog__more {
    display: none !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular > .section-title {
    margin: 0 var(--rd-mobile-gutter, 12px) 28px !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  /* Rubric compact: horizontal rail of 5, not fluid desktop grid */
  .richdent-blog-archive.is-rubric .richdent-blog-feed-compact-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    grid-template-columns: none !important;
  }

  .richdent-blog-archive.is-rubric
    .richdent-blog-feed-compact-wrap
    > .archive-grid.richdent-blog-feed-compact[data-layout="compact"] {
    display: flex !important;
    flex-flow: row nowrap !important;
  }
}

/* -------------------------------------------------------------------------
 * Desktop ?1024 ? paint the Figma 1920 frame, then zoom to the viewport.
 * At 1024: zoom ? 0.533 ? same proportions/paddings as the 1920 mockup.
 * Inside this canvas use absolute Figma px (not fluid clamps that diverge).
 * ---------------------------------------------------------------------- */
@media (min-width: 1024px) {
  /*
   * Scale the 1920 Figma frame to the real content column (Zen sidebar / <1920),
   * not 100vw ? vw ignores chrome and causes horizontal overflow.
   */
  .main:has(> .main__archive.richdent-blog-archive) {
    container-type: inline-size;
    overflow-x: clip !important;
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .main__archive.richdent-blog-archive {
    --rd-figma-w: 1920px;
    --rd-scale: min(1, calc(100cqw / 1920px));
    --richdent-blog-content-width: 1232px !important;
    --richdent-blog-block-gap: 70px !important;
    box-sizing: border-box !important;
    width: 1920px !important;
    max-width: 1920px !important;
    /* Flush left ? auto-centering left a white side gap next to the CTA */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    zoom: var(--rd-scale);
  }

  @media (min-width: 1920px) {
    .main__archive.richdent-blog-archive {
      margin-inline: auto !important;
    }
  }

  /* Firefox / Zen without zoom: scale + collapse leftover layout width */
  @supports not (zoom: 1) {
    .main__archive.richdent-blog-archive {
      transform: scale(var(--rd-scale));
      transform-origin: top left;
      margin-right: calc(1920px * (var(--rd-scale) - 1));
    }
  }

  /* Title + chips ? Figma lead column 1232 (feed/compact/popular are wider) */
  .richdent-blog-archive .main__archive-title,
  .richdent-blog-archive .archive-nav,
  .richdent-blog-archive > .archive-grid[data-layout="lead"],
  .richdent-blog-archive .post-loader {
    width: 1232px !important;
    max-width: 1232px !important;
    margin-inline: auto !important;
  }

  /* Lead: 576 + 52 + 276 + 52 + 276 = 1232; row gap 20; featured 724 */
  .richdent-blog-archive > .archive-grid[data-layout="lead"] {
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: 576px 276px 276px !important;
    column-gap: 52px !important;
    row-gap: 20px !important;
    align-items: stretch !important;
    justify-content: start !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured {
    display: flex !important;
    flex-direction: column !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 576px !important;
    max-width: 576px !important;
    height: 724px !important;
    min-height: 724px !important;
    max-height: 724px !important;
    container-type: normal !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__img,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__img {
    flex: 0 0 330px !important;
    width: 552px !important;
    max-width: 552px !important;
    height: 330px !important;
    min-height: 330px !important;
    max-height: 330px !important;
    aspect-ratio: auto !important;
    margin: 12px !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__content,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    margin: 0 !important;
    /* Figma featured: content @ y374 after 342 img ? 32 top; x32 ? ~24?32 side */
    padding: 32px 24px 32px !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .post-category,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .post-category {
    font-size: 16px !important;
    font-weight: 450 !important;
    line-height: 20px !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__content-title,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__content-title {
    margin-top: 4px !important;
    font-size: 32px !important;
    font-weight: 450 !important;
    line-height: 36px !important;
    -webkit-line-clamp: 2 !important;
    min-height: 0 !important;
    max-height: 72px !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .post-meta:last-of-type {
    margin-top: 12px !important;
    flex-shrink: 0 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__more,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__more {
    display: inline-flex !important;
    margin-top: auto !important;
    padding-top: 0 !important;
    color: #716664 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    text-decoration: none !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--featured
    .preview-blog__more:hover,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:first-child
    .preview-blog__more:hover {
    text-decoration: underline !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child) {
    display: flex !important;
    flex-direction: column !important;
    width: 276px !important;
    max-width: 276px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    aspect-ratio: auto !important;
    container-type: normal !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .preview-blog__img,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .preview-blog__img {
    width: 252px !important;
    max-width: 252px !important;
    height: 152px !important;
    min-height: 152px !important;
    max-height: 152px !important;
    aspect-ratio: auto !important;
    margin: 12px 12px 0 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .preview-blog__content,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    margin: 16px 16px 32px !important;
    padding: 0 !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .preview-blog__content-title,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .preview-blog__content-title {
    margin-top: 4px !important;
    font-size: 16px !important;
    font-weight: 450 !important;
    line-height: 20px !important;
    -webkit-line-clamp: 3 !important;
    min-height: 0 !important;
    max-height: 60px !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .post-meta:last-of-type,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .post-meta:last-of-type {
    margin-top: auto !important;
  }

  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog--compact
    .preview-blog__more,
  .richdent-blog-archive
    > .archive-grid[data-layout="lead"]
    > .preview-blog:not(.preview-blog--featured):not(:first-child)
    .preview-blog__more {
    display: none !important;
  }

  /* CTA ? Figma 6001:1976 (1920?450); 65px clears doctor overhang into lead */
  .main__archive.richdent-blog-archive > .richdent-blog-consultation,
  .richdent-blog-archive > .richdent-blog-consultation--archive {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    isolation: isolate !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 65px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: #615c5c !important;
    background-image: none !important;
  }

  .richdent-blog-archive .richdent-blog-consultation::after,
  .richdent-blog-archive .richdent-blog-consultation::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 11.3% !important;
    width: 65.3% !important;
    height: 100% !important;
    pointer-events: none !important;
  }

  .richdent-blog-archive .richdent-blog-consultation::after {
    z-index: 0 !important;
    background: url("blog-consultation-bg.webp") 18% 55% / cover no-repeat !important;
    opacity: 0.5 !important;
  }

  .richdent-blog-archive .richdent-blog-consultation::before {
    z-index: 1 !important;
    background:
      linear-gradient(180deg, rgb(97 92 92 / 0%) 0%, #615c5c 100%),
      linear-gradient(90deg, rgb(97 92 92 / 0%) 0%, #615c5c 100%),
      linear-gradient(270deg, rgb(97 92 92 / 0%) 0%, #615c5c 100%),
      linear-gradient(165deg, rgb(97 92 92 / 0%) 0%, rgb(97 92 92 / 85%) 100%) !important;
    opacity: 1 !important;
  }

  .richdent-blog-archive .richdent-blog-consultation__copy {
    display: block !important;
    position: relative !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    width: 1008px !important;
    max-width: 1008px !important;
    padding: 90px 0 0 80px !important;
    text-align: left !important;
  }

  .richdent-blog-archive .richdent-blog-consultation h2 {
    margin: 0 !important;
    font-family: "Richdent Vetrino", Vetrino, serif !important;
    font-size: 46px !important;
    font-weight: 400 !important;
    line-height: 56px !important;
    color: #fff !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .richdent-blog-archive .richdent-blog-consultation h2 br {
    display: none !important;
  }

  .richdent-blog-archive .richdent-blog-consultation__title-mobile {
    display: none !important;
  }

  .richdent-blog-archive .richdent-blog-consultation__title-full {
    display: inline !important;
  }

  .richdent-blog-archive .richdent-blog-consultation p {
    margin: 13px 0 0 !important;
    font-family: "Richdent Futura PT", "Futura PT", sans-serif !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 35px !important;
    color: #fff !important;
    text-align: left !important;
    text-transform: lowercase !important;
  }

  .richdent-blog-archive .richdent-blog-consultation .btn {
    --btn-width: auto;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 335px !important;
    min-width: 335px !important;
    max-width: 335px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    margin-top: 32px !important;
    padding: 0 8px 0 40px !important;
    border-radius: 100px !important;
    background: linear-gradient(
      92deg,
      #d4bbb7 7.95%,
      #ae9088 54.44%,
      #716664 106.56%
    ) !important;
  }

  .richdent-blog-archive .richdent-blog-consultation .btn.type\:icon-right {
    --icon-display: flex !important;
    --icon-mg-l: 0 !important;
    --btn-justify: space-between !important;
    --icon-parent-size: 44px !important;
    --btn-gap: 8px !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  .richdent-blog-archive .richdent-blog-consultation .btn .btn__text {
    display: inline-flex !important;
    flex: 1 1 auto !important;
    font-family: "Richdent Manrope", Manrope, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.16px !important;
    color: #fff !important;
    text-transform: none !important;
  }

  .richdent-blog-archive .richdent-blog-consultation .btn .icons {
    display: inline-flex !important;
    flex: 0 0 44px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
  }

  /* Doctor 472?515, right 247, overhang 65 */
  .richdent-blog-archive .richdent-blog-consultation__doctor {
    position: absolute !important;
    top: auto !important;
    right: 247px !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: 472px !important;
    max-width: 472px !important;
    height: 515px !important;
    max-height: 515px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: bottom center !important;
    pointer-events: none !important;
    transform: none !important;
  }

  /*
   * Slider after CTA ? Figma cards 576?586, gap 60, rail inset 80.
   * Meta under title; ??????????? ~20px below meta (not margin-top:auto).
   */
  .richdent-blog-archive .richdent-blog-feed-slider {
    --richdent-slider-card-height: 586px !important;
    --richdent-slider-arrow-size: 35px !important;
    --richdent-slider-gap-after-consultation: 84px !important;
    --richdent-slider-gap-before-cards: 27px !important;
    --richdent-slider-shadow-bleed: 42px !important;
    --richdent-slider-rail-inset: 80px !important;
    --embla-gap: 60px !important;
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    width: 1920px !important;
    max-width: 1920px !important;
    margin-top: calc(
      var(--richdent-slider-gap-after-consultation) + var(--richdent-slider-arrow-size) +
        var(--richdent-slider-gap-before-cards) - var(--richdent-slider-shadow-bleed)
    ) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: var(--richdent-slider-shadow-bleed) !important;
    padding-left: var(--richdent-slider-rail-inset) !important;
    padding-right: 0 !important;
    overflow: visible !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .slider {
    margin-bottom: 0 !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider__nav {
    position: relative !important;
    z-index: 3 !important;
    height: 0 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider__nav .embla__controls {
    position: absolute !important;
    top: calc(
      -1 * (var(--richdent-slider-arrow-size) + var(--richdent-slider-gap-before-cards))
    ) !important;
    right: 80px !important;
    left: auto !important;
    display: flex !important;
    gap: 12px !important;
    margin: 0 !important;
    pointer-events: auto !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider__nav [data-prev-slide],
  .richdent-blog-archive .richdent-blog-feed-slider__nav [data-next-slide] {
    flex: 0 0 35px !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 25px !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .embla__viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    min-height: calc(586px + 2 * 42px) !important;
    padding-top: 42px !important;
    padding-bottom: 42px !important;
    margin-top: -42px !important;
    margin-bottom: -42px !important;
    padding-inline: 0 !important;
    scroll-padding-inline: 80px !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .embla__container {
    display: flex !important;
    align-items: flex-start !important;
    gap: 60px !important;
    min-height: 586px !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .embla__slide {
    flex: 0 0 576px !important;
    width: 576px !important;
    min-width: 576px !important;
    max-width: 576px !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .preview-blog {
    display: flex !important;
    flex-direction: column !important;
    width: 576px !important;
    max-width: 576px !important;
    height: 586px !important;
    min-height: 586px !important;
    max-height: 586px !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .preview-blog__img {
    flex: 0 0 330px !important;
    width: 552px !important;
    max-width: 552px !important;
    height: 330px !important;
    min-height: 330px !important;
    max-height: 330px !important;
    margin: 12px !important;
    aspect-ratio: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .preview-blog__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 32px 24px 32px !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .preview-blog .post-category {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .preview-blog__content-title {
    margin-top: 4px !important;
    font-size: 32px !important;
    font-weight: 450 !important;
    line-height: 36px !important;
    -webkit-line-clamp: 2 !important;
    max-height: 72px !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .preview-blog .post-meta:last-of-type {
    margin-top: 12px !important;
    flex-shrink: 0 !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .preview-blog__more {
    display: inline-flex !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    color: #716664 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    text-decoration: none !important;
  }

  .richdent-blog-archive .richdent-blog-feed-slider .preview-blog__more:hover {
    text-decoration: underline !important;
  }

  /* Compact + promo ? Figma x: 80/426/772/1118/1453 ? gap 70; 1760 wide */
  .richdent-blog-archive .richdent-blog-feed-compact-wrap,
  .richdent-blog-archive .richdent-blog-feed-compact-wrap.has-promo {
    display: grid !important;
    grid-template-columns: repeat(4, 276px) !important;
    column-gap: 70px !important;
    align-items: stretch !important;
    margin-top: 89px !important;
    width: 1232px !important;
    max-width: 1232px !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  .richdent-blog-archive .richdent-blog-feed-compact-wrap.has-promo {
    grid-template-columns: repeat(4, 276px) 386px !important;
    /* 4?276 + 386 + 4?70 = 1770 ? 1760 frame content */
    width: 1770px !important;
    max-width: 1770px !important;
    margin-inline: auto !important;
    justify-content: start !important;
    overflow: visible !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-compact-wrap
    > .archive-grid.richdent-blog-feed-compact[data-layout="compact"] {
    display: contents !important;
  }

  .richdent-blog-archive .richdent-blog-feed-compact-wrap .preview-blog,
  .richdent-blog-archive
    .richdent-blog-feed-compact-wrap
    .richdent-blog-feed-compact
    > .preview-blog {
    width: 276px !important;
    min-width: 276px !important;
    max-width: 276px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    aspect-ratio: auto !important;
    container-type: normal !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive .richdent-blog-feed-compact-wrap .preview-blog__img {
    width: 252px !important;
    height: 152px !important;
    margin: 12px 12px 0 !important;
    aspect-ratio: auto !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-compact-wrap
    .preview-blog
    .preview-blog__content {
    margin: 16px 16px 32px !important;
  }

  .richdent-blog-archive .richdent-blog-feed-compact-wrap > .richdent-blog-feed-compact__promo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
    width: 386px !important;
    min-width: 386px !important;
    max-width: 386px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    align-self: stretch !important;
  }

  .richdent-blog-archive .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
    width: 386px !important;
    min-width: 386px !important;
    max-width: 386px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    align-self: stretch !important;
  }

  .richdent-blog-archive .richdent-blog-feed-compact-wrap > .richdent-blog-feed-compact__promo {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-compact-wrap
    .richdent-blog-promo-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow: hidden !important;
    padding: 21px 20px 20px !important;
    border-radius: 20px !important;
    background: #615c5c !important;
    box-shadow: 0 4px 24px rgb(75 69 69 / 10%) !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-compact-wrap
    .richdent-blog-promo-card__copy {
    max-width: 240px !important;
    gap: 6px !important;
    z-index: 3 !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-compact-wrap
    .richdent-blog-promo-card__cta {
    width: 288px !important;
    max-width: calc(100% - 8px) !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin-top: auto !important;
    z-index: 3 !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-compact-wrap
    .richdent-blog-promo-card
    .richdent-blog-promo-card__doctor {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    z-index: 2 !important;
    width: 310px !important;
    max-width: 310px !important;
    height: 268px !important;
    max-height: 268px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    pointer-events: none !important;
  }

  /* Wide feed ? Figma 3?535, gap 78, 1760 wide; content pad 32/28 like slider */
  .richdent-blog-archive .archive-grid.richdent-blog-feed-grid[data-layout="feed"] {
    display: grid !important;
    grid-template-columns: repeat(3, 535px) !important;
    column-gap: 78px !important;
    row-gap: 78px !important;
    justify-content: start !important;
    margin-top: 150px !important;
    width: 1760px !important;
    max-width: 1760px !important;
    margin-inline: auto !important;
  }

  .richdent-blog-archive .richdent-blog-feed-grid > .preview-blog--wide {
    display: flex !important;
    flex-direction: column !important;
    width: 535px !important;
    max-width: 535px !important;
    height: 586px !important;
    min-height: 586px !important;
    max-height: 586px !important;
    aspect-ratio: auto !important;
    container-type: normal !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive .richdent-blog-feed-grid > .preview-blog--wide .preview-blog__img {
    flex: 0 0 330px !important;
    width: 511px !important;
    height: 330px !important;
    margin: 12px !important;
    aspect-ratio: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-grid
    > .preview-blog--wide
    .preview-blog__content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 32px 28px 32px !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-grid
    > .preview-blog--wide
    .post-category {
    font-size: 16px !important;
    line-height: 20px !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-grid
    > .preview-blog--wide
    .preview-blog__content-title {
    margin-top: 4px !important;
    font-size: 28px !important;
    font-weight: 450 !important;
    line-height: 32px !important;
    -webkit-line-clamp: 2 !important;
    max-height: 64px !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-grid
    > .preview-blog--wide
    .post-meta:last-of-type {
    margin-top: 12px !important;
    flex-shrink: 0 !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-grid
    > .preview-blog--wide
    .preview-blog__more {
    display: inline-flex !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    color: #716664 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    text-decoration: none !important;
  }

  .richdent-blog-archive
    .richdent-blog-feed-grid
    > .preview-blog--wide
    .preview-blog__more:hover {
    text-decoration: underline !important;
  }

  /* Popular ? Figma 6001:1380: 5?2 grid, 1760 wide (80 inset), gap 95 / 80 */
  .richdent-blog-archive .richdent-blog-popular:not(.is-wide) {
    width: 1760px !important;
    max-width: 1760px !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  .richdent-blog-archive .richdent-blog-popular__head {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 0 0 80px !important;
  }

  .richdent-blog-archive .richdent-blog-popular__head > .section-title {
    margin: 0 !important;
    font-size: 40px !important;
    line-height: 40px !important;
  }

  .richdent-blog-archive .richdent-blog-popular__head > .main__archive-pagination {
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    justify-content: flex-end !important;
  }

  .richdent-blog-archive
    .richdent-blog-popular:not(.is-wide)
    > .archive-grid[data-context="blog-popular"] {
    display: grid !important;
    grid-template-columns: repeat(5, 276px) !important;
    grid-template-rows: repeat(2, 352px) !important;
    column-gap: 95px !important;
    row-gap: 80px !important;
    gap: 80px 95px !important; /* must not use gap:unset ? it wiped Figma gutters */
    align-items: stretch !important;
    justify-content: start !important;
    justify-items: start !important;
    width: 1760px !important;
    max-width: 1760px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    flex-flow: unset !important;
    scroll-snap-type: none !important;
  }

  .richdent-blog-archive .richdent-blog-popular:not(.is-wide) .preview-blog {
    flex: none !important;
    box-sizing: border-box !important;
    width: 276px !important;
    min-width: 276px !important;
    max-width: 276px !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    margin: 0 !important;
  }

  .richdent-blog-archive .richdent-blog-popular:not(.is-wide) .preview-blog__img {
    width: 252px !important;
    height: 152px !important;
    margin: 12px 12px 0 !important;
  }

  .richdent-blog-archive .richdent-blog-popular:not(.richdent-blog-popular--has-head) > .section-title {
    margin-bottom: 40px !important;
    font-size: 40px !important;
  }

  /* Subscribe */
  .richdent-blog-archive > .richdent-blog-subscribe {
    width: 1760px !important;
    max-width: 1760px !important;
    min-height: 333px !important;
    padding: 52px 120px 54px !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe h2 {
    font-size: 36px !important;
  }

  .richdent-blog-archive .richdent-blog-subscribe p {
    font-size: 20px !important;
  }

  .richdent-blog-archive .post-loader {
    margin-top: 86px !important;
  }

  /* Rubric compact: 5�276 */
  .richdent-blog-archive.is-rubric .richdent-blog-feed-compact-wrap,
  .richdent-blog-archive.is-rubric .richdent-blog-feed-compact-wrap:not(.has-promo) {
    display: grid !important;
    grid-template-columns: repeat(5, 276px) !important;
    column-gap: 24px !important;
    width: auto !important;
    max-width: none !important;
    justify-content: center !important;
  }

  /* Rubric popular ? dump 535�586, gap 69, width 1760 */
  .richdent-blog-archive.is-rubric .richdent-blog-popular,
  .richdent-blog-archive.is-rubric .richdent-blog-popular.is-wide {
    width: 1760px !important;
    max-width: 1760px !important;
    margin-inline: auto !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular > .archive-grid[data-context="blog-popular"],
  .richdent-blog-archive.is-rubric .richdent-blog-popular.is-wide > .archive-grid[data-context="blog-popular"] {
    display: grid !important;
    grid-template-columns: repeat(3, 535px) !important;
    grid-template-rows: repeat(2, 586px) !important;
    column-gap: 69px !important;
    row-gap: 69px !important;
    width: 1760px !important;
    max-width: 1760px !important;
    justify-content: start !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog,
  .richdent-blog-archive.is-rubric
    .richdent-blog-popular
    > .archive-grid[data-context="blog-popular"]
    .preview-blog {
    width: 535px !important;
    min-width: 535px !important;
    max-width: 535px !important;
    height: 586px !important;
    min-height: 586px !important;
    max-height: 586px !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-popular .preview-blog__img {
    width: 511px !important;
    max-width: 511px !important;
    height: 330px !important;
    min-height: 330px !important;
    max-height: 330px !important;
  }
}

/* -------------------------------------------------------------------------
 * ?1023 final pass ? promo card + consultation CTA (beats earlier conflicts).
 * Promo: Figma 8099:2976 = 336?352 ? BELOW the compact rail (always visible).
 * Consultation: Figma 8105:1975 @ 360 ? keep phone density on tablet widths.
 * ---------------------------------------------------------------------- */
@media (max-width: 1023px) {
  .richdent-blog-feed-compact-wrap,
  .richdent-blog-feed-compact-wrap.has-promo {
    display: flex !important;
    flex-direction: column !important;
    flex-flow: column nowrap !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    margin-bottom: 0 !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  /* Cards stay a horizontal rail; promo is a sibling below ? not inside the scroll */
  .richdent-blog-feed-compact-wrap > .archive-grid.richdent-blog-feed-compact[data-layout="compact"] {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-block: 12px !important;
    padding-inline: var(--rd-mobile-gutter, 12px) !important;
    margin-bottom: -12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: var(--rd-mobile-gutter, 12px) !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
  }

  .richdent-blog-feed-compact-wrap
    > .archive-grid.richdent-blog-feed-compact[data-layout="compact"]::-webkit-scrollbar {
    display: none !important;
  }

  .richdent-blog-feed-compact-wrap > .richdent-blog-feed-compact__promo {
    display: block !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    width: var(--rd-mobile-content, calc(100vw - 24px)) !important;
    max-width: var(--rd-mobile-content, calc(100vw - 24px)) !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    margin-inline: var(--rd-mobile-gutter, 12px) !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 352px !important;
    min-height: 352px !important;
    max-height: 352px !important;
    margin: 0 !important;
    padding: 21px 20px 24px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__copy {
    position: relative !important;
    z-index: 3 !important;
    max-width: min(240px, 70%) !important;
    align-self: flex-start !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta {
    position: relative !important;
    z-index: 3 !important;
    align-self: center !important;
    width: min(288px, calc(100% - 24px)) !important;
    max-width: calc(100% - 24px) !important;
    height: 46px !important;
    margin-top: auto !important;
  }

  .richdent-blog-feed-compact-wrap .richdent-blog-promo-card .richdent-blog-promo-card__doctor {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 2 !important;
    width: min(270px, 55%) !important;
    max-width: 270px !important;
    height: 268px !important;
    max-height: 268px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    pointer-events: none !important;
  }

  /*
   * Consultation ? stop 100vw stretch + full-width button on tablet.
   * Content column width, button Figma 301, doctor absolute bottom-right.
   */
  .richdent-blog-archive .richdent-blog-consultation,
  .richdent-blog-archive > .richdent-blog-consultation--archive,
  .main__archive.richdent-blog-archive > .richdent-blog-consultation {
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: var(--rd-mobile-content, calc(100vw - 24px)) !important;
    max-width: var(--rd-mobile-content, calc(100vw - 24px)) !important;
    height: auto !important;
    min-height: 420px !important;
    max-height: none !important;
    margin-top: 42px !important;
    margin-right: var(--rd-mobile-gutter, 12px) !important;
    margin-bottom: 0 !important;
    margin-left: var(--rd-mobile-gutter, 12px) !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    background: #615c5c !important;
  }

  .richdent-blog-archive.is-rubric .richdent-blog-consultation--archive {
    margin-top: 84px !important;
  }

  .richdent-blog-archive .richdent-blog-consultation::before,
  .richdent-blog-archive .richdent-blog-consultation::after {
    content: none !important;
    display: none !important;
  }

  .richdent-blog-archive .richdent-blog-consultation .richdent-blog-consultation__copy {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: min(29px, 8vw) min(30px, 8vw) min(24px, 6vw) !important;
  }

  .richdent-blog-archive .richdent-blog-consultation h2,
  .richdent-blog-archive .richdent-blog-consultation .richdent-blog-consultation__title-mobile,
  .richdent-blog-archive .richdent-blog-consultation .richdent-blog-consultation__title-mobile-line {
    max-width: min(420px, 88%) !important;
    font-size: min(28px, 7.778vw) !important;
    line-height: min(32px, 8.5vw) !important;
  }

  .richdent-blog-archive .richdent-blog-consultation p {
    max-width: min(360px, 90%) !important;
    margin-top: min(11px, 3vw) !important;
    font-size: min(14px, 3.889vw) !important;
    line-height: 1.4 !important;
    white-space: normal !important;
  }

  .richdent-blog-archive .richdent-blog-consultation .btn,
  .richdent-blog-archive .richdent-blog-consultation .btn.type\:icon-right {
    width: min(301px, 100%) !important;
    max-width: min(301px, 100%) !important;
    min-width: 0 !important;
    height: 58px !important;
    margin-top: min(11px, 3vw) !important;
    margin-bottom: 0 !important;
    align-self: flex-start !important;
  }

  /* Fixed px ? % height collapses when parent height is auto */
  .richdent-blog-archive .richdent-blog-consultation__doctor,
  .richdent-blog-archive .richdent-blog-consultation .richdent-blog-consultation__doctor {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 244px !important;
    max-width: 244px !important;
    height: 267px !important;
    max-height: 267px !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: 70% 0% !important;
    pointer-events: none !important;
    transform: none !important;
  }
}

/* -------------------------------------------------------------------------
 * Lead conversion fonts ? user mockup screen 1.
 * Title = Vetrino (serif). Body/list/form = Futura. Features = CAPS.
 * Do NOT list bare Manrope / "Futura PT" / Vetrino (Windows locals).
 * ---------------------------------------------------------------------- */
.richdent-blog-lead-conversion,
.richdent-blog-lead-conversion * {
  font-synthesis: none !important;
}

.richdent-blog-lead-conversion .section-title,
.richdent-blog-lead-conversion .section-title.tag\:h2 {
  --title-family: "Richdent Vetrino", serif !important;
  font-family: "Richdent Vetrino", serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

.richdent-blog-lead-conversion .fl-consult__content-main .section-title__text,
.richdent-blog-lead-conversion .rd-lead-main-title-line {
  font-family: "Richdent Vetrino", serif !important;
  font-weight: 400 !important;
}

.richdent-blog-lead-conversion .fl-consult__content-main-lead {
  font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
  font-weight: 400 !important;
}

.richdent-blog-lead-conversion .fl-consult__content-main-features-item {
  color: #fff !important;
  font-family: "Richdent Futura PT", sans-serif !important;
  font-weight: 450 !important;
  text-transform: uppercase !important;
}

.richdent-blog-lead-conversion .fl-consult__content-form-title,
.richdent-blog-lead-conversion .rd-lead-form-title-line {
  font-family: "Richdent Futura PT", sans-serif !important;
  font-size: 20px !important;
  font-weight: 450 !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  color: #fff !important;
}

.richdent-blog-lead-conversion .fl-consult__content-form-notice {
  font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  color: rgb(255 255 255 / 70%) !important;
}

.richdent-blog-lead-conversion .rd-lead-pill .btn,
.richdent-blog-lead-conversion .rd-lead-pill .btn .btn__text,
.richdent-blog-lead-conversion .rd-lead-pill .rd-lead-cta-label,
.richdent-blog-lead-conversion .form__fields .btn,
.richdent-blog-lead-conversion .form__fields .btn .btn__text {
  font-family: "Richdent Futura Book", sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 0.16px !important;
}

.richdent-blog-lead-conversion .rd-lead-pill .form__input,
.richdent-blog-lead-conversion .rd-lead-pill .form__input::placeholder {
  font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
  font-weight: 400 !important;
}

.richdent-blog-lead-conversion .form__acceptance,
.richdent-blog-lead-conversion .form__acceptance a,
.richdent-blog-lead-conversion .wpcf7-list-item-label {
  font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
  font-weight: 400 !important;
}

.richdent-blog-lead-conversion .contacts__link {
  font-family: "Richdent Futura PT", sans-serif !important;
  font-weight: 450 !important;
}

.richdent-blog-lead-conversion input,
.richdent-blog-lead-conversion input::placeholder {
  font-family: "Richdent Futura Book", "Richdent Futura PT", sans-serif !important;
  font-weight: 400 !important;
}

/* Figma 6001:3887 exact 1920px composition. */
@media (min-width: 1600px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    display: grid !important;
    grid-template-columns: 625px 744px !important;
    column-gap: 56px !important;
    width: 1614px !important;
    max-width: 1614px !important;
    min-height: 584px !important;
    height: 584px !important;
    margin: 0 auto !important;
    padding: 95px 0 0 !important;
    box-sizing: border-box !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form {
    grid-column: 1 !important;
    width: 625px !important;
    height: 450px !important;
    min-height: 450px !important;
    margin: 0 !important;
    padding: 55px 67px 32px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main {
    grid-column: 2 !important;
    width: 744px !important;
    max-width: 744px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    width: 744px !important;
    max-width: 744px !important;
    font-size: 56px !important;
    line-height: 40px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead {
    width: 681px !important;
    max-width: 681px !important;
    margin-top: 30px !important;
    font-size: 30px !important;
    line-height: 45px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
    width: 544px !important;
    height: 679px !important;
    right: 25px !important;
    bottom: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1599px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main { top:44px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { top:calc(635px - min(679px,56vw)) !important; }
}

@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { transform:translateY(clamp(20px,1.667vw,32px)) !important; }
}

@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { transform:translateY(clamp(20px,1.667vw,32px)) !important; }
}

@media (min-width: 1600px) {
  .richdent-blog-lead-conversion.fl-consult .fl-consult__content { display:grid !important; grid-template-columns:625px 744px !important; column-gap:56px !important; width:1920px !important; max-width:1920px !important; height:584px !important; min-height:584px !important; margin:0 !important; padding:95px 0 0 !important; }
  .richdent-blog-lead-conversion.fl-consult .fl-consult__content-form { grid-column:1 !important; width:625px !important; height:450px !important; min-height:450px !important; margin:0 !important; padding:55px 67px 32px !important; }
  .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main { grid-column:2 !important; width:744px !important; max-width:744px !important; padding:0 !important; margin:0 !important; }
  .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main .section-title__text { width:744px !important; max-width:744px !important; font-size:56px !important; line-height:40px !important; }
  .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-lead { width:681px !important; max-width:681px !important; margin-top:30px !important; font-size:30px !important; line-height:45px !important; }
  .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { width:544px !important; height:679px !important; right:25px !important; bottom:0 !important; }
}

/* Restore clinical cases desktop behavior before the attempted adaptation. */
@media (min-width: 1024px) {
  .single[data-context="blog"] .richdent-inline-collection--cases .archive-grid[data-context="cases"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    overflow: visible !important;
  }
  .single[data-context="blog"] .richdent-inline-collection--cases .archive-grid[data-context="cases"] > .preview-cases {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    height: 410px !important;
    min-height: 410px !important;
  }
}

/* Figma desktop frame is full width (1920px); do not center it inside a
   narrower 1614px wrapper on large screens. */
@media (min-width: 1600px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content {
    width: 100vw !important; max-width: none !important; margin: 0 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-form {
    left: 0 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main {
    left: 684px !important; width: 744px !important; max-width: 744px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img {
    left: 667px !important; right: auto !important; top: -95px !important; width: 544px !important;
  }
}

/* Stable CTA composition for every desktop below the 1920px frame. */
@media (min-width: 1024px) and (max-width: 1919px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 4% !important;
    width: 100% !important;
    height: auto !important;
    min-height: 430px !important;
    padding: 32px 4% 24px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form {
    flex: 0 0 42% !important;
    width: 42% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 330px !important;
    margin: 0 !important;
    padding: 28px 24px 20px !important;
    box-sizing: border-box !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main {
    flex: 0 0 48% !important;
    width: 48% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    width: 100% !important;
    max-width: none !important;
    font-size: clamp(30px, 3.8vw, 56px) !important;
    line-height: 1.05 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead {
    width: 100% !important;
    max-width: none !important;
    font-size: clamp(16px, 1.55vw, 30px) !important;
    line-height: 1.5 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
    width: 28% !important;
    height: 100% !important;
    right: 1% !important;
    bottom: 0 !important;
  }
}

/* AUTHORITATIVE CTA OVERRIDES (must stay last in the cascade). */
@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    height: 679px !important;
    min-height: 679px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-form {
    position: absolute !important;
    left: max(0px, calc((100% - 1920px) / 2)) !important;
    top: 162px !important;
    width: min(625px, 42vw) !important;
    height: 450px !important;
    min-height: 450px !important;
    margin: 0 !important;
    padding: 55px 67px 32px !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main {
    position: absolute !important;
    left: clamp(440px, 35.625vw, 684px) !important;
    top: 139px !important;
    width: min(744px, calc(100% - clamp(440px, 35.625vw, 684px))) !important;
    max-width: 744px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main .section-title__text {
    width: 100% !important;
    max-width: 744px !important;
    font-size: clamp(38px, 2.9167vw, 56px) !important;
    line-height: 40px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-lead {
    width: min(681px, 100%) !important;
    max-width: 681px !important;
    font-size: clamp(20px, 1.5625vw, 30px) !important;
    line-height: 1.5 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img {
    position: absolute !important;
    left: clamp(480px, 69.9vw, 1351px) !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: min(544px, 28.333vw) !important;
    height: auto !important;
    margin: 0 !important;
    z-index: 1 !important;
  }
}

@media (min-width: 1600px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-form { left: 0 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main { left: 684px !important; width: 744px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { left: 1351px !important; width: 544px !important; }
}

/* Final desktop CTA geometry: keep the Figma composition stable and prevent
   the inherited flex rules from moving the form/main columns or image. */
@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content {
    position: relative !important;
    display: block !important;
    width: min(1614px, calc(100% - 80px)) !important;
    max-width: 1614px !important;
    height: 679px !important;
    min-height: 679px !important;
    margin: 0 auto !important;
    padding: 95px 0 0 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-form {
    position: absolute !important; left: 0 !important; top: 162px !important;
    width: min(625px, 42%) !important; height: 450px !important; min-height: 450px !important;
    margin: 0 !important; padding: 55px 67px 32px !important; box-sizing: border-box !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main {
    position: absolute !important; left: clamp(430px, 35.46875vw, 681px) !important; top: 95px !important; z-index: 3 !important;
    width: min(744px, calc(100% - 531px)) !important; max-width: 744px !important;
    margin: 0 !important; padding: 0 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main .section-title__text {
    width: 100% !important; max-width: 744px !important; font-size: clamp(38px, 2.9167vw, 56px) !important; line-height: 40px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-lead {
    width: min(681px, 100%) !important; max-width: 681px !important; font-size: clamp(20px, 1.5625vw, 30px) !important; line-height: 1.5 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img {
    position: absolute !important; width: min(544px, 34vw) !important; height: auto !important; right: -260px !important; top: -95px !important; bottom: auto !important;
  }
}

/* Final 1024?1199px CTA override: keep the Figma three-zone layout. */
@media (min-width: 1024px) and (max-width: 1199px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    display: grid !important;
    grid-template-columns: 42% 48% !important;
    column-gap: 3% !important;
    align-items: start !important;
    height: auto !important;
    min-height: 430px !important;
    padding: 32px 4% 24px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-height: 330px !important;
    padding: 28px 24px 20px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    width: 100% !important;
    font-size: clamp(30px, 4.2vw, 42px) !important;
    line-height: 1.05 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead {
    width: 100% !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
    width: 30% !important;
    height: 100% !important;
    right: 2% !important;
  }
}

/* Last word for 1024?1199: override legacy flex rules after all other CSS. */
@media (min-width: 1024px) and (max-width: 1199px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    display: grid !important;
    grid-template-columns: minmax(0, 42%) minmax(0, 50%) !important;
    gap: 4% !important;
    width: 100% !important;
    min-height: 430px !important;
    height: auto !important;
    padding: 32px 4% 24px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main {
    grid-column: auto !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    transform: none !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form { min-height: 330px !important; padding: 28px 24px 20px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text { width: 100% !important; max-width: none !important; font-size: 32px !important; line-height: 1.05 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead { width: 100% !important; font-size: 16px !important; line-height: 1.4 !important; }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    display: grid !important;
    grid-template-columns: 42% 48% !important;
    column-gap: 3% !important;
    align-items: start !important;
    min-height: 430px !important;
    height: auto !important;
    padding: 32px 4% 24px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; min-height: 330px !important; padding: 28px 24px 20px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; padding: 0 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text { width: 100% !important; font-size: clamp(30px, 4.2vw, 42px) !important; line-height: 1.05 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead { width: 100% !important; font-size: 16px !important; line-height: 1.4 !important; }
}

/* Explicit desktop lead columns (kept flat for browsers without CSS nesting). */
@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    display: grid !important;
    grid-template-columns: 32.552% 38.75% !important;
    gap: 3.073% !important;
    align-items: start !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
    right: 1.302vw !important;
    width: 28.333vw !important;
    height: 35.365vw !important;
  }
}

@media (min-width: 1200px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    grid-template-columns: minmax(0, 625px) minmax(0, 744px) !important;
    column-gap: 56px !important;
    justify-content: center !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form {
    width: 625px !important;
    max-width: 100% !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main {
    width: 744px !important;
    max-width: 100% !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    width: 744px !important;
    max-width: 100% !important;
  }
}

/*
 * Wide desktop: keep the archive CTA in the 1920px composition.
 * The banner itself is already capped at 1920px; only its copy column was
 * too narrow at 2560px, which forced the desktop headline onto two lines.
 */
@media (min-width: 2560px) {
  .richdent-blog-archive .richdent-blog-consultation__copy {
    width: 1120px !important;
    max-width: 1120px !important;
  }
}

/*
 * Article desktop layout is composed on a 1920px canvas. Keep the two
 * full-bleed conversion blocks on that canvas above it: their surrounding
 * article column is already capped, but 100vw made these sections grow and
 * pushed the artwork and form apart on wide monitors.
 */
@media (min-width: 1921px) {
  .single[data-context="blog"] .richdent-blog-consultation--article-fallback,
  .single[data-context="blog"] .richdent-blog-consultation--inline,
  .single[data-context="blog"] .single__content-main .richdent-blog-consultation--inline,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult {
    width: 1920px !important;
    max-width: 1920px !important;
    margin-right: calc(50% - 960px) !important;
    margin-left: calc(50% - 960px) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult::before {
    width: 1920px !important;
    margin-right: -960px !important;
    margin-left: -960px !important;
  }

  .main:has(> .single[data-context="blog"])
    .richdent-blog-lead-conversion
    .fl-consult__content-main-img {
    right: calc(50% - 960px + 25px) !important;
  }
}

/*
 * Compact desktop keeps the three visual areas of the consultation block
 * separate.  The 1920px layout used fixed 625/744/544 dimensions, leaving
 * no room for the copy between 1024px and 1599px and causing the form,
 * copy, and doctor artwork to overlap.
 */
@media (min-width: 1024px) and (max-width: 1599px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult {
    --rd-lead-girl-h: clamp(430px, 35.35vw, 509px);
    --rd-lead-pop: clamp(60px, 4.95vw, 71px);
    --rd-lead-band-h: clamp(450px, 35.35vw, 509px);
    padding-right: clamp(24px, 2.8vw, 40px) !important;
    padding-left: clamp(24px, 2.8vw, 40px) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    gap: clamp(16px, 1.67vw, 24px) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form {
    flex-basis: clamp(300px, 32.55vw, 470px) !important;
    width: clamp(300px, 32.55vw, 470px) !important;
    min-height: 420px !important;
    padding: clamp(28px, 3.33vw, 48px) clamp(24px, 3vw, 48px) 24px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-title {
    margin-bottom: 12px !important;
    font-size: clamp(26px, 2.36vw, 34px) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form-notice {
    margin-bottom: 24px !important;
    font-size: clamp(14px, 1.25vw, 18px) !important;
    line-height: 1.2 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main {
    max-width: none !important;
    min-width: 0 !important;
    /* Reserve the doctor column plus a real gutter for readable copy. */
    padding-right: calc(clamp(300px, 28.33vw, 408px) + 64px) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .section-title,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title.tag\:h2 {
    margin-bottom: 18px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    font-size: clamp(32px, 2.78vw, 40px) !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead {
    margin-bottom: 20px !important;
    font-size: clamp(14px, 1.39vw, 20px) !important;
    line-height: 1.35 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features {
    gap: 12px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features-item {
    gap: 8px !important;
    font-size: clamp(12px, 1.25vw, 18px) !important;
    line-height: 1.25 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features-item .icons {
    flex-basis: 24px !important;
    width: 24px !important;
    height: 24px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img {
    top: calc(-1 * var(--rd-lead-pop)) !important;
    right: 25px !important;
    width: clamp(300px, 28.33vw, 408px) !important;
    height: var(--rd-lead-girl-h) !important;
  }
}

/* The original 1920px composition reserves a clear column for the doctor. */
@media (min-width: 1600px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .section-title,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title.tag\:h2,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-features {
    max-width: 520px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text {
    font-size: 48px !important;
    line-height: 1.1 !important;
  }
}

/*
 * 1024?1199px cannot hold the form, copy and doctor in one row. Keep the
 * editorial copy and doctor together, then put the form below inside the
 * same dark section instead of letting it hang over the next white block.
 */
@media (min-width: 1024px) and (max-width: 1199px) {
  .single[data-context="blog"] .richdent-inline-collection--cases {
    overflow: visible !important;
  }
  .single[data-context="blog"] .richdent-inline-collection--cases .archive-grid[data-context="cases"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    overflow: visible !important;
  }
  .single[data-context="blog"] .richdent-inline-collection--cases .archive-grid[data-context="cases"] > .preview-cases {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    padding: 14px !important;
  }
  .single[data-context="blog"] .richdent-inline-collection--cases .preview-cases__results {
    gap: 6px !important;
  }
  .single[data-context="blog"] .richdent-inline-collection--cases .preview-cases__meta-item-value {
    overflow-wrap: anywhere !important;
  }
  .single[data-context="blog"] .richdent-inline-collection--cases .case-doctors {
    gap: 6px !important;
  }
  .single[data-context="blog"] .richdent-inline-collection--cases .case-doctors .btn {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 6px !important;
    font-size: 12px !important;
  }
}
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 32px !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult::before {
    height: auto !important;
    bottom: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main {
    flex: 1 0 100% !important;
  }

  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form {
    flex: 0 1 min(520px, 100%) !important;
    width: min(520px, 100%) !important;
    margin: 16px auto 0 !important;
  }
}

/* Desktop article lead: Figma 6001:3887. Container units keep the 1920px
   composition bounded on wide monitors and continuous down to 1024px. */
@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult {
    container-type: inline-size;
    --rd-lead-label-size: clamp(13px, 1.042cqw, 20px);
    position: relative !important;
    width: min(100%, 1920px) !important;
    max-width: 1920px !important;
    padding: 0 !important;
    margin-inline: auto !important;
    min-height: 0 !important;
    height: auto !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult::before {
    top: 4.948cqw !important;
    bottom: 0 !important;
    height: auto !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult {
    .fl-consult__content {
      position: relative !important;
      display: grid !important;
      grid-template-columns: 32.552% 38.75% !important;
      align-items: start !important;
      column-gap: 3.073% !important;
      width: 100% !important;
      max-width: none !important;
      min-height: 35.365cqw !important;
      height: auto !important;
      padding: 7.24cqw 0 3.4cqw !important;
      margin: 0 !important;
      box-sizing: border-box !important;
    }
    .fl-consult__content-form {
      grid-column: 1;
      grid-row: 1;
      align-self: start !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 23.438cqw !important;
      margin: 1.198cqw 0 0 !important;
      padding: 2.86cqw 3.54cqw 1.67cqw !important;
      border-radius: 0 2.083cqw 2.083cqw 0 !important;
      gap: 0.833cqw !important;
      box-sizing: border-box !important;
    }
    /* The theme hides this backing below its desktop breakpoint. Keep the
       same translucent card throughout the article's desktop range. */
    .fl-consult__content-form::after {
      content: "" !important;
      display: block !important;
      position: absolute !important;
      top: 0 !important;
      right: 0 !important;
      width: 100% !important;
      height: 100% !important;
      z-index: -1 !important;
      border-radius: inherit !important;
      background-color: rgb(0 0 0 / 10%) !important;
      pointer-events: none !important;
    }
    .fl-consult__content-form-title {
      width: 100% !important;
      max-width: min(100%, 18.23cqw) !important;
      min-width: 0 !important;
      white-space: normal !important;
      margin: 0 auto !important;
      font-size: clamp(24px, 2.083cqw, 40px) !important;
      line-height: 1.1 !important;
      text-wrap: balance;
    }
    .fl-consult__content-form-notice {
      font-size: clamp(14px, 1.042cqw, 20px) !important;
      line-height: 1.2 !important;
      margin: 0 !important;
    }
    .fl-consult__content-form-contacts {
      flex-wrap: nowrap !important;
      gap: clamp(12px, 1.667cqw, 32px) !important;
      margin-top: 1.667cqw !important;
    }
    .fl-consult__content-form-contacts .contacts__link {
      font-size: clamp(16px, 1.042cqw, 20px) !important;
      white-space: nowrap !important;
    }
    .fl-consult__content-form-contacts .socials {
      gap: clamp(10px, 1.042cqw, 20px) !important;
      flex-shrink: 0 !important;
    }
    .fl-consult__content-form-contacts .socials__item {
      width: clamp(24px, 2.083cqw, 40px) !important;
      height: clamp(24px, 2.083cqw, 40px) !important;
      --icon-parent-size: clamp(24px, 2.083cqw, 40px) !important;
      --icon-size: clamp(12px, 1.042cqw, 20px) !important;
    }
    .fl-consult__content-main {
      grid-column: 2;
      grid-row: 1;
      position: static !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
      padding: 0 !important;
      margin: 0 !important;
      transform: none !important;
    }
    .fl-consult__content-main .section-title.tag\:h2,
    .fl-consult__content-main .section-title__text {
      width: 100% !important;
      max-width: none !important;
      margin: 0 !important;
      font-size: clamp(28px, 2.917cqw, 56px) !important;
      line-height: 1.05 !important;
    }
    .fl-consult__content-main-lead {
      width: 91.53% !important;
      max-width: none !important;
      margin: 1.563cqw 0 1.042cqw !important;
      font-size: clamp(16px, 1.563cqw, 30px) !important;
      line-height: 1.5 !important;
      text-align: left !important;
    }
    .fl-consult__content-main-features {
      width: 93.4% !important;
      gap: 1.25cqw !important;
    }
    .fl-consult__content-main-features-item {
      font-size: clamp(12px, 1.042cqw, 20px) !important;
      line-height: 1.45 !important;
      gap: 0.729cqw !important;
    }
    .fl-consult__content-main-img {
      display: flex !important;
      top: auto !important;
      right: 1.302cqw !important;
      bottom: 0 !important;
      width: 28.333cqw !important;
      max-width: none !important;
      height: 35.365cqw !important;
      margin: 0 !important;
      transform: none !important;
      opacity: 1 !important;
      visibility: visible !important;
    }
    .fl-consult__content-main-img img {
      object-position: right bottom !important;
    }
    .fl-consult__content-form {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    .fl-consult__content-form .wpcf7,
    .fl-consult__content-form .form {
      min-width: 0 !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    .fl-consult__content-form .wpcf7,
    .fl-consult__content-form .form {
      width: 100% !important;
      padding-inline: 0 !important;
    }
    /* Figma 6001:3900: 208x58, label inset 42, gap 20, circle 44, right 8. */
    .rd-lead-pill {
      --rd-lead-label-size: 1.041667cqw;
      --rd-lead-label-line: 1.875cqw;
      min-width: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      height: 3.020833cqw !important;
      box-sizing: border-box !important;
    }
    .rd-lead-pill .btn {
      min-width: 0 !important;
      width: 100% !important;
      height: 3.020833cqw !important;
      min-height: 0 !important;
      padding: 0.3125cqw 0.416667cqw 0.416667cqw 2.1875cqw !important;
      display: flex !important;
      align-items: center !important;
      gap: 1.041667cqw !important;
      justify-content: flex-start !important;
      box-sizing: border-box !important;
      background: linear-gradient(105deg, #d4bbb7 0%, #ae9088 47.1441%, #716664 100%) !important;
    }
    .rd-lead-pill .btn .rd-lead-cta-label {
      flex: 0 0 auto !important;
      min-width: 0 !important;
      margin: 0 !important;
      text-align: left !important;
      font-size: var(--rd-lead-label-size) !important;
      line-height: var(--rd-lead-label-line) !important;
    }
    .rd-lead-pill .btn .icons {
      width: 2.291667cqw !important;
      height: 2.291667cqw !important;
      flex: 0 0 2.291667cqw !important;
      position: static !important;
      margin: 0 !important;
      transform: none !important;
      background-size: 0.6875cqw 0.55cqw !important;
    }
    .rd-lead-pill .form__input {
      height: 3.020833cqw !important;
      min-height: 0 !important;
      line-height: 3.020833cqw !important;
      font-size: 0.729167cqw !important;
      padding-left: 1.5625cqw !important;
      padding-right: 11.458333cqw !important;
    }
    .rd-lead-pill .form__fields {
      min-width: 0 !important;
      height: 3.020833cqw !important;
    }
    .rd-lead-pill .form__submit {
      width: 10.833333cqw !important;
      min-width: 0 !important;
      height: 3.020833cqw !important;
    }
  }
}

@media (min-width: 1920px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content { display:grid !important; grid-template-columns:625px 744px !important; column-gap:56px !important; width:1614px !important; max-width:1614px !important; height:584px !important; min-height:584px !important; margin:0 auto !important; padding:95px 0 0 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form { grid-column:1 !important; width:625px !important; height:450px !important; min-height:450px !important; margin:0 !important; padding:55px 67px 32px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main { grid-column:2 !important; width:744px !important; max-width:744px !important; padding:0 !important; margin:0 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text { width:744px !important; max-width:744px !important; font-size:56px !important; line-height:40px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead { width:681px !important; max-width:681px !important; margin-top:30px !important; font-size:30px !important; line-height:45px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img { width:544px !important; height:679px !important; right:25px !important; bottom:0 !important; }
}

@media (min-width: 1024px) and (max-width: 1919px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content { display:flex !important; flex-wrap:nowrap !important; align-items:flex-start !important; gap:4% !important; padding:32px 4% 24px !important; min-height:430px !important; height:auto !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-form { flex:0 0 42% !important; width:42% !important; min-width:0 !important; max-width:none !important; margin:0 !important; padding:28px 24px 20px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main { flex:0 0 48% !important; width:48% !important; min-width:0 !important; max-width:none !important; padding:0 !important; margin:0 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main .section-title__text { width:100% !important; max-width:none !important; font-size:clamp(30px,3.8vw,56px) !important; line-height:1.05 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-lead { width:100% !important; max-width:none !important; font-size:clamp(16px,1.55vw,30px) !important; line-height:1.5 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion .fl-consult__content-main-img { width:28% !important; height:100% !important; right:1% !important; bottom:0 !important; }
}

/* Final cascade guard for the desktop CTA. */
@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content { position:relative !important; display:block !important; box-sizing:border-box !important; width:100% !important; max-width:none !important; height:679px !important; min-height:679px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-form { position:absolute !important; left:0 !important; top:162px !important; width:min(625px,42vw) !important; height:450px !important; min-height:450px !important; margin:0 !important; padding:55px 67px 32px !important; box-sizing:border-box !important; z-index:2 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main { position:absolute !important; left:clamp(440px,35.625vw,684px) !important; top:139px !important; width:min(744px,calc(100% - clamp(440px,35.625vw,684px))) !important; max-width:744px !important; margin:0 !important; padding:0 !important; z-index:3 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main .section-title__text { width:100% !important; max-width:744px !important; font-size:clamp(38px,2.9167vw,56px) !important; line-height:40px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-lead { width:min(681px,100%) !important; max-width:681px !important; font-size:clamp(20px,1.5625vw,30px) !important; line-height:1.5 !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { position:absolute !important; left:calc(100% - min(544px,28.333vw)) !important; top:-139px !important; right:auto !important; bottom:auto !important; width:min(544px,28.333vw) !important; height:min(679px,56vw) !important; margin:0 !important; z-index:1 !important; }
}
@media (min-width: 1600px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content { width:100vw !important; margin-left:calc(50% - 50vw) !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main { left:684px !important; width:744px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { left:667px !important; top:-139px !important; width:544px !important; height:679px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main .section-title,
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main .section-title__text { width:744px !important; max-width:744px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .rd-lead-main-title-line { white-space:nowrap !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { left:692px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main { top:44px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { top:-44px !important; transform:translateY(32px) !important; }
}

@media (min-width: 1024px) and (max-width: 1599px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main { top:44px !important; }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img { top:calc(635px - min(679px,56vw)) !important; transform:translateY(clamp(20px,1.667vw,32px)) !important; }
}

@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-features {
    width: min(731px, 100%) !important;
    max-width: 731px !important;
    margin-top: 30px !important;
    gap: 24px !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-features-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", sans-serif !important;
    font-size: clamp(14px, 0.8333vw, 16px) !important;
    font-weight: 450 !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-features-item .icons {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
  }
}

/* Match the desktop Figma typography: the consultation heading is two lines
   inside the 491px form content column, while the article heading keeps its
   two authored lines. */
@media (min-width: 1024px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-form-title {
    display: block !important;
    width: 100% !important;
    max-width: 491px !important;
    margin: 0 auto !important;
    color: #fff !important;
    font-family: "Richdent Futura PT", sans-serif !important;
    font-size: clamp(24px, 2.083333vw, 40px) !important;
    font-weight: 450 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: normal !important;
  }
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .rd-lead-main-title-line {
    display: block !important;
    white-space: nowrap !important;
  }
}

/* The Figma image frame is 544px wide and ends 25px before the CTA edge. */
@media (min-width: 1600px) {
  .main:has(> .single[data-context="blog"]) .richdent-blog-lead-conversion.fl-consult .fl-consult__content-main-img {
    left: 667px !important;
  }
}
/* Give the first/last card shadow the same room as the vertical shadow. */
@media(min-width:1024px){
.main .richdent-blog-archive .richdent-blog-feed-slider .embla__viewport{padding-left:42px!important;padding-right:42px!important;margin-left:-42px!important;margin-right:-42px!important;width:calc(100% + 84px)!important;max-width:none!important;box-sizing:border-box!important;}
}
.richdent-blog-feed-slider .embla__viewport{cursor:grab;user-select:none;-webkit-user-select:none;}
.richdent-blog-feed-slider .embla__viewport.is-mouse-dragging{cursor:grabbing;scroll-behavior:auto!important;scroll-snap-type:none!important;}
.richdent-blog-feed-slider .embla__viewport img{-webkit-user-drag:none;}
@media(min-width:1024px){
.richdent-blog-archive .richdent-blog-feed-compact-wrap .richdent-blog-promo-card{border-radius:20px!important;}
.richdent-blog-archive .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta,
.richdent-blog-archive .richdent-blog-feed-compact-wrap .richdent-blog-promo-card__cta .btn{border-radius:30px!important;}
}
@media(max-width:1023px){
.richdent-blog-archive .richdent-blog-feed-compact-wrap .richdent-blog-promo-card{border-radius:30px!important;}
}
/* Mobile subscription typography from Figma 8099:1843. */
@media(max-width:1023px){
.richdent-blog-archive .richdent-blog-subscribe h2{font-family:"Richdent Vetrino",Vetrino,serif!important;font-size:28px!important;line-height:26px!important;font-weight:400!important;letter-spacing:0!important;font-synthesis:none!important;}
.richdent-blog-archive .richdent-blog-subscribe p{font-family:"Richdent Futura Book","Richdent Futura PT",sans-serif!important;font-size:14px!important;line-height:18px!important;font-weight:400!important;letter-spacing:0!important;}
.richdent-blog-archive .richdent-blog-subscribe__form input[type="email"]{font-family:"Richdent Futura Book",sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:20px!important;}
.richdent-blog-archive .richdent-blog-subscribe__form .btn{font-family:"Richdent Futura PT",sans-serif!important;font-size:16px!important;line-height:24px!important;font-weight:450!important;}
.richdent-blog-archive .richdent-blog-subscribe__consent{font-family:"Richdent Futura Book",sans-serif!important;font-size:10px!important;line-height:14px!important;font-weight:400!important;}
}
/* Unified mobile subscription typography for archive, rubric and article pages. */
@media(max-width:1023px){
.richdent-blog-subscribe h2{font-family:"Richdent Vetrino",Vetrino,serif!important;font-size:28px!important;line-height:26px!important;font-weight:400!important;font-style:normal!important;font-synthesis:none!important;-webkit-font-smoothing:antialiased!important;text-shadow:none!important;}
.richdent-blog-subscribe p{font-family:"Richdent Futura Book","Richdent Futura PT",sans-serif!important;font-size:14px!important;line-height:18px!important;font-weight:400!important;font-style:normal!important;font-synthesis:none!important;-webkit-font-smoothing:antialiased!important;}
.richdent-blog-subscribe__form input[type="email"]{font-family:"Richdent Futura Book",sans-serif!important;font-weight:400!important;font-synthesis:none!important;}
.richdent-blog-subscribe__form .btn{font-family:"Richdent Futura Book","Richdent Futura PT",sans-serif!important;font-size:16px!important;font-weight:400!important;font-synthesis:none!important;}
.richdent-blog-subscribe__consent,.richdent-blog-subscribe__consent span,.richdent-blog-subscribe__consent a{font-family:"Richdent Futura Book",sans-serif!important;font-size:10px!important;line-height:14px!important;font-weight:400!important;font-synthesis:none!important;}
}
/* Final mobile-only pass: match the thin Figma subscription type without touching desktop. */
@media(max-width:1023px){
body .richdent-blog-subscribe h2,
body .main__archive .richdent-blog-subscribe h2{font-family:"Richdent Vetrino"!important;font-size:26px!important;line-height:24px!important;font-weight:400!important;letter-spacing:-.1px!important;}
body .richdent-blog-subscribe p,
body .main__archive .richdent-blog-subscribe p{font-family:"Richdent Futura Book"!important;font-size:14px!important;line-height:18px!important;font-weight:400!important;letter-spacing:0!important;}
body .richdent-blog-subscribe__consent,body .richdent-blog-subscribe__consent *{font-family:"Richdent Futura Book"!important;font-size:10px!important;line-height:14px!important;font-weight:400!important;}
}
@media(max-width:1023px){
body .richdent-blog-subscribe{border-radius:20px!important;}
body .richdent-blog-subscribe > div{width:100%!important;}
body .richdent-blog-subscribe h2,body .main__archive .richdent-blog-subscribe h2{font-size:24px!important;line-height:24px!important;white-space:nowrap!important;}
body .richdent-blog-subscribe p,body .main__archive .richdent-blog-subscribe p{font-size:14px!important;line-height:18px!important;max-width:270px!important;}
}
@media(max-width:340px){
body .richdent-blog-subscribe{padding:24px 20px!important;}
body .richdent-blog-subscribe h2,body .main__archive .richdent-blog-subscribe h2{font-size:22px!important;line-height:22px!important;letter-spacing:-.2px!important;white-space:nowrap!important;}
body .richdent-blog-subscribe p,body .main__archive .richdent-blog-subscribe p{max-width:236px!important;font-size:13px!important;line-height:16px!important;}
}
@media(max-width:1023px){
body .richdent-blog-archive .richdent-blog-consultation{border-radius:20px!important;overflow:hidden!important;}
body .richdent-blog-archive .richdent-blog-consultation h2{font-family:"Richdent Vetrino"!important;font-size:28px!important;line-height:26px!important;font-weight:400!important;white-space:normal!important;}
body .richdent-blog-archive .richdent-blog-consultation p{font-family:"Richdent Futura Book"!important;font-size:14px!important;line-height:18px!important;font-weight:400!important;text-transform:none!important;}
body .richdent-blog-archive .richdent-blog-consultation .btn{width:288px!important;min-width:0!important;max-width:calc(100% - 24px)!important;height:46px!important;min-height:46px!important;padding:0 8px 0 24px!important;border-radius:30px!important;}
body .richdent-blog-archive .richdent-blog-consultation .btn .btn__text{font-family:"Richdent Futura Book"!important;font-size:16px!important;font-weight:400!important;white-space:nowrap!important;}
body .richdent-blog-archive .richdent-blog-consultation .btn .icons{width:36px!important;height:36px!important;flex-basis:36px!important;}
body .richdent-blog-archive .richdent-blog-consultation__doctor{right:0!important;bottom:0!important;}
}
@media(min-width:341px) and (max-width:1023px){
body .richdent-blog-archive .richdent-blog-consultation .btn{width:100%!important;max-width:100%!important;min-width:0!important;padding-left:18px!important;padding-right:8px!important;box-sizing:border-box!important;}
body .richdent-blog-archive .richdent-blog-consultation .btn .btn__text{font-size:14px!important;line-height:18px!important;letter-spacing:0!important;}
body .richdent-blog-archive .richdent-blog-consultation .btn .icons{width:36px!important;height:36px!important;flex-basis:36px!important;}
}
@media(max-width:1023px){
body .richdent-blog-promo-card .richdent-blog-promo-card__cta{width:100%!important;max-width:100%!important;height:46px!important;min-height:46px!important;padding:0 8px 0 18px!important;box-sizing:border-box!important;border-radius:30px!important;}
body .richdent-blog-promo-card .richdent-blog-promo-card__cta .btn__text{font-family:"Richdent Futura Book"!important;font-size:14px!important;line-height:18px!important;font-weight:400!important;white-space:nowrap!important;}
body .richdent-blog-promo-card .richdent-blog-promo-card__cta .icons{width:36px!important;height:36px!important;flex:0 0 36px!important;}
body .richdent-blog-promo-card{border-radius:30px!important;}
}
@media(max-width:1023px){
body .richdent-blog-subscribe h2{font-weight:300!important;font-synthesis:none!important;-webkit-text-stroke:0!important;color:rgba(255,255,255,.92)!important;}
}
/* Popular/compact cards in the archive do not have a separate ?????????? control. */
.richdent-blog-archive .richdent-blog-popular .preview-blog__more,
.richdent-blog-archive .richdent-blog-feed-compact .preview-blog__more,
.richdent-blog-archive .richdent-blog-feed-compact-wrap .preview-blog__more{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;}
/* Comparison tables on article pages: fit the 320px mobile frame. */
@media(max-width:1023px){
body .single[data-context="blog"] .single__content-main .wp-block-table{width:100%!important;max-width:100%!important;overflow:hidden!important;border-radius:20px!important;}
body .single[data-context="blog"] .single__content-main .wp-block-table table{width:100%!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;}
body .single[data-context="blog"] .single__content-main .wp-block-table th,
body .single[data-context="blog"] .single__content-main .wp-block-table td{box-sizing:border-box!important;padding:10px 6px!important;font-family:"Richdent Futura Book",sans-serif!important;font-size:10px!important;line-height:14px!important;font-weight:400!important;white-space:normal!important;word-break:normal!important;}
body .single[data-context="blog"] .single__content-main .wp-block-table th{height:54px!important;min-height:54px!important;padding:10px 4px!important;font-size:9px!important;line-height:13px!important;font-weight:400!important;}
body .single[data-context="blog"] .single__content-main .wp-block-table td{height:47px!important;min-height:47px!important;}
}
@media(max-width:1023px){
body .single[data-context="blog"] .single__content-main .wp-block-table th,
body .single[data-context="blog"] .single__content-main .wp-block-table td{white-space:nowrap!important;word-break:keep-all!important;font-size:8px!important;line-height:14px!important;padding-left:4px!important;padding-right:4px!important;}
body .single[data-context="blog"] .single__content-main .wp-block-table th{font-size:8px!important;line-height:12px!important;}
}
@media(max-width:1023px){
body .single[data-context="blog"] .richdent-blog-consultation,
body .richdent-blog-archive .richdent-blog-consultation{border-radius:20px!important;overflow:hidden!important;}
body .single[data-context="blog"] .richdent-blog-consultation h2,
body .single[data-context="blog"] .richdent-blog-consultation__title-mobile,
body .single[data-context="blog"] .richdent-blog-consultation__title-mobile-line{font-family:"Richdent Vetrino"!important;font-size:28px!important;line-height:26px!important;font-weight:400!important;white-space:normal!important;}
body .single[data-context="blog"] .richdent-blog-consultation p{font-family:"Richdent Futura Book"!important;font-size:14px!important;line-height:18px!important;font-weight:400!important;text-transform:none!important;}
body .single[data-context="blog"] .richdent-blog-consultation .btn{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;min-width:0!important;height:46px!important;min-height:46px!important;padding:0 8px 0 18px!important;border-radius:30px!important;box-sizing:border-box!important;}
body .single[data-context="blog"] .richdent-blog-consultation .btn .btn__text{font-family:"Richdent Futura Book"!important;font-size:14px!important;line-height:18px!important;font-weight:400!important;white-space:nowrap!important;}
body .single[data-context="blog"] .richdent-blog-consultation .btn .icons{width:36px!important;height:36px!important;flex:0 0 36px!important;}
body .single[data-context="blog"] .richdent-blog-consultation__doctor{right:0!important;bottom:0!important;}
}
@media(max-width:1023px){
body :is(.richdent-blog-archive,.single[data-context="blog"]) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback){box-sizing:border-box!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:12px!important;margin-right:12px!important;border-radius:20px!important;overflow:hidden!important;}
body :is(.richdent-blog-archive,.single[data-context="blog"]) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) h2{font-family:"Richdent Vetrino"!important;font-size:28px!important;line-height:26px!important;font-weight:400!important;font-synthesis:none!important;}
body :is(.richdent-blog-archive,.single[data-context="blog"]) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) p{font-family:"Richdent Futura Book"!important;font-size:14px!important;line-height:18px!important;font-weight:400!important;}
body :is(.richdent-blog-archive,.single[data-context="blog"]) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .btn{box-sizing:border-box!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;min-width:0!important;height:46px!important;min-height:46px!important;padding:0 8px 0 18px!important;border-radius:30px!important;}
body :is(.richdent-blog-archive,.single[data-context="blog"]) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .btn .btn__text{font-family:"Richdent Futura Book"!important;font-size:20px!important;line-height:18px!important;font-weight:400!important;white-space:nowrap!important;}
}
@media(max-width:1023px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) h2{font-size:22px!important;line-height:22px!important;letter-spacing:-.15px!important;max-width:280px!important;width:280px!important;}
}
@media(max-width:340px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) h2{font-size:21px!important;line-height:21px!important;max-width:260px!important;width:260px!important;}
}
@media(max-width:1023px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-full{display:none!important;}
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-mobile{display:block!important;}
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-mobile-line{display:block!important;white-space:nowrap!important;}
}
@media(max-width:1023px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-mobile-line{font-size:22px!important;line-height:22px!important;white-space:normal!important;display:block!important;width:100%!important;overflow:visible!important;}
}
@media(max-width:340px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-mobile-line{font-size:20px!important;line-height:20px!important;}
}
@media(max-width:1023px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-mobile-line:first-child{display:block!important;width:150px!important;}
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-mobile-line{font-size:22px!important;line-height:22px!important;}
}
@media(max-width:1023px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-full{display:block!important;width:280px!important;max-width:100%!important;font-size:28px!important;line-height:26px!important;white-space:normal!important;}
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-mobile{display:none!important;}
}
@media(max-width:340px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-full{width:260px!important;font-size:26px!important;line-height:24px!important;}
}
@media(max-width:1023px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-full{font-family:"Richdent Vetrino"!important;font-size:27px!important;line-height:25px!important;font-weight:300!important;font-synthesis:none!important;-webkit-text-stroke:0!important;color:rgba(255,255,255,.9)!important;letter-spacing:-.2px!important;}
}
@media(max-width:340px){
body :is(.single[data-context="blog"],.richdent-blog-archive) :is(.richdent-blog-consultation,.richdent-blog-consultation--archive,.richdent-blog-consultation--inline,.richdent-blog-consultation--article-fallback) .richdent-blog-consultation__title-full{font-size:25px!important;line-height:23px!important;}
}

/* Article table — mobile Figma 8097:2418: 336x206, header column on the left. */
@media(max-width:1023px){
body .single[data-context="blog"] .single__content-main .wp-block-table:is(.is-style-richdent-header-column,.is-style-richdent-header-row){
  position:relative!important;
  left:50%!important;
  width:min(336px,calc(100vw - 40px))!important;
  max-width:none!important;
  min-height:206px!important;
  margin:28px 0 26px!important;
  transform:translateX(-50%)!important;
  border:1px solid #d4bbb7!important;
  border-radius:20px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table:is(.is-style-richdent-header-column,.is-style-richdent-header-row) table{
  width:100%!important;
  min-height:204px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table:is(.is-style-richdent-header-column,.is-style-richdent-header-row) tr{
  height:51px!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table:is(.is-style-richdent-header-column,.is-style-richdent-header-row) tr> *{
  height:51px!important;
  min-height:51px!important;
  padding:12px 8px!important;
  border:0!important;
  border-right:1px solid #d4bbb7!important;
  border-bottom:1px solid #d4bbb7!important;
  background:#fff!important;
  color:#323232!important;
  font-family:"Richdent Futura Book","Futura PT",sans-serif!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:26px!important;
  text-align:center!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row tbody tr:first-child> *{
  background:#d4bbb7!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:12px!important;
  text-align:center!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table:is(.is-style-richdent-header-column,.is-style-richdent-header-row) tr> *:first-child{
  width:75px!important;
  padding:12px 10px!important;
  background:#d4bbb7!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:26px!important;
  text-align:left!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table:is(.is-style-richdent-header-column,.is-style-richdent-header-row) tr> *:last-child{
  border-right:0!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table:is(.is-style-richdent-header-column,.is-style-richdent-header-row) tr:last-child> *{
  border-bottom:0!important;
}

/* Mobile table in the article mockup uses a compact top header (3 columns). */
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row{
  left:auto!important;
  width:min(276px,calc(100vw - 40px))!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:20px auto 16px!important;
  transform:none!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row + :is(h2,h3,h4){
  margin-top:16px!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row table{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row tr{
  height:auto!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row tr> *{
  width:auto!important;
  height:48px!important;
  min-height:48px!important;
  padding:10px 6px!important;
  background:#fff!important;
  color:#323232!important;
  font-size:10px!important;
  line-height:14px!important;
  text-align:center!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row tbody tr:first-child> *{
  height:58px!important;
  min-height:58px!important;
  padding:10px 4px!important;
  background:#d4bbb7!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:12px!important;
  text-align:center!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row tbody tr:not(:first-child)> *:first-child{
  background:#fff!important;
  color:#323232!important;
  text-align:center!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row tbody tr:not(:first-child)> *{
  height:48px!important;
  min-height:48px!important;
}
body .single[data-context="blog"] .single__content-main .wp-block-table.is-style-richdent-header-row tbody tr> *:first-child{
  width:auto!important;
  padding:10px 4px!important;
  text-align:center!important;
}
}