/* Шрифты IBM Plex Sans и Rubik с поддержкой различных языков */


/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../../../fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxTKYbSB4ZhRNU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../../../fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxaKYbSB4ZhRNU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../../../fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxdKYbSB4ZhRNU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../../../fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxRKYbSB4ZhRNU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../../../fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbSB4ZhRNU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../../../fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSB4Zh.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWEBXyIfDnIV7nEnXu61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWEBXyIfDnIV7nEnXO61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWEBXyIfDnIV7nEnXq61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWEBXyIfDnIV7nEnXy61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWEBXyIfDnIV7nEnXC61E_c5IhGzg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWEBXyIfDnIV7nEnX661E_c5Ig.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWKBXyIfDnIV7nErXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(../../../fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.text_cookie {
color: #555 !important;
}
.text_cookie:hover {
color: #555 !important;
}
.tab-responsive {
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin: 0 0 1.5em;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  background-color: #fff;
}
.hero__title {
    color: var(--text-color);
    font-family: Rubik;
    
    font-style: normal;
    font-weight: 800;
    letter-spacing: -0.10125rem;
    line-height: 3.75rem;
    margin-bottom: 0.5em;

}
.tab-responsive tbody {
  display: table-row-group;
}

.tab-responsive tr {
  border-bottom: 1px solid #ddd;
}

.tab-responsive td {
  padding: 0.875em 1em;
  text-align: left;
  vertical-align: top;
  border: 1pt solid #ddd;
}

/* Заголовочная строка */
.tab-responsive tr:first-child td {
  background: #d9d9d9;
  font-weight: 600;
  text-align: center;
}

.tab-responsive p {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

.tab-responsive p + p {
  margin-top: 0.5em;
}

.tab-responsive p:empty {
  display: none;
}

/* Адаптивные стили для планшетов */
@media screen and (max-width: 900px) {
  .tab-responsive {
    font-size: 0.9em;
  }
  
  .tab-responsive td {
    padding: 0.75em;
  }
}

/* Адаптивные стили для мобильных устройств */
@media screen and (max-width: 768px) {
  .tab-responsive {
    border: 0;
    display: block;
  }
  
  .tab-responsive tbody {
    display: block;
  }
  
  /* Скрываем заголовочную строку */
  .tab-responsive tr:first-child {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }
  
  /* Каждая строка данных становится отдельной карточкой */
  .tab-responsive tr {
    border: 1px solid #ddd;
    border-radius: 8px;
    display: block;
    margin-bottom: 1.5em;
    padding: 1em;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }
  
  .tab-responsive tr:last-child {
    margin-bottom: 0;
  }
  
  /* Ячейки отображаются вертикально */
  .tab-responsive td {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    display: block;
    padding: 1em 0;
    position: relative;
    padding-left: 0;
  }
  
  .tab-responsive td:last-child {
    border-bottom: 0;
  }
  
  /* Добавляем заголовки перед каждой ячейкой */
  .tab-responsive td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    font-size: 0.85em;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 0.5em;
    letter-spacing: 0.05em;
  }
  
  /* Стили для параграфов в мобильной версии */
  .tab-responsive td p {
    font-size: 0.95em;
    line-height: 1.7;
    color: #333;
  }
  
  .tab-responsive td p + p {
    margin-top: 0.4em;
  }
  
  /* Списки внутри ячеек */
  .tab-responsive td p:not(:first-of-type) {
    padding-left: 1em;
    position: relative;
  }
  

}

/* Экстра маленькие экраны */
@media screen and (max-width: 480px) {
  .tab-responsive tr {
    padding: 0.75em;
    margin-bottom: 1.25em;
  }
  
  .tab-responsive td {
    padding: 0.75em 0;
  }
  
  .tab-responsive td::before {
    font-size: 0.8em;
    margin-bottom: 0.4em;
  }
  
  .tab-responsive td p {
    font-size: 0.9em;
  }
}

/* Очень маленькие экраны */
@media screen and (max-width: 360px) {
  .tab-responsive tr {
    padding: 0.5em;
    margin-bottom: 1em;
  }
  
  .tab-responsive td {
    padding: 0.6em 0;
  }
  
  .tab-responsive td::before {
    font-size: 0.75em;
  }
  
  .tab-responsive td p {
    font-size: 0.85em;
    line-height: 1.6;
  }
}
code, kbd, pre, samp {

font-family:'IBM Plex Sans', sans-serif !important;
}
.btn-dispatch-auth {
    background-color: rgb(160, 160, 160, 0.3);
    color: #222 !important;
    border: 1px solid rgb(160, 160, 160, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
}

.btn-dispatch-auth:hover {
    background-color: #d0d0d0 !important;
    border-color: #d0d0d0 !important;
}

.btn-dispatch-auth .svg {
    flex-shrink: 0;
}

.btn-dispatch-auth .btn__text {
    color: #222 !important;
}
/* Иконка */
.btn-dispatch-auth__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 22px;
    line-height: 1;
}

.btn-dispatch-auth__icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
    color: #222;
}

/* ---------- ДЕСКТОП (≥1024 px) ---------- */
@media (min-width: 1024px) {
  html {
    font-size: 16px !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;
  }

  .text-xs, small, sub, sup {
    font-size: .50rem !important;
    line-height: 1.3 !important;

    letter-spacing: .01em !important;
  }
  .text-sm2 {
    font-size: .625rem !important;
    line-height: 1.35 !important;

    letter-spacing: .005em !important;
  }
  .text-sm, caption, figcaption {
    font-size: .75rem !important;
    line-height: 1.4 !important;

    letter-spacing: 0 !important;
  }
  body, p, td, li, dt, dd, label {
    font-size: 1rem !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;
  }
  .text-base, summary, output, legend {
    font-size: 1rem !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;
  }
  .text-lg, blockquote, pre {
    font-size: 1.125rem !important;
    line-height: 1.55 !important;

    letter-spacing: -.01em !important;
  }
  .text-xl {
    font-size: 1.25rem !important;
    line-height: 1.55 !important;

    letter-spacing: -.01em !important;
  }

  h6 {
    font-size: 0.80rem !important;
    line-height: 1.3 !important;

    letter-spacing: -.01em !important;
  }
  h5 {
    font-size: 1rem !important;
    line-height: 1.25 !important;

    letter-spacing: -.015em !important;
  }
  h4 {
    font-size: 1.5rem !important;
    line-height: 1.2 !important;

    letter-spacing: -.02em !important;
  }
  h3 {
    font-size: 2rem !important;
    line-height: 1.15 !important;

    letter-spacing: -.025em !important;
  }
  h2 {
    font-size: 2.5rem !important;
    line-height: 1.1 !important;

    letter-spacing: -.03em !important;
  }
  h1 {
    font-size: 3rem !important;
    line-height: 1.05 !important;

    letter-spacing: -.035em !important;
  }
  .text-hero {
    font-size: 3rem !important;
    line-height: 1 !important;

    letter-spacing: -.04em !important;
  }
}

/* ---------- МОБИЛЬНЫЕ (<768 px) ---------- */
@media (max-width: 767px) {
  html {
    font-size: 14px !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;
  }

  .text-xs, small, sub, sup {
    font-size: .6rem !important;
    line-height: 1.3 !important;

    letter-spacing: .01em !important;
  }
  .text-sm2 {
    font-size: .9rem !important;
    line-height: 1.35 !important;

    letter-spacing: .005em !important;
  }
  .text-sm, caption, figcaption {
    font-size: 1rem !important;
    line-height: 1.4 !important;

    letter-spacing: 0 !important;
  }
  body, p, td, li, dt, dd, label {
    font-size: 1.2rem !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;
  }
  .text-base, summary, output, legend {
    font-size: 1rem !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;
  }
  .text-lg, blockquote, pre {
    font-size: 1.1rem !important;
    line-height: 1.55 !important;

    letter-spacing: -.005em !important;
  }
  .text-xl {
    font-size: 1.2rem !important;
    line-height: 1.55 !important;

    letter-spacing: -.01em !important;
  }

  h6 {
    font-size: 1.4rem !important;
    line-height: 1.3 !important;

    letter-spacing: -.01em !important;
  }
  h5 {
    font-size: 1.5rem !important;
    line-height: 1.25 !important;

    letter-spacing: -.015em !important;
  }
  h4 {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;

    letter-spacing: -.02em !important;
  }
  h3 {
    font-size: 2rem !important;
    line-height: 1.15 !important;

    letter-spacing: -.025em !important;
  }
  h2 {
    font-size: 2.2rem !important;
    line-height: 1.1 !important;

    letter-spacing: -.03em !important;
  }
  h1 {
    font-size: 2.4rem !important;
    line-height: 1.05 !important;

    letter-spacing: -.035em !important;
  }
  .text-hero {
    font-size: 2rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }
}

/*olga-desktop*/
body {
    --white_text_black: var(--light, #001424) var(--dark, white) !important;
    --white_text_black_reverse: var(--light, #fff) var(--dark, #001424) !important;
    --black_bg_black: var(--light, #fff) var(--dark, #001424) !important;
    --darkerblack_bg_black: var(--light, #f8f8f8) var(--dark, #001424) !important;
    --card_bg_black: var(--light, #fff) var(--dark, #001424) !important;
    --card_bg_hover_black: var(--light, #fff) var(--dark, #2b2b2b) !important;
    --arrows_bg_black: var(--light, #fff) var(--dark, #444) !important;
    --lite_bg_black: var(--light, #fafafa) var(--dark, #1b1b1b) !important;
    --fill_dark_light: var(--light, #001424) var(--dark, #fff) !important;
    --fill_dark_lite_ccc: var(--light, #001424) var(--dark, #ccc) !important;
    --dff_dark_light: var(--light, #fff) var(--dark, #001424) !important;
    --input_color: var(--light, #001424) var(--dark, var(--basic_text_black)) !important;
}



:root {
    --bg: #a9d6ab;
    --lg-width: 1200px;
    --md-width: 992px;
    --primary-color: #18BB44;
    --sm-width: 768px;
    --text-color: #001424;
}
.mobileheader--color-white.js-header-scroll-effect {
    position: fixed; /* или sticky, если используешь */
    top: 0;
    left: 0;
    right: 0;
    transition: transform 0.3s ease, background-color 0.3s ease, backdrop-filter 0.3s ease;
    will-change: transform, background-color, backdrop-filter;
    z-index: 1000; /* убедись что хедер поверх контента */
}

/* Fallback для браузеров без поддержки backdrop-filter */
@supports not (backdrop-filter: blur(20px)) {
    .mobileheader--color-white.js-header-scrolled {
        background-color: rgba(255, 255, 255, 0.95) !important;
    }
}
.mobileheader--color-white {
    background-color: rgba(255, 255, 255, 1);

	}
.link-dark {
    color: var(--text-color);
}

.hero__container {
    display: flex;
}



.hero__description {
    padding: 6.31rem 6.31rem 6.31rem 2.88rem;
        display: flex;
    gap: 15px;
    flex-direction: column;
    flex-wrap: nowrap;
}
.content-middle-left {

    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: flex-start;

}


.hero__text {
    color: var(--text-color);
    font-family: "IBM Plex Sans";
  
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.0125rem;
    line-height: 1.75rem;
      margin-bottom: 0.5em;
}

.hero__btns {
    align-items: center;
    display: flex;
    gap: 2.44rem;
}

.hero__image {
        margin-right: 1rem;
    padding: 2.88rem 0;
    text-align: center;
}

.hero__image img {
    max-width: 450px;
    width: 100%;
    height: auto;
}

.hero__block.hero__block--slider {
    background: var(--bg);
}

@media (max-width: 992px) {
    .hero__title {
        width: 100%;
   
    }

    .hero__container {
        display: flex;
        flex-direction: column;
        gap: .75px;
    }

    .hero__block--left .hero__container {
        flex-direction: column-reverse;
    }

    .hero__description {
        padding: 3rem 0 3rem 0;
        text-align: center;
    }

   

    .hero__btns {
        justify-content: center;
    }

    .hero__block.hero__block--slider {
        background: transparent;
    }

    .hero__block.hero__block--slider .hero__image {
        display: none;
    }

}


@media (max-width: 768px) {
.maxwidth-theme-mobile-wide {

margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: var(--theme-page-width);
    max-width: calc(var(--theme-page-width) + calc(2 * var(--theme-page-width-padding)));
    width: 100%;
    padding-left: 0 !important;
    padding-right:0 !important;
}
.logo img, .logo svg {
    max-height: 60% !important;
    max-width: 60% !important;
}
    .hero__image img {
    max-width: 250px;
}
   

    .hero__description {
        padding: 0 2.53rem 2.53rem 2.53rem;
    }

    .hero__btns {
        flex-direction: column;
        gap: .69rem;
        justify-content: center;
    }

   .navitel-card-image {
    max-width: 200px !important;
   }

}

/*my-desktop*/

.topic__heading {

    display: contents !important;
}

.topic__heading #pagetitle {
color: var(--text-color);
    font-family: Rubik;

    font-style: normal;
    font-weight: 800;
    letter-spacing: -0.10125rem;
    line-height: 3.75rem;
    margin-bottom: 0.5em;
    width: min-content;
}
.img-fluid-prd {
    height: auto;
    max-width: 100%;
}

.line-block.line-block--6.line-block--6-vertical.line-block--flex-wrap .bordered {
    padding: 2px 5px 2px 5px;
    border-radius: 5px;
}

::selection {
    background: #f36f20 !important;
    color: #fff !important;
}

.detail-block.ordered-block.desc {
    color: black !important;

}

.detail-block.ordered-block.desc p {
    margin-bottom: 10px !important;
}

ul li {
    list-style-type: none;
    position: relative;
    padding-left: 0px;
    margin-bottom: 8px;
}

.main ul li:before {
    content: "•" !important;
    position: relative;
    left: 0px;
    top: 0px !important;
    background: none !important;
    width: 0px !important;
    height: 0px !important;
    display: inline-block;
    vertical-align: text-top !important;
    margin-right: 10px;
}

.sticky-block.sticky-block--show-N {
    border-radius: 5px;
    padding: 20px;
    border: 1px solid black;
}

.chip {
    border: 1px solid black !important;
}

.banners-img-with-text-list__item.hover_zoom.shadow-hovered.shadow-no-border-hovered.outer-rounded-x,
.sections-slider__item-image-wrapper.outer-rounded-x.sections-slider__item-image-wrapper--PICTURES.sections-slider__item-image-wrapper--fon-Y,
.swiper-button-next,
.swiper-button-prev {
    border: 1px solid black !important;
}

.blog-list__item {
    position: relative;
    overflow: hidden;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) !important;
 
    color: #001424;
    border-radius: 20px !important;
}

.blog-list__item-title.switcher-title.font_weight--500.font_18.font_16--to-600 {
    padding: 8px;
  
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 900;


}

.blog-list__item-text-bottom-part {
    padding-top: 5px;
    margin: auto !important;
}

.blog-list__item-text-wrapper {
    padding: 0px !important;
}

.detail-image.detail-image--wide {
    pointer-events: none !important;

}


.blog-list__item-text-wrapper.flex-grow-1 {
    margin-bottom: 10px !important;
}



.group-without-margin .form-control {
    background: white !important;
}

.blog-list__wrapper.grid-list__item {
    border-radius: 15px !important;
   
}


.blog-list__item-image {
    border-radius: 15px 15px 0px 0px !important;

}


.bx-sls .dropdown-block {
    background: white !important;
}
.jqmWindow {
  box-shadow:
    inset 1px 1px 0 #fff,
    inset 0 0 5px #fff;
}

.jqmWindow::-webkit-scrollbar { width: 0 !important }
.city_destination {
    display: none !important;
}

.bx-soa-section-location.bx-soa-section-title-container {
    display: block !important;
}

.change_city.font_xs.colored {
    display: none !important;
}


.blog-list__item-image-wrapper {

    padding-top: 100% !important;

}

.news-list-cnt-wrapper {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.news-list-container {

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: space-around;
    flex-wrap: nowrap;
    align-items: center;

}


.schetchik.blog-list__item-period.font_14 div {
    display: flex;
    align-items: center;
    align-content: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}


.schetchik.blog-list__item-period.font_14 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-end;
    align-items: flex-start;

}

.schetchik.blog-list__item-period.font_14 div img {
    margin-right: 5px;
}



.review-main-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: center;

}

.line-block__item rating__value {
    font-weight: bold !important;
    color: black;
}


.icon-review {
 
    padding: 5px;
    width: 25px;
}


.count-reviews-wrapper {

    margin: 5px;
}



.fancybox-container .fancybox-bg {
    background: black !important;
    opacity: 0.8 !important;

}

.blur {
    backdrop-filter: blur(25px);
}

.fancybox-image,
.fancybox-spaceball {
    border-radius: 25px !important;

}

.fancybox-button--close {

    margin: 20px !important;
    color: black !important;
    border-radius: 200px !important;
}

.SDEK_selectPVZ {
    background: #f36f20 !important;
    border-color: #f36f20 !important;
    animation: wiggle linear infinite;
}

.social__items.grid-list--items-4 {

    grid-template-columns: repeat(1, 1fr) !important;
}


.SDEK_selectPVZ {
    animation-name: wiggle;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: 3s;
    animation-fill-mode: forwards;
    animation-play-state: running;
}

@keyframes wiggle {

    0%,
    100% {
        transform: scaleX(0.9);
    }

    50% {
        transform: scaleX(1);
    }
}


.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: 85% !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.swiper-pagination-bullet:hover:before {
    background-color: #f36f20 !important;
}

.sections-slider__item-image-wrapper--fon-Y {
    background-color: #E7E7E7 !important;
}

body {
    --darkerblack_bg_black: var(--light, #E7E7E7) var(--dark, #121212) !important;
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(8%);
    }

    100% {
        transform: translateY(0%);
    }
}

.logo {
    height: 120px !important;
}

.jqmWindow {

    backdrop-filter: blur(20px) !important;
    background: rgba(255, 255, 255, 0.7) !important;

}

.banners-big__item .banners-big__img-wrapper .banners-big__img {
    width: auto;
    max-height: 100% !important;
    position: relative !important;
    bottom: 0;
    /* padding: 5% 5% 5% 5% !important; */
    left: 20% !important;
    margin: 0 auto !important;
}

body .banners-img-with-text-list__item-text--absolute * {
    bottom: 50px;

    color: #121212 !important;
}

.dnone {
    display: none !important;
}

.bannerdescadv {
    z-index: 99999;

    padding: 10px 10px 10px 0px;
    text-align: left;
    margin: auto;
}

.footer__main-part {
    background-color: #E7E7E7 !important;
}

.footer--color-light .footer__bottom-part-inner {
    border-color: #E7E7E7 !important;
}

.footer.footer--color-light {
    border-color: #E7E7E7 !important;
}

.sections-slider__item-image-wrapper {
    /* Время трансформации */
    transition: all 700ms ease;
}

.sections-slider__item-image-wrapper:hover {
    /* Анимация при наведении */
    box-shadow: 0px 7px 6px 0px rgba(24, 187, 68, 0.9);
    -moz-box-shadow: 0px 7px 6px 0px rgba(24, 187, 68, 0.9);
    -webkit-box-shadow: 0px 7px 6px 0px rgba(24, 187, 68, 0.9);
}

/* Анимация при убирании мыши */
.sections-slider__item-image-wrapper:not(:hover) {
    /* Плавное исчезновение анимации при убирании мыши */
    box-shadow: none;
}

.sections-block__item {
    /* Время трансформации */
    transition: all 700ms ease;
}

.sections-block__item:hover {
    transform: scale(1.1) translate(0px, 4px);
}

.sections-block__item:not(:hover) {
    transform: scale(1) translate(0px, 0px);
}

.sections-slider__item-image {
    transition: all 600ms ease;
}

.sections-slider__item-image:hover {
    transform: scale(1.1) translate(0px, 4px);
}

.sections-slider__item-image:not(:hover) {
    transform: scale(1) translate(0px, 0px);
}

.footer__bottom-part {
    background-color: #E7E7E7 !important;
}

/* Приложения в подвале скачать */

#apps_container_wrapper p,
#apps_container_wrapper span {
  margin-bottom: 0px !important;

  font-family: "IBM Plex Sans";
  font-weight: 600;
}



.apps_container_wrapper p:hover {

color: var(--theme-base-color);
}

.apps_container_wrapper {
margin-top: 15px;
margin-bottom:5px;
    display: flex;
    gap: 10px;
flex-direction: column;
}

.apps_container {

display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    justify-content: center;
    margin-bottom: 4px;
    flex-direction: row;
    align-content: center;
    align-items: center;
}


.app_card_wrapper {

    align-items: center;
    background-color: initial;
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    text-decoration: none;
}

.app_card_body {

background-color: rgb(160, 160, 160, 0.3);
padding: 18px 18px !important;
    border-radius: 25px;

}
.app_card_body:hover {

-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.icon_app {
height: 32px;
    width: 32px;
}

@media (max-width: 600px) { 
.mobileheader--color-white {
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}
.mobileheader--color-white {
		background-color: rgba(255, 255, 255, 1);}
#mobilemenu {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(20px) !important;
	}
#mobileheader {
        top: 0 !important;
    position: fixed !important;

}

	#mobileheader .mobileheader {


    width: 100vw;
}
}
@media (max-width: 600px) {

.main  {
    margin-top: 80px !important;
}

}
.icon_app {
height: 22px;
    width: 22px;
}

/*Т*/
.delivery-wrapper {
    margin: 0 auto;
}

.delivery-table {
    margin: 0 0 40px 0;
    width: 100%;
    display: table;
}

.delivery-row {
    display: table-row;
    background: #f6f6f6;
}

.delivery-row:nth-of-type(odd) {
    background: #e9e9e9;
}

.delivery-row.header {
    font-weight: 900;
    color: #ffffff;
    background: #18bb44;
}

.delivery-cell {
    padding: 6px 12px;
    display: table-cell;
}



.banners-big .maxwidth-banner .banners-big__nav-wrap {
    bottom: 10px !important;
}

.banners-big__nav-wrap {
    left: 92%;
    position: relative;
    display: flex;
}

#payanyway-payment-form .productPage-link {
    background-color: #18bb44 !important;
    color: white !important;
    border: 1px solid #18bb44 !important;
    border-radius: 8px !important;
}

/*Для детального описания*/

.content-wrapper-desc {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.fixed-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.catalog-detail .content--max-width {
    max-width: 2000px !important;
}

.main-card-container {
    max-width: 1200px;
    margin: 0 auto;
}

.main-card-container h1 {

    font-weight: 400;
    text-align: center;
}

.main-card-container img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.card_image_desc {
    margin: 1rem;
    width: 170px;
    height: auto;
}

.cards_desc {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cards_item_desc {
    display: flex;
    padding: 0.8rem;
}


.card_desc {
    align-items: center;
    vertical-align: middle;
    border: 2px solid #18bb44;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.card_content {
    padding: 1rem;
}

.card_title {
    color: #121212;

    font-weight: 700;
    letter-spacing: 1px;
    margin: 0px;
}

.card_text {
    color: #121212;

    line-height: 1.5;
    margin-bottom: 1.25rem;
    font-weight: 400;
    text-align: justify;
}

.main-card-container li {
    list-style-type: none !important;
}

.main-card-container ul {
    padding-left: 0 !important;
}

.vk-list__item-image-wrapper .image {
    padding: 100% 0 0 0 !important;
}

.banner.CONTENT_BOTTOM {
    margin-bottom: 40px !important;
}

.lead-prd {
    text-align: justify !important;
}

@media (max-width: 1495px) {

    .banners-big__item,
    .main-slider__item {
        background-size: contain !important;
    }

    .banners-big--low {
        --big-banner-height: 300px !important;
    }
}

.destination_value {

    font-weight: bold !important;
    color: #f36f20 !important;
    text-decoration: underline !important;
}

.change_city:hover {
    background-color: #f36f20 !important;
    color: white;
}

.change_city {
    background-color: #18bb44;
    color: white;
    --button-height: 42px;
  
    --button-pl: 20px;
    --button-pr: 20px;
 
    line-height: 1em;
    font-weight: 600;
    text-transform: none;
    text-transform: var(--theme-text-transform);
    letter-spacing: normal;
    letter-spacing: var(--theme-letter-spacing);
    text-decoration: none;
    margin: 0;
    border: 1px solid;
    border-radius: 8px;
    border-radius: var(--border-radius);
    padding: 1px 20px;
    padding-left: var(--button-pl);
    padding-right: var(--button-pr);
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    height: var(--button-height);
    user-select: none;
    background-image: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .1s ease;
    -moz-transition: background-color .1s ease;
    -ms-transition: background-color .1s ease;
    -o-transition: background-color .1s ease;
    -webkit-transition: background-color .1s ease;
}

.bx-sls .dropdown-block {
    border-radius: 6px;
}

.catalog-viewed {
    z-index: 0 !important;
}

.bordered {
    border: 1px solid black !important;
}


/*my-mobile*/

@media screen and (min-width: 320px) and (max-width: 900px) {

    ::selection {
        background: #f36f20 !important;
        /* Цвет фона */
        color: #fff !important;
        /* Цвет текста */
    }


.hero__title {
    color: var(--text-color);
    font-family: Rubik;

    font-style: normal;
    font-weight: 800;
    line-height: 1.75rem;
}
    .detail-block.ordered-block.desc p {
        margin-bottom: 10px !important;
    }


    .faq__block {
        overflow: hidden;
        padding-bottom: 0px !important;

    }

    ul li {
        list-style-type: none;
        position: relative;
        padding-left: 0px;
        margin-bottom: 8px;
    }

    .line-block.line-block--12-vertical.line-block--align-normal.flexbox--direction-column {
        margin-bottom: 10%;
    }

    .main ul li:before {
        content: "•" !important;
        position: relative;
        left: 0px;
        top: 0px !important;
        background: none !important;
        width: 0px !important;
        height: 0px !important;
        display: inline-block;
        vertical-align: text-top !important;
        margin-right: 10px;
    }

    .blog-list__item-title.switcher-title.font_weight--500.font_18.font_16--to-600 {
        padding: 15px;
  
    }

    .banners-img-with-text-list__item.hover_zoom.shadow-hovered.shadow-no-border-hovered.outer-rounded-x,
    .sections-slider__item-image-wrapper.outer-rounded-x.sections-slider__item-image-wrapper--PICTURES.sections-slider__item-image-wrapper--fon-Y,
    .swiper-button-next,
    .swiper-button-prev {
        border: 1px solid black !important;
    }

    .blog-list__item-text-bottom-part {
        padding-top: 5px;
        margin: auto !important;
    }

    .chip {
        border: 1px solid black;
    }

    .blog-list__item-text-wrapper {
        padding: 0px !important;
    }

    .bx_filter_parameters_box_title.title.dropdown-select__title.font_14.font_large.fill-dark-light.bordered.rounded-x.shadow-hovered.shadow-no-border-hovered {
        border: none !important;
    }

    .detail-image.detail-image--wide {
        pointer-events: none !important;

    }


    .blog-list__item-text-wrapper.flex-grow-1 {
        margin-bottom: 10px !important;
    }

    .bordered {
        border: 1px solid black !important;
    }

    .blog-list__wrapper.grid-list__item {
        border-radius: 20px !important;
       
    }

    .blog-list__item-image {
        border-radius: 20px 20px 0px 0px !important;

    }

    .group-without-margin .form-control {
        background: white !important;
    }

    .bx-sls .dropdown-block {
        background: white !important;

    }

    .city_destination {
        display: none !important;
    }


    .bx-soa-section-location.bx-soa-section-title-container {
        display: block !important;
    }

    .change_city.font_xs.colored {
        display: none !important;
    }


    .blog-list__item-image-wrapper {

        padding-top: 100% !important;

    }

    .news-list-cnt-wrapper {
        display: flex;
        flex-direction: row;
        align-content: stretch;
        align-items: stretch;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }

    .news-list-container {

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: space-around;
        flex-wrap: nowrap;
        align-items: center;

    }


    .schetchik.blog-list__item-period.font_14>div {
        display: flex;
        align-items: center;
        align-content: stretch;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }


    .schetchik.blog-list__item-period.font_14 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: space-between;
        justify-content: flex-end;
        align-items: flex-start;

    }

    .schetchik.blog-list__item-period.font_14>div>img {
        margin-right: 5px;
    }

    .review-main-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: space-between;
        align-items: center;

    }


    ::-webkit-scrollbar {
        visibility: hidden;
        width: 0px;
    }

    .line-block__item rating__value {
        font-weight: bold !important;
        color: black;
    }



    .icon-review {
        margin-bottom: 1px;
        width: 12px;
    
        max-width: 16px;
    }

    .count-reviews-wrapper {
       
        margin: 5px;
    }


    .review-icon-wrapper {
        position: relative;
        top: 2px;

    }


    .video_block .grid-list:not(.grid-list--items-1) {
        grid-template-columns: 10fr 0fr !important;
    }

    #IPOLSDEK_injectHere {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        align-items: flex-start;
    }

    .social__items.grid-list--items-4 {

        grid-template-columns: repeat(1, 1fr) !important;
    }

    .SDEK_selectPVZ {
        margin: 0 auto;
        background: #f36f20 !important;
        border-color: #f36f20 !important;
        animation: wiggle linear infinite;
    }


    .SDEK_selectPVZ {
        animation-name: wiggle;
        animation-duration: 3s;
        animation-timing-function: ease-in-out;
        animation-delay: 0s;
        animation-direction: alternate;
        animation-iteration-count: 3s;
        animation-fill-mode: forwards;
        animation-play-state: running;
    }

    @keyframes wiggle {

        0%,
        100% {
            transform: scaleX(0.9);
        }

        50% {
            transform: scaleX(1);
        }
    }

    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        opacity: 45% !important;
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
    .swiper-pagination-bullet:hover:before {
        background-color: #f36f20 !important;
    }

    #payanyway-payment-form .productPage-link {
        background-color: #18bb44 !important;
        color: white !important;
        border: 1px solid #18bb44 !important;
        border-radius: 8px !important;
    }

    .main-card-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .main-card-container h1 {
    
        font-weight: 400;
        text-align: center;
    }

    .main-card-container img {
        height: auto;
        max-width: 100%;
        vertical-align: middle;
    }

    .card_image_desc {
        margin: 1rem;
        width: 170px;
        height: auto;

    }

    .cards_desc {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .cards_item_desc {
        display: flex;
        padding: 0.8rem;
    }

    .cards_item_desc {
        display: flex;
    }


    .card_desc {
        display: flex !important;
        flex-wrap: wrap !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .card_image_desc {
        margin: 1rem !important;
        width: 60vh !important;
        height: auto !important;
    }
    .card_desc {
        align-items: center;
        vertical-align: middle;
        border: 2px solid #18bb44;
        border-radius: 2rem;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .card_content {
        padding: 1rem;

    }

    .card_title {
        color: #121212;
    
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0px;
    }

    .card_text {
        color: #121212;
    
        line-height: 1.5;
        margin-bottom: 1.25rem;
        font-weight: 400;
    }

    .main-card-container li {
        list-style-type: none !important;
    }

    .main-card-container ul {
        padding-left: 0 !important;
    }


    .vk-list__item-image-wrapper .image {
        padding: 100% 0 0 0 !important;

    }


    .banner.CONTENT_BOTTOM {

        margin-bottom: 40px !important;
    }


    .card_text {
        text-align: justify;
    }

    .lead-prd {
        text-align: justify;
    }

    .banners-img-with-text-list__wrapper .grid-list__item {

        width: 150px !important;
    }
    .bottom-icons-panel {
        position: fixed !important;

    }

    .destination_value {

        font-weight: bold !important;
        color: #f36f20 !important;
        text-decoration: underline !important;
    }

    .change_city:hover {
        background-color: #f36f20 !important;
        color: white;
    }

    .change_city {
        background-color: #18bb44;
        color: white;
        --button-height: 42px;
        --button-pl: 20px;
        --button-pr: 20px;
        line-height: 1em;
        font-weight: 600;
        text-transform: none;
        text-transform: var(--theme-text-transform);
        letter-spacing: normal;
        letter-spacing: var(--theme-letter-spacing);
        text-decoration: none;
        margin: 0;
        border: 1px solid;
        border-radius: 8px;
        border-radius: var(--border-radius);
        padding: 1px 20px;
        padding-left: var(--button-pl);
        padding-right: var(--button-pr);
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 42px;
        height: var(--button-height);
        user-select: none;
        background-image: none;
        cursor: pointer;
        white-space: nowrap;
        transition: background-color .1s ease;
        -moz-transition: background-color .1s ease;
        -ms-transition: background-color .1s ease;
        -o-transition: background-color .1s ease;
        -webkit-transition: background-color .1s ease;
    }
    .bx-sls .dropdown-block {
        border-radius: 6px;
    }
    .banners-img-with-text-list__wrapper.grid-list__item {
        max-width: 400px !important;
    }
    .CUSTOM_CATALOG_5 .catalog-block__wrapper.grid-list__item.grid-list-border-outer {
        width: 250px !important;
    }
    .CUSTOM_CATALOG_2 .catalog-block__wrapper.grid-list__item.grid-list-border-outer {
        width: 250px !important;
    }
    .CUSTOM_CATALOG_4 .catalog-block__wrapper.grid-list__item.grid-list-border-outer {
        width: 250px !important;
    }
    .catalog-detail__buy-block {
        padding: 20px !important;
    }
    /* контейнер */
    .table-responsive {
        display: block;
        width: 100%;
        overflow: hidden;
        border: none;
    }
    /* сама таблица */
    .table-responsive>.table {
        width: 100%;
        min-width: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }
    /* скрываем шапку */
    .table-responsive>.table thead {
        display: none;
    }
    /* строка = карточка */
    .table-responsive>.table tbody tr {
        display: block;
        margin: 0 0 0.75rem;
        border: 1px solid #dee2e6;
        border-radius: 0.375rem;
        background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    }
    /* ячейка = строка карточки */
    .table-responsive>.table tbody tr td {
        display: block;
        width: 100%;
        border: none;
        padding: 0.5rem 0.75rem;
        text-align: right;
        position: relative;
    }
    /* подпись слева */
    .table-responsive>.table tbody tr td .th-mobile {
        float: left;
        font-weight: 600;
        color: #6c757d;
        margin-right: 0.5rem;
    }
    /* картинка */
    .table-responsive>.table tbody tr td img {
        max-width: 60px;
        height: auto;
        margin: 0 0 0.5rem;
        border-radius: 0.25rem;
    }
    /* убираем margin у последней строки карточки */
    .table-responsive>.table tbody tr:last-child {
        margin-bottom: 0;
    }
    table.table:not(.table-full-width) thead+tbody tr:not(.nomobile) td {
        padding-left: 2% !important;
    }
    /* 1. Перенос длинных слов */
    .table-name {
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
        /* перенос строки */
    }
    /* 2. для заголовков-картинок и цифр */
    .align-middle img {
        max-width: 100%;
        height: auto;
    }
    html,
    body {
        overflow-x: hidden !important;
        max-width: 100vw;
    }
    /* 2. центрируем центральный контейнер, если он вылезает */
    .wrapper,
    .container,
    .content-wrapper-desc,
    .fixed-content,
    .main-card-container,
    .catalog-detail .content--max-width {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100vw;
        box-sizing: border-box;
    }
    /* Убираем обводку focus/active на мобильных */
    *:focus,
    *:active,
    .table-responsive *,
    .table-responsive *:focus,
    .table-responsive *:active {
        transition: 10ms;
        outline: none !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: transparent !important;
        -webkit-focus-ring-color: transparent !important;
    }
    .banners-img-with-text-list__item-text--absolute {
        padding: 0px !important;
    }
    .catalog-detail__buy-block,
    .catalog-detail__forms {
        box-shadow: none !important;
    }
    .section-gallery-nav__wrapper {
        display: none !important;
    }
    /* Отключение всех hover-эффектов на мобильных */
    *:hover,
    *:before:hover,
    *:after:hover,
    .sections-slider__item-image-wrapper:hover,
    .sections-slider__item-image:hover,
    .sections-block__item:hover,
    .card_desc:hover,
    .blog-list__wrapper.grid-list__item:hover,
    .banners-img-with-text-list__item:hover,
    .swiper-button-next:hover,
    .swiper-button-prev:hover,
    .change_city:hover,
    .SDEK_selectPVZ:hover,
    .swiper-pagination-bullet:hover:before,
    .shadow-hovered:hover,
    .hover_zoom:hover,
    .shadow-no-border-hovered:hover {
        box-shadow: none !important;
        transform: none !important;
        transition: none !important;
        background-color: inherit !important;
        color: inherit !important;
        border-color: inherit !important;
        filter: none !important;
        animation: none !important;
    }
    .shadow,
    .shadow-hovered:hover {
        box-shadow: none !important;
    }

    .sections-slider__item-image-wrapper:hover {
        -webkit-box-shadow: none !important;
    }
}

@media (max-width: 768px) {
#glavniy_block .hero__image {
margin: 0 !important;
}    

#glavniy_block  .hero__image img {
padding: 40px;
}
}