/* Start:/local/templates/legalsoft/css/swiper-bundle.min.css?171855674618429*/
/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/legalsoft/template_styles.css?1761305877259047*/
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    transition: 0.3s ease;
}

.bx-context-toolbar,
.bx-context-toolbar *,
#bx-admin-prefix,
#bx-admin-prefix *,
#bx-panel,
#bx-panel * {
    transition: none !important;
}

:root {
    --brand-color: #345bb3;
    --dark-color: #2E3441;
    --green-color: #24C062;
    --red-color: #F00;
    --light-bg: #EEF2FA;
    --dark-bg: #1F232B;
    --light-blue: #C5D7FF;
    --white: #fff;
}

a {
    text-decoration: none;
}

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

@font-face {
    font-family: "Myriad Pro";
    src: url(/local/templates/legalsoft/./vendor/fonts/MyriadPro-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Myriad Pro";
    src: url(/local/templates/legalsoft/./vendor/fonts/MyriadPro-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Myriad Pro";
    src: url(/local/templates/legalsoft/./vendor/fonts/MyriadPro-Semibold.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Myriad Pro";
    src: url(/local/templates/legalsoft/./vendor/fonts/MyriadPro-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Myriad Pro";
    src: url(/local/templates/legalsoft/./vendor/fonts/MyriadPro-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Myriad Pro";
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    transition: 0.3s ease;
}

.content {
    max-width: 1480px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 12;
    display: none;
    transition: all 0.5s ease;
    padding: 0 25px;
}

.overlay.open {
    display: block;
}

.light-theme {
    background: var(--light-bg);
}

.header .theme-row {
    display: flex;
    padding: 10px 0;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 0px 0px 5px 5px;
    background: var(--dark-color);
}

@media (max-width: 1100px) {
    .header .theme-row {
        display: none;
    }
}

.header .theme-row .content {
    display: flex;
    gap: 30px;
    justify-content: flex-end;
}

.header .theme-row .content .switch-theme {
    display: flex;
    gap: 10px;
    align-items: center;
}

.header .theme-row .content .switch-theme .light-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .theme-row .content .switch-theme .light-icon svg path {
    transition: 0.3s ease;
}

.header .theme-row .content .switch-theme .light-icon.active svg path {
    stroke: #fff;
}

.header .theme-row .content .switch-theme .switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 16px;
    flex-shrink: 0;
}

.header .theme-row .content .switch-theme .switch input {
    display: none;
}

.header .theme-row .content .switch-theme .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--brand-color);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.header .theme-row .content .switch-theme .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.header .theme-row .content .switch-theme input:checked + .slider {
    background-color: var(--brand-color);
}

.header .theme-row .content .switch-theme input:focus + .slider {
    box-shadow: 0 0 1px #EBEBEB;
}

.header .theme-row .content .switch-theme input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.header .theme-row .content .switch-theme .slider.round {
    border-radius: 34px;
}

.header .theme-row .content .switch-theme .slider.round:before {
    border-radius: 50%;
}

.header .theme-row .content .switch-theme .dark-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .theme-row .content .switch-theme .dark-icon svg path {
    transition: 0.3s ease;
}

.header .theme-row .content .switch-theme .dark-icon.active svg path {
    stroke: #fff;
}

.header .theme-row .content .line {
    width: 1px;
    height: 14px;
    background: #626C81;
    flex-shrink: 0;
}

.header .theme-row .content p {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFF;
    text-align: right;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header .theme-row .content p a {
    color: #FFF;
    text-align: right;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.header .header-contacts-row {
    padding: 38px 0;
    transition: 0.3s ease;
}

@media (max-width: 1100px) {
    .header .header-contacts-row {
        display: none;
    }
}

.header .header-contacts-row .content {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.header .header-contacts-row .content .line {
    width: 1px;
    height: 72px;
    background: #E2E2E2;
    flex-shrink: 0;
}

.header .header-contacts-row .content .slogan {
    color: var(--dark-color);
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.header .header-contacts-row .content .label {
    display: flex;
    padding: 10px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--red-color);
}

.header .header-contacts-row .content .label span {
    width: 170px;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

@media (max-width: 1288px) {
    .header .header-contacts-row .content .label span {
        width: unset;
    }
}

.header .header-contacts-row .content a.logo:hover {
    opacity: 1;
}

.header .header-contacts-row .content a:hover {
    opacity: 0.5;
}

.header .header-contacts-row .content .logo {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.header .header-contacts-row .content .logo:hover {
    opacity: 1;
}

.header .header-contacts-row .content .time-label {
    display: flex;
    padding: 10px 15px;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    border-radius: 5px;
    border: 1px solid rgba(46, 52, 65, 0.08);
}

@media (max-width: 1288px) {
    .header .header-contacts-row .content .time-label {
        padding: 10px;
        gap: 10px;
    }
}

@media (max-width: 1230px) {
    .header .header-contacts-row .content .time-label {
        flex-direction: column;
    }
}

.header .header-contacts-row .content .time-label p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header .header-contacts-row .content .time-label p:first-child span {
    color: var(--green-color);
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.header .header-contacts-row .content .time-label p:last-child span {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.header .header-contacts-row .content .callback {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.header .header-contacts-row .content .callback:hover {
    opacity: 0.5;
}

@media (max-width: 1288px) {
    .header .header-contacts-row .content .callback {
        padding: 10px;
    }
}

.header .header-contacts-row .content .callback span {
    color: var(--dark-color);
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header .header-contacts-row .content .header-phone {
    color: var(--dark-color);
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
}

.header .header-contacts-row .content .header-phone:hover {
    opacity: 1;
}

@media (max-width: 1288px) {
    .header .header-contacts-row .content .header-phone {
        font-size: 20px;
    }
}

.header .header-contacts-row .content .cart-btn {
    cursor: pointer;
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    position: relative;
}

.header .header-contacts-row .content .cart-btn:hover {
    opacity: 1;
    background: #5287FF;
}

.header .header-contacts-row .content .cart-btn .not-empty {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: var(--red-color);
    right: 9px;
    top: 10px;
}

.header .header-nav {
    display: flex;
    height: 84px;
    padding: 20px 0;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 0px 0px 5px 5px;
    background: linear-gradient(90deg, #2E3441 -22.16%, #2454C0 17.76%, #2454C0 56.58%, #24C062 117.92%);
}

@media (max-width: 1100px) {
    .header .header-nav {
        display: none;
    }
}

.header .header-nav .content {
    display: flex;
    gap: 20px;
    align-items: center;
}

@media (max-width: 1328px) {
    .header .header-nav .content {
        gap: 10px;
    }
}

.header .header-nav .content .catalog-btn {
    display: flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #FFF;
    cursor: pointer;
    position: relative;
}

.header .header-nav .content .catalog-btn span {
    display: block;
    padding: 0;
    margin: 0;
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

@media (max-width: 1226px) {
    .header .header-nav .content .catalog-btn span {
        font-size: 12px;
    }
}

.header .header-nav .content .catalog-btn .submenu-container {
    position: absolute;
    top: 100%; /* сразу под кнопкой */
    left: 0;
    z-index: 15;
    width: max-content; /* ширина по содержимому */
    min-width: 100%; /* но не меньше кнопки */
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists {
    position: relative;
    width: 100%;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul {
    display: flex;
    flex-direction: column;
    padding: 20px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    background: #FAFBFF;
    width: 100%;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul.submenu-list-1 {
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul.submenu-list-1.open {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    height: auto;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li {
    width: 100%;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li.header-dropright .dropright-link::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='%232E3441'/%3E%3C/svg%3E");
    display: block;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li.header-dropright .dropright-link:hover::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='%232454C0'/%3E%3C/svg%3E");
    display: block;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li a {
    width: 100%;
    display: flex;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: var(--dark-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s ease;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li a:hover {
    text-decoration-line: underline;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists .submenu-list-2 {
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    z-index: 13;
    margin-left: 20px;
}

.header .header-nav .content .catalog-btn .submenu-container .submenu-lists .submenu-list-2.open {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.header .header-nav .content ul {
    display: flex;
    align-items: center;
}

.header .header-nav .content ul li a {
    display: flex;
    padding: 0 20px;
    align-items: center;
    border-radius: 10px;
    gap: 20px;
    align-self: stretch;
    color: var(--light-blue);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.header .header-nav .content ul li a.nav-link {
    padding: 10px 20px;
}

.header .header-nav .content ul li a.nav-link:hover {
    background: #4A79E3;
}

@media (max-width: 1328px) {
    .header .header-nav .content ul li a.nav-link {
        padding: 10px;
    }
}

@media (max-width: 1328px) {
    .header .header-nav .content ul li a {
        padding: 0 10px;
    }
}

@media (max-width: 1226px) {
    .header .header-nav .content ul li a {
        font-size: 12px;
    }
}

.header .header-nav .content .search {
    flex-grow: 1;
    position: relative;
}

.header .header-nav .content .search:hover input {
    background: #FFF;
    justify-content: flex-start;
}

.header .header-nav .content .search:hover input::placeholder {
    color: var(--brand-color);
    text-align: left;
}

.header .header-nav .content .search:hover .search-btn svg path {
    stroke: var(--brand-color);
}

.header .header-nav .content .search:hover .search-btn svg circle {
    stroke: var(--brand-color);
}

.header .header-nav .content .search input {
    display: flex;
    width: 100%;
    height: 44px;
    padding: 10px 54px 10px 20px;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 10px;
    border: 1px solid rgba(197, 215, 255, 0.24);
    outline: none;
    background: transparent;
}

.header .header-nav .content .search input::placeholder {
    color: var(--light-blue);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right;
}

@media (max-width: 1226px) {
    .header .header-nav .content .search input::placeholder {
        font-size: 12px;
    }
}

.header .header-nav .content .search .search-btn {
    width: auto;
    border: none;
    background: transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .header-nav .content .order-status {
    cursor: pointer;
    display: flex;
    height: 44px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid rgba(197, 215, 255, 0.24);
    background: transparent;
}

.header .header-nav .content .order-status:hover {
    background: #FFFFFF;
}

.header .header-nav .content .order-status:hover span {
    color: var(--brand-color);
}

.header .header-nav .content .order-status:hover svg path {
    stroke: var(--brand-color);
}

.header .header-nav .content .order-status span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

@media (max-width: 1226px) {
    .header .header-nav .content .order-status span {
        font-size: 12px;
    }
}

.header .mobile-header {
    display: none;
}

@media (max-width: 1100px) {
    .header .mobile-header {
        display: block;
    }
}

.header .mobile-header .burger-row {
    display: flex;
    padding: 15px 20px;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    background: linear-gradient(90deg, #2E3441 -9.46%, #2454C0 45.48%, #24C062 112.38%);
}

.header .mobile-header .burger-row .order-status {
    display: flex;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid rgba(197, 215, 255, 0.24);
    background: #24C062;
}

.header .mobile-header .burger-row .order-status span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.header .mobile-header .burger-row .cart-btn {
    cursor: pointer;
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--white);
    position: relative;
}

.header .mobile-header .burger-row .cart-btn .not-empty {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: var(--red-color);
    right: 9px;
    top: 10px;
}

.header .mobile-header .logo-row {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    justify-content: space-between;
}

.header .mobile-header .logo img {
    max-width: 132px;
    max-height: 71px;
}

.header .mobile-header .logo-row .info {
    display: flex;
    flex-direction: column;
}

.header .mobile-header .logo-row .info .header-phone {
    color: var(--dark-color);
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
}

@media (max-width: 1288px) {
    .header .mobile-header .logo-row .info .header-phone {
        font-size: 20px;
    }
}

.header .mobile-header .logo-row .info .label {
    display: flex;
    padding: 10px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: transparent;
}

@media (max-width: 416px) {
    .header .mobile-header .logo-row .info .label {
        padding: 10px 0;
    }
}

.header .mobile-header .logo-row .info .label span {
    color: var(--red-color);
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

@media (max-width: 1288px) {
    .header .mobile-header .logo-row .info .label span {
        width: unset;
    }
}

.header .mobile-header .search-row {
    padding: 0 20px 20px;
}

.header .mobile-header .search-row .search {
    flex-grow: 1;
    position: relative;
}

.header .mobile-header .search-row .search input {
    display: flex;
    width: 100%;
    height: 44px;
    padding: 10px 54px 10px 20px;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 10px;
    border: 1px solid #AFB7C9;
    outline: none;
    background: transparent;
}

.header .mobile-header .search-row .search input::placeholder {
    color: var(--dark-color);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right;
}

@media (max-width: 1226px) {
    .header .mobile-header .search-row .search input::placeholder {
        font-size: 12px;
    }
}

.header .mobile-header .search-row .search .search-btn {
    width: auto;
    border: none;
    background: transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .mobile-menu {
    display: flex;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    overflow-y: auto;
    padding: 50px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    background: var(--dark-color);
    position: fixed;
    top: 0;
    left: -2100px;
    opacity: 0;
    z-index: 3;
    transition: 0.5s ease;
}

.header .mobile-menu.active {
    left: 0;
    opacity: 1;
    transition: 0.5s ease;
}

.header .mobile-menu .close-row {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 33px;
    align-items: center;
    padding: 0 50px;
}

.header .mobile-menu .close-row .switch-theme {
    display: flex;
    gap: 10px;
    align-items: center;
}

.header .mobile-menu .close-row .switch-theme .light-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .mobile-menu .close-row .switch-theme .light-icon svg path {
    transition: 0.3s ease;
}

.header .mobile-menu .close-row .switch-theme .light-icon.active svg path {
    stroke: #fff;
}

.header .mobile-menu .close-row .switch-theme .switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 16px;
    flex-shrink: 0;
}

.header .mobile-menu .close-row .switch-theme .switch input {
    display: none;
}

.header .mobile-menu .close-row .switch-theme .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--brand-color);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.header .mobile-menu .close-row .switch-theme .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.header .mobile-menu .close-row .switch-theme input:checked + .slider {
    background-color: var(--brand-color);
}

.header .mobile-menu .close-row .switch-theme input:focus + .slider {
    box-shadow: 0 0 1px #EBEBEB;
}

.header .mobile-menu .close-row .switch-theme input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.header .mobile-menu .close-row .switch-theme .slider.round {
    border-radius: 34px;
}

.header .mobile-menu .close-row .switch-theme .slider.round:before {
    border-radius: 50%;
}

.header .mobile-menu .close-row .switch-theme .dark-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .mobile-menu .close-row .switch-theme .dark-icon svg path {
    transition: 0.3s ease;
}

.header .mobile-menu .close-row .switch-theme .dark-icon.active svg path {
    stroke: #fff;
}

.header .mobile-menu .close-row.close-row-inside {
    justify-content: space-between;
    align-items: center;
}

.header .mobile-menu .close-row.close-row-inside .back {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 20px;
}

.header .mobile-menu .close-row.close-row-inside .back::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M14.7071 19.2071C15.0976 18.8166 15.0976 18.1834 14.7071 17.7929L9.41421 12.5L14.7071 7.20711C15.0976 6.81658 15.0976 6.18342 14.7071 5.79289C14.3166 5.40237 13.6834 5.40237 13.2929 5.79289L7.29289 11.7929C6.90237 12.1834 6.90237 12.8166 7.29289 13.2071L13.2929 19.2071C13.6834 19.5976 14.3166 19.5976 14.7071 19.2071Z' fill='%23ffffff'/%3E%3C/svg%3E");
    display: block;
    margin-top: 8px;
}

.header .mobile-menu .close-row .close-btn {
    cursor: pointer;
}

.header .mobile-menu ul {
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 0 50px;
    width: 100%;
}

.header .mobile-menu ul li a {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    gap: 20px;
    align-items: center;
}

.header .mobile-menu ul li a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24' fill='none'%3E%3Cpath d='M8.76624 1.08253C9.01563 0.430571 9.64132 0 10.3394 0C11.52 0 12.3343 1.18325 11.9125 2.286L4.02064 22.9175C3.77126 23.5694 3.14556 24 2.44753 24C1.26686 24 0.452611 22.8167 0.874427 21.714L8.76624 1.08253Z' fill='%232454C0'/%3E%3Cpath d='M14.2004 0.590471C14.3364 0.234856 14.6777 0 15.0584 0C15.7024 0 16.1466 0.645411 15.9165 1.24691L7.43898 23.4095C7.30295 23.7651 6.96166 24 6.58092 24C5.93692 24 5.49278 23.3546 5.72286 22.7531L14.2004 0.590471Z' fill='%23839DD8'/%3E%3Cpath d='M18.9035 0.295236C18.9715 0.117429 19.1421 0 19.3325 0C19.6545 0 19.8766 0.322705 19.7615 0.623455L10.9326 23.7048C10.8646 23.8826 10.6939 24 10.5036 24C10.1816 24 9.9595 23.6773 10.0745 23.3765L18.9035 0.295236Z' fill='%23B1C3EE'/%3E%3C/svg%3E");
    display: block;
}

.header .mobile-menu ul li a.dropright::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='white'/%3E%3C/svg%3E");
    display: block;
    margin-top: 5px;
    margin-left: auto;
}

.header .mobile-menu ul li .screen {
    display: flex;
    width: 100%;
    min-height: 100vh;
    padding: 50px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    background: var(--dark-color);
    position: fixed;
    top: 0;
    left: -2100px;
    opacity: 0;
    z-index: 4;
    height: 100%;
    overflow-y: auto;
}

.header .mobile-menu ul li .screen.active {
    left: 0;
    opacity: 1;
    transition: 0.5s ease;
}

.header .mobile-menu ul li .screen ul li a {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    gap: 20px;
    align-items: center;
}

.header .mobile-menu ul li .screen ul li a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24' fill='none'%3E%3Cpath d='M8.76624 1.08253C9.01563 0.430571 9.64132 0 10.3394 0C11.52 0 12.3343 1.18325 11.9125 2.286L4.02064 22.9175C3.77126 23.5694 3.14556 24 2.44753 24C1.26686 24 0.452611 22.8167 0.874427 21.714L8.76624 1.08253Z' fill='%232454C0'/%3E%3Cpath d='M14.2004 0.590471C14.3364 0.234856 14.6777 0 15.0584 0C15.7024 0 16.1466 0.645411 15.9165 1.24691L7.43898 23.4095C7.30295 23.7651 6.96166 24 6.58092 24C5.93692 24 5.49278 23.3546 5.72286 22.7531L14.2004 0.590471Z' fill='%23839DD8'/%3E%3Cpath d='M18.9035 0.295236C18.9715 0.117429 19.1421 0 19.3325 0C19.6545 0 19.8766 0.322705 19.7615 0.623455L10.9326 23.7048C10.8646 23.8826 10.6939 24 10.5036 24C10.1816 24 9.9595 23.6773 10.0745 23.3765L18.9035 0.295236Z' fill='%23B1C3EE'/%3E%3C/svg%3E");
    display: block;
}

.header .mobile-menu ul li .screen ul li a.dropright::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='white'/%3E%3C/svg%3E");
    display: block;
    margin-top: 5px;
    margin-left: auto;
}

.header .mobile-menu .mobile-menu-line {
    width: 100%;
    height: 1px;
    background: #626C81;
    flex-shrink: 0;
    margin-top: auto;
}

.header .mobile-menu .mobile-contacts {
    padding: 0 50px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header .mobile-menu .mobile-contacts a::before {
    content: none !important;
}

.header .mobile-menu .mobile-contacts .text {
    color: #A9AEB9;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.header .mobile-menu .mobile-contacts .header-phone {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}

.header .mobile-menu .mobile-contacts .social {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.header .mobile-menu .mobile-contacts .social .callback {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

@media (max-width: 1288px) {
    .header .mobile-menu .mobile-contacts .social .callback {
        padding: 10px;
    }
}

.header .mobile-menu .mobile-contacts .social .callback span {
    color: var(--white);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header .mobile-menu .mobile-contacts .email {
    width: 100%;
    display: flex;
    text-align: center;
    color: #FFF;
    text-align: right;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.header .mobile-menu .mobile-contacts .email a {
    color: #FFF;
    text-align: right;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main-banner {
    padding: 50px 0;
}

@media (max-width: 768px) {
    .main-banner {
        display: none;
    }
}

.main-banner .content .banner-swiper-container .swiper-block {
    width: 100%;
    height: 240px;
    position: relative;
    border-radius: 5px 5px 0px 0px;
    background: #E2E2E2;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper {
    width: 100%;
    border-radius: 5px 5px 0px 0px;
    height: 100%;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper .swiper-slide {
    position: relative;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper .swiper-slide .slide-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    width: 474px;
    padding: 0px 50px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='475' height='240' viewBox='0 0 475 240' fill='none'%3E%3Cpath d='M0 0H474.5L413.5 240H0V0Z' fill='%232E3441'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper .swiper-slide .slide-info h2 {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    margin: 0;
    padding: 0;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper .swiper-slide .slide-info span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper .swiper-slide .slide-info p {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper .swiper-slide .slide-info p.colored {
    color: #24C062;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper .swiper-slide .slide-info a {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    border: none;
    cursor: pointer;
}

.main-banner .content .banner-swiper-container .swiper-block .main-banner-swiper .swiper-slide .slide-info a span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.main-banner .content .banner-swiper-container .swiper-block .banner-arrow {
    cursor: pointer;
}

.main-banner .content .banner-swiper-container .swiper-block .banner-arrow.main-banner-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 13;
    transform: translate(-50%, -50%);
}

.main-banner .content .banner-swiper-container .swiper-block .banner-arrow.main-banner-prev:hover svg path {
    fill: var(--brand-color);
}

.main-banner .content .banner-swiper-container .swiper-block .banner-arrow.main-banner-prev:hover svg path:last-child {
    stroke: #FFFFFF;
}

.main-banner .content .banner-swiper-container .swiper-block .banner-arrow.main-banner-next {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 13;
    transform: translate(50%, -50%);
}

.main-banner .content .banner-swiper-container .swiper-block .banner-arrow.main-banner-next:hover svg path {
    fill: var(--brand-color);
}

.main-banner .content .banner-swiper-container .swiper-block .banner-arrow.main-banner-next:hover svg path:last-child {
    stroke: #FFFFFF;
}

.main-banner .content .banner-swiper-container .main-banner-pagination {
    display: flex;
    gap: 5px;
    align-items: center;
}

.main-banner .content .banner-swiper-container .main-banner-pagination .pagination-bullet {
    display: flex;
    padding: 10px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 0px 0px 5px 5px;
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    cursor: pointer;
}

.main-banner .content .banner-swiper-container .main-banner-pagination .pagination-bullet.active {
    color: #EEF2FA;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    display: flex;
    padding: 10px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 0px 0px 5px 5px;
    background: #2E3441;
}

.main-banner-mobile {
    display: flex;
    padding: 30px 20px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    background: var(--dark-color);
    display: none;
}

/*@media (max-width: 768px) {*/
/*    .main-banner-mobile {*/
/*        display: flex;*/
/*    }*/
/*}*/

.main-banner-mobile .main-banner-mobile-swiper {
    width: 100%;
}

.main-banner-mobile .main-banner-mobile-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.main-banner-mobile .main-banner-mobile-swiper .swiper-slide .image {
    height: 226px;
    border-radius: 15px;
    overflow: hidden;
}

.main-banner-mobile .main-banner-mobile-swiper .swiper-slide .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-banner-mobile .main-banner-mobile-swiper .swiper-slide h2 {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    margin: 0;
    padding: 0;
}

.main-banner-mobile .main-banner-mobile-swiper .swiper-slide span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main-banner-mobile .main-banner-mobile-swiper .swiper-slide p {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-banner-mobile .main-banner-mobile-swiper .swiper-slide p.colored {
    color: #24C062;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.main-banner-mobile .main-banner-mobile-swiper .swiper-slide a {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    border: none;
    cursor: pointer;
    justify-content: center;
}

.main-banner-mobile .main-banner-mobile-swiper .swiper-slide a span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.main-banner-mobile .main-banner-mobile-swiper .custom-swiper-pagination {
    margin-top: 30px;
}

.main-banner-mobile .main-banner-mobile-swiper .custom-swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    background: #626C81;
    border-radius: 50px;
}

.main-banner-mobile .main-banner-mobile-swiper .custom-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}

.chapter {
    padding: 15px 0;
}

@media (max-width: 1100px) {
    .chapter {
        padding: 30px 0 0;
    }
}

.chapter .content {
    display: flex;
    gap: 10px;
    align-items: center;
}

@media (max-width: 1024px) {
    .chapter .content svg {
        display: none;
    }
}

.chapter .content p,
.chapter .content h1{
    color: #D7DFF0;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
}

@media (max-width: 1100px) {
    .chapter .content p,
    .chapter .content h1 {
        font-size: 25px;
    }
}

.chapter .content .line {
    flex-grow: 1;
    height: 1px;
    background: #D7DFF0;
}

.product-card {
    display: flex;
    width: 270px;
    padding: 50px 30px;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    background: #FFF;
    gap: 30px;
    border: 1px solid #fff;
    height: auto;
}

.product-card a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

@media (max-width: 450px) {
    .product-card {
        width: 100%;
    }
}

.product-card:hover {
    border-radius: 15px;
    background: #F7F9FD;
    box-shadow: 0px 4px 19.9px -8px rgba(36, 84, 192, 0.4);
}

.product-card:hover .img-container img {
    transform: scale(1.2);
}

.product-card .title-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    height: 100px;
}

.product-card .title-block .product-title {
    color: var(--dark-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 25px */
}

.product-card .title-block .product-chapter {
    color: var(--dark-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.product-card .img-container {
    height: 210px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.product-card .img-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-card .img-container .labels {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    z-index: 10;
}

.product-card .img-container .labels .label.top {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 0px 5px 5px 0px;
    background: var(--brand-color);
    color: #FAFBFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: fit-content;
}

.product-card .img-container .labels .label.new {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 0px 5px 5px 0px;
    background: var(--green-color);
    color: #FAFBFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: fit-content;
}

.product-card .img-container .labels .label.sale {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 0px 5px 5px 0px;
    background: var(--red-color);
    color: #FAFBFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: fit-content;
}

.product-card .price {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: column;
    height: 60px;
}

.product-card .price .sale-price {
    color: #C2C2C2;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    text-decoration-line: line-through;
    height: 20px;
}

.product-card .price .total-price {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
}

.product-card button,
.popup-window-buttons .basket-button {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    background: transparent;
    cursor: pointer;
}

.product-card button:hover,
.popup-window-buttons .basket-button:hover {
    background: #5287FF;
}

.product-card button:hover svg path {
    stroke: #FFFFFF;
}

.product-card button:hover span,
.popup-window-buttons .basket-button:hover {
    color: #FFFFFF;
}

.product-card button span,
.popup-window-buttons .basket-button {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-slider {
    padding-bottom: 50px;
}

.product-slider .products-slider {
    padding: 50px 0;
}

@media (max-width: 1024px) {
    .product-slider .products-slider {
        padding: 30px 0;
    }
}

.show-more {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 15px;
    background: #F7F9FD;
    width: 100%;
    border: none;
    cursor: pointer;
}

.show-more:hover {
    background: #5287FF;
}

.show-more:hover svg path {
    fill: #FFFFFF;
}

.show-more:hover span {
    color: #FFFFFF;
}

.show-more span {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.advantages {
    padding: 50px 0 100px;
}

.advantages .advantages-swiper {
    width: 100%;
}

.advantages .advantages-swiper .swiper-slide {
    height: 100%;
}

.advantages .advantages-swiper .swiper-slide .advantages-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.advantages .advantages-swiper .swiper-slide .advantages-card .title {
    color: #2E3441;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    height: 48px;
}

.advantages .advantages-swiper .swiper-slide .advantages-card .title span {
    text-transform: none;
}

.advantages .advantages-swiper .swiper-slide .advantages-card .subtitle {
    margin-top: auto;
    color: #AFB7C9;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.advantages .advantages-swiper .custom-swiper-pagination {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 20px;
    display: none;
}

@media (max-width: 1180px) {
    .advantages .advantages-swiper .custom-swiper-pagination {
        display: flex;
    }
}

.advantages .advantages-swiper .custom-swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    border-radius: 50px;
    background: #626C81;
}

.advantages .advantages-swiper .custom-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 18px;
    height: 18px;
    background: var(--brand-color);
    border-radius: 50px;
}

.technology {
    padding: 50px 0;
    background: #FFFFFF;
    margin-bottom: 35px;
}

@media (max-width: 768px) {
    .technology {
        margin-bottom: 0;
    }
}

.technology .technology-wrap {
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
}

.technology .technology-wrap .technology-arrow {
    cursor: pointer;
}

@media (max-width: 1230px) {
    .technology .technology-wrap .technology-arrow {
        display: none;
    }
}

.technology .technology-wrap .technology-arrow.technology-prev:hover svg path {
    fill: var(--brand-color);
}

.technology .technology-wrap .technology-arrow.technology-prev:hover svg path:last-child {
    stroke: #FFFFFF;
}

.technology .technology-wrap .technology-arrow.technology-next:hover svg path {
    fill: var(--brand-color);
}

.technology .technology-wrap .technology-arrow.technology-next:hover svg path:last-child {
    stroke: #FFFFFF;
}

.technology .technology-wrap .technology-swiper {
    width: calc(100% - 80px - 100px);
}

@media (max-width: 1230px) {
    .technology .technology-wrap .technology-swiper {
        width: 100%;
    }
}

.technology .technology-wrap .technology-swiper .swiper-slide .logo-wrapper {
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #FFF;
    height: 80px;
}

.technology .technology-wrap .technology-swiper .swiper-slide .logo-wrapper.windows {
    border-radius: 15px;
    background: #0DADEA;
}

.technology .technology-wrap .technology-swiper .swiper-slide .logo-wrapper.kaspersky {
    border-radius: 15px;
    background: #006D5C;
}

.technology .technology-wrap .technology-swiper .swiper-scrollbar {
    position: static;
    margin-top: 30px;
    display: none;
}

@media (max-width: 1230px) {
    .technology .technology-wrap .technology-swiper .swiper-scrollbar {
        display: block;
    }
}

.technology .technology-wrap .technology-swiper .swiper-scrollbar .swiper-scrollbar-drag {
    border-radius: 10px;
    background: var(--brand-color);
    height: 2px;
}

.catalog-cards {
    padding-top: 35px;
    padding-bottom: 50px;
}

@media (max-width: 768px) {
    .catalog-cards {
        padding-bottom: 30px;
    }
}

.catalog-cards .content .catalog-list {
    width: 100%;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

@media (max-width: 1425px) {
    .catalog-cards .content .catalog-list {
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .catalog-cards .content .catalog-list {
        gap: 10px;
    }
}

.catalog-cards .content .catalog-list li {
    width: calc((100% - 200px) / 5);
}

@media (max-width: 1425px) {
    .catalog-cards .content .catalog-list li {
        width: calc((100% - 120px) / 5);
    }
}

@media (max-width: 1350px) {
    .catalog-cards .content .catalog-list li {
        width: calc((100% - 90px) / 4);
    }
}

@media (max-width: 1090px) {
    .catalog-cards .content .catalog-list li {
        width: calc((100% - 60px) / 3);
    }
}

@media (max-width: 860px) {
    .catalog-cards .content .catalog-list li {
        width: calc((100% - 30px) / 2);
    }
}

@media (max-width: 768px) {
    .catalog-cards .content .catalog-list li {
        width: 100%;
    }
}

.catalog-cards .content .catalog-list li .catalog-card {
    width: 100%;
    padding: 50px;
    border-radius: 15px;
    background: #FFF;
    height: 395px;
    position: relative;
    cursor: pointer;
}

@media (max-width: 768px) {
    .catalog-cards .content .catalog-list li .catalog-card {
        display: none;
    }
}

.catalog-cards .content .catalog-list li .catalog-card:hover .list-wrap {
    border-radius: 15px;
    background: #F7F9FD;
    box-shadow: 0px 4px 19.9px -8px rgba(36, 84, 192, 0.4);
}

.catalog-cards .content .catalog-list li .catalog-card:hover .list-wrap ul {
    background: #F7F9FD;
    margin-top: 0;
}

.catalog-cards .content .catalog-list li .catalog-card:hover .list-wrap ul li {
    color: var(--brand-color);
}

.catalog-cards .content .catalog-list li .catalog-card svg {
    height: 40px;
    width: 40px;
    margin-bottom: 30px;
}

.catalog-cards .content .catalog-list li .catalog-card .list-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 50px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
}

.catalog-cards .content .catalog-list li .catalog-card .list-wrap ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    background: #FFFFFF;
    position: static;
    margin-top: 70px;
    transition: 0.3s ease;
}

.catalog-cards .content .catalog-list li .catalog-card .list-wrap ul li {
    width: 100%;
    color: var(--dark-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    overflow-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.catalog-cards .content .catalog-list li .catalog-card .list-wrap ul li a {
    color: var(--dark-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.catalog-cards .content .catalog-list li .catalog-card .list-wrap ul li a:hover {
    text-decoration: underline;
}

.catalog-cards .content .catalog-list li .catalog-item-accordeon {
    display: none;
}

@media (max-width: 768px) {
    .catalog-cards .content .catalog-list li .catalog-item-accordeon {
        display: block;
    }
}

.catalog-cards .content .catalog-list li .catalog-item-accordeon .box {
    position: relative;
    border-radius: 15px;
    background: #FFF;
}

.catalog-cards .content .catalog-list li .catalog-item-accordeon .box.active .label::after {
    transform: translateY(-50%) rotate(180deg);
}

.catalog-cards .content .catalog-list li .catalog-item-accordeon .box .label {
    position: relative;
    color: #2E3441;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 20px 50px 20px 20px;
    overflow-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.catalog-cards .content .catalog-list li .catalog-item-accordeon .box .label::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%230D0D0D'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 25px;
    font-weight: bold;
}

.catalog-cards .content .catalog-list li .catalog-item-accordeon .box .content {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s;
    width: 100%;
    padding: 0;
    border-radius: 15px;
}

.catalog-cards .content .catalog-list li .catalog-item-accordeon .box .content ul {
    padding: 10px 20px 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.catalog-cards .content .catalog-list li .catalog-item-accordeon .box .content ul li {
    width: 100%;
}

.catalog-cards .content .catalog-list li .catalog-item-accordeon .box .content ul li a {
    color: #2E3441;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-chapter {
    padding: 100px 0 50px;
    background: var(--dark-color);
}

@media (max-width: 768px) {
    .dark-chapter {
        padding: 30px 0;
    }
}

.dark-chapter .content {
    display: flex;
    gap: 30px;
    align-items: center;
}

.dark-chapter .content p,
.dark-chapter .content h1{
    color: #626C81;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .dark-chapter .content p {
        font-size: 25px;
    }
}

.dark-chapter .content .line {
    flex-grow: 1;
    background: #626C81;
    height: 1px;
}

@media (max-width: 768px) {
    .dark-chapter .content .line {
        display: none;
    }
}

.dark-chapter .content a {
    display: flex;
    padding: 10px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid #A9AEB9;
    color: #A9AEB9;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

@media (max-width: 768px) {
    .dark-chapter .content a {
        display: none;
    }
}

.dark-chapter .content a:hover {
    border-radius: 10px;
    border: 1px solid #A9AEB9;
    background: #FFF;
    color: #A9AEB9;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.news {
    padding-bottom: 100px;
    background: var(--dark-color);
}

@media (max-width: 1024px) {
    .news {
        padding-bottom: 30px;
    }
}

.news .content .news-slider {
    width: 100%;
}

@media (max-width: 420px) {
    .news .content .news-slider .swiper-slide {
        display: flex;
        justify-content: center;
    }
}

.news .content .news-link {
    display: flex;
    border-radius: 15px;
    border: 1px solid #A9AEB9;
    height: 54px;
    padding: 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    color: #A9AEB9;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
    margin-top: 30px;
    display: none;
}

@media (max-width: 768px) {
    .news .content .news-link {
        display: flex;
    }
}

.news-card {
    display: flex;
    width: 320px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 15px;
    background: #333A4A;
    padding: 20px;
    border: 1px solid #333A4A;
}

@media (max-width: 420px) {
    .news-card {
        width: 100%;
    }
}

.news-card:hover {
    border-radius: 15px;
    border: 1px solid #5F6574;
}

.news-card:hover .image-container img {
    transform: scale(1.1);
}

.news-card:hover p {
    color: #C5D7FF;
    text-decoration: underline;
}

.news-card .image-container {
    height: 415px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}

.news-card .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-card .row {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.news-card .row .rubrica {
    display: flex;
    padding: 2px 5px;
    align-items: flex-start;
    gap: 10px;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.news-card .row .rubrica.news {
    border-radius: 5px;
    background: #626C81;
}

.news-card .row .rubrica.sale {
    border-radius: 5px;
    background: #F00;
}

.news-card .row .date {
    color: #A9AEB9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.news-card .row .date.sale-date {
    color: #FF7373;
}

.news-card p {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    max-width: 240px;
}

.footer {
    padding: 100px 0;
    background: var(--dark-bg);
}

@media (max-width: 1150px) {
    .footer {
        padding: 30px 0 75px;
    }
}

.footer .content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media (max-width: 1150px) {
    .footer .content {
        flex-direction: column;
        gap: 30px;
    }
}

.footer .content .logo-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer .content .logo-column img {
    max-width: 132px;
    max-height: 71px;
}

@media (max-width: 1150px) {
    .footer .content .logo-column {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .footer .content .logo-column img {
        max-height: 35px;
    }
}

.footer .content .logo-column p {
    color: #626C81;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer .content .contacts-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 214px;
    width: 100%;
}

@media (max-width: 1150px) {
    .footer .content .contacts-column {
        max-width: 100%;
    }
}

.footer .content .contacts-column .phone {
    display: flex;
    flex-direction: column;
}

@media (max-width: 1150px) {
    .footer .content .contacts-column .phone {
        align-items: center;
    }
}

.footer .content .contacts-column .phone span {
    color: #A9AEB9;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer .content .contacts-column .phone a {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer .content .contacts-column .location {
    display: flex;
    flex-direction: column;
}

.footer .content .contacts-column .location span {
    color: #A9AEB9;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer .content .contacts-column .location p {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.footer .content .contacts-column .email {
    display: flex;
    gap: 10px;
}

@media (max-width: 1150px) {
    .footer .content .contacts-column .email {
        justify-content: center;
    }
}

.footer .content .contacts-column .email span {
    color: #A9AEB9;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer .content .contacts-column .email a {
    color: #FFF;
    text-align: right;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.footer .content .contacts-column .social {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 1150px) {
    .footer .content .contacts-column .social {
        justify-content: center;
    }
}

@media (max-width: 500px) {
    .footer .content .contacts-column .social {
        justify-content: space-between;
    }
}

.footer .content .contacts-column .social a:hover {
    opacity: 0.6;
}

.footer .content .contacts-column .social .callback {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.footer .content .contacts-column .social .callback:hover {
    opacity: 0.6;
}

.footer .content .contacts-column .social .callback span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer .content .time-column {
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 15px;
    border: 1px solid #C2C2C2;
}

@media (max-width: 1150px) {
    .footer .content .time-column {
        gap: 10px;
    }
}

.footer .content .time-column .rows {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}

@media (max-width: 1150px) {
    .footer .content .time-column .rows {
        flex-direction: row;
        justify-content: space-between;
    }
}

.footer .content .time-column .title {
    color: #A9AEB9;
    text-align: right;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.footer .content .time-column .row {
    display: flex;
    flex-direction: column;
}

.footer .content .time-column .row span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.footer .content .time-column .row p {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.footer .content .time-column .row p.green {
    color: #24C062;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.footer .content .footer-nav {
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    display: none;
}

@media (max-width: 1150px) {
    .footer .content .footer-nav {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 450px) {
    .footer .content .footer-nav {
        display: flex;
        justify-content: space-between;
    }
}

.footer .content .footer-nav ul {
    max-width: 126px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 1150px) {
    .footer .content .footer-nav ul {
        display: block;
    }
}

.footer .content .footer-nav ul li a {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer .content ul {
    max-width: 126px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 1150px) {
    .footer .content ul {
        display: none;
    }
}

.footer .content ul li a {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer .content .payment-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    max-width: 171px;
}

@media (max-width: 1150px) {
    .footer .content .payment-column {
        max-width: 100%;
        gap: 10px;
        display: flex;
    }

    .footer .content .payment {
        display: none;
    }
}

.footer .content .payment-column .line {
    background: #C2C2C2;
    height: 1px;
    flex-shrink: 0;
    width: 100%;
}

.footer .content .payment-column span {
    color: #A9AEB9;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer .content .payment-column .payments {
    display: none;
    gap: 10px;
}

.footer .content .payment-column span,
.footer .content .payment-column .line {
    display: none;
}

.footer .content .payment-column .payments img {
    max-width: 80px;
    max-height: 40px;
}

.footer .content .payment .payment-line {
    display: flex;
    justify-content: center;
}

.footer .content .payment .payment-line img {
    width: 80%;
}

@media (max-width: 1150px) {
    .footer .content .payment-column .payments {
        display: block;
        margin: 0 auto;
    }

    .footer .content .payment-column span,
    .footer .content .payment-column .line {
        display: block;
    }
}

@media (max-width: 450px) {
    .footer .content .payment-column .payments {
        justify-content: space-between;
    }
}

.breadcrumbs {
    padding-top: 25px;
    padding-bottom: 35px;
}

@media (max-width: 1024px) {
    .breadcrumbs {
        padding-bottom: 20px;
    }
}

.breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.breadcrumbs ul li {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.breadcrumbs ul li a {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
    text-decoration-line: underline;
}

.catalog-filter {
    padding-top: 35px;
    padding-bottom: 20px;
}

.catalog-filter ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.catalog-filter ul li {
    border-radius: 10px;
    background: #FFF;
    display: flex;
    height: 44px;
    padding: 7px 15px;
    align-items: center;
    gap: 10px;
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

.catalog-filter ul li:hover {
    border-radius: 10px;
    background: #5287FF;
    color: #FFF;
}

.catalog-filter ul li.active {
    color: #FFF;
    border-radius: 10px;
    background: var(--brand-color);
}

.catalog-filter {
    padding: 35px 0 20px;
}

.catalog-filter form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.catalog-filter button {
    display: flex;
    align-items: center;
    gap: 10px;

    height: 44px;
    padding: 7px 15px;

    border: none;
    border-radius: 10px;
    background: #fff;

    color: var(--brand-color);
    font: 400 15px/1 "Myriad Pro", sans-serif;

    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.catalog-filter button:hover {
    background: #5287FF;
    color: #fff;
}

.catalog-filter button.active {
    background: var(--brand-color);
    color: #fff;
}

.catalog-items {
    padding: 30px 0 50px;
}

.catalog-items .content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.catalog-items .content .catalog-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 30px;
}

.catalog-items .content .catalog-list .product-card {
    width: calc((100% - 80px) / 5);
}

@media (max-width: 1370px) {
    .catalog-items .content .catalog-list .product-card {
        width: calc((100% - 60px) / 4);
    }
}

@media (max-width: 1115px) {
    .catalog-items .content .catalog-list .product-card {
        width: calc((100% - 40px) / 3);
    }
}

@media (max-width: 835px) {
    .catalog-items .content .catalog-list .product-card {
        width: calc((100% - 20px) / 2);
    }
}

@media (max-width: 600px) {
    .catalog-items .content .catalog-list .product-card {
        width: 100%;
    }
}

.pagination {
    padding-top: 30px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .pagination {
        gap: 10px;
    }
}

.pagination a {
    display: flex;
    height: 44px;
    padding: 7px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #FFF;
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

@media (max-width: 768px) {
    .pagination a {
        padding: 5px 10px;
        font-size: 10px;
    }
}

.pagination a:hover {
    border-radius: 10px;
    background: #5287FF;
    color: #FFFFFF;
}

.pagination a:hover svg path {
    fill: #FFFFFF;
}

.pagination a.active {
    border-radius: 10px;
    background: #2454C0;
    color: #FFFFFF;
}

.pagination a.active svg path {
    fill: #FFFFFF;
}

.about-container {
    padding: 50px 0 100px;
}

@media (max-width: 1024px) {
    .about-container {
        padding: 50px 0;
    }
}

.about-container .about-wrapper {
    width: 100%;
    display: flex;
    gap: 50px;
}

@media (max-width: 1024px) {
    .about-container .about-wrapper {
        flex-direction: column-reverse;
    }
}

.about-container .about-wrapper .column {
    display: flex;
    flex-direction: column;
    gap: 30px;
    /*width: calc((100% - 50px) / 2);*/
}

@media (max-width: 1024px) {
    .about-container .about-wrapper .column {
        width: 100%;
    }
}

.about-container .about-wrapper .column .img-container {
    height: 926px;
    width: 100%;
    border-radius: 5px;
    background: var(--white);
    overflow: hidden;
}

@media (max-width: 1024px) {
    .about-container .about-wrapper .column .img-container {
        height: auto;
    }
}

.about-container .about-wrapper .column .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-container .about-wrapper .column p {
    color: #626C81;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.about-container .about-wrapper .column p.title {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.about-container .about-wrapper .column p.subtitle {
    color: #626C81;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.about-container .about-wrapper .column .partners {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}

.about-container .about-wrapper .column .partners li {
    display: flex;
    align-items: center;
}

.about-container .about-wrapper .column .partners li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-container .about-wrapper .column .services {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.about-container .about-wrapper .column .services li {
    color: #626C81;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.about-container .about-wrapper .column .services li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM16.6644 8.75259C17.0771 9.11951 17.1143 9.75158 16.7474 10.1644L11.4141 16.1644C11.2243 16.3779 10.9523 16.5 10.6667 16.5C10.381 16.5 10.109 16.3779 9.91926 16.1644L7.25259 13.1644C6.88567 12.7516 6.92285 12.1195 7.33564 11.7526C7.74842 11.3857 8.38049 11.4229 8.74741 11.8356L10.6667 13.9948L15.2526 8.83564C15.6195 8.42285 16.2516 8.38567 16.6644 8.75259Z' fill='%232454C0'/%3E%3C/svg%3E");
    display: block;
}

@media (max-width: 768px) {
    .about-container .about-wrapper .column .services {
        padding: 0;
    }
    .about-container .about-wrapper .column p.subtitle,
    .about-container .about-wrapper .column p,
    .about-container .about-wrapper .column .services li{
        font-size: 15px;
    }
}


.product-info-container {
    padding-bottom: 50px;
}

.product-info-container .content {
    display: flex;
    gap: 30px;
}

.product-info-container .content .info-block {
    flex-grow: 1;
    display: flex;
    padding: 50px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    align-self: stretch;
    border-radius: 15px;
    background: #FFF;
    height: fit-content;
}

@media (max-width: 1426px) {
    .product-info-container .content .info-block {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .product-info-container .content .info-block {
        padding: 30px 15px;
    }
}

.product-info-container .content .info-block .product-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
}

.product-info-container .content .info-block .product-text span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
}

/*.product-info-container .content .info-block .product-text p {*/
/*    color: #2E3441;*/
/*    font-family: "Myriad Pro";*/
/*    font-size: 20px;*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    line-height: 130%; !* 26px *!*/
/*}*/

.product-info-container .content .info-block .product-text a {
    display: flex;
    padding: 7px 10px 7px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
}

.product-info-container .content .info-block .product-text a span {
    color: #2454C0;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-info-container .content .info-block .product-text a:hover {
    border-radius: 15px;
    background: #5287FF;
}

.product-info-container .content .info-block .product-text a:hover span {
    color: #FFFFFF;
}

.product-info-container .content .info-block .product-text a:hover svg path {
    fill: #FFFFFF;
}

.product-info-container .content .info-block .product-row {
    display: flex;
    width: 100%;
    gap: 30px;
}

@media (max-width: 1426px) {
    .product-info-container .content .info-block .product-row {
        flex-direction: column;
    }
}

.product-info-container .content .info-block .product-row .picture-block {
    width: 500px;
}

@media (max-width: 1426px) {
    .product-info-container .content .info-block .product-row .picture-block {
        width: 100%;
    }
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap {
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
}

@media (max-width: 1200px) {
    .product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap {
        flex-direction: row;
        justify-content: space-between;
        gap: 8px;
    }
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap .gallery-mini {
    flex-shrink: 0;
    width: calc(100% - 50px - 50px - 40px);
    height: 80px;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap .gallery-mini .swiper-wrapper .swiper-slide {
    border-radius: 8px;
    transition: 0.3s ease;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap .gallery-mini .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
    transition: 0.3s ease;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap .gallery-mini .swiper-wrapper .swiper-slide img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

@media (max-width: 1024px) {
    .product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap .gallery-mini .swiper-wrapper .swiper-slide img {
        width: 64px;
        height: 64px;
    }
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap .gallery-mini-button {
    cursor: pointer;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap .gallery-mini-button.swiper-button-disabled {
    display: none;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap .gallery-mini-button:hover svg path {
    fill: var(--brand-color);
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery-mini-wrap .gallery-mini-button:hover svg path:last-child {
    stroke: #FFFFFF;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery {
    width: 500px;
    height: 500px;
    position: relative;
    flex-shrink: 0;
}

@media (max-width: 1300px) {
    .product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery {
        width: 400px;
        height: 400px;
    }
}

@media (max-width: 1024px) {
    .product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery {
        width: 100%;
        height: 343px;
    }
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .gallery-button-prev {
    transition: 0.3s ease;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

@media (max-width: 1024px) {
    .product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .gallery-button-prev {
        left: 15px;
        display: flex;
    }
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .gallery-button-prev::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' viewBox='0 0 30 29' fill='none'%3E%3Cg clip-path='url(%23clip0_960_7355)'%3E%3Cpath d='M20.3559 18.3893L14.9542 12.9985L9.55242 18.3893L7.89307 16.7297L14.9542 9.66751L22.0153 16.7297L20.3559 18.3893Z' fill='%23131214'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_960_7355'%3E%3Crect width='28.2444' height='28.2487' fill='white' transform='matrix(1 0 0 -1 0.832031 28.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display: block;
    margin-top: 3px;
    transform: rotate(-90deg);
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .gallery-button-prev.swiper-button-disabled {
    display: none;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .gallery-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

@media (max-width: 1024px) {
    .product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .gallery-button-next {
        right: 15px;
        display: flex;
    }
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .gallery-button-next.swiper-button-disabled {
    display: none;
}

.product-info-container .content .info-block .product-row .picture-block .swiper-container .gallery .gallery-button-next::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' viewBox='0 0 30 29' fill='none'%3E%3Cg clip-path='url(%23clip0_960_7355)'%3E%3Cpath d='M20.3559 18.3893L14.9542 12.9985L9.55242 18.3893L7.89307 16.7297L14.9542 9.66751L22.0153 16.7297L20.3559 18.3893Z' fill='%23131214'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_960_7355'%3E%3Crect width='28.2444' height='28.2487' fill='white' transform='matrix(1 0 0 -1 0.832031 28.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display: block;
    margin-top: 3px;
    transform: rotate(90deg);
}

.product-info-container .content .info-block .product-row .product-row-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.product-info-container .content .info-block .product-row .product-row-info .labels {
    display: flex;
    gap: 10px;
}

.product-info-container .content .info-block .product-row .product-row-info .labels li.top {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    background: var(--brand-color);
    color: #FAFBFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: fit-content;
}

.product-info-container .content .info-block .product-row .product-row-info .labels li.new {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    background: var(--green-color);
    color: #FAFBFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: fit-content;
}

.product-info-container .content .info-block .product-row .product-row-info .labels li.sale {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    background: var(--red-color);
    color: #FAFBFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: fit-content;
}

.product-info-container .content .info-block .product-row .product-row-info .product-title {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-info-container .content .info-block .product-row .product-row-info .product-title h1 {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.product-info-container .content .info-block .product-row .product-row-info .product-title span {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.product-info-container .content .info-block .product-row .product-row-info .price-row {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: right;
}

@media (max-width: 500px) {
    .product-info-container .content .info-block .product-row .product-row-info .price-row {
        flex-direction: column;
    }
}

.product-info-container .content .info-block .product-row .product-row-info .price-row .old-price {
    color: #C2C2C2;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    text-decoration-line: line-through;
}

.product-info-container .content .info-block .product-row .product-row-info .price-row .total-price {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
}

.product-info-container .content .info-block .product-row .product-row-info .price-row .label-economy {
    display: flex;
    display: flex;
    padding: 7px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: #24C062;
}

.product-info-container .content .info-block .product-row .product-row-info .price-row .label-economy p {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
    max-width: 83px;
}

.product-info-container .content .info-block .product-row .product-row-info .price-row .label-economy p span {
    font-weight: 700;
}

.product-info-container .content .info-block .product-row .product-row-info .btns {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: right;
}

@media (max-width: 550px) {
    .product-info-container .content .info-block .product-row .product-row-info .btns {
        flex-direction: column;
    }
}

.product-info-container .content .info-block .product-row .product-row-info .btns .oneclick {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

@media (max-width: 550px) {
    .product-info-container .content .info-block .product-row .product-row-info .btns .oneclick {
        width: 100%;
        justify-content: center;
    }
}

.product-info-container .content .info-block .product-row .product-row-info .btns .oneclick:hover {
    background: #5287FF;
}

.product-info-container .content .info-block .product-row .product-row-info .btns .to-cart {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-grow: 1;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    background: transparent;
    cursor: pointer;
}

@media (max-width: 1426px) {
    .product-info-container .content .info-block .product-row .product-row-info .btns .to-cart {
        width: max-content;
        flex-grow: 0;
    }
}

@media (max-width: 550px) {
    .product-info-container .content .info-block .product-row .product-row-info .btns .to-cart {
        width: 100%;
    }
}

.product-info-container .content .info-block .product-row .product-row-info .btns .to-cart span {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product-info-container .content .info-block .product-row .product-row-info .btns .to-cart:hover {
    background: var(--brand-color);
}

.product-info-container .content .info-block .product-row .product-row-info .btns .to-cart:hover span {
    color: #FFFFFF;
}

.product-info-container .content .info-block .product-row .product-row-info .btns .to-cart:hover svg path {
    stroke: #FFFFFF;
}

.product-info-container .content .info-block .product-row .product-row-info .characteristics {
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid #C5D7FF;
    width: 100%;
}

@media (max-width: 768px) {
    .product-info-container .content .info-block .product-row .product-row-info .characteristics {
        padding: 10px;
    }
}

.product-info-container .content .info-block .product-row .product-row-info .characteristics p {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.product-info-container .content .info-block .product-row .product-row-info .characteristics ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.product-info-container .content .info-block .product-row .product-row-info .characteristics ul li {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
}

@media (max-width: 768px) {
    .product-info-container .content .info-block .product-row .product-row-info .characteristics ul li {
        gap: 5px;
    }
}

.product-info-container .content .info-block .product-row .product-row-info .characteristics ul li p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 15px */
}

@media (max-width: 768px) {
    .product-info-container .content .info-block .product-row .product-row-info .characteristics ul li p {
        font-size: 12px;
    }
}

.product-info-container .content .info-block .product-row .product-row-info .characteristics ul li span {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

@media (max-width: 768px) {
    .product-info-container .content .info-block .product-row .product-row-info .characteristics ul li span {
        font-size: 12px;
    }
}

.product-info-container .content .info-block .product-row .product-row-info .characteristics ul li hr {
    flex-grow: 1;
}

.side-menu {
    width: 100%;
    position: relative;
}

.side-menu.vopros-otvet {
    max-width: none;
    width: 100%;
    position: relative;
}

.side-menu .side-menu-wrapper {
    position: sticky;
    top: 10px;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.side-menu .box {
    display: flex;
    width: 337px;
    flex-direction: column;
    border-radius: 15px;
    background: #FFF;
    position: relative;
}

.side-menu .box.vopros-otvet {
    display: flex;
    width: auto;
    flex-direction: column;
    border-radius: 15px;
    background: #FFF;
    position: relative;
}

.side-menu .box:hover {
    background: #F7F9FD;
    box-shadow: 0px 4px 19.9px -8px rgba(36, 84, 192, 0.4);
}

.side-menu .box.active .label::after {
    transform: translateY(-50%) rotate(180deg);
}

.side-menu .box .label {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 20px */
    text-transform: uppercase;
    display: flex;
    gap: 20px;
    align-items: center;
    position: relative;
    padding: 30px 30px;
    cursor: pointer;
}

.side-menu .box .label::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%232454C0'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    font-size: 25px;
    font-weight: bold;
}

.side-menu .box .content {
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s;
    width: 100%;
    padding: 0;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
}

.side-menu .box .content .text {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.side-menu .box.vopros-otvet .content .text {
    padding-bottom: 30px;
}

.side-menu .box .content .text p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.side-menu .box .content .text p.title {
    color: #2454C0;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 25px */
}

.side-menu .box .content ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0 30px;
}

.side-menu .box.vopros-otvet .content ul {
    padding-bottom: 30px;
}

.side-menu .box .content ul li {
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    padding-left: 20px;
}

.side-menu .box .content ul li span {
    display: flex;
    width: 25px;
    height: 25px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #2454C0;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
}

.side-menu .box .content ul li p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.side-menu .box .content ul li a {
    color: #2454C0;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    text-decoration-line: underline;
}

.side-menu .box .content ul.orders {
    padding: 0;
}

.side-menu .box .content ul.orders li {
    display: flex;
    gap: 20px;
    align-items: center;
    cursor: pointer;
}

.side-menu .box .content ul.orders li .date {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    display: flex;
    height: 25px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--brand-color);
}

.side-menu .box .content ul.orders li p {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 20px */
    text-decoration-line: underline;
}

.side-menu .box .content ul.orders li p span {
    font-weight: 400;
    color: var(--brand-color);
    width: unset;
    height: unset;
    background: unset;
    display: inline;
    padding: 0;
}

.side-menu .box .content .hide {
    display: flex;
    padding: 5px 10px 0px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px 5px 0px 0px;
    background: #2454C0;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
}

.side-menu .consult-card {
    display: flex;
    width: 100%;
    padding: 50px 30px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: #FFF;
}

.side-menu .consult-card:hover {
    border-radius: 15px;
    background: #F7F9FD;
    box-shadow: 0px 4px 19.9px -8px rgba(36, 84, 192, 0.4);
}

.side-menu .consult-card .image {
    width: 173px;
    height: 173px;
    border-radius: 500px;
    overflow: hidden;
}

.side-menu .consult-card .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.side-menu .consult-card .name {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.side-menu .consult-card .name p {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 30px */
}

.side-menu .consult-card .name span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.side-menu .consult-card .phone {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.side-menu .consult-card .social {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.side-menu .consult-card .social a {
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: #FFF;
}

.side-menu .consult-card .callback {
    display: flex;
    padding: 5px 10px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #FFF;
    cursor: pointer;
}

.side-menu .consult-card .callback span {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.promotions-items {
    padding: 30px 0 50px;
}

.promotions-items .content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.promotions-items .content .promotions-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

@media (max-width: 1024px) {
    .promotions-items .content .promotions-list {
        gap: 30px;
    }
}

.promotions-items .content .promotions-list .news-card {
    display: flex;
    width: calc((100% - 150px) / 4);
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 15px;
    background: #fff;
    padding: 20px;
    border: 1px solid #fff;
    height: fit-content;
}

@media (max-width: 1335px) {
    .promotions-items .content .promotions-list .news-card {
        width: calc((100% - 100px) / 3);
    }
}

@media (max-width: 1024px) {
    .promotions-items .content .promotions-list .news-card {
        width: calc((100% - 30px) / 2);
    }
}

@media (max-width: 607px) {
    .promotions-items .content .promotions-list .news-card {
        width: 100%;
    }
}

.promotions-items .content .promotions-list .news-card:hover {
    border-radius: 15px;
    background: #F7F9FD;
    box-shadow: 0px 10px 18px -12px rgba(36, 84, 192, 0.4);
}

.promotions-items .content .promotions-list .news-card:hover .image-container img {
    transform: scale(1.1);
}

.promotions-items .content .promotions-list .news-card:hover p {
    color: var(--brand-color);
    text-decoration: underline;
}

.promotions-items .content .promotions-list .news-card .image-container {
    height: 415px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}

.promotions-items .content .promotions-list .news-card .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.promotions-items .content .promotions-list .news-card .row {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.promotions-items .content .promotions-list .news-card .row .rubrica {
    display: flex;
    padding: 2px 5px;
    align-items: flex-start;
    gap: 10px;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.promotions-items .content .promotions-list .news-card .row .rubrica.news {
    border-radius: 5px;
    background: #626C81;
}

.promotions-items .content .promotions-list .news-card .row .rubrica.sale {
    border-radius: 5px;
    background: #F00;
}

.promotions-items .content .promotions-list .news-card .row .date {
    color: #A9AEB9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.promotions-items .content .promotions-list .news-card .row .date.sale-date {
    color: #FF7373;
}

.promotions-items .content .promotions-list .news-card p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    max-width: 240px;
}

.contacts-block,
.zayavka-na-po-block {
    padding: 50px 0 100px;
}

.contacts-block .content {
    display: flex;
    gap: 30px;
}

.zayavka-na-po-block .content {
    display: flex;
    gap: 30px;
    justify-content: center;
}

@media (max-width: 1200px) {
    .contacts-block .content,
    .zayavka-na-po-block .content {
        flex-direction: column;
    }
}

.contacts-block .content .contact-inner,
.zayavka-na-po-block .content .zayavka-na-po-inner {
    width: calc((100% - 30px) / 2);
    padding: 50px;
    border-radius: 15px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

@media (max-width: 1200px) {
    .contacts-block .content .contact-inner,
    .zayavka-na-po-block .content .zayavka-na-po-inner {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .contacts-block .content .contact-inner,
    .zayavka-na-po-block .content .zayavka-na-po-inner {
        padding: 50px 20px;
    }
}

.contacts-block .content .contact-inner ul {
    width: 100%;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.contacts-block .content .contact-inner ul li {
    width: calc((100% - 50px) / 2);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 600px) {
    .contacts-block .content .contact-inner ul li {
        width: 100%;
    }
}

.contacts-block .content .contact-inner ul li span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.contacts-block .content .contact-inner ul li a {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contacts-block .content .contact-inner ul li a.phone {
    color: #626C81;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contacts-block .content .contact-inner ul li p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contacts-block .content .contact-inner ul li p.online {
    color: #24C062;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.contacts-block .content .contact-inner .location {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contacts-block .content .contact-inner .location span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.contacts-block .content .contact-inner .location p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contacts-block .content .contact-inner .social {
    width: fit-content;
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 20px;
    border-radius: 15px;
    border: 1px solid #EEF2FA;
    background: #FAFBFF;
}

.contacts-block .content .contact-inner .social span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.contacts-block .content .contact-inner .download {
    display: flex;
    height: 74px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: auto;
}

.contacts-block .content .contact-inner .download:hover {
    background: var(--brand-color);
    color: #FFFFFF;
}

.contacts-block .content .contact-inner .title,
.zayavka-na-po-block .content .zayavka-na-po-inner .title {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contacts-block .content .contact-inner .title p,
.zayavka-na-po-block .content .zayavka-na-po-inner .title p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
}

.zayavka-na-po-block .content .zayavka-na-po-inner .title p {
    text-align: center;
}

.contacts-block .content .contact-inner .title span,
.zayavka-na-po-block .content .zayavka-na-po-inner .title span {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
}

.contacts-block .content .contact-inner form {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media (max-width: 600px) {
    .contacts-block .content .contact-inner form {
        gap: 30px;
    }
}

.contacts-block .content .contact-inner form .wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contacts-block .content .contact-inner form .wrap span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.contacts-block .content .contact-inner form .wrap input {
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    display: flex;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    outline: none;
    padding: 5px 20px;
}

.contacts-block .content .contact-inner form .wrap input:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.contacts-block .content .contact-inner form textarea {
    display: flex;
    height: 116px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    padding: 10px;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    width: 100%;
    resize: none;
    outline: none;
}

.contacts-block .content .contact-inner form textarea:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.contacts-block .content .contact-inner form .input-inner {
    display: flex;
    gap: 50px;
}

@media (max-width: 768px) {
    .contacts-block .content .contact-inner form .input-inner {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .contacts-block .content .contact-inner form .input-inner {
        gap: 30px;
    }
}

.contacts-block .content .contact-inner form .input-inner .input-wrapper {
    width: calc((100% - 50px) / 2);
}

@media (max-width: 768px) {
    .contacts-block .content .contact-inner form .input-inner .input-wrapper {
        width: 100%;
    }
}

.contacts-block .content .contact-inner form .input-inner .input-wrapper input {
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    display: flex;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    outline: none;
    padding: 5px 20px;
}

.contacts-block .content .contact-inner form .input-inner .input-wrapper input:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.contacts-block .content .contact-inner form .input-inner .input-wrapper span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.contacts-block .content .contact-inner form .submit-row {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 768px) {
    .contacts-block .content .contact-inner form .submit-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
}

.contacts-block .content .contact-inner form .submit-row button {
    border: none;
    border-radius: 10px;
    background: var(--brand-color);
    display: flex;
    padding: 15px 20px;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

@media (max-width: 768px) {
    .contacts-block .content .contact-inner form .submit-row button {
        width: 100%;
        justify-content: center;
    }
}

.contacts-block .content .contact-inner form .submit-row button:hover {
    background: #5287FF;
}

.custom-checkbox {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.custom-checkbox .checkbox {
    margin-right: 10px;
    flex-shrink: 0;
    border-radius: 50px;
}

.custom-checkbox input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
}

.checkbox {
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #A9AEB9;
    cursor: pointer;
    border-radius: 50px;
    background: #A9AEB9;
}

.custom-checkbox span {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 12px */
    max-width: 298px;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: auto;
    display: none;
}

.custom-checkbox input:checked ~ .checkbox .checkmark,
.custom-checkbox input.fade_checked ~ .checkbox .checkmark{
    display: flex;
}

.custom-checkbox input:checked ~ .checkbox{
    background: var(--brand-color);
    border: 1px solid var(--brand-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-checkbox input.fade_checked ~ .checkbox{
    background: #858585;
    border: 1px solid #858585;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: not-allowed;
}

.cart-container {
    padding: 50px 0 40px;
}

.cart-container .content {
    display: flex;
    gap: 30px;
}

@media (max-width: 1130px) {
    .cart-container .content {
        flex-direction: column;
    }
}

.cart-container .content .cart-list {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.cart-container .content .cart-list .cart-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.cart-container .content .cart-list .cart-items .cart-item {
    width: 100%;
    display: flex;
    padding: 20px 30px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
}

@media (max-width: 800px) {
    .cart-container .content .cart-list .cart-items .cart-item {
        flex-direction: column;
        gap: 30px;
    }
}

.cart-container .content .cart-list .cart-items .cart-item:hover {
    border-radius: 15px;
    background: #F7F9FD;
    box-shadow: 0px 10px 18px -12px rgba(36, 84, 192, 0.4);
}

.cart-container .content .cart-list .cart-items .cart-item:hover .image img {
    transform: scale(1.1);
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column {
    display: flex;
    gap: 20px;
}

@media (max-width: 800px) {
    .cart-container .content .cart-list .cart-items .cart-item .preview-column {
        flex-direction: column;
        align-items: center;
    }
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .image {
    display: flex;
    width: 80px;
    height: 80px;
    padding: 6px 0px;
    justify-content: center;
    align-items: center;
}

@media (max-width: 800px) {
    .cart-container .content .cart-list .cart-items .cart-item .preview-column .image {
        width: 180px;
        height: 180px;
    }
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul {
    display: flex;
    gap: 5px;
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul li {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul li.sale {
    border-radius: 5px;
    background: #F00;
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul li.new {
    border-radius: 5px;
    background: #24C062;
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul li.top {
    border-radius: 5px;
    background: #2454C0;
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column a {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 25px */
}

.cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.cart-container .content .cart-list .cart-items .cart-item .price-column {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media (max-width: 800px) {
    .cart-container .content .cart-list .cart-items .cart-item .price-column {
        flex-direction: column;
        align-items: center;
    }
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .price {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .price .sale-price {
    color: #A9AEB9;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
    text-decoration-line: line-through;
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .price .actual-price {
    color: #24C062;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap button {
    cursor: pointer;
    border: none;
    background: transparent;
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap button:hover svg path {
    fill: #FFFFFF;
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap button:hover svg circle {
    fill: var(--brand-color);
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap .counter {
    width: 20px;
    border: none;
    background: transparent;
    outline: none;
    padding: 0;
    text-align: center;
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .total-price {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .delete-btn {
    display: flex;
    padding: 5px;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .delete-btn:hover {
    background: var(--red-color);
}

.cart-container .content .cart-list .cart-items .cart-item .price-column .delete-btn:hover svg path {
    fill: #FFFFFF;
}

.cart-container .content .cart-list .clear-cart {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    width: 100%;
    background: transparent;
}

.cart-container .content .cart-list .clear-cart:hover {
    color: #FFFFFF;
    background: var(--brand-color);
}

.total-order {
    display: flex;
    width: 337px;
}

@media (max-width: 1130px) {
    .total-order {
        width: 100%;
    }
}

.total-order .total-order-container {
    position: sticky;
    top: 10px;
    left: 0;
    height: fit-content;
    display: flex;
    padding: 50px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: #FFF;
    width: 100%;
}

.total-order p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 25px */
}

.total-order ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.total-order ul li {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.total-order ul li p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 15px */
}

.total-order ul li span {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.total-order ul li span.price {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
}

.total-order button {
    width: 100%;
    border-radius: 10px;
    background: var(--brand-color);
    border: none;
    cursor: pointer;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.total-order button:hover {
    background: #5287FF;
    color: #FFFFFF;
}

.product-order-container {
    padding: 25px 0 50px;
}

.product-order-container .content {
    display: flex;
    gap: 30px;
}

@media (max-width: 1024px) {
    .product-order-container .content {
        flex-direction: column;
    }
}

.product-order-container .content .product-order-inner {
    flex-grow: 1;
    display: flex;
    padding: 50px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    border-radius: 15px;
    background: #FFF;
    height: fit-content;
}

.product-order-container .content .product-order-inner form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.product-order-container .content .product-order-inner form .row {
    display: flex;
    gap: 50px;
}

@media (max-width: 1250px) {
    .product-order-container .content .product-order-inner form .row {
        flex-direction: column;
    }
}

.product-order-container .content .product-order-inner form .row .owner {
    width: calc((100% - 50px) / 2);
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media (max-width: 1250px) {
    .product-order-container .content .product-order-inner form .row .owner {
        width: 100%;
    }
}

.product-order-container .content .product-order-inner form .row .owner p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
}

.product-order-container .content .product-order-inner form .row .owner .input-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-order-container .content .product-order-inner form .row .owner .input-wrap span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.product-order-container .content .product-order-inner form .row .owner .input-wrap input {
    display: flex;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    width: 100%;
    outline: none;
    padding: 5px 20px;
}

.product-order-container .content .product-order-inner form .row .owner .input-wrap input:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.product-order-container .content .product-order-inner form .row .owner .input-row {
    display: flex;
    gap: 50px;
}

@media (max-width: 768px) {
    .product-order-container .content .product-order-inner form .row .owner .input-row {
        flex-direction: column;
    }
}

.product-order-container .content .product-order-inner form .row .owner .input-row .input-wrap {
    width: calc((100% - 50px) / 2);
}

@media (max-width: 768px) {
    .product-order-container .content .product-order-inner form .row .owner .input-row .input-wrap {
        width: 100%;
    }
}

.product-order-container .content .product-order-inner form .row .payment {
    width: calc((100% - 50px) / 2);
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media (max-width: 1250px) {
    .product-order-container .content .product-order-inner form .row .payment {
        width: 100%;
    }
}

.product-order-container .content .product-order-inner form .row .payment p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
}

.product-order-container .content .product-order-inner form .row .payment ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 768px) {
    .product-order-container .content .product-order-inner form .row .payment ul {
        justify-content: center;
    }
}

.product-order-container .content .product-order-inner form .row .payment ul li p {
    max-width: 311px;
    color: #F00;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.product-order-container .content .product-order-inner form .row .payment ul li p span {
    color: #F00;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 15px */
}

.product-order-container .content .product-order-inner form .row .payment ul li .payment-card {
    display: flex;
    width: 140px;
    height: 86px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    gap: 7px;
    cursor: pointer;
}

.product-order-container .content .product-order-inner form .row .payment ul li .payment-card.sber {
    border-radius: 5px;
    border: 3.885px solid #FFF;
    background: #219F38;
}

.product-order-container .content .product-order-inner form .row .payment ul li .payment-card:hover {
    border-radius: 5px;
    border: 2px solid #EEF2FA;
    background: #F8FAFF;
}

.product-order-container .content .product-order-inner form .row .payment ul li .payment-card.active {
    box-shadow: 0px 0px 0px 0.647px #2454C0;
}

.product-order-container .content .product-order-inner form .row .payment ul li .payment-card span {
    max-width: 65px;
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
}

.product-order-container .content .product-order-inner form .row .payment .payment-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.product-order-container .content .product-order-inner form .row .payment .payment-row p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
}

.product-order-container .content .product-order-inner form .attention {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.product-order-container .content .product-order-inner form .row .payment .attention p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.product-order-container .content .product-order-inner form .row .payment .attention p span {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
}

.product-order-container .content .product-order-inner form .row .payment .attention p:first-child {
    color: #F00;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 39px */
}

.product-order-container .content .product-order-inner form button {
    width: 100%;
    cursor: pointer;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    background: #2454C0;
    border: none;
}

.product-order-container .content .product-order-inner form button:hover {
    background: #5287FF;
}

@media (max-width: 1024px) {
    .product-order-container .content .side-menu {
        max-width: 100%;
    }

    .product-order-container .content .side-menu .total-order {
        width: 100%;
    }

    .product-order-container .content .side-menu .consult-card {
        width: 100%;
    }
}

.success-payment-container {
    padding: 25px 0 50px;
}

.success-payment-container .content {
    display: flex;
    gap: 30px;
}

@media (max-width: 1024px) {
    .success-payment-container .content {
        flex-direction: column;
    }
}

.success-payment-container .content .success-payment-inner {
    display: flex;
    padding: 50px 30px;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    flex: 1 0 0;
    border-radius: 15px;
    background: #FFF;
}

.success-payment-container .content .success-payment-inner h1 {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.success-payment-container .content .success-payment-inner .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.success-payment-container .content .success-payment-inner .text span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    text-align: center;
}

.success-payment-container .content .success-payment-inner .text p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.success-payment-container .content .success-payment-inner .counter {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.success-payment-container .content .success-payment-inner .counter div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.success-payment-container .content .success-payment-inner .counter div span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}

.success-payment-container .content .success-payment-inner .counter div span:first-child {
    display: flex;
    width: 41px;
    padding: 20px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #EEF2FA;
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.success-payment-container .content .success-payment-inner .info-text {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.success-payment-container .content .success-payment-inner .attention {
    display: flex;
    padding: 20px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    background: #F00;
}

.success-payment-container .content .success-payment-inner .attention p {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.success-payment-container .content .success-payment-inner .attention p span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.success-payment-container .content .success-payment-inner .btns {
    display: flex;
    gap: 50px;
}

@media (max-width: 650px) {
    .success-payment-container .content .success-payment-inner .btns {
        flex-direction: column;
    }
}

.success-payment-container .content .success-payment-inner .btns button {
    border: none;
    cursor: pointer;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.success-payment-container .content .success-payment-inner .btns button:hover {
    background: #5287FF;
}

.success-payment-container .content .success-payment-inner .btns a {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.success-payment-container .content .success-payment-inner .btns a:hover {
    background: var(--brand-color);
    color: #FFFFFF;
}

@media (max-width: 1024px) {
    .success-payment-container .content .side-menu {
        max-width: 100%;
    }

    .success-payment-container .content .side-menu .total-order {
        width: 100%;
    }

    .success-payment-container .content .side-menu .consult-card {
        width: 100%;
    }

    .success-payment-container .content .side-menu .box {
        width: 100%;
    }
}

.order-status-container {
    padding: 25px 0 50px;
}

.order-status-container .content {
    display: flex;
    gap: 30px;
}

@media (max-width: 1024px) {
    .order-status-container .content {
        flex-direction: column;
    }
}

.order-status-container .content .order-status-box {
    display: flex;
    flex-grow: 1;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 29px 39.2px -23px rgba(0, 0, 0, 0.25);
    padding: 50px 30px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    height: fit-content;
}

.order-status-container .content .order-status-box .order-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.order-status-container .content .order-status-box .order-info p {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.order-status-container .content .order-status-box .order-info span {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.order-status-container .content .order-status-box .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.order-status-container .content .order-status-box .text span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    text-align: center;
}

.order-status-container .content .order-status-box .text p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.order-status-container .content .order-status-box .counter {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.order-status-container .content .order-status-box .counter div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.order-status-container .content .order-status-box .counter div span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}

.order-status-container .content .order-status-box .counter div span:first-child {
    display: flex;
    width: 41px;
    padding: 20px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #EEF2FA;
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.order-status-container .content .order-status-box .attention {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #F00;
    width: fit-content;
}

.order-status-container .content .order-status-box .attention p {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.order-status-container .content .order-status-box .attention p span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.order-status-container .content .order-status-box a {
    width: 100%;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.order-status-container .content .order-status-box a:hover {
    background: #5287FF;
}

.order-status-container .content .order-status-form,
.order-status-container .content .sms-code-form{
    flex-grow: 1;
    background-color: #FFFFFF;
    background-image: url("/local/templates/legalsoft/./img/order-status.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    padding: 50px 30px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    align-self: stretch;
    border-radius: 15px;
}

.order-status-container .content .order-status-form form,
.order-status-container .content .sms-code-form{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.order-status-container .content .order-status-form form p,
.order-status-container .content .sms-code-form p{
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    text-transform: uppercase;
}

.order-status-container .content .order-status-form form p span,
.order-status-container .content .sms-code-form p span{
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.order-status-container .content .order-status-form form input,
.order-status-container .content .sms-code-form input{
    display: flex;
    width: 291px;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    outline: none;
    padding: 5px 20px;
}

.order-status-container .content .order-status-form form input:focus,
.order-status-container .content .sms-code-form input:focus{
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.order-status-container .content .order-status-form form button,
.order-status-container .content .sms-code-form button{
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.order-status-container .content .order-status-form form button:hover,
.order-status-container .content .sms-code-form button:hover{
    background: #5287FF;
}

@media (max-width: 1024px) {
    .order-status-container .content .side-menu {
        max-width: 100%;
    }

    .order-status-container .content .side-menu .total-order {
        width: 100%;
    }

    .order-status-container .content .side-menu .consult-card {
        width: 100%;
    }

    .order-status-container .content .side-menu .box {
        width: 100%;
    }
}

.sms-modal {
    display: flex;
    max-width: 613px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 29px 39.2px -23px rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    display: none;
}

@media (max-width: 768px) {
    .sms-modal {
        max-width: 95%;
    }
}

.sms-modal.open {
    display: flex;
}

.sms-modal .modal-body {
    width: 100%;
    position: relative;
    padding: 50px 30px;
}

.sms-modal .modal-body form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.sms-modal .modal-body form p {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 39px */
}

.sms-modal .modal-body form input {
    display: flex;
    width: 291px;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    outline: none;
    padding: 5px 20px;
}

.sms-modal .modal-body form input:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.sms-modal .modal-body form button {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.sms-modal .modal-body form button:hover {
    background: #5287FF;
}

.sms-modal .modal-body form span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.sms-modal .modal-body .close-btn {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.order-modal {
    display: flex;
    max-width: 1073px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 29px 39.2px -23px rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    display: none;
}

@media (max-width: 1100px) {
    .order-modal {
        max-width: 95%;
    }
}

.order-modal.open {
    display: flex;
}

.order-modal .modal-body {
    width: 100%;
    position: relative;
    padding: 50px 30px;
}

.order-modal .modal-body .order-details {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.order-modal .modal-body .order-details .order-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.order-modal .modal-body .order-details .order-info p {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.order-modal .modal-body .order-details .order-info span {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.order-modal .modal-body .order-details .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.order-modal .modal-body .order-details .text span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    text-align: center;
}

.order-modal .modal-body .order-details .text p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.order-modal .modal-body .order-details .counter {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.order-modal .modal-body .order-details .counter div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.order-modal .modal-body .order-details .counter div span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}

.order-modal .modal-body .order-details .counter div span:first-child {
    display: flex;
    width: 41px;
    padding: 20px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #EEF2FA;
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.order-modal .modal-body .order-details .attention {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #F00;
    width: fit-content;
}

.order-modal .modal-body .order-details .attention p {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.order-modal .modal-body .order-details .attention p span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.order-modal .modal-body .order-details a {
    width: 100%;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.order-modal .modal-body .order-details a:hover {
    background: #5287FF;
}

.order-modal .modal-body .close-btn {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.canceled-order-modal {
    display: flex;
    width: 563px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 29px 39.2px -23px rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    display: none;
}

@media (max-width: 1100px) {
    .canceled-order-modal {
        max-width: 95%;
    }
}

.canceled-order-modal.open {
    display: flex;
}

@media (max-width: 600px) {
    .canceled-order-modal {
        max-width: 95%;
    }
}

.canceled-order-modal .modal-body {
    width: 100%;
    position: relative;
    padding: 50px 30px;
}

.canceled-order-modal .modal-body .order-details {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.canceled-order-modal .modal-body .order-details .order-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.canceled-order-modal .modal-body .order-details .order-info p {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.canceled-order-modal .modal-body .order-details .order-info span {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.canceled-order-modal .modal-body .order-details .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.canceled-order-modal .modal-body .order-details .text span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    text-align: center;
}

.canceled-order-modal .modal-body .order-details .text p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.canceled-order-modal .modal-body .order-details .counter {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.canceled-order-modal .modal-body .order-details .counter div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.canceled-order-modal .modal-body .order-details .counter div span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}

.canceled-order-modal .modal-body .order-details .counter div span:first-child {
    display: flex;
    width: 41px;
    padding: 20px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #EEF2FA;
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.canceled-order-modal .modal-body .order-details .attention {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #F00;
    width: fit-content;
}

.canceled-order-modal .modal-body .order-details .attention p {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.canceled-order-modal .modal-body .order-details .attention p span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.canceled-order-modal .modal-body .order-details a {
    width: 100%;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.canceled-order-modal .modal-body .order-details a:hover {
    background: #5287FF;
}

.canceled-order-modal .modal-body .order-details .order-product {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 39px */
}

.canceled-order-modal .modal-body .order-details .order-status {
    color: #24C062;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.canceled-order-modal .modal-body .close-btn {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

/*Cookie banner*/
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    background-color: #f0f4ff; /* Светлая тема */
    color: #000;
    border-top: 2px solid #e0e7ff;
    font-family: "Myriad Pro";
    font-size: 15px;
    line-height: 1.5;
    padding: 15px 20px;
    z-index: 10000;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.4s ease;
}

.cookie-banner.display {
    opacity: 1;
    transform: translateY(0);
}

.cookie-banner.cookie-hide {
    opacity: 0;
    transform: translateY(100%);
}

.cookie-banner__text {
    max-width: 900px;
    text-align: center;
}

.cookie-banner__link {
    color: #0055ff;
    text-decoration: underline;
}

.cookie-banner__btn {
    background-color: var(--brand-color);
    color: #fff;
    border: none;
    padding: 10px 25px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.cookie-banner__btn:hover {
    background-color: #5a7bcc;
}

/* Фиксируем блок */
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.header-wrapper {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.burger-row {
    transition: transform 0.3s ease;
}

.header-wrapper .header-contacts-row
{
    padding: 10px 0;
}
.header-wrapper .header-nav
{
    height: 60px;
}

/* --- Темная тема --- */
.dark-theme .cookie-banner {
    background-color: #1e293b;
    color: #e2e8f0;
    border-top: 2px solid #334155;
}

.dark-theme .cookie-banner__link {
    color: #60a5fa;
}

.dark-theme .cookie-banner__btn {
    background-color: var(--brand-color);
}

.dark-theme .cookie-banner__btn:hover {
    background-color: #5a7bcc;
}

.dark-theme {
    background: var(--dark-bg);
}

.dark-theme .header .theme-row {
    background: var(--dark-bg);
}

.dark-theme .header .header-contacts-row {
    background: var(--dark-color);
    padding: 38px 0;
}

.dark-theme .header .header-contacts-row .content .slogan {
    color: var(--white);
}

.dark-theme .header .header-contacts-row .content .time-label p {
    color: var(--white);
}

.dark-theme .header .header-contacts-row .content .time-label p:last-child span {
    color: var(--white);
}

.dark-theme .header .header-contacts-row .content .social-link svg path {
    fill: var(--white);
}

.dark-theme .header .header-contacts-row .content .callback svg path {
    stroke: var(--white);
}

.dark-theme .header .header-contacts-row .content .callback span {
    color: var(--white);
}

.dark-theme .header .header-contacts-row .content .header-phone {
    color: var(--white);
}

.dark-theme .header .header-nav {
    border-radius: 0px 0px 5px 5px;
    background: linear-gradient(90deg, #2E3441 -22.16%, #2454C0 17.76%, #2454C0 56.58%, #24C062 117.92%);
}

.dark-theme .header .header-nav .content .catalog-btn {
    background: var(--dark-color);
}

.dark-theme .header .header-nav .content .catalog-btn svg path {
    fill: var(--white);
}

.dark-theme .header .header-nav .content .catalog-btn span {
    color: var(--white);
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 15;
    width: max-content;
    min-width: 100%;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists {
    position: relative;
    width: 100%;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul {
    display: flex;
    flex-direction: column;
    padding: 20px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    background: var(--dark-color);
    width: 100%;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul.submenu-list-1 {
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul.submenu-list-1.open {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    height: auto;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li {
    width: 100%;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li a {
    width: 100%;
    display: flex;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: 0.3s ease;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li a:hover {
    text-decoration-line: underline;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li a.header-dropright::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='%23ffffff'/%3E%3C/svg%3E");
    display: block;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists ul li a.header-dropright:hover::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z' fill='%232454C0'/%3E%3C/svg%3E");
    display: block;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists .submenu-list-2 {
    position: absolute;
    left: 110%;
    top: 0;
    height: 100%;
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    z-index: 13;
}

.dark-theme .header .header-nav .content .catalog-btn .submenu-container .submenu-lists .submenu-list-2.open {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.dark-theme .header .mobile-header {
    display: none;
    background: var(--dark-color);
}

@media (max-width: 1100px) {
    .dark-theme .header .mobile-header {
        display: block;
    }
}

.dark-theme .header .mobile-header .burger-row {
    display: flex;
    padding: 15px 20px;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    background: linear-gradient(90deg, #2E3441 -9.46%, #2454C0 45.48%, #24C062 112.38%);
}

.dark-theme .header .mobile-header .burger-row .order-status {
    display: flex;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid rgba(197, 215, 255, 0.24);
    background: #24C062;
}

.dark-theme .header .mobile-header .burger-row .order-status span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.dark-theme .header .mobile-header .burger-row .cart-btn {
    cursor: pointer;
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--white);
    position: relative;
}

.dark-theme .header .mobile-header .burger-row .cart-btn .not-empty {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: var(--red-color);
    right: 9px;
    top: 10px;
}

.dark-theme .header .mobile-header .logo-row {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    justify-content: space-between;
}

.dark-theme .header .mobile-header .logo-row .info {
    display: flex;
    flex-direction: column;
}

.dark-theme .header .mobile-header .logo-row .info .header-phone {
    color: var(--white);
}

.dark-theme .header .mobile-header .logo-row .info .label svg path {
    fill: var(--white);
}

.dark-theme .header .mobile-header .logo-row .info .label span {
    color: var(--white);
}

.dark-theme .header .mobile-header .search-row {
    padding: 0 20px 20px;
}

.dark-theme .header .mobile-header .search-row .search {
    flex-grow: 1;
    position: relative;
}

.dark-theme .header .mobile-header .search-row .search input {
    border: 1px solid var(--white);
    background: var(--white);
}

.dark-theme .header .mobile-header .search-row .search .search-btn {
    width: auto;
    border: none;
    background: transparent;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.dark-theme .main-banner {
    padding: 50px 0;
}

@media (max-width: 768px) {
    .dark-theme .main-banner {
        display: none;
    }
}

.dark-theme .main-banner .content .banner-swiper-container .swiper-block .banner-arrow {
    cursor: pointer;
}

.dark-theme .main-banner .content .banner-swiper-container .swiper-block .banner-arrow svg path {
    fill: var(--dark-bg);
}

.dark-theme .main-banner .content .banner-swiper-container .swiper-block .banner-arrow svg path:last-child {
    stroke: #FFFFFF;
}

.dark-theme .main-banner .content .banner-swiper-container .main-banner-pagination {
    display: flex;
    gap: 5px;
    align-items: center;
}

.dark-theme .main-banner .content .banner-swiper-container .main-banner-pagination .pagination-bullet {
    display: flex;
    padding: 10px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 0px 0px 5px 5px;
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    cursor: pointer;
}

.dark-theme .main-banner .content .banner-swiper-container .main-banner-pagination .pagination-bullet.active {
    color: #EEF2FA;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    display: flex;
    padding: 10px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 0px 0px 5px 5px;
    background: #2E3441;
}

.dark-theme .chapter {
    padding: 15px 0;
}

.dark-theme .chapter .content {
    display: flex;
    gap: 10px;
    align-items: center;
}

.dark-theme .chapter .content span {
    display: none;
}

.dark-theme .chapter .content p,
.dark-theme .chapter .content h1{
    color: #626C81;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
}

.dark-theme .chapter .content .line {
    flex-grow: 1;
    height: 1px;
    background: #626C81;
}

.dark-theme .product-card {
    background: #2E3441;
    border: none;
}

.dark-theme .product-card:hover {
    border-radius: 15px;
    background: #22262F;
}

.dark-theme .product-card .title-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.dark-theme .product-card .title-block .product-title {
    color: var(--white);
}

.dark-theme .product-card .title-block .product-chapter {
    color: var(--white);
}

.dark-theme .product-card .price .total-price {
    color: #fff;
}

.dark-theme .product-card button {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    background: transparent;
    cursor: pointer;
}

.dark-theme .product-card button:hover {
    background: #5287FF;
}

.dark-theme .product-card button:hover svg path {
    stroke: #FFFFFF;
}

.dark-theme .product-card button:hover span {
    color: #FFFFFF;
}

.dark-theme .product-card button span {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .show-more {
    background: var(--dark-color);
}

.dark-theme .show-more:hover {
    background: #5287FF;
}

.dark-theme .show-more:hover svg path {
    fill: #FFFFFF;
}

.dark-theme .show-more:hover span {
    color: #FFFFFF;
}

.dark-theme .advantages {
    padding: 50px 0 100px;
}

.dark-theme .advantages .advantages-swiper {
    width: 100%;
}

.dark-theme .advantages .advantages-swiper .swiper-slide {
    height: 100%;
}

.dark-theme .advantages .advantages-swiper .swiper-slide .advantages-card .title {
    color: #fff;
}

.dark-theme .technology {
    padding: 50px 0;
    background: var(--dark-color);
}

.dark-theme .technology .technology-wrap {
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
}

.dark-theme .technology .technology-wrap .technology-arrow {
    cursor: pointer;
}

.dark-theme .technology .technology-wrap .technology-arrow svg path {
    fill: var(--dark-bg);
}

.dark-theme .technology .technology-wrap .technology-arrow svg path:last-child {
    stroke: #FFFFFF;
}

.dark-theme .technology .technology-wrap .technology-swiper {
    width: calc(100% - 80px - 100px);
}

@media (max-width: 1230px) {
    .dark-theme .technology .technology-wrap .technology-swiper {
        width: 100%;
    }
}

.dark-theme .technology .technology-wrap .technology-swiper .swiper-slide .logo-wrapper {
    display: flex;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #FFF;
    height: 80px;
}

.dark-theme .technology .technology-wrap .technology-swiper .swiper-slide .logo-wrapper.windows {
    border-radius: 15px;
    background: #0DADEA;
}

.dark-theme .technology .technology-wrap .technology-swiper .swiper-slide .logo-wrapper.kaspersky {
    border-radius: 15px;
    background: #006D5C;
}

.dark-theme .technology .technology-wrap .technology-swiper .swiper-scrollbar {
    position: static;
    margin-top: 30px;
    display: none;
}

@media (max-width: 1230px) {
    .dark-theme .technology .technology-wrap .technology-swiper .swiper-scrollbar {
        display: block;
    }
}

.dark-theme .technology .technology-wrap .technology-swiper .swiper-scrollbar .swiper-scrollbar-drag {
    border-radius: 10px;
    background: var(--brand-color);
    height: 2px;
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-card {
    background: var(--dark-color);
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-card:hover .list-wrap {
    background: var(--dark-color);
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-card:hover .list-wrap ul {
    margin-top: 0;
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-card:hover .list-wrap ul li {
    color: var(--brand-color);
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-card .list-wrap ul {
    background: var(--dark-color);
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-card .list-wrap ul li {
    color: var(--white);
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-card .list-wrap ul li a {
    color: var(--white);
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-item-accordeon {
    display: none;
}

@media (max-width: 768px) {
    .dark-theme .catalog-cards .content .catalog-list li .catalog-item-accordeon {
        display: block;
    }
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-item-accordeon .box {
    position: relative;
    border-radius: 15px;
    background: var(--dark-color);
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-item-accordeon .box.active .label::after {
    transform: translateY(-50%) rotate(180deg);
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-item-accordeon .box .label {
    color: #fff;
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-item-accordeon .box .label::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-item-accordeon .box .content {
    background-color: var(--dark-color);
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-item-accordeon .box .content ul li {
    width: 100%;
}

.dark-theme .catalog-cards .content .catalog-list li .catalog-item-accordeon .box .content ul li a {
    color: #fff;
}

.dark-theme .breadcrumbs ul li {
    color: #AFB7C9;
}

.dark-theme .breadcrumbs ul li a {
    color: #FFFFFF;
}

.dark-theme .pagination {
    padding-top: 30px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .dark-theme .pagination {
        gap: 10px;
    }
}

.dark-theme .pagination a {
    background: var(--dark-color);
    color: var(--brand-color);
}

@media (max-width: 768px) {
    .dark-theme .pagination a {
        padding: 5px 10px;
        font-size: 10px;
    }
}

.dark-theme .pagination a:hover {
    border-radius: 10px;
    background: #5287FF;
    color: #FFFFFF;
}

.dark-theme .pagination a:hover svg path {
    fill: #FFFFFF;
}

.dark-theme .pagination a.active {
    border-radius: 10px;
    background: #2454C0;
    color: #FFFFFF;
}

.dark-theme .pagination a.active svg path {
    fill: #FFFFFF;
}

.dark-theme .about-container {
    padding: 50px 0 100px;
}

@media (max-width: 1024px) {
    .dark-theme .about-container {
        padding: 50px 0;
    }
}

.dark-theme .about-container .about-wrapper {
    width: 100%;
    display: flex;
    gap: 50px;
}

@media (max-width: 1024px) {
    .dark-theme .about-container .about-wrapper {
        flex-direction: column-reverse;
    }
}

.dark-theme .about-container .about-wrapper .column {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: calc((100% - 50px) / 2);
}

@media (max-width: 1024px) {
    .dark-theme .about-container .about-wrapper .column {
        width: 100%;
    }
}

.dark-theme .about-container .about-wrapper .column .img-container {
    height: 926px;
    width: 100%;
    border-radius: 5px;
    background: var(--white);
    overflow: hidden;
}

@media (max-width: 1024px) {
    .dark-theme .about-container .about-wrapper .column .img-container {
        height: auto;
    }
}

.dark-theme .about-container .about-wrapper .column .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dark-theme .about-container .about-wrapper .column p {
    color: #fff;
}

.dark-theme .about-container .about-wrapper .column p.title {
    color: #FFFFFF;
}

.dark-theme .about-container .about-wrapper .column p.subtitle {
    color: white;
}

.dark-theme .about-container .about-wrapper .column .services {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (max-width: 768px) {
    .dark-theme .about-container .about-wrapper .column .services {
        padding: 0;
    }
}

.dark-theme .about-container .about-wrapper .column .services li {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.dark-theme .about-container .about-wrapper .column .services li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM16.6644 8.75259C17.0771 9.11951 17.1143 9.75158 16.7474 10.1644L11.4141 16.1644C11.2243 16.3779 10.9523 16.5 10.6667 16.5C10.381 16.5 10.109 16.3779 9.91926 16.1644L7.25259 13.1644C6.88567 12.7516 6.92285 12.1195 7.33564 11.7526C7.74842 11.3857 8.38049 11.4229 8.74741 11.8356L10.6667 13.9948L15.2526 8.83564C15.6195 8.42285 16.2516 8.38567 16.6644 8.75259Z' fill='%232454C0'/%3E%3C/svg%3E");
    display: block;
}

.dark-theme .side-menu {
    max-width: 337px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dark-theme .side-menu .box {
    background: var(--dark-color);
}

.dark-theme .side-menu .box:hover {
    border-radius: 15px;
    background: var(--dark-bg);
    box-shadow: 0px 4px 19.9px -8px rgba(36, 84, 192, 0.4);
}

.dark-theme .side-menu .box.active .label::after {
    transform: translateY(-50%) rotate(180deg);
}

.dark-theme .side-menu .box .label {
    color: #fff;
}

.dark-theme .side-menu .box .label::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%232454C0'/%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    font-size: 25px;
    font-weight: bold;
}

.dark-theme .side-menu .box .content {
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s;
    width: 100%;
    padding: 0;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
}

.dark-theme .side-menu .box .content .text {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .side-menu .box .content .text p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .side-menu .box .content .text p.title {
    color: white;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 25px */
}

.dark-theme .side-menu .box .content ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0 30px;
}

.dark-theme .side-menu .box .content ul li {
    width: 100%;
    display: flex;
    gap: 20px;
    align-items: center;
    padding-left: 20px;
}

.dark-theme .side-menu .box .content ul li span {
    display: flex;
    width: 25px;
    height: 25px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
}

.dark-theme .side-menu .box .content ul li p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .side-menu .box .content ul li a {
    color: #2454C0;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    text-decoration-line: underline;
}

.dark-theme .side-menu .box .content ul.orders {
    padding: 0;
}

.dark-theme .side-menu .box .content ul.orders li {
    display: flex;
    gap: 20px;
    align-items: center;
    cursor: pointer;
}

.dark-theme .side-menu .box .content ul.orders li .date {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    display: flex;
    height: 25px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--brand-color);
}

.dark-theme .side-menu .box .content ul.orders li p {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 20px */
    text-decoration-line: underline;
}

.dark-theme .side-menu .box .content ul.orders li p span {
    font-weight: 400;
    color: var(--brand-color);
    width: unset;
    height: unset;
    background: unset;
    display: inline;
    padding: 0;
}

.dark-theme .side-menu .box .content .hide {
    display: flex;
    padding: 5px 10px 0px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px 5px 0px 0px;
    background: #2454C0;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
}

.dark-theme .side-menu .consult-card {
    display: flex;
    width: 100%;
    padding: 50px 30px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: var(--dark-color);
}

.dark-theme .side-menu .consult-card:hover {
    border-radius: 15px;
    background: var(--dark-bg);
    box-shadow: 0px 4px 19.9px -8px rgba(36, 84, 192, 0.4);
}

.dark-theme .side-menu .consult-card .image {
    width: 173px;
    height: 173px;
    border-radius: 500px;
    overflow: hidden;
}

.dark-theme .side-menu .consult-card .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.dark-theme .side-menu .consult-card .name {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.dark-theme .side-menu .consult-card .name p {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 30px */
}

.dark-theme .side-menu .consult-card .name span {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.dark-theme .side-menu .consult-card .phone {
    color: white;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .side-menu .consult-card .social {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.dark-theme .side-menu .consult-card .social a {
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: var(--dark-color);
}

.dark-theme .side-menu .consult-card .callback {
    display: flex;
    padding: 5px 10px;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--dark-color);
    cursor: pointer;
}

.dark-theme .side-menu .consult-card .callback svg path {
    stroke: #FFFFFF;
}

.dark-theme .side-menu .consult-card .callback span {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .product-info-container {
    padding-bottom: 50px;
}

.dark-theme .product-info-container .content {
    display: flex;
    gap: 30px;
}

.dark-theme .product-info-container .content .info-block {
    background: var(--dark-color);
}

.dark-theme .product-info-container .content .info-block .product-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
}

.dark-theme .product-info-container .content .info-block .product-text span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
}

.dark-theme .product-info-container .content .info-block .product-text p {
    color: #fff;
}

.dark-theme .product-info-container .content .info-block .product-text a {
    display: flex;
    padding: 7px 10px 7px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
}

.dark-theme .product-info-container .content .info-block .product-text a span {
    color: #2454C0;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .product-info-container .content .info-block .product-text a:hover {
    border-radius: 15px;
    background: #5287FF;
}

.dark-theme .product-info-container .content .info-block .product-text a:hover span {
    color: #FFFFFF;
}

.dark-theme .product-info-container .content .info-block .product-text a:hover svg path {
    fill: #FFFFFF;
}

.dark-theme .product-info-container .content .info-block .product-row {
    display: flex;
    width: 100%;
    gap: 30px;
}

@media (max-width: 1426px) {
    .dark-theme .product-info-container .content .info-block .product-row {
        flex-direction: column;
    }
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .labels {
    display: flex;
    gap: 10px;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .labels li.top {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    background: var(--brand-color);
    color: #FAFBFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: fit-content;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .labels li.new {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    background: var(--green-color);
    color: #FAFBFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: fit-content;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .labels li.sale {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 5px;
    background: var(--red-color);
    color: #FAFBFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: fit-content;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .product-title {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .product-title h1 {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .product-title span {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .price-row {
    display: flex;
    gap: 20px;
    align-items: center;
}

@media (max-width: 500px) {
    .dark-theme .product-info-container .content .info-block .product-row .product-row-info .price-row {
        flex-direction: column;
    }
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .price-row .old-price {
    color: #C2C2C2;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    text-decoration-line: line-through;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .price-row .total-price {
    color: #fff;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns {
    display: flex;
    gap: 20px;
    width: 100%;
}

@media (max-width: 550px) {
    .dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns {
        flex-direction: column;
    }
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .oneclick {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

@media (max-width: 550px) {
    .dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .oneclick {
        width: 100%;
        justify-content: center;
    }
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .oneclick:hover {
    background: #5287FF;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .to-cart {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-grow: 1;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    background: transparent;
    cursor: pointer;
}

@media (max-width: 1426px) {
    .dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .to-cart {
        width: max-content;
        flex-grow: 0;
    }
}

@media (max-width: 550px) {
    .dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .to-cart {
        width: 100%;
    }
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .to-cart span {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .to-cart:hover {
    background: var(--brand-color);
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .to-cart:hover span {
    color: #FFFFFF;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .btns .to-cart:hover svg path {
    stroke: #FFFFFF;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .characteristics {
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: stretch;
    border-radius: 5px;
    border: 1px solid #C5D7FF;
    width: 100%;
}

@media (max-width: 768px) {
    .dark-theme .product-info-container .content .info-block .product-row .product-row-info .characteristics {
        padding: 10px;
    }
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .characteristics p {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .characteristics ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .characteristics ul li {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
}

@media (max-width: 768px) {
    .dark-theme .product-info-container .content .info-block .product-row .product-row-info .characteristics ul li {
        gap: 5px;
    }
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .characteristics ul li p {
    color: #fff;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .characteristics ul li span {
    color: #fff;
}

.dark-theme .product-info-container .content .info-block .product-row .product-row-info .characteristics ul li hr {
    flex-grow: 1;
}

.dark-theme .promotions-items {
    padding: 30px 0 50px;
}

.dark-theme .promotions-items .content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dark-theme .promotions-items .content .promotions-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

@media (max-width: 1024px) {
    .dark-theme .promotions-items .content .promotions-list {
        gap: 30px;
    }
}

.dark-theme .promotions-items .content .promotions-list .news-card {
    display: flex;
    width: calc((100% - 150px) / 4);
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 15px;
    background: #333A4A;
    padding: 20px;
    border: 1px solid #333A4A;
}

@media (max-width: 1335px) {
    .dark-theme .promotions-items .content .promotions-list .news-card {
        width: calc((100% - 100px) / 3);
    }
}

@media (max-width: 1024px) {
    .dark-theme .promotions-items .content .promotions-list .news-card {
        width: calc((100% - 30px) / 2);
    }
}

@media (max-width: 607px) {
    .dark-theme .promotions-items .content .promotions-list .news-card {
        width: 100%;
    }
}

.dark-theme .promotions-items .content .promotions-list .news-card:hover {
    border-radius: 15px;
    border: 1px solid #5F6574;
}

.dark-theme .promotions-items .content .promotions-list .news-card:hover .image-container img {
    transform: scale(1.1);
}

.dark-theme .promotions-items .content .promotions-list .news-card:hover p {
    color: #C5D7FF;
    text-decoration: underline;
}

.dark-theme .promotions-items .content .promotions-list .news-card .image-container {
    height: 415px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}

.dark-theme .promotions-items .content .promotions-list .news-card .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dark-theme .promotions-items .content .promotions-list .news-card .row {
    display: flex;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}

.dark-theme .promotions-items .content .promotions-list .news-card .row .rubrica {
    display: flex;
    padding: 2px 5px;
    align-items: flex-start;
    gap: 10px;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .promotions-items .content .promotions-list .news-card .row .rubrica.news {
    border-radius: 5px;
    background: #626C81;
}

.dark-theme .promotions-items .content .promotions-list .news-card .row .rubrica.sale {
    border-radius: 5px;
    background: #F00;
}

.dark-theme .promotions-items .content .promotions-list .news-card .row .date {
    color: #A9AEB9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .promotions-items .content .promotions-list .news-card .row .date.sale-date {
    color: #FF7373;
}

.dark-theme .promotions-items .content .promotions-list .news-card p {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 30px */
    max-width: 240px;
}

.dark-theme .contacts-block,
.dark-theme .zayavka-na-po-block {
    padding: 50px 0 100px;
}

.dark-theme .contacts-block .content {
    display: flex;
    gap: 30px;
}

.dark-theme .zayavka-na-po-block .content {
    display: flex;
    gap: 30px;
    justify-content: center;
}

@media (max-width: 1200px) {
    .dark-theme .contacts-block .content,
    .dark-theme .zayavka-na-po-block .content {
        flex-direction: column;
    }
}

.dark-theme .contacts-block .content .contact-inner,
.dark-theme .zayavka-na-po-block .content .zayavka-na-po-inner {
    width: calc((100% - 30px) / 2);
    padding: 50px;
    border-radius: 15px;
    background: var(--dark-color);
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media (max-width: 1200px) {
    .dark-theme .contacts-block .content .contact-inner,
    .dark-theme .zayavka-na-po-block .content .zayavka-na-po-inner {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .dark-theme .contacts-block .content .contact-inner,
    .dark-theme .zayavka-na-po-block .content .zayavka-na-po-inner {
        padding: 50px 20px;
    }
}

.dark-theme .contacts-block .content .contact-inner ul {
    width: 100%;
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.dark-theme .contacts-block .content .contact-inner ul li {
    width: calc((100% - 50px) / 2);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 600px) {
    .dark-theme .contacts-block .content .contact-inner ul li {
        width: 100%;
    }
}

.dark-theme .contacts-block .content .contact-inner ul li span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.dark-theme .contacts-block .content .contact-inner ul li a {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .contacts-block .content .contact-inner ul li a.phone {
    color: #626C81;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .contacts-block .content .contact-inner ul li p {
    color: #FFFFFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .contacts-block .content .contact-inner ul li p.online {
    color: #24C062;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.dark-theme .contacts-block .content .contact-inner .location {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .contacts-block .content .contact-inner .location span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.dark-theme .contacts-block .content .contact-inner .location p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .contacts-block .content .contact-inner .social {
    width: fit-content;
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 20px;
    border-radius: 15px;
    border: 1px solid #EEF2FA;
    background: #FAFBFF;
}

.dark-theme .contacts-block .content .contact-inner .social span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.dark-theme .contacts-block .content .contact-inner .download {
    display: flex;
    height: 74px;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: auto;
}

.dark-theme .contacts-block .content .contact-inner .download:hover {
    background: var(--brand-color);
    color: #FFFFFF;
}

.dark-theme .contacts-block .content .contact-inner .title,
.dark-theme .zayavka-na-po-block .content .zayavka-na-po-inner .title {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dark-theme .contacts-block .content .contact-inner .title p,
.dark-theme .zayavka-na-po-block .content .zayavka-na-po-inner .title p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 30px */
    text-transform: uppercase;
}

.dark-theme .zayavka-na-po-block .content .zayavka-na-po-inner .title p {
    text-align: center;
}

.dark-theme .contacts-block .content .contact-inner .title span,
.dark-theme .zayavka-na-po-block .content .zayavka-na-po-inner .title span {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
}

.dark-theme .contacts-block .content .contact-inner form {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media (max-width: 600px) {
    .dark-theme .contacts-block .content .contact-inner form {
        gap: 30px;
    }
}

.dark-theme .contacts-block .content .contact-inner form .wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .contacts-block .content .contact-inner form .wrap span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.dark-theme .contacts-block .content .contact-inner form .wrap input {
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    display: flex;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    outline: none;
    padding: 5px 20px;
}

.dark-theme .contacts-block .content .contact-inner form .wrap input:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.dark-theme .contacts-block .content .contact-inner form textarea {
    display: flex;
    height: 116px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    padding: 10px;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    width: 100%;
    resize: none;
    outline: none;
}

.dark-theme .contacts-block .content .contact-inner form textarea:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.dark-theme .contacts-block .content .contact-inner form .input-inner {
    display: flex;
    gap: 50px;
}

@media (max-width: 768px) {
    .dark-theme .contacts-block .content .contact-inner form .input-inner {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .dark-theme .contacts-block .content .contact-inner form .input-inner {
        gap: 30px;
    }
}

.dark-theme .contacts-block .content .contact-inner form .input-inner .input-wrapper {
    width: calc((100% - 50px) / 2);
}

@media (max-width: 768px) {
    .dark-theme .contacts-block .content .contact-inner form .input-inner .input-wrapper {
        width: 100%;
    }
}

.dark-theme .contacts-block .content .contact-inner form .input-inner .input-wrapper input {
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    display: flex;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    width: 100%;
    outline: none;
    padding: 5px 20px;
}

.dark-theme .contacts-block .content .contact-inner form .input-inner .input-wrapper input:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.dark-theme .contacts-block .content .contact-inner form .input-inner .input-wrapper span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.dark-theme .contacts-block .content .contact-inner form .submit-row {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 768px) {
    .dark-theme .contacts-block .content .contact-inner form .submit-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
}

.dark-theme .contacts-block .content .contact-inner form .submit-row button {
    border: none;
    border-radius: 10px;
    background: var(--brand-color);
    display: flex;
    padding: 15px 20px;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

@media (max-width: 768px) {
    .dark-theme .contacts-block .content .contact-inner form .submit-row button {
        width: 100%;
        justify-content: center;
    }
}

.dark-theme .contacts-block .content .contact-inner form .submit-row button:hover {
    background: #5287FF;
}

.dark-theme .custom-checkbox span {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 12px */
    max-width: 298px;
    cursor: pointer;
}

.dark-theme .cart-container {
    padding: 50px 0 100px;
}

.dark-theme .cart-container .content {
    display: flex;
    gap: 30px;
}

@media (max-width: 1130px) {
    .dark-theme .cart-container .content {
        flex-direction: column;
    }
}

.dark-theme .cart-container .content .cart-list {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dark-theme .cart-container .content .cart-list .cart-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item {
    width: 100%;
    display: flex;
    padding: 20px 30px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 15px;
    border: 2px solid var(--dark-color);
    background: var(--dark-color);
}

@media (max-width: 800px) {
    .dark-theme .cart-container .content .cart-list .cart-items .cart-item {
        flex-direction: column;
        gap: 30px;
    }
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item:hover {
    border-radius: 15px;
    background: var(--dark-bg);
    box-shadow: 0px 10px 18px -12px rgba(36, 84, 192, 0.4);
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item:hover .image img {
    transform: scale(1.1);
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column {
    display: flex;
    gap: 20px;
}

@media (max-width: 800px) {
    .dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column {
        flex-direction: column;
        align-items: center;
    }
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .image {
    display: flex;
    width: 80px;
    height: 80px;
    padding: 6px 0px;
    justify-content: center;
    align-items: center;
}

@media (max-width: 800px) {
    .dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .image {
        width: 180px;
        height: 180px;
    }
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul {
    display: flex;
    gap: 5px;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul li {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
    gap: 10px;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul li.sale {
    border-radius: 5px;
    background: #F00;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul li.new {
    border-radius: 5px;
    background: #24C062;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column ul li.top {
    border-radius: 5px;
    background: #2454C0;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column a {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 25px */
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .preview-column .info-column span {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column {
    display: flex;
    gap: 30px;
    align-items: center;
}

@media (max-width: 800px) {
    .dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column {
        flex-direction: column;
        align-items: center;
    }
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .price {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .price .sale-price {
    color: #A9AEB9;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
    text-decoration-line: line-through;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .price .actual-price {
    color: #24C062;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap button {
    cursor: pointer;
    border: none;
    background: transparent;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap button:hover svg path {
    fill: #FFFFFF;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap button:hover svg circle {
    fill: var(--brand-color);
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .counter-wrap .counter {
    width: 15px;
    border: none;
    background: transparent;
    outline: none;
    padding: 0;
    text-align: center;
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .total-price {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .delete-btn {
    display: flex;
    padding: 5px;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .delete-btn:hover {
    background: var(--red-color);
}

.dark-theme .cart-container .content .cart-list .cart-items .cart-item .price-column .delete-btn:hover svg path {
    fill: #FFFFFF;
}

.dark-theme .cart-container .content .cart-list .clear-cart {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    width: 100%;
    background: transparent;
}

.dark-theme .cart-container .content .cart-list .clear-cart:hover {
    color: #FFFFFF;
    background: var(--brand-color);
}

.dark-theme .total-order {
    display: flex;
    width: 337px;
    padding: 50px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: var(--dark-color);
    height: fit-content;
}

@media (max-width: 1130px) {
    .dark-theme .total-order {
        width: 100%;
    }
}

.dark-theme .total-order p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 25px */
}

.dark-theme .total-order ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dark-theme .total-order ul li {
    width: 100%;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.dark-theme .total-order ul li p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 15px */
}

.dark-theme .total-order ul li span {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 15px */
}

.dark-theme .total-order ul li span.price {
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
}

.dark-theme .total-order button {
    width: 100%;
    border-radius: 10px;
    background: var(--brand-color);
    border: none;
    cursor: pointer;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .total-order button:hover {
    background: #5287FF;
    color: #FFFFFF;
}

.dark-theme .product-order-container {
    padding: 25px 0 50px;
}

.dark-theme .product-order-container .content {
    display: flex;
    gap: 30px;
}

@media (max-width: 1024px) {
    .dark-theme .product-order-container .content {
        flex-direction: column;
    }
}

.dark-theme .product-order-container .content .product-order-inner {
    flex-grow: 1;
    display: flex;
    padding: 50px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    border-radius: 15px;
    background: var(--dark-color);
    height: fit-content;
}

.dark-theme .product-order-container .content .product-order-inner form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.dark-theme .product-order-container .content .product-order-inner form .row {
    display: flex;
    gap: 50px;
}

@media (max-width: 1250px) {
    .dark-theme .product-order-container .content .product-order-inner form .row {
        flex-direction: column;
    }
}

.dark-theme .product-order-container .content .product-order-inner form .row .owner {
    width: calc((100% - 50px) / 2);
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media (max-width: 1250px) {
    .dark-theme .product-order-container .content .product-order-inner form .row .owner {
        width: 100%;
    }
}

.dark-theme .product-order-container .content .product-order-inner form .row .owner p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
}

.dark-theme .product-order-container .content .product-order-inner form .row .owner .input-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .product-order-container .content .product-order-inner form .row .owner .input-wrap span {
    color: #AFB7C9;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 15px */
    text-transform: uppercase;
}

.dark-theme .product-order-container .content .product-order-inner form .row .owner .input-wrap input {
    display: flex;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    width: 100%;
    outline: none;
    padding: 5px 20px;
}

.dark-theme .product-order-container .content .product-order-inner form .row .owner .input-wrap input:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.dark-theme .product-order-container .content .product-order-inner form .row .owner .input-row {
    display: flex;
    gap: 50px;
}

@media (max-width: 768px) {
    .dark-theme .product-order-container .content .product-order-inner form .row .owner .input-row {
        flex-direction: column;
    }
}

.dark-theme .product-order-container .content .product-order-inner form .row .owner .input-row .input-wrap {
    width: calc((100% - 50px) / 2);
}

@media (max-width: 768px) {
    .dark-theme .product-order-container .content .product-order-inner form .row .owner .input-row .input-wrap {
        width: 100%;
    }
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment {
    width: calc((100% - 50px) / 2);
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media (max-width: 1250px) {
    .dark-theme .product-order-container .content .product-order-inner form .row .payment {
        width: 100%;
    }
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 30px */
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment ul {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 768px) {
    .dark-theme .product-order-container .content .product-order-inner form .row .payment ul {
        justify-content: center;
    }
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment ul li p {
    max-width: 311px;
    color: #F00;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment ul li p span {
    color: #F00;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 15px */
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment ul li .payment-card {
    display: flex;
    width: 140px;
    height: 86px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    gap: 7px;
    cursor: pointer;
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment ul li .payment-card.sber {
    border-radius: 5px;
    border: 3.885px solid #FFF;
    background: #219F38;
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment ul li .payment-card:hover {
    border-radius: 5px;
    border: 2px solid #EEF2FA;
    background: #F8FAFF;
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment ul li .payment-card.active {
    box-shadow: 0px 0px 0px 0.647px #2454C0;
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment ul li .payment-card span {
    max-width: 65px;
    color: var(--dark-color);
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment .payment-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.dark-theme .product-order-container .content .product-order-inner form .row .payment .payment-row p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
}

.dark-theme .product-order-container .content .product-order-inner form .attention {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .product-order-container .content .product-order-inner form .attention p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .product-order-container .content .product-order-inner form .attention p span {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
}

.dark-theme .product-order-container .content .product-order-inner form .attention p:first-child {
    color: #F00;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 39px */
}

.dark-theme .product-order-container .content .product-order-inner form button {
    width: 100%;
    cursor: pointer;
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 10px;
    background: #2454C0;
    border: none;
}

.dark-theme .product-order-container .content .product-order-inner form button:hover {
    background: #5287FF;
}

@media (max-width: 1024px) {
    .dark-theme .product-order-container .content .side-menu {
        max-width: 100%;
    }

    .dark-theme .product-order-container .content .side-menu .total-order {
        width: 100%;
    }

    .dark-theme .product-order-container .content .side-menu .consult-card {
        width: 100%;
    }
}

.dark-theme .success-payment-container {
    padding: 25px 0 50px;
}

.dark-theme .success-payment-container .content {
    display: flex;
    gap: 30px;
}

@media (max-width: 1024px) {
    .dark-theme .success-payment-container .content {
        flex-direction: column;
    }
}

.dark-theme .success-payment-container .content .success-payment-inner {
    display: flex;
    padding: 50px 30px;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    flex: 1 0 0;
    border-radius: 15px;
    background: var(--dark-color);
}

.dark-theme .success-payment-container .content .success-payment-inner h1 {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.dark-theme .success-payment-container .content .success-payment-inner .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.dark-theme .success-payment-container .content .success-payment-inner .text span {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    text-align: center;
}

.dark-theme .success-payment-container .content .success-payment-inner .text p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.dark-theme .success-payment-container .content .success-payment-inner .counter {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.dark-theme .success-payment-container .content .success-payment-inner .counter div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.dark-theme .success-payment-container .content .success-payment-inner .counter div span {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}

.dark-theme .success-payment-container .content .success-payment-inner .counter div span:first-child {
    display: flex;
    width: 41px;
    padding: 20px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #EEF2FA;
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .success-payment-container .content .success-payment-inner .info-text {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .success-payment-container .content .success-payment-inner .attention {
    display: flex;
    padding: 20px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    background: #F00;
}

.dark-theme .success-payment-container .content .success-payment-inner .attention p {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .success-payment-container .content .success-payment-inner .attention p span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.dark-theme .success-payment-container .content .success-payment-inner .btns {
    display: flex;
    gap: 50px;
}

@media (max-width: 650px) {
    .dark-theme .success-payment-container .content .success-payment-inner .btns {
        flex-direction: column;
    }
}

.dark-theme .success-payment-container .content .success-payment-inner .btns button {
    border: none;
    cursor: pointer;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .success-payment-container .content .success-payment-inner .btns button:hover {
    background: #5287FF;
}

.dark-theme .success-payment-container .content .success-payment-inner .btns a {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dark-theme .success-payment-container .content .success-payment-inner .btns a:hover {
    background: var(--brand-color);
    color: #FFFFFF;
}

@media (max-width: 1024px) {
    .dark-theme .success-payment-container .content .side-menu {
        max-width: 100%;
    }

    .dark-theme .success-payment-container .content .side-menu .total-order {
        width: 100%;
    }

    .dark-theme .success-payment-container .content .side-menu .consult-card {
        width: 100%;
    }

    .dark-theme .success-payment-container .content .side-menu .box {
        width: 100%;
    }
}

.dark-theme .order-status-container {
    padding: 25px 0 50px;
}

.dark-theme .order-status-container .content {
    display: flex;
    gap: 30px;
}

@media (max-width: 1024px) {
    .dark-theme .order-status-container .content {
        flex-direction: column;
    }
}

.dark-theme .order-status-container .content .order-status-box {
    display: flex;
    flex-grow: 1;
    border-radius: 15px;
    background-color: var(--dark-color);
    box-shadow: 0px 29px 39.2px -23px rgba(0, 0, 0, 0.25);
    padding: 50px 30px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    height: fit-content;
}

.dark-theme .order-status-container .content .order-status-box .order-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .order-status-container .content .order-status-box .order-info p {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.dark-theme .order-status-container .content .order-status-box .order-info span {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.dark-theme .order-status-container .content .order-status-box .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.dark-theme .order-status-container .content .order-status-box .text span {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    text-align: center;
}

.dark-theme .order-status-container .content .order-status-box .text p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.dark-theme .order-status-container .content .order-status-box .counter {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.dark-theme .order-status-container .content .order-status-box .counter div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.dark-theme .order-status-container .content .order-status-box .counter div span {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}

.dark-theme .order-status-container .content .order-status-box .counter div span:first-child {
    display: flex;
    width: 41px;
    padding: 20px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--dark-bg);
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .order-status-container .content .order-status-box .attention {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #F00;
    width: fit-content;
}

.dark-theme .order-status-container .content .order-status-box .attention p {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .order-status-container .content .order-status-box .attention p span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.dark-theme .order-status-container .content .order-status-box a {
    width: 100%;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.dark-theme .order-status-container .content .order-status-box a:hover {
    background: #5287FF;
}

.dark-theme .order-status-container .content .order-status-form,
.dark-theme .order-status-container .content .sms-code-form{
    flex-grow: 1;
    background-color: var(--dark-color);
    background-image: url("/local/templates/legalsoft/./src/images/order-status.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    padding: 50px 30px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    align-self: stretch;
    border-radius: 15px;
}

.dark-theme .order-status-container .content .order-status-form form,
.dark-theme .order-status-container .content .sms-code-form{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.dark-theme .order-status-container .content .order-status-form form p,
.dark-theme .order-status-container .content .sms-code-form p {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
    text-transform: uppercase;
}

.dark-theme .order-status-container .content .order-status-form form p span,
.dark-theme .order-status-container .content .sms-code-form p span
{
    color: var(--brand-color);
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.dark-theme .order-status-container .content .order-status-form form input,
.dark-theme .order-status-container .content .sms-code-form input
{
    display: flex;
    width: 291px;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    outline: none;
    padding: 5px 20px;
}

.dark-theme .order-status-container .content .order-status-form form input:focus,
.dark-theme .order-status-container .content .sms-code-form input:focus
{
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.dark-theme .order-status-container .content .order-status-form form button,
.dark-theme .order-status-container .content .sms-code-form button
{
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.dark-theme .order-status-container .content .order-status-form form button:hover,
.dark-theme .order-status-container .content .sms-code-form button:hover
{
    background: #5287FF;
}

@media (max-width: 1024px) {
    .dark-theme .order-status-container .content .side-menu {
        max-width: 100%;
    }

    .dark-theme .order-status-container .content .side-menu .total-order {
        width: 100%;
    }

    .dark-theme .order-status-container .content .side-menu .consult-card {
        width: 100%;
    }

    .dark-theme .order-status-container .content .side-menu .box {
        width: 100%;
    }
}

.dark-theme .sms-modal {
    display: flex;
    max-width: 613px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: var(--dark-bg);
    box-shadow: 0px 29px 39.2px -23px rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    display: none;
}

@media (max-width: 768px) {
    .dark-theme .sms-modal {
        max-width: 95%;
    }
}

.dark-theme .sms-modal.open {
    display: flex;
}

.dark-theme .sms-modal .modal-body {
    width: 100%;
    position: relative;
    padding: 50px 30px;
}

.dark-theme .sms-modal .modal-body form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.dark-theme .sms-modal .modal-body form p {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 39px */
}

.dark-theme .sms-modal .modal-body form input {
    display: flex;
    width: 291px;
    height: 55px;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border-radius: 15px;
    border: 2px solid #EEF2FA;
    background: #FFF;
    box-shadow: 0px 7px 12.2px -8px rgba(36, 84, 192, 0.37);
    outline: none;
    padding: 5px 20px;
}

.dark-theme .sms-modal .modal-body form input:focus {
    border-radius: 15px;
    border: 3px solid #EEF2FA;
    background: #F8FAFF;
}

.dark-theme .sms-modal .modal-body form button {
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.dark-theme .sms-modal .modal-body form button:hover {
    background: #5287FF;
}

.dark-theme .sms-modal .modal-body form span {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.dark-theme .sms-modal .modal-body .close-btn {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.dark-theme .order-modal {
    display: flex;
    max-width: 1073px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: var(--dark-bg);
    box-shadow: 0px 29px 39.2px -23px rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    display: none;
}

@media (max-width: 1100px) {
    .dark-theme .order-modal {
        max-width: 95%;
    }
}

.dark-theme .order-modal.open {
    display: flex;
}

.dark-theme .order-modal .modal-body {
    width: 100%;
    position: relative;
    padding: 50px 30px;
}

.dark-theme .order-modal .modal-body .order-details {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.dark-theme .order-modal .modal-body .order-details .order-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .order-modal .modal-body .order-details .order-info p {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.dark-theme .order-modal .modal-body .order-details .order-info span {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.dark-theme .order-modal .modal-body .order-details .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.dark-theme .order-modal .modal-body .order-details .text span {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    text-align: center;
}

.dark-theme .order-modal .modal-body .order-details .text p {
    color: #fff;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.dark-theme .order-modal .modal-body .order-details .counter {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.dark-theme .order-modal .modal-body .order-details .counter div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.dark-theme .order-modal .modal-body .order-details .counter div span {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}

.dark-theme .order-modal .modal-body .order-details .counter div span:first-child {
    display: flex;
    width: 41px;
    padding: 20px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: var(--dark-color);
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .order-modal .modal-body .order-details .attention {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #F00;
    width: fit-content;
}

.dark-theme .order-modal .modal-body .order-details .attention p {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .order-modal .modal-body .order-details .attention p span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.dark-theme .order-modal .modal-body .order-details a {
    width: 100%;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.dark-theme .order-modal .modal-body .order-details a:hover {
    background: #5287FF;
}

.dark-theme .order-modal .modal-body .close-btn {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.dark-theme .canceled-order-modal {
    display: flex;
    width: 563px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    border-radius: 15px;
    background: var(--dark-bg);
    box-shadow: 0px 29px 39.2px -23px rgba(0, 0, 0, 0.25);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 12;
    display: none;
}

@media (max-width: 1100px) {
    .dark-theme .canceled-order-modal {
        max-width: 95%;
    }
}

.dark-theme .canceled-order-modal.open {
    display: flex;
}

@media (max-width: 600px) {
    .dark-theme .canceled-order-modal {
        max-width: 95%;
    }
}

.dark-theme .canceled-order-modal .modal-body {
    width: 100%;
    position: relative;
    padding: 50px 30px;
}

.dark-theme .canceled-order-modal .modal-body .order-details {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.dark-theme .canceled-order-modal .modal-body .order-details .order-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dark-theme .canceled-order-modal .modal-body .order-details .order-info p {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 50px */
}

.dark-theme .canceled-order-modal .modal-body .order-details .order-info span {
    color: var(--brand-color);
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.dark-theme .canceled-order-modal .modal-body .order-details .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.dark-theme .canceled-order-modal .modal-body .order-details .text span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
    text-align: center;
}

.dark-theme .canceled-order-modal .modal-body .order-details .text p {
    color: #2E3441;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}

.dark-theme .canceled-order-modal .modal-body .order-details .counter {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.dark-theme .canceled-order-modal .modal-body .order-details .counter div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.dark-theme .canceled-order-modal .modal-body .order-details .counter div span {
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 15.6px */
}

.dark-theme .canceled-order-modal .modal-body .order-details .counter div span:first-child {
    display: flex;
    width: 41px;
    padding: 20px 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #EEF2FA;
    color: #2E3441;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .canceled-order-modal .modal-body .order-details .attention {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    background: #F00;
    width: fit-content;
}

.dark-theme .canceled-order-modal .modal-body .order-details .attention p {
    color: #FFF;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 26px */
}

.dark-theme .canceled-order-modal .modal-body .order-details .attention p span {
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.dark-theme .canceled-order-modal .modal-body .order-details a {
    width: 100%;
    display: flex;
    padding: 15px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    background: var(--brand-color);
    color: #FFF;
    font-family: "Myriad Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.dark-theme .canceled-order-modal .modal-body .order-details a:hover {
    background: #5287FF;
}

.dark-theme .canceled-order-modal .modal-body .order-details .order-product {
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 39px */
}

.dark-theme .canceled-order-modal .modal-body .order-details .order-status {
    color: #24C062;
    text-align: center;
    font-family: "Myriad Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 19.5px */
}

.dark-theme .canceled-order-modal .modal-body .close-btn {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}


/* Находим элемент по id, который начинается на wait_comp */
[id^="wait_comp"] {
    all: unset !important; /* сбросить всё что Битрикс навесил */
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999 !important;

    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    font: 14px/1.4 Verdana, Arial, sans-serif !important;
    padding: 20px 40px !important;
    border-radius: 10px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;
}

/* Спиннер */
[id^="wait_comp"]::before {
    content: '';
    width: 24px;
    height: 24px;
    border: 4px solid #fff;
    border-top: 4px solid #5287FF;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


/*404*/
.page-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.error-block {
    display: flex;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    gap: 20px;
    padding: 40px;
}

.error-left {
    flex: 2;
    text-align: center;
}

.error-code {
    font-size: 250px;
    font-weight: bold;
    color: #1452cc;
    margin: 0;
    line-height: 1;
}

.error-text {
    font-size: 24px;
    font-weight: bold;
    color: #1452cc;
    margin: 10px 0 20px;
}

.error-message {
    font-size: 16px;
    color: #444;
    margin-bottom: 30px;
    line-height: 1.5;
}

.buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn {
    padding: 12px 25px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    transition: 0.3s;
    min-width: 140px;
    text-align: center;
}

.btn-primary {
    background: #1452cc;
    color: #fff;
    border: none;
}

.btn-primary:hover {
    background: #0e3f9d;
}

.btn-outline {
    background: transparent;
    color: #1452cc;
    border: 2px solid #1452cc;
}

.btn-outline:hover {
    background: #1452cc;
    color: #fff;
}

@media (max-width: 992px) {
    .error-block {
        flex-direction: column;
        padding: 25px;
    }

    .error-code {
        font-size: 150px;
    }

    .error-text {
        font-size: 20px;
    }

    .error-right {
        max-width: 400px;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .error-code {
        font-size: 70px;
    }

    .error-message {
        font-size: 14px;
    }

    .buttons {
        flex-direction: column;
        gap: 10px;
    }

    .btn {
        width: 100%;
    }
}

/*Полет карточки товара*/
.fly {
    position: absolute;
    z-index: 9999;
    transition: transform 0.8s cubic-bezier(.4,-0.3,.7,.2), opacity 0.8s;
    pointer-events: none;
    transform-origin: top left;
    width: 80px;
    height: auto;
}
.cart-highlight {
    animation: pulse 0.6s ease;
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/*Оформление кнопки при добавленом товаре в корзину*/
.show{
    display: block;
}
.hide{
    display: none;
}
.basket_button:disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    opacity: 0.7;
    border: none;
}
.basket_button:hover:disabled {
    background-color:#ccc;
}
/* End */
/* /local/templates/legalsoft/css/swiper-bundle.min.css?171855674618429 */
/* /local/templates/legalsoft/template_styles.css?1761305877259047 */