.dg-remont-kvartir {
  --dg-remont-kvartir-canvas: #f4f4f1;
  --dg-remont-kvartir-band: #e5e7e4;
  --dg-remont-kvartir-surface: #fbfaf6;
  --dg-remont-kvartir-text: #252a2d;
  --dg-remont-kvartir-muted: rgba(37, 42, 45, 0.68);
  --dg-remont-kvartir-line: rgba(37, 42, 45, 0.13);
  --dg-remont-kvartir-line-strong: rgba(37, 42, 45, 0.2);
  --dg-remont-kvartir-accent: #670009;
  --dg-remont-kvartir-accent-hover: #7a0110;
  color: var(--dg-remont-kvartir-text);
  background: var(--dg-remont-kvartir-canvas);
  font-family: "Involve", Arial, sans-serif;
}

.dg-remont-kvartir,
.dg-remont-kvartir * {
  box-sizing: border-box;
}

.dg-remont-kvartir [hidden] {
  display: none !important;
}

.dg-remont-kvartir :where(h1, h2, h3, h4, p, figure, ol, ul) {
  margin-top: 0;
}

.dg-remont-kvartir a {
  color: inherit;
}

.dg-remont-kvartir .dg-seo-shell {
  width: min(1320px, calc(100% - 48px));
}

.dg-remont-kvartir .dg-seo-hero {
  min-height: min(780px, calc(100svh - 64px));
  padding: clamp(118px, 15vh, 160px) 0 clamp(72px, 10vh, 112px);
  background: var(--dg-remont-kvartir-band);
}

.dg-remont-kvartir .dg-seo-hero__media::after {
  background:
    linear-gradient(90deg, rgba(244, 244, 241, 0.98) 0%, rgba(244, 244, 241, 0.93) 38%, rgba(244, 244, 241, 0.64) 64%, rgba(244, 244, 241, 0.24) 100%),
    linear-gradient(180deg, rgba(244, 244, 241, 0.12), rgba(244, 244, 241, 0.35));
}

.dg-remont-kvartir .dg-seo-breadcrumbs {
  width: fit-content;
  min-height: 44px;
  margin: 0 0 24px;
  color: var(--dg-remont-kvartir-muted);
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: normal;
  word-break: normal;
}

.dg-remont-kvartir .dg-seo-breadcrumbs a {
  /* Override the legacy global white breadcrumb !important rule. */
  color: var(--dg-remont-kvartir-text) !important;
  text-decoration: none;
}

.dg-remont-kvartir .dg-seo-breadcrumbs a:hover,
.dg-remont-kvartir .dg-seo-breadcrumbs a:focus-visible {
  color: var(--dg-remont-kvartir-accent) !important;
}

.dg-remont-kvartir .dg-seo-service h1,
.dg-remont-kvartir .dg-seo-service h2,
.dg-remont-kvartir h1,
.dg-remont-kvartir h2 {
  color: var(--dg-remont-kvartir-text);
  font-family: "Haval", "Involve", Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.05;
  text-transform: uppercase;
}

.dg-remont-kvartir .dg-seo-service h1,
.dg-remont-kvartir h1 {
  max-width: 900px;
  font-size: clamp(42px, 5.2vw, 76px);
}

.dg-remont-kvartir .dg-seo-service h2,
.dg-remont-kvartir h2 {
  max-width: 920px;
  font-size: clamp(34px, 3.8vw, 56px);
}

.dg-remont-kvartir h3 {
  color: var(--dg-remont-kvartir-text);
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 500;
  line-height: 1.2;
}

.dg-remont-kvartir .dg-seo-cta h2 {
  font-size: clamp(26px, 3.6vw, 52px);
}

.dg-remont-kvartir .dg-seo-lead {
  max-width: 760px;
  margin: 28px 0 0;
  color: var(--dg-remont-kvartir-text);
  /* Global regression CSS forces Haval on all leads; this page uses body type. */
  font-family: "Involve", Arial, sans-serif !important;
  font-size: clamp(18px, 1.65vw, 23px);
  line-height: 1.5;
  text-transform: none;
}

.dg-remont-kvartir .dg-seo-note {
  max-width: 720px;
  margin: 14px 0 0;
  color: var(--dg-remont-kvartir-muted);
}

.dg-remont-kvartir .dg-seo-hero__actions {
  gap: 12px;
  margin-top: 28px;
}

.dg-remont-kvartir .dg-seo-button,
.dg-remont-kvartir .dg-remont-kvartir__calculator-controls button {
  min-height: 52px;
  border: 1px solid var(--dg-remont-kvartir-accent);
  border-radius: 999px;
  padding: 0 26px;
  background: var(--dg-remont-kvartir-accent);
  color: #fffdf9;
  font: 500 16px/1.2 "Involve", Arial, sans-serif;
  box-shadow: none;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.dg-remont-kvartir .dg-seo-button:hover,
.dg-remont-kvartir .dg-seo-button:focus-visible,
.dg-remont-kvartir .dg-remont-kvartir__calculator-controls button:hover,
.dg-remont-kvartir .dg-remont-kvartir__calculator-controls button:focus-visible {
  border-color: var(--dg-remont-kvartir-accent-hover);
  background: var(--dg-remont-kvartir-accent-hover);
  transform: translateY(-2px);
}

.dg-remont-kvartir .dg-seo-button--ghost {
  border-color: var(--dg-remont-kvartir-line-strong);
  background: var(--dg-remont-kvartir-surface);
  color: var(--dg-remont-kvartir-text);
}

.dg-remont-kvartir .dg-seo-button--ghost:hover,
.dg-remont-kvartir .dg-seo-button--ghost:focus-visible {
  border-color: var(--dg-remont-kvartir-text);
  background: var(--dg-remont-kvartir-surface);
  color: var(--dg-remont-kvartir-text);
}

.dg-remont-kvartir .dg-seo-section {
  padding: clamp(72px, 8vw, 112px) 0;
  background: var(--dg-remont-kvartir-canvas);
}

.dg-remont-kvartir .dg-seo-section:nth-of-type(odd),
.dg-remont-kvartir .dg-seo-section--cards,
.dg-remont-kvartir .dg-seo-section--price,
.dg-remont-kvartir .dg-seo-section--faq {
  background: var(--dg-remont-kvartir-band);
}

.dg-remont-kvartir .dg-seo-section--gallery,
.dg-remont-kvartir .dg-seo-section--proof,
.dg-remont-kvartir .dg-seo-section--answers {
  background: var(--dg-remont-kvartir-canvas);
}

.dg-remont-kvartir .dg-seo-section-label {
  margin: 0 0 16px;
  color: var(--dg-remont-kvartir-accent);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
}

.dg-remont-kvartir .dg-seo-copy p,
.dg-remont-kvartir .dg-seo-feature p,
.dg-remont-kvartir .dg-seo-card__text,
.dg-remont-kvartir .dg-seo-steps li,
.dg-remont-kvartir .dg-seo-answer p,
.dg-remont-kvartir .dg-seo-gallery__item figcaption {
  color: var(--dg-remont-kvartir-muted);
  font-size: 17px;
  line-height: 1.58;
}

.dg-remont-kvartir .dg-seo-feature,
.dg-remont-kvartir .dg-seo-card,
.dg-remont-kvartir .dg-seo-answer,
.dg-remont-kvartir .dg-seo-proof,
.dg-remont-kvartir .dg-seo-gallery__item,
.dg-remont-kvartir .dg-remont-kvartir__calculator-card {
  border: 1px solid var(--dg-remont-kvartir-line);
  border-radius: 20px;
  background: var(--dg-remont-kvartir-surface);
  box-shadow: none;
}

.dg-remont-kvartir .dg-seo-feature {
  min-height: 210px;
  padding: clamp(24px, 3vw, 36px);
}

.dg-remont-kvartir .dg-seo-feature h3,
.dg-remont-kvartir .dg-seo-answer h3 {
  margin: 0 0 14px;
  color: var(--dg-remont-kvartir-text);
}

.dg-remont-kvartir .dg-seo-card {
  overflow: hidden;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease;
}

.dg-remont-kvartir .dg-seo-card:hover,
.dg-remont-kvartir .dg-seo-card:focus-visible,
.dg-remont-kvartir .dg-seo-proof:hover,
.dg-remont-kvartir .dg-seo-proof:focus-visible {
  border-color: var(--dg-remont-kvartir-line-strong);
  transform: translateY(-3px);
  box-shadow: 0 18px 50px rgba(30, 35, 38, 0.07);
}

.dg-remont-kvartir .dg-seo-card__image {
  background: var(--dg-remont-kvartir-band);
}

.dg-remont-kvartir .dg-seo-card__body {
  gap: 10px;
  padding: clamp(22px, 2.6vw, 32px);
}

.dg-remont-kvartir .dg-seo-card__title,
.dg-remont-kvartir .dg-seo-answer h3,
.dg-remont-kvartir .dg-seo-proof__title {
  color: var(--dg-remont-kvartir-text);
}

.dg-remont-kvartir .dg-seo-answer {
  min-height: 170px;
  padding: 24px;
}

.dg-remont-kvartir .dg-seo-steps {
  gap: 12px;
}

.dg-remont-kvartir .dg-seo-steps li {
  min-height: 76px;
  padding: 18px 22px 18px 76px;
  border: 1px solid var(--dg-remont-kvartir-line);
  border-radius: 20px;
  background: var(--dg-remont-kvartir-surface);
}

.dg-remont-kvartir .dg-seo-steps li::before {
  width: 38px;
  height: 38px;
  background: var(--dg-remont-kvartir-band);
  color: var(--dg-remont-kvartir-accent);
}

.dg-remont-kvartir .dg-seo-gallery {
  gap: 18px;
}

.dg-remont-kvartir .dg-seo-gallery__item {
  overflow: hidden;
}

.dg-remont-kvartir .dg-seo-gallery__item img {
  background: var(--dg-remont-kvartir-band);
}

.dg-remont-kvartir .dg-seo-gallery__item figcaption {
  min-height: 72px;
  padding: 18px 20px 20px;
}

/* Reuse the site's responsive Rutube frame pattern. */
.dg-remont-kvartir__video { margin: 0; }
.dg-remont-kvartir__video-frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 20px; background: var(--dg-remont-kvartir-band); }
.dg-remont-kvartir__video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.dg-remont-kvartir__video figcaption { padding-top: 16px; }
.dg-remont-kvartir__video-section .dg-seo-section-head p:last-child { max-width: 68ch; line-height: 1.55; }

.dg-remont-kvartir .dg-seo-section--cta {
  background: var(--dg-remont-kvartir-band);
}

.dg-remont-kvartir .dg-seo-cta {
  border: 1px solid var(--dg-remont-kvartir-line);
  border-radius: 20px;
  padding: clamp(26px, 4vw, 48px);
  background: var(--dg-remont-kvartir-surface);
}

.dg-remont-kvartir .dg-seo-related a,
.dg-remont-kvartir .dg-seo-inline-link {
  min-height: 44px;
  border: 1px solid var(--dg-remont-kvartir-line-strong);
  border-radius: 999px;
  padding: 0 17px;
  background: transparent;
  color: var(--dg-remont-kvartir-text);
  text-decoration: none;
}

.dg-remont-kvartir .dg-seo-related a:hover,
.dg-remont-kvartir .dg-seo-related a:focus-visible,
.dg-remont-kvartir .dg-seo-inline-link:hover,
.dg-remont-kvartir .dg-seo-inline-link:focus-visible {
  border-color: var(--dg-remont-kvartir-accent);
  color: var(--dg-remont-kvartir-accent);
}

.dg-remont-kvartir__calculator {
  margin-top: clamp(42px, 5vw, 64px);
}

.dg-remont-kvartir__calculator-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
  padding: clamp(26px, 4vw, 52px);
}

.dg-remont-kvartir__calculator-copy {
  display: grid;
  justify-items: start;
  gap: 16px;
}

.dg-remont-kvartir__calculator-copy h3 {
  max-width: 620px;
  margin: 0;
  font-family: "Haval", "Involve", Arial, sans-serif;
  font-size: clamp(30px, 3.2vw, 46px);
  font-weight: 300;
  line-height: 1.08;
  text-transform: uppercase;
}

.dg-remont-kvartir__calculator-copy > p:not(.dg-remont-kvartir__eyebrow),
.dg-remont-kvartir__calculator-disclaimer {
  max-width: 64ch;
  margin: 0;
  color: var(--dg-remont-kvartir-muted);
  font-size: 16px;
  line-height: 1.55;
}

.dg-remont-kvartir__eyebrow {
  margin: 0;
  color: var(--dg-remont-kvartir-accent);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dg-remont-kvartir__calculator-form {
  display: grid;
  align-content: center;
  gap: 12px;
  min-width: 0;
}

.dg-remont-kvartir__calculator-form label {
  color: var(--dg-remont-kvartir-text);
  font-size: 16px;
  font-weight: 500;
}

.dg-remont-kvartir__property-type {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 6px;
  border: 0;
  padding: 0;
}

.dg-remont-kvartir__property-type legend {
  grid-column: 1 / -1;
  margin: 0 0 10px;
  color: var(--dg-remont-kvartir-text);
  font-size: 16px;
  font-weight: 500;
}

.dg-remont-kvartir__property-type label {
  position: relative;
  display: flex;
  min-height: 52px;
  align-items: center;
  gap: 10px;
  margin: 0;
  border: 1px solid var(--dg-remont-kvartir-line-strong);
  border-radius: 20px;
  padding: 10px 14px;
  background: var(--dg-remont-kvartir-canvas);
  cursor: pointer;
  font-size: 15px;
  transition: border-color 160ms ease, background-color 160ms ease;
}

.dg-remont-kvartir__matrix-area {
  width: 100%;
  min-height: 56px;
  box-sizing: border-box;
  padding: 12px 18px;
  border: 1px solid var(--dg-remont-kvartir-line-strong);
  border-radius: 20px;
  background: var(--dg-remont-kvartir-surface);
  color: var(--dg-remont-kvartir-text);
  font: inherit;
}

.dg-remont-kvartir__matrix-area:focus-visible,
.dg-remont-kvartir__scope-details summary:focus-visible {
  outline: 2px solid var(--dg-remont-kvartir-accent);
  outline-offset: 3px;
}

.dg-remont-kvartir__preview-note {
  padding: 16px;
  border: 1px solid var(--dg-remont-kvartir-line-strong);
  border-radius: 20px;
  color: var(--dg-remont-kvartir-text);
  font-size: 15px;
  line-height: 1.5;
}

.dg-remont-kvartir__scope-details {
  font-size: 15px;
  line-height: 1.55;
  color: var(--dg-remont-kvartir-muted);
}

.dg-remont-kvartir__scope-details summary {
  min-height: 44px;
  padding-block: 10px;
  cursor: pointer;
  color: var(--dg-remont-kvartir-text);
}

.dg-remont-kvartir__breakdown {
  width: 100%;
  margin: 8px 0;
  font-size: 14px;
  line-height: 1.5;
}

.dg-remont-kvartir__breakdown div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 12px;
  padding: 6px 0;
}

.dg-remont-kvartir__breakdown dd {
  margin: 0;
}

.dg-remont-kvartir__property-type label.is-selected {
  border-color: var(--dg-remont-kvartir-accent);
  background: var(--dg-remont-kvartir-surface);
}

.dg-remont-kvartir__property-type input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin: 0;
  accent-color: var(--dg-remont-kvartir-accent);
}

.dg-remont-kvartir__property-type input:focus-visible {
  outline: 2px solid var(--dg-remont-kvartir-accent);
  outline-offset: 3px;
}

.dg-remont-kvartir__calculator-controls {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) auto;
  gap: 12px;
}

.dg-remont-kvartir__calculator-controls input {
  width: 100%;
  min-height: 54px;
  border: 1px solid var(--dg-remont-kvartir-line-strong);
  border-radius: 20px;
  padding: 0 18px;
  background: var(--dg-remont-kvartir-canvas);
  color: var(--dg-remont-kvartir-text);
  font: 500 18px/1 "Involve", Arial, sans-serif;
}

.dg-remont-kvartir__calculator-controls input:focus-visible {
  outline: 2px solid var(--dg-remont-kvartir-accent);
  outline-offset: 2px;
}

.dg-remont-kvartir__calculator-controls button {
  min-width: 144px;
  cursor: pointer;
}

.dg-remont-kvartir__calculator-help,
.dg-remont-kvartir__calculator-error {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.dg-remont-kvartir__calculator-help {
  color: var(--dg-remont-kvartir-muted);
}

.dg-remont-kvartir__calculator-error {
  color: #a00012;
}

.dg-remont-kvartir__calculator-result {
  display: grid;
  gap: 5px;
  margin-top: 8px;
  padding: 20px;
  border: 1px solid var(--dg-remont-kvartir-line);
  border-radius: 20px;
  background: var(--dg-remont-kvartir-band);
}

.dg-remont-kvartir__calculator-result > span:first-child {
  color: var(--dg-remont-kvartir-muted);
  font-size: 14px;
}

.dg-remont-kvartir__calculator-result strong {
  color: var(--dg-remont-kvartir-text);
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 500;
  line-height: 1.1;
}

.dg-remont-kvartir__calculator-result > span:last-child {
  color: var(--dg-remont-kvartir-muted);
  font-size: 14px;
}

.dg-remont-kvartir__calculator-disclaimer {
  margin: 14px 0 0;
  font-size: 14px;
}

body.dg-service-seo-page-remont_kvartir .padding-header-top {
  display: none !important;
}

body.dg-service-seo-page-remont_kvartir .ddom-header-logo-black {
  filter: none !important;
}

body.dg-service-seo-page-remont_kvartir .ddom-main-nav__list_black-link .ddom-main-nav__link,
body.dg-service-seo-page-remont_kvartir .ddom-main-nav__list_black-link .dropdown-nav-main-ddom__a {
  color: #252a2d !important;
}

body.dg-service-seo-page-remont_kvartir .ddom-main-nav__list_black-link .dropdown-nav-main-ddom {
  background: #fbfaf6 !important;
}

body.dg-service-seo-page-remont_kvartir .button-menu-call-tel-unique-house-body-tel-wrap__menu-icon img {
  filter: none !important;
}

@media (max-width: 1100px) {
  .dg-remont-kvartir__calculator-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .dg-remont-kvartir .dg-seo-shell {
    width: calc(100% - 32px);
  }

  .dg-remont-kvartir .dg-seo-hero {
    min-height: 0;
    padding: 104px 0 64px;
  }

  .dg-remont-kvartir .dg-seo-hero__media::after {
    background: linear-gradient(90deg, rgba(244, 244, 241, 0.96), rgba(244, 244, 241, 0.78));
  }

  .dg-remont-kvartir .dg-seo-breadcrumbs {
    max-width: 100%;
    margin-bottom: 24px;
    gap: 6px;
  }

  .dg-remont-kvartir .dg-seo-service h1,
  .dg-remont-kvartir h1 {
    max-width: 100%;
    font-size: clamp(34px, 8vw, 54px);
    line-height: 1.06;
  }

  .dg-remont-kvartir .dg-seo-service h2,
  .dg-remont-kvartir h2 {
    font-size: clamp(26px, 7vw, 42px);
  }

  .dg-remont-kvartir .dg-seo-lead {
    max-width: 100%;
    margin-top: 20px;
    font-size: 18px;
  }

  .dg-remont-kvartir .dg-seo-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .dg-remont-kvartir .dg-seo-button {
    width: 100%;
  }

  .dg-remont-kvartir .dg-seo-two-col,
  .dg-remont-kvartir .dg-seo-feature-grid,
  .dg-remont-kvartir .dg-seo-card-grid,
  .dg-remont-kvartir .dg-seo-answer-grid,
  .dg-remont-kvartir .dg-seo-proof-grid,
  .dg-remont-kvartir .dg-seo-gallery,
  .dg-remont-kvartir .dg-seo-cta {
    grid-template-columns: 1fr;
  }

  .dg-remont-kvartir .dg-seo-cta {
    gap: 24px;
  }

  .dg-remont-kvartir .dg-seo-cta .dg-seo-button {
    grid-column: auto;
  }

  .dg-remont-kvartir__calculator-card {
    gap: 28px;
    padding: 24px;
  }

  .dg-remont-kvartir__calculator-controls {
    grid-template-columns: 1fr;
  }

  .dg-remont-kvartir__calculator-controls button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dg-remont-kvartir *,
  .dg-remont-kvartir *::before,
  .dg-remont-kvartir *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 560px) {
  .dg-remont-kvartir__property-type {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .dg-remont-kvartir--motion-ready [data-dg-reveal] {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 520ms ease, transform 520ms cubic-bezier(0.2, 0.65, 0.2, 1);
    transition-delay: var(--dg-reveal-delay, 0ms);
  }

  .dg-remont-kvartir--motion-ready [data-dg-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .dg-remont-kvartir--motion-ready [data-dg-photo] img {
    transform: scale(1.035);
    transition: transform 900ms cubic-bezier(.2,.65,.2,1);
  }
  .dg-remont-kvartir--motion-ready [data-dg-photo].is-visible img { transform: scale(1); }
}

.dg-remont-kvartir__video-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 4vw, 56px); align-items: center; }
.dg-remont-kvartir__video-layout > * { min-width: 0; }
/* Consent text determines its height; the activated player keeps its 16:9 ratio. */
.dg-remont-kvartir__video-frame:has(.dg-external-content__notice) { aspect-ratio: auto; }
.dg-remont-kvartir__video-frame > .dg-external-content,
.dg-remont-kvartir__video-frame .dg-external-content > iframe { min-height: 0; }
.dg-remont-kvartir__video-frame .dg-external-content:has(.dg-external-content__notice) { aspect-ratio: auto !important; }
.dg-remont-kvartir__video-layout .dg-seo-section-head { margin-bottom: 0; }
.dg-remont-kvartir__video-layout h2 { font-size: clamp(28px, 3vw, 42px); }
.dg-remont-kvartir__video { width: 100%; max-width: 740px; justify-self: end; }
@media (max-width: 820px) {
  .dg-remont-kvartir__video-layout { grid-template-columns: minmax(0, 1fr); }
  .dg-remont-kvartir__video { max-width: 640px; justify-self: start; }
}

/* Explicit navigation from apartment examples to their portfolio pages. */
.dg-remont-kvartir .dg-seo-card--portfolio .dg-seo-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.dg-remont-kvartir .dg-seo-card__link {
  margin-top: auto;
  padding-top: 12px;
  color: var(--dg-remont-kvartir-accent);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.dg-remont-kvartir .dg-remont-kvartir__portfolio-action {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}

.dg-remont-kvartir .dg-remont-kvartir__portfolio-action .dg-seo-button {
  gap: 8px;
}

.dg-remont-kvartir #calculator {
  scroll-margin-top: 104px;
}

/* Four apartment types form two balanced rows on wider screens. */
@media (min-width: 821px) {
  .dg-remont-kvartir .dg-seo-section--cards .dg-seo-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.dg-remont-kvartir .dg-remont-kvartir__estimate-next {
  display: grid;
  gap: 14px;
  margin-top: 16px;
  padding-top: 20px;
  border-top: 1px solid var(--dg-remont-kvartir-line);
}

.dg-remont-kvartir .dg-remont-kvartir__estimate-next p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.dg-remont-kvartir .dg-remont-kvartir__estimate-title {
  color: var(--dg-remont-kvartir-text);
  font-weight: 600;
}

.dg-remont-kvartir .dg-remont-kvartir__estimate-chats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.dg-remont-kvartir .dg-remont-kvartir__estimate-chats .dg-seo-button {
  flex: 1 1 90px;
  width: auto;
  padding: 10px 16px;
}

.dg-remont-kvartir .dg-remont-kvartir__estimate-next > .dg-seo-button {
  padding: 12px 18px;
  white-space: normal;
  text-align: center;
}

/* Resource calculator: independent input and result columns. */
.dg-remont-kvartir .dg-apartment {padding:32px;background:#fbfaf6;border-radius:20px;}
.dg-remont-kvartir .dg-apartment__header {margin-bottom:24px;max-width:900px;}
.dg-remont-kvartir .dg-apartment__header h3 {font-size:clamp(24px,2.5vw,36px);line-height:1.15;margin:0 0 12px;}
.dg-remont-kvartir .dg-apartment__header p {margin:0 0 10px;line-height:1.5;}
.dg-remont-kvartir .dg-apartment__layout {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start;}
.dg-remont-kvartir .dg-apartment__fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.dg-remont-kvartir .dg-apartment__field {min-width:0;display:flex;flex-direction:column;gap:6px;}
.dg-remont-kvartir .dg-apartment__field label {font-size:15px;line-height:1.35;color:#292e2e;min-height:40px;display:flex;align-items:end;}
.dg-remont-kvartir .dg-apartment__field input,.dg-remont-kvartir .dg-apartment__field select {font:inherit;font-size:16px;line-height:1.4;color:#292e2e;background:#f4f4f1;border:1px solid #c6cbc8;border-radius:20px;width:100%;min-width:0;height:48px;padding:10px 12px;}
.dg-remont-kvartir .dg-apartment__field select {padding-right:24px;}
.dg-remont-kvartir .dg-apartment__hint,.dg-remont-kvartir .dg-apartment__exclusions {font-size:14px;line-height:1.5;color:#555e5b;margin:14px 0;}
.dg-remont-kvartir .dg-apartment__additional {margin:16px 0 20px;border-top:1px solid #ccd0cd;border-bottom:1px solid #ccd0cd;}
.dg-remont-kvartir .dg-apartment summary {cursor:pointer;padding:14px 0;font-size:15px;min-height:48px;}
.dg-remont-kvartir .dg-apartment__additional .dg-apartment__fields {padding-bottom:8px;}
.dg-remont-kvartir .dg-apartment__form>.dg-seo-button {width:100%;}
.dg-remont-kvartir .dg-apartment__result {background:#e5e7e4;border-radius:20px;padding:24px;scroll-margin-top:108px;}
.dg-remont-kvartir .dg-apartment__result p {font-size:15px;line-height:1.5;margin:0 0 12px;}
.dg-remont-kvartir .dg-apartment__result h4 {font:inherit;font-size:20px;line-height:1.3;margin:0 0 12px;color:#292e2e;}
.dg-remont-kvartir .dg-apartment__result-label {color:#6d0010;}
.dg-remont-kvartir .dg-apartment__price {display:block;font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.15;margin:12px 0 8px;white-space:nowrap;}
.dg-remont-kvartir .dg-apartment__scope {border-top:1px solid #c6cbc8;}
.dg-remont-kvartir .dg-apartment__scope ul {font-size:14px;line-height:1.5;padding-left:20px;margin:0 0 16px;}
.dg-remont-kvartir .dg-apartment__contact {border-top:1px solid #c6cbc8;margin-top:16px;padding-top:20px;}
.dg-remont-kvartir .dg-apartment__chats {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 12px;}
.dg-remont-kvartir .dg-apartment__contact>.dg-seo-button {width:100%;}
.dg-remont-kvartir .dg-apartment .dg-seo-button {font-size:15px;min-height:48px;padding:12px 16px;}
.dg-remont-kvartir .dg-apartment__error {color:#800014;font-size:15px;line-height:1.4;}
.dg-remont-kvartir .dg-apartment [hidden] {display:none!important;}
.dg-remont-kvartir .dg-apartment :is(input,select,button,a,summary):focus-visible {outline:2px solid #800014;outline-offset:3px;}
.dg-remont-kvartir .dg-apartment button:disabled {opacity:.65;cursor:wait;}
@media(max-width:1100px) {.dg-remont-kvartir .dg-apartment__layout {gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);}.dg-remont-kvartir .dg-apartment {padding:24px;}}
@media(max-width:1100px) {.dg-remont-kvartir .dg-apartment__layout {grid-template-columns:1fr;}.dg-remont-kvartir .dg-apartment__field label {min-height:40px;}}
@media(max-width:480px) {.dg-remont-kvartir .dg-apartment {padding:20px 16px;}.dg-remont-kvartir .dg-apartment__result {padding:20px 16px;}.dg-remont-kvartir .dg-apartment__fields {grid-template-columns:1fr;gap:12px;}.dg-remont-kvartir .dg-apartment__field label {min-height:0;}.dg-remont-kvartir .dg-apartment__price {font-size:30px;}}

@media(max-width:600px) {.dg-remont-kvartir .dg-apartment__fields {grid-template-columns:1fr;}.dg-remont-kvartir .dg-apartment__field label {min-height:0;}}

/* Real apartment cases keep their photo, location and facts together. */
.dg-remont-kvartir .dg-remont-kvartir__case-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.dg-remont-kvartir .dg-remont-kvartir__case-grid .dg-seo-card__image {aspect-ratio:3/2;height:auto;}
.dg-remont-kvartir .dg-remont-kvartir__case-grid .dg-seo-card__body {display:flex;flex-direction:column;gap:16px;flex:1;}
.dg-remont-kvartir .dg-remont-kvartir__case-grid .dg-seo-card__title {margin:0;}
.dg-remont-kvartir .dg-remont-kvartir__case-facts {display:grid;grid-template-columns:minmax(0,1.5fr) 1fr 1fr;gap:12px;padding:16px 0;border-top:1px solid #d4d8d4;border-bottom:1px solid #d4d8d4;font-size:16px;line-height:1.4;color:#292e2e;}
.dg-remont-kvartir .dg-remont-kvartir__case-facts small {display:block;font-size:12px;line-height:1.5;color:#59615d;margin-bottom:4px;}
.dg-remont-kvartir .dg-remont-kvartir__case-grid .dg-seo-card__link {margin-top:auto;}
@media(max-width:820px) {.dg-remont-kvartir .dg-remont-kvartir__case-grid {grid-template-columns:1fr;}}
@media(max-width:480px) {.dg-remont-kvartir .dg-remont-kvartir__case-facts {grid-template-columns:1fr 1fr;font-size:15px;}.dg-remont-kvartir .dg-remont-kvartir__case-facts>span:first-child {grid-column:1/-1;}}
/* Match the title, facts and CTA baselines within each apartment case row. */
@media(min-width:821px) {
  .dg-remont-kvartir .dg-remont-kvartir__case-grid .dg-seo-card {display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;}
  .dg-remont-kvartir .dg-remont-kvartir__case-grid .dg-seo-card__body {display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:16px;}
}
/* Override intrinsic upload height attributes while preserving the gallery ratio. */
.dg-remont-kvartir .dg-seo-gallery__item img {height:auto;}
/* Keep the estimate as the primary action; shared callback styling stays elsewhere. */
.dg-remont-kvartir .dg-seo-hero__actions .dg-seo-button--ghost[data-popup] {
  background:var(--dg-remont-kvartir-surface)!important;
  border-color:var(--dg-remont-kvartir-line-strong)!important;
  color:var(--dg-remont-kvartir-text)!important;
  animation:none;box-shadow:none;
}
.dg-remont-kvartir .dg-seo-hero__actions .dg-seo-button--ghost[data-popup]:hover {
  border-color:var(--dg-remont-kvartir-text)!important;
}

/* Illustrated scenarios use the same server model as the calculator. */
.dg-remont-kvartir .dg-apartment-examples {margin-top:48px;scroll-margin-top:108px;}
.dg-remont-kvartir .dg-apartment-examples h3 {font:inherit;font-size:clamp(28px,3vw,40px);line-height:1.2;margin:0 0 16px;}
.dg-remont-kvartir .dg-apartment-examples p {font-size:16px;line-height:1.5;margin:0 0 16px;}
.dg-remont-kvartir .dg-apartment-examples__intro {max-width:850px;}
.dg-remont-kvartir .dg-apartment-examples .dg-apartment-examples__caption {font-size:14px;color:#59615d;max-width:850px;}
.dg-remont-kvartir .dg-apartment-examples__grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;}
.dg-remont-kvartir .dg-apartment-examples__card {min-width:0;background:var(--dg-remont-kvartir-surface);border-radius:20px;overflow:hidden;}
.dg-remont-kvartir .dg-apartment-examples figure {margin:0;}
.dg-remont-kvartir .dg-apartment-examples figure img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.dg-remont-kvartir .dg-apartment-examples figcaption {font-size:13px;line-height:1.5;padding:12px 24px 0;color:#59615d;}
.dg-remont-kvartir .dg-apartment-examples figcaption a {color:inherit;text-decoration:underline;text-underline-offset:3px;}
.dg-remont-kvartir .dg-apartment-examples__body {padding:20px 24px 24px;}
.dg-remont-kvartir .dg-apartment-examples h4 {font:inherit;font-size:clamp(22px,2vw,28px);line-height:1.25;margin:0;}
.dg-remont-kvartir .dg-apartment-examples__tags {display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0;}
.dg-remont-kvartir .dg-apartment-examples__tags li {font-size:13px;line-height:1.4;background:#e5e7e4;border-radius:20px;padding:6px 10px;}
.dg-remont-kvartir .dg-apartment-examples__cost {border-top:1px solid #d4d8d4;padding-top:20px;margin-top:20px;}
.dg-remont-kvartir .dg-apartment-examples__cost span {display:block;font-size:14px;line-height:1.5;color:#59615d;}
.dg-remont-kvartir .dg-apartment-examples__cost strong {display:block;font-size:clamp(28px,3vw,40px);line-height:1.2;font-weight:500;margin:8px 0;color:#6d0010;white-space:nowrap;}
.dg-remont-kvartir .dg-apartment-examples details {border-top:1px solid #d4d8d4;margin-top:20px;}
.dg-remont-kvartir .dg-apartment-examples summary {cursor:pointer;font-size:15px;line-height:1.4;padding:16px 0;min-height:48px;}
.dg-remont-kvartir .dg-apartment-examples details p,.dg-remont-kvartir .dg-apartment-examples .dg-apartment-examples__note {font-size:14px;line-height:1.5;color:#59615d;}
.dg-remont-kvartir .dg-apartment-examples__footer {margin-top:24px;}
.dg-remont-kvartir .dg-apartment-examples .dg-apartment-examples__date {font-size:14px;color:#59615d;}
.dg-remont-kvartir .dg-apartment-examples .dg-seo-inline-link {padding-block:12px;line-height:1.4;}
.dg-remont-kvartir .dg-apartment-examples :is(a,summary):focus-visible {outline:2px solid #800014;outline-offset:3px;}
@media(max-width:820px) {.dg-remont-kvartir .dg-apartment-examples__grid {grid-template-columns:1fr;}}
@media(max-width:480px) {.dg-remont-kvartir .dg-apartment-examples__body {padding:16px;}.dg-remont-kvartir .dg-apartment-examples figcaption {padding-inline:16px;}.dg-remont-kvartir .dg-apartment-examples p {font-size:15px;}}
/* Equal scenario rows keep prices comparable despite different description lengths. */
@media(min-width:821px) {
 .dg-remont-kvartir .dg-apartment-examples__card {display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;}
 .dg-remont-kvartir .dg-apartment-examples__body {display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:16px;}
 .dg-remont-kvartir .dg-apartment-examples__body>p,.dg-remont-kvartir .dg-apartment-examples__tags,.dg-remont-kvartir .dg-apartment-examples__cost,.dg-remont-kvartir .dg-apartment-examples__body>details {margin-block:0;}
}

/* Interactive renovation stages reuse the light card surfaces. */
.dg-remont-kvartir .dg-apartment-steps__layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch;}
.dg-remont-kvartir .dg-apartment-steps__stage {background:var(--dg-remont-kvartir-surface);border-radius:20px;padding:32px;display:flex;flex-direction:column;scroll-margin-top:108px;}
.dg-remont-kvartir .dg-apartment-steps__panel[hidden] {display:none;}
.dg-remont-kvartir .dg-apartment-steps__counter {display:flex;align-items:baseline;gap:16px;color:var(--dg-remont-kvartir-accent);margin-bottom:24px;}
.dg-remont-kvartir .dg-apartment-steps__counter>span {font-size:clamp(72px,8vw,120px);line-height:1;font-weight:400;letter-spacing:-.06em;}
.dg-remont-kvartir .dg-apartment-steps__counter small {font-size:20px;color:#59615d;}
.dg-remont-kvartir .dg-apartment-steps__panel h3 {font:inherit;font-size:clamp(24px,2.5vw,34px);line-height:1.2;margin:0 0 16px;}
.dg-remont-kvartir .dg-apartment-steps__panel p {font-size:17px;line-height:1.55;margin:0 0 24px;max-width:36em;}
.dg-remont-kvartir .dg-apartment-steps__panel .dg-apartment-steps__eyebrow {font-size:13px;color:#59615d;margin:0 0 12px;}
.dg-remont-kvartir .dg-apartment-steps__track {height:4px;background:#d4d8d4;border-radius:20px;margin-top:auto;overflow:hidden;}
.dg-remont-kvartir .dg-apartment-steps__track span {display:block;width:var(--step-progress,12.5%);height:100%;background:var(--dg-remont-kvartir-accent);transition:width .3s ease;}
.dg-remont-kvartir .dg-apartment-steps__hint {font-size:14px;line-height:1.4;color:#59615d;margin:16px 0 0;}
.dg-remont-kvartir .dg-apartment-steps__list {list-style:none;display:grid;gap:8px;padding:0;margin:0;}
.dg-remont-kvartir .dg-apartment-steps__list li {margin:0;padding:0;}
.dg-remont-kvartir .dg-apartment-steps__list button {font:inherit;font-size:16px;line-height:1.35;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:12px;width:100%;min-height:64px;text-align:left;padding:14px 18px;border:1px solid #c6cbc8;border-radius:20px;background:var(--dg-remont-kvartir-surface);color:#292e2e;cursor:pointer;transition:background .2s,color .2s;}
.dg-remont-kvartir .dg-apartment-steps__number {font-size:14px;color:#59615d;}
.dg-remont-kvartir .dg-apartment-steps__arrow {color:var(--dg-remont-kvartir-accent);}
.dg-remont-kvartir .dg-apartment-steps__list button[aria-pressed=true] {background:#6d0010;color:#fff;border-color:#6d0010;}
.dg-remont-kvartir .dg-apartment-steps__list button[aria-pressed=true] :is(.dg-apartment-steps__number,.dg-apartment-steps__arrow) {color:#fff;}
.dg-remont-kvartir .dg-apartment-steps__list button:hover {border-color:#6d0010;}
.dg-remont-kvartir .dg-apartment-steps__list button:focus-visible {outline:2px solid #6d0010;outline-offset:3px;}
.dg-remont-kvartir .dg-apartment-steps__layout:not(.is-enhanced) .dg-apartment-steps__list,.dg-remont-kvartir .dg-apartment-steps__layout:not(.is-enhanced) :is(.dg-apartment-steps__track,.dg-apartment-steps__hint) {display:none;}
.dg-remont-kvartir .dg-apartment-steps__layout:not(.is-enhanced) {grid-template-columns:1fr;}
@media(max-width:820px) {
 .dg-remont-kvartir .dg-apartment-steps__layout {grid-template-columns:1fr;gap:16px;}
 .dg-remont-kvartir .dg-apartment-steps__stage {padding:24px;min-height:370px;}
 .dg-remont-kvartir .dg-apartment-steps__list {grid-template-columns:1fr 1fr;}
 .dg-remont-kvartir .dg-apartment-steps__list button {height:100%;grid-template-columns:24px 1fr;gap:8px;font-size:14px;padding:12px;}
 .dg-remont-kvartir .dg-apartment-steps__arrow {display:none;}
}
@media(max-width:480px) {.dg-remont-kvartir .dg-apartment-steps__stage {padding:20px;}.dg-remont-kvartir .dg-apartment-steps__panel p {font-size:16px;}.dg-remont-kvartir .dg-apartment-steps__list button {grid-template-columns:1fr;align-content:start;gap:6px;}}
@media(prefers-reduced-motion:reduce) {.dg-remont-kvartir .dg-apartment-steps :is(button,.dg-apartment-steps__track span) {transition:none;}}

/* Reserve the longest stage text without exposing inactive panels. */
.dg-remont-kvartir .dg-apartment-steps__layout.is-enhanced .dg-apartment-steps__stage {display:grid;grid-template-rows:1fr auto auto;}
.dg-remont-kvartir .dg-apartment-steps__layout.is-enhanced .dg-apartment-steps__panel {grid-area:1 / 1;}
.dg-remont-kvartir .dg-apartment-steps__layout.is-enhanced .dg-apartment-steps__panel[hidden] {display:block!important;visibility:hidden;pointer-events:none;}
.dg-remont-kvartir .dg-apartment-steps__layout.is-enhanced .dg-apartment-steps__panel {padding-bottom:24px;}

/* Short, progressive calculator steps share a single compact working area. */
.dg-remont-kvartir .dg-apartment {scroll-margin-top:108px;}
.dg-remont-kvartir .dg-apartment__step {padding:0;border:0;margin:0 0 24px;min-width:0;}
.dg-remont-kvartir .dg-apartment__step legend {font:inherit;font-size:24px;line-height:1.25;padding:0;margin:0;float:left;width:100%;}
.dg-remont-kvartir .dg-apartment__step legend + * {clear:both;padding-top:10px;}
.dg-remont-kvartir .dg-apartment__navigation {display:flex;gap:12px;margin-top:24px;}
.dg-remont-kvartir .dg-apartment__navigation .dg-seo-button {min-width:160px;}
.dg-remont-kvartir .dg-apartment--wizard .dg-apartment__layout {display:block;max-width:960px;margin-inline:auto;}
.dg-remont-kvartir .dg-apartment--wizard .dg-apartment__header {max-width:none;}
.dg-remont-kvartir .dg-apartment__progress {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-bottom:1px solid #c6cbc8;padding-bottom:20px;margin-bottom:24px;}
.dg-remont-kvartir .dg-apartment__progress button {font:inherit;font-size:15px;line-height:1.3;border:0;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 12px;background:#e5e7e4;color:#292e2e;cursor:pointer;}
.dg-remont-kvartir .dg-apartment__progress button span {font-size:13px;}
.dg-remont-kvartir .dg-apartment__progress button[aria-current=step] {background:#6d0010;color:#fff;}
.dg-remont-kvartir .dg-apartment__progress button:disabled {opacity:1;color:#68716c;background:#eff0ec;cursor:default;}
.dg-remont-kvartir .dg-apartment__progress button[aria-current=step]:disabled {background:#6d0010;color:#fff;}
.dg-remont-kvartir .dg-apartment--wizard .dg-apartment__result {padding:24px;}
.dg-remont-kvartir .dg-apartment--wizard .dg-apartment__contact {max-width:650px;}
.dg-remont-kvartir .dg-apartment__edit {font:inherit;font-size:15px;background:none;border:0;color:#6d0010;padding:10px 0;cursor:pointer;margin:0 0 12px;}
@media(max-width:600px) {
 .dg-remont-kvartir .dg-apartment__progress {gap:4px;}
 .dg-remont-kvartir .dg-apartment__progress button {flex-direction:column;gap:4px;padding:8px 2px;font-size:12px;min-height:58px;}
 .dg-remont-kvartir .dg-apartment__step legend {font-size:22px;}
 .dg-remont-kvartir .dg-apartment__navigation .dg-seo-button {min-width:0;flex:1;padding-inline:10px;}
 .dg-remont-kvartir .dg-apartment--wizard .dg-apartment__result {padding:20px 16px;}
}
.dg-remont-kvartir .dg-apartment--wizard .dg-apartment__header {margin-bottom:16px;}
.dg-remont-kvartir .dg-apartment--wizard .dg-apartment__header h3 {font-size:clamp(24px,2.5vw,30px);}

/* Informational apartment types: no link affordance or hover movement. */
.dg-remont-kvartir .dg-seo-card--static,
.dg-remont-kvartir .dg-seo-card--static:hover {
  cursor: default;
  border-color: var(--dg-remont-kvartir-line);
  box-shadow: none;
  transform: none;
}

/* Compact section rhythm; long content remains free to grow naturally. */
.dg-remont-kvartir .dg-seo-section {
  padding-block: clamp(52px, 6vw, 80px);
}

/* The introduction and its six work items form one continuous content group. */
.dg-remont-kvartir .dg-seo-section--intro { padding-bottom: 24px; }
.dg-remont-kvartir .dg-seo-section--intro + .dg-seo-section { padding-top: 24px; }

@media (min-width: 1200px) {
  .dg-remont-kvartir .dg-seo-section--cards .dg-seo-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
  }
  .dg-remont-kvartir .dg-seo-card--static .dg-seo-card__image { height: 180px; }
  .dg-remont-kvartir .dg-seo-card--static .dg-seo-card__body { padding: 24px; }
  .dg-remont-kvartir .dg-seo-card--static .dg-seo-card__title { font-size: 22px; min-height: 2.3em; }
}

@media (min-width: 821px) {
  .dg-remont-kvartir .dg-apartment-steps__list button {
    min-height: 56px;
    padding-block: 10px;
  }
}

@media (max-width: 820px) {
  .dg-remont-kvartir .dg-seo-feature { min-height: 0; }
}

/* Keep informational grids compact on tablets without narrowing phone cards. */
@media (min-width: 601px) and (max-width: 820px) {
  .dg-remont-kvartir .dg-seo-section--cards .dg-seo-card-grid,
  .dg-remont-kvartir .dg-seo-feature-grid {
    /* Shared legacy mobile CSS forces one column with !important. */
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px;
  }
}


/* Phone pattern: read a stage where it was opened; no nested scrolling. */
.dg-remont-kvartir .dg-apartment-steps__mobile,
.dg-remont-kvartir .dg-apartment__phone-copy {display:none;}
@media (max-width:600px) {
  .dg-remont-kvartir .dg-apartment-steps__layout {display:none;}
  .dg-remont-kvartir .dg-apartment-steps__mobile {display:grid;gap:8px;}
  .dg-remont-kvartir .dg-apartment-steps__item {border:1px solid #c6cbc8;border-radius:20px;background:var(--dg-remont-kvartir-surface);overflow:hidden;}
  .dg-remont-kvartir .dg-apartment-steps__item summary {display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:10px;min-height:68px;padding:16px;cursor:pointer;font-size:16px;line-height:1.4;list-style:none;}
  .dg-remont-kvartir .dg-apartment-steps__item summary::-webkit-details-marker {display:none;}
  .dg-remont-kvartir .dg-apartment-steps__item summary::after {content:'+';color:var(--dg-remont-kvartir-accent);font-size:24px;text-align:center;}
  .dg-remont-kvartir .dg-apartment-steps__item[open] summary::after {content:'−';}
  .dg-remont-kvartir .dg-apartment-steps__item[open] {border-color:var(--dg-remont-kvartir-accent);}
  .dg-remont-kvartir .dg-apartment-steps__item p {font-size:16px;line-height:1.55;margin:0;padding:0 16px 20px;}
  .dg-remont-kvartir .dg-apartment-steps__item summary:focus-visible {outline:2px solid var(--dg-remont-kvartir-accent);outline-offset:-4px;border-radius:20px;}

  /* Short steps keep actions in normal document flow, including with a keyboard. */
  .dg-remont-kvartir .dg-apartment__phone-copy {display:inline;}
  .dg-remont-kvartir .dg-apartment__desktop-copy,
  .dg-remont-kvartir .dg-apartment--wizard .dg-apartment__header>.dg-remont-kvartir__eyebrow,
  .dg-remont-kvartir .dg-apartment--wizard .dg-apartment__step>legend,
  .dg-remont-kvartir .dg-apartment--wizard .dg-apartment__step>.dg-apartment__hint {display:none;}
  .dg-remont-kvartir .dg-apartment {padding:20px 16px;scroll-margin-top:84px;}
  .dg-remont-kvartir #calculator {scroll-margin-top:84px;}
  .dg-remont-kvartir .dg-apartment--wizard .dg-apartment__header h3 {font-size:26px;margin:0;}
  .dg-remont-kvartir .dg-apartment__mobile-progress {margin-bottom:20px;}
  .dg-remont-kvartir .dg-apartment__mobile-progress p {font-size:14px;line-height:1.4;color:#59615d;margin:0 0 10px;}
  .dg-remont-kvartir .dg-apartment__mobile-track {height:4px;background:#d4d8d4;border-radius:20px;overflow:hidden;}
  .dg-remont-kvartir .dg-apartment__mobile-track span {display:block;width:var(--quote-progress);height:100%;background:var(--dg-remont-kvartir-accent);}
  .dg-remont-kvartir .dg-apartment__mobile-heading h4 {font:inherit;font-size:22px;line-height:1.25;margin:0;}
  .dg-remont-kvartir .dg-apartment__mobile-heading .dg-apartment__hint {margin:10px 0 20px;font-size:15px;line-height:1.45;}
  .dg-remont-kvartir .dg-apartment--wizard .dg-apartment__step {margin:0;}
  .dg-remont-kvartir .dg-apartment--wizard .dg-apartment__step + .dg-apartment__step:not([hidden]) {margin-top:16px;}
  .dg-remont-kvartir .dg-apartment__fields {gap:16px;}
  .dg-remont-kvartir .dg-apartment__field label {font-size:16px;min-height:0;}
  .dg-remont-kvartir .dg-apartment__field :is(input,select) {scroll-margin-block:96px 24px;}
  .dg-remont-kvartir .dg-apartment__navigation {gap:10px;margin-top:24px;padding-bottom:env(safe-area-inset-bottom,0px);}
  .dg-remont-kvartir .dg-apartment__navigation [data-quote-back] {flex:0 0 84px;}
  .dg-remont-kvartir .dg-apartment__navigation [type=submit] {white-space:normal;}
  .dg-remont-kvartir .dg-apartment__result {scroll-margin-top:84px;}
  .dg-remont-kvartir .dg-apartment__price {white-space:normal;overflow-wrap:anywhere;}
}

/* The floating up control overlaps phone fields and accordion summaries. */
@media (max-width:600px) {
  body.dg-service-seo-page-remont_kvartir .scroll-to-up-site {display:none!important;}
}