/* Last-mile Dr. Mix overrides loaded after all legacy visual CSS. */
@media (min-width: 761px) {
  body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon::before,
  body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon::after {
    content: none !important;
    display: none !important;
  }

  body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon svg {
    position: static !important;
    inset: auto !important;
    place-self: center !important;
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
  }
}

/* Selected-video gallery — single responsive source of truth. */
html body[data-page="dr-mix"] #video {
  overflow: hidden;
  padding-block: clamp(44px, 4.5vw, 64px) !important;
  background: #f5eee5;
}

html body[data-page="dr-mix"] #video .dr-video-layout {
  display: block !important;
  width: min(100% - 48px, 1360px);
  max-width: 1360px;
  margin: 0 auto !important;
  text-align: center !important;
}

html body[data-page="dr-mix"] #video .dr-video-heading {
  max-width: 820px;
  margin: 0 auto clamp(24px, 3vw, 36px);
}

html body[data-page="dr-mix"] #video .dr-video-heading .eyebrow {
  margin-inline: auto !important;
}

html body[data-page="dr-mix"] #video .dr-video-heading h2 {
  max-width: none !important;
  margin: 14px 0 0 !important;
  color: #49382f;
  font-size: clamp(48px, 5vw, 72px) !important;
  line-height: 1 !important;
}

html body[data-page="dr-mix"] #video .dr-video-heading .dr-lead {
  max-width: 720px;
  margin: 18px auto 0;
  color: #786b62;
  font-size: clamp(1rem, 1.4vw, 1.25rem);
  line-height: 1.55;
}

html body[data-page="dr-mix"] #video .dr-video-gallery {
  display: grid;
  grid-template-columns: minmax(0, 54fr) minmax(0, 46fr);
  align-items: start;
  gap: clamp(28px, 3vw, 36px);
  text-align: left;
}

html body[data-page="dr-mix"] #video .dr-video-feature,
html body[data-page="dr-mix"] #video .dr-video-browser {
  min-width: 0;
}

html body[data-page="dr-mix"] #video .dr-video-stage {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  border: 1px solid rgba(185, 131, 93, 0.56);
  border-radius: 24px;
  background: #d9c9b9;
  box-shadow: 0 28px 60px rgba(79, 55, 39, 0.16);
}

html body[data-page="dr-mix"] #video .dr-video-stage::before {
  position: absolute;
  z-index: 0;
  inset: -24px;
  background: var(--video-poster) center / cover no-repeat;
  content: "";
  filter: blur(24px) saturate(0.82);
  opacity: 0.54;
  transform: scale(1.08);
}

html body[data-page="dr-mix"] #video .dr-video-stage::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  background:
    linear-gradient(
      to top,
      rgba(28, 20, 16, 0.96) 0%,
      rgba(28, 20, 16, 0.82) 28%,
      rgba(28, 20, 16, 0.48) 52%,
      rgba(28, 20, 16, 0) 76%
    );
  content: "";
  pointer-events: none;
}

html body[data-page="dr-mix"] #video .dr-video-stage video {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent !important;
  object-fit: contain;
  object-position: center;
}

html body[data-page="dr-mix"] #video .dr-video-play {
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 252, 247, 0.96);
  color: #4d392e;
  box-shadow: 0 12px 30px rgba(47, 32, 23, 0.24);
  line-height: 1;
}

html body[data-page="dr-mix"] #video button.dr-video-play--main {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  width: clamp(88px, 7vw, 104px);
  height: clamp(88px, 7vw, 104px);
  padding: 0;
  transform: translate(-50%, -50%);
  transition: transform 220ms ease, background-color 220ms ease, box-shadow 220ms ease;
}

html body[data-page="dr-mix"] #video button.dr-video-play--main span {
  margin-left: 5px;
  font-size: 1.55rem;
}

html body[data-page="dr-mix"] #video .dr-video-duration {
  position: absolute;
  z-index: 5;
  top: 16px;
  right: 16px;
  padding: 6px 9px;
  border-radius: 10px;
  background: rgba(45, 35, 29, 0.84);
  color: #fff !important;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  backdrop-filter: blur(6px);
}

html.lite-mode body[data-page="dr-mix"] #video .dr-video-duration {
  backdrop-filter: none;
}

html body[data-page="dr-mix"] #video .dr-video-stage-copy {
  position: absolute;
  z-index: 3;
  right: 24px;
  bottom: 24px;
  left: 24px;
  display: grid;
  gap: 8px;
  color: #fff;
  pointer-events: none;
}

html body[data-page="dr-mix"] #video .dr-video-stage-copy h3 {
  margin: 0;
  overflow: visible;
  color: #fff !important;
  font-size: clamp(25px, 2.2vw, 34px);
  font-weight: 700;
  line-height: 1.15;
  opacity: 1 !important;
  text-overflow: clip;
  white-space: normal;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
  -webkit-line-clamp: unset;
}

html body[data-page="dr-mix"] #video .dr-video-stage-copy p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.45;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html body[data-page="dr-mix"] #video .dr-video-info {
  display: none;
}

html body[data-page="dr-mix"] #video .dr-video-info h3 {
  margin: 0;
  color: #49382f;
  font-size: clamp(1.75rem, 2vw, 2rem);
  line-height: 1.1;
}

html body[data-page="dr-mix"] #video .dr-video-info p {
  max-width: 600px;
  margin: 8px 0 0;
  color: #786b62;
  font-size: clamp(1rem, 1.25vw, 1.125rem);
  line-height: 1.5;
}

html body[data-page="dr-mix"] #video .dr-video-all {
  min-height: 48px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: #b9835d;
  color: #fff !important;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 800;
  white-space: nowrap;
  transition: background-color 220ms ease, transform 220ms ease;
}

html body[data-page="dr-mix"] #video .dr-video-browser > h3 {
  display: none;
}

html body[data-page="dr-mix"] #video .dr-video-thumbnails {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 2vw, 24px);
}

html body[data-page="dr-mix"] #video .dr-video-thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 4 / 3;
  min-height: 0;
  padding: 0;
  border: 1px solid rgba(121, 84, 57, 0.12);
  border-radius: 21px;
  background: #d9c9b9;
  box-shadow: 0 16px 34px rgba(70, 48, 34, 0.11);
  cursor: pointer;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

html body[data-page="dr-mix"] #video .dr-video-thumb::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(
      to top,
      rgba(25, 18, 14, 0.94) 0%,
      rgba(25, 18, 14, 0.62) 44%,
      rgba(25, 18, 14, 0) 78%
    );
  content: "";
  pointer-events: none;
}

html body[data-page="dr-mix"] #video .dr-video-thumb img {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 250ms ease;
}

html body[data-page="dr-mix"] #video .dr-video-thumb .dr-video-play--small {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: clamp(56px, 4.5vw, 66px);
  height: clamp(56px, 4.5vw, 66px);
  transform: translate(-50%, -50%);
  font-size: 1rem;
}

html body[data-page="dr-mix"] #video .dr-video-thumb .dr-video-play--small {
  padding-left: 3px;
}

html body[data-page="dr-mix"] #video .dr-video-thumb strong {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  padding: 14px 16px;
  color: #fff !important;
  font-size: clamp(0.9rem, 1.25vw, 1.05rem);
  font-weight: 800;
  line-height: 1.25;
  opacity: 1 !important;
  text-align: left;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html body[data-page="dr-mix"] #video :is(.dr-video-thumb, .dr-video-play--main, .dr-video-all, .dr-video-dots button):focus-visible {
  outline: 3px solid #d6a36f;
  outline-offset: 3px;
}

html body[data-page="dr-mix"] #video .dr-video-dots {
  display: none;
}

html body[data-page="dr-mix"] #video .dr-video-gallery.is-playing .dr-video-play--main,
html body[data-page="dr-mix"] #video .dr-video-gallery.is-playing .dr-video-stage > .dr-video-duration,
html body[data-page="dr-mix"] #video .dr-video-gallery.is-playing .dr-video-stage-copy,
html body[data-page="dr-mix"] #video .dr-video-gallery.is-playing .dr-video-stage::after {
  opacity: 0;
  pointer-events: none;
}

@media (hover: hover) {
  html body[data-page="dr-mix"] #video button.dr-video-play--main:hover {
    background: #fff;
    box-shadow: 0 16px 36px rgba(47, 32, 23, 0.3);
    transform: translate(-50%, -50%) scale(1.05);
  }

  html body[data-page="dr-mix"] #video .dr-video-thumb:hover {
    border-color: rgba(185, 131, 93, 0.62);
    box-shadow: 0 22px 42px rgba(70, 48, 34, 0.17);
    transform: scale(1.022);
  }

  html body[data-page="dr-mix"] #video .dr-video-thumb:hover img {
    transform: scale(1.025);
  }

  html body[data-page="dr-mix"] #video .dr-video-all:hover {
    background: #9d6947;
    transform: translateY(-1px);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  html body[data-page="dr-mix"] #video .dr-video-gallery {
    grid-template-columns: 1fr;
  }

  html body[data-page="dr-mix"] #video .dr-video-thumbnails {
    max-width: 720px;
    margin: 4px auto 0;
  }
}

@media (max-width: 767px) {
  html body[data-page="dr-mix"] #video {
    padding-block: 38px 44px !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-layout {
    width: min(100% - 36px, 520px);
    text-align: left !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-heading {
    margin-bottom: 24px;
  }

  html body[data-page="dr-mix"] #video .dr-video-heading .eyebrow {
    margin-inline: 0 !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-heading h2 {
    margin-top: 12px !important;
    font-size: clamp(32px, 9vw, 40px) !important;
    line-height: 1 !important;
    text-wrap: balance;
  }

  html body[data-page="dr-mix"] #video .dr-video-heading .dr-lead {
    margin: 14px 0 0;
    font-size: clamp(17px, 4.3vw, 19px);
    line-height: 1.5;
  }

  html body[data-page="dr-mix"] #video .dr-video-gallery {
    display: block;
  }

  html body[data-page="dr-mix"] #video .dr-video-stage {
    height: min(80vw, 540px);
    max-height: 540px;
    aspect-ratio: 4 / 5;
    border-radius: 22px;
    box-shadow: 0 22px 48px rgba(79, 55, 39, 0.17);
  }

  html body[data-page="dr-mix"] #video .dr-video-stage::before {
    inset: -20px;
  }

  html body[data-page="dr-mix"] #video .dr-video-stage::after {
    inset: 0;
  }

  html body[data-page="dr-mix"] #video .dr-video-stage video {
    object-fit: contain;
  }

  html body[data-page="dr-mix"] #video button.dr-video-play--main {
    top: 42%;
    width: 80px;
    height: 80px;
  }

  html body[data-page="dr-mix"] #video .dr-video-duration {
    top: 14px;
    right: 14px;
  }

  html body[data-page="dr-mix"] #video .dr-video-stage-copy {
    right: 20px;
    bottom: 20px;
    left: 20px;
    display: grid;
    gap: 7px;
  }

  html body[data-page="dr-mix"] #video .dr-video-stage-copy h3 {
    margin: 0;
    color: #fff !important;
    font-size: clamp(25px, 6.8vw, 29px);
    font-weight: 700;
    line-height: 1.15;
    opacity: 1 !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
  }

  html body[data-page="dr-mix"] #video .dr-video-stage-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: clamp(15px, 4vw, 17px);
    line-height: 1.45;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  }

  html body[data-page="dr-mix"] #video .dr-video-info {
    display: none;
  }

  html body[data-page="dr-mix"] #video .dr-video-browser {
    min-width: 0;
    margin-top: 28px;
  }

  html body[data-page="dr-mix"] #video .dr-video-browser > h3 {
    display: block;
    margin: 0 0 14px;
    color: #49382f;
    font-size: 1.35rem;
    line-height: 1.2;
  }

  html body[data-page="dr-mix"] #video .dr-video-thumbnails {
    display: flex;
    width: 100%;
    gap: 13px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 18px 4px 0;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  html body[data-page="dr-mix"] #video .dr-video-thumbnails::-webkit-scrollbar {
    display: none;
  }

  html body[data-page="dr-mix"] #video .dr-video-thumb {
    flex: 0 0 clamp(150px, 42vw, 165px);
    width: clamp(150px, 42vw, 165px);
    aspect-ratio: 9 / 16;
    border-radius: 20px;
    scroll-snap-align: start;
  }

  html body[data-page="dr-mix"] #video .dr-video-thumb .dr-video-play--small {
    width: 48px;
    height: 48px;
  }

  html body[data-page="dr-mix"] #video .dr-video-thumb strong {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 14px;
    font-size: 0.82rem;
  }

  html body[data-page="dr-mix"] #video .dr-video-dots {
    display: flex;
    justify-content: center;
    gap: 4px;
    margin-top: 14px;
  }

  html body[data-page="dr-mix"] #video .dr-video-dots button {
    width: 10px;
    height: 10px;
    min-width: 44px;
    min-height: 44px;
    padding: 17px;
    border: 0;
    background: transparent;
    font-size: 0;
  }

  html body[data-page="dr-mix"] #video .dr-video-dots button::before {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d8c3b2;
    content: "";
    transition: background-color 180ms ease, transform 180ms ease;
  }

  html body[data-page="dr-mix"] #video .dr-video-dots button.is-active::before {
    background: #b9835d;
    transform: scale(1.25);
  }
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-section-title {
  grid-column: 1 / -1;
  margin: 0;
  color: #3d2a20;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 24px;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1.12;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card-footer {
  display: flex;
  width: 100%;
  margin-top: auto;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-doc-details,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-video-details {
  width: 100%;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-doc-details summary::-webkit-details-marker,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-video-details summary::-webkit-details-marker {
  display: none;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta {
  grid-column: 1 / -1;
}

/* 3D-style Dr. Mix hero */
html body[data-page="dr-mix"] .dr-hero {
  position: relative !important;
  min-height: 100svh !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background:
    radial-gradient(circle at 72% 36%, rgba(191, 151, 121, 0.18), transparent 36%),
    linear-gradient(180deg, #f7f4ef 0%, #fffaf4 56%, #ffffff 100%) !important;
  color: #2f261f !important;
}

html body[data-page="dr-mix"] .dr-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: 2 !important;
  display: block !important;
  height: 46% !important;
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.88) 46%, transparent 100%) !important;
  pointer-events: none !important;
}

html body[data-page="dr-mix"] .dr-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 8% !important;
  z-index: 1 !important;
  display: block !important;
  width: min(520px, 50vw) !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(58, 42, 31, 0.22), rgba(58, 42, 31, 0) 68%) !important;
  transform: translateX(-8%) !important;
  filter: blur(10px) !important;
  opacity: 0.75 !important;
  pointer-events: none !important;
}

html body[data-page="dr-mix"] .dr-hero-visual {
  position: absolute !important;
  inset: 78px 0 84px !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: none !important;
  animation: drHeroVisualIn 1.45s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

html body[data-page="dr-mix"] .dr-hero-visual-orbit {
  position: absolute !important;
  width: min(560px, 48vw) !important;
  aspect-ratio: 1 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 38% 30%, rgba(255, 255, 255, 0.95), transparent 38%),
    radial-gradient(circle at 62% 72%, rgba(166, 120, 92, 0.18), transparent 42%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.58),
    0 34px 90px -56px rgba(79, 55, 39, 0.42) !important;
  transform: translateX(22%) rotate(-8deg) !important;
}

html body[data-page="dr-mix"] .dr-hero-visual img {
  position: relative !important;
  z-index: 1 !important;
  width: min(520px, 42vw) !important;
  max-height: 76svh !important;
  object-fit: contain !important;
  border-radius: 36px !important;
  outline: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow:
    0 30px 90px -48px rgba(33, 24, 18, 0.48),
    0 12px 34px -26px rgba(33, 24, 18, 0.45) !important;
  transform: translateX(34%) perspective(1200px) rotateY(-10deg) rotateX(2deg) !important;
}

html body[data-page="dr-mix"] .dr-hero-inner {
  position: relative !important;
  z-index: 3 !important;
  min-height: 100svh !important;
  display: flex !important;
  align-items: flex-end !important;
  padding-top: 128px !important;
  padding-bottom: 64px !important;
}

html body[data-page="dr-mix"] .dr-hero-copy {
  width: min(690px, 52vw) !important;
  max-width: 690px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: #3c3028 !important;
  animation: drHeroCopyIn 1s cubic-bezier(0.16, 1, 0.3, 1) 0.34s both !important;
}

html body[data-page="dr-mix"] .dr-hero-copy .eyebrow {
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  color: #8f6a52 !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow:
    0 0 0 1px rgba(69, 45, 31, 0.08),
    0 10px 26px -20px rgba(48, 31, 21, 0.32) !important;
}

html body[data-page="dr-mix"] .dr-hero-copy h1 {
  max-width: 680px !important;
  margin: 0 !important;
  color: #3b3029 !important;
  font-size: 5.45rem !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  text-shadow: none !important;
}

html body[data-page="dr-mix"] .dr-hero-copy h1 span {
  color: inherit !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

html body[data-page="dr-mix"] .dr-hero-copy h1 span:last-child {
  color: #a6785c !important;
  font-size: inherit !important;
}

html body[data-page="dr-mix"] .dr-hero-copy > p:not(.eyebrow) {
  max-width: 520px !important;
  margin-top: 20px !important;
  color: rgba(48, 38, 31, 0.72) !important;
  font-size: 1.08rem !important;
  line-height: 1.45 !important;
  text-wrap: pretty !important;
}

html body[data-page="dr-mix"] .dr-proof-strip {
  max-width: 620px !important;
  margin-top: 24px !important;
  padding: 10px !important;
  gap: 10px !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(59, 41, 29, 0.08),
    0 24px 56px -42px rgba(42, 29, 20, 0.38) !important;
  backdrop-filter: blur(14px) !important;
}

html body[data-page="dr-mix"] .dr-proof-strip > .dr-proof-item {
  min-height: 74px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: inset 0 0 0 1px rgba(59, 41, 29, 0.06) !important;
  transition-property: transform, box-shadow, background !important;
  transition-duration: 220ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] .dr-proof-strip > .dr-proof-item:active {
  transform: scale(0.96) !important;
}

html body[data-page="dr-mix"] .dr-hero-actions {
  margin-top: 24px !important;
  gap: 12px !important;
}

html body[data-page="dr-mix"] .dr-hero-actions .primary-btn,
html body[data-page="dr-mix"] .dr-hero-actions .secondary-btn {
  min-height: 58px !important;
  border-radius: 999px !important;
  transition-property: transform, box-shadow, background-color !important;
  transition-duration: 220ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] .dr-hero-actions .primary-btn:active,
html body[data-page="dr-mix"] .dr-hero-actions .secondary-btn:active {
  transform: scale(0.96) !important;
}

@keyframes drHeroVisualIn {
  from {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(22px) scale(1.04);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0) scale(1);
  }
}

@keyframes drHeroCopyIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] .dr-hero-visual {
    inset: 74px 0 270px !important;
  }

  html body[data-page="dr-mix"] .dr-hero-visual-orbit {
    width: min(430px, 92vw) !important;
    transform: translateX(0) rotate(-7deg) !important;
  }

  html body[data-page="dr-mix"] .dr-hero-visual img {
    width: min(360px, 86vw) !important;
    max-height: 52svh !important;
    transform: perspective(1000px) rotateY(-7deg) rotateX(1deg) !important;
  }

  html body[data-page="dr-mix"] .dr-hero-inner {
    align-items: flex-end !important;
    padding-top: 342px !important;
    padding-bottom: 96px !important;
  }

  html body[data-page="dr-mix"] .dr-hero-copy {
    width: 100% !important;
    max-width: none !important;
    text-align: left !important;
  }

  html body[data-page="dr-mix"] .dr-hero-copy .eyebrow {
    margin-inline: 0 !important;
  }

  html body[data-page="dr-mix"] .dr-hero-copy h1 {
    max-width: 340px !important;
    font-size: 3.08rem !important;
    line-height: 0.94 !important;
  }

  html body[data-page="dr-mix"] .dr-hero-copy > p:not(.eyebrow) {
    max-width: 330px !important;
    margin-top: 16px !important;
    font-size: 1rem !important;
  }

  html body[data-page="dr-mix"] .dr-proof-strip {
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    margin-top: 18px !important;
    border-radius: 24px !important;
  }

  html body[data-page="dr-mix"] .dr-proof-strip > .dr-proof-item {
    min-height: 60px !important;
    padding: 10px 14px !important;
  }

  html body[data-page="dr-mix"] .dr-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  html body[data-page="dr-mix"] .dr-hero-actions .primary-btn,
  html body[data-page="dr-mix"] .dr-hero-actions .secondary-btn {
    min-height: 54px !important;
    padding-inline: 14px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] .dr-hero-inner {
    padding-top: 320px !important;
  }

  html body[data-page="dr-mix"] .dr-hero-visual {
    inset: 70px 0 292px !important;
  }

  html body[data-page="dr-mix"] .dr-hero-visual img {
    width: min(318px, 84vw) !important;
    max-height: 46svh !important;
    border-radius: 28px !important;
  }

  html body[data-page="dr-mix"] .dr-hero-copy h1 {
    max-width: 310px !important;
    font-size: 2.76rem !important;
  }

  html body[data-page="dr-mix"] .dr-proof-strip {
    display: none !important;
  }
}

/* Checkout modal cleanup: clearer sections, less visual noise. */
body[data-page="dr-mix"] .dr-order-dialog {
  width: min(92vw, 680px) !important;
  max-height: min(720px, 90vh) !important;
  border-radius: 20px !important;
  padding: 26px 30px 28px !important;
}

body[data-page="dr-mix"] .dr-order-dialog > .eyebrow {
  width: fit-content !important;
  margin: 0 auto 12px !important;
  padding: 7px 18px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: rgba(129, 94, 68, 0.82) !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.12em !important;
}

body[data-page="dr-mix"] .dr-order-dialog h2 {
  margin: 0 0 8px !important;
  color: #4b3f36 !important;
  font-size: clamp(2rem, 4vw, 2.75rem) !important;
  line-height: 0.98 !important;
}

body[data-page="dr-mix"] .dr-order-dialog > p:not(.eyebrow) {
  max-width: 560px !important;
  margin: 0 0 18px !important;
  color: rgba(78, 64, 55, 0.7) !important;
  font-size: 0.9rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

body[data-page="dr-mix"] .dr-order-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

body[data-page="dr-mix"] .dr-order-section {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 12px !important;
  grid-column: 1 / -1 !important;
  border: 1px solid rgba(92, 69, 51, 0.1) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.56) !important;
  padding: 14px !important;
}

body[data-page="dr-mix"] .dr-order-section h3 {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: rgba(79, 64, 55, 0.84) !important;
  font-family: Manrope, system-ui, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body[data-page="dr-mix"] .dr-order-form label {
  gap: 6px !important;
  color: rgba(92, 69, 51, 0.62) !important;
  font-size: 0.64rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
}

body[data-page="dr-mix"] .dr-order-form label > span {
  color: rgba(92, 69, 51, 0.62) !important;
}

body[data-page="dr-mix"] .dr-order-form .wide {
  grid-column: 1 / -1 !important;
}

body[data-page="dr-mix"] .dr-order-form input,
body[data-page="dr-mix"] .dr-order-form select,
body[data-page="dr-mix"] .dr-order-form textarea {
  min-height: 46px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #4b3f36 !important;
  font-size: 0.9rem !important;
  font-weight: 720 !important;
  padding: 11px 13px !important;
}

body[data-page="dr-mix"] .dr-order-form textarea {
  min-height: 62px !important;
}

body[data-page="dr-mix"] .dr-delivery-methods {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body[data-page="dr-mix"] .dr-delivery-methods button {
  min-height: 58px !important;
  border: 1px solid rgba(120, 94, 73, 0.2) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #4b3f36 !important;
  cursor: pointer !important;
  display: grid !important;
  gap: 3px !important;
  padding: 10px 12px !important;
  text-align: left !important;
}

body[data-page="dr-mix"] .dr-delivery-methods button.active {
  border-color: rgba(162, 116, 82, 0.58) !important;
  background: rgba(248, 243, 236, 0.9) !important;
  box-shadow: inset 0 0 0 1px rgba(162, 116, 82, 0.26) !important;
}

body[data-page="dr-mix"] .dr-delivery-methods strong {
  font-size: 0.82rem !important;
  line-height: 1.1 !important;
}

body[data-page="dr-mix"] .dr-delivery-methods span {
  color: rgba(92, 69, 51, 0.62) !important;
  font-size: 0.68rem !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

body[data-page="dr-mix"] .dr-delivery-choice {
  gap: 5px !important;
  border-radius: 12px !important;
  background: rgba(248, 243, 236, 0.72) !important;
  padding: 12px 13px !important;
}

body[data-page="dr-mix"] .dr-delivery-choice strong {
  color: #4b3f36 !important;
  font-size: 0.94rem !important;
  line-height: 1.22 !important;
}

body[data-page="dr-mix"] .dr-delivery-choice small {
  color: rgba(92, 69, 51, 0.62) !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

body[data-page="dr-mix"] .dr-delivery-estimate {
  margin: 0 !important;
  border-radius: 12px !important;
  padding: 12px 13px !important;
}

body[data-page="dr-mix"] .dr-delivery-estimate > div {
  gap: 4px !important;
}

body[data-page="dr-mix"] .dr-delivery-estimate strong {
  font-size: 0.95rem !important;
}

body[data-page="dr-mix"] .dr-delivery-estimate small {
  font-size: 0.78rem !important;
}

body[data-page="dr-mix"] .dr-order-form button[type="submit"] {
  min-height: 50px !important;
  margin-top: 2px !important;
  border-radius: 12px !important;
}

/* Email confirmation keeps checkout access tied to the address that receives the receipt. */
body[data-page="dr-mix"] .dr-email-verification {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid rgba(148, 104, 70, 0.16) !important;
  border-radius: 10px !important;
  background: rgba(255, 253, 249, 0.76) !important;
}

body[data-page="dr-mix"] .dr-email-verification > .secondary-btn {
  width: fit-content !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-radius: 9px !important;
}

body[data-page="dr-mix"] .dr-email-code-fields {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: end !important;
}

body[data-page="dr-mix"] .dr-email-code-fields[hidden] {
  display: none !important;
}

body[data-page="dr-mix"] .dr-email-code-fields label {
  display: grid !important;
  gap: 5px !important;
}

body[data-page="dr-mix"] .dr-email-code-fields input {
  min-width: 0 !important;
  letter-spacing: 0.16em !important;
  text-align: center !important;
}

body[data-page="dr-mix"] .dr-email-code-fields .secondary-btn {
  min-height: 46px !important;
  padding: 9px 12px !important;
  border-radius: 9px !important;
}

body[data-page="dr-mix"] .dr-email-verification .form-note {
  min-height: 1.2em !important;
  margin: 0 !important;
  font-size: 0.74rem !important;
  line-height: 1.35 !important;
}

@media (max-width: 640px) {
  body[data-page="dr-mix"] .dr-email-code-fields {
    grid-template-columns: 1fr !important;
  }

  body[data-page="dr-mix"] .dr-email-code-fields .secondary-btn,
  body[data-page="dr-mix"] .dr-email-verification > .secondary-btn {
    width: 100% !important;
  }
}

body[data-page="dr-mix"] .dr-order-close {
  top: 20px !important;
  right: 20px !important;
  width: 36px !important;
  height: 36px !important;
}

@media (max-width: 760px) {
  body[data-page="dr-mix"] .dr-order-dialog {
    width: min(94vw, 620px) !important;
    padding: 22px 18px !important;
  }

  body[data-page="dr-mix"] .dr-order-section {
    grid-template-columns: 1fr !important;
    padding: 12px !important;
  }
}

/* Dr. Mix uses two typefaces only: headings and everything else. */
html body[data-page="dr-mix"][data-page][data-page][data-page] *,
html body[data-page="dr-mix-admin"][data-page][data-page][data-page] * {
  font-family: Montserrat, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body[data-page="dr-mix"][data-page][data-page][data-page] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *),
html body[data-page="dr-mix-admin"][data-page][data-page][data-page] :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) {
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-bg {
  display: none !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-background-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-overlay {
  z-index: 1 !important;
  display: block !important;
  background: linear-gradient(90deg, rgba(255, 247, 238, 0.6) 0%, rgba(255, 247, 238, 0.18) 56%, rgba(255, 247, 238, 0.08) 100%) !important;
}

html body[data-page="dr-mix"] #video .dr-video-layout {
  display: block !important;
  margin-bottom: 22px;
  text-align: center;
}

html body[data-page="dr-mix"] #video .dr-video-layout h2 {
  max-width: 700px;
  margin: 12px auto 0 !important;
  font-size: clamp(2.7rem, 4vw, 4.8rem) !important;
  line-height: 0.98 !important;
}

html body[data-page="dr-mix"] #video .dr-video-layout .eyebrow {
  margin-inline: auto !important;
}

html body[data-page="dr-mix"] #video .dr-video-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-background-video {
    object-position: 60% center;
  }

  html body[data-page="dr-mix"] #video .dr-video-layout {
    text-align: left;
  }

  html body[data-page="dr-mix"] #video .dr-video-layout .eyebrow,
  html body[data-page="dr-mix"] #video .dr-video-layout h2 {
    margin-inline: 0 !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body[data-page="dr-mix"] .dr-hero {
    /* Mobile hero photo area. Change these values first. */
    padding: 72px 18px 24px !important;
    background-position: center center, 58% center !important;
  }

  body[data-page="dr-mix"] .dr-hero-copy {
    box-sizing: border-box !important;
    width: min(calc(100vw - 36px), 394px) !important;
    max-width: 394px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body[data-page="dr-mix"] .dr-comparison-table thead th:nth-child(2),
  body[data-page="dr-mix"] .dr-comparison-table tbody td:nth-child(2) {
    background: rgba(166, 120, 92, 0.22) !important;
    color: #43362e !important;
    box-shadow: inset 3px 0 0 #a6785c !important;
    font-weight: 900 !important;
  }

  body[data-page="dr-mix"] .dr-comparison-table thead th:nth-child(2)::after {
    content: "МЫ" !important;
    display: inline-flex !important;
    min-height: 20px !important;
    align-items: center !important;
    border-radius: 999px !important;
    background: #a6785c !important;
    color: #fff8ef !important;
    margin-left: 8px !important;
    padding: 0 8px !important;
    font-size: 0.58rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
  }
}

@media (min-width: 761px) {
  body[data-page="dr-mix"] #partnership .dr-card .dr-card-visual {
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    padding: 14px !important;
    overflow: visible !important;
  }

  body[data-page="dr-mix"] #partnership .dr-card .dr-card-visual img {
    width: 74px !important;
    height: 74px !important;
    object-fit: contain !important;
  }
}

@media (min-width: 761px) {
  body[data-page="dr-mix"] .dr-contact-links a[href^="tel"] {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 6px 12px !important;
  }

  body[data-page="dr-mix"] .dr-contact-links a[href^="tel"]::before {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 38px !important;
    height: 38px !important;
  }

  body[data-page="dr-mix"] .dr-contact-links a[href^="tel"] span,
  body[data-page="dr-mix"] .dr-contact-links a[href^="tel"] strong {
    grid-column: 2 !important;
    align-self: auto !important;
    padding: 0 !important;
    border-right: 0 !important;
  }

  body[data-page="dr-mix"] .dr-contact-links a[href^="tel"] strong {
    white-space: normal !important;
  }
}

body[data-page="dr-mix"] .dr-contact-links a[href^="tel"] {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(110, 26, 255, 0.14), rgba(71, 26, 255, 0.04)),
    rgba(248, 246, 255, 0.88) !important;
  border-color: rgba(110, 26, 255, 0.18) !important;
  box-shadow: 0 12px 28px rgba(71, 26, 255, 0.08) !important;
  color: #302844 !important;
}

body[data-page="dr-mix"] .dr-contact-links a[href^="tel"]::after {
  content: none !important;
  display: none !important;
}

body[data-page="dr-mix"] .dr-contact-links a[href^="tel"]::before {
  content: "M" !important;
  background: linear-gradient(135deg, rgb(110, 26, 255), rgb(71, 26, 255)) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(71, 26, 255, 0.22) !important;
}

body[data-page="dr-mix"] .dr-contact-links a[href^="tel"] span,
body[data-page="dr-mix"] .dr-contact-links a[href^="tel"] strong {
  color: #302844 !important;
}

body[data-page="dr-mix"] .dr-cdek-pvz-list {
  display: grid !important;
  gap: 6px !important;
  max-height: 244px !important;
  overflow: auto !important;
  border: 1px solid rgba(92, 69, 51, 0.16) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 34px rgba(50, 38, 28, 0.14) !important;
  padding: 8px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  z-index: 20 !important;
}

body[data-page="dr-mix"] .dr-cdek-pvz-list[hidden] {
  display: none !important;
}

body[data-page="dr-mix"] .dr-cdek-city-list {
  max-height: 170px !important;
}

body[data-page="dr-mix"] .dr-delivery-city-field,
body[data-page="dr-mix"] .dr-delivery-pvz-field {
  align-self: start !important;
}

body[data-page="dr-mix"] .dr-delivery-city-field .dr-cdek-city-list {
  width: 100% !important;
  max-height: 150px !important;
}

body[data-page="dr-mix"] .dr-cdek-pvz-list button {
  display: grid !important;
  gap: 3px !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff8ef !important;
  color: #4f4037 !important;
  cursor: pointer !important;
  font: 700 0.86rem/1.3 Manrope, system-ui, sans-serif !important;
  padding: 10px 12px !important;
  text-align: left !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body[data-page="dr-mix"] .dr-cdek-pvz-list button:hover,
body[data-page="dr-mix"] .dr-cdek-pvz-list button:focus-visible {
  background: rgba(166, 120, 92, 0.16) !important;
  outline: none !important;
}

body[data-page="dr-mix"] .dr-cdek-pvz-list button span,
body[data-page="dr-mix"] .dr-cdek-pvz-list button small {
  color: rgba(79, 64, 55, 0.72) !important;
  font: 700 0.76rem/1.3 Manrope, system-ui, sans-serif !important;
}

body[data-page="dr-mix"] .dr-cdek-pvz-list p {
  margin: 0 !important;
  color: rgba(79, 64, 55, 0.72) !important;
  font: 700 0.82rem/1.4 Manrope, system-ui, sans-serif !important;
  padding: 8px 10px !important;
  text-transform: none !important;
}

body[data-page="dr-mix"] .dr-pvz-selected {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  border: 1px solid rgba(42, 122, 84, 0.24) !important;
  border-radius: 12px !important;
  background: rgba(240, 255, 247, 0.88) !important;
  color: #254c3b !important;
  padding: 10px 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body[data-page="dr-mix"] .dr-pvz-selected[hidden],
body[data-page="dr-mix"] .dr-pvz-picker[hidden],
body[data-page="dr-mix"] .dr-pvz-map-panel[hidden],
body[data-page="dr-mix"] .dr-pvz-map[hidden] {
  display: none !important;
}

body[data-page="dr-mix"] .dr-pvz-selected div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

body[data-page="dr-mix"] .dr-pvz-selected strong,
body[data-page="dr-mix"] .dr-pvz-selected span,
body[data-page="dr-mix"] .dr-pvz-selected small {
  overflow-wrap: anywhere !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body[data-page="dr-mix"] .dr-pvz-selected strong {
  font: 900 0.86rem/1.25 Manrope, system-ui, sans-serif !important;
}

body[data-page="dr-mix"] .dr-pvz-selected span,
body[data-page="dr-mix"] .dr-pvz-selected small {
  color: rgba(37, 76, 59, 0.72) !important;
  font: 750 0.76rem/1.35 Manrope, system-ui, sans-serif !important;
}

body[data-page="dr-mix"] .dr-pvz-selected button,
body[data-page="dr-mix"] .dr-pvz-picker-tabs button,
body[data-page="dr-mix"] .dr-pvz-map-load,
body[data-page="dr-mix"] .dr-pvz-popup button {
  min-height: 38px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #4c6f5b !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font: 900 0.78rem/1.2 Manrope, system-ui, sans-serif !important;
  padding: 9px 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body[data-page="dr-mix"] .dr-pvz-picker {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 8px !important;
}

body[data-page="dr-mix"] .dr-pvz-picker-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

body[data-page="dr-mix"] .dr-pvz-picker-tabs button {
  background: rgba(92, 69, 51, 0.1) !important;
  color: #4b3f36 !important;
}

body[data-page="dr-mix"] .dr-pvz-picker-tabs button.active {
  background: #4c6f5b !important;
  color: #ffffff !important;
}

body[data-page="dr-mix"] .dr-pvz-picker-grid {
  display: block !important;
  gap: 10px !important;
  align-items: stretch !important;
}

body[data-page="dr-mix"] .dr-pvz-picker[data-view="list"] .dr-pvz-map-panel,
body[data-page="dr-mix"] .dr-pvz-picker[data-view="map"] .dr-pvz-list-slot {
  display: none !important;
}

body[data-page="dr-mix"] .dr-pvz-list-slot,
body[data-page="dr-mix"] .dr-pvz-map-panel {
  min-width: 0 !important;
}

body[data-page="dr-mix"] .dr-pvz-picker .dr-cdek-pvz-list {
  height: auto !important;
  max-height: 260px !important;
  margin: 0 !important;
}

body[data-page="dr-mix"] .dr-cdek-pvz-list button.active {
  background: rgba(76, 111, 91, 0.16) !important;
  box-shadow: inset 3px 0 0 #4c6f5b !important;
}

body[data-page="dr-mix"] .dr-pvz-map-panel {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 8px !important;
  min-height: 320px !important;
  border: 1px solid rgba(92, 69, 51, 0.16) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 34px rgba(50, 38, 28, 0.12) !important;
  padding: 8px !important;
}

body[data-page="dr-mix"] .dr-pvz-map-note {
  margin: 0 !important;
  color: rgba(79, 64, 55, 0.72) !important;
  font: 750 0.76rem/1.35 Manrope, system-ui, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body[data-page="dr-mix"] .dr-pvz-map {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  min-height: 280px !important;
  height: 280px !important;
  width: 100% !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  z-index: 1 !important;
  background: #eef3ed !important;
}

body[data-page="dr-mix"] .dr-pvz-map.is-yandex-map {
  display: block !important;
  min-height: 360px !important;
  height: 360px !important;
  background: #eef3ed !important;
}

body[data-page="dr-mix"] .dr-pvz-map.is-yandex-map ymaps {
  font-family: Manrope, system-ui, sans-serif !important;
}

body[data-page="dr-mix"] .dr-pvz-map-canvas {
  position: relative !important;
  min-height: 196px !important;
  border: 1px solid rgba(76, 111, 91, 0.14) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #e7efe7 !important;
  cursor: grab !important;
  touch-action: none !important;
  user-select: none !important;
}

body[data-page="dr-mix"] .dr-pvz-map.is-dragging .dr-pvz-map-canvas {
  cursor: grabbing !important;
}

body[data-page="dr-mix"] .dr-pvz-map-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  will-change: transform !important;
}

body[data-page="dr-mix"] .dr-pvz-map-tile {
  position: absolute !important;
  width: 256px !important;
  height: 256px !important;
  max-width: none !important;
  user-select: none !important;
  z-index: 1 !important;
}

body[data-page="dr-mix"] .dr-pvz-map-point {
  position: absolute !important;
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  background: #4c6f5b !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(50, 38, 28, 0.22) !important;
  cursor: pointer !important;
  font: 950 0.78rem/1 Manrope, system-ui, sans-serif !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  z-index: 3 !important;
}

body[data-page="dr-mix"] .dr-pvz-map-point.is-magnit {
  background: #d23a2e !important;
}

body[data-page="dr-mix"] .dr-pvz-map-point.is-ozon {
  background: #1f80e0 !important;
}

body[data-page="dr-mix"] .dr-pvz-map-point.is-active {
  transform: translate(-50%, -50%) scale(1.16) !important;
  box-shadow: 0 0 0 5px rgba(76, 111, 91, 0.18), 0 12px 24px rgba(50, 38, 28, 0.28) !important;
}

body[data-page="dr-mix"] .dr-pvz-map-controls {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 5 !important;
  display: grid !important;
  gap: 5px !important;
}

body[data-page="dr-mix"] .dr-pvz-map-controls button {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border: 1px solid rgba(76, 111, 91, 0.22) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #243f34 !important;
  box-shadow: 0 6px 14px rgba(50, 38, 28, 0.14) !important;
  cursor: pointer !important;
  font: 950 1rem/1 Manrope, system-ui, sans-serif !important;
  padding: 0 !important;
}

body[data-page="dr-mix"] .dr-pvz-map-controls button:hover,
body[data-page="dr-mix"] .dr-pvz-map-controls button:focus-visible {
  background: #ffffff !important;
  border-color: rgba(76, 111, 91, 0.42) !important;
}

body[data-page="dr-mix"] .dr-pvz-map-attribution {
  position: absolute !important;
  right: 6px !important;
  bottom: 5px !important;
  z-index: 4 !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: rgba(45, 54, 47, 0.72) !important;
  font: 700 0.58rem/1 Manrope, system-ui, sans-serif !important;
  padding: 4px 5px !important;
}

body[data-page="dr-mix"] .dr-pvz-map-card,
body[data-page="dr-mix"] .dr-pvz-map-empty {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  border: 1px solid rgba(76, 111, 91, 0.14) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #4b3f36 !important;
  padding: 9px 10px !important;
  font: 750 0.76rem/1.35 Manrope, system-ui, sans-serif !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body[data-page="dr-mix"] .dr-pvz-map-card strong,
body[data-page="dr-mix"] .dr-pvz-map-card span,
body[data-page="dr-mix"] .dr-pvz-map-card small {
  overflow-wrap: anywhere !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body[data-page="dr-mix"] .dr-pvz-map-card strong {
  font: 900 0.82rem/1.2 Manrope, system-ui, sans-serif !important;
}

body[data-page="dr-mix"] .dr-pvz-map-card span,
body[data-page="dr-mix"] .dr-pvz-map-card small {
  color: rgba(75, 63, 54, 0.72) !important;
  font: 750 0.74rem/1.3 Manrope, system-ui, sans-serif !important;
}

body[data-page="dr-mix"] .dr-pvz-marker {
  border: 0 !important;
  background: transparent !important;
}

body[data-page="dr-mix"] .dr-pvz-marker span {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  background: #4c6f5b !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(50, 38, 28, 0.22) !important;
  font: 950 0.78rem/1 Manrope, system-ui, sans-serif !important;
}

body[data-page="dr-mix"] .dr-pvz-marker.is-magnit span {
  background: #d23a2e !important;
}

body[data-page="dr-mix"] .dr-pvz-marker.is-active span {
  transform: scale(1.16) !important;
  box-shadow: 0 0 0 5px rgba(76, 111, 91, 0.18), 0 12px 24px rgba(50, 38, 28, 0.28) !important;
}

body[data-page="dr-mix"] .dr-pvz-popup {
  display: grid !important;
  gap: 6px !important;
  min-width: 190px !important;
  color: #4b3f36 !important;
  font-family: Manrope, system-ui, sans-serif !important;
}

body[data-page="dr-mix"] .dr-pvz-popup strong,
body[data-page="dr-mix"] .dr-pvz-popup span,
body[data-page="dr-mix"] .dr-pvz-popup small {
  overflow-wrap: anywhere !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

@media (max-width: 720px) {
  body[data-page="dr-mix"] .dr-pvz-selected {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body[data-page="dr-mix"] .dr-pvz-picker .dr-cdek-pvz-list {
    height: auto !important;
    max-height: 240px !important;
  }

  body[data-page="dr-mix"] .dr-pvz-map-panel {
    min-height: 300px !important;
  }

  body[data-page="dr-mix"] .dr-pvz-map {
    min-height: 300px !important;
    height: 300px !important;
  }
}

body[data-page="dr-mix"] .dr-order-backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(35, 29, 24, 0.52) !important;
}

body[data-page="dr-mix"] .dr-order-dialog {
  box-shadow: 0 22px 54px rgba(50, 38, 28, 0.2) !important;
  transform: none !important;
  transition: none !important;
}

body[data-page="dr-mix"] .dr-order-modal.is-open .dr-order-dialog {
  transform: none !important;
}

body[data-page="dr-mix"] .dr-order-form input,
body[data-page="dr-mix"] .dr-order-form select,
body[data-page="dr-mix"] .dr-order-form textarea {
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
  will-change: auto !important;
}

body[data-page="dr-mix"] .dr-order-form input,
body[data-page="dr-mix"] .dr-order-form textarea {
  cursor: text !important;
}

body[data-page="dr-mix"] .dr-order-form,
body[data-page="dr-mix"] .dr-order-form *,
body[data-page="dr-mix"] .dr-order-dialog {
  cursor: text !important;
}

body[data-page="dr-mix"] .dr-order-close,
body[data-page="dr-mix"] .dr-order-form button,
body[data-page="dr-mix"] .dr-cdek-pvz-list,
body[data-page="dr-mix"] .dr-cdek-pvz-list * {
  cursor: pointer !important;
}

body[data-page="dr-mix"] .dr-order-form select {
  cursor: pointer !important;
}

body[data-page="dr-mix"] .dr-order-form input:hover,
body[data-page="dr-mix"] .dr-order-form input:focus,
body[data-page="dr-mix"] .dr-order-form select:hover,
body[data-page="dr-mix"] .dr-order-form select:focus,
body[data-page="dr-mix"] .dr-order-form textarea:hover,
body[data-page="dr-mix"] .dr-order-form textarea:focus {
  box-shadow: none !important;
  transition: none !important;
}

body[data-page="dr-mix"] .dr-cdek-pvz-list {
  contain: content !important;
  box-shadow: 0 10px 22px rgba(50, 38, 28, 0.12) !important;
}

body[data-page="dr-mix"] .dr-contact-links a[href^="tel"] span {
  color: rgba(48, 40, 68, 0.62) !important;
}

body[data-page="dr-mix"] .dr-comparison-table thead th:nth-child(2) {
  font-size: 1.08rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body[data-page="dr-mix"] .dr-comparison-table thead th:nth-child(2)::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 760px) {
  body[data-page="dr-mix"] .dr-comparison-table thead th:nth-child(2) {
    font-size: 0.98rem !important;
  }
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"] main#top section#partnership.dr-section .dr-card .dr-card-visual {
    overflow: visible !important;
  }

  html body[data-page="dr-mix"] main#top section#partnership.dr-section .dr-card .dr-card-visual img {
    width: 76px !important;
    height: 76px !important;
  }

  html body[data-page="dr-mix"] main#top section#partnership.dr-section .dr-card .dr-card-visual.dr-card-visual--temperature img {
    animation: none !important;
    transform: none !important;
  }
}

/* Checkout section tone map. Keep after legacy modal rules. */
body[data-page="dr-mix"] .dr-order-section--contacts {
  border-color: rgba(125, 95, 72, 0.13) !important;
  background:
    linear-gradient(135deg, rgba(255, 252, 247, 0.94), rgba(246, 239, 231, 0.72)) !important;
}

body[data-page="dr-mix"] .dr-order-section--delivery {
  border-color: rgba(84, 116, 96, 0.17) !important;
  background:
    linear-gradient(135deg, rgba(250, 253, 249, 0.94), rgba(235, 244, 237, 0.7)) !important;
}

body[data-page="dr-mix"] .dr-order-section--details {
  border-color: rgba(150, 119, 86, 0.15) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 243, 0.94), rgba(249, 239, 226, 0.74)) !important;
}

body[data-page="dr-mix"] .dr-order-section--contacts h3::before,
body[data-page="dr-mix"] .dr-order-section--delivery h3::before,
body[data-page="dr-mix"] .dr-order-section--details h3::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 999px;
  vertical-align: 1px;
}

body[data-page="dr-mix"] .dr-order-section--contacts h3::before {
  background: #a88970;
}

body[data-page="dr-mix"] .dr-order-section--delivery h3::before {
  background: #6f9277;
}

body[data-page="dr-mix"] .dr-order-section--details h3::before {
  background: #bd986f;
}

body[data-page="dr-mix"] .dr-order-promo-field {
  border: 1px solid rgba(128, 95, 65, 0.13) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  padding: 10px !important;
}

body[data-page="dr-mix"] .dr-order-promo-field input {
  background: rgba(255, 252, 247, 0.94) !important;
}

body[data-page="dr-mix"] .dr-delivery-estimate {
  border-color: rgba(78, 122, 94, 0.18) !important;
  background:
    linear-gradient(135deg, rgba(248, 253, 250, 0.96), rgba(240, 248, 243, 0.78)) !important;
}

body[data-page="dr-mix"] .dr-delivery-estimate[data-state="ready"] {
  border-color: rgba(68, 132, 94, 0.28) !important;
  background:
    linear-gradient(135deg, rgba(244, 252, 247, 0.98), rgba(232, 244, 236, 0.86)) !important;
}

body[data-page="dr-mix"] .dr-delivery-estimate .is-store-paid {
  border: 1px solid rgba(47, 121, 95, 0.2) !important;
  border-radius: 8px !important;
  background: rgba(232, 246, 237, 0.82) !important;
  padding: 8px 10px !important;
}

body[data-page="dr-mix"] .dr-delivery-estimate .is-store-paid dt {
  color: rgba(34, 109, 74, 0.78) !important;
}

body[data-page="dr-mix"] .dr-delivery-estimate .is-store-paid dd {
  color: #226d4a !important;
  font-weight: 950 !important;
}

/* Targeted content fixes after rollback: proof icons and custom use-case badges. */
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > .dr-proof-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 64px !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-item::before,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-item::after,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon::before,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon::after,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-text::before,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-text::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  flex: 0 0 32px !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(166, 120, 92, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 248, 239, 0.92) !important;
  color: #a6785c !important;
  line-height: 1 !important;
  transform: none !important;
  overflow: hidden !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon svg {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon svg * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body[data-page="dr-mix"] .dr-use-case-card::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] .dr-use-case-card > span.dr-use-case-icon {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border: 1px solid rgba(166, 120, 92, 0.18) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(255, 248, 239, 0.98), rgba(241, 229, 217, 0.82)) !important;
  color: #6f5948 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

html body[data-page="dr-mix"] .dr-use-case-card > span.dr-use-case-icon svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
}

html body[data-page="dr-mix"] .dr-use-case-card > span.dr-use-case-icon svg * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body[data-page="dr-mix"] .dr-comparison-table-wrap {
  max-height: min(72vh, 680px) !important;
  overflow: auto !important;
  position: relative !important;
  scrollbar-gutter: stable both-edges !important;
}

html body[data-page="dr-mix"] .dr-comparison-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

html body[data-page="dr-mix"] .dr-comparison-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  background: rgba(245, 238, 229, 0.98) !important;
  box-shadow: 0 1px 0 rgba(92, 69, 51, 0.12), 0 8px 18px rgba(73, 55, 42, 0.08) !important;
}

html body[data-page="dr-mix"] .dr-comparison-table thead th:nth-child(2) {
  z-index: 9 !important;
}

/* Audience cards: reduce empty space and make cards warmer. */
html body[data-page="dr-mix"] #audience .dr-use-case-grid {
  align-items: stretch !important;
  gap: 16px !important;
}

html body[data-page="dr-mix"] #audience .dr-use-case-card {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  align-items: start !important;
  gap: 6px 14px !important;
  min-height: 148px !important;
  height: auto !important;
  padding: 22px 24px !important;
  border: 1px solid rgba(166, 120, 92, 0.12) !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(166, 120, 92, 0.08), transparent 28%),
    linear-gradient(135deg, rgba(255, 250, 244, 0.96), rgba(242, 232, 222, 0.84)) !important;
  box-shadow: 0 10px 24px rgba(77, 58, 43, 0.07) !important;
  text-align: left !important;
}

html body[data-page="dr-mix"] #audience .dr-use-case-card > span.dr-use-case-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  margin: 1px 0 0 !important;
}

html body[data-page="dr-mix"] #audience .dr-use-case-card > span.dr-use-case-icon svg {
  width: 19px !important;
  height: 19px !important;
}

html body[data-page="dr-mix"] #audience .dr-use-case-card h3 {
  grid-column: 2 !important;
  margin: 0 !important;
  max-width: 100% !important;
  color: #4b3f36 !important;
  font-size: 1rem !important;
  line-height: 1.22 !important;
}

html body[data-page="dr-mix"] #audience .dr-use-case-card p {
  grid-column: 2 !important;
  margin: 0 !important;
  max-width: 48ch !important;
  color: rgba(75, 63, 54, 0.7) !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
}

@media (min-width: 900px) {
  html body[data-page="dr-mix"] #audience .dr-use-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"] #audience .dr-use-case-grid {
    gap: 10px !important;
  }

  html body[data-page="dr-mix"] #audience .dr-use-case-card {
    min-height: 0 !important;
    padding: 16px !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
  }
}

/* FAQ: remove the empty left column and make the question list denser. */
html body[data-page="dr-mix"] #faq.dr-faq-section {
  padding-block: clamp(56px, 7vw, 92px) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(22px, 3vw, 34px) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-layout > div:first-child {
  max-width: 780px !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-layout h2 {
  margin: 0 !important;
  max-width: 12ch !important;
  font-size: clamp(2.2rem, 5vw, 4.6rem) !important;
  line-height: 0.98 !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list details {
  margin: 0 !important;
  min-height: 78px !important;
  padding: 0 !important;
  border: 1px solid rgba(166, 120, 92, 0.13) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(166, 120, 92, 0.08), transparent 32%),
    linear-gradient(135deg, rgba(255, 250, 244, 0.97), rgba(244, 235, 226, 0.86)) !important;
  box-shadow: 0 12px 26px rgba(77, 58, 43, 0.07) !important;
  overflow: hidden !important;
  interpolate-size: allow-keywords !important;
  transition-property: box-shadow, transform !important;
  transition-duration: 180ms, 180ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list details[open] {
  grid-column: 1 / -1 !important;
  box-shadow:
    0 0 0 1px rgba(166, 120, 92, 0.16),
    0 18px 34px rgba(77, 58, 43, 0.1) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list details::details-content {
  block-size: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transition-behavior: allow-discrete !important;
  transition-property: block-size, opacity, content-visibility !important;
  transition-duration: 280ms, 180ms, 280ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list details[open]::details-content {
  block-size: auto !important;
  opacity: 1 !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 78px !important;
  padding: 22px 68px 22px 26px !important;
  color: #4b3f36 !important;
  cursor: pointer !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  text-wrap: balance !important;
  transition-property: color, background-color !important;
  transition-duration: 180ms, 180ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list summary::after {
  position: absolute !important;
  top: 50% !important;
  right: 22px !important;
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  place-items: center !important;
  background: rgba(255, 255, 255, 0.66) !important;
  box-shadow: 0 0 0 1px rgba(75, 63, 54, 0.08) !important;
  color: #8a624a !important;
  content: "+" !important;
  font-size: 1.2rem !important;
  line-height: 1 !important;
  transform: translateY(-50%) scale(1) !important;
  transition-property: transform, background-color, color, box-shadow !important;
  transition-duration: 220ms, 180ms, 180ms, 180ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list details[open] summary::after {
  background: #a6785c !important;
  box-shadow: 0 8px 18px rgba(77, 58, 43, 0.16) !important;
  color: #fffaf4 !important;
  content: "−" !important;
  transform: translateY(-50%) rotate(180deg) scale(1) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-answer {
  opacity: 0 !important;
  transform: translateY(-8px) !important;
  transition-property: opacity, transform !important;
  transition-duration: 180ms, 240ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] #faq details[open] .dr-faq-answer {
  height: auto;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list p {
  max-width: 82ch !important;
  margin: -6px 26px 24px !important;
  color: rgba(75, 63, 54, 0.72) !important;
  font-size: 0.94rem !important;
  line-height: 1.55 !important;
  text-wrap: pretty !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-inline-link {
  color: #8a624a !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.18em !important;
  transition-property: color, text-decoration-color !important;
  transition-duration: 160ms, 160ms !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-inline-link:hover,
html body[data-page="dr-mix"] #faq .dr-faq-inline-link:focus-visible {
  color: #5c4030 !important;
  text-decoration-color: rgba(92, 64, 48, 0.72) !important;
}

@media (max-width: 820px) {
  html body[data-page="dr-mix"] #faq .dr-faq-list {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"] #faq .dr-faq-layout h2 {
    max-width: 100% !important;
  }
}

/* Delivery method cards: use a stable segmented control instead of a native select dropdown. */
html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) .dr-delivery-methods {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  align-items: stretch !important;
}

html body[data-page="dr-mix"] .dr-payment-form .wide {
  grid-column: 1 / -1 !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) .dr-delivery-method-segment {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 4px !important;
  border: 1px solid rgba(120, 94, 73, 0.14) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.58) !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) .dr-delivery-choice {
  display: none !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method] {
  width: 100% !important;
  min-height: 68px !important;
  appearance: none !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #4b3f36 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 4px !important;
  align-content: center !important;
  padding: 9px 12px 9px 24px !important;
  position: relative !important;
  text-align: left !important;
  transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method][data-recommended="true"] {
  border-color: rgba(148, 104, 70, 0.24) !important;
  background:
    linear-gradient(135deg, rgba(255, 252, 247, 0.98), rgba(246, 237, 228, 0.88)) !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method]::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(120, 94, 73, 0.28) !important;
  left: 11px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method="cdek-pvz"]::before {
  background: rgba(0, 139, 213, 0.76) !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method="magnit-market-pvz"]::before {
  background: rgba(148, 104, 70, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(148, 104, 70, 0.12) !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method].active {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 6px 16px rgba(55, 42, 32, 0.08) !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method="cdek-pvz"].active {
  border-color: rgba(0, 139, 213, 0.24) !important;
  background: rgba(245, 251, 255, 0.94) !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method="magnit-market-pvz"].active {
  border-color: rgba(148, 104, 70, 0.42) !important;
  background:
    linear-gradient(135deg, rgba(255, 252, 247, 0.98), rgba(242, 229, 216, 0.94)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(148, 104, 70, 0.1),
    0 8px 18px rgba(87, 63, 46, 0.1) !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method] strong {
  color: #4b3f36 !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method] span {
  color: rgba(92, 69, 51, 0.64) !important;
  font-size: 0.68rem !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method] .dr-delivery-recommendation {
  width: fit-content !important;
  border-radius: 999px !important;
  background: rgba(148, 104, 70, 0.12) !important;
  color: #7a563e !important;
  font-size: 0.56rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 4px 7px !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method="magnit-market-pvz"].active strong {
  color: #4f392c !important;
}

html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) button[data-delivery-method="magnit-market-pvz"].active span {
  color: rgba(79, 57, 44, 0.7) !important;
}

html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="cdek"] .dr-order-section--delivery {
  border-color: rgba(0, 139, 213, 0.22) !important;
  background:
    linear-gradient(135deg, rgba(248, 252, 255, 0.98), rgba(239, 248, 254, 0.82)) !important;
  box-shadow:
    inset 3px 0 0 rgba(0, 139, 213, 0.62),
    0 12px 28px rgba(0, 117, 190, 0.06) !important;
}

html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="cdek"] .dr-order-section--delivery h3::before {
  background: rgba(0, 139, 213, 0.74) !important;
}

html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="cdek"] .dr-order-section--delivery input {
  border-color: rgba(0, 139, 213, 0.2) !important;
  background: rgba(249, 253, 255, 0.94) !important;
}

html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="magnit-market"] .dr-order-section--delivery {
  border-color: rgba(190, 132, 70, 0.24) !important;
  background:
    linear-gradient(135deg, rgba(255, 252, 245, 0.98), rgba(255, 247, 234, 0.84)) !important;
  box-shadow:
    inset 3px 0 0 rgba(194, 62, 50, 0.5),
    0 12px 28px rgba(160, 94, 52, 0.06) !important;
}

html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="magnit-market"] .dr-order-section--delivery h3::before {
  background: rgba(194, 62, 50, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(244, 206, 91, 0.28) !important;
}

html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="magnit-market"] .dr-order-section--delivery input {
  border-color: rgba(190, 132, 70, 0.22) !important;
  background: rgba(255, 253, 248, 0.94) !important;
}

html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="magnit-market"] .dr-order-section--delivery label span,
html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="magnit-market"] .dr-order-section--delivery h3,
html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="magnit-market"] [data-delivery-label] {
  color: #6d4934 !important;
}

html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="cdek"] .dr-order-section--delivery label span,
html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="cdek"] .dr-order-section--delivery h3,
html body[data-page="dr-mix"] .dr-order-form[data-delivery-provider="cdek"] [data-delivery-label] {
  color: #23627f !important;
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] :is(.dr-order-form, .dr-payment-form) .dr-delivery-method-segment {
    grid-template-columns: 1fr !important;
  }
}

/* Restore hero proof SVG icons after legacy span/pseudo-icon rules. */
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > .dr-proof-item {
  --proof-icon-x: 0px;
  --proof-icon-y: 0px;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 7px !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > a.dr-proof-item {
  color: inherit !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > a.dr-proof-item:hover {
  border-color: rgba(166, 120, 92, 0.32) !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > .dr-proof-item::before,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > .dr-proof-item::after,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon::before,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon::after,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-text::before,
html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-text::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon {
  position: static !important;
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border: 1px solid rgba(166, 120, 92, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(255, 248, 239, 0.96) !important;
  color: #9b6d52 !important;
  overflow: visible !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon svg {
  position: static !important;
  inset: auto !important;
  place-self: center !important;
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  transform: translate(var(--proof-icon-x), var(--proof-icon-y)) !important;
  opacity: 1 !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-text {
  min-width: 0 !important;
  text-align: left !important;
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > .dr-proof-item {
    --proof-icon-x: -4px;
    --proof-icon-y: 0px;
  }
}

@media (max-width: 560px) {
  html body[data-page="dr-mix"] .dr-hero .dr-proof-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
    padding: 8px !important;
  }

  html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > .dr-proof-item {
    width: auto !important;
    min-width: 0 !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 52px !important;
    padding: 10px 12px !important;
  }

  /* Меняй сдвиг иконок здесь: 1 - доставка, 2 - сертификаты, 3 - цена. */
  html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > .dr-proof-item:nth-child(1) {
      --proof-icon-x: 5px;
      --proof-icon-y: -5px;
  }

  html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > .dr-proof-item:nth-child(2) {
    --proof-icon-x: 5px;
    --proof-icon-y: -5px;
  }

  html body[data-page="dr-mix"] .dr-hero .dr-proof-strip > .dr-proof-item:nth-child(3) {
    --proof-icon-x: 5px;
    --proof-icon-y: -5px;
  }

  html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-icon svg {
    width: 17px !important;
    height: 17px !important;
    transform: translate(var(--proof-icon-x), var(--proof-icon-y)) !important;
  }

  html body[data-page="dr-mix"] .dr-hero .dr-proof-strip .dr-proof-text {
    white-space: normal !important;
    overflow: visible !important;
    line-height: 1.14 !important;
    font-size: 0.72rem !important;
  }
}

/* Hero CTA priority: make "How it works" first and visually primary. */
html body[data-page="dr-mix"] .dr-hero .dr-hero-actions {
  align-items: stretch !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-hero-actions .dr-hero-video-btn {
  order: -1 !important;
  border-color: rgba(166, 120, 92, 0.34) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 244, 0.98), rgba(241, 224, 211, 0.94)) !important;
  color: #5b4032 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.58) !important;
}

html body[data-page="dr-mix"] .dr-hero .dr-hero-actions .dr-hero-video-btn:hover,
html body[data-page="dr-mix"] .dr-hero .dr-hero-actions .dr-hero-video-btn:focus-visible {
  border-color: rgba(166, 120, 92, 0.48) !important;
  transform: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.68) !important;
}

/* Place blogger/video block directly after the hero. */
html body[data-page="dr-mix"] main#top {
  display: flex !important;
  flex-direction: column !important;
}

html body[data-page="dr-mix"] .dr-hero {
  order: 0 !important;
}

html body[data-page="dr-mix"] #video {
  order: 1 !important;
}

html body[data-page="dr-mix"] #partnership {
  order: 2 !important;
}

html body[data-page="dr-mix"] #customer {
  order: 3 !important;
  display: none !important;
}

html body[data-page="dr-mix"] #audience {
  order: 4 !important;
}

html body[data-page="dr-mix"] #comparison {
  order: 5 !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion-section {
  order: 5 !important;
}

html body[data-page="dr-mix"] #experience {
  order: 6 !important;
}

html body[data-page="dr-mix"] #testimonials {
  order: 7 !important;
}

html body[data-page="dr-mix"] #product {
  order: 8 !important;
}

html body[data-page="dr-mix"] #lifestyle {
  order: 9 !important;
}

html body[data-page="dr-mix"] #kit {
  order: 10 !important;
}

html body[data-page="dr-mix"] #faq {
  order: 11 !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion-section {
  background: transparent !important;
  padding-block: clamp(36px, 5vw, 64px) !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion-section .section-head {
  align-items: end !important;
  margin-bottom: clamp(18px, 3vw, 30px) !important;
  padding-bottom: clamp(16px, 2vw, 24px) !important;
  border-bottom: 1px solid rgba(92, 69, 51, 0.12) !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion-section .section-head h2 {
  font-size: clamp(3rem, 7vw, 6rem) !important;
  line-height: 0.9 !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion > #product {
  order: 1 !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion > #kit {
  order: 2 !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion > #comparison {
  order: 3 !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion {
  display: grid !important;
  gap: 10px !important;
  border-block: 0 !important;
  interpolate-size: allow-keywords !important;
}

html body[data-page="dr-mix"] .dr-detail-panel {
  position: relative !important;
  overflow: clip !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(235, 223, 209, 0.72), rgba(224, 204, 184, 0.46)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.1),
    0 12px 30px -24px rgba(92, 69, 51, 0.55) !important;
  transition-property: background, box-shadow, transform !important;
  transition-duration: 220ms !important;
  transition-timing-function: ease-out !important;
}

html body[data-page="dr-mix"] .dr-detail-panel:last-child {
  border-bottom: 0 !important;
}

html body[data-page="dr-mix"] .dr-detail-panel[open] {
  background: linear-gradient(135deg, rgba(246, 237, 226, 0.96), rgba(232, 214, 195, 0.76)) !important;
  box-shadow:
    0 0 0 1px rgba(166, 120, 92, 0.22),
    0 18px 46px -30px rgba(92, 69, 51, 0.68) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 1px rgba(166, 120, 92, 0.2),
    0 18px 44px -30px rgba(92, 69, 51, 0.7) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel::before {
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  z-index: 1 !important;
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: rgba(166, 120, 92, 0.12) !important;
  color: rgba(73, 55, 42, 0.7) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.04em !important;
  font-variant-numeric: tabular-nums !important;
  box-shadow: inset 0 0 0 1px rgba(166, 120, 92, 0.12) !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion > #product::before {
  content: "01" !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion > #kit::before {
  content: "02" !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion > #comparison::before {
  content: "03" !important;
}

html body[data-page="dr-mix"] .dr-detail-panel summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 0 !important;
  padding: clamp(18px, 2.3vw, 24px) clamp(16px, 2.6vw, 28px) clamp(18px, 2.3vw, 24px) 74px !important;
  cursor: pointer !important;
  list-style: none !important;
  transition-property: transform !important;
  transition-duration: 150ms !important;
  transition-timing-function: ease-out !important;
}

html body[data-page="dr-mix"] .dr-detail-panel summary:active {
  transform: scale(0.995) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel::details-content {
  block-size: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transition:
    block-size 420ms cubic-bezier(0.22, 0.8, 0.24, 1),
    opacity 260ms ease,
    content-visibility 420ms allow-discrete !important;
}

html body[data-page="dr-mix"] .dr-detail-panel[open]::details-content {
  block-size: auto !important;
  opacity: 1 !important;
}

html body[data-page="dr-mix"] .dr-detail-panel summary::-webkit-details-marker {
  display: none !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-copy {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-copy > span {
  color: rgba(166, 120, 92, 0.88) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-copy strong {
  color: #49372a !important;
  font-family: var(--dr-lux-serif, "Instrument Serif", serif) !important;
  font-size: clamp(1.5rem, 2.65vw, 2.55rem) !important;
  font-weight: 550 !important;
  line-height: 1 !important;
  text-wrap: balance !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-copy small {
  color: rgba(73, 55, 42, 0.72) !important;
  font-size: clamp(0.92rem, 1.4vw, 1.05rem) !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
  text-wrap: pretty !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-icon {
  position: relative !important;
  display: grid !important;
  flex: 0 0 42px !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 244, 0.48) !important;
  box-shadow:
    0 0 0 1px rgba(166, 120, 92, 0.18),
    0 8px 18px -14px rgba(92, 69, 51, 0.55) !important;
  transition-property: background, box-shadow, transform !important;
  transition-duration: 180ms !important;
  transition-timing-function: ease-out !important;
}

html body[data-page="dr-mix"] .dr-detail-panel summary:hover .dr-detail-panel-icon {
  background: rgba(255, 250, 244, 0.72) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel summary:active .dr-detail-panel-icon {
  transform: scale(0.96) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-icon-plus,
html body[data-page="dr-mix"] .dr-detail-panel-icon-minus {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  transition-property: opacity, transform, filter !important;
  transition-duration: 260ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-icon-plus::before,
html body[data-page="dr-mix"] .dr-detail-panel-icon-plus::after,
html body[data-page="dr-mix"] .dr-detail-panel-icon-minus::before {
  content: "" !important;
  position: absolute !important;
  width: 14px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: #8b6047 !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-icon-plus::after {
  transform: rotate(90deg) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-icon-minus {
  opacity: 0 !important;
  filter: blur(4px) !important;
  transform: scale(0.25) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel[open] .dr-detail-panel-icon-plus {
  opacity: 0 !important;
  filter: blur(4px) !important;
  transform: scale(0.25) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel[open] .dr-detail-panel-icon-minus {
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: scale(1) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body {
  padding: 0 clamp(16px, 2.6vw, 28px) clamp(18px, 3vw, 30px) 74px !important;
  border-top: 0 !important;
  opacity: 0 !important;
  transform: translateY(-8px) !important;
  filter: blur(4px) !important;
  transition-property: opacity, transform, filter !important;
  transition-duration: 260ms !important;
  transition-timing-function: ease-out !important;
}

html body[data-page="dr-mix"] .dr-detail-panel[open] .dr-detail-panel-body {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body > .shell {
  width: 100% !important;
  max-width: none !important;
  padding-inline: 0 !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body > .shell > .section-head,
html body[data-page="dr-mix"] .dr-detail-panel-body > .shell.dr-split > div:first-child {
  display: none !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body .dr-split {
  display: block !important;
  padding-top: clamp(16px, 2.4vw, 24px) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body .dr-spec-panel,
html body[data-page="dr-mix"] .dr-detail-panel-body .dr-kit-panel {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  background: rgba(255, 248, 239, 0.54) !important;
  padding: clamp(16px, 2.2vw, 24px) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.08),
    0 16px 34px -30px rgba(92, 69, 51, 0.5) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body .dr-specs {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body .dr-specs div {
  display: flex !important;
  min-height: 118px !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(255, 250, 244, 0.62) !important;
  box-shadow: inset 0 0 0 1px rgba(92, 69, 51, 0.06) !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body .dr-feature-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: clamp(14px, 2.4vw, 22px) !important;
  padding-top: 0 !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body .dr-feature {
  min-height: 0 !important;
  padding: 18px !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] .dr-detail-panel-body .dr-comparison-table-wrap {
  margin-top: clamp(16px, 2.4vw, 24px) !important;
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] .dr-detail-panel summary {
    align-items: flex-start !important;
    padding-left: 62px !important;
  }

  html body[data-page="dr-mix"] .dr-detail-panel::before {
    top: 16px !important;
    left: 16px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }

  html body[data-page="dr-mix"] .dr-detail-panel-icon {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
    min-width: 36px !important;
  }

  html body[data-page="dr-mix"] .dr-detail-panel-body {
    padding-left: clamp(16px, 2.6vw, 28px) !important;
  }

  html body[data-page="dr-mix"] .dr-detail-panel-body .dr-specs,
  html body[data-page="dr-mix"] .dr-detail-panel-body .dr-feature-grid {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"] .dr-detail-panel-body .dr-specs div {
    min-height: 88px !important;
  }
}

html body[data-page="dr-mix"] .dr-footer-column .dr-compliance-marks {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 8px !important;
  color: rgba(73, 55, 42, 0.64) !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"] .dr-footer-column .dr-compliance-mark {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 34px !important;
  height: 24px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(92, 69, 51, 0.18) !important;
  border-radius: 6px !important;
  background: rgba(255, 250, 244, 0.72) !important;
  color: rgba(73, 55, 42, 0.78) !important;
  font-size: 0.62rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel {
  background-color: rgba(232, 216, 199, 0.58) !important;
  background-image: linear-gradient(135deg, rgba(235, 223, 209, 0.72), rgba(224, 204, 184, 0.46)) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel[open] {
  background-color: rgba(241, 228, 214, 0.82) !important;
  background-image: linear-gradient(135deg, rgba(246, 237, 226, 0.96), rgba(232, 214, 195, 0.76)) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel:not([open]) summary {
  padding-block: clamp(16px, 1.9vw, 22px) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-spec-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table-wrap {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-spec-panel::before,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-spec-panel::after,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-panel::before,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-panel::after,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table-wrap::before,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table-wrap::after {
  display: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-specs div,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-feature,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-list span,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-trust,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-trust span {
  border: 0 !important;
  background-color: rgba(231, 213, 194, 0.48) !important;
  background-image: linear-gradient(135deg, rgba(246, 235, 222, 0.26), rgba(203, 177, 151, 0.2)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.075),
    inset 0 1px 0 rgba(255, 250, 244, 0.12) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table {
  background: transparent !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table th,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table td {
  border-color: rgba(92, 69, 51, 0.1) !important;
  background-color: rgba(224, 204, 184, 0.28) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table thead th {
  background-color: rgba(205, 181, 157, 0.36) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table tbody th,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table td:nth-child(2) {
  background-color: rgba(214, 191, 168, 0.36) !important;
}

html body[data-page="dr-mix"] .dr-footer-column .dr-compliance-mark--eac {
  min-width: 44px !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
}

html body[data-page="dr-mix"] .dr-footer-column .dr-compliance-mark--fda {
  min-width: 42px !important;
  font-style: italic !important;
}

html body[data-page="dr-mix"] .dr-footer-column .dr-compliance-marks:hover .dr-compliance-mark {
  border-color: rgba(166, 120, 92, 0.34) !important;
  color: #5b4032 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-split,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table-wrap {
  border: 0 !important;
  border-radius: 20px !important;
  background-color: rgba(192, 160, 130, 0.22) !important;
  background-image:
    radial-gradient(circle at 18% 12%, rgba(255, 246, 234, 0.28), transparent 34%),
    linear-gradient(135deg, rgba(203, 174, 145, 0.28), rgba(161, 126, 96, 0.13)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.12),
    inset 0 1px 0 rgba(255, 250, 244, 0.16),
    0 24px 54px -42px rgba(92, 69, 51, 0.75) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-split {
  padding: clamp(18px, 2.6vw, 28px) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-spec-panel {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-specs {
  padding: clamp(12px, 1.8vw, 18px) !important;
  border-radius: 18px !important;
  background-color: rgba(244, 231, 216, 0.3) !important;
  background-image: linear-gradient(135deg, rgba(255, 248, 239, 0.2), rgba(187, 153, 122, 0.14)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.1),
    inset 0 1px 0 rgba(255, 250, 244, 0.18) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-specs div,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-feature,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-list span,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-trust span,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table th,
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table td {
  border: 0 !important;
  border-radius: 14px !important;
  background-color: rgba(236, 218, 198, 0.58) !important;
  background-image: linear-gradient(135deg, rgba(255, 248, 239, 0.18), rgba(174, 139, 108, 0.12)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.1),
    inset 0 1px 0 rgba(255, 250, 244, 0.14),
    0 14px 30px -28px rgba(92, 69, 51, 0.6) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-feature {
  border-radius: 18px !important;
  min-height: 220px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-list {
  gap: 12px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-kit-trust {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table {
  border-collapse: separate !important;
  border-spacing: 8px !important;
  background: transparent !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table thead th {
  background-color: rgba(205, 176, 148, 0.56) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table td:nth-child(2),
html body[data-page="dr-mix"] main#top .dr-detail-accordion .dr-detail-panel-body .dr-comparison-table thead th:nth-child(2) {
  background-color: rgba(222, 196, 169, 0.66) !important;
}

/* Final accordion polish: compact summaries, warm layers, numbered kit badges. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion {
  gap: 10px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: clip !important;
  border: 0 !important;
  border-radius: 20px !important;
  background-color: rgba(231, 216, 199, 0.74) !important;
  background-image:
    linear-gradient(135deg, rgba(241, 230, 216, 0.78), rgba(215, 194, 173, 0.5)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.12),
    0 14px 34px -30px rgba(73, 55, 42, 0.65) !important;
  transition-property: background-color, background-image, box-shadow, transform !important;
  transition-duration: 220ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] {
  background-color: rgba(238, 224, 207, 0.9) !important;
  background-image:
    radial-gradient(circle at 18% 0%, rgba(255, 250, 244, 0.34), transparent 30%),
    linear-gradient(135deg, rgba(241, 229, 213, 0.92), rgba(220, 198, 176, 0.68)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.14),
    0 0 0 8px rgba(166, 120, 92, 0.035),
    0 24px 58px -42px rgba(73, 55, 42, 0.82) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel:not([open]) {
  background-color: rgba(225, 207, 188, 0.64) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel > summary {
  min-height: 0 !important;
  padding: 18px clamp(16px, 2.6vw, 28px) 18px 74px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel:not([open]) > summary {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel::before {
  top: 16px !important;
  left: 18px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: rgba(166, 120, 92, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(92, 69, 51, 0.08) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel::details-content {
  block-size: 0 !important;
  opacity: 0 !important;
  overflow: clip !important;
  transition:
    block-size 380ms cubic-bezier(0.22, 0.8, 0.24, 1),
    opacity 220ms ease,
    content-visibility 380ms allow-discrete !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open]::details-content {
  block-size: auto !important;
  opacity: 1 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel .dr-detail-panel-body {
  margin: 0 !important;
  padding: 0 clamp(16px, 2.6vw, 28px) clamp(18px, 3vw, 28px) 74px !important;
  opacity: 0 !important;
  transform: translateY(-7px) !important;
  filter: blur(3px) !important;
  transition-property: opacity, transform, filter !important;
  transition-duration: 260ms !important;
  transition-timing-function: ease-out !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] .dr-detail-panel-body {
  opacity: 1 !important;
  transform: translateY(0) !important;
  filter: blur(0) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel .dr-detail-panel-body > .shell {
  width: 100% !important;
  max-width: none !important;
  padding-inline: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-split,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table-wrap {
  border: 0 !important;
  border-radius: 18px !important;
  background-color: rgba(201, 168, 137, 0.24) !important;
  background-image:
    radial-gradient(circle at 12% 0%, rgba(255, 250, 244, 0.28), transparent 30%),
    linear-gradient(135deg, rgba(226, 204, 181, 0.42), rgba(170, 132, 101, 0.17)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.12),
    inset 0 1px 0 rgba(255, 250, 244, 0.16) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-split {
  display: block !important;
  padding: clamp(14px, 2vw, 22px) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 10px !important;
  border-radius: 15px !important;
  background-color: rgba(151, 116, 88, 0.16) !important;
  background-image: linear-gradient(135deg, rgba(114, 82, 61, 0.07), rgba(255, 250, 244, 0.1)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(92, 69, 51, 0.1),
    inset 0 10px 22px rgba(73, 55, 42, 0.035) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div {
  min-height: 82px !important;
  padding: 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background-color: rgba(234, 216, 196, 0.76) !important;
  background-image: linear-gradient(135deg, rgba(255, 250, 244, 0.2), rgba(177, 139, 107, 0.1)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.09),
    0 10px 24px -22px rgba(73, 55, 42, 0.48) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature {
  min-height: 150px !important;
  padding: 15px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background-color: rgba(224, 202, 180, 0.64) !important;
  background-image: linear-gradient(135deg, rgba(255, 250, 244, 0.18), rgba(167, 128, 97, 0.12)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.1),
    0 12px 28px -26px rgba(73, 55, 42, 0.55) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature h3 {
  font-size: clamp(1.02rem, 1.3vw, 1.22rem) !important;
  line-height: 1.05 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-split {
  display: block !important;
  padding-top: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel {
  padding: clamp(14px, 2vw, 22px) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list {
  counter-reset: kitItem !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span {
  position: relative !important;
  min-height: 50px !important;
  padding: 12px 14px 12px 54px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background-color: rgba(234, 216, 196, 0.76) !important;
  background-image: linear-gradient(135deg, rgba(255, 250, 244, 0.18), rgba(177, 139, 107, 0.1)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.09),
    0 8px 20px -20px rgba(73, 55, 42, 0.5) !important;
  counter-increment: kitItem !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::before {
  content: counter(kitItem, decimal-leading-zero) !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  border-radius: 9px !important;
  background-color: rgba(166, 120, 92, 0.13) !important;
  color: rgba(73, 55, 42, 0.72) !important;
  font-size: 0.66rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  transform: translateY(-50%) !important;
  box-shadow: inset 0 0 0 1px rgba(92, 69, 51, 0.08) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::after {
  display: none !important;
  content: none !important;
}

/* hero3d-2: separate premium product object, no photo card background. */
html,
body {
  overflow-x: hidden !important;
}

html body[data-page="dr-mix"] main#top .dr-hero {
  position: relative !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  isolation: isolate !important;
  display: flex !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 78% 34%, rgba(184, 136, 101, 0.18), transparent 34%),
    radial-gradient(circle at 46% 70%, rgba(255, 255, 255, 0.92), transparent 36%),
    linear-gradient(135deg, #fbf6ef 0%, #fffaf4 48%, #ffffff 100%) !important;
  color: #332820 !important;
}

html body[data-page="dr-mix"] main#top .dr-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: 0 !important;
  display: block !important;
  height: 34% !important;
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 250, 244, 0.84) 58%, transparent 100%) !important;
  pointer-events: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero::after {
  content: "" !important;
  position: absolute !important;
  right: max(26px, calc((100vw - 1240px) / 2 + 54px)) !important;
  bottom: 9% !important;
  left: auto !important;
  z-index: 0 !important;
  display: block !important;
  width: min(520px, 42vw) !important;
  height: 54px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(55, 40, 30, 0.28), rgba(55, 40, 30, 0) 68%) !important;
  box-shadow: none !important;
  filter: blur(14px) !important;
  opacity: 0.8 !important;
  transform: none !important;
  pointer-events: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1240px !important;
  min-height: 100vh !important;
  display: grid !important;
  grid-template-columns: 0.95fr 1.05fr !important;
  align-items: center !important;
  gap: 32px !important;
  padding-top: 112px !important;
  padding-bottom: 86px !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 570px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-align: left !important;
  color: #3b3028 !important;
  animation: drHeroTextIn 960ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy .eyebrow {
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  color: #936d55 !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow:
    0 0 0 1px rgba(73, 55, 42, 0.08),
    0 12px 28px -22px rgba(73, 55, 42, 0.36) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
  max-width: 640px !important;
  margin: 0 !important;
  color: #3b3028 !important;
  font-size: 5.3rem !important;
  line-height: 0.94 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  text-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 span {
  color: inherit !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 span:last-child {
  color: #a6785c !important;
  font-size: inherit !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
  max-width: 470px !important;
  margin: 20px 0 0 !important;
  color: rgba(55, 43, 34, 0.72) !important;
  font-size: 1.08rem !important;
  line-height: 1.48 !important;
  text-wrap: pretty !important;
}

html body[data-page="dr-mix"] main#top .dr-proof-strip {
  max-width: 570px !important;
  margin-top: 24px !important;
  padding: 10px !important;
  gap: 10px !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow:
    0 0 0 1px rgba(59, 41, 29, 0.08),
    0 24px 56px -44px rgba(42, 29, 20, 0.42) !important;
  backdrop-filter: blur(14px) !important;
}

html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
  min-height: 74px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: inset 0 0 0 1px rgba(59, 41, 29, 0.06) !important;
  transition-property: transform, box-shadow, background-color !important;
  transition-duration: 220ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item:active,
html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn:active,
html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn:active {
  transform: scale(0.96) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn,
html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn {
  min-height: 58px !important;
  border-radius: 999px !important;
  transition-property: transform, box-shadow, background-color !important;
  transition-duration: 220ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  justify-self: end !important;
  align-self: center !important;
  width: min(56vw, 680px) !important;
  max-width: 100% !important;
  pointer-events: none !important;
  transform-origin: 50% 70% !important;
  animation: drHeroProductIn 1.12s cubic-bezier(0.16, 1, 0.3, 1) 250ms both !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product::after {
  content: "" !important;
  position: absolute !important;
  left: 18% !important;
  right: 10% !important;
  bottom: 4% !important;
  z-index: 0 !important;
  height: 52px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(43, 32, 24, 0.3), rgba(43, 32, 24, 0) 70%) !important;
  filter: blur(16px) !important;
  opacity: 0.75 !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product-glow {
  position: absolute !important;
  inset: 8% -10% 4% 6% !important;
  z-index: 0 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 56% 36%, rgba(255, 255, 255, 0.95), transparent 35%),
    radial-gradient(circle at 56% 68%, rgba(177, 131, 96, 0.2), transparent 44%) !important;
  filter: blur(1px) !important;
  opacity: 0.9 !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-height: 82vh !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 42px 54px rgba(42, 30, 22, 0.2))
    drop-shadow(0 12px 22px rgba(42, 30, 22, 0.12)) !important;
}

@media (min-width: 901px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    animation: drHeroProductFloat 7s ease-in-out 1.6s infinite !important;
  }
}

@keyframes drHeroTextIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes drHeroProductIn {
  from {
    opacity: 0;
    transform: translateY(28px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes drHeroProductFloat {
  0%,
  100% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(6px);
  }
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero {
    align-items: stretch !important;
    min-height: 100svh !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero::before {
    height: 42% !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero::after {
    right: -34px !important;
    bottom: 78px !important;
    width: 78vw !important;
    height: 42px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    min-height: 100svh !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    padding: 98px 18px 78px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy {
    width: 100% !important;
    max-width: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy .eyebrow {
    margin-inline: 0 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 100% !important;
    font-size: 3.18rem !important;
    line-height: 0.96 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
    max-width: 330px !important;
    margin-top: 14px !important;
    font-size: 1rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 16px !important;
    padding: 8px !important;
    gap: 7px !important;
    border-radius: 22px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
    min-height: 62px !important;
    padding: 9px 8px !important;
    border-radius: 15px !important;
    align-items: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-text {
    font-size: 0.72rem !important;
    line-height: 1.12 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn,
  html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn {
    min-height: 52px !important;
    padding-inline: 12px !important;
    font-size: 0.78rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    align-self: flex-end !important;
    justify-self: auto !important;
    width: min(72vw, 360px) !important;
    max-width: 360px !important;
    margin-top: -6px !important;
    margin-right: -42px !important;
    opacity: 0.94 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    max-height: 330px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product-glow {
    inset: 10% -12% 0 4% !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-top: 94px !important;
    padding-bottom: 72px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    font-size: 2.88rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
    min-height: 44px !important;
    grid-template-columns: 28px 1fr !important;
    justify-items: start !important;
    text-align: left !important;
    padding: 8px 10px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-text {
    font-size: 0.78rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    width: min(76vw, 330px) !important;
    margin-top: -10px !important;
    margin-right: -48px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    max-height: 300px !important;
  }
}

/* hero3d-model-1 final: real GLB model with PNG fallback. */
html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: min(82vh, 760px) !important;
  max-height: 82vh !important;
  background: transparent !important;
  --poster-color: transparent;
  filter:
    drop-shadow(0 42px 54px rgba(42, 30, 22, 0.2))
    drop-shadow(0 12px 22px rgba(42, 30, 22, 0.12)) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::part(default-progress-bar) {
  display: none !important;
}

html body[data-page="dr-mix"] main#top model-viewer:defined .dr-hero-model-fallback {
  display: none !important;
}

html body[data-page="dr-mix"] main#top model-viewer:not(:defined) .dr-hero-model-fallback {
  display: block !important;
  width: 100% !important;
  max-height: 82vh !important;
  object-fit: contain !important;
}

@media (min-width: 901px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    animation: drHeroProductFloat 7s ease-in-out 1.6s infinite !important;
  }
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    height: 326px !important;
    max-height: 326px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    height: 300px !important;
    max-height: 300px !important;
  }
}

/* hero3d-model-4: final mobile product visibility and title containment. */
@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero {
    min-height: 100svh !important;
    background:
      radial-gradient(circle at 74% 72%, rgba(184, 136, 101, 0.18), transparent 34%),
      linear-gradient(180deg, #f8efe6 0%, #fff8ef 58%, #fbf6ef 100%) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    position: relative !important;
    min-height: 100svh !important;
    padding: 108px 18px 370px !important;
    gap: 0 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: min(100%, 336px) !important;
    font-size: clamp(2.42rem, 10.2vw, 2.72rem) !important;
    line-height: 0.95 !important;
    overflow-wrap: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 > span:first-child {
    display: block !important;
    max-width: 9.8ch !important;
    white-space: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy .dr-hero-h1-accent {
    display: block !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
    max-width: 350px !important;
    margin-top: 14px !important;
    font-size: 0.98rem !important;
    line-height: 1.38 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip,
  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    margin-top: 16px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    position: absolute !important;
    right: 18px !important;
    bottom: 94px !important;
    width: min(56vw, 260px) !important;
    max-width: 260px !important;
    margin: 0 !important;
    opacity: 0.98 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    position: relative !important;
    height: min(32vh, 286px) !important;
    max-height: 286px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    display: block !important;
    background: url("assets/dr-mix-hero-3d.png") center bottom / contain no-repeat !important;
    pointer-events: none !important;
    filter:
      drop-shadow(0 26px 34px rgba(42, 30, 22, 0.18))
      drop-shadow(0 8px 16px rgba(42, 30, 22, 0.1)) !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-top: 100px !important;
    padding-bottom: 340px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 304px !important;
    font-size: clamp(2.28rem, 10vw, 2.5rem) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    right: 16px !important;
    bottom: 88px !important;
    width: min(60vw, 250px) !important;
  }
}

/* hero3d-model-11: show the real GLB model instead of the PNG cover. */
html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::before {
  content: none !important;
  display: none !important;
}

/* hero3d-model-4: final mobile product visibility and title containment. */
@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero {
    min-height: 100svh !important;
    background:
      radial-gradient(circle at 74% 72%, rgba(184, 136, 101, 0.18), transparent 34%),
      linear-gradient(180deg, #f8efe6 0%, #fff8ef 58%, #fbf6ef 100%) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    position: relative !important;
    min-height: 100svh !important;
    padding: 108px 18px 370px !important;
    gap: 0 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: min(100%, 336px) !important;
    font-size: clamp(2.42rem, 10.2vw, 2.72rem) !important;
    line-height: 0.95 !important;
    overflow-wrap: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 > span:first-child {
    display: block !important;
    max-width: 9.8ch !important;
    white-space: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy .dr-hero-h1-accent {
    display: block !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
    max-width: 350px !important;
    margin-top: 14px !important;
    font-size: 0.98rem !important;
    line-height: 1.38 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip,
  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    margin-top: 16px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    position: absolute !important;
    right: -14px !important;
    bottom: 70px !important;
    width: min(66vw, 310px) !important;
    max-width: 310px !important;
    margin: 0 !important;
    opacity: 0.98 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    position: relative !important;
    height: min(32vh, 286px) !important;
    max-height: 286px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    display: block !important;
    background: url("assets/dr-mix-hero-3d.png") center bottom / contain no-repeat !important;
    pointer-events: none !important;
    filter:
      drop-shadow(0 26px 34px rgba(42, 30, 22, 0.18))
      drop-shadow(0 8px 16px rgba(42, 30, 22, 0.1)) !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-top: 100px !important;
    padding-bottom: 340px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 304px !important;
    font-size: clamp(2.28rem, 10vw, 2.5rem) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    right: -18px !important;
    bottom: 66px !important;
    width: min(70vw, 292px) !important;
  }
}

/* hero3d-model-3: keep the product visible while the GLB initializes. */
html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
  background:
    transparent url("assets/dr-mix-hero-3d.png") center bottom / contain no-repeat !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model.is-loaded {
  background-image: none !important;
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero {
    min-height: 100svh !important;
    background:
      radial-gradient(circle at 74% 72%, rgba(184, 136, 101, 0.18), transparent 34%),
      linear-gradient(180deg, #f8efe6 0%, #fff8ef 58%, #fbf6ef 100%) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    position: relative !important;
    min-height: 100svh !important;
    padding: 108px 18px 370px !important;
    gap: 0 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy {
    max-width: 100% !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: min(100%, 356px) !important;
    font-size: clamp(2.42rem, 10.2vw, 2.72rem) !important;
    line-height: 0.95 !important;
    overflow-wrap: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 > span:first-child,
  html body[data-page="dr-mix"] main#top .dr-hero-copy .dr-hero-h1-accent {
    display: block !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
    max-width: 350px !important;
    margin-top: 14px !important;
    font-size: 0.98rem !important;
    line-height: 1.38 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    margin-top: 16px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    margin-top: 16px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    position: absolute !important;
    right: -44px !important;
    bottom: 42px !important;
    width: min(74vw, 352px) !important;
    max-width: 352px !important;
    margin: 0 !important;
    opacity: 0.98 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    height: min(34vh, 316px) !important;
    max-height: 316px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-top: 100px !important;
    padding-bottom: 340px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 320px !important;
    font-size: clamp(2.28rem, 10vw, 2.5rem) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    right: -42px !important;
    bottom: 44px !important;
    width: min(78vw, 326px) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    height: min(32vh, 286px) !important;
    max-height: 286px !important;
  }
}

/* hero3d-model-1: real GLB model with PNG fallback. */
html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: min(82vh, 760px) !important;
  max-height: 82vh !important;
  background: transparent !important;
  --poster-color: transparent;
  filter:
    drop-shadow(0 42px 54px rgba(42, 30, 22, 0.2))
    drop-shadow(0 12px 22px rgba(42, 30, 22, 0.12)) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::part(default-progress-bar) {
  display: none !important;
}

html body[data-page="dr-mix"] main#top model-viewer:defined .dr-hero-model-fallback {
  display: none !important;
}

html body[data-page="dr-mix"] main#top model-viewer:not(:defined) .dr-hero-model-fallback {
  display: block !important;
  width: 100% !important;
  max-height: 82vh !important;
  object-fit: contain !important;
}

@media (min-width: 901px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    animation: drHeroProductFloat 7s ease-in-out 1.6s infinite !important;
  }
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    height: 326px !important;
    max-height: 326px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    height: 300px !important;
    max-height: 300px !important;
  }
}

/* hero3d-3: mobile comments - warmer background, copy starts at the top. */
html body[data-page="dr-mix"] main#top .dr-hero {
  background:
    radial-gradient(circle at 80% 34%, rgba(166, 120, 92, 0.16), transparent 34%),
    radial-gradient(circle at 18% 78%, rgba(232, 211, 190, 0.32), transparent 38%),
    linear-gradient(135deg, #f1e5d8 0%, #fbf2e8 48%, #fff7ee 100%) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
  font-size: 4.55rem !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product {
  width: min(52vw, 640px) !important;
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero {
    align-items: stretch !important;
    background:
      radial-gradient(circle at 72% 72%, rgba(166, 120, 92, 0.18), transparent 36%),
      radial-gradient(circle at 16% 8%, rgba(255, 250, 244, 0.86), transparent 34%),
      linear-gradient(180deg, #f0e4d7 0%, #f7ecdf 46%, #fff6ed 100%) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 78px 18px 84px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy .eyebrow {
    margin-bottom: 12px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 360px !important;
    font-size: 2.9rem !important;
    line-height: 0.96 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
    max-width: 338px !important;
    margin-top: 12px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    margin-top: 14px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    margin-top: 14px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    width: min(70vw, 338px) !important;
    margin-top: 0 !important;
    margin-right: -34px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    max-height: 274px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding: 76px 16px 84px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 338px !important;
    font-size: 2.64rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    width: min(72vw, 318px) !important;
    margin-right: -38px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    max-height: 252px !important;
  }
}

/* hero3d-4: prevent mobile overflow and keep the product visible. */
html body[data-page="dr-mix"] main#top .dr-hero-copy h1 .dr-hero-h1-accent > span {
  display: inline !important;
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-top: 74px !important;
    padding-bottom: 84px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 350px !important;
    font-size: 2.72rem !important;
    line-height: 0.96 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 .dr-hero-h1-accent > span {
    display: block !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    box-sizing: border-box !important;
    overflow: hidden !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 7px !important;
    gap: 6px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
    min-width: 0 !important;
    width: auto !important;
    min-height: 58px !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 8px 6px !important;
    text-align: left !important;
    justify-items: start !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-text {
    min-width: 0 !important;
    font-size: 0.62rem !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    width: min(62vw, 286px) !important;
    margin-top: 2px !important;
    margin-right: -16px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    max-height: 236px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 318px !important;
    font-size: 2.52rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    width: min(62vw, 268px) !important;
    margin-right: -14px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    max-height: 218px !important;
  }
}

/* Final mobile-first hero replacement: product stage instead of the old background. */
html body[data-page="dr-mix"] main#top .dr-hero {
  position: relative !important;
  min-height: 100svh !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  background:
    radial-gradient(circle at 72% 36%, rgba(191, 151, 121, 0.18), transparent 36%),
    linear-gradient(180deg, #f7f4ef 0%, #fffaf4 56%, #ffffff 100%) !important;
  color: #2f261f !important;
}

html body[data-page="dr-mix"] main#top .dr-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: 2 !important;
  display: block !important;
  height: 46% !important;
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0.88) 46%, transparent 100%) !important;
  pointer-events: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 8% !important;
  z-index: 1 !important;
  display: block !important;
  width: min(520px, 50vw) !important;
  height: 42px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(58, 42, 31, 0.22), rgba(58, 42, 31, 0) 68%) !important;
  box-shadow: none !important;
  filter: blur(10px) !important;
  opacity: 0.75 !important;
  transform: translateX(-8%) !important;
  pointer-events: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-visual {
  position: absolute !important;
  inset: 78px 0 84px !important;
  z-index: 1 !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: none !important;
  animation: drHeroVisualIn 1.45s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-visual-orbit {
  position: absolute !important;
  width: min(560px, 48vw) !important;
  aspect-ratio: 1 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 38% 30%, rgba(255, 255, 255, 0.95), transparent 38%),
    radial-gradient(circle at 62% 72%, rgba(166, 120, 92, 0.18), transparent 42%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.58),
    0 34px 90px -56px rgba(79, 55, 39, 0.42) !important;
  transform: translateX(22%) rotate(-8deg) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-visual img {
  position: relative !important;
  z-index: 1 !important;
  width: min(520px, 42vw) !important;
  max-height: 76svh !important;
  object-fit: contain !important;
  border-radius: 36px !important;
  outline: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow:
    0 30px 90px -48px rgba(33, 24, 18, 0.48),
    0 12px 34px -26px rgba(33, 24, 18, 0.45) !important;
  transform: translateX(34%) perspective(1200px) rotateY(-10deg) rotateX(2deg) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-inner {
  position: relative !important;
  z-index: 3 !important;
  min-height: 100svh !important;
  display: flex !important;
  align-items: flex-end !important;
  padding-top: 128px !important;
  padding-bottom: 64px !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy {
  width: min(690px, 52vw) !important;
  max-width: 690px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: #3c3028 !important;
  text-align: left !important;
  animation: drHeroCopyIn 1s cubic-bezier(0.16, 1, 0.3, 1) 0.34s both !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy .eyebrow {
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  color: #8f6a52 !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow:
    0 0 0 1px rgba(69, 45, 31, 0.08),
    0 10px 26px -20px rgba(48, 31, 21, 0.32) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
  max-width: 680px !important;
  margin: 0 !important;
  color: #3b3029 !important;
  font-size: 5.45rem !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  text-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 span {
  color: inherit !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 span:last-child {
  color: #a6785c !important;
  font-size: inherit !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
  max-width: 520px !important;
  margin-top: 20px !important;
  color: rgba(48, 38, 31, 0.72) !important;
  font-size: 1.08rem !important;
  line-height: 1.45 !important;
  text-wrap: pretty !important;
}

html body[data-page="dr-mix"] main#top .dr-proof-strip {
  max-width: 620px !important;
  margin-top: 24px !important;
  padding: 10px !important;
  gap: 10px !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(59, 41, 29, 0.08),
    0 24px 56px -42px rgba(42, 29, 20, 0.38) !important;
  backdrop-filter: blur(14px) !important;
}

html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
  min-height: 74px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: inset 0 0 0 1px rgba(59, 41, 29, 0.06) !important;
  transition-property: transform, box-shadow, background !important;
  transition-duration: 220ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item:active,
html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn:active,
html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn:active {
  transform: scale(0.96) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-actions {
  margin-top: 24px !important;
  gap: 12px !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn,
html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn {
  min-height: 58px !important;
  border-radius: 999px !important;
  transition-property: transform, box-shadow, background-color !important;
  transition-duration: 220ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero-visual {
    inset: 74px 0 270px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-visual-orbit {
    width: min(430px, 92vw) !important;
    transform: translateX(0) rotate(-7deg) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-visual img {
    width: min(360px, 86vw) !important;
    max-height: 52svh !important;
    transform: perspective(1000px) rotateY(-7deg) rotateX(1deg) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    align-items: flex-end !important;
    padding-top: 342px !important;
    padding-bottom: 96px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy {
    width: 100% !important;
    max-width: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy .eyebrow {
    margin-inline: 0 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 340px !important;
    font-size: 3.08rem !important;
    line-height: 0.94 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
    max-width: 330px !important;
    margin-top: 16px !important;
    font-size: 1rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    margin-top: 18px !important;
    border-radius: 24px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
    min-height: 60px !important;
    padding: 10px 14px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn,
  html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn {
    min-height: 54px !important;
    padding-inline: 14px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-top: 320px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-visual {
    inset: 70px 0 292px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-visual img {
    width: min(318px, 84vw) !important;
    max-height: 46svh !important;
    border-radius: 28px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 310px !important;
    font-size: 2.76rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    display: none !important;
  }
}

/* Browser comments: mobile polish pass, 2026-07-01. */
html body[data-page="dr-mix"] #audience .dr-use-case-more {
  display: block !important;
  justify-self: center !important;
  width: max-content !important;
  min-height: 44px !important;
  margin: 18px auto 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #a6785c !important;
  box-shadow: 0 14px 26px -18px rgba(77, 58, 43, 0.48) !important;
  color: #fffaf4 !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
  transition-property: transform, box-shadow, background-color !important;
  transition-duration: 180ms, 180ms, 180ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] #audience .dr-use-case-more:hover,
html body[data-page="dr-mix"] #audience .dr-use-case-more:focus-visible {
  background: #8f6249 !important;
  box-shadow: 0 18px 30px -20px rgba(77, 58, 43, 0.54) !important;
  transform: translateY(-1px) !important;
}

html body[data-page="dr-mix"] #audience .dr-use-case-more:active {
  transform: scale(0.96) !important;
}

/* Buyer-review and public contact polish, 2026-07-16. */
html body[data-page="dr-mix"] #testimonials .section-head h2,
html body[data-page="dr-mix"] .dr-review-submit > h3 {
  text-wrap: balance;
}

html body[data-page="dr-mix"] .dr-testimonial-grid {
  align-items: stretch;
}

html body[data-page="dr-mix"] .dr-testimonial-card,
html body[data-page="dr-mix"] .dr-testimonial-grid > article {
  border: 0;
  border-radius: 24px;
  background: rgba(255, 252, 248, 0.92);
  box-shadow: 0 0 0 1px rgba(72, 48, 34, 0.07), 0 10px 30px rgba(72, 48, 34, 0.08);
  padding: 22px;
}

html body[data-page="dr-mix"] .dr-testimonial-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

html body[data-page="dr-mix"] .dr-testimonial-avatar {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  background: #efe1d3;
  color: #754d35;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.04em;
}

html body[data-page="dr-mix"] .dr-testimonial-meta {
  display: grid;
  min-width: 0;
  gap: 2px;
}

html body[data-page="dr-mix"] .dr-testimonial-meta em {
  font-variant-numeric: tabular-nums;
}

html body[data-page="dr-mix"] .dr-testimonial-stars {
  color: #b06d37;
  letter-spacing: 0.08em;
}

html body[data-page="dr-mix"] .dr-testimonial-card > p,
html body[data-page="dr-mix"] .dr-testimonial-grid > article > p,
html body[data-page="dr-mix"] .dr-review-state {
  text-wrap: pretty;
}

html body[data-page="dr-mix"] .dr-review-submit {
  max-width: 760px;
  margin: 32px auto 0;
  padding: 26px;
  border-radius: 28px;
  background: rgba(245, 233, 220, 0.76);
  box-shadow: 0 0 0 1px rgba(72, 48, 34, 0.07), 0 12px 36px rgba(72, 48, 34, 0.07);
}

html body[data-page="dr-mix"] .dr-review-submit > h3 {
  margin: 0 0 14px;
}

html body[data-page="dr-mix"] .dr-review-form {
  display: grid;
  gap: 14px;
}

html body[data-page="dr-mix"] .dr-review-form label {
  display: grid;
  gap: 7px;
  font-weight: 750;
}

html body[data-page="dr-mix"] .dr-review-form :is(select, textarea) {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(89, 61, 43, 0.22);
  border-radius: 14px;
  background: #fffdfa;
  padding: 11px 13px;
  color: inherit;
  font: inherit;
  transition-property: border-color, box-shadow;
  transition-duration: 200ms;
}

html body[data-page="dr-mix"] .dr-review-form textarea {
  min-height: 132px;
  resize: vertical;
}

html body[data-page="dr-mix"] .dr-review-form button,
html body[data-page="dr-mix"] .dr-contact-copy {
  min-width: 40px;
  min-height: 40px;
  border: 0;
  border-radius: 12px;
  background: #84583d;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  transition-property: transform, background-color, opacity;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
}

html body[data-page="dr-mix"] .dr-review-form button {
  justify-self: start;
  padding: 0 18px;
}

html body[data-page="dr-mix"] :is(.dr-review-form button, .dr-contact-copy):active {
  transform: scale(0.96);
}

html body[data-page="dr-mix"] :is(.dr-review-form button, .dr-contact-copy, .dr-review-form select, .dr-review-form textarea):focus-visible {
  outline: 3px solid #6f4f39;
  outline-offset: 3px;
}

html body[data-page="dr-mix"] .dr-review-form-status,
html body[data-page="dr-mix"] .dr-review-state {
  margin: 0;
}

html body[data-page="dr-mix"] .is-error {
  color: #9c2f27;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links .dr-contact-item {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-template-rows: minmax(72px, auto) minmax(18px, auto);
  column-gap: 8px;
  overflow: hidden;
  box-sizing: border-box;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links .dr-contact-item > a {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  min-height: 72px;
  padding-right: 12px !important;
  transition-property: color, background-color, box-shadow, transform;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
}

html body[data-page="dr-mix"] #contacts .dr-contact-copy {
  position: static;
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: end;
  z-index: 2;
  padding: 0 10px;
  background: rgba(117, 77, 53, 0.11);
  color: #754d35;
}

html body[data-page="dr-mix"] #contacts .dr-contact-copy-status {
  position: static;
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: center;
  justify-self: end;
  z-index: 3;
  min-width: 0;
  padding: 0 10px 3px;
  color: #6b4631;
  font-size: 11px;
  line-height: 1.25;
  text-align: right;
  overflow-wrap: anywhere;
  pointer-events: none;
}

html body[data-page="dr-mix"] .dr-comparison-swipe-hint {
  display: none;
  pointer-events: none;
}

@media (max-width: 767px) {
  html body[data-page="dr-mix"] .dr-comparison-swipe-hint {
    position: sticky;
    left: 10px;
    z-index: 2;
    display: inline-flex;
    width: max-content;
    min-height: 28px;
    align-items: center;
    gap: 6px;
    margin: 8px 0 4px 10px;
    border-radius: 999px;
    background: rgba(255, 250, 244, 0.94);
    box-shadow: 0 0 0 1px rgba(72, 48, 34, 0.08), 0 4px 14px rgba(72, 48, 34, 0.08);
    padding: 4px 10px;
    color: #6b4631;
    font-size: 12px;
    font-weight: 800;
    opacity: 1;
    transform: translateX(0);
    transition-property: opacity, transform;
    transition-duration: 220ms;
    pointer-events: none;
  }

  html body[data-page="dr-mix"] .dr-comparison-table-wrap.has-scrolled-x .dr-comparison-swipe-hint {
    opacity: 0.2;
    transform: translateX(8px);
  }

  html body[data-page="dr-mix"] .dr-testimonial-head {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  html body[data-page="dr-mix"] .dr-testimonial-verified {
    grid-column: 2;
  }

  html body[data-page="dr-mix"] .dr-review-submit {
    width: 100%;
    margin-top: 24px;
    border-radius: 22px;
    padding: 20px;
  }

  html body[data-page="dr-mix"] #contacts .dr-contact-links .dr-contact-item {
    grid-template-columns: minmax(0, 1fr) minmax(84px, max-content);
    column-gap: 6px;
  }

  html body[data-page="dr-mix"] #contacts .dr-contact-links .dr-contact-item > a {
    padding-right: 8px !important;
  }

  html body[data-page="dr-mix"] #contacts .dr-contact-copy {
    font-size: 12px;
    max-width: 96px;
    padding-inline: 8px;
  }
}

/* Keep the purchase CTA clean on mobile: no floating shadow under the button. */
html body[data-page="dr-mix"] #payment .dr-purchase__cta,
html body[data-page="dr-mix"] #payment .dr-purchase__cta:hover,
html body[data-page="dr-mix"] #payment .dr-purchase__cta:focus-visible,
html body[data-page="dr-mix"] #payment .dr-purchase__cta:active {
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] .dr-hero {
    min-height: calc(100svh - 72px) !important;
    background-position:
      0 0,
      0 0,
      72% 100% !important;
    background-size:
      auto,
      auto,
      cover !important;
  }

  html body[data-page="dr-mix"] .dr-hero::before {
    background: linear-gradient(180deg, rgba(246, 238, 228, 0.18), rgba(18, 24, 31, 0.2) 68%, rgba(18, 24, 31, 0.36)) !important;
  }

  html body[data-page="dr-mix"] .dr-hero::after {
    content: "" !important;
    position: absolute !important;
    right: 10px !important;
    bottom: 78px !important;
    z-index: 1 !important;
    display: block !important;
    width: 154px !important;
    height: 214px !important;
    border-radius: 24px !important;
    background: url("assets/dr-mix-checkout-product.jpg") center 44% / cover no-repeat !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.38),
      0 22px 44px -26px rgba(32, 24, 18, 0.5) !important;
    opacity: 0.96 !important;
    pointer-events: none !important;
  }

  html body[data-page="dr-mix"] .dr-hero-inner {
    align-items: flex-start !important;
    padding-top: 64px !important;
  }

  html body[data-page="dr-mix"] .dr-hero-copy {
    box-sizing: border-box !important;
    width: min(calc(100vw - 42px), 318px) !important;
    max-width: min(calc(100vw - 42px), 318px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 22px !important;
    border-radius: 26px !important;
    background: rgba(255, 250, 244, 0.78) !important;
    backdrop-filter: blur(12px) !important;
  }

  html body[data-page="dr-mix"] .dr-hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.55rem, 2.9rem, 2.9rem) !important;
    line-height: 0.9 !important;
  }

  html body[data-page="dr-mix"] .dr-hero-copy h1 span {
    white-space: normal !important;
    overflow-wrap: normal !important;
  }

  html body[data-page="dr-mix"] .dr-hero-copy h1 span:last-child {
    font-size: clamp(2rem, 2.25rem, 2.25rem) !important;
  }

  html body[data-page="dr-mix"] .dr-proof-strip {
    gap: 10px !important;
    padding: 10px !important;
  }

  html body[data-page="dr-mix"] .dr-proof-strip > .dr-proof-item {
    min-height: 66px !important;
    padding: 10px 12px !important;
  }

  html body[data-page="dr-mix"] .dr-hero-actions {
    gap: 10px !important;
  }

  html body[data-page="dr-mix"] #audience .section-head {
    position: relative !important;
    margin-bottom: 18px !important;
    padding-bottom: 20px !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] #audience .section-head::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: min(220px, 64vw) !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(166, 120, 92, 0.72), transparent) !important;
    transform: translateX(-50%) !important;
  }

  html body[data-page="dr-mix"] #audience .section-head .eyebrow {
    margin-inline: auto !important;
  }

  html body[data-page="dr-mix"] #audience .dr-use-case-grid {
    gap: 12px !important;
  }

  html body[data-page="dr-mix"] #audience .dr-use-case-card[hidden] {
    display: none !important;
  }

  html body[data-page="dr-mix"] #faq .dr-faq-layout > div:first-child {
    text-align: center !important;
  }

  html body[data-page="dr-mix"] #faq .dr-faq-layout .eyebrow {
    margin-inline: auto !important;
  }

  html body[data-page="dr-mix"] #faq .dr-faq-layout h2 {
    max-width: 100% !important;
    font-size: clamp(2.35rem, 3.15rem, 3.15rem) !important;
    text-wrap: balance !important;
  }

  html body[data-page="dr-mix"] .dr-marketplace-section-head {
    max-width: none !important;
    padding: 0 18px !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] .dr-marketplace-copy .eyebrow {
    margin-inline: auto !important;
  }

  html body[data-page="dr-mix"] .dr-marketplace-copy h2 {
    max-width: 11ch !important;
    margin-inline: auto !important;
    font-size: clamp(2.55rem, 3.25rem, 3.25rem) !important;
    line-height: 0.96 !important;
    text-wrap: balance !important;
  }

  html body[data-page="dr-mix"] .dr-marketplace-copy p:not(.eyebrow) {
    max-width: 29ch !important;
    margin-inline: auto !important;
    font-size: 1rem !important;
    line-height: 1.55 !important;
    text-wrap: pretty !important;
  }

  html body[data-page="dr-mix"] .dr-payment-summary-card {
    gap: 18px !important;
    padding: 18px !important;
    border-radius: 28px !important;
  }

  html body[data-page="dr-mix"] .dr-payment-product-media {
    border-radius: 22px !important;
  }

  html body[data-page="dr-mix"] .dr-payment-product-media img {
    aspect-ratio: 1 / 0.86 !important;
    object-fit: cover !important;
    object-position: center 42% !important;
  }

  html body[data-page="dr-mix"] .dr-payment-summary-copy {
    gap: 10px !important;
    text-align: left !important;
  }

  html body[data-page="dr-mix"] .dr-payment-summary-copy h3 {
    font-size: clamp(3rem, 3.8rem, 3.8rem) !important;
    line-height: 0.95 !important;
  }

  html body[data-page="dr-mix"] .dr-payment-summary-copy p {
    max-width: 24ch !important;
    font-size: 1.05rem !important;
    line-height: 1.45 !important;
  }

  html body[data-page="dr-mix"] .dr-payment-specs {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }

  html body[data-page="dr-mix"] .dr-payment-specs span {
    min-height: 72px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  html body[data-page="dr-mix"] .dr-payment-summary-side {
    gap: 8px !important;
    padding-top: 18px !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] .dr-payment-summary-side > strong {
    font-size: clamp(3.4rem, 4.6rem, 4.6rem) !important;
    line-height: 0.9 !important;
  }

  html body[data-page="dr-mix"] .dr-payment-summary-side .primary-btn {
    min-height: 58px !important;
    width: 100% !important;
  }

  html body[data-page="dr-mix"] .dr-payment-summary-side p {
    margin-top: 8px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: rgba(73, 55, 42, 0.06) !important;
    font-size: 0.95rem !important;
    line-height: 1.45 !important;
  }

  html body[data-page="dr-mix"] .dr-legal-footer-inner {
    gap: 22px !important;
  }

  html body[data-page="dr-mix"] .dr-footer-column {
    padding-bottom: 22px !important;
    border-bottom: 1px solid rgba(73, 55, 42, 0.1) !important;
  }

  html body[data-page="dr-mix"] .dr-footer-column:last-child {
    border-bottom: 0 !important;
  }

  html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column a,
  html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column span {
    display: block !important;
    padding-left: 0 !important;
  }

  html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column a::before,
  html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column:nth-child(3) span::before {
    display: none !important;
    content: none !important;
  }
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust span {
  min-height: 54px !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background-color: rgba(224, 202, 180, 0.58) !important;
  box-shadow: 0 0 0 1px rgba(92, 69, 51, 0.08) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table-wrap {
  padding: 12px !important;
  overflow: auto !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table {
  min-width: 860px !important;
  border-collapse: separate !important;
  border-spacing: 8px !important;
  background: transparent !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table th,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table td {
  border: 0 !important;
  border-radius: 12px !important;
  background-color: rgba(234, 216, 196, 0.72) !important;
  background-image: linear-gradient(135deg, rgba(255, 250, 244, 0.16), rgba(177, 139, 107, 0.08)) !important;
  box-shadow: inset 0 0 0 1px rgba(92, 69, 51, 0.08) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table thead th {
  background-color: rgba(211, 184, 157, 0.72) !important;
  color: rgba(73, 55, 42, 0.78) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table thead th:nth-child(2),
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table tbody td:nth-child(2) {
  background-color: rgba(216, 186, 157, 0.82) !important;
  color: #49372a !important;
  box-shadow:
    inset 0 0 0 1px rgba(92, 69, 51, 0.12),
    0 8px 24px -22px rgba(73, 55, 42, 0.5) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table thead th:nth-child(2)::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 820px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel .dr-detail-panel-body {
    padding-left: clamp(16px, 4vw, 22px) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-grid,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div {
    min-height: auto !important;
  }
}

/* Clarity pass: keep text sharp, lighten detail panels, and use measured FAQ motion. */
html body[data-page="dr-mix"] {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list details::details-content {
  block-size: auto !important;
  opacity: 1 !important;
  overflow: visible !important;
  transition-property: content-visibility !important;
  transition-duration: 0ms !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-answer {
  height: 0;
  overflow: hidden !important;
  opacity: 0 !important;
  transform: translateY(-6px) !important;
  transition-property: height, opacity, transform !important;
  transition-duration: 340ms, 190ms, 260ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] #faq details[open] .dr-faq-answer {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

html body[data-page="dr-mix"] :is(.dr-detail-panel-icon-plus, .dr-detail-panel-icon-minus) {
  filter: none !important;
  transition-property: opacity, transform !important;
}

html body[data-page="dr-mix"] :is(.dr-detail-panel, main#top .dr-detail-accordion > .dr-detail-panel) .dr-detail-panel-body {
  filter: none !important;
  transition-property: opacity, transform !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel {
  background-color: rgba(255, 251, 246, 0.96) !important;
  background-image:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.72), transparent 28%),
    linear-gradient(135deg, rgba(255, 252, 248, 0.98), rgba(247, 238, 228, 0.9)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.08),
    0 12px 30px -26px rgba(73, 55, 42, 0.38) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] {
  background-color: rgba(255, 250, 244, 0.98) !important;
  background-image:
    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.78), transparent 30%),
    linear-gradient(135deg, rgba(255, 252, 248, 0.99), rgba(248, 238, 226, 0.94)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.1),
    0 0 0 8px rgba(166, 120, 92, 0.025),
    0 20px 52px -42px rgba(73, 55, 42, 0.42) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel:not([open]) {
  background-color: rgba(255, 251, 246, 0.9) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-copy > span {
  letter-spacing: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-split,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table-wrap {
  background-color: rgba(255, 252, 248, 0.92) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(248, 239, 229, 0.72)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.08),
    0 12px 28px -26px rgba(73, 55, 42, 0.28) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs {
  background-color: rgba(255, 250, 244, 0.72) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(247, 238, 228, 0.58)) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list li,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust span,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table th,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table td {
  background-color: rgba(255, 250, 244, 0.9) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.62), rgba(247, 238, 228, 0.5)) !important;
  box-shadow: inset 0 0 0 1px rgba(92, 69, 51, 0.07) !important;
}

html body[data-page="dr-mix"] #payment .dr-payment-specs {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  margin-top: 18px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html body[data-page="dr-mix"] #payment .dr-payment-specs span {
  display: grid !important;
  min-width: 0 !important;
  min-height: 78px !important;
  align-content: center !important;
  gap: 4px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(166, 120, 92, 0.1), transparent 32%),
    linear-gradient(135deg, rgba(255, 252, 248, 0.98), rgba(246, 236, 225, 0.9)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.08),
    0 12px 24px -22px rgba(73, 55, 42, 0.32) !important;
  text-align: left !important;
}

html body[data-page="dr-mix"] #payment .dr-payment-specs span + span {
  border-left: 0 !important;
}

html body[data-page="dr-mix"] #payment .dr-payment-specs b {
  color: #49372a !important;
  font-size: clamp(0.98rem, 1.4vw, 1.14rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}

html body[data-page="dr-mix"] #payment .dr-payment-specs small {
  display: block !important;
  color: rgba(73, 55, 42, 0.66) !important;
  font-size: 0.72rem !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;
  text-wrap: pretty !important;
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"] #payment .dr-payment-specs {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-specs span {
    min-height: 64px !important;
  }
}

/* Combined family benefit + situations block. */
html body[data-page="dr-mix"] #audience .section-head {
  margin-bottom: clamp(18px, 3vw, 30px) !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: clamp(18px, 3vw, 30px) !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article {
  display: grid !important;
  min-height: 136px !important;
  align-content: space-between !important;
  gap: 16px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(166, 120, 92, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(250, 242, 232, 0.96), rgba(232, 214, 196, 0.76)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.09),
    0 14px 30px -26px rgba(73, 55, 42, 0.38) !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid strong {
  color: #49372a !important;
  font-size: clamp(1.1rem, 1.7vw, 1.45rem) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-wrap: balance !important;
  font-variant-numeric: tabular-nums !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid span {
  color: rgba(73, 55, 42, 0.7) !important;
  font-size: 0.92rem !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  text-wrap: pretty !important;
}

/* Detail accordion: warmer than white, without duplicate small numbering. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel {
  background-color: rgba(245, 234, 222, 0.94) !important;
  background-image:
    radial-gradient(circle at 18% 0%, rgba(255, 250, 244, 0.42), transparent 30%),
    linear-gradient(135deg, rgba(247, 238, 228, 0.94), rgba(226, 207, 188, 0.78)) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] {
  background-color: rgba(247, 236, 224, 0.96) !important;
  background-image:
    radial-gradient(circle at 18% 0%, rgba(255, 250, 244, 0.48), transparent 30%),
    linear-gradient(135deg, rgba(249, 240, 230, 0.97), rgba(228, 209, 190, 0.84)) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel:not([open]) {
  background-color: rgba(238, 224, 208, 0.9) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-split,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table-wrap {
  background-color: rgba(242, 229, 216, 0.86) !important;
  background-image: linear-gradient(135deg, rgba(250, 242, 232, 0.72), rgba(224, 204, 185, 0.58)) !important;
}

/* Kit panel: readable checklist instead of a cramped numbered table. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list {
  counter-reset: none !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span {
  display: flex !important;
  align-items: center !important;
  min-height: 54px !important;
  padding: 12px 14px 12px 44px !important;
  color: rgba(73, 55, 42, 0.78) !important;
  font-size: 0.92rem !important;
  font-weight: 820 !important;
  line-height: 1.25 !important;
  text-wrap: pretty !important;
  background-color: rgba(250, 242, 232, 0.8) !important;
  background-image: linear-gradient(135deg, rgba(255, 250, 244, 0.46), rgba(226, 207, 188, 0.34)) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::before {
  content: "✓" !important;
  width: 22px !important;
  height: 22px !important;
  left: 14px !important;
  border-radius: 999px !important;
  color: #7b543d !important;
  font-size: 0.72rem !important;
  background-color: rgba(166, 120, 92, 0.14) !important;
}

@media (max-width: 980px) {
  html body[data-page="dr-mix"] .dr-family-benefit-grid,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] .dr-family-benefit-grid,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list {
    grid-template-columns: 1fr !important;
  }
}

/* Final rebuild: animated family benefits, product console, and unboxing layout. */
html body[data-page="dr-mix"] .dr-family-benefit-grid article {
  position: relative !important;
  overflow: hidden !important;
  transform-origin: 50% 70% !important;
  transition-property: opacity, transform, box-shadow, background-color !important;
  transition-duration: 720ms, 720ms, 180ms, 180ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(105deg, transparent 22%, rgba(255, 255, 255, 0.42) 48%, transparent 72%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(-120%) !important;
}

html body[data-page="dr-mix"][data-motion-ready="true"] .dr-family-benefit-grid article:nth-child(1) {
  --reveal-delay: 0ms;
}

html body[data-page="dr-mix"][data-motion-ready="true"] .dr-family-benefit-grid article:nth-child(2) {
  --reveal-delay: 90ms;
}

html body[data-page="dr-mix"][data-motion-ready="true"] .dr-family-benefit-grid article:nth-child(3) {
  --reveal-delay: 180ms;
}

html body[data-page="dr-mix"][data-motion-ready="true"] .dr-family-benefit-grid article:nth-child(4) {
  --reveal-delay: 270ms;
}

html body[data-page="dr-mix"][data-motion-ready="true"] .dr-family-benefit-grid article.is-visible::after {
  animation: dr-benefit-sweep 980ms cubic-bezier(0.2, 0, 0, 1) both;
  animation-delay: calc(var(--reveal-delay, 0ms) + 180ms);
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article:hover {
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.12),
    0 22px 42px -30px rgba(73, 55, 42, 0.5) !important;
  transform: translateY(-4px) !important;
}

@keyframes dr-benefit-sweep {
  0% {
    opacity: 0;
    transform: translateX(-120%);
  }

  24% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(120%);
  }
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-split {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel {
  padding: clamp(14px, 2vw, 20px) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(166, 120, 92, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(70, 52, 40, 0.96), rgba(139, 103, 78, 0.88)) !important;
  box-shadow:
    0 0 0 1px rgba(73, 55, 42, 0.12),
    0 22px 48px -34px rgba(73, 55, 42, 0.6) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs {
  display: grid !important;
  grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr)) !important;
  gap: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: rgba(255, 250, 244, 0.16) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 250, 244, 0.14) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div {
  display: grid !important;
  min-height: 118px !important;
  align-content: space-between !important;
  padding: 18px !important;
  border-radius: 0 !important;
  background: rgba(255, 250, 244, 0.92) !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div:first-child {
  background:
    radial-gradient(circle at 86% 16%, rgba(255, 250, 244, 0.24), transparent 34%),
    linear-gradient(135deg, rgba(166, 120, 92, 0.98), rgba(109, 78, 58, 0.95)) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dt {
  color: rgba(73, 55, 42, 0.62) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dd {
  margin: 0 !important;
  color: #49372a !important;
  font-size: clamp(1.65rem, 2.8vw, 2.35rem) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  font-variant-numeric: tabular-nums !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div:first-child dt,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div:first-child dd {
  color: #fffaf4 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature {
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  min-height: 96px !important;
  align-items: center !important;
  column-gap: 14px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 244, 0.92), rgba(235, 220, 204, 0.76)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.08),
    0 10px 24px -22px rgba(73, 55, 42, 0.34) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:first-child {
  grid-column: 1 / -1 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  grid-row: 1 / span 2 !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: rgba(166, 120, 92, 0.14) !important;
  color: #7b543d !important;
  font-size: 0.68rem !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature h3 {
  margin: 0 !important;
  font-family: var(--dr-lux-sans, "Manrope", sans-serif) !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature p {
  margin: 4px 0 0 !important;
  color: rgba(73, 55, 42, 0.66) !important;
  font-size: 0.9rem !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px) !important;
  gap: 14px !important;
  padding: clamp(14px, 2vw, 20px) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 90% 8%, rgba(166, 120, 92, 0.12), transparent 36%),
    linear-gradient(135deg, rgba(248, 239, 229, 0.94), rgba(224, 204, 185, 0.72)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.08),
    0 18px 42px -34px rgba(73, 55, 42, 0.44) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: rgba(255, 250, 244, 0.62) !important;
  box-shadow: inset 0 0 0 1px rgba(92, 69, 51, 0.08) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span {
  display: flex !important;
  min-height: 56px !important;
  align-items: center !important;
  padding: 13px 14px 13px 42px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow:
    inset -1px 0 0 rgba(92, 69, 51, 0.06),
    inset 0 -1px 0 rgba(92, 69, 51, 0.06) !important;
  color: rgba(73, 55, 42, 0.78) !important;
  font-size: 0.9rem !important;
  font-weight: 820 !important;
  line-height: 1.25 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::before {
  content: "" !important;
  left: 18px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: #9a6b50 !important;
  box-shadow: 0 0 0 5px rgba(166, 120, 92, 0.12) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust span {
  display: grid !important;
  min-height: 0 !important;
  align-content: end !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 250, 244, 0.16), transparent 36%),
    linear-gradient(135deg, rgba(118, 84, 62, 0.96), rgba(73, 55, 42, 0.92)) !important;
  box-shadow: none !important;
  color: rgba(255, 250, 244, 0.72) !important;
  font-size: 0.86rem !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #fffaf4 !important;
  font-size: clamp(1.1rem, 1.8vw, 1.38rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

@media (max-width: 980px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-grid,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list {
    grid-template-columns: 1fr !important;
  }
}

/* Clarity 4: background benefit motion, centered feature glyphs, and calm kit cards. */
html body[data-page="dr-mix"] .dr-family-benefit-grid {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding-top: 4px !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid::before {
  content: "10s\a°C\a✓" !important;
  position: absolute !important;
  top: -18px !important;
  right: 26px !important;
  z-index: 0 !important;
  width: 160px !important;
  height: 130px !important;
  color: rgba(166, 120, 92, 0.16) !important;
  font-size: 2.55rem !important;
  font-weight: 950 !important;
  line-height: 0.95 !important;
  white-space: pre !important;
  pointer-events: none !important;
  transform: rotate(-8deg) translateY(0) !important;
  animation: dr-benefit-bg-icons 7s ease-in-out infinite !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid::after {
  content: "" !important;
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  z-index: 0 !important;
  width: 104px !important;
  height: 104px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(166, 120, 92, 0.18) !important;
  box-shadow:
    -44px 34px 0 -20px rgba(166, 120, 92, 0.16),
    -82px -2px 0 -30px rgba(166, 120, 92, 0.14) !important;
  pointer-events: none !important;
  animation: dr-benefit-bg-orbit 9s ease-in-out infinite !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article {
  z-index: 1 !important;
}

@keyframes dr-benefit-bg-icons {
  0%,
  100% {
    transform: rotate(-8deg) translateY(0);
  }

  50% {
    transform: rotate(-3deg) translateY(10px);
  }
}

@keyframes dr-benefit-bg-orbit {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(-10px, 8px, 0) scale(1.04);
  }
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
  position: relative !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon::before {
  content: "" !important;
  position: static !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 250, 244, 0.95) 0 28%, transparent 30%),
    conic-gradient(from 0deg, #9a6b50, #c49b7f, #9a6b50) !important;
  box-shadow: 0 0 0 7px rgba(166, 120, 92, 0.12) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon::after {
  content: "" !important;
  position: absolute !important;
  inset: 16px !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 0 2px rgba(122, 84, 61, 0.42) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel {
  grid-template-columns: minmax(0, 1fr) minmax(210px, 250px) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(166, 120, 92, 0.08), transparent 34%),
    linear-gradient(135deg, rgba(249, 241, 232, 0.96), rgba(232, 216, 200, 0.76)) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list {
  gap: 10px !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span {
  min-height: 52px !important;
  padding: 13px 14px !important;
  border-radius: 14px !important;
  background: rgba(255, 250, 244, 0.72) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.07),
    0 10px 20px -18px rgba(73, 55, 42, 0.22) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::before,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::after {
  display: none !important;
  content: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] {
  background:
    radial-gradient(circle at 78% 16%, rgba(190, 139, 104, 0.14), transparent 30%),
    linear-gradient(180deg, #f7f0e8 0%, #efe5dc 100%) !important;
  color: #49372a !important;
  font-family: Manrope, Inter, system-ui, sans-serif !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 80 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 86px !important;
  padding: 18px max(48px, calc((100vw - 1224px) / 2)) !important;
  border-bottom: 1px solid rgba(31, 31, 31, 0.06) !important;
  background: rgba(243, 234, 223, 0.96) !important;
  box-shadow: 0 14px 34px rgba(62, 48, 38, 0.08) !important;
  backdrop-filter: blur(22px) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] main {
  min-height: calc(100vh - 86px) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-register-link {
  display: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .brand,
html body[data-page="dr-mix"][data-auth-page="true"] .dr-nav-group-trigger,
html body[data-page="dr-mix"][data-auth-page="true"] .dr-nav-menu a,
html body[data-page="dr-mix"][data-auth-page="true"] .theme-toggle,
html body[data-page="dr-mix"][data-auth-page="true"] .secondary-btn,
html body[data-page="dr-mix"][data-auth-page="true"] .header-cta {
  min-height: 40px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .brand {
  min-width: 128px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .main-nav {
  flex: 1 1 auto !important;
  justify-content: center !important;
  gap: clamp(8px, 1vw, 14px) !important;
  min-width: 0 !important;
  color: rgba(36, 35, 33, 0.56) !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-nav-group-trigger {
  color: rgba(36, 35, 33, 0.64) !important;
  font-size: clamp(0.68rem, 0.76vw, 0.82rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-section {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(340px, 430px) !important;
  gap: clamp(28px, 5vw, 72px) !important;
  align-items: start !important;
  padding-top: clamp(56px, 8vw, 104px) !important;
  padding-bottom: clamp(64px, 9vw, 120px) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-section {
  grid-template-columns: 1fr !important;
  max-width: 1120px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-copy {
  max-width: 780px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-copy .eyebrow,
html body[data-page="dr-mix"][data-auth-page="true"] .signed-card > span,
html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-detail span {
  width: fit-content !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  color: #a6785c !important;
  background: rgba(255, 255, 255, 0.64) !important;
  box-shadow: 0 0 0 1px rgba(92, 69, 51, 0.08) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-copy h1 {
  max-width: 820px !important;
  margin: 18px 0 0 !important;
  color: #49372a !important;
  font-family: Manrope, Inter, system-ui, sans-serif !important;
  font-size: clamp(3.2rem, 7vw, 6.6rem) !important;
  line-height: 0.94 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-copy > p:not(.eyebrow) {
  max-width: 560px !important;
  margin-top: 24px !important;
  color: rgba(73, 55, 42, 0.74) !important;
  font-size: clamp(1rem, 1.55vw, 1.24rem) !important;
  line-height: 1.55 !important;
  font-weight: 760 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-panel,
html body[data-page="dr-mix"][data-auth-page="true"] .signed-card,
html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-card,
html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-detail {
  border: 0 !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(166, 120, 92, 0.1), transparent 34%),
    rgba(255, 250, 244, 0.82) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.08),
    0 22px 48px -38px rgba(73, 55, 42, 0.42) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-panel,
html body[data-page="dr-mix"][data-auth-page="true"] .signed-card {
  padding: clamp(18px, 2.4vw, 28px) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-card {
  gap: 18px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-card > strong,
html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-card strong,
html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-detail strong {
  color: #49372a !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-card p,
html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-detail p {
  color: rgba(73, 55, 42, 0.7) !important;
  font-weight: 720 !important;
  text-wrap: pretty !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-form input {
  border: 1px solid rgba(92, 69, 51, 0.12) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.78) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .btn,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs button {
  border-radius: 999px !important;
  transition-property: scale, box-shadow, background-color !important;
  transition-duration: 150ms !important;
  transition-timing-function: ease-out !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .btn:active,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs button:active,
html body[data-page="dr-mix"][data-auth-page="true"] .secondary-btn:active,
html body[data-page="dr-mix"][data-auth-page="true"] .header-cta:active {
  scale: 0.96 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-afterpay {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-detail {
  align-content: start !important;
  justify-items: start !important;
  gap: 10px !important;
  padding: 16px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-detail strong {
  line-height: 1.28 !important;
  text-wrap: balance !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-video {
  grid-column: 1 / -1 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-video video {
  display: block !important;
  width: min(100%, 320px) !important;
  max-height: none !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: contain !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-actions {
  grid-column: 1 / -1 !important;
  align-items: center !important;
  gap: 10px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-actions .btn {
  min-width: 160px !important;
  min-height: 44px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-section {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"][data-auth-page="true"] .site-header {
    min-height: 72px !important;
    padding: 12px 16px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .auth-section {
    padding-top: 36px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .auth-copy h1 {
    font-size: clamp(2.55rem, 16vw, 4.2rem) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-afterpay {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .signed-order-actions .btn {
    width: 100% !important;
  }
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust span {
  min-height: 74px !important;
  color: rgba(73, 55, 42, 0.66) !important;
  background:
    radial-gradient(circle at 90% 12%, rgba(166, 120, 92, 0.09), transparent 34%),
    linear-gradient(135deg, rgba(255, 250, 244, 0.82), rgba(239, 226, 211, 0.72)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.08),
    0 12px 24px -22px rgba(73, 55, 42, 0.26) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust strong {
  color: #49372a !important;
}

@media (prefers-reduced-motion: reduce) {
  html body[data-page="dr-mix"] .dr-family-benefit-grid::before,
  html body[data-page="dr-mix"] .dr-family-benefit-grid::after {
    animation: none !important;
  }
}

/* Clarity 5: make kit items richer without hover transparency. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list {
  gap: 12px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span {
  position: relative !important;
  overflow: hidden !important;
  min-height: 58px !important;
  padding: 15px 54px 15px 16px !important;
  opacity: 1 !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 94% 18%, rgba(166, 120, 92, 0.12), transparent 34%),
    linear-gradient(135deg, #fffaf4, #f1e3d4) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.08),
    0 12px 24px -20px rgba(73, 55, 42, 0.28) !important;
  color: #5c4535 !important;
  transform: translateY(0) !important;
  transition-property: transform, box-shadow, background-color !important;
  transition-duration: 180ms, 180ms, 180ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 42px !important;
  height: auto !important;
  border-radius: 0 !important;
  background: var(--kit-accent, #a6785c) !important;
  opacity: 0.14 !important;
  transform: none !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::after {
  display: grid !important;
  content: var(--kit-mark, "✓") !important;
  position: absolute !important;
  top: 50% !important;
  right: 13px !important;
  width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #fffaf4 !important;
  box-shadow: 0 0 0 1px rgba(92, 69, 51, 0.1) !important;
  color: var(--kit-accent, #a6785c) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span:nth-child(3n + 1) {
  --kit-accent: #a6785c;
  --kit-mark: "01";
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span:nth-child(3n + 2) {
  --kit-accent: #7f8f82;
  --kit-mark: "02";
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span:nth-child(3n) {
  --kit-accent: #9a7b5f;
  --kit-mark: "03";
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span:hover,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span:focus-visible {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 94% 18%, rgba(166, 120, 92, 0.16), transparent 34%),
    linear-gradient(135deg, #fffdf9, #f4e7d8) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.12),
    0 18px 30px -22px rgba(73, 55, 42, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* Browser comments: quieter benefit line, visible top-right metric icons, FAQ preview. */
html body[data-page="dr-mix"] .dr-family-benefit-grid {
  gap: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-top: 1px solid rgba(92, 69, 51, 0.12) !important;
  border-bottom: 1px solid rgba(92, 69, 51, 0.12) !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid::before,
html body[data-page="dr-mix"] .dr-family-benefit-grid::after {
  display: none !important;
  content: none !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article {
  min-height: 108px !important;
  padding: 18px 54px 18px 0 !important;
  border-right: 1px solid rgba(92, 69, 51, 0.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition-property: color, opacity, transform !important;
  transition-duration: 180ms, 180ms, 180ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article:last-child {
  border-right: 0 !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article::before {
  content: var(--benefit-icon, "•") !important;
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(166, 120, 92, 0.1) !important;
  box-shadow: 0 0 0 1px rgba(92, 69, 51, 0.08) !important;
  color: #8a624a !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  animation: dr-benefit-icon-pulse 3.8s cubic-bezier(0.2, 0, 0, 1) infinite !important;
  animation-delay: var(--benefit-delay, 0ms) !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article::after {
  display: none !important;
  content: none !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article:nth-child(1) {
  --benefit-icon: "10";
  --benefit-delay: 0ms;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article:nth-child(2) {
  --benefit-icon: "°C";
  --benefit-delay: 180ms;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article:nth-child(3) {
  --benefit-icon: "↺";
  --benefit-delay: 360ms;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article:nth-child(4) {
  --benefit-icon: "✓";
  --benefit-delay: 540ms;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article:hover {
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

@keyframes dr-benefit-icon-pulse {
  0%,
  100% {
    opacity: 0.7;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

html body[data-page="dr-mix"] #faq .dr-faq-list details[hidden] {
  display: none !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-more {
  justify-self: center !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #a6785c !important;
  box-shadow: 0 12px 24px -18px rgba(77, 58, 43, 0.42) !important;
  color: #fffaf4 !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 0.88rem !important;
  font-weight: 900 !important;
  transition-property: transform, box-shadow, background-color !important;
  transition-duration: 180ms, 180ms, 180ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-more:hover,
html body[data-page="dr-mix"] #faq .dr-faq-more:focus-visible {
  background: #8f6249 !important;
  box-shadow: 0 16px 28px -20px rgba(77, 58, 43, 0.5) !important;
  transform: translateY(-1px) !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-more:active {
  transform: scale(0.96) !important;
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] .dr-family-benefit-grid article {
    min-height: 92px !important;
    padding: 16px 52px 16px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(92, 69, 51, 0.1) !important;
  }

  html body[data-page="dr-mix"] .dr-family-benefit-grid article:last-child {
    border-bottom: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-page="dr-mix"] .dr-family-benefit-grid article::before {
    animation: none !important;
  }
}

/* Browser comments: quieter product specs, readable feature labels, smooth FAQ preview. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel {
  padding: clamp(12px, 1.6vw, 16px) !important;
  border-radius: 20px !important;
  background: rgba(255, 250, 244, 0.62) !important;
  box-shadow:
    0 0 0 1px rgba(73, 55, 42, 0.08),
    0 14px 28px -26px rgba(73, 55, 42, 0.28) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs {
  border-radius: 16px !important;
  background: rgba(73, 55, 42, 0.08) !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div:first-child {
  min-height: 104px !important;
  padding: 16px !important;
  background: rgba(255, 250, 244, 0.9) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dt,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div:first-child dt {
  color: rgba(73, 55, 42, 0.58) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dd,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div:first-child dd {
  color: #49372a !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
  position: relative !important;
  overflow: visible !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 52px !important;
  height: 32px !important;
  padding: 0 10px !important;
  grid-row: 1 / span 2 !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(166, 120, 92, 0.11) !important;
  box-shadow: 0 0 0 1px rgba(73, 55, 42, 0.08) !important;
  color: #7b543d !important;
  font-size: 0.62rem !important;
  font-weight: 950 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon::before,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon::after {
  display: none !important;
  content: none !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list.is-faq-preview-animating {
  overflow: hidden !important;
  transition-property: height !important;
  transition-duration: 360ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs {
    grid-template-columns: 1fr !important;
  }
}

/* Browser comment: return family benefits to the previous card grid. */
html body[data-page="dr-mix"] .dr-family-benefit-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding-top: 4px !important;
  margin-bottom: clamp(18px, 3vw, 30px) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid::before {
  content: "10s\a°C\a✓" !important;
  position: absolute !important;
  top: -18px !important;
  right: 26px !important;
  display: block !important;
  z-index: 0 !important;
  width: 160px !important;
  height: 130px !important;
  color: rgba(166, 120, 92, 0.16) !important;
  font-size: 2.55rem !important;
  font-weight: 950 !important;
  line-height: 0.95 !important;
  white-space: pre !important;
  pointer-events: none !important;
  transform: rotate(-8deg) translateY(0) !important;
  animation: dr-benefit-bg-icons 7s ease-in-out infinite !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid::after {
  content: "" !important;
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  display: block !important;
  z-index: 0 !important;
  width: 104px !important;
  height: 104px !important;
  border: 1px solid rgba(166, 120, 92, 0.18) !important;
  border-radius: 999px !important;
  box-shadow:
    -44px 34px 0 -20px rgba(166, 120, 92, 0.16),
    -82px -2px 0 -30px rgba(166, 120, 92, 0.14) !important;
  pointer-events: none !important;
  animation: dr-benefit-bg-orbit 9s ease-in-out infinite !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article {
  display: grid !important;
  min-height: 136px !important;
  align-content: space-between !important;
  gap: 16px !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(166, 120, 92, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(250, 242, 232, 0.96), rgba(232, 214, 196, 0.76)) !important;
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.09),
    0 14px 30px -26px rgba(73, 55, 42, 0.38) !important;
  transform-origin: 50% 70% !important;
  transition-property: opacity, transform, box-shadow, background-color !important;
  transition-duration: 720ms, 720ms, 180ms, 180ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article::before {
  display: none !important;
  content: none !important;
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(105deg, transparent 22%, rgba(255, 255, 255, 0.42) 48%, transparent 72%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(-120%) !important;
}

html body[data-page="dr-mix"][data-motion-ready="true"] .dr-family-benefit-grid article.is-visible::after {
  animation: dr-benefit-sweep 980ms cubic-bezier(0.2, 0, 0, 1) both;
  animation-delay: calc(var(--reveal-delay, 0ms) + 180ms);
}

html body[data-page="dr-mix"] .dr-family-benefit-grid article:hover {
  box-shadow:
    0 0 0 1px rgba(92, 69, 51, 0.12),
    0 22px 42px -30px rgba(73, 55, 42, 0.5) !important;
  transform: translateY(-4px) !important;
}

@media (max-width: 980px) {
  html body[data-page="dr-mix"] .dr-family-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] .dr-family-benefit-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Browser comment: remove numbering from the kit contents list. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list {
  counter-reset: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span {
  padding: 15px 16px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::before,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::after {
  display: none !important;
  content: none !important;
}

/* hero3d-2 final override, intentionally last. */
html,
body {
  overflow-x: hidden !important;
}

html body[data-page="dr-mix"] main#top .dr-hero {
  position: relative !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  isolation: isolate !important;
  display: flex !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 78% 34%, rgba(184, 136, 101, 0.18), transparent 34%),
    radial-gradient(circle at 46% 70%, rgba(255, 255, 255, 0.92), transparent 36%),
    linear-gradient(135deg, #fbf6ef 0%, #fffaf4 48%, #ffffff 100%) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: 0 !important;
  display: block !important;
  height: 34% !important;
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 250, 244, 0.84) 58%, transparent 100%) !important;
  pointer-events: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero::after {
  content: "" !important;
  position: absolute !important;
  right: max(26px, calc((100vw - 1240px) / 2 + 54px)) !important;
  bottom: 9% !important;
  left: auto !important;
  z-index: 0 !important;
  display: block !important;
  width: min(520px, 42vw) !important;
  height: 54px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(55, 40, 30, 0.28), rgba(55, 40, 30, 0) 68%) !important;
  box-shadow: none !important;
  filter: blur(14px) !important;
  opacity: 0.8 !important;
  transform: none !important;
  pointer-events: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1240px !important;
  min-height: 100vh !important;
  display: grid !important;
  grid-template-columns: 0.95fr 1.05fr !important;
  align-items: center !important;
  gap: 32px !important;
  padding-top: 112px !important;
  padding-bottom: 74px !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 590px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-align: left !important;
  color: #3b3028 !important;
  animation: drHeroTextIn 960ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy .eyebrow {
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  color: #936d55 !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow:
    0 0 0 1px rgba(73, 55, 42, 0.08),
    0 12px 28px -22px rgba(73, 55, 42, 0.36) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
  max-width: 650px !important;
  margin: 0 !important;
  color: #3b3028 !important;
  font-size: 4.95rem !important;
  line-height: 0.94 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  text-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 span {
  display: block !important;
  color: inherit !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 span:last-child {
  color: #a6785c !important;
  font-size: inherit !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
  max-width: 480px !important;
  margin: 20px 0 0 !important;
  color: rgba(55, 43, 34, 0.72) !important;
  font-size: 1.08rem !important;
  line-height: 1.48 !important;
  text-wrap: pretty !important;
}

html body[data-page="dr-mix"] main#top .dr-proof-strip {
  max-width: 570px !important;
  margin-top: 22px !important;
  padding: 10px !important;
  gap: 10px !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow:
    0 0 0 1px rgba(59, 41, 29, 0.08),
    0 24px 56px -44px rgba(42, 29, 20, 0.42) !important;
  backdrop-filter: blur(14px) !important;
}

html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
  min-height: 70px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: inset 0 0 0 1px rgba(59, 41, 29, 0.06) !important;
  transition-property: transform, box-shadow, background-color !important;
  transition-duration: 220ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item:active,
html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn:active,
html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn:active {
  transform: scale(0.96) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn,
html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn {
  min-height: 56px !important;
  border-radius: 999px !important;
  transition-property: transform, box-shadow, background-color !important;
  transition-duration: 220ms !important;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  justify-self: end !important;
  align-self: center !important;
  width: min(54vw, 660px) !important;
  max-width: 100% !important;
  pointer-events: none !important;
  transform-origin: 50% 70% !important;
  animation: drHeroProductIn 1.12s cubic-bezier(0.16, 1, 0.3, 1) 250ms both !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product::after {
  content: "" !important;
  position: absolute !important;
  left: 18% !important;
  right: 10% !important;
  bottom: 4% !important;
  z-index: 0 !important;
  height: 52px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(43, 32, 24, 0.3), rgba(43, 32, 24, 0) 70%) !important;
  filter: blur(16px) !important;
  opacity: 0.75 !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product-glow {
  position: absolute !important;
  inset: 8% -10% 4% 6% !important;
  z-index: 0 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 56% 36%, rgba(255, 255, 255, 0.95), transparent 35%),
    radial-gradient(circle at 56% 68%, rgba(177, 131, 96, 0.2), transparent 44%) !important;
  filter: blur(1px) !important;
  opacity: 0.9 !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-height: 82vh !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 42px 54px rgba(42, 30, 22, 0.2))
    drop-shadow(0 12px 22px rgba(42, 30, 22, 0.12)) !important;
}

@media (min-width: 901px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    animation: drHeroProductFloat 7s ease-in-out 1.6s infinite !important;
  }
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero {
    align-items: stretch !important;
    min-height: 100svh !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero::before {
    height: 42% !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero::after {
    right: -34px !important;
    bottom: 78px !important;
    width: 78vw !important;
    height: 42px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    min-height: 100svh !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    padding: 98px 18px 78px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy {
    width: 100% !important;
    max-width: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 100% !important;
    font-size: 3.12rem !important;
    line-height: 0.96 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
    max-width: 330px !important;
    margin-top: 14px !important;
    font-size: 1rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 16px !important;
    padding: 8px !important;
    gap: 7px !important;
    border-radius: 22px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
    min-height: 62px !important;
    padding: 9px 8px !important;
    border-radius: 15px !important;
    align-items: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-text {
    font-size: 0.72rem !important;
    line-height: 1.12 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn,
  html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn {
    min-height: 52px !important;
    padding-inline: 12px !important;
    font-size: 0.78rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    align-self: flex-end !important;
    justify-self: auto !important;
    width: min(72vw, 360px) !important;
    max-width: 360px !important;
    margin-top: -4px !important;
    margin-right: -42px !important;
    opacity: 0.94 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    max-height: 326px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product-glow {
    inset: 10% -12% 0 4% !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-top: 94px !important;
    padding-bottom: 72px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    font-size: 2.86rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
    min-height: 44px !important;
    grid-template-columns: 28px 1fr !important;
    justify-items: start !important;
    text-align: left !important;
    padding: 8px 10px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-text {
    font-size: 0.78rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    width: min(76vw, 330px) !important;
    margin-top: -10px !important;
    margin-right: -48px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product img {
    max-height: 300px !important;
  }
}
/* hero3d-model-1 eof: real GLB model with PNG fallback. */
html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: min(82vh, 760px) !important;
  max-height: 82vh !important;
  background: transparent !important;
  --poster-color: transparent;
  filter:
    drop-shadow(0 42px 54px rgba(42, 30, 22, 0.2))
    drop-shadow(0 12px 22px rgba(42, 30, 22, 0.12)) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  background: url("assets/dr-mix-hero-3d.png") center bottom / contain no-repeat !important;
  pointer-events: none !important;
  filter:
    drop-shadow(0 34px 44px rgba(42, 30, 22, 0.2))
    drop-shadow(0 10px 18px rgba(42, 30, 22, 0.12)) !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::part(default-progress-bar) {
  display: none !important;
}

html body[data-page="dr-mix"] main#top model-viewer:defined .dr-hero-model-fallback {
  display: none !important;
}

html body[data-page="dr-mix"] main#top model-viewer:not(:defined) .dr-hero-model-fallback {
  display: block !important;
  width: 100% !important;
  max-height: 82vh !important;
  object-fit: contain !important;
}

@media (min-width: 901px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    animation: drHeroProductFloat 7s ease-in-out 1.6s infinite !important;
  }
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    height: 326px !important;
    max-height: 326px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    height: 300px !important;
    max-height: 300px !important;
  }
}

/* hero3d-model-8: final mobile product visibility and title containment. */
@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero {
    min-height: 100svh !important;
    background:
      radial-gradient(circle at 74% 72%, rgba(184, 136, 101, 0.18), transparent 34%),
      linear-gradient(180deg, #f8efe6 0%, #fff8ef 58%, #fbf6ef 100%) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    position: relative !important;
    min-height: 100svh !important;
    padding: 108px 18px 370px !important;
    gap: 0 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: min(100%, 336px) !important;
    font-size: clamp(2.42rem, 10.2vw, 2.72rem) !important;
    line-height: 0.95 !important;
    overflow-wrap: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 > span:first-child {
    display: block !important;
    max-width: 9.8ch !important;
    white-space: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy .dr-hero-h1-accent {
    display: block !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
    max-width: 350px !important;
    margin-top: 14px !important;
    font-size: 0.98rem !important;
    line-height: 1.38 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip,
  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    margin-top: 16px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    position: absolute !important;
    right: -8px !important;
    bottom: 94px !important;
    width: min(56vw, 260px) !important;
    max-width: 260px !important;
    margin: 0 !important;
    opacity: 0.98 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    position: relative !important;
    height: min(32vh, 286px) !important;
    max-height: 286px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    display: block !important;
    background: url("assets/dr-mix-hero-3d.png") center bottom / contain no-repeat !important;
    pointer-events: none !important;
    filter:
      drop-shadow(0 26px 34px rgba(42, 30, 22, 0.18))
      drop-shadow(0 8px 16px rgba(42, 30, 22, 0.1)) !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-top: 100px !important;
    padding-bottom: 340px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: 304px !important;
    font-size: clamp(2.28rem, 10vw, 2.5rem) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    right: 16px !important;
    bottom: 88px !important;
    width: min(60vw, 250px) !important;
  }
}

/* hero3d-model-14: real GLB from Meshy, no PNG cover. */
html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 900px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product {
    right: 18px !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product {
    right: 16px !important;
  }
}

/* browser-mobile-fixes-1: fixes from in-app comments. Keep this block last. */
@media (max-width: 760px) {
  html body[data-page="dr-mix"] main#top .dr-hero {
    min-height: 100svh !important;
    align-items: stretch !important;
    background:
      radial-gradient(circle at 50% 72%, rgba(166, 120, 92, 0.13), transparent 34%),
      linear-gradient(180deg, #fbf6ef 0%, #fffaf4 64%, #f7f0e8 100%) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero::before {
    height: 28% !important;
    background: linear-gradient(to top, rgba(247, 240, 232, 0.96), rgba(247, 240, 232, 0)) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    min-height: 100svh !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 84px 16px 318px !important;
  }

  html body[data-page="dr-mix"][data-motion-ready="true"] main#top .dr-hero-copy[data-reveal],
  html body[data-page="dr-mix"] main#top .dr-hero-copy {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto !important;
    padding: 18px 16px 16px !important;
    border: 1px solid rgba(92, 69, 51, 0.11) !important;
    border-radius: 24px !important;
    background:
      radial-gradient(circle at 92% 0%, rgba(255, 255, 255, 0.86), transparent 38%),
      rgba(255, 250, 244, 0.86) !important;
    box-shadow:
      0 18px 44px rgba(73, 55, 42, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    opacity: 1 !important;
    text-align: center !important;
    transition: none !important;
    animation: drBrowserHeroCopyIn 620ms cubic-bezier(0.16, 1, 0.3, 1) 70ms both !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy .eyebrow {
    min-height: 28px !important;
    margin: 0 auto 12px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: rgba(166, 120, 92, 0.09) !important;
    color: #7a5a46 !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.08em !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    max-width: none !important;
    margin: 0 !important;
    color: #44372f !important;
    font-size: clamp(2.14rem, 9.2vw, 2.68rem) !important;
    line-height: 0.96 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 > span:first-child,
  html body[data-page="dr-mix"] main#top .dr-hero-copy .dr-hero-h1-accent {
    display: block !important;
    max-width: none !important;
    white-space: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy .dr-hero-h1-accent,
  html body[data-page="dr-mix"] main#top .dr-hero-copy .dr-hero-h1-accent span {
    color: #a6785c !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy > p:not(.eyebrow) {
    max-width: 28ch !important;
    margin: 12px auto 0 !important;
    color: rgba(68, 55, 47, 0.74) !important;
    font-size: 0.9rem !important;
    font-weight: 760 !important;
    line-height: 1.34 !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 0 !important;
    margin: 13px 0 0 !important;
    padding: 7px !important;
    border: 1px solid rgba(92, 69, 51, 0.08) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.48) !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
    display: flex !important;
    min-width: 0 !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 5px 7px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item + .dr-proof-item {
    box-shadow: inset 1px 0 0 rgba(92, 69, 51, 0.07) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-icon {
    display: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-text {
    width: auto !important;
    max-width: none !important;
    color: #584940 !important;
    font-size: 0.62rem !important;
    font-weight: 900 !important;
    line-height: 1.14 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 9px !important;
    margin-top: 13px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions .primary-btn,
  html body[data-page="dr-mix"] main#top .dr-hero-actions .secondary-btn {
    min-height: 46px !important;
    padding-inline: 10px !important;
    border-radius: 999px !important;
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product {
    position: absolute !important;
    right: auto !important;
    bottom: 146px !important;
    left: 50% !important;
    width: min(58vw, 248px) !important;
    max-width: 248px !important;
    margin: 0 !important;
    opacity: 0.98 !important;
    translate: -50% 0 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model {
    position: relative !important;
    height: min(28vh, 252px) !important;
    max-height: 252px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-product .dr-hero-model::before {
    content: none !important;
    display: none !important;
  }

  html body[data-page="dr-mix"] main#top details#kit .dr-detail-panel-body,
  html body[data-page="dr-mix"] main#top details#comparison .dr-detail-panel-body {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel,
  html body[data-page="dr-mix"] main#top details#kit .dr-kit-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    padding: 12px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list,
  html body[data-page="dr-mix"] main#top details#kit .dr-kit-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span,
  html body[data-page="dr-mix"] main#top details#kit .dr-kit-list span {
    display: flex !important;
    width: 100% !important;
    min-height: 0 !important;
    align-items: center !important;
    box-sizing: border-box !important;
    padding: 11px 12px !important;
    border-radius: 12px !important;
    color: rgba(73, 55, 42, 0.82) !important;
    font-size: 0.84rem !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::before,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span::after,
  html body[data-page="dr-mix"] main#top details#kit .dr-kit-list span::before,
  html body[data-page="dr-mix"] main#top details#kit .dr-kit-list span::after {
    content: none !important;
    display: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust,
  html body[data-page="dr-mix"] main#top details#kit .dr-kit-trust {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table-wrap,
  html body[data-page="dr-mix"] main#top details#comparison .dr-comparison-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    overscroll-behavior-inline: contain !important;
    padding: 10px 10px 16px !important;
    scrollbar-gutter: stable !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table,
  html body[data-page="dr-mix"] main#top details#comparison .dr-comparison-table {
    width: 1040px !important;
    min-width: 1040px !important;
    table-layout: fixed !important;
    border-spacing: 8px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table th,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table td,
  html body[data-page="dr-mix"] main#top details#comparison .dr-comparison-table th,
  html body[data-page="dr-mix"] main#top details#comparison .dr-comparison-table td {
    width: 176px !important;
    min-width: 176px !important;
    vertical-align: top !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table th:first-child,
  html body[data-page="dr-mix"] main#top details#comparison .dr-comparison-table th:first-child {
    width: 138px !important;
    min-width: 138px !important;
  }

  html body[data-page="dr-mix"] .dr-video-frame video,
  html body[data-page="dr-mix"] .dr-video-phone video {
    background: #111 !important;
    pointer-events: auto !important;
    transform: translateZ(0) !important;
  }

  html body[data-page="dr-mix"] .dr-video-grid {
    display: flex !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 12px !important;
  }

  html body[data-page="dr-mix"] .dr-video-card {
    flex: 0 0 min(76vw, 270px) !important;
    scroll-snap-align: start !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-summary-card {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 22px !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-product-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 112px !important;
    height: 112px !important;
    min-height: 112px !important;
    border-radius: 18px !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-product-media img {
    inset: 8px !important;
    width: calc(100% - 16px) !important;
    height: calc(100% - 16px) !important;
    border-radius: 13px !important;
    object-fit: cover !important;
    object-position: center 42% !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-summary-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    gap: 6px !important;
    align-self: center !important;
    text-align: left !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-summary-copy h3 {
    font-size: 2rem !important;
    line-height: 0.96 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-summary-copy p {
    max-width: none !important;
    font-size: 0.78rem !important;
    line-height: 1.32 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-specs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 4px !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-specs span {
    min-height: 44px !important;
    padding: 7px 5px !important;
    border-radius: 12px !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-specs b {
    font-size: 0.76rem !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-specs small {
    font-size: 0.56rem !important;
    line-height: 1.12 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-summary-side {
    grid-column: 1 / -1 !important;
    gap: 8px !important;
    padding-top: 10px !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-summary-side > strong {
    font-size: 2.55rem !important;
    line-height: 0.92 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-summary-side .primary-btn {
    min-height: 48px !important;
    width: 100% !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-summary-side p {
    margin-top: 0 !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    font-size: 0.76rem !important;
    line-height: 1.34 !important;
  }

  html body[data-page="dr-mix"] .dr-mobile-cta {
    min-height: 48px !important;
    border: 1px solid rgba(255, 250, 244, 0.28) !important;
    background: rgba(124, 91, 76, 0.5) !important;
    box-shadow: 0 10px 22px rgba(73, 55, 42, 0.1) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  html body[data-page="dr-mix"] .dr-mobile-cta::before {
    background: linear-gradient(180deg, rgba(255, 250, 244, 0.24), rgba(255, 250, 244, 0.02)) !important;
  }

  html body[data-page="dr-mix"] .dr-mobile-cta::after {
    opacity: 0.34 !important;
  }

  html body[data-page="dr-mix"] .dr-support-widget summary {
    border: 1px solid rgba(255, 250, 244, 0.26) !important;
    background: rgba(124, 91, 76, 0.46) !important;
    box-shadow: 0 8px 18px rgba(73, 55, 42, 0.1) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  html body[data-page="dr-mix"] .dr-support-widget summary:hover,
  html body[data-page="dr-mix"] .dr-support-widget summary:focus-visible {
    background: rgba(124, 91, 76, 0.58) !important;
  }

  html body[data-page="dr-mix"] .dr-legal-footer-inner {
    gap: 0 !important;
    padding: 18px 16px 92px !important;
  }

  html body[data-page="dr-mix"] .dr-footer-column {
    border-top: 0 !important;
    border-bottom: 1px solid rgba(73, 55, 42, 0.1) !important;
    padding: 15px 0 !important;
  }

  html body[data-page="dr-mix"] .dr-footer-column:last-child {
    border-bottom: 0 !important;
  }

  html body[data-page="dr-mix"] .dr-footer-column .dr-compliance-marks {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }

  html body[data-page="dr-mix"] .dr-footer-column .dr-compliance-mark {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(73, 55, 42, 0.58) !important;
    font-size: 0.66rem !important;
    letter-spacing: 0.08em !important;
  }

  html body[data-page="dr-mix"] .site-header {
    gap: 8px !important;
    padding-inline: 14px !important;
  }

  html body[data-page="dr-mix"] .brand {
    flex: 0 0 auto !important;
  }

  html body[data-page="dr-mix"] .brand strong {
    font-size: 1.22rem !important;
  }

  html body[data-page="dr-mix"] .header-actions {
    flex: 0 1 auto !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  html body[data-page="dr-mix"] .auth-link {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 58px !important;
    max-width: none !important;
    min-height: 34px !important;
    padding-inline: 10px !important;
    font-size: 0.66rem !important;
    letter-spacing: 0.02em !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"] .auth-register-link {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    padding-inline: 6px !important;
    font-size: 0.52rem !important;
  }
}

@media (max-width: 380px) {
  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-inline: 12px !important;
    padding-top: 78px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy {
    padding: 16px 13px 14px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-copy h1 {
    font-size: clamp(2rem, 9vw, 2.36rem) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-text {
    font-size: 0.58rem !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-summary-card {
    grid-template-columns: 96px minmax(0, 1fr) !important;
  }

  html body[data-page="dr-mix"] #payment .dr-payment-product-media {
    width: 96px !important;
    height: 96px !important;
    min-height: 96px !important;
  }
}

@keyframes drBrowserHeroCopyIn {
  from {
    opacity: 0;
    transform: translateY(-12px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-page="dr-mix"] main#top .dr-hero-copy {
    animation: none !important;
  }
}

/* iphone-checkout-mobile-1: mobile checkout tap/zoom/overflow fixes only. */
@media (max-width: 768px) {
  html,
  body[data-page="dr-mix"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body[data-page="dr-mix"] :where(.dr-order-form, .dr-payment-form, .catalog-checkout-form, .dr-marketplace-checkout) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-page="dr-mix"] :where(.dr-order-form, .dr-payment-form, .catalog-checkout-form) :where(input, select, textarea, button) {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body[data-page="dr-mix"] .dr-order-form input,
  body[data-page="dr-mix"] .dr-order-form select,
  body[data-page="dr-mix"] .dr-order-form textarea,
  body[data-page="dr-mix"] .dr-order-form button,
  body[data-page="dr-mix"] .dr-payment-form input,
  body[data-page="dr-mix"] .dr-payment-form select,
  body[data-page="dr-mix"] .dr-payment-form textarea,
  body[data-page="dr-mix"] .dr-payment-form button,
  body[data-page="dr-mix"] .catalog-checkout-form input,
  body[data-page="dr-mix"] .catalog-checkout-form select,
  body[data-page="dr-mix"] .catalog-checkout-form textarea,
  body[data-page="dr-mix"] .catalog-checkout-form button {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  body[data-page="dr-mix"] :where(.dr-order-form, .dr-payment-form, .catalog-checkout-form) :where(input, select, textarea) {
    max-width: 100% !important;
  }

  body[data-page="dr-mix"] .dr-cdek-pvz-list {
    position: relative !important;
    z-index: 50 !important;
    max-width: 100% !important;
    pointer-events: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-page="dr-mix"] .dr-cdek-pvz-list button {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}

@supports (-webkit-touch-callout: none) {
  @media (max-width: 768px) {
    html,
    body[data-page="dr-mix"] {
      overflow-x: hidden !important;
    }

    body[data-page="dr-mix"] :where(.dr-order-dialog, .dr-order-form, .dr-payment-form, .catalog-checkout-form, .dr-marketplace-checkout) {
      width: min(100%, 430px) !important;
      max-width: calc(100vw - 24px) !important;
      box-sizing: border-box !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    body[data-page="dr-mix"] :where(.dr-order-form, .dr-payment-form, .catalog-checkout-form) :where(input, select, textarea) {
      font-size: 16px !important;
    }

    body[data-page="dr-mix"] .dr-order-form input,
    body[data-page="dr-mix"] .dr-order-form select,
    body[data-page="dr-mix"] .dr-order-form textarea,
    body[data-page="dr-mix"] .dr-payment-form input,
    body[data-page="dr-mix"] .dr-payment-form select,
    body[data-page="dr-mix"] .dr-payment-form textarea,
    body[data-page="dr-mix"] .catalog-checkout-form input,
    body[data-page="dr-mix"] .catalog-checkout-form select,
    body[data-page="dr-mix"] .catalog-checkout-form textarea {
      font-size: 16px !important;
    }
  }
}

.mobile-header,
.dr-mobile-menu {
  display: none;
}

/* mobile-header-overlay-1: restore mobile navigation without bringing back the tiny buy CTA. */
@media (max-width: 768px) {
  html body[data-page="dr-mix"] .mobile-header {
    position: absolute;
    top: calc(env(safe-area-inset-top, 0px) + 4px);
    left: 0;
    right: 0;
    z-index: 40;
    display: flex;
    height: 48px;
    align-items: center;
    justify-content: space-between;
    padding: 6px 18px;
    background: transparent;
    box-sizing: border-box;
    pointer-events: auto;
  }

  html body[data-page="dr-mix"] .mobile-header__logo {
    color: #3f332c;
    font-family: "Instrument Serif", Georgia, serif;
    max-width: 120px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
  }

  html body[data-page="dr-mix"] .mobile-header__menu {
    position: relative;
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(173, 122, 87, 0.22);
    border-radius: 13px;
    background: rgba(255, 250, 244, 0.76);
    box-shadow: 0 6px 16px rgba(90, 58, 32, 0.08);
    color: #7a4f37;
    -webkit-tap-highlight-color: transparent;
  }

  html body[data-page="dr-mix"] .mobile-header__menu span,
  html body[data-page="dr-mix"] .mobile-header__menu span::before,
  html body[data-page="dr-mix"] .mobile-header__menu span::after {
    display: block;
    width: 17px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
  }

  html body[data-page="dr-mix"] .dr-hero-mobile-logo {
    display: none !important;
  }

  html body[data-page="dr-mix"] .mobile-header__menu span {
    position: relative;
  }

  html body[data-page="dr-mix"] .mobile-header__menu span::before,
  html body[data-page="dr-mix"] .mobile-header__menu span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
  }

  html body[data-page="dr-mix"] .mobile-header__menu span::before {
    transform: translateY(-6px);
  }

  html body[data-page="dr-mix"] .mobile-header__menu span::after {
    transform: translateY(6px);
  }

  html body[data-page="dr-mix"] .dr-mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu[hidden] {
    display: none;
  }

  html body[data-page="dr-mix"].mobile-menu-open {
    overflow: hidden !important;
    touch-action: none;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(40, 28, 20, 0.28);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__panel {
    position: relative;
    z-index: 1;
    display: grid;
    width: calc(100% - 28px);
    max-width: 420px;
    max-height: calc(100svh - 24px);
    gap: 24px;
    overflow-y: auto;
    margin: 12px auto;
    padding: 22px 20px calc(22px + env(safe-area-inset-bottom));
    border: 1px solid rgba(173, 122, 87, 0.16);
    border-radius: 30px;
    background: rgba(255, 250, 244, 0.97);
    box-shadow: 0 26px 72px rgba(40, 28, 20, 0.24);
    box-sizing: border-box;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -webkit-overflow-scrolling: touch;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__sprite {
    display: none;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__head {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__head strong {
    color: #3f332c;
    font-family: "Instrument Serif", Georgia, serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 0.95;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__close {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(173, 122, 87, 0.18);
    border-radius: 15px;
    background: rgba(255, 246, 237, 0.72);
    color: #7a4f37;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__close svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__section {
    display: grid;
    gap: 12px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__section[hidden] {
    display: none !important;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__label {
    margin: 0 0 2px;
    color: rgba(65, 50, 42, 0.45);
    font: 700 11px/1.1 Manrope, system-ui, sans-serif;
    letter-spacing: 0.18em;
    text-transform: uppercase;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__account-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__auth-btn {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 18px;
    font: 750 16px/1.2 Manrope, system-ui, sans-serif;
    text-decoration: none;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__auth-btn--ghost {
    border: 1px solid rgba(173, 122, 87, 0.24);
    background: rgba(255, 246, 237, 0.74);
    color: #6f4a34;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__auth-btn--primary {
    border: 1px solid rgba(166, 120, 92, 0.72);
    background: #a6785c;
    color: #fffaf4;
    box-shadow: 0 12px 26px rgba(166, 120, 92, 0.18);
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__user-card,
  html body[data-page="dr-mix"] .dr-mobile-menu__list {
    display: grid;
    gap: 6px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__account-row,
  html body[data-page="dr-mix"] .dr-mobile-menu__item {
    display: flex;
    height: 54px;
    align-items: center;
    gap: 12px;
    border: 0;
    border-radius: 18px;
    padding: 8px 10px;
    background: transparent !important;
    color: #3f332c !important;
    font: 600 17px/1.25 Manrope, system-ui, sans-serif;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__account-row {
    background: rgba(255, 246, 237, 0.62);
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__account-row::after {
    content: "›";
    margin-left: auto;
    color: rgba(122, 79, 55, 0.46);
    font-size: 18px;
    line-height: 1;
  }

  html body[data-page="dr-mix"] button.dr-mobile-menu__account-row::after {
    content: "";
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__item[hidden] {
    display: none !important;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__icon {
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 12px;
    background: rgba(173, 122, 87, 0.08);
    color: #8a5d42;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__arrow {
    margin-left: auto;
    color: rgba(122, 79, 55, 0.46);
    font-size: 18px;
    line-height: 1;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__contact {
    display: grid;
    gap: 4px;
    min-height: 0;
    justify-content: start;
    border: 1px solid rgba(173, 122, 87, 0.16);
    border-radius: 16px;
    padding: 12px 14px;
    background: rgba(255, 246, 237, 0.76);
    color: #3f332c;
    text-decoration: none;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__contact strong {
    font: 820 17px/1.15 Manrope, system-ui, sans-serif;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__contact span {
    color: rgba(63, 51, 44, 0.58);
    font: 700 12px/1.25 Manrope, system-ui, sans-serif;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__auth-btn:active,
  html body[data-page="dr-mix"] .dr-mobile-menu__auth-btn:focus-visible,
  html body[data-page="dr-mix"] .dr-mobile-menu__account-row:active,
  html body[data-page="dr-mix"] .dr-mobile-menu__account-row:focus-visible,
  html body[data-page="dr-mix"] .dr-mobile-menu__item:active,
  html body[data-page="dr-mix"] .dr-mobile-menu__item:focus-visible {
    background: rgba(173, 122, 87, 0.12) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-inner {
    padding-top: max(calc(76px + env(safe-area-inset-top, 0px)), min(13.5svh, 128px)) !important;
  }
}

/* mobile-header-contact-1: small-phone spacing only. */
@media (max-width: 380px), (max-width: 768px) and (max-height: 700px) {
  html body[data-page="dr-mix"][data-motion-ready="true"] main#top section.dr-hero .dr-hero-copy[data-reveal],
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy {
    top: calc(116px + env(safe-area-inset-top, 0px)) !important;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__panel {
    gap: 14px;
    padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
    border-radius: 26px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__head {
    min-height: 40px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__head strong {
    font-size: 34px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__close {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__section {
    gap: 8px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__label {
    margin-bottom: 0;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__auth-btn {
    min-height: 48px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__account-row,
  html body[data-page="dr-mix"] .dr-mobile-menu__item {
    height: 50px;
    padding: 7px 8px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__icon {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
  }

  html body[data-page="dr-mix"] .dr-mobile-menu__contact {
    padding: 10px 12px;
  }
}

html body[data-page="dr-mix"] .dr-auth-intent {
  margin: -6px 0 2px;
  color: rgba(63, 51, 42, 0.72);
  font-size: 16px;
  font-weight: 650;
  line-height: 1.45;
}

html body[data-page="dr-mix"] .dr-auth-footnote {
  margin: -4px 0 0;
  color: rgba(122, 79, 55, 0.68);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}

html body[data-page="dr-mix"] .dr-auth-tabs button,
html body[data-page="dr-mix"] .dr-auth-form input:not([type="checkbox"]),
html body[data-page="dr-mix"] .dr-auth-form button {
  font-size: 16px;
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"] .dr-auth-intent {
    font-size: 15px;
  }
}

/* auth-mobile-compact-1: checkout auth gate modal only. */
@media (max-width: 768px) {
  html body[data-page="dr-mix"] .dr-auth-modal {
    width: 100%;
    align-items: center;
    justify-items: center;
    padding: 16px 0 calc(16px + env(safe-area-inset-bottom));
    box-sizing: border-box;
    overflow: hidden;
  }

  html body[data-page="dr-mix"] .dr-auth-dialog {
    width: calc(100% - 28px);
    max-width: 390px;
    max-height: calc(100svh - 32px);
    margin: 0 auto;
    gap: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    border-radius: 24px;
    padding: 22px 18px 20px;
    -webkit-overflow-scrolling: touch;
  }

  html body[data-page="dr-mix"] .dr-auth-close {
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    font-size: 18px;
  }

  html body[data-page="dr-mix"] .dr-auth-dialog h2 {
    margin: 0 0 10px;
    padding-right: 46px;
    font-size: clamp(30px, 8vw, 38px);
    line-height: 1.02;
    letter-spacing: -0.02em;
  }

  html body[data-page="dr-mix"] .dr-auth-intent {
    margin: -4px 0 4px;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.38;
  }

  html body[data-page="dr-mix"] .dr-auth-tabs {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    box-sizing: border-box;
    padding: 5px;
    overflow: hidden;
  }

  html body[data-page="dr-mix"] .dr-auth-tabs button {
    min-width: 0;
    min-height: 48px;
    height: 48px;
    padding: 0 8px;
    overflow: hidden;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
  }

  html body[data-page="dr-mix"] .dr-auth-form {
    gap: 12px;
  }

  html body[data-page="dr-mix"] .dr-auth-form label {
    gap: 6px;
    font-size: 11px;
    letter-spacing: 0.04em;
  }

  html body[data-page="dr-mix"] .dr-auth-form input:not([type="checkbox"]) {
    min-height: 52px;
    border-radius: 14px;
    padding: 0 14px;
    font-size: 16px;
  }

  html body[data-page="dr-mix"] .dr-auth-check {
    padding: 10px;
  }

  html body[data-page="dr-mix"] .dr-auth-check span {
    font-size: 13px;
    line-height: 1.32;
  }

  html body[data-page="dr-mix"] .dr-auth-form .primary-btn,
  html body[data-page="dr-mix"] .dr-auth-form .secondary-btn {
    min-height: 52px;
    font-size: 16px;
  }

  html body[data-page="dr-mix"] .dr-auth-footnote {
    margin-top: -2px;
    font-size: 13px;
  }

  html body[data-page="dr-mix"] .dr-auth-dialog .form-note {
    min-height: 18px;
    font-size: 13px;
  }
}

@media (max-width: 380px) {
  html body[data-page="dr-mix"] .dr-auth-dialog {
    width: calc(100% - 24px);
    padding: 20px 16px 18px;
  }

  html body[data-page="dr-mix"] .dr-auth-tabs button {
    font-size: 14px;
  }
}

/* desktop-auth-polish-1: desktop header state, auth forms, reset page and proof icons. */
html body[data-page="dr-mix"][data-auth-state="signed-in"] .header-actions .auth-register-link {
  display: none !important;
}

html body[data-page="dr-mix"][data-auth-state="guest"] .header-actions .auth-register-link {
  display: inline-flex !important;
}

@media (min-width: 769px) {
html body[data-page="dr-mix"] .dr-auth-form input:not([type="checkbox"]):focus,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-form input:focus {
  border-color: rgba(169, 130, 103, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(169, 130, 103, 0.12) !important;
  outline: none !important;
}

html body[data-page="dr-mix"] .dr-auth-form .primary-btn,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-form .btn,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-panel > .btn {
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #a98267 !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(122, 79, 55, 0.2) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

html body[data-page="dr-mix"] .dr-auth-form .primary-btn:hover,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-form .btn:hover,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-panel > .btn:hover {
  background: #946f56 !important;
  color: #fff !important;
}

html body[data-page="dr-mix"] .dr-auth-form .primary-btn:disabled,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-form .btn:disabled,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-panel > .btn:disabled {
  background: rgba(169, 130, 103, 0.52) !important;
  box-shadow: none !important;
  cursor: wait !important;
  opacity: 1 !important;
}

  html body[data-page="dr-mix"] .dr-auth-tabs,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 20px !important;
    background: rgba(255, 250, 244, 0.82) !important;
    box-shadow: inset 0 0 0 1px rgba(92, 69, 51, 0.08) !important;
    overflow: hidden !important;
  }

  html body[data-page="dr-mix"] .dr-auth-tabs button,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs button {
    min-width: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #7a4f37 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    outline: none !important;
  }

  html body[data-page="dr-mix"] .dr-auth-tabs button.active,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs button.active {
    background: #fffaf4 !important;
    color: #49372a !important;
    box-shadow: 0 10px 24px rgba(92, 69, 51, 0.12) !important;
  }

  html body[data-page="dr-mix"] .dr-auth-tabs button:focus-visible,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs button:focus-visible {
    outline: 2px solid rgba(169, 130, 103, 0.35) !important;
    outline-offset: 2px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item {
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    text-align: left !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-icon {
    display: grid !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    place-items: center !important;
    border-radius: 18px !important;
    background: rgba(173, 122, 87, 0.1) !important;
    color: #8f6048 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-icon svg {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    overflow: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    transform: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-icon svg path,
  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-icon svg circle,
  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-icon svg rect {
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-text,
  html body[data-page="dr-mix"] main#top .dr-proof-strip .dr-proof-text * {
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item:not(.dr-proof-item--link) {
    cursor: default !important;
  }

  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item:hover .dr-proof-text,
  html body[data-page="dr-mix"] main#top .dr-proof-strip > .dr-proof-item:hover .dr-proof-text * {
    background: transparent !important;
    color: inherit !important;
    text-decoration: none !important;
  }
}

html body[data-page="dr-mix"] .dr-auth-modal[data-mode="recover"] .dr-auth-tabs {
  display: none !important;
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"] .dr-auth-modal[data-mode="recover"] .dr-auth-dialog {
    max-width: 460px !important;
    padding: 32px 28px 28px !important;
    border-radius: 24px !important;
    gap: 14px !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal[data-mode="recover"] .dr-auth-dialog h2 {
    padding-right: 44px !important;
    font-size: clamp(46px, 4.2vw, 52px) !important;
    line-height: 1 !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal[data-mode="recover"] .dr-auth-form {
    gap: 12px !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal[data-mode="recover"] .dr-auth-form input:not([type="checkbox"]) {
    min-height: 52px !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal[data-mode="recover"] .dr-auth-form .primary-btn {
    min-height: 54px !important;
    font-size: 16px !important;
  }
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-reset-link {
  display: inline-flex !important;
  width: fit-content !important;
  justify-self: start !important;
  margin-top: 6px !important;
  color: #8f6048 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-reset-link[hidden] {
  display: none !important;
}

/* lite-mode-1: lighter Dr. Mix experience for weak network and low-end phones. */
html.lite-mode body[data-page="dr-mix"] {
  scroll-behavior: auto !important;
}

html.lite-mode body[data-page="dr-mix"] *,
html.lite-mode body[data-page="dr-mix"] *::before,
html.lite-mode body[data-page="dr-mix"] *::after {
  animation-duration: 0.001ms !important;
  animation-delay: 0ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
  scroll-behavior: auto !important;
}

html.lite-mode body[data-page="dr-mix"] main#top [data-reveal] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

html.lite-mode body[data-page="dr-mix"] .dr-hero-bg {
  transform: none !important;
  animation: none !important;
  background-position: center center !important;
}

html.lite-mode body[data-page="dr-mix"] .dr-hero-ribbons,
html.lite-mode body[data-page="dr-mix"] .dr-hero-particles,
html.lite-mode body[data-page="dr-mix"] .dr-scroll-progress,
html.lite-mode body[data-page="dr-mix"] main#top .dr-hero-product-glow,
html.lite-mode body[data-page="dr-mix"] main#top .dr-hero-product::after,
html.lite-mode body[data-page="dr-mix"] main#top .dr-hero-visual-orbit {
  display: none !important;
}

html.lite-mode body[data-page="dr-mix"] main#top .dr-hero-copy,
html.lite-mode body[data-page="dr-mix"] .dr-auth-dialog,
html.lite-mode body[data-page="dr-mix"] .dr-order-dialog,
html.lite-mode body[data-page="dr-mix"] .dr-mobile-menu__panel {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 14px 34px rgba(69, 48, 34, 0.12) !important;
}

html.lite-mode body[data-page="dr-mix"] .dr-video-section video {
  background: #f4e8db !important;
}

body[data-page="dr-mix"] .dr-lite-toggle,
body[data-page="dr-mix"] .dr-lite-inline-toggle {
  appearance: none;
  width: 100%;
  border: 1px solid rgba(173, 122, 87, 0.22);
  border-radius: 18px;
  background: rgba(255, 250, 244, 0.9);
  color: #5b473b;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 10px 12px;
  font: inherit;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}

body[data-page="dr-mix"] .dr-lite-toggle small,
body[data-page="dr-mix"] .dr-lite-inline-toggle small {
  border-radius: 999px;
  background: rgba(173, 122, 87, 0.1);
  color: #8f6048;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  padding: 7px 9px;
  white-space: nowrap;
}

body[data-page="dr-mix"] .dr-lite-toggle[aria-pressed="true"],
body[data-page="dr-mix"] .dr-lite-inline-toggle[aria-pressed="true"] {
  background: #7f563e;
  color: #fffaf4;
}

body[data-page="dr-mix"] .dr-lite-toggle[aria-pressed="true"] small,
body[data-page="dr-mix"] .dr-lite-inline-toggle[aria-pressed="true"] small {
  background: rgba(255, 250, 244, 0.16);
  color: #fffaf4;
}

body[data-page="dr-mix"] .dr-lite-hint {
  margin: 8px 0 0;
  color: rgba(65, 50, 42, 0.58);
  font-size: 13px;
  line-height: 1.35;
}

body[data-page="dr-mix"] .dr-lite-inline-toggle {
  margin-top: 8px;
  max-width: 240px;
}

body[data-page="dr-mix"] .dr-lite-notice {
  position: fixed;
  left: max(14px, env(safe-area-inset-left));
  right: max(14px, env(safe-area-inset-right));
  bottom: calc(14px + env(safe-area-inset-bottom));
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  max-width: 620px;
  margin: 0 auto;
  padding: 13px 14px;
  border: 1px solid rgba(173, 122, 87, 0.18);
  border-radius: 18px;
  background: rgba(255, 250, 244, 0.98);
  box-shadow: 0 18px 40px rgba(55, 38, 27, 0.18);
  color: #4b3a30;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

body[data-page="dr-mix"] .dr-lite-notice[hidden] {
  display: none !important;
}

body[data-page="dr-mix"] .dr-lite-notice > div {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

body[data-page="dr-mix"] .dr-lite-notice button {
  border: 0;
  border-radius: 999px;
  min-height: 38px;
  padding: 0 13px;
  background: #7f563e;
  color: #fffaf4;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

body[data-page="dr-mix"] .dr-lite-notice .dr-lite-notice__close {
  width: 38px;
  padding: 0;
  background: rgba(173, 122, 87, 0.1);
  color: #7a4f37;
  font-size: 20px;
  line-height: 1;
}

@media (max-width: 520px) {
  body[data-page="dr-mix"] .dr-lite-notice {
    align-items: stretch;
    flex-direction: column;
  }

  body[data-page="dr-mix"] .dr-lite-notice > div {
    justify-content: flex-end;
  }
}

/* lite-auth-fixes-1: clean Lite toggles and signed-in header state. */
body[data-page="dr-mix"][data-auth-state="signed-in"] .header-actions .auth-register-link,
body[data-page="dr-mix"] .header-actions .auth-register-link[hidden] {
  display: none !important;
}

body[data-page="dr-mix"] .header-lite-toggle {
  appearance: none;
  height: 40px;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid rgba(169, 130, 103, 0.18);
  border-radius: 14px;
  background: rgba(255, 250, 244, 0.82);
  color: #6f5848;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font: 800 12px/1 Manrope, system-ui, sans-serif;
  letter-spacing: 0.01em;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(90, 58, 32, 0.06);
}

body[data-page="dr-mix"] .header-lite-toggle.is-on {
  border-color: transparent;
  background: #a98267;
  color: #fffaf4;
}

body[data-page="dr-mix"] .lite-toggle-row {
  width: 100%;
  min-height: 58px;
  padding: 12px 14px;
  border: 1px solid rgba(169, 130, 103, 0.16);
  border-radius: 18px;
  background: rgba(255, 250, 244, 0.7);
  color: #4a372d;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  box-shadow: none;
}

body[data-page="dr-mix"] .lite-toggle-row.is-on {
  border-color: rgba(169, 130, 103, 0.18);
  background: rgba(255, 250, 244, 0.78);
  color: #4a372d;
}

body[data-page="dr-mix"] .lite-toggle-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  text-align: left;
}

body[data-page="dr-mix"] .lite-toggle-title {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.15;
  color: #4a372d;
}

body[data-page="dr-mix"] .lite-toggle-subtitle {
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
  color: rgba(74, 55, 45, 0.58);
}

body[data-page="dr-mix"] .lite-switch {
  width: 48px;
  height: 28px;
  padding: 3px;
  border-radius: 999px;
  background: rgba(169, 130, 103, 0.18);
  display: block;
  flex: 0 0 auto;
  transition: background-color 160ms ease;
}

body[data-page="dr-mix"] .lite-switch-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  display: block;
  box-shadow: 0 4px 10px rgba(90, 58, 32, 0.18);
  transform: translateX(0);
  transition: transform 160ms ease;
}

body[data-page="dr-mix"] .lite-switch.is-on,
body[data-page="dr-mix"] .lite-toggle-row.is-on .lite-switch {
  background: #a98267;
}

body[data-page="dr-mix"] .lite-switch.is-on .lite-switch-thumb,
body[data-page="dr-mix"] .lite-toggle-row.is-on .lite-switch-thumb {
  transform: translateX(20px);
}

@media (max-width: 768px) {
  body[data-page="dr-mix"] .header-lite-toggle {
    display: none !important;
  }
}

/* lite-placement-1: Lite is a site setting, not a purchase CTA. */
body[data-page="dr-mix"] .dr-nav-lite-item {
  appearance: none;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #6f5848;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  padding: 8px 10px;
}

body[data-page="dr-mix"] .dr-nav-lite-item:hover {
  background: rgba(169, 130, 103, 0.1);
}

body[data-page="dr-mix"] .dr-nav-lite-item.is-on {
  background: rgba(169, 130, 103, 0.12);
}

body[data-page="dr-mix"] .dr-nav-lite-item.is-on::after {
  content: " ✓";
}

body[data-page="dr-mix"] .dr-nav-lite-setting,
body[data-page="dr-mix"] .lite-setting-row {
  appearance: none;
  width: 100%;
  max-width: 220px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #4a372d;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-shadow: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

body[data-page="dr-mix"] .dr-nav-lite-setting {
  min-width: 220px;
  max-width: none;
  margin-top: 2px;
  padding: 0 12px;
  border-top: 0;
}

body[data-page="dr-mix"] .site-settings {
  margin-top: 14px;
}

body[data-page="dr-mix"] .site-settings-title {
  display: none;
}

body[data-page="dr-mix"] .dr-mobile-menu__section--settings {
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(169, 130, 103, 0.14);
}

body[data-page="dr-mix"] .dr-mobile-menu__section--settings .lite-setting-row {
  display: inline-flex;
  width: auto;
  max-width: 220px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  justify-content: flex-start;
}

body[data-page="dr-mix"] .site-settings .lite-setting-row {
  display: inline-flex;
  width: auto;
  max-width: none;
  height: 34px;
  min-height: 34px;
  justify-content: flex-start;
}

body[data-page="dr-mix"] .lite-setting-copy {
  display: block;
  min-width: 0;
}

body[data-page="dr-mix"] .lite-setting-title {
  color: #4a372d;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
}

body[data-page="dr-mix"] .site-settings .lite-setting-title {
  color: #6f5848;
}

body[data-page="dr-mix"] .dr-mobile-menu__section--settings .lite-setting-title {
  font-size: 15px;
}

body[data-page="dr-mix"] .lite-setting-subtitle {
  display: none;
}

body[data-page="dr-mix"] .lite-setting-description {
  display: none;
}

body[data-page="dr-mix"] .lite-setting-row .lite-switch,
body[data-page="dr-mix"] .dr-nav-lite-setting .lite-switch {
  width: 42px;
  height: 24px;
  padding: 3px;
  border-radius: 999px;
  background: rgba(169, 130, 103, 0.18);
  flex: 0 0 42px;
  box-sizing: border-box;
}

body[data-page="dr-mix"] .lite-setting-row .lite-switch-thumb,
body[data-page="dr-mix"] .dr-nav-lite-setting .lite-switch-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  display: block;
  box-shadow: 0 3px 8px rgba(90, 58, 32, 0.16);
  transform: translateX(0);
}

body[data-page="dr-mix"] .lite-setting-row.is-on,
body[data-page="dr-mix"] .dr-nav-lite-setting.is-on {
  background: transparent;
  color: #4a372d;
}

body[data-page="dr-mix"] .lite-setting-row .lite-switch.is-on,
body[data-page="dr-mix"] .dr-nav-lite-setting .lite-switch.is-on,
body[data-page="dr-mix"] .lite-setting-row.is-on .lite-switch,
body[data-page="dr-mix"] .dr-nav-lite-setting.is-on .lite-switch {
  background: #a98267;
}

body[data-page="dr-mix"] .lite-setting-row .lite-switch.is-on .lite-switch-thumb,
body[data-page="dr-mix"] .dr-nav-lite-setting .lite-switch.is-on .lite-switch-thumb,
body[data-page="dr-mix"] .lite-setting-row.is-on .lite-switch-thumb,
body[data-page="dr-mix"] .dr-nav-lite-setting.is-on .lite-switch-thumb {
  transform: translateX(18px);
}

html.lite-mode body[data-page="dr-mix"] main#top .dr-hero-overlay {
  background:
    linear-gradient(90deg, rgba(255, 248, 239, 0.9), rgba(255, 248, 239, 0.48)),
    linear-gradient(180deg, rgba(255, 250, 244, 0.18), rgba(247, 236, 224, 0.24)) !important;
}

html.lite-mode body[data-page="dr-mix"] main#top .dr-hero-copy {
  position: relative !important;
  background: rgba(255, 250, 244, 0.92) !important;
  border-color: rgba(169, 130, 103, 0.16) !important;
  filter: none !important;
}

html.lite-mode body[data-page="dr-mix"] main#top .dr-hero-copy::after {
  content: "Lite-режим";
  position: absolute;
  top: 14px;
  right: 14px;
  border: 1px solid rgba(169, 130, 103, 0.18);
  border-radius: 999px;
  background: rgba(255, 250, 244, 0.92);
  color: #8f6048;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  padding: 7px 9px;
}

.lite-status-toast {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: calc(84px + env(safe-area-inset-bottom));
  z-index: 80;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  max-width: 420px;
  margin: 0 auto;
  padding: 12px 14px;
  border: 1px solid rgba(169, 130, 103, 0.18);
  border-radius: 18px;
  background: rgba(255, 250, 244, 0.96);
  box-shadow: 0 14px 34px rgba(90, 58, 32, 0.16);
  color: #4a372d;
}

.lite-status-toast strong {
  font-size: 14px;
  font-weight: 850;
  line-height: 1.2;
}

.lite-status-toast span {
  grid-column: 1;
  color: rgba(74, 55, 45, 0.62);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
}

.lite-status-toast > div {
  grid-row: 1 / span 2;
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 6px;
}

.lite-status-toast button {
  min-height: 34px;
  border: 0;
  border-radius: 999px;
  background: rgba(169, 130, 103, 0.12);
  color: #7a4f37;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  padding: 0 11px;
  cursor: pointer;
}

.lite-status-toast [data-lite-status-close] {
  width: 34px;
  padding: 0;
  font-size: 18px;
}

.lite-debug-badge {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 1300;
  border-radius: 999px;
  background: rgba(46, 35, 29, 0.88);
  color: #fffaf4;
  font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  padding: 8px 10px;
  pointer-events: none;
}

body[data-page="dr-mix"] .dr-lite-notice strong {
  grid-column: 1;
  display: block;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
}

body[data-page="dr-mix"] .dr-lite-notice > span {
  grid-column: 1;
  color: rgba(74, 55, 45, 0.66);
  font-size: 13px;
  font-weight: 650;
}

body[data-page="dr-mix"] .dr-lite-notice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
}

body[data-page="dr-mix"] .dr-lite-notice > div {
  grid-row: 1 / span 2;
  grid-column: 2;
}

body[data-page="dr-mix"] .dr-lite-notice .dr-lite-notice__dismiss {
  background: rgba(173, 122, 87, 0.1);
  color: #7a4f37;
}

@media (min-width: 769px) {
  .lite-status-toast {
    left: 24px;
    right: auto;
    bottom: 24px;
    width: 320px;
    margin: 0;
  }
}

@media (max-width: 520px) {
  .lite-status-toast {
    grid-template-columns: 1fr;
  }

  .lite-status-toast > div {
    grid-row: auto;
    grid-column: 1;
    justify-content: flex-end;
  }

  body[data-page="dr-mix"] .dr-lite-notice {
    grid-template-columns: 1fr;
  }

  body[data-page="dr-mix"] .dr-lite-notice > div {
    grid-row: auto;
    grid-column: 1;
    justify-content: flex-end;
  }

  html.lite-mode body[data-page="dr-mix"] main#top .dr-hero-copy::after {
    top: 10px;
    right: 10px;
    font-size: 10px;
  }
}

/* desktop-auth-overflow-1: keep auth and forgot-password cards inside desktop modal width. */
@media (min-width: 769px) {
  html body[data-page="dr-mix"] .dr-auth-dialog {
    width: min(560px, calc(100vw - 48px)) !important;
    max-width: 560px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal[data-mode="recover"] .dr-auth-dialog {
    width: min(500px, calc(100vw - 48px)) !important;
    max-width: 500px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .auth-panel {
    width: min(560px, calc(100vw - 48px)) !important;
    max-width: 560px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] #resetPasswordForm,
  html body[data-page="dr-mix"][data-auth-page="true"] #resetPasswordForm + .form-note,
  html body[data-page="dr-mix"][data-auth-page="true"] #loginLink {
    max-width: 500px !important;
  }

  html body[data-page="dr-mix"] .dr-auth-dialog *,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-panel * {
    box-sizing: border-box !important;
  }

  html body[data-page="dr-mix"] .dr-auth-dialog h2 {
    max-width: 100% !important;
    margin-bottom: 18px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: clamp(42px, 4vw, 58px) !important;
    line-height: 1 !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal[data-mode="recover"] .dr-auth-dialog h2 {
    font-size: clamp(36px, 3.4vw, 46px) !important;
  }

  html body[data-page="dr-mix"] .dr-auth-form,
  html body[data-page="dr-mix"] .dr-auth-tabs,
  html body[data-page="dr-mix"] .dr-auth-form label,
  html body[data-page="dr-mix"] .dr-auth-form input:not([type="checkbox"]),
  html body[data-page="dr-mix"] .dr-auth-form button,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-form,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-form label,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-form input,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-form button,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-panel .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body[data-page="dr-mix"] .dr-auth-tabs,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  html body[data-page="dr-mix"] .dr-auth-tabs button,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs button {
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"] .dr-auth-form .password-toggle,
  html body[data-page="dr-mix"][data-auth-page="true"] .auth-form .password-toggle {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    width: 34px !important;
    max-width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
  }
}

/* checkout-auth-header-1: keep checkout auth forms full-width without stretching the badge or close button. */
@media (min-width: 769px) {
  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) {
    display: grid !important;
    place-items: center !important;
    padding: 24px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-dialog,
  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-form {
    overflow-x: hidden !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-dialog {
    width: min(560px, calc(100vw - 48px)) !important;
    max-width: 560px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-dialog h2 {
    max-width: 100% !important;
    margin-bottom: 16px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    letter-spacing: -0.02em !important;
    font-size: clamp(38px, 3.6vw, 52px) !important;
    line-height: 1 !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-intent {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-tabs,
  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-form,
  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-form label,
  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-form input:not([type="checkbox"]),
  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-form button:not(.password-toggle),
  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-footnote,
  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .form-note {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-dialog .eyebrow {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: max-content !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0 auto 18px !important;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-close {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 5 !important;
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    place-items: center !important;
    border-radius: 50% !important;
    flex: none !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-tabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  html body[data-page="dr-mix"] .dr-auth-modal:is([data-intent="checkout"], [data-auth-context="checkout"]):not([data-mode="recover"]) .dr-auth-tabs button {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 17px !important;
  }
}

html body[data-page="dr-mix"] .password-field .password-toggle,
html body[data-page="dr-mix"][data-auth-page="true"] .password-field .password-toggle {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  z-index: 3 !important;
  width: 34px !important;
  max-width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  pointer-events: auto !important;
  transform: translateY(-50%) !important;
}

html body[data-page="dr-mix"] .password-field input,
html body[data-page="dr-mix"][data-auth-page="true"] .password-field input {
  pointer-events: auto !important;
}

html body[data-page="dr-mix"] .password-field .password-toggle svg,
html body[data-page="dr-mix"][data-auth-page="true"] .password-field .password-toggle svg {
  pointer-events: none !important;
}

/* auth-dashboard-1: let the signed Dr. Mix cabinet use the full dashboard width. */
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-section {
  display: block !important;
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
  min-height: auto !important;
  padding-top: 52px !important;
  padding-bottom: 72px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-copy {
  width: 100% !important;
  max-width: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-copy h1 {
  max-width: 820px !important;
  margin: 0 !important;
  font-size: clamp(34px, 4.4vw, 58px) !important;
  line-height: 1.05 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed #authState {
  width: 100% !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-top-actions {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: -72px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  gap: 20px;
  padding: 22px;
  border: 1px solid rgba(148, 104, 70, 0.16);
  border-radius: 12px;
  background: rgba(255, 252, 247, 0.88);
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup h2 {
  margin: 0 0 8px;
  font-size: 1.45rem;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup p {
  margin: 0;
  color: rgba(73, 55, 43, 0.72);
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup label {
  display: grid;
  gap: 5px;
  color: rgba(73, 55, 43, 0.68);
  font-size: 0.72rem;
  font-weight: 750;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup input {
  min-width: 0;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(148, 104, 70, 0.18);
  border-radius: 8px;
  background: #fffdf9;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup button,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup .form-note {
  grid-column: 1 / -1;
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup form {
    grid-template-columns: 1fr;
  }
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-card {
  display: inline-flex !important;
  max-width: 100% !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid rgba(91, 58, 41, 0.1) !important;
  border-radius: 22px !important;
  background: rgba(255, 250, 243, 0.72) !important;
  box-shadow: 0 12px 34px rgba(70, 42, 24, 0.07) !important;
  padding: 14px 16px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-avatar {
  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 auto !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #7a5138, #9a6d4e) !important;
  color: #fffaf3 !important;
  font-weight: 900 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 2px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-copy strong {
  color: #2a160e !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-copy small {
  color: rgba(58, 42, 32, 0.58) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-pill {
  appearance: none !important;
  display: inline-flex !important;
  min-height: 34px !important;
  align-items: center !important;
  border: 1px solid rgba(91, 58, 41, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 243, 0.82) !important;
  color: #5a3a2b !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  padding: 0 13px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-primary-cta {
  appearance: none !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #7a5138, #9a6d4e) !important;
  box-shadow: 0 10px 24px rgba(70, 42, 24, 0.14) !important;
  color: #fffaf3 !important;
  cursor: pointer !important;
  transition:
    background 160ms ease,
    box-shadow 160ms ease,
    transform 120ms ease !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-primary-cta * {
  color: inherit !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-primary-cta span {
  opacity: 0.75 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-primary-cta:hover {
  background: linear-gradient(135deg, #875c42, #a67856) !important;
  box-shadow: 0 12px 26px rgba(70, 42, 24, 0.16) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-primary-cta:active {
  transform: translateY(1px) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: 18px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-row-more {
  appearance: none !important;
  background: rgba(255, 250, 243, 0.72) !important;
  cursor: pointer !important;
  font: inherit !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-dashboard :is(dd, dt, p, small, em) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card p {
  flex: 1 1 auto !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .profile-action-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  margin-top: auto !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card .profile-action-row {
  align-self: stretch !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-video-details video {
  flex: 1 0 100% !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card--support .dr-profile-action-icon {
  width: 40px !important;
  height: 40px !important;
  background: #f0e5d7 !important;
  color: #80573e !important;
  font-size: 15px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card--support {
  gap: 8px !important;
  padding: 20px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card--support p {
  flex: 0 1 auto !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-main {
  display: grid !important;
  width: 100% !important;
  gap: 5px !important;
  margin-top: auto !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-primary {
  display: inline-flex !important;
  min-height: 36px !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 1px solid rgba(91, 58, 41, 0.16) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #8b6247, #a87958) !important;
  box-shadow: 0 12px 22px rgba(80, 48, 27, 0.14) !important;
  color: #fffaf3 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  padding: 9px 14px 9px 16px !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-primary:hover {
  background: linear-gradient(135deg, #7d553b, #9e6d4d) !important;
  color: #fffaf3 !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  align-items: center !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(58, 42, 32, 0.64) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-links > span {
  flex: 0 0 auto !important;
  color: rgba(58, 42, 32, 0.58) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-links a {
  display: inline-flex !important;
  min-height: 0 !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #604230 !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-links a:hover {
  border-color: transparent !important;
  background: transparent !important;
  color: #2a160e !important;
  text-decoration: underline !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-links a:not(:last-child)::after {
  color: rgba(58, 42, 32, 0.34) !important;
  content: "·" !important;
  display: inline-block !important;
  margin-left: 5px !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-telegram {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  width: 100% !important;
  border-top: 1px solid rgba(91, 58, 41, 0.1) !important;
  margin: 0 !important;
  padding-top: 7px !important;
  color: rgba(58, 42, 32, 0.58) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-telegram a,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-telegram button {
  display: inline-flex !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #6f4b36 !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-telegram a:hover,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-telegram button:hover {
  color: #2a160e !important;
  text-decoration: underline !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-telegram-status {
  color: #3f6849 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-detail-actions :is(.btn, .btn-ghost, .signed-order-telegram-state),
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .signed-order-telegram-state,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-track-pill {
  border-color: rgba(80, 55, 35, 0.14) !important;
  background: rgba(255, 250, 243, 0.78) !important;
  color: #5b4638 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-detail-actions :is(.btn, .btn-ghost):hover,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card :is(a, summary, button):hover,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-row-more:hover,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-pill:hover,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-track-pill:is(a, button):hover {
  border-color: rgba(80, 55, 35, 0.24) !important;
  background: rgba(80, 55, 35, 0.07) !important;
  color: #2a160e !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(
  .dr-profile-action-card a,
  .dr-profile-action-card summary,
  .dr-profile-action-card button,
  .dr-profile-row-more,
  .dr-profile-primary-cta,
  .dr-profile-user-pill,
  .dr-profile-track-pill
):focus-visible {
  outline: 2px solid rgba(122, 81, 56, 0.35) !important;
  outline-offset: 3px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-auto-note {
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 38px !important;
  align-items: center !important;
  margin-top: auto !important;
  border: 1px solid rgba(58, 118, 74, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(220, 239, 220, 0.72) !important;
  color: #2f6f45 !important;
  font-weight: 900 !important;
  padding: 0 14px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-doc-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: auto !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-doc-links a {
  min-height: 30px !important;
  align-items: center !important;
  border: 1px solid rgba(91, 58, 41, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 243, 0.72) !important;
  color: #5a3a2b !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  padding: 0 10px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-doc-links a:hover,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-detail-actions .dr-profile-doc-pill:hover {
  border-color: rgba(91, 58, 41, 0.24) !important;
  background: rgba(255, 246, 236, 0.95) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-detail-actions :is(.btn, .btn-ghost, .dr-profile-doc-pill),
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card :is(a, summary, button),
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-disabled,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-track-pill {
  appearance: none !important;
  display: inline-flex !important;
  min-height: 30px !important;
  width: auto !important;
  align-items: center !important;
  border: 1px solid rgba(91, 58, 41, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 243, 0.72) !important;
  color: #5a3a2b !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 7px 10px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-disabled {
  cursor: default !important;
  opacity: 0.62 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card--support .dr-profile-support-primary {
  min-height: 36px !important;
  width: 100% !important;
  justify-content: space-between !important;
  border-color: rgba(91, 58, 41, 0.16) !important;
  background: linear-gradient(135deg, #8b6247, #a87958) !important;
  color: #fffaf3 !important;
  font-size: 12px !important;
  padding: 9px 14px 9px 16px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card--support .dr-profile-support-links a {
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #604230 !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  padding: 0 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card--support .dr-profile-support-telegram :is(a, button) {
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #6f4b36 !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  padding: 0 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card {
  gap: 9px !important;
  padding: 18px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .dr-profile-support-main {
  gap: 0 !important;
  margin-top: auto !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-primary-btn {
  min-height: 36px !important;
  border-color: rgba(91, 58, 41, 0.16) !important;
  background: linear-gradient(135deg, #8b6247, #a87958) !important;
  color: #fffaf3 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 9px 16px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-notify-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  width: 100% !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-status-pill,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-test-btn {
  display: inline-flex !important;
  min-height: 24px !important;
  align-items: center !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  padding: 0 7px !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-status-pill--connected {
  border: 1px solid rgba(58, 118, 74, 0.16) !important;
  background: rgba(226, 239, 229, 0.72) !important;
  color: #356f45 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-status-pill--off {
  border: 1px solid rgba(91, 58, 41, 0.12) !important;
  background: rgba(255, 250, 243, 0.78) !important;
  color: rgba(58, 42, 32, 0.68) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-test-btn {
  border: 1px solid rgba(91, 58, 41, 0.12) !important;
  background: rgba(255, 250, 243, 0.68) !important;
  color: #6b4934 !important;
  cursor: pointer !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-test-btn:hover {
  border-color: rgba(91, 58, 41, 0.2) !important;
  background: #fffaf3 !important;
  color: #2a160e !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .dr-profile-telegram-test-state {
  min-height: 0 !important;
  color: rgba(58, 42, 32, 0.58) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .dr-profile-telegram-test-state:empty {
  display: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(58, 42, 32, 0.54) !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-links-label {
  color: rgba(58, 42, 32, 0.48) !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  line-height: inherit !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .dr-profile-support-link-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  align-items: center !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-links a {
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #6f4b36 !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .signed-order-telegram-state {
  border: 1px solid rgba(63, 104, 73, 0.14) !important;
  background: rgba(226, 239, 229, 0.75) !important;
  color: #3f6849 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 7px 10px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-track-pill--neutral {
  cursor: default !important;
  white-space: normal !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row summary {
  grid-template-columns: 78px minmax(0, 1fr) auto auto auto auto !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-track {
  display: inline-flex !important;
  justify-self: start !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-telegram-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: auto !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-telegram-test {
  appearance: none !important;
  cursor: pointer !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-telegram-test:disabled {
  cursor: default !important;
  opacity: 0.62 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-telegram-test-state {
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  color: rgba(58, 42, 32, 0.62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-notify-row .support-test-btn {
  display: inline-flex !important;
  min-height: 24px !important;
  align-items: center !important;
  border: 1px solid rgba(91, 58, 41, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 243, 0.68) !important;
  color: #6b4934 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  padding: 0 7px !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .support-card .support-notify-row .dr-profile-telegram-test-state:empty {
  display: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-form input:not([type="checkbox"]) {
  border-color: rgba(91, 58, 41, 0.14) !important;
  background: rgba(255, 250, 243, 0.92) !important;
  color: #5a3a2b !important;
  caret-color: #7a5138 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-form input:not([type="checkbox"]):-webkit-autofill,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-form input:not([type="checkbox"]):-webkit-autofill:hover,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-form input:not([type="checkbox"]):-webkit-autofill:focus {
  -webkit-text-fill-color: #5a3a2b !important;
  box-shadow: 0 0 0 1000px rgba(255, 250, 243, 0.96) inset !important;
  caret-color: #7a5138 !important;
  transition: background-color 9999s ease-out 0s !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .consent-check input[type="checkbox"],
html body[data-page="dr-mix"][data-auth-page="true"] .auth-remember input[type="checkbox"] {
  appearance: none !important;
  display: grid !important;
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  place-items: center !important;
  border: 1px solid rgba(91, 58, 41, 0.2) !important;
  border-radius: 5px !important;
  background: rgba(255, 250, 243, 0.9) !important;
  accent-color: #7a5138 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .consent-check input[type="checkbox"]::after,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-remember input[type="checkbox"]::after {
  width: 5px !important;
  height: 9px !important;
  border: solid #fffaf3 !important;
  border-width: 0 2px 2px 0 !important;
  content: "" !important;
  opacity: 0 !important;
  transform: translateY(-1px) rotate(45deg) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .consent-check input[type="checkbox"]:checked,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-remember input[type="checkbox"]:checked {
  border-color: rgba(122, 81, 56, 0.42) !important;
  background: linear-gradient(135deg, #7a5138, #9a6d4e) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .consent-check input[type="checkbox"]:checked::after,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-remember input[type="checkbox"]:checked::after {
  opacity: 1 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal[hidden] {
  display: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1200 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(45, 31, 22, 0.34) !important;
  backdrop-filter: blur(10px) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-card {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  width: min(640px, calc(100vw - 28px)) !important;
  max-height: min(86vh, 760px) !important;
  overflow: auto !important;
  border: 1px solid rgba(91, 58, 41, 0.12) !important;
  border-radius: 24px !important;
  background: #fffaf3 !important;
  box-shadow: 0 24px 70px rgba(70, 42, 24, 0.24) !important;
  padding: 24px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-card h2 {
  margin: 0 42px 18px 0 !important;
  color: #2a160e !important;
  font-family: Manrope, system-ui, sans-serif !important;
  font-size: 24px !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  border: 1px solid rgba(91, 58, 41, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 243, 0.86) !important;
  color: #5a3a2b !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-head {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: baseline !important;
  margin-bottom: 14px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-head span {
  color: rgba(58, 42, 32, 0.58) !important;
  font-weight: 800 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-head strong {
  color: #2a160e !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions {
  display: grid !important;
  gap: 10px !important;
  margin-top: 18px !important;
  border-top: 1px solid rgba(91, 58, 41, 0.1) !important;
  padding-top: 16px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions h3 {
  margin: 0 !important;
  color: #2a160e !important;
  font-family: Manrope, system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid .dr-profile-telegram-actions {
  margin-top: 0 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-telegram-status {
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 28px !important;
  align-items: center !important;
  border: 1px solid rgba(91, 58, 41, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 243, 0.72) !important;
  color: rgba(58, 42, 32, 0.62) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-bottom: 0 !important;
  padding: 7px 10px !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-telegram-status.is-connected {
  border-color: rgba(63, 104, 73, 0.12) !important;
  background: rgba(226, 239, 229, 0.62) !important;
  color: #3f6849 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid :is(a, button, .dr-profile-track-pill, .dr-profile-modal-action) {
  appearance: none !important;
  display: inline-flex !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border: 1px solid rgba(91, 58, 41, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(255, 250, 243, 0.72) !important;
  box-shadow: none !important;
  color: #5a3a2b !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 9px 14px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid :is(a, button, .dr-profile-track-pill, .dr-profile-modal-action):hover {
  border-color: rgba(91, 58, 41, 0.24) !important;
  background: rgba(255, 246, 236, 0.96) !important;
  box-shadow: none !important;
  color: #4a2f22 !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-order-actions-grid .dr-profile-track-pill:is(a, button):hover {
  border-color: rgba(91, 58, 41, 0.24) !important;
  background: rgba(255, 246, 236, 0.96) !important;
  box-shadow: none !important;
  color: #4a2f22 !important;
  transform: translateY(-1px) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid :is(a, button, .dr-profile-track-pill, .dr-profile-modal-action):disabled {
  cursor: default !important;
  opacity: 0.72 !important;
  transform: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid .dr-profile-order-telegram-test-state {
  display: inline-flex !important;
  min-height: 0 !important;
  align-items: center !important;
  color: rgba(58, 42, 32, 0.58) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid .dr-profile-order-telegram-test-state:empty {
  display: none !important;
}

body.dr-profile-modal-open {
  overflow: hidden !important;
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed {
    overflow-x: hidden !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-section {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    padding-top: 28px !important;
    overflow-x: hidden !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-copy dd {
    max-width: calc(100vw - 92px) !important;
    word-break: break-all !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-top-actions {
    justify-content: flex-start !important;
    margin-top: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-card {
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row summary {
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row .dr-profile-status,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row .dr-profile-history-track,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row b,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-row-more {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid :is(a, button, span) {
    width: fit-content !important;
  }
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu,
html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-row-icon {
  display: none;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-product-gallery-track,
html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-product-slide,
html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-product-picture {
  width: 100%;
  height: 100%;
  display: block;
}

html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-product-slide:not(:first-child),
html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-product-infographic,
html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-product-gallery-dots {
  display: none;
}

/* auth-profile-two-assets-1: mobile/desktop profile product photos and compact Dr. Mix owner dashboard. */
@media (max-width: 768px) {
  html body[data-page="dr-mix"][data-auth-page="true"] .site-header.has-profile-mobile-menu {
    display: grid !important;
    height: 60px !important;
    min-height: 60px !important;
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    align-items: center !important;
    column-gap: 8px !important;
    overflow: visible !important;
    border-bottom: 1px solid rgba(91, 58, 41, 0.08) !important;
    background: #f8f1e7 !important;
    padding: 0 16px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .site-header.has-profile-mobile-menu::after {
    content: "" !important;
    width: 40px !important;
    height: 40px !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    pointer-events: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .site-header.has-profile-mobile-menu .dr-auth-mobile-menu {
    display: block !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    position: relative !important;
    z-index: 1001 !important;
    pointer-events: auto !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .site-header.has-profile-mobile-menu .brand {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .site-header.has-profile-mobile-menu .main-nav,
  html body[data-page="dr-mix"][data-auth-page="true"] .site-header.has-profile-mobile-menu .header-actions {
    display: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu-toggle {
    width: 40px !important;
    height: 40px !important;
    position: relative !important;
    z-index: 1002 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border: 1px solid rgba(91, 58, 41, 0.12) !important;
    border-radius: 14px !important;
    background: rgba(255, 250, 243, 0.75) !important;
    color: #4a372b !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    box-shadow: 0 10px 24px rgba(68, 44, 29, 0.08) !important;
    transition: background-color 160ms ease, border-color 160ms ease, transform 120ms ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu-toggle span {
    width: 16px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu-toggle:hover {
    border-color: rgba(91, 58, 41, 0.2) !important;
    background: rgba(255, 250, 243, 0.92) !important;
    color: #4a372b !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu-toggle:active {
    transform: scale(0.96) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu-panel {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    z-index: 1003 !important;
    width: min(238px, calc(100vw - 32px)) !important;
    display: grid !important;
    gap: 4px !important;
    padding: 10px !important;
    border: 1px solid rgba(91, 58, 41, 0.12) !important;
    border-radius: 20px !important;
    background: rgba(255, 250, 243, 0.97) !important;
    box-shadow: 0 22px 48px rgba(68, 44, 29, 0.16) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu-panel[hidden] {
    display: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu-panel :is(a, button) {
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: transparent !important;
    color: #4a372b !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: left !important;
    text-decoration: none !important;
    padding: 0 12px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu-panel :is(a, button):hover {
    background: rgba(241, 226, 205, 0.48) !important;
    color: #3b261b !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-auth-mobile-menu-panel button {
    width: 100% !important;
    margin-top: 3px !important;
    border: 1px solid rgba(91, 58, 41, 0.1) !important;
    background: rgba(241, 226, 205, 0.55) !important;
  }
}

@media (max-width: 600px) {
  html body[data-page="dr-mix"][data-auth-page="true"] .site-header {
    min-height: 58px !important;
    padding: 8px 16px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .site-header.has-profile-mobile-menu {
    min-height: 60px !important;
    padding: 0 16px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .brand {
    min-height: 36px !important;
    min-width: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .brand strong {
    font-size: 1.16rem !important;
    line-height: 1 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-section {
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    padding-top: 0 !important;
    padding-bottom: 44px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-copy {
    padding-top: 20px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-copy .eyebrow {
    margin: 0 0 14px !important;
    padding: 6px 10px !important;
    font-size: 0.68rem !important;
    line-height: 1 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-copy h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: clamp(30px, 7.6vw, 32px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-copy > p:not(.eyebrow) {
    max-width: 320px !important;
    margin-top: 8px !important;
    font-size: 14.5px !important;
    line-height: 1.38 !important;
    color: rgba(58, 42, 32, 0.66) !important;
    font-weight: 650 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed #authState {
    margin-top: 17px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-dashboard {
    gap: 16px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-card {
    width: 100% !important;
    min-height: 66px !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    border: 1px solid rgba(91, 58, 41, 0.1) !important;
    border-radius: 22px !important;
    background: rgba(255, 250, 243, 0.72) !important;
    padding: 12px 14px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-avatar {
    width: 42px !important;
    height: 42px !important;
    font-size: 15px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-copy {
    flex: 1 1 auto !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-copy strong {
    font-size: 16px !important;
    font-weight: 700 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-copy small {
    color: rgba(58, 42, 32, 0.55) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-pill {
    min-height: 30px !important;
    flex: 0 0 auto !important;
    font-size: 11px !important;
    padding: 0 11px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-user-card #logoutButton {
    display: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-hero-grid {
    gap: 14px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-card {
    min-height: 0 !important;
    border-radius: 24px !important;
    background: rgba(255, 250, 243, 0.84) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-photo {
    height: clamp(260px, 68vw, 300px) !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(255, 250, 243, 0.92), rgba(241, 226, 205, 0.55)) !important;
    padding: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-gallery {
    position: relative !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-gallery-track {
    height: 100% !important;
    display: flex !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 24px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-gallery-track::-webkit-scrollbar {
    display: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-slide {
    position: relative !important;
    min-width: 100% !important;
    height: 100% !important;
    display: grid !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: #f8efe3 !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-picture {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    grid-area: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-photo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin-left: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 24px !important;
    transform: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-slide:nth-child(2) img {
    object-position: center 34% !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-slide:nth-child(3) img {
    object-position: center 70% !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-infographic {
    width: min(178px, calc(100% - 26px)) !important;
    display: none !important;
    grid-area: 1 / 1 !important;
    align-self: end !important;
    justify-self: start !important;
    gap: 5px !important;
    z-index: 2 !important;
    margin: 0 0 12px 12px !important;
    border: 1px solid rgba(91, 58, 41, 0.12) !important;
    border-radius: 16px !important;
    background: rgba(255, 250, 243, 0.88) !important;
    box-shadow: 0 12px 28px rgba(68, 44, 29, 0.14) !important;
    color: #4a372b !important;
    padding: 10px 11px !important;
    pointer-events: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-slide:nth-child(2) .dr-profile-product-infographic {
    align-self: start !important;
    justify-self: end !important;
    margin: 12px 12px 0 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-infographic strong {
    color: #3d2a20 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-infographic em,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-kicker {
    color: rgba(74, 55, 43, 0.68) !important;
    font-size: 10.5px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-kicker {
    width: fit-content !important;
    border-radius: 999px !important;
    background: rgba(241, 226, 205, 0.75) !important;
    padding: 4px 8px !important;
    text-transform: uppercase !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-gallery-dots {
    position: absolute !important;
    right: 18px !important;
    bottom: 18px !important;
    display: inline-flex !important;
    gap: 5px !important;
    z-index: 3 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-gallery-dots span {
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: rgba(74, 55, 43, 0.28) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-copy {
    align-content: start !important;
    gap: 11px !important;
    padding: 16px 18px 18px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-copy > span {
    font-size: 12px !important;
    line-height: 1 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-order-head {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-order-head strong {
    min-width: 0 !important;
    font-size: clamp(23px, 6.2vw, 27px) !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-status {
    min-height: 30px !important;
    flex: 0 0 auto !important;
    font-size: 11px !important;
    padding: 0 10px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-copy dl {
    gap: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-copy dl div {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    align-items: start !important;
    border-top: 1px solid rgba(91, 58, 41, 0.09) !important;
    padding: 9px 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-copy dl div:first-child {
    border-top: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-order-row-icon {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(91, 58, 41, 0.08) !important;
    border-radius: 999px !important;
    background: rgba(241, 226, 205, 0.65) !important;
    color: #8a6249 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-order-row-icon svg {
    width: 17px !important;
    height: 17px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-copy dt {
    grid-column: 2 !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-copy dd {
    grid-column: 2 !important;
    max-width: none !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    line-height: 1.28 !important;
    word-break: normal !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-copy dl div:nth-child(3) dd {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    margin-top: 2px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-actions :is(.dr-profile-primary-cta, .dr-profile-track-pill) {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    border-radius: 15px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    padding: 0 16px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-actions .dr-profile-primary-cta {
    justify-content: space-between !important;
    background: linear-gradient(135deg, #7a5138, #9b6d4d) !important;
    box-shadow: 0 10px 22px rgba(70, 42, 24, 0.13) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-actions .dr-profile-track-pill {
    border-color: rgba(91, 58, 41, 0.14) !important;
    background: rgba(255, 250, 243, 0.92) !important;
    box-shadow: none !important;
    color: #5a3a2b !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-latest-actions .dr-profile-track-pill:is(a, button):hover {
    border-color: rgba(91, 58, 41, 0.22) !important;
    background: #fff6ec !important;
    color: #3b261b !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-card {
    gap: 12px !important;
    border-radius: 24px !important;
    background: rgba(255, 250, 243, 0.82) !important;
    padding: 18px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
    min-height: 56px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step::before {
    top: 38px !important;
    left: 19px !important;
    background: rgba(91, 58, 41, 0.12) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step > span {
    width: 40px !important;
    height: 40px !important;
    border-color: rgba(91, 58, 41, 0.1) !important;
    background: rgba(255, 250, 243, 0.92) !important;
    color: transparent !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step.is-done > span {
    border-color: rgba(61, 111, 84, 0.18) !important;
    background: #dcefdc !important;
    color: #35764a !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step.is-active > span {
    border-color: rgba(151, 109, 53, 0.22) !important;
    background: #f2e4c9 !important;
    color: #765428 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step strong {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step strong em {
    display: inline-flex !important;
    min-height: 22px !important;
    align-items: center !important;
    border: 1px solid rgba(151, 109, 53, 0.16) !important;
    border-radius: 999px !important;
    background: rgba(242, 228, 201, 0.82) !important;
    color: #765428 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    padding: 0 8px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-actions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-actions-grid > .dr-profile-section-title,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-actions-grid > .dr-profile-support-cta {
    grid-column: 1 / -1 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card {
    min-height: 168px !important;
    gap: 8px !important;
    border-radius: 22px !important;
    background: rgba(255, 250, 243, 0.78) !important;
    box-shadow: none !important;
    padding: 14px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card h3 {
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card-subtitle {
    flex: 0 1 auto !important;
    color: rgba(58, 42, 32, 0.64) !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card-footer :is(a, summary, button),
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-badge,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-cta {
    display: inline-flex !important;
    min-height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(91, 58, 41, 0.13) !important;
    border-radius: 999px !important;
    background: rgba(255, 250, 243, 0.82) !important;
    color: #604230 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    padding: 0 12px !important;
    text-decoration: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card--support .dr-profile-action-cta {
    background: linear-gradient(135deg, #7a5138, #9b6d4d) !important;
    color: #fffaf3 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta {
    display: grid !important;
    gap: 10px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, #7a5138, #a87958) !important;
    box-shadow: 0 18px 34px rgba(70, 42, 24, 0.16) !important;
    color: #fffaf3 !important;
    padding: 18px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta h3 {
    margin: 0 !important;
    color: #fffaf3 !important;
    font-size: 19px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta p {
    margin: 0 !important;
    color: rgba(255, 250, 243, 0.78) !important;
    font-size: 13px !important;
    line-height: 1.38 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .dr-profile-support-primary {
    min-height: 48px !important;
    border-color: rgba(255, 250, 243, 0.18) !important;
    border-radius: 17px !important;
    background: rgba(74, 55, 43, 0.34) !important;
    color: #fffaf3 !important;
    font-size: 14px !important;
    padding: 0 16px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .support-links,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .dr-profile-support-link-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    color: rgba(255, 250, 243, 0.68) !important;
    font-size: 11px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .support-links a {
    border: 0 !important;
    background: transparent !important;
    color: #fffaf3 !important;
    box-shadow: none !important;
    font: inherit !important;
    font-weight: 850 !important;
    padding: 0 !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed {
    padding-bottom: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-section {
    padding-bottom: 24px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-card {
    margin-bottom: 0 !important;
    border: 1px solid rgba(91, 58, 41, 0.1) !important;
    border-radius: 24px !important;
    background: rgba(255, 250, 243, 0.84) !important;
    box-shadow: none !important;
    padding: 16px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-card h2 {
    font-size: 24px !important;
    line-height: 1.1 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-list {
    gap: 10px !important;
    margin-top: 14px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row {
    border: 0 !important;
    padding: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row summary {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    border: 1px solid rgba(91, 58, 41, 0.09) !important;
    border-radius: 22px !important;
    background: rgba(255, 250, 243, 0.9) !important;
    cursor: default !important;
    padding: 12px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-thumb {
    display: block !important;
    width: 82px !important;
    height: 82px !important;
    overflow: hidden !important;
    border: 1px solid rgba(91, 58, 41, 0.08) !important;
    border-radius: 18px !important;
    background: rgba(241, 226, 205, 0.36) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 18px !important;
    object-fit: cover !important;
    object-position: 68% center !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-main {
    display: grid !important;
    min-width: 0 !important;
    gap: 4px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-head {
    display: flex !important;
    min-width: 0 !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-head strong {
    min-width: 0 !important;
    color: #3d2a20 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-head .dr-profile-status {
    min-height: 28px !important;
    flex: 0 0 auto !important;
    font-size: 10.5px !important;
    padding: 0 9px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-main :is(.dr-profile-history-date, em, .dr-profile-history-address) {
    color: rgba(58, 42, 32, 0.64) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 650 !important;
    line-height: 1.32 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-main em {
    color: #6d4d38 !important;
    font-weight: 800 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-address {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: normal !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-sum {
    color: rgba(58, 42, 32, 0.72) !important;
    font-size: 12.5px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    margin-top: 2px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-sum b {
    color: #3d2a20 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-actions {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-actions .dr-profile-history-track {
    display: block !important;
    grid-column: auto !important;
    justify-self: stretch !important;
    min-width: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-actions .dr-profile-history-track:empty {
    display: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-actions :is(.dr-profile-track-pill, .dr-profile-row-more) {
    grid-column: auto !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-height: 40px !important;
    justify-content: center !important;
    border-radius: 15px !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-actions .dr-profile-track-pill {
    border-color: rgba(91, 58, 41, 0.16) !important;
    background: linear-gradient(135deg, #7a5138, #9b6d4d) !important;
    box-shadow: 0 8px 16px rgba(70, 42, 24, 0.12) !important;
    color: #fffaf3 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-actions .dr-profile-row-more {
    border-color: rgba(91, 58, 41, 0.13) !important;
    background: rgba(255, 250, 243, 0.9) !important;
    box-shadow: none !important;
    color: #604230 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row[open] > :not(summary) {
    margin-top: 12px !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed {
    --dr-mobile-page-bg: #f7f1ea;
    --dr-mobile-card-bg: #fffcf7;
    --dr-mobile-card-warm-bg: #fff9f1;
    --dr-mobile-support-bg: #fff7ed;
    --dr-mobile-border: #e8ddd0;
    --dr-mobile-support-border: #e8d8c8;
    --dr-mobile-brown: #9b6a4a;
    --dr-mobile-brown-hover: #a97856;
    --dr-mobile-text: #4e4038;
    --dr-mobile-muted: #7a6a5f;
    --dr-mobile-chip: #f2e7da;
    --dr-mobile-card-shadow: 0 8px 24px rgba(80, 60, 40, 0.04);
    background: var(--dr-mobile-page-bg) !important;
    color: var(--dr-mobile-text) !important;
    -webkit-font-smoothing: antialiased !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.site-header, .auth-shell, .auth-section, main, .site-main) {
    background: var(--dr-mobile-page-bg) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .site-header {
    border-bottom-color: rgba(78, 64, 56, 0.1) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-hero-title, .dr-profile-order-head strong, .dr-profile-section-title, .dr-profile-history-card h2, .dr-profile-action-card h3, .dr-profile-support-cta h3, .dr-profile-history-head strong) {
    color: var(--dr-mobile-text) !important;
    text-wrap: balance !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-hero-subtitle, .dr-profile-user-meta span, .dr-profile-latest-copy > span, .dr-profile-latest-copy dt, .dr-profile-action-card-subtitle, .dr-profile-support-cta p, .support-links-label, .dr-profile-history-main :is(.dr-profile-history-date, .dr-profile-history-address), .dr-profile-history-sum) {
    color: var(--dr-mobile-muted) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-user-card, .dr-profile-latest-card, .dr-profile-timeline-card, .dr-profile-action-card, .dr-profile-history-card) {
    border: 1px solid var(--dr-mobile-border) !important;
    background: var(--dr-mobile-card-bg) !important;
    box-shadow: var(--dr-mobile-card-shadow) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row summary {
    border-color: var(--dr-mobile-border) !important;
    background: var(--dr-mobile-card-warm-bg) !important;
    box-shadow: 0 4px 16px rgba(80, 60, 40, 0.03) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-product-photo {
    border-color: var(--dr-mobile-border) !important;
    background: var(--dr-mobile-card-warm-bg) !important;
    box-shadow: var(--dr-mobile-card-shadow) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-product-picture img, .dr-profile-history-row img) {
    outline: 1px solid rgba(0, 0, 0, 0.1) !important;
    outline-offset: -1px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-auth-badge, .dr-profile-order-row-icon, .dr-profile-action-icon, .dr-profile-action-badge, .dr-profile-product-kicker, .dr-profile-history-thumb) {
    border-color: rgba(155, 106, 74, 0.14) !important;
    background: var(--dr-mobile-chip) !important;
    color: var(--dr-mobile-brown) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step::before {
    background: rgba(78, 64, 56, 0.12) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step > span {
    border-color: rgba(78, 64, 56, 0.1) !important;
    background: var(--dr-mobile-card-warm-bg) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step.is-done > span,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-status {
    border-color: rgba(84, 128, 92, 0.18) !important;
    background: #e6f3e8 !important;
    color: #507b5c !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step.is-active > span,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-timeline-step strong em {
    border-color: rgba(155, 106, 74, 0.18) !important;
    background: var(--dr-mobile-chip) !important;
    color: #7a563d !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-primary-cta, .dr-profile-action-card--support .dr-profile-action-cta, .dr-profile-support-cta .dr-profile-support-primary, .dr-profile-history-actions .dr-profile-track-pill) {
    border-color: rgba(155, 106, 74, 0.16) !important;
    background: var(--dr-mobile-brown) !important;
    box-shadow: 0 8px 18px rgba(80, 60, 40, 0.1) !important;
    color: #fff !important;
    transition-property: background-color, border-color, box-shadow, transform !important;
    transition-duration: 160ms !important;
    transition-timing-function: ease-out !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-primary-cta, .dr-profile-action-card--support .dr-profile-action-cta, .dr-profile-support-cta .dr-profile-support-primary, .dr-profile-history-actions .dr-profile-track-pill):is(a, button):hover {
    border-color: rgba(155, 106, 74, 0.2) !important;
    background: var(--dr-mobile-brown-hover) !important;
    box-shadow: 0 10px 20px rgba(80, 60, 40, 0.12) !important;
    color: #fff !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-primary-cta, .dr-profile-action-card--support .dr-profile-action-cta, .dr-profile-support-cta .dr-profile-support-primary, .dr-profile-history-actions .dr-profile-track-pill):is(a, button):active {
    transform: scale(0.96) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-latest-actions .dr-profile-track-pill, .dr-profile-history-actions .dr-profile-row-more, .dr-profile-action-card-footer :is(a, summary, button), .dr-profile-track-pill--neutral) {
    border-color: rgba(155, 106, 74, 0.22) !important;
    background: var(--dr-mobile-card-bg) !important;
    box-shadow: none !important;
    color: #7a4f37 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.dr-profile-latest-actions .dr-profile-track-pill, .dr-profile-history-actions .dr-profile-row-more, .dr-profile-action-card-footer :is(a, summary, button)):is(a, button, summary):hover {
    border-color: rgba(155, 106, 74, 0.32) !important;
    background: #fff7ed !important;
    color: var(--dr-mobile-text) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-action-card--support .dr-profile-action-cta {
    min-height: 36px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta {
    border: 1px solid var(--dr-mobile-support-border) !important;
    background: var(--dr-mobile-support-bg) !important;
    box-shadow: var(--dr-mobile-card-shadow) !important;
    color: var(--dr-mobile-text) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta h3 {
    color: var(--dr-mobile-text) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta p {
    color: var(--dr-mobile-muted) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .dr-profile-support-primary {
    min-height: 48px !important;
    border-radius: 16px !important;
    padding: 0 16px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta :is(.support-links, .dr-profile-support-link-row) {
    color: var(--dr-mobile-muted) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .support-links a {
    border: 0 !important;
    background: transparent !important;
    color: #6f4a35 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .support-links a:hover {
    color: var(--dr-mobile-brown) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-main em,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-sum b {
    color: var(--dr-mobile-text) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-section {
    padding-bottom: 24px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-card {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal {
    align-items: end !important;
    justify-items: center !important;
    padding: 10px 10px max(10px, env(safe-area-inset-bottom)) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-backdrop {
    background: rgba(45, 31, 22, 0.32) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-card {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    width: 100% !important;
    max-height: 88dvh !important;
    overflow: hidden !important;
    border: 1px solid #e8ddd0 !important;
    border-radius: 28px 28px 22px 22px !important;
    background: #fff9f1 !important;
    box-shadow: 0 18px 46px rgba(80, 60, 40, 0.18) !important;
    color: #4e4038 !important;
    padding: 18px 16px 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-handle {
    justify-self: center !important;
    width: 42px !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: rgba(78, 64, 56, 0.18) !important;
    margin-bottom: 12px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-close {
    top: 16px !important;
    right: 16px !important;
    z-index: 3 !important;
    width: 40px !important;
    height: 40px !important;
    border-color: rgba(155, 106, 74, 0.16) !important;
    background: rgba(255, 252, 247, 0.92) !important;
    color: #4e4038 !important;
    box-shadow: 0 6px 18px rgba(80, 60, 40, 0.08) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-card h2 {
    margin: 0 52px 12px 0 !important;
    color: #4e4038 !important;
    font-size: 22px !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
    text-wrap: balance !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-body {
    display: grid !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    gap: 12px !important;
    padding: 0 0 max(28px, calc(20px + env(safe-area-inset-bottom))) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 !important;
    border: 1px solid #e8ddd0 !important;
    border-radius: 18px !important;
    background: #fffcf7 !important;
    padding: 12px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-head > span:first-child {
    min-width: 0 !important;
    color: #4e4038 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.16 !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-modal-head .dr-profile-status {
    flex: 0 0 auto !important;
    min-height: 28px !important;
    background: #e6f3e8 !important;
    color: #507b5c !important;
    font-size: 10.5px !important;
    padding: 0 10px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-detail-sections {
    display: grid !important;
    gap: 10px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-detail-card,
  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions {
    display: grid !important;
    gap: 12px !important;
    border: 1px solid #e8ddd0 !important;
    border-radius: 20px !important;
    background: #fffcf7 !important;
    box-shadow: 0 8px 24px rgba(80, 60, 40, 0.04) !important;
    padding: 14px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-detail-card h3,
  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions h3 {
    margin: 0 !important;
    color: #4e4038 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.18 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-details {
    display: grid !important;
    gap: 11px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-details div {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-details dt {
    color: #9a8b80 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-details dd {
    min-width: 0 !important;
    margin: 0 !important;
    color: #4e4038 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-details dd strong {
    color: #4e4038 !important;
    font-weight: 850 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions {
    margin-top: 0 !important;
    border-top: 1px solid #e8ddd0 !important;
    padding-top: 14px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-telegram-status {
    width: 100% !important;
    min-height: 34px !important;
    justify-content: center !important;
    border-color: rgba(155, 106, 74, 0.14) !important;
    background: #f2e7da !important;
    color: #7a6a5f !important;
    font-size: 12px !important;
    padding: 0 12px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-telegram-status.is-connected {
    border-color: rgba(84, 128, 92, 0.18) !important;
    background: #e6f3e8 !important;
    color: #507b5c !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid :is(a, button, .dr-profile-track-pill, .dr-profile-modal-action) {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 16px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    padding: 0 14px !important;
    white-space: normal !important;
    text-align: center !important;
    transition-property: background-color, border-color, box-shadow, transform !important;
    transition-duration: 160ms !important;
    transition-timing-function: ease-out !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid :is(a.dr-profile-track-pill, button.dr-profile-track-pill) {
    border-color: rgba(155, 106, 74, 0.16) !important;
    background: #9b6a4a !important;
    box-shadow: 0 8px 18px rgba(80, 60, 40, 0.1) !important;
    color: #fff !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid :is(a.dr-profile-track-pill, button.dr-profile-track-pill):hover {
    border-color: rgba(155, 106, 74, 0.2) !important;
    background: #a97856 !important;
    color: #fff !important;
    transform: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid :is(.dr-profile-modal-action, .dr-profile-track-pill--neutral) {
    border-color: rgba(155, 106, 74, 0.22) !important;
    background: #fffcf7 !important;
    box-shadow: none !important;
    color: #7a4f37 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid :is(.dr-profile-modal-action, .dr-profile-track-pill--neutral):hover {
    border-color: rgba(155, 106, 74, 0.32) !important;
    background: #fff7ed !important;
    color: #4e4038 !important;
    transform: none !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid .dr-profile-modal-close-action {
    background: #fff9f1 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"] .dr-profile-order-actions-grid .dr-profile-order-telegram-test-state {
    width: 100% !important;
    justify-content: center !important;
    color: #8a7a70 !important;
    font-size: 12px !important;
    padding: 2px 0 !important;
  }
}

/* Dr. Mix auth must stay warm beige even if the saved global theme is dark. */
html body[data-page="dr-mix"][data-auth-page="true"] .auth-panel {
  border-color: rgba(91, 58, 41, 0.12) !important;
  background: rgba(255, 252, 247, 0.88) !important;
  color: #4e4038 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs {
  background: rgba(255, 247, 237, 0.9) !important;
  box-shadow: inset 0 0 0 1px rgba(91, 58, 41, 0.12) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs button {
  border-color: transparent !important;
  background: transparent !important;
  color: #7a6a5f !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs button.active,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-tabs button:hover {
  background: #fffcf7 !important;
  color: #4e4038 !important;
  box-shadow: 0 8px 20px rgba(80, 60, 40, 0.08) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-login-methods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 16px;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-login-methods[hidden] {
  display: none;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-login-methods button {
  min-height: 38px;
  border: 1px solid rgba(155, 106, 74, 0.2);
  border-radius: 999px;
  background: transparent;
  color: #7a6a5f;
  font-weight: 700;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-login-methods button.active {
  border-color: rgba(155, 106, 74, 0.34);
  background: #fff9f1;
  color: #4e4038;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-code-confirm {
  display: grid;
  gap: 14px;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-code-confirm[hidden] {
  display: none;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-form .btn {
  border: 1px solid rgba(155, 106, 74, 0.18) !important;
  background: #9b6a4a !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(80, 60, 40, 0.12) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-form .btn:hover,
html body[data-page="dr-mix"][data-auth-page="true"] .auth-form .btn:focus-visible {
  background: #a97856 !important;
  color: #ffffff !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-form .btn:disabled {
  background: rgba(155, 106, 74, 0.46) !important;
  color: rgba(255, 255, 255, 0.86) !important;
}

/* Desktop/tablet polish for the signed Dr. Mix cabinet. */
html body[data-page="dr-mix"][data-auth-page="true"].is-signed {
  --dr-profile-page-bg: #f7f1ea;
  --dr-profile-card-bg: #fffcf7;
  --dr-profile-card-warm-bg: #fff9f1;
  --dr-profile-border: #e8ddd0;
  --dr-profile-text: #4e4038;
  --dr-profile-muted: #7a6a5f;
  --dr-profile-brown: #9b6a4a;
  --dr-profile-brown-hover: #a97856;
  --dr-profile-max: #9b6a4a;
  --dr-profile-max-hover: #875a3f;
  --dr-profile-telegram: #8d6248;
  --dr-profile-telegram-hover: #684738;
  background: var(--dr-profile-page-bg) !important;
  color: var(--dr-profile-text) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(.site-header, .auth-shell, .auth-section, .site-main, main) {
  background: var(--dr-profile-page-bg) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(
  .dr-profile-hero,
  .dr-profile-user-card,
  .dr-profile-product-photo,
  .dr-profile-latest-card,
  .dr-profile-timeline-card,
  .dr-profile-action-card,
  .dr-profile-history-card,
  .dr-profile-order-modal-card
) {
  border-color: var(--dr-profile-border) !important;
  background: var(--dr-profile-card-bg) !important;
  color: var(--dr-profile-text) !important;
  box-shadow: 0 8px 24px rgba(80, 60, 40, 0.04) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(
  .dr-profile-hero-subtitle,
  .dr-profile-user-meta span,
  .dr-profile-latest-copy dt,
  .dr-profile-latest-copy > span,
  .dr-profile-action-card-subtitle,
  .dr-profile-history-date,
  .dr-profile-history-address,
  .dr-profile-history-sum,
  .dr-profile-support-cta p,
  .dr-profile-support-links-label
) {
  color: var(--dr-profile-muted) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta {
  display: grid !important;
  border: 1px solid #e8d8c8 !important;
  background: #fff7ed !important;
  box-shadow: 0 8px 24px rgba(80, 60, 40, 0.04) !important;
  color: var(--dr-profile-text) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta h3 {
  color: var(--dr-profile-text) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(
  .dr-profile-support-primary,
  .dr-profile-action-card--support .dr-profile-action-cta,
  .dr-profile-modal-support[href*="web.max.ru"]
) {
  border-color: rgba(122, 86, 66, 0.24) !important;
  background: var(--dr-profile-max) !important;
  box-shadow: 0 8px 18px rgba(88, 57, 40, 0.12) !important;
  color: #ffffff !important;
  transition-property: background-color, border-color, box-shadow, transform !important;
  transition-duration: 160ms !important;
  transition-timing-function: ease-out !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(
  .dr-profile-support-primary,
  .dr-profile-action-card--support .dr-profile-action-cta,
  .dr-profile-modal-support[href*="web.max.ru"]
):hover {
  border-color: rgba(104, 71, 56, 0.3) !important;
  background: var(--dr-profile-max-hover) !important;
  box-shadow: 0 10px 20px rgba(88, 57, 40, 0.16) !important;
  color: #ffffff !important;
  transform: none !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed :is(
  .dr-profile-support-primary,
  .dr-profile-action-card--support .dr-profile-action-cta,
  .dr-profile-modal-support[href*="web.max.ru"]
):active {
  transform: scale(0.97) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-link-row a[href*="t.me"],
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-link-row a[href*="telegram"] {
  color: var(--dr-profile-telegram) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-link-row a[href*="t.me"]:hover,
html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-link-row a[href*="telegram"]:hover {
  color: var(--dr-profile-telegram-hover) !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-link-row a:not([href*="t.me"]):not([href*="telegram"]) {
  color: #7a5642 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-link-row a:not([href*="t.me"]):not([href*="telegram"]):hover {
  color: var(--dr-profile-text) !important;
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .auth-section {
    background: var(--dr-profile-page-bg) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px 24px !important;
    padding: 22px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta > h3,
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta > p {
    grid-column: 1 !important;
    max-width: 620px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .dr-profile-support-main {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: end !important;
    width: auto !important;
    margin: 0 !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .dr-profile-support-primary {
    width: fit-content !important;
    min-width: 240px !important;
    max-width: 360px !important;
    min-height: 46px !important;
    justify-content: center !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    padding: 0 22px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .support-links {
    grid-column: 1 / -1 !important;
    margin-top: 6px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row summary {
    grid-template-columns: 86px minmax(280px, 1fr) minmax(250px, auto) !important;
    align-items: center !important;
    gap: 18px !important;
    background: var(--dr-profile-card-warm-bg) !important;
    border-color: var(--dr-profile-border) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-thumb {
    width: 86px !important;
    height: 86px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 68% center !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-main {
    max-width: 560px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 250px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-actions :is(.dr-profile-track-pill, .dr-profile-row-more) {
    min-height: 38px !important;
    border-radius: 14px !important;
    padding: 0 16px !important;
  }
}

@media (min-width: 769px) and (max-width: 980px) {
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta {
    grid-template-columns: 1fr !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .dr-profile-support-main {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: start !important;
    margin-top: 8px !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-row summary {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }

  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-history-actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-support-cta .dr-profile-support-primary {
    width: 100% !important;
  }
}

:root {
  --dr-lux-body: Montserrat, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dr-lux-sans: Montserrat, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html body[data-page="dr-mix"],
html body[data-page="dr-mix-admin"],
html body[data-page="dr-mix"] :is(p, a, button, input, textarea, select, label, small, span, li, td, th, summary, em, strong),
html body[data-page="dr-mix-admin"] :is(p, a, button, input, textarea, select, label, small, span, li, td, th, summary, em, strong) {
  font-family: var(--dr-lux-body) !important;
}

html body[data-page="dr-mix"] :is(h1, h2, h3, h4, h5, h6),
html body[data-page="dr-mix"] :is(h1, h2, h3, h4, h5, h6) *,
html body[data-page="dr-mix-admin"] :is(h1, h2, h3, h4, h5, h6),
html body[data-page="dr-mix-admin"] :is(h1, h2, h3, h4, h5, h6) * {
  font-family: var(--dr-lux-heading, "Instrument Serif", Georgia, "Times New Roman", serif) !important;
}

html body[data-page="dr-mix"] .brand,
html body[data-page="dr-mix"] .mobile-header__logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

html body[data-page="dr-mix"] .brand-logo {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 10px;
  object-fit: contain;
}

html body[data-page="dr-mix"] .mobile-header__logo .brand-logo {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 .dr-hero-h1-dash {
  display: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 .dr-hero-h1-accent,
html body[data-page="dr-mix"] main#top .dr-hero-copy h1 .dr-hero-h1-accent span {
  color: #d9ad83 !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-copy h1 .dr-hero-h1-accent {
  display: block !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product {
  display: block !important;
  position: absolute !important;
  right: clamp(-120px, -6vw, -64px) !important;
  bottom: clamp(42px, 7vh, 92px) !important;
  width: min(34vw, 520px) !important;
  max-width: 520px !important;
  z-index: 3 !important;
  margin: 0 !important;
  pointer-events: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 34px !important;
  box-shadow: 0 34px 90px rgba(80, 58, 43, 0.24) !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top .dr-hero-product {
    display: none !important;
  }
}

html body[data-page="dr-mix"] .dr-delivery-help {
  border: 1px solid rgba(74, 122, 255, 0.16);
  border-radius: 14px;
  background: rgba(74, 122, 255, 0.07);
  color: rgba(49, 37, 29, 0.78);
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.45;
}

html body[data-page="dr-mix"] .dr-delivery-help strong {
  color: #2f6df6 !important;
  font-weight: 900;
}

html body[data-page="dr-mix"] .dr-delivery-help span {
  color: #2f261f !important;
  font-weight: 900;
}

html body[data-page="dr-mix"] .dr-delivery-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

html body[data-page="dr-mix"] .dr-delivery-max-btn {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 9px;
  border-color: rgba(47, 109, 246, 0.28);
  background: #2f6df6;
  color: #fff !important;
  font-size: 0.72rem;
  font-weight: 850;
  text-decoration: none;
}

html body[data-page="dr-mix"] .dr-email-consent {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 8px 9px !important;
  border-radius: 8px !important;
  background: rgba(148, 104, 70, 0.07) !important;
  color: rgba(78, 64, 56, 0.82) !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}

html body[data-page="dr-mix"] .dr-email-consent input {
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  margin: 0 !important;
  accent-color: #9b6a4a;
}

html body[data-page="dr-mix"] .dr-email-consent a {
  color: #7a4f37 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] .dr-delivery-help {
    align-items: stretch;
    flex-direction: column;
  }

  html body[data-page="dr-mix"] .dr-delivery-max-btn {
    width: 100%;
    text-align: center;
  }
}

html body[data-page="dr-mix"] :is(.dr-profile-doc-pill.is-disabled, .dr-profile-doc-disabled) {
  cursor: default;
  opacity: 0.64;
  pointer-events: none;
}

html body[data-page="dr-mix"] .dr-profile-doc-disabled {
  display: block;
  padding: 9px 0;
  color: rgba(61, 42, 32, 0.62);
  font-weight: 800;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-bg {
  background-image: url("assets/dr-mix-desktop-clear-poster.png?v=desktop-reference-1") !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero {
  background:
    linear-gradient(90deg, rgba(255, 249, 242, 0.2), rgba(255, 249, 242, 0.02)),
    url("assets/dr-mix-desktop-clear-poster.png?v=desktop-reference-1") center center / cover no-repeat !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-overlay {
  display: none !important;
}

html body[data-page="dr-mix"] main#top .dr-hero-product {
  display: none !important;
}

html body[data-page="dr-mix"] #audience .dr-family-benefit-grid {
  display: none !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero {
    background: url("assets/dr-mix-mobile-clear-poster-no-wordmark.png?v=mobile-reference-2") center top / 100% auto no-repeat !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-bg {
    background-image: url("assets/dr-mix-mobile-clear-poster-no-wordmark.png?v=mobile-reference-2") !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy {
    inset-inline: 14px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 14px 16px 14px !important;
    transform: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy h1 {
    max-width: 100% !important;
    margin-bottom: 6px !important;
    font-size: clamp(2.35rem, 9.7vw, 2.65rem) !important;
    line-height: 0.92 !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-h1-accent {
    font-size: clamp(1.85rem, 8vw, 2.1rem) !important;
    line-height: 0.94 !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > p:not(.eyebrow) {
    margin-bottom: 10px !important;
    font-size: 0.88rem !important;
    line-height: 1.28 !important;
  }

  html body[data-page="dr-mix"] main#top .hero-trust-mobile {
    max-width: 100% !important;
  }

  html body[data-page="dr-mix"] main#top .hero-trust-mobile .trust-chip {
    min-width: 0 !important;
    padding-inline: 4px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-hero-actions :is(a, button) {
    min-height: 44px !important;
    min-width: 0 !important;
    width: 100% !important;
    padding-inline: 8px !important;
    font-size: 0.75rem !important;
    white-space: nowrap !important;
  }
}

/* Final hero proportions and compact video-card flow. */
@media (min-width: 769px) {
  html body[data-page="dr-mix"][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] {
    box-sizing: border-box !important;
    width: min(460px, calc(100vw - 64px)) !important;
    padding: 26px 28px !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy h1 {
    font-size: clamp(3.45rem, 4vw, 4.25rem) !important;
    line-height: 0.94 !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price {
    margin-block: 14px !important;
    padding-block: 10px !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero {
    min-height: max(100svh, 216.667vw) !important;
    background: #f7eadb url("assets/dr-mix-hero-video-mobile-poster.jpg?v=mobile-tall-1") center top / cover no-repeat !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-bg {
    display: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-inner {
    padding-top: 0 !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy {
    position: absolute !important;
    top: calc(78px + env(safe-area-inset-top, 0px)) !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-background-video--mobile {
    object-fit: cover !important;
    object-position: center top !important;
    transform: none !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-grid {
    align-items: flex-start !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-card {
    height: auto !important;
    min-height: 0 !important;
    align-content: start !important;
    align-self: flex-start !important;
    grid-template-rows: auto auto !important;
    justify-content: start !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-phone {
    height: auto !important;
    min-height: 0 !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-card strong {
    margin: 0 !important;
  }
}

/* Final hero purchase surface. */
html body[data-page="dr-mix"] main#top .dr-hero-copy {
  border: 1px solid rgba(92, 69, 51, 0.12) !important;
  border-radius: 24px !important;
  background: #fffaf4 !important;
  box-shadow: 0 24px 56px rgba(79, 56, 40, 0.12) !important;
  padding: 28px !important;
}

html body[data-page="dr-mix"] .dr-hero-price {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 16px;
  margin: 18px 0;
  padding: 14px 0;
  border-top: 1px solid rgba(92, 69, 51, 0.12);
  border-bottom: 1px solid rgba(92, 69, 51, 0.12);
}

html body[data-page="dr-mix"] .dr-hero-price > div {
  display: grid;
  gap: 3px;
}

html body[data-page="dr-mix"] .dr-hero-price span {
  color: rgba(78, 64, 56, 0.68) !important;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
}

html body[data-page="dr-mix"] .dr-hero-price strong {
  color: #6f4635 !important;
  font-family: var(--dr-lux-heading, Georgia, serif) !important;
  font-size: clamp(2rem, 3vw, 3rem);
  font-variant-numeric: tabular-nums;
  line-height: 0.9;
}

html body[data-page="dr-mix"] .dr-hero-price > div:last-child {
  justify-items: end;
}

html body[data-page="dr-mix"] .dr-hero-price del {
  color: rgba(102, 79, 64, 0.58) !important;
  font-family: var(--dr-lux-heading, Georgia, serif) !important;
  font-size: clamp(1.35rem, 1.9vw, 1.8rem);
  font-variant-numeric: tabular-nums;
  text-decoration-color: #b87552;
  text-decoration-thickness: 2px;
}

html body[data-page="dr-mix"] .dr-order-consents {
  display: grid;
  gap: 10px;
  margin-top: 2px;
}

html body[data-page="dr-mix"] .dr-order-consent {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  color: rgba(78, 64, 56, 0.82) !important;
  font-size: 0.8rem !important;
  font-weight: 650;
  line-height: 1.42;
}

html body[data-page="dr-mix"] .dr-order-consent input {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: #9b6a4a;
}

html body[data-page="dr-mix"] .dr-order-consent a {
  color: #7a4f37 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

html body[data-page="dr-mix"] .dr-footer-max-link::before {
  content: "MAX" !important;
  background: #2f6df6 !important;
  color: #fff !important;
  font-size: 0.55rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top .dr-hero-copy {
    padding: 14px 16px !important;
  }

  html body[data-page="dr-mix"] .dr-hero-price {
    gap: 10px;
    margin: 12px 0;
    padding: 10px 0;
  }

  html body[data-page="dr-mix"] .dr-hero-price strong {
    font-size: 1.7rem;
  }

  html body[data-page="dr-mix"] .dr-hero-price del {
    font-size: 1.15rem;
  }
}

/* Cabinet control fixes. */
html body[data-page="dr-mix"][data-auth-page="true"] .auth-remember {
  align-items: center !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-remember input[type="checkbox"] {
  flex: 0 0 18px !important;
  margin: 0 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup :is(form, label, .password-field, input, button) {
  pointer-events: auto !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup {
  position: relative !important;
  z-index: 4 !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-setup input {
  position: relative !important;
  z-index: 5 !important;
  color: #4e4038 !important;
  -webkit-text-fill-color: #4e4038 !important;
  caret-color: #7a4f37 !important;
  cursor: text !important;
  user-select: text !important;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-reveal {
  grid-column: 1 / -1;
  display: inline-flex !important;
  width: fit-content;
  align-items: center;
  gap: 8px;
  color: #6f5848 !important;
  cursor: pointer;
}

html body[data-page="dr-mix"][data-auth-page="true"].is-signed .dr-profile-password-reveal input[type="checkbox"] {
  width: 16px;
  height: 16px;
  min-height: 16px;
  margin: 0;
  accent-color: #9b6a4a;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-remember input[type="checkbox"] {
  appearance: auto !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  accent-color: #9b6a4a !important;
}

html body[data-page="dr-mix"][data-auth-page="true"] .auth-remember input[type="checkbox"]::after {
  content: none !important;
}

html body[data-page="dr-mix"] main#top .hero-trust-desktop {
  border: 1px solid rgba(140, 97, 68, 0.14) !important;
  background: rgba(236, 218, 198, 0.68) !important;
}

html body[data-page="dr-mix"] main#top .hero-trust-desktop .dr-proof-item {
  border-color: rgba(140, 97, 68, 0.13) !important;
  background: rgba(247, 235, 220, 0.8) !important;
}

html body[data-page="dr-mix"] main#top .hero-trust-desktop :is(.dr-proof-text, .dr-proof-label-full, .dr-proof-label-mobile) {
  color: #654939 !important;
}

html body[data-page="dr-mix"] #video {
  padding-block: clamp(48px, 6vw, 72px) !important;
}

html body[data-page="dr-mix"] #video .dr-video-frame {
  width: min(100%, 300px) !important;
  aspect-ratio: 9 / 16 !important;
}

html body[data-page="dr-mix"] #video .dr-video-frame video {
  object-fit: contain !important;
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"] #video {
    padding-block: 42px !important;
  }
}

/* The mobile hero keeps its dedicated vertical composition, not the desktop video crop. */
@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-background-video {
    display: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero {
    background: #f7eadb url("assets/dr-mix-hero-mobile-reference.png") center 105px / 100% auto no-repeat !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-bg {
    z-index: 0 !important;
    display: block !important;
    background-image: url("assets/dr-mix-hero-mobile-reference.png") !important;
    background-position: center 105px !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
  }
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"] #video .dr-video-grid {
    gap: 14px !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-card {
    flex-basis: min(66vw, 248px) !important;
    gap: 10px !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-phone {
    aspect-ratio: 9 / 16 !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-card strong {
    display: flex !important;
    min-height: 38px !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 12px !important;
    border: 1px solid rgba(138, 96, 65, 0.16);
    border-radius: 999px;
    background: rgba(255, 252, 248, 0.96);
    box-shadow: 0 8px 20px rgba(86, 55, 36, 0.08);
    color: #624839 !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-card strong::before {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #b17652;
    content: "";
  }
}

/* The desktop header must not leave a thin strip above the dedicated mobile header. */
@media (max-width: 768px) {
  html body[data-page="dr-mix"] > .site-header {
    display: none !important;
  }

  html body[data-page="dr-mix"] > .mobile-header {
    top: env(safe-area-inset-top, 0px) !important;
  }

  html body[data-page="dr-mix"] > main#top {
    margin-top: 0 !important;
  }
}

/* Separate hero footage for the two aspect ratios. */
html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-background-video--mobile {
  display: none !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-bg,
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-background-video:not(.dr-hero-background-video--mobile) {
    display: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-background-video--mobile {
    z-index: 0 !important;
    display: block !important;
    object-position: center center !important;
  }
}

/* Keep the complete machine below the copy card on narrow iPhone screens. */
@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero {
    min-height: calc(100svh + 120px) !important;
    background: #f7eadb url("assets/dr-mix-hero-mobile-reference.png") center top / 100% auto no-repeat !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-bg {
    display: block !important;
    background-position: center top !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-background-video--mobile {
    background: transparent !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: translateY(120px) !important;
  }
}

/* Keep the video block compact: the heading is separate from one shared gallery. */
html body[data-page="dr-mix"] #video {
  padding-block: clamp(38px, 4vw, 56px) !important;
}

html body[data-page="dr-mix"] #video .dr-video-layout {
  display: block !important;
  margin: 0 auto 20px !important;
  text-align: center !important;
}

html body[data-page="dr-mix"] #video .dr-video-layout .eyebrow {
  margin-inline: auto !important;
}

html body[data-page="dr-mix"] #video .dr-video-layout h2 {
  max-width: 560px !important;
  margin: 10px auto 0 !important;
  font-size: clamp(2.35rem, 3.4vw, 3.8rem) !important;
  line-height: 0.98 !important;
}

html body[data-page="dr-mix"] #video .dr-video-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: clamp(12px, 1.4vw, 20px) !important;
  margin-top: 0 !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

html body[data-page="dr-mix"] #video .dr-video-card {
  display: grid !important;
  min-width: 0 !important;
  gap: 9px !important;
}

html body[data-page="dr-mix"] #video .dr-video-phone {
  width: 100% !important;
  max-width: none !important;
  border-width: 6px !important;
  border-radius: 24px !important;
  padding: 4px !important;
}

html body[data-page="dr-mix"] #video .dr-video-phone video {
  border-radius: 16px !important;
}

html body[data-page="dr-mix"] #video .dr-video-card strong {
  padding: 0 !important;
  font-size: 0.78rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  html body[data-page="dr-mix"] #video {
    padding-block: 36px !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-layout {
    margin-bottom: 18px !important;
    text-align: left !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-layout .eyebrow,
  html body[data-page="dr-mix"] #video .dr-video-layout h2 {
    margin-inline: 0 !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-grid {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 8px !important;
    scroll-snap-type: x mandatory !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-card {
    flex: 0 0 min(62vw, 220px) !important;
    scroll-snap-align: start !important;
  }
}

/* Final browser-comment corrections. Keep this block last in the cascade. */
@media (min-width: 769px) {
  html body[data-page="dr-mix"][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: min(500px, calc(100vw - 64px)) !important;
    max-width: 500px !important;
    inline-size: min(500px, calc(100vw - 64px)) !important;
    max-inline-size: 500px !important;
    justify-self: start !important;
    padding: 22px 24px !important;
  }

  html body[data-page="dr-mix"][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] h1 {
    font-size: 3.25rem !important;
    line-height: 0.94 !important;
  }

  html body[data-page="dr-mix"][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] .eyebrow {
    margin-bottom: 12px !important;
  }

  html body[data-page="dr-mix"][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > p:not(.eyebrow) {
    margin-top: 14px !important;
    line-height: 1.35 !important;
  }

  html body[data-page="dr-mix"][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] .dr-proof-strip {
    margin: 14px 0 16px !important;
    padding: 8px !important;
  }

  html body[data-page="dr-mix"][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] .dr-hero-price {
    margin-block: 10px !important;
    padding-block: 8px !important;
  }

  html body[data-page="dr-mix"][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] .dr-hero-actions {
    margin-top: 14px !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero {
    min-height: max(100svh, 216.667vw) !important;
    background: #f7eadb url("assets/dr-mix-hero-video-mobile-poster.jpg?v=mobile-tall-1") center top / cover no-repeat !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-bg {
    display: none !important;
  }

  html body[data-page="dr-mix"][data-motion-ready="true"] main#top section.dr-hero .shell.dr-hero-inner {
    position: static !important;
    padding-top: 0 !important;
    transform: none !important;
  }

  html body[data-page="dr-mix"][data-motion-ready="true"] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] {
    position: absolute !important;
    top: calc(78px + env(safe-area-inset-top, 0px)) !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-background-video--mobile {
    object-fit: cover !important;
    object-position: center top !important;
    transform: none !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-grid {
    align-items: flex-start !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-card {
    height: auto !important;
    min-height: 0 !important;
    align-content: start !important;
    align-self: flex-start !important;
    grid-template-rows: auto auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: stretch !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-phone {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-self: stretch !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-card strong {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Compact hero purchase card: content must always determine its height. */
html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy h1,
html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy h1 :is(span, .dr-hero-h1-accent) {
  max-width: 100% !important;
  overflow: visible !important;
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy h1 {
  min-width: 0 !important;
  font-size: clamp(48px, 5vw, 70px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy h1 > span {
  display: block;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-proof-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch;
  gap: 8px !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-proof-strip > .dr-proof-item {
  min-width: 0 !important;
  min-height: 68px;
  align-items: center !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-proof-strip,
html body[data-page="dr-mix"] main#top section.dr-hero .dr-proof-strip :is(.dr-proof-item, .dr-proof-text, .dr-proof-label-full, .dr-proof-label-mobile) {
  overflow: visible !important;
  text-overflow: clip !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-actions :is(a, button) {
  white-space: normal !important;
  text-wrap: balance;
}

@media (max-width: 540px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy h1 {
    font-size: clamp(38px, 10vw, 50px) !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-proof-strip {
    display: flex !important;
    width: calc(100% + 2px) !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 2px 2px 8px !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-proof-strip::-webkit-scrollbar {
    display: none;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-proof-strip > .dr-proof-item {
    flex: 0 0 132px !important;
    min-width: 132px !important;
    min-height: 68px;
  }
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] {
    width: min(620px, calc(100vw - 64px)) !important;
    max-width: min(620px, calc(100vw - 64px)) !important;
    inline-size: min(620px, calc(100vw - 64px)) !important;
    max-inline-size: min(620px, calc(100vw - 64px)) !important;
    padding: 24px 28px !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] {
    position: absolute !important;
    inset-inline: 14px !important;
    left: 14px !important;
    right: auto !important;
    width: calc(100vw - 28px) !important;
    inline-size: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    max-inline-size: calc(100vw - 28px) !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transform: none !important;
  }
}

@media (max-width: 420px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 480px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price > div:last-child {
    justify-items: start;
  }
}

@media (max-width: 360px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price > div:last-child {
    justify-items: start;
  }
}

/* Keep every desktop purchase-benefit label fully visible. */
@media (min-width: 769px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop > .dr-proof-item {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    column-gap: 6px !important;
    min-height: 64px !important;
    padding: 8px 9px !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop .dr-proof-icon {
    display: grid !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop .dr-proof-text,
  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop .dr-proof-label-full {
    display: block !important;
    min-width: 0 !important;
    overflow: visible !important;
    color: #654939 !important;
    font-size: 0.72rem !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop .dr-proof-label-mobile {
    display: none !important;
  }
}

/* Mobile hero compactness: keep the complete offer above more of the product. */
@media (max-width: 768px) {
  html body[data-page="dr-mix"] .mobile-header__logo,
  html body[data-page="dr-mix"] .mobile-header__logo span {
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"][data-page][data-motion-ready="true"] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal],
  html body[data-page="dr-mix"][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] {
    top: calc(68px + env(safe-area-inset-top, 0px)) !important;
    padding: 12px 14px !important;
    border-radius: 20px !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy .eyebrow {
    margin: 0 0 7px !important;
    font-size: 0.66rem !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy h1 {
    margin: 0 0 7px !important;
    font-size: clamp(34px, 9vw, 40px) !important;
    line-height: 0.92 !important;
    text-wrap: balance;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy h1 .dr-hero-h1-accent {
    font-size: clamp(30px, 8vw, 36px) !important;
    line-height: 0.94 !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > p:not(.eyebrow) {
    max-width: 32ch !important;
    margin: 0 0 8px !important;
    font-size: 0.78rem !important;
    line-height: 1.24 !important;
    text-align: left !important;
    text-wrap: pretty;
  }

  html body[data-page="dr-mix"] main#top .hero-trust-mobile {
    margin-bottom: 7px !important;
  }

  html body[data-page="dr-mix"] main#top .hero-trust-mobile .trust-chip {
    height: 46px !important;
    padding: 4px !important;
  }

  html body[data-page="dr-mix"] main#top .hero-trust-mobile .trust-chip-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    flex-basis: 20px !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 12px !important;
    margin: 7px 0 !important;
    padding: 7px 0 !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price > div:last-child {
    justify-items: end !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price strong {
    font-size: 1.62rem !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price del {
    font-size: 1rem !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 0 !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-actions :is(a, button) {
    min-height: 42px !important;
    font-size: 0.7rem !important;
  }
}

/* Mobile offer hierarchy and section rhythm. */
@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 6px 0 !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 14px;
    background: rgba(185, 131, 93, 0.08);
    box-shadow: inset 0 0 0 1px rgba(121, 84, 57, 0.1);
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price > div:last-child {
    grid-template-columns: auto auto;
    grid-template-areas:
      "discount label"
      "discount old";
    align-items: center;
    column-gap: 7px;
    row-gap: 1px;
    justify-items: start !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price > div:last-child::before {
    grid-area: discount;
    padding: 5px 7px;
    border-radius: 999px;
    background: #b9835d;
    color: #fff;
    content: "−25%";
    font-size: 0.64rem;
    font-weight: 850;
    line-height: 1;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price > div:last-child span {
    grid-area: label;
    font-size: 0.66rem !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-price > div:last-child del {
    grid-area: old;
    font-size: 0.92rem !important;
  }

  html body[data-page="dr-mix"] #video {
    padding-block: 56px 44px !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-heading {
    margin-bottom: 30px;
  }

  html body[data-page="dr-mix"] #video .dr-video-browser {
    margin-top: 36px;
  }
}

/* Remove redundant leads and lighten the mobile featured-video overlay. */
html body[data-page="dr-mix"] #video .dr-video-heading .dr-lead,
html body[data-page="dr-mix"] .dr-detail-accordion-section .section-head .dr-lead {
  display: none !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] #video .dr-video-stage-copy h3 {
    font-size: clamp(23px, 5.8vw, 25px) !important;
    line-height: 1.12 !important;
  }

html body[data-page="dr-mix"] #video .dr-video-stage-copy p {
    font-size: clamp(14px, 3.7vw, 15px) !important;
    line-height: 1.4 !important;
  }
}

/* Purchase block: a single responsive product card, independent from the checkout modal. */
html body[data-page="dr-mix"] .dr-market-bottom {
  padding: clamp(68px, 8vw, 128px) 0 !important;
  background: #f6efe7 !important;
}

html body[data-page="dr-mix"] .dr-market-bottom .shell {
  width: min(100% - 40px, 1430px) !important;
}

html body[data-page="dr-mix"] #payment.dr-purchase {
  padding: clamp(24px, 3.4vw, 48px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] .dr-purchase__heading {
  display: grid !important;
  justify-items: center !important;
  gap: 13px !important;
  max-width: 960px !important;
  margin: 0 auto clamp(32px, 4vw, 56px) !important;
  text-align: center !important;
}

html body[data-page="dr-mix"] .dr-purchase__badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 9px 20px !important;
  border: 1px solid rgba(173, 121, 77, 0.17) !important;
  border-radius: 999px !important;
  background: #faf4ee !important;
  color: #9c6b48 !important;
  font-size: 0.74rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"] .dr-purchase__heading h2 {
  max-width: none !important;
  margin: 0 !important;
  color: #4c382d !important;
  font-size: clamp(3rem, 5.25vw, 5.1rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.94 !important;
  text-wrap: balance !important;
}

html body[data-page="dr-mix"] .dr-purchase__lead {
  max-width: 56ch !important;
  margin: 0 !important;
  color: #75655a !important;
  font-size: clamp(1rem, 1.45vw, 1.35rem) !important;
  font-weight: 560 !important;
  line-height: 1.45 !important;
  text-wrap: balance !important;
}

html body[data-page="dr-mix"] .dr-purchase__lead--mobile {
  display: none !important;
}

html body[data-page="dr-mix"] .dr-purchase__card {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.92fr) minmax(320px, 1.04fr) minmax(320px, 0.84fr) !important;
  align-items: stretch !important;
  gap: clamp(20px, 2.4vw, 38px) !important;
}

html body[data-page="dr-mix"] .dr-purchase__media {
  display: grid !important;
  place-items: center !important;
  min-height: 430px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: clamp(22px, 2vw, 30px) !important;
  background: #ead2bc !important;
}

html body[data-page="dr-mix"] .dr-purchase__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body[data-page="dr-mix"] .dr-purchase__details {
  display: grid !important;
  align-content: center !important;
  gap: clamp(20px, 2.2vw, 30px) !important;
  min-width: 0 !important;
  padding: clamp(6px, 1vw, 12px) 0 !important;
}

html body[data-page="dr-mix"] .dr-purchase__identity {
  display: grid !important;
  gap: 11px !important;
}

html body[data-page="dr-mix"] .dr-purchase__identity h3 {
  margin: 0 !important;
  color: #4c382d !important;
  font-size: clamp(3rem, 4.2vw, 4.25rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.04em !important;
  line-height: 0.92 !important;
}

html body[data-page="dr-mix"] .dr-purchase__identity p {
  max-width: 28ch !important;
  margin: 0 !important;
  color: #705f54 !important;
  font-size: clamp(1rem, 1.3vw, 1.22rem) !important;
  font-weight: 560 !important;
  line-height: 1.42 !important;
}

html body[data-page="dr-mix"] .dr-purchase__benefits {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

html body[data-page="dr-mix"] .dr-purchase__benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body[data-page="dr-mix"] .dr-purchase__benefits li {
  display: grid !important;
  align-content: center !important;
  min-height: 104px !important;
  padding: 15px !important;
  border: 1px solid rgba(113, 83, 61, 0.11) !important;
  border-radius: 18px !important;
  background: #fffdfa !important;
  box-shadow: 0 10px 20px rgba(89, 64, 46, 0.045) !important;
}

html body[data-page="dr-mix"] .dr-purchase__benefits strong {
  color: #513d31 !important;
  font-size: clamp(1rem, 1.18vw, 1.18rem) !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

html body[data-page="dr-mix"] .dr-purchase__benefits span {
  margin-top: 5px !important;
  color: #827167 !important;
  font-size: 0.76rem !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
}

html body[data-page="dr-mix"] .dr-purchase__checkout {
  display: grid !important;
  align-content: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: clamp(24px, 2.6vw, 38px) !important;
  border: 1px solid rgba(113, 83, 61, 0.12) !important;
  border-radius: clamp(22px, 2vw, 30px) !important;
  background: #fffdfa !important;
  box-shadow: 0 14px 30px rgba(89, 64, 46, 0.065) !important;
}

html body[data-page="dr-mix"] .dr-purchase__price-label {
  color: #78675b !important;
  font-size: 0.94rem !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

html body[data-page="dr-mix"] .dr-purchase__price {
  max-width: 100% !important;
  padding-bottom: 0 !important;
  color: #4c382d !important;
  font-size: clamp(3rem, 4vw, 4.25rem) !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.065em !important;
  line-height: 0.88 !important;
  white-space: nowrap !important;
}

html body[data-page="dr-mix"] .dr-purchase__previous-price {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding-bottom: 17px !important;
  border-bottom: 1px solid rgba(113, 83, 61, 0.14) !important;
  color: #8a786c !important;
  font-size: 0.9rem !important;
  font-weight: 650 !important;
}

html body[data-page="dr-mix"] .dr-purchase__previous-price span {
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: #f2dfcf !important;
  color: #9b5f38 !important;
  font-size: 0.74rem !important;
  font-weight: 850 !important;
}

html body[data-page="dr-mix"] .dr-purchase__cta {
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 24px !important;
  cursor: pointer !important;
  font-size: 0.94rem !important;
}

html body[data-page="dr-mix"] .dr-purchase__payment,
html body[data-page="dr-mix"] .dr-purchase__delivery {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: rgba(242, 223, 207, 0.42) !important;
  color: #6d5b4f !important;
  font-size: 0.86rem !important;
  font-weight: 620 !important;
  line-height: 1.45 !important;
}

html body[data-page="dr-mix"] .dr-purchase__payment {
  text-align: left !important;
}

html body[data-page="dr-mix"] .dr-purchase__delivery {
  text-align: left !important;
}

html body[data-page="dr-mix"] .dr-purchase__payment::before,
html body[data-page="dr-mix"] .dr-purchase__delivery::before {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #fffdfa !important;
  color: #9b6746 !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
}

html body[data-page="dr-mix"] .dr-purchase__payment::before {
  content: "✓" !important;
}

html body[data-page="dr-mix"] .dr-purchase__delivery::before {
  content: "↗" !important;
}

html body[data-page="dr-mix"] .dr-returning-buyer-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(94, 126, 83, 0.22) !important;
  border-radius: 14px !important;
  background: rgba(232, 241, 226, 0.72) !important;
}

html body[data-page="dr-mix"] .dr-returning-buyer-summary[hidden] {
  display: none !important;
}

html body[data-page="dr-mix"] .dr-returning-buyer-summary > div {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}

html body[data-page="dr-mix"] .dr-returning-buyer-summary span {
  overflow: hidden !important;
  color: #6d5b4f !important;
  font-size: 0.8rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-page="dr-mix"] .dr-payment-form.returning-buyer [data-returning-buyer-contact] {
  display: none !important;
}

@media (max-width: 1100px) {
  html body[data-page="dr-mix"] .dr-purchase__card {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.78fr) !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__media {
    grid-column: 1 / -1 !important;
    min-height: 410px !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__media img {
    max-height: 390px !important;
  }
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] .dr-market-bottom {
    padding: 20px 0 28px !important;
  }

  html body[data-page="dr-mix"] .dr-market-bottom .shell {
    width: min(100% - 24px, 560px) !important;
  }

  html body[data-page="dr-mix"] #payment.dr-purchase {
    padding: 0 !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__heading {
    gap: 7px !important;
    margin-bottom: 14px !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__badge {
    min-height: 28px !important;
    padding: 6px 12px !important;
    font-size: 0.58rem !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__heading h2 {
    max-width: none !important;
    font-size: clamp(2rem, 9vw, 2.7rem) !important;
    line-height: 0.92 !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__lead--desktop {
    display: none !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__lead--mobile {
    display: block !important;
    max-width: 29ch !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__card {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__media {
    grid-column: auto !important;
    min-height: 0 !important;
    height: min(70vw, 300px) !important;
    padding: 0 !important;
    border-radius: 20px !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__media img {
    max-height: none !important;
    object-position: center !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__details {
    gap: 10px !important;
    padding: 0 !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__identity {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__identity h3 {
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__identity p {
    max-width: 27ch !important;
    font-size: 0.73rem !important;
    line-height: 1.3 !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__benefits {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__benefits li {
    min-height: 62px !important;
    padding: 7px 5px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__benefits strong {
    font-size: clamp(0.75rem, 3.6vw, 0.9rem) !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__benefits span {
    margin-top: 2px !important;
    font-size: 0.56rem !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__checkout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 7px 10px !important;
    padding: 11px 0 0 !important;
    border-width: 1px 0 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__price-label {
    grid-column: 1 !important;
    font-size: 0.68rem !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__price {
    grid-column: 1 !important;
    font-size: clamp(2.35rem, 11.5vw, 3.1rem) !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__previous-price {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: end !important;
    justify-self: end !important;
    gap: 6px !important;
    padding-bottom: 4px !important;
    border: 0 !important;
    font-size: 0.7rem !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__previous-price span {
    padding: 4px 6px !important;
    font-size: 0.58rem !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__cta {
    grid-column: 1 / -1 !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    font-size: 0.82rem !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__payment,
  html body[data-page="dr-mix"] .dr-purchase__delivery {
    padding: 0 !important;
    border: 0 !important;
    font-size: 0.64rem !important;
    line-height: 1.25 !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__payment {
    text-align: left !important;
  }

  html body[data-page="dr-mix"] .dr-purchase__delivery {
    text-align: right !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-page="dr-mix"] .dr-purchase__cta {
    transition: none !important;
  }
}

/* Final contact and footer icon treatment: use the supplied brand assets, not generic dots. */
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > a::before,
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > a::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a {
  grid-template-columns: 42px minmax(0, 1fr) !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a::before,
html body[data-page="dr-mix"] #contacts .dr-contact-links a::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] .dr-contact-icon,
html body[data-page="dr-mix"] .dr-footer-inline-icon {
  display: grid !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(249, 243, 236, 0.82) !important;
}

html body[data-page="dr-mix"] .dr-contact-icon {
  grid-row: 1 / span 2 !important;
  width: 42px !important;
  height: 42px !important;
}

html body[data-page="dr-mix"] .dr-contact-icon img,
html body[data-page="dr-mix"] .dr-footer-inline-icon {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.8) !important;
}

html body[data-page="dr-mix"] .dr-contact-icon--mail {
  color: #8b6852 !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  transform: none !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > a:not(.dr-compliance-marks) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #604536 !important;
  font-weight: 400 !important;
}

html body[data-page="dr-mix"] .dr-footer-inline-icon {
  width: 20px !important;
  height: 20px !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-marks,
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column a.dr-compliance-marks {
  display: grid !important;
  grid-template-columns: repeat(4, 44px) !important;
  gap: 8px !important;
  width: max-content !important;
  max-width: 100% !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  overflow: hidden !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: scale(var(--mark-scale, 1)) !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] #payment .dr-purchase__card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__media {
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center 42% !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__details {
    display: grid !important;
    gap: 14px !important;
    min-width: 0 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__identity {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__identity h3,
  html body[data-page="dr-mix"] #payment .dr-purchase__identity p {
    max-width: none !important;
    margin: 0 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__identity h3 {
    font-size: 2rem !important;
    line-height: 0.95 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__identity p {
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__benefits li {
    min-height: 66px !important;
    padding: 8px 5px !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__checkout {
    padding-top: 16px !important;
  }
}

/* browser-comment-polish-v2: infographic covers and hero trust only. */
html body[data-page="dr-mix"] #video .dr-video-stage,
html body[data-page="dr-mix"] #video .dr-video-thumb {
  outline: 1px solid rgba(0, 0, 0, 0.1);
  outline-offset: -1px;
}

html body[data-page="dr-mix"] #video .dr-video-thumb-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

html body[data-page="dr-mix"] #video .dr-video-thumb-media img {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body[data-page="dr-mix"] #video .dr-video-stage-copy,
html body[data-page="dr-mix"] #video .dr-video-thumb strong {
  text-wrap: balance;
}

html body[data-page="dr-mix"] #video .dr-video-thumb,
html body[data-page="dr-mix"] #video button.dr-video-play--main {
  transition-property: transform, box-shadow, border-color, background-color;
  transition-duration: 220ms;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
}

html body[data-page="dr-mix"] #video .dr-video-thumb:active {
  transform: scale(0.96) !important;
}

html body[data-page="dr-mix"] #video button.dr-video-play--main:active {
  transform: translate(-50%, -50%) scale(0.96) !important;
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop {
    gap: 10px !important;
    margin: 18px 0 16px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop > .dr-proof-item {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    min-height: 62px !important;
    padding: 10px 12px !important;
    overflow: visible !important;
    border: 1px solid rgba(140, 97, 68, 0.13) !important;
    border-radius: 16px !important;
    background: rgba(247, 235, 220, 0.78) !important;
    box-shadow: 0 8px 20px rgba(86, 55, 36, 0.06) !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop .dr-proof-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop :is(.dr-proof-text, .dr-proof-label-full) {
    min-width: 0 !important;
    padding-inline: 1px !important;
    overflow: visible !important;
    font-size: 0.7rem !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }
}

@media (max-width: 767px) {
  html body[data-page="dr-mix"] #video .dr-video-stage {
    aspect-ratio: 4 / 5 !important;
    height: auto !important;
    max-height: none !important;
  }

  html body[data-page="dr-mix"] #video .dr-video-thumb {
    flex-basis: clamp(176px, 52vw, 210px) !important;
    width: clamp(176px, 52vw, 210px) !important;
    aspect-ratio: 3 / 4 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-page="dr-mix"] #video .dr-video-thumb,
  html body[data-page="dr-mix"] #video button.dr-video-play--main {
    transition-duration: 0.01ms !important;
  }
}

/* Browser comments: contacts, footer and the details accordion. */
html body[data-page="dr-mix"] #contacts .dr-contact-links a {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 3px 12px !important;
  align-items: center !important;
  min-height: 68px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(145, 98, 68, 0.14) !important;
  border-radius: 18px !important;
  background: rgba(252, 245, 237, 0.74) !important;
  box-shadow: 0 10px 24px -22px rgba(73, 55, 42, 0.52) !important;
  color: #604536 !important;
  text-decoration: none !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a span,
html body[data-page="dr-mix"] #contacts .dr-contact-links a strong {
  grid-column: 2 !important;
  padding: 0 !important;
  color: inherit !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a span {
  align-self: end !important;
  color: rgba(96, 69, 54, 0.7) !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a strong {
  align-self: start !important;
  font-size: 0.98rem !important;
  font-weight: 500 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer {
  background: #f4ebe1 !important;
  color: #604536 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > :is(a, span),
html body[data-page="dr-mix"] .dr-legal-footer .lite-setting-title {
  font-weight: 400 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > strong {
  color: #674836 !important;
  font-weight: 650 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > a:not(.dr-compliance-marks) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #604536 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-marks {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(38px, 1fr)) !important;
  gap: 8px !important;
  max-width: 240px !important;
  margin-top: 14px !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column a.dr-compliance-marks {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(38px, 1fr)) !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  place-items: center !important;
  border: 1px solid rgba(129, 95, 72, 0.12) !important;
  border-radius: 50% !important;
  background: rgba(255, 250, 244, 0.72) !important;
  color: #876b58 !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  justify-self: center !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list summary::after {
  content: "⌄" !important;
  font-size: 1.35rem !important;
  font-weight: 400 !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list details[open] summary::after {
  content: "⌃" !important;
  transform: translateY(-50%) scale(1) !important;
}

html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop > .dr-proof-item {
  background: rgba(226, 204, 181, 0.5) !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] .dr-detail-accordion-section,
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-split,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table-wrap,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list li,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust span,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table th,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table td {
  background-image: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-split,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table-wrap {
  background-color: rgba(244, 235, 225, 0.72) !important;
  box-shadow: 0 14px 34px -32px rgba(73, 55, 42, 0.44) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list li,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust span,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table th,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table td {
  background-color: rgba(255, 250, 244, 0.55) !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] .mobile-header__logo,
  html body[data-page="dr-mix"] .mobile-header__logo span {
    color: #9d6d4d !important;
  }

  html body[data-page="dr-mix"] .dr-detail-accordion-section .section-head {
    display: block !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] .dr-detail-accordion-section .section-head h2 {
    max-width: 100% !important;
    margin-inline: auto !important;
    font-size: clamp(2.1rem, 10vw, 2.8rem) !important;
    line-height: 0.98 !important;
    text-wrap: balance !important;
  }

  html body[data-page="dr-mix"] .dr-detail-accordion-section .section-head h2 span {
    display: inline !important;
    white-space: normal !important;
  }
}

/* Keep supplied footer artwork as the only iconography in this area. */
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > a::before,
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > a::after,
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > a:not(.dr-compliance-marks)::before {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-marks,
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column a.dr-compliance-marks {
  display: grid !important;
  grid-template-columns: repeat(4, 44px) !important;
  gap: 8px !important;
  width: max-content !important;
  max-width: 100% !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  overflow: hidden !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.82) !important;
}

html body[data-page="dr-mix"] .dr-footer-inline-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  overflow: hidden !important;
  flex: 0 0 20px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  transform: scale(1.8) !important;
}

html body[data-page="dr-mix"] #payment .dr-purchase__media img {
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Transparent footer/contact artwork supplied by the client. */
html body[data-page="dr-mix"] .dr-contact-icon,
html body[data-page="dr-mix"] .dr-footer-inline-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: url("assets/dr-mix-contact-icons-transparent.png") !important;
  background-repeat: no-repeat !important;
  background-size: 400% auto !important;
  transform: none !important;
}

html body[data-page="dr-mix"] .dr-contact-icon--telegram {
  background-position: 8.5% center !important;
}

html body[data-page="dr-mix"] .dr-contact-icon--max {
  background-position: 50% center !important;
}

html body[data-page="dr-mix"] .dr-contact-icon--phone {
  background-position: 92.6% center !important;
}

html body[data-page="dr-mix"] .dr-contact-icon--mail {
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] .dr-footer-inline-icon {
  width: 22px !important;
  height: 22px !important;
  flex-basis: 22px !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a {
  grid-template-columns: 22px minmax(0, 1fr) !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark {
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: scale(var(--mark-scale, 1)) !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  color: #9a897b !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark svg text {
  stroke: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: -0.06em !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark--eac svg text {
  font-family: "Arial Narrow", Arial, sans-serif !important;
  font-size: 24px !important;
  letter-spacing: -0.16em !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark--fda svg text {
  font-size: 21px !important;
  font-style: italic !important;
  font-weight: 700 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark--rohs svg text {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark--rohs svg path {
  fill: none !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark--rohs svg circle {
  fill: none !important;
}

/* Browser comments: final visible fixes. */
html body[data-page="dr-mix"] .dr-contact-icon,
html body[data-page="dr-mix"] .dr-footer-inline-icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body[data-page="dr-mix"] :is(.dr-contact-icon, .dr-footer-inline-icon)::before,
html body[data-page="dr-mix"] :is(.dr-contact-icon, .dr-footer-inline-icon)::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-inline-icon::before,
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-inline-icon::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

html body[data-page="dr-mix"] .dr-contact-icon--telegram {
  --icon-scale: 0.95;
}

html body[data-page="dr-mix"] .dr-contact-icon--max {
  --icon-scale: 0.98;
}

html body[data-page="dr-mix"] .dr-contact-icon--phone {
  --icon-scale: 0.95;
}

html body[data-page="dr-mix"] .dr-contact-icon--mail {
  display: grid !important;
  place-items: center !important;
  background-image: none !important;
  color: #9a897b !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
}

html body[data-page="dr-mix"] :is(.dr-contact-icon, .dr-footer-inline-icon) > img,
html body[data-page="dr-mix"] .dr-contact-icon > svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: scale(var(--icon-scale, 1)) !important;
  transform-origin: center !important;
}

html body[data-page="dr-mix"] .dr-contact-icon--mail > svg {
  fill: none !important;
  stroke: #9a897b !important;
  stroke-width: 1.7 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body[data-page="dr-mix"] #video .dr-video-stage > video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

html body[data-page="dr-mix"] #video [data-video-player]:fullscreen,
html body[data-page="dr-mix"] #video [data-video-player]:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #000 !important;
}

/* Remaining visual fixes: contacts, footer, accordions, FAQ and purchase. */
html body[data-page="dr-mix"] #contacts .dr-contact-links a {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 3px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 18px 20px !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a::before,
html body[data-page="dr-mix"] #contacts .dr-contact-links a::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links .dr-contact-icon {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
  align-self: center !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a > :is(span:not(.dr-contact-icon), strong) {
  grid-column: 2 !important;
  min-width: 0 !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a:last-child > span:not(.dr-contact-icon) {
  align-self: center !important;
  color: #6f5d52 !important;
  font-size: 0.95rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

html body[data-page="dr-mix"] .dr-footer-column > a:not(.dr-compliance-marks)::before,
html body[data-page="dr-mix"] .dr-footer-column > a:not(.dr-compliance-marks)::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] .dr-footer-column > a:not(.dr-compliance-marks) {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 8px !important;
}

html body[data-page="dr-mix"] .dr-compliance-marks,
html body[data-page="dr-mix"] .dr-footer-column a.dr-compliance-marks {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(4, 40px) !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 16px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark {
  display: grid !important;
  place-items: center !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 28px !important;
  min-height: 28px !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark :is(img, svg) {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 34px !important;
  max-height: 22px !important;
  object-fit: contain !important;
  transform: scale(var(--icon-scale, 1)) !important;
  transform-origin: center !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel::before {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel > summary {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 16px 18px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-number {
  display: grid !important;
  grid-column: 1 !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(130, 94, 67, 0.12) !important;
  border-radius: 11px !important;
  background: rgba(231, 211, 190, 0.72) !important;
  color: #74665d !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-copy {
  grid-column: 2 !important;
  min-width: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-copy .eyebrow {
  display: block !important;
  margin: 0 0 4px !important;
  line-height: 1.1 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-copy h3 {
  margin: 0 !important;
  line-height: 1.06 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-icon {
  grid-column: 3 !important;
  justify-self: end !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list summary::after {
  content: "" !important;
  width: 18px !important;
  height: 18px !important;
  background-color: #826552 !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat !important;
  transform: translateY(-50%) rotate(0deg) !important;
  transition: transform 180ms ease !important;
}

html body[data-page="dr-mix"] #faq .dr-faq-list details[open] summary::after {
  content: "" !important;
  transform: translateY(-50%) rotate(180deg) !important;
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop > .dr-proof-item {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 64px !important;
    height: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(137, 93, 63, 0.12) !important;
    border-radius: 16px !important;
    background: rgba(226, 204, 181, 0.5) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop .dr-proof-icon {
    width: 30px !important;
    height: 30px !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop .dr-proof-text {
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html body[data-page="dr-mix"] .dr-legal-footer {
    min-height: 0 !important;
    height: auto !important;
    padding: 24px 0 !important;
  }

  html body[data-page="dr-mix"] .dr-legal-footer-inner {
    grid-auto-rows: max-content !important;
    align-items: start !important;
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body[data-page="dr-mix"] .dr-footer-column {
    align-content: start !important;
    grid-auto-rows: max-content !important;
    min-height: 0 !important;
    height: auto !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-mobile > .trust-chip {
    background: rgba(239, 220, 199, 0.42) !important;
  }
}

/* Hero alignment and compact footer lock. */
@media (min-width: 769px) {
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop > .dr-proof-item {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 10px 12px !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop > .dr-proof-item > .dr-proof-icon {
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    box-sizing: border-box !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop > .dr-proof-item > .dr-proof-icon > svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop > .dr-proof-item > .dr-proof-text {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 0 !important;
    line-height: 1.08 !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-hero-price {
    align-items: stretch !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-hero-price > div {
    align-self: stretch !important;
    grid-template-rows: 14px minmax(0, 1fr) !important;
    align-content: stretch !important;
    row-gap: 3px !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-hero-price > div > span {
    align-self: start !important;
    line-height: 14px !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-hero-price > div > :is(strong, del) {
    align-self: end !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-hero-actions {
    align-items: stretch !important;
  }

  html body[data-page="dr-mix"] .dr-legal-footer {
    padding-block: 20px !important;
  }

  html body[data-page="dr-mix"] .dr-legal-footer .dr-legal-footer-inner,
  html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column {
    align-content: start !important;
    min-height: 0 !important;
    height: auto !important;
  }
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column:first-child > a.dr-compliance-marks {
  position: static !important;
  grid-template-columns: repeat(4, 34px) !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 14px !important;
  width: 178px !important;
  max-width: 100% !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column:nth-child(2) > .dr-footer-contacts-extra {
  gap: 0 !important;
  margin-top: 6px !important;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a:last-child > span:not(.dr-contact-icon) {
  color: rgba(96, 69, 54, 0.7) !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

/* Final footer, proof-strip and mobile contact refinements. */
html body[data-page="dr-mix"] .dr-footer-contacts-extra {
  gap: 22px !important;
  margin-top: 22px !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > .dr-footer-contacts-extra > a.dr-compliance-marks {
  grid-template-columns: repeat(4, 34px) !important;
  gap: 14px !important;
  width: 178px !important;
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] {
    background-color: rgba(239, 220, 199, 0.94) !important;
    background-image: linear-gradient(145deg, rgba(246, 232, 216, 0.96), rgba(239, 220, 199, 0.92)) !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop,
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop::before,
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop::after {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop::before,
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop::after {
    content: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop > .dr-proof-item {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 6px !important;
    min-height: 64px !important;
    padding: 10px 14px 10px 10px !important;
    border: 1px solid rgba(186, 154, 122, 0.18) !important;
    border-radius: 16px !important;
    background: rgba(239, 220, 199, 0.52) !important;
    background-clip: padding-box !important;
    box-shadow: 0 6px 18px rgba(108, 76, 48, 0.06) !important;
    overflow: hidden !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop > .dr-proof-item :is(.dr-proof-text, .dr-proof-label-full) {
    min-width: 0 !important;
    padding: 0 !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] #contacts .dr-contact-links a {
    grid-template-columns: 26px minmax(0, 1fr) !important;
  }

  html body[data-page="dr-mix"] #contacts .dr-contact-icon {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    flex: 0 0 26px !important;
  }

  html body[data-page="dr-mix"] #contacts .dr-contact-icon > :is(img, svg) {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
  }

  html body[data-page="dr-mix"] #contacts .dr-contact-icon--max {
    --dr-contact-icon-scale: 1.05;
  }

  html body[data-page="dr-mix"] #contacts .dr-contact-icon--phone {
    --dr-contact-icon-scale: 1.02;
  }

  html body[data-page="dr-mix"] #contacts .dr-contact-icon--mail {
    --dr-contact-icon-scale: 1.03;
  }

  html body[data-page="dr-mix"] #contacts .dr-contact-icon--telegram {
    --dr-contact-icon-scale: 1.15;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel > summary {
    grid-template-columns: 34px minmax(0, 1fr) 40px !important;
    gap: 12px !important;
    min-height: 78px !important;
    padding: 14px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-panel-number {
    width: 34px !important;
    height: 34px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-panel-copy h3 {
    font-size: clamp(23px, 6.5vw, 30px) !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__benefits li {
    min-height: 66px !important;
    border: 1px solid rgba(130, 94, 67, 0.12) !important;
    background: rgba(239, 222, 205, 0.58) !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__checkout {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px 10px !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__price-label {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__price {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: end !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__previous-price {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: end !important;
    justify-self: end !important;
    max-width: 100% !important;
    padding: 0 2px 4px 0 !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__previous-price span {
    font-size: 0.62rem !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__previous-price del {
    font-size: 0.76rem !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__cta {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__payment {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__delivery {
    grid-column: 2 !important;
    grid-row: 4 !important;
    justify-self: end !important;
  }
}

@media (max-width: 360px) {
  html body[data-page="dr-mix"] #payment .dr-purchase__previous-price {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    padding: 0 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__cta {
    grid-row: 4 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__payment {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__delivery {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    justify-self: start !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__price {
    font-size: clamp(2.2rem, 13vw, 2.75rem) !important;
  }
}

/* Details section: one light ivory surface family, without sand-toned legacy layers. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion-section {
  background-color: #f5eee6 !important;
  background-image: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel:not([open]) {
  border: 1px solid rgba(105, 76, 55, 0.08) !important;
  border-radius: 22px !important;
  background-color: rgba(255, 252, 248, 0.34) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 16px 38px -36px rgba(73, 55, 42, 0.34) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] {
  border-color: rgba(105, 76, 55, 0.1) !important;
  background-color: rgba(255, 252, 248, 0.58) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    0 20px 48px -40px rgba(73, 55, 42, 0.4) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel > summary,
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] > summary {
  background-color: rgba(255, 255, 255, 0.12) !important;
  background-image: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] > summary {
  border-bottom: 1px solid rgba(105, 76, 55, 0.07) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel .dr-detail-panel-number,
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel .dr-detail-panel-icon {
  border-color: rgba(105, 76, 55, 0.1) !important;
  background-color: rgba(255, 253, 250, 0.62) !important;
  background-image: none !important;
  box-shadow: 0 8px 20px -18px rgba(73, 55, 42, 0.36) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel .dr-detail-panel-body {
  background-color: transparent !important;
  background-image: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel {
  border-color: rgba(105, 76, 55, 0.08) !important;
  background-color: rgba(255, 253, 250, 0.52) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 12px 30px -28px rgba(73, 55, 42, 0.32) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child {
  background-color: transparent !important;
  background-image: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature {
  border-color: rgba(105, 76, 55, 0.08) !important;
  background-color: rgba(255, 253, 250, 0.46) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 12px 28px -27px rgba(73, 55, 42, 0.3) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
  border-color: rgba(126, 91, 65, 0.1) !important;
  background-color: rgba(235, 219, 202, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table-wrap {
  border-color: rgba(105, 76, 55, 0.08) !important;
  background-color: rgba(255, 253, 250, 0.44) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.66),
    0 12px 30px -28px rgba(73, 55, 42, 0.3) !important;
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-desktop > .dr-proof-item {
    background: rgba(187, 132, 91, 0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(137, 93, 63, 0.12) !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] #payment .dr-purchase__media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__media img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion {
    gap: 10px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel {
    overflow: hidden !important;
    border: 1px solid rgba(130, 94, 67, 0.12) !important;
    border-radius: 20px !important;
    background: rgba(239, 222, 205, 0.58) !important;
    box-shadow: 0 16px 36px -30px rgba(74, 52, 37, 0.46) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel > summary {
    min-height: 80px !important;
    padding: 14px 15px !important;
    background: transparent !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] > summary {
    border-bottom: 1px solid rgba(130, 94, 67, 0.1) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-detail-panel-body {
    padding: 12px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-split {
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel {
    width: 100% !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid rgba(130, 94, 67, 0.1) !important;
    border-radius: 17px !important;
    background: rgba(130, 94, 67, 0.1) !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div:first-child {
    display: grid !important;
    align-content: center !important;
    justify-items: start !important;
    min-width: 0 !important;
    min-height: 106px !important;
    padding: 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(255, 250, 244, 0.48) !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dt,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div:first-child dt {
    margin: 0 0 9px !important;
    color: #9a7964 !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.08em !important;
    line-height: 1.2 !important;
    text-align: left !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dd,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs div:first-child dd {
    margin: 0 !important;
    color: #4f3b30 !important;
    font-size: clamp(1.1rem, 5.5vw, 1.75rem) !important;
    line-height: 1 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"] main#top #product .dr-feature-toggle {
    margin: 12px auto 0 !important;
    border-color: rgba(130, 94, 67, 0.12) !important;
    background: rgba(255, 250, 244, 0.42) !important;
    box-shadow: none !important;
  }
}

/* Final specificity lock for legacy hero/footer rules. */
@media (min-width: 769px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop > .dr-proof-item {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 64px !important;
    height: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(137, 93, 63, 0.12) !important;
    border-radius: 16px !important;
    background: rgba(226, 204, 181, 0.5) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > a.dr-compliance-marks {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(4, 40px) !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 16px !important;
  width: 208px !important;
  max-width: 100% !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}

/* Footer/contact/hero cleanup: final lock over legacy rules. */
@media (min-width: 901px) {
  html body[data-page="dr-mix"] .dr-legal-footer .dr-legal-footer-inner {
    grid-template-columns: minmax(220px, 0.8fr) minmax(300px, 1fr) minmax(320px, 1.35fr) !important;
  }
}

html body[data-page="dr-mix"] .dr-footer-contacts-extra {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 24px !important;
  margin-top: 18px !important;
}

html body[data-page="dr-mix"] .dr-footer-contacts-extra .site-settings,
html body[data-page="dr-mix"] .dr-footer-contacts-extra .dr-compliance-marks {
  width: auto !important;
  margin: 0 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-contacts-extra .dr-compliance-marks {
  display: grid !important;
  grid-template-columns: repeat(4, 34px) !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 16px !important;
  width: 184px !important;
  max-width: 100% !important;
  padding: 0 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 24px !important;
  min-width: 34px !important;
  padding: 0 !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-compliance-mark > :is(img, svg) {
  width: auto !important;
  height: auto !important;
  max-width: 32px !important;
  max-height: 21px !important;
  object-fit: contain !important;
}

html body[data-page="dr-mix"] :is(.dr-contact-icon, .dr-footer-inline-icon) {
  display: grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] :is(.dr-contact-icon, .dr-footer-inline-icon)::before,
html body[data-page="dr-mix"] :is(.dr-contact-icon, .dr-footer-inline-icon)::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] :is(.dr-contact-icon, .dr-footer-inline-icon) > :is(img, svg) {
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  max-width: 19px !important;
  max-height: 19px !important;
  object-fit: contain !important;
  filter: none !important;
  transform: scale(var(--dr-contact-icon-scale, 1)) !important;
  transform-origin: center !important;
}

html body[data-page="dr-mix"] .dr-contact-icon--max {
  --dr-contact-icon-scale: 1;
}

html body[data-page="dr-mix"] .dr-contact-icon--phone {
  --dr-contact-icon-scale: 0.94;
}

html body[data-page="dr-mix"] .dr-contact-icon--mail {
  --dr-contact-icon-scale: 0.92;
}

html body[data-page="dr-mix"] .dr-contact-icon--telegram {
  --dr-contact-icon-scale: 0.94;
}

html body[data-page="dr-mix"] #contacts .dr-contact-links a {
  grid-template-columns: 24px minmax(0, 1fr) !important;
}

html body[data-page="dr-mix"] #payment .dr-purchase__payment {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}

html body[data-page="dr-mix"] #payment .dr-purchase__delivery {
  margin-top: 8px !important;
  padding-top: 12px !important;
  border: 0 !important;
  border-top: 1px solid rgba(130, 94, 67, 0.16) !important;
}

html body[data-page="dr-mix"] #payment :is(.dr-purchase__payment, .dr-purchase__delivery)::before,
html body[data-page="dr-mix"] #payment :is(.dr-purchase__payment, .dr-purchase__delivery)::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] #payment .dr-purchase__payment {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    text-align: center !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__delivery {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    width: 100% !important;
    text-align: center !important;
  }
}

@media (max-width: 360px) {
  html body[data-page="dr-mix"] #payment .dr-purchase__payment {
    grid-row: 5 !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__delivery {
    grid-row: 6 !important;
  }
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop,
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop::before,
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop::after {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop::before,
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop::after {
    content: none !important;
    display: none !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop {
    padding: 0 !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop > .dr-proof-item {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 6px !important;
    min-height: 64px !important;
    padding: 9px 10px !important;
    background: rgba(239, 220, 199, 0.42) !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-proof-strip.hero-trust-desktop .dr-proof-label {
    min-width: 0 !important;
    font-size: clamp(0.7rem, 0.78vw, 0.76rem) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top .hero-trust-mobile {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top .hero-trust-mobile .trust-chip {
    min-width: 0 !important;
    min-height: 58px !important;
    height: 100% !important;
    padding: 8px 4px !important;
    border: 1px solid rgba(137, 93, 63, 0.12) !important;
    background: rgba(239, 220, 199, 0.42) !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top .hero-trust-mobile .trust-chip::before,
  html body[data-page="dr-mix"] main#top .hero-trust-mobile .trust-chip::after {
    content: none !important;
    display: none !important;
  }

  html body[data-page="dr-mix"] main#top .hero-trust-mobile .trust-chip-text {
    min-width: 0 !important;
    font-size: clamp(10px, 2.8vw, 12px) !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 340px) {
  html body[data-page="dr-mix"] main#top .hero-trust-mobile {
    gap: 5px !important;
  }

  html body[data-page="dr-mix"] main#top .hero-trust-mobile .trust-chip {
    padding-inline: 3px !important;
  }
}

/* Final mobile details polish: compact 2x2 specs and calmer feature rows. */
@media (max-width: 640px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-detail-panel-body {
    gap: 10px !important;
    padding: 10px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel {
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child {
    min-height: 74px !important;
    gap: 4px !important;
    padding: 10px 8px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dt,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child dt {
    font-size: 0.58rem !important;
    letter-spacing: 0.06em !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dd,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child dd {
    font-size: clamp(1.08rem, 5.2vw, 1.38rem) !important;
    letter-spacing: -0.02em !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-grid {
    gap: 8px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:first-child {
    min-height: 74px !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon::before {
    width: 18px !important;
    height: 18px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature h3 {
    font-size: 0.9rem !important;
    line-height: 1.15 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature p {
    font-size: 0.76rem !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 360px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:first-child {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding-inline: 10px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature h3 {
    font-size: 0.84rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature p {
    font-size: 0.72rem !important;
  }
}

/* Mobile details: reduce visual noise and keep each row easy to scan. */
@media (max-width: 640px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-detail-panel-body {
    gap: 10px !important;
    padding: 10px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel {
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child {
    min-height: 74px !important;
    gap: 4px !important;
    padding: 10px 8px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dt,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child dt {
    font-size: 0.58rem !important;
    letter-spacing: 0.06em !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dd,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child dd {
    font-size: clamp(1.08rem, 5.2vw, 1.38rem) !important;
    letter-spacing: -0.02em !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-grid {
    gap: 8px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:first-child {
    min-height: 74px !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon::before {
    width: 18px !important;
    height: 18px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature h3 {
    font-size: 0.9rem !important;
    line-height: 1.15 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature p {
    font-size: 0.76rem !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 360px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:first-child {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding-inline: 10px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature h3 {
    font-size: 0.84rem !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature p {
    font-size: 0.72rem !important;
  }
}

/* Final feedback pass: calmer accordion controls, clean audience cards and compact purchase notes. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel .dr-detail-panel-copy strong {
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-icon-plus::before,
html body[data-page="dr-mix"] main#top .dr-detail-panel-icon-minus::before {
  width: 9px !important;
  height: 9px !important;
  border: 0 !important;
  border-right: 1.5px solid #8b6047 !important;
  border-bottom: 1.5px solid #8b6047 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-icon-plus::before {
  transform: translateY(-2px) rotate(45deg) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-icon-plus::after,
html body[data-page="dr-mix"] main#top .dr-detail-panel-icon-minus::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-panel-icon-minus::before {
  transform: translateY(2px) rotate(225deg) !important;
}

html body[data-page="dr-mix"] #audience .dr-use-case-grid::before,
html body[data-page="dr-mix"] #audience .dr-use-case-grid::after,
html body[data-page="dr-mix"] #audience .dr-use-case-card::before,
html body[data-page="dr-mix"] #audience .dr-use-case-card::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] .lead-form .dr-lead-consent {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 2px 0 4px !important;
}

html body[data-page="dr-mix"] .lead-form .dr-lead-consent input[type="checkbox"] {
  appearance: auto !important;
  width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  accent-color: #9b6a4a !important;
}

html body[data-page="dr-mix"] .lead-form .dr-lead-consent > span {
  margin: 0 !important;
  color: rgba(78, 64, 56, 0.78) !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
}

html body[data-page="dr-mix"] .lead-form .dr-lead-consent a {
  color: #7a4f37 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] #payment .dr-purchase__payment,
  html body[data-page="dr-mix"] #payment .dr-purchase__delivery {
    grid-row: 4 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: clamp(0.58rem, 2.5vw, 0.64rem) !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__payment {
    grid-column: 1 !important;
    justify-self: start !important;
    text-align: left !important;
  }

  html body[data-page="dr-mix"] #payment .dr-purchase__delivery {
    grid-column: 2 !important;
    justify-self: end !important;
    text-align: right !important;
  }
}

/* Technical characteristics: one warm, compact visual system. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-detail-panel-body {
  gap: 14px !important;
  padding: 0 24px 24px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-split {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel {
  width: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgba(164, 129, 97, 0.12) !important;
  border-radius: 22px !important;
  background: rgba(255, 250, 244, 0.65) !important;
  box-shadow: 0 10px 24px rgba(92, 65, 45, 0.05) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child {
  display: grid !important;
  min-width: 0 !important;
  min-height: 92px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 8px !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-left: 1px solid rgba(164, 129, 97, 0.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child {
  border-left: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dt,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child dt {
  margin: 0 !important;
  color: rgba(96, 70, 52, 0.6) !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dd,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child dd {
  margin: 0 !important;
  color: #4f3b30 !important;
  font-size: clamp(1.45rem, 2.25vw, 2rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-grid {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: auto repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature {
  display: grid !important;
  min-width: 0 !important;
  min-height: 96px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 4px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(164, 129, 97, 0.12) !important;
  border-radius: 18px !important;
  background: rgba(255, 252, 248, 0.78) !important;
  box-shadow: 0 10px 24px rgba(92, 65, 45, 0.05) !important;
  text-align: left !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:first-child {
  min-height: 88px !important;
  grid-column: 1 / -1 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
  position: relative !important;
  display: grid !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  place-self: center !important;
  place-items: center !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgba(164, 129, 97, 0.14) !important;
  border-radius: 50% !important;
  background: rgba(239, 220, 199, 0.58) !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon::before {
  content: "" !important;
  position: static !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: var(--dr-tech-icon) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon::after {
  content: none !important;
  display: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:nth-child(1) .dr-feature-icon {
  --dr-tech-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b543d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s-6 6.5-6 11a6 6 0 0 0 12 0c0-4.5-6-11-6-11Z'/%3E%3C/svg%3E");
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:nth-child(2) .dr-feature-icon {
  --dr-tech-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b543d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11V6a2 2 0 0 1 4 0v5'/%3E%3Cpath d='M13 9a2 2 0 0 1 4 0v3'/%3E%3Cpath d='M17 11a2 2 0 0 1 4 0v3c0 4-2.5 7-6.5 7H13c-2.2 0-3.8-.9-5.2-2.7L4 13.5a2 2 0 0 1 3-2.6L9 13'/%3E%3C/svg%3E");
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:nth-child(3) .dr-feature-icon {
  --dr-tech-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b543d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v3l2 3v10a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V9l2-3V3Z'/%3E%3Cpath d='M9 12h8M10 6h4'/%3E%3C/svg%3E");
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:nth-child(4) .dr-feature-icon {
  --dr-tech-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b543d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 19 6v5c0 4.2-2.8 7.8-7 10-4.2-2.2-7-5.8-7-10V6l7-3Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:nth-child(5) .dr-feature-icon {
  --dr-tech-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b543d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10l-2 6v8a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-8L7 4Z'/%3E%3Cpath d='M4 9c1-1 2-1 3 0M17 9c1-1 2-1 3 0M5 13c.7-.6 1.3-.6 2 0M17 13c.7-.6 1.3-.6 2 0'/%3E%3C/svg%3E");
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature h3 {
  grid-column: 2 !important;
  margin: 0 !important;
  color: #4f3b30 !important;
  font-size: 1rem !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  text-wrap: balance !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature p {
  grid-column: 2 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  color: rgba(79, 59, 48, 0.68) !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-wrap: pretty !important;
}

@media (max-width: 640px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-detail-panel-body {
    gap: 12px !important;
    padding: 12px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child {
    min-height: 88px !important;
    gap: 7px !important;
    padding: 14px 10px !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(164, 129, 97, 0.12) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:nth-child(odd) {
    border-left: 0 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:nth-child(n + 3) {
    border-top: 1px solid rgba(164, 129, 97, 0.12) !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dd,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child dd {
    font-size: clamp(1.15rem, 5.7vw, 1.55rem) !important;
  }

  html body[data-page="dr-mix"] main#top #product .dr-feature-toggle {
    display: none !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto repeat(4, minmax(0, 1fr)) !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:first-child {
    min-height: 88px !important;
    grid-column: auto !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    padding: 14px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }
}

@media (max-width: 360px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel--product > summary {
    grid-template-columns: 30px minmax(0, 1fr) 32px !important;
    column-gap: 6px !important;
    padding: 12px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel--product > summary .dr-detail-panel-number {
    width: 30px !important;
    min-width: 30px !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel--product > summary .dr-detail-panel-copy strong {
    max-width: 100% !important;
    font-size: 20px !important;
    letter-spacing: -0.02em !important;
    line-height: 1.05 !important;
  }

  html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel--product > summary .dr-detail-panel-icon {
    width: 32px !important;
    height: 32px !important;
  }
}

/* Final warm-ivory palette lock after the responsive legacy accordion rules. */
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel:not([open]) {
  border-color: rgba(105, 76, 55, 0.07) !important;
  background-color: rgba(248, 241, 234, 0.72) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.58),
    0 14px 34px -34px rgba(73, 55, 42, 0.24) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] {
  border-color: rgba(105, 76, 55, 0.09) !important;
  background-color: rgba(249, 243, 237, 0.86) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 18px 42px -38px rgba(73, 55, 42, 0.28) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel > summary,
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] > summary {
  background-color: rgba(255, 252, 248, 0.1) !important;
  background-image: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel[open] > summary {
  border-bottom-color: rgba(105, 76, 55, 0.07) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel > summary:focus-visible {
  outline: 2px solid rgba(126, 91, 65, 0.34) !important;
  outline-offset: -3px !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel .dr-detail-panel-number,
html body[data-page="dr-mix"] main#top .dr-detail-accordion > .dr-detail-panel .dr-detail-panel-icon {
  border-color: rgba(105, 76, 55, 0.08) !important;
  background-color: rgba(246, 237, 228, 0.68) !important;
  background-image: none !important;
  box-shadow: 0 8px 20px -18px rgba(73, 55, 42, 0.24) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel {
  border-color: rgba(105, 76, 55, 0.08) !important;
  background-color: rgba(250, 242, 234, 0.68) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 12px 30px -28px rgba(73, 55, 42, 0.32) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature {
  border-color: rgba(105, 76, 55, 0.08) !important;
  background-color: rgba(250, 242, 234, 0.58) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 12px 28px -27px rgba(73, 55, 42, 0.3) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon {
  border-color: rgba(126, 91, 65, 0.1) !important;
  background-color: rgba(232, 211, 190, 0.58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-panel,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table-wrap {
  border-color: rgba(105, 76, 55, 0.07) !important;
  background-color: rgba(248, 241, 234, 0.76) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 10px 26px -26px rgba(73, 55, 42, 0.22) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-split {
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-list span {
  border: 1px solid rgba(105, 76, 55, 0.07) !important;
  background-color: #fbf6f0 !important;
  background-image: none !important;
  box-shadow: none !important;
  color: rgba(73, 55, 42, 0.76) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #kit .dr-kit-trust span {
  border: 1px solid rgba(105, 76, 55, 0.07) !important;
  background-color: #f9f2eb !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table th,
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table td {
  border-color: transparent !important;
  background-color: #fbf7f2 !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(105, 76, 55, 0.055) !important;
  color: rgba(73, 55, 42, 0.76) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table thead th {
  background-color: #f2e9df !important;
  color: rgba(73, 55, 42, 0.74) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table tbody th {
  background-color: #f7efe7 !important;
  color: rgba(73, 55, 42, 0.78) !important;
}

html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table thead th:nth-child(2),
html body[data-page="dr-mix"] main#top .dr-detail-accordion #comparison .dr-comparison-table tbody td:nth-child(2) {
  background-color: #eddfd2 !important;
  color: rgba(73, 55, 42, 0.82) !important;
  box-shadow: inset 0 0 0 1px rgba(105, 76, 55, 0.075) !important;
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-hero-price > div:nth-child(2) {
    align-self: stretch !important;
    grid-template-rows: 14px minmax(0, 1fr) !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-hero-price > div:nth-child(2) > span {
    align-self: start !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-hero-price > div:nth-child(2) > del {
    align-self: end !important;
  }
}

/* Beat the duplicated legacy specificity without changing the existing DOM. */
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > .dr-footer-contacts-extra > a.dr-compliance-marks {
  grid-template-columns: repeat(4, 34px) !important;
  gap: 16px !important;
  width: 184px !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column .dr-compliance-marks > .dr-compliance-mark {
  box-sizing: border-box !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Final visual fix lock. */
html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > .dr-footer-contacts-extra {
  gap: 22px !important;
  margin-top: 22px !important;
}

html body[data-page="dr-mix"] .dr-legal-footer .dr-footer-column > .dr-footer-contacts-extra > a.dr-compliance-marks {
  grid-template-columns: repeat(4, 34px) !important;
  gap: 14px !important;
  width: 178px !important;
}

@media (min-width: 769px) {
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal],
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal]::before,
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal]::after {
    background-color: rgba(239, 220, 199, 0.94) !important;
    background-image: linear-gradient(145deg, rgba(246, 232, 216, 0.96), rgba(239, 220, 199, 0.92)) !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal]::before,
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal]::after {
    content: none !important;
    box-shadow: none !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop > .dr-proof-item {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 6px !important;
    min-height: 64px !important;
    padding: 10px 14px 10px 10px !important;
    border: 1px solid rgba(186, 154, 122, 0.18) !important;
    border-radius: 16px !important;
    background: rgba(239, 220, 199, 0.42) !important;
    background-clip: padding-box !important;
    box-shadow: 0 6px 18px rgba(108, 76, 48, 0.06) !important;
    overflow: hidden !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop > .dr-proof-item :is(.dr-proof-text, .dr-proof-label-full) {
    min-width: 0 !important;
    padding: 0 !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

@media (max-width: 768px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .hero-trust-mobile > .trust-chip {
    border-color: rgba(186, 154, 122, 0.18) !important;
    background: rgba(239, 220, 199, 0.42) !important;
    box-shadow: 0 6px 18px rgba(108, 76, 48, 0.06) !important;
  }
}

/* Final hero item geometry lock. */
@media (min-width: 769px) {
  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop > .dr-proof-item {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 5px !important;
    row-gap: 0 !important;
    padding: 10px 12px !important;
  }

  html body[data-page="dr-mix"][data-page][data-page][data-page] main#top section.dr-hero .shell.dr-hero-inner .dr-hero-copy[data-reveal] > .dr-proof-strip.hero-trust-desktop > .dr-proof-item > .dr-proof-icon {
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
  }
}

@media (min-width: 1024px) {
  html body[data-page="dr-mix"] #video .dr-video-heading {
    margin-bottom: 20px !important;
  }
}

/* Keep the narrowest hero price and actions on a single baseline. */
@media (max-width: 340px) {
  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-copy > .dr-hero-price > div:first-child > strong {
    font-size: 25px !important;
    white-space: nowrap !important;
  }

  html body[data-page="dr-mix"] main#top section.dr-hero .dr-hero-actions > :is(.primary-btn, .secondary-btn) {
    font-size: 10.5px !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
  }
}

/* Final mobile details polish: compact 2x2 specs and calmer feature rows. */
@media (max-width: 640px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-detail-panel-body { gap: 10px !important; padding: 10px !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-spec-panel { border-radius: 16px !important; box-shadow: none !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child { min-height: 74px !important; gap: 4px !important; padding: 10px 8px !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dt,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child dt { font-size: 0.58rem !important; letter-spacing: 0.06em !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs dd,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-specs > div:first-child dd { font-size: clamp(1.08rem, 5.2vw, 1.38rem) !important; letter-spacing: -0.02em !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-grid { gap: 8px !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:first-child { min-height: 74px !important; grid-template-columns: 34px minmax(0, 1fr) !important; column-gap: 10px !important; row-gap: 2px !important; padding: 11px 12px !important; border-radius: 14px !important; box-shadow: none !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon { width: 34px !important; min-width: 34px !important; height: 34px !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon::before { width: 18px !important; height: 18px !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature h3 { font-size: 0.9rem !important; line-height: 1.15 !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature p { font-size: 0.76rem !important; line-height: 1.22 !important; }
}

@media (max-width: 360px) {
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature,
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature:first-child { grid-template-columns: 30px minmax(0, 1fr) !important; column-gap: 8px !important; padding-inline: 10px !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature-icon { width: 30px !important; min-width: 30px !important; height: 30px !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature h3 { font-size: 0.84rem !important; }
  html body[data-page="dr-mix"] main#top .dr-detail-accordion #product .dr-feature p { font-size: 0.72rem !important; }
}