/* DoorHan doors page production pass. Scoped final layer. */
html body.doors-page {
  --doors-bg: #f5f4f0;
  --doors-band: #ebe8e1;
  --doors-card: #fff;
  --doors-ink: #171b1f;
  --doors-muted: #68737a;
  --doors-line: rgba(23, 27, 31, 0.12);
  --doors-accent: #171b1f;
  background: var(--doors-bg);
  color: var(--doors-ink);
}

html body.doors-page .doors-shell {
  background: var(--doors-bg);
}

html body.doors-page .editorial-header {
  position: fixed !important;
  top: 18px !important;
  left: 0 !important;
  right: 0 !important;
  min-height: 0 !important;
  color: var(--doors-ink) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(23, 27, 31, 0.1) !important;
  box-shadow: 0 18px 54px rgba(23, 27, 31, 0.08) !important;
}

html body.doors-page .editorial-header .editorial-brand small,
html body.doors-page .editorial-header .editorial-phone,
html body.doors-page .editorial-header .editorial-nav,
html body.doors-page .editorial-header .editorial-nav a,
html body.doors-page .editorial-header .nav-dropdown__trigger {
  color: rgba(23, 27, 31, 0.76) !important;
  -webkit-text-fill-color: rgba(23, 27, 31, 0.76) !important;
}

html body.doors-page .editorial-header .editorial-button--ghost {
  color: #fff !important;
  background: var(--doors-accent) !important;
  border-color: var(--doors-accent) !important;
  box-shadow: none !important;
}

html body.doors-page #doors-hero.doors-hero {
  position: relative !important;
  width: min(100% - 48px, 1344px) !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(460px, 1fr) !important;
  gap: clamp(34px, 5vw, 84px) !important;
  align-items: center !important;
  margin: 118px auto 0 !important;
  padding: clamp(54px, 6vw, 84px) clamp(28px, 4vw, 54px) !important;
  overflow: hidden !important;
  border: 1px solid var(--doors-line) !important;
  background:
    linear-gradient(120deg, rgba(245, 244, 240, 0.98), rgba(245, 244, 240, 0.84) 42%, rgba(235, 232, 225, 0.58)),
    #f5f4f0 !important;
}

html body.doors-page #doors-hero::before {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  content: "" !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.7), transparent 44%),
    linear-gradient(180deg, transparent, rgba(23, 27, 31, 0.04)) !important;
  pointer-events: none !important;
}

html body.doors-page #doors-hero::after {
  display: none !important;
}

html body.doors-page #doors-hero .doors-hero__copy,
html body.doors-page #doors-hero .doors-hero__media {
  position: relative !important;
  z-index: 1 !important;
}

html body.doors-page #doors-hero .doors-hero__copy {
  max-width: 620px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

html body.doors-page .doors-eyebrow {
  margin: 0 0 14px !important;
  color: #8a3427 !important;
  font: 800 12px/1.25 Manrope, sans-serif !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

html body.doors-page .doors-hero h1 {
  max-width: 620px !important;
  margin: 0 !important;
  color: var(--doors-ink) !important;
  font: 600 clamp(46px, 5.2vw, 76px)/0.98 Geologica, Manrope, sans-serif !important;
  letter-spacing: 0 !important;
}

html body.doors-page .doors-hero__copy > p:not(.doors-eyebrow) {
  max-width: 520px !important;
  margin: 22px 0 0 !important;
  color: var(--doors-muted) !important;
  font: 600 17px/1.58 Manrope, sans-serif !important;
}

html body.doors-page .doors-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 30px !important;
}

html body.doors-page .doors-button {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border: 1px solid rgba(23, 27, 31, 0.26) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--doors-ink) !important;
  background: transparent !important;
  font: 800 14px/1 Manrope, sans-serif !important;
  text-decoration: none !important;
}

html body.doors-page .doors-button--primary {
  color: #fff !important;
  background: var(--doors-accent) !important;
  border-color: var(--doors-accent) !important;
}

html body.doors-page .doors-button:hover,
html body.doors-page .doors-button:focus-visible {
  transform: translateY(-1px) !important;
}

html body.doors-page #doors-hero .doors-hero__facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  max-width: 620px !important;
  margin-top: 34px !important;
}

html body.doors-page #doors-hero .doors-hero__facts span {
  min-height: 76px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  padding: 14px !important;
  color: rgba(23, 27, 31, 0.74) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(23, 27, 31, 0.08) !important;
  font: 800 12px/1.35 Manrope, sans-serif !important;
  text-transform: none !important;
}

html body.doors-page #doors-hero .doors-hero__facts b {
  color: #8a3427 !important;
  font: 800 12px/1 Manrope, sans-serif !important;
}

html body.doors-page #doors-hero .doors-hero__media {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 10 !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(23, 27, 31, 0.1) !important;
  background:
    url("./assets/doorhan-doors/hero/entrance-termo-house-v4.webp") 74% center / cover no-repeat,
    #ddd9d0 !important;
  box-shadow: none !important;
}

html body.doors-page #doors-hero .doors-hero__media img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: 74% center !important;
}

html body.doors-page .doors-page-nav {
  position: sticky !important;
  top: 92px !important;
  z-index: 12 !important;
  width: min(100% - 48px, 1344px) !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  gap: 8px !important;
  margin: 14px auto 0 !important;
  padding: 10px !important;
  overflow-x: auto !important;
  border: 1px solid var(--doors-line) !important;
  background: rgba(245, 244, 240, 0.9) !important;
  backdrop-filter: blur(14px) !important;
}

html body.doors-page .doors-page-nav a {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  border: 1px solid rgba(23, 27, 31, 0.1) !important;
  color: rgba(23, 27, 31, 0.72) !important;
  background: #fff !important;
  font: 800 12px/1 Manrope, sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.doors-page .doors-tasks,
html body.doors-page .doors-series,
html body.doors-page .doors-catalog,
html body.doors-page .doors-calc,
html body.doors-page .doors-steps,
html body.doors-page .doors-request {
  width: min(100% - 48px, 1344px) !important;
  margin-inline: auto !important;
  padding: clamp(58px, 6vw, 88px) 0 !important;
  background: transparent !important;
}

html body.doors-page .doors-tasks {
  border-bottom: 1px solid var(--doors-line) !important;
}

html body.doors-page .doors-task-layout {
  display: block !important;
}

html body.doors-page .doors-task-intro {
  position: static !important;
  max-width: 760px !important;
  margin-bottom: 34px !important;
}

html body.doors-page .doors-task-intro h2,
html body.doors-page .doors-section-head h2,
html body.doors-page .doors-request h2 {
  margin: 0 !important;
  color: var(--doors-ink) !important;
  font: 600 clamp(32px, 3.6vw, 54px)/1.05 Geologica, Manrope, sans-serif !important;
  letter-spacing: 0 !important;
}

html body.doors-page .doors-task-intro > p:not(.doors-eyebrow),
html body.doors-page .doors-section-head > p,
html body.doors-page .doors-section-head > div + p,
html body.doors-page .doors-request p {
  max-width: 620px !important;
  margin: 18px 0 0 !important;
  color: var(--doors-muted) !important;
  font: 600 16px/1.58 Manrope, sans-serif !important;
}

html body.doors-page .doors-task-intro > p:not(.doors-eyebrow) {
  max-width: 560px !important;
}

html body.doors-page .doors-task-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

html body.doors-page .doors-task-grid article,
html body.doors-page .doors-task-grid article:first-child,
html body.doors-page .doors-task-grid article:nth-child(6) {
  min-height: 190px !important;
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: 1fr auto !important;
  gap: 14px 18px !important;
  padding: 22px !important;
  border: 1px solid var(--doors-line) !important;
  background: var(--doors-card) !important;
  box-shadow: none !important;
}

html body.doors-page .doors-task-grid article > span {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(138, 52, 39, 0.18) !important;
  color: #8a3427 !important;
  background: #f5f4f0 !important;
  font: 800 12px/1 Manrope, sans-serif !important;
}

html body.doors-page .doors-task-grid h3 {
  margin: 0 0 10px !important;
  font: 600 clamp(19px, 1.5vw, 24px)/1.13 Geologica, Manrope, sans-serif !important;
}

html body.doors-page .doors-task-grid p,
html body.doors-page .doors-task-grid small {
  display: block !important;
  margin: 0 !important;
  color: var(--doors-muted) !important;
  font: 600 14px/1.48 Manrope, sans-serif !important;
  text-transform: none !important;
}

html body.doors-page .doors-task-grid small {
  margin-top: 12px !important;
  color: rgba(23, 27, 31, 0.48) !important;
  font-size: 12px !important;
}

html body.doors-page .doors-task-grid a {
  grid-column: 2 !important;
  align-self: end !important;
  width: fit-content !important;
  margin: 4px 0 0 !important;
  color: var(--doors-ink) !important;
  font: 800 13px/1 Manrope, sans-serif !important;
}

html body.doors-page .doors-task-grid a::after,
html body.doors-page .doors-card a::after {
  content: "" !important;
}

html body.doors-page .doors-section-head,
html body.doors-page .doors-section-head--row {
  display: block !important;
  max-width: 820px !important;
  margin-bottom: 34px !important;
}

html body.doors-page .doors-entry-layout {
  display: grid !important;
  grid-template-columns: minmax(360px, 0.86fr) minmax(0, 1.14fr) !important;
  gap: 14px !important;
}

html body.doors-page .doors-entry-feature,
html body.doors-page .doors-series__grid article,
html body.doors-page .doors-card {
  overflow: hidden !important;
  border: 1px solid var(--doors-line) !important;
  border-radius: 0 !important;
  background: var(--doors-card) !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.doors-page .doors-entry-feature {
  display: grid !important;
  grid-template-rows: auto 1fr !important;
}

html body.doors-page .doors-entry-feature img,
html body.doors-page .doors-series__grid img,
html body.doors-page .doors-card img {
  width: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  background:
    linear-gradient(180deg, #fff, #f5f4f0) !important;
}

html body.doors-page .doors-entry-feature img {
  height: 360px !important;
  aspect-ratio: auto !important;
  min-height: 0 !important;
  padding: 22px !important;
}

html body.doors-page .doors-series__grid img,
html body.doors-page .doors-card img {
  height: 238px !important;
  aspect-ratio: auto !important;
  padding: 18px !important;
}

html body.doors-page .doors-grid--objects .doors-card img {
  width: 100% !important;
  max-width: none !important;
  height: 238px !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 18px !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body.doors-page .doors-series__grid,
html body.doors-page .doors-grid--objects {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body.doors-page .doors-grid--objects .doors-card--large,
html body.doors-page .doors-grid--objects .doors-card--wide {
  grid-column: auto !important;
}

html body.doors-page .doors-grid--objects .doors-card,
html body.doors-page .doors-grid--objects .doors-card--large,
html body.doors-page .doors-grid--objects .doors-card--wide {
  display: flex !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  flex-direction: column !important;
}

html body.doors-page .doors-entry-feature div,
html body.doors-page .doors-series__grid article,
html body.doors-page .doors-card div {
  display: flex !important;
  flex-direction: column !important;
}

html body.doors-page .doors-entry-feature div,
html body.doors-page .doors-card div {
  min-height: 260px !important;
  padding: 22px !important;
}

html body.doors-page .doors-series__grid h3,
html body.doors-page .doors-card h3,
html body.doors-page .doors-entry-feature h3 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--doors-ink) !important;
  font: 600 clamp(20px, 1.7vw, 26px)/1.1 Geologica, Manrope, sans-serif !important;
}

html body.doors-page .doors-series__grid p,
html body.doors-page .doors-card p,
html body.doors-page .doors-entry-feature p {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--doors-muted) !important;
  font: 600 14px/1.52 Manrope, sans-serif !important;
}

html body.doors-page .doors-card ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: auto 0 0 !important;
  padding: 18px 0 0 !important;
  list-style: none !important;
}

html body.doors-page .doors-card li {
  padding: 7px 9px !important;
  border: 1px solid rgba(23, 27, 31, 0.1) !important;
  border-radius: 0 !important;
  color: rgba(23, 27, 31, 0.66) !important;
  background: #f5f4f0 !important;
  font: 800 12px/1 Manrope, sans-serif !important;
}

html body.doors-page .doors-series__grid a,
html body.doors-page .doors-card a {
  width: fit-content !important;
  margin-top: auto !important;
  padding-top: 18px !important;
  color: var(--doors-ink) !important;
  font: 800 13px/1 Manrope, sans-serif !important;
  text-decoration: none !important;
}

html body.doors-page .doors-calc__body {
  display: grid !important;
  grid-template-columns: minmax(0, 0.64fr) minmax(320px, 0.36fr) !important;
  gap: 14px !important;
}

html body.doors-page .doors-calc__body ul,
html body.doors-page .doors-steps__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: var(--doors-line) !important;
  border: 1px solid var(--doors-line) !important;
}

html body.doors-page .doors-calc__body li,
html body.doors-page .doors-steps__grid li {
  min-height: 104px !important;
  padding: 22px !important;
  background: var(--doors-card) !important;
  color: var(--doors-muted) !important;
  font: 700 15px/1.45 Manrope, sans-serif !important;
}

html body.doors-page .doors-calc__body aside {
  padding: 28px !important;
  border: 1px solid var(--doors-line) !important;
  background: var(--doors-card) !important;
  box-shadow: none !important;
}

html body.doors-page .doors-steps__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.doors-page .doors-request--final {
  display: grid !important;
  grid-template-columns: minmax(0, 0.72fr) auto !important;
  gap: 28px !important;
  align-items: center !important;
  padding: clamp(46px, 5vw, 68px) clamp(26px, 4vw, 48px) !important;
  border: 1px solid var(--doors-line) !important;
  background:
    linear-gradient(120deg, #ebe8e1, #f8f7f3) !important;
}

@media (max-width: 1040px) {
  html body.doors-page .editorial-header {
    width: min(100% - 28px, 680px) !important;
    grid-template-columns: auto auto !important;
    justify-content: space-between !important;
  }

  html body.doors-page .editorial-header .editorial-nav,
  html body.doors-page .editorial-header .editorial-header__actions {
    display: none !important;
  }

  html body.doors-page .editorial-header.is-mobile-open {
    align-items: start !important;
  }

  html body.doors-page .editorial-header.is-mobile-open .editorial-nav {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding-top: 16px !important;
  }

  html body.doors-page .editorial-header.is-mobile-open .editorial-nav a,
  html body.doors-page .editorial-header.is-mobile-open .nav-dropdown__trigger {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    border-top: 1px solid rgba(23, 27, 31, 0.08) !important;
  }

  html body.doors-page .editorial-header.is-mobile-open .nav-dropdown__panel {
    position: static !important;
    width: 100% !important;
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: none !important;
  }

  html body.doors-page #doors-hero.doors-hero,
  html body.doors-page .doors-task-layout,
  html body.doors-page .doors-entry-layout,
  html body.doors-page .doors-calc__body,
  html body.doors-page .doors-request--final {
    grid-template-columns: 1fr !important;
  }

  html body.doors-page #doors-hero .doors-hero__media {
    order: -1 !important;
    aspect-ratio: 16 / 10 !important;
  }

  html body.doors-page .doors-task-intro {
    position: static !important;
  }

  html body.doors-page .doors-series__grid,
  html body.doors-page .doors-grid--objects,
  html body.doors-page .doors-steps__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.doors-page #doors-hero.doors-hero,
  html body.doors-page .doors-tasks,
  html body.doors-page .doors-series,
  html body.doors-page .doors-catalog,
  html body.doors-page .doors-calc,
  html body.doors-page .doors-steps,
  html body.doors-page .doors-request {
    width: min(100% - 24px, 460px) !important;
  }

  html body.doors-page #doors-hero.doors-hero {
    margin-top: 92px !important;
    padding: 18px 18px 34px !important;
    gap: 28px !important;
  }

  html body.doors-page #doors-hero .doors-hero__media {
    aspect-ratio: 16 / 9 !important;
    background-position: 88% center !important;
  }

  html body.doors-page #doors-hero .doors-hero__media img {
    object-position: 88% center !important;
  }

  html body.doors-page .doors-hero h1 {
    font-size: clamp(36px, 11vw, 48px) !important;
  }

  html body.doors-page .doors-hero__copy > p:not(.doors-eyebrow) {
    font-size: 16px !important;
  }

  html body.doors-page .doors-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body.doors-page #doors-hero .doors-hero__facts,
  html body.doors-page .doors-series__grid,
  html body.doors-page .doors-grid--objects,
  html body.doors-page .doors-calc__body ul,
  html body.doors-page .doors-steps__grid {
    grid-template-columns: 1fr !important;
  }

  html body.doors-page #doors-hero .doors-hero__facts {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  html body.doors-page .doors-task-grid {
    grid-template-columns: 1fr !important;
  }

  html body.doors-page #doors-hero .doors-hero__facts span {
    min-height: 58px !important;
    padding: 10px 8px !important;
    font-size: 11px !important;
  }

  html body.doors-page .doors-page-nav {
    width: 100% !important;
    top: 0 !important;
    margin-top: 12px !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  html body.doors-page .doors-task-grid article,
  html body.doors-page .doors-task-grid article:first-child,
  html body.doors-page .doors-task-grid article:nth-child(6) {
    min-height: 0 !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    padding: 18px !important;
  }

  html body.doors-page .doors-entry-feature div,
  html body.doors-page .doors-card div {
    min-height: 0 !important;
  }

  html body.doors-page .doors-entry-feature img,
  html body.doors-page .doors-series__grid img,
  html body.doors-page .doors-card img,
  html body.doors-page .doors-grid--objects .doors-card img {
    height: 220px !important;
    min-height: 0 !important;
  }

  html body.doors-page .doors-section-head,
  html body.doors-page .doors-section-head--row {
    grid-template-columns: 1fr !important;
  }
}

/* Restore the approved first block: one full image, copy over the scene. */
html body.doors-page #doors-hero.doors-hero {
  min-height: clamp(620px, 72vh, 820px) !important;
  display: flex !important;
  align-items: center !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  padding: clamp(82px, 8vw, 118px) clamp(32px, 6vw, 92px) clamp(54px, 6vw, 82px) !important;
  background: #151719 !important;
}

html body.doors-page #doors-hero::before {
  background:
    linear-gradient(90deg, rgba(13, 15, 17, 0.84) 0%, rgba(13, 15, 17, 0.58) 36%, rgba(13, 15, 17, 0.16) 70%, rgba(13, 15, 17, 0.08) 100%),
    linear-gradient(180deg, rgba(13, 15, 17, 0.1), rgba(13, 15, 17, 0.38)) !important;
}

html body.doors-page #doors-hero .doors-hero__copy {
  z-index: 2 !important;
  max-width: 640px !important;
}

html body.doors-page #doors-hero .doors-hero__media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  background: #151719 !important;
  order: initial !important;
}

html body.doors-page #doors-hero .doors-hero__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 64% center !important;
  filter: saturate(1.02) contrast(1.04) brightness(0.92) !important;
}

html body.doors-page #doors-hero .doors-eyebrow,
html body.doors-page #doors-hero h1,
html body.doors-page #doors-hero .doors-hero__copy > p:not(.doors-eyebrow) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.doors-page #doors-hero .doors-eyebrow {
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
}

html body.doors-page #doors-hero .doors-hero__copy > p:not(.doors-eyebrow) {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

html body.doors-page #doors-hero .doors-button {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.56) !important;
}

html body.doors-page #doors-hero .doors-button--primary {
  color: #171b1f !important;
  background: #fff !important;
  border-color: #fff !important;
}

html body.doors-page #doors-hero .doors-hero__facts span {
  color: rgba(255, 255, 255, 0.78) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(12px) !important;
}

html body.doors-page #doors-hero .doors-hero__facts b {
  color: #fff !important;
}

@media (max-width: 1040px) {
  html body.doors-page #doors-hero.doors-hero {
    min-height: clamp(620px, 84vh, 760px) !important;
    padding-top: 118px !important;
  }
}

@media (max-width: 640px) {
  html body.doors-page #doors-hero.doors-hero {
    min-height: 680px !important;
    padding: 110px 20px 34px !important;
  }

  html body.doors-page #doors-hero::before {
    background:
      linear-gradient(180deg, rgba(13, 15, 17, 0.54) 0%, rgba(13, 15, 17, 0.8) 52%, rgba(13, 15, 17, 0.9) 100%) !important;
  }

  html body.doors-page #doors-hero .doors-hero__media {
    aspect-ratio: auto !important;
  }

  html body.doors-page #doors-hero .doors-hero__media img {
    object-position: 66% center !important;
  }
}

/* Final production guard: door catalog cards must stay visually uniform. */
html body.doors-page .doors-series__grid {
  align-items: stretch !important;
}

html body.doors-page .doors-series__grid article {
  min-height: 415px !important;
}

html body.doors-page .doors-grid--objects {
  align-items: stretch !important;
}

html body.doors-page .doors-grid--objects .doors-card,
html body.doors-page .doors-grid--objects .doors-card--large,
html body.doors-page .doors-grid--objects .doors-card--wide {
  min-height: 660px !important;
}

html body.doors-page .doors-entry-feature img,
html body.doors-page .doors-series__grid img,
html body.doors-page .doors-grid--objects .doors-card img {
  background: #eef1f2 !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 720px) {
  html body.doors-page .doors-series__grid article,
  html body.doors-page .doors-grid--objects .doors-card,
  html body.doors-page .doors-grid--objects .doors-card--large,
  html body.doors-page .doors-grid--objects .doors-card--wide {
    min-height: 0 !important;
  }
}

/* Keep the shared header dropdown readable after door-page overrides. */
html body.doors-page .editorial-header {
  z-index: 10000 !important;
  overflow: visible !important;
}

html body.doors-page .editorial-header .nav-dropdown__panel {
  z-index: 10020 !important;
  background: rgba(16, 20, 24, 0.97) !important;
  border-color: rgba(246, 244, 239, 0.16) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34) !important;
}

html body.doors-page .editorial-header .nav-dropdown__panel a {
  color: #f6f4ef !important;
  -webkit-text-fill-color: #f6f4ef !important;
  opacity: 0.9 !important;
}

html body.doors-page .editorial-header .nav-dropdown__panel a:hover,
html body.doors-page .editorial-header .nav-dropdown__panel a:focus-visible {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: rgba(246, 244, 239, 0.1) !important;
  opacity: 1 !important;
}

html body.doors-page .editorial-header .nav-dropdown.is-open > .nav-dropdown__panel {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translate(-50%, 0) !important;
  visibility: visible !important;
}