/* Start:/local/templates/main/components/bitrix/catalog.element/product-page/style.css?176700242320228*/
.hero {
   position: relative;
   width: 100%;
   overflow: hidden;
}

@media screen and (max-width: 768px) {
   main #product-page .hero {
      min-height: 940px;
      display: flex;
      align-items: flex-end;
   }
}
main #product-page .hero__image-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   overflow: hidden;
}
main #product-page .hero__image-product {
   position: absolute;
   bottom: 0;
   right: calc(50% / 2);
   transform: translateX(calc(50% / 2));
   width: auto;
   height: auto;
   z-index: -1;
}
main #product-page .hero__image-product img {
   transform: translateY(3px);
   object-fit: contain;
}
main #product-page .hero__image-wrapper::before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(270deg, rgba(0, 0, 0, 0) 54.59%, rgba(0, 0, 0, 0.47) 68.3%);
   backdrop-filter: blur(1.5px);
   -webkit-backdrop-filter: blur(1.5px);
   mask-image: linear-gradient(270deg, transparent 54.59%, #000000 68.3%);
   -webkit-mask-image: linear-gradient(270deg, transparent 54.59%, #000000 68.3%);
}
main #product-page .hero__image-m {
   display: none;
}
@media screen and (max-width: 768px) {
   main #product-page .hero__image-wrapper::before {
      content: unset;
   }

   main #product-page .hero__image-m {
      display: block;
   }
   main #product-page .hero__image-d {
      display: none;
   }
}
main #product-page .hero__content {
   padding-top: clamp(5rem, -0.7963375rem + 12.0635vw, 9.75rem);
   padding-left: clamp(0.75rem, -5.96433125rem + 13.9683vw, 6.25rem);
   padding-right: clamp(0.75rem, -5.96433125rem + 13.9683vw, 6.25rem);
   position: relative;
}
@media screen and (min-width: 1401px) {
   main #product-page .hero__content {
      padding-top: 156px;
   }
}
@media screen and (max-width: 768px) {
   main #product-page .hero__content {
      padding-left: 0;
      padding-right: 0;
   }
}
main #product-page .hero__content-wrapper {
   max-width: clamp(21.25rem, 2.025rem + 40vw, 37rem);
}
@media screen and (max-width: 768px) {
   main #product-page .hero__content-wrapper {
      position: relative;
      top: 0;
      left: 0;
      max-width: 100%;
      padding: 8px 12px 24px;
   }
   main #product-page .hero__content-wrapper::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(
         180deg,
         rgba(0, 0, 0, 0) 0%,
         rgba(25, 25, 25, 0.5) 15%,
         rgba(37, 37, 37, 0.75) 29.81%,
         #323232 47%
      );
      backdrop-filter: blur(1.75px);
      -webkit-backdrop-filter: blur(1.75px);
      z-index: -1;
   }
   main #product-page .hero__content-wrapper::after {
      content: "";
      position: absolute;
      inset: 0;
      top: -10px;
      backdrop-filter: blur(0.8px);
      -webkit-backdrop-filter: blur(0.8px);
      z-index: -1;
      height: 30px;
      opacity: 0.3;
   }
}
main #product-page .hero .h2-style {
   color: var(--Grayscale-White, #fff);
}
main #product-page .hero__tags-wrapper {
   display: flex;
   gap: 4px;
   flex-wrap: wrap;
   margin: 12px 0;
}
main #product-page .hero__tag {
   padding: 8px 12px;
   border-radius: 999px;
   background: var(--Grayscale-White-10-opacity, rgba(255, 255, 255, 0.1019607843));
}
main #product-page .hero__description {
   margin: 16px 0;
   color: var(--Grayscale-White, #fff);
   max-width: 540px;
}
main #product-page .hero__btn-n-price-wripper {
   display: flex;
   align-items: center;
   gap: 16px;
   margin-top: 16px;
}
@media screen and (max-width: 768px) {
   main #product-page .hero__btn-n-price-wripper {
      flex-direction: column;
      width: 100%;
   }
}
main #product-page .hero__button {
   cursor: pointer;
   transition: all 0.3s ease 0s;
}
@media screen and (max-width: 768px) {
   main #product-page .hero__button {
      width: 100%;
   }
}
@media screen and (max-width: 768px) {
   main #product-page .hero__separator {
      display: none;
   }
}
main #product-page .hero__separator span {
   display: block;
   width: 1px;
   height: 14px;
   background: rgba(255, 255, 255, 0.5019607843);
}
main #product-page .hero__price {
   color: var(--Grayscale-White, #fff);
}

main #product-page .description {
   position: relative;
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   overflow: hidden;
   min-height: 45.747vw;
}
@media screen and (min-width: 1401px) {
   main #product-page .description {
      min-height: 640px;
   }
}
@media screen and (max-width: 768px) {
   main #product-page .description {
      padding: 0;
   }
}
main #product-page .description .h2-style {
   background: linear-gradient(180deg, #303942 34.37%, rgba(153, 153, 153, 0.3) 155.73%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   max-width: 424px;
   text-align: center;
   position: absolute;
   padding: 0 12px;
   top: clamp(1.5rem, 0.9515625rem + 2.3438vw, 3rem);
}
main #product-page .description__circle-big {
   position: absolute;
   border-radius: 50%;
   background-color: var(--Brand-Blue-500, #0780e2);
   opacity: 0.05;
   z-index: -1;
   top: 12.6519vw;
   width: 47.1766vw;
   height: 47.1766vw;
}
@media screen and (min-width: 1401px) {
   main #product-page .description__circle-big {
      top: 177px;
      width: 660px;
      height: 660px;
   }
}
@media screen and (max-width: 768px) {
   main #product-page .description__circle-big {
      min-width: 660px;
      min-height: 660px;
      top: 104px;
   }
}
main #product-page .description__circle-little {
   position: absolute;
   border-radius: 50%;
   background-color: var(--Brand-Blue-500, #0780e2);
   opacity: 0.1;
   z-index: -1;
   top: 18.0843vw;
   width: 36.4546vw;
   height: 36.4546vw;
}
@media screen and (min-width: 1401px) {
   main #product-page .description__circle-little {
      top: 253px;
      width: 510px;
      height: 510px;
   }
}
@media screen and (max-width: 768px) {
   main #product-page .description__circle-little {
      min-width: 510px;
      min-height: 510px;
      top: 180px;
   }
   main #product-page .hero__content {
      width: 100%;
   }
}
main #product-page .description__image-wrapper {
   position: absolute;
   bottom: -5px;
   max-width: 35.7398vw;
}
@media screen and (min-width: 1401px) {
   main #product-page .description__image-wrapper {
      max-width: 500px;
   }
}
@media screen and (max-width: 768px) {
   main #product-page .description__image-wrapper {
      min-width: 375px;
      bottom: auto;
      top: 145px;
   }
}
main #product-page .description__content {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   column-gap: clamp(6.25rem, -19.68933125rem + 53.9683vw, 27.5rem);
   row-gap: clamp(1.25rem, -2.94585625rem + 8.7302vw, 4.6875rem);
   margin-top: clamp(6.25rem, -5.42438125rem + 24.2857vw, 15.8125rem);
}
@media screen and (min-width: 1401px) {
   main #product-page .description__content {
      column-gap: 440px;
      row-gap: 75px;
      margin-top: 253px;
   }
}
@media screen and (max-width: 768px) {
   main #product-page .description__content {
      flex-direction: column;
      margin-top: 440px;
      z-index: 2;
      position: relative;
      width: 100%;
      justify-content: center;
      align-items: center;
      padding: 40px 12px 12px;
   }
   main #product-page .description__content::before {
      content: "";
      position: absolute;
      bottom: 0;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 7.08%);
      backdrop-filter: blur(2px);
      inset: 0;
      z-index: -1;
   }
}
main #product-page .description__content__item {
   display: flex;
   flex-flow: column nowrap;
   justify-content: center;
   align-items: flex-start;
   gap: 9px;
   max-width: 330px;
   width: clamp(15rem, 8.13186875rem + 14.2857vw, 20.625rem);
}
@media screen and (max-width: 768px) {
   main #product-page .description__content__item {
      width: 100%;
      max-width: 100%;
   }
}
main #product-page .description__content__item .p1-style {
   color: var(--Brand-Blue-600, #0a6bcc);
}
main #product-page .description__content__item .p3-style {
   color: var(--Grayscale-Gray-600, #303942);
}

main #product-page .characteristics {
   margin-top: clamp(1.5rem, -0.6984375rem + 9.375vw, 7.5rem);
   margin-bottom: clamp(1.5rem, 0.675rem + 3.5156vw, 3.75rem);
}
@media screen and (max-width: 768px) {
   main #product-page .characteristics.container {
      padding: 0;
   }
}
main #product-page .characteristics .h2-style {
   color: var(--Grayscale-Gray-600, #303942);
   text-align: center;
   margin-bottom: clamp(1.5rem, 1.134375rem + 1.5625vw, 2.5rem);
}
main #product-page .characteristics__wrapper {
   overflow-x: auto;
   scrollbar-width: none;
   -ms-overflow-style: none;
}
@media screen and (max-width: 768px) {
   main #product-page .characteristics__wrapper {
      padding: 0 12px;
   }
}
main #product-page .characteristics__wrapper::-webkit-scrollbar {
   display: none;
}
main #product-page .characteristics__wrapper table {
   border-collapse: separate;
   border-spacing: 0;
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
   border: 1px solid #edf0f9;
   border-radius: 12px;
   overflow: hidden;
}
@media screen and (max-width: 768px) {
   main #product-page .characteristics__wrapper table {
      width: 745px;
   }
}
main #product-page .characteristics__wrapper th,
main #product-page .characteristics__wrapper td {
   border: 1px solid #edf0f9;
   padding: 22px 12px;
   text-align: left;
   font-family: inherit;
}
main #product-page .characteristics__wrapper tr:first-child td {
   background-color: var(--Brand-Blue-500, #0780e2);
   color: var(--Grayscale-White, #ffffff);
}

main #product-page .containerTabsAccordion {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin: 0 auto;
   background: white;
   overflow: hidden;
}

/* Стили для режима табов (desktop) */
main #product-page .tabs-mode .tab-headers {
   display: flex;
   position: relative;
   background-color: var(--Brand-Blue-100, #edf0f9);
   border-radius: 999px;
   padding: 4px;
}
main #product-page .tabs-mode .item-header {
   flex: 1;
   padding: 16px 40px;
   cursor: pointer;
   text-align: center;
   background: none;
   border: none;
   position: relative;
   z-index: 2;
   -webkit-transition: color 0.3s ease;
   -ms-transition: color 0.3s ease;
   -o-transition: color 0.3s ease;
   transition: color 0.3s ease;
}
main #product-page .tabs-mode .item-header.active {
   color: var(--Color-base-white, #ffffff);
}
main #product-page .tabs-mode .tab-indicator {
   position: absolute;
   bottom: 4px;
   left: 4px;
   width: calc(33.3333% - 8px);
   height: calc(100% - 8px);
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   border-radius: 999px;
}
main #product-page .tabs-mode .content-item {
   display: none;
}
main #product-page .tabs-mode .content-item .item-header {
   display: none;
}
main #product-page .tabs-mode .content-item.active {
   display: block;
   animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
   from {
      opacity: 0;
      transform: translateY(10px);
   }
   to {
      opacity: 1;
      transform: translateY(0);
   }
}
/* Стили для режима аккордеона (mobile) */
main #product-page .accordion-mode .tab-headers {
   display: none;
}
main #product-page .accordion-mode .content-item {
   border-bottom: 1px solid var(--Grayscale-Gray-400, #dedede);
   width: 100%;
}
main #product-page .accordion-mode .item-header {
   width: 100%;
   background: none;
   border: none;
   text-align: left;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 5px;
   padding: 15px 0;
   -webkit-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}
main #product-page .accordion-mode .accordion-icon {
   display: inline;
   content: "";
   width: 14px;
   height: 8px;
   background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99992 -1.22391e-06C7.26514 -1.27028e-06 7.51942 0.105431 7.70696 0.292967L13.707 6.29297C14.0975 6.68349 14.0975 7.3165 13.707 7.70703C13.3164 8.09755 12.6834 8.09755 12.2929 7.70703L6.99993 2.41406L1.70696 7.70703C1.31643 8.09755 0.683419 8.09756 0.292895 7.70703C-0.0976298 7.31651 -0.0976299 6.68349 0.292894 6.29297L6.29289 0.292968L6.36614 0.226561C6.54409 0.0807261 6.76783 -1.18333e-06 6.99992 -1.22391e-06Z' fill='%23303942'/%3E%3C/svg%3E");
   flex-shrink: 0;
   -webkit-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}
main #product-page .accordion-mode .item-header.active .accordion-icon {
   transform: rotate(0deg);
}
main #product-page .accordion-mode .item-content {
   height: 0;
   -webkit-transition: height 0.5s ease;
   -ms-transition: height 0.5s ease;
   -o-transition: height 0.5s ease;
   transition: height 0.5s ease;
}

main #product-page .accordion-mode .content-inner {
   padding: 12px 0;
}
@media (max-width: 768px) {
   main #product-page .accordion-mode .content-inner {
      transition: all 0.5s ease 0s;
   }
}

/* Скрываем элементы по умолчанию */
main #product-page .tab-indicator {
   display: none;
}

main #product-page .accordion-icon {
   display: none;
}

main #product-page .tabs-mode .tab-indicator {
   display: block;
}

main #product-page .documentation {
   padding-top: clamp(1.5rem, 0.675rem + 3.5156vw, 3.75rem);
   padding-bottom: 0;
}
@media screen and (max-width: 768px) {
   main #product-page .documentation {
      /*    padding-left: 0;
        padding-right: 0;*/
   }
}
main #product-page .documentation .h2-style {
   color: var(--Grayscale-Gray-600, #303942);
   text-align: center;
   margin-bottom: clamp(1.5rem, 1.134375rem + 1.5625vw, 2.5rem);
}
main #product-page .documentation .p3-style {
   color: var(--Grayscale-Gray-600, #303942);
}
main #product-page .documentation .tabs-mode .item-header {
   padding: 18px 20px;
   white-space: nowrap;
}
main #product-page .documentation .tabs-mode .tab-indicator {
   background-color: var(--Brand-Blue-500, #0780e2);
}
main #product-page .documentation .tabs-mode .tab-indicator.pos-1 {
   transform: translateX(0%);
}
main #product-page .documentation .tabs-mode .tab-indicator.pos-2 {
   transform: translateX(100%);
}
main #product-page .documentation .tabs-mode .tab-indicator.pos-3 {
   transform: translateX(200%);
}
main #product-page .documentation .tabs-mode .content-item {
   padding: 24px 0;
}
main #product-page .documentation__docs {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 16px;
}
@media screen and (max-width: 768px) {
   main #product-page .documentation__docs {
      grid-template-columns: 1fr;
   }
}
@media screen and (max-width: 582px) {
   main #product-page .documentation__docs {
      grid-template-columns: 1fr;
   }
}
main #product-page .documentation__docs__doc {
   display: flex;
   flex-direction: column;
   background-color: var(--Grayscale-Gray-300, #f9f9f9);
   justify-content: space-between;
   padding: clamp(0.75rem, 0.47578125rem + 1.1719vw, 1.5rem);
   height: clamp(5rem, 2.253125rem + 11.7188vw, 12.5rem);
   border-radius: clamp(0.75rem, 0.47578125rem + 1.1719vw, 1.5rem);
   min-width: 288px;
   max-width: 288px;
}
main #product-page .documentation__docs__doc:hover {
   background-color: var(--Grayscale-Gray-400, #dedede);
}
main #product-page .documentation__docs__doc__download-wrapper {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
}
main #product-page .documentation__docs__doc__download-wrapper .p3-style {
   color: rgba(48, 57, 66, 0.6);
   font-size: clamp(0.875rem, 0.828125rem + 0.1953vw, 1rem);
}
main #product-page .documentation__docs__doc__download {
   border: none;
   background-color: transparent;
   cursor: pointer;
   content: "";
   width: 20px;
   height: 20px;
   background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99999 14.1712C9.84444 14.1712 9.6986 14.147 9.56249 14.0988C9.42638 14.0506 9.29999 13.9678 9.18332 13.8503L4.98332 9.65033C4.74999 9.417 4.63799 9.14477 4.64732 8.83366C4.65666 8.52255 4.76866 8.25033 4.98332 8.017C5.21666 7.78366 5.49394 7.66233 5.81516 7.653C6.13638 7.64366 6.41327 7.75527 6.64582 7.98783L8.83332 10.1753V1.83366C8.83332 1.50311 8.94532 1.22622 9.16932 1.003C9.39332 0.779774 9.67021 0.667774 9.99999 0.666996C10.3298 0.666218 10.607 0.778219 10.8318 1.003C11.0566 1.22777 11.1682 1.50466 11.1667 1.83366V10.1753L13.3542 7.98783C13.5875 7.75449 13.8648 7.6425 14.186 7.65183C14.5072 7.66116 14.7841 7.78288 15.0167 8.017C15.2305 8.25033 15.3425 8.52255 15.3527 8.83366C15.3628 9.14477 15.2508 9.417 15.0167 9.65033L10.8167 13.8503C10.7 13.967 10.5736 14.0498 10.4375 14.0988C10.3014 14.1478 10.1555 14.1719 9.99999 14.1712ZM2.99999 19.3337C2.35832 19.3337 1.80921 19.1054 1.35266 18.6488C0.896101 18.1923 0.667434 17.6428 0.666656 17.0003V14.667C0.666656 14.3364 0.778657 14.0596 1.00266 13.8363C1.22666 13.6131 1.50355 13.5011 1.83332 13.5003C2.1631 13.4996 2.44038 13.6116 2.66516 13.8363C2.88993 14.0611 3.00155 14.338 2.99999 14.667V17.0003H17V14.667C17 14.3364 17.112 14.0596 17.336 13.8363C17.56 13.6131 17.8369 13.5011 18.1667 13.5003C18.4964 13.4996 18.7737 13.6116 18.9985 13.8363C19.2233 14.0611 19.3349 14.338 19.3333 14.667V17.0003C19.3333 17.642 19.105 18.1915 18.6485 18.6488C18.1919 19.1062 17.6424 19.3344 17 19.3337H2.99999Z' fill='%230780E2'/%3E%3C/svg%3E%0A");
   background-repeat: no-repeat;
}

main #product-page .accordion-icon {
   content: "";
   width: 14px;
   height: 8px;
   background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99992 -1.22391e-06C7.26514 -1.27028e-06 7.51942 0.105431 7.70696 0.292967L13.707 6.29297C14.0975 6.68349 14.0975 7.3165 13.707 7.70703C13.3164 8.09755 12.6834 8.09755 12.2929 7.70703L6.99993 2.41406L1.70696 7.70703C1.31643 8.09755 0.683419 8.09756 0.292895 7.70703C-0.0976298 7.31651 -0.0976299 6.68349 0.292894 6.29297L6.29289 0.292968L6.36614 0.226561C6.54409 0.0807261 6.76783 -1.18333e-06 6.99992 -1.22391e-06Z' fill='%23303942'/%3E%3C/svg%3E");
}

@media screen and (min-width: 1401px) {
   main #product-page .hero,
   main #product-page .hero__content {
      min-height: 640px;
   }
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
   main #product-page .hero,
   main #product-page .hero__content {
      min-height: 45.747vw;
   }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
   main #product-page .hero,
   .hero__content {
      min-height: calc(-0.1181 * 100vw + 591px);
   }
}
@media (max-width: 768px) {
   main #product-page .documentation__docs__doc {
      min-width: auto;
      max-width: 100%;
   }
}
@media (max-width: 950px) {
   main #product-page .hero__image-product {
      right: calc(50% / 3);
   }
}
@media (max-width: 768px) {
   main #product-page .hero__content {
      position: initial;
   }
   main #product-page .hero__image-product {
      right: 50%;
      transform: translateX(50%);
      top: 0;
      bottom: 100px;
      width: max-content;
      overflow: visible;
      visibility: visible;
   }
   main #product-page .hero__image-product.position-right {
      right: 0%;
      transform: translateX(0%);
   }
   main #product-page .hero__image-product img {
      object-fit: none;
   }
   main #product-page .hero__image-product .hero__image-m {
      max-width: 375px;
      object-fit: contain;
   }
}
main #product-page .hero .h2-style {
   margin-bottom: clamp(1.25rem, 1.15859375rem + 0.3906vw, 1.5rem);
}
main #product-page .hero__tag-wrapper {
   margin-bottom: 12px;
}
main #product-page .hero__description {
   margin-bottom: clamp(1.5rem, 1.134375rem + 1.5625vw, 2.5rem);
}
main #product-page .hero__button {
   background-color: --Brand-Blue-500, #0780e2;
}

/* End */
/* /local/templates/main/components/bitrix/catalog.element/product-page/style.css?176700242320228 */