/* Общая шапка и подвал как на главной — подключать после страничного CSS */
@import url("base.css");

.site-header .mask-group {
  position: absolute;
  width: 1919px;
  height: 855px;
  top: 0;
  left: 1px;
  -webkit-mask-image: var(--pokiza-hero-mask-image);
  -webkit-mask-size: cover;
  mask-image: var(--pokiza-hero-mask-image);
  mask-size: cover;
  mask-repeat: no-repeat;
}
.site-header .group-1 {
  position: relative;
  width: 2171px;
  height: 902.166px;
  margin: -100.166px 0 0 -126.001px;
  z-index: 1;
  /* hidden+visible давало по спецификации overflow-y:auto — «листание» внутри героя под фото */
  overflow: hidden;
}
.site-header .flex-row-faf {
  position: relative;
  width: 1742.594px;
  height: 321.443px;
  margin: 0 0 0 213.659px;
  z-index: 15;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--pokiza-hero-nav-gap);
  padding: var(--pokiza-hero-flex-padding);
  box-sizing: border-box;
}
.site-header .flex-row-faf > .group-2 {
  flex: 0 0 auto;
}
.site-header .flex-row-faf > a.main-8,
.site-header .flex-row-faf > a.about-company,
.site-header .flex-row-faf > a.product,
.site-header .flex-row-faf > a.contacts,
.site-header .flex-row-faf > span.contacts {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  height: auto !important;
  flex: 0 0 auto;
  pointer-events: auto;
  z-index: 30;
}
.site-header .flex-row-faf > a.main-8 {
  margin-left: var(--pokiza-hero-nav-first-links-shift) !important;
}
.site-header .flex-row-faf > a.product,
.site-header .flex-row-faf > span.product {
  margin-left: auto !important;
}
.site-header .flex-row-faf > a.contacts,
.site-header .flex-row-faf > span.contacts {
  margin-right: var(--pokiza-hero-nav-trailing-pull) !important;
}
.site-header .group-2 {
  position: absolute;
  width: 1742.594px;
  height: 321.443px;
  top: 0;
  left: 0;
  z-index: 3;
}
.site-header .group-3 {
  position: absolute;
  width: 1742.594px;
  height: 321.443px;
  top: 0;
  left: 0;
  z-index: 4;
  overflow: hidden;
}
.site-header .rectangle {
  position: absolute;
  width: var(--pokiza-hero-glass-width);
  height: var(--pokiza-hero-glass-height);
  top: var(--pokiza-hero-glass-top);
  left: var(--pokiza-hero-glass-left);
  background: linear-gradient(
    165deg,
    rgba(255, 255, 255, 0.16) 0%,
    rgba(85, 45, 38, 0.28) 100%
  );
  background-size: 100% 100%;
  z-index: 5;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: var(--pokiza-hero-glass-radius);
  overflow: hidden;
}
.site-header .group-4 {
  position: absolute;
  width: 361.284px;
  height: 133.882px;
  top: 120px;
  left: 679.61px;
  z-index: 6;
}
.site-header .group-5 {
  position: absolute;
  width: 361.284px;
  height: 133.882px;
  top: 0;
  left: 0;
  z-index: 7;
}
.site-header .group-6 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 8;
}
.site-header .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.site-header .group-7 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-05/AUtEZMvN2Y.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 10;
}
.site-header .main-8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 7.8%;
  top: var(--pokiza-hero-nav-top);
  left: 12%;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: var(--pokiza-hero-nav-font-size);
  font-weight: 400;
  line-height: var(--pokiza-hero-nav-line-height);
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 13;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.site-header .about-company {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 7.8%;
  top: var(--pokiza-hero-nav-top);
  left: 21%;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: var(--pokiza-hero-nav-font-size);
  font-weight: 400;
  line-height: var(--pokiza-hero-nav-line-height);
  text-align: left;
  white-space: nowrap;
  z-index: 11;
}
.site-header .product {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 7.8%;
  top: var(--pokiza-hero-nav-top);
  left: 68%;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: var(--pokiza-hero-nav-font-size);
  font-weight: 400;
  line-height: var(--pokiza-hero-nav-line-height);
  text-align: left;
  white-space: nowrap;
  z-index: 14;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.site-header .contacts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 7.8%;
  top: var(--pokiza-hero-nav-top);
  right: 12%;
  left: auto;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: var(--pokiza-hero-nav-font-size);
  font-weight: 400;
  line-height: var(--pokiza-hero-nav-line-height);
  text-align: left;
  white-space: nowrap;
  z-index: 30;
  pointer-events: auto;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

/* Надпись Халяль — как на главной (home.css .halal-production + --over-hero); общий слой для страниц без home.css */
.main-container .halal-production--over-hero {
  display: block;
  position: absolute;
  left: 50% !important;
  right: auto !important;
  top: var(--halal-line-top);
  margin: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 25;
  pointer-events: auto;
  height: auto;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  text-align: center !important;
  white-space: normal;
  max-width: min(920px, calc(100% - 48px));
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
  line-height: 1.35;
}
.site-header .img {
  position: absolute;
  width: 2171px;
  height: 813px;
  top: 93px;
  left: 0;
  background: url("../накрытый стол нарезка сайт.webp")
    no-repeat center;
  background-size: 91% auto;
  z-index: 2;
}
/* Белый блок перекрывает нижнюю часть фото в шапке (скругление сверху).
   Шапка ниже по z-index, main выше; у main pointer-events: none, чтобы клики в меню проходили. */
.main-container > .site-header {
  z-index: auto;
}

/* novosti.html: шапка — не прямой потомок .main-container; без этого остаётся z-index: 9000 у .site-header и белый лист не перекрывает фото */
.main-container .news > .site-header {
  position: relative;
  z-index: auto;
}

.main-container > .site-main {
  position: relative;
  z-index: 10;
  pointer-events: none;
}

.main-container > .site-main .rectangle-9 {
  pointer-events: auto;
}

.flex-row-dde {
  position: relative;
  width: var(--layout-page-width);
  height: 1071.272px;
  margin: 39.075px 0 0 -1px;
  z-index: 20;
}
.mask-group-13 {
  position: absolute;
  width: 72.05%;
  height: 53.23%;
  top: 0;
  left: 14.08%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-05/VS9JcwdK8v.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 20;
  border-radius: 48px;
  overflow: hidden;
}
.rectangle-14 {
  position: absolute;
  width: var(--layout-page-width);
  height: 861px;
  top: 210.272px;
  left: 0;
  background: #6f160c;
  z-index: 18;
  border-radius: 107px 107px 0 0;
}
.flex-row-dde .flex-column-ef {
  position: absolute;
  width: 42.63%;
  height: 69.13%;
  top: 6.73%;
  left: 40.15%;
  z-index: 63;
  padding-top: 359.625px;
  box-sizing: border-box;
}
.rectangle-15 {
  position: absolute;
  width: 717.365px;
  height: 359.625px;
  top: calc(210.272px + 861px * 0.0673);
  left: calc(40.15% + 100.188px);
  z-index: 25;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}
.nashi-novosti {
  position: relative;
  width: 601.017px;
  height: 67.901px;
  margin: 46.52px 0 0 57.137px;
  font-family: Involve, var(--default-font-family);
  font-size: 52px;
  font-weight: 600;
  line-height: 67.901px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 23;
}
.nashi {
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 52px;
  font-weight: 400;
  line-height: 69.16px;
  text-align: left;
}
.novosti {
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 52px;
  font-weight: 600;
  line-height: 69.16px;
  text-align: left;
}
.optovo-roznichnyi-kompleks {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 576.491px;
  height: 122.571px;
  margin: 39.864px 0 0 61.417px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 26.6px;
  text-align: left;
  z-index: 28;
}
.flex-row-dde .rectangle-16 {
  position: relative;
  width: 326.458px;
  height: 54.169px;
  margin: 11.03px 0 0 358.75px;
  z-index: 24;
  border-radius: 107px;
  border: 1px solid rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 34px 0 46px;
}
.flex-row-dde .chitat {
  position: static;
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  z-index: 26;
}
.flex-row-dde .rectangle-16 .arrow.pokiza-arrow-graphic {
  display: block;
  flex-shrink: 0;
  width: 80px;
  height: auto;
  aspect-ratio: 84 / 15;
  overflow: visible;
  z-index: 25;
}

/* Кнопка "Читать": белая со стрелкой и анимацией */
.flex-row-dde .rectangle-16 {
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.flex-row-dde .rectangle-16 .chitat {
  color: #fff;
  transition: letter-spacing 0.25s ease, transform 0.25s ease;
}

.flex-row-dde .rectangle-16 .arrow.pokiza-arrow-graphic {
  transition: transform 0.25s ease, filter 0.25s ease;
}

.flex-row-dde .rectangle-16:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: #fff;
  box-shadow: 0 0 18px rgba(255, 255, 255, 0.35);
}

.flex-row-dde .rectangle-16:hover .chitat {
  letter-spacing: 0.04em;
  transform: translateX(2px);
}

.flex-row-dde .rectangle-16:hover .arrow.pokiza-arrow-graphic {
  transform: translateX(8px);
  filter: brightness(1.12);
}
.rectangle-14.site-footer .pn-pt {
  display: block;
  position: relative;
  height: 22.514px;
  margin: 159.604px 0 0 7.033px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  white-space: nowrap;
  z-index: 61;
}
.rectangle-14.site-footer .phone-number {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 34px;
  top: 449.099px;
  left: 0;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 34px;
  text-align: left;
  white-space: nowrap;
  z-index: 63;
}
.rectangle-14.site-footer .group-17 {
  position: absolute;
  width: 3.76%;
  height: 6.52%;
  top: 75.53%;
  left: 44.92%;
  background: url("../img/icons/footer-pin.svg") no-repeat center;
  background-size: contain;
  z-index: 50;
}
.rectangle-14.site-footer .russia-moscow-permskaya {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 355.303px;
  height: 59.803px;
  top: 455.204px;
  left: 413.7px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  text-overflow: initial;
  z-index: 49;
  overflow: hidden;
}
.rectangle-14.site-footer .moscow-leningradsky-prospekt {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 313.089px;
  height: 45.028px;
  top: 553.705px;
  left: 421.439px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  z-index: 52;
}
.rectangle-14.site-footer .group-18 {
  position: absolute;
  width: 3.76%;
  height: 6.52%;
  top: 93.5%;
  left: 44.92%;
  background: url("../img/icons/footer-pin.svg") no-repeat center;
  background-size: contain;
  z-index: 51;
}
.rectangle-14.site-footer .info-email {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 22.514px;
  top: 572.7px;
  left: 7.033px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  white-space: nowrap;
  z-index: 62;
}
.rectangle-14.site-footer .flex-column-d {
  position: absolute;
  width: 24.8%;
  height: 33.21%;
  top: 43.51%;
  left: 16.14%;
  z-index: 65;
}
.rectangle-14.site-footer .share-success {
  position: relative;
  width: 475.687px;
  height: 31.437px;
  margin: 0 0 0 0;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 26.565px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: 4px;
  z-index: 27;
}
.rectangle-14.site-footer .share-success-19 {
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 26.565px;
  text-align: center;
  letter-spacing: 4px;
}
.rectangle-14.site-footer .and {
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 26.565px;
  text-align: center;
  letter-spacing: 1px;
}
/* На одной линии с почтой .info-email (пересчёт из координат .flex-column-ef) */
.rectangle-14.site-footer .group-1a {
  position: absolute;
  top: calc(572.7px + 861px * (0.0673 - 0.4351));
  left: calc(85.24% + 8.13% / 2);
  transform: translateX(-50%);
  width: 42.067px;
  height: 31.318px;
  margin: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-05/YZ56HbRJsE.png)
    no-repeat center;
  background-size: cover;
  z-index: 64;
}
.rectangle-14.site-footer .group-1b {
  position: absolute;
  width: 8.13%;
  height: 13.61%;
  top: 46.47%;
  left: calc(85.24% + 8.13% / 2);
  transform: translateX(-50%);
  background: url("../img/icons/footer-whatsapp.svg") no-repeat center;
  background-size: contain;
  z-index: 65;
}
.rectangle-14.site-footer .group-1c {
  position: absolute;
  width: 261.024px;
  height: 96.608px;
  top: 132.874px;
  left: 66.363px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-05/S9U7d25Fn0.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 57;
}
.rectangle-14.site-footer .group-1d {
  position: absolute;
  width: 8.13%;
  height: 13.61%;
  top: 67.39%;
  left: calc(85.24% + 8.13% / 2);
  transform: translateX(-50%);
  background: url("../img/icons/footer-clock.svg") no-repeat center;
  background-size: contain;
  z-index: 59;
}

/* Подвал без слогана (внутренние страницы): логотип на той же высоте, что и на главной */
.rectangle-14.site-footer .flex-column-d:not(:has(.share-success)) .group-1c {
  top: 132.874px;
}

/* Тень белых панелей как на главной */
.main-container .rectangle-9:not(:empty),
.about-company-1 .rectangle-9,
.main-container .rectangle-7,
.news > .rectangle-16 {
  box-shadow: 0 -16px 48px rgba(0, 0, 0, 0.08);
}

.main-container > .site-main .rectangle-7 {
  pointer-events: auto;
}

.about-company-1 {
  pointer-events: auto;
}

.about-company-1 > .site-header {
  position: relative;
  z-index: 5;
}

/*
 * «О компании»: иначе .about-company-1 остаётся ~6755px и белый фон рисуется ниже подвала.
 * Высоту .main-container задаёт js/home-layout.js — внутренний блок не должен быть выше родителя.
 */
body.pokiza-page-inner .main-container.pokiza-height-synced .about-company-1 {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
}

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

/*
 * Внутренние страницы: в .flex-row-dde нет mask-group-13 и карточки «Наши новости».
 * Иначе остаются «пустые» 210px над бордовым блоком и padding-top у колонки под превью —
 * контент прилипает к низу, как на скриншоте. На главной (index) всё без изменений.
 * ≤900px — поток и home-adaptive.css; иначе абсолютный top из макета перебивает mobile даже при position:relative.
 */
@media (min-width: 901px) {
  .flex-row-dde:not(:has(.mask-group-13)) {
    height: 861px;
  }

  .flex-row-dde:not(:has(.mask-group-13)) .rectangle-14 {
    top: 0;
  }

  /*
   * Внутренние страницы (не главная): контакты, адреса и колонка с лого — выше, чем запас под превью новостей на index.
   */
  .main-container .flex-row-dde:not(:has(.mask-group-13)) .rectangle-14.site-footer .flex-column-ef {
    padding-top: 359.625px;
    transform: translateY(-200px);
  }

  .main-container .flex-row-dde:not(:has(.mask-group-13)) .rectangle-14.site-footer .flex-column-d {
    transform: translateY(-200px);
  }

  .main-container .flex-row-dde:not(:has(.mask-group-13)) .rectangle-14.site-footer .pn-pt {
    margin: 159.604px 0 0 7.033px;
  }

  /* О компании: подвал может быть прямым ребёнком .main-container (после .about-company-1) — см. o-kompanii.html */
  .about-company-1 > .flex-row-dde:not(:has(.mask-group-13)),
  .main-container > .about-company-1 + .flex-row-dde:not(:has(.mask-group-13)) {
    position: absolute;
    top: 8440px;
    left: 0;
    margin: 0 !important;
    z-index: 200;
    height: 861px;
  }

  .about-company-1 > .flex-row-dde:not(:has(.mask-group-13)) .rectangle-14,
  .main-container > .about-company-1 + .flex-row-dde:not(:has(.mask-group-13)) .rectangle-14 {
    height: 861px;
    border-radius: 107px 107px 0 0;
  }
}