

/* Start:/bitrix/templates/ermak_v2/css/ermak-center-new.css?174954730352672*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root:has(.container.ermak-center) {
  /* colors */
  --ermak-white: #FFFFFF;
  --ermak-black: #000000;
  --ermak-bg-color: #080503;
  --ermak-text-color: #323232;
  --ermak-dark-grey: #7B7171;
  --ermak-light-grey: #D9D9D9;
  --ermak-accent-color: #FF7101;
  --ermak-main-gradient: linear-gradient(360deg, rgba(244, 114, 0, 0) 0%, rgba(244, 114, 0, 0.6) 100%);
  /* colors */
  --ermak-default-border-radius: 30px;
  --ermak-transition: all .3s ease-in-out;
  /* swiper vars */
  --swiper-navigation-color: var(--ermak-accent-color);
  --swiper-navigation-size: 58px;
}

html:has(.container.ermak-center) {
  font-size: 32px;
}

body:has(.container.ermak-center) {
  background: var(--ermak-bg-color);
  color: var(--ermak-white);
}


body:has(.container.ermak-center) .container {
  max-width: 1980px;
  padding: 0 93px;
}

main.main:has(.container.ermak-center) {
  font-family: "Nunito Sans", sans-serif;
  line-height: 1.2;
}

main.main:has(.container.ermak-center) * {
  -webkit-tap-highlight-color: transparent !important;
}

/* breadcrumbs */

main.main:has(.container.ermak-center) .bx-breadcrumb-item-text {
  font-size: .375rem;
}

main.main:has(.container.ermak-center) .em_bread {
  gap: 0;
}

main.main:has(.container.ermak-center) .em_bread .bx-breadcrumb-item {
  margin: 0;
}
main.main:has(.container.ermak-center) .em_bread .arrow_bread {
  height: 10px;
  width: auto;
  aspect-ratio: .9;
  -webkit-mask-image: url("/bitrix/templates/ermak_v2/icons/bread_arrow.svg");
  mask-image: url("/bitrix/templates/ermak_v2/icons/bread_arrow.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  background: var(--ermak-white);
  margin: 0 37px 0 55px;
}

/* //breadcrumbs */

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

/* buttons */

.ermak-btn {
  cursor: pointer;
  transition: var(--ermak-transition);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  color: var(--ermak-white);
  text-decoration: none;
  border: 2px solid transparent;
}

.ermak-btn.accent {
  padding: 20px;
  background: var(--ermak-accent-color);
}


.ermak-btn.accent:hover {
  background: var(--ermak-bg-color);
  border-color: var(--ermak-white);
}

.ermak-btn.contrast {
  padding: 20px;
  background: var(--ermak-bg-color);
}

.ermak-btn.contrast:hover {
  color: var(--ermak-bg-color);
  border-color: var(--ermak-bg-color);
  background: var(--ermak-white);
}


.ermak-btn.social,
.ermak-btn.close {
  height: auto;
  aspect-ratio: 1;
}

.ermak-btn.close {
  border-radius: 50%;
  position: absolute;
  width: 53px;
  background: var(--ermak-white);
  left: calc(100% + 3px);
  top: 0;
  transform: translateY(-50%);
}

.ermak-btn.close::before {
  content: '';
  width: 100%;
  height: 100%;
  background: var(--ermak-text-color);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='53' height='53' viewBox='0 0 53 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 18L36 36' stroke='%23323232' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M36 18L18 36' stroke='%23323232' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='53' height='53' viewBox='0 0 53 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 18L36 36' stroke='%23323232' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M36 18L18 36' stroke='%23323232' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

}

.ermak-btn.social {
  width: 89px;
  background: var(--ermak-accent-color);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.ermak-btn.social.vk {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='89' height='89' viewBox='0 0 89 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.914062 45.0005C0.914062 67.9856 18.5015 86.8629 40.953 88.909H49.0589C70.1759 86.9845 86.9899 70.1702 88.9141 49.0529V40.9482C86.8683 18.4961 67.991 0.908203 45.0059 0.908203C20.6547 0.908203 0.914062 20.649 0.914062 45.0005ZM70.9906 28.7297C72.9198 28.7297 73.3554 29.7254 72.9198 31.0945C72.2399 34.2323 66.5942 42.5558 64.8455 45.1338C64.5133 45.6236 64.3217 45.9061 64.3317 45.9061C63.6471 47.0263 63.3982 47.5241 64.3317 48.7688C64.6691 49.229 65.3847 49.9311 66.2025 50.7336C67.0436 51.559 67.9929 52.4905 68.7502 53.3741C71.4884 56.4857 73.6043 59.0995 74.1644 60.9043C74.6623 62.7091 73.791 63.6426 71.924 63.6426H65.5141C63.8154 63.6426 62.9398 62.667 61.0736 60.5879C60.2735 59.6964 59.2912 58.6021 57.9839 57.2948C54.1877 53.623 52.5074 53.1251 51.574 53.1251C50.2671 53.1251 49.8937 53.4363 49.8937 55.3033V61.091C49.8937 62.6468 49.3958 63.5803 45.2884 63.5803C38.5051 63.5803 30.9749 59.4729 25.6852 51.8182C17.7194 40.6162 15.5412 32.1525 15.5412 30.4722C15.5412 29.5387 15.8524 28.6674 17.7194 28.6674H24.1916C25.8096 28.6674 26.4319 29.352 27.0543 31.1568C30.2281 40.3051 35.5179 48.3332 37.6961 48.3332C38.5051 48.3332 38.8785 47.9598 38.8785 45.9061V36.4466C38.7248 33.7578 37.7889 32.5864 37.0948 31.7177C36.6643 31.1789 36.3269 30.7566 36.3269 30.161C36.3269 29.4142 36.9493 28.6674 37.945 28.6674H48.0267C49.3958 28.6674 49.8937 29.4142 49.8937 31.0323V43.7901C49.8937 45.1593 50.4538 45.6571 50.8894 45.6571C51.6984 45.6571 52.383 45.1593 53.8766 43.6657C58.4818 38.5003 61.7801 30.5344 61.7801 30.5344C62.2157 29.6009 62.9625 28.7297 64.5806 28.7297H70.9906Z' fill='%23FF7101'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='89' height='89' viewBox='0 0 89 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.914062 45.0005C0.914062 67.9856 18.5015 86.8629 40.953 88.909H49.0589C70.1759 86.9845 86.9899 70.1702 88.9141 49.0529V40.9482C86.8683 18.4961 67.991 0.908203 45.0059 0.908203C20.6547 0.908203 0.914062 20.649 0.914062 45.0005ZM70.9906 28.7297C72.9198 28.7297 73.3554 29.7254 72.9198 31.0945C72.2399 34.2323 66.5942 42.5558 64.8455 45.1338C64.5133 45.6236 64.3217 45.9061 64.3317 45.9061C63.6471 47.0263 63.3982 47.5241 64.3317 48.7688C64.6691 49.229 65.3847 49.9311 66.2025 50.7336C67.0436 51.559 67.9929 52.4905 68.7502 53.3741C71.4884 56.4857 73.6043 59.0995 74.1644 60.9043C74.6623 62.7091 73.791 63.6426 71.924 63.6426H65.5141C63.8154 63.6426 62.9398 62.667 61.0736 60.5879C60.2735 59.6964 59.2912 58.6021 57.9839 57.2948C54.1877 53.623 52.5074 53.1251 51.574 53.1251C50.2671 53.1251 49.8937 53.4363 49.8937 55.3033V61.091C49.8937 62.6468 49.3958 63.5803 45.2884 63.5803C38.5051 63.5803 30.9749 59.4729 25.6852 51.8182C17.7194 40.6162 15.5412 32.1525 15.5412 30.4722C15.5412 29.5387 15.8524 28.6674 17.7194 28.6674H24.1916C25.8096 28.6674 26.4319 29.352 27.0543 31.1568C30.2281 40.3051 35.5179 48.3332 37.6961 48.3332C38.5051 48.3332 38.8785 47.9598 38.8785 45.9061V36.4466C38.7248 33.7578 37.7889 32.5864 37.0948 31.7177C36.6643 31.1789 36.3269 30.7566 36.3269 30.161C36.3269 29.4142 36.9493 28.6674 37.945 28.6674H48.0267C49.3958 28.6674 49.8937 29.4142 49.8937 31.0323V43.7901C49.8937 45.1593 50.4538 45.6571 50.8894 45.6571C51.6984 45.6571 52.383 45.1593 53.8766 43.6657C58.4818 38.5003 61.7801 30.5344 61.7801 30.5344C62.2157 29.6009 62.9625 28.7297 64.5806 28.7297H70.9906Z' fill='%23FF7101'/%3E%3C/svg%3E%0A");
}

.ermak-btn.social.ok {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='89' height='88' viewBox='0 0 89 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.344727 44C0.344727 19.6995 20.0442 0 44.3447 0C68.6453 0 88.3447 19.6995 88.3447 44C88.3447 68.3005 68.6453 88 44.3447 88C20.0442 88 0.344727 68.3005 0.344727 44ZM44.3161 44.7064C50.8044 44.7064 56.0787 39.6146 56.0787 33.3549C56.0787 27.0932 50.8044 22 44.3161 22C37.8293 22 32.5536 27.0932 32.5536 33.3549C32.5536 39.6146 37.8293 44.7064 44.3161 44.7064ZM55.9361 51.2438C53.8092 52.5332 51.5001 53.4476 49.1057 53.9741L55.6813 60.3221C57.0284 61.6197 57.0284 63.7271 55.6813 65.026C54.3356 66.325 52.1546 66.325 50.8103 65.026L44.3453 58.7881L37.8858 65.026C37.2123 65.6748 36.3298 65.9996 35.4472 65.9996C34.566 65.9996 33.6849 65.6748 33.0114 65.026C31.6657 63.7271 31.6657 61.6211 33.01 60.3221L39.5862 53.9741C37.1919 53.4476 34.8828 52.5318 32.7559 51.2438C31.1463 50.2641 30.6628 48.2118 31.677 46.6567C32.6883 45.0996 34.8152 44.6308 36.4276 45.6105C41.243 48.5344 47.4462 48.5351 52.2644 45.6105C53.8768 44.6308 56.0029 45.0996 57.0164 46.6567C58.0306 48.2104 57.5457 50.2641 55.9361 51.2438Z' fill='%23FF7101'/%3E%3Cpath d='M44.3166 28.6543C47.0022 28.6543 49.1868 30.7624 49.1868 33.3548C49.1868 35.9452 47.0022 38.0547 44.3166 38.0547C41.633 38.0547 39.4463 35.9452 39.4463 33.3548C39.4463 30.7624 41.633 28.6543 44.3166 28.6543Z' fill='%23FF7101'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='89' height='88' viewBox='0 0 89 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.344727 44C0.344727 19.6995 20.0442 0 44.3447 0C68.6453 0 88.3447 19.6995 88.3447 44C88.3447 68.3005 68.6453 88 44.3447 88C20.0442 88 0.344727 68.3005 0.344727 44ZM44.3161 44.7064C50.8044 44.7064 56.0787 39.6146 56.0787 33.3549C56.0787 27.0932 50.8044 22 44.3161 22C37.8293 22 32.5536 27.0932 32.5536 33.3549C32.5536 39.6146 37.8293 44.7064 44.3161 44.7064ZM55.9361 51.2438C53.8092 52.5332 51.5001 53.4476 49.1057 53.9741L55.6813 60.3221C57.0284 61.6197 57.0284 63.7271 55.6813 65.026C54.3356 66.325 52.1546 66.325 50.8103 65.026L44.3453 58.7881L37.8858 65.026C37.2123 65.6748 36.3298 65.9996 35.4472 65.9996C34.566 65.9996 33.6849 65.6748 33.0114 65.026C31.6657 63.7271 31.6657 61.6211 33.01 60.3221L39.5862 53.9741C37.1919 53.4476 34.8828 52.5318 32.7559 51.2438C31.1463 50.2641 30.6628 48.2118 31.677 46.6567C32.6883 45.0996 34.8152 44.6308 36.4276 45.6105C41.243 48.5344 47.4462 48.5351 52.2644 45.6105C53.8768 44.6308 56.0029 45.0996 57.0164 46.6567C58.0306 48.2104 57.5457 50.2641 55.9361 51.2438Z' fill='%23FF7101'/%3E%3Cpath d='M44.3166 28.6543C47.0022 28.6543 49.1868 30.7624 49.1868 33.3548C49.1868 35.9452 47.0022 38.0547 44.3166 38.0547C41.633 38.0547 39.4463 35.9452 39.4463 33.3548C39.4463 30.7624 41.633 28.6543 44.3166 28.6543Z' fill='%23FF7101'/%3E%3C/svg%3E%0A");
}

/* //buttons */


/* ermak-swiper */

.ermak--swiper-header-control {
  display: flex;
  gap: 45px;
  align-items: center;
}

.ermak--swiper-header-control .ermak.swiper-button-prev,
.ermak--swiper-header-control .ermak.swiper-button-next {
  position: static;
  margin: 0;
}

.ermak.swiper-button-prev,
.ermak.swiper-button-next {
  display: inline-block;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  aspect-ratio: 1;
}
.ermak.swiper-button-next.swiper-button-disabled,
.ermak.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  bisibility: hidden;
}

.ermak.swiper-button-prev::after,
.ermak.swiper-button-next::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: var(--swiper-navigation-color);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.ermak.swiper-button-prev::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='59' height='58' viewBox='0 0 59 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.333 28.9998H46.1663' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4163 16.9165L12.333 28.9998' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4163 41.0833L12.333 29' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='59' height='58' viewBox='0 0 59 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.333 28.9998H46.1663' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4163 16.9165L12.333 28.9998' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4163 41.0833L12.333 29' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.ermak.swiper-button-next::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.9163 28.9998H12.083' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.833 41.0833L45.9163 29' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.833 16.9165L45.9163 28.9998' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.9163 28.9998H12.083' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.833 41.0833L45.9163 29' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.833 16.9165L45.9163 28.9998' stroke='%23FF7101' stroke-width='3.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}



/* //ermak-swiper */

/* ermak-brands-swiper */

.ermak--brands-swiper {

}

.ermak--brands-swiper .swiper-slide .img-container {
  width: 100%;
  height: auto;
  aspect-ratio: 90 / 31;
  border-radius: 0;
  /*padding: 10px;*/
  /*border-radius: 16px;*/
  /*border: 3px solid var(--ermak-accent-color);*/
  /*display: flex;*/
  /*justify-content: center;*/
}

.ermak--brands-swiper .swiper-slide .img-container img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}



/* //ermak-brands-swiper */

.container.ermak-center {
  display: flex;
  flex-direction: column;
  gap: 128px;
}

.container.ermak-center section {
  --title-gap: 58px;

}

.container.ermak-center h2 {
  font-weight: 500;
  margin-top: 0;
  margin-bottom: var(--title-gap);
}

.container.ermak-center .ermak--section-header h2 {
  margin-bottom: 0;
}

.container.ermak-center .ermak--section-header {
  padding-bottom: var(--title-gap);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.container.ermak-center .ermak--section-header:has(.ermak--swiper-header-control:only-child) {
  justify-content: flex-end;
}

.container.ermak-center .ermak--section-header > h2 {
  flex: 0 1 auto;
}

/* КОНТЕЙНЕРЫ */
/* banner */

.banner {
}
.banner-wrapper {
  display: flex;
  gap: 42px 20px;
  flex-wrap: nowrap;
}

.banner-right {
  flex: 1 0 48.4%;
  padding: 0 8.3% 63px 0;
  margin: 0;
  order: 2;
  position: relative;
}

.banner-img {
  --filter-size: 239px;
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: .948;
}

.banner-img::before,
.banner-img::after {
  content: '';
  --left-offset: calc(0px - var(--filter-size) * .766);
  --right-offset: calc(0px - var(--filter-size) * .713);
  position: absolute;
  width: var(--filter-size);
  aspect-ratio: 1;
  bottom: 0;
  transform: translateY(26.36%);
  background: var(--ermak-black);
  background: radial-gradient(
    circle at center,
    rgba(8, 5, 3, 1) 0%,
    rgba(8, 5, 3, 0.9) 30%,
    rgba(8, 5, 3, 0.4) 54%,
    rgba(8, 5, 3, 0) 69%
  );

  z-index: 10;
}

.banner-img::before {
  left: var(--left-offset);

}

.banner-img::after {
  right: var(--right-offset);
}
.banner-img img {
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.banner-figcaption {
  max-width: 32%;
  position: absolute;
  top: 18px;
  right: 0;
  font-size: .625rem;
  color: var(--ermak-dark-grey);
}

.banner-left {
  display: flex;
  flex: auto;
  flex-direction: column;
  justify-content: center;
}

.banner-left span.title {
  font-weight: 400;
  font-size: 1.125rem;
}

.banner-left span.mega-description {
  font-size: 2rem;
  font-weight: 400;
  margin: 20px 0 58px;
}

.banner-left b {
  color: var(--ermak-accent-color);
  font-weight: 900;
}

.banner-left .ermak-btn {
  max-width: 415px;
}

/* banner */


/* Что такой центр инструментов Ермак... */

.general-description {
  display: flex;
  flex-direction: column;
  gap: var(--title-gap);
}

.container.ermak-center .general-description h2 {
  margin-bottom: 0;
}

.container.ermak-center .general-description p  {
  margin: 0;
}

.ermak-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(231px, 1fr));
  gap: 20px;
}
.ermak-feature {
  font-size: .844rem;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.ermak-feature--icon-wrap {
  background: var(--ermak-accent-color);
  border-radius: 50%;
  width: 170px;
  height: auto;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;

}

.ermak-feature--icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 100%;
  max-width: 44.5%;
  max-height: 44.5%;
}
.ermak-feature--text {
  text-align: center;
}

/* //Что такой центр инструментов Ермак... */

/* img-map */

.ermak-map img {
  width: 100%;
  height: auto;
}

/* //img-map */

/* Форматы магазинов */

.shop-formats--swiper .swiper-wrapper {
  align-items: stretch;
}

.swiper-slide.shop-formats--card {
  height: auto;
  color: var(--ermak-dark-grey);
  border-radius: 1rem;
  padding: 30px;
  background: var(--ermak-white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
.img-container {
  flex: none;
  overflow: hidden;
  border-radius: 1rem;
  width: 100%;
  height: auto;
  aspect-ratio: 1.3;
}

.img-container img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.shop-formats--card .text-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1 1 auto;
}

.shop-formats--card .title {
  flex-shrink: 0;
  color: var(--ermak-text-color);
}

.shop-formats--card p {
  margin: 0;
  flex: 1 0 auto;
}
/* //Форматы магазинов */

/* Ассортимент */

.container.ermak-center .assortment {
  display: flex;
  gap: 42px 164px;
  align-items: center;

}
.container.ermak-center .assortment .img-container {
  flex: 0 0 21.61svw;
  height: auto;
  width: 100%;
  margin-right: 145px;
}
.container.ermak-center .assortment .ermak-img {
  width: 100%;
  height: auto;
}

/* //Ассортимент */

/* Основные параметры магазина */

.ermak-center .shop-parameters--cards {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
}
.ermak-center .shop-parameters--card {
  --card-padding: 40px;
  color: var(--ermak-bg-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--card-padding);
  gap: 30px;
  border-radius: 1rem;
}
.ermak-center .card--header {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.ermak-center .params-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ermak-center .shop-parameters--card.accent .params-list {
  display: grid;
  grid-template-columns: 1fr;
}
.ermak-center .item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ermak-center .name {

}
.ermak-center .value {
  color: var(--value-color);
}

.ermak-center .card--header .params-list {
  justify-content: space-between;
  flex-direction: row;
  padding: var(--card-padding) 0 32px;
}

.ermak-center .card--header .params-list .item {
  flex: 1 0 30%;
  text-align: center;
}

.ermak-center .card--header .params-list .item .name {
  order: 2;
}
.ermak-center .card--header .params-list .item .value {
  order: 1;
  font-weight: 900;
  font-size: 2rem;
}
.ermak-center .card--body {
  padding: var(--card-padding) var(--card-padding) 0 0;
}
.ermak-center .card--footer {
  padding-top: var(--card-padding);
  border-top: 2px solid var(--ermak-white);
}



.ermak-center .shop-parameters--card.white {
  background: var(--ermak-white);
  --value-color: var(--ermak-accent-color);
}

.ermak-center .shop-parameters--card.white .card--header h2 {
  margin: 0;
}

.ermak-center .shop-parameters--card.white .card--body {
  border-top: 2px solid var(--ermak-light-grey);
}

.ermak-center .shop-parameters--card.white .card--body .params-list {
  display: grid;
  grid-template-columns: 50% auto;
  place-content: flex-start;
}


.ermak-center .shop-parameters--card.white .card-body .value {
  font-weight: 700;
  line-height: 1.25;
}


.ermak-center .shop-parameters--card.accent {
  font-size: .9375rem;
  background: var(--ermak-accent-color);
  --value-color: var(--ermak-white);
}

.shop-parameters--card.accent .card--header {
  border-bottom: 2px solid var(--ermak-white);
}

.shop-parameters--card.accent .card--header h2 {
  color: var(--ermak-white);
  margin-bottom: var(--card-padding);
}

.shop-parameters--card .value {
  font-weight: 700;
}

.shop-parameters--card.accent .value {
  font-size: 1.5rem;
}


/* //Основные параметры магазина */

/* Ключевые преимущества франшизы */

.ermak-center .main-advantages .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 20px;
}
.ermak-center .main-advantages .card {
  cursor: pointer;
  padding: 60px 30px 30px;
  background: transparent;
  border: 2px solid var(--ermak-accent-color);
  border-radius: 1rem;
  transition: var(--ermak-transition);
}

.ermak-center .main-advantages .card:hover  {
  background: var(--ermak-accent-color);
}

.ermak-center .main-advantages .card-title {
  font-weight: 700;
  color: var(--ermak-white);
}
.ermak-center .main-advantages .card-text {
  margin-top: 20px;
  transition: var(--ermak-transition);
  color: var(--ermak-dark-grey);
}

.ermak-center .main-advantages .card:hover  .card-text {
  color: var(--ermak-white);
}

/* //Ключевые преимущества франшизы */


/* Центр инструмента в работе */

/*@media screen and (min-width: 651px) {*/
@media screen and (min-width: 767px) {
  .working-center .ermak--swiper-header-control {
    display: none;
  }
}

.swiper.working-center--swiper {
  --swiper-navigation-sides-offset: 47px;
  overflow: visible;
  padding: 0 145px;
}

.swiper.working-center--swiper .ermak.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset);
}

.swiper.working-center--swiper .ermak.swiper-button-next {
  right: var(--swiper-navigation-sides-offset);
}

.working-center .swiper-slide {
  border-radius: 1rem;
  height: auto;
  aspect-ratio: 1.847;
  overflow: hidden;
}
.working-center .swiper-slide img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.working-center .ermak-btn {
  margin-top: 58px;
}

/* //Центр инструмента в работе */


/* Отзывы */

.ermak--reviews .ermak--review-card {
  height: auto;
  border-radius: 30px;
  background: var(--ermak-white);
  padding: 30px;
  color: var(--ermak-text-color);
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.card-header {
  display: flex;
  gap: 22px;
  align-items: flex-start;
}
.user-photo-container {
  background: var(--ermak-light-grey);
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  flex: 0 0 134px;
}

.user-photo-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.ermak--review-card .title-container {
  display: flex;
  flex-direction: column;
  gap10
}
.ermak--review-card .title {
  font-weight: 700;
}
.ermak--review-card .address,
.ermak--review-card .shop-name {
  font-weight: 500;
  color: var(--ermak-light-grey);
}
.ermak--review-card .card-body p {
  margin: 0;
}

/* //Отзывы */


/* аккордеон */

.ermak-accordions {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.ermak-accordion {
  background: var(--ermak-white);
  color: var(--ermak-text-color);
  padding: 30px;
  border-radius: var(--ermak-default-border-radius);
  transition: var(--ermak-transition);
}

.ermak-accordion--details {
}
.ermak-accordion--summary {
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
}
.ermak-accordion--title {}

.ermak-accordion--toggler {
  --toggler-color: var(--ermak-black);
  position: relative;
  flex: none;
  background: var(--ermak-white);
  border: 2px solid var(--ermak-black);
  transition: var(--ermak-transition);
  border-radius: 50%;
  width: 60px;
  height: auto;
  aspect-ratio: 1;

}

.ermak-accordion--toggler::before,
.ermak-accordion--toggler::after {
  position: absolute;
  display: block;
  content: '';
  width: 60%;
  height: 2px;
  background: var(--toggler-color, --ermak-black);
  border-radius: 1px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  transition: inherit;
}


.ermak-accordion--toggler::before {
  transform: translateX(-50%) rotate(90deg);
}

.ermak-accordion--content {
  display: grid;
  height: 100%;
  grid-template-rows: 0fr;
  transition: var(--ermak-transition);
}

.ermak-accordion--content-body {
  transition: var(--ermak-transition);
  border-top: 2px solid var(--ermak-light-grey, #D9D9D9);
  overflow: hidden;
  padding: 30px 0;
}

details[open] .ermak-accordion--toggler {
  --toggler-color: var(--ermak-white);
  border: none;
  background: var(--ermak-accent-color);
  transform: rotate(90deg);
}


details[open] .ermak-accordion--toggler::after {
  visibility: hidden;
  opacity: 0;
}

details[open] + .ermak-accordion--content {
  padding-top: 10px;
  grid-template-rows: 1fr;
}

details:not([open]) + .ermak-accordion--content .ermak-accordion--content-body {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border: none;
  padding: 0;
}

/* аккордеон */

/* форма */

.ermak--main-feedback {
  scroll-margin-top: 25svh;
  padding: 70px;
  background: var(--ermak-accent-color);
  border-radius: 44px;
}
.ermak--main-feedback h2 {}
.ermak--main-feedback form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 27px 10px;
}
.ermak--main-feedback fieldset {
  grid-column: 1 / -1;
  border: none;
  outline: none;
  padding: 0;
  display: grid;
  grid-template-areas:
    "name email"
    "phone city";
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.ermak--main-feedback input {
  transition: var(--ermak-transition);
  border: 1px solid transparent;
}

.ermak--main-feedback input[type="text"],
.ermak--main-feedback input[type="email"],
.ermak--main-feedback input[type="number"],
.ermak--main-feedback input[type="tel"] {
  width: 100%;
  padding: 20px 30px;
  font-size: .9375rem;
  border-radius: 20px;
  border: none;
  outline: none;
}


.ermak--main-feedback input[name="user_name"]{
  grid-area: name;
}
.ermak--main-feedback input[name="user_phone"]{
  grid-area: phone;
}
.ermak--main-feedback input[name="user_email"]{
  grid-area: email;
}
.ermak--main-feedback input[name="user_city"]{
  grid-area: city;
}

.ermak--main-feedback input:focus {
  border-color:  var(--ermak-bg-color);
  box-shadow: inset 0 1px 1px #00000066, 0 0 8px #08050399;
  /*box-shadow: 0px 0px 0px 0.2rem #08050366;*/
}

label.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 22px;
  color: var(--ermak-black);
  padding: 7px;
}


label.custom-checkbox input {
  display: none;
}

label.custom-checkbox i {
  transition: var(--ermak-transition);
  background: var(--ermak-white);
  width: 27px;
  height: auto;
  aspect-ratio: 1;
  position: relative;
  border-radius: 4px;
}


label.custom-checkbox i.input-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55%;
  height: auto;
  aspect-ratio: 1.6;
  transform: translate(-50%, -50%);
  background: var(--ermak-white);
  /*-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6673 1.66675L6.33398 10.0001L1.33398 5.00008' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");*/
  /*mask-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6673 1.66675L6.33398 10.0001L1.33398 5.00008' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");*/
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L4 6L1 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L4 6L1 3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

label.custom-checkbox input:checked ~ i.input-icon {
  background: var(--ermak-bg-color);
}


/* //форма */


/* Контакты */

.ermak-contacts {
  overflow: hidden;
  padding: 0 95px 0 0;
  display: flex;
  gap: 77px;
}

.ermak-contacts .contacts-left {
  padding: 40px 0;
  flex: auto;
  display: flex;
  flex-direction: column;
  gap: var(--title-gap);
}

.ermak-contacts .contact-links {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.container.ermak-center .ermak-contacts h2 {
  margin: 0;
}

.ermak-contacts .contact-links--description {
  font-size: 1rem;

}
.ermak-contacts .contact-link {
  transition: var(--ermak-transition);
  color: var(--ermak-accent-color);
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ermak-contacts .contact-link.phone {}
.ermak-contacts .contact-link.mail {}
.ermak-contacts .contact-link i {
  display: inline-block;
  background: var(--ermak-white);
  height: auto;
  aspect-ratio: 1;
  width: 58px;

  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.ermak-contacts .contact-link.phone i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.9997 53.1668C42.3466 53.1668 53.1663 42.347 53.1663 29.0002C53.1663 15.6533 42.3466 4.8335 28.9997 4.8335C15.6528 4.8335 4.83301 15.6533 4.83301 29.0002C4.83301 42.347 15.6528 53.1668 28.9997 53.1668Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.3242 34.6693C28.5998 39.9473 35.2843 43.3113 39.2597 39.3528L40.224 38.3885C41.5096 37.1053 41.3308 34.9786 39.8373 33.9419C38.8972 33.2869 37.887 32.5837 36.7705 31.7983C35.6154 30.9863 34.0325 31.1144 33.0295 32.1076L31.9396 33.1903C30.5887 32.3348 29.2523 31.2352 28.0101 29.9954L28.0053 29.9906C26.7655 28.7509 25.666 27.412 24.8105 26.0611L25.8931 24.9712C26.8888 23.9707 27.012 22.3854 26.2025 21.2302C25.4146 20.1137 24.7114 19.1035 24.0589 18.1634C23.0221 16.6724 20.8955 16.4935 19.6122 17.7768L18.648 18.741C14.6919 22.7164 18.0535 29.3961 23.329 34.6765' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.9997 53.1668C42.3466 53.1668 53.1663 42.347 53.1663 29.0002C53.1663 15.6533 42.3466 4.8335 28.9997 4.8335C15.6528 4.8335 4.83301 15.6533 4.83301 29.0002C4.83301 42.347 15.6528 53.1668 28.9997 53.1668Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.3242 34.6693C28.5998 39.9473 35.2843 43.3113 39.2597 39.3528L40.224 38.3885C41.5096 37.1053 41.3308 34.9786 39.8373 33.9419C38.8972 33.2869 37.887 32.5837 36.7705 31.7983C35.6154 30.9863 34.0325 31.1144 33.0295 32.1076L31.9396 33.1903C30.5887 32.3348 29.2523 31.2352 28.0101 29.9954L28.0053 29.9906C26.7655 28.7509 25.666 27.412 24.8105 26.0611L25.8931 24.9712C26.8888 23.9707 27.012 22.3854 26.2025 21.2302C25.4146 20.1137 24.7114 19.1035 24.0589 18.1634C23.0221 16.6724 20.8955 16.4935 19.6122 17.7768L18.648 18.741C14.6919 22.7164 18.0535 29.3961 23.329 34.6765' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

}

.ermak-contacts .contact-link.mail i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44.3333 44.2889H11.6667C9.08833 44.2889 7 42.2006 7 39.6223V16.3776C7 13.7993 9.08833 11.7109 11.6667 11.7109H44.3333C46.9117 11.7109 49 13.7993 49 16.3776V39.6246C49 42.2006 46.9117 44.2889 44.3333 44.2889V44.2889Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M39.6663 21L27.9997 28L16.333 21' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M44.3333 44.2889H11.6667C9.08833 44.2889 7 42.2006 7 39.6223V16.3776C7 13.7993 9.08833 11.7109 11.6667 11.7109H44.3333C46.9117 11.7109 49 13.7993 49 16.3776V39.6246C49 42.2006 46.9117 44.2889 44.3333 44.2889V44.2889Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M39.6663 21L27.9997 28L16.333 21' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

}

.ermak-contacts .social-block {
  color: var(--ermak-dark-grey);
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ermak-contacts .social-btn--container {
  display: flex;
  gap: 30px;
}

.ermak-contacts .contacts-right {
  flex: 0 0 41.82%;
  width: 100%;
  position: relative;
}

.ermak-contacts .contacts-right::before {
  content: '';
  width: 100%;
  height: 105%;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: -7%;
  right: 0;
  background: radial-gradient(
    ellipse 50% 75% at center,
    rgba(255, 113, 1, 0.7) 0%,
    rgba(255, 113, 1, 0) 70%
  );
  backdrop-filter: blur(200px);
}


.ermak-contacts .contacts--banner-img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
  aspect-ratio: .925;
  bottom: -2px;
}

.ermak-contacts .contacts--banner-img img {
  position: absolute;
  bottom: 0;
  width: auto;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}

/* //Контакты */

/* адаптив */
@media screen and (max-width: 1890px) {
  :root:has(.container.ermak-center) {
    --swiper-navigation-size: 39px;
  }
  html:has(.container.ermak-center) {
    font-size: 17px;
  }

  body:has(.container.ermak-center) .container {
    padding: 0 70px;
  }

  .container.ermak-center {
    gap: 85px;
  }

  .container.ermak-center section {
    --title-gap: 24px;
  }

  .container.ermak-center h2 {
    font-size: 1.41rem;
  }

  /* breadcrumbs */

  main.main:has(.container.ermak-center) .bx-breadcrumb-item-text {
    font-size: .647rem;
  }

  main.main:has(.container.ermak-center) .em_bread .arrow_bread {
    height: 7px;
    margin: 0 25px;
  }

  /* //breadcrumbs */


  /* buttons */

  .ermak-btn.accent {
    font-size: 1.353rem;
    padding: 14px;
  }

  .ermak-btn.contrast {
    font-size: 1.17647rem;
    padding: 14px;
  }

  .ermak-btn.close {
    width: 40px;
  }

  .ermak-btn.social {
    width: 59px;
  }

  /* //buttons */



  /* ermak-swiper */

  .ermak--swiper-header-control {
    gap: 15px;
  }



  /* //ermak-swiper */


  /* main banner */
  .banner-wrapper {
    column-gap: 38px;
  }
  .banner-left span.title {
    font-size: 1.412rem;
  }
  .banner-left span.mega-description {
    margin: 14px 0 38px;
    font-size: 2.118rem;
  }
  .banner-left .ermak-btn {
    max-width: 257px;
  }

  .banner-right {
    padding-bottom: 14px;
  }

  .banner-figcaption {
    top: 19px;
    font-size: .8235rem;
  }

  .banner-img {
    --filter-size: 159px;
  }
  /* //main banner */


  /* Что такой центр инструментов Ермак... */

  .ermak-features {
    grid-template-columns: repeat(auto-fit, minmax(154px, 1fr));
    gap: 10px;
  }
  .ermak-feature {
    font-size: .941rem;
    gap: 20px;
  }
  .ermak-feature--icon-wrap {
    width: 114px;
  }

  /* //Что такой центр инструментов Ермак... */

  /* Форматы магазинов */

  .shop-formats--card {
    border-radius: 21px;
    padding: 20px;
    gap: 20px;
  }
  .img-container {
    border-radius: 21px;
    /*aspect-ratio: 1.3;*/
  }

  .shop-formats--card .text-container {
    gap: 13px;
  }
  .shop-formats--card .title {
    font-size: 1.1176rem;
  }
  /* //Форматы магазинов */


  /* Ассортимент */

  .container.ermak-center .assortment {
    column-gap: 134px;

  }
  .container.ermak-center .assortment .img-container {
    flex-basis: 19.91%;
    margin-right: 115px;
  }

  /* //Ассортимент */



  /* Основные параметры магазина */

  .ermak-center .shop-parameters--cards {
    gap: 10px;
  }
  .ermak-center .shop-parameters--card {
    --card-padding: 26px;
    gap: 20px;
    border-radius: 20px;
  }
  .ermak-center .card--header {
    gap: 20px;
  }
  .ermak-center .params-list {
    gap: 13px;
  }
  .ermak-center .item {
    gap: 7px;
  }

  .ermak-center .card--header .params-list {
    padding-bottom: 41px;
  }

  .ermak-center .card--header .params-list .item {
    flex: 1 0 30%;
    text-align: center;
  }

  .ermak-center .card--header .params-list .item .value {
    font-size: 1.65rem;
  }



  .ermak-center .shop-parameters--card.white .card-body .value {
    font-size: 1.1176rem;
    line-height: 1.2;
  }

  .ermak-center .shop-parameters--card.accent {
    font-size: 1rem;
  }

  .shop-parameters--card.accent .value {
    font-size: 1.647rem;
  }


  /* //Основные параметры магазина */


  /* Ключевые преимущества франшизы */

  .ermak-center .main-advantages .cards {
    gap: 10px;
  }
  .ermak-center .main-advantages .card {
    padding: 40px 20px 20px;
    border-radius: 21px;
  }

  .ermak-center .main-advantages .card-text {
    margin-top: 13px;
  }

  /* //Ключевые преимущества франшизы */

  /* Центр инструмента в работе */

  .swiper.working-center--swiper {
    --swiper-navigation-sides-offset: 29px;
    padding: 0 94px;
  }

  .working-center .swiper-slide {
    border-radius: 21px;
  }

  .working-center .ermak-btn {
    margin-top: 38px;
  }

  /* //Центр инструмента в работе */

  /* Отзывы */
  .ermak--reviews .ermak--review-card {
    border-radius: 20px;
    padding: 20px;
    gap: 38px;
  }
  .card-header {
    gap: 14px;
  }
  .user-photo-container {
    flex: 0 0 89px;
  }
  .ermak--review-card .title-container {
    gap: 6px;
  }
  .ermak--review-card .title {
    font-size: 1.118rem;
  }
  .ermak--review-card .address,
  .ermak--review-card .shop-name {
    font-size: .9412rem;
  }

  /* //Отзывы */


  /* аккордеон */

  .ermak-accordions {
    gap: 10px;
  }

  .ermak-accordion {
    padding: 20px;
  }

  .ermak-accordion--toggler {
    width: 40px;
  }


  .ermak-accordion--content-body {
    padding: 20px 0;
  }

  /* //аккордеон */


  /* форма */

  .ermak--main-feedback {
    padding: 40px;
    border-radius: 21px;
  }

  .ermak--main-feedback input[type="text"],
  .ermak--main-feedback input[type="email"],
  .ermak--main-feedback input[type="number"],
  .ermak--main-feedback input[type="tel"] {
    width: 100%;
    padding: 13px 20px;
    font-size: .9412rem;
    border-radius: 13px;
  }

  label.custom-checkbox {
    gap: 15px;
    padding: 3px;
  }

  label.custom-checkbox i {
    width: 16px;
    border-radius: 3px;
  }

  /* //форма */


  /* Контакты */

  .ermak-contacts {
    padding: 0 52px 0 0;
    gap: 52px;
  }

  .ermak-contacts .contacts-left {
    padding: 27px 0;
  }

  .ermak-contacts .contact-links {
    gap: 14px;
  }

  .ermak-contacts .contact-links--description {
    font-size: 1.1176rem;
  }
  .ermak-contacts .contact-link {
    font-size: 1.411rem;
    gap: 13px;
  }
  .ermak-contacts .contact-link i {
    width: 38px;
  }

  .ermak-contacts .social-block {
    font-size: 1.1176rem;
    gap: 13px;
  }

  .ermak-contacts .social-btn--container {
    gap: 20px;
  }

  /* //Контакты */


}

@media screen and (max-width: 1220px) {

  body:has(.container.ermak-center) .container {
    padding: 0 40px;
  }

  /* buttons */
  .ermak-btn.accent {
    padding: 12px;
    font-size: .9412rem;
  }

  .ermak-btn.close {
    width: 28px;
  }
  /* //buttons */

  /* ermak-swiper */



  /* //ermak-swiper */

  .container.ermak-center {
    gap: 65px;
  }

  /* breadcrumbs */

  main.main:has(.container.ermak-center) .bx-breadcrumb-item-text {
    font-size: .53rem;
  }

  main.main:has(.container.ermak-center) .em_bread .arrow_bread {
    height: 4px;
    margin: 0 8px;
  }

  /* //breadcrumbs */


  /* main banner */
  .banner-wrapper {
    column-gap: 22px;
  }
  .banner-left span.title {
    font-size: 0.823rem;
  }
  .banner-left span.mega-description {
    margin: 8.5px 0 23px;
    font-size: 1.294rem;
  }
  .banner-left .ermak-btn {
    max-width: 183px;
  }

  .banner-right {
    padding-bottom: 8px;
  }

  .banner-figcaption {
    top: -11px;
    right: 13px;
    font-size: .647rem;
  }

  .banner-img {
    --filter-size: 96px;
  }
  /* //main banner */

  /* Форматы магазинов */

  .img-container {
    aspect-ratio: 1.2;
  }

  /* //Форматы магазинов */

  /* Ассортимент */

  .container.ermak-center .assortment {
    column-gap: 10px;

  }
  .container.ermak-center .assortment .img-container {
    flex-basis: 30.62%;
    margin-right: 0;
  }

  /* //Ассортимент */

  /* Основные параметры магазина */

  .ermak-center .shop-parameters--cards {
    grid-template-columns: 1fr;
  }

  .ermak-center .shop-parameters--card.accent .params-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .ermak-center .shop-parameters--card {
    border-radius: 21px;
  }

  /* //Основные параметры магазина */

  /* Ключевые преимущества франшизы */

  .ermak-center .main-advantages .cards {
    grid-template-columns: repeat(2, 1fr);
  }

  /* //Ключевые преимущества франшизы */


  /* Центр инструмента в работе */

  .swiper.working-center--swiper {
    --swiper-navigation-sides-offset: 0;
    padding: 0 51px;
  }

  .working-center .swiper-slide {
    border-radius: 13px;
    aspect-ratio: 1.85;
  }

  .working-center .ermak-btn {
    margin-top: 58px;
  }

  /* //Центр инструмента в работе */


  /* Отзывы */

  /* //Отзывы */


  /* форма */

  .ermak--main-feedback form {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .ermak--main-feedback fieldset {
    grid-template-areas:
      "name"
      "phone"
      "email"
      "city";
    grid-template-columns: 1fr;
  }

  label.custom-checkbox {
    padding: 1px;
    margin-bottom: 20px;
  }

  /* //форма */


  /* Контакты */

  .ermak-contacts {
    padding: 0;
    gap: 27px 11px;
  }

  .ermak-contacts .contacts-left {
    padding: 0;
  }

  .ermak-contacts .contact-links {
    gap: 13px;
  }

  .ermak-contacts .contact-link {
    font-size: 1.1176rem;
    gap: 13px;
  }

  .ermak-contacts .social-block {
    font-size: 1rem;
  }

  /* //Контакты */


}

@media screen and (max-width: 760px) {

  :root:has(.container.ermak-center) {
    --swiper-navigation-size: 28px;
  }

  html:has(.container.ermak-center) {
    font-size: 16px;
  }

  body:has(.container.ermak-center) .container {
    padding: 0 16px;
  }

  /* breadcrumbs */

  main.main:has(.container.ermak-center) .bx-breadcrumb-item-text {
    font-size: .5rem;
  }

  /* //breadcrumbs */

  /* buttons */

  .ermak-btn.accent {
    font-size: .9375rem;
  }

  .ermak-btn.contrast {
    padding: 12px;
    font-size: .9375rem;
  }

  .ermak-btn.close {
    width: 24px;
  }

  .ermak-btn.social {
    width: 32px;
  }

  /* //buttons */


  /* ermak-swiper */

  .ermak--swiper-header-control {
    gap: 14px;
  }


  /* //ermak-swiper */

  .container.ermak-center {
    gap: 42px;
  }

  .container.ermak-center section {
    --title-gap: 18px;

  }

  .container.ermak-center h2 {
    font-size: 1.19rem;
  }



  /* main banner */
  .banner-wrapper {
    flex-direction: column;
  }
  .banner-left span.title {
    font-size: 0.875rem;
  }
  .banner-left span.mega-description {
    margin-bottom: 18px;
    font-size: 1.375rem;
  }

  .banner-left .ermak-btn {
    max-width: 100%;
  }

  .banner-right {
    order: revert;
    padding: 0 55px;
  }


  .banner-figcaption {
    top: -9px;
    right: 16px;
    font-size: .563rem;
  }

  .banner-img {
    --filter-size: 74px;
  }

  /* //main banner */

  /* Что такой центр инструментов Ермак... */

  .ermak-features {
    gap: 14px 10px;
    grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
  }
  .ermak-feature {
    font-size: 1rem;
    gap: 10px;
  }
  .ermak-feature--icon-wrap {
    width: 80px;
  }

  /* //Что такой центр инструментов Ермак... */

  /* Форматы магазинов */

  .shop-formats--card {
    padding: 10px;
  }
  .img-container {
    aspect-ratio: 1.06;
  }

  .shop-formats--card .text-container {
    gap: 10px;
  }
  .shop-formats--card .title {
    font-size: 1.1875rem;
  }
  /* //Форматы магазинов */


  /* Ассортимент */

  .container.ermak-center .assortment {
    flex-direction: column;
    align-items: center;
  }
  .container.ermak-center .assortment .img-container {
    flex-basis: 100%;
    max-width: 300px;
  }

  /* //Ассортимент */

  /* Основные параметры магазина */

  .ermak-center .shop-parameters--card {
    --card-padding: 20px;
  }
  .ermak-center .params-list {
    gap: 14px;
  }
  .ermak-center .shop-parameters--card.accent .params-list {
    grid-template-columns: 1fr;
  }

  .ermak-center .card--header .params-list {
    padding: 26px 0 0;
  }

  .ermak-center .card--header .params-list {
    flex-direction: column;
  }

  .ermak-center .card--header .params-list .item {
    flex: auto;
    text-align: left;
  }

  .ermak-center .card--header .params-list .item .value {
    font-size: 1.75rem;
  }
  .ermak-center .card--body {
    padding: 26px 0 0;
  }
  .ermak-center .card--footer {
    padding-top: 10px;
  }

  .ermak-center .shop-parameters--card.white .card--body .params-list {
    grid-template-columns: 1fr;
  }
  .ermak-center .shop-parameters--card.white .card-body .value {
    font-size: 1.0625rem;
  }

  .ermak-center .shop-parameters--card.accent {
    font-size: 1.0625rem;
  }

  .shop-parameters--card.accent .card--header h2 {
    margin-bottom: 10px;
  }

  .shop-parameters--card.accent .value {
    font-size: 1.75rem;
  }
  /* //Основные параметры магазина */

  /* Ключевые преимущества франшизы */

  .ermak-center .main-advantages .cards {
    grid-template-columns: 1fr;
  }
  .ermak-center .main-advantages .card {
    padding: 20px;
  }

  .ermak-center .main-advantages .card-title {
    font-size: 1.1875rem;
  }
  .ermak-center .main-advantages .card-text {
    font-size: 1.0625rem;
  }

  /* //Ключевые преимущества франшизы */


  /* Центр инструмента в работе */

  .swiper.working-center--swiper {
    padding: 0;
  }


  .swiper.working-center--swiper .ermak.swiper-button-prev,
  .swiper.working-center--swiper .ermak.swiper-button-next {
    display: none;
  }

  .working-center .swiper-slide {
    aspect-ratio: 1.477;
  }

  .working-center .ermak-btn {
    margin-top: 18px;
  }

  /* //Центр инструмента в работе */



  /* Отзывы */
  .ermak--review-card .title {
    font-size: 1.1875rem;
  }
  .ermak--review-card .address,
  .ermak--review-card .shop-name {
    font-size: .875rem;
  }

  /* //Отзывы */

  /* форма */

  .ermak--main-feedback {
    padding: 20px;
  }

  .ermak--main-feedback input[type="text"],
  .ermak--main-feedback input[type="email"],
  .ermak--main-feedback input[type="number"],
  .ermak--main-feedback input[type="tel"] {
    font-size: 1rem;
  }

  label.custom-checkbox {
    padding: 0;
  }

  /* //форма */


  /* Контакты */

  .ermak-contacts {
    flex-direction: column;
  }

  .ermak-contacts .contact-links--description {
    font-size: 1.0625rem;
  }
  .ermak-contacts .contact-link {
    font-size: 1.0625rem;
    gap: 10px;
  }

  .ermak-contacts .social-block {
    font-size: 1.0625rem;
  }

  /* //Контакты */

}

/* адаптив */

/* End */


/* Start:/bitrix/templates/ermak_v2/components/bitrix/news.list/working-center-slider/style.css?1748964215150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/ermak_v2/components/bitrix/news.list/ermak-center-reviews/style.css?1748965992150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/ermak_v2/components/bitrix/news.list/ermak-center-faq/style.css?1748980700150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/components/ermak-center/main.feedback/templates/.default/style.css?17492026112488*/

/* modal */
.ermak-modal {
  transition: var(--ermak-transition, .3s ease-in-out);
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100svh;
  opacity: 1;
  z-index: 10;
  padding: 0 37px;
}
.ermak-modal:not(:has(.ermak-modal__container.active)) {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.ermak-modal__overlay {
  transition: inherit;
  position: absolute;
  inset: 0;
  background: var(--ermak-black, #000);
  opacity: .5;
  z-index: 0;
}
.ermak-modal__container:not(.active) {
  display: none !important;
}
.ermak-modal__container.alert {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  padding: 70px;
  border-radius: 44px;
  z-index: 1;
  margin: 30svh auto;
  position: relative;
  background: var(--ermak-accent-color, #FF7101);
  max-width: 1000px;
  width: 100%;
  height: auto;
}

.ermak-modal__message-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ermak__alert-message {
  font-size: 1.5rem;
}
.ermak__alert-message-description {
  font-size: 1.1875rem;
}
.ermak-modal__container .ermak-btn.contrast {
  width: 465px;
}

.ermak--main-feedback input.feedback-error {
  outline: 3px solid #bf0a15;
  box-shadow: inset 1px 2px 2px #76000080, 1px 1px 9px #5a020299;
}

.ermak--main-feedback input.feedback-error::placeholder {
  color: #bf0a15;
}

label.custom-checkbox:has(input.feedback-error) {
  color: #bf0a15;
}

label.custom-checkbox input.feedback-error + i {
  outline: 4px solid #bf0a15;
  box-shadow: inset 1px 2px 2px #76000080, 1px 1px 9px #5a020299;
}

@media screen and (max-width: 1890px) {

  .ermak-modal__container.alert {
    padding: 40px;
    border-radius: 40px;
    max-width: 710px;
  }
  .ermak__alert-message {
    font-size: 2rem;
  }
  .ermak__alert-message-description {
    font-size: 1.65rem;
  }
  .ermak-modal__container .ermak-btn.contrast {
    width: 318px;
  }
}

@media screen and (max-width: 1220px) {

  .ermak-modal__container.alert {
    padding: 30px;
    border-radius: 30px;
    max-width: 378px;
  }
  .ermak__alert-message {
    font-size: 1.412rem;
  }
  .ermak__alert-message-description {
    font-size: 1rem;
  }
  .ermak-modal__container .ermak-btn.contrast {
    width: 100%;
  }
}

@media screen and (max-width: 760px) {

  .ermak-modal__container.alert {
    padding: 20px;
    border-radius: 20px;
  }
  .ermak__alert-message {
    font-size: 1.375rem;
  }
  .ermak__alert-message-description {
    font-size: .9375rem;
  }
}


/* //modal */

/* End */
/* /bitrix/templates/ermak_v2/css/ermak-center-new.css?174954730352672 */
/* /bitrix/templates/ermak_v2/components/bitrix/news.list/working-center-slider/style.css?1748964215150 */
/* /bitrix/templates/ermak_v2/components/bitrix/news.list/ermak-center-reviews/style.css?1748965992150 */
/* /bitrix/templates/ermak_v2/components/bitrix/news.list/ermak-center-faq/style.css?1748980700150 */
/* /local/components/ermak-center/main.feedback/templates/.default/style.css?17492026112488 */
