/* Start:/local/dentoptics/home-20261001/assets/home.css?179418528881576*/
/* Первый экран главной. Геометрия перенесена из Figma 4014:203 (1216 px контент):
   левый баннер 805.33×884.47, правые — 394.66×434.23, зазоры 15.67 / 15.77 px. */

.do-home-hero {
  --do-home-brand: var(--do-brand, #ba0f26);
  --do-home-ink: var(--do-ink, #2c2b2a);
  --do-home-paper: #f4f3f1;
  --do-home-gap: 15.67px;
  --do-home-tag-bg: rgb(44 43 42 / 80%);
  box-sizing: border-box;
  width: min(1216px, calc(100% - 48px));
  margin: 40px auto 0;
  color: var(--do-home-ink);
  font-family: Montserrat, Arial, sans-serif;
}

.do-home-hero *,
.do-home-hero *::before,
.do-home-hero *::after {
  box-sizing: border-box;
}

.do-home-hero__grid {
  display: grid;
  position: relative;
  grid-template-columns: minmax(0, 805.33fr) minmax(0, 394.66fr);
  gap: var(--do-home-gap);
}

/* --- слайдер баннеров (F-002). Управление появляется только при двух и более слайдах. --- */

.do-home-hero__slider {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.do-home-hero__slider-track {
  display: flex;
  height: 100%;
  transition: transform .45s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

.do-home-hero__slider-track > [data-do-slide] {
  flex: 0 0 100%;
  min-width: 0;
}

/* Боковые баннеры листаются вертикально (F-003): трек меняет ось на column,
   а home-hero.js по data-do-slider-axis="vertical" двигает его по Y, не по X. */
.do-home-hero__slider--side .do-home-hero__slider-track {
  flex-direction: column;
}

.do-home-hero__slider--side .do-home-hero__slider-track > [data-do-slide] { height: 100%; }

.do-home-hero__slider-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
  z-index: 4;
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: center;
}

.do-home-hero__slider[data-do-slider-ready="false"] .do-home-hero__slider-nav { display: none; }

/* На малых баннерах низ занят заголовком и круглой стрелкой, поэтому управление вынесено
   вертикально к правому краю: стрелки листают вверх/вниз (F-003), под ними — точки. */
.do-home-hero__slider--side .do-home-hero__slider-nav {
  left: auto;
  right: 12px;
  top: 50%;
  bottom: auto;
  flex-direction: column;
  transform: translateY(-50%);
}

.do-home-hero__slider--side .do-home-hero__slider-dots { flex-direction: column; }

.do-home-hero__slider-arrow {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: rgb(255 255 255 / 85%);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}

/* Стрелка — экспортированный символ (не Figma-слой: у этого управления нет референса
   в макете), 10×10, симметричный относительно своего центра. Флекс-центрирование кнопки
   даёт точное совпадение центра стрелки с центром круга при любом повороте на 90°/180°. */
.do-home-hero__slider-arrow::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: url('/local/dentoptics/home-20261001/assets/./home-hero/slider-chevron.svg') center / 10px 10px no-repeat;
}

.do-home-hero__slider-arrow--prev::before { transform: rotate(180deg); }
.do-home-hero__slider-arrow--next::before { transform: none; }

.do-home-hero__slider--side .do-home-hero__slider-arrow--prev::before { transform: rotate(-90deg); }
.do-home-hero__slider--side .do-home-hero__slider-arrow--next::before { transform: rotate(90deg); }

.do-home-hero__slider-dots { display: flex; gap: 8px; }

.do-home-hero__slider-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  background: rgb(255 255 255 / 55%);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}

.do-home-hero__slider-dot[aria-selected="true"] { background: var(--do-home-brand); }

.do-home-hero__slider :focus-visible {
  outline: 3px solid color-mix(in srgb, var(--do-home-brand), white 55%);
  outline-offset: 2px;
}

/* .do-home-hero__card несёт CSS-маску и overflow:hidden — в Chromium это клипует
   собственный outline элемента; обычный внешний outline на родительском слайде всё равно
   клипует .do-home-hero__slider (overflow:hidden нужен ему для листания); а вписанная тень
   на самом слайде оказывается ЗАКРЫТА непрозрачным фоном .do-home-hero__card, потому что
   свой фон элемент рисует раньше содержимого, а инсет-тень лежит в том же слое, что фон.
   Все три варианта проверены пиксельно в T-003. Рабочее решение — отдельный ::after слайда:
   он всегда красится последним (после карточки-ребёнка), поэтому лежит поверх содержимого,
   и не обрезается ни маской карточки, ни overflow слайдера — его собственный inset:0 не
   выходит за пределы бокса слайда. home-hero.js навешивает класс на <article data-do-slide>
   при :focus-visible на вложенной карточке. */
.do-home-hero__slide {
  display: block;
  position: relative;
  height: 100%;
}

.do-home-hero__slide--focus-visible::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: 24px;
  box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--do-home-brand), white 55%);
  pointer-events: none;
}

/* Собственный outline карточки всё равно невидим (обрезан её маской) — глушим его,
   чтобы не оставлять на элементе бесполезное вычисленное свойство. */
.do-home-hero__card:focus-visible { outline: none; }

/* F-003: карточка — единственный кликабельный элемент баннера (ссылка либо, для Illuco
   без подтверждённого маршрута, обычный div). display:block/width/height 100% растягивают
   её на всю площадь слайда независимо от тега; color/text-decoration сбрасывают стиль ссылки. */
.do-home-hero__card {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  isolation: isolate;
  color: inherit;
  text-decoration: none;
}

.do-home-hero__card--main,
.do-home-hero__card--cj {
  aspect-ratio: 805.33 / 884.47;
  border-radius: 24px;
  -webkit-mask: url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center / 100% 100% no-repeat;
  mask: url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center / 100% 100% no-repeat;
}

.do-home-hero__card--main { background: var(--do-home-paper); }
.do-home-hero__card--cj { background: var(--do-home-ink); color: #fff; }

.do-home-hero__side {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 15.77px;
}

.do-home-hero__card--primescan,
.do-home-hero__card--microscope {
  color: #fff;
  border-radius: 24px;
}

.do-home-hero__card--primescan {
  background: #f2f2f2;
  -webkit-mask: url('/local/dentoptics/home-20261001/assets/./home-hero/mask-side-top.svg') center / 100% 100% no-repeat;
  mask: url('/local/dentoptics/home-20261001/assets/./home-hero/mask-side-top.svg') center / 100% 100% no-repeat;
}

.do-home-hero__card--microscope,
.do-home-hero__card--illuco {
  background: var(--do-home-brand);
  -webkit-mask: url('/local/dentoptics/home-20261001/assets/./home-hero/mask-side-bottom.svg') center / 100% 100% no-repeat;
  mask: url('/local/dentoptics/home-20261001/assets/./home-hero/mask-side-bottom.svg') center / 100% 100% no-repeat;
}

.do-home-hero__card--illuco { color: #fff; border-radius: 24px; }

.do-home-hero__media {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.do-home-hero__main-scene,
.do-home-hero__main-shape,
.do-home-hero__main-product,
.do-home-hero__primescan-tone,
.do-home-hero__primescan-product,
.do-home-hero__microscope-product {
  position: absolute;
  display: block;
  max-width: none;
}

/* 2-фон-new 1 — левый баннер, слой 4014:245 */
.do-home-hero__main-scene {
  left: -94.244%;
  top: -4.717%;
  width: 300.249%;
  height: 107.636%;
  object-fit: cover;
}

/* Красная фигура — слой 4014:246 (экспортированный SVG, не перерисовка) */
.do-home-hero__main-shape {
  left: -106.168%;
  top: -38.894%;
  width: 254.533%;
  height: 229.985%;
}

/* 2-фон-new 2 — слой 4014:248 */
.do-home-hero__main-product {
  left: -94.244%;
  top: 7.720%;
  width: 300.249%;
  height: 107.636%;
  object-fit: cover;
}

/* --- общая типографика баннеров --- */

.do-home-hero__eyebrow,
.do-home-hero__badge,
.do-home-hero__title,
.do-home-hero__lead,
.do-home-hero__sublead,
.do-home-hero__side-title,
.do-home-hero__side-copy,
.do-home-hero__microscope-copy,
.do-home-hero__microscope-title,
.do-home-hero__tag,
.do-home-hero__cj-badge,
.do-home-hero__cj-copy,
.do-home-hero__cj-cta,
.do-home-hero__illuco-title,
.do-home-hero__illuco-copy,
.do-home-hero__illuco-cta,
.do-home-hero__burst,
.do-home-hero__burst-thumb,
.do-home-hero__main-arrow,
.do-home-hero__cta,
.do-home-hero__round-arrow {
  position: absolute;
  z-index: 2;
  margin: 0;
}

.do-home-hero__eyebrow {
  font-size: 12px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
  white-space: nowrap;
}

.do-home-hero__badge {
  display: inline-flex;
  height: 29px;
  align-items: center;
  justify-content: center;
  border: 1px solid currentcolor;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

/* --- левый баннер --- */

.do-home-hero__eyebrow--main { left: 40px; top: 32px; color: var(--do-home-ink); }
.do-home-hero__badge--main { left: 238px; top: 26px; width: 112px; color: var(--do-home-ink); }

.do-home-hero__title {
  left: 39.55px;
  top: 72.12px;
  max-width: min(641px, calc(100% - 79px));
  font-size: 42px;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: 3px;
}

.do-home-hero__title-accent { color: var(--do-home-brand); }
.do-home-hero__title-italic { font-style: italic; color: var(--do-home-ink); }

.do-home-hero__lead {
  left: 40px;
  top: 360px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.do-home-hero__sublead {
  left: 40px;
  top: 391px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
}

.do-home-hero__burst { left: 614px; top: 186px; width: 105px; height: 105px; }
.do-home-hero__burst-thumb { left: 652.82px; top: 225.16px; width: 26.26px; height: 26.26px; }

.do-home-hero__tag {
  display: block;
  height: 29px;
  padding: 9px 0 0 35px;
  color: #fff;
  background: var(--do-home-tag-bg);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
  letter-spacing: .5px;
  white-space: nowrap;
}

.do-home-hero__tag::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}

.do-home-hero__tag--intego { left: 544px; top: 264px; width: 111px; }
.do-home-hero__tag--cerec { left: 240px; top: 708px; width: 160px; }
.do-home-hero__tag--primescan { left: 98px; top: 830px; width: 143px; }

.do-home-hero__main-arrow { left: 715px; top: 2px; width: 79px; height: 79px; z-index: 3; }
.do-home-hero__main-arrow img,
.do-home-hero__cta img,
.do-home-hero__round-arrow img { position: absolute; display: block; }
.do-home-hero__main-arrow-circle { left: 0; top: 0; width: 79px; height: 79px; }
.do-home-hero__main-arrow-icon { left: 29.36px; top: 29.36px; width: 20.28px; height: 20.28px; }

/* --- слайд 2 большого баннера: скрытый кадр Figma 4014:205 --- */

.do-home-hero__cj-glow {
  position: absolute;
  left: -1.987%;
  top: 0;
  width: 104.058%;
  height: 107.184%;
  background: url('/local/dentoptics/home-20261001/assets/./home-hero/cj-glow.svg') center / 100% 100% no-repeat;
}

/* Оболочка слоя 4014:208 с собственным overflow-clip. */
.do-home-hero__cj-clip {
  position: absolute;
  left: -136.53%;
  top: -70%;
  width: 254.533%;
  height: 229.985%;
  overflow: hidden;
}

.do-home-hero__cj-scene,
.do-home-hero__cj-tone-blend,
.do-home-hero__cj-tone,
.do-home-hero__cj-overlay {
  position: absolute;
  display: block;
  max-width: none;
}

.do-home-hero__cj-scene { left: 39.055%; top: 25.027%; width: 71.860%; height: 61.447%; object-fit: cover; }
.do-home-hero__cj-tone-blend { left: -21.740%; top: -5.600%; width: 100.391%; height: 100.393%; mix-blend-mode: color; }
.do-home-hero__cj-tone { left: -21.740%; top: -5.600%; width: 100.391%; height: 100.393%; }
.do-home-hero__cj-overlay { left: 39.050%; top: 25.027%; width: 71.860%; height: 61.403%; object-fit: cover; }

.do-home-hero__eyebrow--cj { left: 40px; top: 40px; color: #fff; }

.do-home-hero__title--cj {
  left: 40px;
  top: 73px;
  color: #fff;
  font-size: 40px;
  line-height: 44px;
}

.do-home-hero__title-italic--light { color: #fff; }

.do-home-hero__cj-badge { left: 616px; top: 239px; width: 100.76px; height: 100.76px; }

.do-home-hero__cj-copy {
  left: 40px;
  top: 272px;
  width: 242px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
}

.do-home-hero__cj-cta {
  left: 40px;
  top: 800.47px;
  width: 173.5px;
  height: 44px;
  color: #fff;
  background: var(--do-brand-secondary, #ac252a);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: .325px;
  text-align: center;
  text-transform: uppercase;
  cursor: not-allowed;
}

/* --- слайд 2 нижнего баннера: скрытый кадр Figma 4014:222 (Illuco) --- */

.do-home-hero__eyebrow--illuco { left: 28px; top: 28px; color: #fff; font-size: 11px; }

.do-home-hero__illuco-title {
  left: 28px;
  top: 54.5px;
  width: 106.76px;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 26.4px;
  letter-spacing: -.24px;
}

.do-home-hero__illuco-copy {
  left: 28px;
  top: 175.07px;
  width: 142.79px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

/* Заливка кнопки в кадре Figma совпадает с фоном карточки — видна только подпись.
   Перенесено как есть; решение по оформлению кнопки за координатором. */
.do-home-hero__illuco-cta {
  left: 28px;
  top: 362.24px;
  display: flex;
  width: 149.22px;
  height: 44px;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: var(--do-home-brand);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  line-height: 19.5px;
  letter-spacing: .325px;
  text-align: center;
  text-transform: uppercase;
  cursor: not-allowed;
}

/* --- правый верхний баннер (4014:273) --- */

/* a_замени_оттенок_фона_ 2 — слой 4014:280 */
.do-home-hero__primescan-tone {
  left: -.34%;
  top: -12.31%;
  width: 130.24%;
  height: 131.73%;
}

/* b_сделай_на_левом_изоб 1 — слой 4014:281 */
.do-home-hero__primescan-product {
  left: -16.98%;
  top: 0;
  width: 140.63%;
  height: 105.93%;
  object-fit: cover;
}

.do-home-hero__eyebrow--side { left: 25.67px; top: 29px; color: #fff; }
.do-home-hero__badge--side { left: 243.67px; top: 23px; width: 124px; color: #fff; }

.do-home-hero__side-title {
  left: 26px;
  top: 70px;
  width: 250.66px;
  font-size: 26px;
  font-weight: 900;
  line-height: 27.4px;
  letter-spacing: 1px;
}

.do-home-hero__side-title-accent { color: var(--do-home-brand); }
.do-home-hero__side-title-italic { font-style: italic; color: #fff; }

.do-home-hero__side-copy {
  left: 26px;
  top: 143px;
  width: 138px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
}

.do-home-hero__side-copy strong { font-weight: 700; }

.do-home-hero__cta {
  left: 26px;
  top: 319px;
  width: 201px;
  height: 93px;
  z-index: 3;
  cursor: not-allowed;
}

.do-home-hero__cta-shape { left: 0; top: 0; width: 201px; height: 93px; }
/* F-002: стрелка центрирована по кругу составной фигуры CTA (круг в side-top-cta.svg:
   центр 23.211 / 22, радиус 22). В самом Figma стрелка смещена вправо от центра. */
.do-home-hero__cta-arrow { left: 16.15px; top: 14.94px; width: 14.12px; height: 14.12px; transform: rotate(45deg); }

.do-home-hero__cta-label {
  position: absolute;
  left: 0;
  top: 64.25px;
  width: 201px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.5px;
  letter-spacing: .325px;
  text-align: center;
  text-transform: uppercase;
}

/* --- правый нижний баннер (4014:307) --- */

/* микроскоп 1 — слой 4014:313 */
.do-home-hero__microscope-product {
  left: -3.04%;
  top: -6.68%;
  width: 128.97%;
  height: 128.97%;
  object-fit: cover;
}

.do-home-hero__microscope-copy {
  left: 26px;
  top: 240px;
  width: 207px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.do-home-hero__microscope-copy strong { font-weight: 700; }

.do-home-hero__microscope-title {
  left: 25.67px;
  top: 357px;
  width: 251px;
  font-size: 26px;
  font-weight: 900;
  line-height: 27.4px;
  letter-spacing: 1px;
}

.do-home-hero__microscope-title-dark { color: var(--do-home-ink); }
.do-home-hero__microscope-title-light { color: #fff; }

.do-home-hero__round-arrow { left: 319.45px; top: 365.95px; width: 50.2px; height: 50.21px; z-index: 3; }
.do-home-hero__round-arrow-circle { left: 0; top: 0; width: 50.2px; height: 50.21px; }
.do-home-hero__round-arrow-icon { left: 17.04px; top: 17.04px; width: 16.11px; height: 16.11px; transform: rotate(90deg); }

/* ---------------------------------------------------------------
   Ниже — прежняя техническая адаптация под узкие экраны.
   Это НЕ согласованный мобильный макет: композиция не пересматривалась
   в рамках T-001, изменены только имена заменённых элементов.
   --------------------------------------------------------------- */

@media (max-width: 900px) {
  .do-home-hero {
    width: min(100% - 32px, 760px);
    margin-top: 24px;
  }

  .do-home-hero__grid {
    display: block;
  }

  .do-home-hero__card--main,
  .do-home-hero__card--cj {
    aspect-ratio: auto;
    min-height: 720px;
  }

  .do-home-hero__side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(480px, auto);
    margin-top: var(--do-home-gap);
  }

  .do-home-hero__card--primescan,
  .do-home-hero__card--microscope,
  .do-home-hero__card--illuco {
    min-height: 480px;
  }

  .do-home-hero__main-scene,
  .do-home-hero__main-product {
    left: -109%;
    width: 325%;
  }
}

@media (max-width: 620px) {
  .do-home-hero {
    width: calc(100% - 24px);
  }

  .do-home-hero__card--main,
  .do-home-hero__card--cj {
    min-height: 680px;
    border-radius: 20px;
  }

  .do-home-hero__eyebrow--main { left: 22px; top: 24px; font-size: 10px; letter-spacing: 1.6px; }
  .do-home-hero__badge--main { left: auto; right: 22px; top: 20px; width: auto; padding: 0 9px; font-size: 10px; letter-spacing: 1.6px; }

  .do-home-hero__title {
    left: 22px;
    top: 58px;
    max-width: calc(100% - 44px);
    font-size: 29px;
    line-height: 33px;
    letter-spacing: 2px;
  }

  .do-home-hero__lead { left: 22px; top: 250px; font-size: 13px; }
  .do-home-hero__sublead { left: 22px; top: 276px; font-size: 13px; }

  .do-home-hero__main-scene {
    left: -118%;
    top: 17%;
    width: 385%;
    height: 83%;
  }

  .do-home-hero__main-shape {
    left: -120%;
    top: -12%;
    width: 300%;
    height: 271%;
  }

  .do-home-hero__main-product {
    left: -116%;
    top: 31%;
    width: 390%;
    height: 73%;
  }

  .do-home-hero__burst,
  .do-home-hero__burst-thumb { display: none; }

  .do-home-hero__main-arrow {
    left: auto;
    top: auto;
    right: 12px;
    bottom: 12px;
  }

  .do-home-hero__tag--primescan { left: 7%; top: auto; bottom: 22px; }
  .do-home-hero__tag--cerec { left: 27%; top: auto; bottom: 128px; }
  .do-home-hero__tag--intego { display: none; }

  .do-home-hero__side {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .do-home-hero__card--primescan,
  .do-home-hero__card--microscope,
  .do-home-hero__card--illuco {
    min-height: 480px;
    border-radius: 20px;
  }

  .do-home-hero__eyebrow--side { left: 22px; top: 24px; font-size: 10px; letter-spacing: 1.6px; }
  .do-home-hero__badge--side { left: auto; right: 22px; top: 20px; width: auto; padding: 0 9px; font-size: 10px; letter-spacing: 1.6px; }

  .do-home-hero__side-title,
  .do-home-hero__microscope-title {
    left: 22px;
    font-size: 26px;
    line-height: 30px;
  }

  .do-home-hero__cta { left: 22px; top: auto; bottom: 22px; }
  .do-home-hero__side-copy { left: 22px; top: 150px; width: 160px; }
  .do-home-hero__microscope-copy { left: 22px; top: 250px; width: calc(100% - 44px); }
  .do-home-hero__microscope-title { top: 370px; }
  .do-home-hero__round-arrow { left: auto; right: 14px; top: auto; bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .do-home-hero__slider-track { transition: none; }

  .do-home-hero *,
  .do-home-hero *::before,
  .do-home-hero *::after {
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   Категории оборудования — Figma 4014:336 (T-004).
   Десять карточек 5×2, 230.39–230.41 × 180, gap 16px в обе стороны;
   контейнер — тот же --do-content-width 1216px, что у header/hero.
   ========================================================================== */

.do-categories {
  --do-cat-ink: var(--do-ink, #2c2b2a);
  --do-cat-muted: #ababab;
  --do-cat-card-bg: #f5f5f5;
  --do-cat-accent: #ac252a;
  box-sizing: border-box;
  width: min(1216px, calc(100% - 48px));
  margin: 56px auto 0;
  color: var(--do-cat-ink);
  font-family: Montserrat, Arial, sans-serif;
}

.do-categories *,
.do-categories *::before,
.do-categories *::after {
  box-sizing: border-box;
}

.do-categories__kicker {
  margin: 0;
  color: var(--do-cat-accent);
  font-size: 11px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-categories__title {
  margin: 8.5px 0 0;
  font-size: 36px;
  font-weight: 900;
  line-height: 45px;
  letter-spacing: 1px;
}

.do-categories__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-top: 32px;
}

.do-categories__card {
  position: relative;
  display: block;
  min-width: 0;
  aspect-ratio: 230.4 / 180;
  overflow: hidden;
  background: var(--do-cat-card-bg);
  border-radius: 16px;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 0 0 rgb(0 0 0 / 0%);
  transition: box-shadow .15s ease, transform .15s ease;
}

/* В доступной части Figma-макета нет отдельного hover-варианта карточки — лёгкий подъём
   и тень не взяты из источника, это рабочее решение исполнителя, не Figma-факт. */
.do-categories__card:hover {
  box-shadow: 0 12px 24px rgb(44 43 42 / 14%);
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .do-categories__card { transition: none; }
  .do-categories__card:hover { transform: none; }
}

/* outline с положительным outline-offset рисуется за границей карточки — Chromium клипует его
   собственным overflow:hidden карточки (та же причина, что у колец слайдера в T-003).
   Вписанная (inset) тень на ::after не выходит за пределы бокса, поэтому не обрезается. */
.do-categories__card:focus-visible {
  outline: none;
}

.do-categories__card:focus-visible::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--do-brand, #ba0f26), white 55%);
  pointer-events: none;
}

.do-categories__icon {
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}

/* Экспорт каждой иконки — уже отрисованный (сплющенный) слой Figma: внутренние повороты,
   зеркалирования и режимы наложения из исходника применены на стороне Figma при экспорте,
   в CSS их незачем повторять. Экспорт обрезается по фактическим чернилам и уже не совпадает
   с шириной/высотой исходного фрейма — карточка центрирует обрезанный кадр внутри
   исходного бокса (bottom/right без изменений, где обрезка не задела ось; со сдвигом на
   половину разницы, где ширина или высота уменьшились). Сверено скриншотом секции. */
.do-categories__icon--microscopes { right: -13.11px; bottom: 28.97px; width: 136px; height: 151px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-microscopes.svg'); }
.do-categories__icon--loupes { right: -2px; bottom: 6px; width: 156px; height: 150px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-loupes.svg'); }
.do-categories__icon--scanners { right: 0.19px; bottom: 33.97px; width: 137px; height: 128px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-scanners.svg'); }
.do-categories__icon--cadcam { right: -9.4px; bottom: 1.97px; width: 157px; height: 164px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-cadcam.svg'); }
.do-categories__icon--3dprint { right: 9.98px; bottom: 17.97px; width: 149px; height: 140px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-3dprint.svg'); }
.do-categories__icon--endo { right: -12.61px; bottom: 28.97px; width: 144px; height: 154px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-endo.svg'); }
.do-categories__icon--chairs { right: -8.7px; bottom: 8.97px; width: 152px; height: 158px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-chairs.svg'); }
.do-categories__icon--units { right: -20.81px; bottom: 1px; width: 184px; height: 180px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-units.svg'); }
.do-categories__icon--light { right: 0.01px; bottom: 0; width: 160px; height: 150px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-light.svg'); }
.do-categories__icon--furniture { right: -11.02px; bottom: -1.53px; width: 138px; height: 147px; background-image: url('/local/dentoptics/home-20261001/assets/./categories/cat-icon-furniture.svg'); }

.do-categories__name {
  position: absolute;
  left: 20px;
  top: 18px;
  max-width: 165px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-categories__count {
  position: absolute;
  left: 20px;
  max-width: 150px;
  color: var(--do-cat-muted);
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
}

.do-categories__price {
  position: absolute;
  left: 20px;
  bottom: 14px;
  padding: 5.5px 12px;
  background: #fff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  white-space: nowrap;
}

.do-categories__arrow {
  position: absolute;
  width: 36.77px;
  height: 36.77px;
  background: url('/local/dentoptics/home-20261001/assets/./categories/cat-card-arrow.svg') center / 100% 100% no-repeat;
}

/* Название в одну строку — count/arrow ниже; в две строки — на 18px ниже, как в источнике. */
.do-categories__card:nth-child(1) .do-categories__count { top: 40px; }
.do-categories__card:nth-child(3) .do-categories__count { top: 39px; }
.do-categories__card:nth-child(5) .do-categories__count { top: 40px; }
.do-categories__card:nth-child(6) .do-categories__count { top: 40px; }
.do-categories__card:nth-child(9) .do-categories__count { top: 39px; }
.do-categories__card:nth-child(2) .do-categories__count { top: 54px; }
.do-categories__card:nth-child(4) .do-categories__count { top: 54px; }
.do-categories__card:nth-child(7) .do-categories__count { top: 53px; }
.do-categories__card:nth-child(8) .do-categories__count { top: 54px; }
.do-categories__card:nth-child(10) .do-categories__count { top: 55px; }

.do-categories__card:nth-child(1) .do-categories__arrow { left: 124px; top: 136.03px; }
.do-categories__card:nth-child(2) .do-categories__arrow { left: 108.55px; top: 134.03px; }
.do-categories__card:nth-child(3) .do-categories__arrow { left: 116.2px; top: 134.03px; }
.do-categories__card:nth-child(4) .do-categories__arrow { left: 114.79px; top: 136.03px; }
.do-categories__card:nth-child(5) .do-categories__arrow { left: 116.42px; top: 133.04px; }
.do-categories__card:nth-child(6) .do-categories__arrow { left: 107.99px; top: 133.04px; }
.do-categories__card:nth-child(7) .do-categories__arrow { left: 107.6px; top: 132.03px; }
.do-categories__card:nth-child(8) .do-categories__arrow { left: 116.13px; top: 135.03px; }
.do-categories__card:nth-child(9) .do-categories__arrow { left: 108.8px; top: 133.04px; }
.do-categories__card:nth-child(10) .do-categories__arrow { left: 100.43px; top: 134.03px; }

.do-categories__banner {
  position: relative;
  margin-top: 24px;
  padding: 24px 24px 24px 24px;
  overflow: hidden;
  background: var(--do-brand, #ba0f26);
  border-radius: 20px;
  color: #fff;
  cursor: not-allowed;
}

.do-categories__banner-kicker {
  margin: 0 0 5px;
  color: rgb(255 255 255 / 70%);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.do-categories__banner-title {
  margin: 0;
  padding-right: 130px;
  font-size: 25px;
  font-weight: 900;
  line-height: 32px;
  letter-spacing: .5px;
}

.do-categories__banner-title em { font-style: italic; }
.do-categories__banner-title span { font-weight: 500; font-style: italic; }

.do-categories__banner-arrow {
  position: absolute;
  right: 30.5px;
  top: -24.68px;
  width: 100.4px;
  height: 100.4px;
  background: url('/local/dentoptics/home-20261001/assets/./categories/cat-banner-arrow.svg') center / 100% 100% no-repeat;
}

@media (max-width: 1000px) {
  .do-categories__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Safety fallback for narrow widths; not the accepted mobile layout — see README. T-004 не
   меняла и не проверяла mobile: этот запасной вариант остался от предыдущей структуры файла. */
@media (max-width: 620px) {
  .do-categories {
    width: calc(100% - 24px);
    margin-top: 40px;
  }

  .do-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 32px;
  }

  .do-categories__banner-title {
    padding-right: 0;
    font-size: 20px;
    line-height: 26px;
  }

  .do-categories__banner-arrow {
    position: static;
    display: block;
    margin-top: 16px;
  }
}

/* ==========================================================================
   О компании — Figma 4014:1231 (T-005). Все дочерние координаты в макете
   заданы относительно секции целиком (не относительно промежуточных групп) —
   поэтому левая колонка и панель справа используют абсолютное позиционирование
   от общего левого верхнего угла секции, как в hero и категориях.
   ========================================================================== */

.do-about {
  --do-about-ink: var(--do-ink, #2c2b2a);
  --do-about-dark: #1a1a18;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 648fr) minmax(0, 568fr);
  gap: 0;
  width: min(1216px, calc(100% - 48px));
  margin: 88px auto 0;
  color: var(--do-about-ink);
  font-family: Montserrat, Arial, sans-serif;
}

.do-about *,
.do-about *::before,
.do-about *::after {
  box-sizing: border-box;
}

.do-about__content {
  position: relative;
  min-height: 760px;
}

.do-about__kicker {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  color: var(--do-brand, #ba0f26);
  font-size: 12px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-about__title {
  position: absolute;
  left: 0;
  top: 34.89px;
  max-width: 616px;
  margin: 0;
  font-size: 47px;
  font-weight: 800;
  line-height: 48.7px;
  letter-spacing: 3px;
}

.do-about__title-italic { font-style: italic; }
.do-about__title-accent { color: var(--do-brand, #ba0f26); }

.do-about__stats {
  position: absolute;
  left: 0;
  top: 273.89px;
  width: 559px;
  height: 166px;
}

.do-about__stat { position: absolute; }

.do-about__stat--pioneer {
  left: 0;
  top: 0;
  width: 240px;
  height: 154px;
  background: url('/local/dentoptics/home-20261001/assets/./about/pioneer-bg.svg') center / 100% 100% no-repeat;
}

.do-about__stat-icon {
  position: absolute;
  left: 196px;
  top: 19px;
}

.do-about__stat-label {
  position: absolute;
  left: 32px;
  top: 30px;
  width: 154px;
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 20px;
  letter-spacing: 1px;
}

.do-about__stat-desc {
  position: absolute;
  left: 22px;
  top: 88px;
  width: 194px;
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
}

.do-about__stat--pioneer .do-about__stat-desc { color: #fff; }

.do-about__stat--doctors {
  left: 252px;
  top: 0;
  width: 164px;
  height: 154px;
  background: #f4f4f4;
  border-radius: 83px;
}

.do-about__stat--brands {
  left: 395px;
  top: 0;
  width: 164px;
  height: 154px;
  background: #fafafa;
  border-radius: 83px;
}

.do-about__stat-icon--brands { position: absolute; left: 125px; top: -3px; }

.do-about__stat-number {
  position: absolute;
  left: 12px;
  top: 44px;
  width: 154px;
  margin: 0;
  color: var(--do-brand, #ba0f26);
  font-size: 25px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: .325px;
  text-align: center;
  text-transform: uppercase;
}

.do-about__stat-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  background: var(--do-brand, #ba0f26);
  border-radius: 50%;
  vertical-align: middle;
}

.do-about__stat--doctors .do-about__stat-desc,
.do-about__stat--brands .do-about__stat-desc {
  left: 0;
  top: 83px;
  width: 164px;
  color: #636262;
  text-align: center;
}

.do-about__lead {
  position: absolute;
  left: 0;
  top: 469.89px;
  width: 582px;
  margin: 0;
  color: rgb(44 43 42 / 80%);
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.do-about__body {
  position: absolute;
  left: 0;
  top: 538.89px;
  width: 580px;
  margin: 0;
  color: rgb(44 43 42 / 80%);
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
}

.do-about__actions {
  position: absolute;
  left: 0;
  top: 713.89px;
  display: flex;
  gap: 15.21px;
}

.do-about__cta {
  position: relative;
  display: block;
  width: 250.79px;
  height: 44px;
  color: inherit;
  text-decoration: none;
}

.do-about__cta-pill { position: absolute; left: 0; top: 0; display: block; }
.do-about__cta-arrow { position: absolute; left: 24.9px; top: 14.9px; transform: rotate(45deg); }

.do-about__cta-label {
  position: absolute;
  left: 54px;
  top: 5px;
  width: 192px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.5px;
  letter-spacing: .325px;
  text-align: center;
  text-transform: uppercase;
}

.do-about__cta-outline {
  display: flex;
  width: 201px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--do-about-ink);
  border-radius: 64px;
  color: var(--do-about-ink);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .325px;
  text-align: center;
  text-transform: uppercase;
  cursor: not-allowed;
}

.do-about__panel {
  position: relative;
  align-self: start;
}

.do-about__panel-photo {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
}

.do-about__panel-burst { position: absolute; left: 23.07px; top: 538px; width: 79px; height: 79px; }
.do-about__panel-thumb { position: absolute; left: 52.14px; top: 567.35px; width: 20px; height: 20px; }

.do-about__panel-kicker {
  position: absolute;
  left: 32.07px;
  top: 645px;
  margin: 0;
  color: rgb(255 255 255 / 80%);
  font-size: 12px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-about__panel-title {
  position: absolute;
  left: 32.07px;
  top: 678px;
  width: 372px;
  /* Проход 4 ночного пакета (30.09.2026): при ширине панели 366 px (экран 390) абсолютный блок 372 px выходил за экран
     на 26 px и давал горизонтальную прокрутку (scrollWidth 416). Правый отступ 24 px, как у текста слева. */
  max-width: calc(100% - 32.07px - 24px);
  margin: 0;
  color: #fff;
  font-size: 25px;
  font-weight: 800;
  line-height: 30px;
  letter-spacing: .5px;
}

.do-about__panel-arrow {
  position: absolute;
  right: 8px;
  bottom: -57px;
  display: block;
  width: 57.72px;
  height: 57.72px;
}

.do-about__panel-arrow img { display: block; width: 100%; height: 100%; }

@media (max-width: 1000px) {
  .do-about {
    display: block;
    width: min(100% - 48px, 760px);
  }

  .do-about__content {
    min-height: 0;
    margin-bottom: 40px;
  }

  .do-about__panel { width: 100%; max-width: 566px; }
}

/* Safety fallback for narrow widths; T-005 не проверяла и не меняла mobile-композицию. */
@media (max-width: 620px) {
  .do-about { width: calc(100% - 24px); margin-top: 56px; }
  .do-about__title { font-size: 32px; line-height: 36px; }
  .do-about__stats { position: static; width: auto; height: auto; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
  .do-about__stat { position: relative !important; left: auto !important; top: auto !important; }
  .do-about__lead,
  .do-about__body { position: static; width: 100%; margin-top: 16px; }
  .do-about__actions { position: static; margin-top: 24px; flex-wrap: wrap; }
  .do-about__panel { margin-top: 24px; }
}

/* ==========================================================================
   Акции и спецпредложения — Figma 4014:1116, слайдер-контейнер 4014:1130 (T-006).
   6 карточек по 289×438.75 с шагом 309 (gap 20) — контент шире 1216px, поэтому
   это горизонтальный скролл-слайдер источника (кнопки «Назад/Вперёд» подтверждают),
   а не единократная сетка. Реализован через нативный overflow-x + scroll-snap;
   JS (do-offers) только нужен, чтобы прокрутить на шаг по кнопкам «Назад»/«Вперёд».
   ========================================================================== */

.do-offers {
  --do-offers-accent: var(--do-brand, #ba0f26);
  box-sizing: border-box;
  width: min(1216px, calc(100% - 48px));
  margin: 88px auto 0;
  color: var(--do-ink, #2c2b2a);
  font-family: Montserrat, Arial, sans-serif;
}

.do-offers *,
.do-offers *::before,
.do-offers *::after {
  box-sizing: border-box;
}

.do-offers__head {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  min-height: 108px;
}

.do-offers__kicker {
  margin: 0;
  color: var(--do-offers-accent);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-offers__title {
  margin: 8px 0 0;
  max-width: 739px;
  font-size: 36px;
  font-weight: 900;
  line-height: 45px;
  letter-spacing: 1px;
}

.do-offers__lead {
  margin: 12px 0 0;
  max-width: 767px;
  color: #ababab;
  font-size: 15px;
  line-height: 26px;
}

.do-offers__controls {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  margin-top: 65.5px;
}

.do-offers__nav {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: 1px solid var(--do-border, #e0e0e0);
  border-radius: 50%;
  cursor: pointer;
}

.do-offers__nav-icon {
  display: block;
  width: 10px;
  height: 10px;
  background: url('/local/dentoptics/home-20261001/assets/./home-hero/slider-chevron.svg') center / 10px 10px no-repeat;
  transform: rotate(180deg);
}

.do-offers__nav--next .do-offers__nav-icon { transform: none; }

.do-offers__all {
  display: flex;
  height: 44px;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  padding: 0 21px;
  border: 1px solid var(--do-ink, #2c2b2a);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .325px;
  text-transform: uppercase;
  cursor: not-allowed;
}

.do-offers__track {
  display: flex;
  gap: 20px;
  margin-top: 32px;
  padding-bottom: 4px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

.do-offers__track:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--do-offers-accent), white 55%);
  outline-offset: 2px;
}

.do-offers__card {
  position: relative;
  flex: 0 0 289px;
  height: 438.75px;
  scroll-snap-align: start;
  overflow: hidden;
  background: #fff;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px var(--do-border, #e0e0e0);
}

.do-offers__media {
  position: relative;
  height: 216.75px;
  overflow: hidden;
  background: #fafafa;
}

.do-offers__media img { position: absolute; display: block; object-fit: cover; }

.do-offers__card:nth-child(1) .do-offers__media img { left: 76.4px; top: 24px; width: 136.2px; height: 168.7px; }
.do-offers__card:nth-child(2) .do-offers__media img { left: 26px; top: 47px; width: 241px; height: 160.7px; }
.do-offers__card:nth-child(3) .do-offers__media img { left: 40px; top: 22.64px; width: 228px; height: 214px; }
.do-offers__card:nth-child(4) .do-offers__media img { left: 76px; top: 51.64px; width: 137px; height: 152px; }
.do-offers__card:nth-child(5) .do-offers__media img { left: 60.1px; top: 24px; width: 168.7px; height: 168.7px; }
.do-offers__card:nth-child(6) .do-offers__media img { left: 30.9px; top: 24px; width: 227.1px; height: 168.7px; }

.do-offers__brand {
  position: absolute;
  left: 16px;
  top: 16px;
  color: #ababab;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.do-offers__badge {
  position: absolute;
  right: 12px;
  top: 12px;
  display: inline-flex;
  height: 23px;
  align-items: center;
  padding: 0 10px;
  background: var(--do-offers-accent);
  border-radius: 999px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.do-offers__badge--dark { background: var(--do-ink, #2c2b2a); }

.do-offers__name {
  position: absolute;
  left: 16px;
  top: 232.75px;
  width: 257px;
  height: 44px;
  margin: 0;
  overflow: hidden;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.6px;
  letter-spacing: -.15px;
}

.do-offers__price {
  position: absolute;
  left: 16px;
  top: 288.75px;
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  white-space: nowrap;
}

.do-offers__price-old {
  color: #ababab;
  font-size: 12px;
  text-decoration: line-through;
}

.do-offers__price-new {
  color: var(--do-offers-accent);
  font-size: 15px;
  font-weight: 600;
}

.do-offers__card--secondary .do-offers__price-old { font-size: 13px; }
.do-offers__card--secondary .do-offers__price-new { font-size: 16px; }

.do-offers__note {
  position: absolute;
  left: 16px;
  top: 316.75px;
  width: 257px;
  margin: 0;
  color: #ababab;
  font-size: 12px;
  line-height: 18px;
}

.do-offers__note--dark { color: var(--do-ink, #2c2b2a); line-height: 16.5px; }

.do-offers__date {
  position: absolute;
  left: 16px;
  top: 340.75px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #ababab;
  font-size: 12px;
  line-height: 18px;
}

.do-offers__card--no-note .do-offers__date { top: 320.75px; }

.do-offers__cta {
  position: absolute;
  left: 16px;
  bottom: 16px;
  display: flex;
  width: 257px;
  height: 44px;
  align-items: center;
  justify-content: center;
  background: var(--do-offers-accent);
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .325px;
  text-align: center;
  text-transform: uppercase;
  cursor: not-allowed;
}

@media (max-width: 900px) {
  .do-offers { width: min(100% - 48px, 760px); }
  .do-offers__head { flex-wrap: wrap; }
  .do-offers__controls { margin-top: 12px; }
}

/* Safety fallback; T-006 не проверяла и не меняла mobile. */
@media (max-width: 620px) {
  .do-offers { width: calc(100% - 24px); margin-top: 56px; }
  .do-offers__title { font-size: 28px; line-height: 34px; }
  .do-offers__card { flex-basis: 260px; }
}

/* ==========================================================================
   Учебный центр DENTALWORKSHOP — Figma 4014:1301, карточки 4014:1328/1361 (T-007).
   clipsContent=true в источнике: секция full-bleed с overflow:hidden; декоративная
   фигура фона обрезается по краю секции намеренно, а не из-за ошибки переноса.
   ========================================================================== */

.do-training {
  position: relative;
  overflow: hidden;
  margin-top: 88px;
  padding: 78.83px 0 106px;
  background: #fafafa;
  font-family: Montserrat, Arial, sans-serif;
}

.do-training *,
.do-training *::before,
.do-training *::after {
  box-sizing: border-box;
}

.do-training__bg {
  position: absolute;
  right: -384px;
  top: -253.73px;
  display: block;
  pointer-events: none;
}

.do-training__content {
  position: relative;
  width: min(1216px, calc(100% - 48px));
  margin: 0 auto;
  color: var(--do-ink, #2c2b2a);
}

.do-training__kicker {
  margin: 0;
  color: var(--do-brand, #ba0f26);
  font-size: 12px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-training__title {
  margin: 6px 0 0;
  max-width: 715px;
  font-size: 40px;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: .5px;
}

.do-training__title-accent { color: var(--do-brand, #ba0f26); font-style: italic; }

.do-training__lead {
  position: absolute;
  left: 747px;
  top: 51px;
  width: 558px;
  margin: 0;
  color: #777;
  font-size: 15px;
  line-height: 23.7px;
}

.do-training__filters {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.do-training__city-select {
  display: inline-flex;
  height: 44px;
  align-items: center;
  gap: 8px;
  padding: 0 16px 0 20px;
  background: url('/local/dentoptics/home-20261001/assets/./training/city-chip-shape.svg') left center / 244px 44px no-repeat;
  color: var(--do-ink, #2c2b2a);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .325px;
  text-transform: uppercase;
  cursor: not-allowed;
}

.do-training__city-select-chevron { margin-left: auto; }

.do-training__city-tag {
  display: inline-flex;
  height: 40px;
  align-items: center;
  gap: 12px;
  margin-left: -23px;
  padding: 0 16px 0 27px;
  background: var(--do-brand, #ba0f26);
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .325px;
  text-transform: uppercase;
  cursor: not-allowed;
}

.do-training__city-tag em { font-style: italic; }

.do-training__city-tag-close {
  position: relative;
  width: 12px;
  height: 12px;
}

.do-training__city-tag-close::before,
.do-training__city-tag-close::after {
  content: '';
  position: absolute;
  left: 1px;
  top: 5px;
  width: 10px;
  height: 1px;
  background: #fff;
}

.do-training__city-tag-close::before { transform: rotate(45deg); }
.do-training__city-tag-close::after { transform: rotate(-45deg); }

.do-training__address {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 24px 0 0;
  color: var(--do-ink, #2c2b2a);
  font-size: 15px;
}

.do-training__list {
  margin-top: 42px;
  display: grid;
  gap: 12px;
}

.do-training__card {
  position: relative;
  height: 140.5px;
  background: #fff;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px var(--do-border, #e0e0e0);
}

.do-training__card-icon {
  position: absolute;
  left: 24px;
  top: 50%;
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  transform: translateY(-22.25px);
  background: #fafafa;
  border-radius: 50%;
}

.do-training__card-date {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(17.75px);
  margin: 0;
  color: var(--do-ink, #2c2b2a);
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
}

.do-training__card-date span {
  display: block;
  color: #ababab;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.5px;
}

.do-training__card-name {
  position: absolute;
  left: 208px;
  top: 50%;
  width: 700px;
  transform: translateY(-13.7px);
  margin: 0;
  color: var(--do-ink, #2c2b2a);
  font-size: 19px;
  font-weight: 700;
  line-height: 24.75px;
  letter-spacing: 1px;
}

.do-training__card-meta {
  position: absolute;
  left: 208px;
  top: 50%;
  display: flex;
  align-items: center;
  gap: 8px;
  transform: translateY(16.6px);
  margin: 0;
  color: #ababab;
  font-size: 15px;
}

.do-training__card-dot {
  width: 4px;
  height: 4px;
  background: #e0e0e0;
  border-radius: 50%;
}

.do-training__card-status {
  position: absolute;
  right: 24px;
  top: 50%;
  display: inline-flex;
  height: 25px;
  align-items: center;
  padding: 0 12px;
  transform: translateY(-15.5px);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .325px;
  text-transform: uppercase;
  white-space: nowrap;
}

.do-training__card-status--open { background: #ecfdf5; color: #007a55; }
.do-training__card-status--closed { background: #ffdee2; color: var(--do-brand, #ba0f26); }

.do-training__card-more {
  position: absolute;
  right: 52px;
  top: 50%;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 25px;
  padding: 0 12px;
  transform: translateY(17.5px);
  background: #fafafa;
  border-radius: 999px;
  color: var(--do-ink, #2c2b2a);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .325px;
  text-transform: uppercase;
  cursor: not-allowed;
}

.do-training__card-more img { width: 25px; height: 25px; }

.do-training__schedule {
  position: relative;
  display: flex;
  width: 295.79px;
  height: 44px;
  align-items: center;
  margin-top: 60px;
  cursor: not-allowed;
}

.do-training__schedule-pill { position: absolute; left: 0; top: 0; display: block; }
.do-training__schedule-arrow { position: absolute; left: 21.98px; top: 14.9px; transform: rotate(45deg); }

.do-training__schedule-label {
  position: relative;
  margin-left: 56px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .325px;
  text-transform: uppercase;
}

@media (max-width: 1000px) {
  .do-training__lead { position: static; width: auto; margin-top: 16px; }
  .do-training__title { font-size: 32px; line-height: 38px; }
}

/* Safety fallback; T-007 не проверяла и не меняла mobile. */
@media (max-width: 620px) {
  .do-training { padding-top: 48px; padding-bottom: 56px; }
  .do-training__filters { flex-wrap: wrap; gap: 8px; }
  .do-training__city-tag { margin-left: 0; }
  .do-training__card { height: auto; padding: 20px 20px 20px 88px; }
  .do-training__card-icon { top: 20px; transform: none; }
  .do-training__card-date { top: 20px; transform: none; }
  .do-training__card-name { position: static; left: auto; top: auto; transform: none; width: auto; margin-top: 8px; }
  .do-training__card-meta { position: static; left: auto; top: auto; transform: none; margin-top: 8px; flex-wrap: wrap; }
  .do-training__card-status { position: static; top: auto; transform: none; margin-top: 12px; }
  .do-training__card-more { position: static; top: auto; right: auto; transform: none; margin-top: 12px; }
  .do-training__schedule { width: 100%; }
}

/* ==========================================================================
   Видео-отзывы — Figma 4014:1403, контейнер карточек 4014:1415 (T-008).
   Все 4 карточки несут литеральный TODO-текст цитаты из самого источника — не
   выдумано. Карточка 3 в разметке — это фактически видимый в Figma дубликат
   «Станислав Вафин» (4014:1489), полностью перекрывающий скрытую под ним
   «Шамиль Валинуров» (4014:1466); см. комментарий в partials/home-video-reviews.html.
   ========================================================================== */

.do-video-reviews {
  position: relative;
  margin-top: 88px;
  padding: 80.05px 0 79.99px;
  background: #fff;
  font-family: Montserrat, Arial, sans-serif;
}

.do-video-reviews *,
.do-video-reviews *::before,
.do-video-reviews *::after {
  box-sizing: border-box;
}

.do-video-reviews__content {
  position: relative;
  width: min(1216px, calc(100% - 48px));
  margin: 0 auto;
}

.do-video-reviews__kicker {
  margin: 0;
  color: var(--do-brand, #ba0f26);
  font-size: 12px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-video-reviews__title {
  margin: 4.45px 0 0;
  color: #2c2b2a;
  font-size: 37px;
  font-weight: 800;
  line-height: 45px;
  letter-spacing: -.36px;
}

.do-video-reviews__lead {
  margin: 9.39px 0 0;
  max-width: 520px;
  color: #ababab;
  font-size: 15px;
  line-height: 19px;
}

.do-video-reviews__nav {
  position: absolute;
  top: 85.69px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.do-video-reviews__nav-btn {
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 999px;
  cursor: pointer;
}

.do-video-reviews__all {
  display: inline-flex;
  width: 140.8px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid #2c2b2a;
  border-radius: 999px;
  color: #2c2b2a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .325px;
  text-transform: uppercase;
  cursor: not-allowed;
}

.do-video-reviews__track-wrap {
  margin: 41.42px -16px 0;
}

.do-video-reviews__track {
  display: flex;
  height: 482.66px;
  gap: 20px;
  padding-bottom: 16px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

.do-video-reviews__card {
  position: relative;
  flex: 0 0 300px;
  height: 466.66px;
  overflow: hidden;
  background-color: #2c2b2a;
  background-position: center;
  background-size: cover;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
  scroll-snap-align: start;
}

.do-video-reviews__card--1::before,
.do-video-reviews__card--2::before,
.do-video-reviews__card--4::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 40%),
    radial-gradient(circle at 80% 70%, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 50%);
  mix-blend-mode: overlay;
  opacity: .2;
  pointer-events: none;
}

.do-video-reviews__card--3 { box-shadow: none; }

.do-video-reviews__card--4 {
  background-image: linear-gradient(122.74deg, #2c2b2a 0%, #3a3a3a 50%, #1a1a1a 100%);
}

.do-video-reviews__badge-group {
  position: absolute;
  top: 9.31px;
  right: 9px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 4px;
}

.do-video-reviews__duration {
  display: flex;
  height: 24px;
  align-items: center;
  padding: 0 8px;
  backdrop-filter: blur(4px);
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 16.5px;
}

.do-video-reviews__duration--solid {
  position: absolute;
  top: 13.75px;
  left: 12px;
  height: 24.5px;
  background: rgba(0, 0, 0, .5);
}
.do-video-reviews__duration--outline-dark {
  position: absolute;
  top: 12.31px;
  left: 12px;
  z-index: 2;
  height: 24.5px;
  border: 1px solid #000;
}

.do-video-reviews__mute {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  border: 1px solid #fff;
  border-radius: 999px;
}

.do-video-reviews__mute--solid {
  position: absolute;
  top: 12px;
  right: 12px;
  border: none;
  background: rgba(0, 0, 0, .5);
}

.do-video-reviews__mute--card3 {
  position: absolute;
  top: 75.03px;
  right: 18px;
}

.do-video-reviews__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  background: var(--do-brand, #ba0f26);
  border-radius: 999px;
  box-shadow: 0 0 0 14px rgba(255, 255, 255, .17);
  cursor: not-allowed;
  transform: translate(-50%, -50%);
}

.do-video-reviews__play--outline {
  width: 64px;
  height: 64px;
  background: transparent;
  box-shadow: none;
}

.do-video-reviews__play--outline img { width: 100%; height: 100%; }

.do-video-reviews__card--3 .do-video-reviews__play--floating {
  top: 28.31px;
  left: 270px;
  width: 52px;
  height: 52px;
  background: #1b1a17;
  box-shadow: none;
  transform: translate(-50%, -50%);
}

.do-video-reviews__quote-wrap {
  position: absolute;
  z-index: 2;
  display: block;
}

.do-video-reviews__quote-wrap--card1 {
  top: 335.31px;
  left: 7px;
  width: 222px;
  height: 69px;
}

.do-video-reviews__quote-bg { position: absolute; inset: 0; }

.do-video-reviews__quote-dot {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
}

.do-video-reviews__quote-text {
  position: absolute;
  top: 20px;
  left: 42px;
  width: 161px;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
  line-height: 14px;
  color: #fff;
}

.do-video-reviews__quote-wrap--card2 {
  position: relative;
  top: 24.03px;
  left: 15px;
  width: 274px;
  height: 43px;
  margin-bottom: 6px;
}

.do-video-reviews__quote-text--card2 {
  position: absolute;
  top: 12px;
  left: 13px;
  width: 261px;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
  line-height: 14px;
  color: #fff;
}

.do-video-reviews__quote-wrap--card3 {
  top: 311.31px;
  right: 18px;
  width: 218px;
  height: 48px;
  background: rgba(186, 15, 38, .62);
  backdrop-filter: blur(4px);
  border-radius: 999px;
}

.do-video-reviews__quote-wrap--card3 .do-video-reviews__quote-dot { top: 14px; left: 29px; }
.do-video-reviews__quote-wrap--card3 .do-video-reviews__quote-text--card3 {
  position: absolute;
  top: 10px;
  left: 46px;
  width: 161px;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
  line-height: 14px;
  color: #fff;
}

.do-video-reviews__quote-wrap--card4 {
  position: relative;
  top: 48px;
  left: 16px;
  width: 268px;
  height: 17.88px;
  margin-bottom: 12px;
}

.do-video-reviews__quote-wrap--card4 .do-video-reviews__quote-text--card2 {
  position: absolute;
  inset: 0;
  width: 268px;
}

.do-video-reviews__gradient-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 124.38px;
  background: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, 0) 100%);
}

.do-video-reviews__name {
  position: absolute;
  top: 89.03px;
  left: 15px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .36px;
}

.do-video-reviews__role {
  position: absolute;
  top: 74.03px;
  left: 15px;
  color: rgba(255, 255, 255, .7);
  font-size: 10px;
}

.do-video-reviews__name--card2 {
  position: absolute;
  top: 75.03px;
  left: 16px;
  font-size: 12px;
}

.do-video-reviews__role--card2 {
  position: absolute;
  top: 92.87px;
  left: 16px;
  color: rgba(255, 255, 255, .7);
  font-size: 11px;
}

.do-video-reviews__name--card3 {
  position: absolute;
  top: 78.03px;
  left: 20px;
}

.do-video-reviews__role--card3 {
  position: absolute;
  top: 64.03px;
  left: 20px;
}

@media (max-width: 620px) {
  .do-video-reviews { margin-top: 56px; padding: 48px 0 56px; }
  .do-video-reviews__nav { position: static; margin-top: 16px; justify-content: flex-start; }
  .do-video-reviews__track-wrap { margin-top: 24px; }
}

/* ==========================================================================
   Полезные статьи — Figma 4014:1539, featured 4014:1547, карточки
   4014:1567/1582/1594/1612 (T-009). Секция и каждая карточка — clipsContent=true:
   декоративные фоновые фигуры обрезаются по краю намеренно, как в источнике.
   Цвета заголовков/даты/времени взяты из Figma буквально — контраст с фоном местами
   низкий (см. отчёт T-009), это состояние макета, не ошибка переноса.
   ========================================================================== */

.do-blog {
  position: relative;
  overflow: hidden;
  margin-top: 88px;
  padding: 80px 0 79.99px;
  background: #fafafa;
  font-family: Montserrat, Arial, sans-serif;
}

.do-blog *,
.do-blog *::before,
.do-blog *::after {
  box-sizing: border-box;
}

.do-blog__bg {
  position: absolute;
  left: -192px;
  top: 97.77px;
  z-index: 0;
  pointer-events: none;
}

.do-blog__content {
  position: relative;
  z-index: 1;
  width: min(1216px, calc(100% - 48px));
  margin: 0 auto;
}

.do-blog__kicker {
  margin: 0;
  color: #ac252a;
  font-size: 11px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-blog__title {
  margin: 4px 0 0;
  color: #2c2b2a;
  font-size: 48px;
  font-weight: 800;
  line-height: 50.4px;
  letter-spacing: -.48px;
}

.do-blog__lead {
  margin: 9.39px 0 0;
  max-width: 520px;
  color: #ababab;
  font-size: 15px;
  line-height: 21.43px;
}

.do-blog__all {
  position: absolute;
  top: 85.74px;
  right: 0;
  display: inline-flex;
  width: 132.17px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid #2c2b2a;
  border-radius: 999px;
  color: #2c2b2a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .325px;
  text-decoration: none;
  text-transform: uppercase;
}

.do-blog__grid {
  position: relative;
  margin-top: 49.42px;
  height: 640px;
}

.do-blog__card {
  position: absolute;
  overflow: hidden;
  border-radius: 24px;
}

.do-blog__card--featured {
  left: 0;
  top: 0;
  width: 701px;
  height: 420px;
  background-image: linear-gradient(149.07deg, #2c2b2a 0%, #3a3a3a 50%, #1a1a1a 100%);
}

.do-blog__card--featured::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 50%);
}

.do-blog__card--digital {
  left: 721px;
  top: 0;
  width: 495px;
  height: 200px;
  background-image: linear-gradient(157.99deg, #ac252a 0%, #7a1a1d 100%);
}

.do-blog__card--training {
  left: 721px;
  top: 220px;
  width: 495px;
  height: 200px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #e0e0e0;
}

.do-blog__card--cases {
  left: 0;
  top: 440px;
  width: 804px;
  height: 200px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #e0e0e0;
}

.do-blog__card--service {
  left: 824px;
  top: 440px;
  width: 392px;
  height: 200px;
  background-image: linear-gradient(152.97deg, #ac252a 0%, #8a1d22 50%, #2c2b2a 100%);
}

.do-blog__card-shape {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.do-blog__card-shape--featured { left: 164.05px; top: -126px; }
.do-blog__card-shape--service { left: 147.95px; top: -60px; }

.do-blog__tag {
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 2;
  display: flex;
  height: 28.5px;
  align-items: center;
  padding: 0 12px;
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, .15);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.98px;
  text-transform: uppercase;
  white-space: nowrap;
}

.do-blog__tag--glass-sm {
  left: 24px;
  top: 24px;
  height: 23px;
  font-size: 10px;
  letter-spacing: 1.8px;
}

.do-blog__tag--light {
  left: 24px;
  top: 24px;
  height: 23px;
  backdrop-filter: none;
  background: rgba(172, 37, 42, .1);
  box-shadow: none;
  color: #ac252a;
  font-size: 10px;
  letter-spacing: 1.8px;
}

.do-blog__card--cases .do-blog__tag--light { left: 28px; top: 28px; }

.do-blog__arrow-btn {
  position: absolute;
  left: 617px;
  top: 40px;
  z-index: 2;
  display: flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, .1);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
  cursor: not-allowed;
}

.do-blog__arrow-icon {
  position: absolute;
  top: 27.5px;
  right: 24px;
  z-index: 2;
  width: 16px;
  height: 16px;
}

.do-blog__arrow-icon-line { position: absolute; left: 3px; top: 7px; width: 11px; height: 2px; }
.do-blog__arrow-icon-head { position: absolute; left: 8px; top: 3px; width: 5px; height: 10px; }

.do-blog__card-title {
  position: absolute;
  left: 40px;
  top: 180.58px;
  width: 612px;
  margin: 0;
  color: #2c2b2a;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -.34px;
  line-height: 37.4px;
}

.do-blog__card-title--sm {
  top: 120px;
  left: 24px;
  font-size: 20px;
  letter-spacing: -.2px;
  line-height: 27.5px;
}

.do-blog__card--digital .do-blog__card-title--sm { width: 298px; }
.do-blog__card--training .do-blog__card-title--sm { width: 388px; }

.do-blog__card-title--cases {
  top: 64.5px;
  left: 28px;
  width: 441px;
  font-size: 22px;
  letter-spacing: -.22px;
  line-height: 30.25px;
}

.do-blog__card-title--service {
  top: 93.5px;
  left: 24px;
  width: 279px;
  font-size: 20px;
  letter-spacing: -.2px;
  line-height: 27.5px;
}

.do-blog__card-excerpt {
  position: absolute;
  left: 40px;
  top: 272.37px;
  width: 437px;
  margin: 0;
  color: rgba(255, 255, 255, .8);
  font-size: 15px;
  line-height: 24.38px;
}

.do-blog__card-excerpt--cases {
  top: 132px;
  left: 28px;
  width: 588px;
  height: 40px;
  overflow: hidden;
  color: #ababab;
  font-size: 14px;
  line-height: 20px;
}

.do-blog__date,
.do-blog__readtime {
  position: absolute;
  color: rgba(255, 255, 255, .7);
  font-size: 11px;
  font-weight: 600;
  line-height: 16.5px;
}

.do-blog__date--low-contrast,
.do-blog__readtime--low-contrast {
  color: #e0e0e0;
}

.do-blog__clock { position: absolute; width: 12px; height: 12px; }
.do-blog__clock-ring { position: absolute; inset: 1px; width: 10px; height: 10px; }
.do-blog__clock-hand { position: absolute; left: 6px; top: 3px; width: 2px; height: 4px; }

.do-blog__card--featured .do-blog__date { left: 40px; top: 363.5px; }
.do-blog__card--featured .do-blog__clock { left: 118.03px; top: 365.75px; }
.do-blog__card--featured .do-blog__readtime { left: 134.03px; top: 363.5px; }

.do-blog__card--digital .do-blog__date { left: 24px; top: 159.5px; }
.do-blog__card--digital .do-blog__clock { left: 97.81px; top: 161.75px; }
.do-blog__card--digital .do-blog__readtime { left: 113.81px; top: 159.5px; }

.do-blog__card--training .do-blog__date { left: 24px; top: 159.5px; }
.do-blog__card--training .do-blog__clock { left: 125.31px; top: 161.75px; }
.do-blog__card--training .do-blog__readtime { left: 141.31px; top: 159.5px; }

.do-blog__card--cases .do-blog__date { left: 108.64px; top: 31.25px; }
.do-blog__card--cases .do-blog__clock { left: 209.19px; top: 33.5px; }
.do-blog__card--cases .do-blog__readtime { left: 225.19px; top: 31.25px; }

.do-blog__card--service .do-blog__date { left: 24px; top: 159.5px; }
.do-blog__card--service .do-blog__clock { left: 123.33px; top: 161.75px; }
.do-blog__card--service .do-blog__readtime { left: 139.33px; top: 159.5px; }

.do-blog__thumb {
  position: absolute;
  right: 0;
  top: 0;
  width: 160px;
  height: 200px;
  background-image: linear-gradient(128.66deg, #e0e0e0 0%, #ababab 100%);
}

.do-blog__thumb-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .15);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3);
  cursor: not-allowed;
  transform: translate(-50%, -50%);
}

@media (max-width: 620px) {
  .do-blog { margin-top: 56px; padding: 48px 0 56px; }
  .do-blog__all { position: static; margin-top: 16px; }
  .do-blog__grid { height: auto; }
  .do-blog__card { position: relative; left: auto !important; top: auto !important; width: 100% !important; height: 220px !important; margin-bottom: 16px; }
}

/* ==========================================================================
   Связаться с нами — Figma 4014:1628, карточки 4014:1637/1646/1656/1665,
   форма 4014:1675 (T-010). clipsContent=true: декоративные фигуры и размытый круг
   обрезаются по краю секции намеренно. Форма — визуальная оболочка (`<div>`, не
   `<form>`; кнопка отправки — неактивный span), реальная отправка не создавалась.
   ========================================================================== */

.do-contact {
  position: relative;
  overflow: hidden;
  padding: 96px 0;
  background: #2c2b2a;
  font-family: Montserrat, Arial, sans-serif;
}

.do-contact *,
.do-contact *::before,
.do-contact *::after {
  box-sizing: border-box;
}

.do-contact__bg { position: absolute; z-index: 0; pointer-events: none; }
.do-contact__bg--1 { left: 1000.94px; top: -152.06px; }
.do-contact__bg--2 { left: -288px; top: 76.05px; }

.do-contact__glow {
  position: absolute;
  left: 340px;
  top: 80.19px;
  z-index: 0;
  width: 600px;
  height: 600px;
  background: #ac252a;
  opacity: .3;
  filter: blur(60px);
  border-radius: 50%;
  pointer-events: none;
}

.do-contact__content {
  position: relative;
  z-index: 1;
  width: min(1216px, calc(100% - 48px));
  min-height: 568.38px;
  margin: 0 auto;
}

.do-contact__kicker {
  margin: 0;
  color: #ac252a;
  font-size: 11px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-contact__title {
  margin: 8px 0 0;
  max-width: 490px;
  color: #fff;
  font-size: 48px;
  font-weight: 800;
  line-height: 50.4px;
  letter-spacing: -.48px;
}

.do-contact__title-accent { color: #ac252a; }

.do-contact__lead {
  margin: 14.4px 0 0;
  max-width: 507px;
  color: rgba(255, 255, 255, .7);
  font-size: 15px;
  line-height: 24.38px;
}

.do-contact__cards {
  position: absolute;
  left: 0;
  top: 300.8px;
  display: grid;
  grid-template-columns: 291px 291px;
  gap: 12px;
}

.do-contact__card {
  position: relative;
  display: block;
  width: 291px;
  height: 99.5px;
  background: rgba(255, 255, 255, .05);
  backdrop-filter: blur(4px);
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
  color: inherit;
  text-decoration: none;
}

.do-contact__card--static { cursor: default; }

.do-contact__card-icon {
  position: absolute;
  left: 20px;
  top: 20px;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  background: rgba(172, 37, 42, .15);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgba(172, 37, 42, .3);
}

.do-contact__card-label {
  position: absolute;
  left: 72px;
  top: 20px;
  color: rgba(255, 255, 255, .5);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.do-contact__card-value {
  position: absolute;
  left: 72px;
  top: 30px;
  max-width: 200px;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.do-contact__card-sub {
  position: absolute;
  left: 72px;
  top: 63px;
  color: rgba(255, 255, 255, .6);
  font-size: 11px;
}

.do-contact__form-panel {
  position: absolute;
  left: 650.14px;
  top: 0;
  width: 565.86px;
  height: 568.38px;
  background: #fff;
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 25px 50px -12px rgba(0, 0, 0, .25);
}

.do-contact__form-badge {
  position: absolute;
  right: -12px;
  top: -12px;
  display: flex;
  width: 64px;
  height: 64px;
  align-items: center;
  justify-content: center;
  background: #ac252a;
  border-radius: 16px;
}

.do-contact__form-kicker {
  position: absolute;
  left: 32px;
  top: 32px;
  margin: 0;
  color: #ac252a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-contact__form-title {
  position: absolute;
  left: 32px;
  top: 56.5px;
  margin: 0;
  color: #2c2b2a;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.3px;
  line-height: 37.5px;
}

.do-contact__form-lead {
  position: absolute;
  left: 32px;
  top: 102px;
  margin: 0;
  max-width: 368px;
  color: #ababab;
  font-size: 14px;
  line-height: 20px;
}

.do-contact__form {
  position: absolute;
  left: 32px;
  top: 146px;
  right: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
  row-gap: 16px;
}

.do-contact__field--topic,
.do-contact__field--message,
.do-contact__submit,
.do-contact__consent {
  grid-column: 1 / -1;
}

.do-contact__label {
  display: block;
  margin: 0 0 7.5px;
  color: #2c2b2a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.54px;
  text-transform: uppercase;
}

.do-contact__required { color: #ac252a; }

.do-contact__input {
  display: block;
  width: 100%;
  height: 46px;
  padding: 0 16px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 32px;
  color: #2c2b2a;
  font-family: inherit;
  font-size: 14px;
}

.do-contact__input::placeholder { color: #e0e0e0; }
.do-contact__select { appearance: none; cursor: pointer; }

.do-contact__textarea {
  height: 86px;
  padding: 13px 16px;
  border-radius: 32px;
  line-height: 20px;
  resize: none;
}

.do-contact__submit {
  display: flex;
  height: 56px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #ac252a;
  border-radius: 999px;
  color: #fff;
  cursor: not-allowed;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .35px;
  text-transform: uppercase;
}

.do-contact__consent {
  margin: 0;
  color: #ababab;
  font-size: 11px;
  line-height: 17.88px;
  text-align: center;
}

.do-contact__consent a { color: #ababab; text-decoration: underline; }

@media (max-width: 620px) {
  .do-contact { padding: 56px 0; }
  .do-contact__title { max-width: none; }
  .do-contact__lead { max-width: none; }
  .do-contact__cards { position: relative; top: auto; margin-top: 32px; grid-template-columns: 1fr; }
  .do-contact__card { width: 100%; }
  .do-contact__form-panel { position: relative; left: auto; top: auto; margin-top: 32px; width: 100%; height: auto; padding-bottom: 32px; }
  .do-contact__form { position: relative; left: auto; top: auto; right: auto; grid-template-columns: 1fr; margin-top: 146px; }
  .do-contact__field--name, .do-contact__field--phone { grid-column: 1 / -1; }
}

/* ==========================================================================
   Партнёры — Figma 4014:1709 (T-011).
   ========================================================================== */

.do-partners {
  position: relative;
  box-sizing: border-box;
  margin: 88px auto 0;
  width: min(1216px, calc(100% - 48px));
  padding: 40px;
  background: #fff;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
  font-family: Montserrat, Arial, sans-serif;
}

.do-partners *,
.do-partners *::before,
.do-partners *::after {
  box-sizing: border-box;
}

.do-partners__kicker {
  margin: 0;
  color: #ac252a;
  font-size: 11px;
  font-weight: 700;
  line-height: 16.5px;
  letter-spacing: 2.42px;
  text-transform: uppercase;
}

.do-partners__title {
  margin: 12px 0 0;
  color: #2c2b2a;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.24px;
  line-height: 32px;
}

.do-partners__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-top: 24px;
}

.do-partners__item {
  display: flex;
  height: 80px;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: #fff;
  border-radius: 32px;
  box-shadow: inset 0 0 0 1px #e0e0e0;
}

.do-partners__logo {
  max-width: 100%;
  max-height: 36px;
  filter: saturate(0);
  opacity: .7;
}

.do-partners__logo-text {
  color: #2c2b2a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .325px;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .do-partners__grid { grid-template-columns: repeat(2, 1fr); }
}


/* 2026-09-30: согласованная основа блока брендов; варианты компоновки — в Figma. */
.do-partners { box-shadow: none; }
.do-partners__title { margin-top: 0; }
.do-partners__item { background: transparent; border-radius: 0; box-shadow: none; }
.do-partners__logo--eighteeth { width: 136px; max-width: 136px; max-height: none; filter: none; opacity: 1; }


/* T-034: выбранный вариант B — одна ровная лента, управление снаружи. */
/* Проход Claude Code (30.09.2026): вертикали и поля по Figma 6330:5525 — заголовок по центру y=64, ссылка справа по краю ленты (x=1144), лента с y=126. */
.do-partners { min-height: 290px; padding: 48px 0 54px; }
.do-partners__header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 72px 0 40px; }
.do-partners__all { flex: none; color: #ba0f26; font-size: 14px; font-weight: 600; text-decoration: none; }
.do-partners__all:hover { text-decoration: underline; text-underline-offset: 4px; }
/* Зона нажатия ≥44 px без изменения раскладки (компенсация отрицательным полем). */
.do-partners__all { display: inline-flex; align-items: center; padding-block: 13px; margin-block: -13px; }
.do-partners__all:focus-visible,
.do-partners__arrow:focus-visible,
.do-partners__track:focus-visible { outline: 2px solid #ba0f26; outline-offset: 4px; }
.do-partners__carousel { display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; gap: 16px; margin: 46px 16px 0; }
.do-partners__arrow { display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0 0 4px; border: 0; border-radius: 50%; background: #ba0f26; color: #fff; font: 32px/1 Montserrat, Arial, sans-serif; cursor: pointer; }
.do-partners__arrow[disabled] { opacity: .4; cursor: default; }
.do-partners__track { display: flex; min-width: 0; gap: 16px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-inline: contain; scrollbar-width: none; scroll-snap-type: x mandatory; }
.do-partners__track::-webkit-scrollbar { display: none; }
.do-partners__item { flex: 0 0 200px; height: 90px; padding: 0; scroll-snap-align: start; }
.do-partners__logo { display: block; width: 168px; height: 64px; max-width: none; max-height: none; object-fit: contain; filter: none; opacity: 1; }
.do-partners__logo--eighteeth { width: 132px; height: 84px; max-width: none; max-height: none; }
.do-partners__logo-text { font-size: 13px; letter-spacing: .325px; }

@media (max-width: 900px) {
  .do-partners { min-height: 0; padding: 32px 0 38px; }
  .do-partners__header { align-items: flex-start; padding: 0 24px; }
  .do-partners__carousel { margin: 28px 12px 0; grid-template-columns: 36px minmax(0, 1fr) 36px; gap: 8px; }
  .do-partners__arrow { width: 36px; height: 36px; }
  .do-partners__track { gap: 12px; }
  .do-partners__item { flex-basis: 180px; height: 76px; }
  .do-partners__logo { width: 155px; height: 58px; }
  .do-partners__logo--eighteeth { width: 132px; height: 58px; }
}

@media (max-width: 520px) {
  .do-partners__header { flex-wrap: wrap; gap: 10px; }
  .do-partners__title { font-size: 21px; line-height: 28px; }
  .do-partners__all { margin-left: auto; margin-block: 0; padding-block: 13px; }
  .do-partners__item { flex-basis: 150px; }
  .do-partners__logo { width: 136px; height: 54px; }
  .do-partners__logo--eighteeth { width: 125px; height: 54px; }
}


@media (max-width: 520px) {
  .do-partners__item { flex-basis: 100%; }
  .do-partners__logo { width: 175px; height: 60px; }
  .do-partners__logo--eighteeth { width: 150px; height: 60px; }
}

/* End */


/* Start:/local/dentoptics/home-20261001/assets/home-refinements.css?179418528840653*/
/* Главная 01.10.2026. Предложения A/B для заявки; три уровня: 40/600, 22/600, 14/400. */
.do-inquiry,.do-journal,.do-testimonials{font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.6}
.do-inquiry *,.do-journal *,.do-testimonials *{box-sizing:border-box}
.do-inquiry h2,.do-journal h2,.do-testimonials h2{margin:0;font-size:40px;line-height:1.18;font-weight:600;letter-spacing:-.8px}
.do-inquiry h3,.do-journal h3,.do-testimonials h3{margin:0;font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.2px}
.do-inquiry p,.do-journal p,.do-testimonials p{margin:0}
.do-inquiry{position:relative;isolation:isolate;overflow:hidden;background:#2c2b2a;color:white;padding:80px 0}
.do-inquiry:before{content:'';position:absolute;z-index:-1;width:830px;height:830px;right:-420px;top:-260px;border:110px solid #ba0f26;border-radius:28%;transform:rotate(-37deg);pointer-events:none}
.do-inquiry__layout{width:min(1216px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.do-inquiry__intro{min-width:0;position:relative}
.do-inquiry__intro h2{max-width:540px}
.do-inquiry__lead{max-width:530px;margin-top:24px!important;color:#eee}
.do-inquiry__contacts{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;margin-top:44px}
.do-inquiry__contacts>a,.do-inquiry__contacts>div{display:flex;gap:14px;align-items:flex-start;color:white;text-decoration:none;min-width:0}
.do-inquiry__contacts img{flex:none;margin-top:2px;filter:brightness(0) invert(1)}
.do-inquiry__contacts span span{color:#ddd}
.do-inquiry__panel{position:relative;padding:40px;background:#fff;color:#2c2b2a;border-radius:24px}
.do-inquiry__panel>p{color:#626262;margin-top:12px}
.do-inquiry__fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;margin-top:28px}
.do-inquiry__fields label{display:block;font:inherit;min-width:0}
.do-inquiry__fields label>span{color:#ba0f26}
.do-inquiry__fields input:not([type=checkbox]),.do-inquiry textarea{display:block;font:inherit;width:100%;margin-top:8px;border:1px solid #b8b8b8;border-radius:12px;padding:12px 14px;min-height:48px;background:white;color:#2c2b2a}
.do-inquiry input::placeholder,.do-inquiry textarea::placeholder{color:#727272;opacity:1}
.do-inquiry textarea{height:112px;resize:vertical}
.do-inquiry__wide{grid-column:1/-1}
.do-inquiry__consent{position:relative;padding-left:32px;color:#525252;line-height:1.6}
.do-inquiry__consent label{display:inline}
.do-inquiry__consent input{position:absolute;top:1px;left:0;width:20px;height:20px;margin:0;accent-color:#ba0f26;cursor:pointer}
.do-inquiry__consent a{color:#962137;text-underline-offset:3px}
.do-inquiry__submit{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 22px;background:#ba0f26;color:#fff;border:0;border-radius:12px;font:inherit;cursor:not-allowed}
.do-inquiry :focus-visible,.do-journal a:focus-visible,.do-testimonials :focus-visible{outline:3px solid #cf4255;outline-offset:4px}
.do-inquiry--b{background:#f5f4f2;color:#2c2b2a}
.do-inquiry--b:before{display:none}
.do-inquiry--b .do-inquiry__layout{gap:0;align-items:stretch;background:#fff;border-radius:24px;overflow:hidden}
.do-inquiry--b .do-inquiry__intro{isolation:isolate;background:#2c2b2a;color:#fff;padding:48px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.do-inquiry--b .do-inquiry__intro:before{content:'';position:absolute;z-index:-1;width:430px;height:430px;left:-235px;bottom:-310px;border:72px solid #ba0f26;border-radius:28%;transform:rotate(-37deg)}
.do-inquiry--b .do-inquiry__intro:after{content:'';position:absolute;right:0;top:0;width:8px;height:100%;background:#ba0f26}
.do-inquiry--b .do-inquiry__panel{border-radius:0;padding:48px}
.do-inquiry--b .do-inquiry__contacts{grid-template-columns:1fr;margin-top:32px;gap:18px}
.do-inquiry--b .do-inquiry__contacts span br{display:none}
.do-inquiry--b .do-inquiry__contacts span span{display:block}
.do-section-inner{width:min(1216px,calc(100% - 48px));margin:auto}
.do-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}
.do-section-head p{margin-top:16px;color:#626262}
.do-section-head>a{color:#ba0f26;white-space:nowrap;text-decoration:none;padding:12px 0}
.do-journal{padding:80px 0;background:#f5f4f2;color:#2c2b2a}
.do-journal__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:repeat(2,minmax(224px,auto));gap:20px}
.do-journal__card{display:flex;position:relative;isolation:isolate;overflow:hidden;flex-direction:column;padding:28px;border-radius:20px;background:white;color:#2c2b2a;text-decoration:none;transition:transform .18s}
.do-journal__card:hover{transform:translateY(-3px)}
.do-journal__card--0{grid-row:span 2;background:#2c2b2a;color:#fff;justify-content:end;padding:36px}
.do-journal__card--0:before{content:'';position:absolute;z-index:-1;width:330px;height:330px;right:-180px;top:-160px;border:65px solid #ba0f26;border-radius:28%;transform:rotate(-37deg);opacity:.65}
.do-journal__card--1{background:#ba0f26;color:white}
.do-journal__tag{margin-bottom:36px;color:inherit}
.do-journal__arrow{position:absolute;right:24px;top:24px}
.do-journal__card h3{max-width:95%;margin-top:auto}
.do-journal__card p{margin-top:16px;color:#eee}
.do-journal__read{display:block;margin-top:24px;text-decoration:underline;text-underline-offset:4px}
.do-testimonials{padding:80px 0;background:#fff;color:#2c2b2a}
.do-testimonials__nav{display:flex;gap:12px}
.do-testimonials__nav button{width:52px;height:52px;background:#ba0f26;border:0;border-radius:50%;color:white;font:inherit;font-size:24px;cursor:pointer}
.do-testimonials__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:16px;scrollbar-width:none}
.do-testimonials__card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start}
.do-testimonials__card video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:18px;background:#222}
.do-testimonials__card>div{padding-top:18px}
.do-testimonials__card p{color:#626262;margin-bottom:8px}
.do-testimonials__card p span{white-space:nowrap}
.do-testimonials__card a{display:inline-block;margin-top:12px;color:#962137;text-underline-offset:4px}
.do-partners{min-height:232px;padding-top:32px}
.do-partners__header{justify-content:flex-end}
.do-partners__carousel{margin-top:32px}
@media(max-width:1000px){
 .do-inquiry__layout{gap:32px}
 .do-inquiry__panel,.do-inquiry--b .do-inquiry__panel,.do-inquiry--b .do-inquiry__intro{padding:28px}
 .do-inquiry__contacts{grid-template-columns:1fr;gap:20px}
 .do-inquiry h2,.do-journal h2,.do-testimonials h2{font-size:32px}
 .do-testimonials__card{flex-basis:calc((100% - 48px)/3)}
 .do-journal__grid{grid-template-columns:1fr 1fr}
 .do-journal__card--0{grid-row:auto;grid-column:1/-1;min-height:300px}
}
@media(max-width:700px){
 .do-inquiry,.do-journal,.do-testimonials{padding:48px 0}
 .do-inquiry__layout{grid-template-columns:1fr}
 .do-inquiry--b .do-inquiry__layout{gap:0}
 .do-inquiry__fields{grid-template-columns:1fr}
 .do-inquiry__panel,.do-inquiry--b .do-inquiry__panel,.do-inquiry--b .do-inquiry__intro{padding:24px}
 .do-inquiry h2,.do-journal h2,.do-testimonials h2{font-size:30px;letter-spacing:-.5px}
 .do-inquiry h3,.do-journal h3,.do-testimonials h3{font-size:22px}
 .do-section-head{align-items:start;gap:18px;flex-wrap:wrap;margin-bottom:24px}
 .do-journal__grid{grid-template-columns:1fr}
 .do-journal__card--0{grid-column:auto}
 .do-journal__card{padding:24px;min-height:230px}
 .do-testimonials__card{flex-basis:80%}
 .do-inquiry:before{right:-630px;top:0;opacity:.65}
 .do-partners{min-height:0}
}
@media(prefers-reduced-motion:reduce){.do-journal__card{transition:none}}

/* T-036: A выбран. Согласие — одна фраза; политика отдельно от checkbox. */
.do-inquiry__consent{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding-left:0;align-items:start}
.do-inquiry__consent input{position:static;margin-top:3px}
.do-inquiry__consent label{display:block;color:#525252}
.do-inquiry__consent a{color:inherit}
.do-inquiry__policy{margin-top:-8px!important;text-align:center;color:#626262}
.do-inquiry__policy a{color:inherit;text-underline-offset:3px}
@media(max-width:700px){
 .do-inquiry:not(.do-inquiry--b){padding:40px 0}
 .do-inquiry:not(.do-inquiry--b) .do-inquiry__layout{width:calc(100% - 40px);gap:28px}
 .do-inquiry:not(.do-inquiry--b) .do-inquiry__lead{margin-top:20px!important}
 .do-inquiry:not(.do-inquiry--b) .do-inquiry__panel{padding:24px 20px}
 .do-inquiry:not(.do-inquiry--b) .do-inquiry__fields{gap:20px;margin-top:24px}
 .do-inquiry:not(.do-inquiry--b):before{width:440px;height:440px;right:-405px;top:-180px;border-width:68px;opacity:.85}
 .do-inquiry--m1 .do-inquiry__layout>.do-inquiry__contacts{margin-top:4px;padding:4px 4px 0;gap:24px}
 .do-inquiry--m2 .do-inquiry__contacts{grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:28px}
 .do-inquiry--m2 .do-inquiry__contacts>a,.do-inquiry--m2 .do-inquiry__contacts>div{display:block;overflow-wrap:anywhere}
 .do-inquiry--m2 .do-inquiry__contacts img{display:block;margin:0 0 10px}
 .do-inquiry--m2:not(.do-inquiry--b){padding-bottom:0}
 .do-inquiry--m2:not(.do-inquiry--b) .do-inquiry__panel{margin-inline:-20px;border-radius:24px 24px 0 0;padding:28px 24px 36px}
}

/* T-036: выбор пользователя — порядок A1, белая форма во всю ширину как в A2. */
@media(max-width:700px){
 .do-inquiry--mfinal:not(.do-inquiry--b) .do-inquiry__panel{margin-inline:-20px;border-radius:24px;padding:28px 24px 36px}
}

/* T-036: scroll parallax affects only the decorative red shape. */
.do-inquiry:not(.do-inquiry--b)::before{transform:translate3d(0,var(--inquiry-parallax-y,0px),0) rotate(-37deg)}
.do-inquiry--parallax-active::before{will-change:transform}
@media(prefers-reduced-motion:reduce){
 .do-inquiry:not(.do-inquiry--b)::before{transform:rotate(-37deg);will-change:auto}
}

/* Уточнение отзывов 01.10: заголовок / название / основной текст. */
.do-testimonials .do-section-head>div:first-child{max-width:800px}
.do-testimonials h3{font-size:18px}
.do-testimonials__product-link{font-size:14px}
.do-testimonials__nav button:disabled{opacity:.35;cursor:default}

/* T-036: mobile journal alternatives, enabled only for review by ?articles=a/b. */
.do-testimonials__track::-webkit-scrollbar{display:none}
.do-journal__pagination{display:none}
@media(max-width:700px){
 .do-journal--mobile-a .do-journal__grid,.do-journal--mobile-b .do-journal__grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:90%;grid-template-rows:repeat(2,minmax(208px,auto));gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 0 8px}
 .do-journal--mobile-b .do-journal__grid{grid-template-rows:minmax(270px,auto)}
 .do-journal--mobile-a .do-journal__grid::-webkit-scrollbar,.do-journal--mobile-b .do-journal__grid::-webkit-scrollbar{display:none}
 .do-journal--mobile-a .do-journal__card,.do-journal--mobile-b .do-journal__card{grid-row:auto;grid-column:auto;min-height:0;padding:22px;scroll-snap-align:start}
 .do-journal--mobile-a .do-journal__card:nth-child(even){scroll-snap-align:none}
 .do-journal--mobile-a .do-journal__card p,.do-journal--mobile-b .do-journal__card p{display:none}
 .do-journal--mobile-a .do-journal__tag,.do-journal--mobile-b .do-journal__tag{margin-bottom:20px}
 .do-journal--mobile-a .do-journal__card h3,.do-journal--mobile-b .do-journal__card h3{font-size:20px;max-width:100%}
 .do-journal--mobile-a .do-journal__read,.do-journal--mobile-b .do-journal__read{margin-top:18px}
 .do-journal--mobile-a .do-journal__arrow,.do-journal--mobile-b .do-journal__arrow{display:none}
 .do-journal--mobile-a .do-journal__card:hover,.do-journal--mobile-b .do-journal__card:hover{transform:none}
 .do-journal--mobile-a .do-journal__pagination,.do-journal--mobile-b .do-journal__pagination{display:flex;justify-content:center;margin-top:12px}
 .do-journal__pagination button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}
 .do-journal__pagination button::before{content:'';width:8px;height:8px;border-radius:50%;background:#b8b4b4}
 .do-journal__pagination button[aria-current=true]::before{width:24px;border-radius:8px;background:#ba0f26}
 .do-journal__pagination button:focus-visible,.do-journal__grid:focus-visible{outline:2px solid #ba0f26;outline-offset:2px}
}

/* T-036: category content and upper homepage corrections, 01.10. */
.do-categories__kicker{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.6}
.do-categories__title{font-size:40px;font-weight:600;letter-spacing:-.8px;line-height:1.18}
.do-categories__grid{gap:20px}
.do-categories__card{display:flex;flex-direction:column;aspect-ratio:auto;min-height:322px;padding:20px;gap:12px}
.do-categories .do-categories__name{position:static;width:auto;max-width:none;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:0;margin:0;min-height:49px}
.do-categories__desc,.do-categories__brands{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}
.do-categories__desc{color:#555}
.do-categories__brands{color:#962137;margin-top:auto}
.do-categories .do-categories__icon{position:static;order:-1;width:72px;height:64px;margin-left:auto;background-size:contain;background-position:center}
.do-categories .do-categories__arrow{display:none}
.do-about__cta-label{top:50%;transform:translateY(-50%);line-height:20px}
@media(min-width:1001px){.do-about__panel-arrow{right:0;bottom:0}.do-about__panel-title{max-width:calc(100% - 110px)}}
.do-popular .do-offers__title{font-size:40px;font-weight:600;line-height:1.18;letter-spacing:-.8px}
.do-popular .do-offers__head{min-height:0;align-items:center}
.do-popular .do-offers__controls{margin-top:0}
.do-popular .do-offers__track{scrollbar-width:none;gap:20px}
.do-popular .do-offers__track::-webkit-scrollbar{display:none}
.do-popular .do-offers__card{display:flex;flex-direction:column;flex-basis:calc((100% - 60px)/4);height:auto;min-height:400px;border-radius:20px}
.do-popular .do-offers__media{height:220px;flex:none;background:#fff}
.do-popular .do-offers__card .do-offers__media img{position:static;width:100%;height:100%;padding:24px;object-fit:contain}
.do-popular__copy{display:flex;flex:1;flex-direction:column;padding:20px;gap:10px}
.do-popular .do-offers__name{position:static;width:auto;height:auto;overflow:visible;font-size:18px;line-height:1.35;letter-spacing:0;margin:0}
.do-popular__type{margin:0;color:#626262;font-size:14px;line-height:1.5}
.do-popular .do-offers__cta{position:static;width:auto;margin-top:auto;text-decoration:none;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;cursor:pointer;border-radius:12px}
.do-popular .do-offers__nav{width:48px;height:48px}
.do-popular .do-offers__nav:disabled{opacity:.35;cursor:default}
@media(max-width:1000px){.do-categories__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.do-popular .do-offers__card{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:700px){.do-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.do-categories__card{padding:16px;min-height:340px}.do-categories__title,.do-popular .do-offers__title{font-size:30px;letter-spacing:-.5px}.do-categories .do-categories__name{font-size:18px;overflow-wrap:anywhere}.do-categories__brands{overflow-wrap:anywhere}.do-popular .do-offers__card{flex-basis:82%}.do-popular .do-offers__head{align-items:start}.do-popular .do-offers__controls{margin-top:8px}}
/* Preview alternatives only; A is the neutral base until the user chooses. */
@media(min-width:1001px){
 .do-categories--b .do-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .do-categories--b .do-categories__card{min-height:178px;padding:24px 144px 24px 24px;position:relative}
 .do-categories--b .do-categories__name{min-height:0}
 .do-categories--b .do-categories__icon{position:absolute;right:24px;top:36px;width:96px;height:96px}
 .do-categories--c .do-categories__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .do-categories--c .do-categories__card{min-height:290px}
 .do-categories--c .do-categories__card:nth-child(-n+2){grid-column:span 2;min-height:208px;padding:28px 180px 28px 28px;background:#2c2b2a;color:white;position:relative}
 .do-categories--c .do-categories__card:nth-child(2){background:#ba0f26}
 .do-categories--c .do-categories__card:nth-child(-n+2) .do-categories__icon{position:absolute;width:132px;height:132px;right:24px;top:36px}
 .do-categories--c .do-categories__card:nth-child(-n+2) .do-categories__name{min-height:0}
 .do-categories--c .do-categories__card:nth-child(-n+2) .do-categories__desc,.do-categories--c .do-categories__card:nth-child(-n+2) .do-categories__brands{color:white}
}
.do-categories .do-categories__name{text-transform:none}
.do-categories__card{background:#f5f5f5;border-radius:24px}
@media(min-width:1001px){.do-categories--c .do-categories__card:nth-child(-n+2){padding:28px}.do-categories--c .do-categories__card:nth-child(-n+2) .do-categories__icon{display:none}}

/* T-036, 01.10: popular cards follow the offers composition. */
.do-popular .do-offers__card{border-radius:16px;min-height:460px}
.do-popular .do-offers__media{height:238px;background:#fff}
.do-popular .do-offers__card .do-offers__media img{padding:54px 20px 10px}
.do-popular .do-offers__brand{left:16px;top:20px;max-width:145px;font-size:11px;line-height:16px;font-weight:600;letter-spacing:.5px;color:#666}
.do-popular .do-offers__badge{top:16px;right:16px;height:26px;padding:0 10px;font-size:11px;font-weight:600;letter-spacing:0}
.do-popular__copy{padding:16px;gap:12px}
.do-popular .do-offers__name{font-size:16px;line-height:22px;min-height:44px;font-weight:600}
.do-popular .do-offers__price{position:static;white-space:normal;margin:0}
.do-popular .do-offers__price-new{font-size:20px;line-height:26px;font-weight:600;letter-spacing:0}
.do-popular .do-offers__note{position:static;width:auto;color:#626262;font-size:14px;line-height:21px;min-height:42px;margin:0}
.do-popular .do-offers__cta{border-radius:999px;flex:none;height:44px;font-size:12px;line-height:18px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.do-popular .do-offers__cta:hover{background:#991026}
/* D/E are proposals, available only on category preview pages. */
.do-categories--d .do-categories__grid,.do-categories--e .do-categories__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.do-categories--d .do-categories__card,.do-categories--e .do-categories__card{min-height:438px;padding:24px;border:1px solid #e4e4e4;gap:12px;box-shadow:none}
.do-categories--d .do-categories__icon,.do-categories--e .do-categories__icon{position:static;width:192px;height:192px;flex:none;margin:0 auto;background-size:contain}
.do-categories--d .do-categories__icon{order:-1}
.do-categories--e .do-categories__card{position:relative;min-height:420px;gap:10px}
.do-categories--e .do-categories__icon{position:absolute;order:0;right:8px;bottom:58px;margin:0;width:200px;height:200px}
.do-categories--e .do-categories__card:nth-child(3n+2) .do-categories__icon{right:44px;bottom:55px}
.do-categories--e .do-categories__card:nth-child(3n) .do-categories__icon{right:0;bottom:68px}
.do-categories--e .do-categories__brands{position:relative;z-index:1;min-height:42px;padding-top:4px}
.do-categories--e .do-categories__desc{max-width:235px}
@media(max-width:1000px){.do-categories--d .do-categories__grid,.do-categories--e .do-categories__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.do-categories--d .do-categories__grid,.do-categories--e .do-categories__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.do-categories--d .do-categories__card,.do-categories--e .do-categories__card{padding:16px;min-height:440px}.do-categories--d .do-categories__icon{width:100%;height:150px}.do-categories--e .do-categories__icon{width:150px;height:150px;right:0;bottom:100px}.do-categories--e .do-categories__card:nth-child(n) .do-categories__icon{right:0;bottom:100px}.do-categories--e .do-categories__brands{min-height:84px}.do-categories--d .do-categories__name,.do-categories--e .do-categories__name{font-size:16px;line-height:22px}}

/* Clean vector groups for large category previews. */
.do-categories--d .do-categories__icon--3dprint,.do-categories--e .do-categories__icon--3dprint{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-3dprint.svg)}
.do-categories--d .do-categories__icon--cadcam,.do-categories--e .do-categories__icon--cadcam{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-cadcam.svg)}
.do-categories--d .do-categories__icon--chairs,.do-categories--e .do-categories__icon--chairs{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-chairs.svg)}
.do-categories--d .do-categories__icon--endo,.do-categories--e .do-categories__icon--endo{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-endo.svg)}
.do-categories--d .do-categories__icon--furniture,.do-categories--e .do-categories__icon--furniture{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-furniture.svg)}
.do-categories--d .do-categories__icon--light,.do-categories--e .do-categories__icon--light{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-light.svg)}
.do-categories--d .do-categories__icon--loupes,.do-categories--e .do-categories__icon--loupes{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-loupes.svg)}
.do-categories--d .do-categories__icon--microscopes,.do-categories--e .do-categories__icon--microscopes{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-microscopes.svg)}
.do-categories--d .do-categories__icon--scanners,.do-categories--e .do-categories__icon--scanners{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-scanners.svg)}
.do-categories--d .do-categories__icon--units,.do-categories--e .do-categories__icon--units{background-image:url(/local/dentoptics/home-20261001/assets/./categories-large/cat-icon-units.svg)}

/* Selected F1 and brand spacing, 01.10. */
.do-f1{width:min(1216px,calc(100% - 64px));margin:40px auto}.do-f1[hidden]{display:none}.do-f1__kicker{color:#ba0f26;font-size:12px;margin:0 0 8px;letter-spacing:0}.do-f1 h2{font-size:36px;font-weight:600;line-height:1.2;letter-spacing:0;margin:0 0 30px}.do-f1__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.do-f1 .do-categories__card{display:block;position:relative;height:180px;padding:16px;background:#f5f5f5;border-radius:16px;overflow:hidden;color:inherit;text-decoration:none}.do-f1__copy{position:relative;z-index:1}.do-f1 h3{font-size:15px;line-height:20px;letter-spacing:0;font-weight:600;margin:0;max-width:205px;min-height:40px}.do-f1__brands,.do-f1__desc{width:96px;margin:8px 0 0;font-size:12px;line-height:17px;letter-spacing:0;font-weight:400;color:#666}.do-f1__image{position:absolute;width:130px;height:116px;object-fit:contain;right:-8px;bottom:12px}.do-f1__image--microscopes{width:142px;right:-20px}.do-f1__image--loupes{right:0;width:120px;height:96px;bottom:20px}.do-f1__image--endo{right:2px;width:110px}.do-f1__image--chairs{width:117px;right:-2px}.do-f1__image--units{width:153px;right:-32px}.do-f1__image--light{width:113px;right:0;bottom:12px}.do-f1__image--furniture{width:110px;right:0}.do-f1__arrow{position:absolute;bottom:12px;left:16px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:white;font-size:19px;line-height:1;color:#2c2b2a}.do-f1--3 .do-f1 .do-categories__card{height:200px}.do-f1--3 .do-f1__image{bottom:44px;height:100px}.do-f1--3 .do-f1__footer{position:absolute;left:16px;right:45px;bottom:12px;min-height:28px;margin:0;font-size:11px;line-height:14px;letter-spacing:0;color:#962137}.do-f1--3 .do-f1__arrow{left:auto;right:12px;bottom:16px}.do-f1 .do-categories__card:hover{box-shadow:0 6px 20px #00000012}.do-f1 .do-categories__card:focus-visible{outline:2px solid #ba0f26;outline-offset:3px}
@media(max-width:1100px){.do-f1__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:850px){.do-f1__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.do-f1{width:calc(100% - 40px)}}@media(max-width:620px){.do-f1{width:calc(100% - 32px);margin-top:28px}.do-f1 h2{font-size:28px}.do-f1__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.do-f1 .do-categories__card{height:190px;padding:14px}.do-f1 h3{font-size:14px;line-height:19px}.do-f1__brands,.do-f1__desc{font-size:11px;line-height:16px;width:77px}.do-f1__image{width:96px;height:104px;right:-10px;bottom:16px}.do-f1__image--microscopes{width:115px;right:-30px}.do-f1__image--units{width:116px;right:-33px}.do-f1__image--chairs,.do-f1__image--endo{width:80px;right:-3px}.do-f1__image--loupes{width:95px;right:-12px}.do-f1__arrow{left:14px}.do-f1--3 .do-f1 .do-categories__card{height:212px}.do-f1--3 .do-f1__footer{left:14px;font-size:10px;line-height:14px}.do-f1--3 .do-f1__image{bottom:52px;height:94px}}

.do-f1{margin:72px auto;max-width:1216px}.do-f1 .do-categories__card{min-height:0;aspect-ratio:auto;gap:0;border-radius:16px}.do-f1 h3{position:static;text-transform:none}.do-f1__image{display:block;max-width:none}.do-f1__grid{margin:0}.do-f1 .do-categories__card:focus-visible{outline:none}
.do-partners{width:100%;max-width:none;margin:0;min-height:0;padding:72px 0;background:#fff;border-radius:0;box-shadow:none}
.do-partners__header{width:min(1216px,calc(100% - 48px));margin:0 auto;padding:0;justify-content:space-between;align-items:center}
.do-partners__title{margin:0;font-size:32px;line-height:1.25;font-weight:600;letter-spacing:0}
.do-partners__carousel{width:min(1216px,calc(100% - 48px));margin:32px auto 0}
@media(max-width:700px){.do-partners{padding:48px 0}.do-partners__header{align-items:flex-start;gap:16px}.do-partners__title{font-size:26px;line-height:1.25}.do-partners__all{margin:0;padding:0;min-height:44px}.do-f1{margin:48px auto}}
@media(max-width:620px){.do-f1 .do-categories__card{height:220px}.do-f1__brands{width:100%;font-size:12px;line-height:18px}.do-f1 h3{max-width:100%;min-height:38px;overflow-wrap:normal}.do-f1 .do-f1__image{width:110px;height:80px;right:0;bottom:14px}.do-f1 .do-f1__image--microscopes,.do-f1 .do-f1__image--units{width:118px;right:-8px}.do-f1__arrow{bottom:14px}}

.do-f1-band{background:#fff;padding:72px 0}.do-f1-band .do-f1{margin:0 auto}@media(max-width:700px){.do-f1-band{padding:48px 0}}

/* Keep the offers heading inside the narrow phone viewport. */
@media(max-width:360px){.do-offers__head>div:first-child{min-width:0;max-width:100%}.do-offers:not(.do-popular) .do-offers__title{font-size:26px;line-height:32px}}

/* User decision 01.10: temporarily hide company facts, keep text in normal flow. */
.do-about--text-only .do-about__stats[hidden]{display:none}
.do-about--text-only .do-about__content{display:flex;flex-direction:column;align-items:flex-start;padding-right:40px}
.do-about--text-only .do-about__kicker,.do-about--text-only .do-about__title,.do-about--text-only .do-about__lead,.do-about--text-only .do-about__body,.do-about--text-only .do-about__actions{position:static;max-width:100%}
.do-about--text-only .do-about__title{margin:18px 0 32px}
.do-about--text-only .do-about__lead{margin:0}
.do-about--text-only .do-about__body{margin:16px 0 0}
.do-about--text-only .do-about__actions{margin-top:32px;flex-wrap:wrap}
@media(max-width:1000px){.do-about--text-only .do-about__content{padding-right:0}}
@media(max-width:620px){.do-about--text-only .do-about__title{margin:14px 0 24px}.do-about--text-only .do-about__actions{margin-top:24px}}

/* 01.10: training paused; offers and popular share the same card rhythm. */
.do-training[hidden]{display:none}
.do-offers .do-offers__title{font-family:Montserrat,Arial,sans-serif;font-size:40px;line-height:1.18;font-weight:600;letter-spacing:-.8px;margin-top:0}
.do-offers__head>div:first-child{min-width:0;max-width:100%}
.do-offers__track{scrollbar-width:none}
.do-offers__track::-webkit-scrollbar{display:none}
.do-popular .do-offers__card{flex-basis:289px;height:438.75px;min-height:438.75px}
.do-popular .do-offers__media{height:216.75px;background:#fafafa}
.do-popular .do-offers__card .do-offers__media img{padding:48px 20px 12px}
.do-popular .do-offers__brand{top:16px;font-size:10px;line-height:16px;font-weight:600;letter-spacing:.5px}
.do-popular .do-offers__badge{top:12px;right:12px;height:23px;font-size:10px;line-height:16px}
.do-popular__copy{gap:10px;padding:16px}
.do-popular .do-offers__name{font-size:15px;line-height:20px;letter-spacing:-.15px;min-height:44px}
.do-popular .do-offers__price-new{font-size:16px;line-height:22px}
.do-popular .do-offers__note{font-size:12px;line-height:18px;min-height:36px}
.do-popular .do-offers__cta{height:44px;min-height:44px;background:transparent;border:1px solid #b8b8b8;color:#2c2b2a;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;transition:background .15s,border-color .15s}
.do-popular .do-offers__cta:hover{background:#f5f5f5;border-color:#2c2b2a}
.do-popular .do-offers__cta:focus-visible{outline:2px solid #ba0f26;outline-offset:2px}
@media(max-width:700px){.do-offers .do-offers__title{font-size:30px;letter-spacing:-.5px}}
@media(max-width:620px){.do-popular .do-offers__card{flex-basis:260px}.do-offers:not(.do-popular) .do-offers__cta,.do-offers:not(.do-popular) .do-offers__name,.do-offers:not(.do-popular) .do-offers__note{width:calc(100% - 32px)}}
@media(max-width:360px){.do-offers .do-offers__title{font-size:26px}}

/* Keep the preceding photo caption inside its image at phone widths. */
@media(max-width:620px){
.do-about__panel-title{top:auto;bottom:20px;left:20px;font-size:18px;line-height:23px;max-width:calc(100% - 80px);letter-spacing:0}
.do-about__panel-kicker{top:auto;bottom:112px;left:20px;font-size:10px;line-height:14px;letter-spacing:1px}
.do-about__panel-burst{top:auto;bottom:144px;left:20px;width:56px;height:56px}
.do-about__panel-thumb{top:auto;bottom:162px;left:38px;width:20px;height:20px}
.do-about__panel-arrow{right:0;bottom:0;width:48px;height:48px}
}

/* Selected mobile structure: standalone main hero + one side-banner carousel. */
.do-home-hero__slider[hidden]{display:none}
@media(max-width:900px){
 .do-home-hero{width:min(620px,calc(100% - 24px));margin-top:20px}
 .do-home-hero__grid{display:block}
 .do-home-hero__main-arrow{display:none}
 .do-home-hero__side{display:block;margin-top:20px}
 .do-home-hero__slider--main{height:calc(clamp(500px,140vw,600px) + 56px);padding-bottom:56px}
 .do-home-hero__slider--side{height:486px;padding-bottom:56px}
 .do-home-hero__slider-track{height:100%;touch-action:pan-y}
 .do-home-hero__slider--combined .do-home-hero__slider-track{flex-direction:row}
 .do-home-hero__slider-track>[data-do-slide]{height:100%;min-height:0}
 .do-home-hero .do-home-hero__card{height:100%;min-height:0;aspect-ratio:auto;border-radius:20px;-webkit-mask:none;mask:none}
 .do-home-hero__slider .do-home-hero__slider-nav{left:0;right:0;top:auto;bottom:0;height:56px;flex-direction:row;transform:none;gap:10px}
 .do-home-hero__slider .do-home-hero__slider-dots{flex-direction:row;gap:0}
 .do-home-hero__slider-arrow{width:44px;height:44px;border:1px solid #ddd;background:white}
 .do-home-hero__slider .do-home-hero__slider-arrow--prev:before{transform:rotate(180deg)}
 .do-home-hero__slider .do-home-hero__slider-arrow--next:before{transform:none}
 .do-home-hero__slider-dot{width:32px;height:44px;border-radius:0;background:transparent;position:relative}
 .do-home-hero__slider-dot:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#c4c4c4;left:50%;top:50%;transform:translate(-50%,-50%)}
 .do-home-hero__slider-dot[aria-selected=true]{background:transparent}
 .do-home-hero__slider-dot[aria-selected=true]:after{background:#ba0f26}
 .do-home-hero__card--main{background:linear-gradient(160deg,#f5f5f5,#e5e5e5)}
 .do-home-hero__main-scene{display:none}
 .do-home-hero__main-shape{left:-65%;top:245px;width:220%;height:460px;object-fit:contain}
 .do-home-hero__main-product{left:50%;top:180px;width:min(300%,1200px);height:auto;object-fit:contain;transform:translateX(-50%)}
 .do-home-hero__eyebrow--main,.do-home-hero__eyebrow--cj{left:20px;top:22px;font-size:10px;letter-spacing:.8px}
 .do-home-hero__badge--main{left:auto;right:20px;top:17px;width:auto;padding:0 12px;font-size:10px;letter-spacing:.5px}
 .do-home-hero__title,.do-home-hero__title--cj{left:20px;top:62px;max-width:calc(100% - 40px);font-size:clamp(23px,6vw,32px);line-height:1.15;letter-spacing:-.4px;font-weight:800}
 .do-home-hero__sublead{left:20px;top:184px;color:#444;font-size:13px;line-height:19px;font-weight:500}
 .do-home-hero__tag,.do-home-hero__burst,.do-home-hero__burst-thumb,.do-home-hero__cj-badge{display:none}
 .do-home-hero__cj-copy{left:20px;top:188px;width:calc(100% - 40px);font-size:13px;line-height:19px}
 .do-home-hero__cj-copy br{display:none}
 .do-home-hero__cj-cta{top:auto;left:20px;bottom:20px;height:44px}
 .do-home-hero__cj-clip{left:-80%;top:-10%;width:230%;height:145%;opacity:.55}
 .do-home-hero__eyebrow--side{left:20px;top:22px;font-size:10px;letter-spacing:.8px}
 .do-home-hero__badge--side{left:auto;right:20px;top:17px;width:auto;padding:0 10px;font-size:10px;letter-spacing:.5px}
 .do-home-hero__side-title{left:20px;top:66px;width:calc(100% - 40px);font-size:26px;line-height:29px;letter-spacing:0}
 .do-home-hero__side-copy{left:20px;top:144px;width:140px;font-size:14px;line-height:19px}
 .do-home-hero__cta{left:20px;top:auto;bottom:20px}
 .do-home-hero__primescan-product{left:-17%;top:0;width:141%;height:106%;object-fit:cover}
 .do-home-hero__microscope-product{left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .do-home-hero__media--microscope:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#79051888,transparent 45%,#790518 100%)}
 .do-home-hero__microscope-title{left:20px;top:66px;width:calc(100% - 40px);font-size:26px;line-height:29px;letter-spacing:0}
 .do-home-hero__microscope-title-dark{color:#fff}
 .do-home-hero__microscope-copy{left:20px;top:auto;bottom:24px;width:calc(100% - 95px);font-size:14px;line-height:19px}
 .do-home-hero__round-arrow{left:auto;right:20px;top:auto;bottom:24px}
 .do-home-hero__illuco-title{left:24px;top:62px}
 .do-home-hero__illuco-copy{left:24px;top:194px}
 .do-home-hero__illuco-cta{left:24px;top:auto;bottom:24px;border:1px solid #ffffff88}
}

@media(max-width:900px){
 .do-home-hero__cj-clip{display:none}
 .do-home-hero__media--cj:after{content:'';position:absolute;left:50%;top:180px;transform:translateX(-50%);width:min(300%,1200px);aspect-ratio:2400/945;background:url('/local/dentoptics/home-20261001/assets/./home-hero/dentsply-background-b.webp') center/contain no-repeat}
 .do-home-hero__microscope-product{top:126px;height:calc(100% - 126px);object-position:center 20%}
}

/* One static main banner: no empty navigation strip on mobile. */
@media(max-width:900px){.do-home-hero__slider--main{height:clamp(500px,140vw,600px);padding-bottom:0}}

/* BX-016, 05.11.2026: one homepage type scale and symmetric section spacing. */
main{--do-home-section-space:64px;--do-home-hero-space:32px}
main :is(#do-f1-title,#do-offers-title,#do-popular-title,#do-testimonials-title,#do-journal-title,#do-inquiry-title){font-family:Montserrat,Arial,sans-serif;font-size:40px;font-weight:600;line-height:1.18;letter-spacing:-.8px}
main>.do-home-hero{margin-block:0;padding-block:var(--do-home-hero-space)}
main>:is(.do-f1-band,.do-offers,.do-about,.do-testimonials,.do-journal,.do-inquiry,.do-partners){margin-block:0;padding-block:var(--do-home-section-space)}
main>.do-inquiry:not(.do-inquiry--b){padding-block:var(--do-home-section-space)}
main .do-f1{width:min(1216px,calc(100% - 48px));margin-block:0}
main .do-f1__head{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:36px}
main .do-f1__head h2{margin:0;min-width:0}
.do-f1__catalog-link{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0;color:#2c2b2a;text-decoration:none;font:500 14px/1.4 Montserrat,Arial,sans-serif}
.do-f1__catalog-link>span:first-child{max-width:150px}
.do-f1__catalog-arrow{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ba0f26;flex:none;transition:background .2s}
.do-f1__catalog-arrow img{display:block;width:20px;height:20px;filter:brightness(0) invert(1)}
.do-f1__catalog-link:hover .do-f1__catalog-arrow{background:#991026}
.do-f1__catalog-link:focus-visible{outline:3px solid #ba0f26;outline-offset:5px;border-radius:4px}
main .do-offers__head{min-height:0;align-items:center}
main .do-offers__controls{margin-top:0}
main .do-offers__track{margin-top:36px}
main>.do-inquiry:not(.do-inquiry--b)::before{width:980px;height:980px;right:-470px;top:-300px;border-width:150px}
@media(max-width:700px){
 main{--do-home-section-space:40px;--do-home-hero-space:20px}
 main :is(#do-f1-title,#do-offers-title,#do-popular-title,#do-testimonials-title,#do-journal-title,#do-inquiry-title){font-size:clamp(24px,7.7vw,30px);line-height:1.18;letter-spacing:-.5px}
 body.do-product-page:has(.do-home-page){min-width:0}
 main .do-f1{width:calc(100% - 32px)}
 main .do-f1__head{gap:12px;margin-bottom:24px}
 .do-f1__catalog-link{flex-direction:column-reverse;gap:6px;width:64px;text-align:center;font-size:12px;line-height:1.3}
 .do-f1__catalog-arrow{width:40px;height:40px}
 .do-f1__catalog-arrow img{width:17px;height:17px}
 main .do-offers__head{align-items:flex-start}
 main .do-offers__track{margin-top:24px}
 main>.do-inquiry:not(.do-inquiry--b)::before{width:560px;height:560px;right:-430px;top:-190px;border-width:100px;opacity:.9}
}
@media(prefers-reduced-motion:reduce){.do-f1__catalog-arrow{transition:none}}

/* BX-020: focus on the field border; preserve the native brand colors. */
.do-inquiry__fields input:not([type=checkbox]):not([type=hidden]),.do-inquiry__fields textarea{transition:border-color .15s ease}
.do-inquiry__fields input:not([type=checkbox]):not([type=hidden]):focus,.do-inquiry__fields textarea:focus{outline:none;box-shadow:none;border-color:#ba0f26}
.do-inquiry__contacts img[src$="telegram-brand.svg"],.do-inquiry__contacts img[src$="max-brand.svg"]{filter:none}
@media(prefers-reduced-motion:reduce){.do-inquiry__fields input:not([type=checkbox]):not([type=hidden]),.do-inquiry__fields textarea{transition:none}}

/* User request 08.11.2026: soft brand glow on homepage category interaction. */
.do-f1 .do-categories__card{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.do-f1 .do-f1__arrow{transition:background-color .22s ease,color .22s ease,transform .22s ease}
@media(hover:hover) and (pointer:fine){
 .do-f1 .do-categories__card:hover{background-color:#f5f5f5;transform:translateY(-3px);box-shadow:0 6px 20px #00000012}
 .do-f1 .do-categories__card:hover .do-f1__arrow{background-color:#ba0f26;color:#fff;transform:translate(2px,-2px)}
}
.do-f1 .do-categories__card:focus-visible{background-color:#f5f5f5;box-shadow:0 0 0 2px #ba0f26;outline:none}
.do-f1 .do-categories__card:focus-visible .do-f1__arrow{background-color:#ba0f26;color:#fff}
@media(prefers-reduced-motion:reduce){
 .do-f1 .do-categories__card,.do-f1 .do-f1__arrow{transition:none}
 .do-f1 .do-categories__card:hover,.do-f1 .do-categories__card:hover .do-f1__arrow{transform:none}
}

/* Two main offers, manual horizontal navigation; side offers rotate every 5 seconds. */
.do-home-hero__slider--main .do-home-hero__slider-track{touch-action:pan-y}
.do-home-hero__slider-auto{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#2c2b2a;font:600 15px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:900px){
 .do-home-hero__slider--main{height:calc(clamp(500px,140vw,600px) + 56px);padding-bottom:56px}
 .do-home-hero__slider-auto{width:44px;height:44px;border:1px solid #ddd;background:white}
}

/* Home about CTA: centre the white arrow in the 44px leading circle. */
.do-about__cta-arrow{left:22px;top:50%;width:14px;height:14px;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center}

/* End */


/* Start:/local/dentoptics/home-20261001/assets/home-bitrix.css?1794185288516*/
body.do-product-page{margin:0;min-width:320px;color:#2c2b2a;background:#f5f5f5;font-family:Montserrat,Arial,sans-serif}
.do-home-page{display:block;width:100%;padding:0;margin:0}
.do-home-honeypot{display:none!important}
.do-inquiry__submit{cursor:pointer}
.do-inquiry__fields>input[type=hidden]{display:none}
.do-offers__cta[href]{cursor:pointer;text-decoration:none}
.do-partners__item[href]{text-decoration:none;color:inherit}
.do-partners__item[href]:focus-visible{outline:2px solid #ba0f26;outline-offset:-3px}

/* End */


/* Start:/local/dentoptics/home-20261001/assets/home-banners-20261108.css?17941852887532*/
/* HOME-BANNERS 08.11.2026. Scoped additions; original carousel geometry retained. */
.do-banner{background:#f5f5f5;color:#2c2b2a;border-radius:24px;container-type:inline-size}
.do-banner--dark{background:#171615;color:#fff}
.do-banner--large{aspect-ratio:805.33/884.47;-webkit-mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat;mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat}
.do-banner__heading{position:absolute;z-index:2;top:5%;left:5%;right:9%}
.do-banner__brand{margin:0;font-size:13px;font-size:1.65cqw;font-weight:700;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
.do-banner__badge{display:inline-block;margin-top:12px;padding:6px 13px;border:1px solid currentColor;border-radius:30px;font-size:12px;font-size:1.5cqw;font-weight:600;line-height:1.2}
.do-banner__title{margin:20px 0 12px;font-size:40px;font-size:5cqw;line-height:1.13;font-weight:700;letter-spacing:-.025em;color:#ba0f26}
.do-banner--dark .do-banner__title{color:#fff}
.do-banner__copy{max-width:95%;margin:0;font-size:19px;font-size:2.4cqw;font-weight:500;line-height:1.4}
.do-banner__copy:empty{display:none}
.do-banner__extra{margin:12px 0 0;font-size:17px;font-size:2.2cqw;line-height:1.4;font-weight:600}
.do-banner__value{margin:16px 0 0;font-size:46px;font-size:5.7cqw;line-height:1.1;font-weight:700;color:#ba0f26}
.do-banner--dark .do-banner__value{color:#fff}
.do-banner__art{position:absolute;left:4%;right:4%;top:37%;bottom:13%;pointer-events:none}
.do-banner__art>img{display:block;width:100%;height:100%;object-fit:contain}
.do-banner--scene .do-banner__art{left:0;right:0;top:31%;bottom:10%}
.do-banner--scene .do-banner__art>img{object-fit:cover;object-position:center 52%}
.do-banner--roland .do-banner__art{top:39%}
.do-banner--roland .do-banner__art>img{object-position:center 70%}
.do-banner--scene .do-banner__heading{right:10%}
.do-banner--tradein .do-banner__art{top:39%}
.do-banner--adapter .do-banner__art{right:2%;left:15%;top:35%;bottom:14%}
.do-banner__art>.do-banner__gift{position:absolute;left:-12%;bottom:0;width:35%;height:auto;object-fit:contain}
.do-banner__footer{position:absolute;z-index:2;left:5%;right:5%;bottom:7%;display:flex;align-items:center;gap:18px}
.do-banner__cta{display:inline-flex;min-height:44px;align-items:center;justify-content:space-between;gap:30px;padding:12px 22px;border-radius:40px;background:#ba0f26;color:#fff;font-size:14px;font-size:1.8cqw;font-weight:700;line-height:1.2}
.do-banner__cta>span{font-size:22px;font-weight:400}
.do-banner__note{max-width:46%;font-size:12px;font-size:1.5cqw;line-height:1.4}
.do-banner--small .do-banner__heading{top:6%;left:6%;right:14%}
.do-banner--small .do-banner__brand{font-size:11px;font-size:2.8cqw}
.do-banner--small .do-banner__badge{position:absolute;right:0;top:-4px;margin:0;font-size:10px;font-size:2.6cqw;padding:5px 9px}
.do-banner--small .do-banner__title{margin:20px 0 10px;font-size:25px;font-size:6.3cqw;line-height:1.15}
.do-banner--small .do-banner__copy{font-size:12px;font-size:3cqw;line-height:1.35}
.do-banner--small .do-banner__art{left:41%;right:14%;top:37%;bottom:13%}
.do-banner--ivoclar .do-banner__art{left:30%;right:14%;top:35%;bottom:14%}
.do-banner--small .do-banner__footer{left:6%;right:14%;bottom:5%;display:block}
.do-banner--small .do-banner__cta{min-height:38px;padding:10px 15px;font-size:11px;font-size:2.8cqw;gap:18px}
.do-banner--small .do-banner__note{display:block;max-width:none;margin-top:6px;font-size:10px;font-size:2.6cqw}
.do-banner--small .do-banner__value{margin-top:26px;font-size:22px;font-size:5.6cqw;max-width:50%}
.do-banner__value del{display:block;margin-bottom:8px;font-size:.64em;font-weight:500;color:#696969}
.do-banner__value strong{font-weight:700;white-space:nowrap}
.do-home-hero__slider--main .do-home-hero__slider-nav{gap:10px}
/* Keep the previously approved carousel controls in standalone local previews too. */
.do-home-hero__slider--main .do-home-hero__slider-track{touch-action:pan-y}
.do-home-hero__slider-auto{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#2c2b2a;font:600 15px/1 Arial,sans-serif;cursor:pointer}
@media(min-width:901px){
 .do-home-hero__slider--main .do-home-hero__slider-nav{bottom:12px}
 .do-home-hero__slider--main .do-home-hero__slider-dots{gap:9px}
 .do-home-hero__slider--main .do-home-hero__slider-dot{background:#bdbdbd}
 .do-home-hero__slider--main .do-home-hero__slider-dot[aria-selected=true]{background:#ba0f26}
 .do-home-hero__main-arrow{left:58.8%;width:6.497%;height:auto;aspect-ratio:1}
 .do-home-hero__main-arrow-circle{width:100%;height:100%}
 .do-home-hero__main-arrow-icon{left:37.16%;top:37.16%;width:25.67%;height:25.67%}
 .do-banner--large .do-banner__brand{font-size:clamp(11px,1.65cqw,14px)}
 .do-banner--large .do-banner__badge{font-size:clamp(10px,1.5cqw,12px)}
 .do-banner--large .do-banner__cta{font-size:clamp(12px,1.8cqw,14px)}
 .do-banner--large .do-banner__note{font-size:clamp(10px,1.5cqw,12px)}
}
@media(min-width:901px) and (max-width:1100px){
 .do-banner--small .do-banner__brand,.do-banner--small .do-banner__badge{font-size:9px}
 .do-banner--small .do-banner__title{font-size:20px;margin-top:16px}
 .do-banner--small .do-banner__copy{font-size:10px}
 .do-banner--small .do-banner__art{top:43%;bottom:18%}
 .do-banner--small .do-banner__cta{font-size:10px;min-height:32px;padding:8px 12px}
 .do-banner--small .do-banner__note{font-size:9px}
 .do-banner--small .do-banner__value{font-size:20px;margin-top:18px}
}
@media(max-width:900px){
 .do-home-hero__slider--main{height:calc(clamp(500px,140vw,600px) + 56px);padding-bottom:56px}
 .do-home-hero__slider-auto{width:44px;height:44px;border:1px solid #ddd;background:white}
 .do-banner__heading{top:22px;left:20px;right:20px}
 .do-banner__brand{font-size:11px}
 .do-banner__badge{margin-top:10px;padding:5px 10px;font-size:10px}
 .do-banner__title{margin:15px 0 10px;font-size:clamp(25px,6.7cqw,34px);line-height:1.15}
 .do-banner__copy{font-size:14px;line-height:1.4}
 .do-banner__extra{margin-top:8px;font-size:12px}
 .do-banner__value{margin-top:14px;font-size:32px}
 .do-banner__art{top:43%;bottom:15%}
 .do-banner--scene .do-banner__art{top:37%;bottom:12%}
 .do-banner--roland .do-banner__art{top:46%}
 .do-banner--tradein .do-banner__art{top:46%}
 .do-banner--adapter .do-banner__art{top:41%;bottom:17%}
 .do-banner__footer{left:20px;right:20px;bottom:18px;gap:12px}
 .do-banner__cta{font-size:12px;gap:16px;padding:10px 15px}
 .do-banner__note{font-size:10px;max-width:46%}
 .do-banner--small .do-banner__heading{top:24px;left:24px;right:24px}
 .do-banner--small .do-banner__brand{font-size:11px}
 .do-banner--small .do-banner__badge{font-size:10px}
 .do-banner--small .do-banner__title{font-size:27px;max-width:95%;margin-top:20px}
 .do-banner--small .do-banner__copy{font-size:13px}
 .do-banner--small .do-banner__art{top:39%;bottom:16%;right:7%;left:45%}
 .do-banner--ivoclar .do-banner__art{top:36%;bottom:17%;right:7%;left:25%}
 .do-banner--small .do-banner__footer{left:24px;right:24px;bottom:22px}
 .do-banner--small .do-banner__cta{font-size:12px;min-height:44px}
 .do-banner--small .do-banner__note{font-size:10px}
 .do-banner--small .do-banner__value{font-size:25px;margin-top:28px}
 .do-home-hero__slider--main .do-home-hero__slider-dot{width:22px}
 .do-home-hero__slider--main .do-home-hero__slider-nav{gap:5px}
}
@media(max-width:380px){.do-banner--euro .do-banner__art{top:48%}.do-banner--ivoclar .do-banner__art{top:40%}}

/* End */


/* Start:/local/dentoptics/home-20261001/assets/illuco-r4-20261108.css?17941852882634*/
/* Selected ILLUCO R2-04. Isolated from other homepage slides. */
@font-face{font-family:IllucoBannerMontserrat;src:url("/upload/dentoptics/perf-20261106/fonts/montserrat-400-0f4a15e29a95.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:IllucoBannerMontserrat;src:url("/upload/dentoptics/perf-20261106/fonts/montserrat-600-f42d4f39c2a0.woff2") format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:IllucoBannerMontserrat;src:url("/upload/dentoptics/perf-20261106/fonts/montserrat-800-ce7455af2daa.woff2") format('woff2');font-weight:800;font-display:swap}
.do-home-hero .do-home-hero__card.do-illuco-r4{position:relative;display:block;height:100%;min-height:0;overflow:hidden;container-type:size;background:#f3f3f1;color:#111;border-radius:24px;mask:none;-webkit-mask:none;text-decoration:none;font-family:IllucoBannerMontserrat,Montserrat,sans-serif}
.do-illuco-r4__canvas{--u:min(1cqw,.90909cqh);position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100 * var(--u));height:calc(110 * var(--u));isolation:isolate}
.do-illuco-r4 .do-illuco-r4__o{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.do-illuco-r4 .do-illuco-r4__brand{position:absolute;margin:0;left:6.333333%;top:5.681818%;font-size:calc(2.5 * var(--u));font-weight:600;line-height:1.2;letter-spacing:calc(.5 * var(--u));z-index:2}
.do-illuco-r4 .do-illuco-r4__title{position:absolute;margin:0;left:6%;top:11.363636%;font-size:calc(6.666667 * var(--u));font-weight:800;line-height:1.06;letter-spacing:calc(-.316667 * var(--u));color:#111;z-index:2}
.do-illuco-r4__title>span{color:#ba0f26}
.do-illuco-r4 .do-illuco-r4__copy{position:absolute;margin:0;left:6.333333%;top:28.409091%;font-size:calc(3.166667 * var(--u));font-weight:400;line-height:1.3;letter-spacing:calc(-.058333 * var(--u));z-index:2}
.do-illuco-r4 .do-illuco-r4__product{position:absolute;left:1.25%;top:26.893939%;width:97.5%;height:auto;max-width:none;pointer-events:none;z-index:1}
.do-illuco-r4 .do-illuco-r4__cta{position:absolute;left:6.333333%;top:42.424242%;width:77.5%;height:8.030303%;display:flex;align-items:center;justify-content:space-between;padding:0 3.166667% 0 3.5%;border:calc(.25 * var(--u)) solid #111;border-radius:calc(5 * var(--u));font-size:calc(3.666667 * var(--u));font-weight:600;line-height:1.2;letter-spacing:calc(-.1 * var(--u));white-space:nowrap;z-index:3}
.do-illuco-r4__cta>img{width:calc(3.5 * var(--u));height:calc(3.5 * var(--u));flex:none}
@media(max-width:900px){.do-home-hero .do-home-hero__card.do-illuco-r4{border-radius:20px}}

/* End */


/* Start:/local/dentoptics/home-20261001/assets/home-banners-r4-20261108.css?179418528836369*/
@font-face{font-family:HomeBannerMontserrat;src:url("/upload/dentoptics/perf-20261106/fonts/montserrat-400-0f4a15e29a95.woff2") format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:HomeBannerMontserrat;src:url("/upload/dentoptics/perf-20261106/fonts/montserrat-500-8a81ca6f05cb.woff2") format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:HomeBannerMontserrat;src:url("/upload/dentoptics/perf-20261106/fonts/montserrat-600-f42d4f39c2a0.woff2") format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:HomeBannerMontserrat;src:url("/upload/dentoptics/perf-20261106/fonts/montserrat-700-c31c3a0230ef.woff2") format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:HomeBannerMontserrat;src:url("/upload/dentoptics/perf-20261106/fonts/montserrat-900-8781159736e6.woff2") format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:HomeBannerMontserrat;src:url("/local/templates/dentoptics_redesign/assets/montserrat-900-italic-cyrillic.woff2") format('woff2');font-weight:900;font-style:italic;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:HomeBannerMontserrat;src:url("/local/templates/dentoptics_redesign/assets/montserrat-900-italic-latin.woff2") format('woff2');font-weight:900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Approved Figma R2/R3 banners + original Sirona caption style. Scoped to six cards. */
.do-home-hero .do-home-hero__card.do-hb4{position:relative;display:block;height:100%;min-height:0;overflow:hidden;container-type:size;background:#fff;color:#171615;border-radius:24px;text-decoration:none;font-family:HomeBannerMontserrat,Montserrat,sans-serif;isolation:isolate}
.do-home-hero .do-hb4:not(.do-hb4--small){mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat;-webkit-mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat}
.do-home-hero .do-hb4--adapter{background:#090909}
.do-hb4 *{box-sizing:border-box}
.do-hb4 p{margin:0}
.do-hb4__layout{--hb4-unit:min(calc(100cqw / var(--hb4-width)),calc(100cqh / var(--hb4-height)));position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(var(--hb4-width) * var(--hb4-unit));height:calc(var(--hb4-height) * var(--hb4-unit));font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-size:calc(14 * var(--hb4-unit))}
.do-hb4__layout--mobile{display:none}
.do-hb4:focus-visible{outline:3px solid #ba0f26;outline-offset:4px}
@media(max-width:900px){.do-hb4__layout--desktop{display:none}.do-hb4__layout--mobile{display:block}.do-home-hero .do-hb4:not(.do-hb4--small){mask:none;-webkit-mask:none;border-radius:20px}}

.do-hb4 .do-hb4-n1{background:white;overflow:hidden;position:relative;border-radius:calc(16 * var(--hb4-unit));width:100%;height:100%}
.do-hb4 .do-hb4-n2{position:absolute;height:calc(975.499 * var(--hb4-unit));left:0;top:calc(-54 * var(--hb4-unit));width:calc(805 * var(--hb4-unit))}
.do-hb4 .do-hb4-n3{position:absolute;inset:0;max-width:none;object-fit:contain;pointer-events:none;width:100%;height:100%}
.do-hb4 .do-hb4-n4{position:absolute;height:calc(350 * var(--hb4-unit));left:0;top:0;width:calc(805 * var(--hb4-unit));background:linear-gradient(to bottom,white,rgba(255,255,255,0))}
.do-hb4 .do-hb4-n5{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(10 * var(--hb4-unit));align-items:flex-start;left:calc(48 * var(--hb4-unit));overflow:hidden;top:calc(42 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n6{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:1.15;position:relative;flex-shrink:0;color:#d60128;font-size:calc(48 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n7{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;font-style:italic;line-height:0;position:relative;flex-shrink:0;color:#171615;font-size:calc(34 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n8{line-height:1.15;margin-bottom:0}
.do-hb4 .do-hb4-n9{line-height:1.15}
.do-hb4 .do-hb4-n10{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.15;position:relative;flex-shrink:0;color:#525252;font-size:calc(18 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n11{position:absolute;left:calc(48 * var(--hb4-unit));width:calc(76 * var(--hb4-unit));height:calc(76 * var(--hb4-unit));top:calc(340 * var(--hb4-unit))}
.do-hb4 .do-hb4-n12{position:absolute;border-width:calc(1 * var(--hb4-unit));border-color:#5b5b5b;border-style:solid;align-content:stretch;display:flex;gap:calc(8 * var(--hb4-unit));height:calc(52 * var(--hb4-unit));align-items:center;justify-content:center;left:calc(48 * var(--hb4-unit));padding-left:calc(24 * var(--hb4-unit));padding-right:calc(24 * var(--hb4-unit));padding-top:calc(0 * var(--hb4-unit));padding-bottom:calc(0 * var(--hb4-unit));border-radius:calc(12 * var(--hb4-unit));top:calc(784 * var(--hb4-unit));width:calc(220 * var(--hb4-unit))}
.do-hb4 .do-hb4-n13{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:calc(20 * var(--hb4-unit));position:relative;flex-shrink:0;color:#171615;font-size:calc(14 * var(--hb4-unit));white-space:nowrap}
.do-hb4 .do-hb4-n14{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.15;left:calc(292 * var(--hb4-unit));color:#525252;font-size:calc(14 * var(--hb4-unit));top:calc(799 * var(--hb4-unit));width:calc(420 * var(--hb4-unit))}
.do-hb4 .do-hb4-n15{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(132 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(660 * var(--hb4-unit));width:calc(145 * var(--hb4-unit))}
.do-hb4 .do-hb4-n16{position:relative;flex-shrink:0;width:calc(6 * var(--hb4-unit));height:calc(6 * var(--hb4-unit))}
.do-hb4 .do-hb4-n17{position:absolute;display:block;inset:0;max-width:none;width:100%;height:100%}
.do-hb4 .do-hb4-n18{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:normal;position:relative;flex-shrink:0;font-size:calc(10 * var(--hb4-unit));color:white;white-space:nowrap}
.do-hb4 .do-hb4-n19{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(350 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(720 * var(--hb4-unit));width:calc(146 * var(--hb4-unit))}
.do-hb4 .do-hb4-n20{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(625 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(680 * var(--hb4-unit));width:calc(145 * var(--hb4-unit))}
.do-hb4 .do-hb4-n21{position:absolute;height:calc(443.519 * var(--hb4-unit));left:0;top:calc(90 * var(--hb4-unit));width:calc(366 * var(--hb4-unit))}
.do-hb4 .do-hb4-n22{position:absolute;height:calc(80 * var(--hb4-unit));left:0;top:calc(89 * var(--hb4-unit));width:calc(366 * var(--hb4-unit));background:linear-gradient(to bottom,white,rgba(255,255,255,0))}
.do-hb4 .do-hb4-n23{position:absolute;height:calc(34 * var(--hb4-unit));left:0;top:calc(500 * var(--hb4-unit));width:calc(366 * var(--hb4-unit));background:linear-gradient(to bottom,rgba(255,255,255,0),white)}
.do-hb4 .do-hb4-n24{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(6 * var(--hb4-unit));align-items:flex-start;left:calc(24 * var(--hb4-unit));overflow:hidden;top:calc(24 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n25{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:0;position:relative;flex-shrink:0;color:#d60128;font-size:calc(30 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n26{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;font-style:italic;line-height:0;position:relative;flex-shrink:0;color:#171615;font-size:calc(20 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n27{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.15;position:relative;flex-shrink:0;color:#525252;font-size:calc(12 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n28{position:absolute;left:calc(24 * var(--hb4-unit));width:calc(44 * var(--hb4-unit));height:calc(44 * var(--hb4-unit));top:calc(208 * var(--hb4-unit))}
.do-hb4 .do-hb4-n29{position:absolute;border-width:calc(1 * var(--hb4-unit));border-color:#5b5b5b;border-style:solid;align-content:stretch;display:flex;gap:calc(8 * var(--hb4-unit));height:calc(44 * var(--hb4-unit));align-items:center;justify-content:center;left:calc(24 * var(--hb4-unit));padding-left:calc(24 * var(--hb4-unit));padding-right:calc(24 * var(--hb4-unit));padding-top:calc(0 * var(--hb4-unit));padding-bottom:calc(0 * var(--hb4-unit));border-radius:calc(12 * var(--hb4-unit));top:calc(474 * var(--hb4-unit));width:calc(150 * var(--hb4-unit))}
.do-hb4 .do-hb4-n30{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.15;left:calc(24 * var(--hb4-unit));color:#525252;font-size:calc(10 * var(--hb4-unit));top:calc(529 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n31{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(30 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(418 * var(--hb4-unit));width:calc(81 * var(--hb4-unit))}
.do-hb4 .do-hb4-n32{position:relative;flex-shrink:0;width:calc(4 * var(--hb4-unit));height:calc(4 * var(--hb4-unit))}
.do-hb4 .do-hb4-n33{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:normal;position:relative;flex-shrink:0;font-size:calc(9 * var(--hb4-unit));color:white;white-space:nowrap}
.do-hb4 .do-hb4-n34{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(145 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(446 * var(--hb4-unit));width:calc(84 * var(--hb4-unit))}
.do-hb4 .do-hb4-n35{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(269 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(423 * var(--hb4-unit));width:calc(81 * var(--hb4-unit))}
.do-hb4 .do-hb4-n36{position:absolute;height:calc(975.499 * var(--hb4-unit));left:0;top:0;width:calc(805 * var(--hb4-unit))}
.do-hb4 .do-hb4-n37{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;font-weight:900;gap:calc(10 * var(--hb4-unit));align-items:flex-start;line-height:0;left:calc(48 * var(--hb4-unit));overflow:hidden;top:calc(42 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n38{font-family:HomeBannerMontserrat,Montserrat,sans-serif;position:relative;flex-shrink:0;color:#d60128;font-size:calc(48 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n39{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-style:italic;position:relative;flex-shrink:0;color:#171615;font-size:calc(34 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n40{position:absolute;left:calc(48 * var(--hb4-unit));width:calc(76 * var(--hb4-unit));height:calc(76 * var(--hb4-unit));top:calc(325 * var(--hb4-unit))}
.do-hb4 .do-hb4-n41{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(350 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(685 * var(--hb4-unit));width:calc(156 * var(--hb4-unit))}
.do-hb4 .do-hb4-n42{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(590 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(725 * var(--hb4-unit));width:calc(156 * var(--hb4-unit))}
.do-hb4 .do-hb4-n43{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;font-weight:900;gap:calc(6 * var(--hb4-unit));align-items:flex-start;line-height:0;left:calc(24 * var(--hb4-unit));overflow:hidden;top:calc(24 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n44{font-family:HomeBannerMontserrat,Montserrat,sans-serif;position:relative;flex-shrink:0;color:#d60128;font-size:calc(31 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n45{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-style:italic;position:relative;flex-shrink:0;color:#171615;font-size:calc(21 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n46{position:absolute;left:calc(24 * var(--hb4-unit));width:calc(44 * var(--hb4-unit));height:calc(44 * var(--hb4-unit));top:calc(213 * var(--hb4-unit))}
.do-hb4 .do-hb4-n47{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(154 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(405 * var(--hb4-unit));width:calc(93 * var(--hb4-unit))}
.do-hb4 .do-hb4-n48{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(258 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(430 * var(--hb4-unit));width:calc(93 * var(--hb4-unit))}
.do-hb4 .do-hb4-n49{position:absolute;height:calc(190 * var(--hb4-unit));left:0;top:0;width:calc(805 * var(--hb4-unit));background:linear-gradient(to bottom,white,rgba(255,255,255,0))}
.do-hb4 .do-hb4-n50{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;font-weight:900;gap:calc(10 * var(--hb4-unit));align-items:flex-start;line-height:1.15;left:calc(48 * var(--hb4-unit));overflow:hidden;top:calc(42 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n51{position:absolute;height:calc(105.323 * var(--hb4-unit));left:calc(640 * var(--hb4-unit));top:calc(208 * var(--hb4-unit));width:calc(105 * var(--hb4-unit))}
.do-hb4 .do-hb4-n52{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(45 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(717 * var(--hb4-unit));width:calc(140 * var(--hb4-unit))}
.do-hb4 .do-hb4-n53{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(307 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(590 * var(--hb4-unit));width:calc(132 * var(--hb4-unit))}
.do-hb4 .do-hb4-n54{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(610 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(625 * var(--hb4-unit));width:calc(150 * var(--hb4-unit))}
.do-hb4 .do-hb4-n55{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;font-weight:900;gap:calc(6 * var(--hb4-unit));align-items:flex-start;line-height:1.15;left:calc(24 * var(--hb4-unit));overflow:hidden;top:calc(24 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n56{font-family:HomeBannerMontserrat,Montserrat,sans-serif;position:relative;flex-shrink:0;color:#d60128;font-size:calc(30 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n57{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-style:italic;position:relative;flex-shrink:0;color:#171615;font-size:calc(23 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n58{position:absolute;height:calc(62.191 * var(--hb4-unit));left:calc(267 * var(--hb4-unit));top:calc(188 * var(--hb4-unit));width:calc(62 * var(--hb4-unit))}
.do-hb4 .do-hb4-n59{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(15 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(420 * var(--hb4-unit));width:calc(79 * var(--hb4-unit))}
.do-hb4 .do-hb4-n60{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(138 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(355 * var(--hb4-unit));width:calc(72 * var(--hb4-unit))}
.do-hb4 .do-hb4-n61{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(245 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(386 * var(--hb4-unit));width:calc(109 * var(--hb4-unit))}
.do-hb4 .do-hb4-n62{background:#090909;overflow:hidden;position:relative;border-radius:calc(16 * var(--hb4-unit));width:100%;height:100%}
.do-hb4 .do-hb4-n63{position:absolute;height:calc(737.019 * var(--hb4-unit));left:calc(450 * var(--hb4-unit));top:calc(-120 * var(--hb4-unit));width:calc(570 * var(--hb4-unit))}
.do-hb4 .do-hb4-n64{position:absolute;display:contents;left:calc(180 * var(--hb4-unit));top:calc(390 * var(--hb4-unit))}
.do-hb4 .do-hb4-n65{position:absolute;height:calc(580.085 * var(--hb4-unit));left:calc(180 * var(--hb4-unit));mask-mode:alpha;mask-composite:intersect;mask-clip:no-clip;mask-repeat:no-repeat;mask-size:calc(740 * var(--hb4-unit)) calc(580.085 * var(--hb4-unit));top:calc(390 * var(--hb4-unit));width:calc(740 * var(--hb4-unit))}
.do-hb4 .do-hb4-n66{position:absolute;height:calc(114.383 * var(--hb4-unit));left:calc(48 * var(--hb4-unit));top:calc(480 * var(--hb4-unit));width:calc(170 * var(--hb4-unit))}
.do-hb4 .do-hb4-n67{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(10 * var(--hb4-unit));align-items:flex-start;line-height:0;left:calc(48 * var(--hb4-unit));overflow:hidden;top:calc(42 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n68{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;position:relative;flex-shrink:0;font-size:calc(21 * var(--hb4-unit));color:white;width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n69{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;position:relative;flex-shrink:0;color:#d60128;font-size:calc(48 * var(--hb4-unit));width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n70{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;position:relative;flex-shrink:0;font-size:calc(40 * var(--hb4-unit));color:white;width:calc(709 * var(--hb4-unit))}
.do-hb4 .do-hb4-n71{position:absolute;border-width:calc(1 * var(--hb4-unit));border-style:solid;border-color:white;align-content:stretch;display:flex;gap:calc(8 * var(--hb4-unit));height:calc(52 * var(--hb4-unit));align-items:center;justify-content:center;left:calc(48 * var(--hb4-unit));padding-left:calc(24 * var(--hb4-unit));padding-right:calc(24 * var(--hb4-unit));padding-top:calc(0 * var(--hb4-unit));padding-bottom:calc(0 * var(--hb4-unit));border-radius:calc(12 * var(--hb4-unit));top:calc(784 * var(--hb4-unit));width:calc(220 * var(--hb4-unit))}
.do-hb4 .do-hb4-n72{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:calc(20 * var(--hb4-unit));position:relative;flex-shrink:0;font-size:calc(14 * var(--hb4-unit));color:white;white-space:nowrap}
.do-hb4 .do-hb4-n73{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.15;left:calc(292 * var(--hb4-unit));color:#d8d8d8;font-size:calc(14 * var(--hb4-unit));top:calc(799 * var(--hb4-unit));width:calc(420 * var(--hb4-unit))}
.do-hb4 .do-hb4-n74{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(48 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(610 * var(--hb4-unit));width:calc(160 * var(--hb4-unit))}
.do-hb4 .do-hb4-n75{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(11 * var(--hb4-unit));height:calc(29 * var(--hb4-unit));align-items:center;left:calc(470 * var(--hb4-unit));overflow:hidden;padding-left:calc(18 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(755 * var(--hb4-unit));width:calc(190 * var(--hb4-unit))}
.do-hb4 .do-hb4-n76{position:absolute;height:calc(310.324 * var(--hb4-unit));left:calc(200 * var(--hb4-unit));top:calc(-50 * var(--hb4-unit));width:calc(240 * var(--hb4-unit))}
.do-hb4 .do-hb4-n77{position:absolute;display:contents;left:calc(45 * var(--hb4-unit));top:calc(243 * var(--hb4-unit))}
.do-hb4 .do-hb4-n78{position:absolute;height:calc(278.284 * var(--hb4-unit));left:calc(45 * var(--hb4-unit));mask-mode:alpha;mask-composite:intersect;mask-clip:no-clip;mask-repeat:no-repeat;mask-size:calc(355 * var(--hb4-unit)) calc(278.284 * var(--hb4-unit));top:calc(243 * var(--hb4-unit));width:calc(355 * var(--hb4-unit))}
.do-hb4 .do-hb4-n79{position:absolute;height:calc(67.284 * var(--hb4-unit));left:calc(24 * var(--hb4-unit));top:calc(290 * var(--hb4-unit));width:calc(100 * var(--hb4-unit))}
.do-hb4 .do-hb4-n80{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(6 * var(--hb4-unit));align-items:flex-start;line-height:0;left:calc(24 * var(--hb4-unit));overflow:hidden;top:calc(24 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n81{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;position:relative;flex-shrink:0;font-size:calc(13 * var(--hb4-unit));color:white;width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n82{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;position:relative;flex-shrink:0;color:#d60128;font-size:calc(29 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n83{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;position:relative;flex-shrink:0;font-size:calc(25 * var(--hb4-unit));color:white;width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n84{position:absolute;border-width:calc(1 * var(--hb4-unit));border-style:solid;border-color:white;align-content:stretch;display:flex;gap:calc(8 * var(--hb4-unit));height:calc(44 * var(--hb4-unit));align-items:center;justify-content:center;left:calc(24 * var(--hb4-unit));padding-left:calc(24 * var(--hb4-unit));padding-right:calc(24 * var(--hb4-unit));padding-top:calc(0 * var(--hb4-unit));padding-bottom:calc(0 * var(--hb4-unit));border-radius:calc(12 * var(--hb4-unit));top:calc(474 * var(--hb4-unit));width:calc(150 * var(--hb4-unit))}
.do-hb4 .do-hb4-n85{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.15;left:calc(24 * var(--hb4-unit));color:#d8d8d8;font-size:calc(10 * var(--hb4-unit));top:calc(529 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n86{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(24 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(357 * var(--hb4-unit));width:calc(125 * var(--hb4-unit))}
.do-hb4 .do-hb4-n87{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(222 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));padding-right:calc(12 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(440 * var(--hb4-unit));width:calc(120 * var(--hb4-unit))}
.do-hb4 .do-hb4-n88{background:white;overflow:hidden;position:relative;border-radius:calc(16 * var(--hb4-unit));width:100%;height:100%}
.do-hb4 .do-hb4-n89{position:absolute;display:flex;height:calc(1237.249 * var(--hb4-unit));align-items:center;justify-content:center;left:0;top:calc(-92.38 * var(--hb4-unit));width:calc(1234.478 * var(--hb4-unit))}
.do-hb4 .do-hb4-n90{transform:rotate(-60deg);flex:none}
.do-hb4 .do-hb4-n91{height:calc(900.93 * var(--hb4-unit));position:relative;width:calc(908.5 * var(--hb4-unit))}
.do-hb4 .do-hb4-n92{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(10 * var(--hb4-unit));align-items:flex-start;line-height:1.18;left:calc(24 * var(--hb4-unit));overflow:hidden;top:calc(24 * var(--hb4-unit));width:calc(347 * var(--hb4-unit))}
.do-hb4 .do-hb4-n93{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;position:relative;flex-shrink:0;font-size:calc(12 * var(--hb4-unit));color:#2c2b2a;width:calc(347 * var(--hb4-unit))}
.do-hb4 .do-hb4-n94{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:700;position:relative;flex-shrink:0;font-size:calc(34 * var(--hb4-unit));color:#ba0f26;width:calc(347 * var(--hb4-unit))}
.do-hb4 .do-hb4-n95{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;position:relative;flex-shrink:0;font-size:calc(22 * var(--hb4-unit));color:#2c2b2a;width:calc(347 * var(--hb4-unit))}
.do-hb4 .do-hb4-n96{position:absolute;height:calc(190.158 * var(--hb4-unit));left:calc(157.48 * var(--hb4-unit));top:calc(155.84 * var(--hb4-unit));width:calc(205.768 * var(--hb4-unit))}
.do-hb4 .do-hb4-n97{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:0;left:calc(24 * var(--hb4-unit));font-size:calc(12 * var(--hb4-unit));color:#2c2b2a;top:calc(176 * var(--hb4-unit));width:calc(120 * var(--hb4-unit))}
.do-hb4 .do-hb4-n98{line-height:1.18;margin-bottom:0}
.do-hb4 .do-hb4-n99{line-height:1.18}
.do-hb4 .do-hb4-n100{position:absolute;background:#ba0f26;align-content:stretch;display:flex;gap:calc(8 * var(--hb4-unit));height:calc(48 * var(--hb4-unit));align-items:center;justify-content:center;left:calc(24 * var(--hb4-unit));padding-left:calc(24 * var(--hb4-unit));padding-right:calc(24 * var(--hb4-unit));padding-top:calc(0 * var(--hb4-unit));padding-bottom:calc(0 * var(--hb4-unit));border-radius:calc(8 * var(--hb4-unit));top:calc(362 * var(--hb4-unit));width:calc(154 * var(--hb4-unit))}
.do-hb4 .do-hb4-n101{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:calc(20 * var(--hb4-unit));position:relative;flex-shrink:0;font-size:calc(14 * var(--hb4-unit));color:white;white-space:nowrap}
.do-hb4 .do-hb4-n102{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(195 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(362 * var(--hb4-unit));width:calc(174 * var(--hb4-unit))}
.do-hb4 .do-hb4-n103{position:absolute;display:flex;height:calc(1146.413 * var(--hb4-unit));align-items:center;justify-content:center;left:0;top:calc(-84.02 * var(--hb4-unit));width:calc(1143.846 * var(--hb4-unit))}
.do-hb4 .do-hb4-n104{height:calc(834.786 * var(--hb4-unit));position:relative;width:calc(841.8 * var(--hb4-unit))}
.do-hb4 .do-hb4-n105{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(10 * var(--hb4-unit));align-items:flex-start;line-height:1.18;left:calc(24 * var(--hb4-unit));overflow:hidden;top:calc(24 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n106{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;position:relative;flex-shrink:0;font-size:calc(12 * var(--hb4-unit));color:#2c2b2a;width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n107{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:700;position:relative;flex-shrink:0;font-size:calc(34 * var(--hb4-unit));color:#ba0f26;width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n108{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;position:relative;flex-shrink:0;font-size:calc(22 * var(--hb4-unit));color:#2c2b2a;width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n109{position:absolute;height:calc(190.158 * var(--hb4-unit));left:calc(134.48 * var(--hb4-unit));top:calc(155.84 * var(--hb4-unit));width:calc(205.768 * var(--hb4-unit))}
.do-hb4 .do-hb4-n110{position:absolute;background:#ba0f26;align-content:stretch;display:flex;gap:calc(8 * var(--hb4-unit));height:calc(48 * var(--hb4-unit));align-items:center;justify-content:center;left:calc(24 * var(--hb4-unit));padding-left:calc(24 * var(--hb4-unit));padding-right:calc(24 * var(--hb4-unit));padding-top:calc(0 * var(--hb4-unit));padding-bottom:calc(0 * var(--hb4-unit));border-radius:calc(8 * var(--hb4-unit));top:calc(358 * var(--hb4-unit));width:calc(154 * var(--hb4-unit))}
.do-hb4 .do-hb4-n111{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(190 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(358 * var(--hb4-unit));width:calc(152 * var(--hb4-unit))}
.do-hb4 .do-hb4-n112{position:absolute;height:calc(900.93 * var(--hb4-unit));left:calc(197.5 * var(--hb4-unit));top:calc(-43.4 * var(--hb4-unit));width:calc(908.5 * var(--hb4-unit))}
.do-hb4 .do-hb4-n113{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(10 * var(--hb4-unit));align-items:flex-start;left:calc(24 * var(--hb4-unit));overflow:hidden;color:#2c2b2a;top:calc(24 * var(--hb4-unit));width:calc(347 * var(--hb4-unit))}
.do-hb4 .do-hb4-n114{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:1.18;position:relative;flex-shrink:0;font-size:calc(12 * var(--hb4-unit));width:calc(347 * var(--hb4-unit))}
.do-hb4 .do-hb4-n115{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:700;line-height:0;position:relative;flex-shrink:0;font-size:calc(28 * var(--hb4-unit));width:calc(347 * var(--hb4-unit))}
.do-hb4 .do-hb4-n116{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:500;line-height:0;left:calc(24 * var(--hb4-unit));font-size:calc(13 * var(--hb4-unit));color:#2c2b2a;top:calc(152 * var(--hb4-unit));width:calc(175 * var(--hb4-unit))}
.do-hb4 .do-hb4-n117{text-decoration-skip-ink:none;text-underline-position:from-font;word-break:break-word;position:absolute;text-decoration-thickness:from-font;text-decoration-style:solid;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.18;left:calc(24 * var(--hb4-unit));text-decoration:line-through;font-size:calc(16 * var(--hb4-unit));color:#2c2b2a;top:calc(211 * var(--hb4-unit));width:calc(160 * var(--hb4-unit))}
.do-hb4 .do-hb4-n118{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:700;line-height:1.18;left:calc(24 * var(--hb4-unit));font-size:calc(28 * var(--hb4-unit));color:#ba0f26;top:calc(237 * var(--hb4-unit));width:calc(175 * var(--hb4-unit))}
.do-hb4 .do-hb4-n119{position:absolute;height:calc(235.438 * var(--hb4-unit));left:calc(222.9 * var(--hb4-unit));top:calc(156.34 * var(--hb4-unit));width:calc(161.443 * var(--hb4-unit))}
.do-hb4 .do-hb4-n120{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(225 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(398 * var(--hb4-unit));width:calc(155 * var(--hb4-unit))}
.do-hb4 .do-hb4-n121{position:absolute;height:calc(979.966 * var(--hb4-unit));left:calc(219.6 * var(--hb4-unit));top:calc(-129 * var(--hb4-unit));width:calc(988.2 * var(--hb4-unit))}
.do-hb4 .do-hb4-n122{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(10 * var(--hb4-unit));align-items:flex-start;left:calc(24 * var(--hb4-unit));overflow:hidden;color:#2c2b2a;top:calc(24 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n123{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:1.18;position:relative;flex-shrink:0;font-size:calc(12 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n124{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:700;line-height:0;position:relative;flex-shrink:0;font-size:calc(28 * var(--hb4-unit));width:calc(318 * var(--hb4-unit))}
.do-hb4 .do-hb4-n125{position:absolute;height:calc(232.191 * var(--hb4-unit));left:calc(202 * var(--hb4-unit));top:calc(157.96 * var(--hb4-unit));width:calc(159.216 * var(--hb4-unit))}
.do-hb4 .do-hb4-n126{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;gap:calc(6 * var(--hb4-unit));height:calc(24 * var(--hb4-unit));align-items:center;left:calc(210 * var(--hb4-unit));overflow:hidden;padding-left:calc(10 * var(--hb4-unit));border-radius:calc(999 * var(--hb4-unit));top:calc(398 * var(--hb4-unit));width:calc(145 * var(--hb4-unit))}
/* End */


/* Start:/local/dentoptics/home-20261001/assets/home-microscopes-r5-20261108.css?17941852888398*/
/* Selected Figma A for autumn / B for Trade-in. Only two homepage cards. */
.do-home-hero .do-home-hero__card.do-hb5{position:relative;display:block;height:100%;min-height:0;overflow:hidden;container-type:size;color:#171615;border-radius:24px;text-decoration:none;font-family:HomeBannerMontserrat,Montserrat,sans-serif;isolation:isolate;mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat;-webkit-mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat}
.do-home-hero .do-hb5--euro{background:#f5f2ef}.do-home-hero .do-hb5--tradein{background:#121111}
.do-hb5 *{box-sizing:border-box}.do-hb5 p{margin:0}
.do-hb5__layout{--hb5-unit:min(calc(100cqw / var(--hb5-width)),calc(100cqh / var(--hb5-height)));position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(var(--hb5-width) * var(--hb5-unit));height:calc(var(--hb5-height) * var(--hb5-unit));font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-size:calc(14 * var(--hb5-unit))}
.do-hb5__layout--mobile{display:none}.do-hb5:focus-visible{outline:3px solid #ba0f26;outline-offset:4px}
@media(max-width:900px){.do-hb5__layout--desktop{display:none}.do-hb5__layout--mobile{display:block}.do-home-hero .do-home-hero__card.do-hb5{mask:none;-webkit-mask:none;border-radius:20px}}

.do-hb5 .do-hb5-n1{background:#f5f2ef;overflow:hidden;position:relative;border-radius:calc(16 * var(--hb5-unit));width:100%;height:100%}
.do-hb5 .do-hb5-n2{position:absolute;height:calc(885 * var(--hb5-unit));left:0;top:0;width:calc(805 * var(--hb5-unit))}
.do-hb5 .do-hb5-n3{position:absolute;inset:0;max-width:none;object-fit:contain;pointer-events:none;width:100%;height:100%}
.do-hb5 .do-hb5-n4{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(14 * var(--hb5-unit));align-items:flex-start;left:calc(48 * var(--hb5-unit));overflow:hidden;top:calc(48 * var(--hb5-unit));width:calc(510 * var(--hb5-unit))}
.do-hb5 .do-hb5-n5{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:0;position:relative;flex-shrink:0;color:#ba0f26;font-size:calc(44 * var(--hb5-unit));width:calc(510 * var(--hb5-unit))}
.do-hb5 .do-hb5-n6{line-height:1.16;margin-bottom:0}
.do-hb5 .do-hb5-n7{line-height:1.16}
.do-hb5 .do-hb5-n8{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:0;position:relative;flex-shrink:0;color:#171615;font-size:calc(27 * var(--hb5-unit));width:calc(510 * var(--hb5-unit))}
.do-hb5 .do-hb5-n9{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:1.16;position:relative;flex-shrink:0;color:#171615;font-size:calc(68 * var(--hb5-unit));width:calc(510 * var(--hb5-unit))}
.do-hb5 .do-hb5-n10{position:absolute;background:#ba0f26;align-content:stretch;display:flex;gap:calc(8 * var(--hb5-unit));height:calc(52 * var(--hb5-unit));align-items:center;justify-content:center;left:calc(48 * var(--hb5-unit));padding-left:calc(24 * var(--hb5-unit));padding-right:calc(24 * var(--hb5-unit));padding-top:calc(0 * var(--hb5-unit));padding-bottom:calc(0 * var(--hb5-unit));border-radius:calc(8 * var(--hb5-unit));top:calc(784 * var(--hb5-unit));width:calc(240 * var(--hb5-unit))}
.do-hb5 .do-hb5-n11{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:calc(20 * var(--hb5-unit));position:relative;flex-shrink:0;font-size:calc(14 * var(--hb5-unit));color:white;white-space:nowrap}
.do-hb5 .do-hb5-n12{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;left:calc(48 * var(--hb5-unit));color:#171615;font-size:calc(13 * var(--hb5-unit));top:calc(850 * var(--hb5-unit));width:calc(500 * var(--hb5-unit))}
.do-hb5 .do-hb5-n13{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;height:calc(29 * var(--hb5-unit));align-items:center;left:calc(440 * var(--hb5-unit));overflow:hidden;padding-left:calc(14 * var(--hb5-unit));border-radius:calc(999 * var(--hb5-unit));top:calc(726 * var(--hb5-unit));width:calc(260 * var(--hb5-unit))}
.do-hb5 .do-hb5-n14{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(11 * var(--hb5-unit));color:white;width:calc(230 * var(--hb5-unit));white-space:pre-wrap}
.do-hb5 .do-hb5-n15{position:absolute;height:calc(560 * var(--hb5-unit));left:calc(-128 * var(--hb5-unit));top:0;width:calc(509.3 * var(--hb5-unit))}
.do-hb5 .do-hb5-n16{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(8 * var(--hb5-unit));align-items:flex-start;left:calc(24 * var(--hb5-unit));overflow:hidden;top:calc(24 * var(--hb5-unit));width:calc(213 * var(--hb5-unit))}
.do-hb5 .do-hb5-n17{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:0;position:relative;flex-shrink:0;color:#ba0f26;font-size:calc(27 * var(--hb5-unit));width:calc(213 * var(--hb5-unit))}
.do-hb5 .do-hb5-n18{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:0;position:relative;flex-shrink:0;color:#171615;font-size:calc(18 * var(--hb5-unit));width:calc(213 * var(--hb5-unit))}
.do-hb5 .do-hb5-n19{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:1.16;position:relative;flex-shrink:0;color:#171615;font-size:calc(44 * var(--hb5-unit));width:calc(213 * var(--hb5-unit))}
.do-hb5 .do-hb5-n20{position:absolute;background:#ba0f26;align-content:stretch;display:flex;gap:calc(8 * var(--hb5-unit));height:calc(44 * var(--hb5-unit));align-items:center;justify-content:center;left:calc(24 * var(--hb5-unit));padding-left:calc(24 * var(--hb5-unit));padding-right:calc(24 * var(--hb5-unit));padding-top:calc(0 * var(--hb5-unit));padding-bottom:calc(0 * var(--hb5-unit));border-radius:calc(8 * var(--hb5-unit));top:calc(488 * var(--hb5-unit));width:calc(195 * var(--hb5-unit))}
.do-hb5 .do-hb5-n21{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;left:calc(24 * var(--hb5-unit));color:#171615;font-size:calc(10 * var(--hb5-unit));top:calc(540 * var(--hb5-unit));width:calc(280 * var(--hb5-unit))}
.do-hb5 .do-hb5-n22{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;height:calc(24 * var(--hb5-unit));align-items:center;left:calc(175 * var(--hb5-unit));overflow:hidden;padding-left:calc(14 * var(--hb5-unit));border-radius:calc(999 * var(--hb5-unit));top:calc(451 * var(--hb5-unit));width:calc(165 * var(--hb5-unit))}
.do-hb5 .do-hb5-n23{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(9 * var(--hb5-unit));color:white;width:calc(145 * var(--hb5-unit));white-space:pre-wrap}
.do-hb5 .do-hb5-n24{background:#121111;overflow:hidden;position:relative;border-radius:calc(16 * var(--hb5-unit));width:100%;height:100%}
.do-hb5 .do-hb5-n25{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:1.16;position:relative;flex-shrink:0;color:#ba0f26;font-size:calc(76 * var(--hb5-unit));width:calc(510 * var(--hb5-unit))}
.do-hb5 .do-hb5-n26{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:700;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(38 * var(--hb5-unit));color:white;width:calc(510 * var(--hb5-unit))}
.do-hb5 .do-hb5-n27{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:calc(21 * var(--hb5-unit));color:white;width:calc(510 * var(--hb5-unit))}
.do-hb5 .do-hb5-n28{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:1.16;position:relative;flex-shrink:0;color:#ba0f26;font-size:calc(42 * var(--hb5-unit));width:calc(213 * var(--hb5-unit))}
.do-hb5 .do-hb5-n29{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:700;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(24 * var(--hb5-unit));color:white;width:calc(213 * var(--hb5-unit))}
.do-hb5 .do-hb5-n30{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:calc(13 * var(--hb5-unit));color:white;width:calc(213 * var(--hb5-unit))}
/* End */


/* Start:/local/dentoptics/home-20261001/assets/home-tradein-r7-20261108.css?17941852886721*/
/* Selected R6 B1 Trade-in. Original product geometry; only one homepage card. */
.do-home-hero .do-home-hero__card.do-hb7{position:relative;display:block;height:100%;min-height:0;overflow:hidden;container-type:size;color:#171615;border-radius:24px;text-decoration:none;font-family:HomeBannerMontserrat,Montserrat,sans-serif;isolation:isolate;mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat;-webkit-mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat}
.do-home-hero .do-hb7--tradein{background:#0d0d0e}
.do-hb7 *{box-sizing:border-box}.do-hb7 p{margin:0}
.do-hb7__layout{--hb7-unit:min(calc(100cqw / var(--hb7-width)),calc(100cqh / var(--hb7-height)));position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(var(--hb7-width) * var(--hb7-unit));height:calc(var(--hb7-height) * var(--hb7-unit));font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-size:calc(14 * var(--hb7-unit))}
.do-hb7__layout--mobile{display:none}.do-hb7:focus-visible{outline:3px solid #ba0f26;outline-offset:4px}
@media(max-width:900px){.do-hb7__layout--desktop{display:none}.do-hb7__layout--mobile{display:block}.do-home-hero .do-home-hero__card.do-hb7{mask:none;-webkit-mask:none;border-radius:20px}}

.do-hb7 .do-hb7-n1{background:#0d0d0e;overflow:hidden;position:relative;border-radius:calc(16 * var(--hb7-unit));width:100%;height:100%}
.do-hb7 .do-hb7-n2{position:absolute;height:calc(884 * var(--hb7-unit));left:0;top:0;width:calc(805 * var(--hb7-unit))}
.do-hb7 .do-hb7-n3{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;width:100%;height:100%}
.do-hb7 .do-hb7-n4{position:absolute;height:calc(703.063 * var(--hb7-unit));left:calc(-35 * var(--hb7-unit));top:calc(-60 * var(--hb7-unit));width:calc(900 * var(--hb7-unit))}
.do-hb7 .do-hb7-n5{position:absolute;inset:0;max-width:none;object-fit:contain;pointer-events:none;width:100%;height:100%}
.do-hb7 .do-hb7-n6{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(10 * var(--hb7-unit));align-items:flex-start;left:calc(48 * var(--hb7-unit));overflow:hidden;top:calc(572 * var(--hb7-unit));width:calc(709 * var(--hb7-unit))}
.do-hb7 .do-hb7-n7{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:1.16;position:relative;flex-shrink:0;color:#ba0f26;font-size:calc(64 * var(--hb7-unit));width:calc(709 * var(--hb7-unit))}
.do-hb7 .do-hb7-n8{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:700;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(30 * var(--hb7-unit));color:white;width:calc(709 * var(--hb7-unit))}
.do-hb7 .do-hb7-n9{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:calc(18 * var(--hb7-unit));color:white;width:calc(709 * var(--hb7-unit))}
.do-hb7 .do-hb7-n10{line-height:1.16;margin-bottom:0}
.do-hb7 .do-hb7-n11{line-height:1.16}
.do-hb7 .do-hb7-n12{position:absolute;background:#ba0f26;align-content:stretch;display:flex;gap:calc(8 * var(--hb7-unit));height:calc(52 * var(--hb7-unit));align-items:center;justify-content:center;left:calc(48 * var(--hb7-unit));padding-left:calc(24 * var(--hb7-unit));padding-right:calc(24 * var(--hb7-unit));padding-top:calc(0 * var(--hb7-unit));padding-bottom:calc(0 * var(--hb7-unit));border-radius:calc(8 * var(--hb7-unit));top:calc(784 * var(--hb7-unit));width:calc(240 * var(--hb7-unit))}
.do-hb7 .do-hb7-n13{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:calc(20 * var(--hb7-unit));position:relative;flex-shrink:0;font-size:calc(14 * var(--hb7-unit));color:white;white-space:nowrap}
.do-hb7 .do-hb7-n14{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;height:calc(29 * var(--hb7-unit));align-items:center;left:calc(480 * var(--hb7-unit));overflow:hidden;padding-left:calc(14 * var(--hb7-unit));border-radius:calc(999 * var(--hb7-unit));top:calc(534 * var(--hb7-unit));width:calc(260 * var(--hb7-unit))}
.do-hb7 .do-hb7-n15{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(11 * var(--hb7-unit));color:white;width:calc(230 * var(--hb7-unit));white-space:pre-wrap}
.do-hb7 .do-hb7-n16{position:absolute;height:calc(560 * var(--hb7-unit));left:0;top:0;width:calc(366 * var(--hb7-unit))}
.do-hb7 .do-hb7-n17{position:absolute;height:calc(367.155 * var(--hb7-unit));left:calc(-42 * var(--hb7-unit));top:calc(-50 * var(--hb7-unit));width:calc(470 * var(--hb7-unit))}
.do-hb7 .do-hb7-n18{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(8 * var(--hb7-unit));align-items:flex-start;left:calc(24 * var(--hb7-unit));overflow:hidden;top:calc(300 * var(--hb7-unit));width:calc(318 * var(--hb7-unit))}
.do-hb7 .do-hb7-n19{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:1.16;position:relative;flex-shrink:0;color:#ba0f26;font-size:calc(42 * var(--hb7-unit));width:calc(318 * var(--hb7-unit))}
.do-hb7 .do-hb7-n20{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:700;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(23 * var(--hb7-unit));color:white;width:calc(318 * var(--hb7-unit))}
.do-hb7 .do-hb7-n21{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:0;position:relative;flex-shrink:0;font-size:calc(13 * var(--hb7-unit));color:white;width:calc(318 * var(--hb7-unit))}
.do-hb7 .do-hb7-n22{position:absolute;background:#ba0f26;align-content:stretch;display:flex;gap:calc(8 * var(--hb7-unit));height:calc(44 * var(--hb7-unit));align-items:center;justify-content:center;left:calc(24 * var(--hb7-unit));padding-left:calc(24 * var(--hb7-unit));padding-right:calc(24 * var(--hb7-unit));padding-top:calc(0 * var(--hb7-unit));padding-bottom:calc(0 * var(--hb7-unit));border-radius:calc(8 * var(--hb7-unit));top:calc(488 * var(--hb7-unit));width:calc(195 * var(--hb7-unit))}
.do-hb7 .do-hb7-n23{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;height:calc(24 * var(--hb7-unit));align-items:center;left:calc(175 * var(--hb7-unit));overflow:hidden;padding-left:calc(14 * var(--hb7-unit));border-radius:calc(999 * var(--hb7-unit));top:calc(270 * var(--hb7-unit));width:calc(165 * var(--hb7-unit))}
.do-hb7 .do-hb7-n24{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(9 * var(--hb7-unit));color:white;width:calc(145 * var(--hb7-unit));white-space:pre-wrap}
/* End */


/* Start:/local/dentoptics/home-20261001/assets/home-autumn-r8-20261108.css?17941852887324*/
/* Corrected autumn banner. Original product photograph and separate light background. */
.do-home-hero .do-home-hero__card.do-hb8{position:relative;display:block;height:100%;min-height:0;overflow:hidden;container-type:size;color:#171615;border-radius:24px;text-decoration:none;font-family:HomeBannerMontserrat,Montserrat,sans-serif;isolation:isolate;mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat;-webkit-mask:url('/local/dentoptics/home-20261001/assets/./home-hero/mask-main.svg') center/100% 100% no-repeat}
.do-home-hero .do-hb8--euro{background:#f5f2ef}
.do-hb8 *{box-sizing:border-box}.do-hb8 p{margin:0}
.do-hb8__layout{--hb8-unit:min(calc(100cqw / var(--hb8-width)),calc(100cqh / var(--hb8-height)));position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(var(--hb8-width) * var(--hb8-unit));height:calc(var(--hb8-height) * var(--hb8-unit));font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-size:calc(14 * var(--hb8-unit))}
.do-hb8__layout--mobile{display:none}.do-hb8:focus-visible{outline:3px solid #ba0f26;outline-offset:4px}
@media(max-width:900px){.do-hb8__layout--desktop{display:none}.do-hb8__layout--mobile{display:block}.do-home-hero .do-home-hero__card.do-hb8{mask:none;-webkit-mask:none;border-radius:20px}}

.do-hb8 .do-hb8-n1{background:#f5f2ef;overflow:hidden;position:relative;border-radius:calc(16 * var(--hb8-unit));width:100%;height:100%}
.do-hb8 .do-hb8-n2{position:absolute;height:calc(884 * var(--hb8-unit));left:0;top:0;width:calc(805 * var(--hb8-unit))}
.do-hb8 .do-hb8-n3{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;width:100%;height:100%}
.do-hb8 .do-hb8-n4{position:absolute;height:calc(578.074 * var(--hb8-unit));left:calc(20 * var(--hb8-unit));top:calc(-75 * var(--hb8-unit));width:calc(740 * var(--hb8-unit))}
.do-hb8 .do-hb8-n5{position:absolute;inset:0;max-width:none;object-fit:contain;pointer-events:none;width:100%;height:100%}
.do-hb8 .do-hb8-n6{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(12 * var(--hb8-unit));align-items:flex-start;left:calc(48 * var(--hb8-unit));overflow:hidden;top:calc(480 * var(--hb8-unit));width:calc(709 * var(--hb8-unit))}
.do-hb8 .do-hb8-n7{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:0;position:relative;flex-shrink:0;color:#ba0f26;font-size:calc(44 * var(--hb8-unit));width:calc(709 * var(--hb8-unit))}
.do-hb8 .do-hb8-n8{line-height:1.16;margin-bottom:0}
.do-hb8 .do-hb8-n9{line-height:1.16}
.do-hb8 .do-hb8-n10{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:0;position:relative;flex-shrink:0;color:#171615;font-size:calc(24 * var(--hb8-unit));width:calc(709 * var(--hb8-unit))}
.do-hb8 .do-hb8-n11{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:1.16;position:relative;flex-shrink:0;color:#171615;font-size:calc(60 * var(--hb8-unit));width:calc(709 * var(--hb8-unit))}
.do-hb8 .do-hb8-n12{position:absolute;background:#ba0f26;align-content:stretch;display:flex;gap:calc(8 * var(--hb8-unit));height:calc(52 * var(--hb8-unit));align-items:center;justify-content:center;left:calc(48 * var(--hb8-unit));padding-left:calc(24 * var(--hb8-unit));padding-right:calc(24 * var(--hb8-unit));padding-top:calc(0 * var(--hb8-unit));padding-bottom:calc(0 * var(--hb8-unit));border-radius:calc(8 * var(--hb8-unit));top:calc(784 * var(--hb8-unit));width:calc(240 * var(--hb8-unit))}
.do-hb8 .do-hb8-n13{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:calc(20 * var(--hb8-unit));position:relative;flex-shrink:0;font-size:calc(14 * var(--hb8-unit));color:white;white-space:nowrap}
.do-hb8 .do-hb8-n14{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;left:calc(48 * var(--hb8-unit));color:#171615;font-size:calc(13 * var(--hb8-unit));top:calc(850 * var(--hb8-unit));width:calc(500 * var(--hb8-unit))}
.do-hb8 .do-hb8-n15{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;height:calc(29 * var(--hb8-unit));align-items:center;left:calc(450 * var(--hb8-unit));overflow:hidden;padding-left:calc(14 * var(--hb8-unit));border-radius:calc(999 * var(--hb8-unit));top:calc(420 * var(--hb8-unit));width:calc(260 * var(--hb8-unit))}
.do-hb8 .do-hb8-n16{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(11 * var(--hb8-unit));color:white;width:calc(230 * var(--hb8-unit));white-space:pre-wrap}
.do-hb8 .do-hb8-n17{position:absolute;height:calc(560 * var(--hb8-unit));left:0;top:0;width:calc(366 * var(--hb8-unit))}
.do-hb8 .do-hb8-n18{position:absolute;height:calc(296.849 * var(--hb8-unit));left:calc(-7 * var(--hb8-unit));top:calc(-45 * var(--hb8-unit));width:calc(380 * var(--hb8-unit))}
.do-hb8 .do-hb8-n19{word-break:break-word;position:absolute;align-content:stretch;display:flex;flex-direction:column;gap:calc(8 * var(--hb8-unit));align-items:flex-start;left:calc(24 * var(--hb8-unit));overflow:hidden;top:calc(256 * var(--hb8-unit));width:calc(318 * var(--hb8-unit))}
.do-hb8 .do-hb8-n20{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:0;position:relative;flex-shrink:0;color:#ba0f26;font-size:calc(27 * var(--hb8-unit));width:calc(318 * var(--hb8-unit))}
.do-hb8 .do-hb8-n21{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:600;line-height:0;position:relative;flex-shrink:0;color:#171615;font-size:calc(16 * var(--hb8-unit));width:calc(318 * var(--hb8-unit))}
.do-hb8 .do-hb8-n22{font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:900;line-height:1.16;position:relative;flex-shrink:0;color:#171615;font-size:calc(44 * var(--hb8-unit));width:calc(318 * var(--hb8-unit))}
.do-hb8 .do-hb8-n23{position:absolute;background:#ba0f26;align-content:stretch;display:flex;gap:calc(8 * var(--hb8-unit));height:calc(44 * var(--hb8-unit));align-items:center;justify-content:center;left:calc(24 * var(--hb8-unit));padding-left:calc(24 * var(--hb8-unit));padding-right:calc(24 * var(--hb8-unit));padding-top:calc(0 * var(--hb8-unit));padding-bottom:calc(0 * var(--hb8-unit));border-radius:calc(8 * var(--hb8-unit));top:calc(488 * var(--hb8-unit));width:calc(195 * var(--hb8-unit))}
.do-hb8 .do-hb8-n24{word-break:break-word;position:absolute;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;left:calc(24 * var(--hb8-unit));color:#171615;font-size:calc(10 * var(--hb8-unit));top:calc(540 * var(--hb8-unit));width:calc(280 * var(--hb8-unit))}
.do-hb8 .do-hb8-n25{position:absolute;background:rgba(44,43,42,0.8);align-content:stretch;display:flex;height:calc(24 * var(--hb8-unit));align-items:center;left:calc(175 * var(--hb8-unit));overflow:hidden;padding-left:calc(14 * var(--hb8-unit));border-radius:calc(999 * var(--hb8-unit));top:calc(220 * var(--hb8-unit));width:calc(165 * var(--hb8-unit))}
.do-hb8 .do-hb8-n26{word-break:break-word;font-family:HomeBannerMontserrat,Montserrat,sans-serif;font-weight:400;line-height:1.16;position:relative;flex-shrink:0;font-size:calc(9 * var(--hb8-unit));color:white;width:calc(145 * var(--hb8-unit));white-space:pre-wrap}
/* End */


/* Start:/local/dentoptics/home-20261001/assets/home-ivoclar-r9-20261108.css?1794185288301*/
/* Figma R9 Ivoclar: palette only. Preserve existing product, O, layout and CTA. */
.do-home-hero .do-home-hero__card.do-hb4--ivoclar{background:#171615;color:#fff}
.do-home-hero .do-hb4--ivoclar .do-hb4__layout>div{background:#171615}
.do-home-hero .do-hb4--ivoclar .do-hb4__layout p{color:#fff}

/* End */


/* Start:/local/dentoptics/education-b3-20261109/education.css?17941871676629*/
.do-education{--edu-ink:#2c2b2a;--edu-red:#ba0f26;color:var(--edu-ink);background:#f5f5f5;padding:64px 0;font-family:Montserrat,Arial,sans-serif}.do-education *{box-sizing:border-box}.do-education button,.do-education a{-webkit-tap-highlight-color:transparent}.do-education button{font-family:inherit;cursor:pointer}.do-education button:disabled{cursor:default;opacity:.35}.do-education button:focus-visible,.do-education a:focus-visible,.do-education [tabindex]:focus-visible{outline:2px solid var(--edu-red);outline-offset:4px}.doedu-container{width:min(1216px,calc(100% - 48px));margin-inline:auto}.do-education .doedu-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0}.do-education .doedu-title{margin:0;font-family:inherit;font-weight:600;font-size:40px;line-height:1.18;letter-spacing:-.8px;white-space:nowrap;color:var(--edu-ink)}.do-education .doedu-schedule{display:inline-flex;min-height:48px;min-width:224px;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--edu-red);color:#fff;padding:12px 24px;font-size:14px;line-height:20px;font-weight:600;text-decoration:none;text-align:center}.do-education .doedu-schedule:hover{background:#a80d22}.do-education .doedu-lead{font-size:18px;line-height:28px;margin:32px 0;color:var(--edu-ink)}.doedu-stage{position:relative}.doedu-sticky{position:relative}.doedu-carousel{position:relative}.doedu-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}.doedu-viewport::-webkit-scrollbar{display:none}.doedu-viewport.is-dragging{cursor:grabbing;user-select:none}.doedu-track{display:flex;gap:24px;width:max-content;align-items:stretch}.do-education .doedu-card{width:var(--edu-card-width,389.333px);height:500px;flex:none;background:#fff;border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;margin:0}.doedu-card-heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.do-education .doedu-city{margin:0;font-family:inherit;font-size:22px;line-height:30px;letter-spacing:0;font-weight:600;color:var(--edu-ink)}.doedu-brand{display:block;width:208px;height:24px;max-width:100%;object-fit:contain;object-position:left center}.doedu-brand--dentoptics{width:178px}.do-education .doedu-cover{display:block;width:100%;height:224px;flex-shrink:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:#eee}.doedu-cover img{display:block;width:100%;height:100%;object-fit:cover}.doedu-thumbs{display:grid;grid-template-columns:repeat(var(--edu-count),minmax(0,1fr));width:100%;gap:8px}.do-education .doedu-thumb{display:block;width:100%;height:48px;min-width:0;padding:0;border:0;border-radius:8px;overflow:hidden;background:#eee}.doedu-thumb img{display:block;width:100%;height:100%;object-fit:cover}.do-education .doedu-address{min-height:44px;margin:0;color:#656565;font-size:14px;line-height:22px;overflow-wrap:anywhere}.do-education .doedu-nav{position:absolute;z-index:2;top:228px;display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:50%;padding:0;background:#fff;color:var(--edu-ink);box-shadow:0 2px 8px #00000008}.doedu-prev{left:-56px}.doedu-next{right:-56px}.doedu-nav img{width:16px;height:16px;display:block}.doedu-prev img{transform:rotate(180deg)}.doedu-outro{display:grid;grid-template-columns:800fr 384fr;gap:32px;margin-top:32px}.do-education .doedu-description,.do-education .doedu-conclusion{font-size:16px;line-height:26px;color:var(--edu-ink);margin:0}.do-education .doedu-conclusion{border-top:1px solid #e0e0e0;padding-top:16px;font-weight:600;font-size:18px;line-height:26px}.do-education .doedu-dialog{padding:24px;border:0;border-radius:16px;width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);color:var(--edu-ink);background:#f5f5f5;font-family:inherit}.doedu-dialog::backdrop{background:#171615c9}.doedu-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.doedu-dialog-header>div{min-width:0}.doedu-dialog-brand{display:block;max-width:100%;width:208px;height:24px;object-fit:contain;object-position:left center;margin-bottom:12px}.do-education .doedu-dialog-title{font:600 24px/32px Montserrat,Arial,sans-serif;margin:0 0 8px;color:var(--edu-ink)}.do-education .doedu-dialog-address{font-size:14px;line-height:22px;margin:0;color:#656565}.doedu-dialog-image-wrap{height:min(54dvh,600px);background:#eaeaea;border-radius:12px;overflow:hidden;display:flex;justify-content:center}.doedu-dialog-image{display:block;width:100%;height:100%;object-fit:contain}.doedu-dialog-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block:12px}.do-education .doedu-dialog-navigation button,.do-education .doedu-close{background:#fff;color:var(--edu-ink);border:0;border-radius:8px;padding:12px 16px;min-height:44px;font-size:12px;font-weight:600}.doedu-close{flex-shrink:0}.doedu-photo-position{font-size:12px;white-space:nowrap}.doedu-dialog-thumbnails{display:flex;gap:8px;overflow:auto;padding:4px 4px 8px;scrollbar-width:thin}.do-education .doedu-dialog-thumbnails button{width:72px;height:48px;flex:none;border:2px solid transparent;padding:0;border-radius:6px;overflow:hidden;background:none}.doedu-dialog-thumbnails button[aria-current=true]{border-color:var(--edu-red)}.doedu-dialog-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1343px){.doedu-carousel{padding-top:56px}.do-education .doedu-nav{top:0}.doedu-prev{left:0}.doedu-next{right:0}}
@media(max-width:760px){.doedu-container{width:calc(100% - 32px)}.do-education{padding:40px 0}.do-education .doedu-header{gap:12px}.do-education .doedu-title{font-size:clamp(20px,6.15vw,30px);letter-spacing:-.4px}.do-education .doedu-schedule{min-width:0;width:clamp(100px,30vw,180px);min-height:44px;padding:10px 8px;font-size:clamp(10px,2.9vw,13px);line-height:1.35;flex-shrink:0}.do-education .doedu-lead{font-size:16px;line-height:26px}.doedu-track{gap:16px}.doedu-outro{grid-template-columns:1fr;gap:32px}.do-education .doedu-dialog{padding:16px}.do-education .doedu-dialog-title{font-size:20px;line-height:28px}.do-education .doedu-dialog-navigation button{font-size:11px;padding:10px 8px}.do-education .doedu-close{padding:10px}.doedu-dialog-image-wrap{height:42dvh}}
@media(prefers-reduced-motion:reduce){.do-education *{scroll-behavior:auto!important}}
.doedu-dialog-navigation img{display:block;width:16px;height:16px}.doedu-photo-prev img{transform:rotate(180deg)}

/* End */


/* Start:/local/dentoptics/education-calendar-20261109/calendar.css?17941871676171*/
.do-cal{--do-text:#2c2b2a;--do-text-secondary:#656565;--do-brand:#ba0f26;--do-surface:#fff;--do-surface-subtle:#f5f5f5;--do-surface-brand:#fff1f3;--do-radius-control:8px;--do-radius-panel:16px;--do-space-8:8px;--do-space-16:16px;--do-space-24:24px;--do-space-32:32px;padding:64px 0;color:var(--do-text);font-family:Montserrat,Arial,sans-serif}.do-cal *{box-sizing:border-box}.do-cal button,.do-cal a{font-family:inherit;-webkit-tap-highlight-color:transparent}.do-cal button{cursor:pointer}.do-cal button:disabled{cursor:default;color:#777}.do-cal a:focus-visible,.do-cal button:focus-visible{outline:2px solid var(--do-brand);outline-offset:3px}.do-cal-container{width:min(1216px,calc(100% - 48px));margin:auto;display:flex;flex-direction:column;gap:var(--do-space-32)}.do-cal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--do-space-16)}.do-cal .do-cal-title{margin:0;font-size:40px;line-height:48px;font-weight:600;white-space:nowrap}.do-cal-all{width:224px;flex-shrink:0;text-align:right;color:var(--do-brand);font-size:14px;line-height:20px;font-weight:600;text-decoration:none}.do-cal-all:hover{text-decoration:underline}.do-cal-venues{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;min-height:44px}.do-cal-venues::-webkit-scrollbar{display:none}.do-cal-venues button{width:132px;min-height:44px;flex:none;background:transparent;border:0;padding:8px;border-radius:var(--do-radius-control);font-size:14px;line-height:20px;font-weight:600;color:var(--do-text);white-space:nowrap}.do-cal-venues button[data-venue="121"],.do-cal-venues button[data-venue="11"]{width:208px}.do-cal-venues button[data-venue="61"]{width:176px}.do-cal-venues button[aria-pressed=true]{background:var(--do-text);color:#fff}.do-cal-layout{display:grid;grid-template-columns:432px minmax(0,1fr);gap:var(--do-space-24);align-items:start}.do-cal-calendar{background:var(--do-surface);padding:var(--do-space-24);border-radius:var(--do-radius-panel);display:flex;flex-direction:column;gap:var(--do-space-16)}.do-cal-month-nav{display:flex;gap:var(--do-space-8);align-items:center;justify-content:space-between}.do-cal-month-nav button{width:77px;height:44px;flex-shrink:0;border:0;border-radius:var(--do-radius-control);background:var(--do-surface-subtle);color:var(--do-text);font-size:14px;line-height:20px;font-weight:600}.do-cal .do-cal-month{min-width:0;flex:1;margin:0;font-size:14px;line-height:20px;font-weight:600;text-align:center}.do-cal-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;font-size:12px;line-height:18px;font-weight:600;text-align:center;color:var(--do-text-secondary)}.do-cal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:2px;row-gap:16px}.do-cal-days button,.do-cal-day-blank{height:44px;min-width:0;border:1px solid transparent;border-radius:var(--do-radius-control);background:transparent;font-size:14px;line-height:22px;color:var(--do-text);padding:0;position:relative}.do-cal-days button.has-courses{background:var(--do-surface-brand);color:var(--do-brand)}.do-cal-days button.is-today{border-color:var(--do-brand)}.do-cal-days button[aria-pressed=true]{background:var(--do-brand);color:#fff}.do-cal-days button.is-current-day:not(.has-courses){box-shadow:inset 0 0 0 1px var(--do-brand)}.do-cal-days button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--do-brand)}.do-cal-results{min-width:0;display:flex;flex-direction:column;gap:24px}.do-cal-course{display:flex;flex-direction:column;align-items:flex-start;gap:var(--do-space-24);padding:var(--do-space-32);border-radius:var(--do-radius-panel);background:var(--do-surface);min-width:0}.do-cal-course-date{margin:0;font-weight:600;font-size:12px;line-height:18px;color:var(--do-brand)}.do-cal .do-cal-course-title{margin:0;font-weight:600;font-size:32px;line-height:40px;overflow-wrap:anywhere}.do-cal-lecturer{display:flex;gap:16px;align-items:center;width:100%;min-height:80px}.do-cal-portrait{width:80px;height:80px;flex:none;overflow:hidden;border-radius:999px;position:relative;background:#fff}.do-cal-portrait img{display:block;width:100%;height:100%;object-fit:cover}.do-cal-portrait--review img{position:absolute;width:200%;height:auto;max-width:none;left:-50%;top:-70%}.do-cal-lecturer-label{font-size:12px;line-height:18px;font-weight:600;color:var(--do-text-secondary);margin:0 0 4px}.do-cal-lecturer-name{font-size:18px;line-height:26px;font-weight:600;margin:0;overflow-wrap:anywhere}.do-cal-meta{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:22px;width:100%}.do-cal-meta p{margin:0}.do-cal-address{color:var(--do-text-secondary)}.do-cal-program{display:flex;justify-content:center;align-items:center;min-height:48px;width:224px;border-radius:var(--do-radius-control);padding:12px 24px;color:#fff;background:var(--do-brand);text-decoration:none;font-weight:600;font-size:14px;line-height:20px}.do-cal-program:hover{background:#a80d22}.do-cal-empty{background:#fff;border-radius:16px;padding:32px;font-size:16px;line-height:26px}.do-cal-empty h3{font-size:22px;line-height:30px;margin:0 0 16px}.do-cal-empty p{margin:0}.do-cal-loading{padding:32px}
@media(max-width:1000px){.do-cal-layout{grid-template-columns:358px minmax(0,1fr)}.do-cal-calendar{padding:16px}.do-cal-course{padding:24px}.do-cal .do-cal-course-title{font-size:26px;line-height:34px}}
@media(max-width:760px){.do-cal{padding:40px 0}.do-cal-container{width:calc(100% - 32px)}.do-cal .do-cal-title{font-size:clamp(24px,7.69vw,30px);line-height:38px}.do-cal-all{width:clamp(88px,26.66vw,104px)}.do-cal-layout{grid-template-columns:minmax(0,1fr)}.do-cal-calendar{padding:16px}.do-cal-month-nav button{width:65px}.do-cal .do-cal-course-title{font-size:22px;line-height:30px}.do-cal-program{width:100%}.do-cal-course{padding:24px}.do-cal-lecturer>div:last-child{min-width:0}.do-cal-empty{padding:24px}}
@media(prefers-reduced-motion:reduce){.do-cal *{scroll-behavior:auto!important}}

.do-cal-status{margin:0;font-size:14px;line-height:22px;color:#656565}.do-cal-status[hidden]{display:none}.do-cal[aria-busy=true] .do-cal-results{opacity:.6}.do-cal-month-nav button:disabled{opacity:.45;cursor:default}

/* End */


/* Start:/local/dentoptics/clients-20261109/clients.css?17941871678710*/
/* CLIENTS-001: selected Figma B + existing CMS review pages. */
.do-clients{--client-secondary:var(--do-text-secondary,#656565);font-family:var(--do-font,Montserrat,Arial,sans-serif);color:var(--do-text,#2c2b2a);background:var(--do-surface,#fff)}
.do-clients,.do-clients *{box-sizing:border-box}
.do-clients h1,.do-clients h2,.do-clients h3,.do-clients p,.do-clients figure,.do-clients blockquote{margin:0}
.do-clients__inner{width:calc(100% - 48px);max-width:var(--do-page-width,1216px);margin-inline:auto}
.do-clients--home{padding-block:64px;scroll-margin-top:24px}
.do-clients__heading{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.do-clients__heading h2{font:600 40px/47px var(--do-font,Montserrat,Arial,sans-serif)}
.do-clients__heading p{max-width:760px;font-size:16px;line-height:26px;color:var(--client-secondary)}
.do-clients__layout{display:grid;grid-template-columns:minmax(0,704fr) minmax(0,488fr);gap:24px;align-items:stretch}
.do-clients__opinions{display:flex;flex-direction:column;gap:16px;min-width:0}
.do-clients__card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;border:1px solid var(--do-border,#e0e0e0);border-radius:var(--do-radius-card,24px);padding:20px;background:var(--do-surface,#fff)}
.do-clients__opinions .do-clients__card>:is(.do-clients__identity,.do-clients__quote){width:calc(100% - 22px)}
.do-clients__identity{display:flex;align-items:flex-start;gap:16px;width:100%;min-width:0}
.do-clients__portrait{display:block;width:56px;height:56px;flex:0 0 56px;object-fit:contain}
.do-clients__author{display:flex;flex-direction:column;gap:8px;min-width:0}
.do-clients__author h3{font-size:18px;line-height:26px;font-weight:600;overflow-wrap:anywhere}
.do-clients__author p{font-size:14px;line-height:22px;color:var(--client-secondary)}
.do-clients__quote{font-size:16px;line-height:26px;font-weight:400}
.do-clients a.do-clients__link{display:inline-flex;align-items:center;min-height:44px;color:var(--do-brand,#ba0f26);font-size:18px;line-height:26px;font-weight:600;text-decoration:none}
.do-clients a.do-clients__link:hover{text-decoration:underline;text-underline-offset:4px}
.do-clients :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--do-brand,#ba0f26);outline-offset:3px}
.do-clients__card--feature{justify-content:space-between;gap:24px;padding:31px;background:var(--do-surface-subtle,#f5f5f5)}
.do-clients__card--feature .do-clients__portrait{width:160px;height:160px;flex-basis:160px}
.do-clients__card--feature h3{font-size:22px;line-height:30px}
.do-clients__card--feature .do-clients__quote{font-size:30px;line-height:35px;font-weight:600}
.do-clients__summary{font-size:16px;line-height:26px;color:var(--client-secondary)}
.do-client-story{padding-block:32px 64px}
.do-client-story>.do-clients__inner{display:flex;flex-direction:column;gap:48px}
.do-client-story__crumbs{display:flex;flex-wrap:wrap;gap:0 4px;font-size:14px;line-height:22px;color:var(--client-secondary)}
.do-client-story__crumbs a{color:inherit;text-decoration:none}
.do-client-story__crumbs a:hover{text-decoration:underline}
.do-client-story__hero{display:grid;grid-template-columns:256px minmax(0,1fr);grid-template-rows:auto 1fr;gap:24px 48px}
.do-client-story__portrait{grid-row:1/3;display:flex;flex-direction:column;gap:16px}
.do-client-story__portrait img{width:256px;height:256px;display:block;object-fit:contain}
.do-client-story__portrait figcaption{font-size:14px;line-height:22px;color:var(--client-secondary)}
.do-client-story__author{display:flex;flex-direction:column;gap:24px}
.do-client-story__author h1{font-size:40px;line-height:47px;font-weight:600;overflow-wrap:anywhere}
.do-client-story__author p{font-size:16px;line-height:26px;color:var(--client-secondary)}
.do-client-story__lead{font-size:30px;line-height:35px;font-weight:600}
.do-client-story__columns{display:grid;grid-template-columns:256px minmax(0,720px);gap:48px}
.do-client-story__aside h2{font-size:18px;line-height:26px;font-weight:600;margin-bottom:16px}
.do-client-story__aside ul{padding:0;margin:0;list-style:none;font-size:14px;line-height:22px;color:var(--client-secondary)}
.do-client-story__body{min-width:0}
.do-client-story__text{display:flex;flex-direction:column;gap:24px;font-size:18px;line-height:28px}
.do-client-story__bio{margin-bottom:24px!important;font-size:16px;line-height:26px;color:var(--client-secondary)}
.do-client-story__equipment{display:flex;flex-direction:column;gap:16px;padding-top:48px;min-width:0}
.do-client-story__equipment>h2{font-size:18px;line-height:26px;font-weight:600}
.do-client-story__equipment>p{font-size:16px;line-height:26px;color:var(--client-secondary)}
.do-client-story__track{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;scrollbar-width:none;min-width:0;padding:4px;margin:-4px}
.do-client-story__track::-webkit-scrollbar{display:none}
.do-client-story__track>.do-card-r5-grid{display:flex;gap:16px;align-items:stretch}
.do-client-story__track .do-card-r5{flex:0 0 304px;scroll-snap-align:start;max-width:100%}
.do-client-story__controls{display:flex;justify-content:space-between;align-items:center;gap:12px}
.do-client-story__controls[hidden]{display:none}
.do-client-story__controls button{font:600 16px/24px var(--do-font,Montserrat,Arial,sans-serif);min-height:44px;min-width:108px;padding:9px 12px;border:1px solid var(--do-text,#2c2b2a);border-radius:12px;color:var(--do-text,#2c2b2a);background:#fff;cursor:pointer}
.do-client-story__controls button:disabled{opacity:.45;cursor:default}
.do-client-story__controls span{font-size:14px;line-height:22px;color:var(--client-secondary);text-align:center;white-space:nowrap}
.do-client-story__others{display:flex;flex-direction:column;gap:24px}
.do-client-story__others>h2{font-size:30px;line-height:35px;font-weight:600}
.do-client-story__others>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media(max-width:1000px){
 .do-clients__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .do-clients__card--feature .do-clients__identity{flex-wrap:wrap}
 .do-client-story__hero,.do-client-story__columns{grid-template-columns:200px minmax(0,1fr);column-gap:32px}
 .do-client-story__portrait img{width:200px;height:200px}
}
@media(max-width:760px){
 .do-clients__inner{width:calc(100% - 32px)}
 .do-clients--home{padding-block:40px}
 .do-clients__heading h2{font-size:30px;line-height:35px}
 .do-clients__layout{display:flex;flex-direction:column;gap:32px}
 .do-clients__opinions{gap:32px}
 .do-clients__opinions .do-clients__card>:is(.do-clients__identity,.do-clients__quote){width:calc(100% - 6px)}
 .do-clients__card--feature{padding:23px}
 .do-clients__card--feature .do-clients__identity{flex-wrap:nowrap}
 .do-clients__card--feature .do-clients__portrait{width:88px;height:88px;flex-basis:88px}
 .do-clients__card--feature .do-clients__quote{font-size:22px;line-height:30px}
 .do-clients__summary{display:none}
 .do-client-story{padding-block:24px 40px}
 .do-client-story>.do-clients__inner{gap:32px}
 .do-client-story__hero{grid-template-columns:88px minmax(0,1fr);gap:24px 16px}
 .do-client-story__portrait{grid-row:auto}
 .do-client-story__portrait img{width:88px;height:88px}
 .do-client-story__portrait figcaption{display:none}
 .do-client-story__author{gap:8px}
 .do-client-story__author h1{font-size:30px;line-height:35px}
 .do-client-story__lead{grid-column:1/-1;font-size:22px;line-height:30px}
 .do-client-story__columns{display:block}
 .do-client-story__aside{display:none}
 .do-client-story__text{font-size:16px;line-height:26px}
 .do-client-story__others>h2{font-size:24px;line-height:37px}
 .do-client-story__others>div{grid-template-columns:1fr}
 /* A single 304px card + next-card preview, unlike the two-column catalog. */
 .do-client-story__track .do-card-r5{padding:16px}
 .do-client-story__track .do-sections__image{height:160px;padding-top:24px}
 .do-client-story__track .do-card-r5__body{min-height:146px}
 .do-client-story__track .do-card-r5 h2{font-size:15px;line-height:22px}
 .do-client-story__track .do-sections__description{font-size:13px;line-height:19px}
 .do-client-story__track :is(.do-card-r5__maker,.do-card-r5__article){font-size:12px;line-height:18px}
 .do-client-story__track .do-sections__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .do-client-story__track :is(.do-sections__button,.do-sections__details){font-size:14px}
}
@media(max-width:360px){.do-clients__card--feature .do-clients__identity{gap:12px}.do-clients__card--feature h3{font-size:20px;line-height:28px}.do-client-story__track .do-card-r5{flex-basis:calc(100% - 24px)}.do-client-story__controls button{min-width:96px}}

/* End */
/* /local/dentoptics/home-20261001/assets/home.css?179418528881576 */
/* /local/dentoptics/home-20261001/assets/home-refinements.css?179418528840653 */
/* /local/dentoptics/home-20261001/assets/home-bitrix.css?1794185288516 */
/* /local/dentoptics/home-20261001/assets/home-banners-20261108.css?17941852887532 */
/* /local/dentoptics/home-20261001/assets/illuco-r4-20261108.css?17941852882634 */
/* /local/dentoptics/home-20261001/assets/home-banners-r4-20261108.css?179418528836369 */
/* /local/dentoptics/home-20261001/assets/home-microscopes-r5-20261108.css?17941852888398 */
/* /local/dentoptics/home-20261001/assets/home-tradein-r7-20261108.css?17941852886721 */
/* /local/dentoptics/home-20261001/assets/home-autumn-r8-20261108.css?17941852887324 */
/* /local/dentoptics/home-20261001/assets/home-ivoclar-r9-20261108.css?1794185288301 */
/* /local/dentoptics/education-b3-20261109/education.css?17941871676629 */
/* /local/dentoptics/education-calendar-20261109/calendar.css?17941871676171 */
/* /local/dentoptics/clients-20261109/clients.css?17941871678710 */