@charset "UTF-8";
/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*--------------------*/
a,
button,
input[type=submit],
textarea,
input {
  transition: 0.3s;
}

body {
  background: var(--Element-BG-White, #eeeff0);
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
body.lock {
  overflow: hidden;
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
}
.wrapper .main {
  flex: 1;
}
.wrapper .main.withfixed {
  padding-top: 32px;
}

img {
  -webkit-user-drag: none; /* Safari: не перетаскивать изображение */
}

.lds-dual-ring,
.lds-dual-ring:after {
  box-sizing: border-box;
}

.lds-dual-ring {
  display: inline-block;
  width: 34px; /* общая ширина */
  height: 34px; /* общая высота */
}

.lds-dual-ring:after {
  content: "";
  display: block;
  width: 26px; /* 34 - 2*margin */
  height: 26px; /* 34 - 2*margin */
  margin: 4px; /* чтобы суммарно получилось 34px */
  border-radius: 50%;
  border: 3px solid currentColor; /* толщина кольца под меньший размер */
  border-color: currentColor transparent currentColor transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeInFront {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hidden {
  display: none !important;
}

@media (min-width: 1441px) {
  .copy-mail {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px 4px 6px;
    gap: 8px;
    width: 170px;
    border-radius: 4px;
    background: var(--Buttons-btn-default-blue, #53a0ff);
  }
  .copy-mail__text {
    color: var(--Text-txt-White, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .copy-mail__text:hover {
    background: var(--Buttons-btn-default-blue, #53a0ff);
  }
  .together {
    display: flex;
    gap: 24px !important;
    align-items: center;
  }
  .no-pc {
    display: none !important;
  }
  .container {
    padding: 0 40px;
    max-width: 1440px;
    margin: 0 auto;
  }
  .header.fix {
    position: sticky;
    top: 0;
    left: 0;
    background: var(--Element-BG-White, #eeeff0);
    z-index: 35;
    width: 100%;
    /* Header_shadow */
    box-shadow: inherit;
    transition: 0.3s box-shadow;
  }
  .header.fix.shadow {
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
  }
  .header.in-front {
    opacity: 0;
    animation: fadeInFront 100ms ease-out forwards;
    will-change: opacity;
  }
  .header_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .header_left {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  .header_left .header_logo {
    width: 160px;
  }
  .header_left nav ul {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .header_left nav ul li a {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .header_left nav ul li a:hover {
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .header_left nav ul li a.market {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .header_left nav ul li a.market svg path {
    transition: 0.3s;
  }
  .header_left nav ul li a.market:hover {
    gap: 8px;
  }
  .header_left nav ul li a.market:hover svg path {
    fill: var(--Buttons-btn-primary-default, #ee652f);
  }
  .header_right {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .header_info {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .header_info-front {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header_info a,
  .header_info p {
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 15.6px */
    letter-spacing: -0.13px;
  }
  .header_info a {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .header_info a:hover {
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .header_info p {
    transition: 0.3s;
  }
  .header_info p:hover {
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .header_actions {
    display: flex;
    gap: 8px;
  }
  .header_actions a {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--Buttons-btn-primary-default, #ee652f);
    color: var(--Text-txt-White, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .header_actions a:hover {
    background: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .header_actions .header_openpopup {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--Element-BG-Grey, #d7dbdf);
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    transition: 0.3s;
  }
  .header_actions .header_openpopup:hover {
    background: rgba(51, 51, 51, 0.15);
  }
  .header_navigation {
    display: flex;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    background: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
  }
  .header_navlink {
    flex: 1.63;
    padding: 12px;
    color: var(--Text-txt-Black, #333);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    border-left: 1px solid #e8e8e8;
  }
  .header_navlink:hover {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .header_navlink.active {
    background: rgba(255, 167, 135, 0.1);
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .header_navlink:first-of-type {
    flex: 1;
    border-left: none;
  }
  .action-button {
    padding: 8px 8px 8px 12px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: var(--Buttons-btn-primary-default, #ee652f);
    color: var(--Text-txt-White, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    width: -moz-fit-content;
    width: fit-content;
  }
  .action-button span {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--Text-txt-White, #fff);
  }
  .action-button span img {
    transition: 0.3s;
    transform: rotate(-45deg);
  }
  .action-button:hover {
    background: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .action-button:hover img {
    transform: rotate(0);
  }
  .action-button.white {
    background: var(--Text-txt-White, #fff);
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .action-button.white span {
    background: var(--Buttons-btn-primary-default, #ee652f);
  }
  .action-button.white:hover {
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .action-button.white:hover span {
    background: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .action-button.white b {
    font-weight: 500;
  }
  h2 {
    color: var(--Text-txt-Black, #333);
    /* Landing Page/H2_Land */
    font-family: "Bebas Neue";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: 0.4px;
  }
  .hero {
    height: calc(100vh - 150px);
    display: flex;
    max-height: 600px;
    gap: 12px;
    padding-top: 12px;
  }
  .hero_image {
    width: calc(50% - 6px);
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
  }
  .hero_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hero_data {
    width: calc(50% - 6px);
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(139deg, #dfe2e5 0%, #ccd2d7 100%);
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .hero_advantages {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .hero_item {
    padding: 8px 12px;
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    border-radius: 100px;
    background: var(--Element-BG-White, #eeeff0);
  }
  .hero_text {
    display: flex;
    flex-direction: column;
  }
  .hero_text h1 {
    padding-bottom: 8px;
    color: var(--Text-txt-Black, #333);
    /* Landing Page/H1_Land */
    font-family: "Bebas Neue";
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.55px;
  }
  .hero_text h1 span {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .hero_text p {
    max-width: 500px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    padding-bottom: 32px;
  }
  .advantages {
    padding-top: 100px;
  }
  .advantages h2 {
    padding-bottom: 16px;
  }
  .advantages_wrapper {
    display: flex;
    gap: 12px;
  }
  .advantages_wrapper.rmv .advantages_item {
    padding: 24px;
    padding-top: 40px;
  }
  .advantages_item {
    width: calc(25% - 9px);
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .advantages_item img {
    width: 120px;
  }
  .advantages_item p {
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.24px;
    text-align: center;
  }
  .advantages_item p span {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .advantages_item p.normal {
    color: var(--Text-txt-Black, #333);
    /* Text/txt-primary */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    text-align: left;
    letter-spacing: normal;
  }
  .advantages_item p.normal span {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .use {
    padding-top: 100px;
  }
  .use h2 {
    padding-bottom: 16px;
  }
  .use_wrapper {
    display: flex;
    gap: 12px;
  }
  .use_column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
  }
  .use_column.withbg {
    background: url("../img/use-lines-pc.svg") no-repeat;
    background-position: center center;
    background-size: contain;
  }
  .use-spin {
    z-index: 1;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
  }
  .use-spin img {
    width: 120px;
  }
  .use_item {
    padding: 24px 32px;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: 0.3s;
  }
  .use_item:hover {
    background: var(--Text-txt-White, #fff);
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
  }
  .use_item p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .use_main {
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: var(--Text-txt-White, #fff);
    position: relative;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
  }
  .use_main.is-open {
    visibility: visible;
    opacity: 1;
  }
  .use_data {
    z-index: 2;
    padding: 32px;
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
  }
  .use_data.active {
    visibility: visible;
    opacity: 1;
  }
  .use_data h3 {
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: space-between;
    padding-bottom: 32px;
  }
  .use_data h3 b {
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
  }
  .use_data h3 span {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .use_data ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .use_data ul li {
    display: flex;
    gap: 5px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .use_data ul li::before {
    content: "•";
  }
  .inside {
    padding-top: 100px;
  }
  .inside h2 {
    padding-bottom: 16px;
  }
  .inside_wrapper {
    padding: 24px 32px;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .inside_subtitle {
    padding: 8px 12px;
    border-radius: 100px;
    background: var(--Element-BG-White, #eeeff0);
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .inside_pc {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 85px;
    padding-bottom: 15px;
    position: relative;
  }
  .inside_pc .inside_main {
    width: 100%;
    max-width: 1000px;
  }
  .inside_trigger {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 3;
  }
  .inside_trigger b {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
  }
  .inside_trigger b svg {
    width: 16px;
    height: 16px;
    margin-bottom: 7px;
  }
  .inside_trigger.one {
    bottom: calc(50% + 26px);
    left: calc(50% - 260px);
    transform: translateX(-50%);
  }
  .inside_trigger.two {
    bottom: calc(50% + 30px);
    right: calc(50% - 240px);
    transform: translateX(50%);
    align-items: flex-end;
  }
  .inside_trigger.three {
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
  }
  .inside_trigger.three b {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .inside_trigger.three .inside_info {
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .inside_info {
    display: none;
    flex-direction: column;
    gap: 12px;
    border-radius: 12px;
    background: var(--Text-txt-White, #fff);
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    padding: 18px 16px;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    width: 400px;
  }
  .inside_info.active {
    display: flex;
  }
  .inside_info h3 {
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
  }
  .inside_info p {
    font-family: Inter;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .inside_order {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .inside_order p {
    color: var(--Text-txt-grey, #7f7e7e);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    max-width: 500px;
  }
  .inside_order span {
    color: var(--Text-txt-lightgrey-2, #9e9e9e);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
    max-width: 300px;
  }
  .compatibility {
    padding-top: 100px;
  }
  .compatibility h2 {
    padding-bottom: 16px;
  }
  .compatibility_wrapper {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    background: linear-gradient(0deg, var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65)) 0%, var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65)) 100%), var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
  }
  .compatibility_line {
    height: 1px;
    width: 100%;
    background: #e8e8e8;
  }
  .compatibility_item {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .compatibility_countries {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    gap: 20px;
  }
  .compatibility_countries h3 {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .compatibility_countries p {
    display: flex;
    gap: 6px;
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
  }
  .compatibility_brands {
    max-width: 860px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .compatibility_brand a {
    display: block;
    padding: 16px;
    padding-bottom: 12px;
    white-space: nowrap;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    background: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
    color: var(--Text-txt-grey, #7f7e7e);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
    height: -moz-fit-content;
    height: fit-content;
    cursor: pointer;
  }
  .compatibility_brand a:hover {
    color: var(--Text-txt-White, #fff);
    background: var(--Buttons-btn-primary-default, #ee652f);
  }
  .product {
    padding-top: 100px;
  }
  .product h2 {
    padding-bottom: 16px;
  }
  .product_wrapper {
    display: flex;
    gap: 12px;
  }
  .product_wrapper.last {
    padding-top: 12px;
  }
  .product_item {
    width: calc(33.3333333333% - 8px);
    border-radius: 12px;
    overflow: hidden;
    outline: 1px solid #e8e8e8;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    transition: 0.3s;
  }
  .product_item:hover {
    background: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    border-radius: 24px;
  }
  .product img {
    width: 100%;
  }
  .product_text {
    padding: 24px 32px;
  }
  .product_text h3 {
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
    padding-bottom: 12px;
  }
  .product_text p {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .marketplaces {
    margin-top: 100px;
  }
  .marketplaces_wrapper {
    max-width: 400px;
    display: flex;
    flex-direction: column;
  }
  .marketplaces_bg {
    border-radius: 32px;
    background-image: url("../img/marketplace_bg-pc.webp");
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
  }
  .marketplaces h2 {
    padding-top: 40px;
    padding-bottom: 12px;
    text-align: center;
    font-size: 40px;
  }
  .marketplaces h2 span {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .marketplaces p {
    padding: 0 5px;
    color: var(--Text-txt-Black, #333);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    padding-bottom: 40px;
  }
  .marketplaces_list {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding-bottom: 12px;
  }
  .marketplaces_item {
    display: block;
    padding: 13px 16px;
    border-radius: 12px;
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .marketplaces_item.ozon {
    color: #005bff;
  }
  .marketplaces_item.ozon:hover {
    background: #005bff;
    color: var(--Text-txt-White, #fff);
  }
  .marketplaces_desc {
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    padding-bottom: 12px;
    text-align: center;
  }
  .client {
    padding-top: 100px;
  }
  .client h2 {
    padding-bottom: 16px;
  }
  .client_wrapper {
    display: flex;
    gap: 57px;
  }
  .client_image {
    width: 400px;
  }
  .client_info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
  }
  .client_info .action-button {
    align-self: flex-end;
  }
  .client_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .client_item {
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .client_item h3 {
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
  }
  .client_item p {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .goquiz {
    padding-top: 100px;
  }
  .goquiz_wrapper {
    width: 100%;
    padding: 40px 0;
    border-radius: 32px;
    background-image: url("../img/goquiz-pc.webp");
    background-position: center center;
    background-size: cover;
  }
  .goquiz_gradient {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .goquiz h2 {
    color: var(--Text-txt-White, #fff);
    padding-bottom: 12px;
  }
  .goquiz p {
    max-width: 390px;
    color: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    padding-bottom: 40px;
  }
  .companies {
    padding-top: 100px;
  }
  .companies h2 {
    padding-bottom: 16px;
  }
  .companies_viewport {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    overflow: hidden;
  }
  .companies_track {
    display: flex;
    gap: 12px;
    white-space: nowrap;
    will-change: transform;
  }
  .companies_viewport::before, .companies_viewport::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 150px;
    pointer-events: none;
    z-index: 3;
  }
  .companies_viewport::before {
    left: 0;
    background: linear-gradient(90deg, #eeeff0 0%, rgba(238, 239, 240, 0) 100%);
  }
  .companies_viewport::after {
    right: 0;
    background: linear-gradient(270deg, #eeeff0 0%, rgba(238, 239, 240, 0) 100%);
  }
  .companies_item {
    flex: 0 0 auto;
    width: -moz-fit-content;
    width: fit-content;
    font-family: "Bebas Neue";
    font-size: 45px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.45px;
    padding: 24px 32px 16px 32px;
    border-radius: 12px;
    background: var(--Element-BG-Inputs, #dfe2e5);
  }
  .chars {
    padding-top: 100px;
    display: flex;
    gap: 120px;
  }
  .chars h2 {
    max-width: 337px;
  }
  .chars_wrapper {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .chars_item {
    padding: 16px 24px;
    justify-content: space-between;
    border-radius: 12px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: calc(50% - 6px);
  }
  .chars_item:nth-child(1) .chars_info {
    z-index: 5;
  }
  .chars_item:nth-child(2) .chars_info {
    z-index: 4;
  }
  .chars_item:nth-child(3) .chars_info {
    z-index: 3;
  }
  .chars_item:nth-child(7) .chars_info {
    z-index: 2;
  }
  .chars_item.big {
    width: 100%;
  }
  .chars_info {
    position: relative;
  }
  .chars_info svg {
    transition: 0.3s;
  }
  .chars_info:hover p {
    display: block;
  }
  .chars_info:hover svg path {
    fill: #333333;
  }
  .chars_info p {
    display: none;
    position: absolute;
    top: calc(100% - 20px);
    right: 0;
    padding-top: 20px;
    z-index: 5;
  }
  .chars_info p span {
    display: block;
    max-width: 300px;
    padding: 16px;
    width: 300px;
    border-radius: 12px;
    background: var(--Text-txt-White, #fff);
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    z-index: 5;
  }
  .chars_info p span.big {
    max-width: 500px;
    width: 500px;
  }
  .chars_info p .chars_list {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .chars_info p .chars_list .chars_tt {
    display: flex;
    align-items: flex-start;
    gap: 3px;
  }
  .chars_info p .chars_list .chars_tt:before {
    content: "•";
  }
  .chars_info p .chars_list b {
    font-weight: 400;
  }
  .chars_info p .chars_list b.strong {
    font-weight: 500;
  }
  .chars_text {
    color: var(--Text-txt-Black, #333);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
  }
  .chars_top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
  }
  .chars_top svg {
    width: 16px;
  }
  .chars_top strong {
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .slider {
    padding-top: 100px;
  }
  .slider.in-front .slider_image {
    height: 465px;
    aspect-ratio: 1/1;
    cursor: pointer;
  }
  .slider.in-front .slider_par {
    max-width: 650px;
  }
  .slider.in-front .slider_page {
    padding-bottom: 50px;
  }
  .slider.in-front-bottom .slider_item {
    background: var(--Element-BG-Grey, #d7dbdf);
  }
  .slider.in-front-bottom .tiny {
    display: block;
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .slider.in-front-bottom .marketplaces_list {
    padding-bottom: 0;
  }
  .slider_gap {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .slider_spec {
    display: flex;
    gap: 8px;
  }
  .slider .slide-rmv {
    /* лёгкая полосатость как на скрине */
  }
  .slider .slide-rmv h3 {
    max-width: 100%;
  }
  .slider .slide-rmv .slider_actions {
    width: 100%;
    display: flex;
    gap: 8px;
  }
  .slider .slide-rmv .slider_actions .action-button {
    padding: 12px;
  }
  .slider .slide-rmv .slider_actions .action-button.grey {
    background: var(--Element-BG-Grey, #d7dbdf);
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    transition: 0.3s;
  }
  .slider .slide-rmv .slider_actions .action-button.grey:hover {
    background: rgba(51, 51, 51, 0.15);
  }
  .slider .slide-rmv .slider_item {
    padding: 24px;
    gap: 16px 80px;
    flex-wrap: wrap;
  }
  .slider .slide-rmv .slider_image {
    height: 400px;
    aspect-ratio: 1/1;
  }
  .slider .slide-rmv .slider_text {
    padding: 0px;
  }
  .slider .slide-rmv .slider_page {
    padding-bottom: 60px;
  }
  .slider .slide-rmv .slider_text {
    gap: 24px;
  }
  .slider .slide-rmv .slider_par {
    min-width: 500px;
  }
  .slider .slide-rmv .slider_pars {
    display: flex;
    gap: 16px;
  }
  .slider .slide-rmv .slider_lilpar {
    padding-left: 24px;
    border-left: 1px solid var(--Border-border-grey1, #cecdd3);
  }
  .slider .slide-rmv .slider_open {
    width: 100%;
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: var(--Element-BG-Inputs, #dfe2e5);
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    box-shadow: 4px 0 20px 0 rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    cursor: pointer;
  }
  .slider .slide-rmv .slider_open h3 {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    font-family: Inter;
  }
  .slider .slide-rmv .slider_open:hover .slider_openbtn {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .slider .slide-rmv .slider_open:hover .slider_openbtn svg path {
    fill: var(--Buttons-btn-primary-default, #ee652f);
  }
  .slider .slide-rmv .slider_open.active {
    border-radius: 12px 12px 0 0;
  }
  .slider .slide-rmv .slider_open.active svg {
    transform: rotate(-180deg);
  }
  .slider .slide-rmv .slider_open.active:hover .slider_openbtn {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .slider .slide-rmv .slider_open.active:hover .slider_openbtn svg path {
    fill: var(--Buttons-btn-primary-default, #ee652f);
  }
  .slider .slide-rmv .slider_openbtn {
    padding: 5px 0;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    background: none;
  }
  .slider .slide-rmv .slider_openbtn svg path,
  .slider .slide-rmv .slider_openbtn svg {
    transition: 0.3s;
  }
  .slider .slide-rmv .spec-table {
    width: 100%;
    margin-top: -16px;
    border: 1px solid #cecdd3;
    border-top: none;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    background: #fff;
    display: none;
  }
  .slider .slide-rmv .spec-table.active {
    display: block;
  }
  .slider .slide-rmv .spec-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    font-size: 14px;
    color: var(--Text-txt-Black, #333);
  }
  .slider .slide-rmv .spec-table th,
  .slider .slide-rmv .spec-table td {
    padding: 8px 12px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle;
    background: #fff;
  }
  .slider .slide-rmv .spec-table th:last-child,
  .slider .slide-rmv .spec-table td:last-child {
    border-right: 0;
  }
  .slider .slide-rmv .spec-table thead th {
    font-weight: 500;
    text-align: left;
    color: var(--Text-txt-grey, #7f7e7e);
    background: var(--Element-BG-Inputs, #dfe2e5);
    border-bottom: 1px solid #cecdd3; /* граница в шапке */
  }
  .slider .slide-rmv .spec-table thead th {
    border-right: 1px solid #cecdd3; /* границы в шапке */
  }
  .slider .slide-rmv .spec-table thead th:last-child {
    border-right: 0;
  }
  .slider .slide-rmv .spec-table tbody tr:last-child td {
    border-bottom: 0;
  }
  .slider .slide-rmv .spec-table tbody tr:nth-child(even) td {
    background: rgba(51, 51, 51, 0.03);
  }
  .slider .slide-rmv .spec-table td.center {
    text-align: center;
    font-weight: 400;
    color: #333;
    background: #fff; /* чтобы rowspan-ячейки не были полосатыми */
  }
  .slider .slide-rmv .spec-table td.center:nth-child(2) {
    background: rgba(51, 51, 51, 0.03);
  }
  .slider .slide-rmv th {
    position: relative;
    cursor: pointer;
    transition: 0.3s;
  }
  .slider .slide-rmv th.leftside p {
    left: 8px;
    transform: none;
  }
  .slider .slide-rmv th.leftside p svg {
    left: 15%;
    transform: none;
  }
  .slider .slide-rmv th.rightside p {
    right: 8px;
    left: auto;
    transform: none;
  }
  .slider .slide-rmv th.rightside p svg {
    right: 15%;
    left: auto;
    transform: none;
  }
  .slider .slide-rmv th:hover {
    color: var(--Buttons-btn-hover-blue, #0072ff) !important;
  }
  .slider .slide-rmv th:hover p {
    display: block;
  }
  .slider .slide-rmv th p {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    max-width: 300px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 8px;
    background: var(--Buttons-btn-default-blue, #53a0ff);
    padding: 4px 8px;
    color: var(--Buttons-color_txt_btn, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .slider .slide-rmv th p svg {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
  }
  .slider h2 {
    padding-bottom: 16px;
  }
  .slider_actions {
    display: flex;
    gap: 8px;
  }
  .slider_buy {
    border-radius: 8px;
    background: var(--Buttons-btn-primary-default, #ee652f);
    color: var(--Text-txt-White, #fff);
    padding: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    transition: 0.3s;
  }
  .slider_buy:hover {
    background: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .slider_info {
    border-radius: 8px;
    background: var(--Opacity-opacity-Black-10, rgba(51, 51, 51, 0.1));
    color: var(--Text-txt-Black, #333);
    padding: 12px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    transition: 0.3s;
  }
  .slider_info:hover {
    background: rgba(51, 51, 51, 0.15);
  }
  .slider_item {
    border-radius: 12px;
    background: var(--opacity-White65, rgba(255, 255, 255, 0.65));
    display: flex;
  }
  .slider_item.inrnvd h3 {
    font-size: 36px;
    letter-spacing: 0.36px;
  }
  .slider_item.inrnvd .slider_page {
    padding-bottom: 32px;
  }
  .slider_item.inrnvd .slider_par {
    flex: 1;
  }
  .slider_item.inautocompensator .slider_page b {
    color: #000;
    leading-trim: both;
    text-edge: cap;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
  }
  .slider_item.inautocompensator h3 {
    max-width: 100%;
  }
  .slider_image {
    height: 465px;
    aspect-ratio: 1/0.92;
    position: relative;
  }
  .slider_image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 12px;
  }
  .slider_buttons {
    position: absolute;
    left: 0;
    right: 0;
    padding: 24px;
    width: 100%;
    display: flex;
    gap: 8px;
    z-index: 5;
  }
  .slider_button {
    padding: 6px 12px;
    border-radius: 200px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Element-BG-White, #eeeff0);
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .slider_button:hover {
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    color: var(--Text-txt-Black, #333);
  }
  .slider_button.active {
    color: var(--Text-txt-White, #fff);
    background: var(--Buttons-btn-primary-default, #ee652f);
    border: 1px solid transparent;
  }
  .slider_text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
    padding: 40px;
    flex: 1;
  }
  .slider_page {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 80px;
  }
  .slider_page b {
    color: var(--txt-grey, #7f7e7e);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .slider_page span {
    padding: 6px 8px;
    border-radius: 200px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .slider h3 {
    color: var(--Text-txt-Black, #333);
    /* Landing Page/H1_Land */
    font-family: "Bebas Neue";
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 55px */
    letter-spacing: 0.55px;
    max-width: 428px;
  }
  .slider h3 b {
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
    display: block;
    padding-bottom: 24px;
  }
  .slider h3 span {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .slider_par, .slider_lilpar {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    max-width: 428px;
  }
  .slider_par span, .slider_lilpar span {
    font-weight: 500;
  }
  .slider .swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .slider_left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100px;
    z-index: 10;
    background: linear-gradient(90deg, #eeeff0 0%, rgba(238, 239, 240, 0) 100%);
    transition: 0.3s;
    pointer-events: none;
    opacity: 0;
  }
  .slider_left.active {
    opacity: 1;
  }
  .slider_right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100px;
    z-index: 10;
    background: linear-gradient(270deg, #eeeff0 0%, rgba(238, 239, 240, 0) 100%);
    transition: 0.3s;
    pointer-events: none;
    opacity: 0;
  }
  .slider_right.active {
    opacity: 1;
  }
  .slider_control {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
  }
  .slider_control .slider_prev {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    transition: 0.3s;
    cursor: pointer;
    -moz-user-select: none;
         user-select: none; /* стандарт */
    -webkit-user-select: none; /* Safari/iOS */
    -ms-user-select: none; /* старый Edge/IE */
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
  }
  .slider_control .slider_prev img {
    width: 18px;
  }
  .slider_control .slider_prev:hover {
    background: var(--Text-txt-White, #fff);
  }
  .slider_control .swiper-pagination {
    position: static;
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .slider_control .swiper-pagination .swiper-pagination-bullet-active {
    background: #333 !important;
  }
  .slider_control .slider_next {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    transition: 0.3s;
    cursor: pointer;
    -moz-user-select: none;
         user-select: none; /* стандарт */
    -webkit-user-select: none; /* Safari/iOS */
    -ms-user-select: none; /* старый Edge/IE */
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
  }
  .slider_control .slider_next img {
    width: 18px;
    transform: rotate(180deg);
  }
  .slider_control .slider_next:hover {
    background: var(--Text-txt-White, #fff);
  }
  .certificates {
    padding-top: 100px;
  }
  .certificates h2 {
    padding-bottom: 16px;
  }
  .certificates_wrapper {
    display: flex;
    gap: 12px;
  }
  .certificates_nav {
    display: none;
  }
  .certificates * {
    transition: 0.3s;
  }
  .certificates_item {
    flex: 1;
    cursor: pointer;
    border-radius: 12px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .certificates_item:hover {
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    border-radius: 24px;
  }
  .certificates_item:hover .certificates_text {
    border-radius: 0 0 24px 24px;
  }
  .certificates_item:hover .certificates_image {
    border-radius: 24px 24px 0 0;
  }
  .certificates_item:hover .certificates_image::after {
    border-radius: 24px 24px 0 0;
  }
  .certificates_item:hover .certificates_image {
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .certificates_item:hover .certificates_image::after {
    opacity: 0.9;
  }
  .certificates_item .certificates_image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #ee652f; /* ваш цвет */
    mix-blend-mode: color; /* “Color” closest к Figma Color */
    opacity: 0; /* подберите интенсивность */
    pointer-events: none;
    transition: opacity 0.3s ease;
    border-radius: 12px 12px 0 0;
  }
  .certificates_image {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
  }
  .certificates_image img {
    width: 100%;
  }
  .certificates_text {
    border-radius: 0 0 12px 12px;
    padding: 24px 32px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    display: block;
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
  }
  .faq {
    padding-top: 100px;
  }
  .faq h2 {
    max-width: 452px;
  }
  .faq_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 120px;
  }
  .faq_list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 788px;
  }
  .faq_item {
    padding: 0 18px;
    padding-top: 18px;
    border-radius: 16px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    transition: 0.3s;
    cursor: pointer;
  }
  .faq_item:hover {
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
  }
  .faq_item.active {
    background: var(--Text-txt-White, #fff);
  }
  .faq_item.active:hover {
    /* Header_shadow */
    box-shadow: inherit;
  }
  .faq_item.active p {
    padding-top: 6px;
    padding-bottom: 18px;
    max-height: 1200px;
  }
  .faq_item.active button {
    transform: rotate(180deg);
  }
  .faq_item h3 {
    padding-bottom: 18px;
    color: var(--Text-txt-Black, #333);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
  }
  .faq_item p {
    padding-top: 0;
    padding-bottom: 0;
    color: var(--Text-txt-Black, #333);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 21.6px */
    letter-spacing: -0.36px;
    transition: 0.3s;
    max-height: 0;
    overflow: hidden;
    max-width: calc(100% - 40px);
  }
  .faq_heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
  }
  .faq_heading button {
    margin-top: 4px;
    background: none;
  }
  .faq_heading button img {
    width: 16px;
  }
  .footer {
    margin-top: 100px;
    padding-top: 32px;
    padding-bottom: 16px;
    background: linear-gradient(139deg, #dfe2e5 0%, #ccd2d7 100%);
    position: relative;
  }
  .footer_title {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 20px;
  }
  .footer_title span {
    color: var(--Buttons-btn-primary-default, #ee652f);
    leading-trim: both;
    text-edge: cap;
    font-family: "Bebas Neue";
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%; /* 90px */
    letter-spacing: 1px;
  }
  .footer_title b {
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    font-family: "Bebas Neue";
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%; /* 90px */
    letter-spacing: 1px;
  }
  .footer_hose {
    position: absolute;
    top: 32px;
    right: 0;
    width: 560px;
    display: block;
  }
  .footer_hose img {
    width: 100%;
  }
  .footer_wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .footer_logo {
    width: 160px;
  }
  .footer nav,
  .footer .footer_contacts,
  .footer .footer_company {
    flex: 1;
  }
  .footer_top {
    padding-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
  }
  .footer_top nav ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .footer_top nav ul li a {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .footer_top nav ul li a:hover {
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .footer_center {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    grid-template-areas: "form     contacts  contacts" "products order     about" "products read      calc";
  }
  .footer_center > * {
    border-radius: 12px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .footer_center .fg-form {
    grid-area: form;
  }
  .footer_center .fg-contacts {
    grid-area: contacts;
  }
  .footer_center .fg-products {
    grid-area: products;
  }
  .footer_center .fg-order {
    grid-area: order;
  }
  .footer_center .fg-read {
    grid-area: read;
  }
  .footer_center .fg-about {
    grid-area: about;
  }
  .footer_center .fg-calc {
    grid-area: calc;
  }
  .footer_center form {
    width: 445px;
    padding: 24px;
    border-radius: 16px;
    background: var(--Buttons-btn-primary-default, #ee652f);
    gap: 12px;
  }
  .footer_center form h3 {
    padding-bottom: 8px;
    color: var(--Text-txt-White, #fff);
    leading-trim: both;
    text-edge: cap;
    width: 100%;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
  }
  .footer_center form label {
    width: 100%;
  }
  .footer_center form input[type=text],
  .footer_center form input[type=tel],
  .footer_center form textarea {
    border: 1px solid var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    background: var(--Element-Icon-LightPeach, #ffa787);
    color: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
  }
  .footer_center form input[type=text]::-moz-placeholder, .footer_center form input[type=tel]::-moz-placeholder, .footer_center form textarea::-moz-placeholder {
    color: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
  }
  .footer_center form input[type=text]::placeholder,
  .footer_center form input[type=tel]::placeholder,
  .footer_center form textarea::placeholder {
    color: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
  }
  .footer_center form input[type=text]:hover,
  .footer_center form input[type=tel]:hover,
  .footer_center form textarea:hover {
    border: 1px solid var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .footer_center form input[type=text].error,
  .footer_center form input[type=tel].error,
  .footer_center form textarea.error {
    border: 1px solid var(--Buttons-btn-primary-hover, #ff4600);
    background: var(--Text-txt-White, #fff);
  }
  .footer_center form input[type=text].error::-moz-placeholder, .footer_center form input[type=tel].error::-moz-placeholder, .footer_center form textarea.error::-moz-placeholder {
    font-weight: 700;
    color: var(--Element-BG-Red, #ff4600);
  }
  .footer_center form input[type=text].error::placeholder,
  .footer_center form input[type=tel].error::placeholder,
  .footer_center form textarea.error::placeholder {
    font-weight: 700;
    color: var(--Element-BG-Red, #ff4600);
  }
  .footer_center form textarea {
    scrollbar-color: #fff transparent; /* FF */
  }
  .footer_center form textarea::-webkit-scrollbar-thumb {
    background: var(--Text-txt-White, #fff);
  }
  .footer_center form .popup_error {
    color: var(--Text-txt-White, #fff);
  }
  .footer_center form .popup_info {
    color: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .footer_center form .consent_text {
    color: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
  }
  .footer_center form .consent_text a {
    color: var(--Text-txt-White, #fff);
  }
  .footer_center form .consent_box {
    background-image: url("../img/consent-white-def.svg");
  }
  .footer_center form .consent_box:hover {
    background-image: url("../img/consent-white-hover.svg");
  }
  .footer_center form .consent input:checked + .consent_box {
    background-image: url("../img/consent-white-checked.svg");
  }
  .footer_center form .consent input.error + .consent_box {
    background-image: url("../img/consent-white-error.svg");
  }
  .footer_center form .consent input.error:checked + .consent_box {
    background-image: url("../img/consent-white-checked.svg");
  }
  .footer_center form .action-button {
    background: var(--Text-txt-White, #fff);
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .footer_center form .action-button span {
    background: var(--Buttons-btn-primary-default, #ee652f);
  }
  .footer_center form .action-button:hover {
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .footer_center form .action-button:hover span {
    background: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .footer_center form .action-button b {
    font-weight: 500;
  }
  .footer_center form .fileuploader_btn {
    border: 1px solid var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    color: var(--Text-txt-White, #fff);
  }
  .footer_center form .fileuploader_btn:hover {
    border: 1px solid var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
  }
  .footer_center form .fileuploader_item {
    color: var(--Text-txt-White, #fff);
  }
  .footer_center form .fileuploader_item span {
    border-bottom: 1px solid var(--Text-txt-White, #fff);
  }
  .footer_center form .fileuploader_item:hover .fileuploader_remove {
    background: rgba(255, 255, 255, 0.2);
  }
  .footer_center form .fileuploader_remove {
    background: none;
    border-radius: 50%;
  }
  .footer_center form .fileuploader_remove img {
    width: 24px;
  }
  .footer_side {
    border-radius: 12px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    padding: 18px 24px;
    transition: 0.3s;
  }
  .footer_side:hover {
    background: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
    /* Btn_Shadow Light */
    box-shadow: 0 2px 12px 0 rgba(14, 14, 15, 0.08);
  }
  .footer_side:hover .arrw {
    transform: rotate(0deg);
  }
  .footer_side:hover .arrw path {
    fill: #ee652f;
    opacity: 1;
  }
  .footer_side svg,
  .footer_side svg path {
    transition: 0.3s;
  }
  .footer_side h3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--Text-txt-Black, #333);
    /* Headers/H2 */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    letter-spacing: -0.4px;
    padding-bottom: 16px;
  }
  .footer_side h3 .arrw {
    transition: 0.3s;
    transform: rotate(-45deg);
  }
  .footer_side h3 .arrw path {
    fill: #333333;
    opacity: 0.2;
    transition: 0.3s;
  }
  .footer_side ul {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
  }
  .footer_side ul li a {
    display: block;
    padding: 8px 0;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .footer_side ul li a:hover {
    color: var(--Buttons-link-red, #ff4600);
  }
  .footer_contacts {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    padding: 18px 18px 18px 24px;
    transition: 0.3s;
  }
  .footer_contacts:hover {
    background: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
    /* Btn_Shadow Light */
    box-shadow: 0 2px 12px 0 rgba(14, 14, 15, 0.08);
  }
  .footer_contacts:hover .arrw {
    transform: rotate(0deg);
  }
  .footer_contacts:hover .arrw path {
    fill: #ee652f;
    opacity: 1;
  }
  .footer_contacts svg,
  .footer_contacts svg path {
    transition: 0.3s;
  }
  .footer_contacts h3 {
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
    padding-bottom: 16px;
  }
  .footer_contacts h3 .arrw {
    transition: 0.3s;
    transform: rotate(-45deg);
  }
  .footer_contacts h3 .arrw path {
    fill: #333333;
    opacity: 0.2;
    transition: 0.3s;
  }
  .footer_all {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    width: 445px;
  }
  .footer_data {
    flex: 1;
    display: flex;
    justify-content: space-between;
    gap: 16px;
  }
  .footer_alot {
    display: flex;
    flex-direction: column;
  }
  .footer_alot a {
    display: flex;
    padding: 4px 0;
    align-items: center;
    gap: 8px;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .footer_alot a img,
  .footer_alot a svg {
    width: 24px;
  }
  .footer_alot a:hover {
    color: var(--Buttons-link-red, #ff4600);
  }
  .footer_alot a:hover svg path {
    fill: var(--Buttons-link-red, #ff4600);
  }
  .footer_address {
    display: flex;
    flex-direction: column;
    color: var(--Text-txt-Black, #333);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
  }
  .footer_address span {
    margin-bottom: 8px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    display: flex;
    padding: 4px 0;
    align-items: center;
    gap: 8px;
  }
  .footer_address span img {
    width: 24px;
  }
  .footer_time {
    display: flex;
    flex-direction: column;
    color: var(--Text-txt-Black, #333);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
  }
  .footer_time span {
    margin-bottom: 8px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    display: flex;
    padding: 4px 0;
    align-items: center;
    gap: 8px;
  }
  .footer_time span img {
    width: 24px;
  }
  .footer_map {
    width: 331px;
    height: 100%;
  }
  .footer_map iframe {
    border-radius: 12px;
  }
  .footer_bottom {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    border-top: 1px solid rgba(51, 51, 51, 0.15);
  }
  .footer_links {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .footer_links a,
  .footer_links button {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    background: none;
    width: -moz-fit-content;
    width: fit-content;
  }
  .footer_links a:hover,
  .footer_links button:hover {
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .footer_company {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
  }
  .footer_company a {
    border-radius: 125px;
    background: var(--Opacity-opacity-White10, rgba(255, 255, 255, 0.1));
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.5px solid transparent;
  }
  .footer_company a svg path {
    transition: 0.3s;
  }
  .footer_company a:hover {
    border: 1.5px solid var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .footer_company a:hover svg path {
    fill: var(--Text-txt-White, #fff);
  }
  .footer_company p {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    padding-right: 30px;
  }
  .req_popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
  }
  .req_popup .req-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    z-index: 10;
  }
  .req_popup .req_dialog {
    max-width: 670px;
    border-radius: 32px;
    background: var(--Element-BG-Inputs, #dfe2e5);
    padding: 40px;
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    position: relative;
    z-index: 15;
  }
  .req_popup.active {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .req_popup .close_req {
    background: none;
    width: 24px;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 1px solid var(--Opacity-opacity-Black-10, rgba(51, 51, 51, 0.1));
    border-radius: 4px;
  }
  .req_popup .close_req:hover {
    outline: 1px solid var(--Text-txt-grey, #7f7e7e);
  }
  .req_popup h2 {
    padding-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: var(--Text-txt-Black, #333);
  }
  .req_popup .req_text {
    display: flex;
    flex-direction: column;
  }
  .req_popup .req_item {
    display: flex;
    gap: 32px;
    padding: 12px 0;
    border-bottom: 1px solid var(--Border-border-grey1, #cecdd3);
  }
  .req_popup .req_item:first-child {
    border-top: 1px solid var(--Border-border-grey1, #cecdd3);
  }
  .req_popup .req_item h3 {
    width: 120px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .req_popup .req_item p {
    color: var(--Text-txt-Black, #333);
    flex: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    /* поле с названием заказа скрыто по умолчанию */
    /* когда JS добавит класс visible — показываем */
    /* по желанию: чтобы было видно, что поле не редактируемое */
  }
  .popup .order-name-field {
    display: none;
  }
  .popup .order-name-field.order-name-visible {
    display: block;
  }
  .popup #order-name[readonly] {
    border: 1px solid var(--Opacity-opacity-Black35, rgba(51, 51, 51, 0.35));
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    cursor: default;
  }
  .popup.active {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .popup .question,
  .popup .order {
    display: none;
    width: 100%;
  }
  .popup .question h2,
  .popup .order h2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: var(--Text-txt-Black, #333);
    /* Landing Page/H2_Land */
    font-family: "Bebas Neue";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: 0.4px;
    width: 100%;
    padding-bottom: 12px;
  }
  .popup .question h2 button,
  .popup .order h2 button {
    width: 24px;
    background: none;
    outline: 1px solid var(--Opacity-opacity-Black-10, rgba(51, 51, 51, 0.1));
    border-radius: 4px;
  }
  .popup .question h2 button:hover,
  .popup .order h2 button:hover {
    outline: 1px solid var(--Text-txt-grey, #7f7e7e);
  }
  .popup .question p,
  .popup .order p {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    padding-bottom: 24px;
  }
  .popup.toask .question {
    display: block;
  }
  .popup.toorder .order {
    display: block;
  }
  .popup-overlay {
    background: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .popup_wrapper {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    width: 670px;
    padding: 40px;
    align-items: flex-start;
    border-radius: 32px;
    background: var(--Element-BG-Inputs, #dfe2e5);
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
  }
  .popup_form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .popup_form .phone-field .iti {
    width: 100%;
  }
  .popup_form label {
    width: calc(50% - 4px);
  }
  .popup_form label.big {
    width: 100%;
  }
  .popup_form label.auto {
    width: auto;
  }
  .popup_form input[type=text],
  .popup_form input[type=tel] {
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .popup_form input[type=text]::-moz-placeholder, .popup_form input[type=tel]::-moz-placeholder {
    color: var(--Text-txt-grey, #7f7e7e);
  }
  .popup_form input[type=text]::placeholder,
  .popup_form input[type=tel]::placeholder {
    color: var(--Text-txt-grey, #7f7e7e);
  }
  .popup_form input[type=text]:hover,
  .popup_form input[type=tel]:hover {
    border: 1px solid var(--Opacity-opacity-Black35, rgba(51, 51, 51, 0.35));
  }
  .popup_form input[type=text].error,
  .popup_form input[type=tel].error {
    border: 1px solid var(--Buttons-btn-primary-hover, #ff4600);
  }
  .popup_form input[type=text].error::-moz-placeholder, .popup_form input[type=tel].error::-moz-placeholder {
    color: var(--Buttons-link-red, #ff4600);
  }
  .popup_form input[type=text].error::placeholder,
  .popup_form input[type=tel].error::placeholder {
    color: var(--Buttons-link-red, #ff4600);
  }
  .popup_form strong {
    padding: 12px 0;
    padding-right: 4px;
    display: block;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    transition: 0.3s;
  }
  .popup_form strong:hover {
    border: 1px solid var(--Opacity-opacity-Black35, rgba(51, 51, 51, 0.35));
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
  }
  .popup_form textarea {
    width: 100%;
    resize: none; /* запрет растягивания */
    box-sizing: border-box; /* корректный учёт паддингов/бордера */
    padding: 0 16px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    background: transparent;
    /* (опционально) глобально для всего сайта */
    scrollbar-gutter: stable;
    /* Firefox fallback: тонкий скроллбар, белый ползунок, прозрачный трек */
    scrollbar-width: thin; /* FF */
    scrollbar-color: #7f7e7e transparent; /* FF */
  }
  .popup_form textarea::-moz-placeholder {
    color: var(--Text-txt-grey, #7f7e7e);
  }
  .popup_form textarea::placeholder {
    color: var(--Text-txt-grey, #7f7e7e);
  }
  .popup_form textarea.error {
    border: 1px solid var(--Buttons-btn-primary-hover, #ff4600);
  }
  .popup_form textarea.error::-moz-placeholder {
    color: var(--Buttons-link-red, #ff4600);
  }
  .popup_form textarea.error::placeholder {
    color: var(--Buttons-link-red, #ff4600);
  }
  .popup_form textarea::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
  }
  .popup_form textarea::-webkit-scrollbar {
    width: 8px; /* толщина вертикального скроллбара */
    height: 8px; /* толщина горизонтального (если будет) */
  }
  .popup_form textarea::-webkit-scrollbar-track {
    background: transparent; /* прозрачный фон дорожки */
  }
  .popup_form textarea::-webkit-scrollbar-thumb {
    background: #7f7e7e; /* «штука которую двигаешь» */
    border-radius: 1000px; /* сильное скругление */
    /* Чтобы был лёгкий отступ от краёв дорожки — визуально «капсула» */
    border: 2px solid transparent;
    background-clip: content-box;
  }
  .popup_form textarea::-webkit-scrollbar-thumb:hover {
    opacity: 0.9;
  }
  .popup_form textarea::-webkit-scrollbar-thumb:active {
    opacity: 0.8;
  }
  .popup_form .popup_error {
    padding: 0 8px;
    display: none;
    gap: 4px;
    align-items: center;
    margin-top: 4px;
    color: var(--Buttons-btn-primary-hover, #ff4600);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .popup_form .fileuploader {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
  }
  .popup_form .fileuploader_btn {
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: var(--Opacity-opacity-Black-10, rgba(51, 51, 51, 0.1));
    border: 1px solid transparent;
    cursor: pointer;
    transition: 0.3s;
  }
  .popup_form .fileuploader_btn:hover {
    border: 1px solid var(--Opacity-opacity-Black85, rgba(51, 51, 51, 0.85));
  }
  .popup_form .fileuploader_btn img {
    width: 24px;
  }
  .popup_form .fileuploader_list {
    display: flex;
    flex-wrap: wrap;
  }
  .popup_form .fileuploader_item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 8px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .popup_form .fileuploader_item span {
    padding: 4px;
    border-bottom: 1px solid var(--Text-txt-Black, #333);
  }
  .popup_form .fileuploader_remove {
    background: none;
  }
  .popup_form .fileuploader_remove img {
    width: 24px;
  }
  .popup_form .popup_consent {
    width: 100%;
  }
  .popup_form .consent {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .popup_form .consent input[type=checkbox] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
  .popup_form .consent_box {
    display: block;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    background-image: url("../img/consent-def.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.3s;
  }
  .popup_form .consent_box:hover {
    background-image: url("../img/consent-hover.svg");
  }
  .popup_form .consent input:checked + .consent_box {
    background-image: url("../img/consent-checked.svg");
  }
  .popup_form .consent input.error + .consent_box {
    background-image: url("../img/consent-error.svg");
  }
  .popup_form .consent input.error:checked + .consent_box {
    background-image: url("../img/consent-checked.svg");
  }
  .popup_form .consent_text {
    color: var(--Opacity-opacity-Black85, rgba(51, 51, 51, 0.85));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .popup_form .consent_text a {
    color: var(--Opacity-opacity-Black85, rgba(51, 51, 51, 0.85));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .popup_info {
    width: 100%;
    padding-top: 8px;
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .lead {
    padding-top: 100px;
  }
  .lead_wrapper {
    display: flex;
    padding: 40px;
    align-items: center;
    gap: 80px;
    align-self: stretch;
    border-radius: 32px;
    background: var(--Buttons-btn-primary-default, #ee652f);
  }
  .lead_image {
    padding: 0 40px;
  }
  .lead_image img {
    width: 100%;
  }
  .lead_desc {
    color: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    max-width: 360px;
    padding-bottom: 24px;
  }
  .lead_form {
    flex: 1;
  }
  .lead_form h2 {
    color: var(--Text-txt-White, #fff);
    padding-bottom: 12px;
    font-size: 40px;
    letter-spacing: 0.4px;
  }
  .lead_form strong {
    border: 1px solid var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    background: var(--Element-Icon-LightPeach, #ffa787);
  }
  .lead_form strong:hover {
    border: 1px solid var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    background: var(--Element-Icon-LightPeach, #ffa787);
  }
  .lead_form input[type=text],
  .lead_form input[type=tel],
  .lead_form textarea {
    border: 1px solid var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    background: var(--Element-Icon-LightPeach, #ffa787);
  }
  .lead_form input[type=text]::-moz-placeholder, .lead_form input[type=tel]::-moz-placeholder, .lead_form textarea::-moz-placeholder {
    color: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
  }
  .lead_form input[type=text]::placeholder,
  .lead_form input[type=tel]::placeholder,
  .lead_form textarea::placeholder {
    color: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
  }
  .lead_form input[type=text]:hover,
  .lead_form input[type=tel]:hover,
  .lead_form textarea:hover {
    border: 1px solid var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .lead_form input[type=text].error,
  .lead_form input[type=tel].error,
  .lead_form textarea.error {
    border: 1px solid var(--Buttons-btn-primary-hover, #ff4600);
    background: var(--Text-txt-White, #fff);
  }
  .lead_form input[type=text].error::-moz-placeholder, .lead_form input[type=tel].error::-moz-placeholder, .lead_form textarea.error::-moz-placeholder {
    font-weight: 700;
    color: var(--Element-BG-Red, #ff4600);
  }
  .lead_form input[type=text].error::placeholder,
  .lead_form input[type=tel].error::placeholder,
  .lead_form textarea.error::placeholder {
    font-weight: 700;
    color: var(--Element-BG-Red, #ff4600);
  }
  .lead_form textarea {
    scrollbar-color: #fff transparent; /* FF */
    background: transparent;
    border: none;
  }
  .lead_form textarea:hover {
    border: none;
  }
  .lead_form textarea::-webkit-scrollbar-thumb {
    background: var(--Text-txt-White, #fff);
  }
  .lead_form .popup_error {
    color: var(--Text-txt-White, #fff);
  }
  .lead_form .popup_info {
    color: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .lead_form .consent_text {
    color: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
  }
  .lead_form .consent_text a {
    color: var(--Text-txt-White, #fff);
  }
  .lead_form .consent_box {
    background-image: url("../img/consent-white-def.svg");
  }
  .lead_form .consent_box:hover {
    background-image: url("../img/consent-white-hover.svg");
  }
  .lead_form .consent input:checked + .consent_box {
    background-image: url("../img/consent-white-checked.svg");
  }
  .lead_form .consent input.error + .consent_box {
    background-image: url("../img/consent-white-error.svg");
  }
  .lead_form .consent input.error:checked + .consent_box {
    background-image: url("../img/consent-white-checked.svg");
  }
  .lead_form .action-button {
    background: var(--Text-txt-White, #fff);
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .lead_form .action-button span {
    background: var(--Buttons-btn-primary-default, #ee652f);
  }
  .lead_form .action-button:hover {
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .lead_form .action-button:hover span {
    background: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .lead_form .fileuploader_btn {
    border: 1px solid var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    color: var(--Text-txt-White, #fff);
  }
  .lead_form .fileuploader_btn:hover {
    border: 1px solid var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
  }
  .lead_form .fileuploader_item {
    color: var(--Text-txt-White, #fff);
  }
  .lead_form .fileuploader_item span {
    border-bottom: 1px solid var(--Text-txt-White, #fff);
  }
  .lead_form .fileuploader_item:hover .fileuploader_remove {
    background: rgba(255, 255, 255, 0.2);
  }
  .lead_form .fileuploader_remove {
    background: none;
    border-radius: 50%;
  }
  .lead_form .fileuploader_remove img {
    width: 24px;
  }
  .thankyou {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
  }
  .thankyou.active {
    display: flex;
  }
  .thankyou-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .thankyou_wrapper {
    width: 670px;
    border-radius: 32px;
    background: var(--Element-BG-Inputs, #dfe2e5);
    position: relative;
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    padding: 40px;
  }
  .thankyou_wrapper h2 {
    padding-bottom: 12px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
  }
  .thankyou_wrapper h2 button {
    background: none;
  }
  .thankyou_wrapper p {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    padding-bottom: 12px;
  }
  .thankyou_decoration {
    width: 120px;
    margin: 0 auto;
    display: block;
  }
  .lightboxes .lb-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  .lightboxes .lb-overlay.active {
    display: flex;
  }
  .lightboxes .lb {
    max-width: min(92vw, 750px);
    max-height: 92vh;
    width: auto;
    height: auto;
    margin: auto;
    padding: 0;
    outline: none;
  }
  .lightboxes .lb-stage {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    display: grid;
    place-items: center;
  }
  .lightboxes .lb-img {
    max-width: 100%;
    max-height: 92vh;
    display: block;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  }
  .lightboxes .lb-prev,
  .lightboxes .lb-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    cursor: pointer;
  }
  .lightboxes .lb-prev:hover,
  .lightboxes .lb-next:hover {
    background: var(--Text-txt-White, #fff);
  }
  .lightboxes .lb-close {
    position: absolute;
    top: 24px;
    right: 40px;
    border: 1px solid transparent;
    transition: 0.3s;
    background: none;
    border-radius: 4px;
  }
  .lightboxes .lb-close:hover {
    border: 1px solid var(--Text-txt-grey, #7f7e7e);
  }
  .lightboxes .lb-prev {
    left: 40px;
  }
  .lightboxes .lb-next {
    right: 40px;
  }
  .lightboxes .lb-prev[disabled],
  .lightboxes .lb-next[disabled] {
    opacity: 0.4;
    pointer-events: none;
  }
}
@media (min-width: 1441px) and (max-width: 480px) {
  .lightboxes .lb-prev,
  .lightboxes .lb-next {
    width: 36px;
    height: 36px;
  }
}
@media (min-width: 1441px) {
  .details {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    /* поле с названием заказа скрыто по умолчанию */
    /* когда JS добавит класс visible — показываем */
    /* по желанию: чтобы было видно, что поле не редактируемое */
  }
  .details .order-name-field {
    display: none;
  }
  .details .order-name-field.order-name-visible {
    display: block;
  }
  .details #order-name[readonly] {
    border: 1px solid var(--Opacity-opacity-Black35, rgba(51, 51, 51, 0.35));
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    cursor: default;
  }
  .details.active {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .details-overlay {
    background: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .details_wrapper {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    width: calc(100% - 80px);
    height: calc(100% - 168px);
    padding: 20px;
    align-items: flex-start;
    border-radius: 32px;
    background: var(--Element-BG-Inputs, #dfe2e5);
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
  }
  .details_scroll {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 20px;
  }
  .details h2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: var(--Text-txt-Black, #333);
    /* Landing Page/H2_Land */
    font-family: "Bebas Neue";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: 0.4px;
    width: 100%;
    padding-bottom: 12px;
  }
  .details h2 button {
    width: 24px;
    background: none;
    outline: 1px solid var(--Opacity-opacity-Black-10, rgba(51, 51, 51, 0.1));
    border-radius: 4px;
  }
  .details h2 button:hover {
    outline: 1px solid var(--Text-txt-grey, #7f7e7e);
  }
  .details_paragraph {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    padding-bottom: 12px;
  }
  .details_controller {
    padding: 4px;
    display: flex;
    gap: 4px;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    margin-bottom: 24px;
  }
  .details_controller-item {
    flex: 1;
    padding: 8px 0;
    border-radius: 8px;
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    color: var(--Text-txt-lightgrey-2, #9e9e9e);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.36px;
  }
  .details_controller-item:hover {
    color: var(--Text-txt-grey, #7f7e7e);
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .details_controller-item.active {
    color: var(--Text-txt-Black, #333);
    background: var(--Text-txt-White, #fff);
  }
  .details_table {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
  }
  .details_decor {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .details_row {
    padding: 16px;
    display: flex;
    gap: 24px;
    border-left: 1px solid var(--Border-border-grey1, #cecdd3);
    border-right: 1px solid var(--Border-border-grey1, #cecdd3);
    border-bottom: 1px solid var(--Border-border-grey1, #cecdd3);
  }
  .details_row .col-1 {
    margin-right: 8px;
    width: 350px;
    color: var(--Buttons-btn-primary-default, #ee652f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .details_row .col-2 {
    width: 250px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .details_row .col-auto {
    flex: 1;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .details_row:last-child {
    border-radius: 0 0 8px 8px;
  }
  .details_row.first {
    padding: 8px 16px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Element-BG-Grey, #d7dbdf);
    border-radius: 8px 8px 0 0;
  }
  .details_row.first .col-1,
  .details_row.first .col-2,
  .details_row.first .col-auto {
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .breadcrums {
    padding-top: 32px;
  }
  .breadcrums_wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .breadcrums_wrapper p {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .breadcrums_wrapper a {
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .breadcrums_wrapper a:hover {
    color: var(--Buttons-link-red, #ff4600);
  }
  .breadcrums_wrapper a:active {
    color: var(--Text-txt-Black, #333);
  }
  .quiz {
    display: flex;
    gap: 80px;
    align-items: flex-start;
    position: relative;
    padding-top: 40px;
  }
  .quiz_data {
    position: sticky;
    top: 90px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 266px;
    z-index: 5;
    width: 100%;
  }
  .quiz_steps {
    padding: 16px;
    padding-bottom: 14px;
    border-radius: 12px;
    background: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
  }
  .quiz_steps p {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--Element-BG-Grey, #d7dbdf);
    color: var(--Text-txt-Black, #333);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    text-transform: uppercase;
  }
  .quiz_buttons {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 12px;
  }
  .quiz_buttons button {
    padding: 6px 10px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.8px;
    border-radius: 6px;
    text-align: left;
    background: transparent;
  }
  .quiz_buttons button:hover {
    background: var(--Element-BG-White, #eeeff0);
  }
  .quiz_buttons button:disabled {
    cursor: not-allowed;
    color: var(--Text-txt-lightgrey-2, #9e9e9e);
    background: none;
  }
  .quiz_buttons button.active {
    background: #ffdcce;
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .quiz_sale {
    padding: 12px 16px;
    border-radius: 12px;
    background: var(--Gradient-Orange, linear-gradient(281deg, #fc6932 0%, #ee8054 100%));
  }
  .quiz_sale-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    align-items: center;
  }
  .quiz_sale-wrapper span {
    color: var(--Text-txt-White, #fff);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
  }
  .quiz_sale-wrapper span.margin {
    margin-right: 8px;
  }
  .quiz_sale-wrapper strong {
    color: var(--Text-txt-White, #fff);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
  }
  .quiz_sale-wrapper strong b {
    margin-left: 2px;
  }
  .quiz_sale-subtitle {
    padding-top: 12px;
    color: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.8px;
  }
  .quiz_share button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 16px;
    width: 100%;
    color: var(--Text-txt-White, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    border-radius: 12px;
    background: var(--Buttons-btn-default-blue, #53a0ff);
  }
  .quiz_share button:hover {
    background: var(--Buttons-btn-hover-blue, #0072ff);
  }
  .quiz_wrapper {
    display: none;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    border-radius: 40px;
    background: var(--Element-BG-Inputs, #dfe2e5);
  }
  .quiz_wrapper.active {
    display: flex;
  }
  .path {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 24px 40px;
  }
  .path_text {
    flex: 1;
  }
  .path_text p {
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .path_text h2 {
    padding-top: 16px;
    color: var(--Text-txt-Black, #333);
    /* Landing Page/H2_Land */
    font-family: "Bebas Neue";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 48px */
    letter-spacing: 0.4px;
  }
  .path_image {
    width: 48px;
    align-self: flex-start;
  }
  .path_percent {
    width: 100%;
    border-radius: 20px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    height: 6px;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
  }
  .path_checked {
    transition: 0.3s;
    background: linear-gradient(90deg, var(--Buttons-btn-hover-red, #ff9166) 0%, var(--Buttons-btn-primary-default, #ee652f) 100%);
  }
  .all_text {
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .all_label {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
  }
  .all_label.half {
    width: calc(50% - 6px);
  }
  .all_label.icon .all_input {
    padding-left: 48px;
  }
  .all_image {
    position: absolute;
    bottom: 12px;
    left: 16px;
    width: 24px;
  }
  .all_input {
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
            appearance: textfield; /* современный стандарт, не вредит */
  }
  .all_input::-webkit-outer-spin-button, .all_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .all_input::-moz-placeholder {
    color: var(--Text-txt-grey, #7f7e7e);
  }
  .all_input::placeholder {
    color: var(--Text-txt-grey, #7f7e7e);
  }
  .all_input:hover {
    border: 1px solid var(--Opacity-opacity-Black35, rgba(51, 51, 51, 0.35));
  }
  .all_input.error {
    border: 1px solid var(--Buttons-btn-primary-hover, #ff4600);
  }
  .all_input.error::-moz-placeholder {
    color: var(--Buttons-link-red, #ff4600);
  }
  .all_input.error::placeholder {
    color: var(--Buttons-link-red, #ff4600);
  }
  .all_next {
    display: flex;
    align-self: flex-end;
    padding: 13px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    background: var(--Buttons-btn-primary-default, #ee652f);
    color: var(--Text-txt-White, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .all_next img {
    width: 24px;
  }
  .all_next:hover {
    background: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .all_next:disabled {
    cursor: not-allowed;
    background: var(--Text-txt-lightgrey-2, #9e9e9e);
  }
  .all_back button {
    padding: 13px 16px;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White10, rgba(255, 255, 255, 0.1));
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
  }
  .all_back button:hover {
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    color: var(--Text-txt-Black, #333);
  }
  .all_back button:hover svg path {
    fill: var(--Text-txt-Black, #333);
  }
  .all_btns {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .continputs {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .continputs_item span {
    padding-bottom: 4px;
  }
  .continputs_wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 12px;
  }
  .continputs_wrapper span {
    padding-bottom: 8px;
  }
  .infoinputs {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
  .infoinputs_raw {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 12px;
  }
  .infoinputs_one .all_label, .infoinputs_two .all_label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: calc(50% - 6px);
    position: relative;
  }
  .infoinputs_three, .infoinputs_four, .infoinputs_five, .infoinputs_six {
    flex-wrap: wrap;
    gap: 0;
  }
  .infoinputs_three .all_text, .infoinputs_four .all_text, .infoinputs_five .all_text, .infoinputs_six .all_text {
    width: 100%;
  }
  .infoinputs_three .infoinputs_dimstext, .infoinputs_four .infoinputs_dimstext, .infoinputs_five .infoinputs_dimstext, .infoinputs_six .infoinputs_dimstext {
    width: 100%;
  }
  .infoinputs_six .all_textarea {
    margin-top: 8px;
    width: 100%;
    transition: 0.3s;
    padding: 12px 16px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    color: var(--Text-txt-Black, #333);
    border-radius: 12px;
  }
  .infoinputs_six .all_textarea:hover {
    border: 1px solid var(--Opacity-opacity-Black35, rgba(51, 51, 51, 0.35));
  }
  .infoinputs_six textarea {
    padding: 0;
    background: transparent;
    border: none;
    resize: none;
    border-radius: 0;
    /* (опционально) глобально для всего сайта */
    scrollbar-gutter: stable;
    /* Firefox fallback: тонкий скроллбар, белый ползунок, прозрачный трек */
    scrollbar-width: thin; /* FF */
    scrollbar-color: #7f7e7e transparent; /* FF */
  }
  .infoinputs_six textarea:hover {
    border: none;
  }
  .infoinputs_six textarea::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
  }
  .infoinputs_six textarea::-webkit-scrollbar {
    width: 8px; /* толщина вертикального скроллбара */
    height: 8px; /* толщина горизонтального (если будет) */
  }
  .infoinputs_six textarea::-webkit-scrollbar-track {
    background: transparent; /* прозрачный фон дорожки */
  }
  .infoinputs_six textarea::-webkit-scrollbar-thumb {
    background: #7f7e7e; /* «штука которую двигаешь» */
    border-radius: 1000px; /* сильное скругление */
    /* Чтобы был лёгкий отступ от краёв дорожки — визуально «капсула» */
    border: 2px solid transparent;
    background-clip: content-box;
  }
  .infoinputs_six textarea::-webkit-scrollbar-thumb:hover {
    opacity: 0.9;
  }
  .infoinputs_six textarea::-webkit-scrollbar-thumb:active {
    opacity: 0.8;
  }
  .infoinputs_open {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: 16px;
    cursor: pointer;
  }
  .infoinputs_steel .all_text {
    display: flex;
    align-items: center;
    position: relative;
    gap: 10px;
  }
  .infoinputs_steel strong {
    z-index: 15;
    height: 16px;
  }
  .infoinputs_steel strong svg {
    width: 16px;
    height: 16px;
    cursor: pointer;
  }
  .infoinputs_steel strong .infoinputs_info {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    padding: 16px;
    border-radius: 12px;
    background: var(--Text-txt-White, #fff);
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    width: 300px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .infoinputs_steel strong:hover path {
    transition: 0.3s;
    fill: var(--Text-txt-Black, #333);
  }
  .infoinputs_steel strong:hover .infoinputs_info {
    display: block;
  }
  .infoinputs_title {
    padding-top: 16px;
    padding-bottom: 4px;
    color: var(--Buttons-btn-primary-default, #ee652f);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .infoinputs_subtitle {
    padding-top: 12px;
    padding-bottom: 4px;
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .infoinputs_variant {
    padding: 12px 0;
    border-bottom: 1px solid var(--Element-BG-Inputs, #dfe2e5);
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    cursor: pointer;
    transition: 0.3s;
  }
  .infoinputs_variant:hover {
    color: var(--Buttons-btn-primary-hover, #ff4600);
  }
  .infoinputs_variant:last-child {
    border-bottom: none;
  }
  .infoinputs_bs {
    display: flex;
    flex-direction: column;
    max-height: 350px;
    width: 100%;
    overflow-y: scroll;
    padding: 0 12px;
  }
  .infoinputs_wrapper {
    position: absolute;
    z-index: 10;
    top: calc(100% + 8px);
    left: 0;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Element-BG-White, #eeeff0);
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    padding: 0 12px;
    /* стабилен layout при появлении скролла */
    scrollbar-gutter: stable;
    /* Firefox: тонкий, цвета (но без верх/низ отступов у трека) */
    scrollbar-width: thin;
    scrollbar-color: var(--Text-txt-lightgrey-2, #9e9e9e) var(--Element-BG-Grey, #d7dbdf);
    display: none;
    /* WebKit/Chromium */
    /* Дорожка с «пэддингом» 8px сверху/снизу: делаем бордер прозрачным
    и красим фон только в content-box */
    /* Ползунок-«капсула» */
    /* скрыть кнопки (если вдруг появляются) */
  }
  .infoinputs_wrapper.is-open {
    display: flex;
  }
  .infoinputs_wrapper.empty {
    border: 1px solid transparent;
    background: none;
    box-shadow: none;
  }
  .infoinputs_wrapper b {
    display: block;
  }
  .infoinputs_wrapper::-webkit-scrollbar {
    width: 8px; /* вертикальный */
    height: 8px; /* горизонтальный (если нужен) */
    background: transparent;
  }
  .infoinputs_wrapper::-webkit-scrollbar-track {
    background: var(--Element-BG-Grey, #d7dbdf);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    /* если нужен «пэддинг» и слева/справа у горизонтального: */
    /* border-left: 8px solid transparent;
    border-right: 8px solid transparent; */
    background-clip: content-box;
  }
  .infoinputs_wrapper::-webkit-scrollbar-thumb {
    background: var(--Text-txt-lightgrey-2, #9e9e9e);
    border-radius: 1000px;
    /* лёгкий внутренний отступ, чтобы капсула не липла к краю дорожки */
    border: 2px solid transparent;
    background-clip: content-box;
  }
  .infoinputs_wrapper::-webkit-scrollbar-thumb:hover {
    opacity: 0.9;
  }
  .infoinputs_wrapper::-webkit-scrollbar-thumb:active {
    opacity: 0.8;
  }
  .infoinputs_wrapper::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
  }
  .infoinputs_times {
    position: absolute;
    top: calc(100% + 8px);
    padding: 0 24px;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Element-BG-White, #eeeff0);
    display: none;
    flex-direction: column;
    z-index: 7;
    /* Header_shadow */
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
  }
  .infoinputs_times.is-open {
    display: flex;
  }
  .infoinputs_time {
    padding: 12px 0;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    border-bottom: 1px solid var(--Element-BG-Inputs, #dfe2e5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.3s;
  }
  .infoinputs_time:last-child {
    border-bottom: none;
  }
  .infoinputs_time:hover {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .infoinputs_time img {
    display: none;
    width: 16px;
  }
  .infoinputs_time.active {
    display: flex;
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .infoinputs_time.active img {
    display: block;
  }
  .infoinputs_period {
    cursor: pointer;
  }
  .infoinputs_dimstext {
    padding-top: 10px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .infoinputs_double {
    display: flex;
    gap: 12px;
    padding-top: 16px;
  }
  .infoinputs .dims {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-end;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    transition: 0.3s;
  }
  .infoinputs .dims:hover {
    border: 1px solid var(--Opacity-opacity-Black35, rgba(51, 51, 51, 0.35));
  }
  .infoinputs .dims.error-not-completed {
    border: 1px solid var(--Buttons-link-red, #ff4600);
  }
  .infoinputs .dims.error-not-completed .dims_label,
  .infoinputs .dims.error-not-completed .dims_mm {
    color: var(--Buttons-link-red, #ff4600);
  }
  .infoinputs .dims_label {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .infoinputs .dims_inputs {
    display: flex;
    gap: 8px;
    align-items: flex-end;
  }
  .infoinputs .dims_pack {
    position: relative;
  }
  .infoinputs .dims_pack img {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
  }
  .infoinputs .dims_pack.too-much img {
    z-index: 3;
    display: block;
  }
  .infoinputs .dims_input {
    background: none;
    border-bottom: 1px solid var(--Opacity-opacity-Black35, rgba(51, 51, 51, 0.35));
    width: 112px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    transition: 0.3s;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
            appearance: textfield;
  }
  .infoinputs .dims_input::-webkit-outer-spin-button, .infoinputs .dims_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .infoinputs .dims_input.not-completed {
    border-bottom: 1px solid var(--Buttons-link-red, #ff4600);
  }
  .infoinputs .dims_input.kg {
    width: 96px;
  }
  .infoinputs .dims_sep {
    color: var(--Text-txt-lightgrey-2, #9e9e9e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .infoinputs .dims_mm {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .files {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
  }
  .files_item {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    position: relative;
    transition: 0.3s;
  }
  .files_item input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0); /* старый синтаксис */
    clip-path: inset(50%); /* новый синтаксис, на всякий случай */
    border: 0;
    white-space: nowrap; /* чтобы не занимал место */
  }
  .files_item:hover .files_button {
    border: 1px solid var(--Opacity-opacity-Black85, rgba(51, 51, 51, 0.85));
  }
  .files_item.withfiles {
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .files_title {
    color: var(--Opacity-opacity-Black85, rgba(51, 51, 51, 0.85));
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .files_title .files_openexpl {
    width: 16px;
    height: 28px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .files_title .files_openexpl svg {
    cursor: pointer;
    width: 100%;
  }
  .files_title .files_openexpl svg path {
    transition: 0.3s;
  }
  .files_title .files_openexpl .files_exploration {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: 5;
    top: calc(100% - 28px);
    border-radius: 12px;
    background: var(--Text-txt-White, #fff);
    padding: 16px;
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    padding: 16px;
    width: 100%;
    display: flex;
    gap: 70px;
    transition: 0.3s;
  }
  .files_title .files_openexpl .files_exploration img {
    width: 320px;
  }
  .files_title .files_openexpl:hover .files_exploration {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .files_title .files_openexpl:hover svg path {
    fill: var(--Text-txt-Black, #333);
  }
  .files_text {
    flex: 1;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .files_text .files_blue {
    color: var(--Buttons-btn-hover-blue, #0072ff);
  }
  .files_text strong {
    font-weight: 700;
  }
  .files_text ol {
    list-style: disc;
    padding-left: 1.25rem;
    padding-top: 12px;
  }
  .files_text ol li {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .files_text ol li span {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .files_list {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .files_name {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
  }
  .files_name b {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    padding: 4px 0;
    border-bottom: 1px solid var(--Text-txt-Black, #333);
  }
  .files_name button {
    width: 24px;
    background: none;
  }
  .files_name button img {
    width: 100%;
  }
  .files_button {
    border-radius: 8px;
    background: var(--Opacity-opacity-Black-10, rgba(51, 51, 51, 0.1));
    border: 1px solid transparent;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .files_button:hover {
    border: 1px solid var(--Opacity-opacity-Black85, rgba(51, 51, 51, 0.85));
  }
  .files_button:disabled {
    cursor: not-allowed;
    opacity: 0.35;
  }
  .files_button:disabled:hover {
    border: 1px solid transparent;
  }
  .files_button.added {
    background: var(--Buttons-btn-primary-default, #ee652f);
  }
  .files_button.added .files_complete {
    display: block;
  }
  .files_button.added .files_add {
    display: none;
  }
  .files_button.added:hover {
    border: 1px solid transparent;
  }
  .files_add {
    display: block;
  }
  .files_complete {
    display: none;
  }
  .files_warning b {
    color: #ff4600;
    border-bottom: 1px solid transparent;
  }
  .radio_title {
    color: var(--Opacity-opacity-Black85, rgba(51, 51, 51, 0.85));
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .radio_circle {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
    border: 1px solid var(--Opacity-opacity-Black35, rgba(51, 51, 51, 0.35));
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
  }
  .radio_filled {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(51, 51, 51, 0.2);
  }
  .radio_label {
    width: calc(50% - 6px);
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 6px;
    margin-top: 16px;
  }
  .radio_label:hover b .radio_filled {
    width: 16px;
    height: 16px;
  }
  .radio_label * {
    transition: 0.3s;
  }
  .radio_label b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
  }
  .radio_input {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
  }
  .radio_input:checked + b .radio_circle {
    border: 1px solid var(--Buttons-btn-primary-default, #ee652f);
    background: var(--Text-txt-White, #fff);
  }
  .radio_input:checked + b .radio_filled {
    background: var(--Buttons-btn-primary-default, #ee652f);
    width: 16px;
    height: 16px;
  }
  .charinputs {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
  }
  .charinputs h3 {
    color: var(--Text-txt-Black, #333);
    leading-trim: both;
    text-edge: cap;
    /* Landing Page/H3_Land */
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: 0.24px;
  }
  .charinputs_raw {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .charinputs_one {
    gap: 14px;
  }
  .charinputs_one .infoinputs_period,
  .charinputs_one .infoinputs_times {
    z-index: 10;
  }
  .charinputs_two h3, .charinputs_three h3 {
    padding-bottom: 14px;
  }
  .charinputs .all_text {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
  }
  .charinputs .all_label {
    gap: 3px;
  }
  .charinputs .exploration {
    padding: 5px 0;
    z-index: 12;
  }
  .charinputs .exploration.is-class {
    z-index: 9;
    position: relative;
  }
  .charinputs .exploration.is-class .exploration_wrapper {
    width: 470px;
  }
  .charinputs .exploration.is-pass {
    z-index: 5;
  }
  .charinputs .exploration svg {
    cursor: pointer;
  }
  .charinputs .exploration svg path,
  .charinputs .exploration .exploration_wrapper {
    transition: 0.3s;
  }
  .charinputs .exploration:hover .exploration_wrapper {
    display: flex;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
  }
  .charinputs .exploration:hover svg path {
    fill: var(--Text-txt-Black, #333);
  }
  .charinputs .exploration_wrapper {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    border-radius: 12px;
    background: var(--Text-txt-White, #fff);
    width: 100%;
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    padding: 16px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
  }
  .charinputs .exploration_double {
    display: flex;
    gap: 40px;
    width: 100%;
  }
  .charinputs .exploration_item {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
  }
  .charinputs .exploration_title {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    display: block;
  }
  .charinputs .exploration_title strong {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .charinputs .exploration_title.light {
    font-weight: 400;
  }
  .charinputs .exploration_title.light b {
    font-weight: 700;
  }
  .charinputs .exploration_paragraph {
    display: block;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .charinputs .exploration_list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .charinputs .exploration_list li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }
  .charinputs .exploration_list li b {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .charinputs .exploration_list li span {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .charinputs .exploration_button {
    display: block;
    margin-top: 20px;
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    padding: 16px 24px 16px 20px;
    width: -moz-fit-content;
    width: fit-content;
    align-self: flex-end;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White10, rgba(255, 255, 255, 0.1));
  }
  .charinputs .exploration_info {
    margin-top: 20px;
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    background: var(--Buttons-btn-default-blue, #53a0ff);
    gap: 10px;
    text-align: center;
    color: var(--Text-txt-White, #fff);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .charinputs .exploration_info span {
    font-weight: 700;
  }
  .charinputs_double {
    display: flex;
    flex-wrap: wrap;
  }
  .charinputs_double .all_text {
    width: 100%;
  }
  .charinputs .quiz_consent {
    margin-top: -22px;
  }
  .charinputs .consent {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
  }
  .charinputs .consent:hover .consent_box {
    background-image: url("../img/consent-hover.svg");
  }
  .charinputs .consent input[type=checkbox] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
  }
  .charinputs .consent_box {
    display: block;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    background-image: url("../img/consent-def.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.3s;
  }
  .charinputs .consent input:checked + .consent_box {
    background-image: url("../img/consent-checked.svg");
  }
  .charinputs .consent input.error + .consent_box {
    background-image: url("../img/consent-error.svg");
  }
  .charinputs .consent input.error:checked + .consent_box {
    background-image: url("../img/consent-checked.svg");
  }
  .charinputs .consent_text {
    color: var(--Opacity-opacity-Black85, rgba(51, 51, 51, 0.85));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .charinputs .consent_text a {
    color: var(--Opacity-opacity-Black85, rgba(51, 51, 51, 0.85));
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.28px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  .charinputs .all_next {
    min-height: 60px;
    background: var(--Success-Success_Default, #52a07c);
  }
  .charinputs .all_next:hover {
    background: var(--Success-Success_Dark, #317e5a);
  }
  .charinputs .all_next:disabled {
    cursor: not-allowed;
    opacity: 0.3;
  }
  .charinputs .all_next:disabled:hover {
    background: var(--Success-Success_Default, #52a07c);
  }
  .charinputs .popup_error {
    padding: 0 8px;
    display: none;
    gap: 4px;
    align-items: center;
    margin-top: 4px;
    color: var(--Buttons-btn-primary-hover, #ff4600);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .requirements {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .requirements_item {
    padding: 16px;
    display: flex;
    gap: 40px;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
  }
  .requirements_range {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 27px;
  }
  .requirements_range.two ol li {
    width: 39px;
  }
  .requirements_range.three ol li {
    width: 8px;
  }
  .requirements_range.three ol li:last-child {
    transform: translateX(-10px);
  }
  .requirements_range.four ol li {
    width: 52px;
  }
  .requirements_range .reqslider {
    --count: 16;
    --pct: 0%;
    --track-h: 4px;
    --fill: #ee652f;
    --track: rgba(51, 51, 51, 0.2);
    --thumb-size: 12px;
    --thumb-bg: #fff;
    --thumb-ring: #ee652f;
    --thumb-shadow: rgba(223, 106, 58, 0.15);
  }
  .requirements_range .reqslider_input {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: 100%;
    height: var(--track-h);
    background: transparent;
    outline: none;
    border: 0;
    cursor: pointer;
    /* === WebKit (Chrome, Safari, Edge Chromium) === */
    /* === Firefox === */
  }
  .requirements_range .reqslider_input::-webkit-slider-runnable-track {
    height: var(--track-h);
    border-radius: 999px;
    /* Дублированные стопы вместо "0 var(--pct)" */
    background: linear-gradient(90deg, var(--fill) 0%, var(--fill) var(--pct), var(--track) var(--pct), var(--track) 100%);
  }
  .requirements_range .reqslider_input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: var(--thumb-size);
    height: var(--thumb-size);
    border-radius: 50%;
    background: var(--thumb-bg);
    border: 2px solid var(--thumb-ring);
    margin-top: calc((var(--track-h) - var(--thumb-size)) / 2);
  }
  .requirements_range .reqslider_input::-moz-range-track {
    height: var(--track-h);
    border-radius: 999px;
    background: var(--track);
  }
  .requirements_range .reqslider_input::-moz-range-progress {
    height: var(--track-h);
    border-radius: 999px;
    background: var(--fill);
  }
  .requirements_range .reqslider_input::-moz-range-thumb {
    width: var(--thumb-size);
    height: var(--thumb-size);
    border-radius: 50%;
    background: var(--thumb-bg);
    border: 2px solid var(--thumb-ring);
  }
  .requirements_range .reqslider_ticks {
    display: flex;
    justify-content: space-between;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
    color: #7d8690;
    font-size: 0.875rem;
    line-height: 1.1;
  }
  .requirements_range .reqslider_ticks li {
    color: var(--Text-txt-lightgrey-2, #9e9e9e);
    width: 14px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.36px;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .requirements_range .reqslider_ticks li.active {
    color: #df6a3a;
  }
  .requirements_range .reqslider_ticks li:last-child {
    text-align: right;
  }
  .requirements_optimal {
    display: flex;
    justify-content: center;
    margin-left: -10px;
    padding-top: 4px;
    position: relative;
  }
  .requirements_data {
    position: absolute;
    top: calc(100% + 4px);
    right: 50%;
    transform: translateX(50%);
    color: var(--Buttons-btn-default-blue, #53a0ff);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.36px;
  }
  .requirements_text {
    flex: 1;
    padding-left: 24px;
    border-left: 1px solid var(--Border-border-grey1, #cecdd3);
    height: 90px;
    display: flex;
    flex-direction: column;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .requirements_text.middle {
    height: 108px;
  }
  .requirements_text.big {
    height: 130px;
  }
  .requirements_title {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    padding-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 1px;
  }
  .requirements_paragraph {
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
    padding-top: 12px;
  }
  .requirements_paragraph span {
    color: var(--Buttons-btn-primary-default, #ee652f);
  }
  .already {
    display: flex;
    align-items: center;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White20, rgba(255, 255, 255, 0.2));
    gap: 40px;
    padding: 32px;
  }
  .already.notneed, .already.got {
    margin-top: 18px;
  }
  .already_title {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding-bottom: 12px;
  }
  .already_paragrapth {
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.28px;
  }
  .processing {
    display: flex;
    padding: 4px;
    gap: 4px;
    border-radius: 12px;
    border: 1px solid var(--Border-border-grey1, #cecdd3);
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
  }
  .processing .all_label {
    flex: 1;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
    transition: 0.3s;
    cursor: pointer;
    gap: 8px;
  }
  .processing .all_label * {
    transition: 0.3s;
  }
  .processing .all_label .processing_text {
    color: var(--Text-txt-lightgrey-2, #9e9e9e);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    letter-spacing: -0.36px;
  }
  .processing .all_label:first-child svg rect {
    fill: #cecdd3;
  }
  .processing .all_label:last-child svg rect {
    fill: #cecdd3;
  }
  .processing .all_label:hover {
    background: var(--Opacity-opacity-White65, rgba(255, 255, 255, 0.65));
  }
  .processing .all_label:hover svg rect {
    fill: #9e9e9e;
  }
  .processing .all_label:hover .processing_text {
    color: var(--Text-txt-grey, #7f7e7e);
  }
  .processing_input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    white-space: nowrap;
  }
  .processing_input.foryes:checked ~ svg rect {
    fill: #52a07c;
  }
  .processing_input.forno:checked ~ svg rect {
    fill: #ff4600;
  }
  .processing_input:checked ~ .processing_text {
    color: var(--Text-txt-Black, #333);
  }
  .passivation {
    padding-top: 18px;
  }
  .passivation .requirements_item {
    margin-top: 8px;
    width: 100%;
  }
  .share {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
  }
  .share.active {
    display: flex;
  }
  .share-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--Opacity-opacity-Black65, rgba(51, 51, 51, 0.65));
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .share_close {
    width: 24px;
    background: none;
    outline: 1px solid var(--Opacity-opacity-Black-10, rgba(51, 51, 51, 0.1));
    border-radius: 4px;
  }
  .share_close:hover {
    outline: 1px solid var(--Text-txt-grey, #7f7e7e);
  }
  .share_wrapper {
    width: 670px;
    border-radius: 32px;
    background: var(--Element-BG-Inputs, #dfe2e5);
    position: relative;
    /* Header_shadow */
    box-shadow: 0 4px 8px 0 rgba(14, 14, 15, 0.1);
    padding: 40px;
  }
  .share_wrapper h2 {
    padding-bottom: 12px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
  }
  .share_wrapper h2 button {
    background: none;
  }
  .share_wrapper p {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    padding-bottom: 20px;
  }
  .share_btns {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 12px;
  }
  .share_social {
    display: flex;
    gap: 8px;
  }
  .share_link {
    width: 50px;
    height: 50px;
    border-radius: 1000px;
  }
  .share_link * {
    transition: 0.3s;
  }
  .share_link:hover {
    box-shadow: 0 2px 12px 0 rgba(14, 14, 15, 0.08);
  }
  .share_link.telegram:hover {
    /* Btn_Shadow Light */
  }
  .share_link.telegram:hover .hover {
    fill: #0072ff;
  }
  .share_link.whatsapp:hover {
    /* Btn_Shadow Light */
  }
  .share_link.whatsapp:hover .hover {
    fill: #317e5a;
  }
  .share_link.link:hover {
    /* Btn_Shadow Light */
  }
  .share_link.link:hover .hover {
    fill-opacity: 0.4;
  }
  @keyframes motherFadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes motherFadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes motherImgOutUp {
    from {
      transform: translateY(0);
      opacity: 1;
    }
    to {
      transform: translateY(-26px);
      opacity: 0;
    }
  }
  @keyframes motherImgInBounce {
    0% {
      transform: translateY(14px);
      opacity: 0;
    }
    70% {
      transform: translateY(-4px);
      opacity: 1;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes motherTitleOutRight {
    from {
      transform: translateX(0);
      opacity: 1;
    }
    to {
      transform: translateX(26px);
      opacity: 0;
    }
  }
  @keyframes motherTitleOutLeft {
    from {
      transform: translateX(0);
      opacity: 1;
    }
    to {
      transform: translateX(-18px);
      opacity: 0;
    }
  }
  @keyframes motherTitleIn {
    from {
      transform: translateX(10px);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }
  .mother {
    padding-top: 6px;
    /* Запрет выделения текста в "Подробнее о нас" */
    /* На всякий — чтобы клики/тапы работали стабильно */
  }
  .mother_wrapper {
    position: relative;
    border-radius: 32px;
    border: 1px solid #e8e8e8;
    background: var(--Opacity-opacity-White85, rgba(255, 255, 255, 0.85));
    padding: 32px;
    height: 650px;
    --m-out: 400ms;
    --m-in: 360ms;
    --m-ease: cubic-bezier(0.2, 0.75, 0.2, 1);
    --m-bounce: cubic-bezier(0.18, 1.35, 0.32, 1);
  }
  .mother_wrapper.is-animating {
    pointer-events: none;
  }
  .mother_wrapper.phase-out.dir-next .mother_bg {
    animation: motherImgOutUp var(--m-out) var(--m-ease) forwards;
  }
  .mother_wrapper.phase-out.dir-next .mother_title {
    animation: motherTitleOutRight var(--m-out) var(--m-ease) forwards;
  }
  .mother_wrapper.phase-out.dir-next .mother_desc,
  .mother_wrapper.phase-out.dir-next .mother_action,
  .mother_wrapper.phase-out.dir-next .mother_nav {
    animation: motherFadeOut var(--m-out) var(--m-ease) forwards;
  }
  .mother_wrapper.phase-out.dir-prev .mother_bg {
    animation: motherImgOutUp var(--m-out) var(--m-ease) forwards;
  }
  .mother_wrapper.phase-out.dir-prev .mother_title {
    animation: motherTitleOutLeft var(--m-out) var(--m-ease) forwards;
  }
  .mother_wrapper.phase-out.dir-prev .mother_desc,
  .mother_wrapper.phase-out.dir-prev .mother_action,
  .mother_wrapper.phase-out.dir-prev .mother_nav {
    animation: motherFadeOut var(--m-out) var(--m-ease) forwards;
  }
  .mother_wrapper.phase-in .mother_bg {
    animation: motherImgInBounce var(--m-in) var(--m-bounce) forwards;
  }
  .mother_wrapper.phase-in .mother_title {
    animation: motherTitleIn var(--m-in) var(--m-ease) forwards;
  }
  .mother_wrapper.phase-in .mother_desc,
  .mother_wrapper.phase-in .mother_action,
  .mother_wrapper.phase-in .mother_nav {
    animation: motherFadeIn var(--m-in) var(--m-ease) forwards;
  }
  .mother_advantages {
    position: absolute;
    left: 32px;
    top: 32px;
    display: flex;
    gap: 8px;
    opacity: 0.8;
    z-index: 1;
  }
  .mother_item {
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Element-BG-White, #eeeff0);
    color: var(--Text-txt-grey, #7f7e7e);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .mother_top {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .mother_media {
    width: calc(100% - 250px);
    display: block;
    margin-top: -30px;
    margin-right: -50px;
    margin-left: -32px;
    position: relative;
  }
  .mother_media.type-3, .mother_media.type-4 {
    margin-top: 50px;
    margin-left: -32px;
    margin-right: 50px;
  }
  .mother_bg {
    display: block;
    width: 100%;
  }
  .mother_nav {
    display: flex;
    width: 300px;
    padding: 18px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 20px;
    border: 1px solid var(--Element-BG-White, #eeeff0);
    background: var(--Element-BG-White, #eeeff0);
  }
  .mother_nav h3 {
    color: var(--Text-txt-Black, #333);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    /* Landing Page Adaptive/H3_Land_1000 */
    font-family: "Bebas Neue";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: 0.2px;
  }
  .mother .mother_nav,
  .mother .mother_nav * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .mother .mother_nav .mother_element {
    -webkit-tap-highlight-color: transparent;
  }
  .mother_elements {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .mother_element {
    display: flex;
    gap: 4px;
    color: var(--Text-txt-lightgrey-2, #9e9e9e);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    text-align: left;
  }
  .mother_element * {
    transition: 0.3s;
  }
  .mother_element svg {
    min-width: 0;
    width: 0;
  }
  .mother_element svg path {
    fill: var(--Text-txt-grey, #7f7e7e);
  }
  .mother_element.active {
    color: var(--Buttons-btn-primary-default, #ee652f) !important;
  }
  .mother_element.active svg {
    min-width: 18px;
    width: 18px;
  }
  .mother_element.active svg path {
    fill: var(--Buttons-btn-primary-default, #ee652f) !important;
  }
  .mother_element:hover {
    color: var(--Text-txt-lightgrey-2, #9e9e9e);
  }
  .mother_element:hover svg {
    min-width: 18px;
    width: 18px;
  }
  .mother_element:hover svg path {
    fill: var(--Text-txt-grey, #7f7e7e);
  }
  .mother_info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 32px;
    width: 100%;
  }
  .mother_info h1 {
    color: var(--Buttons-btn-primary-default, #ee652f);
    flex: 1;
    /* Landing Page/H1Big */
    font-family: "Bebas Neue";
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%; /* 90px */
    letter-spacing: 1px;
  }
  .mother_info h1 span {
    color: var(--Text-txt-Black, #333);
  }
  .mother_info h1.small {
    font-size: 83px;
    letter-spacing: 0.85px;
  }
  .mother_middle {
    display: flex;
    align-items: flex-end;
    gap: 24px;
  }
  .mother_buttons {
    display: flex;
    gap: 8px;
  }
  .mother_button {
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    background: var(--Opacity-opacity-White40, rgba(255, 255, 255, 0.4));
    background: none;
    outline: none;
  }
  .mother_button * {
    transition: 0.3s;
  }
  .mother_button.next {
    transform: rotate(180deg);
  }
  .mother_button svg {
    min-width: 18px;
    min-height: 18px;
    max-width: 18px;
    max-height: 18px;
  }
  .mother_button:hover {
    border: 1px solid var(--Element-Icon-LightPeach, #ffa787);
  }
  .mother_button:hover svg path {
    fill: var(--Buttons-btn-primary-default, #ee652f);
  }
  .mother_bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 16px;
  }
  .mother_bottom p {
    max-width: 500px;
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
  }
  .mother_action {
    display: flex;
    gap: 8px;
  }
  .mother_gray {
    color: var(--Text-txt-Black, #333);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    padding: 16px 24px;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 8px;
    background: var(--Element-BG-Grey, #d7dbdf);
  }
  .mother_gray:hover {
    background: rgba(51, 51, 51, 0.15);
  }
  .portfolio {
    padding-top: 100px;
  }
  .portfolio h2 {
    padding-bottom: 16px;
  }
  .portfolio_wrapper {
    overflow: hidden;
  }
  .portfolio_item {
    border-radius: 12px;
    overflow: hidden;
  }
  .portfolio_item img {
    cursor: pointer;
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .lightboxes.universal .lb {
    max-width: 80%;
    max-height: 80%;
  }
  .lightboxes.universal .lb-img {
    height: 80vh;
    width: auto;
  }
  .lightboxes.universal .lb-stage {
    margin-top: 3vh;
  }
}/*# sourceMappingURL=style.css.map */