/* jura-300 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jura';
  font-style: normal;
  font-weight: 300;
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-300.svg#Jura') format('svg'); /* Legacy iOS */
}
/* jura-regular - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400;
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-regular.svg#Jura') format('svg'); /* Legacy iOS */
}
/* jura-500 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jura';
  font-style: normal;
  font-weight: 500;
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-500.svg#Jura') format('svg'); /* Legacy iOS */
}
/* jura-600 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jura';
  font-style: normal;
  font-weight: 600;
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-600.svg#Jura') format('svg'); /* Legacy iOS */
}
/* jura-700 - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jura';
  font-style: normal;
  font-weight: 700;
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: url('../font/jura-v34-cyrillic_cyrillic-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/jura-v34-cyrillic_cyrillic-ext_latin-700.svg#Jura') format('svg'); /* Legacy iOS */
}
/* jetbrains-mono-regular - cyrillic_cyrillic-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../font/jetbrains-mono-v24-cyrillic_cyrillic-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../font/jetbrains-mono-v24-cyrillic_cyrillic-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/jetbrains-mono-v24-cyrillic_cyrillic-ext_latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../font/jetbrains-mono-v24-cyrillic_cyrillic-ext_latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../font/jetbrains-mono-v24-cyrillic_cyrillic-ext_latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../font/jetbrains-mono-v24-cyrillic_cyrillic-ext_latin-regular.svg#JetBrainsMono') format('svg'); /* Legacy iOS */
}
/* common style */
:root {
    --color-mainbg: #0A0F14;
    --color-subbg: #131313;
    --color-white: #fff;
    --color-black: #000;
    --color-gray: #808080;
    --color-gray2: #ccc;
    --color-lowgray: #e5e5e5;
    --color-lowgray2: #f2f2f2;
    --color-maincolor: #71ecd0;
    --color-bgmaincolor: #e4f9f0;
    --color-available: #0fc747;
    --color-sale: #e83841;
    --color-maincolor03:rgba(113, 236, 208, .3);
    --color-yellow-error: #fff700;
}
/* 	•	Фон (near-black): #0A0F14
	•	Акцент неон-ціан: #00E5FF
	•	Акцент неон-зелений: #39FF14
	•	Акцент червоний (glitch): #FF3B3B
	•	Світлий текст/логотип: #EAF2F8
 */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
    border-radius: 0;
    font: 400 16px "Jura", sans-serif;
    color: var(--color-maincolor);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input, textarea {
    resize: none;
    border: none;
    outline: none;
    color: var(--color-maincolor);
}
input::placeholder, textarea::placeholder {
    color: var(--color-maincolor);
}
#form-p-send-manager input:focus, #form-p-send-manager textarea:focus, .ccb-count input:focus, .order-page-form input:focus, .order-page-form textarea:focus, .form-p-send-manager textarea:focus, .form-p-send-manager input:focus, .order-page-form input:focus {
    border-color: var(--color-yellow-error);
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    color: var(--color-maincolor);
    text-decoration: none;
}
img, input, textarea, .opi-data, .iti {
    width: 100%;
}
em {
    font-style: italic;
}
body {
    overflow-x: hidden;
    font: 400 14px "Jura", sans-serif;
    color: var(--color-maincolor);
    background-color: var(--color-mainbg);
}
.main-logo-text {
    --typing-length: 10ch;
    font-size: 40px;
    font-weight: 700;
    font-family: 'JetBrains Mono';
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid var(--color-maincolor);
    max-width: 0;
    padding-right: 6px;
    will-change: max-width, border-right-color;
    animation: typing 1s steps(10, end) 0.5s forwards, caret 0.7s step-end infinite 1s;
}
.main-logo-text-sub {
    font-size: 40px;
    font-weight: 700;
    font-family: 'JetBrains Mono';
}
.block-body, .pp-img-item {
    overflow: hidden;
}
.none {
    background: url(../n-img/atom-sprite.svg) no-repeat;
}
.container {
    max-width: 1600px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.none {
    display: none;
}
.flex-block {
    display: flex;
}
.blog-button, .youtub-button, .cart-delete, .cart-buttons-block div {
    display: inline-block;
}
.direction-item:after, .video-item:after, .index-video:after, .footer-menu-item, .pl-item-img {
    display: block;
}
.direction-block, .blog-block, .video-block, .index-advantages-block, .footer-block, .grid-block, .index-product-list {
    display: grid;
}
.more-button {
    display: inline-block;
}
.none {
    flex-wrap: wrap;
}
.top-header {
    justify-content: flex-end;
}
.main-menu, .blog-cunt-block, .cart-info-block, .opi-price-count {
    justify-content: space-between;
}
.index-button-block {
    justify-content: center;
}
.main-menu, .top-header, .footer-social, .right-menu, .pp-buttons-block, .opi-item {
    align-items: center;
}
.main-title, .blog-button, .index-advantages-item, .index-title-block, .blog-block, .prefer-item, .center-block, .ccb-count input::placeholder, .pp-iconbar-item, .ccb-count input {
    text-align: center;
}
.blog-title, .blog-description, .cart-name-block {
    text-align: left;
}
.cart-count-price-block, .cart-sum-block, .cart-buttons-block {
    text-align: right;
}
.cart-count-block div {
    vertical-align: middle;
}
.main-menu, .index-video, .direction-item, .video-item, .mob-menu, .iai-img, .video, .footer-social a, .lang-block, .cpmi-social-block a, .mob-cart-button, .blog-item, .cart-img-block, .ccb-add, .ccb-del, .pl-item-img, .pp-img-item {
    position: relative;
}
.index-title-block, .direction-item img, .direction-item:after, .direction-title, .video-item:after, .video-item i, .mob-menu i, .iai-img img, .index-video:after, .footer-social img, .cpmi-social-block img, .mob-cart-button i, .mcb-count, .index, .mcb-count span, .index-email, .cart-img-block img, .ccb-add i, .ccb-del i, .slider-button-prev i, .slider-button-next i, .pl-item-addtocard i, .pl-item img, .pp-img-block img, .index-video-img, .index-social-block {
    position: absolute;
}
.direction-title, .video-item i, .index-title-block, .index, .index-email, .index-social-block {
    z-index: 1;
}
.none {
    z-index: 2;
}
.none {
    z-index: 5;
}
.lang-button, .mob-menu, .main-buttom, .mob-cart-button, .ccb-add, .ccb-del {
    cursor: pointer;
}
.direction-item:after, .video-item:after, .index-video:after {
    content: "";
}
/* .direction-item, .direction-item img, .direction-item:after, .blog-item, .blog-item img, .video-item, .video-item img, .video-item:after, .blog-button, .seo-block, .right-menu a, .main-buttom, .more-button, .lang-button, .footer-menu-item, .footer-social a, img, .cart-img-block, .cpmi-social-block a, .text-page, .map, .pl-item-img {
    border-radius: 20px;
} */
.mob-menu-block img, .header-logo, .footer-logo {
    border-radius: 0;
}
.index-title-block, .direction-item img, .video-item i, .mob-menu i, .iai-img img, .footer-social img, .cpmi-social-block img, .mob-cart-button i, .mcb-count span, .cart-img-block img, .ccb-add i, .ccb-del i, .slider-button-prev i, .slider-button-next i, .pl-item-addtocard i, .pl-item img, .pp-img-block img, .index-video-img  {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.index {
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.successful-container {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.main-title {
    text-transform: uppercase;
}
.direction-block, .blog-block, .video-block, .index-advantages-block {
    grid-gap: 10px;
}
.block-prefer {
    grid-gap: 50px;
}
.footer-block, .order-page {
    grid-gap: 100px;
}
.index-product-list {
    grid-template-columns: repeat(6,1fr);
}
.direction-block, .video-block, .index-advantages-block, .block-prefer {
    grid-template-columns: repeat(4,1fr);
}
.blog-block, .footer-block {
    grid-template-columns: repeat(3,1fr);
}
.order-page {
    grid-template-columns: repeat(2,1fr);
}
/* .video-block .video-item:first-child {
    grid-column: 1/3;
    grid-row: 1/3;
} */
.direction-item img, .pl-item img, .pp-img-block img, .index-video-img {
    height: 100%;
    max-width: 100%;
    object-fit: cover;
}
.direction-item:after, .video-item:after, .index-video:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
}
.main-buttom {
    padding: 15px 30px;
    /* background-color: var(--color-maincolor); */
    color: var(--color-maincolor);
    border: 1px solid var(--color-maincolor);
    /* border-radius: 100px; */
}
.sticky-block {
    position: sticky;
    top: 0;
    right: 0;
    float: right;
    width: 100%;
}
/* -------------------------------------------------------END common style */
.phone-header {
    font-weight: 900;
    font-size: 18px;
    padding-right: 20px;
}
.top-header {
    padding: 20px 0;
}
.header-logo {
    max-width: 140px;
}

.right-menu a {
    padding: 10px 15px;
    margin-right: 10px;
}
.mob-menu {
    margin: 0 15px;
    width: 50px;
    height: 50px;
    background-color: var(--color-bgmaincolor);
    /* border-radius: 50%; */
}
.mob-cart-button {
    width: 50px;
    height: 50px;
    /* border-radius: 50%; */
}
.index .mob-cart-button i {
    color: var(--color-maincolor);
}
.mob-menu i {
    font-size: 26px;
    color: var(--color-maincolor);
}
.index-video {
    background-color: var(--color-gray);
    height: 100vh;
}
.index, .index .phone-header, .index .right-menu a {
    color: var(--color-maincolor);
}
.video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-title {
    font-weight: 900;
    font-size: 30px;
    margin: 140px 0 50px;
}
.seo-block {
    padding: 40px;
    background-color: var(--color-black);
    margin-top: 140px;
}
.text-page, .map {
    padding: 40px;
    background-color: var(--color-black);
}
.map {
    margin-top: 20px;
}
.seo-block h1, .seo-block h2, .text-page h3, .seo-block h3 {
    font-weight: 900;
    font-size: 18px;
}
.text-page h2, .seo-block h2, .seo-block h1 {
    font-weight: 900;
    font-size: 24px;
}
.text-page h2, .text-page h3, .seo-block h2, .seo-block h3, .seo-block h1 {
    margin: 25px 0 15px;
}
.text-page ul, .text-page ol, .seo-block ul, .seo-block ol {
    margin: 30px 0 40px 40px;
}
.text-page li, .seo-block li {
    margin-bottom: 10px;
}
.text-page ol, .seo-block ol {
    list-style: decimal;
}
.text-page ul, .seo-block ul {
    list-style: disc;
}
.text-page, .seo-block {
    line-height: 24px;
}
.text-page p {
    margin-bottom: 10px;
}
.seo-block p {
    margin-bottom: 15px;
}
.text-page a, .seo-block a {
    color: var(--color-maincolor);
    text-decoration: underline;
}
.footer-logo {
    max-width: 150px;
}
.direction-item {
    height: 300px;
    border: 1px solid var(--color-maincolor);
}
.direction-item:after {
    opacity: .5;
}
.video-item:after {
    opacity: .5;
}
.index-video:after {
    opacity: 0;
}
.direction-title {
    color: var(--color-maincolor);
    bottom: 0;
    left: 0;
    padding: 30px;
    font-weight: 500;
    font-size: 18px;
}
.blog-item {
    padding: 20px;
    background-color: var(--color-subbg);
}
.blog-title {
    font-weight: 700;
    font-size: 18px;
    margin: 25px 0;
    height: 43px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.blog-button {
    margin-top: 30px;
    padding: 10px 15px;
}
.blog-description {
    height: 34px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.video-block {
    font-size: 0;
}
.video-item {
    background-color: var(--color-black);
}
.video-item i {
    font-size: 50px;
    color: var(--color-white);
    opacity: 0.8;
}
.lang-button {
    padding: 10px;
    margin-left: 15px;
}
.lang-button p {
    margin-right: 5px;
}
.footer-social a {
    width: 50px;
    height: 50px;
    margin: 0 5px;
}
.footer-social img {
    width: 40%;
}
.footer-menu-item {
    padding: 0 20px;
    font-size: 16px;
}
.footer-menu-item span {
    display: block;
    border-bottom: 1px solid var(--color-maincolor03);
    padding: 20px 0;
}
.iai-img {
    width: 100px;
    height: 100px;
    background-color: var(--color-subbg);
    /* border-radius: 50%; */
    overflow: hidden;
}
.iai-img {
    margin: 0 auto;
}
.iai-title {
    font-weight: 700;
    font-size: 16px;
    margin: 25px 0;
}
.index-advantages-item {
    margin-bottom: 80px;
}
.iai-desc {
    font-weight: 300;
}
.index-title-block {
    padding: 20px;
    width: 100%;
    top: auto;
    bottom: 0;
}
.index-title {
    font-weight: 900;
    font-size: 46px;
    text-transform: uppercase;
}
.index-title-block p {
    font-size: 20px;
}
.index-button-block {
    margin-top: 30px;
}
.product-button {
    margin-right: 10px;
}
.product-button, .consultation-button {
    font-size: 16px;
}
.more-button {
    padding: 10px 20px;
    background-color: var(--color-lowgray);
    color: var(--color-black);
    margin-top: 20px;
}
.more-button i {
    margin-left: 10px;
    font-size: 14px;
}
/* .consultation-button {
    background-color: rgba(53, 224, 152, .2);
    border: 2px dashed var(--color-maincolor);
    color: var(--color-white);
} */
.footer-block {
    margin: 150px auto 100px;
    max-width: 1400px;
}
.fotter-about {
    padding: 40px 10px;
    line-height: 20px;
}
.corp {
    margin-top: 50px;
}
.fm-title {
    padding: 20px;
    font-weight: 900;
    font-size: 26px;
}
/* Modal-menu */
.mob-menu-block::-webkit-scrollbar {
    width: 23px;
}
.mob-menu-block::-webkit-scrollbar-track {
    background: var(--color-mainbg);
    border-right: 10px solid var(--color-mainbg);
    border-left: 10px solid var(--color-mainbg);
}
.mob-menu-block::-webkit-scrollbar-thumb {
    background: var(--color-maincolor);
    border-right: 10px solid var(--color-mainbg);
    border-left: 10px solid var(--color-mainbg);
}
.mob-menu-block::-webkit-scrollbar-button {
    background: var(--color-mainbg);
}
.mob-menu-modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 2;
    position: fixed;
    display: none;
}
.mob-menu-block {
    overflow-y: scroll;
    max-width: 600px;
    width: 100%;
    top: 0;
    left: -650px;
    background-color: var(--color-mainbg);
    box-shadow: 0 0 14px 6px rgb(0 0 0/15%);
    height: 100%;
    padding: 20px;
    position: relative;
}
.back-mob-menu-modal, .close-mob-menu-modal {
    width: 50px;
    height: 50px;
    font-size: 30px;
    /* border-radius: 50%; */
    cursor: pointer;
}
.close-mob-menu-modal {
    top: 20px;
    right: 20px;
}
.back-mob-menu-modal {
    top: 20px;
    left: 20px;
}
.mdi-close::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.mob-menu-block-title {
    top: 35px;
    padding: 0 40px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    position: absolute;
    cursor: pointer;
}
.close-mob-menu-modal {
    position: absolute;
    top: 20px;
    right: 20px;
}
.mm-menu, .mm-category-block, .mm-services-block {
    margin-top: 50px;
    padding: 0 40px 60px;
}
.mm-main {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--color-maincolor03);
}
.mm-main-item, .mob-menu-filter-title {
    font-weight: 900;
    font-size: 24px;
    padding: 12px 20px;
    /* border-radius: 50px; */
}
.mm-sub a {
    padding: 12px 20px;
    font-weight: 300;
    font-size: 18px;
    /* border-radius: 20px; */
    display: block;
}
.mob-menu-block img {
    max-width: 150px;
    margin: 30px;
}
.mob-menu-block .main-logo-text-sub {
    padding: 20px 0 0 60px;
}
/* Consultation */
.n-consultation-block, .modal-block {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    overflow-y: scroll;
    z-index: 5;
    position: fixed;
    text-align: center;
    display: none;
}
.ncb-container, .modal-container {
    padding: 40px 30px;
    max-width: 500px;
    width: 95%;
    font-size: 0;
    background-color: var(--color-mainbg);
    box-shadow: 10px 10px 25px 0 rgb(0 0 0 / 10%);
    margin: 20px auto;
    /* border-radius: 20px; */
    border: 1px solid var(--color-maincolor);
    position: relative;
}
.ncb-container {
    padding: 70px 30px 40px;
}
.cart-modal .modal-container {
    max-width: 700px;
}
.close-consultation, .close-block {
    top: 10px;
    right: 10px;
}
.close-consultation, .close-block {
    width: 50px;
    height: 50px;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    border-radius: 0;
}
.close-consultation:before, .close-block:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.n-callback-block input, .order-page input, .form-p-send-manager input, .form-p-send-manager textarea, .order-page-form input, .order-page-form textarea {
    padding: 20px;
    background-color: var(--color-mainbg);
    /* border-radius: 20px; */
    /* margin-bottom: 10px !important; */
    font-size: 16px;
    border: 1px solid var(--color-maincolor);
}
.order-page-form textarea {
    min-height: 100px;
}

.order-page-form label {
    margin: 10px 0;
    padding: 0 10px;
    font-size: 16px;
    display: block;
}
.order-page-form .required label:after {
    display: inline-block;
    content: "*";
    margin-left: 5px;
    font-weight: 900;
    font-size: 18px;
    color: var(--color-yellow-error);
}
#form-p-send-manager textarea {
    min-height: 130px;
}
.main-button {
    padding: 15px 40px;
    background-color: var(--color-mainbg);
    font-size: 15px;
    /* border-radius: 50px; */
    cursor: pointer;
    border: none;
}
.ncb-send, .n-callback-button {
    margin-top: 20px;
    /* background-color: var(--color-maincolor); */
    /* font-weight: 500; */
    border: 1px solid var(--color-maincolor);
    color: var(--color-maincolor);
    width: 100%;
}
/* lang */
.drop-lang-header {
    text-align: center;
    background-color: var(--color-subbg);
    /* border-radius: 20px; */
    z-index: 1;
    right: 0;
    top: 40px;
    padding: 10px;
    box-shadow: 10px 10px 25px 0 rgb(0 0 0 / 10%);
    position: absolute;
    display: none;
}
.drop-lang-header a {
    display: block;
    color: var(--color-black);
    padding: 11px;
    /* border-radius: 20px; */
}
/* crumbs */
.bread-crumbs {
    margin: 60px auto 30px;
    position: relative;
}
.bread-crumbs a {
    padding: 5px 10px;
    /* border-radius: 20px; */
}
.bread-crumbs:before {
    content: "";
    position: absolute;
    width: 3rem;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0, var(--color-mainbg));
}
.bread-crumbs h1 {
    font-weight: 900;
    font-size: 24px;
}
.crumbs-scroll {
    overflow-y: auto;
    white-space: nowrap;
}
.bread-crumbs li {
    display: inline-block;
}
.bread-slash {
    margin: 10px 0;
    display: inline-block;
}
.active-bread {
    color: var(--color-maincolor);
}
/* Product-list */
.sort-block {
    margin-bottom: 20px;
}
.sort-block p {
    font-size: 12px;
    margin: 0 15px 10px 0;
}
.sort-block div {
    padding: 8px 15px;
    display: inline-block;
    cursor: pointer;
    /* border-radius: 20px; */
}
.active-sort {
    background-color: var(--color-maincolor);
    color: var(--color-black);
    font-weight: 700;
    /* border-radius: 20px; */
}
.product-list {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px;
}
.pl-item {
    background-color: var(--color-subbg);
    padding: 15px;
    position: relative;
    text-align: left;
    border: 1px solid var(--color-maincolor);
    /* border-radius: 20px; */
}
.pl-item img {
    /* border-radius: 20px; */
}
.top-product {
    top: 0;
    left: 0;
    padding: 10px;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.info-bar {
    font-size: 12px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.status-product {
    color: var(--color-available);
}
.pl-item-title {
    margin: 20px 0 30px;
    height: 36px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 18px;
    display: -webkit-box;
}
.pp-old-price {
    font-size: 14px;
    color: var(--color-gray);
    text-decoration: line-through;
}
.pp-price {
    margin-top: 5px;
    font-weight: 900;
    font-size: 18px;
}
.status {
    background-color: var(--color-bgmaincolor);
    color: var(--color-maincolor);
    padding: 5px 10px;
    /* border-radius: 20px; */
    font-weight: 900;
    font-size: 12px;
}
/* product-page */
.pp-img-block-main {
    width: 60%;
}
.pp-img-block {
    font-size: 0;
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-auto-rows: max-content;
    grid-gap: 5px;
}
.pp-img-block img {
    /* border-radius: 10px; */
}
.pp-img-block a:first-child {
    grid-column: 1/9;
}
.pp-main-info {
    margin-left: 20px;
    width: 40%;
}
.pp-tv-block {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2,1fr);
    margin-top: 20px;
}
.pp-table, .pp-video, .pp-main-info, .advantage-product-block, .pp-add-info, .pp-iconchar, .main-block {
    padding: 40px;
    /* border-radius: 20px; */
    background-color: var(--color-black);
}
.pp-iconchar {
    margin-top: 20px;
}
.advantage-product-block {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4,1fr);
    margin-top: 20px;
}
.pp-add-info {
    margin-top: 20px;
}
.pp-available {
    background-color: #fcf6f2;
    color: #bc7a40;
    padding: 6px 18px;
    display: inline-block;
    /* border-radius: 50px; */
    font-weight: 700;
}
.pp-available i {
    margin-right: 10px;
    font-size: 24px;
}
.pp-price-product .pp-price {
    font-size: 30px;
}
.pp-kod {
    margin: 30px 0 10px;
}
.pp-buttons-block {
    margin: 50px 0;
}
.pp-buttons-block .consultation-button {
    color: var(--color-maincolor);
    background-color: transparent;
    border: 1px dashed var(--color-maincolor);
    display: inline-block;
    font-size: 14px;
}
.pp-desc-title {
    font-weight: 700;
    margin-bottom: 10px;
}
.pp-decription p {
    line-height: 20px;
}
.pp-status i, .pp-status span {
    vertical-align: middle;
}
.pp-h2 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}
.pp-h2 span {
    font-weight: 400;
    font-size: 18px;
    color: var(--color-gray);
    margin-left: 10px;
}
table {
    width: 100%;
}
table td:last-child {
    font-weight: 600;
    text-align: right;
}
table td {
    border-bottom: 1px dashed var(--color-maincolor03);
    font-size: 14px;
    padding: 10px 15px;
    line-height: 14px;
}

.pp-table p {
    margin: 30px 0;
    text-align: left !important;
    font-size: 14px !important;
}
strong {
    font-weight: 700;
}
.pp-table ul, .pp-table ol, .bb-text ul, .bb-text ol {
    margin: 40px 0 40px 40px;
    text-align: left !important;
}
.pp-table li, .bb-text li {
    position: relative;
    text-align: left !important;
    margin-bottom: 15px;
}
.pp-table li:before, .bb-text li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: var(--color-maincolor);;
    /* border-radius: 50%; */
    left: -18px;
    top: 9px;
    z-index: 1;
}
.pp-table li:after, .bb-text li:after {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: rgba(113, 236, 208, .3);;
    /* border-radius: 50%; */
    left: -23px;
    top: 4px;
    width: 15px;
    height: 15px;
}
.pp-video-block {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 5px;
}
.pp-video-block a:first-child {
    grid-column: 1/4;
}
.ivb-item {
    background-color: var(--color-black);
    /* border-radius: 20px; */
    position: relative;
}
.ivb-item:after {
    opacity: .2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    opacity: .5;
    /* border-radius: 20px; */
    content: "";
    position: absolute;
    display: block;
}
.pp-video-block a {
    font-size: 0;
}
.ivb-item i, .smv-item i {
    font-size: 60px;
    color: var(--color-white);
    opacity: .8;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    position: absolute;
}
.apb-item {
    text-align: center;
    padding: 0 20px;
}
.apb-item img {
    /* border-radius: 100%; */
    width: 100px;
}
.apb-title {
    margin: 15px 0;
    font-weight: 700;
}
/* review page */
.review-page .video-item:first-child {
    grid-column: auto;
    grid-row: auto;
}
/* contact-page */
.contact-page {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2,1fr);
}
.cpmi-title {
    font-weight: 500;
    font-size: 16px;
}
.cp-main-info a {
    display: block;
    font-weight: 300;
    font-size: 20px;
    margin: 10px 0 40px;
}
.cpmi-phone {
    font-size: 30px !important;
}
.cpmi-social-block a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 15px 5px;
}
.cpmi-social-block img {
    width: 40%;
}
.cp-contact-form {
    font-size: 0;
}
.cp-main-info, .cp-contact-form {
    padding: 40px;
    /* border-radius: 20px; */
    background-color: var(--color-black);
}
/* blog page */
.blog-body {
    width: 100%;
    padding: 40px;
    /* border-radius: 20px; */
    background-color: var(--color-subbg);
    margin-right: 20px;
}
.blog-body .pp-img-block {
    width: 100%;
    margin-bottom: 30px;
}
.blog-body .pp-video-block a:first-child {
    grid-column: auto;
}
.bb-text {
    line-height: 24px;
    margin: 30px 0;
}
.bb-text p {
    margin-bottom: 30px;
    text-align: left !important;
}
.bb-text a {
    color: var(--color-maincolor);
    font-weight: 500;
    text-decoration: underline;
}
.bb-text h2, .bb-text h3, .bb-text h4 {
    margin: 30px 0;
    font-weight: 700;
    font-size: 18px;
}
.blog-sidebar {
    width: 100%;
    max-width: 300px;
}
.blog-sidebar .product-list {
    grid-template-columns: repeat(1,1fr);
}
.mob-cart-button i {
    font-size: 20px;
    color: var(--color-maincolor);
}
/* .mob-cart-button i {
    color: var(--color-black)
} */
.mcb-count {
    bottom: 6px;
    right: 6px;
    background-color: var(--color-maincolor);
    width: 18px;
    height: 18px;
    color: var(--color-black);
    font-size: 10px;
    /* border-radius: 50%; */
}
.mob-menu {
    /* background-color: rgba(250, 250, 250, .2); */
    background-color: rgba(113, 236, 208, .3);
}
.index .mob-menu i {
    color: var(--color-maincolor);
}
.index .phone-header {
    border-color: var(--color-white);
}
.index-social-block {
    left: 25px;
    bottom: 25px;
}
.index-social-block a {
    color: var(--color-maincolor);
    border: 1px solid var(--color-maincolor);
    cursor: pointer;
    padding: 10px 15px;
    margin: 0 2px;
    display: inline-block;
}
.index-email {
    color: var(--color-maincolor);
    left: 25px;
    bottom: 25px;
    padding: 10px 15px;
    /* border-radius: 25px; */
    cursor: pointer;
    border: 1px solid var(--color-maincolor);
}
.index-email i {
    margin-right: 5px;
}
.blog-cunt-block {
    margin-top: 10px;
}
.blog-cunt-block i {
    color: var(--color-gray);
}
.mm-sub i {
    margin-right: 10px;
}
.advantages-block {
    background-color: var(--color-subbg);
    padding: 80px 0;
    margin-top: 10px;
}
.advantages-block .main-title {
    margin: 0 0 60px;
}
.prefer-img img{
    width: 100px;
}
.prefer-title {
    margin: 15px 0;
    font-weight: 700;
    font-size: 18px;
}
.prefer-text {
    line-height: 20px;
}
.youtub-button {
    margin-top: 30px;
    background-color: var(--color-lowgray);
    font-size: 14px;
}
.youtub-button i {
    margin-left: 5px;
    font-size: 18px;
    vertical-align: middle;
}
.cart-block {
    font-size: 14px;
}
.cart-info-block {
    width: 100%;
}
.cart-img-block {
    width: 100px;
    height: 100px;
    overflow: hidden;
    flex: none;
}
.modal-title {
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    margin-bottom: 30px;
}
.cart-item {
    padding: 20px 0;
    border-bottom: 1px solid var(--color-maincolor03);
}
.cart-item:last-child {
    border: none;
}
.cart-name-block {
    padding: 0 20px;  
}
.cart-img-block img {
    width: auto;
    height: 100%;
}
.cart-name {
    font-weight: 700;
    font-size: 14px;
}
.cart-id {
    font-size: 12px;
    color: var(--color-gray);
    margin: 10px 0 20px;
}
.cart-delete {
    font-size: 12px;
    /* border-radius: 10px; */
    padding: 5px 10px;
    /* background-color: var(--color-lowgray2); */
    border: 1px solid var(--color-maincolor);
    cursor: pointer;
}
.cart-delete i {
    margin-right: 5px;
}
.cart-buttons-block {
    font-size: 14px;
    margin-top: 30px;
}
.cpb-old-price {
    text-decoration: line-through;
    font-size: 12px;
    color: var(--color-gray);
}
.cpb-price {
    font-weight: 700;
    margin: 5px 0 10px;
}
.cart-count-block div {
    display: inline-block;
}
.cart-count-block {
    font-size: 0;
}
.ccb-del, .ccb-add {
    font-size: 14px;
}
.cart-sum-block div:first-child {
    font-size: 14px;
}
.cart-sum {
    font-weight: 900;
    font-size: 30px;
}
.ccb-count input, .ccb-add, .ccb-del {
    width: 40px;
    height: 40px;
}
.ccb-count input {
    border: 1px solid var(--color-maincolor);
    background-color: var(--color-subbg);
}
.ccb-add {
    /* border-radius: 0 10px 10px 0; */
    border-top: 1px solid var(--color-maincolor);
    border-right: 1px solid var(--color-maincolor);
    border-bottom: 1px solid var(--color-maincolor);
}
.ccb-del {
    /* border-radius: 10px 0 0 10px; */
    border-top: 1px solid var(--color-maincolor);
    border-left: 1px solid var(--color-maincolor);
    border-bottom: 1px solid var(--color-maincolor);
}
.cart-count-price-block {
    flex: none;
}
.continue-order {
    border: 1px dashed var(--color-maincolor);
    color: var(--color-maincolor);
    margin-right: 10px;
}
.complete-order {
    border-width: 1px;
}
.main-header {
    /* background-color: var(--color-subbg); */
    padding-bottom: 20px;
}
.cpmi-time {
    margin: 10px 0 40px;
}
.cpmi-time p {
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
}
.blog-filter {
    margin-bottom: 10px;
}
.blog-filter-item {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid var(--color-maincolor);
    color: var(--color-maincolor);
    /* border-radius: 20px; */
    margin: 0 5px 10px 0;
}
.blog-filter-item-active {
    background-color: var(--color-bgmaincolor);
}
.pp-iconbar-item img {
    width: 50px;
    margin-bottom: 5px;
}
.pp-buy-button {
    margin-right: 10px;
    line-height: 16px;
}

.pp-buy-button i {
    font-size: 16px;
    margin-right: 5px;
}
.pp-iconchar-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 30px;
}
.slider-button-prev, .slider-button-next {
    background-color: rgba(0, 0, 0, 0.03);
    width: 44px;
    height: 100%;
    /* border-radius: 20px; */
    cursor: pointer;
    z-index: 1;
    position: absolute;
    top: 0;
}
.slider-button-next {
    right: 0;
}
.slider-button-prev {
    left: 0;
}
.slider-button-prev i, .slider-button-next i {
    font-size: 28px;
}
.pl-item-addtocard {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    /* background-color: var(--color-maincolor); */
    border: 1px solid var(--color-maincolor);
    color: var(--color-maincolor);
    cursor: pointer;
}
.pl-item-addtocard-in {
    background-color: var(--color-maincolor);
    color: var(--color-black);
}
.pl-item-addtocard i {
    font-size: 16px;
}
.pp-buy-button-in {
    color: var(--color-black);
    background-color: var(--color-maincolor);
}
.successful-title {
    font-weight: 700;
    font-size: 24px;
}
.successful-desc {
    font-size: 16px;
    margin: 30px 0;
}
.close-successful-block {
    /* background-color: var(--color-maincolor);
    color: var(--color-white); */
    border: 1px solid var(--color-maincolor);
}
.opi-data {
    padding-left: 20px;
}
.opid-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}
.opi-price-count div {
    width: 100px;
}
.order-page-info h2 {
    font-size: 20px;
}
.opi-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed var(--color-gray2);
}
.opi-sum {
    font-weight: 700;
}
.opi-title {
    margin-bottom: 50px;
}
.order-page-sum {
    font-weight: 700;
    font-size: 40px;
}
.order-page-confirm {
    background-color: var(--color-mainbg);
    border: 1px solid var(--color-maincolor);
    color: var(--color-maincolor);
    margin-top: 40px;
    padding: 20px 40px;
    font-size: 16px;
    text-align: center;
    /* border-radius: 50px; */
    cursor: pointer;
}
.opi-sum-title {
    margin: 50px 0 10px;
}
.order-page {
    margin-top: 50px;
}
.main-menu {
    padding: 20px;
    border: 1px solid var(--color-maincolor);
}
.order-title {
    font-weight: 700;
    font-size: 34px;
    margin: 60px 0;
}
.opi-ps {
    margin-top: 15px;
    color: var(--color-gray);
    font-size: 12px;
}
.opi-ps a {
    text-decoration: underline;
}
.order-successful-block {
    margin: 30px 0;
}
.order-successful-block table td:last-child {
    text-align: left;
}
.success-title {
    font-weight: 900;
    font-size: 34px;
}
.success-sub {
    margin: 10px 0 40px;
    font-size: 18px;
}
.osp-number {
    font-size: 24px;
    margin-bottom: 20px;
}
.osp-number span:last-child {
    font-weight: 700;
    margin-left: 10px;
    text-decoration: underline;
}
.osp-composition {
    margin: 30px 0;
    font-size: 24px;
}
.osp-button {
    display: inline-block;
}
.osp-sum {
    margin: 50px 0 20px;
}
.osp-sum div:last-child {
    font-weight: 900;
    font-size: 24px;
    margin-top: 10px;
}
.osp-button {
    /* background-color: var(--color-maincolor); */
    /* color: var(--color-white); */
    border: 1px solid var(--color-maincolor);
}
.pl-item-img {
    height: 250px;
    overflow: hidden;
}
.pp-img-block .pp-img-item:first-child {
    height: 500px;
}
.pp-img-item {
    height: 100px;
}
.form-p-send-manager ul {
    font-size: 14px;
}
.iti__country-list {
    background-color: var(--color-mainbg) !important;
}
.form-p-send-manager textarea {
    min-height: 130px;
}
@keyframes typing {
    from {
        max-width: 0;
    }
    to {
        max-width: var(--typing-length);
    }
}

@keyframes caret {
    0%, 100% {
        border-right-color: transparent;
    }
    50% {
        border-right-color: var(--color-maincolor);
    }
}

/* ====== налаштування ====== */
:root{
  --accent:#71ECD0;           /* неоновий акцент */
  --fg:#71ecd0;               /* основний колір тексту */
  --scan-op:0.25;             /* інтенсивність сканлайнів */
  --glitch-intensity:1.4;       /* 0..1 для сили ефекту */
}

/* ====== базовий вигляд тексту ====== */
.index-title{
  position:relative;
  display:inline-block;
  color:var(--fg);
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:800;
  /* легке неонове сяйво */
  text-shadow:0 0 8px color-mix(in srgb, var(--accent) 35%, transparent);
  /* «хитання каналу» */
  animation:
    chromaShift 2.6s steps(24,end) infinite,
    glowPulse 3.5s ease-in-out infinite;
}

/* ====== scanlines + шум поверх тексту ====== */
.index-title::after{
  content:"";
  position:absolute; inset:-2px;
  pointer-events:none;
  /* поєднання вертикальних/горизонтальних «ліній» + тонкий шум */
  background:
    repeating-linear-gradient(
      to bottom,
      color-mix(in srgb, var(--accent) 40%, transparent) var(--scan-op),
      transparent 2px 4px
    ),
    repeating-linear-gradient(
      to right,
      color-mix(in srgb, var(--accent) 18%, transparent) 0 2px,
      transparent 2px 5px
    );
  mix-blend-mode:overlay;          /* накладаємо як оверлей */
  opacity:.9;
  animation:
    scanSweep 6s linear infinite,
    flicker 1.8s steps(12,end) infinite;
  border-radius:.02em;
}

/* ====== імітація «втрати сигналу» через RGB-зсув (тільки тіні) ====== */
@keyframes chromaShift{
  0%   { text-shadow:
          calc( 1px*var(--glitch-intensity)) 0   0 #ff3b58,
          calc(-1px*var(--glitch-intensity)) 0   0 var(--accent),
          0 0 10px color-mix(in srgb, var(--accent) 35%, transparent); }
  9%   { text-shadow:
          calc(-2px*var(--glitch-intensity)) 0 0 #ff3b58,
          calc( 2px*var(--glitch-intensity)) 0 0 var(--accent),
          0 0 12px color-mix(in srgb, var(--accent) 38%, transparent); }
  14%  { text-shadow:
          0 0 0 #ff3b58, 0 0 0 var(--accent),
          0 0 8px color-mix(in srgb, var(--accent) 30%, transparent); }
  22%  { text-shadow:
          1px 0 0 #ff3b58, -1px 0 0 var(--accent),
          0 0 10px color-mix(in srgb, var(--accent) 35%, transparent); }
  35%  { text-shadow:
          -1px 0 0 #ff3b58, 1px 0 0 var(--accent),
          0 0 9px color-mix(in srgb, var(--accent) 32%, transparent); }
  46%  { text-shadow:
          0 0 0 #ff3b58, 0 0 0 var(--accent),
          0 0 8px color-mix(in srgb, var(--accent) 28%, transparent); }
  62%  { text-shadow:
          2px 0 0 #ff3b58, -2px 0 0 var(--accent),
          0 0 12px color-mix(in srgb, var(--accent) 40%, transparent); }
  78%  { text-shadow:
          -1px 0 0 #ff3b58, 1px 0 0 var(--accent),
          0 0 10px color-mix(in srgb, var(--accent) 34%, transparent); }
  100% { text-shadow:
          0 0 0 #ff3b58, 0 0 0 var(--accent),
          0 0 8px color-mix(in srgb, var(--accent) 30%, transparent); }
}

/* м’яке «дихання» неону */
@keyframes glowPulse{
  0%,100% { filter: drop-shadow(0 0 0 transparent); }
  50%     { filter: drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 45%, transparent)); }
}

/* вертикальний «прокат» ліній */
@keyframes scanSweep{
  0%   { transform: translateY(-6%); }
  100% { transform: translateY( 6%); }
}

/* короткий flicker яскравості */
@keyframes flicker{
  0%, 12%, 14%, 16%, 100% { opacity:.9; }
  13%, 15%                { opacity:.74; }
}

/* accessibility: вимкнути анімації, якщо користувач проти руху */
@media (prefers-reduced-motion: reduce){
  .index-title,
  .index-title::after{ animation:none; }
}
.help-block {
    font-size: 14px;
    margin: 5px 0;
    color: #fff700;
    padding: 0 10px;
    text-align: left;
}
.has-error input, .has-error textarea {
    border-color: #fff700 !important;
}
.cp-main-info .index-social-block {
    position: static;
    margin-bottom: 40px;
}
.cp-main-info .index-social-block a {
    font-size: 15px;
    margin-bottom: 10px;
}
.order-page-form, .order-page-info {
    padding: 40px;
    background-color: var(--color-black);
}
.cookie-modal {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 10000;
    padding: 30px 20px;
    background-color: var(--color-black);
    text-align: center;
}
.cm-button-block {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.cm-politik, .cm-accept {
    border: 1px solid var(--color-maincolor);
    margin: 5px;
}