@charset "UTF-8";

/*scss breakpoints*/

/* Padding / Margin */

/*root*/
* {
  margin: 0;
  padding: 0;
}

:root {
  --page-max-width: 1480px;
  --page-gap: calc((100vw - var(--page-max-width)) / 2);
  --grid-column-gap: 20px;
  --grid-row-gap: 0px;
  --table-border-color: #69899f;
  --border-radius: 10px;
  --transition: 0.3s;
  --sandwich-width: 18px;
  --sandwich-height: 12px;
  --sandwich-el-height: 2px;
  --sandwich-def-color: var(--color-white);
  --arrow: path("M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z"
    );
  --search: path("M0.45,0.108 C0.261,0.108,0.108,0.261,0.108,0.45 C0.108,0.64,0.261,0.793,0.45,0.793 C0.64,0.793,0.793,0.64,0.793,0.45 C0.793,0.261,0.64,0.108,0.45,0.108 M0,0.45 C0,0.202,0.202,0,0.45,0 C0.699,0,0.901,0.202,0.901,0.45 C0.901,0.699,0.699,0.901,0.45,0.901 C0.202,0.901,0,0.699,0,0.45 M0.692,0.692 C0.713,0.671,0.748,0.671,0.769,0.692 L0.984,0.908 C1,0.929,1,0.963,0.984,0.984 C0.963,1,0.929,1,0.908,0.984 L0.692,0.769 C0.671,0.748,0.671,0.713,0.692,0.692"
    );
  --check: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6673 1L5.50065 10.1667L1.33398 6' stroke='%23E19E3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --icon-height: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M9 6L6 3C4.4379 4.5621 4.5621 4.4379 3 6' stroke='%23293C6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 18V4' stroke='%23293C6C' stroke-width='2'/%3E%3Cpath d='M3 16L6 19C7.5621 17.4379 7.4379 17.5621 9 16' stroke='%23293C6C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-weight: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.73391 6.43687L0.0376702 14.3522L0.0378674 14.352C-0.0697967 14.8532 0.0548258 15.3762 0.377231 15.7747C0.699436 16.1732 1.18471 16.4047 1.69719 16.4043H14.1355C14.648 16.4047 15.1333 16.1732 15.4555 15.7747C15.7779 15.3762 15.9025 14.8532 15.7948 14.352L14.0986 6.43668L14.0988 6.43687C14.0171 6.05729 13.8079 5.71733 13.506 5.47341C13.204 5.22949 12.8275 5.09659 12.4394 5.09678H10.8507C11.252 4.40641 11.3967 3.59636 11.2597 2.80958C11.1224 2.02279 10.712 1.30976 10.1008 0.795668C9.48952 0.28178 8.71631 0 7.91772 0C7.11912 0 6.34612 0.28178 5.73485 0.795668C5.12339 1.30976 4.71303 2.02279 4.57598 2.80958C4.43874 3.59636 4.58347 4.40641 4.98495 5.09678H3.39326C3.00519 5.09658 2.62874 5.22949 2.32666 5.47341C2.02477 5.71733 1.81555 6.05726 1.73393 6.43687H1.73391ZM14.1354 14.7086H1.69706L3.39329 6.79326H12.4393L14.1354 14.7086ZM6.22008 3.401C6.22008 2.95121 6.39893 2.51976 6.717 2.20169C7.03506 1.88343 7.46653 1.70477 7.9163 1.70477C8.36608 1.70477 8.79754 1.88343 9.11561 2.20169C9.43368 2.51975 9.61253 2.95122 9.61253 3.401C9.61253 3.85078 9.43368 4.28223 9.11561 4.6003C8.79755 4.91837 8.36608 5.09702 7.9163 5.09702C7.46653 5.09702 7.03507 4.91836 6.717 4.6003C6.39893 4.28224 6.22008 3.85077 6.22008 3.401Z' fill='%23293C6C'/%3E%3C/svg%3E%0A");
  --icon-xls: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='25' fill='none'%3E%3Cpath fill='%23243768' d='M21.991 7.24299h-.1654l.1654-.0221c-.0215-.15805-.0957-.30529-.2116-.41993l-6.88-6.567315c-.038-.036919-.0802-.069742-.1257-.097879l-.033-.018944c-.0353-.0208124-.0717-.0397845-.1091-.0568322l-.0595-.0157869c-.0308-.0127637-.063-.0222916-.0959-.028416C14.4228.00569654 14.3686.00041103 14.3142 0H3.27184c-.21921 0-.42944.0831624-.58444.231193-.15501.14803-.24209.348802-.24209.558148V9.27633c0 .20935.08708.41012.24209.55815.155.14803.36523.23122.58444.23122.2192 0 .42943-.08319.58444-.23122.155-.14803.24208-.3488.24208-.55815V1.58815h9.38934v5.72746c.0008.20855.0877.40836.2418.55612.1541.14777.363.23156.5814.23322l6.0369.03157V23.4213H4.09836v-1.2219c0-.2093-.08708-.4101-.24208-.5581-.15501-.1481-.36524-.2312-.58444-.2312-.21921 0-.42944.0831-.58444.2312-.15501.148-.24209.3488-.24209.5581v2.0113c0 .2093.08708.4101.24209.5581.155.148.36523.2312.58444.2312H21.1743c.2193 0 .4295-.0832.5845-.2312.155-.148.2421-.3488.2421-.5581V7.35034c-.0001-.03599-.0034-.0719-.0099-.10735Zm-6.8503-.71356V2.70586l4.0268 3.84251-4.0268-.01894Z'/%3E%3Cpath fill='%23243768' d='M17.5074 11.3636H.825975c-.219063 0-.429152.08-.584053.2224C.0870221 11.7284 0 11.9216 0 12.123v7.5722c0 .2014.0870221.3945.241922.5369.154901.1424.36499.2224.584053.2224H17.5074c.219 0 .4291-.08.584-.2224.1549-.1424.2419-.3355.2419-.5369V12.123c0-.2014-.087-.3946-.2419-.537-.1549-.1424-.365-.2224-.584-.2224ZM6.35009 18.0884v-.0273l-.80284-1.376-.83919 1.4033H3.58803l1.36121-2.0836-1.3579-2.2538h1.16958l.01652.0304.80284 1.464.83589-1.4944h1.1035l-1.3612 2.2143 1.36451 2.1262-1.17289-.0031Zm4.29511 0H7.92605V13.751h1.04734v3.4718h1.68831l-.0165.8656Zm3.0462-.2794c-.336.2458-.7571.372-1.1861.3554-.4451-.0089-.8879-.0598-1.3216-.1519l-.2941-.0517.1091-.7684h.0561c.4575.0627.9187.1003 1.3811.1124.446 0 .6608-.164.6608-.4951.0072-.0484.0017-.0977-.0161-.1437s-.0474-.0873-.0864-.1206c-.2063-.1079-.429-.1867-.6607-.2339-.4146-.085-.8023-.2565-1.1333-.5011-.1141-.1093-.2024-.2391-.2593-.3813-.0569-.1422-.0811-.2937-.0711-.4449-.0146-.1848.0178-.3703.0946-.5416.0769-.1714.1961-.3239.3481-.4455.3433-.2297.7623-.3434 1.1861-.322.4315.0075.8615.0492 1.2853.1245l.2973.0517-.0958.7806h-.0595c-.631-.0638-1.0836-.0972-1.3414-.0972-.6806 0-.6806.3037-.6806.3948-.0001.0517.0141.1024.0413.1476.0272.0452.0664.0833.114.1106.2704.1265.5537.2283.8458.3037.3569.0855.6879.2444.9681.4648.1037.111.1826.2398.2319.379.0494.1392.0682.286.0555.432.0137.1936-.0198.3877-.0981.5679-.0783.1803-.1994.3422-.3545.4739h-.0165Z'/%3E%3C/svg%3E");
  --new-height: 336px;
}

/* Единый скроллбар страницы - убираем второй скроллбар */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  scrollbar-width: thin;
  scrollbar-color: #E85A29 #10142A;
}

body {
  overflow: visible !important;
  height: auto !important;
  min-height: 100vh;
}

body::-webkit-scrollbar,
div::-webkit-scrollbar,
section::-webkit-scrollbar,
main::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html::-webkit-scrollbar {
  width: 10px !important;
}

html::-webkit-scrollbar-track {
  background: #10142A !important;
}

html::-webkit-scrollbar-thumb {
  background: #E85A29 !important;
  border-radius: 5px !important;
}

html::-webkit-scrollbar-thumb:hover {
  background: #FF8000 !important;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: var(--font-family);
}

body {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  font-size: var(--font-size);
  line-height: var(--text-line-height);
  color: var(--text-color-def);
  overflow-x: clip;
  /* Заменяем hidden на clip */
  min-width: 360px;
}

.header {
  position: relative;
  width: 100%;
}

.header .layout {
  max-width: var(--page-max-width);
}

section {
  width: 100%;
}

section .section__inner {
  width: 100%;
}

.footer.full-width {
  padding-left: var(--page-gap);
  padding-right: var(--page-gap);
}

.footer.full-width .layout {
  max-width: 100%;
}

.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  will-change: transform;
}

.icon svg {
  min-width: 17px;
  min-height: 17px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}

use {
  -webkit-transition: fill 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
  fill: var(--color-blue);
}

a {
  text-decoration: none;
  color: var(--link-color-def);
  font-weight: 500;
  -webkit-transition: color 200ms ease-in-out, text-shadow 100ms ease-in-out;
  transition: color 200ms ease-in-out, text-shadow 100ms ease-in-out;
  -webkit-transition: -webkit-transform var(--transition);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition);
  cursor: pointer;
}



a.arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  line-height: 54px;
  font-size: 16px;
  border-bottom: 1px solid var(--color-light-blue);
  -webkit-transition: gap var(--transition) ease-in-out;
  transition: gap var(--transition) ease-in-out;
}

a.arrow-small {
  border: none;
}

a.arrow span::after,
a.arrow span::before {
  content: unset;
}

a.arrow:hover {
  gap: 22px;
}

a.arrow.line {
  line-height: unset;
  height: 54px;
  gap: unset;
}

a.arrow.line span::after,
a.arrow.line span::before {
  content: "";
}

a.arrow .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 22px;
}



a.arrow-small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 21px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 54px;
  white-space: nowrap;
  font-size: 16px;
  -webkit-transition: gap var(--transition) ease-in-out;
  transition: gap var(--transition) ease-in-out;
}

a.arrow-small::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  position: relative;
  right: 0px;
  width: 8px;
  height: 14px;
  background-color: var(--color-gold);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
}

a.arrow-small span::after,
a.arrow-small span::before {
  content: none;
}

a:hover span:not(.icon)::before {
  opacity: 0.6;
  width: 100%;
}

a[href*="tel:"] {
  border: 0 !important;
}

a[href*=".xls"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 32px;
  position: relative;
}

a[href*=".xls"]::before {
  content: "";
  position: absolute;
  left: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-size: cover;
  background-image: var(--icon-xls);
  width: 22px;
  height: 25px;
  margin-right: 10px;
}

a.dashed span::before,
a.dashed span::after {
  border: 1px dashed;
}

a.noline {
  border: none !important;
}

a.noline span::before,
a.noline span::after {
  content: unset;
}

a.link {
  text-decoration: underline;
}

a.button span::before,
a.button span::after {
  content: unset;
}

a.button:hover {
  color: #fff;
}

button,
.button {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 190px;
  height: 38px;
  padding: 10px 15px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  border: 0;
  cursor: pointer;
  background: var(--color-gold);
  -webkit-transition: all 200ms;
  transition: all 200ms;
  border: 1px solid rgba(255, 255, 255, 0.1);
  justify-content: center;
}

button[disabled],
.button[disabled] {
  opacity: 0.7;
}



button_arrow,
.button_arrow {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 19px;
}

button_arrow::after,
.button_arrow::after {
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-size: cover;
  background-color: var(--color-white);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
}

button_blue,
button_inverse,
.button_blue,
.button_inverse {
  color: var(--color-blue2);
  background-color: transparent;
  color: var(--text-color-def);
  border: 1px solid var(--color-gold);
}

button_blue:hover,
button_inverse:hover,
.button_blue:hover,
.button_inverse:hover {
  color: var(--text-color-inverse);
}

button_blue.button_arrow::after,
button_inverse.button_arrow::after,
.button_blue.button_arrow::after,
.button_inverse.button_arrow::after {
  background-color: var(--color-gold);
}

button_blue.button_arrow:hover::after,
button_inverse.button_arrow:hover::after,
.button_blue.button_arrow:hover::after,
.button_inverse.button_arrow:hover::after {
  background-color: var(--color-white);
}

button.active,
.button.active {
  color: var(--text-color-inverse);
  background-color: var(--color-blue);
  border: none;
  border: 1px solid var(--color-blue) !important;
}

.fancybox__container button {
  min-width: unset;
}

p {
  padding-bottom: 0;
  margin-bottom: 20px;
  line-height: 150%;
}

strong {
  font-weight: 600;
}

/*selection*/

::-moz-selection {
  background-color: var(--color-blue);
  color: var(--text-color-inverse);
}

::selection {
  background-color: var(--color-blue);
  color: var(--text-color-inverse);
}

.no-selection {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*PAGE*/

.page__body {
  height: 100vh;
  margin: 0 auto;
}

.page__body.modal-opened {
  position: fixed;
  right: 0;
  left: 0;
}

.page__inner {
  position: relative;
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
  width: 100%;
  height: 100%;
  overflow: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/*IMAGES*/

picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

picture>img {
  align-self: normal;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul li {
  margin-left: 0;
  padding-left: 0;
  line-height: 150%;
}

ul ul {
  margin-left: 2rem;
}

ul.check-list li {
  padding-left: 30px;
  margin-bottom: 30px;
  position: relative;
}

ul.check-list li::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  display: block;
  left: 0;
  top: 8px;
  width: 16px;
  height: 12px;
  background-image: var(--check);
  background-repeat: no-repeat;
  background-size: cover;
}

.table {
  overflow-x: hidden;
  width: 100%;
}

.table>table,
.table,
.base-table {
  min-width: 350px;
  border-spacing: 0;
  border: 0;
  table-layout: fixed;
  width: 100%;
  text-align: left;
  margin-bottom: 16px;
  table-layout: auto;
}

.table>table thead,
.table thead,
.base-table thead {
  background: #f9f9f9;
  color: var(--color-blue);
  font-size: 15px;
  font-weight: 400 !important;
}

.table>table thead td,
.table thead td,
.base-table thead td {
  padding: 33px 19px;
}

.table>table tbody td,
.table tbody td,
.base-table tbody td {
  padding: 28px 19px;
}

.table>table tr,
.table>table th,
.table>table td,
.table tr,
.table th,
.table td,
.base-table tr,
.base-table th,
.base-table td {
  margin: 0;
  padding: 0;
  border: 0;
}

.table>table tr,
.table tr,
.base-table tr {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}

.table>table tr:hover,
.table tr:hover,
.base-table tr:hover {
  background: rgba(0, 0, 0, 0.02);
}

/* Уменьшаем высоту второй строки */

.table tr.sub-row td {
  padding: 11px 20px;
}

.table>table tr.remove,
.table tr.remove,
.base-table tr.remove {
  opacity: 0;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.table>table td,
.table td,
.base-table td {
  width: auto;
  border-bottom: 1px solid var(--color-light-blue);
}

.table>table td:first-child,
.table td:first-child,
.base-table td:first-child {
  border-left: 1px solid var(--color-light-blue);
}

.table>table td:last-child,
.table td:last-child,
.base-table td:last-child {
  border-right: 1px solid var(--color-light-blue);
}

.table>table th,
.table th,
.base-table th {
  padding: 11px 17px;
}

h3+.table,
h3+table {
  margin-top: 40px;
}

select {
  cursor: pointer;
  position: relative;
  z-index: 1;
}

select::-webkit-scrollbar {
  width: 14px;
  border-radius: 3px;
  margin: 10px;
  border: 4px solid rgba(0, 0, 0, 0);
}

select::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #dedede;
}

select:hover::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}

.select-dropdown {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.select-dropdown>select {
  cursor: pointer;
  height: 35px;
  width: 100%;
  border: 0;
  outline: none;
  border: 1px solid #bdc7e0;
  border-radius: 0;
  padding: 0 30px 0 16px;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  font-size: 15px;
  position: relative;
}

.select-dropdown::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8px;
  height: 14px;
  background-color: var(--color-gold);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
  right: 12px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  z-index: 1;
  position: absolute;
  pointer-events: none;
}

.select-dropdown.active::after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.select-dropdown.inverse select {
  border-color: #caa282;
  background-color: var(--color-gold);
  color: var(--text-color-inverse);
}

.select-dropdown.inverse select option {
  background-color: var(--color-white);
  color: var(--text-color-def);
}

.select-dropdown.inverse::after {
  background-color: var(--color-white);
}

/* Global input styles explicitly removed to prevent conflicts */

input::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder {
  /* Most modern browsers support this now. */
  color: #243768;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input::placeholder,
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder {
  color: rgba(36, 55, 104, 0.5);
}

input:-moz-read-only,
input[type="text"]:-moz-read-only,
input[type="tel"]:-moz-read-only,
input[type="password"]:-moz-read-only,
textarea:-moz-read-only {
  caret-color: transparent;
}

input:read-only,
input[type="text"]:read-only,
input[type="tel"]:read-only,
input[type="password"]:read-only,
textarea:read-only {
  caret-color: transparent;
}

/* input hover styles explicitly removed */

/* input focus styles explicitly removed */

input:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input:focus::-moz-placeholder,
input[type="text"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input:focus:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input:focus::-ms-input-placeholder,
input[type="text"]:focus::-ms-input-placeholder,
input[type="tel"]:focus::-ms-input-placeholder,
input[type="password"]:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input:focus::placeholder,
input[type="text"]:focus::placeholder,
input[type="tel"]:focus::placeholder,
input[type="password"]:focus::placeholder,
textarea:focus::placeholder {
  /* Most modern browsers support this now. */
  color: rgba(42, 52, 134, 0);
}

input.inverse,
input[type="text"].inverse,
input[type="tel"].inverse,
input[type="password"].inverse,
textarea.inverse {
  background-color: var(--color-blue) !important;
  color: var(--text-color-inverse);
}

input.inverse::-webkit-input-placeholder,
input[type="text"].inverse::-webkit-input-placeholder,
input[type="tel"].inverse::-webkit-input-placeholder,
input[type="password"].inverse::-webkit-input-placeholder,
textarea.inverse::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse::-moz-placeholder,
input[type="text"].inverse::-moz-placeholder,
input[type="tel"].inverse::-moz-placeholder,
input[type="password"].inverse::-moz-placeholder,
textarea.inverse::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse:-ms-input-placeholder,
input[type="text"].inverse:-ms-input-placeholder,
input[type="tel"].inverse:-ms-input-placeholder,
input[type="password"].inverse:-ms-input-placeholder,
textarea.inverse:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse::-ms-input-placeholder,
input[type="text"].inverse::-ms-input-placeholder,
input[type="tel"].inverse::-ms-input-placeholder,
input[type="password"].inverse::-ms-input-placeholder,
textarea.inverse::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse::placeholder,
input[type="text"].inverse::placeholder,
input[type="tel"].inverse::placeholder,
input[type="password"].inverse::placeholder,
textarea.inverse::placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

input.inverse:focus::-webkit-input-placeholder,
input[type="text"].inverse:focus::-webkit-input-placeholder,
input[type="tel"].inverse:focus::-webkit-input-placeholder,
input[type="password"].inverse:focus::-webkit-input-placeholder,
textarea.inverse:focus::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.inverse:focus::-moz-placeholder,
input[type="text"].inverse:focus::-moz-placeholder,
input[type="tel"].inverse:focus::-moz-placeholder,
input[type="password"].inverse:focus::-moz-placeholder,
textarea.inverse:focus::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.inverse:focus:-ms-input-placeholder,
input[type="text"].inverse:focus:-ms-input-placeholder,
input[type="tel"].inverse:focus:-ms-input-placeholder,
input[type="password"].inverse:focus:-ms-input-placeholder,
textarea.inverse:focus:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.inverse:focus::-ms-input-placeholder,
input[type="text"].inverse:focus::-ms-input-placeholder,
input[type="tel"].inverse:focus::-ms-input-placeholder,
input[type="password"].inverse:focus::-ms-input-placeholder,
textarea.inverse:focus::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.inverse:focus::placeholder,
input[type="text"].inverse:focus::placeholder,
input[type="tel"].inverse:focus::placeholder,
input[type="password"].inverse:focus::placeholder,
textarea.inverse:focus::placeholder {
  /* Most modern browsers support this now. */
  color: rgba(255, 255, 255, 0);
}

input.search,
input[type="text"].search,
input[type="tel"].search,
input[type="password"].search,
textarea.search {
  padding-right: 55px;
  background-position: center right 17px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.08333 2.75C5.58553 2.75 2.75 5.58553 2.75 9.08333C2.75 12.5811 5.58553 15.4167 9.08333 15.4167C12.5811 15.4167 15.4167 12.5811 15.4167 9.08333C15.4167 5.58553 12.5811 2.75 9.08333 2.75ZM0.75 9.08333C0.75 4.48096 4.48096 0.75 9.08333 0.75C13.6857 0.75 17.4167 4.48096 17.4167 9.08333C17.4167 13.6857 13.6857 17.4167 9.08333 17.4167C4.48096 17.4167 0.75 13.6857 0.75 9.08333Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5546 13.5554C13.9451 13.1649 14.5783 13.1649 14.9688 13.5554L18.9563 17.5429C19.3468 17.9334 19.3468 18.5666 18.9563 18.9571C18.5658 19.3476 17.9326 19.3476 17.5421 18.9571L13.5546 14.9696C13.1641 14.5791 13.1641 13.9459 13.5546 13.5554Z' fill='white'/%3E%3C/svg%3E%0A");
}

input.err,
input[type="text"].err,
input[type="tel"].err,
input[type="password"].err,
textarea.err {
  border: 1px solid var(--color-red);
  position: relative;
}

input.err::-webkit-input-placeholder,
input[type="text"].err::-webkit-input-placeholder,
input[type="tel"].err::-webkit-input-placeholder,
input[type="password"].err::-webkit-input-placeholder,
textarea.err::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input.err::-moz-placeholder,
input[type="text"].err::-moz-placeholder,
input[type="tel"].err::-moz-placeholder,
input[type="password"].err::-moz-placeholder,
textarea.err::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input.err:-ms-input-placeholder,
input[type="text"].err:-ms-input-placeholder,
input[type="tel"].err:-ms-input-placeholder,
input[type="password"].err:-ms-input-placeholder,
textarea.err:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input.err::-ms-input-placeholder,
input[type="text"].err::-ms-input-placeholder,
input[type="tel"].err::-ms-input-placeholder,
input[type="password"].err::-ms-input-placeholder,
textarea.err::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input.err::placeholder,
input[type="text"].err::placeholder,
input[type="tel"].err::placeholder,
input[type="password"].err::placeholder,
textarea.err::placeholder {
  /* Most modern browsers support this now. */
  color: var(--color-red);
}

input {
  /* &[type="file"] {
      border: 0;
      padding: 0;

      button {
          background-color: red;
      }
  } */
}

input[type="checkbox"],
input[type="radio"] {
  min-width: unset;
}

/* @supports (-webkit-appearance: none) or (-moz-appearance: none) { */
input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #fff;
  padding: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  outline: none;
  display: inline-flex;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input[type="checkbox"]:after,
input[type="radio"]:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: var(--color-gold);
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
  opacity: 0.5;
}

input[type="checkbox"]:hover:not(:checked):not(:disabled),
input[type="radio"]:hover:not(:checked):not(:disabled) {
  border-color: var(--color-gold);
}

input[type="checkbox"]:not(.switch):checked:after,
input[type="radio"]:not(.switch):checked:after {
  opacity: 1;
}

/* } */


input[type="checkbox"]:checked:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

input[type="radio"] {
  border-radius: 100%;
}

input[type="radio"]:checked {
  background-color: #fff;
}

input[type="radio"]:checked:after {
  top: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  background-color: var(--color-gold);
  border-radius: 50%;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}

.file {
  height: 36px;
  position: relative;
  margin-bottom: 21px;
  cursor: pointer;
}

.file__upload {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  cursor: pointer;
}

.file__upload input {
  padding: 0;
  z-index: 10;
  font-size: 18px;
  cursor: pointer;
  height: 100%;
  opacity: 0;
}

.file__bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  height: 100%;
}

.file__bg input {
  height: 100%;
  border: 0;
}

.file__icon {
  width: 16px;
  height: 16px;
}

.file__icon svg use {
  fill: var(--color-gold);
}

.file__name {
  border-bottom: 1px dashed var(--color-light-blue);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.file:hover .file__icon svg use {
  fill: var(--color-blue);
}

.file:hover .file__name {
  border-color: var(--color-blue);
}

.input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  font-size: 15px;
}

form {
  font-size: 15px;
}

form textarea {
  min-width: 93px;
}

form textarea::-webkit-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form textarea::-moz-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form textarea:-ms-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form textarea::-ms-input-placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form textarea::placeholder {
  color: rgba(36, 55, 104, 0.5);
}

form label[for] {
  cursor: pointer;
}

.form__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.err-msg {
  position: absolute;
  margin-top: 13px;
  -webkit-animation: err 1s ease-in-out;
  animation: err 1s ease-in-out;
  font-size: 10px;
}

@-webkit-keyframes err {
  0% {
    color: var(--color-red);
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }

  20% {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
  }

  40% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  70% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@keyframes err {
  0% {
    color: var(--color-red);
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }

  20% {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
  }

  40% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }

  70% {
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

input[type="checkbox"],
input[type="radio"] {
  width: 24px;
  height: 24px;
  accent-color: var(--color-first);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 97px;
  max-width: 100%;
  overflow: auto;
  line-height: 160%;
}

/*Layout*/

.layout {
  width: 100%;
  max-width: var(--page-max-width);
  margin: 0 auto;
  display: grid;
  padding: 0 clamp(10px, 4vw, 42px);
}

.layout.layout-max-width {
  max-width: 1920px;
}



.layout.layout_cols_6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}



/*Grids*/

.grid {
  display: grid;
  grid-column-gap: var(--grid-column-gap);
  grid-row-gap: var(--grid-row-gap);
}

.grid_6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid_9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid_12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.sandwich {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: var(--sandwich-width);
  height: var(--sandwich-height);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}

.sandwich>span {
  display: block;
  height: var(--sandwich-el-height);
  width: 100%;
  background-color: var(--sandwich-def-color);
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.swiper-button-disabled {
  opacity: 0.75;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
  padding-top: 50px;
}

.swiper-pagination-bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  height: 10px;
  background-color: #d9d9d9;
}

.swiper-pagination-bullet-active {
  background-color: #e19e3a;
}

.number-input {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.number-input__input {
  display: block;
}

.number-input__buttons {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 1px;
  bottom: 2px;
  right: 1px;
}

.number-input__buttons button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  padding-top: 5px;
  margin: 0;
  width: 20px;
  height: 50%;
  border: 0;
  background-color: var(--color-white);
}

.number-input__buttons button:last-child {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.number-input__buttons button::after {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6' fill='none'%3E%3Cpath d='M3.24687 0.205194L0.129375 5.44307C0.0170529 5.62429 0.157455 5.85996 0.382161 5.85996H6.6265C6.8512 5.85996 6.98227 5.62436 6.87929 5.44307L3.75244 0.205194C3.64005 0.0239686 3.35924 0.0239686 3.24687 0.205194L0.129375 5.44307C0.0170529 5.62429 0.157455 5.85996 0.382161 5.85996H6.6265C6.8512 5.85996 6.98227 5.62436 6.87929 5.44307L3.75244 0.205194C3.64005 0.0239686 3.35924 0.0239686 3.24687 0.205194Z' fill='%23293C6C'/%3E%3C/svg%3E");
}


.tabs .tabs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tabs .tabs__body {
  display: grid;
}

.tabs .tabs__body>* {
  grid-row: 1;
  grid-column: 1/-1;
}

.tabs .tabs__body>*.active {
  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.tabs .tabs__body>*:not(.active) {
  display: none;
}

.close {
  --close: 17px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 41px;
  top: 29px;
  width: var(--close);
  height: var(--close);
  opacity: 0.6;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 350ms ease;
  transition: -webkit-transform 350ms ease;
  transition: transform 350ms ease;
  transition: transform 350ms ease, -webkit-transform 350ms ease;
  cursor: pointer;
}

.close:hover {
  opacity: 1;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.close:hover::before,
.close:hover::after {
  background-color: var(--color-blue);
}

.close::before,
.close::after {
  position: absolute;
  left: calc(var(--close) / 2);
  content: " ";
  height: var(--close);
  width: 2px;
  background-color: var(--color-gold);
  -webkit-transition: background-color 500ms ease-in-out;
  transition: background-color 500ms ease-in-out;
}

.close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.del {
  --del-color: #f65353;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid var(--del-color);
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.del::before,
.del::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 60%;
  height: 2px;
  background-color: var(--del-color);
  border-radius: 2px;
}

.del::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.del::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.del:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  10% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

#sortable-list {
  padding: 0;
}

#photo_in_news {
  float: right;
  width: 40%;
}

#photo_in_news img {
  width: 100%;
  margin-left: 25px;
}

li.sortme {
  padding: 4px 8px;
  text-align: center;
  color: #000;
  cursor: move;
  list-style: none;
  width: 500px;
  background: #ddd;
  margin: 10px 0;
  border: 1px solid #999;
}

#message-box {
  background: #fffea1;
  border: 2px solid #fc0;
  padding: 4px 8px;
  margin: 0 0 14px 0;
  width: 500px;
}

.suggestionUl {
  border: 1px solid #e19e3a;
  box-shadow: 0 3px 5px gray;
  list-style: none;
  padding: 0;
  position: absolute;
  margin-top: 47px;
  width: 100%;
  z-index: 300;
  background-color: white;
}

.suggestionUl li {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0 !important;
}

.suggestionUl li::before {
  content: none !important;
}

.suggestionUl li:hover {
  background-color: #fedc95;
}

input,
textarea {
  outline: none;
}

.fos {
  overflow: hidden;
  zoom: 1;
}

.fos .fos_1 {
  font-family: georgia;
  font-size: 30px;
  font-weight: bold;
  line-height: 34px;
  padding: 0 0 50px 0;
}

.fos-v1 .fos_1 {
  color: #fbfeff;
}

.fos .fos_2 {
  display: block;
  min-height: 28px;
  margin: 0 0 17px 0;
  overflow: hidden;
  zoom: 1;
  font-family: tahoma;
  font-weight: bold;
  font-size: 14px;
  line-height: 28px;
}

.fos-v1 .fos_2 {
  color: #fff;
}

.fos .fos_2 span {
  float: left;
  min-height: 28px;
  line-height: 28px;
}

.fos .fos_2 input {
  float: right;
  margin: 0 140px 0 0;
  min-height: 28px;
  width: 294px;
  padding: 0 5px 0 5px;
  border: none;
  font-family: tahoma;
  font-size: 14px;
  line-height: 28px;
  border: 1px solid;
}

.fos .fos_2 select {
  float: right;
  margin: 0 90px 0 0;
  height: 28px;
  width: 274px;
  padding: 0 5px 0 5px;
  border: 1px solid grey;
  font-family: tahoma;
  font-size: 14px;
  line-height: 28px;
}

.fos .fos_3 {
  display: block;
  margin: 0 0 17px 0;
  overflow: hidden;
  zoom: 1;
  font-family: tahoma;
  font-weight: bold;
  font-size: 14px;
}

.fos .fos_3 span {
  float: left;
  height: 28px;
  line-height: 28px;
}

.fos .fos_3 textarea {
  float: right;
  margin: 0 20px 0 0;
  height: 155px;
  width: 415px;
  padding: 6px 5px;
  border: none;
  font-family: tahoma;
  font-size: 14px;
  color: #000;
  overflow: auto;
  border: 1px solid;
}


.mini_table tr {
  height: 16px;
}

.countdown-title {
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}

.countdown {
  font-family: sans-serif;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 20px;
}

.countdown-number {
  border-radius: 3px;
  display: inline-block;
}

.countdown-time {
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
}

.countdown-text {
  display: block;
  padding-top: 5px;
  font-size: 16px;
}

#tooltip {
  border-right: #999999 1px solid;
  padding-right: 5px;
  border-top: #999999 1px solid;
  padding-left: 5px;
  background: #ffffe1;
  visibility: hidden;
  padding-bottom: 3px;
  margin: 0px;
  border-left: #999999 1px solid;
  color: #000000;
  padding-top: 3px;
  border-bottom: #999999 1px solid;
  position: absolute;
}

.plus_minus {
  color: black;
  background-color: white;
  width: 12px;
  height: 12px;
  text-align: center;
  border: 1px solid #999;
  float: left;
  font-size: 80%;
  text-decoration: none;
}

.plus_minus:hover {
  color: black;
  background-color: #eee;
}

.div_dir_file {
  float: left;
  border: 1px solid silver;
  width: 100px;
  height: 100px;
  margin: 3;
  padding: 0;
  text-align: center;
  font-size: 90%;
}

#div_normal {
  background: white;
}

#div_hover {
  background: #eee;
}

.div_dir_file table {
  width: 100px;
  height: 100px;
  table-layout: fixed;
  text-align: center;
  border-collapse: collapse;
}

:root {
  --color-blue: #2a3486;
  --color-blue2: #293c6c;
  --color-blue3: #243768;
  --color-white: #fff;
  --color-gold: #e19e3a;
  --color-gold-dark: #d68c1e;
  --color-gold2: #9c8d67;
  --color-light-blue: #ebeef6;
  --color-light-gray: #bdc7e0;
  --color-red: #f65353;
  --color-gray: #f9f9f9;
}

:root {
  --font-size: 18px;
  --font-size-buttons: 28px;
  --text-line-height: 150%;
  --text-color-def: var(--color-blue3);
  --text-color-inverse: rgb(255, 255, 255);
  --font-family: "Exo2", sans-serif;
  --link-color-def: var(--color-blue2);
  --link-color-inverse: var(--text-color-inverse);
  --link-hover-color-def: var(--color-gold);
  --link-visited-color-def: var(--color-blue2);
}

@font-face {
  font-family: "Exo2";
  font-display: swap;
  src: url("../fonts/Exo2-Light.woff2") format("woff2"),
    url("../fonts/Exo2-Light.woff") format("woff"),
    url("../fonts/Exo2-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Exo2";
  font-display: swap;
  src: url("../fonts/Exo2-Regular.woff2") format("woff2"),
    url("../fonts/Exo2-Regular.woff") format("woff"),
    url("../fonts/Exo2-Regular.ttf") format("ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Exo2";
  font-display: swap;
  src: url("../fonts/Exo2-Medium.woff2") format("woff2"),
    url("../fonts/Exo2-Medium.woff") format("woff"),
    url("../fonts/Exo2-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Exo2";
  font-display: swap;
  src: url("../fonts/Exo2-MediumItalic.woff2") format("woff2"),
    url("../fonts/Exo2-MediumItalic.woff") format("woff"),
    url("../fonts/Exo2-MediumItalic.ttf") format("ttf");
  font-weight: 500;
  font-style: italic;
}

.text-header1,
h1 {
  font-size: 40px;
  line-height: 130%;
  font-weight: 500;
}

.text-header2,
h2 {
  font-size: 30px;
  line-height: 150%;
  font-weight: 500;
}

.text-header3,
h3 {
  font-size: 25px;
  line-height: 140%;
  font-weight: 500;
}

.text-header4,
h4 {
  font-size: 20px;
  line-height: 150%;
  font-weight: 500;
}

.text-color-inverse {
  color: var(--text-color-inverse);
}

.text-color-inverse a {
  color: var(--text-color-inverse) !important;
}

.text-color-inverse a span::before {
  border-bottom-color: var(--text-color-inverse) !important;
}

.text-color-inverse a span::after {
  border-bottom-color: var(--text-color-inverse) !important;
}

.text-color-inverse a:hover {
  color: var(--link-hover-color-def);
}

.modals {
  position: absolute;
  top: 0;
}

.modal {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: -950%;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  z-index: 650;
  font-size: 15px;
}

.modal.active {
  top: 0px;
  z-index: 9000000;
}

.modal::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modal__inner {
  background-color: #fff;
  width: 1105px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 400px;
  max-height: 100dvh;
  max-width: 100%;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.modal.active .modal__inner {
  -webkit-animation: modalFadeIn 0.3s ease-in-out;
  animation: modalFadeIn 0.3s ease-in-out;
}

@-webkit-keyframes modalFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px) scale(1.2);
    transform: translateY(-20px) scale(1.2);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
  }
}

@keyframes modalFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px) scale(1.2);
    transform: translateY(-20px) scale(1.2);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
  }
}

.modal__close {
  right: 41px;
  top: 29px;
}

.modal__top {
  margin-bottom: 30px;
}

.modal__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  margin-bottom: 30px;
}

.modal__body {
  overflow: auto;
}

.modal__body input,
.modal__body textarea {
  width: 100%;
  min-width: 100%;
}

.modal_cart .modal__body {
  overflow-y: auto;
  overflow-x: hidden;
}

.modal_cart .modal__timer {
  color: var(--color-gold);
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22px;
  margin-top: 20px;
}

.modal_cart .modal__table table {
  font-size: 15px;
  border-collapse: collapse;
}

.modal_cart .modal__table table thead tr td {
  white-space: nowrap;
}

.modal_cart .modal__table table tr {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.modal_cart .modal__table table tr td {
  padding: 21px 20px;
  line-height: 130%;
}

/* Уменьшаем высоту второй строки */
.modal_cart .modal__table table tr.sub-row td {
  padding: 11px 20px;
}

.modal_cart .modal__table table tr td.sum {
  color: var(--color-gold);
}

.modal_cart .modal__table table tr.remove {
  opacity: 0;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.modal_cart .modal__delivery {
  margin-top: 30px;
}

.modal_cart .modal__itog {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 94px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--color-light-blue);
}

.modal_cart .modal__sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal_cart .modal__sum-value {
  font-size: 30px;
  font-weight: 500;
  line-height: 130%;
  color: var(--color-gold);
}

.modal_cart .modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}

.modal_cart .modal__relative {
  margin-top: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.modal_cart .modal__relative .relative__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal_cart .modal__relative .relative__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.modal_cart .modal__relative .relative__control-left,
.modal_cart .modal__relative .relative__control-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--color-gold);
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modal_cart .modal__relative .relative__control-left svg,
.modal_cart .modal__relative .relative__control-right svg {
  width: 20px;
  height: 20px;
}

.modal_cart .modal__relative .relative__control-left:hover,
.modal_cart .modal__relative .relative__control-right:hover {
  background-color: var(--color-gold);
}

.modal_cart .modal__relative .relative__control-left:hover svg use,
.modal_cart .modal__relative .relative__control-right:hover svg use {
  fill: var(--color-white);
}

.modal_cart .modal__relative .relative__slider {
  margin-top: 30px;
}

.modal_cart .modal__relative .relative__slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal_cart .modal__relative .relative__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 25%;
  width: 300px;
  border: 1px solid var(--color-light-blue);
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  cursor: pointer;
}

.modal_cart .modal__relative .relative__item:hover {
  border-color: var(--color-blue);
}

.modal_cart .modal__relative .relative__item .item__img {
  height: 138px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.modal_cart .modal__relative .relative__item .item__img img {
  min-width: unset;
  min-height: unset;
  height: 117px;
  max-height: 100%;
}

.modal_cart .modal__relative .relative__item .item__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}

.modal_cart .modal__relative .relative__item .item__name::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 8px;
  height: 14px;
  position: relative;
  background-color: var(--color-gold);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
}

.modal_item .modal__inner,
.modal_edit .modal__inner {
  width: 731px;
}

.modal_item .modal__body,
.modal_edit .modal__body {
  overflow: unset;
}

.modal_item .modal__table,
.modal_edit .modal__table {
  font-size: 15px;
  margin-bottom: 28px;
}

.modal_item .modal__table table,
.modal_edit .modal__table table {
  margin-bottom: 0;
}

.modal_item .modal__choose,
.modal_edit .modal__choose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal_item .modal__choose-atention,
.modal_edit .modal__choose-atention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.modal_item .modal__choose-atention .icon,
.modal_edit .modal__choose-atention .icon {
  width: 24px;
  height: 24px;
}

.modal_item .modal__choose-atention .icon svg use,
.modal_edit .modal__choose-atention .icon svg use {
  fill: var(--color-gold);
}

.modal_item .modal__inputs,
.modal_edit .modal__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.modal_item .modal__inputs>*,
.modal_edit .modal__inputs>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.modal_item .modal__inputs input,
.modal_edit .modal__inputs input {
  width: 121px;
  height: 33px;
  background-color: #f2f2f2;
  border: none;
}

.modal_item .modal__add,
.modal_edit .modal__add {
  margin-top: 30px;
}

.modal_item .modal__add button::after,
.modal_edit .modal__add button::after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: var(--color-blue);
}

.modal_item .modal__add button.active,
.modal_edit .modal__add button.active {
  background-color: transparent;
  color: var(--color-blue);
  border: 1px solid var(--color-gold);
}

.modal_item .modal__add button.active::after,
.modal_edit .modal__add button.active::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: var(--color-gold);
}

.modal_item .modal__add-text,
.modal_edit .modal__add-text {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.modal_item .modal__add.active .modal__add-text,
.modal_edit .modal__add.active .modal__add-text {
  max-height: 1000px;
  -webkit-animation: modalAdd 0.3s ease-in-out;
  animation: modalAdd 0.3s ease-in-out;
}

@-webkit-keyframes modalAdd {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes modalAdd {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.modal_item .modal__footer,
.modal_edit .modal__footer {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 94px;
}

.modal_item .modal__sum,
.modal_edit .modal__sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 150px;
  white-space: nowrap;
}

.modal_item .modal__sum span,
.modal_edit .modal__sum span {
  font-size: 30px;
  color: var(--color-gold);
}

.modal_item .modal__button button,
.modal_edit .modal__button button {
  width: 230px;
  height: 47px;
}

.modal_add .modal__header {
  font-size: 24px;
  margin-bottom: 0;
}

.modal_add .modal__inner {
  width: 553px;
  padding: 27px 20px 20px 20px;
}

.modal_add .modal__close {
  right: 20px;
}

.modal_add .modal__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.modal_add .modal__item {
  background-color: var(--color-blue2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 34px 33px 40px 43px;
  position: relative;
}

.modal_add .modal__item .item__name {
  background-color: var(--color-gold);
  padding: 11px 15px;
  font-size: 16px;
}

.modal_add .modal__item .item__name+.item__caption {
  margin-top: 18px;
}

.modal_add .modal__item .item__name+.item__price {
  margin-top: 20px;
}

.modal_add .modal__item .item__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
}

.modal_add .modal__item .item__price span:first-child {
  color: var(--color-gold);
}

.modal_add .modal__item .item__text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}

.modal_add .modal__item .item__icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  height: 20px;
  width: 20px;
}

.modal_add .modal__item .item__icon svg {
  height: 20px;
  width: 20px;
}

.modal_add .modal__item .item__icon svg use {
  fill: var(--color-white);
}

.modal_rez .modal__body,
.modal_rez2 .modal__body {
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 30px;
}

.modal_rez .modal__select,
.modal_rez2 .modal__select {
  font-size: 17px;
}

.modal_rez .modal__select .select-dropdown,
.modal_rez2 .modal__select .select-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 333px;
  max-width: 50%;
  height: 48px;
}

.modal_rez .modal__select .select-dropdown select,
.modal_rez2 .modal__select .select-dropdown select {
  width: 100%;
  height: 100%;
}

.modal_rez .modal__char,
.modal_rez2 .modal__char {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  gap: 40px;
  margin-bottom: auto;
  max-width: 50%;
}

.modal_rez .modal__char>*,
.modal_rez2 .modal__char>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px;
}

.modal_rez .modal__char .icon,
.modal_rez2 .modal__char .icon {
  width: 24px;
  height: 24px;
}

.modal_rez .modal__char .icon svg use,
.modal_rez2 .modal__char .icon svg use {
  fill: var(--color-gold);
}

.modal_rez .modal__item,
.modal_rez2 .modal__item {
  position: absolute;
  left: 40px;
  right: 40px;
  width: calc(100% - 80px);
  top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 15px;
}

.modal_rez .modal__item .item__img,
.modal_rez2 .modal__item .item__img {
  width: 285px;
  max-width: calc(50% - 30px);
  height: 130px;
  padding: 18px 70px;
  border: 1px solid var(--color-light-blue);
}

.modal_rez .modal__table table,
.modal_rez2 .modal__table table {
  table-layout: fixed;
}

.modal_rez .modal__table table td,
.modal_rez2 .modal__table table td {
  padding: 11px 11px;
  text-align: center;
}

.modal_rez .modal__selects,
.modal_rez2 .modal__selects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.modal_rez .modal__selects .select-dropdown,
.modal_rez2 .modal__selects .select-dropdown {
  width: 100%;
  height: 47px;
}

.modal_rez .modal__selects .select-dropdown select,
.modal_rez2 .modal__selects .select-dropdown select {
  height: 100%;
}

.modal_rez .modal__add,
.modal_rez2 .modal__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 25px;
}

.modal_rez .modal__add button,
.modal_rez2 .modal__add button {
  width: calc(33% - 8.5px);
}

.modal_rez .modal__rez,
.modal_rez2 .modal__rez {
  margin-top: 50px;
}

.modal_rez .modal__rez table,
.modal_rez2 .modal__rez table {
  table-layout: fixed;
}

.modal_rez .modal__rez table td,
.modal_rez2 .modal__rez table td {
  height: 40px;
  padding-top: unset;
  padding-bottom: unset;
}

.modal_rez .modal__rez table tbody tr td:last-child,
.modal_rez2 .modal__rez table tbody tr td:last-child {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-align: -webkit-center;
}

.modal_rez .modal__visual,
.modal_rez2 .modal__visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
}

.modal_rez .modal__visual .visual__header,
.modal_rez2 .modal__visual .visual__header {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.modal_rez .modal__visual .visual__body,
.modal_rez2 .modal__visual .visual__body {
  border: 1px solid var(--color-light-blue);
  padding: 24px 32px;
}

.modal_rez .modal__visual .visual__line,
.modal_rez2 .modal__visual .visual__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.modal_rez .modal__visual .visual__rest,
.modal_rez2 .modal__visual .visual__rest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin-bottom: 12px;
}

.modal_rez .modal__visual .visual__rest::after,
.modal_rez2 .modal__visual .visual__rest::after {
  content: "В Рј.";
}

.modal_rez .modal__visual .visual__count,
.modal_rez2 .modal__visual .visual__count {
  width: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal_rez .modal__visual .visual__count::after,
.modal_rez2 .modal__visual .visual__count::after {
  content: "x";
}

.modal_rez .modal__visual .visual__ruller,
.modal_rez2 .modal__visual .visual__ruller {
  width: calc(100% - 31px);
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal_rez .modal__visual .visual__ruller-inner,
.modal_rez2 .modal__visual .visual__ruller-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ebeef6;
  width: calc(100% / var(--ruller-full-width) * var(--ruller-width));
  overflow: hidden;
}

.modal_rez .modal__visual .visual__ruller span,
.modal_rez2 .modal__visual .visual__ruller span {
  --segment-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-blue2);
  color: var(--text-color-inverse);
  border: 1px solid #fff;
  width: calc(100% / var(--ruller-width) * var(--segment-width));
}

.modal_rez .modal__visual .visual__ruller span::after,
.modal_rez2 .modal__visual .visual__ruller span::after {
  content: "В Рј.";
}

.modal_rez .modal__options,
.modal_rez2 .modal__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 42px;
}

.modal_rez .modal__options>*,
.modal_rez2 .modal__options>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 391px;
}

.modal_rez .modal__options>*>*[class*="-sum"],
.modal_rez2 .modal__options>*>*[class*="-sum"] {
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
}

.modal_rez .modal__options .options__optimize,
.modal_rez2 .modal__options .options__optimize {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.modal_rez .modal__footer,
.modal_rez2 .modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal_rez .modal__sum,
.modal_rez2 .modal__sum {
  width: 391px;
  font-size: 30px;
  color: var(--color-gold);
}

.modal_rez .modal__cart button,
.modal_rez2 .modal__cart button {
  width: 171px;
  height: 48px;
}

.modal_contacts .modal__inner {
  height: 100%;
}

.modal_contacts .modal__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.modal_contacts .modal__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.modal_contacts .modal__map {
  min-height: 265px;
  max-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.modal_contacts .modal__map .map {
  height: 100%;
}

.modal_lk .modal__top {
  margin-bottom: 0;
}

.modal_lk .modal__header {
  font-size: 24px;
  font-weight: 500;
}

.modal_lk .modal__menu {
  margin-top: 24px;
}

.modal_lk .modal__balance {
  margin-top: 40px;
  padding: 30px 25px;
  border: 1px solid var(--color-light-blue);
  font-size: 15px;
}

.modal_lk .modal__balance .balance__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  line-height: 130%;
  margin-bottom: 10px;
}

.modal_lk .modal__balance .balance__header:not(:first-child) {
  margin-top: 20px;
}

.modal_lk .modal__balance .balance__header .icon {
  width: 24px;
  height: 24px;
}

.modal_lk .modal__balance .balance__header .icon svg use {
  fill: var(--color-gold);
}

.modal_lk .modal__balance .balance__val,
.modal_lk .modal__balance .balance__debt {
  font-size: 28px;
  margin-left: 39px;
  font-weight: 500;
}

.modal_lk .modal__balance .balance__val {
  color: var(--color-gold);
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-light-blue);
  width: 100%;
  text-align: center;
}

.modal_lk .modal__balance .balance__debt {
  margin-top: 20px;
}

.modal_lk .modal__balance .balance__debt-date {
  margin-left: 39px;
  margin-top: 20px;
}

.modal_lk .modal__manager {
  padding: 20px 25px;
  border: 1px solid var(--color-light-blue);
  margin-top: 20px;
}

.modal_lk .modal__manager .manager__photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

.modal_lk .modal__manager .manager__photo img {
  -o-object-fit: cover;
  object-fit: cover;
}

.modal_lk .modal__manager .manager__fio {
  margin-top: 20px;
}

.modal_lk .modal__manager .manager__fio-val {
  font-size: 24px;
  margin-top: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-light-blue);
}

.modal_lk .modal__manager .manager__contacts {
  margin-top: 20px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 17px;
}

.modal_lk .modal__manager .manager__contacts .icon {
  width: 24px;
  height: 24px;
}

.modal_wk {
  display: none;
  /* Скрываем модальное окно по умолчанию */
  position: fixed;
  z-index: 9999999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

.modal_warning_komm_content {
  background-color: #ffffff;
  margin: auto;
  padding: 45px;
  border: 1px solid #888;
  border-radius: 8px;
  width: 70%;
  max-width: 500px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  /* text-align: center; Выравнивание текста по центру */
}

.modal_warning_komm_content h2 {
  color: #d9534f;
  /* Цвет заголовка */
}

.close-btn_wk {
  background-color: #e19e3a;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: not-allowed;
  /* Делаем курсор неактивным */
  opacity: 0.5;
  /* Убираем прозрачность */
  transition: all 0.3s ease;
}

.close-btn_wk.active {
  cursor: pointer;
  /* Делаем курсор активным */
  opacity: 1;
  /* Убираем прозрачность */
}

.close-btn_wk_wk:hover.active {
  color: var(--color-blue2);
  background-color: transparent;
  color: var(--text-color-def);
  border: 1px solid #e19e3a;
  /* Цвет при наведении */
}

.desktop-table {
  width: 100%;
}

.mobile-cards {
  display: none;
  flex-direction: column;
  gap: 1rem;
}

.card {
  border: 1px solid #ccc;
  padding: 1rem;
  border-radius: 5px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.card-title {
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
}

.card-info {
  margin: 0.5rem 0;
}

.card-price {
  font-size: 1.2rem;
  margin: 0.5rem 0;
  color: #e19e3a;
}

.card-actions {
  display: flex;
  justify-content: space-between;
  max-width: 180px;
}

.mas_dl {
  display: flex;
}

.mas_dl p:nth-child(2) {
  margin-left: 10px;
}

.card-image {
  display: none;
}

.modal_wk {
  display: none;
  /* Скрываем модальное окно по умолчанию */
  position: fixed;
  z-index: 99999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

.modal_warning_komm_content {
  background-color: #ffffff;
  margin: auto;
  padding: 45px;
  border: 1px solid #888;
  border-radius: 8px;
  width: 70%;
  max-width: 500px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  /* text-align: center; Выравнивание текста по центру */
}

.modal_warning_komm_content h2 {
  color: #d9534f;
  /* Цвет заголовка */
}

.close-btn_wk {
  background-color: #e19e3a;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: not-allowed;
  /* Делаем курсор неактивным */
  opacity: 0.5;
  /* Убираем прозрачность */
  transition: all 0.3s ease;
}

.close-btn_wk_ost {
  background-color: #e19e3a;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  /* Делаем курсор неактивным */
  opacity: 1;
  /* Убираем прозрачность */
  transition: all 0.3s ease;
}

.close-btn_wk.active {
  cursor: pointer;
  /* Делаем курсор активным */
  opacity: 1;
  /* Убираем прозрачность */
}

.close-btn_wk_wk:hover.active {
  color: var(--color-blue2);
  background-color: transparent;
  color: var(--text-color-def);
  border: 1px solid #e19e3a;
  /* Цвет при наведении */
}

.close-btn_wk_ost.active {
  cursor: pointer;
  /* Делаем курсор активным */
  opacity: 1;
  /* Убираем прозрачность */
}

.close-btn_wk_ost_wk:hover.active {
  color: var(--color-blue2);
  background-color: transparent;
  color: var(--text-color-def);
  border: 1px solid #e19e3a;
  /* Цвет при наведении */
}

/* Медиазапрос для мобильных устройств */
@media (max-width: 900px) {
  .desktop-table {
    display: none;
  }

  .mobile-cards {
    display: flex;
  }

  .card-actions .show-modal-edit {
    display: flex;
  }

  .card-actions .show-modal-edit span {
    margin-left: 5px;
    font-size: 16px;
  }

  .card-actions .shmodaledit {
    display: flex;
  }

  .card-actions .shmodaledit span {
    margin-left: 5px;
    font-size: 16px;
  }

  #photo_in_news {
    width: 100%;
  }

  #photo_in_news img {
    width: 100%;
    margin-left: 0px;
  }

  .card-actions .del_modal {
    display: flex;
    padding-left: 15px;
  }

  .card-actions .del_modal span {
    margin-left: 5px;
  }

  .card-image {
    display: flex;
    max-width: 44%;
    border: 1px solid #ccc;
  }
}

@media (max-width: 600px) {
  .card-image {
    display: none;
  }
}

.header {
  padding-top: 13px;
  font-size: 17px;
  position: relative;
  background: #fff;
}



.header .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 0;
  row-gap: 28px;
}

.header .layout>div {
  -ms-flex-item-align: center;
  align-self: center;
}

.header__slogan {
  text-transform: uppercase;
  color: var(--color-blue);
  font-size: 12px;
  width: 17.5%;
  line-height: 160%;
}

.header__adress {
  width: 19%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
}

.header__adress .icon {
  width: 20px;
  height: 22px;
}

.header__tel {
  width: 21%;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8.1px;
}

#head_ws {
  margin-left: 10px;
}

.header__tel a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__tel .icon:first-child {
  width: 20px;
  height: 22px;
}

.header__tel .icon:last-child {
  width: 26px;
  height: 26px;
}

@media (min-width: 1700px) {
  .header__tel .icon:last-child {
    width: 26px;
    height: 27px;
  }
}

.header__tel .tg_header .icon:last-child svg {
  width: 25px;
  height: 25px;
}

.header__tel .icon:last-child svg {
  width: 26px;
  height: 26px;
}

.header__mail {
  width: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  padding-left: 8px;
  color: var(--color-blue);
}

.header__mail .icon {
  width: 20px;
  height: 22px;
}

.header__delivery {
  width: 14.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
}

.header__sandwich {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 8%;
}

.header__sandwich .sandwich {
  background-color: var(--color-blue);
  width: 44px;
  height: 45px;
  padding: 16px 13px 17px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.header__sandwich .sandwich::before {
  content: "Меню";
  position: absolute;
  left: -65px;
  top: 9px;
}

.header__sandwich .sandwich>span {
  -webkit-transition: width 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
}

.header__sandwich .sandwich>span:nth-child(1) {
  width: 16px;
}

.header__sandwich .sandwich>span:nth-child(3) {
  width: 14px;
}

.header__sandwich .sandwich:hover>span {
  width: var(--sandwich-width);
}

.header__sandwich .sandwich.open>span {
  width: 19px;
}

.header__logo {
  width: 17.5%;
  margin-bottom: -5px;
  margin-top: 5px;
  --color-1: #e5d79d;
  --color-2: #b6a373;
  --color-3: #133485;
}

.header__logo svg {
  width: 193px;
  height: 50px;
}




@-webkit-keyframes catalogMenuIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes catalogMenuIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.header__catalog .catalog__menu-list-tabs>div:not(.active) {
  display: none;
}

.header__catalog .catalog__menu-list-tabs>div li {
  min-width: calc(50% - 20px);
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


.header__search #searcMidRes {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--color-white);
}

.header__search #searcMidRes>* {
  padding: 5px 11px;
  width: 100%;
  border-bottom: 1px solid var(--color-light-gray);
}

.header__search input {
  width: 608px;
}

.header__search .search__header,
.header__search .search__header-mobile,
.header__search .search__close,
.header__search .search__icon {
  display: none;
}

.header__search .search__icon {
  cursor: pointer;
  width: 32px;
  height: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__search .search__icon .icon {
  width: 21x;
  height: 21px;
}

.header__search .search__icon:hover .icon svg use {
  fill: var(--color-gold);
}


.header__lk span {
  white-space: nowrap;
}

.header__lk .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 25px;
}


.header__cart .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 22px;
}

.header__cart .icon use {
  fill: var(--color-white);
}

.header__menu {
  position: fixed;
  top: 0;
  right: -110%;
  background-color: var(--color-white);
  z-index: 999;
  width: 382px;
  height: 100dvh;
  overflow-y: scroll;
  opacity: 0;
  -webkit-box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
}

.header__menu.menu_open {
  right: 0px;
  opacity: 1;
}

.header__menu .menu__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--color-blue);
  top: 0;
  right: 0;
  padding: 17px;
  padding-bottom: 19px;
}

.header__menu .menu__search {
  padding-bottom: 23px;
  padding-bottom: 20px;
}

.header__menu .menu__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9px;
  width: 32px;
  height: 32px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 350ms ease;
  transition: -webkit-transform 350ms ease;
  transition: transform 350ms ease;
  transition: transform 350ms ease, -webkit-transform 350ms ease;
  cursor: pointer;
}

.header__menu .menu__close:hover {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.menu__close svg {
  width: 14px;
}

.header__menu .menu__nav {
  border-top: 1px solid var(--color-light-blue);
  padding-bottom: 20px;
}

.header__menu .menu__nav>ul>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  border-bottom: 1px solid #ebeef6;
  cursor: pointer;
}

.header__menu .menu__nav>ul>li a {
  width: 100%;
  max-width: calc(100% - 57px);
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.header__menu .menu__nav>ul>li a span::before,
.header__menu .menu__nav>ul>li a span::after {
  content: none;
}

.header__menu .menu__nav>ul>li::after {
  content: "";
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-color: var(--color-gold);
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: cover !important;
  mask-size: cover !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  position: absolute;
  right: 0;
  -webkit-mask: url(../img/icons/icons.svg?#chevron-right);
  mask: url(../img/icons/icons.svg?#chevron-right);
  width: 57px !important;
  height: 57px !important;
  background-color: var(--color-gold);
  -webkit-mask-size: 14px 20px !important;
  mask-size: 14px 20px !important;
}

.header__menu .menu__nav>ul>li.sub-menu>a::after {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  will-change: transform;
}

.header__menu .menu__nav>ul>li.sub-menu:hover::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.header__menu .menu__nav>ul>li.sub-menu.open {
  position: relative;
  background-color: #f5f5f5;
}

.header__menu .menu__nav>ul>li.sub-menu.open::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: var(--color-blue);
}

.header__menu .menu__nav>ul>li.sub-menu.open>ul {
  max-height: 100vh;
}

.header__menu .menu__nav>ul>li.sub-menu>ul {
  margin-left: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

.header__menu .menu__nav>ul>li.sub-menu>ul>li {
  border-bottom: 1px solid #ebeef6;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.header__menu .menu__nav>ul>li.sub-menu>ul>li:hover {
  background-color: var(--color-blue);
}

.header__menu .menu__nav>ul>li.sub-menu>ul>li:hover a {
  color: var(--color-white);
}

.header__menu .menu__nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 35px;
  line-height: unset;
  min-height: 54px;
  padding: 12.5px 17px;
}

.header__menu .menu__nav a::after {
  position: relative;
  right: unset;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.header__menu .menu__nav .other {
  margin-top: 2rem;
}

.header__menu .menu__nav .other a {
  color: red !important;
}

.header__menu .menu__calculator {
  width: 100%;
  height: 54px;
  margin-bottom: 30px;
}

.header__menu .menu__calculator .icon {
  width: 24px;
  height: 27px;
}

.header__menu .menu__byuers-header {
  color: var(--color-blue);
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 30px;
}

.header__menu .menu__byuers-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 22px;
}

.header__addition {
  grid-column: 1/13;
  height: 58px;
  margin-top: 15px;
  position: relative;
}

.header__addition::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 200vw;
  left: -100%;
  height: 100%;
  z-index: -1;
  background-color: var(--color-gray);
}

.header__addition-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.header__addition-item:first-child::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1px;
  height: 24px;
  background-color: rgba(36, 55, 104, 0.3);
  left: 0;
}

.header__addition-item::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1px;
  height: 24px;
  background-color: rgba(36, 55, 104, 0.3);
  right: 0;
}

.header__addition-item svg {
  width: 24px;
  height: 24px;
}

.header__mobile {
  display: none;
}

.header__close {
  display: none;
}

.header_sticky {
  position: fixed;
  z-index: 360;
  top: 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

html.menu_opened {
  position: fixed;
  right: 0;
  left: 0;
}

html.menu_opened body {
  overflow-y: scroll;
}

html.menu_opened body::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 50;
}

.section_view_breadcrumbs {
  padding-top: 35px;
  padding-bottom: 35px;
}

.section_view_breadcrumbs .section__items {
  grid-column: 1/13;
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section_view_breadcrumbs .section__items>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  color: black;
  font-size: 16px;
  font-family: 'Commissioner', sans-serif;
  font-weight: 400;
  word-wrap: break-word;
}

.section_view_breadcrumbs .section__items>*:not(:last-child) {
  position: relative;
}

.section_view_breadcrumbs .section__items>*:not(:last-child)::after {
  content: "›";
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #999;
  font-weight: 300;
  margin-left: 8px;
}



.section_view_first .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  line-height: 110%;
  color: var(--text-color-inverse);
  grid-column: 1/6;
  font-size: 44px;
  z-index: 2;
}

.section_view_first .section__links {
  color: var(--text-color-inverse);
  grid-column: 1/6;
  margin-top: 20px;
  z-index: 2;
}

.section_view_first .section__links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_first .section__links ul li {
  white-space: nowrap;
}

.section_view_first .section__links li:first-letter {
  text-transform: capitalize;
}

.section_view_first .section__img {
  position: absolute;
  z-index: 0;
  height: 610px;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 217px;
}

.section_view_first .section__img img {
  height: 100%;
  min-width: unset;
}

.section_view_first .section__new {
  top: 57px;
  grid-column: 10/13;
  grid-row: 1/3;
  justify-self: end;
  background-color: var(--color-white);
  color: var(--text-color-def);
  width: 325px;
  z-index: 2;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}

.section_view_first .section__new .new__header {
  display: none;
}

.section_view_first .section__new .new__inner {
  padding-bottom: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_view_first .section__new .new__item {
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--color-blue) !important;
}

.section_view_first .section__new .new__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 254px;
}

.section_view_first .section__new .new__img img {
  /* min-width: unset; */
  min-height: unset;
}

.section_view_first .section__new .new__category,
.section_view_first .section__new .new__name,
.section_view_first .section__new .new__price {
  padding-left: 20px;
  padding-right: 20px;
}

.section_view_first .section__new .new__category {
  padding-bottom: 5px;
}

.section_view_first .section__new .new__name {
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
}

.section_view_first .section__new .new__price {
  font-size: 26px;
}

.section_view_first .section__new .new__control {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_view_first .section__new .new__left,
.section_view_first .section__new .new__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  border: 1px solid var(--color-light-blue);
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.section_view_first .section__new .new__left svg,
.section_view_first .section__new .new__right svg {
  width: 29px;
  height: 29px;
}

.section_view_first .section__new .new__left:hover,
.section_view_first .section__new .new__right:hover {
  background-color: var(--color-gold);
}

.section_view_first .section__new .new__left:hover svg use,
.section_view_first .section__new .new__right:hover svg use {
  fill: var(--color-white);
}

.section_view_first .section__new .new__left {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section_view_first .section__new .new__pag {
  display: none;
}

.section_view_first .section__tabs {
  grid-column: 1/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  padding-left: var(--page-gap);
  padding-right: 48px;
  height: 70px;
}

.section_view_first .section__tabs::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--color-white);
  -webkit-clip-path: polygon(0 0,
      calc(100% - 24px) 0%,
      100% 27px,
      100% 100%,
      0 100%);
  clip-path: polygon(0 0, calc(100% - 24px) 0%, 100% 27px, 100% 100%, 0 100%);
}

.section_view_first .section__tabs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  height: 100%;
  gap: 40px;
}

.section_view_first .section__tabs ul li {
  width: unset !important;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.section_view_first .section__tabs ul li a {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  color: var(--color-blue) !important;
}

.section_view_first .section__tabs ul li a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.section_view_first .section__tabs ul li a::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-gold);
}

.section_view_first .section__tabs ul li a.active::before,
.section_view_first .section__tabs ul li a:hover::before {
  opacity: 1;
}

.section_view_first .section__tabs ul:hover li a.active::before {
  opacity: 0.5;
}

.section_view_first .section__tabs .swiper-pagination {
  display: none;
}

.section_view_first .section__tabs .swiper-button-prev,
.section_view_first .section__tabs .swiper-button-next {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.section_view_first .section__tabs .swiper-button-prev svg,
.section_view_first .section__tabs .swiper-button-next svg {
  width: 24px;
  height: 24px;
}

.section_view_first .section__tabs .swiper-button-prev {
  left: 19px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section_view_first .section__tabs .swiper-button-next {
  right: 19px;
}

.section_view_first .section__tabs .swiper-slide-duplicate {
  position: absolute;
  visibility: hidden;
  max-width: 0 !important;
  overflow: hidden;
}

.section_view_second {
  position: relative;
  margin-top: 80px;
}

.section_view_second .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-column: 1/13;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 53px;
}

.section_view_second .section__header .section__select {
  padding-bottom: 5px;
  cursor: pointer;
}

.section_view_second .section__header .section__select.active {
  border-bottom: 2px solid var(--color-gold);
}

.section_view_second .section__update {
  font-size: 15px;
  font-weight: normal;
  color: rgba(41, 60, 108, 0.5);
  margin-bottom: -10px;
}

.section_view_second .section__items {
  grid-column: 1/-1;
  gap: 0;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-animation: catalogIn 0.5s ease-in-out;
  animation: catalogIn 0.5s ease-in-out;
}

@-webkit-keyframes catalogIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes catalogIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

.section_view_second .section__items:not(.active) {
  display: none;
}

.section_view_second .section__item {
  grid-column: span 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 283px;
  border: 1px solid var(--color-light-blue);
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}

.section_view_second .section__item:hover {
  border: 1px solid #2a3486;
}

.section_view_second .section__item .item__img {
  width: 100%;
  height: 195px;
}

.section_view_second .section__item .item__img img {
  min-width: unset;
  min-height: unset;
}

.section_view_second .section__item .item__name {
  width: 100%;
  height: 84px;
  -ms-flex-item-align: end;
  align-self: end;
  padding-left: 25px;
  padding-right: 28px;
  padding-top: 6px;
  padding-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section_view_second .section__item .item__name::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8px;
  height: 14px;
  background-color: var(--color-gold);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
}

.section_view_second .section__calculator {
  grid-column: span 6;
  background-color: var(--color-blue);
  padding: 41px 55px 36px 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section_view_second .section__calculator .calculator__left,
.section_view_second .section__calculator .calculator__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.section_view_second .section__calculator .calculator__header {
  font-size: 30px;
  font-weight: 500;
}

.section_view_second .section__calculator .calculator__button {
  margin-top: 43px;
}

.section_view_second .section__calculator .calculator__caption {
  margin-top: auto;
  font-size: 16px;
}

.section_view_second .section__calculator .calculator__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 180px;
}

.section_view_second .section__list {
  grid-area: 2/1/6/6;
}

.section_view_second .section__list a {
  font-size: 18px;
  gap: 35px;
  height: 75px;
}

.section_view_second .section__list a .icon {
  width: 31px;
  height: 31px;
}

.section_view_second .section__list2 {
  grid-area: 2/7/6/13;
}

.section_view_second .section__list2 a {
  font-size: 18px;
  gap: 35px;
  height: 75px;
}

.section_view_second .section__list2 a .icon {
  width: 31px;
  height: 31px;
}

.section_view_services {
  padding-top: 80px;
}

.section_view_services .layout {
  grid-template-rows: 157px 130px;
}

.section_view_services .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  letter-spacing: 0.5px;
  grid-area: 1/1/2/6;
}

.section_view_services .section__caption {
  grid-area: 2/1/3/6;
}

.section_view_services .section__button {
  grid-area: 3/1/4/6;
}

.section_view_services .section__list {
  grid-area: 1/7/4/13;
}

.section_view_services .section__list a {
  font-size: 18px;
  gap: 35px;
  height: 75px;
}

.section_view_services .section__list a .icon {
  width: 31px;
  height: 31px;
}

.section_view_easy {
  --easy-header-height: 108px;
  margin-top: calc(var(--easy-header-height) + 13px);
  background-color: var(--color-blue);
}

.section_view_easy .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  padding-bottom: 7px;
  position: absolute;
  left: 0;
  padding-left: var(--page-gap);
  padding-right: 205px;
  background-color: var(--color-blue);
  margin-top: calc(var(--easy-header-height) * -1 + 1px);
  height: var(--easy-header-height);
  color: var(--text-color-inverse);
  -webkit-clip-path: polygon(0 0,
      calc(100% - 27px) 0%,
      100% 40px,
      100% 100%,
      0 100%);
  clip-path: polygon(0 0, calc(100% - 27px) 0%, 100% 40px, 100% 100%, 0 100%);
}

.section_view_easy .section__items {
  margin-top: 44px;
  grid-column: 1/-1;
  padding-bottom: 77px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.section_view_easy .section__item {
  grid-column: span 3;
}

.section_view_easy .section__item .item__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  margin-bottom: 25px;
}

.section_view_easy .section__item .item__icon svg use {
  fill: var(--color-gold);
}

.section_view_easy .section__item .item__header {
  font-size: 20px;
  padding-right: 50px;
}

.section_view_partners {
  background-color: var(--color-blue);
}

.section_view_partners .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  margin-top: 50px;
  margin-bottom: 60px;
  color: var(--color-white);
  grid-column: 1/13;
}

.section_view_partners .section__items {
  grid-column: 1/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.partner picture {
  display: -webkit-box;
}

.partners__item picture {
  display: -webkit-box;
}

.section_view_partners .section__items .partners__item {
  width: 20%;
  height: 160px;
  background-color: var(--color-white);
}

.section_view_partners .section__items .partners__item:not(:last-child) {
  border-right: 1px solid var(--color-light-blue);
}

.section_view_partners .section__items .partners__item img {
  min-width: unset;
  min-height: unset;
}

.section_view_photogallery {
  background-color: var(--color-blue);
  padding-top: 50px;
  padding-bottom: 50px;
}

.section_view_photogallery_second {
  padding-top: 80px;
}

.section_view_photogallery .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  padding-bottom: 60px;
  color: var(--color-white);
  grid-column: 1/7;
}

.section_view_photogallery .section__controll {
  grid-column: 10/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  height: 50px;
}

.section_view_photogallery .section__controll-left,
.section_view_photogallery .section__controll-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: var(--color-white);
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.section_view_photogallery .section__controll-left svg,
.section_view_photogallery .section__controll-right svg {
  width: 24px;
  height: 24px;
}

.section_view_photogallery .section__controll-left:hover,
.section_view_photogallery .section__controll-right:hover {
  background-color: var(--color-gold);
}

.section_view_photogallery .section__photos {
  grid-column: 1/13;
  overflow: hidden;
}

.section_view_photogallery .section__photos .photos__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_view_photogallery .section__photos .photos__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 14%;
  height: 329px;
  overflow: hidden;
}

.section_view_photogallery .section__photos .photos__item picture img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_contacts {
  background-color: var(--color-blue);
  padding-bottom: 76px;
  position: relative;
}

.section_view_contacts::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  width: var(--page-max-width);
  height: 1px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.section_view_contacts .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-area: 1/1/2/5;
  margin-top: 55px;
  margin-bottom: 55px;
  color: var(--color-white);
}

.section_view_contacts .section__contacts {
  grid-area: 2/1/3/7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section_view_contacts .section__contacts-header {
  font-size: 15px;
  margin-bottom: 5px;
  width: 100%;
}

.section_view_contacts .section__contacts-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 30px;
  gap: 18px;
  margin-top: 9px;
}

.section_view_contacts .section__contacts-phone .phone-wa {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: var(--color-white);
}

.section_view_contacts .section__contacts-phone .phone-wa svg {
  width: 22px;
  height: 22px;
}

.section_view_contacts .section__contacts-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 6px;
  font-size: 15px;
  margin-left: 65px;
  margin-top: -13px;
}

.section_view_contacts .section__contacts-email a {
  font-size: 20px;
}

.section_view_contacts .section__adress {
  grid-area: 3/1/4/6;
  margin-top: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: auto;
}

.section_view_contacts .section__adress-header {
  font-size: 15px;
  margin-bottom: 7px;
  width: 100%;
}

.section_view_contacts .section__adress-value {
  font-size: 20px;
}

.section_view_contacts .section__adress-way {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: 36px;
}

.section_view_contacts .section__adress-way .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 24px;
}

.section_view_contacts .section__adress-way .icon use {
  fill: var(--color-gold);
}

.section_view_contacts .section__button {
  grid-area: 4/1/5/6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  margin-top: 74px;
}

.section_view_contacts .section__button a {
  width: 171px;
}

.section_view_contacts .section__form {
  grid-area: 1/7/5/13;
  padding-left: 72px;
  padding-top: 5px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.section_view_contacts .section__form .form__header {
  font-size: 30px;
  margin-top: 67px;
  margin-bottom: 55px;
}

.section_view_contacts .section__form form .form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 30px;
  line-height: 150%;
}

.section_view_contacts .section__form form .form__first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}

.section_view_contacts .section__form form .form__first input {
  width: 286px;
  min-width: unset;
  max-width: 100% !important;
}

.section_view_contacts .section__form form .form__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.section_view_contacts .section__form form .form__button {
  width: 100%;
  margin-top: 20px;
}

.section_view_contacts .section__form form .form__button button {
  height: 60px;
  width: 209px;
}

.section_view_contacts .section__form form input[name="name"],
.section_view_contacts .section__form form input[name="tel"],
.section_view_contacts .section__form form input[name="name"] {
  max-width: 283px;
}

.section_view_map {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.section_view_map .section__map {
  grid-column: 1/-1;
  height: 400px;
  width: 100vw;
  margin: 0 calc(-1 * var(--page-gap));
  -webkit-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}

.section_view_map .section__map img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_franchise {
  background-color: var(--color-blue);
  height: 598px;
  padding-top: 66px;
  padding-bottom: 64px;
  position: relative;
}

.section_view_franchise .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--color-white);
  grid-column: 1/7;
  padding-bottom: 32px;
  font-size: 48px;
  line-height: 110%;
}

.section_view_franchise .section__royaltie {
  grid-column: 1/7;
  padding-bottom: 62px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.section_view_franchise .section__royaltie .royaltie__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 166px;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--color-white);
  color: var(--text-color-def);
}

.section_view_franchise .section__royaltie .royaltie__icon .icon {
  width: 20px;
  height: 20px;
}

.section_view_franchise .section__caption {
  padding-top: 64px;
  grid-column: 1/5;
  font-size: 25px;
  line-height: 130%;
}

.section_view_franchise .section__button {
  grid-column: 1/7;
  padding-top: 40px;
}

.section_view_franchise .section__button button {
  height: 60px;
  width: 210px;
}

.section_view_franchise .section__img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
}

.section_view_franchise .section__img img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_advantages {
  padding-top: 80px;
}

.section_view_advantages .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-column: span 5;
}

.section_view_advantages .section__items {
  grid-column: 1/13;
  padding-top: 64px;
  padding-bottom: 80px;
}

.section_view_advantages .section__item {
  grid-column: span 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-column-gap: 75px;
  -moz-column-gap: 75px;
  column-gap: 75px;
}

.section_view_advantages .section__item .item__icon {
  width: 52px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.section_view_advantages .section__item .item__icon svg {
  width: 100%;
  max-height: 100%;
}

.section_view_advantages .section__item .item__icon svg use {
  fill: var(--color-gold);
}

.section_view_advantages .section__item .item__header {
  margin-top: 35px;
  font-weight: 500;
  color: var(--color-blue);
}

.section_view_advantages .section__item .item__text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 150%;
}

.section_view_advantages_inverse {
  background-color: var(--color-blue);
  position: relative;
}

.section_view_advantages_inverse::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  width: 100%;
  height: 43px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='1480' height='23' viewBox='0 0 1480 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='721' y2='1' stroke='%239CA1C8'/%3E%3Cline x1='760' y1='1' x2='1480' y2='1' stroke='%239CA1C8'/%3E%3Cpath d='M720 1L740.5 22C740.5 22 752.494 9.20101 760.5 1' stroke='%239CA1C8'/%3E%3C/svg%3E%0A");
}

.section_view_advantages_inverse .section__header {
  color: var(--text-color-inverse);
}

.section_view_advantages_inverse .section__items {
  border-bottom: 1px solid #9ca1c8;
  padding-top: 33px;
  padding-bottom: 100px;
}

.section_view_advantages_inverse .section__item .item__header {
  font-size: 20px;
  font-weight: 300;
  line-height: 130%;
  color: var(--text-color-inverse);
  padding-right: 33px;
}

.section_view_effective {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: var(--color-gray);
}

.section_view_effective .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-column: span 5;
  padding-bottom: 52px;
}

.section_view_effective .section__list {
  grid-column: 1/6;
}

.section_view_effective .section__list2 {
  grid-column: 7/13;
}

.section_view_effective .section__list2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_effective .section__list2 ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 33px;
  padding-top: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_effective .section__list2 ul li:first-child {
  padding-top: 0;
}

.section_view_effective .section__list2 ul li .icon {
  width: 32px;
  height: 32px;
}

.section_view_flag {
  padding-top: 82px;
  padding-bottom: 90px;
  background-color: var(--color-gold2);
  position: relative;
  height: 561px;
}

.section_view_flag .section__flag {
  position: absolute;
  bottom: 0;
  max-width: calc(50% - 50px);
  left: calc(var(--page-gap) - 130px);
}

.section_view_flag .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--text-color-inverse);
  grid-column: 7/13;
}

.section_view_flag .section__text {
  grid-column: 7/13;
  margin-top: 33px;
}

.section_view_flag .section__text p {
  margin-bottom: 24px;
}

.section_view_digits {
  background-color: var(--color-gray);
}

.section_view_digits .section__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 101px 55px 43px;
  text-align: center;
  grid-column: span 3;
  border-right: 1px solid var(--color-light-blue);
}

.section_view_digits .section__item:first-child {
  border-left: 1px solid var(--color-light-blue);
}

.section_view_digits .section__item .item__digit {
  color: var(--color-blue);
  font-size: 60px;
  margin-bottom: 54px;
}

.section_view_digits .section__item .item__text {
  line-height: 130%;
}

.section_view_uniq {
  background-color: var(--color-blue);
  padding-top: 50px;
  padding-bottom: 110px;
}

.section_view_uniq .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--color-white);
  grid-column: 1/5;
  margin-top: 43px;
}

.section_view_uniq .section__arrow {
  grid-column: 5/7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section_view_uniq .section__arrow .icon {
  width: 173px;
  max-width: calc(100% - 30px);
}

.section_view_uniq .section__arrow .icon svg use {
  fill: var(--color-gold);
}

.section_view_uniq .section__arrow .icon:last-child {
  display: none;
}

.section_view_uniq .section__block {
  grid-column: 7/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.section_view_uniq .section__block-header {
  font-weight: 400;
  font-size: 30px;
  line-height: 130%;
  max-width: 645px;
}

.section_view_uniq .section__block-text {
  margin-top: 31px;
  max-width: 645px;
}

.section_view_ready {
  background-color: var(--color-blue);
  padding-top: 100px;
  padding-bottom: 60px;
}

.section_view_ready .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--text-color-inverse);
  grid-column: 4/-4;
  text-align: center;
}

.section_view_ready .section__body {
  grid-column: 1/13;
  background-color: var(--color-white);
  color: var(--text-color-def);
  margin-top: 80px;
  padding: 52px 30px;
}

.section_view_ready .section__subheader,
.section_view_ready .section__text {
  padding-bottom: 60px;
}

.section_view_ready .section__subheader {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  grid-column: 1/5;
}

.section_view_ready .section__text {
  grid-column: 7/13;
  padding-right: 100px;
  line-height: 150%;
  padding-top: 10px;
}

.section_view_ready .section__items {
  grid-column: 1/13;
  row-gap: 65px;
  padding-top: 60px;
  border-top: 1px solid var(--color-light-blue);
}

.section_view_ready .section__item {
  grid-column: span 4;
}

.section_view_ready .section__item .item__icon svg {
  width: 52px;
  height: 52px;
}

.section_view_ready .section__item .item__icon svg use {
  fill: var(--color-gold);
}

.section_view_ready .section__item .item__text {
  margin-top: 21px;
  padding-right: 3rem;
}

.section_view_poll {
  padding-top: 90px;
  padding-bottom: 20px;
  background-color: var(--color-gray);
}

.section_view_poll .section__header {
  grid-column: 3/-3;
  text-align: center;
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
}

.section_view_poll .section__body {
  grid-column: 1/13;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 40px;
}

.section_view_question {
  padding-bottom: 82px;
  background-color: var(--color-gray);
}

.section_view_question .section__body {
  background-color: var(--color-blue);
  padding: 74px 0 59px 50px;
  position: relative;
}

.section_view_question .section__header {
  font-weight: 400;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0.5px;
  color: var(--color-blue2);
  color: var(--text-color-inverse);
  grid-column: 1/7;
}

.section_view_question .section__caption {
  grid-column: 1/7;
  margin-top: 30px;
  line-height: 130%;
  font-size: 30px;
}

.section_view_question .section__tel {
  grid-column: 1/7;
  margin-top: 176px;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

.section_view_question .section__tel .icon svg {
  width: 30px;
  height: 30px;
}

.section_view_question .section__tel .icon svg use {
  fill: var(--color-white);
}

.section_view_question .section__button {
  grid-column: 1/7;
  margin-top: 50px;
}

.section_view_question .section__button button {
  height: 60px;
  width: 209px;
}

.section_view_question .section__img {
  position: absolute;
  width: 511px;
  top: 0;
  right: 0;
  height: 100%;
}

.section_view_question .section__img img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_news {
  border-bottom: 1px solid rgba(189, 199, 224, 0.2);
  padding-bottom: 90px;
}

.section_view_news .section__header {
  grid-column: 1/-1;
  margin-bottom: 0;
}

.section_view_news .section__items {
  grid-column: 1/-1;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  row-gap: 70px;
  margin-top: 70px;
}

.section_view_news .section__item {
  grid-column: span 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

._no-webp .section_view_news .section__item .item__img {
  background-image: url("/img/no-img.png");
}

.section_view_news .section__item .item__img {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f9f9f9;
  height: 243px;
}

.section_view_news .section__item .item__img img {
  width: 100%;
}

.section_view_news .section__item .item__name {
  font-size: 20px;
  line-height: 130%;
  font-weight: 500;
  display: inline;
}

.section_view_news .section__item .item__name span {
  display: inline;
  border-bottom: 1px solid var(--color-light-blue);
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.section_view_news .section__item .item__name span::before,
.section_view_news .section__item .item__name span::after {
  content: none;
}

.section_view_news .section__item .item__text {
  font-size: 16px;
}

.section_view_news .section__item:hover .item__name span {
  border-color: #6e74ad;
}

.section_view_news .section__more {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 90px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section_view_news .section__more a {
  width: 203px;
  height: 47px;
}

.section_view_body {
  border-bottom: 1px solid rgba(189, 199, 224, 0.2);
  padding-bottom: 90px;
}

.section_view_body .section__left {
  grid-column: 1/4;
}

.section_view_body .section__left .left__header {
  font-size: 24px;
  font-weight: 500;
}

.section_view_body .section__left .left__menu {
  margin-top: 24px;
}

.section_view_body .section__left .left__balance {
  margin-top: 40px;
  padding: 30px 25px;
  border: 1px solid var(--color-light-blue);
  font-size: 15px;
}

.section_view_body .section__left .left__balance .balance__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  line-height: 130%;
  margin-bottom: 10px;
}

.section_view_body .section__left .left__balance .balance__header:not(:first-child) {
  margin-top: 20px;
}

.section_view_body .section__left .left__balance .balance__header .icon {
  width: 24px;
  height: 24px;
}

.section_view_body .section__left .left__balance .balance__header .icon svg use {
  fill: var(--color-gold);
}

.section_view_body .section__left .left__balance .balance__val,
.section_view_body .section__left .left__balance .balance__debt {
  font-size: 28px;
  margin-left: 39px;
  font-weight: 500;
}

.section_view_body .section__left .left__balance .balance__val {
  color: var(--color-gold);
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body .section__left .left__balance .balance__debt {
  margin-top: 20px;
}

.section_view_body .section__left .left__balance .balance__debt-date {
  margin-left: 39px;
  margin-top: 20px;
}

.section_view_body .section__left .left__manager {
  padding: 20px 25px;
  border: 1px solid var(--color-light-blue);
  margin-top: 20px;
}

.section_view_body .section__left .left__manager .manager__photo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

.section_view_body .section__left .left__manager .manager__photo img {
  -o-object-fit: cover;
  object-fit: cover;
}

.section_view_body .section__left .left__manager .manager__fio {
  margin-top: 20px;
}

.section_view_body .section__left .left__manager .manager__fio-val {
  font-size: 24px;
  margin-top: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body .section__left .left__manager .manager__contacts {
  margin-top: 20px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 17px;
}

.section_view_body .section__left .left__manager .manager__contacts .icon {
  width: 24px;
  height: 24px;
}

.section_view_body .section__body {
  grid-column: 4/13;
}

.section_view_body .section__body .body__header {
  line-height: 130%;
  letter-spacing: 0.5px;
  margin-bottom: 40px;
  margin-top: 0;
  color: black;
  font-size: 48px;
  font-family: Commissioner;
  font-weight: 500;
}

.section_view_body .section__body .body__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 15px;
  position: relative;
  background: #f8fafc;
  padding: 15px 20px;
  border-radius: 12px;
  margin-bottom: 30px;
  border: 1px solid #e2e8f0;
}



.section_view_body .section__body .body__filters .filter_sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-weight: 500;
  color: #4a5568;
}

.section_view_body .section__body .body__filters .filter_sort .select-dropdown {
  position: relative;
  width: 240px;
}

.section_view_body .section__body .body__filters .filter_sort .select-dropdown select {
  cursor: pointer;
  height: 44px;
  width: 100%;
  outline: none;
  border: 1px solid #cbd5e0;
  border-radius: 8px;
  padding: 0 35px 0 15px;
  font-size: 14px;
  font-weight: 500;
  color: #2d3748;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

.section_view_body .section__body .body__filters .filter_sort .select-dropdown select:hover {
  border-color: #a0aec0;
}

.section_view_body .section__body .body__filters .filter_sort .select-dropdown select:focus {
  border-color: #e19e3a;
  box-shadow: 0 0 0 3px rgba(225, 158, 58, 0.15);
}

/* Стилизация стрелочки в селекте */
.section_view_body .section__body .body__filters .filter_sort .select-dropdown::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 10px;
  height: 6px;
  background-color: #718096;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.2s ease;
}

/* Переворот стрелочки при фокусе (опционально) */
.section_view_body .section__body .body__filters .filter_sort .select-dropdown select:focus+ ::after {
  transform: translateY(-50%) rotate(180deg);
  background-color: #e19e3a;
}

.section_view_body .section__body .body__filters .filter_update {
  color: #718096;
  font-size: 13px;
  margin-left: auto;
  margin-right: 25px;
}

/* Обёртка для кнопок вида */
.section_view_body .section__body .body__filters .filter_view {
  display: flex;
}

.section_view_body .section__body .body__filters .filter_view-links {
  display: flex;
  gap: 8px;
  background: #e2e8f0;
  padding: 4px;
  border-radius: 8px;
}

.section_view_body .section__body .body__filters .filter_dropdown-header-mobile {
  display: none;
}

.section_view_body .section__body .body__filters .filter_dropdown-body {
  opacity: 0.2;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  width: 212px;
  top: 34px;
  left: -1px;
  background-color: var(--color-white);
  z-index: 10;
  border: 1px solid #c0cff8;
  border-top: 0;
  color: var(--color-blue);
}

.section_view_body .section__body .body__filters .filter_dropdown-body>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 4px 0;
}

.section_view_body .section__body .body__filters .filter_dropdown-body>div input {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.section_view_body .section__body .body__filters .filter_dropdown::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8px;
  height: 14px;
  background-color: var(--color-new-blue);
  -webkit-clip-path: var(--arrow);
  clip-path: var(--arrow);
  right: 12px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  z-index: 1;
  position: absolute;
  pointer-events: none;
}


.section_view_body .section__body .body__filters .filter_view a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #718096;
}

.section_view_body .section__body .body__filters .filter_view a.active {
  background-color: #ffffff;
  color: #293c6c;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}


.section_view_body .section__body .body__filters .filter_view a:hover {
  color: #293c6c;
}

.section_view_body .section__body .body__filters .filter_view a svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.section_view_body .section__body .body__box {
  margin-top: 0px;
}

.section_view_body .section__body .body__box.box_list .box__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 79px;
  background-color: #f9f9f9;
  margin-right: 10px;
}

.section_view_body .section__body .body__box.box_list .box__header div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 20px;
  padding-right: 20px;
  gap: 7px;
}

.section_view_body .section__body .body__box.box_list .box__header div button {
  background-color: var(--color-white);
  border: 1px solid var(--color-gold);
  color: var(--text-color-def);
}

.section_view_body .section__body .body__box.box_list .box__header div button.active {
  background-color: var(--color-blue);
  color: var(--text-color-inverse);
}

.section_view_body .section__body .body__box.box_list .box__body {
  overflow: auto;
  max-height: calc(100vh - 300px);
  width: 100%;
}

.section_view_body .section__body .body__box.box_list .box__body table {
  width: 100%;
  /* min-width: 822px; */
  margin-bottom: 0;
}

.section_view_body .section__body .body__box.box_list .box__body table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

.section_view_body .section__body .body__box.box_list .box__body table thead tr th {
  height: 79px;
  text-align: left;
  padding-left: 20px;
  background-color: white;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval .warehouse {
  cursor: pointer;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval:last-child.warehouse.active ul {
  top: unset;
  bottom: 27px;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval .warehouse ul {
  width: 214px;
  opacity: 0;
  top: 27px;
  position: absolute;
  background-color: var(--color-white);
  z-index: 10;
  padding: 10px 18px 10px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 10px;
  background: #fefefe;
  border: 1px solid #c0cff8;
  pointer-events: none;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval .warehouse ul li {
  line-height: 130%;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval .warehouse ul::before {
  content: "В наличии на складах:";
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval .warehouse.active>div {
  /* Список складов */
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval .warehouse.active ul {
  opacity: 1;
  pointer-events: all;
  /* Основной белый */
  /* Подчеркивания и линии */
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval:last-child .warehouse.active ul {
  top: unset;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td.warehouse {
  cursor: pointer;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td.warehouse div {
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td.warehouse .warehouse-header {
  white-space: nowrap;
  border-bottom: 1px dashed #c0cff8;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td.warehouse ul {
  width: 214px;
  opacity: 0;
  top: 27px;
  position: absolute;
  background-color: var(--color-white);
  z-index: 10;
  padding: 10px 18px 10px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 10px;
  background: #fefefe;
  border: 1px solid #c0cff8;
  pointer-events: none;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td.warehouse ul li {
  line-height: 130%;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td.warehouse ul::before {
  content: "В наличии на складах:";
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td.warehouse.active>div {
  /* Список складов */
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td.warehouse.active ul {
  opacity: 1;
  pointer-events: all;
  /* Основной белый */
  /* Подчеркивания и линии */
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr:last-child td.warehouse.active ul {
  top: unset;
  bottom: 27px;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval.warehouse {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval.warehouse div {
  height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval.warehouse .warehouse-header {
  white-space: nowrap;
  border-bottom: 1px dashed #c0cff8;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval.warehouse ul {
  padding-top: 27px;
  width: 214px;
  opacity: 0;
  top: 27px;
  position: absolute;
  background-color: var(--color-white);
  z-index: 10;
  padding: 10px 18px 10px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 10px;
  background: #fefefe;
  border: 1px solid #c0cff8;
  pointer-events: none;
  padding-top: 49px;
  top: -10px;
  z-index: -1;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval.warehouse ul li {
  line-height: 130%;
  text-align: left;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval.warehouse.active>div {
  /* Список складов */
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval.warehouse.active ul {
  opacity: 1;
  pointer-events: all;
  /* Основной белый */
  /* Подчеркивания и линии */
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}

.section_view_body .section__body .body__box.box_list .box__body {
  overflow: auto;
  max-height: calc(100vh - 300px);
  min-height: 300px;
}

.section_view_body .section__body .body__box.box_list .box__body table {
  width: 100%;
  /* min-width: 822px; */
  margin-bottom: 0;
}

.section_view_body .section__body .body__box.box_list .box__body table thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #fff;
}

.section_view_body .section__body .body__box.box_list .box__body table thead tr th {
  height: 79px;
}

.section_view_body .section__body .body__box.box_list .box__body table thead tr th:nth-child(1) {
  width: 50%;
}

.section_view_body .section__body .body__box.box_list .box__body table thead tr th:nth-child(2) {
  width: 20%;
}

.section_view_body .section__body .body__box.box_list .box__body table thead tr th .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8px;
}

.section_view_body .section__body .body__box.box_list .box__body table thead tr th .price button {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  padding-left: 10px;
  padding-right: 10px;
}

.section_view_body .section__body .body__box.box_list .box__body table thead tr th .price button.active {
  border: 1px solid transparent;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td {
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
  height: 78px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td .cart-add {
  margin-left: auto;
  width: 54px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='24' viewBox='0 0 35 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 22.2129C9.55228 22.2129 10 21.7652 10 21.2129C10 20.6606 9.55228 20.2129 9 20.2129C8.44772 20.2129 8 20.6606 8 21.2129C8 21.7652 8.44772 22.2129 9 22.2129Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 22.2129C20.5523 22.2129 21 21.7652 21 21.2129C21 20.6606 20.5523 20.2129 20 20.2129C19.4477 20.2129 19 20.6606 19 21.2129C19 21.7652 19.4477 22.2129 20 22.2129Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1.21289H5L7.68 14.6029C7.77144 15.0633 8.02191 15.4769 8.38755 15.7712C8.75318 16.0655 9.2107 16.2219 9.68 16.2129H19.4C19.8693 16.2219 20.3268 16.0655 20.6925 15.7712C21.0581 15.4769 21.3086 15.0633 21.4 14.6029L23 6.21289H6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31 10V16' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 13H34' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td[class*="price"] {
  display: none;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody tr td .price-mobile {
  display: none;
  gap: 20px;
}

input[type="checkbox"]:after {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2071 1.04289C12.5976 1.43342 12.5976 2.06658 12.2071 2.45711L5.33211 9.33211C4.94158 9.72263 4.30842 9.72263 3.91789 9.33211L0.792893 6.20711C0.402369 5.81658 0.402369 5.18342 0.792893 4.79289C1.18342 4.40237 1.81658 4.40237 2.20711 4.79289L4.625 7.21079L10.7929 1.04289C11.1834 0.652369 11.8166 0.652369 12.2071 1.04289Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.section_view_body .section__body .body__box.box_list .box__body table tbody.price-length .price-length {
  display: table-cell;
  width: 100%;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody.price-weight .price-weight {
  display: table-cell;
  width: 100%;
}

.section_view_body .section__body .body__box.box_list .box__body table tbody.price-piece .price-piece {
  display: table-cell;
  width: 100%;
}

.section_view_body .section__body .body__box.box_list .box__body table tr td:nth-child(1) {
  width: 43%;
}

.section_view_body .section__body .body__box.box_list .box__body table tr td:nth-child(2) {
  width: 13%;
}

.section_view_body .section__body .body__box.box_list .box__body table tr td:nth-child(3) {
  width: 13%;
}

.section_view_body .section__body .body__box.box_list .box__body table tr td:nth-child(4) {
  width: 20%;
}

.section_view_body .section__body .body__box.box_list .box__body table tr td:nth-child(5) {
  width: 11%;
}

.section_view_body .section__body .body__box.box_card .box__items {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  row-gap: 30px;
}

.section_view_body .section__body .body__box.box_card .box__item {
  grid-column: span 4;
  border: 1px solid var(--color-light-blue);
  padding: 18px 23px;
  -webkit-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

.section_view_body .section__body .body__box.box_card .box__item:hover {
  border-color: var(--color-blue);
}

.section_view_body .section__body .body__box.box_card .box__item .item__img {
  margin: -18px -23px 30px;
  height: 173px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section_view_body .section__body .body__box.box_card .box__item .item__img img {
  min-width: unset;
  min-height: unset;
}

.section_view_body .section__body .body__box.box_card .box__item .item__min {
  font-size: 15px;
  padding-top: 14px;
  color: rgba(41, 60, 108, 0.5);
}

.section_view_body .section__body .body__box.box_card .box__item .item__char {
  padding-top: 14px;
  padding-bottom: 15px;
  margin-bottom: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--color-light-blue);
  gap: 30px;
}

.section_view_body .section__body .body__box.box_card .box__item .item__char .char_height,
.section_view_body .section__body .body__box.box_card .box__item .item__char .char_weight {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section_view_body .section__body .body__box.box_card .box__item .item__char .char_height::before,
.section_view_body .section__body .body__box.box_card .box__item .item__char .char_weight::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}

.section_view_body .section__body .body__box.box_card .box__item .item__char .char_height::before {
  width: 8px;
  height: 18px;
  background-image: var(--icon-height);
}

.section_view_body .section__body .body__box.box_card .box__item .item__char .char_weight::before {
  width: 16px;
  height: 17px;
  background-image: var(--icon-weight);
}

.section_view_body .section__body .body__box.box_card .box__item .item__price {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 6px;
  padding-bottom: 19px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body .section__body .body__box.box_card .box__item .item__price>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  white-space: nowrap;
}

.section_view_body .section__body .body__box.box_card .box__item .item__price-var {
  padding-left: 0.25rem;
}

.section_view_body .section__body .body__box.box_card .box__item .item__price-input {
  position: relative;
  margin-left: auto;
}

.section_view_body .section__body .body__box.box_card .box__item .item__price-input input {
  width: 121px;
  height: 33px;
  min-width: unset;
  justify-self: end;
  margin-left: auto;
}

.section_view_body .section__body .body__box.box_card .box__item .item__price-buttons {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 6px;
}

.section_view_body .section__body .body__box.box_card .box__item .item__price-buttons button {
  width: 9px;
  height: 10px;
  background-color: transparent;
  color: var(--color-blue);
  padding: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6' fill='none'%3E%3Cpath d='M3.24687 0.205194L0.129375 5.44307C0.0170529 5.62429 0.157455 5.85996 0.382161 5.85996H6.6265C6.8512 5.85996 6.98227 5.62436 6.87929 5.44307L3.75244 0.205194C3.64005 0.0239686 3.35924 0.0239686 3.24687 0.205194L0.129375 5.44307C0.0170529 5.62429 0.157455 5.85996 0.382161 5.85996H6.6265C6.8512 5.85996 6.98227 5.62436 6.87929 5.44307L3.75244 0.205194C3.64005 0.0239686 3.35924 0.0239686 3.24687 0.205194Z' fill='%23293C6C'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.section_view_body .section__body .body__box.box_card .box__item .item__price-buttons button:nth-child(2) {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section_view_body .section__body .body__box.box_card .box__item .item__sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
}

.section_view_body .section__body .body__box.box_card .box__item .item__sum-value {
  font-size: 22px;
  color: var(--color-gold);
}

.section_view_body .section__body .body__box.box_card .box__item .item__button {
  margin-top: 20px;
}

.section_view_body .section__body .body__box.box_card .box__item .item__button button {
  width: 100%;
  height: 38px;
}

.section_view_body .section__body .body__box.box_card .box__item .item__aval {
  margin-top: 17px;
  font-size: 15px;
  text-align: center;
}

.section_view_body .section__body .body__product {
  margin-top: 50px;
}

.section_view_body .section__body .body__product .product__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.section_view_body .section__body .body__product .product__info>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section_view_body .section__body .body__product .product__info>* .icon {
  margin-right: 14px;
  width: 24px;
  height: 24px;
}

.section_view_body .section__body .body__product .product__info>* .icon svg use {
  fill: var(--color-gold);
}

.section_view_body .section__body .body__product .product__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  grid-template-columns: 414px auto;
  margin-bottom: 30px;
}

.section_view_body .section__body .body__product .product__card .card__img {
  width: 329px;
  height: 205px;
  border: 1px solid var(--color-light-blue);
}

.section_view_body .section__body .body__product .product__card .card__img img {
  min-width: unset;
  min-height: unset;
}

.section_view_body .section__body .body__product .product__card .card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_body .section__body .body__product .product__card .card__char {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--color-light-blue);
}

.char__item:last-child {
  border-bottom: none;
}

.section_view_body .section__body .body__product .product__card .card__char>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_body .section__body .body__product .product__card .card__char>div span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50%;
  padding: 19px 34px;
  font-weight: 500;
}

.section_view_body .section__body .body__product .product__card .card__char>div span:first-child {
  background-color: #f9f9f9;
  border-bottom: 1px solid var(--color-light-blue);
  font-size: 15px;
  line-height: 130%;
}

.section_view_body .section__body .body__product .product__card .card__choose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section_view_body .section__body .body__product .product__card .card__choose-atention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}

.card__choose .card__choose-atention .icon {
  width: 24px;
  height: 24px;
}

.section_view_body .section__body .body__product .product__card .card__choose-atention .icon {
  width: 24px;
  height: 24px;
}

.section_view_body .section__body .body__product .product__card .card__choose-atention .icon svg use {
  fill: var(--color-gold);
}

.section_view_body .section__body .body__product .product__card .card__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.section_view_body .section__body .body__product .product__card .card__inputs input {
  min-width: unset;
  width: 121px;
}

.section_view_body .section__body .body__product .product__card .card__inputs>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_body .section__body .body__product .product__card .card__sum {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--color-light-blue);
  font-weight: 500;
}

.section_view_body .section__body .body__product .product__card .card__sum span {
  font-size: 30px;
  color: var(--color-gold);
}

.section_view_body .section__body .body__product .product__card .card__button button {
  height: 47px;
}

.section_view_body .section__body .body__product .product__tabs .tabs__header {
  margin-top: 70px;
  border-bottom: 1px solid var(--color-gold);
}

.section_view_body .section__body .body__product .product__tabs .tabs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--color-light-gray);
  border-bottom: 0;
  height: 47px;
  padding: 0 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.section_view_body .section__body .body__product .product__tabs .tabs__item:hover {
  background-color: var(--color-gold);
  color: var(--text-color-inverse);
}

.section_view_body .section__body .body__product .product__tabs .tabs__item.active {
  border-color: var(--color-gold);
}

.section_view_body .section__body .body__product .product__tabs .tabs__body {
  margin-top: 20px;
  padding: 20px 25px 30px;
  background-color: #f9f9f9;
}

.section_view_body .section__body .body__product .product__tabs .tabs__text p {
  margin-bottom: 0;
}

.section_view_body .section__body .body__product .product__relative {
  margin-top: 80px;
}

.section_view_body .section__body .body__lk .lk__text {
  margin-top: 40px;
}

.section_view_body .section__body .body__lk .lk__header {
  margin-top: 80px;
  margin-bottom: 40px;
}

.section_view_body .section__body .body__lk .lk__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(189, 199, 224, 0.2);
}

.section_view_body .section__body .body__lk .lk__val {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section_view_body .section__body .body__lk .lk__val span:nth-child(1) {
  font-size: 15px;
  color: rgba(36, 55, 104, 0.5);
}

.section_view_body .section__body .body__lk .lk__val-name,
.section_view_body .section__body .body__lk .lk__val-login {
  width: 358px;
}

.section_view_body .section__body .body__lk .lk__val-tel {
  width: 315px;
}

.section_view_body .section__body .body__lk .lk__requisites h3 {
  margin-top: 80px;
  margin-bottom: 40px;
}

.section_view_body .section__body .body__lk .lk__requisites .lk__val {
  margin-bottom: 30px;
}

.section_view_body .section__body .body__lk .lk__requisites .lk__val:first-child {
  margin-top: 40px;
}

.section_view_body .section__body .body__lk .lk__requisites .lk__val span:nth-child(1) {
  margin-bottom: 10px;
}

.section_view_body .section__body .body__lk .lk__contract {
  margin-top: 58px;
  margin-bottom: 50px !important;
}

.section_view_body .section__body .body__lk .lk__history {
  margin-top: 90px;
}

.section_view_body .section__body .body__lk .lk__history .history__table {
  min-width: 571px;
}

.section_view_body .section__body .body__lk .lk__history .history__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 61px;
}

.section_view_body .section__body .body__article .article__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 46px;
  font-size: 15px;
  color: rgba(41, 60, 108, 0.5);
  margin-bottom: 30px;
}

.section_view_body .section__body .body__article .article__img {
  width: 100%;
  margin-bottom: 40px;
}

.section_view_body .section__body .body__article .article__body .table {
  margin-top: 20px;
}

.section_view_body .section__body .body__article .article__body .table table thead tr td:first-child {
  width: 410px;
  max-width: 100%;
}

.section_view_body .section__body .body__article .article__body .table table tbody tr td:last-child {
  color: var(--color-gold);
}

.section_view_body .section__body .body__article .article__body ul li {
  padding-left: 21px;
  position: relative;
  margin-bottom: 10px;
}

.section_view_body .section__body .body__article .article__body ul li::before {
  --li-before: 5px;
  content: "";
  position: absolute;
  width: var(--li-before);
  height: var(--li-before);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: calc(50% - var(--li-before) / 2);
  background-color: var(--color-gold);
  border-radius: 50%;
}

.section_view_body .section__body .body__article .article__body h2 {
  margin-top: 20px;
}

/*
.section_view_body .section__body .body__article .article__body h3 {
  margin-top: 45px;
}
*/

.section_view_body .section__body .body__docs .docs__table table {
  margin-bottom: 0;
}

.section_view_body .section__body .body__docs .docs__table table tr td:last-child {
  padding-right: 28px;
  text-align: right;
}

.section_view_body .section__body .body__notifications .notifications__body {
  margin-top: 54px;
}

.section_view_body .section__body .body__notifications .notifications__body input {
  width: 237px;
}

.section_view_body .section__body .body__notifications .notifications__buttons {
  margin-top: 50px;
}

.section_view_body .section__body .body__notifications .notifications__buttons button {
  width: 203px;
  height: 47px;
}

.section_view_body .section__body .body__order .order__table table {
  font-size: 15px;
}

.section_view_body .section__body .body__order .order__weight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 19px;
}

.sel_dat {
  display: flex;
}

.user_history {
  padding: 10px;
  border: 1px solid #ddd;
  width: 100%;
  background-color: #fff;
}

.select_user_history {
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 10px;
}

.intup_user_history {
  padding: 6px 12px;
  background-color: #e19e3a;
  color: white;
  width: 0%;
  height: 30px;
  min-width: 5%;
  max-width: 20%;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.intup_user_history:hover {
  background-color: #d68c1e;
}

.ArtelAdminBottomPager_user_history {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}

.ArtelAdminBottomPager_user_history div {
  margin-right: 10px;
  font-weight: bold;
}

.ArtelAdminBottomPager_user_history a:hover {
  background-color: #e19e3a;
}

.ArtelAdminBottomPager_user_history a.active {
  background-color: #e19e3a;
  cursor: default;
}

.ArtelAdminBottomPager_user_history a {
  padding: 6px 10px;
  text-decoration: none;
  background-color: #e19e3a;
  color: white;
  border-radius: 4px;
  margin: 0 5px;
  transition: background-color 0.3s;
}

.section_view_body .section__body .body__order .order__weight svg {
  width: 19px;
  height: 19px;
}

.section_view_body .section__body .body__order .order__weight svg use {
  fill: var(--color-gold);
}

.section_view_body .section__body .body__order .order__sum {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 112px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--color-light-blue);
}

.section_view_body .section__body .body__order .order__sum>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 312px;
}

.section_view_body .section__body .body__order .order__sum>div span:first-child {
  line-height: 140%;
  font-weight: 500;
}

.section_view_body .section__body .body__order .order__sum>div span:last-child {
  line-height: 130%;
  margin-top: 10px;
  font-weight: 500;
  font-size: 30px;
  color: var(--color-gold);
}

.section_view_body .section__body .body__order .order__form {
  margin-top: 50px;
  font-size: 15px;
}

.section_view_body .section__body .body__order .order__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 32px;
}

.section_view_body .section__body .body__order .order__form .form__body {
  margin-top: 20px;
}

.section_view_body .section__body .body__order .order__form .form__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.section_view_body .section__body .body__order .order__form .form__tin {
  width: 324px;
}

.section_view_body .section__body .body__order .order__form .form__buttons div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
}

.section_view_body .section__body .body__order .order__form .form__agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.section_view_body .section__body .body__order .order__form .form__agree input {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 2px;
}

.section_view_body .section__body .body__order .order__form .form__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 28px;
}

.section_view_body .section__body .body__order .order__form .form__submit-text {
  width: 428px;
  color: rgba(36, 55, 104, 0.5);
  line-height: 150%;
}

.section_view_body .section__body .body__reg .reg__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 30px;
}

.section_view_body .section__body .body__reg .reg__form form button {
  margin-top: 20px;
  width: 269px;
  height: 47px;
}

.section_view_body .section__body .body__reg .reg__form .form__form {
  width: 100%;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 17px;
}

.section_view_body .section__body .body__reg .reg__form .form__form div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.section_view_body .section__body .body__reg .reg__form .form__input {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 15px);
  flex: 0 0 calc(50% - 15px);
}

.section_view_body .section__body .body__reg .reg__form .form__footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.section_view_body .section__body .body__reg .reg__form .form__agree {
  color: var(--color-light-gray);
}

.section_view_body .section__body .body__refund .refund__tabs .tabs__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 50px;
}

.section_view_body .section__body .body__refund .refund__tabs .tabs__body {
  margin-top: 50px;
}

.section_view_body .section__body .body__refund .refund__form .form__body,
.section_view_body .section__body .body__refund .refund__form .form__second {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 89px;
  -moz-column-gap: 89px;
  column-gap: 89px;
}

.section_view_body .section__body .body__refund .refund__form .form__form {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 17px;
}

.section_view_body .section__body .body__refund .refund__form .form__form div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.section_view_body .section__body .body__refund .refund__form .form__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.section_view_body .section__body .body__refund .refund__form .form__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 30px;
}

.section_view_body .section__body .body__refund .refund__form .form__footer {
  margin-top: 20px;
}

.section_view_body .section__body .body__refund .refund__form .form__footer button {
  width: 269px;
  height: 47px;
}

.section_view_body .section__body .body__refund .refund__form .form__agree {
  margin-top: 10px;
}

.section_view_body .section__body .body__refund .refund__form .form span+input {
  margin-top: 10px;
}

.section_view_body .section__body .body__refund .refund__form .form select {
  width: 100%;
  height: 47px;
}

.section_view_body .section__body .body__refund .refund__form .form .select-dropdown {
  margin-top: 10px;
}

.section_view_body .section__body .body__refund .refund__form .form .select-dropdown::after {
  right: 20px;
}

.section_view_body .section__body .body__refund .refund__table,
.section_view_body .section__body .body__refund .refund__plus,
.section_view_body .section__body .body__refund .refund__add2 {
  display: none;
}

.section_view_body .section__body .body__refund .refund__product {
  margin-top: 40px;
}

.section_view_body .section__body .body__refund .refund__product .product__header {
  color: var(--color-gold);
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  cursor: pointer;
}

.section_view_body .section__body .body__refund .refund__product .product__header .icon {
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.section_view_body .section__body .body__refund .refund__product .product__header .icon svg {
  width: 14px;
  height: 14px;
}

.section_view_body .section__body .body__refund .refund__product .product__header .icon use {
  fill: var(--color-gold);
}

.section_view_body .section__body .body__refund .refund__product .product__header:hover .icon use {
  fill: var(--color-blue);
}

.section_view_body .section__body .body__refund .refund__product .product__del {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.section_view_body .section__body .body__refund .refund__product .product__del .icon {
  width: 24px;
  height: 24px;
}

.section_view_body .section__body .body__refund .refund__product .product__del .icon svg {
  width: 14px;
  height: 14px;
}

.section_view_body .section__body .body__refund .refund__product .product__del .icon use {
  fill: var(--color-gold);
}

.section_view_body .section__body .body__refund .refund__product .product__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

.section_view_body .section__body .body__refund .refund__product .product__details-mark,
.section_view_body .section__body .body__refund .refund__product .product__details-length,
.section_view_body .section__body .body__refund .refund__product .product__details-num,
.section_view_body .section__body .body__refund .refund__product .product__details-mass,
.section_view_body .section__body .body__refund .refund__product .product__details-man,
.section_view_body .section__body .body__refund .refund__product .product__details-data {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  white-space: nowrap;
}

.section_view_body .section__body .body__refund .refund__product.product.hide .product__header .icon {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.section_view_body .section__body .body__refund .refund__product.product.hide .product__details {
  max-height: 0;
  overflow: hidden;
  margin-top: 0;
}

.section_view_body .section__body .body__refund .refund__plus .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

.section_view_body .section__body .body__refund .refund__plus .button svg {
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.section_view_body .section__body .body__refund .refund__plus .button svg use {
  fill: var(--color-gold);
}

.section_view_body .section__body .body__refund .refund__plus .button:hover svg use {
  fill: var(--color-white);
}

.section_view_body .section__body .body__refund .refund__file-info {
  color: var(--color-light-gray);
}

.section_view_body .section__body .body__refund .refund__file-info::before,
.section_view_body .section__body .body__refund .refund__file-info::after {
  content: none;
}

.section_view_body .section__body .body__refund.refund_table .refund__table,
.section_view_body .section__body .body__refund.refund_table .refund__plus,
.section_view_body .section__body .body__refund.refund_table .refund__add2 {
  display: block;
}

.section_view_body .section__body .body__refund.refund_table .refund__add {
  opacity: 0;
}

.section_view_body .section__body .body__login .login__tabs .tabs__body {
  margin-top: 40px;
}

.section_view_body .section__body .body__login .login__form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

.section_view_body .section__body .body__login .login__form form span+input {
  margin-top: 10px;
}

.section_view_body .section__body .body__login .login__form .form__login-pswrd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.section_view_body .section__body .body__login .login__form .form__remember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
}

.section_view_body .section__body .body__login .login__form .form__button {
  margin-top: 30px;
}

.section_view_body .section__body .body__login .login__form .form__button button {
  height: 47px;
  width: 205px;
}

.section_view_body .section__body .body__login .login__links {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.section_view_body .section__body .body__calc .calc__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.section_view_body .section__body .body__calc .calc__icons .icons__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9f9;
  border-left: 3px solid var(--color-gold);
  padding: 20px 30px;
  gap: 30px;
  line-height: 140%;
  font-weight: 500;
}

.section_view_body .section__body .body__calc .calc__icons .icons__item .icon svg {
  width: 39px;
  height: 28px;
}

.section_view_body .section__body .body__calc .calc__search {
  font-size: 15px;
  margin-top: 60px;
}

.section_view_body .section__body .body__calc .calc__search span+div {
  margin-top: 10px;
}

.section_view_body .section__body .body__calc .calc__search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.section_view_body .section__body .body__calc .calc__search .form__search {
  width: calc(100% - 205px - 20px);
}

.section_view_body .section__body .body__calc .calc__search .form__bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.section_view_body .section__body .body__calc .calc__search .form__bar input,
.section_view_body .section__body .body__calc .calc__search .form__bar button {
  height: 47px;
}

.section_view_body .section__body .body__calc .calc__search .form__button {
  width: 205px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.section_view_body .section__body .body__calc .calc__search .form__button button {
  height: 47px;
}

.section_view_body .section__body .body__calc .calc__search .form__body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 44px;
  gap: 20px;
  font-size: 18px;
}

.section_view_body .section__body .body__calc .calc__search .form__body>div {
  width: 50%;
}

.section_view_body .section__body .body__calc .calc__search .form__car-type>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 21px;
}

.section_view_body .section__body .body__calc .calc__search .form__car-type>div:not(:last-child) {
  margin-bottom: 10px;
}

.section_view_body .section__body .body__calc .calc__search .form__results>*:not(:last-child) {
  margin-bottom: 10px;
}

.section_view_body .section__body .body__calc .calc__search .form__map {
  width: 100%;
  margin-top: 44px;
  height: 500px;
}

.cart-item-length,
.cart-item-quantity,
.cart-item-mass {
  padding-right: 5px;
}

.compensate-for-scrollbar {
  padding: 0 !important;
}

.actbut {
  width: 100%;
}

summary {
  font-size: 30px;
  line-height: 150%;
  font-weight: 500;
  margin-top: 60px;
}

.aasbutton {
  height: 60px;
  width: 210px;
}

/*                 */

#calendarHolder {
  display: none;
  font-size: 0;
  margin-bottom: 20px;
}

.innerHolder {
  width: 100%;
}

.flatpickr-calendar {
  display: inline-block !important;
  /* display: none!important; */
}

.interval {
  border-radius: 2px;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  margin: auto;
  margin-top: 5px;
  width: 120px;
}

.blueBG {
  background-color: #293c6c;
  pointer-events: none;
}

.blueBG span {
  color: white;
}

.flatpickr-months .flatpickr-month {
  border-radius: 5px 0 0 0 !important;
}

.right-calendar-block {
  display: none;
  font-size: 15px;
  border-radius: 0 5px 0 0;
  /* overflow-y: scroll; */
  vertical-align: top;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  /* display:none!important; */
  width: 200px;
  /* background-color: grey; */
  position: relative;
  -webkit-box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.08);
  border-width: 4px;
  border-right: 1px solid rgba(72, 72, 72, 0.2);
  border-bottom: 1px solid rgba(72, 72, 72, 0.2);
}

.right-calendar-block .top {
  border-radius: 0 5px 0 0;
  height: 62px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bolder;
  /*                */
  /* background: #42a5f5;
  color: rgba(0,0,0,0.54); */
  /*            */
  background-color: #293c6c;
  color: white;
}

.right-calendar-block .bottom {
  height: 226px;
  overflow-y: auto;
  text-align: center;
}

.right-calendar-block .bottom .interval {
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #484848;
  cursor: pointer;
  font-weight: 400;
  text-align: center;
}

.right-calendar-block .bottom .interval:hover {
  background: #e2e2e2;
  border-color: #e2e2e2;
  color: #484848;
}

#timeOutput+.flatpickr-calendar {
  width: 100%;
}

#returnContent {
  font-weight: bold;
  cursor: pointer;
}

.bottom .sorry {
  text-align: center;
}

/*                      */

#calendarOutput+.flatpickr-calendar .flatpickr-month,
#calendarOutput+.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
#calendarOutput+.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
#calendarOutput+.flatpickr-calendar .flatpickr-weekdays,
#calendarOutput+.flatpickr-calendar span.flatpickr-weekday,
#calendarOutput+.flatpickr-calendar .flatpickr-day.selected {
  background-color: #293c6c;
  color: white;
}

#calendarOutput+.flatpickr-calendar span.flatpickr-weekday {
  color: white;
}

#calendarOutput+.flatpickr-calendar .flatpickr-day.selected {
  border-color: #293c6c;
}

/*                        */

.section_view_photogallery .section__photos .photos__item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cart-item[data-price-length="-"] .modal__inputs-length {
  display: none;
}

.cart-item[data-price-mass="-"] .modal__inputs-item {
  display: none;
}

summary {
  cursor: pointer;
}

.footer {
  position: relative;
  padding-top: 52px;
  padding-bottom: 42px;
}

.footer__nav {
  grid-column: 1/13;
}

.footer__nav a span {
  width: unset;
}

.footer__block {
  padding-bottom: 70px;
}

.footer__block .block {
  grid-column: span 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__block .block:first-child .block__list {
  height: 352px;
}

.footer__block .block:last-child .block__list {
  height: unset;
  margin-bottom: 51px;
}

.footer__block .block__name {
  width: 100%;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 55px;
}

.footer__block .block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.footer__block .block__list-subheader {
  color: var(--color-blue);
  margin-bottom: 40px;
  font-weight: 500;
}

.footer__block .block__list-all {
  margin-top: 30px;
}

.footer__block .block__list li {
  margin-bottom: 16px;
}

.footer__block .block__contacts {
  margin-bottom: 40px;
}

.footer__block .block__contacts .contact__first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: -8px;
}

.footer__block .block__contacts .contact__tel {
  font-size: 24px;
  white-space: nowrap;
}

.contact__first .contact__wa_footer {
  margin-left: 26px;
}

.footer__block .block__contacts .contact__wa .icon {
  width: 32px;
  height: 32px;
}

.footer__block .block__contacts .contact__tg .icon {
  width: 32px;
  height: 32px;
}

.footer__block .block__contacts .contact__vk .icon {
  width: 35px;
  height: 35px;
}

.footer__block .block__contacts .contact__mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 21px;
}

.footer__block .block__contacts2 .contact__calc {
  display: none;
}

.footer__block .block__partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.footer__block .block__partners img {
  min-width: unset;
  min-height: unset;
}

.footer__block .block:first-child {
  grid-column: span 6;
}

.footer__block .block:first-child .block__list li {
  width: 50%;
}

.footer__partners {
  grid-column: -4/-1 !important;
  margin-top: -130px;
}

.footer__base {
  grid-column: 1/13;
  padding-top: 42px;
  background-color: var(--color-blue);
  position: relative;
}

.footer__base::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: -1;
  background-color: var(--color-blue);
  width: 200vw;
  height: 100vh;
  top: 0;
  left: -100%;
  right: 0;
  margin: 0 auto;
}

.footer__base-1 {
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__base-1>div {
  grid-column: span 3;
}

.footer__base-2 {
  padding-top: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__logo {
  --color-1: #fff;
  --color-2: #fff;
  --color-3: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 193px;
}

.footer__lk a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

.footer__lk .icon {
  width: 22px;
  height: 22px;
}

.footer__lk .icon svg use {
  fill: var(--color-white);
}

.footer__developer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  font-size: 16px;
}

.footer__offert {
  font-size: 16px;
}

#btnback {
  float: right;
}

.modal_calc_porezki {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.modal_calc_porezki.active_calc_porezki {
  display: block;
}

.modal-content_calc_porezki {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 1182px;
  height: 812px;
}

.modal-content_calc_porezki iframe {
  width: 100%;
  height: 100%;
}

button.close-modal_calc_porezki {
  color: #e19e3a;
  position: absolute;
  top: 4px;
  right: -67px;
  background-color: rgb(255 255 255 / 0%);
  border: none;
  cursor: pointer;
  font-size: 30px;
}

@media (max-width: 768px) {
  .modal_calc_porezki {
    display: none;
  }

  .modal_calc_porezki.active_calc_porezki {
    display: none;
  }
}

.modal_calc_porubki {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9000001;
}

.modal_calc_porubki.active_calc_porubki {
  display: block;
}

.modal-content_calc_porubki {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 1182px;
  height: 812px;
}

.modal-content_calc_porubki iframe {
  width: 100%;
  height: 100%;
}

button.close-modal_calc_porubki {
  color: #e19e3a;
  position: absolute;
  top: 4px;
  right: -67px;
  background-color: rgb(255 255 255 / 0%);
  border: none;
  cursor: pointer;
  font-size: 30px;
}

@media (max-width: 768px) {
  .modal_calc_porubki {
    display: none;
  }

  .modal_calc_porubki.active_calc_porubki {
    display: none;
  }
}

.button-up {
  position: fixed;
  width: 45px;
  height: 45px;
  z-index: 90;
  bottom: -80px;
  left: 30px;
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms;
  background: var(--color-gold);
  cursor: pointer;
}

.button-up .button-up__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button-up .button-up__inner .icon {
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.button-up .button-up__inner .icon svg use {
  fill: var(--color-white);
}

.button-up:hover {
  background-color: #b59e66;
  opacity: 1;
}

.button-up_show {
  visibility: visible;
  opacity: 0.5;
  bottom: 30px;
}

/* ///CONTACTS/// */

.team-member {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  margin: 10px 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.team-member_other {
  flex: 1 1 calc(50% - 20px);
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.team-other {
  margin: 20px auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}

.team-member img {
  width: 170px;
  height: auto;
  border-radius: 5px;
  margin-right: 15px;
}

.contact-info {
  margin: 5px 0;
}

.contact-info a {
  color: #0066cc;
  text-decoration: none;
}

.contact-info a:hover {
  text-decoration: underline;
}

.dolzhnos {
  font-weight: bold;
  color: #555;
}

@media (min-width: 576px) {
  .header__menu {
    -webkit-transition: all 0.4s cubic-bezier(0.79, 0.33, 0.14, 0.53);
    transition: all 0.4s cubic-bezier(0.79, 0.33, 0.14, 0.53);
  }

  html.menu_opened body::before {
    -webkit-animation: overlay 0.3s ease-in-out;
    animation: overlay 0.3s ease-in-out;
  }

  @-webkit-keyframes overlay {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 0.5;
    }
  }

  @keyframes overlay {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 0.5;
    }
  }
}



@media (min-width: 992px) {
  .section_view_first .section__tabs .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }
}

@media (max-width: 1680px) {
  .section_view_flag .section__flag {
    left: calc(var(--page-gap) / 2);
  }
}

@media (max-width: 1560px) {
  :root {
    --page-gap: 40px;
    --page-max-width: calc(100vw - var(--page-gap) * 2);
  }
}

@media (max-width: 1540px) {
  .section_view_body .section__body {
    margin-left: 16px;
  }

  .section_view_body .section__body .body__box.box_card .box__items {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .section_view_body .section__body .body__box.box_card .box__item {
    padding: 18px 14px;
  }
}

@media (max-width: 1450px) {
  a.arrow::after {
    right: 8px;
  }

  .table {
    overflow-x: auto;
  }

  .swiper-pagination {
    padding-top: 32px;
  }

  .text-header1,
  h1 {
    font-size: 36px;
  }

  .modal__header {
    font-size: 36px;
  }

  .modal_add .modal__item {
    padding: 20px;
  }

  .header {
    padding-top: 15px;
    font-size: 16px;
  }

  .header::before {
    top: 69px;
  }

  .header .layout {
    row-gap: 23px;
  }

  .header__slogan {
    width: 18.8%;
  }

  .header__adress {
    font-size: 16px;
    width: 21.7%;
  }

  .header__tel {
    width: unset;
    gap: 14px;
    font-size: 18px;
  }

  .header__tel a {
    width: unset;
    gap: 6px;
  }

  .header__mail {
    width: unset;
    gap: 8px;
    padding-left: 33px;
  }

  .header__mail {
    margin-right: auto;
  }

  .header__delivery {
    width: unset;
    padding-right: 20px;
  }

  .header__sandwich {
    width: unset;
    padding-left: 70px;
  }

  .header__sandwich .sandwich {
    width: 38px;
    height: 38px;
    padding: 13px 10px;
  }

  .header__sandwich .sandwich::before {
    top: 6px;
    left: -58px;
    font-size: 16px;
  }

  .header__logo {
    width: 18.8%;
  }

  .header__logo svg {
    width: 150px;
    height: 48px;
  }

  .header__catalog .catalog__button {
    height: 38px;
    width: 111px;
    margin-right: 11px;
    padding: 13px 10px 13px 10px;
  }

  .header__search input {
    width: 513px;
    height: 38px;
    padding: 11px;
    background-size: 17px;
    background-position: center right 8px;
  }

  .header__lk .icon {
    width: 21px;
    height: 21px;
  }

  .header__cart {
    margin-left: 35px;
    width: 38px;
    height: 38px;
  }

  .header__addition {
    /* height: 110px; */
  }

  .main-page .header {
    padding-bottom: 10px;
  }

  .section_view_first {
    padding-top: 49px;
    height: 588px;
  }



  .section_view_first .section__header {
    font-size: 36px;
  }

  .section_view_first .section__header {
    grid-column: 1/5;
    font-size: 40px;
    letter-spacing: 0;
  }

  .section_view_first .section__links {
    margin-top: 33px;
  }

  .section_view_first .section__img {
    margin-left: 34px;
    height: 555px;
    top: -16px;
  }

  .section_view_first .section__new {
    width: 310px;
    top: 48px;
    margin-top: 30px;
    margin-bottom: 0px;
  }

  .section_view_first .section__new .new__inner {
    padding-bottom: 24px;
  }

  .section_view_first .section__new .new__img {
    height: 194px;
    margin-bottom: 23px;
  }

  .section_view_first .section__tabs {
    font-size: 16px;
    padding-right: 45px;
  }

  .section_view_first .section__tabs ul {
    gap: 35px;
  }

  .section_view_second {
    margin-top: 89px;
  }

  .section_view_second .section__header {
    font-size: 36px;
  }

  .section_view_second .section__header {
    margin-bottom: 58px;
  }

  .section_view_second .section__item {
    height: 228px;
  }

  .section_view_second .section__item .item__img img {
    max-width: 170px;
    max-height: 110px;
  }

  .section_view_second .section__item .item__name {
    padding-left: 15px;
  }

  .section_view_second .section__calculator {
    padding: 31px 32px 29px 25px;
  }

  .section_view_second .section__calculator .calculator__button {
    margin-top: 31px;
    width: 177px;
    min-width: unset;
  }

  .section_view_second .section__calculator .calculator__icon {
    width: 148px;
    height: 148px;
  }

  .section_view_services {
    padding-top: 60px;
  }

  .section_view_services .layout {
    grid-template-rows: 144px 130px;
  }

  .section_view_services .section__header {
    font-size: 36px;
  }

  .section_view_services .section__header {
    margin-top: 20px;
  }

  .section_view_services .section__list a {
    height: 70px;
  }

  .section_view_easy {
    --easy-header-height: 95px;
    margin-top: calc(var(--easy-header-height) + 1px);
  }

  .section_view_easy .section__header {
    font-size: 36px;
  }

  .section_view_easy .section__header {
    -webkit-clip-path: polygon(0 0,
        calc(100% - 25px) 0,
        100% 26px,
        100% 100%,
        0 100%);
    clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 26px, 100% 100%, 0 100%);
    padding-right: 68px;
  }

  .section_view_easy .section__items {
    margin-top: 52px;
    padding-bottom: 34px;
  }

  .section_view_partners .section__header {
    font-size: 36px;
  }

  .section_view_partners .section__header {
    margin-bottom: 40px;
  }

  .section_view_photogallery .section__header {
    font-size: 36px;
  }

  .section_view_photogallery .section__header {
    padding-bottom: 41px;
  }

  .section_view_photogallery .section__photos .photos__item {
    height: 260px;
  }

  .section_view_contacts .section__header {
    font-size: 36px;
  }

  .section_view_contacts .section__header {
    grid-area: 1/1/2/6;
    margin-top: 52px;
    margin-bottom: 12px;
  }

  .section_view_contacts .section__contacts-header {
    margin-bottom: 2px;
  }

  .section_view_contacts .section__contacts-phone {
    margin-top: 0;
  }

  .section_view_contacts .section__contacts-phone .phone-wa {
    width: 32px;
    height: 32px;
  }

  .section_view_contacts .section__contacts-email {
    margin-left: 55px;
    margin-top: 0px;
    gap: 15px;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }

  .section_view_contacts .section__adress {
    grid-area: 3/1/4/7;
    margin-top: 27px;
  }

  .section_view_contacts .section__form {
    padding-left: 33px;
    padding-top: -10px;
  }

  .section_view_contacts .section__form .form__header {
    margin-bottom: 37px;
  }

  .section_view_contacts .section__form form .form__first {
    width: 100%;
  }

  .section_view_contacts .section__form form .form__first input {
    width: unset;
    width: 100%;
  }

  .section_view_contacts .section__form form .form__name,
  .section_view_contacts .section__form form .form__tel {
    max-width: 100%;
    width: 100%;
  }

  .section_view_map .section__map {
    height: 320px;
  }

  .section_view_franchise .section__header {
    font-size: 36px;
  }

  .section_view_advantages .section__header {
    font-size: 36px;
  }

  .section_view_effective .section__header {
    font-size: 36px;
  }

  .section_view_flag .section__header {
    font-size: 36px;
  }

  .section_view_uniq .section__header {
    font-size: 36px;
  }

  .section_view_ready .section__header {
    font-size: 36px;
  }

  .section_view_ready .section__subheader {
    font-size: 36px;
  }

  .section_view_poll .section__header {
    font-size: 36px;
  }

  .section_view_question .section__header {
    font-size: 36px;
  }

  .section_view_body .section__body .body__header {
    font-size: 36px;
  }

  .section_view_body .section__body .body__filters .filter__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer__block .block__name {
    margin-bottom: 40px;
  }

  .footer__logo {
    height: 45px;
    width: 150px;
  }

  .footer__links {
    font-size: 16px;
  }
}

@media (max-width: 1366px) {
  .section_view_body .section__body .body__box.box_card .box__item .item__price>* {
    font-size: 14px;
  }
}

@media (max-width: 1365px) {

  .text-header2,
  h2 {
    font-size: 26px;
  }

  summary {
    font-size: 26px;
  }
}

@media (max-width: 1250px) {
  .modal_cart .modal__relative .relative__item {
    min-width: 33%;
    width: 33%;
  }

  .contact__first .contact__wa_footer {
    margin-left: 0px;
  }

  .header__slogan {
    width: 22%;
  }

  .header__adress {
    display: none;
  }

  .header__tel {
    margin-left: auto;
  }

  .header__sandwich {
    width: 15%;
  }

  .header__sandwich .sandwich::before {
    top: 3px;
  }

  .header__logo {
    width: 22%;
  }

  .header__search input {
    width: 413px;
  }

  .header__cart {
    margin-left: 16px;
  }

  .header__addition {
    display: none !important;
  }

  .section_view_first {
    height: unset;
  }



  .section_view_first .section__header {
    grid-column: 1/6;
  }

  .section_view_first .section__links {
    padding-bottom: 50px;
  }

  .section_view_first .section__img {
    height: 100%;
    top: 0px;
    margin-left: unset;
    margin-right: 100px;
  }

  .section_view_first .section__img picture {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .section_view_first .section__img img {
    height: 117%;
  }

  .section_view_first .section__new {
    overflow: unset;
    top: unset;
    position: relative;
    grid-column: 1/-1;
    grid-row: unset;
    width: 100vw;
    justify-self: unset;
    right: 0;
    padding: var(--page-gap);
    margin-top: 0;
    margin-bottom: 0;
    margin-left: calc(-1 * var(--page-gap));
    margin-right: calc(-1 * var(--page-gap));
    height: 400px;
  }

  .section_view_first .section__new .new__item {
    width: 50%;
  }

  .section_view_first .section__new .new__item {
    border: 1px solid var(--color-light-blue);
    padding-bottom: 32px;
  }

  .section_view_first .section__new .new__control {
    display: none;
  }

  .section_view_first .section__new .new__pag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section_view_first .section__tabs {
    position: relative;
    width: 100vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 calc(-1 * var(--page-gap));
    padding: 0;
  }

  .section_view_first .section__tabs::before {
    -webkit-clip-path: unset;
    clip-path: unset;
  }

  .section_view_second .section__item {
    grid-column: span 4;
  }

  .section_view_second .section__calculator {
    grid-column: span 8;
  }

  .section_view_services .layout {
    grid-template-rows: auto;
  }

  .section_view_contacts .section__contacts-phone {
    width: 100%;
  }

  .section_view_contacts .section__contacts-email {
    margin-left: 0px;
    margin-top: 20px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  .section_view_contacts .section__adress {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_contacts .section__adress-way {
    margin-left: 0;
    margin-bottom: 16px;
  }

  .section_view_contacts .section__form {
    padding-left: unset;
    padding-top: unset;
    border-left: none;
  }

  .section_view_franchise {
    height: unset;
  }

  .section_view_advantages .section__header {
    grid-column: span 7;
  }

  .section_view_effective .section__header {
    grid-column: span 7;
  }

  .section_view_ready .section__item {
    grid-column: span 6;
  }

  .section_view_question .section__img {
    width: 470px;
    max-width: 45%;
  }

  .section_view_news .section__item {
    grid-column: span 4;
  }

  .section_view_body .section__body .body__box.box_card .box__item {
    grid-column: span 6;
    padding: 16px;
  }

  .footer__block .block__contacts .contact__first {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 1239px) {

  .text-header2,
  h2 {
    font-size: 24px;
  }

  .actbut {
    margin-bottom: 30px;
  }

  summary {
    font-size: 24px;
  }
}

@media (max-width: 1100px) {
  .header__slogan {
    width: 20%;
  }

  .header__logo {
    width: 20%;
  }

  .header__lk:hover .icon {
    background-color: var(--color-light-blue);
  }

  .header__lk span:first-child {
    display: none;
  }

  .header__lk .icon {
    width: 38px;
    height: 38px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--color-light-gray);
    -ms-flex-item-align: center;
    align-self: center;
  }

  .header__lk .icon svg {
    width: 21px;
    height: 21px;
  }
}

@media (max-width: 992px) {
  :root {
    --page-gap: 32px;
  }

  button_arrow,
  .button_arrow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  ul.check-list li {
    padding-left: 65px;
  }

  :root {
    --font-size: 16px;
  }

  .modal__inner {
    padding: var(--page-gap);
  }

  .modal__header {
    font-size: 26px;
  }

  .modal_cart .modal__itog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 32px;
  }

  .modal_rez .modal__char,
  .modal_rez2 .modal__char {
    font-size: 14px;
    gap: 20px;
  }

  .modal_rez .modal__item,
  .modal_rez2 .modal__item {
    width: calc(100% - var(--page-gap) * 2);
    left: var(--page-gap);
    right: var(--page-gap);
  }

  .header__slogan {
    width: 25%;
  }

  .header__delivery {
    display: none;
  }

  .header__logo {
    width: 22%;
  }

  .section_view_first .section__header {
    font-size: 26px;
  }

  .section_view_first .section__header {
    font-size: 36px;
  }

  .section_view_first .section__img {
    margin-right: 0px;
  }

  .section_view_first .section__tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + var(--page-gap) * 2);
    margin-left: calc(-1 * var(--page-gap));
  }

  .section_view_first .section__tabs ul {
    gap: unset;
  }

  .section_view_first .section__tabs ul li {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_first .section__tabs ul li a::before {
    content: none;
  }

  .section_view_first .section__tabs .swiper-wrapper {
    width: 100%;
  }

  .section_view_first .section__tabs .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -10px;
    padding-top: unset;
  }

  .section_view_first .section__tabs .swiper-button-prev,
  .section_view_first .section__tabs .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }


  .section_view_second .section__header {
    font-size: 26px;
  }

  .section_view_second .section__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2px;
  }

  .section_view_second .section__header .section__select {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .section_view_second .section__update {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 10px;
  }

  .section_view_second .section__item {
    grid-column: span 6;
    height: unset;
    min-height: 284px;
  }

  .section_view_second .section__calculator {
    grid-column: span 6;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_second .section__calculator .calculator__left,
  .section_view_second .section__calculator .calculator__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section_view_second .section__calculator .calculator__left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .section_view_second .section__calculator .calculator__right {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 32px;
  }

  .section_view_second .section__calculator .calculator__header {
    font-size: 26px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .section_view_second .section__calculator .calculator__button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 32px;
    width: 100%;
    height: 48px;
  }

  .section_view_second .section__calculator .calculator__caption {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 12px;
    text-align: center;
  }

  .section_view_second .section__calculator .calculator__icon {
    width: 84px;
    height: 84px;
  }

  .section_view_services .layout {
    grid-template-rows: 144px 130px;
  }

  .section_view_services .section__header {
    font-size: 26px;
  }

  .section_view_services .section__header {
    grid-area: 1/1/2/13;
  }

  .section_view_services .section__caption {
    padding-top: 16px;
    grid-area: 2/1/3/13;
  }

  .section_view_services .section__button {
    grid-area: 3/1/4/13;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px;
  }

  .section_view_services .section__list {
    grid-area: 4/1/5/13;
    margin-top: 32px;
  }

  .section_view_easy .section__header {
    font-size: 26px;
  }

  .section_view_partners .section__header {
    font-size: 26px;
  }

  .section_view_photogallery .section__header {
    font-size: 26px;
  }

  .section_view_contacts .section__header {
    font-size: 26px;
  }

  .section_view_contacts .section__form form .form__first {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section_view_franchise .section__header {
    font-size: 26px;
  }

  .section_view_advantages .section__header {
    font-size: 26px;
  }

  .section_view_advantages .section__header {
    grid-column: span 12;
    line-height: 110%;
  }

  .section_view_advantages .section__items {
    row-gap: 32px;
  }

  .section_view_advantages .section__item {
    grid-column: span 6;
  }

  .section_view_effective .section__header {
    font-size: 26px;
  }

  .section_view_flag .section__header {
    font-size: 26px;
  }

  .section_view_digits .section__item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section_view_digits .section__item {
    grid-column: span 6;
  }

  .section_view_digits .section__item .item__digit {
    font-size: 48px;
  }

  .section_view_uniq .section__header {
    font-size: 26px;
  }

  .section_view_uniq .section__header {
    grid-column: 1/-1;
    text-align: center;
  }

  .section_view_uniq .section__arrow {
    grid-column: 1/-1;
    height: 49px;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .section_view_uniq .section__arrow .icon {
    display: none;
  }

  .section_view_uniq .section__arrow .icon:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section_view_uniq .section__block {
    grid-column: 1/-1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section_view_ready .section__header {
    font-size: 26px;
  }

  .section_view_ready .section__subheader {
    font-size: 26px;
  }

  .section_view_ready .section__subheader {
    grid-column: 1/-3;
  }

  .section_view_ready .section__text {
    grid-column: 1/-1;
  }

  .section_view_poll .section__header {
    font-size: 26px;
  }

  .section_view_question .section__header {
    font-size: 26px;
  }

  .section_view_question .section__header {
    grid-column: 1/-1;
    text-align: center;
  }

  .section_view_question .section__caption {
    grid-column: 1/-1;
    font-size: 18px;
    text-align: center;
  }

  .section_view_question .section__tel {
    margin-top: 32px;
    grid-column: 1/-1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_question .section__button {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_question .section__img {
    position: relative;
    grid-column: 1/-1;
    margin-top: 32px;
    width: unset;
    height: unset;
    max-width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_question .section__img picture {
    max-width: 328px;
  }

  .section_view_news .section__item {
    grid-column: span 6;
  }

  .section_view_body .section__left {
    display: none;
  }

  .section_view_body .section__body {
    margin-left: unset;
    grid-column: span 12;
  }

  .section_view_body .section__body .body__header {
    font-size: 26px;
  }

  .section_view_body .section__body .body__refund .refund__form .form__body,
  .section_view_body .section__body .body__refund .refund__form .form__second {
    grid-template-columns: unset;
  }

  .section_view_body .section__body .body__refund.refund_table .refund__add {
    display: none;
  }

  .footer__catalog {
    grid-column: span 12 !important;
  }

  .footer__menu {
    grid-column: span 6 !important;
  }

  .footer__contacts {
    grid-column: span 6 !important;
  }

  .footer__partners {
    grid-column: span 12 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px;
  }

  .footer__base-1 {
    gap: 32px;
  }

  .footer__base-1>div {
    grid-column: span 6;
  }

  .footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .footer__offert {
    max-width: 440px;
  }
}


@media (max-width: 900px) {
  body {
    padding-bottom: 60px;
  }

  .header {
    padding-top: 10px;
    font-size: 16px;
    padding-bottom: 10px;
  }

  .header::before {
    display: none;
  }

  .header .layout {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .header__slogan {
    display: none;
  }

  .header__tel {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto;
    gap: 10px;
  }

  .header__tel .icon:last-child {
    width: 24px;
    height: 26px;
  }

  #head_ws {
    margin-left: 3px;
  }

  .header__tel span:nth-child(2) {
    display: none;
  }

  .header__mail {
    display: none;
  }

  .header__sandwich {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-left: unset;
    width: unset;
    margin-left: 15px;
  }

  .header__sandwich .sandwich {
    width: 32px;
    height: 32px;
    padding: 10px 8px;
  }

  .header__sandwich .sandwich::before {
    content: none;
  }

  .header__sandwich .sandwich>span:nth-child(1) {
    width: 13px;
  }

  .header__sandwich .sandwich>span:nth-child(3) {
    width: 11px;
  }

  .header__logo {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: unset;
  }

  .header__logo svg {
    width: 130px;
    height: 33px;
  }

  .header__catalog {
    display: none;
  }

  .header__search {
    margin-right: unset;
    width: 32px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 16px;
  }

  .header__search form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header__search form button {
    width: 100%;
    padding: 0;
    background-color: transparent;
    pointer-events: none;
  }

  .header__search #searcMidRes {
    top: 118px;
    display: none;
  }

  .header__search.search_open {
    position: fixed;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 118px;
    margin: 0;
    background-color: var(--color-white);
    padding: 0 var(--page-gap);
  }

  .header__search.search_open #searcMidRes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 118px;
  }

  .header__search.search_open .search__header,
  .header__search.search_open .search__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
  }

  .header__search.search_open .search__icon {
    display: none;
  }

  .header__search.search_open .search__close {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }

  .header__search.search_open .search__close .icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    cursor: pointer;
  }

  .header__search.search_open .search__close .icon svg {
    width: 12px;
    height: 12px;
  }

  .header__search.search_open .search__close .icon:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .header__search.search_open input {
    display: block;
    width: 100%;
  }

  .header__search.search_open::before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    position: fixed;
    top: 118px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.3);
  }

  .header__search input {
    display: none;
  }

  .header__search .search__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__lk {
    display: none;
  }

  .header__cart {
    display: none;
  }

  .header__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 20;
    bottom: 0;
    height: 60px;
    background-color: #fff;
    -webkit-box-shadow: 0px -3px 13px 0px rgba(41, 60, 108, 0.15);
    box-shadow: 0px -3px 13px 0px rgba(41, 60, 108, 0.15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .header__mobile a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 67px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
  }

  .header__mobile .mobile__item-cart {
    position: relative;
  }

  .header__mobile .mobile__item-cart-num {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 19px;
    height: 19px;
    top: 3px;
    right: 8px;
    background-color: var(--color-gold);
    color: var(--text-color-inverse);
    border-radius: 50%;
    font-size: 9px;
    border: 1px solid #fff;
  }

  .header__mobile .icon {
    width: 20px;
    height: 20px;
  }

  .header.header_catalog-open .header__search {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 20px;
    background-color: #fff;
    height: 132px;
    margin: unset;
    z-index: 19;
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
    /* width: 100%; */
    left: 0;
    right: 0;
    top: 0px;
    padding-top: 32px;
    gap: 32px;
  }

  .header.header_catalog-open .header__search .search__icon {
    display: none;
  }

  .header.header_catalog-open .header__search .search__header-mobile {
    font-size: 18px;
    display: block;
  }

  .header.header_catalog-open .header__search input {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
  }

  .header.header_catalog-open .header__catalog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }


  .header.header_catalog-open .header__catalog .catalog__menu-list {
    height: unset;
  }

  .header.header_catalog-open .header__catalog .catalog__menu-list li {
    min-width: unset;
  }

  .header.header_catalog-open .header__close {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 200;
  }

  .header.header_contacts-open .header__close {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 200;
  }

  .button-up {
    left: 0;
    width: 60px;
    height: 60px;
  }

  .button-up_show {
    bottom: 0;
    opacity: 1;
  }
}

@media (max-width: 829px) {
  .section_view_second .section__list {
    grid-area: 2/1/6/13;
  }

  .section_view_second .section__list2 {
    grid-area: 8/1/6/13;
  }
}

@media (max-width: 768px) {
  :root {
    --page-gap: 24px;
  }

  .select-dropdown>select {
    font-size: 12px;
  }

  .tabs .tabs__item {
    max-width: 50%;
    font-size: 14px;
  }

  .modal_cart .modal__relative .relative__item {
    min-width: 50%;
    width: 50%;
  }

  .modal_add .modal__inner {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .modal_add .modal__item .item__price {
    font-size: 14px;
  }

  .modal_add .modal__item .item__text {
    font-size: 10px;
  }

  .modal_rez .modal__top,
  .modal_rez2 .modal__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .modal_rez .modal__body,
  .modal_rez2 .modal__body {
    margin-top: unset;
  }

  .modal_rez .modal__select,
  .modal_rez2 .modal__select {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 24px;
  }

  .modal_rez .modal__select .select-dropdown,
  .modal_rez2 .modal__select .select-dropdown {
    width: 100%;
    max-width: unset;
  }

  .modal_rez .modal__char,
  .modal_rez2 .modal__char {
    max-width: unset;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .modal_rez .modal__item,
  .modal_rez2 .modal__item {
    top: 0px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    left: unset;
    right: unset;
    position: relative;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .modal_rez .modal__item .item__img,
  .modal_rez2 .modal__item .item__img {
    position: relative;
    width: 100%;
    max-width: unset;
  }

  .modal_rez .modal__item .item__img picture img,
  .modal_rez2 .modal__item .item__img picture img {
    width: 100%;
    height: 100%;
    min-width: unset;
    min-height: unset;
  }

  .modal_rez .modal__selects,
  .modal_rez2 .modal__selects {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .modal_rez .modal__add button,
  .modal_rez2 .modal__add button {
    width: 100%;
  }

  .modal_rez .modal__visual .visual__body,
  .modal_rez2 .modal__visual .visual__body {
    padding: var(--page-gap);
  }

  .modal_rez .modal__visual .visual__line,
  .modal_rez2 .modal__visual .visual__line {
    margin-bottom: 12px;
  }

  .modal_rez .modal__visual .visual__ruller,
  .modal_rez2 .modal__visual .visual__ruller {
    height: 20px;
  }

  .modal_rez .modal__visual .visual__ruller span,
  .modal_rez2 .modal__visual .visual__ruller span {
    font-size: 12px;
    line-height: 12px;
  }

  .modal_rez .modal__options,
  .modal_rez2 .modal__options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }

  .modal_lk .modal__menu a {
    font-size: 14px;
  }

  .modal_lk .modal__balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .modal_lk .modal__balance .balance__header {
    text-align: center;
  }

  .modal_lk .modal__balance .balance__val,
  .modal_lk .modal__balance .balance__debt {
    margin-left: unset;
  }

  .modal_lk .modal__balance .balance__debt-date {
    margin-left: unset;
  }

  .modal_lk .modal__manager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .modal_lk .modal__manager .manager__photo {
    width: 90px;
    height: 90px;
  }

  .modal_lk .modal__manager .manager__fio {
    text-align: center;
  }

  .modal_lk .modal__manager .manager__fio-val {
    font-size: 18px;
  }

  .modal_lk .modal__manager .manager__contacts {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .modal_lk .modal__manager .manager__contacts a {
    text-align: center;
  }

  .modal_lk .modal__manager .manager__contacts a:first-child {
    width: 100%;
  }

  .header__catalog .catalog__menu-list-tabs>div li a.arrow span:nth-child(2) {
    line-height: 120% !important;
    padding: 18px 0 !important;
    padding-right: 20px;
    max-width: 75%;
  }

  .section_view_first .section__header {
    font-size: 30px;
  }

  .section_view_first .section__img {
    margin-right: -30px;
  }

  .section_view_easy .section__items {
    row-gap: 20px;
  }

  .section_view_easy .section__item {
    grid-column: span 6;
  }

  .section_view_contacts .section__header {
    grid-area: 1/1/2/13;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 27px;
  }

  .section_view_contacts .section__contacts {
    grid-area: 2/1/3/13;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_contacts .section__contacts-phone {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_contacts .section__contacts-phone .phone-wa {
    width: 24px;
    height: 24px;
  }

  .section_view_contacts .section__contacts-phone .phone-wa svg {
    width: 16px;
    height: 16px;
  }

  .section_view_contacts .section__contacts-email {
    margin-left: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    gap: unset;
  }

  .section_view_contacts .section__adress {
    grid-area: 3/1/4/13;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 19px;
  }

  .section_view_contacts .section__adress-header {
    margin-bottom: 4px;
  }

  .section_view_contacts .section__adress-way {
    display: none;
  }

  .section_view_contacts .section__button {
    grid-area: 4/1/5/13;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px;
  }

  .section_view_contacts .section__button a {
    width: 100%;
  }

  .section_view_contacts .section__form {
    grid-area: 5/1/6/13;
    padding-left: unset;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_franchise {
    padding-top: 50px;
    padding-bottom: unset;
  }

  .section_view_franchise .section__header {
    grid-column: 1/-1;
    padding-bottom: 17px;
    text-align: center;
  }

  .section_view_franchise .section__royaltie {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 22px;
  }

  .section_view_franchise .section__royaltie .royaltie__icon {
    width: 99px;
    height: 20px;
    font-size: 12px;
  }

  .section_view_franchise .section__royaltie .royaltie__icon .icon {
    width: 10px;
    height: 10px;
  }

  .section_view_franchise .section__royaltie .royaltie__icon .icon svg {
    min-width: unset;
    min-height: unset;
  }

  .section_view_franchise .section__caption {
    padding-top: 24px;
    grid-column: 1/-1;
    font-size: 20px;
    text-align: center;
  }

  .section_view_franchise .section__button {
    padding-top: 24px;
    grid-column: 1/-1;
  }

  .section_view_franchise .section__button button {
    width: 100%;
    height: 48px;
  }

  .section_view_franchise .section__img {
    position: relative;
    grid-column: 1/-1;
    width: 100%;
    left: unset;
    top: unset;
    width: 100vw;
    margin: 48px calc(-1 * var(--page-gap)) 0;
    height: 288px;
  }

  .section_view_effective .section__header {
    grid-column: 1/-1;
    line-height: 110%;
    padding-bottom: 30px;
  }

  .section_view_effective .section__list {
    grid-column: 1/-1;
  }

  .section_view_effective .section__list2 {
    grid-column: 1/-1;
  }

  .section_view_flag {
    height: unset;
    padding-bottom: unset;
  }

  .section_view_flag .section__flag {
    grid-column: 1/-1;
    grid-row: 3/4;
    position: relative;
    left: unset;
    max-width: unset;
    height: 273px;
    margin-top: 15px;
  }

  .section_view_flag .section__flag img {
    min-width: unset;
    min-height: unset;
    height: 100%;
  }

  .section_view_flag .section__header {
    grid-column: 1/-1;
    grid-row: 1/2;
  }

  .section_view_flag .section__text {
    grid-column: 1/-1;
    grid-row: 2/3;
  }

  .section_view_question .section__body {
    margin: 0 calc(-1 * var(--page-gap));
    padding-left: var(--page-gap);
    padding-right: var(--page-gap);
  }

  .section_view_question .section__img img {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .section_view_news .section__items {
    -webkit-column-gap: var(--grid-column-gap);
    -moz-column-gap: var(--grid-column-gap);
    column-gap: var(--grid-column-gap);
  }

  .section_view_body .section__body .body__filters {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px;
    gap: 15px;
  }

  .section_view_body .section__body .body__filters .filter_sort {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    justify-content: space-between;
  }

  .section_view_body .section__body .body__filters .filter_sort>span {
    display: block;
  }

  .section_view_body .section__body .body__filters .filter_sort .select-dropdown {
    width: 100%;
    max-width: none;
    flex: 1;
  }

  .section_view_body .section__body .body__filters .filter_dropdown {
    font-size: 12px;
  }

  .section_view_body .section__body .body__filters .filter_size {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .section_view_body .section__body .body__filters .filter_view {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
  }

  .section_view_body .section__body .body__filters .filter_update {
    order: 3;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
  }

  .section_view_body .section__body .body__box.box_card .box__item {
    grid-column: span 12;
  }

  .section_view_body .section__body .body__product .product__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_body .section__body .body__product .product__card .card__img {
    width: 100%;
  }

  .section_view_body .section__body .body__product .product__card .card__char {
    overflow-x: scroll;
  }

  .section_view_body .section__body .body__product .product__card .card__char>div {
    min-width: 100px;
    flex-direction: row;
  }

  .card__char {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background-color: #f8f9fa;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    margin: 0px;
    padding: 5px;
  }

  .char__item {
    grid-template-columns: 1fr;
    /* Одна колонка на мобильных устройствах */
    padding: 10px 0;
    /* Уменьшаем отступы */
    text-align: center;
    /* Центрируем текст на мобильных устройствах */
  }

  .char__label,
  .char__value {
    font-size: 1.1em;
    /* Немного увеличиваем шрифт для мобильных устройств */
  }

  .section_view_body .section__body .body__product .product__card .card__inputs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section_view_body .section__body .body__product .product__card .card__inputs input {
    width: 100%;
    width: 157px;
  }

  .section_view_body .section__body .body__product .product__card .card__inputs>div {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .section_view_body .section__body .body__order .order__form .form__tin {
    width: unset;
  }

  .section_view_body .section__body .body__refund .refund__form .form__footer button {
    width: 100%;
  }

  .section_view_body .section__body .body__refund .refund__form .form__agree {
    text-align: center;
  }
}

@media (max-width: 743px) {

  .text-header2,
  h2 {
    font-size: 22px;
  }

  summary {
    font-size: 22px;
  }
}

@media (max-width: 666px) {
  .section_view_body .section__body .body__filters {
    row-gap: 24px;
  }

  .section_view_body .section__body .body__filters .filter_sort {
    width: unset;
  }

  .section_view_body .section__body .body__filters .filter_view {
    width: unset;
    margin-left: auto;
  }

  .section_view_body .section__body .body__filters .filter_view a {
    width: 32px;
    height: 32px;
  }

  .section_view_body .section__body .body__filters .filter_update {
    position: relative;
    right: unset;
    width: 100%;
    line-height: unset;
  }
}

@media (max-width: 576px) {
  :root {
    --page-max-width: calc(100% - var(--page-gap) * 2);
    --page-gap: 16px;
  }

  a.arrow {
    line-height: 42px;
  }

  button,
  .button {
    width: 100%;
    height: 48px;
  }

  p {
    padding-bottom: 0;
    margin-bottom: 24px;
  }

  ul.check-list li {
    padding-left: 41px;
    line-height: 150%;
    margin-bottom: 25px;
  }

  .table>table thead,
  .table thead,
  .base-table thead {
    font-size: 12px;
  }

  .input-box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .swiper-pagination {
    gap: 12px;
    padding-top: 24px;
  }

  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .tabs .tabs__header {
    overflow: auto;
  }

  .tabs .tabs__item {
    text-align: center;
    white-space: inherit;
    max-width: unset;
  }

  :root {
    --font-size: 14px;
  }

  .modal_cart .modal__header {
    margin-top: 10px;
    font-size: 18px;
  }

  .modal_cart .modal__timer {
    font-size: 18px;
  }

  .modal_cart .modal__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }

  .modal_cart .modal__buttons button {
    width: 100%;
  }

  .modal_cart .modal__relative .relative__item {
    min-width: 100%;
    width: 100%;
  }

  .modal_item .modal__inner,
  .modal_edit .modal__inner {
    width: 100%;
  }

  .modal_item .modal__inputs,
  .modal_edit .modal__inputs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .modal_item .modal__inputs>*,
  .modal_edit .modal__inputs>* {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .modal_item .modal__footer,
  .modal_edit .modal__footer {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
  }

  .modal_item .modal__sum span,
  .modal_edit .modal__sum span {
    font-size: 20px;
  }

  .modal_rez .modal__options>*,
  .modal_rez2 .modal__options>* {
    width: 100%;
  }

  .modal_rez .modal__sum,
  .modal_rez2 .modal__sum {
    font-size: 20px;
  }

  .modal_contacts .modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    font-size: 18px;
  }

  .modal_contacts .modal__line>*:nth-child(1) {
    font-size: 14px;
  }

  .modal_contacts .modal__line>*:nth-child(2) {
    font-size: 20px;
  }

  .modal_lk .modal__header {
    margin-top: 10px;
    font-size: 18px;
  }

  .header__catalog .catalog__menu-list-tabs>div li a.arrow span:nth-child(2) {
    font-size: 80%;
  }

  .header__menu {
    width: 100%;
  }

  .section_view_breadcrumbs {
    padding-top: 14px;
    padding-bottom: 5px;
  }

  .section_view_breadcrumbs .section__items>* {
    font-size: 11px;
    display: flex !important;
  }

  .section_view_breadcrumbs .section__items>*:not(:last-child)::after {
    position: relative;
    right: auto;
    left: auto;
    transform: none;
    margin-left: 5px;
  }


  .section_view_first {
    padding-top: 28px;
    padding-bottom: unset;
  }

  .section_view_first .section__slider .slider__slide {
    padding-top: 0px;
  }

  .section_view_first .section__header {
    grid-column: 1/-1;
    font-size: 26px;
  }

  .section_view_first .section__links {
    margin-top: 14px;
    padding-bottom: 22px;
  }

  .section_view_first .section__links ul {
    gap: 0px;
  }

  .section_view_first .section__links {
    grid-column: 1/-1;
  }

  .section_view_first .section__img {
    position: relative;
    grid-column: 1/-1;
    margin: unset;
    top: unset;
    height: 272px;
    margin-top: auto;
  }

  .section_view_first .section__img picture {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_first .section__new {
    padding: 30px 16px;
  }

  .section_view_first .section__new .new__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    margin-bottom: 32px;
  }

  .section_view_first .section__new .new__item {
    width: 290px;
    height: 276px;
  }

  .section_view_first .section__new .new__img {
    height: 160px;
    padding: 25px 66px;
  }

  .section_view_first .section__new .new__img img {
    max-width: 100%;
    max-height: 100%;
  }

  .section_view_first .section__new .new__category {
    display: none;
  }

  .section_view_first .section__new .new__name {
    padding-bottom: 8px;
  }

  .section_view_first .section__new .new__price {
    font-size: 20px;
  }

  .section_view_first .section__tabs {
    height: 57px;
  }

  .section_view_first .section__tabs .swiper-button-prev svg,
  .section_view_first .section__tabs .swiper-button-next svg {
    width: 14px;
    height: 14px;
  }

  .section_view_second {
    margin-top: 45px;
  }

  .section_view_second .section__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 0;
    margin-bottom: 19px;
  }

  .section_view_second .section__update {
    font-size: 12px;
    margin-top: -3px;
    margin-bottom: unset;
  }

  .section_view_second .section__item {
    min-height: unset;
    height: 162px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .section_view_second .section__item .item__img {
    height: 100px;
    padding: 14px;
    padding-top: 18px;
  }

  .section_view_second .section__item .item__img img {
    width: 100%;
    height: 100%;
  }

  .section_view_second .section__item .item__name {
    height: unset;
    font-size: 14px;
    line-height: 120%;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 17px;
  }

  .section_view_second .section__calculator {
    margin-top: 48px;
    grid-column: span 12;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 20px 30px 20px;
  }

  .section_view_second .section__calculator .calculator__header {
    margin-top: 4px;
  }

  .section_view_second .section__calculator .calculator__button {
    margin-top: 26px;
  }

  .section_view_services {
    padding-top: 30px;
  }

  .section_view_services .section__caption {
    line-height: 156%;
    font-size: 16px;
    padding-top: 0px;
    margin-top: -7px;
  }

  .section_view_services .section__button {
    margin-top: -31px;
  }

  .section_view_services .section__list {
    margin-top: 18px;
  }

  .section_view_services .section__list a {
    height: 57px;
    font-size: 14px;
    gap: 20px;
  }

  .section_view_services .section__list a .icon {
    width: 22px;
    height: 22px;
  }

  .section_view_easy {
    --easy-header-height: 89px;
    margin-top: 54px;
  }

  .section_view_easy .section__header {
    grid-column: 1/-1;
    margin-top: unset;
    position: relative;
    padding-left: unset;
  }

  .section_view_easy .section__items {
    margin-top: 26px;
    padding-bottom: 8px;
    row-gap: unset;
  }

  .section_view_easy .section__item {
    grid-column: span 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
  }

  .section_view_easy .section__item .item__icon {
    margin-bottom: unset;
    width: 30px;
    height: 30px;
  }

  .section_view_easy .section__item .item__header {
    font-size: 16px;
    line-height: 130%;
  }

  .section_view_partners .section__header {
    margin-top: 31px;
    margin-bottom: 25px;
  }

  .section_view_partners .section__items {
    padding-bottom: 29px;
  }

  .section_view_partners .section__items .partners__item {
    width: 50%;
    height: 100px;
    padding: 25px;
  }

  .section_view_partners .section__items .partners__item:not(:last-child) {
    border-bottom: 1px solid var(--color-light-blue);
  }

  .section_view_partners .section__items .partners__item:last-child {
    width: 100%;
  }

  .section_view_partners .section__items .partners__item img {
    width: unset;
    height: unset;
    max-width: unset;
    max-height: 100%;
  }

  .section_view_photogallery {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .section_view_photogallery_second {
    padding-top: 50px;
  }

  .section_view_photogallery .section__header {
    padding-bottom: 32px;
  }

  .section_view_photogallery .section__controll {
    grid-column: 9/13;
  }

  .section_view_photogallery .section__controll-left,
  .section_view_photogallery .section__controll-right {
    width: 36px;
    height: 36px;
  }

  .section_view_photogallery .section__controll-left svg,
  .section_view_photogallery .section__controll-right svg {
    width: 20px;
    height: 20px;
  }

  .section_view_photogallery .section__photos .photos__item {
    min-width: unset;
    width: 288px;
  }

  .section_view_photogallery .section__photos .photos__item picture {
    width: unset;
    max-width: unset;
  }

  .section_view_photogallery .section__photos .photos__pag {
    margin-top: 16px;
  }

  .section_view_contacts {
    padding-bottom: 48px;
  }

  .section_view_contacts .section__contacts-phone {
    font-size: 20px;
  }

  .section_view_contacts .section__form .form__header {
    font-size: 26px;
    margin-top: 62px;
    margin-bottom: 28px;
  }

  .section_view_contacts .section__form form .form__first input {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }

  .section_view_contacts .section__form form .form__message {
    margin-top: -10px;
  }

  .section_view_contacts .section__form form .form__button button {
    width: 100%;
    margin-top: -2px;
    height: 48px;
  }

  .section_view_map {
    background-color: var(--color-blue);
    padding-bottom: 48px;
  }

  .section_view_map .section__map {
    width: 100%;
    height: 365px;
    margin: unset;
  }

  .section_view_advantages {
    padding-top: 50px;
  }

  .section_view_advantages .section__items {
    padding-top: 30px;
    row-gap: 20px;
    padding-bottom: 45px;
  }

  .section_view_advantages .section__item {
    grid-column: 1/-1;
  }

  .section_view_advantages .section__item .item__icon {
    width: 32px;
    height: 32px;
  }

  .section_view_advantages .section__item .item__header {
    margin-top: 17px;
  }

  .section_view_advantages .section__item .item__text {
    margin-top: 5px;
  }

  .section_view_advantages_inverse {
    padding-top: 41px;
  }

  .section_view_advantages_inverse .section__items {
    padding-top: 0px;
    padding-bottom: 32px;
    row-gap: 24px;
    padding-bottom: 12px;
  }

  .section_view_advantages_inverse .section__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .section_view_advantages_inverse .section__item .item__header {
    margin-top: unset;
    font-size: 16px;
  }

  .section_view_effective {
    padding-top: 50px;
    padding-bottom: 45px;
  }

  .section_view_effective .section__list {
    font-size: 16px;
  }

  .section_view_effective .section__list2 ul li {
    gap: 19px;
    font-size: 14px;
    line-height: 130%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .section_view_effective .section__list2 ul li .icon {
    width: 22px;
    height: 22px;
  }

  .section_view_flag {
    padding-top: 33px;
  }

  .section_view_body .section__body .body__order .order__weight {
    margin-top: 80px;
  }

  .section_view_flag .section__header {
    line-height: 110%;
  }

  .section_view_flag .section__text p {
    margin-bottom: 16px;
  }

  .section_view_flag .section__text {
    font-size: 16px;
    margin-top: 16px;
  }

  .section_view_digits {
    padding-bottom: 45px;
  }

  .section_view_digits .section__item {
    grid-column: 1/-1;
    padding: 50px 55px 0px;
    border-right: unset;
  }

  .section_view_digits .section__item:first-child:first-child {
    margin-top: 10px;
    border-left: unset;
  }

  .section_view_digits .section__item .item__digit {
    margin-bottom: 26px;
  }

  .section_view_uniq {
    padding-bottom: 40px;
    padding-top: 0px;
  }

  .section_view_uniq .section__header {
    margin-top: 0px;
    text-align: left;
  }

  .section_view_uniq .section__arrow {
    grid-column: 1/-1;
  }

  .section_view_uniq .section__block {
    grid-column: 1/-1;
  }

  .section_view_uniq .section__block-header {
    font-size: 20px;
  }

  .section_view_uniq .section__block-text {
    font-size: 16px;
    margin-top: 13px;
    line-height: 150%;
  }

  .section_view_ready {
    padding-top: 50px;
    padding-bottom: 47px;
  }

  .section_view_ready .section__header {
    grid-column: 1/-1;
  }

  .section_view_ready .section__body {
    margin-top: 33px;
    padding: 24px 15px;
  }

  .section_view_ready .section__subheader,
  .section_view_ready .section__text {
    padding-bottom: unset;
  }

  .section_view_ready .section__subheader {
    grid-column: 1/-1;
    padding-bottom: 22px;
  }

  .section_view_ready .section__text {
    padding-right: unset;
    font-size: 16px;
  }

  .section_view_ready .section__items {
    row-gap: 24px;
    padding-top: 32px;
    row-gap: 25px;
  }

  .section_view_ready .section__item {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    font-size: 16px;
    line-height: 130%;
  }

  .section_view_ready .section__item .item__icon svg {
    width: 32px;
    height: 32px;
  }

  .section_view_ready .section__item .item__text {
    margin-top: 0px;
  }

  .section_view_poll {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section_view_poll .section__header {
    grid-column: 1/-1;
    text-align: left;
  }

  .section_view_poll .section__body {
    height: 357px;
    margin-top: 30px;
  }

  .section_view_question {
    background-color: var(--color-blue);
    padding-bottom: 0px;
  }

  .section_view_question .section__body {
    padding: 32px var(--page-gap);
  }

  .section_view_question .section__caption {
    font-size: 16px;
    margin-top: 12px;
  }

  .section_view_question .section__tel {
    font-size: 26px;
    margin-top: 25px;
  }

  .section_view_question .section__tel .icon svg {
    width: 20px;
    height: 20px;
  }

  .section_view_question .section__button {
    margin-top: 36px;
  }

  .section_view_question .section__button button {
    height: 48px;
    width: 100%;
  }

  .section_view_question .section__img {
    width: 100%;
    height: 322px;
  }

  .section_view_news .section__item {
    grid-column: span 12;
  }

  .section_view_body {
    padding-bottom: 32px;
  }

  .section_view_body .section__body .body__filters .filter_dropdown-header:has(.filter_dropdown-header-mobile) span:nth-child(1) {
    display: none;
  }

  .section_view_body .section__body .body__filters .filter_dropdown-header:has(.filter_dropdown-header-mobile) span:nth-child(2) {
    display: block;
  }

  .section_view_body .section__body .body__filters .filter_size {
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
    overflow: auto;
  }

  .section_view_body .section__body .body__filters .filter_size a {
    font-size: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  /* 
  .section_view_body .section__body .body__box.box_list .box__body table {
    min-width: 395px;
  } */
  .section__img {
    display: none;
  }

  .section_view_body .section__body .body__box.box_list .box__body table thead tr th:nth-child(1) {
    text-align: left;
  }

  .section_view_body .section__body .body__box.box_list .box__body table thead tr th .price button {
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .section_view_body .section__body .body__box.box_list .box__body table thead tr th:nth-child(2),
  .section_view_body .section__body .body__box.box_list .box__body table thead tr th:nth-child(3) {
    display: none;
  }

  .section_view_body .section__body .body__box.box_list .box__body table tbody tr td {
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0px;
    width: 0%;
  }

  .section_view_body .section__body .body__box.box_list .box__body table tbody tr td:nth-child(1) a span {
    display: inline;
    border-bottom: 1px solid;
  }

  .section_view_body .section__body .body__box.box_list .box__body table tbody tr td:nth-child(1) a span::before,
  .section_view_body .section__body .body__box.box_list .box__body table tbody tr td:nth-child(1) a span::after {
    content: unset;
  }

  .section_view_body .section__body .body__box.box_list .box__body table tbody tr td:nth-child(2),
  .section_view_body .section__body .body__box.box_list .box__body table tbody tr td:nth-child(3) {
    display: none;
  }

  .section_view_body .section__body .body__box.box_list .box__body table tbody tr td .price-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section_view_body .section__body .body__box.box_list .box__body table tr td:nth-child(1) {
    width: 75%;
  }

  .section_view_body .section__body .body__box.box_card .box__items {
    row-gap: 24px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__name {
    font-size: 16px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__min {
    font-size: 14px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__char {
    font-size: 14px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__price {
    font-size: 14px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__sum-value {
    font-size: 20px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__button button {
    height: 48px;
  }

  .section_view_body .section__body .body__box.box_card .box__item .item__aval {
    font-size: 14px;
  }

  .section_view_body .section__body .body__lk .lk__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }

  .section_view_body .section__body .body__lk .lk__history .history__buttons {
    gap: 24px;
    margin-bottom: 24px;
  }

  .section_view_body .section__body .body__docs .docs__table table {
    min-width: 705px;
  }

  .section_view_body .section__body .body__docs .docs__table table tr td:last-child {
    white-space: nowrap;
  }

  .section_view_body .section__body .body__notifications .notifications__body {
    margin-top: 32px;
  }

  .section_view_body .section__body .body__notifications .notifications__body input {
    width: 100%;
  }

  .section_view_body .section__body .body__notifications .notifications__buttons {
    margin-top: 32px;
  }

  .section_view_body .section__body .body__notifications .notifications__buttons button {
    width: 100%;
  }

  .section_view_body .section__body .body__order .order__sum {
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 24px;
    margin-top: 15px;
  }

  .section_view_body .section__body .body__order .order__form {
    margin-top: 24px;
  }

  .section_view_body .section__body .body__order .order__form form {
    row-gap: 20px;
  }

  .section_view_body .section__body .body__order .order__form .form__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .section_view_body .section__body .body__order .order__form .form__submit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }

  .section_view_body .section__body .body__reg .reg__form form button {
    width: 100%;
  }

  .section_view_body .section__body .body__reg .reg__form .form__form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
  }

  .section_view_body .section__body .body__refund .refund__form .form__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .section_view_body .section__body .body__login .login__form form {
    gap: 20px;
  }

  .section_view_body .section__body .body__login .login__form .form__login-pswrd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .section_view_body .section__body .body__login .login__form .form__button {
    margin-top: 0px;
  }

  .section_view_body .section__body .body__login .login__form .form__button button {
    width: 100%;
  }

  .section_view_body .section__body .body__login .login__links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section_view_body .section__body .body__calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_body .section__body .body__calc .calc__icons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section_view_body .section__body .body__calc .calc__search .form__search {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .section_view_body .section__body .body__calc .calc__search .form__button {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
  }

  .section_view_body .section__body .body__calc .calc__search .form__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 32px;
  }

  .section_view_body .section__body .body__calc .calc__search .form__body>div {
    width: 100%;
  }

  .right-calendar-block .bottom {
    height: 150px;
  }

  .page-order-delivery .right-calendar-block .bottom {
    height: 70px;
    /* этот стиль применяется только на странице /goods/order/delievery */
  }

  .section_view_body .section__body .body__calc .calc__search .form__car-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 155px;
    border-bottom: 1px solid var(--color-light-blue);
    font-size: 14px;
  }

  .section_view_body .section__body .body__calc .calc__search .form__car-type.mobile {
    height: 170px;
  }

  #btnback {
    /* width:381px; */
  }

  .section_view_body .section__body .body__calc .calc__search .form__car-type>div {
    width: 50%;
  }

  .section_view_body .section__body .body__calc .calc__search .form__map {
    margin-top: 4px;
    height: 360px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .footer {
    padding-top: 24px;
  }

  .footer__block .block:first-child .block__list {
    height: 300px;
  }

  .footer__block .block {
    grid-column: span 12;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer__block .block__name {
    font-size: 20px;
    margin-bottom: 22px;
  }

  .footer__block .block__list {
    text-align: left;
  }

  .footer__block .block__list li {
    margin-bottom: 12px;
  }

  .footer__block .block__contacts .contact__tel {
    font-size: 20px;
  }

  .footer__block .block__contacts .contact__wa .icon {
    height: 28px;
    width: 28px;
  }

  .footer__block .block__contacts .contact__tg .icon {
    height: 28px;
    width: 28px;
  }

  .footer__block .block__contacts .contact__vk .icon {
    height: 28px;
    width: 28px;
  }

  .footer__block .block__contacts .contact__mail {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer__block .block__contacts2 .contact__all {
    width: 100%;
    margin-bottom: 48px;
  }

  .footer__block .block__contacts2 .contact__all a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--color-gold);
    width: 100%;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer__block .block__contacts2 .contact__all a::after {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 8px;
    height: 14px;
    position: relative;
    background-color: var(--color-gold);
    -webkit-clip-path: var(--arrow);
    clip-path: var(--arrow);
    margin-left: 18px;
    margin-top: 4px;
  }

  .footer__block .block__contacts2 .contact__all a span::after,
  .footer__block .block__contacts2 .contact__all a span::before {
    content: none;
  }

  .footer__block .block:first-child {
    grid-column: span 12;
  }

  .footer__catalog {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }

  .footer__catalog .block__list {
    height: 344px;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
  }

  .footer__catalog .block__list li a {
    white-space: nowrap;
    font-size: 14px;
  }

  .footer__catalog .block__list li a hide {
    position: absolute;
    color: var(--text-color-inverse);
  }

  .footer__catalog .block__list li a hide::before {
    content: ".";
    color: var(--text-color-def);
    position: absolute;
  }

  .footer__catalog {
    grid-area: 2/1/3/13;
  }

  .footer__menu {
    grid-area: 3/1/4/13 !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer__menu .block__list {
    height: 155px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
  }

  .footer__menu .block__list li {
    width: 50%;
  }

  .footer__menu .block__list li a {
    white-space: nowrap;
    font-size: 14px;
  }

  .footer__menu {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
    margin-top: 20px;
  }

  .footer__contacts {
    grid-area: 1/1/2/13 !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer__base {
    padding-top: 31px;
  }

  .footer__base-1 {
    gap: unset;
    border-bottom: unset;
    padding-bottom: unset;
  }

  .footer__base-1>div {
    grid-column: span 12;
  }

  .footer__base-2 {
    padding-top: 19px;
    font-size: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer__base-2>div {
    width: 100%;
    text-align: center;
  }

  .footer__base-2>div:first-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .footer__base-2>div:last-child {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .footer__logo {
    grid-row: 1/2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 39px;
  }

  .footer__links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 27px;
    font-size: 14px;
    line-height: 140%;
  }

  .footer__lk {
    grid-row: 2/3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 26px;
  }

  .footer__lk a {
    font-size: 14px;
  }

  .footer__developer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px;
    padding-top: 27px;
    font-size: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .footer__offert {
    max-width: unset;
    margin-top: 19px;
    line-height: 140%;
    padding: 0 0px;
    font-size: 14px;
  }

  .team-member img {
    width: 130px;
  }

  .team-member {
    padding: 10px;
  }

  .team-other {
    flex-wrap: wrap;
  }

  .table {
    min-width: 340px;
  }
}

@media (max-width: 570px) {
  .right-calendar-block {
    width: 308px;
  }

  .innerHolder {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }

  #calendarHolder {
    margin-left: auto;
    margin-right: auto;
  }

  #delbtn {
    margin: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .base-inp-checkbox#policy {
    width: 32px;
  }
}

@media (max-width: 470px) {
  .button-up {
    display: none;
  }

  input[type="checkbox"] {
    width: 48px;
  }

  #checkbox2 {
    width: 29px;
  }

  .base-inp-checkbox#policy {
    width: 48px;
  }
}

@media (max-width: 413px) {
  .section_view_body .section__body .body__filters .filter_sort {
    width: 100%;
  }

  .section_view_body .section__body .body__filters .filter_sort .select-dropdown {
    width: 100%;
  }

  .section_view_body .section__body .body__filters .filter_view {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .section_view_body .section__body .body__filters .filter_update {
    width: 50%;
    white-space: nowrap;
  }
}

@media (max-width: 320px) {
  .modal__inner {
    padding: calc(var(--page-gap) * 2) var(--page-gap);
  }

  .section_view_body .section__body .body__calc .calc__search .form__car-type {
    height: unset;
  }

  .section_view_body .section__body .body__calc .calc__search .form__car-type>div {
    width: 100%;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .header_sticky .header__search input {
    width: 330px;
  }
}

@media (min-width: 901px) and (max-width: 960px) {
  .header_sticky .header__search input {
    width: 270px;
  }
}

@media (min-width: 901px) and (max-width: 1250px) {
  .header_sticky .header__tel a[href*="tel:"] span:not(.icon) {
    display: none;
  }
}

@media (min-width: 901px) and (max-width: 1450px) {
  .header_sticky .header__lk {
    margin-left: 20px;
  }

  .header_sticky .header__cart {
    margin-left: 20px;
  }

  .header_sticky .header__sandwich {
    padding-left: unset;
  }
}

@media (min-width: 901px) and (max-width: 1520px) {
  .header_sticky .header__lk span:first-child {
    display: none;
  }
}

._webp .section_view_news .section__item .item__img {
  background-image: url(/img/no-img.webp);
}

.cke_button_label {
  display: none !important;
}

#cut-service {
  width: 100%;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
}

/* Блок справа (характеристики + все остальные элементы) */
.card__info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* Блок "Выберите количество" и прочее */
.card__choose-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.card__choose-atention {
  display: flex;
  align-items: center;
  color: #f39c12;
  margin-top: 5px;
  font-size: 13px;
}

.card__choose-atention .icon {
  margin-right: 5px;
}

.card__inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.card__inputs>div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.item__price-input {
  display: inline-block;
}

.number-input__input {
  width: 60px;
  padding: 3px;
  text-align: center;
}

/* Сумма итого */
.card__sum {
  font-size: 16px;
  font-weight: bold;
}

/* РљРЅРѕРїРєР° "Р’ РєРѕСЂР·РёРЅСѓ" */
.card__button button.sendb {
  background: #f39c12;
  color: #fff;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  transition: background 0.3s;
}

.card__button button.sendb:hover {
  background: #e67e22;
}

/* Мини-комментарий */
.modal__add-text span {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

/* ------ Адаптивность карточки ------ */
@media (max-width: 992px) {

  /* уменьшаем столбцов при необходимости */
  .card__char {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 600px) {
  .product__card.card {
    flex-direction: column;
    align-items: center;
  }

  .card__char {
    grid-template-columns: repeat(2, 1fr);
  }
}

#cut-service {
  width: 100%;
  margin: 20px auto 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
}

/* Блок справа (характеристики + все остальные элементы) */
.card__info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* Блок "Выберите количество" и прочее */
.card__choose-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.card__choose-atention {
  display: flex;
  align-items: center;
  color: #f39c12;
  margin-top: 5px;
  font-size: 13px;
}

.card__choose-atention .icon {
  margin-right: 5px;
}

.card__inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}

.card__inputs>div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.item__price-input {
  display: inline-block;
}

.number-input__input {
  width: 60px;
  padding: 3px;
  text-align: center;
}

/* Сумма итого */
.card__sum {
  font-size: 16px;
  font-weight: bold;
}

/* РљРЅРѕРїРєР° "Р’ РєРѕСЂР·РёРЅСѓ" */
.card__button button.sendb {
  background: #f39c12;
  color: #fff;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  transition: background 0.3s;
}

.card__button button.sendb:hover {
  background: #e67e22;
}

/* Мини-комментарий */
.modal__add-text span {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

/* ------ Адаптивность карточки ------ */
@media (max-width: 992px) {

  /* уменьшаем столбцов при необходимости */
  .card__char {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 600px) {
  .product__card.card {
    flex-direction: column;
    align-items: center;
  }

  .card__char {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* --- СТИЛИ для "my-calc" (вашего калькулятора) --- */
.my-calc {
  font-family: "Exo2", sans-serif;
  color: #333;
  font-size: 14px;
}

.my-calc * {
  box-sizing: border-box;
}

/* Упрощённая верстка, всё внутри рендерится React-приложением через #root */
.my-calc #root {
  /* стили при необходимости */
}

/* Блок порезки вынесен отдельно */
#cutServiceBlock {
  display: none;
  /* по умолчанию скрыт */
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  margin-top: 20px;
  position: relative;
  font-family: "Exo2", sans-serif;
  max-width: 1000px;
  margin: 20px auto 0;
  /* центрируем аналогично карточке */
}

#cutServiceBlock .block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-weight: bold;
}

#cutServiceBlock .block-header .close-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  line-height: 1;
  color: #666;
}

#cutServiceBlock .block-header .close-btn:hover {
  color: #333;
}



.payment-methods h4 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.payment-options {
  display: flex;
  gap: 15px;
}

.payment-option {
  border: 2px solid #ccc;
  border-radius: 10px;
  padding: 15px 20px;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
  display: flex;
  align-items: center;
  position: relative;
  user-select: none;
}

.payment-option input {
  display: none;
}

.payment-option span {
  font-size: 16px;
  font-weight: 500;
}

.payment-option input:checked+span,
.payment-option input:checked~span {
  color: green;
}

.payment-option input:checked+span::before,
.payment-option input:checked~span::before {
  content: "вњ“";
  color: white;
  background-color: green;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  line-height: 20px;
}

.payment-option input:checked+span,
.payment-option input:checked~span {
  border-color: #e19e3a;
}

.payment-option input:checked~span {
  border-color: #e19e3a;
}

/* --- карта/карточка формы --- */
.fb-card {
  max-width: 730px;
  padding: 32px 28px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
  font: 400 15px/1.4 "Inter", "Segoe UI", Arial, sans-serif;
  color: #1e2a3b;
}

/* --- отдельное поле --- */
.fb-field {
  margin-bottom: 26px;
}

.fb-field label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #2b3341;
}

/* звёздочка обязательности через псевдо-элемент */
.fb-field.required label::before {
  content: "* ";
  color: #ef4444;
  font-weight: 700;
}

/* --- inputs/textarea --- */
.fb-card input[type=text],
.fb-card input[type=tel],
.fb-card input[type=email],
.fb-card textarea {
  width: 100%;
  padding: 13px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 15px;
  transition: border .2s, box-shadow .2s;
}

.fb-card textarea {
  min-height: 160px;
  resize: vertical;
}

.fb-card input:focus,
.fb-card textarea:focus {
  border-color: #d89036;
  box-shadow: 0 0 0 3px rgba(216, 144, 54, .25);
  outline: none;
}

/* --- CAPTCHA блок --- */
.fb-captcha {
  margin-bottom: 26px;
}

.fb-captcha label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.fb-captcha.required label::after {
  content: " *";
  color: #ef4444;
}

.captcha-row {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 12px 0 10px;
}

.fb-captcha input {
  width: 200px;
  padding: 11px 14px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
}

.captcha-refresh {
  display: inline-block;
  font-size: 13px;
  color: #72757e;
  text-decoration: underline;
}

.captcha-refresh:hover {
  color: #d89036;
}

/* --- чекбокс политики --- */
.fb-policy {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 30px;
  font-size: 15px;
}

.fb-policy input {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  appearance: none;
  border: 2px solid #9ca3af;
  border-radius: 4px;
  position: relative;
  margin-top: 3px;
  cursor: pointer;
  transition: border .2s, background .2s;
}

.fb-policy input:checked {
  background: #d89036;
  border-color: #d89036;
}

/*.fb-policy input:checked::after{
        content:"";
        position:absolute;
        left:4px;top:1px;
        width:6px;height:11px;
        border:2px solid #fff;
        border-top:none;border-left:none;
        transform:rotate(45deg);
    }*/
.fb-policy a {
  color: #2662f4;
  text-decoration: underline dotted 1px;
  text-underline-offset: 2px;
}

.fb-policy a:hover {
  color: #d89036;
}

/* --- РєРЅРѕРїРєР° --- */
.fb-actions {
  text-align: right;
}

.fb-actions button {
  min-width: 180px;
  padding: 11px 32px;
  border: 0;
  border-radius: 10px;
  background: #d89036;
  color: #fff;
  font: 600 17px/1 "Inter", sans-serif;
  cursor: pointer;
  transition: background .25s, transform .15s, box-shadow .25s;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
}

.fb-actions button:hover {
  background: #c67f28;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .15);
}

.fb-actions button:active {
  transform: translateY(1px) scale(.98);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
}

.fb-note {
  font-size: 13px;
  color: #6b7280;
  margin-top: 12px;
}

/* --- модальное окно (оставлено прежним) --- */
.privacy-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .5);
  z-index: 9999;
}

.privacy-modal.active {
  display: flex;
}

.privacy-modal__dialog {
  width: min(90vw, 900px);
  max-height: 90vh;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
  position: relative;
  display: flex;
  flex-direction: column;
}

.modal__close {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 26px;
  cursor: pointer;
}

body.modal-opened {
  overflow: hidden;
}

/* --- ВЫРАВНИВАНИЕ ВЫСОТЫ КАЛЕНДАРЯ И БЛОКА ВРЕМЕНИ --- */

/* Делаем общий контейнер гибким, чтобы обе колонки растягивались одинаково */
.innerHolder {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start;
}

/* Когда скрипт показывает правый блок (убирает display: none), 
  мы принудительно делаем его flex-контейнером, 
  чтобы внутренняя часть заняла всё свободное место 
*/
.right-calendar-block:not([style*="display: none"]) {
  display: flex !important;
  flex-direction: column;
  height: auto !important;
  /* Отменяем старый height: fit-content */
}

/* Заставляем контейнер с часами тянуться вниз до конца */
.right-calendar-block .bottom {
  flex: 1 1 auto !important;
  max-height: none !important;
}

/* На мобильных устройствах календарь и время лучше выстраивать друг под другом */
@media (max-width: 570px) {
  .innerHolder {
    flex-direction: column !important;
    align-items: center !important;
  }

  .right-calendar-block {
    width: 100% !important;
    border-radius: 0 0 5px 5px !important;
    border-left: 1px solid rgba(72, 72, 72, 0.2);
  }

  .right-calendar-block .top {
    border-radius: 0 !important;
  }

  .right-calendar-block .bottom {
    min-height: 150px !important;
    /* Возвращаем минимальную высоту для мобилок */
  }
} 
 

/* Fix white space below footer */
body, html {
    padding-bottom: 0 !important;
}

.page__inner {
    padding-bottom: 0 !important;
}

.modals {
    width: 0;
    height: 0;
    pointer-events: none;
    overflow: hidden;
}

.modals > * {
    pointer-events: auto;
}

.footer-modern-white {
    margin-top: auto;
}