/* О компании (перенесено из Downloads project-55f9bf0a) */
@import url("base.css");

/*
 * Макет 1918px: фиксированная высота и absolute-лист — только ≥901px.
 * На ≤900px иначе .about-company-1 в absolute убирается из потока: подвал оказывается у низа вьюпорта / «липнет» к экрану.
 */
@media (min-width: 901px) {
  .main-container {
    position: relative;
    width: var(--layout-page-width);
    height: 10313px;
    margin: 0 auto;
    background: #ffffff;
    overflow: hidden;
  }
  .about-company-1 {
    position: absolute;
    width: var(--layout-page-width);
    height: 10328px;
    top: 0;
    left: 0;
    background: #ffffff;
    overflow: hidden;
  }
}
.mask-group {
  position: absolute;
  width: 1919px;
  height: 855px;
  top: 0;
  left: 5px;
  z-index: 1;
  -webkit-mask-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/EmoWeUqb91.png);
  -webkit-mask-size: cover;
}
.group {
  position: relative;
  width: 2171px;
  height: 902.167px;
  margin: -100.167px 0 0 -126.002px;
  z-index: 2;
  overflow: visible auto;
}
.flex-row-ade {
  position: relative;
  width: 1742.594px;
  height: 321.446px;
  margin: 0 0 0 213.658px;
  z-index: 16;
}
.group-2 {
  position: absolute;
  width: 1742.594px;
  height: 321.446px;
  top: 0;
  left: 0;
  z-index: 4;
}
.group-3 {
  position: absolute;
  width: 1742.594px;
  height: 321.446px;
  top: 0;
  left: 0;
  z-index: 5;
}
.rectangle {
  position: absolute;
  width: 88%;
  height: 81%;
  top: -16px;
  left: 6%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/wSpekwdZvx.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 6;
  backdrop-filter: blur(25px);
  border-radius: 32px;
  overflow: hidden;
}
.group-4 {
  position: absolute;
  width: 361.284px;
  height: 133.882px;
  top: 120px;
  left: 679.609px;
  z-index: 7;
}
.group-5 {
  position: absolute;
  width: 361.284px;
  height: 133.882px;
  top: 0;
  left: 0;
  z-index: 8;
}
.group-6 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.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-06/NSEtcnN5y2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 11;
}
.main {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 7.8%;
  top: 58.01%;
  left: 3.25%;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 25.081px;
  text-align: left;
  white-space: nowrap;
  z-index: 14;
}
.about-company-8 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 7.8%;
  top: 58.35%;
  left: 16.02%;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 25.081px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 12;
}
.products {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 7.8%;
  top: 58.35%;
  left: 73.72%;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 25.081px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.contacts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 7.8%;
  top: 58.35%;
  left: 89.24%;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 25.081px;
  text-align: left;
  white-space: nowrap;
  z-index: 16;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.halal-production {
  display: block;
  position: relative;
  height: 34.895px;
  margin: 448.406px 0 0 747.996px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 31.92px;
  text-align: left;
  white-space: nowrap;
  z-index: 13;
}
.img {
  position: absolute;
  width: 2171px;
  height: 813px;
  top: 93px;
  left: 0;
  background: url("../накрытый стол нарезка сайт.webp")
    no-repeat center;
  background-size: 91% auto;
  z-index: 3;
}
.rectangle-9 {
  position: absolute;
  width: var(--white-sheet-width);
  height: 7193px;
  top: var(--white-sheet-top);
  left: var(--white-sheet-left);
  background: #ffffff;
  z-index: 17;
  border-radius: 107px 107px 0 0;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.quality-felt {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 42.42%;
  height: 0.59%;
  top: 10.05%;
  left: 28.5%;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 47px;
  text-align: center;
  white-space: nowrap;
  z-index: 116;
}
.group-a {
  position: absolute;
  width: 25.02%;
  height: 1.27%;
  top: 11.03%;
  left: 37.21%;
  z-index: 118;
}
.vector {
  position: absolute;
  width: 5.76%;
  height: 58.16%;
  top: 9.04%;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/qmHWfiOpjC.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 120;
}
.group-b {
  position: absolute;
  width: 91.55%;
  height: 65.96%;
  top: 34.04%;
  left: 8.45%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/39q6deO2V5.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 119;
}
.own-production {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 1167px;
  height: 1.3%;
  top: 12.51%;
  left: 19.8%;
  color: #000000;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 26.6px;
  text-align: center;
  z-index: 117;
}
.group-c {
  position: absolute;
  width: 1670.72px;
  height: 339.062px;
  top: 1120px;
  left: 118.998px;
  z-index: 103;
}
/* Подтягиваем весь последующий контент ближе к блоку .group-c */
.about-company-1
  > .pokiza-scale-sheet
  > :is(
    .group-18,
    .liniya-puti,
    .categories,
    .products-3b,
    .group-3c,
    .rectangle-5d,
    .production-proud,
    .modern-production-complex,
    .vector-5e,
    .vector-5f,
    .group-60,
    .flex-row-efe,
    .group-65,
    .group-6a,
    .mask-group-71,
    .group-74,
    .pokiza-about-gallery
  ) {
  transform: translateY(-55px);
}
.group-f {
  position: absolute;
  width: 20.24%;
  height: 99.75%;
  top: 0.25%;
  left: 18.88%;
  background: url(../img/crug2.png) no-repeat center;
  background-size: contain;
  aspect-ratio: 1 / 1;
  z-index: 108;
  transform-origin: 50% 50%;
  animation: pokiza-crug-spin 36s linear infinite;
}
.group-10 {
  position: absolute;
  width: 38.57%;
  height: 99.75%;
  top: 0.25%;
  left: 61.43%;
  z-index: 109;
}
.image-layer-11 {
  position: absolute;
  width: 52.47%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 110;
}
.group-12 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/crug2.png) no-repeat center;
  background-size: contain;
  aspect-ratio: 1 / 1;
  z-index: 111;
  transform-origin: 50% 50%;
  animation: pokiza-crug-spin 36s linear infinite;
}
.vector-13 {
  position: absolute;
  width: 39.32%;
  height: 74.93%;
  top: 13.4%;
  left: 60.68%;
  background: url(../img/crug1.png) no-repeat center;
  background-size: contain;
  aspect-ratio: 1 / 1;
  z-index: 112;
  transform-origin: 50% 50%;
  animation: pokiza-crug-spin 36s linear infinite;
}
.group-14 {
  position: absolute;
  width: 939.226px;
  height: 297.393px;
  top: 21.862px;
  left: 377.079px;
  z-index: 104;
}
.image-layer-15 {
  position: absolute;
  width: 15.17%;
  height: 74.75%;
  top: 12.87%;
  left: 42.74%;
  background: url(../img/crug3.png) no-repeat center;
  background-size: contain;
  aspect-ratio: 1 / 1;
  z-index: 113;
  transform-origin: 50% 50%;
  animation: pokiza-crug-spin 36s linear infinite;
}
.group-16 {
  position: absolute;
  width: 253.419px;
  height: 253.436px;
  top: 44.475px;
  left: 0;
  z-index: 114;
}
.image-layer-17 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/crug1.png) no-repeat center;
  background-size: contain;
  aspect-ratio: 1 / 1;
  z-index: 115;
  transform-origin: 50% 50%;
  animation: pokiza-crug-spin 36s linear infinite;
}
.group-18 {
  position: absolute;
  width: 1163.117px;
  height: 596.001px;
  top: 1609px;
  left: 377px;
  z-index: 86;
  overflow: visible;
}
.group-19 {
  position: absolute;
  width: 860px;
  height: 443.865px;
  top: 0;
  left: 33.811px;
  z-index: 88;
  overflow: visible;
}
/* Только блок таймлайна; футер не затрагивается (site-chrome). */
.group-19 > .group-1a {
  position: absolute;
  width: 500px;
  height: 436.764px;
  top: 0;
  left: 0;
  z-index: 89;
  overflow: visible;
}
.group-19 > .group-1a > .group-1b {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/3Pb90RyXth.png)
    no-repeat center;
  background-size: contain;
  z-index: 90;
}
.group-19 > .group-1c {
  position: absolute;
  width: 40.43%;
  height: 100%;
  top: 0;
  left: 59.57%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/GjkVvTmrXJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 91;
}
.flex-row-edf {
  position: absolute;
  width: 100%;
  height: 72.01%;
  top: 27.99%;
  left: 0;
  z-index: 102;
}
.rectangle-1d {
  position: absolute;
  width: 26.58%;
  height: 100%;
  top: 0;
  left: 22.2%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/Q7WbZNMJWM.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 92;
  backdrop-filter: blur(25px);
}
.group-1e {
  position: absolute;
  width: 308.568px;
  height: 429.036px;
  top: 0.13px;
  left: 679.835px;
  font-size: 0px;
  z-index: 93;
}
.span {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 267.707px;
  height: 131.036px;
  margin: 219.097px 0 0 20.431px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  text-align: left;
  z-index: 97;
}
.rectangle-1f {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/DvH9vgGxZp.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 94;
  backdrop-filter: blur(25px);
}
.group-20 {
  position: absolute;
  width: 42.42%;
  height: 41.34%;
  top: 7.39%;
  left: 7.53%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/80P799zrjU.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 95;
}
.span-21 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 53px;
  top: 172.035px;
  left: 188.282px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 47.88px;
  text-align: left;
  white-space: nowrap;
  z-index: 96;
}
.group-22 {
  position: absolute;
  width: 15.39%;
  height: 41.31%;
  top: 7.09%;
  left: 23.68%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/40ZCXoywMy.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 98;
}
.span-23 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 53px;
  top: 175px;
  left: 460.117px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 36px;
  font-weight: 400;
  line-height: 47.88px;
  text-align: left;
  white-space: nowrap;
  z-index: 99;
}
.span-24 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 274.231px;
  height: 145.481px;
  top: 234.952px;
  left: 275.688px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 18.62px;
  text-align: left;
  z-index: 100;
}
.rectangle-25 {
  position: absolute;
  width: 1163.117px;
  height: 75.65px;
  top: 277.868px;
  left: 0;
  border: 2px solid #000000;
  z-index: 87;
  border-radius: 107px;
}
.span-26 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 33.461px;
  top: 305.51px;
  left: 34.915px;
  color: #1d1e1c;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 26.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 101;
}
.arrow {
  position: absolute;
  width: 73.468px;
  height: 23.12px;
  top: 305px;
  left: 1060.553px;
  background: var(--pokiza-arrow-icon-dark-url) no-repeat center;
  background-size: contain;
  z-index: 102;
}
.group-27 {
  position: absolute;
  width: 1924px;
  height: 917px;
  top: 2289px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/KUMOc5s6h8.png)
    no-repeat center;
  background-size: cover;
  background-position: left center;
  z-index: 72;
}
.group-28 {
  position: absolute;
  width: 306.758px;
  height: 108px;
  top: 2393.555px;
  left: 294px;
  z-index: 73;
}
.logo-pokiza {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/oLxXkD2WKJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 74;
  overflow: hidden;
}
.span-29 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 911px;
  /* Высота по тексту: иначе фикс. 110px + далекий top у .group-2a дают огромный зазор до орнаментов. */
  height: auto;
  min-height: 0;
  top: 2417px;
  left: 636px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 31.92px;
  text-align: left;
  z-index: 75;
}
.group-2a {
  position: absolute;
  width: 1421px;
  height: 406px;
  /* «Медали»: ближе к .span-29; моб. зум (≤900px) использует тот же top — доп. в o-kompanii-adaptive. */
  top: 2285px;
  left: 255px;
  z-index: 76;
}
.flex-row-c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 964.63px;
  height: 42.384px;
  margin: 0 0 0 75px;
  z-index: 78;
}
.ellipse {
  flex-shrink: 0;
  position: relative;
  top: 295px;
  box-sizing: border-box;
  width: 41.384px;
  height: 41.384px;
  min-width: 41.384px;
  min-height: 41.384px;
  aspect-ratio: 1;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/cEf0aNx1pL.png)
    no-repeat center;
  background-size: cover;
  z-index: 77;
  border-radius: 50%;
}
.ellipse-2b {
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
  width: 41.384px;
  height: 41.384px;
  min-width: 41.384px;
  min-height: 41.384px;
  aspect-ratio: 1;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/kQmsHiR8z9.png)
    no-repeat center;
  background-size: cover;
  z-index: 78;
  border-radius: 50%;
  top: 295px;
}
.flex-row-bf {
  position: relative;
  width: 1094.257px;
  height: 60.005px;
  margin: 13.611px 0 0 0;
  z-index: 81;
}
.span-2c {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 134.084px;
  height: 47.178px;
  top: 285px;
  left: 960.173px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: center;
  z-index: 80;
}
.span-2d {
  position: absolute;
  width: 195px;
  height: 60px;
  top: 285px;
  left: -2px;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 81;
}
.span-2e {
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  text-align: center;
}
.span-2f {
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: center;
}
.flex-row-fe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 846.434px;
  height: 41.384px;
  margin: 39.775px 0 0 433.771px;
  z-index: 82;
}
.ellipse-30 {
  flex-shrink: 0;
  position: relative;
  top: 295px;
  box-sizing: border-box;
  width: 41.384px;
  height: 41.384px;
  min-width: 41.384px;
  min-height: 41.384px;
  aspect-ratio: 1;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/xT0rUnurQA.png)
    no-repeat center;
  background-size: cover;
  z-index: 82;
  border-radius: 50%;
}
.group-31 {
  flex-shrink: 0;
  position: relative;
  width: 2.041px;
  height: 0.04px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/SKW5d8aYyj.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 79;
}
.span-32 {
  position: relative;
  width: 298.793px;
  height: 42.212px;
  margin: 13.613px 0 0 304.65px;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  text-align: center;
  z-index: 83;
}
.span-33 {
  display: inline-block;
  transform: translateY(290px);
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  text-align: center;
}
.span-34 {
  display: inline-block;
  transform: translateY(290px);
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: center;
}
.ellipse-35 {
  position: relative;
  top: 295px;
  box-sizing: border-box;
  width: 41.384px;
  height: 41.384px;
  min-width: 41.384px;
  min-height: 41.384px;
  aspect-ratio: 1;
  margin: 59.016px 0 0 1293px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/FA4EzUNqD1.png)
    no-repeat center;
  background-size: cover;
  z-index: 84;
  border-radius: 50%;
}
.span-36 {
  position: relative;
  width: 211px;
  height: 41px;
  margin: 11.616px 0 0 1210px;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  text-align: center;
  z-index: 85;
}
.span-37 {
  top: 285px;
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  text-align: center;
}
.span-38 {
  position: relative;
  top: 285px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 700;
  line-height: 23.94px;
  text-align: center;
}
.span-39 {
  top: 285px;
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 23.94px;
  text-align: center;
}
.liniya-puti {
  position: absolute;
  width: 1382px;
  height: 312px;
  top: 2696px;
  left: 273px;
  z-index: 141;
  overflow: hidden;
}
.vector-3a {
  position: relative;
  width: 1381.951px;
  height: 311.951px;
  margin: 0 0 0 0.05px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/HREesYQEL9.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 142;
}
.categories {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 43px;
  top: 3306px;
  left: 163px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 42.56px;
  text-align: left;
  white-space: nowrap;
  z-index: 55;
}
.products-3b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 43px;
  top: 3306px;
  left: 1561px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 42.56px;
  text-align: left;
  white-space: nowrap;
  z-index: 56;
}
.group-3c {
  position: absolute;
  width: 1964.845px;
  height: 992.891px;
  top: 3415px;
  left: 370px;
  z-index: 57;
  /* Для абсолютного .flex-column-c--products-tagline */
  isolation: isolate;
}
.flex-column-b {
  position: absolute;
  width: 594px;
  height: 301px;
  top: 0;
  left: 0;
  font-size: 0px;
  z-index: 66;
}
.our-products {
  display: block;
  position: relative;
  height: 93px;
  margin: 0 0 0 0;
  color: #000000;
  font-family: Involve, var(--default-font-family);
  font-size: 96px;
  font-weight: 400;
  line-height: 93px;
  text-align: left;
  white-space: nowrap;
  z-index: 58;
}
.your-best-choice {
  display: block;
  position: relative;
  height: 107px;
  margin: 7px 0 0 0;
  color: #000000;
  font-family: Involve, var(--default-font-family);
  font-size: 96px;
  font-weight: 400;
  line-height: 107px;
  text-align: left;
  white-space: nowrap;
  z-index: 61;
}
.flex-column-c {
  display: block;
  position: relative;
  height: 53px;
  margin: 41px 0 0 4px;
  color: #c1c1c1;
  font-family: Involve, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 53px;
  text-align: left;
  white-space: nowrap;
  z-index: 66;
}
/*
 * Подзаголовок вынесен из .flex-column-b (там font-size:0 — у inline/span ломается нормальный margin).
 * Горизонталь: левый край первой карточки .group-49 = .group-47(-27px) + left карточки; контейнер .group-3c с left:370px.
 * (rectangle-57 — фон мяса в средней карточке, не левая колонка.)
 */
.group-3c > .flex-column-c--products-tagline {
  position: absolute;
  left: calc(-27px + 268px - 370px + 132px);
  top: calc(93px + 7px + 107px + 41px);
  margin: 0;
  height: auto;
  max-width: min(920px, calc(100vw - 48px));
  color: #c1c1c1;
  font-family: Involve, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  white-space: nowrap;
  z-index: 66;
  letter-spacing: 0.02em;
}
.best-recipes {
  position: absolute;
  width: 1614.845px;
  height: 308px;
  top: 19px;
  left: 350px;
  z-index: 68;
}
.vector-3d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 935px;
  height: 118px;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Involve, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 42.56px;
  text-align: left;
  text-overflow: initial;
  z-index: 59;
  overflow: hidden;
}
.group-3e {
  position: absolute;
  width: 505.331px;
  height: 4.037px;
  top: 20px;
  left: 322.996px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/jVc9JWVa7V.png)
    no-repeat center;
  background-size: cover;
  z-index: 60;
}
.halal {
  position: absolute;
  width: 178.246px;
  height: 227.656px;
  top: 111px;
  left: 329.998px;
  font-size: 0px;
  z-index: 62;
}
.halal-3f {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 82.217px;
  height: 41.108px;
  margin: 68.5px 0 0 45.494px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 26px;
  font-weight: 700;
  line-height: 34.58px;
  text-align: center;
  white-space: nowrap;
  z-index: 65;
}
.halal-40 {
  display: block;
  position: relative;
  height: 13px;
  margin: 1.892px 0 0 69.494px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 13px;
  text-align: left;
  white-space: nowrap;
  z-index: 64;
}
.group-41 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/KonjFLbvZJ.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 63;
}
.group-42 {
  position: absolute;
  width: 1274.845px;
  height: 754.53px;
  top: 219.361px;
  left: 340px;
  z-index: 68;
}
.group-43 {
  position: absolute;
  width: 1171.361px;
  height: 754.53px;
  top: 0;
  left: 103.484px;
  z-index: 70;
}
.mask-group-44 {
  position: absolute;
  width: 1171.361px;
  height: 754.53px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/Z41tEGVQpA.png)
    no-repeat center;
  background-size: cover;
  z-index: 71;
}
.rectangle-45 {
  position: absolute;
  width: 343.531px;
  height: 345.647px;
  top: 155.639px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/74TBq3ABOv.png)
    no-repeat center;
  background-size: cover;
  z-index: 69;
}
.group-46 {
  position: absolute;
  width: 228.988px;
  height: 72px;
  top: 236px;
  left: 596.012px;
  background: var(--pokiza-arrow-deco-url) no-repeat center;
  background-size: cover;
  z-index: 67;
}
.group-47 {
  position: absolute;
  width: 1931.296px;
  height: 765.128px;
  top: 3622px;
  left: -27px;
  z-index: 143;
  /* Общая сетка ряда карточек: одна линия по вертикали для фото и текста */
  --pokiza-card-row-top: 174.188px;
  --pokiza-card-photo-h: 345.03px;
  --pokiza-card-text-gap: 9.188px;
  --pokiza-card-text-inset-b: 16px;
  /* 2 строки подписи 16px/21.28 и 2 строки заголовка 24px/31.92 */
  --pokiza-card-desc-2lh: 42.56px;
  --pokiza-card-title-2lh: 63.84px;
}
.group-48 {
  position: absolute;
  width: 1931.296px;
  height: 765.128px;
  top: 0;
  left: 0;
  z-index: 145;
  /* Слой мяса .rectangle-57 не должен перекрывать текст в .group-52 (смежный в DOM после карточки). */
  isolation: isolate;
}
.group-48 > .rectangle-57 {
  z-index: 0;
}
.group-48 > .group-49 {
  z-index: 1;
}
.group-48 > .group-4c {
  z-index: 2;
}
.group-48 > .group-52 {
  z-index: 3;
}
/*
 * Левая карточка «Натуральный состав» — как .group-59 (ширина/ряд), не полноэкранный 765×765
 * (иначе перекрывает блок «НАША ПРОДУКЦИЯ» выше по Y и сквозь градиент виден .flex-column-c).
 */
.group-49 {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--pokiza-card-text-gap, 9.188px);
  box-sizing: border-box;
  width: 353.293px;
  height: var(--pokiza-card-photo-h, 345.03px);
  top: var(--pokiza-card-row-top, 174.188px);
  left: 268px;
  padding: 14px 20px var(--pokiza-card-text-inset-b, 16px);
  z-index: 147;
  overflow: visible;
  /* Без border-radius/isolation: иначе в ряде браузеров обрезается обводка SVG-иконки (.group-4a). */
  border-radius: 0;
  isolation: auto;
  background: transparent;
  box-shadow: none;
}
.group-4a {
  position: relative;
  width: 105.16px;
  height: 101.916px;
  margin: 269.568px 0 0 304.434px;
  background: url("../img/about-cards/natural-composition.svg")
    no-repeat center;
  background-size: 100% 100%;
  z-index: 150;
}
.group-49 .group-4a {
  position: relative;
  top: auto;
  left: auto;
  flex: 0 0 auto;
  width: 98px;
  height: 92px;
  margin: 0 0 0 24px;
  background-size: contain;
  z-index: 150;
}
.natural-composition {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 269px;
  min-height: 54px;
  height: auto;
  margin: 21.705px 0 0 305.038px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  text-align: left;
  z-index: 151;
}
.group-49 .natural-composition {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  flex: 0 1 auto;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  padding-left: 24px;
  box-sizing: border-box;
  /* как .own-production-56 / .verified-recipes / .wide-assortment */
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  text-align: left;
  letter-spacing: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  z-index: 151;
}
.verified-suppliers {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 309.671px;
  min-height: 62.075px;
  height: auto;
  margin: 9.215px 0 0 304.55px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  z-index: 152;
}
.group-49 .verified-suppliers {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  flex: 0 1 auto;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  padding-left: 24px;
  box-sizing: border-box;
  /* как .quality-control / .traditional-technologies / .gourmet-selection */
  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;
  overflow: hidden;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  z-index: 152;
}
.mask-group-4b {
  position: absolute;
  width: 765.128px;
  height: 765.128px;
  top: 0;
  left: 0;
  z-index: 148;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(55, 14, 12, 0.45) 0%, rgba(28, 6, 5, 0.82) 100%);
}
.group-49 .mask-group-4b,
.group-49 .image {
  display: none;
}
.group-4c {
  position: absolute;
  width: 1175.841px;
  height: 757.415px;
  top: 4.489px;
  left: 755.455px;
  z-index: 153;
}
.group-4d {
  position: relative;
  width: 342.58px;
  height: 345.03px;
  /* Верх фото = --pokiza-card-row-top при top .group-4c 4.489px */
  margin: 169.699px 0 0 274.583px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/6pg0Ap355H.png)
    no-repeat center;
  background-size: cover;
  z-index: 154;
}
.group-4e {
  position: absolute;
  width: 1175.841px;
  height: 757.415px;
  top: 0;
  left: 0;
  z-index: 155;
}
.group-4f {
  position: relative;
  width: 92px;
  height: 104px;
  margin: 265.005px 0 0 308.143px;
  background: url("../img/about-cards/verified-recipes.svg")
    no-repeat center;
  background-size: contain;
  z-index: 158;
}
.verified-recipes {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 191.869px;
  height: 52.905px;
  margin: 22.015px 0 0 301.053px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  text-align: left;
  z-index: 159;
}
.traditional-technologies {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 295px;
  height: 38px;
  margin: 9.188px 0 0 300.583px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  z-index: 160;
}
/* Карточка «Рецепты»: иконка + заголовок + текст — к низу визуального блока (как .group-4d 345px) */
.group-4e .traditional-technologies {
  position: absolute;
  top: auto;
  left: 300.583px;
  right: auto;
  bottom: calc(
    757.415px - 169.699px - 345.03px + var(--pokiza-card-text-inset-b, 16px)
  );
  margin: 0;
  height: auto;
  z-index: 170;
}
.group-4e .verified-recipes {
  position: absolute;
  top: auto;
  left: 301.053px;
  right: auto;
  bottom: calc(
    757.415px - 169.699px - 345.03px + var(--pokiza-card-text-inset-b, 16px) +
      var(--pokiza-card-desc-2lh, 42.56px) + var(--pokiza-card-text-gap, 9.188px)
  );
  margin: 0;
  height: auto;
  z-index: 170;
}
.group-4e .group-4f {
  position: absolute;
  top: auto;
  left: 308.143px;
  right: auto;
  bottom: calc(
    757.415px - 169.699px - 345.03px + var(--pokiza-card-text-inset-b, 16px) +
      var(--pokiza-card-desc-2lh, 42.56px) + var(--pokiza-card-text-gap, 9.188px) +
      var(--pokiza-card-title-2lh, 63.84px) + var(--pokiza-card-text-gap, 9.188px)
  );
  margin: 0;
  z-index: 170;
}
.group-50 {
  position: absolute;
  width: 1175.841px;
  height: 757.415px;
  top: 0;
  left: 0;
  z-index: 156;
}
.mask-group-51 {
  position: absolute;
  width: 1175.841px;
  height: 757.415px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/wBTorQXhUc.png)
    no-repeat center;
  background-size: cover;
  z-index: 157;
}
.group-52 {
  position: absolute;
  width: 1171.361px;
  height: 754.53px;
  /* 11.55 + 162.638 (mask-group-54) = 174.188 — один ряд с .group-49 / .group-59 */
  top: 11.55px;
  left: 380.522px;
  z-index: 161;
  overflow: visible;
}
.mask-group-53 {
  position: absolute;
  width: 1171.361px;
  height: 754.53px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/8Rgvqjka51.png)
    no-repeat center;
  background-size: cover;
  z-index: 163;
}
.mask-group-54 {
  position: absolute;
  width: 342.58px;
  height: 345.03px;
  top: 162.638px;
  left: 273.517px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/gFshRBThDU.png)
    no-repeat center;
  background-size: cover;
  z-index: 162;
}
.group-55 {
  position: absolute;
  width: 10.4%;
  height: 14.5%;
  top: 34.4%;
  left: 24.95%;
  background: url("../img/about-cards/own-production.svg")
    no-repeat center;
  background-size: contain;
  z-index: 164;
}
.own-production-56 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 226.434px;
  height: auto;
  min-height: 52.905px;
  top: auto;
  left: 304.945px;
  bottom: calc(
    754.53px - 162.638px - 345.03px + var(--pokiza-card-text-inset-b, 16px) +
      var(--pokiza-card-desc-2lh, 42.56px) + var(--pokiza-card-text-gap, 9.188px)
  );
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  text-align: left;
  z-index: 165;
}
.quality-control {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 305.741px;
  height: auto;
  min-height: 61.394px;
  top: auto;
  left: 305.127px;
  bottom: calc(
    754.53px - 162.638px - 345.03px + var(--pokiza-card-text-inset-b, 16px) -
      20px
  );
  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: 166;
  overflow: hidden;
}
.rectangle-57 {
  position: absolute;
  width: 343.531px;
  height: 345.647px;
  top: var(--pokiza-card-row-top, 174.188px);
  left: 277.038px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/Jn8MbGsBHt.png)
    no-repeat center;
  background-size: cover;
  z-index: 146;
}
.mask-group-58 {
  position: absolute;
  width: 342.58px;
  height: 345.03px;
  top: var(--pokiza-card-row-top, 174.188px);
  left: 278.038px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/Dw7sCVbW4j.png)
    no-repeat center;
  background-size: cover;
  z-index: 144;
  border-radius: 3px 3px 3px 3px;
}
.group-59 {
  position: absolute;
  width: 353.293px;
  height: var(--pokiza-card-photo-h, 345.03px);
  top: var(--pokiza-card-row-top, 174.188px);
  left: 1403.038px;
  z-index: 167;
}
.group-5a {
  position: absolute;
  width: 342.58px;
  height: 345.03px;
  top: 0;
  left: 0;
  background: url("../Group 622.svg") no-repeat center;
  background-size: cover;
  filter: brightness(1.16) saturate(1.02);
  overflow: hidden;
  border-radius: 46px;
  z-index: 168;
}
.group-5b {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--pokiza-card-text-gap, 9.188px);
  width: 318px;
  height: auto;
  min-height: 100.093px;
  top: auto;
  bottom: var(--pokiza-card-text-inset-b, 16px);
  left: 35.293px;
  font-size: 0px;
  z-index: 169;
}
.group-5b .wide-assortment,
.group-5b .gourmet-selection {
  margin: 0;
}
.group-5b .wide-assortment {
  top: -14px;
}
.wide-assortment {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 191.869px;
  height: 52.905px;
  margin: 0 0 0 0.8px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 24px;
  font-weight: 600;
  line-height: 31.92px;
  text-align: left;
  z-index: 170;
}
.gourmet-selection {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 318px;
  height: 38px;
  margin: 9.188px 0 0 0;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  z-index: 171;
}
/* Ряд карточек: одинаковая сетка переносов, без фикс. height — иначе визуально «мельче» соседние заголовки */
.group-48 .verified-recipes,
.group-48 .wide-assortment {
  height: auto;
  min-height: 52.905px;
}
.group-48 .traditional-technologies,
.group-48 .gourmet-selection {
  height: auto;
  min-height: 38px;
}
.group-48 .own-production-56 {
  height: auto;
  min-height: 52.905px;
}
.group-48 .quality-control {
  height: auto;
  min-height: 61.394px;
}
.group-5c {
  position: absolute;
  width: 6.85%;
  height: 14.5%;
  top: 34.85%;
  left: 73.1%;
  background: url("../img/about-cards/wide-assortment.svg")
    no-repeat center;
  background-size: contain;
  z-index: 172;
}
.rectangle-5d {
  position: absolute;
  width: 1920px;
  height: 20px;
  top: 4262px;
  left: 4px;
  background: #999999;
  z-index: 39;
}
.production-proud {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 1920px;
  height: 56px;
  top: 4382px;
  left: 4px;
  color: #999999;
  font-family: Involve, var(--default-font-family);
  font-size: 42px;
  font-weight: 400;
  line-height: 56px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 7.56px;
  z-index: 38;
}
.modern-production-complex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 1168px;
  height: 104px;
  top: 4487px;
  left: 381px;
  color: #999999;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 26.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 40;
}
.modern-production-complex .modern-production-complex__line-1 {
  display: inline-block;
  margin-left: 24px !important;
  transform: none !important;
  white-space: nowrap !important;
}
.modern-production-complex .modern-production-complex__line-2 {
  display: inline-block;
  margin-left: -18px !important;
  transform: translateY(34px) !important;
  white-space: nowrap !important;
}
.vector-5e {
  position: absolute;
  width: 822.005px;
  height: 6px;
  top: 4501px;
  left: 1096.995px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/g7pRCgCzLW.png)
    no-repeat center;
  background-size: cover;
  z-index: 41;
}
.vector-5f {
  position: absolute;
  width: 758.002px;
  height: 3.01px;
  top: 4528px;
  left: 1.999px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/rxM3YuKXfH.png)
    no-repeat center;
  background-size: cover;
  z-index: 42;
}
.group-60 {
  position: absolute;
  width: 179px;
  height: 178px;
  top: 4673px;
  left: 381px;
  z-index: 43;
}
.flex-column-e {
  position: absolute;
  width: 120px;
  height: 178px;
  top: 0;
  left: 0;
  z-index: 46;
}
.empty {
  position: relative;
  width: 120px;
  height: 128px;
  margin: 0 0 0 0;
  font-family: Involve, var(--default-font-family);
  font-size: 96px;
  font-weight: 400;
  line-height: 128px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 44;
}
.space {
  position: relative;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 96px;
  font-weight: 400;
  line-height: 128px;
  text-align: left;
}
.text-29 {
  position: relative;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 96px;
  font-weight: 500;
  line-height: 128px;
  text-align: left;
}
.group-61 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 94px;
  height: 54px;
  margin: -4px 0 0 19px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 26.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 46;
  overflow: hidden;
}
.group-62 {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 29px;
  left: 142px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/qgN7OUgmSN.png)
    no-repeat center;
  background-size: cover;
  z-index: 45;
}
.flex-row-efe {
  position: absolute;
  width: 221px;
  height: 177px;
  top: 4674px;
  left: 868px;
  z-index: 47;
}
.quality-control-63 {
  position: relative;
  width: 221px;
  height: 128px;
  margin: 0 0 0 0;
  z-index: 49;
}
.text-2b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 128px;
  top: 0;
  left: 0;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 96px;
  font-weight: 500;
  line-height: 127.68px;
  text-align: left;
  white-space: nowrap;
  z-index: 48;
}
.percent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 64px;
  top: 20px;
  left: 183px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 63.84px;
  text-align: left;
  white-space: nowrap;
  z-index: 49;
}
.quality-control-64 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 97px;
  height: 54px;
  margin: -5px 0 0 38px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 26.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 50;
  overflow: hidden;
}
.group-65 {
  position: absolute;
  width: 165px;
  height: 178px;
  top: 4673px;
  left: 1377px;
  z-index: 51;
}
.flex-column-b-66 {
  position: absolute;
  width: 111px;
  height: 178px;
  top: 0;
  left: 0;
  z-index: 54;
}
.empty-67 {
  position: relative;
  width: 107px;
  height: 128px;
  margin: 0 0 0 0;
  font-family: Involve, var(--default-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 63.84px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 52;
}
.text-2e {
  position: relative;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 96px;
  font-weight: 500;
  line-height: 115.2px;
  text-align: left;
}
.space-68 {
  position: relative;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 48px;
  font-weight: 500;
  line-height: 63.84px;
  text-align: left;
}
.product-types {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  width: 109px;
  height: 54px;
  margin: -4px 0 0 2px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 26.6px;
  text-align: center;
  text-overflow: initial;
  z-index: 54;
  overflow: hidden;
}
.group-69 {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 29px;
  left: 128px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/X4vwn1L2k1.png)
    no-repeat center;
  background-size: cover;
  z-index: 53;
}
.group-6a {
  position: absolute;
  width: 1169.143px;
  height: 546.028px;
  top: 4943.001px;
  left: 373.001px;
  z-index: 27;
}
.group-6b {
  position: absolute;
  width: 1169.143px;
  height: 546.028px;
  top: 0;
  left: 0;
  z-index: 28;
}
.mask-group-6c {
  position: absolute;
  width: 808.31px;
  height: 232.096px;
  top: 0;
  left: 165.686px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/qSZAOHMx0D.png)
    no-repeat center;
  background-size: cover;
  z-index: 29;
  border-radius: 11px 11px 11px 11px;
}
.pokiza-description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 623.841px;
  height: 218.009px;
  top: 167.028px;
  left: 70.431px;
  color: #6f160c;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 26.6px;
  text-align: left;
  z-index: 33;
}
.rectangle-6d {
  position: absolute;
  width: 742.572px;
  height: 232.096px;
  top: 167.698px;
  left: 0;
  background: #ffffff;
  border: 2px solid rgba(111, 22, 12, 0.6);
  z-index: 30;
  border-radius: 173px;
}
.rectangle-6e {
  position: absolute;
  width: 391.074px;
  height: 101.961px;
  top: 185.511px;
  left: 778.068px;
  background: #c1c1c1;
  z-index: 34;
  border-radius: 76px;
}
.rectangle-6f {
  position: absolute;
  width: 742.572px;
  height: 232.096px;
  top: 313.933px;
  left: 421.257px;
  background: #6f160c;
  border: 4px solid #6f160c;
  z-index: 31;
  border-radius: 173px;
}
.halal-global-standard {
  position: absolute;
  width: 625.182px;
  height: 173.736px;
  top: 338px;
  left: 492.358px;
  font-family: Involve, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 34.58px;
  text-align: left;
  z-index: 32;
}
.halal-global-standard-70 {
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 34.58px;
  text-align: left;
}
.line-break {
  position: relative;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 34.58px;
  text-align: left;
}
.mask-group-71 {
  position: absolute;
  width: 137.488px;
  height: 109.469px;
  top: 5373px;
  left: 567px;
  z-index: 35;
  -webkit-mask-image: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/tWaihzTy7L.png);
  -webkit-mask-size: cover;
}
.group-72 {
  position: absolute;
  width: 259.432px;
  height: 261.292px;
  top: -59.295px;
  left: -60.605px;
  z-index: 36;
}
.mask-group-73 {
  position: absolute;
  width: 259.432px;
  height: 261.292px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/rM1egeV3qL.png)
    no-repeat center;
  background-size: cover;
  z-index: 37;
}
.group-74 {
  position: absolute;
  width: 2107px;
  height: 364px;
  top: 5585px;
  left: -55px;
  z-index: 19;
}
.flex-row-fc {
  position: relative;
  width: 1685px;
  height: 128px;
  margin: 0 0 0 422px;
  z-index: 22;
}
.team {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 128px;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Involve, var(--default-font-family);
  font-size: 96px;
  font-weight: 400;
  line-height: 127.68px;
  text-align: left;
  white-space: nowrap;
  z-index: 22;
}
.group-75 {
  position: absolute;
  width: 1137px;
  height: 108px;
  top: 15px;
  left: 548px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/7Jo8NWuw6J.png)
    no-repeat center;
  background-size: cover;
  z-index: 21;
}
.flex-row-c-76 {
  position: relative;
  width: 1602px;
  height: 215px;
  margin: 21px 0 0 0;
  z-index: 24;
}
.professionals {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 128px;
  top: 0;
  left: 584px;
  color: #000000;
  font-family: Involve, var(--default-font-family);
  font-size: 96px;
  font-weight: 400;
  line-height: 127.68px;
  text-align: left;
  white-space: nowrap;
  z-index: 23;
}
.rectangle-77 {
  position: absolute;
  width: 573px;
  height: 108px;
  top: 2px;
  left: 0;
  border: 2px solid #000000;
  z-index: 20;
  border-radius: 54px;
}
.group-78 {
  position: absolute;
  width: 1222px;
  height: 122px;
  top: 93px;
  left: 374px;
  z-index: 24;
}
.group-79 {
  position: absolute;
  width: 1222px;
  height: 122px;
  top: 0;
  left: 0;
  z-index: 25;
}
.text-description {
  position: absolute;
  width: 1222px;
  height: 122px;
  top: 0;
  left: 0;
  font-family: Involve, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 42.56px;
  text-align: right;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 26;
}
.line-break-7a {
  position: relative;
  color: #000000;
  font-family: Involve, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 42.56px;
  text-align: right;
}
.text-description-7b {
  position: relative;
  color: #000000;
  font-family: Involve, var(--default-font-family);
  font-size: 26px;
  font-weight: 400;
  line-height: 42.56px;
  text-align: right;
}
.image-7c {
  position: absolute;
  width: 1915px;
  height: 1456px;
  top: 5971px;
  left: 5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/UExRAJD2Rj.png)
    no-repeat center;
  background-size: cover;
  z-index: 140;
}
.rectangle-7d {
  position: absolute;
  width: 1920px;
  height: 454px;
  top: 7554px;
  left: 5px;
  background: #6f160c;
  z-index: 18;
  border-radius: 107px 107px 0 0;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.group-7e {
  position: absolute;
  width: 1163.001px;
  height: 153.514px;
  top: 7654px;
  left: 379px;
  z-index: 121;
}
.group-7f {
  position: absolute;
  width: 286.882px;
  height: 153.514px;
  top: 0;
  left: 339.116px;
  z-index: 132;
}
.group-80 {
  position: relative;
  width: 38.696px;
  height: 38.914px;
  margin: 0.48px 0 0 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/jCTPsWuvqw.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 139;
}
.group-81 {
  position: relative;
  width: 40.643px;
  height: 40.618px;
  margin: 20.893px 0 0 0px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/Q2ttPLseGA.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 133;
}
.group-82 {
  position: absolute;
  width: 286.882px;
  height: 153.514px;
  top: 0;
  left: 0;
  z-index: 134;
}
.flex-column-f {
  position: absolute;
  width: 232px;
  height: 146.116px;
  top: 0;
  left: 54.882px;
  font-size: 0px;
  z-index: 137;
}
.phone-number {
  display: block;
  position: relative;
  height: 34px;
  margin: 0 0 0 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: 137;
}
.working-hours {
  display: block;
  position: relative;
  height: 22.514px;
  margin: 36.131px 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: 135;
}
.email {
  display: block;
  position: relative;
  height: 22.514px;
  margin: 30.956px 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: 136;
}
.group-83 {
  position: absolute;
  width: 42.067px;
  height: 31.318px;
  top: 122.195px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/PRm6mWWYUt.png)
    no-repeat center;
  background-size: cover;
  z-index: 138;
}
.group-84 {
  position: absolute;
  width: 401.737px;
  height: 149.157px;
  top: 0.48px;
  left: 761.264px;
  z-index: 122;
}
.flex-column-ad {
  position: absolute;
  width: 7.65%;
  height: 97.71%;
  top: 0;
  left: 0;
  z-index: 125;
}
.group-85 {
  position: relative;
  width: 30.738px;
  height: 38.805px;
  margin: 0 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/vxMQv0tZAf.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 124;
}
.group-86 {
  position: relative;
  width: 30.738px;
  height: 38.805px;
  margin: 68.139px 0 0 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/3MRLumXEHg.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 125;
}
.flex-column-da {
  position: absolute;
  width: 355.303px;
  height: 143.528px;
  top: 5.629px;
  left: 46.435px;
  font-size: 0px;
  z-index: 126;
}
.address {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 355.303px;
  height: 59.803px;
  margin: 0 0 0 0;
  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: 123;
  overflow: hidden;
}
.address-87 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 313.089px;
  height: 45.028px;
  margin: 38.697px 0 0 7.739px;
  color: #ffffff;
  font-family: Involve, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 21.28px;
  text-align: left;
  z-index: 126;
}
.group-88 {
  position: absolute;
  width: 261.024px;
  height: 96.608px;
  top: 0.48px;
  left: 0;
  z-index: 127;
}
.group-89 {
  position: absolute;
  width: 261.024px;
  height: 96.608px;
  top: 0;
  left: 0;
  z-index: 128;
}
.group-8a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 129;
}
.layer-8b {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 130;
}
.group-8c {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2026-04-06/tCzYm8WvUS.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 131;
}

@keyframes pokiza-crug-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Обёртка только для мобильного масштаба середины страницы; на десктопе не влияет на DOM-селекторы */
@media (min-width: 901px) {
  .pokiza-scale-sheet {
    display: contents;
  }

  /*
   * Заголовок «О компании» + декор + абзац: та же вертикаль от верха листа, что на главной
   * (.meat-traditions — var(--pokiza-primary-headline-from-white-top), см. home.css) — см. home.css внутри .rectangle-9.
   */
  body.pokiza-page-about .about-company-1 .pokiza-scale-sheet .quality-felt {
    top: calc(var(--white-sheet-top) + var(--pokiza-primary-headline-from-white-top));
    left: calc(var(--white-sheet-left) + 548px);
    width: 782px;
    height: auto;
    max-height: none;
    line-height: 63.84px;
  }

  body.pokiza-page-about .about-company-1 .pokiza-scale-sheet .group-a {
    top: calc(var(--white-sheet-top) + var(--pokiza-primary-headline-from-white-top) + 67px + 5px);
    left: 37.21%;
    width: 25.02%;
    height: 131px;
  }

  body.pokiza-page-about .about-company-1 .pokiza-scale-sheet .own-production {
    top: calc(
      var(--white-sheet-top) + var(--pokiza-primary-headline-from-white-top) + 67px + 5px + 53px + 48px + 40px
    );
    left: calc(var(--white-sheet-left) + 378px);
    width: 1160px;
    height: auto;
    max-height: none;
  }

  /* Десктоп: то же, что .group-2a, но !important — перебить любой кэш/дубль. */
  body.pokiza-page-about .about-company-1 .pokiza-scale-sheet .group-2a {
    top: 2325px !important;
  }
}

/* Подвал: позиция — site-chrome; высоту .main-container задаёт js/home-layout.js (без дубля — иначе белая полоса под подвалом). */