/* Страница kontakty.html: шапка/подвал как produktsiya; белый блок — только .kontakty-sheet (без .rectangle-7, иначе
 * product-adaptive тянет отрицательный margin-top и блок наезжает на герой и под фикс. masthead). */

body.pokiza-page-kontakty .main-container {
  height: auto !important;
  /* product.css: overflow:hidden — иначе обрезается верх .kontakty-sheet (видна только карта). */
  overflow: visible !important;
  min-height: 0 !important;
}

body.pokiza-page-kontakty .main-container.pokiza-height-synced {
  overflow: visible !important;
}

/*
 * Белый лист — как .rectangle-7: ширина 100% от .main-container (макет 1918px + zoom/transform).
 * Не использовать 100vw + отрицательные margin: при zoom на .main-container лист получался уже окна
 * и выглядел «миниблоком» по центру.
 */
body.pokiza-page-kontakty .main-container > .site-main {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

body.pokiza-page-kontakty .main-container > .site-main .kontakty-sheet {
  position: relative;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: clamp(2.5rem, 5vw, 4rem) clamp(1rem, 4vw, 3rem) clamp(2rem, 4vw, 3rem);
  box-sizing: border-box;
  font-size: initial;
  background: #ffffff;
  border-radius: 36px 36px 0 0;
  box-shadow: 0 -20px 48px rgba(0, 0, 0, 0.12);
  pointer-events: auto;
  z-index: 12;
}

@media (max-width: 900px) {
  body.pokiza-page-kontakty .main-container > .site-main {
    margin-top: 0 !important;
  }

  body.pokiza-page-kontakty .main-container > .site-main .kontakty-sheet {
    margin-top: 0;
    margin-bottom: 0;
    padding: var(--pokiza-primary-headline-from-white-top) clamp(1rem, 4vw, 1.25rem) clamp(2rem, 5vw, 3rem);
  }

  body.pokiza-page-kontakty .main-container > .flex-row-dde {
    margin-top: 3.5rem !important;
  }
}

@media (min-width: 901px) {
  /*
   * Герой (.mask-group) абсолютный — .site-header в потоке почти без высоты, .site-main начинался с y=0
   * и оказывался ПОД картинкой. Резервируем высоту как у блока в site-chrome (855px), контент — ниже фото.
   */
  body.pokiza-page-kontakty .main-container > .site-header {
    position: relative !important;
    min-height: min(855px, 88vh);
    z-index: 5;
  }

  body.pokiza-page-kontakty .main-container > .site-main {
    z-index: 10 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.pokiza-page-kontakty .main-container > .site-main .kontakty-sheet {
    /* Как .rectangle-7 на продукции: верх белого листа на --white-sheet-top от верха .main-container */
    margin-top: calc(var(--white-sheet-top) - min(855px, 88vh)) !important;
    padding: var(--pokiza-primary-headline-from-white-top) clamp(1.5rem, 4vw, 3.5rem) 3.25rem clamp(1.5rem, 4vw, 3.5rem) !important;
    margin-bottom: 0 !important;
    border-radius: 107px 107px 0 0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    z-index: 12;
  }

  body.pokiza-page-kontakty .kontakty-page__map-frame {
    min-height: 320px;
  }

  body.pokiza-page-kontakty .main-container > .flex-row-dde {
    margin-top: 0 !important;
  }
}

/*
 * Заголовок как на produktsiya: .our-products + .group-8 + .quality-description
 * (сброс margin/width из product.css — иначе уезжает влево).
 */
body.pokiza-page-kontakty .kontakty-sheet .kontakty-page__hero-title {
  margin: 0 0 1.25rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

body.pokiza-page-kontakty .kontakty-sheet .kontakty-page__hero-title .our-products {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  position: relative !important;
  width: auto !important;
  max-width: calc(100% - 32px) !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 8px !important;
  left: auto !important;
  color: #6f160c !important;
  font-family: Involve, var(--font-sans-brand), var(--default-font-family) !important;
  font-size: clamp(2rem, 4.5vw, 48px) !important;
  font-weight: 400 !important;
  line-height: 47px !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body.pokiza-page-kontakty .kontakty-sheet .kontakty-page__hero-title .group-8 {
  /* На контактах .group-8 содержит старый текст «для вашего стола» в изображении.
     Скрываем, чтобы оставить только актуальную строку ниже. */
  display: none !important;
}

body.pokiza-page-kontakty .kontakty-sheet .kontakty-page__hero-title .quality-description.kontakty-page__title-subline {
  position: relative !important;
  /* Как .group-8 на produktsiya: ширина/высота полосы, текст по масштабу той же «надписи» */
  width: min(520.579px, calc(100% - 32px)) !important;
  max-width: min(520.579px, calc(100% - 32px)) !important;
  min-height: clamp(72px, 18vw, 106.593px) !important;
  height: auto !important;
  margin: 16px auto 0 !important;
  padding: 0 8px !important;
  left: auto !important;
  top: auto !important;
  box-sizing: border-box !important;
  color: #61100b !important;
  font-family: "Miama Nueva", "Great Vibes", "Marck Script", cursive !important;
  /* Вписываем одну строку в ту же визуальную высоту, что block .group-8 (106px) */
  font-size: clamp(1.9rem, 4.4vw, 2.875rem) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (min-width: 901px) {
  body.pokiza-page-kontakty .kontakty-sheet .kontakty-page__hero-title .our-products {
    font-size: 48px !important;
    line-height: 47px !important;
    max-width: 100% !important;
  }

  body.pokiza-page-kontakty .kontakty-sheet .kontakty-page__hero-title .group-8 {
    display: none !important;
  }

  body.pokiza-page-kontakty .kontakty-sheet .kontakty-page__hero-title .quality-description.kontakty-page__title-subline {
    width: min(520.579px, calc(100% - 32px)) !important;
    max-width: min(520.579px, calc(100% - 32px)) !important;
    min-height: 106.593px !important;
    margin: 16px auto 0 !important;
    font-size: 46px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.05em !important;
  }
}

body.pokiza-page-kontakty .kontakty-page__text {
  font-family: var(--heading-font-family);
  font-size: clamp(1rem, 2.4vw, 1.2rem);
  font-weight: 400;
  color: #1a1a1a;
  text-align: center;
  line-height: 1.55;
  margin: clamp(1rem, 3vw, 1.75rem) auto 2rem;
  max-width: 40rem;
}

body.pokiza-page-kontakty .kontakty-page__cta {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(2rem, 5vw, 3rem);
}

body.pokiza-page-kontakty .kontakty-page__map-heading {
  font-family: var(--heading-font-family);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  font-weight: 600;
  color: #6f160c;
  text-align: center;
  margin: 0 0 1rem;
}

body.pokiza-page-kontakty .kontakty-page__map {
  max-width: 960px;
  margin: 0 auto;
}

body.pokiza-page-kontakty .kontakty-page__map-frame {
  position: relative;
  width: 100%;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
  aspect-ratio: 16 / 10;
  min-height: 260px;
  background: #e8e8e8;
}

body.pokiza-page-kontakty .kontakty-page__map-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

body.pokiza-page-kontakty .kontakty-sheet .rectangle-23 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: min(1382px, 100%) !important;
}

/* Подвал — в потоке под контентом */
body.pokiza-page-kontakty .main-container > .flex-row-dde {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin: 0 auto !important;
  width: var(--layout-page-width) !important;
  max-width: 100% !important;
  height: auto !important;
  z-index: 200;
}

body.pokiza-page-kontakty .flex-row-dde .rectangle-14.site-footer {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
}