/* Start:/local/templates/lk/css/swiper-bundle.min.css?169745738718077*/
/**
* Swiper 9.4.1
* 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: June 13, 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}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,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,.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{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.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-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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,swiper-container: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: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,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.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,:host(.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,swiper-container .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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-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/lk/css/style.css?1751281830373554*/
@font-face {
font-family: 'Roboto';
src: url("/local/templates/lk/css/../fonts/Roboto-Bold.woff2") format("woff2"), url("/local/templates/lk/css/../fonts/Roboto-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Roboto';
src: url("/local/templates/lk/css/../fonts/Roboto-Regular.woff2") format("woff2"), url("/local/templates/lk/css/../fonts/Roboto-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Roboto';
src: url("/local/templates/lk/css/../fonts/Roboto-Medium.woff2") format("woff2"), url("/local/templates/lk/css/../fonts/Roboto-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'Roboto';
src: url("/local/templates/lk/css/../fonts/Roboto-Light.woff2") format("woff2"), url("/local/templates/lk/css/../fonts/Roboto-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: block;
}
*,
*::before,
*::after {
box-sizing: border-box;
padding: 0px;
margin: 0px;
border: none; }
html {
scroll-behavior: smooth;
}
body {
padding: 0;
margin: 0;
display: flex;
position: relative;
font-family: 'Roboto';
height: 100%;
overscroll-behavior: contain;
}
@media (max-width: 375px) {
body {
width: 375px; } }
body.none {
overflow: hidden; }
main {
background-color: #F6F8FA;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: clip;
position: relative; }
main {
min-height: 100vh;
}
main .content {
/* min-height: calc(100vh - 160px); */
height: 100%;}
main .content__reg {
min-height: calc(100vh - 80px); }
@media (max-width: 1023px) {
main .content__reg {
min-height: calc(100vh - 160px); } }
@media (max-width: 576px) {
main .content__reg {
min-height: calc(100vh - 200px); } }
/* main .content__error {
min-height: calc(100vh - 192px); }
@media (max-width: 1023px) {
main .content__error {
min-height: calc(100vh - 142px); } }
@media (max-width: 576px) {
main .content__error {
min-height: calc(100vh - 140px); } } */
section {
margin-bottom: 35px; }
@media (max-width: 1023px) {
.content {
padding-top: 130px; } }
@media (max-width: 576px) {
.content {
padding-top: 115px; } }
@media (max-width: 1023px) {
.authorization-main .content {
padding-top: 0; } }
@media (max-width: 1023px) {
.authorization-main .footer {
background-color: #ffffff;
padding: 20px 0; } }
@media (max-width: 1023px) {
.authorization-main .footer .footer__block {
display: flex; } }
@media (max-width: 576px) {
.authorization-main .footer .footer__block .footer__social {
grid-gap: 8px;
flex-wrap: wrap;
justify-content: end; }
.authorization-main .footer .footer__block .footer__social .social__link {
padding: 8px 8px; } }
a {
color: inherit; }
a, a:link, a:visited, a:hover {
text-decoration: none;
transition: 0.3s ease; }
svg, path, circle, ellipse, rect {
transition: 0.3s ease; }
aside, nav, footer, header, section, main {
display: block; }
h1, h2, h3, h4, h5, h6, p {
font-size: inherit;
font-weight: inherit; }
img {
width: auto;
height: auto; }
address {
font-style: normal; }
input, textarea, button, select {
font-family: inherit;
font-size: inherit;
color: inherit; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
textarea {
resize: none;
width: 100%;
outline: none;
border: none; }
input::-ms-clear {
display: none; }
input[type=number] {
-moz-appearance: textfield; }
button, input[type="submit"] {
display: inline-block;
box-shadow: none;
background-color: transparent;
background: none;
cursor: pointer;
background: transparent; }
input:focus, input:active,
button:focus, button:active {
outline: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
label {
cursor: pointer; }
legend {
display: block; }
button {
transition: 0.3s ease; }
button span {
display: flex; }
.swiper {
z-index: 0; }
.main__container {
max-width: 100%;
padding: 0 24px; }
@media (max-width: 1440px) {
.main__container {
padding: 0 16px; } }
@media (max-width: 576px) {
.main__container {
padding: 0 15px; } }
.authorization__container {
max-width: 600px;
padding: 0 24px;
margin: 0 auto; }
@media (max-width: 576px) {
.authorization__container {
padding: 0 15px; } }
.popup__container {
width: 400px; }
@media (max-width: 576px) {
.popup__container {
width: 320px; } }
.section__block {
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
position: relative; }
.section__block .section__tabs {
display: flex;
grid-gap: 24px;
padding: 32px 24px 15px;
border-bottom: 1px solid #E6ECF0; }
@media (max-width: 1023px) {
.section__block .section__tabs {
width: inherit;
overflow-x: scroll;
overflow-y: hidden;
scrollbar-width: none; }
.section__block .section__tabs::-webkit-scrollbar {
width: 0px;
height: 0px; }
.section__block .section__tabs::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; } }
@media (max-width: 576px) {
.section__block .section__tabs {
padding: 20px 24px 15px; } }
.section__block .section__tabs .section__tab {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD;
display: flex;
white-space: nowrap;
transition: 0.3s ease; }
.section__block .section__tabs .section__tab:after {
transition: 0.3s ease;
position: absolute;
content: '';
bottom: -16px;
left: -15px;
height: 1px;
width: 100%; }
.section__block .section__tabs .section__tab:hover {
color: #182C36; }
@media (max-width: 576px) {
.section__block .section__tabs .section__tab {
color: #C5D6DF; } }
.section__block .section__tabs .section__tab.active {
color: #182C36;
position: relative; }
.section__block .section__tabs .section__tab.active:after {
bottom: -16px;
left: 0;
background-color: #E23D41; }
@media (max-width: 1023px) {
.section__block .section__tabs .section__tab.active:after {
height: 2px; } }
.section__block .section__contents .section__content {
display: none; }
.section__block .section__contents .section__content .section__wrapper {
padding: 24px; }
@media (max-width: 576px) {
.section__block .section__contents .section__content .section__wrapper {
padding: 16px; } }
.section__block .section__contents .section__content.active {
display: block; }
.filter-table {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: end;
background-color: #F6F8FA;
padding: 16px;
grid-gap: 16px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border: 1px solid #E6ECF0; }
@media (max-width: 1023px) {
.filter-table {
padding: 0;
border: none; } }
@media (max-width: 576px) {
.filter-table {
flex-direction: column;
align-items: baseline; } }
.filter-table .filter-table__wrapper {
display: flex;
flex-wrap: wrap;
align-items: end;
grid-gap: 16px; }
@media (max-width: 1023px) {
.filter-table .filter-table__wrapper {
position: absolute;
display: none; } }
.filter-table .filter-table__wrapper .filter-table__component {
display: flex;
flex-direction: column;
grid-gap: 4px; }
.filter-table .filter-table__wrapper .filter-table__component .filter-table__label {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD; }
.filter-table .filter-table__wrapper .filter-table__component .filter-table__input {
width: 176px;
padding: 15px 10px;
border-radius: 8px;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #8393AD;
border: 1px solid #E6ECF0;
transition: 0.3s ease;
cursor: pointer; }
.filter-table .filter-table__wrapper .filter-table__component .filter-table__input::-moz-placeholder {
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #8393AD; }
.filter-table .filter-table__wrapper .filter-table__component .filter-table__input::placeholder {
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #8393AD; }
@media (max-width: 1280px) {
.filter-table .filter-table__wrapper .filter-table__component .filter-table__select {
width: 145px; } }
.filter-table .filter-table__wrapper .filter-table__component .active {
display: flex; }
.filter-table .filter-table__wrapper .sum-filter {
position: relative; }
.filter-table .filter-table__wrapper .sum-filter .filter-table__input {
width: 144px; }
@media (max-width: 1280px) {
.filter-table .filter-table__wrapper .sum-filter .filter-table__input {
width: 80px; } }
.filter-table .filter-table__wrapper .sum-filter .sum-icon {
position: absolute;
bottom: 13px;
right: 5px; }
.filter-table .filter-table__wrapper .sum-filter .logo-rub {
display: flex; }
.filter-table .filter-table__wrapper .sum-filter .close-sum {
display: none; }
.filter-table .filter-table__wrapper .sum-filter.active .logo-rub {
display: none; }
.filter-table .filter-table__wrapper .sum-filter.active .close-sum {
display: flex; }
.filter-table .filter__button {
background-color: #182C36;
color: #ffffff; }
@media (max-width: 1440px) {
.filter-table .filter__button {
position: absolute;
top: 100px;
right: 24px; } }
@media (max-width: 1023px) {
.filter-table .filter__button {
top: 160px; } }
@media (max-width: 576px) {
.filter-table .filter__button {
position: static;
width: 100%; } }
@media (max-width: 425px) {
.filter-table .filter__button {
padding: 12px 16px; } }
@media (max-width: 1023px) {
.filter-table .act__button {
top: 226px; } }
@media (max-width: 576px) {
.filter-table .act__button {
padding: 12px 12px;
order: 3; } }
.filter-table .act__button:hover {
background-color: #3B5765;
border: 1px solid #3B5765; }
.filter-table .document-search {
display: none;
margin-bottom: 16px; }
@media (max-width: 1023px) {
.filter-table .document-search {
display: flex;
padding: 16px 12px; } }
@media (max-width: 576px) {
.filter-table .document-search {
padding: 12px 12px;
margin-bottom: 0; } }
@media (max-width: 428px) {
.filter-table .document-search {
padding: 12px 16px; } }
.show-more__block {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-left: 1px solid #E6ECF0;
border-right: 1px solid #E6ECF0;
border-bottom: 1px solid #E6ECF0;
display: flex;
grid-gap: 8px;
flex-wrap: wrap;
justify-content: space-between;
background-color: #ffffff;
padding: 16px; }
@media (max-width: 576px) {
.show-more__block {
flex-direction: column; }
.show-more__block .light__button {
width: 100%; } }
.overlay {
background-color: #3B5765;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
opacity: 0.8;
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5; }
.overlay--active {
display: block; }
.main__title {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #182C36;
margin-bottom: 16px; }
.main__title .user__name {
color: #E23D41; }
.section__title {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
color: #182C36;
letter-spacing: 0.01em;
text-transform: uppercase;
margin-bottom: 24px; }
.menu__section .section__title {
margin-top: 16px;
}
.block__title {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #182C36;
margin-bottom: 16px; }
.sub-block__title {
padding: 16px;
background-color: #F6F8FA;
font-size: 12px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.24px;
text-transform: uppercase;
border-radius: 8px; }
.main-card__title {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 22px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #182C36;
margin-bottom: 8px;
-webkit-hyphens: auto;
hyphens: auto;
transition: 0.3s ease; }
@media (max-width: 1023px) {
.main-card__title {
font-size: 12px;
line-height: 14px;
font-weight: 600;
margin-bottom: 4px; } }
.card__title {
display: flex;
justify-content: space-between;
align-items: center;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #182C36; }
@media (max-width: 1023px) {
.card__title {
font-size: 10px;
line-height: 14px; } }
.datalist__title {
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #3B5765;
background-color: #F1F4F6;
padding: 8px; }
.card__title {
display: flex;
justify-content: space-between;
align-items: center;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #182C36; }
@media (max-width: 1023px) {
.card__title {
font-size: 10px;
line-height: 14px; } }
.card__subtitle {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #8393AD;
transition: 0.3s ease; }
.promotion__title {
margin-bottom: 8px; }
.promotion__text {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #3B5765; }
.promotion-card__title {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
color: #182C36;
margin-bottom: 16px; }
@media (max-width: 576px) {
.promotion-card__title {
font-size: 20px;
line-height: 24px; } }
.promotion-card__sub-title {
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD; }
.accordion-help__title {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #182C36;
margin-bottom: 8px; }
@media (max-width: 576px) {
.accordion-help__title {
font-size: 14px;
line-height: 20px; } }
.delivery__title {
margin-bottom: 8px;
font-weight: 500; }
.offer__title {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #ffffff;
-webkit-hyphens: auto;
hyphens: auto; }
@media (max-width: 1023px) {
.offer__title {
font-size: 11px;
line-height: 14px; } }
.modal__title {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #182C36; }
.modal-big__title {
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.32px;
text-transform: uppercase;
color: #182C36; }
@media (max-width: 1023px) {
.modal-big__title {
font-weight: 500;
font-size: 16px;
line-height: 16px; } }
.notifications__title {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #182C36;
margin-bottom: 8px; }
.black-block__title {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
color: #E6ECF0;
padding: 12px;
background-color: #182C36;
border-radius: 8px; }
@media (max-width: 576px) {
.black-block__title {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
text-transform: inherit; } }
.block__text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.card__value {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #182C36; }
@media (max-width: 1023px) {
.card__value {
font-size: 12px;
line-height: 12px; } }
.component__button {
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-style: normal;
white-space: nowrap;
font-weight: 400;
font-size: 14px;
line-height: 14px;
grid-gap: 8px;
border-radius: 8px; }
.dark__button {
background-color: #E6ECF0;
color: #182C36;
padding: 12px 12px; }
.dark__button:hover {
background-color: #182C36;
color: #E6ECF0; }
.dark__button:hover svg .stroke {
stroke: #E6ECF0; }
.dark__button:hover svg .fill {
fill: #E6ECF0; }
.black__button {
background-color: #3b5765;
color: #ffffff;
width: -moz-max-content;
width: max-content;
padding: 16px; }
.black__button:hover {
background-color: #182C36;
color: #ffffff; }
@media (max-width: 576px) {
.black__button {
width: 100%; } }
.light__button {
border: 1px solid #E6ECF0;
background-color: #ffffff;
color: #182C36;
padding: 11px 15px;
height: -moz-fit-content;
height: fit-content; }
.light__button:hover {
border: 1px solid #182C36; }
.light__button:hover svg .stroke {
stroke: #E23D41; }
.light__button:hover svg .fill {
fill: #E23D41; }
.switch__button {
background-color: #ffffff;
padding: 5px 12px; }
.switch__button:hover {
background-color: #ffffff; }
.switch__button--active {
background-color: #182C36;
color: #ffffff; }
.switch__button--active:hover {
background-color: #3B5765; }
.edit {
background-color: #ffffff;
padding: 5px;
position: relative;
transition: 0.3s ease; }
.add-profile__button {
padding: 16px; }
@media (max-width: 1280px) {
.add-profile__button {
padding: 13px; } }
@media (max-width: 768px) {
.add-profile__button {
width: 100%; } }
.page-navigation__button {
width: 48px;
height: 48px;
background-color: #ffffff;
color: #182C36;
border: 1px solid #F1F4F6;
border-radius: 8px; }
@media (max-width: 576px) {
.page-navigation__button {
width: 40px;
height: 40px; } }
.back__link {
display: flex;
align-items: center;
grid-gap: 8px;
padding: 16px 0 32px;
color: #182C36; }
@media (max-width: 576px) {
.basket__section .main__container .back__link {
padding: 0 0 32px;
}
}
.show__button {
padding-top: 16px;
display: flex;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.quantity-control__wrapper {
display: flex;
align-items: center;
border: 1px solid #C5D6DF;
border-radius: 4px;
background-color: #ffffff;
width: -moz-fit-content;
width: fit-content;
overflow: hidden; }
.quantity-control__wrapper .quantity-control__button {
display: flex;
justify-content: center;
padding: 8px 4px;
overflow: hidden; }
@media (max-width: 768px) {
.quantity-control__wrapper .quantity-control__button {
padding: 8px; } }
.quantity-control__wrapper .quantity-control__button:first-child {
border-right: 1px solid #C5D6DF; }
.quantity-control__wrapper .quantity-control__button:first-child:hover {
background-color: #C5D6DF; }
.quantity-control__wrapper .quantity-control__button:last-child {
border-left: 1px solid #C5D6DF; }
.quantity-control__wrapper .quantity-control__button:last-child:hover {
background-color: #C5D6DF; }
.card-wrapper__control .quantity-control__button {
padding: 6px 4px;
overflow: hidden;
justify-content: center; }
@media (min-width: 769px) {
.catalog__table.same_block tbody .card-wrapper__control .quantity-control__button {
padding: 9px 4px;}
}
@media (max-width: 425px) {
.card-wrapper__control .quantity-control__button {
width: 80px; } }
.card-wrapper__control .quantity-control__value {
padding: 6px 17px; }
.catalog__button {
display: flex;
align-items: center;
grid-gap: 8px;
background-color: #E23D41;
color: #ffffff;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: uppercase;
width: 100%;
padding: 8px;
border-radius: 8px; }
.catalog__button:hover {
background-color: #B32429; }
.offer__button {
background-color: #ffffff;
color: #46B751;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
width: -moz-fit-content;
width: fit-content;
padding: 8px;
border-radius: 4px; }
@media (max-width: 1023px) {
.offer__button {
font-size: 9px;
line-height: 11px; } }
.notifications__button {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
padding: 8px 12px;
border: 1px solid #E6ECF0;
border-radius: 8px; }
.scroll-up {
position: fixed;
display: flex;
padding: 16px;
border-radius: 8px;
background-color: #E23D41;
z-index: 3;
bottom: 130px;
right: 25px;
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
.scroll-up.active {
visibility: visible;
opacity: 1; }
.scroll-up.active:hover {
background-color: #B32429; }
.modal__button {
background-color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 8px;
height: 48px;
border: 1px solid #E6ECF0;
border-radius: 8px;
width: 100%;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #8393AD; }
.download-selected {
display: none; }
.download-selected.active {
display: flex; }
.configure__button:hover {
background-color: #3B5765;
color: #ffffff; }
.configure__button:hover svg .stroke {
stroke: #ffffff; }
.button__width .component__button {
max-width: 184px;
width: 100%;
flex: 1 1 50%;
height: 50px; }
.buttons__control {
display: flex;
justify-content: space-between;
grid-gap: 16px;
margin-top: 22px; }
@media (max-width: 620px) {
.buttons__control {
flex-direction: column; }
.buttons__control .button__width .component__button {
max-width: 100%; } }
@media (max-width: 425px) {
.buttons__control {
flex-direction: column;
grid-gap: 8px; }
.buttons__control .button__width .component__button {
height: 40px;
padding: 16px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
/* 114.286% */ } }
.buttons__control .button__width {
display: flex;
grid-gap: 16px; }
.apply__button {
display: none; }
.apply__button.active {
display: flex; }
.editing__button.hidden {
display: none; }
.buttons__wrapper {
display: flex;
justify-content: space-between;
position: relative; }
.buttons__wrapper .swiper-buttons {
display: flex;
grid-gap: 40px;
margin-bottom: 24px; }
.buttons__wrapper .swiper-buttons .swiper-button:hover svg .stroke {
stroke: red; }
.buttons__wrapper .swiper-buttons .swiper-button:hover svg .fill {
fill: red; }
@media (max-width: 1023px) {
.buttons__wrapper .swiper-buttons {
display: none; } }
.card__slider-1 .swiper-slide {
border: 1px solid #E6ECF0;
width: 57.5px;
height: 57px;
border-radius: 11px;
margin-right: 10px;
overflow: hidden; }
.card__slider-1 .swiper-slide-thumb-active {
border: 1px solid #E23D41;
width: 57.5px;
height: 57px;
border-radius: 11px;
margin-right: 10px;
overflow: hidden; }
.offer__slider {
margin-right: -24px; }
.offer__slider .swiper-slide {
width: 383px; }
@media (max-width: 1023px) {
.offer__slider .swiper-slide {
width: 254px; } }
.offer__slider .swiper-slide .offer__item {
height: 192px;
border-radius: 8px;
overflow: auto;
display: flex;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
cursor: pointer; }
@media (max-width: 1023px) {
.offer__slider .swiper-slide .offer__item {
height: 128px; } }
.offer__slider .swiper-slide .offer__item .offer__content {
background-color: #46B751;
width: 100%; }
.offer__slider .swiper-slide .offer__item .offer__content .offer__text {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #F6F8FA;
opacity: 0.8; }
@media (max-width: 1023px) {
.offer__slider .swiper-slide .offer__item .offer__content .offer__text {
display: none; } }
.offer__slider .swiper-slide .offer__item .down {
display: flex;
flex-direction: column;
justify-content: center;
height: 35%; }
.offer__slider .swiper-slide .content__down {
align-items: end; }
.offer__slider .swiper-slide .content__down .offer__content {
padding: 8px 16px;
display: flex;
flex-direction: column;
justify-content: center;
height: 35%; }
.offer__slider .swiper-slide .content__right {
justify-content: end; }
.offer__slider .swiper-slide .content__right .offer__content {
padding: 8px 16px 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 50%; }
.offer__slider--mobile {
padding-bottom: 20px;
position: sticky;
left: 0; }
.offer__slider--mobile .swiper-slide {
width: 312px; }
.section__tabs {
display: flex;
grid-gap: 24px;
border-bottom: 1px solid #E6ECF0;
padding: 0px 0px 15px; }
@media (max-width: 1023px) {
.section__tabs {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
scrollbar-width: none; }
.section__tabs::-webkit-scrollbar {
width: 0px;
height: 0px; }
.section__tabs::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; } }
.section__tabs .section__tab {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD;
display: flex;
white-space: nowrap; }
.section__tabs .section__tab:after {
transition: 0.3s ease;
position: absolute;
content: '';
bottom: -16px;
left: -15px;
height: 1px;
width: 100%; }
.section__tabs .section__tab:hover {
color: #182C36; }
@media (max-width: 576px) {
.section__tabs .section__tab {
color: #C5D6DF; } }
.section__tabs .mobile-section__tab {
display: none; }
@media (max-width: 1023px) {
.section__tabs .mobile-section__tab {
display: flex; } }
.section__tabs .mobile-navigation__tab {
display: none;
background-color: #ffffff; }
@media (max-width: 576px) {
.section__tabs .mobile-navigation__tab {
position: absolute;
top: 20px;
display: flex;
z-index: 2; } }
.section__tabs .next__tab {
right: 0px;
padding-right: 5px;
box-shadow: 54px 0px 52px 70px white; }
.section__tabs .prev__tab {
left: 0px;
padding-left: 5px;
box-shadow: -45px 0px 52px 30px white; }
.section__tabs .section__tab.active {
color: #182C36;
position: relative;
left: 0; }
.section__tabs .section__tab.active:after {
bottom: -16px;
left: 0;
background-color: #E23D41;
height: 1px; }
@media (max-width: 1023px) {
.section__tabs .section__tab.active:after {
height: 2px; } }
.section__contents .section__content {
display: none; }
.section__contents .section__content.active {
display: block; }
.main__tabs {
display: flex;
grid-gap: 4px;
padding: 4px;
width: -moz-fit-content;
width: fit-content;
background-color: #E6ECF0;
border-radius: 8px; }
.main__tabs .main__tab {
padding: 12px 15px;
background-color: #ffffff; }
.main__tabs .main__tab:hover {
background-color: #3B5765;
color: #ffffff; }
.main__tabs .main__tab.active {
background-color: #182C36;
color: #ffffff; }
.main__tabs .main__tab.active:hover {
background-color: #3B5765;
color: #ffffff; }
.radio__tabs {
display: flex;
flex-direction: column;
grid-gap: 16px;
width: 100%; }
.radio__tabs .radio__item {
position: relative;
padding: 20px;
background-color: #E6ECF0;
border-radius: 8px;
width: 100%; }
@media (max-width: 576px) {
.radio__tabs .radio__item {
padding: 12px; } }
.radio__tabs .radio__item .radio__label {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
display: flex;
grid-gap: 12px; }
.radio__tabs .radio__item .radio__label .circle {
display: flex;
align-items: center;
justify-self: center;
width: 16px;
height: 16px;
border-radius: 100%;
border: 1px solid #182C36;
padding: 2px; }
.radio__tabs .radio__item .radio__label .circle .sub-circle {
display: none;
border-radius: 100%;
background-color: #182C36;
width: 100%;
height: 100%; }
.radio__tabs .radio__item .radio__input:checked ~ .radio__label .circle .sub-circle {
display: block; }
.radio__tabs .radio__item .radio__input:checked ~ .radio__content {
padding-top: 20px; }
.radio__tabs .radio__item:has(> .radio__input:checked) {
background-color: transparent;
border: 1px solid #E6ECF0; }
.checkbox {
position: relative; }
.checkbox .checkout__input {
position: absolute;
opacity: 0;
width: 100%;
top: 0;
left: 0;
height: 100%;
z-index: 1;
cursor: pointer; }
.checkbox .checkout__input:checked ~ .checkout__label .box {
background-color: #182C36; }
.checkbox .checkout__label {
display: flex;
align-items: center;
grid-gap: 10px;
transition: 0.3s ease;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.checkbox .checkout__label .box {
display: block;
position: relative;
width: 20px;
height: 20px;
background-color: #ffffff;
border: 1px solid #182C36;
border-radius: 4px; }
.checkbox .checkout__label .box::after {
position: absolute;
content: '';
width: 10px;
left: 35%;
border-radius: 4px;
top: 41%;
transform: rotate(-45deg);
height: 1.5px;
background-color: #fff; }
.checkbox .checkout__label .box::before {
position: absolute;
content: '';
width: 5px;
left: 23%;
border-radius: 4px;
top: 53%;
transform: rotate(-138deg);
height: 1.5px;
background-color: #fff; }
.checkbox .checkout__label .personal__data {
border-bottom: 1px dashed #182C36; }
.switch {
position: relative;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.switch .switch__input {
position: absolute;
opacity: 0;
width: 40px;
top: 0;
left: 0;
height: 100%;
z-index: 1;
cursor: pointer; }
.switch .switch__input:checked ~ .switch__label .box {
background-color: #182C36; }
.switch .switch__input:checked ~ .switch__label .box:before {
left: 45%; }
.switch .switch__label {
display: flex;
align-items: center;
grid-gap: 10px;
transition: 0.3s ease; }
.switch .switch__label .box {
width: 40px;
height: 24px;
border-radius: 16px;
background-color: #C5D6DF;
position: relative; }
.switch .switch__label .box:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background-color: #ffffff;
border-radius: 100%;
transform: translateY(-50%);
top: 50%;
left: 5%;
transition: 0.3s ease; }
.promotion__card {
display: flex;
flex-direction: column;
position: relative; }
.promotion__card:hover {
scale: 1.025; }
.promotion__card:hover .promotion__time {
scale: 1.5; }
.promotion__card .promotion__time {
position: absolute;
padding: 0 4px;
top: -8px;
left: 8px;
z-index: 1;
font-style: normal;
font-weight: 500;
font-size: 8px;
line-height: 16px;
color: #ffffff;
background-color: #E23D41;
border-radius: 4px;
transition: 0.3s ease; }
.promotion__card .promotion__image {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 12px;
border-radius: 8px; }
.download__file {
display: flex;
align-items: center;
justify-content: space-between; }
.download__file .download__wrapper {
display: flex;
grid-gap: 12px; }
.appeal__file {
display: flex;
align-items: center;
grid-gap: 12px;
padding: 12px;
border-radius: 8px;
background-color: #ffffff; }
.appeal__file .file__wrapper {
grid-gap: 4px; }
.appeal__file .file__wrapper .file__name {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.appeal__file .file__wrapper .file__value {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #8393AD; }
.clues {
display: flex;
grid-gap: 8px; }
.clues .clue {
width: -moz-fit-content;
width: fit-content;
font-style: normal;
font-weight: 500;
font-size: 11px;
line-height: 16px;
color: #3B5765;
background-color: #E6ECF0;
padding: 0 4px;
border-radius: 4px; }
.clue-star {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765;
display: flex;
align-items: center;
grid-gap: 4px; }
.breadcrumbs__list {
margin-bottom: 12px; }
@media (max-width: 1023px) {
.breadcrumbs__list {
margin-top: 16px; } }
.breadcrumbs__list .breadcrumb__link {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
position: relative;
display: inline-block; }
/* .breadcrumbs__list .breadcrumb__link:before {
position: absolute;
top: -1px;
right: -22px; }
.breadcrumbs__list .breadcrumb__link:not(:last-child) {
color: #3B5765;
margin-right: 24px; }
.breadcrumbs__list .breadcrumb__link:before {
content: url("/local/templates/lk/css/../img/svg/arrow-active-breadcrumb.svg");
}
.breadcrumbs__list .breadcrumb__link:last-of-type:before {
content: none;
} */
/* .breadcrumbs__list .breadcrumb__link:nth-last-child(n+3)::before {
content: url("/local/templates/lk/css/../img/svg/arrow-active-breadcrumb.svg"); }
.breadcrumbs__list .breadcrumb__link:nth-last-child(2)::before {
content: url("/local/templates/lk/css/../img/svg/arrow-hidden-breadcrumb.svg"); } */
/* .breadcrumbs__list .breadcrumb__link:last-child {
color: #8393AD;
cursor: not-allowed; } */
.breadcrumb__item .breadcrumb__link:before {
position: absolute;
width: 16px;
height: 16px;
top: 0;
right: -28px; }
.breadcrumb__item .breadcrumb__link:before {
content: url("/local/templates/lk/css/../img/svg/arrow-active-breadcrumb.svg");
}
.breadcrumb__item:not(.have_sub) .breadcrumb__link:before {
right: -16px;
}
.breadcrumb__item:last-of-type .breadcrumb__link:before {
content: none;
}
.breadcrumb__item:not(:last-child) {
color: #3B5765;
margin-right: 16px;
padding-right: 0;
flex-shrink: 0;
}
.breadcrumb__item:last-child .breadcrumb__link {
color: #8393AD;
cursor: not-allowed; }
.breadcrumbs__list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 5px;
}
.breadcrumb__item:hover .breadcrumb__link {
color: #E23D41 !important;
}
.breadcrumb__item {
position: relative;
cursor: pointer;
}
.breadcrumb__item::after {
content: "";
position: absolute;
border: 4px solid transparent;
border-top: 4px solid #3B5765;
top: 9px;
right: 0;
z-index: 25;
transition: 0.3s ease;
}
.breadcrumb__item.have_sub:hover::after {
transform: rotate(180deg);
top: 5px;
border-top-color: #E23D41;
}
.breadcrumb__item:last-child::after {
display: none;
}
.breadcrumb__item:hover .breadcrumb__sublist {
opacity: 1;
visibility: visible;
}
.breadcrumb__sublist {
position: absolute;
width: max-content;
padding: 2px;
margin: 0;
list-style-type: none;
display: flex;
flex-direction: column;
border-radius: 4px;
box-shadow: 0px 8px 16px 0px rgba(230, 236, 240, 1);
background-color: #FFF;
z-index: 50;
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
left: -8px;
top: 25px;
}
.breadcrumb__sublink {
display: block;
width: 100%;
padding: 4px 8px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;
color: #3B5765;
border-radius: 4px;
transition: 0.3s ease;
}
.breadcrumb__sublink:hover {
color: #E23D41;
}
@media (max-width: 768px) {
.breadcrumb__item::after {
display: none;
}
.breadcrumb__item:not(:last-child){
padding-right: 0;
}
.breadcrumb__sublist {
display: none;
}
.breadcrumb__item .breadcrumb__link:before {
right: -16px;
}
}
.page-navigation {
display: flex;
grid-gap: 8px; }
@media (max-width: 425px) {
.page-navigation {
justify-content: space-between;
width: 100%; } }
.page-navigation .active-page {
background-color: #3B5765;
color: #ffffff; }
.page-navigation .arrow-page:hover {
background-color: #3B5765; }
.page-navigation .arrow-page:hover svg path {
stroke: #ffffff; }
.page-navigation .hide-page:hover {
border: 1px solid #182C36; }
.page-navigation .unavailable-page {
background-color: transparent; }
.accordion__input {
position: absolute;
opacity: 0;
width: 100%;
top: 0;
left: 0;
height: 40px;
cursor: pointer;
z-index: 2; }
.accordion__input:checked ~ .accordion__content {
max-height: 100vh;
overflow: visible;
opacity: 1; }
.accordion__input:checked ~ .accordion__label .arrow {
transform: rotate(180deg);
z-index: 1; }
.accordion__content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: 0.3s ease; }
.arrow__button {
transform: rotate(0deg); }
.arrow__button.active {
transform: rotate(180deg); }
.main__form {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.main__form .block__title {
margin-bottom: 0; }
.form__wrapper {
display: flex;
grid-gap: 4px;
flex-direction: column;
max-width: 672px;
width: 100%;
height: 56px;
border-radius: 8px;
background-color: #ffffff;
padding: 10px;
position: relative;
border: 1px solid #E6ECF0; }
@media (max-width: 1023px) {
.form__wrapper {
max-width: 100%; } }
.region__block .region__form .form__wrapper:last-of-type {
width: 96px;}
@media (max-width: 576px) {
.region__block .region__form .form__wrapper:last-of-type {
width: 100%; }}
.disable {
background-color: #F6F8FA;
border: none; }
.disable .form__label:after {
display: none; }
.disable .form__input {
cursor: not-allowed; }
.disable .form__input::-moz-placeholder {
color: #8393AD; }
.disable .form__input::placeholder {
color: #8393AD; }
.disable .form__input:disabled {
color: #8393AD; }
.error {
border: 1px solid #E23D41;
position: relative; }
.error:after {
position: absolute;
content: url("/local/templates/lk/css/../../img/svg/error.svg");
right: 8px;
bottom: 4px; }
.success {
border: 1px solid #46B751; }
.success:after {
position: absolute;
content: url("/local/templates/lk/css/../../img/svg/success.svg");
right: 8px;
bottom: 4px; }
.password__wrapper.error {
border: 1px solid #E23D41; }
.password__wrapper.error:after {
display: none; }
.password__wrapper.success {
border: 1px solid #46B751; }
.password__wrapper.success:after {
display: none; }
.repeat-password {
display: none; }
.repeat-password.show {
display: flex; }
.form__label {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD;
position: relative;
width: -moz-fit-content;
width: fit-content; }
.form__label:after {
position: absolute;
top: -2px;
left: 103%;
content: "";
width: 3px;
height: 3px;
border-radius: 100%;
background-color: #E23D41; }
.form__input {
background-color: inherit;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36;
width: inherit; }
.form__input::-moz-placeholder {
color: #182C36; }
.form__input::placeholder {
color: #182C36; }
.form__textarea {
height: 80px;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36; }
.upload__file {
position: relative;
width: -moz-fit-content;
width: fit-content;
cursor: pointer; }
.upload__file .upload__input {
position: absolute;
opacity: 0;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.upload__file .upload__label {
display: flex;
grid-gap: 8px;
padding: 8px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
width: -moz-fit-content;
width: fit-content; }
.upload__field {
display: flex;
flex-direction: column;
grid-gap: 4px;
align-items: center;
justify-content: center;
background-color: #F6F8FA;
height: 120px;
padding: 24px;
border-radius: 8px;
text-align: center; }
.upload__field .upload__text {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.upload__field .upload__text span {
position: relative;
text-decoration: underline;
cursor: pointer; }
.upload__field .upload__text span input {
opacity: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0; }
.upload__field .upload__clue {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #8393AD; }
.upload__field-hover {
transition: 0.3s ease;
cursor: pointer; }
.upload__field-hover:hover {
background-color: #3B5765; }
.upload__field-hover:hover .upload__text {
color: #F6F6F6; }
.upload__field-hover:hover .upload__clue {
color: #F6F6F6; }
.download__field {
background-color: #F6F8FA;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
border-radius: 8px; }
@media (max-width: 576px) {
.download__field {
flex-direction: column;
grid-gap: 16px; } }
.download__field .download__text {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
@media (max-width: 576px) {
.download__field .component__button {
width: 100%; } }
.textarea__wrapper {
display: flex;
flex-direction: column;
grid-gap: 4px;
background-color: #ffffff;
border-radius: 8px;
padding: 10px;
border: 1px solid #E6ECF0;
height: 200px; }
.textarea {
font-size: 13px;
line-height: 20px;
color: #182C36; }
.textarea::-moz-placeholder {
color: #8393AD; }
.textarea::placeholder {
color: #8393AD; }
.show__password {
position: absolute;
right: 10px;
bottom: 10px; }
.show__password .icon__show {
display: flex; }
.show__password .icon__hide {
display: none; }
.show__password.show .icon__show {
display: none; }
.show__password.show .icon__hide {
display: flex; }
.phone__form.hide {
display: none; }
.dial-in__form {
position: relative;
display: none; }
.dial-in__form .dial-in__text {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #182C36;
margin-bottom: 8px; }
.dial-in__form .dial-in__number {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
/* 140% */
letter-spacing: 0.2px;
color: #E23D41; }
.dial-in__form .fieldset .dial-in__label {
position: absolute;
visibility: hidden;
opacity: 0; }
.dial-in__form .fieldset .dial-in__wrapper {
margin: 24px 0;
padding: 4px;
background-color: #E6ECF0;
border-radius: 8px; }
.dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper {
border: 1px solid #C5D6DF;
border-radius: 8px;
padding: 16px 0;
display: flex;
justify-content: center;
grid-gap: 20px;
background-color: #ffffff; }
.dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper .dial-in__input {
width: 20px;
height: 30px;
font-size: 24px;
text-indent: 10%;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px;
/* 133.333% */
letter-spacing: 0.24px; }
.dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper .dial-in__input::-moz-placeholder {
color: #182C36; }
.dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper .dial-in__input::placeholder {
color: #182C36; }
.dial-in__form .fieldset .buttons__wrapper {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.dial-in__form .fieldset .component__button {
padding: 16px;
width: 100%; }
.dial-in__form.active {
display: flex;
flex-direction: column; }
.modal {
position: fixed;
right: -150%;
max-width: 360px;
width: 100%;
z-index: 6;
border-left: 1px solid #E6ECF0; }
@media (max-width: 576px) {
.modal {
max-width: 100%; } }
.modal-center {
position: fixed;
max-width: 768px;
width: 100%;
top: 15%;
left: 50%;
transform: translateX(-50%);
background-color: #ffffff;
z-index: 5; }
@media (max-width: 1023px) {
.modal-center {
max-width: 375px; } }
.modal-center.active {
top: 5%; }
.modal-right {
position: fixed;
right: -150%;
max-width: 720px;
width: 100%;
z-index: 6;
border-left: 1px solid #E6ECF0;
transition: 0.3s ease all; }
.modal-right.active {
right: 0; }
.modal-top {
position: fixed;
top: -150%;
width: calc(100% - 450px);
z-index: 5;
border-right: 1px solid #E6ECF0; }
@media (max-width: 1280px) {
.modal-top {
width: calc(100% - 280px); } }
@media (max-width: 1023px) {
.modal-top {
width: 100%; } }
.modal-bottom {
position: fixed;
top: 15%;
max-width: 100%;
width: 100%;
height: calc(100vh - 100px);
z-index: 5;
border-right: 1px solid #E6ECF0; }
@media (max-width: 576px) {
.modal-bottom {
max-width: 100%; } }
.modal-bottom.active {
top: 0; }
.header.scroll {
top:0;
}
.modal__header {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
border-bottom: 1px solid #E6ECF0;
padding: 18px; }
@media (max-width: 576px) {
.modal__header {
padding: 16px; } }
.modal__header .notifications__text {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36;
margin-bottom: 12px; }
.modal-big__header {
border-bottom: none;
padding: 24px; }
@media (max-width: 1023px) {
.modal-big__header {
border-bottom: 1px solid #E6ECF0;
padding: 18px; } }
@media (max-width: 576px) {
.modal-big__header {
padding: 16px; } }
.modal__body {
background-color: #F6F6F6;
height: 100vh;
padding: 24px 16px; }
.modal__body .modal__block {
display: flex;
flex-direction: column;
grid-gap: 4px; }
.modal__body .modal__block .name__block {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD; }
.modal__body .modal__body-content {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.modal-big__body {
background-color: #ffffff;
overflow-y: auto;
height: calc(100vh - 80px);
padding: 0px 24px 24px 24px;
scrollbar-width: none; }
.modal-big__body::-webkit-scrollbar {
width: 0px;
height: 0px; }
.modal-big__body::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
@media (max-width: 1023px) {
.modal-big__body {
padding: 24px 16px; } }
.modal__body-bottom {
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: inherit;
background-color: #ffffff;
grid-gap: 24px;
overflow-y: auto; }
.modal__body-bottom .buttons__wrapper {
grid-gap: 16px; }
.modal__body-bottom .buttons__wrapper .component__button {
width: 100%; }
.modal__body-center {
background-color: #ffffff;
padding: 24px; }
.modal__close {
display: flex;
padding: 12px;
border-radius: 8px; }
.modal__close svg {
transition: 0.3s ease; }
.modal__close svg .stroke {
stroke: #182C36; }
.modal__close:hover {
background-color: #182C36; }
.modal__close:hover svg .stroke {
stroke: #ffffff; }
.modal-big__close {
background-color: #ffffff;
border-radius: 8px;
position: absolute;
left: -90px; }
@media (max-width: 1023px) {
.modal-big__close {
position: static;
left: 0; } }
.modal-big__close:hover {
background-color: #182C36; }
.table {
display: table;
text-align: left;
width: 100%;
border-right: 1px solid #E6ECF0;
border-left: 1px solid #E6ECF0;
border-bottom: 1px solid #E6ECF0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
overflow: visible; }
@media (max-width: 1023px) {
.table {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
overflow: hidden; } }
@media (max-width: 576px) {
.table {
margin-top: 16px; } }
.table thead {
background-color: #F1F4F6;
font-style: normal;
font-weight: 400 !important;
font-size: 10px;
line-height: 12px;
color: #3B5765;
text-transform: uppercase; }
.table thead tr th {
font-weight: 400;
padding: 8px; }
@media (max-width: 768px) {
.table thead tr th {
padding: 14px 8px; } }
.table thead tr th:not(:last-child) {
border-right: 1px solid #E6ECF0; }
@media (max-width: 1023px) {
.table thead {
display: none; } }
.table thead th {
white-space: nowrap; }
.table thead th .wrapper {
display: flex;
grid-gap: 4px;
align-items: center; }
.table tbody {
text-align: left;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
background-color: #ffffff; }
.table tbody tr td {
padding: 8px;
border-top: 1px solid #E6ECF0; }
.table tbody tr td:not(:last-child) {
border-right: 1px solid #E6ECF0; }
@media (max-width: 768px) {
.table tbody tr td:not(:last-child) {
border-right: none; } }
@media (max-width: 425px) {
.table tbody tr td {
padding: 10px; } }
.table tbody tr:hover {
background-color: #F6F8FA; }
@media (max-width: 576px) {
.table tbody tr {
display: flex;
width: 100%;
flex-wrap: wrap; }
.table tbody tr td {
border: none; }
.table tbody tr td:nth-child(3) {
order: 4;
width: 100%; }}
@media (max-width: 425px) {
.table tbody tr td:nth-child(3) {
width: auto; } }
.table tbody .show {
display: table-row; }
@media (max-width: 768px) {
.table tbody .show {
display: flex; }
.table tbody tr:hover {
background-color: inherit;
} }
.table tbody .hide {
display: none; }
.table tbody tr {
cursor: pointer; }
@media (max-width: 1023px) {
.table tbody tr:not(:last-child) {
border-bottom: 1px solid #E6ECF0; } }
.table td .td-mobile-thead {
display: none; }
@media (max-width: 1023px) {
.table td .td-mobile-thead {
background-color: #F1F4F6;
font-style: normal;
font-weight: 400 !important;
font-size: 10px;
line-height: 12px;
color: #182C36;
text-transform: uppercase;
display: flex;
color: #8393AD;
background-color: transparent;
margin-bottom: 5px; }
.table td .td-mobile-thead tr th {
font-weight: 400;
padding: 8px; } }
@media (max-width: 1023px) and (max-width: 768px) {
.table td .td-mobile-thead tr th {
padding: 14px 8px; } }
@media (max-width: 1023px) {
.table td .td-mobile-thead tr th:not(:last-child) {
border-right: 1px solid #E6ECF0; } }
.table td .td__image {
width: 48px;
height: 48px;
border-radius: 8px;
border: 1px solid #E6ECF0; }
.table td .td__control {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
display: flex;
align-items: center;
grid-gap: 12px;
white-space: nowrap; }
@media (max-width: 576px) {
.table td .td-mobile-thead {
margin-bottom: 4px;
}
.table td:nth-child(1) .td-mobile-thead,
.table td:nth-child(3) .td-mobile-thead {
margin-bottom: 0;
}
}
@media (max-width: 425px) {
.table td .td__control {
font-size: 12px;
font-weight: 500; } }
.table td .td__download-status {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
position: relative; }
.table td .td__download-status .td__value {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; }
@media (max-width: 1023px) {
.table td .td__download-status .td__value {
align-items: end; } }
@media (max-width: 768px) {
.table td .td__download-status .td__value {
grid-gap: 5px; } }
@media (max-width: 425px) {
.table td .td__download-status .td__value {
flex-direction: column;
align-items: baseline;
padding-top: 20px; }
.table td .td__download-status .td__value .wrap {
width: 100%; } }
.table td .td__download-status .td__value .component__button {
padding: 8px 27px; }
@media (max-width: 425px) {
.table td .td__download-status .td__value .component__button {
padding: 12px;
width: 100%;
margin-top: 12px; } }
.table td .td__download-status .td__value .process-value {
padding: 3px 10px;
display: flex;
align-items: center;
grid-gap: 8px; }
@media (max-width: 1023px) {
.table td .td__download-status .td-mobile-thead {
position: absolute;
top: 0; } }
@media (max-width: 768px) {
.table td {
width: -moz-fit-content;
width: fit-content; } }
.table .td__profile-status {
display: flex;
justify-content: space-between;
align-items: center; }
.table .td__profile-status .td__wrapper {
display: flex;
grid-gap: 8px; }
@media (max-width: 768px) {
.table .td__profile-status .td__wrapper {
display: none; } }
.table .td__treatment-status {
display: flex;
align-items: center;
grid-gap: 8px; }
@media (max-width: 1023px) {
.table .td__treatment-status {
align-items: end; } }
.table .td__treatment-status .icon__statis {
display: flex; }
.table .price__wrap {
display: flex;
grid-gap: 40px; }
.table th .th__wrapper {
display: flex;
position: relative; }
.table th .th__wrapper .component__button {
position: absolute;
padding: 12px;
top: 50%;
transform: translateY(-50%);
right: 0; }
@media (max-width: 1023px) {
.table th .th__wrapper .button__wrapper {
position: fixed;
width: 100%;
left: 0;
bottom: 70px;
z-index: 2;
background-color: #E6ECF0;
height: 64px; }
.table th .th__wrapper .button__wrapper .component__button {
width: 100%;
margin: 0 12px;
width: -webkit-fill-available; } }
.table th .th__sort {
display: flex;
align-items: center;
grid-gap: 3px; }
@media (max-width: 768px) {
.basket__table {
border-top: 1px solid #E6ECF0; } }
@media (max-width: 1023px) {
.basket__table thead {
display: table-row-group; } }
@media (max-width: 768px) {
.basket__table thead {
display: none; } }
@media (max-width: 768px) {
.basket__table tbody tr {
flex-wrap: nowrap;
position: relative; }
.basket__table tbody tr:not(:last-child) {
border-bottom: 1px solid #E6ECF0; } }
@media (max-width: 576px) {
.basket__table tbody tr {
height: 220px; }}
@media (max-width: 425px) {
.basket__table tbody tr {
height: 268px; } }
.basket__table tbody tr .table__image {
width: 48px;
height: 48px; }
@media (max-width: 768px) {
.basket__table tbody tr .table__image {
width: 112px;
height: 112px; } }
@media (max-width: 576px) {
.basket__table tbody tr .table__image {
border: 1px solid #F1F4F6;
border-radius: 8px;
}
}
@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control {
align-items: baseline;
grid-gap: 24px; } }
@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control {
position: absolute;
justify-content: end;
width: 100%;
left: -20px;
bottom: 11px; } }
@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control .price {
position: absolute;
left: 145px;
font-weight: 500;
font-size: 20px;
line-height: 24px; } }
@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control .price {
position: static; } }
@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .price {
position: absolute;
bottom: 100px;
left: 165px; } }
@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control .td-rub {
display: flex;
flex-direction: column;
grid-gap: 4px; } }
@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control .total {
font-weight: 500;
font-size: 20px;
line-height: 24px; } }
@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control .td-rub {
grid-gap: 0;} }
@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .total {
position: absolute;
flex-direction: row;
left: 35px;
align-items: center;
bottom: -6px; } }
@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .total .td-rub__value {
position: absolute;
left: 130px; } }
.basket__table tbody tr .td-wrapper__control .td__control .mobile__name,
.table td .mobile__name {
display: none; }
@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .mobile__name {
display: flex;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #8393AD; }}
@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
position: absolute;
top: -82px; } }
@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
top: -82px;
left: 165px; } }
@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control .td__control .remove__product {
position: absolute;
top: -50px;
right: 10px; }
.basket__table tbody tr .td-wrapper__control .td__control .remove__product svg {
width: 24px;
height: 24px; }
.table td .mobile__name {
display: block; }}
@media (max-width: 576px) {
.basket__table tbody tr .td-wrapper__control .td__control .remove__product {
top: -135px;
right: -5px; } }
@media (max-width: 425px) {
.basket__table tbody tr .td-wrapper__control .td__control .remove__product {
top: -15px; } }
@media (max-width: 768px) {
.basket__table tbody tr .td-wrapper__control {
display: flex;
position: absolute;
bottom: 5px;
right: 0;
width: 100%;
display: flex;
justify-content: end; } }
@media (max-width: 768px) {
.basket__table tbody tr td:first-child {
padding-right: 0; } }
@media (max-width: 576px) {
.basket__table tbody tr td:first-child {
padding-right: 0; } }
@media (max-width: 768px) {
.basket__table tbody tr td .item__availability {
position: absolute;
bottom: 10px;
left: 145px; } }
@media (max-width: 576px) {
.basket__table tbody tr td .item__availability {
position: static; } }
@media (max-width: 768px) {
.basket__table tbody tr td .item__name {
max-width: 90%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; } }
@media (max-width: 576px) {
.basket__table tbody tr td .item__name {
/* max-width: 80%; */
-webkit-line-clamp: 3;
} }
@media (max-width: 425px) {
.basket__table tbody tr td .item__name {
max-width: 100%; } }
@media (max-width: 576px) {
.basket__table tbody tr td .item__info {
position: absolute;
flex-direction: column;
bottom: 18px;
left: 20px; } }
@media (max-width: 425px) {
.basket__table tbody tr td .item__info {
position: static; } }
@media (max-width: 425px) {
.basket__table tbody tr td .item__info .item__availability {
position: absolute;
bottom: 120px; } }
@media (max-width: 768px) {
.main-basket__table tbody tr td {
border-top: none; }
.main-basket__table tbody tr td .td__value .option-item__description {
position: relative;
top: -40px; }
.main-basket__table tbody tr td .item__availability {
position: static; }
.main-basket__table tbody tr .td-wrapper__control {
right: 15px; } }
@media (max-width: 576px) {
.main-basket__table tbody tr td {
border-top: none; }
.main-basket__table tbody tr td .td__value .option-item__description {
top: 0; }
.main-basket__table tbody tr td .item__info {
position: static; }
.main-basket__table tbody tr td .item__availability {
position: static; }
.main-basket__table tbody tr .td-wrapper__control {
right: 15px; } }
@media (max-width: 425px) {
.main-basket__table tbody tr td:nth-child(3) {
width: inherit; }
.main-basket__table tbody tr td .item__info .item__availability {
position: absolute;
bottom: 200px;
left: -2px; }
.main-basket__table tbody tr .td-wrapper__control .td__control .total .mobile__name {
position: relative;
left: 15px;
bottom: -4px; } }
.order-basket__table {
border-radius: 0; }
@media (max-width: 768px) {
.order-basket__table {
border-right: none;
border-left: none;
border-bottom: none; } }
@media (max-width: 576px) {
.order-basket__table {
margin: 0 -16px -24px -16px !important; } }
.order-basket__table thead .last-th {
display: flex;
justify-content: space-between; }
.order-basket__table thead .last-th .last-span {
position: relative;
left: -34px; }
@media (max-width: 425px) {
.order-basket__table tbody {
height: 220px;
display: block;
border-bottom: 1px solid #E6ECF0; }
.order-basket__table tbody:last-of-type {
border-bottom: none;
} }
@media (max-width: 576px) {
.order-basket__table tbody tr {
height: 100%; }
.order-basket__table tbody tr td:nth-child(3) {
width: -moz-fit-content;
width: fit-content; } }
@media (max-width: 425px) {
.order-basket__table tbody tr td:nth-child(3) {
width: auto; } }
@media (max-width: 768px) {
.order-basket__table tbody tr .td-wrapper__control {
position: absolute;
left: 122px;
top: 75px;
width: -moz-fit-content;
width: fit-content; }
.order-basket__table tbody tr .td-wrapper__control .td__control {
position: static; }
.order-basket__table tbody tr .td-wrapper__control .td__control .price {
position: static;
font-size: 12px;
font-style: normal;
font-weight: 500; }
.order-basket__table tbody tr .td-wrapper__control .td__control .total {
font-size: 12px;
font-style: normal;
font-weight: 500; }
.order-basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
display: flex;
flex-direction: column;
grid-gap: 4px;
font-size: 14px;
font-style: normal;
font-weight: 400; }
.order-basket__table tbody tr .td-wrapper__control .td__control .td-rub {
grid-gap: 0; } }
@media (max-width: 425px) {
.order-basket__table tbody tr .td-wrapper__control {
width: 100%; }
.order-basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
font-size: 20px;
font-weight: 500; }
.order-basket__table tbody tr .td-wrapper__control .td__control .total {
font-size: 20px;
font-weight: 500; }
.order-basket__table tbody tr .td-wrapper__control .td__control .price {
font-size: 20px;
font-weight: 500;
position: relative;
top: 15px;
left: 0; } }
@media (max-width: 576px) {
.order-basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
position: static; }
}
@media (max-width: 425px) {
.order-basket__table tbody tr .td-wrapper__control .td__control .quantity-control {
position: absolute;
top: 85px;
left: -110px; }
.order__block .order__content .checkout__item .quantity-control {
display: flex;
flex-direction: column;
position: absolute;
bottom: 0;
left: 0;
padding: 12px;}
.order__block .order__content .checkout__item .total {
display: flex;
flex-direction: column;
position: absolute;
bottom: 0;
right: 0;
padding: 12px;}
.order__block .order__content .checkout__item .td__control .price {
display: flex;
flex-direction: column;
position: absolute;
top: 40%;
left: 130px; }}
@media (max-width: 576px) {
.order-basket__table tbody tr .td-wrapper__control {
left: 122px;
top: 75px; } }
@media (max-width: 425px) {
.order-basket__table tbody tr .td-wrapper__control .td__control .total {
flex-direction: column;
align-items: baseline;
top: 85px;
left: 85%; }
.order-basket__table tbody tr .td-wrapper__control .td__control .total .td-rub__value {
position: static; } }
.order-basket__table tbody tr .td-wrapper__control .td__value .td__control {
justify-content: space-between; }
.order-basket__table tbody tr td .item__name {
max-width: 80%;
-webkit-line-clamp: 2; }
@media (max-height: 425px) {
.order-basket__table tbody tr td .item__name {
-webkit-line-clamp: 3 !important; } }
@media (max-width: 425px) {
.order-basket__table tbody tr td:nth-child(3) {
width: -moz-fit-content;
width: fit-content; } }
@media (max-width: 768px) {
.order-basket__table tbody td {
border-top: none !important; } }
.order-basket__table tbody td .item__info {
position: static !important; }
@media (max-width: 768px) {
.order-basket__table tbody td .td__value .option-item__description {
position: relative;
top: -35px; } }
@media (max-width: 576px) {
.order-basket__table tbody td .td__value .option-item__description {
top: 8px; } }
.document__table thead tr th .th__all {
display: none; }
@media (max-width: 768px) {
.document__table thead tr th {
width: auto !important; } }
@media (max-width: 1023px) {
.document__table thead {
display: table-row-group; }
.document__table thead tr th:not(:last-child) {
border-right: none; }
.document__table thead tr th .th__sort {
visibility: hidden;
opacity: 0; }
.document__table thead tr th .th__all {
display: block;
position: absolute;
width: -moz-max-content;
width: max-content;
left: 35px; } }
@media (max-width: 576px) {
.document__table thead {
display: block; } }
@media (max-width: 768px) {
.document__table tbody tr td {
width: -moz-fit-content !important;
width: fit-content !important;
white-space: nowrap;
padding: 12px 8px; }
.document__table tbody tr td:nth-child(1) {
flex: 0 0 0%; }
.document__table tbody tr td:nth-child(2) {
flex: 0 0 1%; }
.document__table tbody tr td:nth-child(3) {
order: 2;
flex: 1 0 10%; }
.document__table tbody tr td:nth-child(4) {
order: 3;
flex: 0 0 60%; } }
@media (max-width: 576px) {
.document__table tbody tr td:nth-child(1) {
flex: 0 0 0%; }
.document__table tbody tr td:nth-child(2) {
flex: 1 0 auto; }
.document__table tbody tr td:nth-child(3) {
flex: 1 0 auto; }
.document__table tbody tr td:nth-child(4) {
flex: 0 0 100%;
padding-left: 44px; } }
@media (max-width: 768px) {
.document__table tbody tr {
flex-wrap: nowrap; } }
@media (max-width: 576px) {
.document__table tbody tr {
flex-wrap: wrap; } }
.order__table {
margin-top: 0; }
.order__table tbody tr {
position: relative; }
@media (max-width: 576px) {
.order__table tbody tr {
height: 130px; } }
@media (max-width: 425px) {
.order__table tbody tr {
height: 210px; } }
.order__table tbody tr td .td__wrap {
display: flex;
grid-gap: 8px; }
@media (max-width: 768px) {
.order__table tbody tr td .td__wrap {
padding-left: 30px;
grid-gap: 19px; } }
.order__table tbody tr td .td__wrap .table__image {
width: 32px;
height: 32px; }
@media (max-width: 768px) {
.order__table tbody tr td .td__wrap .table__image {
width: 112px;
height: 112px; } }
@media (max-width: 576px) {
.order__table tbody tr td .td__wrap .table__image {
width: 56px;
height: 56px; } }
@media (max-width: 425px) {
.order__table tbody tr td .td__wrap .table__image {
width: 112px;
height: 112px; } }
@media (max-width: 768px) {
.order__table tbody tr td .td__wrap .option-item__description .item__name {
-webkit-line-clamp: 2; } }
@media (max-width: 425px) {
.order__table tbody tr td .td__wrap .option-item__description .item__name {
-webkit-line-clamp: 5; } }
@media (max-width: 425px) {
.order__table tbody tr td .td__wrap .option-item__description .item__info .item__availability {
position: absolute;
bottom: 50px;
left: 35%; } }
.order__table tbody tr td:first-child {
vertical-align: baseline; }
@media (max-width: 768px) {
.order__table tbody tr td:first-child {
position: absolute;
top: 5px; } }
@media (max-width: 768px) {
.order__table tbody tr .td-wrapper__control {
position: absolute;
bottom: 0;
right: 0; } }
@media (max-width: 425px) {
.order__table tbody tr .td-wrapper__control {
width: 100%; } }
@media (max-width: 425px) {
.order__table tbody tr .td-wrapper__control .td__value .td__control {
justify-content: space-between; } }
.order__table tbody tr .td-wrapper__control .td__value .td__control .total {
display: none; }
@media (max-width: 425px) {
.order__table tbody tr .td-wrapper__control .td__value .td__control .total {
display: flex; } }
@media (max-width: 425px) {
.order__table tbody tr .td-wrapper__control .td__value .mobile__name {
display: none; } }
.orders__table .tr__orders-table {
position: relative; }
@media (max-width: 425px) {
.orders__table .tr__orders-table {
height: 200px; } }
@media (max-width: 768px) {
.orders__table .tr__orders-table td:nth-child(2) {
position: absolute;
top: 0;
left: 130px; } }
@media (max-width: 425px) {
.orders__table .tr__orders-table td:nth-child(2) .td__wrapper .td-mobile-thead {
display: none; } }
@media (max-width: 768px) {
.orders__table .tr__orders-table td:nth-child(n + 3):nth-child(-n + 5) {
position: absolute;
bottom: 10px; } }
@media (max-width: 425px) {
.orders__table .tr__orders-table td:nth-child(n + 3):nth-child(-n + 5) {
bottom: 0; } }
@media (max-width: 768px) {
.orders__table .tr__orders-table td:nth-child(3) {
left: 130px; } }
@media (max-width: 576px) {
.orders__table .tr__orders-table td:nth-child(3) {
left: 0; } }
@media (max-width: 425px) {
.orders__table .tr__orders-table td:nth-child(3) {
top: 40%;
left: 45%; } }
@media (max-width: 768px) {
.orders__table .tr__orders-table td:nth-child(4) {
left: 260px; } }
@media (max-width: 576px) {
.orders__table .tr__orders-table td:nth-child(4) {
left: 50%;
transform: translateX(-50%); } }
@media (max-width: 425px) {
.orders__table .tr__orders-table td:nth-child(4) {
left: 0;
transform: none; } }
@media (max-width: 768px) {
.orders__table .tr__orders-table td:nth-child(5) {
left: 360px; } }
@media (max-width: 576px) {
.orders__table .tr__orders-table td:nth-child(5) {
right: 0;
left: inherit; } }
@media (max-width: 576px) {
.orders__table .tr__orders-table td .item__info {
bottom: -22px;
left: 13px; } }
@media (max-width: 768px) {
.orders__table .tr__orders-table td .td__wrapper .td__value {
font-size: 16px; } }
.catalog__table tbody tr td .td__value .option-item__description .item__name {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; }
.catalog__table tbody tr td .td__value .option-item__description .item__name .info-text-red {
font-size: 8px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.16px;
padding: 4px;
background-color: #E23D41;
color: #ffffff;
border-radius: 4px;
position: relative;
top: -2px;
margin-right: 8px; }
.catalog__table tbody tr td .td__value .option-item__description .item__name .info-text-black {
font-size: 8px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.16px;
padding: 4px;
color: #ffffff;
background-color: #182C36;
border-radius: 4px;
position: relative;
top: -2px;
margin-right: 8px; }
.catalog__table tbody tr .td-wrapper__control .td__value {
position: relative; }
.catalog__table tbody tr .td-wrapper__control .td__value .td__control {
justify-content: space-between; }
.catalog__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
padding: 8px; }
.catalog__table tbody tr .td-wrapper__control .td__value .td__control .total {
display: flex;
grid-gap: 8px;
position: absolute;
bottom: -17px;
left: 50%;
transform: translateX(-50%);
color: #8393AD; }
.catalog__table tbody tr .td-wrapper__control .td__value .td__control .total .mobile__name {
display: flex; }
.card-table__wrapper {
border-radius: 8px;
overflow: hidden; }
.card__table {
border-left: none;
border-top: none;
border-right: none;
border-bottom: none; }
@media (max-width: 425px) {
.card__table {
border-left: none;
border-top: none;
border-right: none;
border-bottom: none; } }
@media (max-width: 425px) {
.card__table tbody {
display: grid;
grid-template-columns: auto auto;
grid-gap: 8px;
background-color: transparent; } }
.card__table tbody tr:first-child td {
border-top: none; }
@media (max-width: 425px) {
.card__table tbody tr {
background-color: #ffffff;
border: none;
border-radius: 8px;
display: flex;
flex-direction: column;
width: 100%;
height: 480px; }
.card__table tbody tr:not(:last-child) {
border-bottom: none; }
.card__table tbody tr:hover {
box-shadow: 0px 8px 16px #E6ECF0; } }
@media (max-width: 425px) and (max-width: 425px) {
.card__table tbody tr td {
width: 100%; }
.card__table tbody tr td:nth-child(3) {
width: 100%; } }
@media (max-width: 425px) and (max-width: 425px) {
.card__table tbody tr .td-wrapper__control .td__control .amount__name {
display: none; } }
@media (max-width: 375px) {
.card__table tbody tr {
height: 460px; } }
@media (max-width: 1023px) {
.card__table tbody tr:hover {
background-color: #ffffff; } }
@media (max-width: 425px) {
.card__table tbody tr {
width: 100%; } }
@media (max-width: 768px) {
.card__table tbody tr td {
border-top: none; } }
@media (max-width: 425px) {
.card__table tbody tr td:first-child {
padding-right: 10px; } }
@media (max-width: 425px) {
.card__table tbody tr .table__image {
width: 100%;
height: 100%; } }
@media (max-width: 768px) {
.card__table tbody tr .td-supplier {
display: none; } }
@media (max-width: 768px) {
.card__table tbody tr .td-delivery-time {
display: none; } }
@media (max-width: 768px) {
.card__table tbody tr .td-wrapper__control {
left: 130px;
right: inherit;
justify-content: start;
width: -webkit-fill-available; } }
@media (max-width: 576px) {
.card__table tbody tr .td-wrapper__control {
left: 0; } }
@media (max-width: 768px) {
.card__table tbody tr .td-wrapper__control .td__control {
align-items: center; } }
@media (max-width: 768px) {
.card__table tbody tr .td-wrapper__control .td__control .price {
position: static; } }
@media (max-width: 576px) {
.card__table tbody tr .td-wrapper__control .td__control .quantity-control {
position: static; } }
@media (max-width: 425px) {
.card__table tbody tr .td-wrapper__control .td__control .quantity-control {
width: 100%; } }
@media (max-width: 425px) {
.card__table tbody tr .td-wrapper__control .td__control .quantity-control .quantity-control__wrapper {
width: 100%;
text-align: center; } }
@media (max-width: 425px) {
.card__table tbody tr .td-wrapper__control .td__control .quantity-control .quantity-control__wrapper .quantity-control__value {
width: 100%; } }
@media (max-width: 768px) {
.card__table tbody tr .td-wrapper__control .td__value {
width: 100%; } }
@media (max-width: 576px) {
.card__table tbody tr .td-wrapper__control .td__value .td__control {
position: static; } }
@media (max-width: 425px) {
.card__table tbody tr .td-wrapper__control .td__value .td__control {
flex-direction: column;
align-items: baseline;
grid-gap: 4px; } }
.card__table tbody tr .td-wrapper__control .td__value .td__control .total {
left: 59%;
font-size: 12px; }
@media (max-width: 768px) {
.card__table tbody tr .td-wrapper__control .td__value .td__control .total {
position: static;
transform: none;
font-size: 20px;
color: #182C36; } }
@media (max-width: 425px) {
.card__table tbody tr .td-wrapper__control .td__value .td__control .total .td-rub__value {
position: static;
font-size: 12px; } }
.card__table tbody tr .td-wrapper__control .td__value .td__control .component__button .button__text {
display: none; }
@media (max-width: 768px) {
.card__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
position: absolute;
right: 0;
top: -64px; } }
@media (max-width: 576px) {
.card__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
top: -140px; } }
@media (max-width: 425px) {
.card__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
position: static;
width: 100%; }
.card__table tbody tr .td-wrapper__control .td__value .td__control .component__button .button__text {
display: flex; }
.card__table tbody tr .td-wrapper__control .td__value .td__control .component__button svg {
display: none; } }
@media (max-width: 768px) {
.card__table tbody tr td .item__availability {
position: static; } }
@media (max-width: 576px) {
.card__table tbody tr td .item__info {
position: static; } }
@media (max-width: 425px) {
.card__table tbody tr td .item__info .item__availability {
position: static; } }
@media (max-width: 576px) {
.card__table tbody tr td .td__value .option-item__description .item__name {
-webkit-line-clamp: 3; } }
@media (max-width: 768px) {
.card__table tbody tr td .td__value .option-item__description {
padding-bottom: 70px; } }
@media (max-width: 425px) {
.card__table td {
width: 100%; } }
.custom-table {
border: 1px solid #E6ECF0;
background-color: #F1F4F6; }
@media (max-width: 768px) {
.custom-table {
border-radius: 8px;
overflow: hidden; } }
.custom-table .custom-table__header {
background-color: #F1F4F6;
font-style: normal;
font-weight: 400 !important;
font-size: 10px;
line-height: 12px;
color: #182C36;
text-transform: uppercase;
border-bottom: 1px solid #E6ECF0; }
.custom-table .custom-table__header tr th {
font-weight: 400;
padding: 8px; }
@media (max-width: 768px) {
.custom-table .custom-table__header tr th {
padding: 14px 8px; } }
.custom-table .custom-table__header tr th:not(:last-child) {
border-right: 1px solid #E6ECF0; }
@media (max-width: 768px) {
.custom-table .custom-table__header {
display: none; } }
.custom-table .custom-table__header .custom-cell {
grid-gap: 8px; }
.custom-table .custom-table__body {
text-align: left;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
background-color: #ffffff; }
.custom-table .custom-table__body tr td {
padding: 8px;
border-top: 1px solid #E6ECF0; }
.custom-table .custom-table__body tr td:not(:last-child) {
border-right: 1px solid #E6ECF0; }
@media (max-width: 768px) {
.custom-table .custom-table__body tr td:not(:last-child) {
border-right: none; } }
@media (max-width: 425px) {
.custom-table .custom-table__body tr td {
padding: 12px; } }
.custom-table .custom-table__body tr:hover {
background-color: #F6F8FA; }
@media (max-width: 576px) {
.custom-table .custom-table__body tr {
display: flex;
width: 100%;
flex-wrap: wrap; }
.custom-table .custom-table__body tr td {
border: none; }
.custom-table .custom-table__body tr td:nth-child(3) {
order: 4;
width: 100%; }
.custom-table .custom-table__body tr:hover {
background-color: inherit; } }
@media (max-width: 425px) {
.custom-table .custom-table__body tr td:nth-child(3) {
width: auto; } }
.custom-table .custom-table__body:not(:last-child) {
border-bottom: 1px solid #E6ECF0; }
.custom-table .custom-line {
display: grid;
grid-template-columns: 50px 115px 125px 115px auto 320px; }
@media (max-width: 1280px) {
.custom-table .custom-line {
grid-template-columns: 50px 95px 110px 95px auto 285px; } }
@media (max-width: 1023px) {
.custom-table .custom-line {
grid-template-columns: 50px 95px 110px 95px auto 195px; } }
@media (max-width: 768px) {
.custom-table .custom-line {
grid-template-columns: 55px 70px 90px auto 170px; } }
@media (max-width: 576px) {
.custom-table .custom-line {
grid-template-columns: 55px 70px auto 170px; } }
@media (max-width: 425px) {
.custom-table .custom-line {
grid-template-columns: 55px auto 170px; } }
.custom-table .td__wrapper {
width: 100%; }
.custom-table .td__wrapper .td-mobile-thead {
background-color: #F1F4F6;
font-style: normal;
font-weight: 400 !important;
font-size: 10px;
line-height: 12px;
color: #182C36;
text-transform: uppercase;
display: none;
width: 100%; }
.custom-table .td__wrapper .td-mobile-thead tr th {
font-weight: 400;
padding: 8px; }
@media (max-width: 768px) {
.custom-table .td__wrapper .td-mobile-thead tr th {
padding: 14px 8px; } }
@media (max-width: 576px) {
.custom-table .td__wrapper .td-mobile-thead {
font-weight: 500 !important;
}
.custom-table .background-line .td__wrapper .td-mobile-thead {
font-size: 10px;
font-weight: 400 !important;
line-height: 12px;
}
}
.custom-table .td__wrapper .td-mobile-thead tr th:not(:last-child) {
border-right: 1px solid #E6ECF0; }
.custom-table .td__wrapper .status-order__wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%; }
@media (max-width: 1023px) {
.custom-table .td__wrapper .status-order__wrapper {
flex-direction: column;
grid-gap: 8px; } }
.custom-table .td__wrapper .status-order__wrapper .status {
display: flex;
align-items: center;
grid-gap: 8px; }
.custom-table .td__wrapper .status-order__wrapper .status span {
display: flex; }
@media (max-width: 768px) {
.custom-table .td__wrapper .status-order__wrapper .status svg {
width: 16px;
height: 16px; } }
.custom-table .td__wrapper .status-order__wrapper .component__button {
padding: 8px 16px; margin-left: auto; }
@media (max-width: 768px) {
.custom-table .td__wrapper .status-order__wrapper .component__button {
display: none; } }
@media (max-width: 768px) {
.custom-table .td__wrapper {
display: flex;
flex-direction: column;
grid-gap: 8px; }
.custom-table .td__wrapper .td-mobile-thead {
background-color: transparent;
display: block; } }
.custom-table .custom-cell {
display: flex;
align-items: center;
padding: 8px;
width: 100%;
flex: auto; }
.custom-table .custom-cell:not(:last-child) {
border-right: 1px solid #E6ECF0; }
@media (max-width: 768px) {
.custom-table .custom-cell:not(:last-child) {
border-right: none; } }
.custom-table .custom-cell .dropdown {
display: flex;
border-radius: 8px;
background-color: #F1F4F6;
padding: 4px; }
@media (max-width: 768px) {
.custom-table .custom-cell .dropdown {
padding: 8px; } }
.custom-table .custom-cell .dropdown:hover {
background-color: #182C36; }
.custom-table .custom-cell .dropdown:hover svg .stroke {
stroke: #ffffff; }
@media (max-width: 768px) {
.custom-table .company-cell {
display: none; } }
@media (max-width: 576px) {
.custom-table .price-cell {
display: none; }
.background-line .custom-cell {
align-items: flex-start; }
.background-line .custom-cell .status {
margin-top: 4px;}}
.custom-table .data-cell {
text-align: right; }
@media (max-width: 425px) {
.custom-table .data-cell {
display: none; } }
.mob-table-cards {
display: none;
flex-direction: column;
grid-gap: 8px; }
.mob-table-cards .table-card {
position: relative;
text-align: left;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
background-color: #ffffff;
display: flex;
justify-content: space-between;
grid-gap: 16px;
padding: 16px;
border-radius: 8px; }
.mob-table-cards .table-card tr td {
padding: 8px;
border-top: 1px solid #E6ECF0; }
.mob-table-cards .table-card tr td:not(:last-child) {
border-right: 1px solid #E6ECF0; }
@media (max-width: 768px) {
.mob-table-cards .table-card tr td:not(:last-child) {
border-right: none; } }
@media (max-width: 425px) {
.mob-table-cards .table-card .item__info .item__number,
.mob-table-cards .table-card .price .mobile__name,
.order-basket__table .quantity-control .mobile__name,
.order-basket__table .total .mobile__name,
.order-basket__table .price .mobile__name {
font-size: 12px;
font-weight: 500;
line-height: 16px;
color: #3B5765; }
.order-basket__table .quantity-control .mobile__count,
.order-basket__table .total .td-rub__value,
.order-basket__table .price .mobile__price {
font-size: 20px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.2px;
color: #182C36; }}
@media (max-width: 425px) {
.mob-table-cards .table-card tr td {
padding: 10px; } }
.mob-table-cards .table-card tr:hover {
background-color: #F6F8FA; }
@media (max-width: 576px) {
.mob-table-cards .table-card .table-card__image{
border-bottom: 1px solid #E6ECF0;
}
.horizontally-views.active .table-card__image {
border-bottom: none;
}
.mob-table-cards .table-card tr {
display: flex;
width: 100%;
flex-wrap: wrap; }
.mob-table-cards .table-card tr td {
border: none; }
.mob-table-cards .table-card tr td:nth-child(3) {
order: 4;
width: 100%; } }
@media (max-width: 425px) {
.mob-table-cards .table-card tr td:nth-child(3) {
width: auto; } }
.mob-table-cards .table-card .table-card__content {
display: flex;
flex-direction: column;
grid-gap: 8px; }
.mob-table-cards .table-card .table-card__content .item__sale {
display: flex;
justify-content: space-between;
align-items: center; }
.mob-table-cards .table-card .table-card__content .item__sale .info-text-red {
font-size: 8px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.16px;
padding: 4px;
background-color: #E23D41;
color: #ffffff;
border-radius: 4px;
position: relative;
top: -2px; }
.mob-table-cards .table-card .table-card__content .item__sale .component__button:hover svg .stroke {
stroke: #F90D01; }
@media (max-width: 375px) {
.mob-table-cards .table-card .table-card__content .item__name {
width: 185px; } }
@media (max-width: 768px) {
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper [data-entity="buttons-block"] {
width: 100%;
}
.vertically-views .table-card .table-card__image .table__image {
min-height: 168px;
}
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control {
width: 100%;
}
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .quantity-control__wrapper {
justify-content: space-between;
width: 100%;
}
.mob-table-cards .table-card .table-card__content .item__name {
font-weight: 400; } }
.mob-table-cards .table-card .table-card__content .item__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
grid-gap: 16px;
flex-wrap: wrap; }
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper {
display: flex;
align-items: center;
grid-gap: 24px; }
@media (max-width: 425px) {
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper {
grid-gap: 12px; } }
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 110px;
}
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control__wrapper {
width: 100%;
justify-content: space-between;
}
.mob-table-cards .quantity-control__wrapper .quantity-control__value {
text-align: center;
font-size: 14px;
line-height: 16px;
}
.mob-table-cards .table-card .mobile__name {
font-weight: 500;
font-size: 12px;
line-height: 16px;
}
.mob-table-cards .table-card .item__name {
font-size: 12px;
line-height: 16px;
}
.mob-table-cards.horizontally-views .table__image {
width: 112px;
height: 112px;
border: 1px solid #F1F4F6;
border-radius: 8px;
}
.mob-table-cards.horizontally-views .table-card__content {
flex-grow: 1;
color: #182c36;
}
.mob-table-cards.vertically-views .table-card .table-card__content .item__wrapper .add-to-card,
.mob-table-cards.vertically-views .table-card .table-card__content .item__wrapper .quantity-control {
min-width: auto;
}
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .total,
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .mobile__name {
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #8393AD;
margin-top: 4px;}
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .total:not(.total--border) {
display: none;
}
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control__wrapper {
border-radius: 8px;
}
.mob-table-cards .table-card .table-card__content .item__wrapper .price {
display: flex;
flex-direction: column; }
.mob-table-cards .table-card .table-card__content .item__wrapper .price .mobile__value {
font-size: 18px;
font-weight: 500;
margin-bottom: 4px; }
.mob-table-cards .table-card .table-card__content .item__wrapper .add-to-card {
padding: 10px 12px;
width: 100%;
right: 0;
min-width: 128px; }
@media (max-width: 576px) {
.mob-table-cards .table-card .table-card__content .item__wrapper .add-to-card {
width: 100%; } }
@media (max-width: 375px) {
.mob-table-cards .table-card .table-card__content .item__wrapper .add-to-card {
width: 315px;
position: relative;
right: 130px; } }
.mob-table-cards .table-card .table-card__content .add-favourite {
position: relative;
right: 0;
width: 32px;
height: 32px;
border: 1px solid #e6ecf0;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 375px) {
.mob-table-cards .table-card .table-card__content .add-favourite {
position: relative;
right: 0; } }
.mob-table-cards .table-card .table-card__content .dropdown__button {
display: flex;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #182C36;
position: relative; }
.mob-table-cards .table-card .table-card__content .dropdown__button:before {
position: absolute;
content: url("/local/templates/lk/css/../img/svg/border-line.svg");
width: inherit;
bottom: -5px; }
.mob-table-cards .table-card .table-card__content .properties__list .properties {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #8393AD;
margin-bottom: 4px; }
.mob-table-cards .table-card .table-card__content .properties__list .properties span:last-child {
color: #182C36; }
@media (max-width: 425px) {
.mob-table-cards .table-card .table-card__content .properties__list .properties {
display: flex;
flex-direction: column; } }
.mob-table-cards .table-card .table-card__content .properties__list.desktop {
display: block; }
@media (max-width: 576px) {
.mob-table-cards .table-card .table-card__content .properties__list.desktop {
display: none; } }
.mob-table-cards .table-card .table-card__content .properties__list.mobile {
display: none; }
@media (max-width: 576px) {
.mob-table-cards .table-card .table-card__content .properties__list.mobile {
display: block; } }
.mob-table-cards .table-card .table-card__content .dropdown__content {
visibility: hidden;
opacity: 0;
height: 0;
max-height: -moz-max-content;
max-height: max-content;
transition: 0.3s ease; }
.mob-table-cards .table-card .table-card__content .dropdown__content.active {
visibility: visible;
opacity: 1;
height: -moz-max-content;
height: max-content; }
.mob-table-cards .table-card .card-slider {
display: none; }
@media (max-width: 576px) {
.mob-table-cards .table-card .desktop__drop {
display: none; } }
.mob-table-cards .table-card .mobile__drop {
display: none; }
@media (max-width: 576px) {
.mob-table-cards .table-card .mobile__drop {
display: block; } }
@media (max-width: 768px) {
.mob-table-cards {
display: flex; } }
.mob-table-cards .table-card.slider {
flex-direction: column; }
.mob-table-cards .table-card.slider .card-slider {
display: block; }
.mob-table-cards .table-card.slider .card-slider .close__slider {
position: absolute;
top: 8px;
right: 16px;
z-index: 2; }
.mob-table-cards .table-card.slider .card-slider .table-card__slider {
display: block;
width: 100%; }
.mob-table-cards .table-card.slider .card-slider .table-card__slider .swiper-slide {
display: flex;
align-items: center;
justify-content: center; }
.mob-table-cards .table-card.slider .card-slider .table-card__slider .swiper-slide .table__image {
width: 180px; }
.mob-table-cards .table-card.slider .card-slider .card__buttons {
display: flex;
justify-content: space-between;
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2; }
.mob-table-cards .table-card.slider .card-slider .swiper-pagination {
position: relative;
display: flex;
z-index: 2; }
.mob-table-cards .table-card.slider .card-slider .swiper-pagination .swiper-pagination-bullet {
height: 2px;
border-radius: 0;
margin: 0;
width: 100%;
background-color: #8393AD; }
.mob-table-cards .table-card.slider .card-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #3B5765; }
.mob-table-cards .table-card.slider .table-card__image {
display: none; }
@media (max-width: 425px) {
.mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper {
width: 100%; } }
@media (max-width: 576px) {
.mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper .quantity-control {
width: 100%; } }
@media (max-width: 576px) {
.mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .quantity-control__wrapper {
width: 100%;
text-align: center; }
.mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .quantity-control__wrapper .quantity-control__value {
width: 100%; } }
@media (max-width: 576px) {
.mob-table-cards .table-card.slider .table-card__content .item__wrapper .item__sub-wrapper .total {
text-align: center; } }
.mob-table-cards .table-card.slider .table-card__content .item__wrapper .add-to-card {
right: 0; }
.mob-table-cards .table-card.slider .table-card__content .add-favourite {
right: 0; }
.mob-table-cards .table-card.slider .table-card__content .item__name {
width: 100%; }
.vertically-views {
display: none;
grid-template-columns: 1fr 1fr; }
@media (max-width: 425px) {
.vertically-views {
grid-gap: 8px; } }
@media (max-width: 767px) {
.vertically-views .table-card {
flex-direction: column;
position: relative; } }
@media (max-width: 576px) {
.vertically-views .table-card .table-card__image .table__image {
width: 168px;
height: 168px;
object-fit: contain; }
.vertically-views .table-card .quantity-control {
width: 100%; }
.vertically-views .table-card .quantity-control .quantity-control__wrapper {
width: 100%; }
.vertically-views .table-card .quantity-control .quantity-control__wrapper .quantity-control__value {
width: 100%;
text-align: center; } }
@media (max-width: 425px) {
.vertically-views .table-card {
padding: 0; } }
.vertically-views .table-card .table-card__content .add-favourite {
position: absolute;
top: 15px;
right: 15px; }
@media (max-width: 576px) {
.vertically-views .table-card .table-card__content .add-favourite {
top: 8px;
right: 8px; } }
.vertically-views .table-card .table-card__content .item__wrapper .add-to-card {
right: 0;
width: 100%; }
.vertically-views .table-card .table-card__content .item__name {
width: 100%; }
@media (max-width: 1400px) {
.vertically-views.active {
display: grid; } }
.horizontally-views {
display: none; }
@media (max-width: 1400px) {
.horizontally-views.active {
display: flex; } }
.scroll-table {
display: grid;
grid-template-columns: 480px 1fr 260px;
border-left: 1px solid #E6ECF0;
border-top: 1px solid #E6ECF0;
border-bottom: 1px solid #E6ECF0;
position: relative;
width: -moz-fit-content;
width: fit-content; }
@media (max-width: 1440px) {
.scroll-table {
grid-template-columns: 280px 1fr 260px; } }
@media (max-width: 768px) {
.scroll-table {
display: none; } }
.scroll-table .scroll-content {
display: flex;
z-index: 1;
overflow-x: auto;
overflow-y: hidden;
width: auto;
height: 100%;
white-space: nowrap;
position: relative;
}
.scroll-table .scroll-content::-webkit-scrollbar {
width: 10px;
height: 10px; }
.scroll-table .scroll-content::-webkit-scrollbar-track-piece {
background-color: #E6ECF0;
-webkit-border-radius: 8px;
height: 10px; }
.scroll-table .scroll-content::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3B5765; }
.scroll-table .static-col__wrapper {
display: flex;
z-index: 2;
box-shadow: 16px 0px 28px 0px rgba(24, 44, 54, 0.2); }
.scroll-table .last-col {
z-index: 2;
box-shadow: -16px 0px 28px 0px rgba(24, 44, 54, 0.2); }
.scroll-table .custom-cell {
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: 86px;
background-color: white;
padding: 8px 8px;
position: relative; }
.scroll-table .custom-cell .td__value .td__control {
display: flex;
align-items: center;
grid-gap: 24px; }
.scroll-table .custom-cell .td__value .td__control .total {
display: flex;
justify-content: center;
grid-gap: 4px;
position: absolute;
width: 100%;
bottom: 5px;
left: 58%;
transform: translateX(-50%);
color: #8393AD;
font-size: 12px;
font-weight: 400; }
.scroll-table .custom-cell .td__value .td__control .total .mobile__name {
display: block; }
.scroll-table .custom-cell .td__value .td__control .component__button {
padding: 8px; }
.scroll-table .custom-cell .td__value .td__control .price {
white-space: nowrap;
font-weight: 400; }
.scroll-table .custom-cell .mobile__name {
display: none; }
.scroll-table .custom-cell:not(:last-child) {
border-bottom: 1px solid #E6ECF0; }
.scroll-table .header-cell {
background-color: #E6ECF0;
background-color: #F1F4F6;
font-style: normal;
font-weight: 400 !important;
font-size: 10px;
line-height: 12px;
color: #182C36;
text-transform: uppercase;
height: 44px;
display: flex;
justify-content: flex-start;
grid-gap: 24px; }
.scroll-table .header-cell tr th {
font-weight: 400;
padding: 8px; }
@media (max-width: 768px) {
.scroll-table .header-cell tr th {
padding: 14px 8px; } }
.scroll-table .header-cell tr th:not(:last-child) {
border-right: 1px solid #E6ECF0; }
.scroll-table .body-cell {
text-align: left;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
background-color: #ffffff; }
.scroll-table .body-cell tr td {
padding: 8px;
border-top: 1px solid #E6ECF0; }
.scroll-table .body-cell tr td:not(:last-child) {
border-right: 1px solid #E6ECF0; }
@media (max-width: 768px) {
.scroll-table .body-cell tr td:not(:last-child) {
border-right: none; } }
@media (max-width: 425px) {
.scroll-table .body-cell tr td {
padding: 10px; } }
.scroll-table .body-cell tr:hover {
background-color: #F6F8FA; }
@media (max-width: 576px) {
.scroll-table .body-cell tr {
display: flex;
width: 100%;
flex-wrap: wrap; }
.scroll-table .body-cell tr td {
border: none; }
.scroll-table .body-cell tr td:nth-child(3) {
order: 4;
width: 100%; } }
@media (max-width: 425px) {
.scroll-table .body-cell tr td:nth-child(3) {
width: auto; } }
.scroll-table .body-cell .item__name {
max-width: 100%;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; }
@media (max-width: 1440px) {
.scroll-table .body-cell .item__name {
-webkit-line-clamp: 2; } }
.scroll-table .body-cell .item__name .info-text-red {
font-size: 8px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.16px;
padding: 4px;
background-color: #E23D41;
color: #ffffff;
border-radius: 4px;
position: relative;
top: -2px;
margin-right: 8px; }
.scroll-table .body-cell .image-cell {
width: 48px;
height: 48px; }
.scroll-table .col {
border-right: 1px solid #E6ECF0; }
.scroll-table .last-col {
border-left: 1px solid #E6ECF0; }
.custom-scroll__table {
width: calc(100vw - 550px);
max-width: 100%;
/* height: calc(100vh - 300px); */
overflow: auto;
border-radius: 8px;
}
.custom-scroll__table::-webkit-scrollbar {
width: 10px;
height: 10px; }
.custom-scroll__table::-webkit-scrollbar-track-piece {
background-color: #E6ECF0;
-webkit-border-radius: 8px;
height: 10px; }
.custom-scroll__table::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3B5765; }
@media (max-width: 1280px) {
.custom-scroll__table {
width: 100%; } }
@media (max-width: 1400px) {
.custom-scroll__table {
display: none; } }
.custom-scroll__table .offer__slider--mobile {
padding-top: 30px; }
@media (max-width: 1023px) {
.custom-scroll__table .offer__slider--mobile {
display: none; } }
.custom-scroll__table .table-body {
width: 1680px; }
.custom-scroll__table .table-body img {
width: 48px;
height: 48px; }
.custom-scroll__table .row {
margin-bottom: 1px;
min-height: 48px;
}
.custom-scroll__table .row:hover {
border-radius: 8px;
box-shadow: 0 4px 16px 0 rgba(191, 194, 196, 0.8); }
.custom-scroll__table .changing__buttons {
padding: 40px 20px 20px 20px;
display: flex;
grid-gap: 16px;
position: sticky;
left: 0;
justify-content: center; }
.custom-scroll__table .custom-scroll-table__header {
display: flex;
position: sticky;
top: 0;
z-index: 1;
width: 1680px;
background-color: #e6ecf0;
font-style: normal;
font-weight: 400 !important;
font-size: 8px;
line-height: 9px;
color: #3b5765;
text-transform: uppercase;
height: 42px;
margin-bottom: 2px;
}
.custom-scroll__table .custom-scroll-table__header tr th {
font-weight: 400;
padding: 8px; }
@media (max-width: 768px) {
.custom-scroll__table .custom-scroll-table__header tr th {
padding: 14px 8px; } }
.custom-scroll__table .custom-scroll-table__header tr th:not(:last-child) {
border-right: 1px solid #E6ECF0; }
.custom-scroll__table .custom-scroll-table__header .row-header {
position: sticky;
position: -webkit-sticky;
left: 0;
z-index: 2;
flex: 0 0 520px;
padding: 6px 12px;
background-color: #e6ecf0;
grid-gap: 8px;
display: flex;
align-items: center; }
.custom-scroll__table .custom-scroll-table__header .row-header::after {
content: '';
display: block;
position: absolute;
right: 0;
width: 1px;
height: 18px;
background-color: #c5d6df;
}
@media (max-width: 1440px) {
.custom-scroll__table .custom-scroll-table__header .row-header {
flex: 0 0 350px; } }
.custom-scroll__table .custom-scroll-table__header .col-name.last-col-name {
align-items: center;
flex-direction: row;
justify-content: flex-start;
padding: 6px 4px;
}
.custom-scroll__table .custom-scroll-table__header .last-col-name span,
.custom-scroll__table .custom-scroll-table__header .row-header span{
position: relative;
}
.custom-scroll__table .custom-scroll-table__header .last-col-name span:not(:last-child)::after,
.custom-scroll__table .custom-scroll-table__header .row-header span:not(:last-child)::after{
content: '';
display: block;
position: absolute;
right: 0;
width: 1px;
height: 18px;
background-color: #c5d6df;
top: 50%;
transform: translateY(-50%);
}
.custom-scroll__table .custom-scroll-table__header .row-header span:first-child {
width: 32px;
}
.custom-scroll__table .custom-scroll-table__header .last-col-name span:first-child {
width: 62px;
}
.custom-scroll__table .custom-scroll-table__header .last-col-name span:nth-child(2) {
width: 47px;
padding: 0 4px;
}
.custom-scroll__table .custom-scroll-table__header .last-col-name span:nth-child(3) {
padding: 0 4px;
}
.custom-scroll__table .custom-scroll-table__header .col-name {
position: relative;
background-color: #e6ecf0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4px;}
.custom-scroll__table .custom-scroll-table__header .col-name:not(:last-child)::after {
content: '';
display: block;
position: absolute;
right: 0;
width: 1px;
height: 18px;
background-color: #c5d6df;
}
.custom-scroll__table .row {
display: flex; }
.custom-scroll__table .row .cell:nth-child(2) {
border-left: none; }
.custom-scroll__table .row .cell:nth-last-child(-n+2) {
border-right: none; }
.custom-scroll__table .col-name,
.custom-scroll__table .cell {
flex: 0 0 80px;
padding: 6px 12px;
width: 80px; }
.custom-scroll__table .last-col-name.boxShadow::after {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotate(180deg);
box-shadow: 8px 0 4px rgba(176, 176, 176, 0.2);
-webkit-clip-path: polygon(50% 50%, 150% -50%, 150% 150%, 0% 0%);
background-color: transparent; }
.custom-scroll__table .cell {
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 20px;
background-color: #ffffff;
display: flex;
align-items: center; }
.custom-scroll__table .cell:not(:last-child) {
position: relative;}
.custom-scroll__table .cell:not(:last-child)::after {
content: '';
display: block;
position: absolute;
right: 0;
width: 1px;
height: calc(100% - 2px);
background-color: #f1f4f6;}
@media (max-width: 1440px) {
.custom-scroll__table .cell .option-item__description .item__name {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; } }
.custom-scroll__table .cell .td__value {
width: 100%; }
.custom-scroll__table .cell .td__value .td__control {
display: flex;
align-items: center;
justify-content: space-between; }
.custom-scroll__table .cell .td__value .td__control .total {
display: block;
border-radius: 4px;
font-weight: 500;
padding: 4px;
width: 78px;
height: 24px; }
.custom-scroll__table .cell .td__value .td__control .total{
background: rgba(230, 236, 240, 0.6);
font-size: 10px;
line-height: 7px;
font-weight: 300;
text-align: center;
color: #839ead;
}
.custom-scroll__table .cell .td__value .td__control .total .mobile__name {
line-height: 9px; }
.custom-scroll__table .cell .td__value .td__control .total svg {
vertical-align: bottom;
}
.custom-scroll__table .cell .td__value .td__control .total.total--border {
border: 1px solid #c5d6df;
background-color: #fff;
font-size: 10px;
font-weight: 500;
text-align: center;
color: #3b5765;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 2px;
padding: 2px 4px;
}
.custom-scroll__table .cell .td__value .td__control .total.total--border .mobile__name {
line-height: 8px; }
.custom-scroll__table .cell .td__value .td__control .component__button {
padding: 4px; }
.custom-scroll__table .cell .td__value .td__control .price {
white-space: nowrap;
font-weight: 400; }
.custom-scroll__table .cell__link {
cursor: pointer; }
.custom-scroll__table .cell__link .cell__image {
display: block;
transition: 0.3s ease;
z-index: 2; }
.custom-scroll__table .cell__link .cell__image:hover {
scale: 2.0;
box-shadow: 0px 0px 8px 4px rgba(34, 60, 80, 0.2); }
.custom-scroll__table .col-name:last-of-type, .custom-scroll__table .cell:last-of-type {
position: sticky;
position: -webkit-sticky;
right: 0;
flex: 0 0 240px;
z-index: 1; }
.custom-scroll__table .cell.boxShadow:last-of-type::after {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotate(180deg);
box-shadow: 8px 0 4px rgba(176, 176, 176, 0.2);
-webkit-clip-path: polygon(50% 50%, 150% -50%, 150% 150%, 0% 0%); }
.custom-scroll__table .cell.boxShadow:first-of-type::after {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: transparent;
box-shadow: 8px 0 4px rgba(176, 176, 176, 0.2);
-webkit-clip-path: polygon(50% 50%, 150% -50%, 150% 150%, 0% 0%); }
.custom-scroll-table__header.boxShadow .row-header::before {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
box-shadow: 8px 0 4px rgba(176, 176, 176, 0.2);
background-color: transparent;
-webkit-clip-path: polygon(50% 50%, 150% -50%, 150% 150%, 0% 0%); }
.custom-scroll-table__header.boxShadow .row-header::after{
display: none;
}
.custom-scroll__table .cell:first-of-type {
position: sticky;
position: -webkit-sticky;
left: 0;
flex-basis: 520px;
display: flex;
grid-gap: 6px;
z-index: 2;
border-radius: 8px 0 0 8px;
border: 1px solid #E6ECF0;
border-right: none;
}
@media (max-width: 1440px) {
.custom-scroll__table .cell:first-of-type {
flex-basis: 350px; } }
.custom-scroll__table .cell:first-of-type::before {
content: '';
display: block;
position: absolute;
right: 0;
width: 1px;
height: calc(100% - 2px);
background-color: #f1f4f6; }
.custom-scroll__table .cell:first-of-type::after {
content: " ";
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%; }
.custom-scroll__table .show--more.hidden {
display: none; }
.custom-scroll__table .table--more {
display: none; }
.custom-scroll__table .table--more.active {
display: block; }
.custom-scroll__table .option-item__description {
position: relative;
padding-left: 6px;
}
.custom-scroll__table .option-item__description::before {
content: '';
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 1px;
height: calc(100% - 2px);
min-height: 46px;
background-color: #f1f4f6;
}
.custom-scroll__table.max-width {
width: calc(100vw - 420px); }
@media (max-width: 1280px) {
.custom-scroll__table.max-width {
width: calc(100vw - 120px); } }
@media (max-width: 1280px) {
.custom-scroll__table.max-width {
width: calc(100vw - 40px); } }
.support__table tbody tr td:nth-child(1) {
width: 100px; }
@media (max-width: 1023px) {
.support__table tbody tr td:nth-child(1) {
width: 110px; } }
@media (max-width: 768px) {
.support__table tbody tr td:nth-child(1) {
width: auto; } }
.support__table tbody tr td:nth-child(2) {
width: 100px; }
@media (max-width: 768px) {
.support__table tbody tr td:nth-child(2) {
width: auto; } }
.support__table tbody tr td:nth-child(3) {
width: auto; }
@media (max-width: 768px) {
.support__table tbody tr td:nth-child(3) {
width: auto; } }
.support__table tbody tr td:nth-child(4) {
width: 220px; }
@media (max-width: 768px) {
.support__table tbody tr td:nth-child(4) {
width: auto; } }
.complaint__table tbody tr td:nth-child(1) {
width: 100px; }
@media (max-width: 1023px) {
.complaint__table tbody tr td:nth-child(1) {
width: 110px; } }
@media (max-width: 768px) {
.complaint__table tbody tr td:nth-child(1) {
width: auto; } }
.complaint__table tbody tr td:nth-child(2) {
width: 100px; }
@media (max-width: 768px) {
.complaint__table tbody tr td:nth-child(2) {
width: auto; } }
.complaint__table tbody tr td:nth-child(3) {
width: 200px; }
@media (max-width: 768px) {
.complaint__table tbody tr td:nth-child(3) {
width: auto; } }
.complaint__table tbody tr td:nth-child(4) {
width: auto; }
.complaint__table tbody tr td:nth-child(5) {
width: 220px; }
@media (max-width: 768px) {
.complaint__table tbody tr td:nth-child(5) {
width: auto; } }
.vertic-stock {
display: none !important; }
@media (max-width: 425px) {
.vertic-stock {
display: block !important; }
.horiz-stock {
display: none !important; } }
.profile__verification {
display: flex;
align-items: center;
width: -moz-max-content;
width: max-content;
height: -moz-max-content;
height: max-content;
grid-gap: 3px;
font-style: normal;
font-weight: 500;
font-size: 10px;
line-height: 8px;
color: #182C36;
/* background-color: #E6ECF0;
padding: 4px 6px 4px 4px; */
border-radius: 32px; }
/* @media (max-width: 576px) {
.profile__verification {
padding: 0;}} */
.delivery__address .profile__verification {
padding: 2px 6px 2px 4px;
background-color: #E6ECF0;
}
.profile__verification.success {
background-color: #46B751;
color: #ffffff; }
.profile__verification.fail {
background-color: #F90D01;
color: #ffffff; }
.profile__verification.mod {
background-color: #F6F8FA; }
.warning {
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 8px;
grid-gap: 8px;
padding: 12px;
background-color: #FEEBEF;
color: #E23D41;
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
width: 100%; }
@media (max-width: 576px) {
.warning {
padding: 8px; } }
.warning span {
display: flex; }
.empty {
display: flex;
grid-gap: 16px;
padding: 16px;
background-color: #ffffff;
border-radius: 8px; }
.empty .empty__title {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #182C36; }
.empty .empty__text {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36; }
.main .main-order__section .create__main-wrapper .create__form {
max-width: 100%;
}
.create__form {
max-width: 720px;
width: 100%;
padding: 24px;
border-radius: 8px;
background-color: #ffffff;
display: flex;
flex-direction: column;
grid-gap: 16px; }
@media (max-width: 1280px) {
.create__form {
max-width: 100%;
padding: 16px; } }
.create__form .appeal-create {
display: flex;
flex-direction: column;
grid-gap: 4px;
border: 1px solid #C5D6DF;
border-radius: 8px;
padding: 10px; }
.option-item__description .item__name {
font-family: 'Roboto';
width: -moz-fit-content;
width: fit-content;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 16px;
color: #182C36;
margin-bottom: 2px; }
@media (max-width: 768px) {
.option-item__description .item__name {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 4px; } }
@media (max-width: 576px) {
.basket-table__info .option-item__description .item__name,
.tr__orders-table .option-item__description .item__name {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 400;
line-height: 20px;
}
}
@media (max-width: 425px) {
.option-item__description .item__name {
-webkit-line-clamp: 1; } }
.option-item__description .item__info {
display: flex;
flex-wrap: wrap;
grid-gap: 8px; }
.option-item__description .item__info .item__number {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.02em;
color: #3b5765;
order: -1;
display: flex;
grid-gap: 2px; }
.item__availability {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
display: flex;
grid-gap: 2px;
letter-spacing: 0.02em;}
.in-stock {
color: #18A676; }
.not-available {
color: #F90D01; }
.option-image__wrapper {
flex: 0 0 32px;
width: 32px;
height: 32px;
border: 1px solid #E6ECF0;
border-radius: 6px;
overflow: hidden; }
.option-image__wrapper .option-item__image {
width: 100%;
height: 100%; }
.profile__description {
display: flex;
grid-gap: 4px;
flex-direction: column;
background-color: #F6F8FA;
padding: 8px;
border-radius: 8px;
position: relative; }
.profile__description .profile__status {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #8393AD;
margin: 0; }
.profile__description .profile__name {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765;
margin: 0; }
@media (max-width: 576px) {
.profile__description .profile__name {
font-size: 13px;
line-height: 16px;
font-weight: 700;
}
.profile__description .profile__name:last-of-type {
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card:last-of-type .profile__description {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_9062_195304)'%3E%3Cpath d='M0 0H16V16H0V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 5.33203H8.00667' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.33594 8H8.0026V10.6667H8.66927' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9062_195304'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 8px center;
}
.sale-order-list-inner-row-body .profile__name {
font-size: 12px;
font-weight: 500;
line-height: 16px;
color: #839EAD;
}
}
.profile__description .profile__verification {
display: flex;
align-items: center;
width: -moz-max-content;
width: max-content;
height: -moz-max-content;
height: max-content;
grid-gap: 3px;
font-style: normal;
font-weight: 500;
font-size: 10px;
line-height: 8px;
color: #182C36;
/* background-color: #E6ECF0;
padding: 4px 6px 4px 4px; */
border-radius: 32px;
margin: 0; }
/* @media (max-width: 576px) {
.profile__description .profile__verification {
padding: 0;}} */
.checkout__item .profile__description .profile__verification svg {
width: 87px;
height: auto;
}
.profile__description .profile__delete {
position: absolute;
right: 10px;
top: 50%;
padding: 10px;
transform: translateY(-50%); }
.profile__description.active {
background-color: #3B5765; }
.profile__description.active .profile__name {
color: #ffffff; }
.profile-select__button.active {
background-color: #3B5765; }
.profile-select__button.active:hover {
background-color: #3B5765 !important; }
.profile-selection__button {
background-color: #E6ECF0;
color: #C5D6DF; }
.profile-selection__button:hover {
background-color: #E6ECF0; }
.profile-selection__button.active {
background-color: #3B5765;
color: #ffffff; }
.profile-selection__button.active:hover {
background-color: #3B5765; }
.profile__edit-del {
display: none; }
.profile__edit-del.edit {
display: flex; }
.show {
display: block; }
.hide {
display: none; }
.dropdown-hide {
max-height: 0;
height: 0;
padding-top: 0;
visibility: hidden;
opacity: 0; }
.dropdown-show {
max-height: 100%;
height: 100%;
visibility: visible;
padding-top: 20px;
opacity: 1; }
.background-line.active {
background-color: #F6F8FA; }
.required-field {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765;
display: flex;
align-items: center;
grid-gap: 10px;
padding: 14px;
background-color: #F6F8FA;
border-radius: 8px; }
.required-field span {
display: flex;
white-space: initial; }
.required__text {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765; }
.black-required-field {
background-color: #182C36;
color: #ffffff; }
.select {
width: 176px;
padding: 15px 10px;
border-radius: 8px;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #8393AD;
border: 1px solid #E6ECF0;
transition: 0.3s ease;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
width: 208px;
background-color: #ffffff;
border-radius: 8px;
cursor: pointer;
border: 1px solid #E6ECF0;
transition: 0.3s ease; }
.select::-moz-placeholder {
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #8393AD; }
.select::placeholder {
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #8393AD; }
.select:hover {
border: 1px solid #182C36; }
.select:hover .selected {
color: #182C36; }
.select .selected {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; }
.select .wrap-select {
display: flex;
flex-direction: column;
grid-gap: 4px; }
.select .select__name {
font-weight: 700;
font-size: 10px;
line-height: 16px;
color: #8393AD;
text-transform: uppercase; }
.select .select__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; }
.select .select__list {
box-shadow: 0px 8px 16px #E6ECF0;
width: inherit;
border-radius: 8px;
background-color: #ffffff;
position: absolute;
left: 0;
top: 0;
list-style: none;
overflow: hidden;
visibility: hidden;
opacity: 0;
height: 0;
z-index: 3;
transition: 0.3s ease; }
@media (max-width: 576px) {
.select .select__list {
display: none; } }
.select .select__list .select__item {
cursor: pointer;
padding: 16px 10px;
transition: 0.3s ease;
color: #182C36; }
.select .select__list .select__item:hover {
background-color: #F6F8FA; }
.select .select__list .status__item {
display: flex;
align-items: center;
grid-gap: 4px;
padding: 12px 10px; }
.select .select__list .organization__item {
display: flex;
grid-gap: 4px;
flex-direction: column;
padding: 12px 10px; }
.select .select__organization {
width: 100%;
}
.select .select__organization::-webkit-scrollbar {
width: 4px;
height: auto; }
.select .select__organization::-webkit-scrollbar-track-piece {
background-color: #E6ECF0;
-webkit-border-radius: 8px; }
.select .select__organization::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3B5765; }
.select .select__organization .component__button {
padding: 16px 10px;
width: -webkit-fill-available;
margin: 10px; }
.select .select__organization .select__item {
padding: 0;
width: -webkit-fill-available; }
.select .select__organization .select__item:hover {
background-color: inherit;
color: #182C36; }
.select .select__organization .profile__description {
margin: 10px; }
.select .select__organization .profile__description:hover {
background-color: #E6ECF0; }
.select .select__list.active {
height: -moz-max-content;
height: max-content;
max-height: -moz-max-content;
max-height: max-content; }
.select-name {
padding: 10px 10px; }
.select-label {
flex-direction: column;
align-items: baseline;
padding: 10px;
width: 100%; }
.select-border {
border: 1px solid #C5D6DF;
width: 100%; }
.sort-desktop.active {
display: flex; }
.sort-desktop.active .select__list {
height: -moz-max-content;
height: max-content;
max-height: -moz-max-content;
max-height: max-content;
top: 64px;
visibility: visible;
opacity: 1; }
.sort-mobile {
display: none; }
@media (max-width: 576px) {
.sort-mobile {
display: flex !important; } }
@media (max-width: 576px) {
.sort-desktop {
display: none !important; } }
.details-select {
display: none !important; }
.details-select.edit {
display: flex !important;
flex-direction: column;
grid-gap: 16px; }
.select-sub-wrap {
display: flex !important;
flex-direction: column;
grid-gap: 16px;
position: relative; }
.notifications__modal {
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
.notifications__modal .notifications__list {
overflow-y: scroll;
height: calc(100% - 70px);
scrollbar-width: none; }
.notifications__modal .notifications__list::-webkit-scrollbar {
width: 0px;
height: 0px; }
.notifications__modal .notifications__list::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
.notifications__modal .notifications__list .notifications__item {
position: relative;
background-color: #ffffff;
padding: 20px 16px 16px;
border-radius: 16px;
transition: 0.3s ease; }
.notifications__modal .notifications__list .notifications__item:not(:last-child) {
margin-bottom: 16px; }
.notifications__modal .notifications__list .notifications__item:hover {
box-shadow: 0px 8px 16px #E6ECF0; }
.notifications__modal .notifications__list .notifications__item .notifications__close {
position: absolute;
top: 20px;
right: 16px;
display: flex;
padding: 4px;
border-radius: 8px; }
.notifications__modal .notifications__list .notifications__item .notifications__close:hover {
background-color: #182C36; }
.notifications__modal .notifications__list .notifications__item .notifications__close:hover svg .stroke {
stroke: #ffffff; }
.notifications__modal .notifications__list .notifications__item .date__info {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #8393AD;
display: flex;
grid-gap: 4px;
margin-bottom: 12px; }
.notifications__modal .notifications__list .notifications__item .notifications__text {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36;
margin-bottom: 12px; }
.notifications__modal.active {
right: 0;
visibility: visible;
opacity: 1; }
.profile__modal {
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
.profile__modal .modal__body {
padding: 24px 0; }
.profile__modal .modal__body .modal__wrapper {
display: flex;
flex-direction: column;
grid-gap: 8px;
padding: 0 24px;
margin-bottom: 24px; }
.profile__modal .modal__body .modal__wrapper .modal-body__title {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #182C36; }
.profile__modal .modal__body .modal__wrapper .profile__description {
background-color: #ffffff; }
.profile__modal .modal__body .profile__wrapper .create__form {
border-radius: 0; }
.profile__modal .modal__body .profile__wrapper .create__form .profile__list {
display: flex;
flex-direction: column;
grid-gap: 16px;
height: calc(100vh - 480px);
overflow-y: scroll;
scrollbar-width: none; }
.profile__modal .modal__body .profile__wrapper .create__form .profile__list::-webkit-scrollbar {
width: 0px;
height: 0px; }
.profile__modal .modal__body .profile__wrapper .create__form .profile__list::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
.profile__modal .modal__body .profile__wrapper .create__form .component__button {
width: 100%; }
.profile__modal.active {
right: 0;
visibility: visible;
opacity: 1; }
.profile__selected {
transition: 0.3s ease;
opacity: 1;
visibility: visible;
z-index: 1;
max-height: 100vh; }
.calendar__modal {
display: block;
opacity: 0;
visibility: hidden;
border-radius: 8px;
overflow: hidden;
transition: 0.3s; }
.calendar__modal .calendar__body {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.calendar__modal .period__inputs {
display: flex;
grid-gap: 16px; }
.calendar__modal .calendar__table {
border: 1px solid #E6ECF0;
border-radius: 8px; }
.calendar__modal .calendar__table .current-date {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px;
border-bottom: 1px solid #E6ECF0; }
.calendar__modal .calendar__table .current-date .data__title {
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #182C36;
text-transform: uppercase; }
.calendar__modal .calendar__table .calendar {
padding: 8px; }
.calendar__modal .calendar__table .calendar .weeks {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
text-align: center;
list-style: none; }
@media (max-width: 1023px) {
.calendar__modal .calendar__table .calendar .weeks {
grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); } }
.calendar__modal .calendar__table .calendar .weeks .week {
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
color: #182C36;
padding: 14px 0; }
.calendar__modal .calendar__table .calendar .days {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
list-style: none;
text-align: center;
grid-gap: 4px; }
@media (max-width: 1023px) {
.calendar__modal .calendar__table .calendar .days {
grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); } }
.calendar__modal .calendar__table .calendar .days .day {
padding: 14px 0;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
background-color: #F1F4F6;
border-radius: 8px; }
@media (max-width: 1023px) {
.calendar__modal .calendar__table .calendar .days .day {
padding: 13px 0; } }
.calendar__modal .calendar__table .calendar .days .today {
color: #ffffff;
background-color: #949ca1; }
.calendar__modal .calendar__table .calendar .days .inactive {
background-color: #ffffff;
color: #C5D6DF; }
.calendar__modal .calendar__buttons {
display: flex;
grid-gap: 16px; }
.calendar__modal .calendar__buttons .calendar__button {
width: 100%;
padding: 16px 0; }
.calendar__modal.active {
opacity: 1;
visibility: visible; }
.categories__modal {
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
overflow: hidden; }
.categories__modal .modal__body {
padding: 31px 24px; }
.categories__modal .modal__body .category__item {
display: flex;
justify-content: space-between;
align-items: center;
width: 230px;
background-color: #ffffff;
border-radius: 8px;
padding: 8px;
cursor: pointer;
transition: 0.3s ease; }
.categories__modal .modal__body .category__item:hover {
box-shadow: 0px 8px 16px #E6ECF0; }
.categories__modal .modal__body .category__item .category__wrapper {
display: flex;
align-items: center;
grid-gap: 8px; }
.categories__modal .modal__body .category__item .category__wrapper .category__image {
width: 32px;
height: 32px;
border-radius: 8px;
border: 1px solid #E6ECF0; }
.categories__modal .modal__body .category__item .category__wrapper .category__title {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.categories__modal .modal__body .categories {
display: flex;
grid-gap: 25px;
position: absolute;
transition: 0.3s ease; }
@media (max-width: 1023px) {
.categories__modal .modal__body .categories {
display: none; } }
.categories__modal .modal__body .categories .category__list {
background-color: #F6F6F6;
display: flex;
flex-direction: column;
grid-gap: 8px;
z-index: 3;
transition: 0.3s ease;
width: 250px;
overflow-y: auto;
overflow-x: hidden;
height: calc(100vh - 200px);
position: relative; }
.categories__modal .modal__body .categories .category__list::-webkit-scrollbar {
width: 4px;
height: auto; }
.categories__modal .modal__body .categories .category__list::-webkit-scrollbar-track-piece {
background-color: #E6ECF0;
-webkit-border-radius: 8px; }
.categories__modal .modal__body .categories .category__list::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3B5765; }
.categories__modal .modal__body .categories-view-column-2 {
transition: 0.3s ease; }
.categories__modal .modal__body .categories-view-column-2:hover .category__list {
transition: 0.3s ease;
left: 0; }
.categories__modal .modal__body .categories-view-column-2:hover .category__list:not(:first-child) {
position: relative;
transition: 0.3s ease; }
@media (max-width: 1280px) {
.categories__modal .modal__body .categories-view-column-2:hover .category__list:nth-child(1) {
width: 80px;
opacity: 0.5;
background-color: transparent; } }
.categories__modal .modal__body .categories-view-column-3 {
transition: 0.3s ease; }
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(1) {
opacity: 0.4;
width: 150px; }
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(1) .category__item {
background-color: transparent; }
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(1) .category__item span svg {
display: none; }
@media (max-width: 1280px) {
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(1) {
width: 50px; } }
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2) {
z-index: 2;
scrollbar-width: none; }
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2)::-webkit-scrollbar {
width: 0px;
height: 0px; }
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2)::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
@media (max-width: 1620px) {
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2) {
width: 150px;
opacity: 0.6; }
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2) .category__item {
background-color: transparent; }
.categories__modal .modal__body .categories-view-column-3:hover .category__list:nth-child(2) .category__item span svg {
display: none; } }
.categories__modal .modal__body .categories-view-column-4 {
transition: 0.3s ease; }
@media (max-width: 1440px) {
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(1) {
width: 100px;
opacity: 0.1; } }
@media (max-width: 1280px) {
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(1) {
width: 50px; } }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2) {
opacity: 0.4;
scrollbar-width: none;
width: 150px; }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2)::-webkit-scrollbar {
width: 0px;
height: 0px; }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2)::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
@media (max-width: 1440px) {
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2) {
width: 100px; } }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2) .category__item {
background-color: transparent; }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(2) .category__item span svg {
display: none; }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) {
opacity: 0.7;
z-index: 2;
scrollbar-width: none; }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3)::-webkit-scrollbar {
width: 0px;
height: 0px; }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3)::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
@media (max-width: 1620px) {
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) {
width: 150px; }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) .category__item {
background-color: transparent; }
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) .category__item span svg {
display: none; } }
@media (max-width: 1280px) {
.categories__modal .modal__body .categories-view-column-4:hover .category__list:nth-child(3) {
width: 100px; } }
.categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) {
scrollbar-width: none; }
.categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4)::-webkit-scrollbar {
width: 0px;
height: 0px; }
.categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4)::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
@media (max-width: 1620px) {
.categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) {
opacity: 0.7;
width: 170px; }
.categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) .category__item span svg {
display: none; } }
@media (max-width: 1280px) {
.categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) {
width: 80px; }
.categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(4) .category__item {
background-color: transparent; } }
@media (max-width: 1440px) {
.categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(3) {
width: 100px; } }
@media (max-width: 1440px) {
.categories__modal .modal__body .categories-view-column-5:hover .category__list:nth-child(1) {
width: 50px; } }
.categories__modal .modal__body .categories-mobile {
display: none; }
@media (max-width: 1023px) {
.categories__modal .modal__body .categories-mobile {
display: flex; } }
.categories__modal .modal__body .categories-mobile .categories-mobile__block {
width: 100%; }
.categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-mobile__wrapper {
width: 100%;
display: none; }
.categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-mobile__wrapper .categories-mobile__list {
width: 100%;
border-radius: 8px;
border: 1px solid #E6ECF0;
overflow: hidden; }
.categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-mobile__wrapper .categories-mobile__list .category__item {
border-radius: 0;
width: 100%;
height: 50px; }
.categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-mobile__wrapper .categories-mobile__list .category__item:not(:last-child) {
border-bottom: 1px solid #E6ECF0; }
.categories__modal .modal__body .categories-mobile .categories-mobile__block .categories-1 {
display: block; }
.categories__modal.active {
visibility: visible;
opacity: 1;
top: 0; }
.order-search__modal {
display: block;
transition: 0.3s ease;
visibility: hidden;
opacity: 0;
z-index: 4; }
.order-search__modal.active {
visibility: visible;
opacity: 1; }
.act-calendar__modal {
max-width: 375px; }
@media (max-width: 576px) {
.act-calendar__modal {
top: 0;
left: 0;
max-width: 100%;
transform: none;
border-radius: 0; } }
.act-calendar__modal .modal__header {
border-bottom: none;
padding: 24px 24px 0 24px; }
.act-calendar__modal .calendar__body {
padding: 16px 24px 24px 24px; }
@media (max-width: 576px) {
.act-calendar__modal .calendar__body {
overflow-y: auto;
height: calc(100vh - 70px);
scrollbar-width: none; }
.act-calendar__modal .calendar__body::-webkit-scrollbar {
width: 0px;
height: 0px; }
.act-calendar__modal .calendar__body::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; } }
.act-calendar__modal .calendar__body .filter-table__select.active .select__list {
height: -moz-max-content;
height: max-content;
max-height: -moz-max-content;
max-height: max-content; }
.act-calendar__modal .calendar__body .filter-table__component .select {
width: 100%; }
.act-calendar__modal .calendar__body .calendar__tabs .calendar__item {
border: none;
padding: 0;
background-color: transparent; }
.act-calendar__modal .calendar__body .calendar__table .calendar .weeks {
grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }
.act-calendar__modal .calendar__body .calendar__table .calendar .days {
grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }
.configure__modal {
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
.configure__modal .modal__body {
background-color: #ffffff;
display: flex;
grid-gap: 24px;
flex-direction: column;
justify-content: space-between;
height: calc(100vh - 80px);
overflow-y: auto;
scrollbar-width: none; }
.configure__modal .modal__body::-webkit-scrollbar {
width: 0px;
height: 0px; }
.configure__modal .modal__body::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
.configure__modal .modal__body .list__title {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #182C36;
margin-bottom: 16px; }
.configure__modal .modal__body .checkout__wrapper {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.configure__modal .modal__body .component__button {
width: 100%; }
.configure__modal.active {
right: 0;
visibility: visible;
opacity: 1; }
.sub-modal {
position: fixed;
bottom: -15%;
left: 0;
width: 100%;
background-color: #ffffff;
z-index: 6;
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
.sub-modal .modal__sub-body .sub-modal__list {
padding: 24px; }
.sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper {
display: flex;
flex-direction: column;
grid-gap: 16px;
max-height: 450px;
overflow-y: scroll;
}
.sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper::-webkit-scrollbar {
width: 4px;
height: auto; }
.sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper::-webkit-scrollbar-track-piece {
background-color: #E6ECF0;
-webkit-border-radius: 8px; }
.sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3B5765; }
.sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper .profile__description {
background-color: transparent;
transition: 0.3s ease;
max-width: calc(100% - 30px); }
.sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper .profile__description:hover {
background-color: #F1F4F6; }
.sub-modal.active {
bottom: 0%;
visibility: visible;
opacity: 1; }
.sort-mobile__modal {
display: none;
position: fixed;
bottom: -15%;
left: 0;
width: 100%;
background-color: #ffffff;
z-index: 6;
transition: 0.3s ease;
visibility: hidden;
opacity: 0; }
@media (max-width: 576px) {
.sort-mobile__modal {
display: block; } }
.sort-mobile__modal .modal__sub-body .sort-mobile__list {
padding: 24px; }
.sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper {
display: flex;
flex-direction: column;
grid-gap: 32px;
max-height: 450px;
overflow-y: auto;
}
.sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper::-webkit-scrollbar {
width: 4px;
height: auto; }
.sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper::-webkit-scrollbar-track-piece {
background-color: #E6ECF0;
-webkit-border-radius: 8px; }
.sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3B5765; }
.sort-mobile__modal .modal__sub-body .sort-mobile__list .sort-mobile__wrapper .sort-mobile__item {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
text-align: left; }
.sort-mobile__modal.active {
bottom: 0%;
visibility: visible;
opacity: 1; }
.delivery-conditions___modal .delivery-conditions__list {
display: flex;
flex-direction: column;
grid-gap: 8px; }
.delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item:nth-child(2) .sub-block__title {
position: relative; }
.delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item:nth-child(2) .sub-block__title:after {
position: absolute;
content: '*';
color: #E23D41; }
.delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item .delivery-conditions__content {
display: flex;
flex-direction: column;
grid-gap: 12px;
padding: 16px; }
@media (max-width: 576px) {
.delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item .delivery-conditions__content {
padding: 12px; } }
.delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item .delivery-conditions__content ul {
display: flex;
flex-direction: column;
grid-gap: 5px;
padding: 0 16px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.delivery-conditions___modal .delivery-conditions__list .delivery-conditions__item .delivery-conditions__content .delivery-conditions__text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.delivery-payment___modal .delivery-payment__list {
display: flex;
flex-direction: column;
grid-gap: 24px; }
.delivery-payment___modal .delivery-payment__list .delivery-payment__item {
display: flex;
flex-direction: column;
grid-gap: 12px; }
.delivery-payment___modal .delivery-payment__list .delivery-payment__item .delivery-payment__text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
line-height: 20px; }
.popup {
display: block;
visibility: hidden;
opacity: 0;
position: fixed;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
padding: 24px;
background-color: #ffffff;
border-radius: 16px;
transition: 0.3s ease; }
.popup .popup__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px; }
.popup .popup__body {
margin-bottom: 24px; }
.popup .popup__body .popup__title {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.2px;
color: #182C36; }
.popup .popup__body .popup__text {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #182C36; }
.popup .component__button {
width: 100%; }
.popup .buttons__wrapper {
display: flex;
grid-gap: 16px; }
.popup.active {
visibility: visible;
opacity: 1;
top: 50%; }
.popup__delete .popup__header .confirmation-icon {
display: none; }
.popup__delete .popup__body .popup__text-confirmation {
display: none; }
.popup__delete .buttons-confirmation {
display: none; }
.popup__delete.confirmation .popup__header .confirmation-icon {
display: block; }
.popup__delete.confirmation .popup__header .popup-icon {
display: none; }
.popup__delete.confirmation .popup__body .popup__text-confirmation {
display: block; }
.popup__delete.confirmation .popup__body .text {
display: none; }
.popup__delete.confirmation .buttons-confirmation {
display: block; }
.popup__delete.confirmation .buttons {
display: none; }
.header {
padding: 24px 0 16px; }
@media (max-width: 1023px) {
.header {
background-color: #ffffff;
position: fixed;
width: 100%;
z-index: 10;
border-bottom: 1px solid #E6ECF0; } }
@media (max-width: 576px) {
.header {
padding: 12px 0; } }
.header .no-aside-logo {
display: none;
width: 96px;
height: 48px; }
@media (max-width: 1023px) {
.header .no-aside-logo {
position: absolute;
width: 64px;
height: 32px; } }
.header .header__wrapper {
display: flex;
grid-gap: 16px;
transition: 0.3s ease; }
@media (max-width: 1023px) {
.header .header__wrapper {
flex-direction: column; } }
@media (max-width: 576px) {
.header .header__wrapper {
grid-gap: 8px; } }
.header .header__wrapper .menu__mobile {
display: none; }
@media (max-width: 1023px) {
.header .header__wrapper .menu__mobile {
display: flex;
justify-content: space-between; } }
.header .header__wrapper .search__wrapper {
position: relative;
width: 100%;
top: inherit;
z-index: 3;
visibility: visible;
opacity: 1; }
.header .header__wrapper .search__wrapper .search__input {
background-color: #ffffff;
width: 100%;
height: 40px;
border-radius: 8px;
padding: 12px;
font-weight: 400;
font-size: 13px;
line-height: 16px;
border: 1px solid #839EAD; }
.header .header__wrapper .search__wrapper .search__input::-moz-placeholder {
color: #8393AD; }
.header .header__wrapper .search__wrapper .search__input::placeholder {
color: #8393AD; }
@media (max-width: 576px) {
.header .header__wrapper .search__wrapper .search__input {
height: 40px; } }
.header .header__wrapper .search__wrapper .icon__search {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12px;
background-color: #ffffff; }
.header .header__wrapper .search__wrapper .loupe__search.hidden {
display: none; }
.header .header__wrapper .search__wrapper .close__search {
display: none; }
.header .header__wrapper .search__wrapper .close__search.active {
display: flex; }
.header .header__wrapper .search__wrapper .search__datalist {
position: absolute;
display: block;
overflow: hidden;
border: 1px solid #E6ECF0;
border-radius: 0 0 8px 8px;
border-top: none;
opacity: 0;
visibility: hidden;
width: inherit;
transition: 0.3s ease; }
@media (max-width: 1280px) {
.header .header__wrapper .search__wrapper .search__datalist {
width: 720px;
top: 70px; }
.header .header__wrapper .search__wrapper .search__datalist .datalist__title {
border-top: 1px solid #E6ECF0; } }
@media (max-width: 1023px) {
.header .header__wrapper .search__wrapper .search__datalist {
width: 100%;
top: auto; }
.header .header__wrapper .search__wrapper .search__datalist .datalist__title {
border-top: none; } }
.header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper {
display: block;
position: relative;
border-top: 1px solid #E6ECF0;
background-color: #ffffff; }
.header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper:hover {
background-color: #E6ECF0; }
.header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .select__item {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer; }
.header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .option__custom {
display: flex;
justify-content: space-between;
grid-gap: 8px;
padding: 8px 16px 8px 8px; }
.header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .option__custom .option__subwrapper {
display: flex;
grid-gap: 8px; }
.header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .option__custom .option__price {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
display: flex;
align-items: center;
white-space: nowrap; }
@media (max-width: 425px) {
.header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .option__custom .option__price {
font-size: 12px;
font-weight: 500; } }
.header .header__wrapper .search__wrapper .search__datalist .option__list .option__wrapper .show-results {
justify-content: center;
padding: 16px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.header .header__wrapper .search__wrapper .search__datalist .option__list .show-results:hover {
background-color: #3B5765; }
.header .header__wrapper .search__wrapper .search__datalist .option__list .show-results:hover .show-results {
color: #ffffff; }
.header .header__wrapper .search__wrapper .search__datalist.active {
opacity: 1;
visibility: visible;
box-shadow: 0px 18px 23px 4px rgba(34, 60, 80, 0.2); }
.header .header__wrapper .menu__navigation {
display: flex;
grid-gap: 12px; }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation {
background-color: #ffffff;
position: fixed;
z-index: 3;
justify-content: space-around;
width: 100%;
bottom: 0;
left: 0;
border-top: 1px solid #E6ECF0; } }
.header .header__wrapper .menu__navigation .menu__component {
display: flex;
align-items: center;
position: relative;
background-color: #E6ECF0;
color: #182C36;
font-style: normal;
white-space: nowrap;
font-weight: 400;
font-size: 14px;
line-height: 16px;
height: 40px;
grid-gap: 10px;
padding: 12px;
border-radius: 8px;
z-index: 1; }
.header .header__wrapper .menu__navigation .menu__component svg {
width: 16px;
height: 16px;
}
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .menu__component {
height: auto;
background-color: transparent;
flex-direction: column;
align-items: center;
grid-gap: 5px; } }
@media (max-width: 576px) {
.header .header__wrapper .menu__navigation .menu__component {
grid-gap: 2px;
padding: 12px 6px; } }
.header .header__wrapper .menu__navigation .menu__component .prompt {
font-weight: 500;
font-size: 10px;
line-height: 16px;
opacity: 0;
visibility: hidden;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
text-transform: uppercase;
background-color: #182C36;
color: #E6ECF0;
padding: 2px 6px;
border-radius: 4px;
transition: 0.3s ease;
bottom: -50px; }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .menu__component .prompt {
position: relative;
visibility: visible;
opacity: 1;
background-color: inherit;
color: inherit;
top: 0; } }
@media (max-width: 576px) {
.header .header__wrapper .menu__navigation .menu__component .prompt {
font-size: 8px; } }
.header .header__wrapper .menu__navigation .menu__component .prompt .figure {
position: absolute;
top: -4px;
left: 50%;
transform: translateX(-50%); }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .menu__component .prompt .figure {
display: none; } }
.header .header__wrapper .menu__navigation .menu__component:hover {
background-color: #3b5765;
color: #FFFFFF; }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .menu__component:hover {
background-color: inherit;
color: inherit; } }
.header .header__wrapper .menu__navigation .menu__component:hover .prompt {
opacity: 1;
visibility: visible;
bottom: -30px; }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .menu__component:hover .prompt {
bottom: 0; } }
.header .header__wrapper .menu__navigation .menu__component:hover .component__icon .hover__icon {
stroke: #E6ECF0; }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .menu__component:hover .component__icon .hover__icon {
stroke: #182C36; } }
.header .header__wrapper .menu__navigation .catalog__button {
display: none;
width: auto; }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .catalog__button {
display: flex; } }
.header .header__wrapper .menu__navigation .notification__button::before {
position: absolute;
top: -5px;
right: -5px;
content: "";
width: 14px;
height: 14px;
border-radius: 100%;
/*background-color: #E23D41;*/
/*border: 2px solid #E6ECF0;*/ }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .notification__button {
display: none; } }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .support__link {
display: none; } }
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .cart__link {
font-weight: 500;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
position: relative;
justify-content: center; }
.header .header__wrapper .menu__navigation .cart__link .cart__counter {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 10px;
right: 10px;
background-color: #E23D41;
border-radius: 100%;
color: transparent;
width: 10px;
height: 10px;
font-size: 0;
text-indent: -99px; }
.header .header__wrapper .menu__navigation .cart__link .cart__counter .counter__number {
color: #ffffff; } }
@media (max-width: 576px) {
.header .header__wrapper .menu__navigation .cart__link {
font-size: 8px; } }
.header .header__wrapper.scroll {
flex-direction: row; }
.header .header__wrapper.scroll .menu__mobile .logo__link {
display: none; }
.header .header__wrapper.scroll .menu__mobile .notification__button {
display: none; }
.main section .main__block {
display: flex;
flex-direction: column;
margin-bottom: 16px; }
/* @media (max-width: 576px) {
.main section .main__block {
margin: 0;} } */
.main .info__section .card-user__block {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: 24px; }
@media (max-width: 1023px) {
.main .info__section .card-user__block {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-gap: 18px; } }
@media (max-width: 767px) {
.main .info__section .card-user__block {
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
grid-gap: 16px;
grid-auto-rows: 160px; } }
@media (max-width: 576px) {
.main .info__section .card-user__block {
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
grid-gap: 14px; } }
@media (max-width: 425px) {
.main .info__section .card-user__block {
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
grid-gap: 12px;
grid-auto-rows: 150px; } }
.main .info__section .card-user__block .user__card {
display: flex;
flex-direction: column;
grid-gap: 38px;
padding: 24px;
border-radius: 8px;
transition: 0.3s ease;
isolation: isolate;
justify-content: space-between; }
.main .info__section .card-user__block .user__card:not(:last-child) {
background-color: #ffffff; }
@media (max-width: 1023px) {
.main .info__section .card-user__block .user__card {
grid-gap: 24px;
padding: 18px; } }
@media (max-width: 576px) {
.main .info__section .card-user__block .user__card {
grid-gap: 16px;
padding: 16px; } }
@media (max-width: 425px) {
.main .info__section .card-user__block .user__card {
grid-gap: 14px; } }
.main .info__section .card-user__block .user__card .user__info {
display: flex;
justify-content: space-between; }
@media (max-width: 1023px) {
.main .info__section .card-user__block .user__card .user__info {
flex-direction: column;
grid-gap: 16px; } }
.main .info__section .card-user__block .user__card .user__info .card__wrapper {
display: flex;
flex-direction: column;
grid-gap: 4px; }
.main .info__section .card-user__block .user__card:last-child {
background-color: #3B5765; }
.main .info__section .card-user__block .user__card:last-child .card__title {
color: #ffffff; }
.main .info__section .card-user__block .user__card:last-child .card__value {
color: #ffffff; }
.main .info__section .card-user__block .user__card:hover {
box-shadow: 0px 8px 16px #E6ECF0; }
.main .info__section .card-user__block .user__card:hover .card__title .card__icon .stroke {
stroke: #E23D41; }
.main .info__section .card-user__block .user__card:hover .card__title .card__icon .fill {
fill: #FEEBEF; }
.main .info__section .card-user__block .user__card:hover .card__title .card__icon .last-fill {
fill: #EB9B9F; }
.main .info__section .card-user__block .black__card:hover {
box-shadow: 0px 8px 16px #E6ECF0; }
.main .info__section .card-user__block .black__card:hover .card__title .card__icon .stroke {
stroke: #E23D41; }
.main .info__section .card-user__block .black__card:hover .card__title .card__icon .fill {
fill: #E23D41; }
.main .info__section .card-user__block .black__card:hover .card__title .card__icon .last-fill {
fill: #182C36; }
.main .info__section .card-user__block .black__card:hover .card__title .card__icon .red {
stroke: #E23D41; }
.main .menu__section .menu__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-gap: 24px; }
@media (max-width: 1280px) {
.main .menu__section .menu__list {
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); } }
@media (max-width: 1023px) {
.main .menu__section .menu__list {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 18px; } }
@media (max-width: 768px) {
.main .menu__section .menu__list {
grid-gap: 16px; } }
@media (max-width: 576px) {
.main .menu__section .menu__list {
grid-gap: 14px; } }
@media (max-width: 425px) {
.main .menu__section .menu__list {
grid-gap: 12px; } }
.main .menu__section .menu__list .menu__card {
display: flex;
align-items: center;
grid-gap: 32px;
background-color: #ffffff;
border-radius: 8px;
padding: 20px;
max-height: 152px;
height: 100%; }
@media (max-width: 1023px) {
.main .menu__section .menu__list .menu__card {
grid-gap: 16px;
padding: 16px; } }
@media (max-width: 576px) {
.main .menu__section .menu__list .menu__card {
padding: 8px; } }
.main .menu__section .menu__list .menu__card .menu-card__logo {
width: 98px;
height: 98px; }
@media (max-width: 1440px) {
.main .menu__section .menu__list .menu__card .menu-card__logo {
width: 88px;
height: 88px; } }
@media (max-width: 1023px) {
.main .menu__section .menu__list .menu__card .menu-card__logo {
width: 44px;
height: 44px; } }
.main .menu__section .menu__list .menu__card:hover {
box-shadow: 0px 8px 16px #E6ECF0; }
.main .menu__section .menu__list .menu__card:hover svg .stroke {
stroke: #E23D41; }
.main .menu__section .menu__list .menu__card:hover svg .fill {
fill: #FCCED5; }
.main .menu__section .menu__list .menu__card:hover .menu-card__wrapper .main-card__title {
color: #E23D41; }
.main .menu__section .menu__list .menu__card:hover .menu-card__wrapper .card__subtitle {
color: #E23D41; }
.main .offers__section .offer__slider {
margin-right: -24px; }
@media (max-width: 425px) {
.main .offers__section .offer__slider {
margin-right: 0; } }
.main .offers__section .offer__slider .swiper-slide {
width: 383px; }
@media (max-width: 1023px) {
.main .offers__section .offer__slider .swiper-slide {
width: 254px; } }
.main .offers__section .offer__slider .swiper-slide .offer__item {
height: 192px;
border-radius: 8px;
overflow: auto;
display: flex;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
cursor: pointer; }
@media (max-width: 1023px) {
.main .offers__section .offer__slider .swiper-slide .offer__item {
height: 128px; } }
@media (max-width: 425px) {
.main .offers__section .offer__slider .swiper-slide .offer__item {
height: 175px; } }
.main .offers__section .offer__slider .swiper-slide .offer__item .offer__content {
background-color: #46B751;
width: 100%; }
.main .offers__section .offer__slider .swiper-slide .offer__item .offer__content .offer__text {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #F6F8FA;
opacity: 0.8; }
@media (max-width: 1023px) {
.main .offers__section .offer__slider .swiper-slide .offer__item .offer__content .offer__text {
display: none; } }
.main .offers__section .offer__slider .swiper-slide .offer__item .down {
display: flex;
flex-direction: column;
justify-content: center;
height: 35%; }
.main .offers__section .offer__slider .swiper-slide .content__down {
align-items: end; }
.main .offers__section .offer__slider .swiper-slide .content__down .offer__content {
padding: 8px 16px;
display: flex;
flex-direction: column;
justify-content: center;
height: 35%; }
.main .offers__section .offer__slider .swiper-slide .content__right {
justify-content: end; }
.main .offers__section .offer__slider .swiper-slide .content__right .offer__content {
padding: 8px 16px 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
width: 50%; }
.main .profile__section .main__title {
margin-bottom: 16px; }
.main .profile__section .section__block {
background-color: #ffffff;
border-radius: 8px;
overflow: visible;
position: relative; }
.main .profile__section .section__block .section__tabs {
padding: 32px 24px 15px; }
@media (max-width: 576px) {
.main .profile__section .section__block .section__tabs {
padding: 20px 24px 15px; } }
.main .profile__section .section__block .section__contents .section__content {
display: none; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
display: flex;
align-items: center;
grid-gap: 12px;
margin-bottom: 16px; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .photo__icon {
display: none; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .text__wrapper {
display: flex;
flex-direction: column;
grid-gap: 4px; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .text__wrapper span:nth-child(2) {
display: none;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 133.333% */
color: #839EAD; }
@media (max-width: 576px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo {
justify-content: center; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo span {
display: none; } }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .photo__wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
@media (max-width: 576px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo .photo__wrapper {
width: 88px;
height: 88px; } }
@media (max-width: 576px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add {
justify-content: start; } }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .photo__icon {
display: flex; }
@media (max-width: 576px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .text__wrapper span {
display: block; } }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .text__wrapper span:nth-child(2) {
display: flex; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .photo__wrapper {
cursor: pointer;
flex: 0 0 auto; }
@media (max-width: 576px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__photo.add .photo__wrapper {
width: 56px;
height: 56px; } }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .profile__form {
margin-bottom: 24px; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .login__form {
margin-bottom: 24px; }
@media (max-width: 576px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .light__button {
width: 100%; } }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .save-changes {
display: none;
justify-content: start;
grid-gap: 16px; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .save-changes .component__button {
width: 184px; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .save-changes.active {
display: flex; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .edit-fields__button {
max-width: 280px; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .edit-fields__button.hide {
display: none; }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .add-section__wrapper {
position: absolute;
top: -1px;
right: 0;
padding: 13px;
background-color: #ffffff; }
@media (max-width: 1280px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .add-section__wrapper {
padding: 0;
top: 88px;
right: 16px; } }
@media (max-width: 768px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .add-section__wrapper {
position: static;
margin-top: 8px; } }
.main .profile__section .section__block .section__contents .section__content .section__wrapper .filter-table__select {
display: none;
flex-direction: column;
align-items: baseline;
border: 1px solid #E6ECF0;
width: 100%;
padding: 10px; }
@media (max-width: 576px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .filter-table__select {
display: flex; } }
@media (max-width: 576px) {
.main .profile__section .section__block .section__contents .section__content .section__wrapper .main__tabs {
display: none; } }
@media (max-width: 1280px) {
.main .profile__section .section__block .section__contents .section__content .section__table th:nth-child(2n+4), .main .profile__section .section__block .section__contents .section__content .section__table td:nth-child(2n+4) {
display: none; } }
@media (max-width: 1023px) {
.main .profile__section .section__block .section__contents .section__content .section__table th:nth-child(3n+3), .main .profile__section .section__block .section__contents .section__content .section__table td:nth-child(3n+3) {
display: none; } }
@media (max-width: 768px) {
.main .profile__section .section__block .section__contents .section__content .section__table {
border-radius: 0; }
.main .profile__section .section__block .section__contents .section__content .section__table tbody {
border-radius: 8px; }
.main .profile__section .section__block .section__contents .section__content .section__table tbody tr {
display: flex;
flex-direction: column;
padding: 12px; }
.main .profile__section .section__block .section__contents .section__content .section__table tbody tr:first-child {
border-top: 1px solid #E6ECF0; }
.main .profile__section .section__block .section__contents .section__content .section__table td {
border-top: none;
padding: 0; }
.main .profile__section .section__block .section__contents .section__content .section__table td:not(:first-child):not(:last-child) {
display: none; }
.main .profile__section .section__block .section__contents .section__content .section__table td .profile__verification {
margin-top: 4px; }
.main .profile__section .section__block .section__contents .section__content .section__table th {
display: none; } }
.main .profile__section .section__block .section__contents .section__content .section__table .cell__name {
display: flex;
align-items: center;
grid-gap: 12px; }
@media (max-width: 768px) {
.main .profile__section .section__block .section__contents .section__content .section__table .cell__name {
margin-bottom: 12px; } }
.main .profile__section .section__block .section__contents .section__content .section__table .cell__name .name__logo {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 16px;
width: 40px;
height: 40px;
padding: 12px;
color: #182C36;
background-color: #E6ECF0; }
.main .profile__section .section__block .section__contents .section__content .section__table .tbody .show {
display: table-row; }
.main .profile__section .section__block .section__contents .section__content .section__table .show {
display: table-row; }
@media (max-width: 768px) {
.main .profile__section .section__block .section__contents .section__content .section__table .show {
display: flex; } }
@media (max-width: 1280px) {
.main .profile__section .section__block .section__contents .representativest__content .section__wrapper {
padding: 36px; } }
@media (max-width: 768px) {
.main .profile__section .section__block .section__contents .representativest__content .section__wrapper {
padding: 16px; } }
@media (max-width: 1280px) {
.main .profile__section .section__block .section__contents .representativest__content .section__wrapper .add-section__wrapper {
left: 16px;
top: 76px; } }
@media (max-width: 768px) {
.main .profile__section .section__block .section__contents .representativest__content .section__wrapper .add-section__wrapper {
margin-top: 0; } }
.main .profile__section .section__block .section__contents .active {
display: block; }
.main .profile__section .representativest__content .section__wrapper {
padding: 10px; }
.main .profile__section .profile--active {
background-color: #F6F6F6; }
.main .user__section .create__form .section__contents .main__form .add__photo {
display: flex;
align-items: center;
grid-gap: 16px; }
.main .user__section .create__form .section__contents .main__form .add__photo .add__text {
display: flex;
flex-direction: column;
grid-gap: 4px; }
.main .user__section .create__form .section__contents .main__form .add__photo .add__text .edit__text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.main .user__section .create__form .section__contents .main__form .add__photo .add__text .format__text {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #8393AD; }
.main .user__section .create__form .section__contents .main__form .button__wrapper {
display: flex;
grid-gap: 16px; }
.main .promotions__section .main__tabs {
margin-bottom: 36px; }
.main .promotions__section .promotion__block {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-auto-rows: auto;
grid-gap: 24px;
margin-bottom: 32px; }
@media (max-width: 1023px) {
.main .promotions__section .promotion__block {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }
.main .promotion__section .promotion-card__block {
display: flex;
flex-direction: column;
grid-gap: 48px;
background-color: #ffffff;
padding: 24px;
border-radius: 8px; }
@media (max-width: 576px) {
.main .promotion__section .promotion-card__block {
padding: 16px; } }
.main .promotion__section .promotion-card__block .promotion-card__image {
width: 100%;
border-radius: 8px; }
.main .promotion__section .promotion-card__block .promotion-card__sub-wrapper {
display: flex;
grid-gap: 16px; }
@media (max-width: 576px) {
.main .promotion__section .promotion-card__block .promotion-card__sub-wrapper {
flex-direction: column; } }
.main .promotion__section .promotion-card__block .promotion-card__sub-wrapper .promotion-card__title {
display: flex;
flex-direction: column;
grid-gap: 8px;
padding: 16px;
width: 100%;
background-color: #F6F8FA;
border-radius: 8px;
margin-bottom: 0; }
.main .promotion__section .promotion-card__block .card-list {
padding-left: 17px; }
.main .promotion__section .promotion-card__block .card-list .card-sub-list {
padding-left: 17px;
margin-top: 20px; }
.main .promotion__section .promotion-card__block .card-list__item {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #182C36; }
.main .promotion__section .promotion-card__block .card-list__item:not(:last-child) {
margin-bottom: 20px; }
.main .current__section .current__slider {
margin-right: -24px; }
.main .current__section .current__slider .swiper-slide {
width: 392px; }
@media (max-width: 1023px) {
.main .current__section .current__slider .swiper-slide {
width: 344px; } }
.main .current__section .current__slider .swiper-slide .promotion__card:hover {
scale: 1; }
.main .current__section .current__slider .swiper-slide .promotion__card .promotion__time {
top: 8px;
left: 8px; }
.main .help__section .accordion-help {
padding: 16px;
background-color: #F6F8FA;
border-radius: 8px;
position: relative;
transition: 0.3s ease; }
.main .help__section .accordion-help:hover {
box-shadow: 0px 8px 16px #E6ECF0; }
@media (max-width: 576px) {
.main .help__section .accordion-help {
padding: 12px; } }
.main .help__section .accordion-help:not(:last-child) {
margin-bottom: 18px; }
@media (max-width: 576px) {
.main .help__section .accordion-help:not(:last-child) {
margin-bottom: 12px; } }
.main .help__section .accordion-help .accordion__input {
z-index: 2; }
.main .help__section .accordion-help .accordion__input:checked ~ .accordion__label .accordion-help__wrapper svg {
z-index: 1;
transform: rotate(135deg); }
.main .help__section .accordion-help .accordion-help__wrapper {
display: flex;
justify-content: space-between; }
.main .help__section .accordion-help .accordion__content .accordion-help__text {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #3B5765;
margin-top: 16px; }
.main .main-order__section .create__main-wrapper {
display: flex;
grid-gap: 24px; }
@media (max-width: 1280px) {
.main .main-order__section .create__main-wrapper {
flex-direction: column-reverse; } }
.main .main-order__section .create__main-wrapper .create__form {
height: -moz-fit-content;
height: fit-content; }
@media (max-width: 425px) {
.main .main-order__section .create__main-wrapper .create__form .section__tabs {
justify-content: center; } }
.main .main-order__section .create__main-wrapper .create__form .create__wrapper {
display: flex;
grid-gap: 16px; }
.main .main-order__section .create__main-wrapper .create__form .textarea__complaint {
height: 100%; }
.main .main-order__section .create__main-wrapper .create__form .textarea__complaint .form__textarea {
height: 174px; }
.main .main-order__section .create__main-wrapper .create__form .field__wrapper {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.main .main-order__section .create__main-wrapper .create__form .field__wrapper .field__block {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.main .main-order__section .create__main-wrapper .create__form .field__wrapper .processed__block .processed__wrapper {
display: flex;
flex-direction: column;
grid-gap: 16px;
padding: 16px;
background-color: #F6F8FA;
border-radius: 8px; }
.main .main-order__section .create__main-wrapper .create__form .field__wrapper .generated__block .generated__list {
border-radius: 8px;
overflow: hidden; }
.main .main-order__section .create__main-wrapper .create__form .field__wrapper .generated__block .generated__list .generated__order {
display: flex;
justify-content: space-between;
padding: 12px 13px;
background-color: #E6ECF0; }
.main .main-order__section .create__main-wrapper .create__form .field__wrapper .generated__block .generated__list .hide {
display: none; }
.main .main-order__section .create__main-wrapper .create__form .field__wrapper .buttons__wrappper {
display: flex;
grid-gap: 16px; }
@media (max-width: 576px) {
.main .main-order__section .create__main-wrapper .create__form .field__wrapper .buttons__wrappper {
flex-direction: column; } }
.main .main-order__section .create__main-wrapper .create__form .field__wrapper .buttons__wrappper .component__button {
max-width: 248px;
width: 100%;
padding: 16px; }
@media (max-width: 576px) {
.main .main-order__section .create__main-wrapper .create__form .field__wrapper .buttons__wrappper .component__button {
max-width: 100%; } }
.main .main-order__section .create__main-wrapper .clue__block {
max-width: 100%;
width: 100%;
padding: 24px;
border-radius: 8px;
background-color: #ffffff;
display: flex;
flex-direction: column;
height: -moz-fit-content;
height: fit-content; }
@media (max-width: 1280px) {
.main .main-order__section .create__main-wrapper .clue__block {
max-width: 100%;
padding: 16px; } }
@media (max-width: 576px) {
.main .main-order__section .create__main-wrapper .clue__block {
padding: 8px; } }
.main .main-order__section .create__main-wrapper .clue__block .warning__component {
display: flex;
grid-gap: 8px; }
.main .main-order__section .create__main-wrapper .clue__block .warning__component .warning {
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 8px;
grid-gap: 8px;
padding: 12px;
background-color: #FEEBEF;
color: #E23D41;
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
width: 100%; }
@media (max-width: 576px) {
.main .main-order__section .create__main-wrapper .clue__block .warning__component .warning {
padding: 8px; } }
.main .main-order__section .create__main-wrapper .clue__block .warning__component .warning span {
display: flex; }
.main .main-order__section .create__main-wrapper .clue__block .warning__button {
display: none; }
@media (max-width: 1280px) {
.main .main-order__section .create__main-wrapper .clue__block .warning__button {
display: flex; } }
@media (max-width: 576px) {
.main .main-order__section .create__main-wrapper .clue__block .warning__button {
padding: 8px; } }
.main .main-order__section .create__main-wrapper .clue__block .block__wrapper {
display: flex;
justify-content: space-between;
align-items: center; }
.main .main-order__section .create__main-wrapper .clue__block .block__wrapper .block__title {
margin-bottom: 0;
text-transform: none; }
@media (max-width: 1023px) {
.main .main-order__section .create__main-wrapper .clue__block .block__wrapper .block__title {
font-size: 16px; } }
.main .main-order__section .create__main-wrapper .clue__block .clue__content {
display: flex;
flex-direction: column;
grid-gap: 12px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #182C36;
padding-top: 16px;
transition: 0.3s ease; }
.main .main-order__section .create__main-wrapper .clue__block .clue__content ol {
padding-left: 24px; }
.main .main-order__section .create__main-wrapper .clue__block .clue__content ol li {
margin: 12px 0; }
.main .main-order__section .create__main-wrapper .clue__block .clue__content ul {
padding-left: 8px; }
@media (max-width: 1280px) {
.main .main-order__section .create__main-wrapper .clue__block .clue__content {
max-height: 0;
padding-top: 0;
visibility: hidden;
height: 0;
max-height: 100%;
opacity: 0; } }
.main .main-order__section .create__main-wrapper .clue__block .clue__content.active {
visibility: visible;
max-height: -moz-max-content;
max-height: max-content;
height: 100%;
padding-top: 20px;
opacity: 1; }
.main .main-order__section .main-title__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
row-gap: 10px;
width: 49.3%;
margin-bottom: 16px; }
@media (max-width: 1280px) {
.main .main-order__section .main-title__wrapper {
justify-content: space-between;
width: 100%;
gap: 10px; } }
@media (max-width: 576px) {
.main .main-order__section .main-title__wrapper {
flex-direction: column;
align-items: baseline;
gap: 10px; } }
.main .main-order__section .main-title__wrapper .component__button {
width: 180px;
height: 48px; }
@media (max-width: 576px) {
.main .main-order__section .main-title__wrapper .component__button {
width: 100%; } }
.main .main-order__section .main-title__wrapper .main__title {
margin-bottom: 0; }
@media (max-width: 576px) {
.main .main-order__section .main-title__wrapper .main__title {
text-align: left; } }
.main .main-order__section .process__button {
width: 184px;
height: 48px; }
@media (max-width: 576px) {
.main .main-order__section .process__button {
width: 100%;
height: 40px; } }
.main .main-order__section .order-make__content {
transition: 0.3s ease;
max-height: 0;
visibility: hidden;
opacity: 0; }
.main .main-order__section .order-make__content .order__table tbody tr td:first-child {
padding: 10px 12px; }
@media (max-width: 768px) {
.main .main-order__section .order-make__content .order__table tbody tr td {
border-top: none; } }
.main .main-order__section .order-make__content.active {
height: auto;
max-height: 100vh;
visibility: visible;
opacity: 1; }
.main .appeal__section .appeal__block {
max-width: 904px;
width: 100%; }
.main .appeal__section .appeal__block .appeal__title {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD; }
.main .appeal__section .appeal__block .appeal__value {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36;
display: flex;
align-items: center;
grid-gap: 4px; }
.main .appeal__section .appeal__block .appeal__icon {
position: relative;
top: -5px; }
.main .appeal__section .appeal__block .appeal__titles {
display: flex;
border: 1px solid #E6ECF0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 16px;
grid-gap: 48px;
background-color: #F6F8FA; }
.main .appeal__section .appeal__block .appeal__titles .appeal__wrapper {
display: flex;
flex-direction: column;
grid-gap: 4px; }
.main .appeal__section .appeal__block .appeal__content {
padding: 16px;
background-color: #ffffff;
border-right: 1px solid #E6ECF0;
border-left: 1px solid #E6ECF0; }
.main .appeal__section .appeal__block .appeal__content .appeal__wrapper {
margin-bottom: 24px; }
.main .appeal__section .appeal__block .appeal__content .attached__file {
background-color: #F6F8FA; }
.main .appeal__section .appeal__block .appeal__content .attached__file:not(:last-child) {
margin-bottom: 12px; }
.main .appeal__section .appeal__block .appeal__content .download__file {
display: flex;
align-items: center;
justify-content: space-between; }
.main .appeal__section .appeal__block .appeal__content .download__file .download__wrapper {
display: flex;
grid-gap: 12px; }
.main .appeal__section .appeal__block .appeal__content .attached__wrapper .appeal__title {
margin-bottom: 12px; }
.main .appeal__section .appeal__block .appeal__content .appeal___messages {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.main .appeal__section .appeal__block .appeal__content .appeal__dialogue {
display: flex;
justify-content: center;
position: relative; }
.main .appeal__section .appeal__block .appeal__content .appeal__dialogue::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
content: '';
height: 1px;
width: 100%;
background-color: #E6ECF0;
z-index: 1; }
.main .appeal__section .appeal__block .appeal__content .appeal__dialogue .dialogue__wrapper {
padding: 0 8px;
background: #ffffff;
z-index: 2; }
.main .appeal__section .appeal__block .appeal__content .appeal__dialogue .dialogue__time {
width: -moz-max-content;
width: max-content;
font-size: 12px;
border-radius: 64px;
padding: 4px 12px;
background-color: #F1F4F6;
z-index: 2; }
.main .appeal__section .appeal__block .appeal__content .message {
max-width: 720px;
width: 100%;
padding: 12px;
border-radius: 8px;
position: relative;
display: flex;
flex-direction: column;
grid-gap: 8px; }
.main .appeal__section .appeal__block .appeal__content .message .message__title {
display: flex;
align-items: center;
grid-gap: 8px;
margin-bottom: 8px; }
.main .appeal__section .appeal__block .appeal__content .message .message__title .message__wrapper {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #8393AD;
transition: 0.3s ease; }
@media (max-width: 1023px) {
.main .appeal__section .appeal__block .appeal__content .message .message__title .message__wrapper {
font-size: 8px;
line-height: 14px; } }
.main .appeal__section .appeal__block .appeal__content .message .message__title .message__wrapper .message__name {
color: #182C36; }
.main .appeal__section .appeal__block .appeal__content .message .message__text {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36; }
.main .appeal__section .appeal__block .appeal__content .outgoing__message {
background-color: #C5D6DF;
margin-right: 0;
margin-left: auto; }
.main .appeal__section .appeal__block .appeal__content .outgoing__message .corner {
position: absolute;
bottom: -5px;
right: -10px; }
.main .appeal__section .appeal__block .appeal__content .outgoing__message .appeal__file:hover {
background-color: #F1F4F6; }
.main .appeal__section .appeal__block .appeal__content .incoming__message {
background-color: #F6F8FA;
margin-left: 0;
margin-right: auto; }
.main .appeal__section .appeal__block .appeal__content .incoming__message .corner {
position: absolute;
bottom: -5px;
left: -10px; }
.main .appeal__section .appeal__block .appel__change {
display: flex;
flex-direction: column;
grid-gap: 16px;
border: 1px solid #E6ECF0;
background-color: #F6F8FA;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: 16px; }
.main .appeal__section .appeal__block .appel__change .dialogue__change {
display: none;
flex-direction: column;
grid-gap: 16px; }
.main .appeal__section .appeal__block .appel__change .dialogue__change .dialogue__buttons {
display: flex;
grid-gap: 18px; }
@media (max-width: 576px) {
.main .appeal__section .appeal__block .appel__change .dialogue__change .dialogue__buttons {
flex-direction: column; } }
.main .appeal__section .appeal__block .appel__change .dialogue__change .dialogue__buttons .component__button {
max-width: 248px;
width: 100%; }
@media (max-width: 576px) {
.main .appeal__section .appeal__block .appel__change .dialogue__change .dialogue__buttons .component__button {
max-width: 100%; } }
.main .appeal__section .appeal__block .appel__change .resume__dialogue {
max-width: 248px;
width: 100%; }
.main .basket__section .basket__block .basket__download {
display: flex;
justify-content: space-between; }
@media (max-width: 1023px) {
.main .basket__section .basket__block .basket__download {
margin-bottom: 24px; } }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__download {
flex-direction: column; }
.main .basket__section .basket__block .basket__download {
margin-bottom: 0; }}
/* .main .basket__section .basket__block .basket__download .main__title {
margin-top: 16px; } */
.main .basket__section .basket__block .basket__download .basket__buttons {
display: flex;
grid-gap: 16px; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__download .basket__buttons {
justify-content: space-between;
grid-gap: 4px; } }
.main .basket__section .basket__block .basket__download .basket__buttons .component__button {
padding: 16px; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__download .basket__buttons .download-xls,
.main .basket__section .basket__block .basket__download .basket__buttons .basket-page-print {
width: calc(50% - 4px);
height: 40px; }
.main .basket__section .basket__block .basket__download .basket__buttons .download-order__xls {
height: 40px;
width: 100%;} }
.main .basket__section .basket__block .basket__content {
display: flex;
justify-content: space-between;
grid-gap: 24px; }
@media (max-width: 1280px) {
.main .basket__section .basket__block .basket__content {
flex-direction: column; } }
.main .basket__section .basket__block .basket__content .products__block {
width: 100%; }
.main .basket__section .basket__block .basket__content .products__block .product-add__block {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
border-radius: 8px;
padding: 12px;
margin-bottom: 24px;
grid-gap: 16px;
position: relative; }
@media (max-width: 1440px) {
.main .basket__section .basket__block .basket__content .products__block .product-add__block {
flex-direction: column; } }
@media (max-width: 1023px) {
.main .basket__section .basket__block .basket__content .products__block .product-add__block {
align-items: baseline; } }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .products__block .product-add__block {
grid-gap: 0;
padding: 8px; } }
.main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%; }
.main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .block__title {
text-transform: inherit;
margin-bottom: 0; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .block__title {
font-size: 18px;
line-height: 18px; } }
@media (max-width: 425px) {
.main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .block__title {
font-size: 14px;
line-height: 16px; } }
.main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .dropdown__button {
display: none; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .products__block .product-add__block .product-add__wrapper .dropdown__button {
display: flex;
width: 40px;
height: 40px; } }
.main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons {
display: flex;
grid-gap: 8px;
transition: 0.3s ease; }
@media (max-width: 1023px) {
.main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons {
width: 100%; } }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons {
max-height: 0;
visibility: hidden;
opacity: 0;
flex-direction: column;
grid-gap: 0; } }
.main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons .component__button {
width: 160px; }
@media (max-width: 1023px) {
.main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons .component__button {
width: 100%; } }
.main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons.active {
max-height: -moz-max-content;
max-height: max-content;
visibility: visible;
height: 100%;
padding-top: 20px;
opacity: 1;
grid-gap: 8px; }
.main .basket__section .basket__block .basket__content .products__block .product__list {
background-color: #ffffff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 24px 12px 16px 12px;
display: flex;
justify-content: space-between;
align-items: center; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .products__block .product__list {
flex-direction: column;
grid-gap: 10px; } }
.main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons.active {
padding-top: 16px;
}
.main .basket__section .basket__block .basket__content .products__block .product-add__block .add__buttons .component__button {
padding: 13px 16px;
}
.main .basket__section .basket__block .basket__content .products__block .product__list .section__tabs {
width: inherit; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .products__block .product__list .section__tabs {
width: 100%; } }
.main .basket__section .basket__block .basket__content .products__block .product__list .component__button {
padding: 12px 16px;
position: relative;
top: -4px; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .products__block .product__list .component__button {
width: 100%;
top: 0; } }
.main .basket__section .basket__block .basket__content .order__information {
min-width: 400px;
height: -moz-max-content;
height: max-content;
background-color: #ffffff;
border-radius: 8px; }
@media (max-width: 1440px) {
.main .basket__section .basket__block .basket__content .order__information {
min-width: 300px; } }
.main .basket__section .basket__block .basket__content .order__information .order__item {
display: flex;
flex-direction: column;
padding: 24px;
grid-gap: 16px; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper {
display: flex;
justify-content: space-between;
position: relative; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper .order {
background-color: #ffffff;
z-index: 1; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper .order:first-child {
padding-right: 10px; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper .order:last-child {
padding-left: 10px; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__wrapper:before {
position: absolute;
border: 1px dashed #E6ECF0;
width: 100%;
content: '';
bottom: 2px; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__name {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #182C36;
line-height: 16px;
text-transform: inherit; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__sub-text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
font-size: 12px;
color: #8393AD;
margin-top: -10px; }
.main .basket__section .basket__block .basket__content .order__information .order__item .component__button {
width: 100%; }
.main .basket__section .basket__block .basket__content .order__information .order__item .make-request {
display: none; }
.main .basket__section .basket__block .basket__content .order__information .order__item .make-request.active {
display: flex; }
.main .basket__section .basket__block .basket__content .order__information .order__item .make-order.hidden {
display: none; }
.main .basket__section .basket__block .basket__content .order__information .order__item:not(:last-child) {
border-bottom: 1px solid #E6ECF0; }
.main .basket__section .basket__block .basket__content .order__information .request__wrapper {
display: flex;
justify-content: space-between;
flex-direction: row; }
.main .basket__section .basket__block .basket__content .order__information .request__wrapper .order__link {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.main .basket__section .basket__block .basket__content .order__information .request__wrapper .order__link:hover {
color: #8393AD; }
.main .basket__section .basket__block .basket__content .checkout__block {
display: flex;
flex-direction: column;
grid-gap: 24px;
width: 100%;
max-width: 856px; }
@media (max-width: 1440px) {
.main .basket__section .basket__block .basket__content .checkout__block {
max-width: 100%; } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item {
display: flex;
flex-direction: column;
grid-gap: 16px;
padding: 24px;
background-color: #ffffff;
border-radius: 8px;
width: inherit;
height: 100%; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item {
padding: 16px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item:first-of-type {
margin-top: 16px; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__name {
line-height: 18px; }
.main .basket__section .basket__block .basket__content .order__information .order__item .order__sub-text {
font-weight: 500; } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .block__title {
margin-bottom: 0; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__information {
margin: 0 auto; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content {
max-height: 0;
height: 0;
padding-bottom: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s ease; }
.main .basket__section .basket__block .basket__content .order__information .order__item .component__button {
padding: 13px 16px;
}
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 16px; }
@media (max-width: 1440px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form {
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper {
max-width: 100%; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper:nth-child(4) {
grid-column: 3/1; }
@media (max-width: 1280px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper:nth-child(4) {
grid-column: auto; } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper:nth-child(6) {
grid-column: 4/1; }
@media (max-width: 1280px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form .form__wrapper:nth-child(6) {
grid-column: auto; } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
grid-gap: 16px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form .form__wrapper {
max-width: 100%; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form .sub-form__wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
grid-gap: 16px; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form .sub-form__wrapper {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content.active {
max-height: 100%;
height: -moz-min-content;
height: min-content;
visibility: visible;
opacity: 1; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content.active ~ .more__information {
padding-top: 24px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content.active ~ .more__information .arrow {
transform: rotate(180deg); }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form {
flex-direction: row; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form {
flex-direction: column; } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form .form__wrapper:first-child {
max-width: 696px; }
@media (max-width: 1440px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form .form__wrapper:first-child {
max-width: 100%; } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form .form__wrapper:last-child {
max-width: -moz-max-content;
max-width: max-content; }
@media (max-width: 576px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block .main__form .form__wrapper:last-child {
max-width: 100%; } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .region__block.active {
background-color: #182C36;
color: #ffffff; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .delivery__content {
display: flex;
grid-gap: 16px;
border-radius: 8px;
border: 1px solid #E6ECF0;
padding: 16px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .delivery__address {
display: flex;
flex-direction: column;
grid-gap: 8px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .delivery__address .point {
padding-top: 8px;
padding-bottom: 8px;
font-weight: 500; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .delivery__address .addres__info {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
display: flex;
flex-direction: column;
grid-gap: 8px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-cost {
display: flex;
border-radius: 8px;
overflow: hidden;
width: -moz-fit-content;
width: fit-content; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-cost .price {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #182C36;
padding: 8px 16px;
background-color: #F6F8FA; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-cost .day {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36;
padding: 12px 16px;
background-color: #E6ECF0;
display: flex;
grid-gap: 10px;
align-items: center; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery__address {
background-color: #F6F8FA;
padding: 16px;
border-radius: 8px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery__address .component__button {
width: -moz-fit-content;
width: fit-content;
padding: 16px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form {
display: flex;
flex-direction: column;
grid-gap: 8px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper {
display: grid;
grid-gap: 8px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper:first-child {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper:last-child {
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
@media (max-width: 1440px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper:last-child {
grid-template-columns: repeat(5, 160px); } }
@media (max-width: 1023px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .delivery__block .delivery__item .delivery__wrapper .radio__tabs .radio__content .delivery-courier__form .block__wrapper:last-child {
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .table {
margin: 0 -24px -24px -24px;
width: -moz-fit-content;
width: fit-content; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .checkout__wrapper {
display: flex;
flex-direction: column;
grid-gap: 20px; }
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .checkout__wrapper .component__button {
width: 100%; }
@media (max-width: 1280px) {
.main .basket__section .basket__block .order__content {
flex-direction: row; } }
@media (max-width: 1023px) {
.main .basket__section .basket__block .order__content {
flex-direction: column; } }
@media (max-width: 425px) {
.main .basket__section .basket__block .order__content .main__tabs {
width: 100%; } }
@media (max-width: 576px) {
.main .basket__section .basket__block .order__content .main__tabs .main__tab {
min-width: calc(50% - 2px);
height: 40px;
display: flex;
align-items: center;
justify-content: center; } }
/* @media (max-width: 425px) {
.main .basket__section .basket__block .order__content .main__tabs .main__tab {
width: 100%; } } */
.main .basket__section .order__block {
width: 100%;
margin: 0 auto; }
.main .basket__section .querying__block {
display: none;
flex-direction: column;
grid-gap: 32px; }
.main .basket__section .querying__block .querying__info {
display: flex;
justify-content: space-between;
grid-gap: 24px;
align-items: center;
background-color: #ffffff;
border-radius: 8px;
padding: 24px; }
@media (max-width: 576px) {
.main .basket__section .querying__block .querying__info {
flex-direction: column; } }
.main .basket__section .querying__block .querying__info .section__title {
display: flex;
align-items: center;
margin: 0;
grid-gap: 16px; }
@media (max-width: 1280px) {
.main .basket__section .querying__block .querying__info .section__title {
font-size: 22px; } }
@media (max-width: 1023px) {
.main .basket__section .querying__block .querying__info .section__title {
font-size: 20px; } }
@media (max-width: 768px) {
.main .basket__section .querying__block .querying__info .section__title {
font-size: 16px;
line-height: 22px; } }
.main .basket__section .querying__block .querying__info .section__title span {
display: flex; }
@media (max-width: 1023px) {
.main .basket__section .querying__block .querying__info .section__title span {
display: unset; } }
@media (max-width: 576px) {
.main .basket__section .querying__block .querying__info .component__button {
width: 100%; } }
.main .basket__section .querying__block .querying__text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
display: flex;
flex-direction: column;
grid-gap: 16px; }
.main .basket__section .querying__block .component__button {
width: -moz-fit-content;
width: fit-content; }
@media (max-width: 576px) {
.main .basket__section .querying__block .component__button {
width: 100%; } }
.main .basket__section .form__wrapper {
max-width: 100%; }
@media (max-width: 1023px) {
.main .document__section .filter-table {
justify-content: flex-start; } }
@media (max-width: 576px) {
.main .document__section .filter-table {
flex-direction: row;
justify-content: space-between;
align-items: center; } }
@media (max-width: 1280px) {
.main .document__section .filter-table .filter-table__wrapper .filter-table__component .filter-table__select {
width: 145px; } }
.main .document__section .filter-table .filter-table__wrapper .organization__select {
width: 304px; }
.main .document__section .filter-table .filter-table__wrapper .organization__select .select__list {
overflow-y: auto;
height: 340px;
}
.main .document__section .filter-table .filter-table__wrapper .organization__select .select__list::-webkit-scrollbar {
width: 4px;
height: auto; }
.main .document__section .filter-table .filter-table__wrapper .organization__select .select__list::-webkit-scrollbar-track-piece {
background-color: #E6ECF0;
-webkit-border-radius: 8px; }
.main .document__section .filter-table .filter-table__wrapper .organization__select .select__list::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3B5765; }
@media (max-width: 1440px) {
.main .document__section .filter-table .filter-table__wrapper .organization__select {
width: 208px; } }
@media (min-width: 1024px) and (max-width: 1280px) {
.main .document__section .filter-table .filter-table__wrapper .reset-filters {
position: absolute;
top: 100px;
right: 250px;
padding: 16px 30px; } }
.main .document__section .filter-table .data-search {
display: none; }
@media (max-width: 1023px) {
.main .document__section .filter-table .data-search {
display: block;
margin-bottom: 16px; } }
@media (max-width: 576px) {
.main .document__section .filter-table .data-search {
margin-bottom: 0; } }
.main .document__section .filter-table .data-search .filter-table__select {
width: 100px; }
@media (max-width: 1023px) {
.main .document__section .filter-table .data-search .filter-table__select {
width: 174px; } }
@media (max-width: 576px) {
.main .document__section .filter-table .data-search .filter-table__select {
width: 100%; } }
@media (max-width: 768px) {
.main .document__section .filter-table .data-search .mini-select {
width: 100px; }
.main .document__section .filter-table .data-search .mini-select .select__list {
width: 220px; } }
@media (max-width: 576px) {
.main .document__section .filter-table .data-search .mini-select {
width: 100px;
padding: 12px 16px; }
.main .document__section .filter-table .data-search .mini-select .select__list {
left: -120px; } }
.main .document__section .light__button {
padding: 16px; }
@media (max-width: 576px) {
.main .document__section .light__button {
padding: 12px; } }
.main .document__section .table th .th__wrapper {
padding: 10px 0; }
@media (max-width: 1023px) {
.main .document__section .table th .th__wrapper {
padding: 5px 0; } }
@media (max-width: 1023px) {
.main .orders__section .filter-table {
justify-content: space-between;
align-items: center; } }
@media (max-width: 576px) {
.main .orders__section .filter-table {
margin-bottom: 16px;
flex-wrap: nowrap; } }
@media (min-width: 1024px) and (max-width: 1520px) {
.main .orders__section .filter-table .filter-table__wrapper .reset-filters {
position: absolute;
right: 25px;
top: 110px; } }
.main .orders__section .filter-table .filter-table__wrapper .filter-table__component:first-child .select {
width: 144px; }
@media (max-width: 1620px) {
.main .orders__section .filter-table .filter-table__wrapper .filter-table__component .select {
width: 144px; } }
@media (max-width: 1280px) {
.main .orders__section .filter-table .filter-table__wrapper .filter-table__component .select {
width: 140px; } }
@media (max-width: 1520px) {
.main .orders__section .filter-table .filter-table__wrapper .apply-filters {
/* position: absolute;
right: 225px;
top: 110px; */
}
}
.main .orders__section .filter-table .filter-table__wrapper .apply-filters.active {
display: flex; }
@media (max-width: 576px) {
.main .orders__section .filter-table .document-search {
padding: 12px 12px; } }
@media (max-width: 576px) {
.main .orders__section .filter-table .data-search {
width: 166px; } }
@media (max-width: 576px) {
.main .orders__section .filter-table .data-search .select {
padding: 12px 12px; } }
.main .orders__section .custom-table__body .dropdown__sub-table {
padding: 0 24px;
background-color: #E6ECF0;
height: 0;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
max-height: -moz-max-content;
max-height: max-content; }
@media (max-width: 768px) {
.main .orders__section .custom-table__body .dropdown__sub-table {
background-color: transparent;
padding: 0; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table {
overflow: hidden;
width: 100%;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px; }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header {
display: flex;
flex-direction: column;
grid-gap: 16px;
background-color: #F6F8FA;
padding: 16px;
border-radius: 8px 8px 0 0; }
@media (max-width: 768px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header {
border-radius: 0 0 0 0; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper {
display: flex;
justify-content: space-between;
align-items: center; }
@media (max-width: 1280px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper {
flex-direction: column;
align-items: baseline;
grid-gap: 16px; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info {
display: flex;
grid-gap: 32px; }
@media (max-width: 768px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info {
flex-wrap: wrap; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info .info-item {
display: flex;
grid-gap: 4px;
flex-direction: column; }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info .info-item .data__title {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 133.333% */
letter-spacing: 0.24px;
text-transform: uppercase;
color: #8393AD; }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__info .info-item .data__value {
display: flex;
grid-gap: 4px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control {
display: flex;
grid-gap: 8px; }
@media (max-width: 768px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control {
flex-wrap: wrap;
width: 100%; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button {
width: -moz-fit-content;
width: fit-content;
height: auto;
padding: 16px; }
@media (max-width: 425px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button {
padding: 13px 12px;
width: 100%; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button .hidden-text {
display: none; }
@media (max-width: 375px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button .hidden-text {
display: flex; } }
@media (max-width: 375px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__wrapper .sub-table__control .component__button {
width: 100%; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards {
display: flex;
grid-gap: 16px; }
@media (max-width: 576px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards {
flex-wrap: wrap; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card {
display: flex;
flex-direction: column;
grid-gap: 8px;
padding: 16px;
background-color: #ffffff;
border-radius: 8px;
width: 100%; }
@media (max-width: 768px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card {
padding: 8px; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .data__title {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
/* 133.333% */
letter-spacing: 0.24px;
text-transform: uppercase;
color: #8393AD; }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description {
padding: 16px;
height: 100%;
grid-gap: 8px;
justify-content: center; }
@media (max-width: 768px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description {
padding: 8px; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #3B5765;
display: flex;
align-items: center;
grid-gap: 16px; }
@media (max-width: 1023px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info {
flex-direction: column;
align-items: baseline; } }
@media (max-width: 576px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info {
flex-direction: row;
align-items: center; }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card:last-of-type .profile__description {
padding-left: 32px; } }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info .delivery__logo {
width: 80px;
height: 40px;
object-fit: contain; }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .delivery__info .profile__wrapper p:first-child {
font-weight: 700; }
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .sub-table__header .sub-table__cards .sub-table__card .profile__description .required-field {
padding: 0; }
@media (max-width: 576px) {
.main .orders__section .custom-table__body .dropdown__sub-table .sub-table .table {
margin-top: 0; } }
.main .orders__section .custom-table__body .dropdown__sub-table.active {
padding: 24px 24px;
height: -moz-max-content;
height: max-content;
visibility: visible;
opacity: 1; }
@media (max-width: 768px) {
.main .orders__section .custom-table__body .dropdown__sub-table.active {
background-color: transparent;
padding: 0; } }
@media (max-width: 768px) {
.main .orders__section .option-item__description .item__name {
font-weight: 400; } }
@media (max-width: 768px) {
.main .orders__section .option-item__description .item__info .item__number {
font-weight: 400; } }
@media (max-width: 768px) {
.main .orders__section .custom-table .td__wrapper {
grid-gap: 0; } }
@media (max-width: 768px) {
.main .orders__section .custom-table .td__wrapper .td-mobile-thead {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
color: #3B5765;
text-transform: inherit; } }
@media (max-width: 768px) {
.main .orders__section .custom-table .custom-table__body tr td {
border-top: none; } }
@media (max-width: 768px) {
.main .orders__section .orders__table {
border-radius: 0;
border: none;
border-top: 1px solid #e6ecf0; } }
@media (max-width: 768px) {
.main .orders__section .orders__table .tr__orders-table td .td__wrapper .td__value {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
color: #182C36; } }
@media (max-width: 576px) {
.main .orders__section .orders__table .tr__orders-table td .td__wrapper .td__value {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 24px;
/* 120% */
letter-spacing: 0.2px; }
.main .orders__section .custom-table .background-line .td__wrapper .td-mobile-thead {
font-size: 10px;
font-weight: 400 !important;
line-height: 12px;
text-transform: uppercase; } }
@media (max-width: 768px) {
.main .orders__section .orders__table .tr__orders-table td .td__wrapper {
grid-gap: 0; } }
.main .orders__section .empty {
max-width: 100%; }
@media (max-width: 576px) {
.main .orders__section .empty {
flex-wrap: wrap; } }
.main .orders__section .empty .component__button {
height: -moz-fit-content;
height: fit-content; }
.main .orders__section .warning {
max-width: 720px; }
@media (max-width: 425px) {
.main .orders__section .custom-table .custom-table__body .tr__orders-table td:nth-child(3) {
left: 130px; } }
.main .realizations__section .custom-line {
display: grid;
grid-template-columns: 50px 130px 100px 140px 100px auto; }
.main .realizations__section .custom-line .company-cell {
justify-content: space-between; }
.main .realizations__section .custom-line .company-cell .td__wrapper {
width: auto; }
.main .realizations__section .custom-line .company-cell .td__wrapper .buttons__wrapper {
grid-gap: 8px; }
.main .realizations__section .custom-line .company-cell .td__wrapper .buttons__wrapper .component__button {
padding: 8px 12px; }
@media (max-width: 1280px) {
.main .realizations__section .custom-line .company-cell .td__wrapper .buttons__wrapper .component__button {
display: none; } }
.main .payment__section .custom-line {
display: grid;
grid-template-columns: auto 150px 150px 150px 150px 150px 150px; }
@media (max-width: 1440px) {
.main .payment__section .custom-line {
grid-template-columns: auto 105px 110px 90px 105px 90px 100px; } }
@media (max-width: 768px) {
.main .payment__section .custom-line {
display: flex;
flex-wrap: wrap; }
.main .payment__section .custom-line .custom-cell:first-child {
width: 100%; }
.main .payment__section .custom-line .custom-cell:not(:first-child) {
width: -moz-max-content;
width: max-content; } }
.main .payment__section .custom-table .custom-table__body .custom-cell {
padding: 9px 8px; }
.main .payment__section .custom-table .custom-table__body .data-realizations-cell {
text-align: end; }
.main .commercial-list__section {
position: relative; }
.main .commercial-list__section .request__button {
position: absolute;
top: 35px;
right: 25px; }
@media (max-width: 1023px) {
.main .commercial-list__section .request__button {
top: 25px; } }
@media (max-width: 576px) {
.main .commercial-list__section .request__button {
top: -10px;
position: relative;
right: 0; } }
.main .commercial-list__section .custom-line {
display: grid;
grid-template-columns: 105px 115px auto 165px; }
@media (max-width: 768px) {
.main .commercial-list__section .custom-line {
display: flex;
flex-wrap: wrap; }
.main .commercial-list__section .custom-line .custom-cell:nth-child(1) {
order: 1;
width: -moz-max-content;
width: max-content; }
.main .commercial-list__section .custom-line .custom-cell:nth-child(2) {
order: 2;
width: -moz-max-content;
width: max-content; }
.main .commercial-list__section .custom-line .custom-cell:nth-child(3) {
order: 4;
width: -moz-max-content;
width: max-content; }
.main .commercial-list__section .custom-line .custom-cell:nth-child(4) {
order: 3;
width: -moz-max-content;
width: max-content; } }
.main .commercial-list__section .custom-table .custom-table__body {
cursor: pointer; }
.main .commercial-list__section .custom-table .custom-table__body .date-request-cell {
text-align: end; }
.main .commercial-list__section .custom-table .custom-table__body .custom-cell {
padding: 9px 8px; }
.main .commercial-list__section .custom-table .custom-table__body .custom-cell:last-child .td__wrapper .td__value {
display: flex;
align-items: center;
grid-gap: 8px; }
.main .commercial-list__section .custom-table .custom-table__body .custom-cell:last-child .td__wrapper .td__value span {
display: flex; }
@media (max-width: 768px) {
.main .basket__section .basket__block .basket__content .checkout__block .checkout__item .table {
margin: 0 !important;
width: initial;
}
.checkout__item .section__table.basket__table.order-basket__table {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.checkout__item .section__table.basket__table.order-basket__table tr td:first-of-type {
border-bottom: 1px solid #E6ECF0;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(2) {
position: absolute;
top: 45px;
left: 130px;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(3) {
position: absolute;
top: 74px;
left: 130px;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(4) {
position: absolute;
top: 74px;
left: 200px;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(5) {
position: absolute;
top: 74px;
left: 300px;
}
.section__table.basket__table.order-basket__table tbody tr .td-mobile-thead {
margin: 0;
}
.section__table.basket__table.order-basket__table tbody tr .mobile__name {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
color: #839EAD;
}
.section__table.basket__table.order-basket__table tbody tr .mobile__name + span {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
color: #182C36;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(3) .mobile__name + span:last-of-type {
position: relative;
top: 3px;
}
.main .commercial-list__section .custom-table .custom-table__body .custom-cell:last-child .td__wrapper .td__value span:first-child svg {
width: 14px;
height: 14px; } }
.main .product-catalog__section .product-catalog__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-gap: 24px;
padding-bottom: 81px; }
@media (max-width: 1280px) {
.main .product-catalog__section .product-catalog__list {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
grid-gap: 0;
border: 1px solid #E6ECF0;
border-radius: 8px;
overflow: hidden; } }
.main .product-catalog__section .product-catalog__list .product-catalog__item {
display: flex;
grid-gap: 24px;
background-color: #ffffff;
border-radius: 8px;
padding: 24px;
position: relative;
height: -moz-max-content;
height: max-content; }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item {
padding: 16px;
border-radius: 0; }
.main .product-catalog__section .product-catalog__list .product-catalog__item:not(:last-child) {
border-bottom: 1px solid #E6ECF0; } }
@media (max-width: 576px) {
.table.section__table.basket__table.order-basket__table {
margin: 0;
}
.checkout__item .section__table.basket__table.order-basket__table tr td:first-of-type {
border: none;
}
.section__table.basket__table.order-basket__table tbody,
.section__table.basket__table.order-basket__table tbody tr {
height: 200px;
}
.section__table.basket__table.order-basket__table tbody tr {
display: block;
width: 100%;
border-bottom: 1px solid #E6ECF0;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(2) {
position: absolute;
top: 0px;
left: 130px;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(3) {
position: absolute;
top: 74px;
bottom: 0;
left: 130px;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(4) {
position: absolute;
top: initial;
bottom: 16px;
left: 16px;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(5) {
position: absolute;
top: initial;
left: initial;
bottom: 16px;
right: 16px;
}
.main .product-catalog__section .product-catalog__list .product-catalog__item {
padding: 8px; }
.custom-cell .td__wrapper .order-id-block {
font-size: 14px;
font-weight: 300;
line-height: 16px; }
.custom-cell .td__wrapper .status-name {
font-size: 13px;
font-weight: 400;
line-height: 16px;
align-items: center; }
.section__table.basket__table.order-basket__table tbody tr .mobile__name + span {
font-size: 20px;
line-height: 24px;
letter-spacing: 0.2px; }
.section__table.basket__table.order-basket__table tbody tr .mobile__name {
color: #3B5765; }}
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__image {
border: 1px solid #E6ECF0;
border-radius: 8px;
width: 48px;
height: 48px; }
@media (max-width: 576px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__image {
width: 32px;
height: 32px; } }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content {
padding-top: 10px; } }
@media (max-width: 576px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content {
padding-top: 0; } }
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .product-catalog__value {
font-style: normal;
font-weight: 700;
font-size: 10px;
line-height: 16px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #8393AD;
transition: 0.3s ease; }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .product-catalog__value {
font-size: 8px;
line-height: 14px; } }
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .mobile-dropdown {
display: none; }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .mobile-dropdown {
display: block;
position: absolute;
right: 16px;
top: 30px; } }
@media (max-width: 576px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-catalog__wrapper .mobile-dropdown {
right: 8px;
top: 15px; } }
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper {
margin-top: 24px; }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper {
max-height: -moz-max-content;
max-height: max-content;
visibility: hidden;
opacity: 0;
height: 0;
margin-top: 0; } }
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list {
display: flex;
flex-direction: column;
grid-gap: 16px;
list-style-type: none;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list {
flex-direction: row;
flex-wrap: wrap; } }
@media (max-width: 576px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list {
grid-gap: 8px; } }
@media (max-width: 425px) {
.section__table.basket__table.order-basket__table tbody tr td:nth-child(5) {
width: 100%;
}
.section__table.basket__table.order-basket__table tbody tr td:nth-child(3) {
top: 0;
bottom: 0;
left: 10px;
}
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list {
flex-direction: column; } }
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list .product__item:hover {
color: #8393AD; }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list .product__item {
padding: 8px 12px;
border: 1px solid #E6ECF0;
border-radius: 8px; } }
@media (max-width: 425px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .product__list .product__item {
width: -moz-fit-content;
width: fit-content; } }
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .hidden__list {
transition: 0.3s ease;
max-height: -moz-fit-content;
max-height: fit-content;
opacity: 0;
height: 0; }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .hidden__list {
padding-top: 16px;
opacity: 1;
height: -moz-fit-content;
height: fit-content; } }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .show__button {
display: none; } }
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .show {
padding-top: 16px;
opacity: 1;
height: -moz-fit-content;
height: fit-content; }
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper .rotate .arrow {
transform: rotate(180deg); }
@media (max-width: 1023px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper.active {
max-height: -moz-max-content;
max-height: max-content;
visibility: visible;
opacity: 1;
height: 100%;
margin-top: 24px; } }
@media (max-width: 576px) {
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__content .product-list__wrapper.active {
margin-top: 16px;
margin-bottom: 16px; } }
.main .sub-catalog__section .sub-catalog__wrapper {
display: flex;
grid-gap: 24px; }
.main .content section{
margin-bottom: 0;
}
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside {
display: flex;
flex-direction: column;
grid-gap: 24px;
width: 248px;
overflow-y: auto;
max-width: 270px;
width: 100%;
height: calc(100vh - 225px);
scrollbar-width: none; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside::-webkit-scrollbar {
width: 0px;
height: 0px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
@media (max-width: 1280px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside {
height: auto; } }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown {
width: inherit;
background-color: #ffffff;
border-radius: 8px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
cursor: pointer; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__item .sub-catalog__main-title {
font-size: 13px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.26px;
text-transform: uppercase;
color: #182C36; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-item {
border-top: 1px solid #E6ECF0; }
@media (max-width: 1280px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .dropdown__button {
display: none; } }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items {
max-height: -moz-max-content;
max-height: max-content;
overflow: visible;
opacity: 1;
transition: 0.3s ease; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item {
flex-direction: column;
align-items: baseline;
position: relative; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__label {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
position: relative; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__label .sub-catalog__title {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
font-weight: 500;
display: flex;
align-items: center;
grid-gap: 8px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__label .sub-catalog__title .sub-catalog__img {
width: 32px;
height: 32px;
border: 1px solid #E6ECF0;
border-radius: 8px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__label .catalog-count {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .tip .tip__modal {
position: absolute;
background-color: #000;
color: #ffffff;
padding: 12px 16px;
font-size: 12px;
font-style: normal;
font-weight: 700;
z-index: 2;
width: 216px;
border-radius: 8px;
left: 0;
top: 23px;
transition: 0.2s ease;
z-index: 4 !important;
visibility: hidden;
opacity: 0; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .tip:hover .tip__modal {
visibility: visible;
opacity: 1;
z-index: 4 !important; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content {
display: flex;
flex-direction: column;
padding-left: 30px;
position: relative;
width: 100%; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content::before {
position: absolute;
content: '';
width: 2px;
height: 100%;
background-color: #C5D6DF;
left: 15px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link {
padding-top: 16px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
transition: 0.3s ease;
position: relative; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link:hover {
color: #F90D01; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link .accordion__content {
padding-left: 15px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link .accordion__content::before {
left: 0; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link::before {
position: absolute;
content: '';
background-color: #C5D6DF;
height: 2px;
width: 10px;
bottom: 25%;
left: -15px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link:has(> .accordion__input:checked)::before {
display: none; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items.active {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: 0.3s ease; }
@media (max-width: 1280px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__subcategories {
display: none; } }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item {
padding: 16px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .accordion__input {
right: 0;
left: inherit;
width: 30%; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .accordion__content {
padding-left: 0; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .accordion__content::before {
display: none; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item {
width: 100%; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item .checkbox {
padding-top: 16px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item .checkbox .checkout__label {
position: relative; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .checkbox-item .checkbox .checkout__label .value {
color: #8393AD;
position: absolute;
right: 0; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .sub-catalog__item .accordion__label .sub-catalog__title {
display: flex;
align-items: center; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs {
display: flex;
grid-gap: 8px;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button {
padding: 8px;
grid-gap: 5px;
border: 1px solid #E6ECF0; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button:hover {
border: 1px solid #182C36;
background-color: #E6ECF0;
color: #182C36; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button:hover svg .stroke {
stroke: #182C36; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button:first-child {
background-color: #182C36;
color: #ffffff;
border: none; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-tabs .component__button:first-child svg .stroke {
stroke: #ffffff; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-checkbox .checkbox {
width: 100%; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-checkbox .checkbox .checkout__label {
position: relative; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-checkbox .checkbox .checkout__label .value {
color: #8393AD;
position: absolute;
right: 0; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content {
display: flex;
flex-direction: column;
grid-gap: 24px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__inputs {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 16px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__inputs .range__wrapper {
position: relative; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__inputs .range__wrapper .range__input {
display: block;
width: 94.5px;
height: 40px;
border: 1px solid #C5D6DF;
border-radius: 8px;
padding: 12px 0;
text-indent: 30px;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__inputs .range__wrapper .range__label {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 12px;
font-size: 14px;
line-height: 16px;
color: #8393AD; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider {
position: relative; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider .slider-track {
width: 100%;
height: 2px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
border-radius: 5px;
background-color: #182C36; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
outline: none;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
background-color: transparent;
pointer-events: none; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-webkit-slider-runnable-track {
-webkit-appearance: none;
height: 5px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-moz-range-track {
-moz-appearance: none;
height: 5px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-ms-track {
appearance: none;
height: 5px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 20px;
width: 20px;
background-color: #182C36;
cursor: pointer;
margin-top: -9px;
pointer-events: auto;
border-radius: 50%; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-moz-range-thumb {
height: 20px;
width: 20px;
cursor: pointer;
border-radius: 50%;
background-color: #182C36;
pointer-events: auto;
border: none; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]::-ms-thumb {
appearance: none;
height: 20px;
width: 20px;
cursor: pointer;
border-radius: 50%;
background-color: #182C36;
pointer-events: auto; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]:active::-webkit-slider-thumb {
background-color: #F90D01;
border: 1px solid #F90D01; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]:active::-moz-range-track {
background-color: #F90D01; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__filters .sub-catalog__items .filters-range .accordion__content .range__slider input[type="range"]:active ~ .slider-track {
background-color: #F90D01; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .modal__header {
display: none; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .modal__header {
display: flex; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .sub-catalog__mobile {
/* height: 100vh; */
}
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .sub-catalog__mobile .sub-catalog__list {
overflow-y: scroll;
height: calc(100% - 90px); }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .sub-catalog__mobile .sub-catalog__list::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .filters__mobile .sub-catalog__mobile .sub-catalog__list::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0;
}
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal {
position: fixed;
right: -150%;
top: 0;
z-index: 5;
max-width: 360px;
width: 100%; } }
@media (max-width: 576px) {
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal {
max-width: 100%; } }
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal.active {
right: 0; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content {
display: flex;
flex-direction: column;
grid-gap: 16px;
width: 100%; }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content {
grid-gap: 8px; } }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block {
display: flex;
flex-direction: column;
grid-gap: 8px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper {
display: flex;
justify-content: space-between; }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .select {
padding: 12px 10px; } }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .select .select__list {
top: 50px; } }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .select .select__list .select__item {
padding: 12px 10px; } }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .configure__button {
padding: 12px 30px; } }
@media (max-width: 1400px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .configure__button {
display: none; } }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .view__buttons {
display: none; }
@media (max-width: 1400px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .view__buttons {
display: flex;
grid-gap: 8px; } }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .view__buttons .view__button.active {
background-color: #3b5765; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .view__buttons .view__button.active svg rect {
stroke: #ffffff; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .component__button {
padding: 12px; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button {
display: none;
position: relative;
padding: 16px; }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button {
padding: 12px; } }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button .amount {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
background-color: #E23D41;
color: #ffffff;
border-radius: 100%;
width: 13px;
padding: 2px;
right: -5px;
top: -5px;
font-size: 8px;
font-style: normal;
font-weight: 500;
line-height: 9px;
letter-spacing: 0.16px;
color: #ffffff; }
@media (max-width: 1280px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .buttons__wrapper .filter__button {
display: flex; } }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .product__wrapper {
width: 100%; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .product__button {
display: none;
background-color: transparent; }
@media (max-width: 575px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .product__button {
display: flex;
padding: 12px; } }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper .sort-desktop {
display: none; } }
.main .sub-catalog__section .sub-catalog__wrapper .tablet {
display: none; }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .tablet {
display: flex; }
.main .sub-catalog__section .sub-catalog__wrapper .tablet .buttons__wrapper {
width: 100%; } }
@media (max-width: 1280px) {
.main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .product__button {
display: flex;
padding: 16px !important; } }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .product__button {
padding: 12px !important;
display: none; } }
.main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .sort-desktop {
display: none; }
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .sort-desktop {
display: flex; } }
@media (max-width: 576px) {
.main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .sort-desktop {
display: none; } }
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons {
display: flex;
grid-gap: 16px;
justify-content: center; }
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons .info__page {
display: flex;
align-items: center;
grid-gap: 4px;
padding: 12px 16px;
background-color: #C5D6DF;
border-radius: 8px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles {
display: none; }
@media (max-width: 1400px) {
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles {
display: flex;
padding-top: 30px; } }
.main .card-product__section .card-product {
background-color: #ffffff;
padding: 24px;
border-radius: 8px;
position: relative; }
@media (max-width: 576px) {
.main .card-product__section .card-product {
padding: 16px; } }
.main .card-product__section .card-product .card-header {
display: grid;
grid-template-columns: 256px auto;
grid-gap: 48px;
margin-bottom: 24px;
position: relative; }
@media (max-width: 1280px) {
.main .card-product__section .card-product .card-header {
padding-top: 130px;
grid-gap: 24px; } }
@media (max-width: 768px) {
.main .card-product__section .card-product .card-header {
grid-template-columns: 170px auto; } }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header {
grid-template-columns: auto; } }
.main .card-product__section .card-product .card-header .swiper-buttons {
display: none; }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .swiper-buttons {
display: flex;
position: absolute;
top: 230px;
width: 100%; } }
.main .card-product__section .card-product .card-header .swiper-buttons .swiper-button {
width: 100%; }
.main .card-product__section .card-product .card-header .swiper-buttons .prev-card {
text-align: start; }
.main .card-product__section .card-product .card-header .swiper-buttons .next-card {
text-align: end; }
.main .card-product__section .card-product .card-header .slider__wrapper {
width: 256px;
height: auto; }
@media (max-width: 768px) {
.main .card-product__section .card-product .card-header .slider__wrapper {
width: 170px; } }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .slider__wrapper {
width: 200px;
margin: 0 auto; } }
.main .card-product__section .card-product .card-header .slider__wrapper .card__slider-2 {
margin-bottom: 10px; }
.main .card-product__section .card-product .card-header .slider__wrapper .card__slider-1 .mini-image {
width: 58px;
height: 58px; }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card__slider-1 {
display: none; } }
.main .card-product__section .card-product .card-header .card-header__info {
width: 100%; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__name {
display: flex;
flex-direction: column;
grid-gap: 4px;
padding-bottom: 24px;
border-bottom: 1px solid #C5D6DF; }
@media (max-width: 1540px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__name {
padding-bottom: 16px;
margin-bottom: 8px; } }
@media (max-width: 1280px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__name {
position: absolute;
width: 100%;
left: 0;
top: 0;
border-bottom: none;
margin-bottom: 0; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .info-text__wrap {
display: flex;
grid-gap: 8px; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .info-text__wrap .info-text-red {
font-size: 8px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.16px;
padding: 4px;
background-color: #E23D41;
color: #ffffff;
border-radius: 4px;
position: relative;
top: -2px; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .info-text__wrap .info-text-black {
font-size: 8px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.16px;
padding: 4px;
color: #ffffff;
background-color: #182C36;
border-radius: 4px;
position: relative;
top: -2px; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
text-transform: uppercase;
grid-gap: 8px;
font-size: 32px;
font-weight: 400; }
@media (max-width: 1280px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title {
font-size: 24px; } }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title {
font-size: 16px; } }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title img {
position: absolute;
right: 0;
bottom: 12px; } }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title span {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .article {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper {
display: grid;
grid-template-columns: 620px auto;
grid-gap: 32px; }
@media (max-width: 1540px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper {
grid-template-columns: auto;
grid-gap: 0; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper:last-child {
margin-top: 24px; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product {
padding-top: 24px;
display: flex;
align-items: center;
grid-gap: 32px;
margin-bottom: 32px; }
@media (max-width: 1540px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product {
width: 100%;
justify-content: space-between;
padding-top: 0; } }
@media (max-width: 1280px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product {
flex-direction: column;
align-items: baseline;
grid-gap: 16px; } }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product {
position: relative; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__price {
display: flex;
flex-direction: column;
white-space: nowrap; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__price span:first-child {
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #8393AD; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__price span:last-child {
font-size: 40px;
line-height: 40px;
letter-spacing: 0.4px;
text-transform: uppercase;
color: #182C36; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__price span:last-child span {
font-size: 28px;
font-weight: 500; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper {
display: flex;
align-items: center;
grid-gap: 16px; }
@media (max-width: 1540px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper {
flex-direction: row; } }
@media (max-width: 1023px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper {
flex-wrap: wrap; } }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
align-items: flex-start; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control {
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 4px; }
@media (max-width: 1280px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control {
align-items: baseline; } }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control {
width: 100%;
align-items: center; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control span:first-child {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #46B751;
display: flex;
grid-gap: 2px; }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control span:first-child {
display: none; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control span:last-child {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #8393AD;
display: flex;
grid-gap: 2px; }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control .quantity-control__wrapper {
width: 100%; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control .quantity-control__wrapper .quantity-control__button {
padding: 10px 12px; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control .quantity-control__wrapper .quantity-control__value {
padding: 10px 22px; }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .card-header__control .quantity-control__wrapper .quantity-control__value {
width: 100%;
text-align: center; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .component__button {
height: -moz-fit-content;
height: fit-content;
width: 120px;
padding: 14px 16px; }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .component__button {
width: 100%; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .favorites:hover {
color: #E23D41; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .favorites:hover svg .stroke {
stroke: #E23D41; }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .favorites {
background-color: #F6F8FA;
width: -moz-fit-content;
width: fit-content;
padding: 12px;
position: absolute;
top: 0;
right: 0; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__product .card-header__wrapper .favorites span:last-child {
display: none; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .required-field {
margin-bottom: 12px;
background-color: #F6F8FA;
color: #8393AD; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__pay-delivery {
display: flex;
grid-gap: 32px; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__pay-delivery .component__button span:nth-child(2) {
position: relative; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__pay-delivery .component__button span:nth-child(2):after {
position: absolute;
content: url("/local/templates/lk/css/../img/svg/border-line.svg");
bottom: -5px;
right: 0;
width: -webkit-fill-available;
overflow: hidden; }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header__pay-delivery {
justify-content: center;
grid-gap: 76px; } }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description {
border-radius: 8px;
border: 1px solid #E6ECF0;
overflow: hidden; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block {
padding: 16px;
display: flex;
justify-content: space-between; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:first-child {
background-color: #F6F8FA;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.24px;
text-transform: uppercase;
color: #8393AD; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) {
border-top: 1px solid #F6F8FA;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) .manufacturer {
color: #C5D6DF; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) p {
display: flex;
grid-gap: 16px; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) p span {
position: relative; }
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper .card-header__subwrapper .card-header-description .card-header__block:not(:first-child) p span:not(:last-child):after {
position: absolute;
content: "/";
left: 59px;
color: #C5D6DF; }
.main .card-product__section .card-product .card-body {
display: flex;
grid-gap: 48px; }
@media (max-width: 1280px) {
.main .card-product__section .card-product .card-body {
grid-gap: 18px; } }
.main .card-product__section .card-product .card-body .card-body__tabs {
flex: 0 0 58%;
margin-top: 32px;
overflow: hidden; }
@media (max-width: 1023px) {
.main .card-product__section .card-product .card-body .card-body__tabs {
flex: 0 0 100%; } }
.main .card-product__section .card-product .card-body .card-body__tabs .section__tabs {
margin-bottom: 24px; }
.main .card-product__section .card-product .card-body .card-body__wrapper {
display: flex;
flex-direction: column;
grid-gap: 24px; }
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__title {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.2px;
text-transform: uppercase;
color: #8393AD;
background-color: #F1F4F6;
padding: 10px;
border-radius: 8px; }
@media (max-width: 576px) {
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__title {
font-size: 16px; } }
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content:not(.base_styles) {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
padding: 8px;
display: flex;
flex-direction: column;
grid-gap: 24px; }
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper {
justify-content: space-between;
display: flex;
position: relative; }
@media (max-width: 425px) {
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper {
flex-direction: column;
grid-gap: 3px; } }
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span {
background-color: #ffffff;
z-index: 1; }
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span:first-child {
padding-right: 8px; }
@media (max-width: 425px) {
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span:first-child {
padding-right: 0;
font-size: 10px;
text-transform: uppercase;
color: #8393AD; } }
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span:last-child {
padding-left: 8px; }
@media (max-width: 425px) {
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper span:last-child {
padding-left: 0; } }
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__block .card-body__content .content__wrapper::after {
position: absolute;
content: '';
border-bottom: 1px dotted #E6ECF0;
width: 100%;
bottom: 3px; }
.main .card-product__section .card-product .card-body .card-body__wrapper .card-body__text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
line-height: 20px; }
.main .card-product__section .card-product .card-body .card-body__descriptions {
flex: 0 0 39%;
background-color: #F6F8FA;
padding: 32px;
border-radius: 8px; }
@media (max-width: 1280px) {
.main .card-product__section .card-product .card-body .card-body__descriptions {
padding: 32px 0;
background-color: #ffffff; } }
@media (max-width: 1023px) {
.main .card-product__section .card-product .card-body .card-body__descriptions {
display: none; } }
.main .card-product__section .card-product .card-body .card-body__descriptions .card-description__title {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
text-transform: uppercase;
color: #182C36;
border-bottom: 1px solid #E6ECF0;
padding-bottom: 15px; }
.main .card-product__section .card-product .card-body .card-body__descriptions .card-body__wrapper {
margin-top: 24px; }
.main .card-product__section .card-product .card-body .card-body__descriptions .card-body__wrapper .card-body__block .card-body__content .card-body__text {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182C36;
line-height: 20px; }
.main .card-product__section .card-product .card-body .video__block {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 16px; }
.main .card-product__section .card-product .card-body .video__block .video__item .video__background {
display: flex;
align-items: center;
justify-content: center;
height: 195px;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 8px;
margin-bottom: 12px; }
.main .card-product__section .card-product .card-body .video__block .video__item .video__background .video__link:hover {
scale: 1.1; }
.main .card-product__section .card-product .card-body .video__block .video__item .video__title {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.2px;
color: #182C36; }
.main .card-product__section .card-product .card-body .video__block .video__item .video__text {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #182C36; }
.main .card-product__section .card-product .card-body .documentation__block {
display: flex;
flex-direction: column;
grid-gap: 16px; }
.main .card-product__section .card-product .card-body .documentation__block .download__file {
background-color: #F6F6F6; }
.main .card-product__section .card-tables {
padding: 32px 24px 24px 24px; }
@media (max-width: 1023px) {
.main .card-product__section .card-tables {
padding: 32px 0 0 0; } }
.main .card-product__section .card-tables .section__tabs {
margin-bottom: 16px; }
@media (max-width: 425px) {
.main .card-product__section .card-tables .section__tabs {
justify-content: center; } }
.main .card-product__section .card-tables .section__contents .section__content .catalog__table .mobile-card__add .mobile-favourite__button {
display: none; }
@media (max-width: 425px) {
.main .card-product__section .card-tables .section__contents .section__content .catalog__table .mobile-card__add .mobile-favourite__button {
display: flex;
position: absolute;
right: 5px;
top: 5px; } }
.main .error__section .error__block {
max-width: 380px;
width: 100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
@media (max-width: 425px) {
.main .error__section .error__block {
max-width: 327px; } }
.main .error__section .error__image {
margin-bottom: 40px; }
@media (max-width: 425px) {
.main .error__section .error__image {
width: 215px; } }
.main .error__section .section__title {
margin-bottom: 8px; }
.main .error__section .block__text {
margin-bottom: 32px; }
.main .error__section .buttons__wrapper {
grid-gap: 16px; }
.main .error__section .buttons__wrapper .component__button {
width: 100%; }
.main .authorization__section .authorization__image {
position: relative;
left: 50%;
transform: translateX(-50%);
padding: 40px; }
@media (max-width: 576px) {
.main .authorization__section .authorization__image {
padding: 24px; } }
.main .authorization__section .authorization .create__form {
padding: 0; }
.main .authorization__section .authorization .create__form .section__tabs {
padding: 0px 48px 15px; }
@media (max-width: 576px) {
.main .authorization__section .authorization .create__form .section__tabs {
padding: 0px 16px 15px;
justify-content: center; } }
.main .basket__block .section__contents {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.main .authorization__section .authorization .create__form .section__contents {
padding: 8px 48px 48px; }
@media (max-width: 576px) {
.main .authorization__section .authorization .create__form .section__contents {
padding: 8px 16px 16px; } }
.main .authorization__section .authorization .create__form .section__contents .main__form .checkout__item {
display: flex;
margin-top: 8px;
margin-bottom: 8px; }
.main .authorization__section .authorization .create__form .section__contents .main__form .checkout__item .checkout__wrapper .checkbox .checkout__label {
justify-content: center; }
.main .authorization__section .authorization .create__form .section__contents .main__form .switch__block .switch {
display: flex;
justify-content: space-between;
align-items: center; }
.main .authorization__section .authorization .create__form .section__contents .main__form .component__button {
width: 100%; }
.main .authorization__section .authorization .create__form .section__contents .main__form .profile__list {
display: flex;
flex-direction: column;
grid-gap: 8px;
overflow-y: scroll;
height: 235px; }
.main .authorization__section .authorization .create__form .section__contents .main__form .profile__list::-webkit-scrollbar {
width: 4px;
height: auto; }
.main .authorization__section .authorization .create__form .section__contents .main__form .profile__list::-webkit-scrollbar-track-piece {
background-color: #E6ECF0;
-webkit-border-radius: 8px; }
.main .authorization__section .authorization .create__form .section__contents .main__form .profile__list::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3B5765; }
.main .authorization__section .authorization .create__form .section__contents .main__form .profile__list .profile__description {
cursor: pointer;
transition: 0.3s ease; }
.main .authorization__section .authorization .create__form .section__contents .main__form .profile__list .profile__description:hover {
background-color: #E6ECF0; }
.main .authorization__section .authorization .create__form .block__title {
margin-bottom: 0;
padding: 48px 48px 16px 48px; }
@media (max-width: 576px) {
.main .authorization__section .authorization .create__form .block__title {
text-align: center;
padding: 24px 16px 8px 16px; } }
@media (min-width: 768px) and (max-width: 1023px) {
.main .support__section .filter-table {
padding: 16px;
border-top: 1px solid #E6ECF0;
border-left: 1px solid #E6ECF0;
border-right: 1px solid #E6ECF0; } }
@media (max-width: 576px) {
.main .support__section .filter-table {
flex-direction: column-reverse; } }
@media (min-width: 768px) and (max-width: 1023px) {
.main .support__section .filter-table .filter-table__wrapper {
display: flex;
position: static; } }
@media (min-width: 768px) and (max-width: 1023px) {
.main .support__section .filter-table .document-search {
display: none; } }
@media (min-width: 768px) and (max-width: 1023px) {
.main .support__section .table {
border-top-left-radius: 0;
border-top-right-radius: 0; } }
@media (max-width: 1023px) {
.main .support__section .table tbody tr:not(:last-child) {
border-bottom: 1px solid #E6ECF0; } }
.main .complaint__section .light__button {
padding: 16px 16px; }
@media (max-width: 425px) {
.main .complaint__section .light__button {
padding: 16px 12px;
height: 40px; } }
.main .complaint__section .complaint__link {
border: none; }
.main .complaint__section .complaint__link:hover {
background-color: #3B5765;
border: none; }
.main .profile-create__section .select-details {
transition: 0.3s ease; }
.main .profile-create__section .select-details ~ .select__organization {
display: flex;
flex-direction: column;
opacity: 0;
visibility: hidden;
z-index: -1;
max-height: 0;
padding: 0 8px;
border-radius: 8px;
transition: 0.3s ease;
position: absolute;
width: 100%;
top: 70px;
left: 0;
background-color: #fff; }
.main .profile-create__section .select-details.active {
transition: 0.3s ease; }
.main .profile-create__section .select-details.active ~ .select__organization {
opacity: 1;
visibility: visible;
z-index: 3;
padding: 8px 8px;
grid-gap: 16px;
box-shadow: 0px 8px 16px #E6ECF0;
max-height: 100vh; }
.main .profile-create__section .select-details.active ~ .select__organization .profile__description {
cursor: pointer;
transition: 0.3s ease; }
.main .profile-create__section .select-details.active ~ .select__organization .profile__description:hover {
background-color: #3B5765; }
.main .profile-create__section .select-details.active ~ .select__organization .profile__description:hover .profile__name {
color: #ffffff; }
@media (max-width: 576px) {
.main .profile-create__section .select-details.active ~ .select__organization {
display: none; } }
.main .favourite__section .main__block {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center; }
@media (max-width: 576px) {
.main .favourite__section .main__block {
flex-direction: column;
align-items: baseline;
grid-gap: 16px; }
.main .basket__section .main__container .main__title {
margin-bottom: 0; }
.main .basket__section .main__container .bx-soa {
padding-bottom: 0;} }
.main .favourite__section .main__block .main__title {
margin-bottom: 0; }
.main .favourite__section .main__block .main__wrapper {
display: flex;
grid-gap: 16px; }
@media (max-width: 1023px) {
.main .favourite__section .main__block .main__wrapper .component__button {
padding: 12px; } }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content {
grid-gap: 0; }
@media (max-width: 1280px) {
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content {
grid-gap: 16px; } }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block {
grid-gap: 0; }
@media (max-width: 1023px) {
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block {
grid-gap: 8px; } }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block .sub-catalog__wrapper .first-line .sort-desktop {
display: none; }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block .sub-catalog__wrapper .configure__button {
display: none; }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table {
border-radius: 8px;
overflow: hidden; }
@media (max-width: 1023px) {
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table {
display: none; } }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .info-text-red {
font-size: 8px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.16px;
padding: 4px;
background-color: #E23D41;
color: #ffffff;
border-radius: 4px;
position: relative;
top: -2px; }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .info-text-black {
font-size: 8px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.16px;
padding: 4px;
color: #ffffff;
background-color: #182C36;
border-radius: 4px;
position: relative;
top: -2px; }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .td-wrapper__favourite .component__button {
padding: 8px; }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .td-wrapper__favourite .td__control {
align-items: baseline; }
.main .favourite__section .sub-catalog__wrapper .sub-catalog__content .favourite__table .td-wrapper__favourite .quantity-control .total .td-rub__value {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #8393AD;
position: absolute; }
.main .favourite__section .sub-catalog__wrapper .changing__buttons {
padding-top: 20px; }
.main .password-recovery__section .authorization .create__form .block__title {
padding: 48px 48px 0 48px; }
.main .password-recovery__section .authorization .create__form .section__contents .main__form {
grid-gap: 24px; }
.main .password-recovery__section .authorization .create__form .section__contents .main__form .form__text {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; }
.main .password-recovery__section .authorization .create__form .section__contents .stage-1.hidden {
display: none; }
.main .password-recovery__section .authorization .create__form .section__contents .stage-2 {
display: none; }
.main .password-recovery__section .authorization .create__form .section__contents .stage-2.active {
display: flex; }
.catalog__main .offers__section--mobile {
display: none; }
@media (max-width: 1023px) {
.catalog__main .offers__section--mobile {
display: block; } }
.catalog__main .footer {
display: none; }
@media (max-width: 1023px) {
.catalog__main .footer {
display: flex; } }
.aside__main {
max-width: 232px;
width: 100%;
margin: 0 auto;
height: 100vh;
overflow: hidden;
position: relative;
z-index: 1; }
@media (max-width: 1023px) {
.aside__main {
position: absolute;
left: -150%;
z-index: 20;
max-width: 360px;
transition: 0.3s ease; } }
@media (max-width: 576px) {
.aside__main {
max-width: 80%; } }
.aside__main .aside__fixed {
position: fixed;
max-width: inherit;
background-color: #ffffff;
border-right: 1px solid #E6ECF0;
height: 100%; }
@media (max-width: 1023px) {
.aside__main .aside__fixed {
width: inherit; } }
@media (max-width: 576px) {
.aside__main .aside__fixed {
width: inherit; } }
.aside__main .aside__wrapper {
border-bottom: 1px solid #E6ECF0;
padding: 16px;
background-color: #FFFFFF; }
.aside__main .aside__profile {
min-height: 152px;
}
.aside__main .aside__header {
display: flex;
align-items: center;
justify-content: space-between; }
@media (max-width: 1023px) {
.aside__main .aside__header {
padding: 12px; } }
.aside__main .aside__header .header__name {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #182C36;
display: none; }
@media (max-width: 1023px) {
.aside__main .aside__header .header__name {
display: block; } }
@media (max-width: 1023px) {
.aside__main .aside__header .aside__logo svg {
width: 64px;
height: 34px; } }
@media (max-width: 1023px) {
.aside__main .aside__header .reduce__menu {
display: none; } }
.aside__main .aside__header .reduce__rotate {
transform: rotate(180deg); }
.aside__main .aside__header .close__menu {
display: none; }
@media (max-width: 1023px) {
.aside__main .aside__header .close__menu {
display: block; } }
.aside__main .aside__profile .user__block {
display: flex;
align-items: center;
grid-gap: 12px;
margin-bottom: 12px; }
.aside__main .aside__profile .user__block .user__name {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765; }
.aside__main .aside__navigation {
display: flex;
flex-direction: column;
z-index: 2;
transition: 0.3s ease;
height: calc(100% - 130px);
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none; }
/*sidebar hotfix 28.09.23 */
.aside__main .aside__navigation {
height: calc(100% - 90px);
}
/*sidebar hotfix end */
.aside__main .aside__navigation::-webkit-scrollbar {
width: 0px;
height: 0px; }
.aside__main .aside__navigation::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
@media (max-width: 1023px) {
.aside__main .aside__navigation {
overflow-y: hidden; } }
.aside__main .aside__navigation .aside__link {
display: flex;
align-items: center;
grid-gap: 8px;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #182C36;
padding: 8px;
border-radius: 8px;
transition: 0.4s ease; }
.aside__main .aside__navigation .aside__links {
cursor: pointer;
border-radius: 8px;
transition: all 0.4s ease; }
.aside__main .aside__navigation .aside__links:hover {
background-color: #E6ECF0; }
.aside__main .aside__navigation .aside__links .arrow-width {
justify-content: space-between;
align-items: center; }
.aside__main .aside__navigation .aside__links .arrow-width .aside__link__arrow-wrapper {
display: flex;
align-items: center;
grid-gap: 8px; }
.aside__main .aside__navigation .aside__links .aside__sublinks {
position: relative;
transition: 0.4s ease;
padding: 0 8px 0 8px;
border-radius: 8px;
visibility: hidden;
opacity: 0;
max-height: 0;
bottom: 40px;
z-index: -2; }
.aside__main .aside__navigation .aside__links .aside__sublinks .aside__sublink {
display: flex;
padding: 8px 10px;
width: 100%;
border-radius: 8px;
color: #182C36;
font-style: normal;
font-weight: 600;
font-size: 10px;
line-height: 24px;
letter-spacing: 0.02em;
text-transform: uppercase;
height: 0; }
.aside__main .aside__navigation .aside__links .aside__sublinks .aside__sublink:last-child {
margin-bottom: 8px; }
.aside__main .aside__navigation .aside__links .aside__sublinks .aside__sublink:hover {
background-color: #182C36;
color: #ffffff; }
.aside__main .aside__navigation .aside__links.active {
background-color: #E6ECF0; }
.aside__main .aside__navigation .aside__links.active .arrow {
transform: rotate(180deg); }
.aside__main .aside__navigation .aside__links.active .aside__sublinks {
background-color: #E6ECF0;
visibility: visible;
opacity: 1;
max-height: 100vh;
bottom: 0;
z-index: 2; }
.aside__main .aside__navigation .aside__links.active .aside__sublinks .aside__sublink {
height: 100%; }
.aside__main .aside__navigation .link {
transition: 0.4s ease; }
.aside__main .aside__navigation .link:hover {
background-color: #182C36;
color: #ffffff; }
.aside__main .aside__navigation .link:hover .icon .stroke {
stroke: #ffffff; }
.aside__main .aside__navigation .link--active {
background-color: #182C36;
color: #ffffff; }
.aside__main .aside__navigation .link--active .icon .stroke {
stroke: #ffffff; }
.aside__main .aside-height.active {
height: calc(100% - 362px); }
.aside__main .aside__block .accordion__label {
display: flex;
grid-gap: 8px; }
.aside__main .aside__block .aside-block__title {
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: #E23D41;
text-transform: uppercase;
font-size: 10px;
margin: 0;}
.aside__main .aside__block .aside-block__image {
margin: 12px 0;
max-width: 200px;
object-fit: contain;
}
.aside__main .aside__block .aside-block__text {
display: block;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #3B5765; }
.aside__main .aside__block .aside-block__text:not(:last-child) {
margin-bottom: 4px; }
.aside__main .aside__block .aside-block__number {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3B5765;
margin: 0;}
.aside__main .aside__manager .aside__accordion {
position: relative; }
.aside__main .aside__manager .aside__accordion .accordion__label {
justify-content: space-between; }
.aside__main .aside__reduce-manager {
display: none;
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
border-top: 1px solid #E6ECF0; }
.aside__main .aside__contract {
display: flex;
justify-content: space-between;
border-bottom: none; }
.aside__main .aside__mobile-footer {
border-top: 1px solid #E6ECF0;
border-bottom: none;
display: none;
flex-direction: column;
grid-gap: 16px; }
.aside__main .aside__mobile-footer .footer__block .footer__callback {
display: flex;
flex-direction: column;
grid-gap: 16px;
margin-bottom: 24px; }
.aside__main .aside__mobile-footer .footer__block .footer__social {
display: flex;
grid-gap: 24px; }
@media (max-width: 1023px) {
.aside__main .aside__mobile-footer {
display: flex; } }
.aside__main .aside__main-navigation {
height: calc(100vh - 340px);
overflow-x: visible;
scrollbar-width: none; }
@media (max-width: 576px) {
.aside__main .aside__navigation .aside__links.active:hover {
background-color: #E6ECF0; }
.aside__main .aside__navigation .aside__links:hover {
background-color: transparent; } }
.aside__main .aside__main-navigation::-webkit-scrollbar {
width: 0px;
height: 0px; }
.aside__main .aside__main-navigation::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; }
@media (max-width: 1023px) {
.aside__main .aside__main-navigation {
height: -moz-max-content;
height: max-content;
overflow: auto; } }
.aside__main.index {
z-index: 5; }
@media (min-width: 1024px) {
.aside__reduce {
max-width: 80px; }
.aside__reduce .aside__header {
justify-content: center; }
.aside__reduce .aside__header .aside__logo {
display: none;
visibility: hidden;
opacity: 0;
max-height: 52px; }
.aside__reduce .aside__profile {
display: none; }
.aside__reduce .aside__wrapper .catalog__button {
width: -moz-fit-content;
width: fit-content; }
.aside__reduce .aside__wrapper .catalog__button span {
display: none; }
.aside__reduce .aside__navigation {
grid-gap: 12px;
align-items: center;
overflow-y: scroll;
height: 100%;
scrollbar-width: none; }
.aside__reduce .aside__navigation::-webkit-scrollbar {
width: 0px;
height: 0px; }
.aside__reduce .aside__navigation::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; } }
@media (min-width: 1024px) and (max-height: 910px) {
.aside__reduce .aside__navigation {
height: calc(100vh - 360px); } }
@media (min-width: 1024px) {
.aside__reduce .aside__navigation .aside__link {
width: -moz-fit-content;
width: fit-content;
padding: 8px;
justify-content: center; }
.aside__reduce .aside__navigation .aside__link .icon {
width: 24px;
height: 24px; }
.aside__reduce .aside__navigation .aside__link .arrow {
display: none; }
.aside__reduce .aside__navigation .aside__link span {
display: none; }
.aside__reduce .aside__navigation .aside__links {
transition: all 0.4s ease; }
.aside__reduce .aside__navigation .aside__links .aside__sublinks {
position: absolute;
visibility: hidden;
opacity: 0;
max-height: -moz-max-content;
max-height: max-content;
width: -moz-max-content;
width: max-content;
top: 270px;
left: 50px;
padding: 8px 8px 0px 8px;
transition: all 0.4s ease; }
.aside__reduce .aside__navigation .aside__links .aside__sublinks .aside__sublink {
height: auto;
transition: all 0.4s ease; }
.aside__reduce .aside__navigation .aside__links .aside__sublinks .aside__link {
transition: all 0.4s ease; }
.aside__reduce .aside__navigation .aside__links:hover .aside__link {
background-color: #182C36;
color: #ffffff; }
.aside__reduce .aside__navigation .aside__links:hover .aside__link .icon .stroke {
stroke: #ffffff; }
.aside__reduce .aside__navigation .aside__links:hover .aside__sublinks {
visibility: visible;
opacity: 1;
max-height: -moz-max-content;
max-height: max-content;
background-color: white;
z-index: 5;
box-shadow: 0px 8px 16px #E6ECF0; }
.aside__reduce .aside__navigation .aside__links:hover .aside__sublinks .aside__sublink {
height: auto; }
.aside__reduce .aside__navigation .aside__links.active {
background-color: #ffffff;
transition: all 0.4s ease; }
.aside__reduce .aside__navigation .aside__links.active .aside__sublinks {
position: absolute;
visibility: hidden;
opacity: 0;
max-height: -moz-max-content;
max-height: max-content;
width: -moz-max-content;
width: max-content;
top: 270px;
left: 50px;
padding: 8px 8px 0px 8px;
transition: all 0.4s ease; }
.aside__reduce .aside__navigation .aside__links.active .aside__sublinks .aside__sublink {
height: auto;
transition: all 0.4s ease; }
.aside__reduce .aside__navigation .aside__links.active .aside__sublinks .aside__link {
transition: all 0.4s ease; }
.aside__reduce .aside__navigation .aside__links.active:hover .aside__link {
background-color: #182C36;
color: #ffffff; }
.aside__reduce .aside__navigation .aside__links.active:hover .aside__link .icon .stroke {
stroke: #ffffff; }
.aside__reduce .aside__navigation .aside__links.active:hover .aside__sublinks {
visibility: visible;
opacity: 1;
max-height: -moz-max-content;
max-height: max-content;
background-color: white;
box-shadow: 0px 8px 16px #E6ECF0; }
.aside__reduce .aside__navigation .aside__links.active:hover .aside__sublinks .aside__sublink {
height: auto; }
.aside__reduce .aside__manager {
display: none; }
.aside__reduce .aside__reduce-manager {
display: flex;
justify-content: center; }
.aside__reduce .aside__reduce-manager .aside__reduce-manager-wrapper {
position: relative; }
.aside__reduce .aside__reduce-manager .aside__reduce-manager-wrapper:hover .manager__content {
opacity: 1;
visibility: visible; }
.aside__reduce .aside__reduce-manager .aside__reduce-manager-wrapper .manager__content {
opacity: 0;
visibility: hidden;
position: absolute;
top: -102px;
left: 30px;
width: -moz-max-content;
width: max-content;
background-color: #ffffff;
z-index: 2;
box-shadow: 0px 8px 16px #E6ECF0;
padding: 16px;
border-radius: 8px; }
.aside__reduce .aside__contract {
justify-content: center;
height: 61px;
max-height: 61px; }
.aside__reduce .aside__contract .aside-block__wrapper {
display: none; }
.aside__reduce .aside__main-navigation {
overflow-x: visible;
overflow-y: visible; } }
.aside__visible {
left: 0%; }
@media (min-width: 1024px) {
.aside__manager {
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
border-top: 1px solid #E6ECF0; }
.aside__contract {
position: absolute;
bottom: -4px;
left: 0;
width: 100%; } }
@media (max-width: 1023px) {
.aside__mobile-wrapper {
overflow-y: scroll;
overflow-x: visible;
height: calc(100vh - 65px);
scrollbar-width: none; }
.aside__mobile-wrapper::-webkit-scrollbar {
width: 0px;
height: 0px; }
.aside__mobile-wrapper::-webkit-scrollbar-track-piece {
background-color: transparent;
-webkit-border-radius: 0; } }
@media (max-width: 576px) {
.aside__mobile-wrapper {
padding-bottom: 77px; } }
.footer {
background-color: #ffffff;
border-top: 1px solid #E6ECF0;
padding: 8px 0;
width: 100%; }
/*footer hotfix 28.09.23 */
.footer {
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1023px) {
.footer {
/* margin-top: 72px; */
padding: 0;
background-color: transparent;
border-top: 1px solid transparent; } }
.footer .footer__block {
display: flex;
justify-content: space-between; }
@media (max-width: 1023px) {
.footer .footer__block {
display: none; } }
.footer .footer__block .footer__callback {
display: flex;
grid-gap: 26px; }
@media (max-width: 1280px) {
.footer .footer__block .footer__callback {
grid-gap: 16px;
flex-wrap: wrap; } }
.footer .footer__block .footer__social {
display: flex;
grid-gap: 16px; }
.callback__link {
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #182C36;
display: flex;
grid-gap: 10px;
align-items: center; }
.social__link {
height: -moz-fit-content;
height: fit-content;
border-radius: 100%; }
.component__button.favorites.active .stroke,
.fav__button.active .stroke {
stroke: #E23D41;
fill: #E23D41;
}
.search__wrapper {
position: relative;
}
.search__wrapper .lds-ring.preload {
position: absolute;
z-index: 2;
top: 0;
right: -34px;
margin: auto;
cursor: auto;
}
.search__wrapper .lds-ring.preload div {
width: 30px;
height: 30px;
}
.search__wrapper.preload .lds-ring.preload {
display: block;
z-index: 4;
}
.search__wrapper.preload .icon__search {
display: none !important;
}
@media (max-width: 576px) {
.search__wrapper .lds-ring.preload {
top: -4px;
}
}
@media (max-width: 768px) {
.table tbody tr td.basket-table__info {
margin-right: 50px;
}
.table tbody tr td.basket-table__image {
margin-right: auto;
}
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.sub-catalog__filters { }
.sub-catalog__filters .accordion__content[data-proptype="NUMBERS_WITH_SLIDER"] > .sub-catalog__item { padding: 0!important; }
.sub-catalog__filters .accordion__content[data-proptype="NUMBERS_WITH_SLIDER"] .accordion__content { max-height: none; max-height: 100vh; overflow: visible; opacity: 1; }
/*.sub-catalog__filters .js-filter-price-min-real { display: block!important; }
.sub-catalog__filters .js-filter-price-max-real { display: block!important; }*/
.sub-catalog__filters .range__input ~ .range__input { display: none !important; }
.sub-catalog__filters .range__input ~ .range__input { display: none !important; }
.subsections {
margin-bottom: 24px;
display: none;
}
.subsections.is-load {
display: block;
}
.subsections__grid {
position: relative;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 12px;
}
.subsections__item {
position: relative;
border: 0.50px solid #c5d6df;
background: #fff;
border-radius: 8px;
padding: 11px 8px;
display: flex;
align-items: center;
gap: 8px;
height: 58px;
}
.subsections__item:hover {
box-shadow: 0 4px 16px 0 rgba(191, 194, 196, 0.8);
}
.subsections__item img {
width: 20px;
height: 20px;
border-radius: 50%;
object-fit: contain;
}
.subsections__title {
font-size: 15px;
line-height: 18px;
margin-bottom: 2px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.subsections__count {
font-weight: 300;
font-size: 11px;
line-height: 16px;
color: #839EAD;
}
.subsections__more {
border-radius: 8px;
padding: 16px 16px;
font-size: 12px;
line-height: 16px;
color: #182c36;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.subsections__more:hover {
color: #839ead;
}
.subsections__more.active .vertical-line {
display: none;
}
.subsections__more span {
border-bottom: 1px dashed #182c36;
transition: 0.3s ease;
}
.subsections__more:hover span{
border-color: #839ead;
}
.subsections__item--hidden {
display: none !important;
}
.subsections-swiper {
max-width: 100%;
overflow: hidden;
}
.subsections-swiper__next,
.subsections-swiper__prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
margin: 0;
background-color: #E6ECF0;
border: 0.5px solid #C5D6DF;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
transition: all .3s ease;
}
.subsections-swiper__next::after,
.subsections-swiper__prev::after,
.subsections-swiper__next.swiper-button-disabled,
.subsections-swiper__prev.swiper-button-disabled {
display: none;
}
.subsections-swiper__next {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9058_182601)'%3E%3Cpath d='M0 0H16V16H0V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M6 12L10 8L6 4' stroke='%23182C36' stroke-width='1.33' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9058_182601'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
right: 8px;
}
.subsections-swiper__prev {
left: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10928_365404)'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%23182C36' stroke-width='1.33' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.custom-scroll__table {
position: relative;
}
.catalog-scrollbar {
position: fixed;
bottom: 60px;
left: 256px;
right: 24px;
height: 10px;
overflow-x: auto;
overflow-y: hidden;
z-index: 3;
}
.catalog-scrollbar::-webkit-scrollbar {
height: 8px;
}
.catalog-scrollbar::-webkit-scrollbar-track {
background-color: #E6ECF0;
border-radius: 8px;
}
.catalog-scrollbar::-webkit-scrollbar-thumb {
background-color: #3B5765;
border-radius: 8px;
}
.catalog-scrollbar::-webkit-scrollbar-button {
display: none;
width: 0;
height: 0;
background: transparent;
}
.catalog-scrollbar::-webkit-scrollbar-button:single-button {
display: none;
width: 0;
height: 0;
}
.scrollbar-inner {
height: 1px;
}
.custom-scroll__table::-webkit-scrollbar {
height: 0 !important;
}
.custom-scroll__table::-webkit-scrollbar-track {
background-color: transparent !important;
}
.custom-scroll__table::-webkit-scrollbar-thumb {
background-color: transparent !important;
}
body::-webkit-scrollbar {
width: 6px;
}
body::-webkit-scrollbar-track {
background: #E6ECF0;
}
body::-webkit-scrollbar-thumb {
background-color: #3B5765;
border-radius: 4px;
}
/* .mob-table-cards .table-card .table-card__content .item__number {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #3b5765;
}
.mob-table-cards .table-card .table-card__content .item__availability {
font-weight: 500;
}
.mob-table-cards .table-card .table-card__content .item__wrapper .add-to-card {
min-width: 98px;
height: 40px;
} */
@media (min-width: 576px) {
.subsections-swiper__container,
.subsections-swiper__next,
.subsections-swiper__prev {
display: none;
}
}
@media (max-width: 1440px) {
.subsections__grid {
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
}
@media (max-width: 1400px) {
.catalog-scrollbar {
display: none;
}
}
@media (max-width: 1023px) and (min-width: 576px){
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrap-block {
flex-direction: row-reverse;
justify-content: space-between;
}
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__content .sub-catalog__wrapper {
justify-content: flex-start;
}
.main .sub-catalog__section .sub-catalog__wrapper .tablet .buttons__wrapper {
gap: 8px;
}
}
@media (max-width: 1024px) {
.subsections__grid {
grid-template-columns: repeat(2, 1fr);
}
.subsections__more {
justify-content: flex-start;
}
}
@media (max-width: 575px) {
.subsections__grid {
width: calc(100% + 16px);
display: block;
margin: 0 -8px;
}
.subsections__grid .swiper-wrapper {
padding-left: 8px;
}
.subsections__item {
width: 308px;
}
.subsections__item:last-child {
margin-right: 20px !important;
}
}
.main--order-update {
overflow-x: unset;
max-width: calc(100% - 232px);
}
.aside__reduce ~ .main--order-update {
max-width: calc(100% - 80px);
}
.order-update .back__link{
gap: 8px;
padding: 12px !important;
margin: 16px 0;
line-height: 15px;
}
.order-update .back__link:hover {
background-color: #839EAD;
color: #fff;
border-color: #839EAD;
}
.order-update .main__title {
margin-bottom: 4px;
}
.order-update .bx-soa-auth {
margin-top: 16px;
}
.order-update .block__title {
font-weight: 500;
font-size: 14px;
line-height: 171%;
text-transform: none;
}
.order-update .block__title span {
color: #e23d41;
}
.order-update .profile__description{
background: #e6ecf0, rgba(255, 255, 255, 0.64);
padding: 4px 8px;
}
.order-update .profile__description .profile__status{
color: #839ead;
font-weight: 700;
font-size: 8px;
line-height: 100%;
text-transform: uppercase;
}
.order-update .profile__description .profile__name {
color: #182c36;
}
.order-update .profile__description .profile__verification {
border-radius: 4px;
padding: 2px 4px;
font-size: 9px;
letter-spacing: 0.02em;
grid-gap: 4px;
border: none;
}
.order-update .profile__description .profile__verification svg {
width: 12px;
height: 12px;
}
.order-update .profile__description .profile__verification.success {
background: #18a676;
color: #fff;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form {
grid-gap: 12px;
}
.order-update .bx-soa-section {
margin-bottom: 0;
}
.order-update .form__wrapper {
border: 1px solid #c5d6df;
display: block;
padding: 12px 10px 10px;
height: 40px;
}
.order-update .form__label {
position: absolute;
top: 12px;
left: 10px;
padding-left: 4px;
padding-right: 4px;
background: #fff;
font-weight: 600;
color: #839ead;
letter-spacing: 0.02em;
pointer-events: none;
transition: all .3s ease;
}
.order-update .form__label.is-value,
.order-update .bx_soa_location .form__label.symbols,
.order-update .abyk-delivery-container .form__label,
.order-update .form__label[for="soa-property-44"],
.order-update .form__label[for="soa-property-45"]{
top: -7px;
}
.order-update .abyk-delivery-container .form__input {
margin-top: 0;
padding-top: 0;
}
.order-update .bx_soa_location #zipProperty {
background-color: transparent !important;
}
.order-update .bx_soa_location .region__form {
flex-direction: row;
}
.order-update .form__input {
font-size: 12px;
display: block;
background-color: transparent !important;
}
.order-update .form__label.form__required {
padding-right: 8px;
}
.order-update .form__label.form__required:after {
top: 1px;
left: auto;
right: 3px;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .legal__form .sub-form__wrapper {
grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
grid-gap: 12px;
}
.order-update .more__information {
font-size: 12px;
color: #182c36;
gap: 4px;
padding-top: 12px !important;
}
.order-update .bx-soa-section.bx-step-completed .bx-soa-section-content,
.order-update .bx-soa-section.bx-selected .bx-soa-section-content {
padding: 0;
}
.order-update .region__form .bx-sls .bx-ui-sls-container {
top: -6px;
left: -31px;
}
.order-update .region__form .bx-sls .bx-ui-sls-fake,
.order-update .region__form .bx-sls .bx-ui-sls-route {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #182c36 !important;
}
.order-update .region__form .bx-sls .bx-ui-sls-clear {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M2.6665 2.66666L13.3332 13.3333' stroke='%23182C36' stroke-width='1.33333' stroke-linejoin='round'/%3E%3Cpath d='M2.6665 13.3333L13.3332 2.66668' stroke='%23182C36' stroke-width='1.33333' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
background-position: center;
width: 16px;
height: 16px;
top: -1px;
}
.order-update .region__block .region__form .form__wrapper:last-of-type,
.form__wrapper[data-property-id-row="16"] {
width: 100px;
flex-shrink: 0;
position: relative;
padding-right: 26px;
}
.order-update .clear-zip-btn {
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M2.6665 2.66666L13.3332 13.3333' stroke='%23182C36' stroke-width='1.33333' stroke-linejoin='round'/%3E%3Cpath d='M2.6665 13.3333L13.3332 2.66668' stroke='%23182C36' stroke-width='1.33333' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
background-position: center;
width: 16px;
height: 16px;
top: 13px;
right: 10px;
}
.order-update .required-field {
padding: 12px 8px;
font-weight: 300;
font-size: 12px;
line-height: 16px;
color: #839ead;
grid-gap: 8px;
}
.order-update .required__text {
font-weight: 300;
font-size: 11px;
line-height: 16px;
color: #3b5765;
}
.order-blocks {
position: relative;
padding: 0 44px;
}
.order-blocks .swiper {
width: 100%;
margin-left: -44px;
margin-right: -44px;
}
.order-blocks .swiper.order-blocks--swiper-active {
margin-left: unset;
margin-right: unset;
}
.order-blocks .swiper-wrapper {
align-items: stretch;
}
.order-blocks__item {
border: 1px solid #dfeaef;
border-radius: 8px;
padding: 12px;
padding-bottom: 11px !important;
width: 236px;
height: auto;
display: flex;
flex-direction: column;
gap: 10px;
transition: border-color .2s ease-in-out;
box-sizing: border-box;
margin: 0;
}
.order-blocks__item.is-active {
border-color: #e23d41;
}
.order-bloks__radio {
display: flex;
align-items: flex-start;
gap: 8px;
}
.order-bloks__radio input {
position: relative;
cursor: pointer;
appearance: none;
border: 1px solid #182c36;
width: 16px;
height: 16px;
margin: 2px 4px;
flex-shrink: 0;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
transition: border-color .2s ease-in-out;
}
.order-bloks__radio input:checked {
border-color: #e23d41;
}
.order-bloks__radio input::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-radius: 50%;
background: #e23d41;
opacity: 0;
transition: opacity .2s ease-in-out;
}
.order-bloks__radio input:checked:after {
opacity: 1;
}
.order-bloks__radio span {
font-size: 14px;
line-height: 20px;
color: #182c36;
}
.order-bloks__info {
position: relative;
background: #f1f4f6;
border-radius: 8px;
padding: 14px 12px 7px 36px;
font-weight: 300;
font-size: 11px;
line-height: 16px;
line-height: 1.45455;
color: #3b5765;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 5.33203H8.00667' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.33398 8H8.00065V10.6667H8.66732' stroke='%23839EAD' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
background-position: top 12px left 12px;
background-repeat: no-repeat;
flex-grow: 1;
}
.order-bloks__info a {
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-decoration: underline;
}
.order-blocks__button-next.swiper-button-disabled,
.order-blocks__button-prev.swiper-button-disabled {
background-color: #fff;
border-color: #c5d6df;
opacity: 1;
}
.order-blocks__button-next,
.order-blocks__button-prev {
position: absolute;
top: 50%;
z-index: 1;
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
margin: 0;
background-color: #E6ECF0;
border: 0.5px solid #C5D6DF;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
transition: all .3s ease;
}
.order-blocks__button-next::after,
.order-blocks__button-prev::after {
display: none;
}
.order-blocks__button-next {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9058_182601)'%3E%3Cpath d='M0 0H16V16H0V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M6 12L10 8L6 4' stroke='%23182C36' stroke-width='1.33' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9058_182601'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
right: 0;
}
.order-blocks__button-prev {
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10928_365404)'%3E%3Cpath d='M10 4L6 8L10 12' stroke='%23182C36' stroke-width='1.33' stroke-linecap='square'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block {
max-width: unset;
grid-gap: 16px;
}
.order-update .js-order-form {
width: calc(100% - 397px);
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table {
width: 100%;
margin: 0;
border-collapse: separate;
border-spacing: 0px 1px;
border: none;
margin-bottom: -6px;
}
.order-update .table tbody {
line-height: 16px;
}
.order-update .table thead {
border: 1px solid #dfeaef;
background: #e6ecf0;
font-size: 11px;
letter-spacing: 0.02em;
}
.order-update .table.basket__table > thead > tr > th {
position: relative;
padding: 14px 4px;
}
.order-update .table.basket__table > thead > tr > th:first-child {
padding-left: 7px;
border-radius: 8px 0 0 0;
}
.order-update .table.basket__table > thead > tr > th:last-child {
padding-right: 12px;
border-radius: 0 8px 0 0;
}
.order-update .table.basket__table > thead > tr > th::after {
content: '';
display: block;
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: 26px;
background-color: #c5d6df;
transform: translateY(-50%);
}
.order-update .table.basket__table > thead > tr > th:last-child::after {
display: none;
}
.order-update .table tbody tr td {
border-bottom: 1px solid #dfeaef;
border-top: 1px solid #dfeaef !important;
padding: 3px 5px;
}
.order-update .table tbody tr td:not(:last-child) {
position: relative;
border-right: none;
}
.order-update .table tbody tr td:not(:last-child)::after {
content: '';
display: block;
position: absolute;
right: 0;
top: 50%;
width: 1px;
height: calc(100% - 6px);
background-color: #f1f4f6;
transform: translateY(-50%);
}
.order-update .table tbody tr td:last-child {
border-right: 1px solid #dfeaef;
border-radius: 0 8px 8px 0;
padding-right: 12px;
}
.order-update .table tbody tr td:first-child {
border-left: 1px solid #dfeaef;
border-radius: 8px 0 0 8px;
}
.order-update .table thead tr th:nth-child(n+3),
.order-update .table tbody tr td:nth-child(n+3) {
text-align: right;
}
.order-update .table tbody tr td:nth-child(3) {
width: 80px;
}
.order-update .table tbody tr td:nth-child(4) {
width: 65px;
}
.order-update .table tbody tr td:nth-child(5) {
width: 85px;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table .product-image {
width: 44px;
}
.order-update .basket__table tbody tr .table__image {
width: 32px;
height: 32px;
}
.order-update .option-item__description .item__info .item__number,
.order-update .item__availability {
font-size: 10px;
letter-spacing: 0.02em;
line-height: 12px;
}
.order-update .order-basket__table tbody tr td .item__name {
max-width: 100%;
margin-bottom: 4px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 1;
line-clamp: 1;
}
.order-update .table td .td__control,
.order-update .quantity-control,
.order-update .td-rub__value {
font-weight: 300;
font-size: 11px;
}
.order-update .table td .td__control {
justify-content: flex-end;
}
.order-update .order__content .textarea__wrapper.textarea {
resize: none;
}
.order-update .order__content .textarea__wrapper.textarea::placeholder {
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
line-height: 1.6;
}
.order-update .textarea__wrapper {
padding: 10px 14px;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item {
padding: 16px;
grid-gap: 12px;
}
.order-update .order-update__right {
position: relative;
width: 373px;
}
.order-update__right-inner {
padding: 0 24px;
position: sticky;
top: 0;
background-color: #fff;
}
.main .basket__section.order-update .basket__block .basket__content .order__information {
min-width: unset;
margin-bottom: 16px;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item {
padding-left: 0;
padding-right: 0;
}
.order-update__right .checkout__item {
padding: 0px 0 24px;
}
.order-update__right .checkout__item .checkbox .checkout__label {
font-size: 12px;
line-height: 1.33333;
}
.order-update__right .checkbox {
margin-bottom: 20px;
}
.order-update__right .component__button {
width: 100%;
margin-top: -2px;
height: 40px;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item .order__name {
font-weight: 600;
font-size: 15px;
line-height: 1.6;
text-transform: uppercase;
}
.main .basket__section.order-update .basket__block .basket__content .order__information .order__item.order__item--top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 16px 0 12px;
}
.order-update .order__item--top .order__name {
font-size: 18px !important;
line-height: 1.33333 !important;
text-transform: none !important;
}
.order-update .order-back-link{
font-size: 12px;
line-height: 20px;
text-decoration: underline;
padding: 10px 16px;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item .order__text {
font-size: 12px;
line-height: 16px;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item .order__sub-text {
font-weight: 300;
font-size: 10px;
line-height: 1.6;
color: #839ead;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .bx-soa-cart-total .order__item:first-child {
padding-left: 8px;
padding-right: 8px;
gap: 12px;
padding-bottom: 32px;
}
.main .order-update.basket__section .basket__block .basket__content .order__information .order__item.order__item-last {
padding-top: 8px;
}
.main .order-update.basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form {
grid-template-columns: 22% 22% auto;
grid-gap: 12px 8px;
}
.order-update .querying__info .section__title {
font-weight: 500;
font-size: 24px;
line-height: 1.16667;
text-transform: none;
}
.main .basket__section.order-update .querying__block .querying__text {
line-height: 20px;
}
.main .basket__section.order-update .querying__block .querying__info {
padding: 24px 16px;
}
.breadcrumbs__list {
margin: 40px 0 32px;
}
.order-update .bx-soa-pp-company-subTitle {
display: none;
}
.order-update .abyk-delivery-inputs .btn.btn-default.btn-lg {
width: 100%;
background-color: #3b5765;
padding: 12px;
font-size: 14px;
line-height: 16px;
margin: 12px 0;
}
.order-update .order-blocks {
margin-bottom: 0;
}
.order-update #bx-soa-delivery .order-blocks{
margin-bottom: 12px;
}
.order-update .abyk-delivery-inputs .form__wrapper {
margin-top: 0;
}
.order-update .bx-soa-pp-desc-container {
padding-top: 0;
}
.order-update .russianpost_link button.btn {
border-color: #3b5765 !important;
background-color: #3b5765 !important;
border-radius: 8px;
width: 100%;
padding: 12px;
font-size: 14px;
line-height: 16px;
color: #FFF;
}
.order-update .component__button.disabled {
background: #e6ecf0;
color: #839ead;
pointer-events: none;
}
.order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name + span span {
display: none;
}
@media (max-width: 1400px) {
.main .order-update.basket__section .basket__block .basket__content .checkout__block .checkout__item .profile__inforfation .more__content .individual__form {
display: flex;
flex-direction: column;
}
}
@media (max-width: 1024px) {
.breadcrumbs__list {
margin: 40px 0 28px;
}
.order-update__right .order__information-right {
display: block;
}
.order-update .order__information-total-copy {
display: none;
}
.main .order-update.basket__section .basket__block .order__content {
flex-direction: column;
gap: 16px;
}
.order-update .js-order-form,
.order-update .order-update__right {
width: 100%;
}
.order-update .bx-soa {
padding-bottom: 12px;
}
.basket__section.order-update .back__link {
margin: 12px 0;
}
.order-update .table tbody tr td:nth-child(5) {
width: 103px;
}
.order-update .querying__info .section__title {
font-size: 16px;
line-height: 24px;
}
.main .basket__section.order-update .querying__block .querying__info {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.main .basket__section.order-update .querying__block .component__button {
width: 100%;
}
}
@media (max-width: 1023px) {
.main--order-update {
max-width: 100%;
}
}
@media (max-width: 768px) {
.order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name + span {
font-weight: 300;
font-size: 11px;
top: 0 !important;
}
.order-update .basket__table thead {
display: table-header-group;
}
.order-update .section__table.basket__table.order-basket__table tbody tr td {
position: relative;
top: 0;
left: 0;
}
.order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name {
display: none;
}
.order-update .table tbody tr td:nth-child(5) {
width: 80px;
}
.order-update .order-basket__table tbody td .td__value .option-item__description {
top: 0;
}
.order-update .basket__table tbody tr td .item__availability {
position: static;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table {
margin-bottom: -6px;
}
}
@media (max-width: 640px) {
.order-update .basket__table thead {
display: none;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table {
border-spacing: 0;
}
.order-update .basket__table tbody tr {
display: grid !important;
grid-template-columns: 38px
minmax(0, calc(31% - 38px))
minmax(0, 33%)
minmax(0, 33%);
grid-column-gap: 4px;
grid-row-gap: 8px;
padding: 5px 8px;
border: 1px solid #E6ECF0;
border-radius: 8px;
margin-bottom: 1px;
height: auto !important;
grid-template-areas:
"img title title title"
"price price qty total";
}
.order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name {
display: block;
font-size: 12px;
line-height: 16px;
font-weight: 300;
color: #182c36;
margin-bottom: 4px;
}
.order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name + span {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #182c36;
}
.order-update .item__availability,
.order-update .item__measure {
display: none;
}
.order-update .table tbody tr td {
border: none !important;
padding: 0;
text-align: left !important;
}
.order-update .table td .td__control {
justify-content: flex-start;
}
.order-update .table tbody tr td:not(:last-child)::after {
display: none;
}
.order-update .table tbody tr td:first-child::after {
display: block;
height: 32px;
}
.order-update .section__table.basket__table.order-basket__table tbody tr td {
width: auto;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table .product-image {
grid-area: img;
display: flex;
flex-direction: column;
justify-content: center;
width: 38px;
}
.main .basket__section.order-update .basket__block .basket__content .checkout__block .checkout__item .table .product-image .td__value {
display: block;
width: 32px;
height: 32px;
}
.order-update .section__table.basket__table.order-basket__table tbody tr td:nth-child(2) {
grid-area: title;
}
.order-update .section__table.basket__table.order-basket__table tbody tr td:nth-child(3) {
grid-area: price;
padding: 0 4px;
}
.order-update .section__table.basket__table.order-basket__table tbody tr td:nth-child(4) {
grid-area: qty;
padding: 0 4px;
justify-self: center;
}
.order-update .section__table.basket__table.order-basket__table tbody tr td:nth-child(5) {
grid-area: total;
padding: 0 4px;
justify-self: end;
}
.order-update .order-basket__table tbody tr td .item__name {
-webkit-line-clamp: initial;
line-clamp: initial;
}
.bx_soa_location .main__form {
flex-wrap: wrap;
}
.order-update .region__block .region__form .form__wrapper:last-of-type,
.form__wrapper[data-property-id-row="16"] {
width: 100%;
}
.breadcrumbs__list {
margin: 7px 0 0px;
}
.basket__section.order-update .back__link {
margin: 0px 0 6px;
}
.order-update .section__table.basket__table.order-basket__table tbody tr .mobile__name + span span {
display: inline;
}
}
@media (max-width: 576px) {
.order-update .section__table.basket__table.order-basket__table tbody {
height: auto;
}
.main .basket__section.order-update .querying__block .querying__info .section__title {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.order-blocks__item {
max-width: 236px;
}
}
@media (max-width: 425px) {
.order-update .order__block .order__content .checkout__item .td__control .price,
.order-update .order__block .order__content .checkout__item .quantity-control,
.order-update .order__block .order__content .checkout__item .total {
position: static;
padding: 0;
}
}
/* End */
/* Start:/local/templates/lk/css/custom.css?174703622994304*/
.main > #bx-panel {
/*display: none !important;*/
}
.show__password {
cursor: pointer;
}
.auth_alert {
background: #fee;
color: #e83333;
font-size: 13px;
text-align: left;
padding: 4px 10px 4px;
margin-bottom: 25px;
display: inline-block;
border: 1px solid #ebccd1;
border-radius: 4px;
}
.auth_success {
background: #e6f8de;
color: #419a19;
font-size: 13px;
text-align: left;
padding: 4px 10px 4px;
margin-bottom: 25px;
display: inline-block;
border: 1px solid #d6e9c6;
border-radius: 4px;
}
main #bx-panel.bx-panel-folded ~ .content {
min-height: calc(100vh - 199px);
}
main #bx-panel:not(.bx-panel-folded) ~ .content {
min-height: calc(100vh - 307px);
}
/* y-scroll hotfix */
@media (min-width: 1024) {
.catalog__main .content {
max-height: calc(100vh - 80px);
}
main #bx-panel:not(.bx-panel-folded) ~ .content {
max-height: calc(100vh - 157px);
}
}
.footer {
z-index: 2;
}
main #bx-panel ~ .categories__modal {
padding-top: 147px;
}
main #bx-panel.bx-panel-folded ~ .categories__modal {
padding-top: 39px;
}
.js-link {
cursor: pointer;
}
.custom-scroll__table .cell {
padding: 2px 4px 0 4px;
}
.custom-scroll__table .cell:first-of-type::after {
display: none;
}
.custom-scroll__table .cell .td__value .td__control .quantity-control {
padding: 0 4px;
position: relative;
z-index: 3;
}
.custom-scroll__table .cell .td__value .td__control .quantity-control::after {
content: '';
display: block;
position: absolute;
right: 0;
width: 1px;
height: calc(100% - 2px);
background-color: #f1f4f6;
top: 50%;
transform: translateY(-50%);
}
.quantity-control__wrapper .quantity-control__value {
padding-left: 2px;
padding-right: 2px;
text-align: center;
height: 22px;
width: 40px;
}
.custom-scroll__table .quantity-control__wrapper .quantity-control__value {
padding: 3px 2px;
text-align: right;
height: 22px;
width: 38px;
font-size: 10px;
}
.back__link {
display: inline-flex;
}
.disable .form__input:disabled::-webkit-input-placeholder {
color: transparent;
}
.disable .form__input:disabled::-webkit-input-placeholder {
color: transparent;
}
.disable .form__input:disabled::-webkit-input-placeholder {
color: transparent;
}
.disable .form__input:disabled::-webkit-input-placeholder {
color: transparent;
}
.custom-scroll__table .row.product-item-container.hover {
position: relative;
z-index: 1;
}
.custom-scroll__table .cell__link .cell__image:hover {
/*transform: translateX(7px);*/
scale: 1;
box-shadow: none;
}
.custom-scroll__table .table-body img {
}
.custom-scroll__table .cell__image_con {
width: 48px;
height: 48px;
background: #fff;
}
.custom-scroll__table .cell__image_con:hover {
transform: translateX(20px);
scale: 3;
box-shadow: 0px 0px 8px 4px rgba(34, 60, 80, 0.2);
}
.custom-scroll__table .cell__image_con:hover {
transform: translateX(20px);
scale: 3;
box-shadow: 0px 0px 8px 4px rgba(34, 60, 80, 0.2);
}
.custom-scroll__table .cell__link .cell__image_con {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
background: #fff;
flex-shrink: 0;
border: 1px solid #e6ecf0;
border-radius: 6px;
overflow: hidden;
}
.custom-scroll__table .cell__image_con:hover {
border-radius: 0;
border: none;
}
.custom-scroll__table .cell__link .cell__image_con img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.custom-scroll__table .changing__buttons {
padding-top: 20px;
}
/* HEADER */
.header .header__wrapper .menu__mobile .logo__link img {
max-height: 32px;
}
/* AJAX подгрузка в каталоге */
.custom-scroll__table .ctalog_bottom_line {
}
.custom-scroll__table .ctalog_bottom_rm {
/*display: none!important;*/
}
.custom-scroll__table .ctalog_bottom_rm .js-catalog-rm {
display: none !important;
}
.custom-scroll__table .ctalog_bottom_rm .info__page {
display: none;
}
.custom-scroll__table .ctalog_bottom_rm {
display: none;
}
.custom-scroll__table .ctalog_bottom_rm.active .lds-ring {
display: block;
}
/*.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons.ctalog_bottom_rm { display: none; }
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons.ctalog_bottom_rm.active { display: flex; }*/
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons.ctalog_bottom_rm.no_active {
display: none;
}
/*.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__content .product__link.active { color: #F90D01; cursor: default; }
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown .sub-catalog__items .sub-catalog__item .accordion__input:checked { display: none; }*/
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__dropdown
.sub-catalog__items {
position: relative;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__dropdown
.sub-catalog__items
.sub-catalog__item
.accordion__input {
left: unset;
right: 0;
width: 40px;
z-index: 3;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__dropdown
.sub-catalog__items
.sub-catalog__item
.accordion__content
.product__link
.accordion__input {
top: 16px;
right: -12px;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__dropdown
.sub-catalog__items
.sub-catalog__item
.accordion__label
.sub-catalog__title.current {
color: #f90d01;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__dropdown
.sub-catalog__items
.sub-catalog__item
.accordion__content
.product__link.current {
color: #f90d01;
}
/* AJAX подгрузка в каталоге (мобильная версия) */
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles {
}
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles > * {
display: none !important;
}
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles .lds-ring {
width: 60px;
height: 60px;
}
.main .sub-catalog__section .sub-catalog__wrapper .changing__buttons--mobiles.loading .lds-ring {
display: block !important;
}
.accordion__input:checked ~ .accordion__content {
max-height: none;
}
.lds-ring {
display: none;
position: relative;
width: 80px;
height: 80px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 42px;
height: 42px;
margin: 8px;
border: 2px solid #fff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #182c36 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
/*.ctalog_bottom_rm .lds-ring div { border-width: 5px; border-width: 5px; border-color: #E23D41 transparent transparent transparent; }*/
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Фильтр в каталоге */
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__filters
.sub-catalog__items
.filters-tabs
.component__button.css-filter-reset {
background-color: #182c36;
color: #ffffff;
border: 1px solid #182c36;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__filters
.sub-catalog__items
.filters-tabs
.component__button.css-filter-reset
svg
.stroke {
stroke: #ffffff;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__filters
.sub-catalog__items
.filters-tabs
.component__button
.span_svg {
line-height: 0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__filters
.sub-catalog__items
.sub-catalog__item
.checkbox-item
.checkbox.disabled {
opacity: 0.3;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__filters
.sub-catalog__items
.sub-catalog__item
.checkbox-item
.checkbox.disabled
.checkout__input {
cursor: not-allowed;
}
#smartfilter-form.block_ui {
position: relative;
}
#smartfilter-form.block_ui::after {
content: '';
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
cursor: not-allowed;
background: rgb(0 0 0 / 20%);
}
#smartfilter-form.block_ui .lds-ring {
display: none;
}
#smartfilter-form .lds-ring {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
cursor: not-allowed;
}
#smartfilter-form .smartfilter-hidden-input {
display: none;
}
#smartfilter-form .smartfilter-hidden-block {
display: none;
}
#smartfilter-form .checkbox .checkout__input[type='radio'] + .checkout__label {
font-size: 12px;
}
#smartfilter-form .checkbox .checkout__input[type='radio'] + .checkout__label .box {
border-radius: 50%;
}
#smartfilter-form .checkbox .checkout__input[type='radio'] + .checkout__label .box::before {
display: none;
}
#smartfilter-form .checkbox .checkout__input[type='radio'] + .checkout__label .box::after {
display: none;
}
#smartfilter-form .checkbox .checkout__input[type='radio']:checked + .checkout__label .box {
background-color: #fff;
}
#smartfilter-form .checkbox .checkout__input[type='radio']:checked + .checkout__label .box::before {
display: block;
background: #000;
width: 10px;
height: 10px;
border-radius: 50%;
transform: none;
top: 4px;
left: 4px;
}
.filter_prop_images {
padding-top: 8px;
}
.filter_prop_images .bx-filter-param-label {
min-height: 20px;
font-weight: normal;
cursor: pointer;
float: left;
display: block;
margin-right: 5px;
margin-top: 5px;
}
.filter_prop_images .bx-filter-param-label.bx-active .bx-filter-param-btn {
border-color: #182c36;
}
.filter_prop_images .bx-filter-param-label.disabled .bx-filter-param-btn {
opacity: 0.3;
cursor: not-allowed;
}
.filter_prop_images .bx-filter-param-btn {
font-weight: normal;
display: inline-block;
width: 30px;
height: 30px;
padding: 0;
text-align: center;
text-decoration: none;
color: #000;
vertical-align: middle;
border: none;
border-radius: 4px;
background: #fff;
position: relative;
cursor: pointer;
border: 1px solid #999;
}
.filter_prop_images .bx-filter-btn-color-icon {
line-height: 24px;
display: inline-block;
width: 28px;
height: 28px;
vertical-align: middle;
-webkit-background-size: cover;
background-size: cover;
border-radius: 0;
border: 3px solid #fff;
border-radius: 4px;
}
/* Детальная страница каталога */
.main
.card-product__section
.card-product
.card-header
.card-header__info
.card-header__wrapper
.card-header__subwrapper
.card-header__product
.card-header__wrapper
.card-header__control
.quantity-control__wrapper
.quantity-control__value {
padding-left: 2px;
padding-right: 2px;
}
.main
.card-product__section
.card-product
.card-header
.card-header__info
.card-header__wrapper
.card-header__subwrapper
.card-header__product
.card-header__wrapper
.card-header__control
span:first-child {
min-height: 16px;
}
.main
.card-product__section
.card-product
.card-header
.card-header__info
.card-header__wrapper
.card-header__subwrapper
.card-header__product
.card-header__wrapper
.card-header__control
span:last-child {
min-height: 16px;
}
.main
.card-product__section
.card-product
.card-header
.card-header__info
.card-header__wrapper
.card-header__subwrapper
.card-header__product
.card-header__wrapper.in_cart
.css-add-to-cart.css-btn-list {
display: none;
}
.main
.card-product__section
.card-product
.card-header
.card-header__info
.card-header__wrapper
.card-header__subwrapper
.card-header-description
.card-header__block:not(:first-child)
p
span:not(:last-child):after {
right: -12px;
left: unset;
}
.main .card-product__section .card-product .card-body .video__block {
}
.main .card-product__section .card-product .card-body .video__block .video__item {
}
.main
.card-product__section
.card-product
.card-body
.video__block
.video__item
.video__background {
position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.main
.card-product__section
.card-product
.card-body
.video__block
.video__item
.video__background
iframe {
position: absolute;
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
}
.main
.card-product__section
.card-product
.card-body
.card-body__wrapper
.card-body__block
.card-body__content
.content__wrapper
a {
color: #dc2f2f;
}
.card__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
width: 34px;
}
.not-available {
color: #f90d01 !important;
}
.main .card-product__section .card-product .card-body .card-body__tabs.tab-container-full-width {
flex-basis: 100%;
}
.main .card-product__section .card-product .card-body .card-body__descriptions {
max-width: 39%;
}
.main
.card-product__section
.card-product
.card-body
.card-body__wrapper
.card-body__block
.card-body__content {
overflow: hidden;
}
@media (max-width: 425px) {
.card__table
tbody
tr
.td-wrapper__control
.td__value
.td__control
div[data-entity='buttons-block'] {
width: 100%;
}
.card__table tbody tr .td-wrapper__control .td__value .td__control .component__button {
width: 100%;
}
}
@media (max-width: 1280px) {
body.is_side_panel
.main
.card-product__section
.card-product
.card-header
.card-header__info
.card-header__wrapper
.card-header__subwrapper
.card-header__product {
flex-direction: row;
}
.main .card-product__section .card-product .card-body .card-body__descriptions {
background-color: #f6f8fa;
padding: 32px;
}
.main
.card-product__section
.card-product
.card-header
.card-header__info
.card-header__wrapper
.card-header__subwrapper
.card-header__product
.card-header__wrapper
.card-header__control {
align-items: center;
}
}
@media (max-width: 1570px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper {
grid-template-columns: auto;
grid-gap: 0;
}
}
@media (min-width: 1571px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__wrapper {
display: flex;
justify-content: space-between;
}
.main
.card-product__section
.card-product
.card-header
.card-header__info
.card-header__wrapper
.card-header__subwrapper:last-child {
width: 100%;
max-width: 614px;
}
}
.side-panel .side-panel-container {
background-color: #fff;
width: calc(100% - 130px) !important;
}
.side-panel .side-panel-label {
border-radius: 8px;
position: absolute;
left: -90px;
width: 48px;
height: 48px;
padding: 0;
box-shadow: none;
background: #ffffff no-repeat center center
url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfM185MzI4KSI+DQogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMjRWMjRIMFYwWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4wMSI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBjbGFzcz0ic3Ryb2tlIiBkPSJNNCA0TDIwIDIwIiBzdHJva2U9IiMxODJDMzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgICAgICA8cGF0aCBjbGFzcz0ic3Ryb2tlIiBkPSJNNCAyMEwyMCA0IiBzdHJva2U9IiMxODJDMzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgIDwvZz4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMF8zXzkzMjgiPg0KICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0Pg0KICAgICAgICA8L2NsaXBQYXRoPg0KICAgIDwvZGVmcz4NCjwvc3ZnPg==');
}
.side-panel .side-panel-label * {
display: none;
}
@media (min-width: 1300px) {
.side-panel .side-panel-container {
min-width: 1200px;
width: calc(100% - 510px) !important;
}
}
body.is_side_panel .main__container {
padding-top: 24px;
}
body.is_side_panel main {
background-color: #fff;
}
@media (max-width: 1023px) {
body.is_side_panel .content {
padding-top: 0;
}
}
.main__block.hidden {
display: none !important;
}
/* Модальное окно настроек колонок в каталоге */
.modal__body {
position: relative;
}
.modal__body .lds-ring {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
cursor: not-allowed;
}
.modal__body.loading::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
cursor: not-allowed;
background: rgb(0 0 0 / 20%);
}
.modal__body.loading .lds-ring {
display: block;
}
/* Каталог - список */
.custom-scroll__table .custom-scroll-table__header {
min-width: 100%;
z-index: 2;
color: #3b5765;
}
.sub-catalog__section-search-result .custom-scroll__table .custom-scroll-table__header {
width: 100% !important;
}
.custom-scroll__table .table-body {
width: auto;
min-width: 100%;
}
.custom-scroll__table .table-body + .table-body,
.custom-scroll__table .ctalog_bottom_rm.no_active + .table-body {
border-top: none;
}
.custom-scroll__table .row {
min-width: 100%;
}
.sub-catalog__section-search-result .custom-scroll__table .row {
width: 100% !important;
}
.custom-scroll__table .col-name,
.custom-scroll__table .cell {
flex-grow: 0;
}
.custom-scroll__table .col-name:first-of-type,
.custom-scroll__table .cell:first-of-type {
flex-grow: 1;
}
.custom-scroll__table .col-name:last-of-type,
.custom-scroll__table .cell:last-of-type {
flex-grow: 0;
}
.custom-scroll__table .row .cell[data-code] {
/*word-break: break-word;*/
font-size: 11px;
line-height: 16px;
font-weight: 300;
color: #182c36;
border-top: 1px solid #E6ECF0;
border-bottom: 1px solid #E6ECF0;
z-index: 1;
}
.custom-scroll__table .cell .td__value .td__control {
}
.custom-scroll__table .cell:last-of-type {
/*padding-top: 4px; align-items: flex-start;*/
}
.custom-scroll__table .cell .td__value .td__control {
flex-wrap: wrap;
}
.custom-scroll__table .cell .td__value .td__control .price {
position: relative;
white-space: nowrap;
font-weight: 300;
font-size: 11px;
line-height: 16px;
color: #182c36;
width: 57px;
padding-right: 4px;
text-align: center;
}
.custom-scroll__table .cell .td__value .td__control .price::after {
content: '';
display: block;
position: absolute;
right: -4px;
width: 1px;
top: 50%;
transform: translateY(-50%);
height: 24px;
background-color: #f1f4f6;
}
.mob-table-cards.vertically-views .table-card .table-card__content {
flex-grow: 1;
}
.mob-table-cards.vertically-views .table-card .table-card__content .item__wrapper {
flex-grow: 1;
}
.mob-table-cards.vertically-views
.table-card
.table-card__content
.item__wrapper
.item__sub-wrapper {
margin-top: auto;
}
.mob-table-cards.horizontally-views .table-card .table-card__image {
min-width: 112px;
display: flex;
justify-content: center;
align-items: flex-start;
}
.custom-scroll__table .cell.cell__link .item__availability {
font-weight: 400;
color: #18a676;
line-height: 12px;
font-size: 10px;
}
.option-item__description .item__info .item__number {
color: #3b5765;
font-weight: 400;
}
.option-item__description .item__info .item__measure {
font-weight: 400;
font-size: 10px;
color: #839ead;
line-height: 12px;
}
.custom-scroll__table .option-item__description .item__info .item__number {
line-height: 12px;
font-size: 10px;
}
.table-body-con {
}
.custom-scroll__table.wo_img .custom-scroll-table__header .row-header {
/*flex: 0 0 422px;*/
grid-gap: 0px;
}
.custom-scroll__table.wo_img .product-item-container .cell.cell__link {
grid-gap: 0px; /*flex-basis: 422px;*/
}
.custom-scroll__table.wo_img .product-item-container .cell.cell__link .cell__image_con {
display: none;
}
@media (max-width: 640px) {
.mob-table-cards.horizontally-views .table-card {
position: relative;
padding-bottom: 56px;
}
.mob-table-cards.horizontally-views
.table-card
.table-card__content
.item__wrapper
.js-cart-block
> *[data-entity='buttons-block'] {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.mob-table-cards.horizontally-views .table-card .table-card__content .item__wrapper .add-to-card {
position: absolute;
width: calc(100% - 32px);
right: 16px;
bottom: 16px;
}
}
/* @media (max-width: px) {
.mob-table-cards.horizontally-views .table-card .table-card__content .item__wrapper .add-to-card {
}
} */
@media (max-width: 599px) {
.mob-table-cards.vertically-views
.table-card
.table-card__content
.item__wrapper
.item__sub-wrapper {
flex-direction: column;
width: 100%;
grid-gap: 10px;
}
}
@media (max-width: 576px) {
.option-item__description .item__info .item__number {
font-weight: 500;
}
.mob-table-cards.vertically-views .table-card .table-card__content {
padding: 8px;
}
}
@media (min-width: 1401px) {
.catalog__main .footer {
display: block;
}
}
.total-price-wrapper .total.td-rub {
margin-left: 20px;
}
img.user__avatar {
width: 40px;
}
/* Сортировка в каталоге */
.select.sort-desktop .select__list .select__item {
position: static;
width: auto;
height: auto;
}
.select.sort-desktop .select__list .select__item.active {
background-color: #f6f8fa;
}
.select.sort-desktop .select__list .select__item.w_link {
padding: 0;
}
.select.sort-desktop .select__list .select__item.w_link a {
display: block;
text-decoration: none;
cursor: pointer;
padding: 16px 10px;
transition: 0.3s ease;
color: #182c36;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
.sub-catalog__wrapper
.select
.select__list
.select__item.w_link {
padding: 0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
.sub-catalog__wrapper
.select
.select__list
.select__item.w_link
a {
display: block;
text-decoration: none;
cursor: pointer;
padding: 12px 10px;
}
.sort-mobile__modal
.modal__sub-body
.sort-mobile__list
.sort-mobile__wrapper
.sort-mobile__item.active {
font-weight: bold;
}
/* Выбранные значения фильтра в каталоге */
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
#smartfilter-selected-block {
display: flex;
flex-wrap: wrap;
padding-top: 8px;
border-top: 1px solid #e6ecf0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
#smartfilter-selected-block
.component__button {
padding: 6px;
font-size: 13px;
line-height: 8px;
margin-top: 8px;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
#smartfilter-selected-block
> .component__button
+ .component__button {
margin-left: 8px;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
#smartfilter-selected-block
.filter_decor_icon {
background-color: #fff;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
#smartfilter-selected-block
.js-filter-val {
background-color: #e23d41;
color: #fff;
cursor: pointer;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
#smartfilter-selected-block
.js-filter-val
svg
.stroke {
stroke: #fff;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
#smartfilter-selected-block
.css-filter-reset {
background-color: #182c36;
color: #fff;
cursor: pointer;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
#smartfilter-selected-block
.css-filter-reset
svg
.stroke {
stroke: #fff;
}
/* Регистрация */
.main
.authorization__section
.authorization
.create__form
.section__contents
.form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.main
.authorization__section
.authorization
.create__form
.section__contents
.form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.main
.authorization__section
.authorization
.create__form
.section__contents
.form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.main
.authorization__section
.authorization
.create__form
.section__contents
.form__input::-webkit-input-placeholder {
color: #abb0b3;
}
/* Форма добавления/редактирования профиля */
.css-form-profile-add .form__input::-webkit-input-placeholder,
.css-form-profile-detail .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.css-form-profile-add .form__input::-webkit-input-placeholder,
.css-form-profile-detail .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.css-form-profile-add .form__input::-webkit-input-placeholder,
.css-form-profile-detail .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.css-form-profile-add .form__input::-webkit-input-placeholder,
.css-form-profile-detail .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
/* Форма добавления/редактирования представителя */
.css-form-invete-add .form__input::-webkit-input-placeholder,
.css-form-invete-detail .form__input::-webkit-input-placeholder,
.css-form-invite-edit .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.css-form-invete-add .form__input::-webkit-input-placeholder,
.css-form-invete-detail .form__input::-webkit-input-placeholder,
.css-form-invite-edit .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.css-form-invete-add .form__input::-webkit-input-placeholder,
.css-form-invete-detail .form__input::-webkit-input-placeholder,
.css-form-invite-edit .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.css-form-invete-add .form__input::-webkit-input-placeholder,
.css-form-invete-detail .form__input::-webkit-input-placeholder,
.css-form-invite-edit .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.invite_alert {
background: #fee;
color: #e83333;
font-size: 13px;
text-align: left;
padding: 4px 10px 4px;
display: inline-block;
border: 1px solid #ebccd1;
border-radius: 4px;
}
.form__label.no_required:after {
display: none;
}
/* Корзина */
.td-rub__value {
text-align-last: left;
}
/* Добавление в корзину */
.css-add-to-cart.clicked {
display: none !important;
}
.js-cart-block {
}
.js-cart-block div[data-entity='buttons-block'] {
}
.custom-scroll__table .js-cart-block.in_cart div[data-entity='buttons-block'].square_btns_con {
width: 24px;
height: 24px;
}
.js-cart-block.in_cart div[data-entity='buttons-block'] .css-add-to-cart {
/*display: none;*/
width: 100%;
height: 100%;
}
.js-cart-block div[data-entity='buttons-block'] .css-add-to-cart {
background-color: #e23d41;
}
.js-cart-block div[data-entity='buttons-block'] .css-add-to-cart[data-type='delay'] {
background-color: #fff;
}
.js-cart-block div[id$='_basket_actions'] {
position: relative;
}
.js-cart-block.in_cart div[id$='_basket_actions'] {
cursor: pointer;
}
.js-cart-block.in_cart div[id$='_basket_actions']::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.js-cart-block.in_cart div[id$='_basket_actions'] .css-add-to-cart.css-btn-list {
position: relative;
opacity: 1; /*background-color: #e6ecf0;*/
}
.js-cart-block.in_cart
div[id$='_basket_actions']
.css-add-to-cart.css-btn-list[data-type='add']
svg {
opacity: 0;
}
.js-cart-block.in_cart
div[id$='_basket_actions']
.css-add-to-cart.css-btn-list[data-type='add']::before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 16px auto !important;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 5L7.00004 11L4.5 8.50002' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
}
.js-cart-block.in_cart div[id$='_basket_actions'] .css-add-to-cart.css-btn-list[data-type='delay'] {
opacity: 1;
background-color: #e6ecf0;
}
.js-cart-block.in_cart
div[id$='_basket_actions']
.css-add-to-cart.css-btn-list[data-type='delay']
svg
path {
stroke: #fff;
}
.js-cart-block.lock > .quantity-control {
position: relative;
opacity: 0.3;
}
.js-cart-block.lock > .quantity-control::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.js-cart-block.lock div[id$='_basket_actions'],
.js-cart-block.lock > *[data-entity='buttons-block'],
.js-cart-block.lock_add > *[data-entity='buttons-block'] {
position: relative; /*opacity: 0.3;*/
}
.js-cart-block.lock div[id$='_basket_actions'] *[id$='_buy_link'],
.js-cart-block.lock > *[data-entity='buttons-block'] *[id$='_buy_link'],
.js-cart-block.lock_add > *[data-entity='buttons-block'] *[id$='_buy_link'] {
opacity: 0.3;
}
.js-cart-block.lock div[id$='_basket_actions']::before,
.js-cart-block.lock > *[data-entity='buttons-block']::before,
.js-cart-block.lock_add > *[data-entity='buttons-block']::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.js-cart-block.lock div[id$='_basket_actions'] *[id$='_add_basket_link'],
.js-cart-block.lock_add div[id$='_basket_actions'] *[id$='_add_basket_link'],
.js-cart-block.lock > *[data-entity='buttons-block'] *[id$='_add_basket_link'],
.js-cart-block.lock_add > *[data-entity='buttons-block'] *[id$='_add_basket_link'] {
opacity: 0.3;
}
.js-cart-block.card-header__product.lock .quantity-control__wrapper {
position: relative;
opacity: 0.3;
}
.js-cart-block.card-header__product.lock .quantity-control__wrapper::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.js-cart-block.card-header__product div[id$='_basket_actions'] .css-add-to-cart {
background-color: #e23d41;
}
/*.js-cart-block.card-header__product.in_cart div[id$="_basket_actions"] { position: relative; }
.js-cart-block.card-header__product.in_cart div[id$="_basket_actions"]::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.js-cart-block.card-header__product.in_cart div[id$="_basket_actions"] .css-add-to-cart { opacity: 0.5; background-color: #182C36; }
*/
.title-search-result .quantity-control {
margin-left: 0;
}
/* Tooltip */
.lk_tooltip {
position: fixed;
top: 120px;
right: 0;
display: flex;
flex-direction: column;
z-index: 100;
height: 0;
}
.lk_tooltip_item {
width: 300px;
position: relative;
background-color: #ffffff;
padding: 16px;
z-index: 2;
box-shadow: 0px 8px 16px #e6ecf0;
border-radius: 8px;
left: calc(100% + 16px);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.lk_tooltip_item + .lk_tooltip_item {
margin-top: 24px;
}
.lk_tooltip_item.active {
left: -24px;
}
.lk_tooltip_item_ttl {
color: #182c36;
font-size: 13px;
font-style: normal;
font-weight: 700;
line-height: 16px;
margin: 0 0 12px;
}
.lk_tooltip_item_name {
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 16px;
color: #182c36;
}
.lk_tooltip_item_lnk {
display: block;
text-decoration: none;
border-radius: 8px;
border: 1px solid #e6ecf0;
background: #fff;
padding: 11px 16px;
text-align: center;
margin-top: 8px;
color: #182c36;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.lk_tooltip_item_lnk:hover {
background-color: #182c36;
color: #e6ecf0;
}
.lk_tooltip_item_close {
width: 24px;
height: 24px;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
background-size: 25px auto !important;
background: no-repeat center center
url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzg5OTFfNDAyOTgpIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAxXzg5OTFfNDAyOTgpIj4KPHBhdGggZD0iTTQgNEgyMFYyMEg0VjRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjAxIi8+CjxwYXRoIGQ9Ik02LjY2Nzk3IDYuNjY2NjNMMTcuMzM0NiAxNy4zMzMzIiBzdHJva2U9IiMxODJDMzYiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi42Njc5NyAxNy4zMzM0TDE3LjMzNDYgNi42NjY3MSIgc3Ryb2tlPSIjMTgyQzM2IiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzg5OTFfNDAyOTgiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0IDQpIi8+CjwvY2xpcFBhdGg+CjxjbGlwUGF0aCBpZD0iY2xpcDFfODk5MV80MDI5OCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgNCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
}
/* Корзина */
.table.basket__table > thead > tr > th {
padding: 12px;
}
.header .header__wrapper .menu__navigation .menu__component.cart__link {
background-color: #e23d41;
color: #fff;
}
.header .header__wrapper .menu__navigation .menu__component.cart__link svg * {
stroke: #fff;
}
.header .header__wrapper .menu__navigation .menu__component.cart__link:hover {
background-color: #839ead;
color: #ffffff;
}
.header .header__wrapper .menu__navigation .menu__component.cart__link:hover svg * {
stroke: #000;
}
@media (max-width: 1023px) {
.header .header__wrapper .menu__navigation .cart__link .cart__counter {
display: inline-block;
width: auto;
min-width: 16px;
height: 16px;
background-color: #182c36;
color: #fff;
top: 2px;
right: 2px;
text-indent: unset;
overflow: hidden;
font-size: 10px;
text-align: center;
padding: 0 2px;
border-radius: 8px;
}
}
@media (max-width: 576px) {
.basket__section div.empty {
flex-direction: column;
}
}
/* Регистрация */
.form__input_error {
position: absolute;
color: red;
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 16px;
top: 10px;
right: 10px;
}
.main__form_note {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
color: red;
padding: 48px 48px 16px 48px;
}
.main__form_note ~ .block__title {
padding-top: 0 !important;
}
/* Авторизация */
.dial-in__form .fieldset .dial-in__wrapper .dial-in__sub-wrapper .dial-in__input {
width: 172px;
border-bottom: 2px solid #182c36;
letter-spacing: 12px;
text-align: center;
}
.bx_auth_resend_con {
text-align: center;
}
.bx_auth_resend_con a {
display: block;
background-color: #e6ecf0;
color: #182c36;
padding: 12px 12px;
font-style: normal;
white-space: nowrap;
font-weight: 400;
font-size: 14px;
line-height: 22px;
border-radius: 8px;
text-align: center;
transition: 0.3s ease;
}
.bx_auth_resend_con a:hover {
background-color: #182c36;
color: #e6ecf0;
}
/* Авторизация - выбор профиля */
.profile__description .profile__verification.auth_select {
background-color: #e6ecf0;
padding: 4px 6px 4px 4px;
}
/* Меню каталога в сайдбаре */
.categories__modal .modal__body.block_ui {
}
.categories__modal .modal__body.block_ui::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
cursor: not-allowed;
background: rgb(0 0 0 / 20%);
}
.categories__modal .modal__body.block_ui .lds-ring {
display: block;
z-index: 4;
}
@media (max-width: 1023px) {
.categories__modal .modal__body {
overflow-y: auto;
height: calc(100vh - 81px);
}
#bx-panel ~ .categories__modal .modal__body {
overflow-y: auto;
height: calc(100vh - 120px);
}
#bx-panel:not(.bx-panel-folded) ~ .categories__modal .modal__body {
overflow-y: auto;
height: calc(100vh - 228px);
}
}
/* Меню каталога в разделе каталога */
.sub-catalog__subcategories.block_ui {
position: relative;
}
.sub-catalog__subcategories.block_ui::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
cursor: not-allowed;
background: rgb(0 0 0 / 20%);
border-radius: 8px;
}
.sub-catalog__subcategories .lds-ring {
position: absolute;
z-index: 2;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
cursor: not-allowed;
z-index: 4;
}
.sub-catalog__subcategories.block_ui .lds-ring {
display: block;
}
/* Модальное окно выбора профиля в шапке */
.profile__modal .profile__description {
transition: 0.3s ease;
}
.profile__modal .profile__description .profile__name {
position: static;
cursor: default;
}
.profile__modal .profile__description .profile__verification {
background-color: #e6ecf0;
padding: 4px 6px 4px 4px;
}
.profile__modal .profile__description:not(.active):not(.now_active) {
cursor: pointer;
}
.profile__modal .profile__description:not(.active):not(.now_active) .profile__name {
cursor: inherit;
}
.profile__modal .profile__description:not(.active):not(.now_active):hover {
background-color: #e6ecf0;
}
/* Оформление заказа */
.checkout__item .profile__description .profile__verification svg {
width: auto;
}
/* Редактирование профиля */
.add__photo-input {
display: none;
}
.add__photo-preview {
width: 56px;
height: 56px;
border-radius: 50%;
}
.profile__photo .add__photo-input + label.photo__wrapper {
pointer-events: none;
cursor: none;
}
.profile__photo.add .add__photo-input + label.photo__wrapper {
pointer-events: all;
cursor: pointer;
position: relative;
}
.profile__photo.add .add__photo-input + label.photo__wrapper::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/local/templates/lk/css/../img/svg/photo-icon.svg');
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
}
.main
.profile__section
.section__block
.section__contents
.section__content
.section__wrapper
.profile__photo
.photo__wrapper {
background-size: auto;
}
/* Похожие товары в деталке */
@media (min-width: 769px) {
.catalog__table.same_block tbody tr .td-wrapper__control .td__value .td__control {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 4px;
flex-wrap: wrap;
}
.catalog__table.same_block tbody tr .td-wrapper__control .td__value .td__control .total {
transform: unset;
width: 100%;
text-align: center;
padding: 0 2px;
padding-left: 55px !important;
position: static;
order: 2;
line-height: 10px;
}
}
@media (max-width: 425px) {
.catalog__table.same_block
tbody
tr
.td-wrapper__control
.td__value
.js-cart-block.in_cart
div[id$='_basket_actions']
.css-add-to-cart.css-btn-list.w_text::before {
display: none;
}
.catalog__table.same_block tbody {
grid-template-columns: 49% 49%;
}
}
@media (min-width: 426px) {
.catalog__table.same_block
tbody
tr
.td-wrapper__control
.td__value
.js-cart-block
div[id$='_basket_actions']
.css-add-to-cart.css-btn-list.w_text {
font-size: 0 !important;
}
.catalog__table.same_block
tbody
tr
.td-wrapper__control
.td__value
.td__control
.component__button {
width: 34px;
height: 34px;
}
.catalog__table.same_block
tbody
tr
.td-wrapper__control
.td__value
.js-cart-block.in_cart
div[id$='_basket_actions']
.css-add-to-cart.css-btn-list[data-type='delay']::before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 16px auto !important;
background: no-repeat center center
url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF82ODY4XzM4MTQwNikiPg0KPHBhdGggZD0iTTAgMEgxNlYxNkgwVjBaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjAxIiBzdHlsZT0ic3Ryb2tlOiB0cmFuc3BhcmVudDsiPjwvcGF0aD4NCjxwYXRoIGQ9Ik0xMS4zMzQ2IDE0QzEyLjgwNzQgMTQgMTQuMDAxMyAxMi44MDYxIDE0LjAwMTMgMTEuMzMzM0MxNC4wMDEzIDkuODYwNTMgMTIuODA3NCA4LjY2NjYzIDExLjMzNDYgOC42NjY2M0M5Ljg2MTg4IDguNjY2NjMgOC42Njc5NyA5Ljg2MDUzIDguNjY3OTcgMTEuMzMzM0M4LjY2Nzk3IDEyLjgwNjEgOS44NjE4OCAxNCAxMS4zMzQ2IDE0WiIgc3Ryb2tlPSIjMTgyQzM2IiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KPHBhdGggZD0iTTExLjMzMiA4LjY2NjYzVjExLjMzMzNIMTMuOTk4NyIgc3Ryb2tlPSIjMTgyQzM2IiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KPHBhdGggZD0iTTggMlY0LjY2NjY3QzggNC44NDM0OCA4LjA3MDI0IDUuMDEzMDUgOC4xOTUyNiA1LjEzODA3QzguMzIwMjkgNS4yNjMxIDguNDg5ODYgNS4zMzMzMyA4LjY2NjY3IDUuMzMzMzNIMTEuMzMzMyIgc3Ryb2tlPSIjMTgyQzM2IiBzdHJva2Utd2lkdGg9IjEuMzMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KPHBhdGggZD0iTTcuNjY2NjcgMTRIMy4zMzMzM0MyLjk3OTcxIDE0IDIuNjQwNTcgMTMuODU5NSAyLjM5MDUyIDEzLjYwOTVDMi4xNDA0OCAxMy4zNTk0IDIgMTMuMDIwMyAyIDEyLjY2NjdWMy4zMzMzM0MyIDIuOTc5NzEgMi4xNDA0OCAyLjY0MDU3IDIuMzkwNTIgMi4zOTA1MkMyLjY0MDU3IDIuMTQwNDggMi45Nzk3MSAyIDMuMzMzMzMgMkg4TDExLjMzMzMgNS4zMzMzM1Y2LjY2NjY3IiBzdHJva2U9IiMxODJDMzYiIHN0cm9rZS13aWR0aD0iMS4zMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQo8L2c+DQo8ZGVmcz4NCjxjbGlwUGF0aCBpZD0iY2xpcDBfNjg2OF8zODE0MDYiPg0KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSI+PC9yZWN0Pg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg==');
}
}
/* Блок добавления фото */
.add__photo_custom .profile__photo {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #182c36;
display: flex;
align-items: center;
grid-gap: 12px;
margin-bottom: 16px;
}
.add__photo_custom .profile__photo.add .add__photo-input + label.photo__wrapper {
pointer-events: all;
cursor: pointer;
position: relative;
}
.add__photo_custom .profile__photo .photo__wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: auto;
overflow: hidden;
font-size: 0 !important;
}
.add__photo_custom .profile__photo.add .photo__wrapper {
cursor: pointer;
flex: 0 0 auto;
}
.add__photo_custom .profile__photo.add .photo__wrapper::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(/local/templates/lk/css/../img/svg/photo-icon.svg);
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
}
.add__photo_custom .profile__photo .text__wrapper {
display: flex;
flex-direction: column;
grid-gap: 4px;
}
.add__photo_custom .profile__photo .text__wrapper span:nth-child(2) {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
color: #839ead;
}
.add__photo_custom .profile__photo.add .add__photo-input + label.photo__wrapper li {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
overflow: hidden;
}
.add__photo_custom .profile__photo.add .add__photo-input + label.photo__wrapper img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
/* Форма добавления/редактирования представителя */
.css-form-invete-add .profile__description .profile__name {
position: static;
}
.css-form-invite-edit .profile__description .profile__name {
position: static;
}
.custom-multi-selector {
display: flex;
flex-direction: column;
grid-gap: 16px;
}
.custom-multi-selector .multi-selector-active-items {
display: flex;
flex-direction: column;
grid-gap: 16px;
}
.custom-multi-selector .select.sort-desktop .profile__description.custom__item:hover {
background-color: #3b5765;
}
.custom-multi-selector .select.sort-desktop .profile__description.custom__item:hover .select__item,
.custom-multi-selector
.select.sort-desktop
.profile__description.custom__item.active
.select__item {
color: #fff;
}
.custom-multi-selector .custom-multi-selector-select {
height: 0;
overflow: hidden;
opacity: 0;
}
.custom-multi-selector .select.error {
border: 1px solid #e23d41;
}
.custom-multi-selector .select__wrapper .arrow__button {
position: relative;
top: -5px;
}
.main.catalog__main .breadcrumbs__list + .main__block .main__title + button.light__button {
padding: 4px 8px;
border-radius: 4px;
margin-bottom: 0;
margin-top: 5px;
font-size: 9px;
line-height: 11px;
letter-spacing: 0.02em;
font-weight: 500;
}
.main.catalog__main .breadcrumbs__list + .main__block {
flex-direction: row;
align-items: start;
grid-gap: 8px 5px;
flex-wrap: wrap;
}
.main.catalog__main .breadcrumbs__list + .main__block .main__title {
margin-bottom: 0;
}
/* Правки в каталоге t_124603 */
@media (min-width: 1024px) {
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal {
position: fixed;
right: inherit;
left: -150%;
top: 0;
z-index: 5;
max-width: 360px;
width: 100%;
transition: 0.3s ease;
z-index: 5000;
max-width: 232px;
height: 100vh !important;
background-color: #ffffff;
}
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal.active {
left: 0;
right: inherit;
}
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal .filter__modal_con {
display: flex;
flex-direction: column;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
.sub-catalog__wrapper.tablet {
display: none;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
.sub-catalog__wrapper
.buttons__wrapper
.filter__button {
display: flex;
}
.main .sub-catalog__section .sub-catalog__wrapper .tablet .down__line .product__button {
display: flex;
padding: 16px !important;
}
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal {
overflow-y: scroll;
border-right: 1px solid #e6ecf0;
}
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal::-webkit-scrollbar {
width: 0px;
height: auto;
}
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal::-webkit-scrollbar-track-piece {
background-color: #e6ecf0;
-webkit-border-radius: 8px;
}
.main .sub-catalog__section .sub-catalog__wrapper .filter__modal::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3b5765;
}
main.catalog__main .content .custom-scroll__table {
width: 100%;
}
.aside__main .aside__header {
min-height: 80px;
}
.main .sub-catalog__section .sub-catalog__wrapper #smartfilter-form .checkbox .checkout__label {
font-size: 12px;
}
}
@media (min-width: 1641px) {
/* main.catalog__main .content .custom-scroll__table .cell:first-of-type { flex-basis: 600px; } */
/* .custom-scroll__table .custom-scroll-table__header .row-header { flex: 0 0 600px; } */
}
@media (max-width: 1023px) {
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__content
.sub-catalog__wrapper
.buttons__wrapper
.filter__button
.filter-label {
display: none;
}
.main .sub-catalog__section .sub-catalog__wrapper .js-filter-desktop-btn {
display: none;
}
.main .sub-catalog__section .sub-catalog__wrapper .js-categories-desktop-btn {
display: none;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.categories-mode
> .sub-catalog__subcategories
> .modal__header {
display: none;
}
}
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside {
height: 100%;
grid-gap: 0;
}
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__dropdown {
border-radius: 0;
}
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside .sub-catalog__subcategories {
/*display: none;*/
display: block;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.filters__mobile
.modal__header {
/*display: flex;*/
display: none;
}
.main .sub-catalog__section .sub-catalog__wrapper .filter-table__component.first-line {
display: flex;
grid-gap: 8px;
}
.main .sub-catalog__section .sub-catalog__wrapper .js-filter-desktop-btn {
padding: 12px 16px;
}
.main .sub-catalog__section .sub-catalog__wrapper .js-filter-desktop-btn .amount {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
background-color: #e23d41;
color: #ffffff;
border-radius: 100%;
width: 13px;
padding: 2px;
right: -5px;
top: -7px;
font-size: 8px;
font-style: normal;
font-weight: 500;
line-height: 9px;
letter-spacing: 0.16px;
color: #ffffff;
}
.main .sub-catalog__section .sub-catalog__wrapper .js-categories-desktop-btn {
padding: 17px 16px;
}
.main .sub-catalog__section .sub-catalog__wrapper .select {
font-weight: 400;
font-size: 14px;
line-height: 16px;
padding: 12px;
height: 40px;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode
> .sub-catalog__subcategories {
/*display: none !important;*/
border-radius: 0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode
> .sub-catalog__subcategories
.modal__header {
padding: 5px;
left: -150%;
transition: 0.3s ease;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode.active
> .sub-catalog__subcategories {
padding-top: 45px;
position: relative;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode.active
> .sub-catalog__subcategories
.modal__header {
position: fixed;
top: 0;
left: 0;
width: 228px;
background: #fff;
z-index: 10;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode
> .sub-catalog__subcategories
.modal__header
.modal__close {
padding: 5px;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode
> .sub-catalog__subcategories
> .dropdown__button {
display: flex;
border-bottom: 1px solid #e6ecf0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode
> .sub-catalog__subcategories
> .dropdown__content:not(.active) {
border-bottom: 1px solid #e6ecf0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode
> .sub-catalog__subcategories
> .dropdown__content:not(.active)
> .sub-catalog__item:first-child {
border-top: none;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode
.sub-catalog__filters
.sub-catalog__items {
border-bottom: 1px solid #e6ecf0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode
.sub-catalog__filters
.sub-catalog__items:not(.active)
> .sub-catalog__item:first-child {
border-top: none;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode
> .sub-catalog__filters
.sub-catalog__item.dropdown__button {
/*display: none !important;*/
display: flex;
border-bottom: 1px solid #e6ecf0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.categories-mode
> .sub-catalog__filters {
/*display: none !important;*/
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.categories-mode
> .sub-catalog__subcategories {
border-radius: 0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.categories-mode
> .sub-catalog__subcategories
> .sub-catalog__item.dropdown__button {
/*display: none;*/
}
main.catalog__main footer {
position: fixed;
left: 232px;
width: calc(100% - 232px);
}
@media (max-width: 1023px) {
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode.active
> .sub-catalog__subcategories {
padding-top: 0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.filter__modal.filter-mode.active
> .sub-catalog__subcategories
.modal__header {
position: static;
width: 100%;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__dropdown
.dropdown__button {
display: flex;
}
}
.main
.profile__section
.section__block
.section__contents
.section__content
.section__table
.cell__name
.photo__logo {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-style: normal;
width: 40px;
height: 40px;
overflow: hidden;
flex-shrink: 0;
}
.js-user-profile-edit-form .form__wrapper.disable .form__input::-webkit-input-placeholder {
color: transparent;
}
.js-user-profile-edit-form .form__wrapper.disable .form__input::-moz-placeholder {
color: transparent;
}
.js-user-profile-edit-form .form__wrapper.disable .form__input:-moz-placeholder {
color: transparent;
}
.js-user-profile-edit-form .form__wrapper.disable .form__input:-ms-input-placeholder {
color: transparent;
}
.js-user-profile-edit-form .form__wrapper:not(.disable) .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.js-user-profile-edit-form .form__wrapper:not(.disable) .form__input::-moz-placeholder {
color: #abb0b3;
}
.js-user-profile-edit-form .form__wrapper:not(.disable) .form__input:-moz-placeholder {
color: #abb0b3;
}
.js-user-profile-edit-form .form__wrapper:not(.disable) .form__input:-ms-input-placeholder {
color: #abb0b3;
}
.js-user-profile-edit-form .form__wrapper:not(.disable) .password__input::-webkit-input-placeholder,
.css-form-invite-edit .form__wrapper:not(.disable) .password__input::-webkit-input-placeholder {
color: transparent;
}
.js-user-profile-edit-form .form__wrapper:not(.disable) .password__input::-moz-placeholder,
.css-form-invite-edit .form__wrapper:not(.disable) .password__input::-moz-placeholder {
color: transparent;
}
.js-user-profile-edit-form .form__wrapper:not(.disable) .password__input:-moz-placeholder,
.css-form-invite-edit .form__wrapper:not(.disable) .password__input:-moz-placeholder {
color: transparent;
}
.js-user-profile-edit-form .form__wrapper:not(.disable) .password__input:-ms-input-placeholder,
.css-form-invite-edit .form__wrapper:not(.disable) .password__input:-ms-input-placeholder {
color: transparent;
}
.css-form-invite-edit .details-select {
display: block !important;
}
.css-form-invite-edit .details-select:not(.edit) .select-label {
display: none !important;
}
.aside__main .aside__profile img.user__avatar {
border-radius: 50%;
}
/* Раздел формирования заказа */
.main .main-order__section .create__main-wrapper {
padding-bottom: 90px;
}
.main
.main-order__section
.create__main-wrapper
.create__form
.field__wrapper
.field__block.upload__field_xls {
background-color: #3b5765;
}
.main
.main-order__section
.create__main-wrapper
.create__form
.field__wrapper
.field__block.upload__field_xls
.upload__text {
color: #f6f6f6;
}
.main
.main-order__section
.create__main-wrapper
.create__form
.field__wrapper
.field__block
.component__button.dropdown__button {
cursor: pointer;
}
.main .main-order__section .order__table tbody tr td .td__wrap .item__availability span:last-child {
font-weight: 500;
}
.main
.main-order__section
.create__main-wrapper
.create__form
.field__wrapper
.buttons__wrappper
.component__button {
cursor: pointer;
}
.main .main-order__section .order-make__content .table td .td__control > .quantity-control {
margin-left: auto;
}
.main .main-order__section .processed_run__wrapper {
position: relative;
}
.main .main-order__section .processed_run__wrapper .lds-ring {
width: 60px;
height: 60px;
position: absolute;
right: 0;
top: -4px;
}
.main .main-order__section .processed_run__wrapper.block_ui::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
cursor: not-allowed;
}
.main .main-order__section .processed_run__wrapper.block_ui .lds-ring {
display: block;
z-index: 4;
}
@media (max-width: 576px) {
.main .main-order__section .processed_run__wrapper.block_ui {
padding-bottom: 50px;
}
.main .main-order__section .processed_run__wrapper.block_ui .lds-ring {
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
top: 40px;
}
/*.categories__modal .modal__body { overflow-y: auto; height: calc(100vh - 81px); }
#bx-panel ~ .categories__modal .modal__body { overflow-y: auto; height: calc(100vh - 120px); }
#bx-panel:not(.bx-panel-folded) ~ .categories__modal .modal__body { overflow-y: auto; height: calc(100vh - 228px); }*/
}
/* Раздел документов */
.documents_container .show-more__block .page-navigation a.page-navigation__button {
display: flex;
justify-content: center;
align-items: center;
}
.documents_container .main .orders__section .empty {
width: auto;
height: auto;
}
.documents_container .main .orders__section .empty .empty_txt {
display: flex;
flex-direction: column;
justify-content: center;
}
.main .document__section .filter-table .filter-table__wrapper .organization__select .select__list {
height: auto;
max-height: 340px;
}
.calendar__modal .calendar__table .calendar .days .day:not(.inactive) {
cursor: pointer;
}
.calendar__modal .calendar__table .calendar .days .day.checked-to,
.calendar__modal .calendar__table .calendar .days .day.checked-from {
color: #fff;
background-color: #949ca1;
}
.sub-modal .modal__sub-body .sub-modal__list .sub-modal__wrapper .profile__description.active {
background-color: #f1f4f6;
}
.sub-modal
.modal__sub-body
.sub-modal__list
.sub-modal__wrapper
.profile__description.active
.profile__name {
color: #3b5765;
}
.act-calendar__modal .form__input::-webkit-input-placeholder,
.calendar__modal .calendar__body .form__input::-webkit-input-placeholder {
color: #abb0b3;
}
.act-calendar__modal .form__input::-moz-placeholder,
.calendar__modal .calendar__body .form__input::-moz-placeholder {
color: #abb0b3;
}
.act-calendar__modal .form__input:-moz-placeholder,
.calendar__modal .calendar__body .form__input:-moz-placeholder {
color: #abb0b3;
}
.act-calendar__modal .form__input:-ms-input-placeholder,
.calendar__modal .calendar__body .form__input:-ms-input-placeholder {
color: #abb0b3;
}
.act-calendar__modal .select .select__list .select__item.active {
background-color: #f6f8fa;
}
/* Базовые стили */
body .base_styles,
body .base_styles:not(.accordion__content) * {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
}
body .base_styles h1 {
font-size: 40px;
font-weight: 400;
line-height: 48px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
margin-bottom: 16px;
}
body .base_styles h2 {
font-size: 36px;
font-weight: 400;
line-height: 48px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
margin-bottom: 16px;
}
body .base_styles h3 {
font-size: 32px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
margin-bottom: 16px;
}
body .base_styles h4 {
font-size: 28px;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
margin-bottom: 16px;
}
body .base_styles h5 {
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
margin-bottom: 16px;
}
body .base_styles h6 {
font-size: 20px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
}
body .base_styles p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
margin-bottom: 16px;
}
body .base_styles strong {
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
}
body .base_styles ul,
body .base_styles ol {
padding-left: 20px;
margin-bottom: 16px;
}
body .base_styles a {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.02em;
color: #e23d41;
text-decoration: underline;
}
body .base_styles ul li,
body .base_styles ol li {
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.02em;
text-align: left;
color: #182c36;
}
body .base_styles ul li::marker {
color: #e23d41;
}
body .base_styles table {
background-color: #ffffff;
margin-bottom: 16px;
}
body .base_styles table thead {
background-color: #f1f4f6;
}
body .base_styles table thead th {
padding: 12px;
border: 1px solid #e6ecf0;
}
body .base_styles table tbody tr td {
padding: 8px;
border: 1px solid #e6ecf0;
}
@media (max-width: 768px) {
body .base_styles h1 {
font-size: 32px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
}
body .base_styles h2 {
font-size: 28px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
}
body .base_styles h3 {
font-size: 24px;
font-weight: 400;
line-height: 28px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
}
body .base_styles h4 {
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
}
body .base_styles h5 {
font-size: 16px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
}
body .base_styles h6 {
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
}
}
.header.search {
z-index: 10;
}
.menu__navigation .menu__component.cart__link .cart__counter:not(.have_items) {
opacity: 0;
}
.title-search-result .option-image__wrapper .option-image__wrapper {
align-items: center;
justify-content: center;
display: flex;
}
.title-search-result .option-image__wrapper .option-image__wrapper img.option-item__image {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.categories__modal .modal__body .category__item a.category__wrapper {
flex-grow: 1;
}
@media (max-width: 1023px) {
.categories__modal.modal-top {
width: 80%;
}
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
width: 80%;
right: inherit;
left: 0;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside.active
> .sub-catalog__subcategories {
width: 100%;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside.active
> .sub-catalog__dropdown {
width: 100%;
}
.title-search-result {
overflow: auto !important;
height: auto;
}
.title-search-result .option__list {
max-height: 212px;
overflow: auto;
}
}
@media (max-width: 576px) {
.aside__main .aside__fixed {
width: 80%;
}
}
@media (min-width: 577px) and (max-width: 1023px) {
.categories__modal.modal-top {
max-width: 360px;
}
}
.main
.card-product__section
.card-product
.card-header
.slider__wrapper
.card__slider-1
.swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.main
.card-product__section
.card-product
.card-header
.slider__wrapper
.card__slider-1
.mini-image {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.card-product__section .slider__wrapper .card__slider-2 .swiper-slide img {
max-width: 256px;
max-height: 256px;
object-fit: contain;
}
.custom-scroll__table .custom-scroll-table__header .row-header {
flex-grow: 1;
flex: auto;
width: 100% !important;
min-width: 180px;
}
.custom-scroll__table .cell:first-of-type {
flex-basis: auto;
min-width: 180px;
}
.custom-scroll__table .cell.cell-sticky:last-of-type,
.custom-scroll__table .col-name.last-col-name:last-of-type {
flex-basis: 229px;
}
.custom-scroll__table .cell.cell-sticky:last-of-type {
border-radius: 0 8px 8px 0;
border: 1px solid #E6ECF0;
border-left: none;
}
@media (min-width: 1024px) {
.main .sub-catalog__section .main__container .sub-catalog__wrapper .sub-catalog__aside {
min-width: auto;
}
}
.main .card-product__section .card-tables {
padding: 32px 24px 24px 0;
}
.is_side_panel .main .card-product__section .card-tables {
padding: 32px 24px 24px 24px;
background-color: #f6f8fa;
border-radius: 8px;
}
.custom-scroll__table .cell__link .cell__image_con img {
width: 100%;
height: 100%;
object-fit: contain;
}
.basket__table tbody tr .table__image {
object-fit: contain;
}
.basket__table tbody tr .td__value a {
display: flex;
}
/* pending-orders and cart */
.filter-table .filter-table__wrapper .filter-table__component .filter-table__input--pending {
padding-right: 36px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 12px center;
}
.custom-table .custom-line--pending {
grid-template-columns: 50px 110px minmax(210px, auto) 63px 105px minmax(auto, 550px);
}
.name-order .td__value {
font-weight: 400;
}
.custom-cell--comment .td__value {
display: block;
padding: 8px 12px;
font-weight: 400;
border-radius: 8px;
border: 1px solid #e6ecf0;
}
.custom-cell--comment .td__value textarea {
resize: vertical;
}
.main
.orders__section
.custom-table__body
.dropdown__sub-table
.sub-table
.sub-table__header--pending {
margin-bottom: 18px;
border-radius: 8px;
}
.table--pending thead tr th:first-child {
border-top-left-radius: 8px;
}
.table--pending thead tr th:last-child {
border-top-right-radius: 8px;
}
.table.table--pending tbody tr td.border-none,
.table.table--pending thead tr th.border-none {
border-right: none;
}
.pending-quantity .quantity-control__value {
width: 56px;
}
.pending-disabled .td__wrapper {
opacity: 0.4;
}
.background-line.active .custom-cell--comment .td__value {
background-color: #fff;
}
.pending-orders-search {
position: relative;
}
.pending-orders-search input {
padding: 16px 44px 16px 12px;
/* background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 12px center; */
background-color: #fff;
border-radius: 8px;
width: 100%;
}
.pending-orders-search-wrapper {
width: 100%;
position: relative;
}
.pending-orders-search-wrapper.active {
z-index: 7;
}
.pending-orders-search-wrapper button {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
}
.pending-orders-search-loupe {
visibility: visible;
opacity: 1;
transition: 0.3s ease;
}
.pending-orders-search-close {
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
}
.pending-orders-search-close.active {
opacity: 1;
visibility: visible;
}
.pending-orders-search-loupe.no-active {
opacity: 0;
visibility: hidden;
}
.pending-search-option {
position: absolute;
top: 55px;
left: 0;
width: 100%;
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 5;
background-color: #fff;
border: 1px solid #e6ecf0;
border-radius: 8px;
box-shadow: 0px 8px 16px 0px #e6ecf0;
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
}
.pending-search-option.active {
opacity: 1;
visibility: visible;
}
.pending-search-option-list {
max-height: 252px;
overflow: auto;
box-shadow: 0px 8px 16px 0px #e6ecf0;
overscroll-behavior: contain;
}
.pending-search-option-list::-webkit-scrollbar {
width: 4px;
height: auto;
}
.pending-search-option-list::-webkit-scrollbar-track-piece {
background-color: #e6ecf0;
-webkit-border-radius: 8px;
}
.pending-search-option-list::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #3b5765;
}
.pending-search-option-item {
position: relative;
display: flex;
gap: 8px;
padding: 16px;
border-bottom: 1px solid #e6ecf0;
width: 100%;
flex-grow: 1;
}
.pending-search-option-content {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.pending-search-option-title {
display: flex;
flex-direction: column;
}
.pending-search-option-title > b {
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-align: left;
color: #18a676;
}
.pending-search-option-title p {
font-size: 14px;
font-weight: 300;
line-height: 16px;
text-align: left;
}
.pending-search-option-title span {
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;
color: #3b5765;
}
.pending-search-option-price {
display: flex;
align-items: center;
gap: 15px;
margin-left: auto;
}
.pending-search-option-price b {
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-align: center;
color: #182c36;
white-space: nowrap;
}
.pending-search-option-price-wrapper {
display: flex;
flex-direction: column;
}
.pending-search-option-price-wrapper p {
display: none;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-align: left;
color: #3b5765;
}
.pending-search-option-price-wrapper span {
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-align: left;
color: #18a676;
}
.pending-search-option-item img {
width: 32px;
height: 32px;
border: 1px solid #e6ecf0;
border-radius: 6px;
object-fit: contain;
}
.pending-remove-bnt {
display: flex;
align-items: center;
justify-content: center;
}
.table--pending {
overflow: hidden;
}
.main .orders__section .custom-table--pending .custom-table__body .dropdown__sub-table .sub-table {
overflow: visible;
}
.pending-orders-search.pending-editor {
display: flex;
max-height: 0;
visibility: hidden;
transition: 0.5s ease;
opacity: 0;
}
.pending-orders-search.pending-editor.active {
max-height: 100px;
visibility: visible;
opacity: 1;
margin-bottom: 18px;
}
.pending-remove-bnt.pending-editor {
display: flex;
max-width: 0;
visibility: hidden;
transition: 0.5s ease;
opacity: 0;
}
.pending-remove-bnt.pending-editor.active {
visibility: visible;
opacity: 1;
max-width: 100px;
}
.main
.orders__section
.custom-table__body
.dropdown__sub-table
.sub-table
.sub-table__header
.sub-table__wrapper {
overflow: hidden;
}
.save__button {
visibility: hidden;
transition: 0.5s ease;
opacity: 0;
max-width: 0;
padding: 0 !important;
}
.save__button.active {
visibility: visible;
opacity: 1;
max-width: 150px;
padding: 16px !important;
}
.sub-table__header--pending .sub-table__control {
margin-left: auto;
}
.sub-table__control-wrapper {
position: relative;
display: flex;
align-items: center;
gap: 8px;
transition: 0.5s ease;
max-width: 350px;
opacity: 1;
}
.sub-table__control-wrapper.transform {
max-width: 0;
opacity: 0;
visibility: hidden;
}
.pending-quantity .quantity-control__button {
transition: 0.5s ease;
opacity: 0;
visibility: hidden;
}
.pending-quantity .quantity-control__value[disabled] {
background-color: #fff;
}
.pending-quantity .quantity-control__button.active {
opacity: 1;
visibility: visible;
}
.main
.orders__section
.custom-table__body
.dropdown__sub-table
.sub-table
.sub-table__header--pending
.sub-table__wrapper
.sub-table__control {
gap: 0;
}
.main .orders__section .filter-table--pending .filter-table__wrapper .component__button {
position: static;
}
.filter-table--pending .filter-table__wrapper {
position: static;
display: flex;
}
.filter-table--pending .document-search,
.main .document__section .filter-table--pending .data-search {
display: none;
}
.remove-modal,
.place-modal,
.pending-modal,
.not-available-modal {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 5;
width: 100%;
max-width: 400px;
background-color: #fff;
border-radius: 16px;
padding: 24px;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
.remove-modal .modal__close,
.place-modal .modal__close,
.pending-modal .modal__close,
.not-available-modal .modal__close {
position: absolute;
top: 20px;
right: 20px;
}
.remove-modal__step,
.place-modal__step,
.pending-modal__step {
display: flex;
flex-direction: column;
transition: 0.3s ease;
max-height: 500px;
}
.remove-modal__step--two,
.place-modal__step--two,
.pending-modal__step--two {
max-height: 0;
visibility: hidden;
opacity: 0;
}
.remove-modal.active,
.place-modal.active,
.pending-modal.active,
.not-available-modal.active {
visibility: visible;
opacity: 1;
}
.remove-modal__step--one.no-active,
.place-modal__step--one.no-active,
.pending-modal__step--one.no-active {
visibility: hidden;
opacity: 0;
max-height: 0;
}
.remove-modal__step--two.active,
.place-modal__step--two.active,
.pending-modal__step--two.active {
visibility: visible;
opacity: 1;
max-height: 500px;
}
.remove-modal__header,
.place-modal__header,
.pending-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.remove-modal__content,
.place-modal__content,
.pending-modal__content {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #000814;
margin-bottom: 24px;
}
.pending-modal__header {
font-size: 16px;
font-weight: 500;
line-height: 40px;
text-align: left;
text-transform: uppercase;
}
.pending-modal__content p {
margin-bottom: 8px;
}
.pending-modal__content input {
padding: 16px 12px;
background-color: #fff;
font-size: 13px;
font-weight: 400;
line-height: 16px;
text-align: left;
border-radius: 8px;
border: 1px solid #c5d6df;
width: 100%;
}
.place-modal__content span {
display: block;
margin-bottom: 8px;
}
.place-modal__content ol {
padding-left: 24px;
}
.place-modal__content--title {
font-size: 20px;
font-weight: 400;
line-height: 24px;
text-align: left;
margin-bottom: 8px;
}
.remove-modal__footer,
.place-modal__footer,
.pending-modal__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.remove-modal__footer button,
.place-modal__footer button,
.pending-modal__footer button,
.pending-modal__footer a {
width: 100%;
flex-grow: 1;
padding: 16px;
}
.order__pending {
display: flex;
flex-direction: column;
gap: 16px;
padding: 24px;
background-color: #e6ecf0;
border-radius: 9px;
max-width: 400px;
margin-top: 24px;
}
.main .basket__section .basket__block .basket__content .order__information {
background-color: #fff;
}
@media (min-width: 1024px) and (max-width: 1280px) {
[data-entity='basket-total-block'] > div {
display: flex;
gap: 24px;
}
[data-entity='basket-total-block'] .order__pending,
[data-entity='basket-total-block'] .order__information {
flex-grow: 1;
width: 100%;
height: fit-content;
}
[data-entity='basket-total-block'] .order__pending {
margin-top: 0;
}
}
.main
.basket__section
.basket__block
.basket__content
.order__information
.order__information-wrapper {
background-color: #fff;
border-radius: 8px;
}
.order__pending span {
font-family: Roboto;
font-size: 16px;
font-weight: 500;
line-height: 18px;
text-align: left;
}
.order__pending p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.custom-table--pending .custom-cell {
align-items: start;
}
.custom-line--pending .td__wrapper {
margin-top: 8px;
}
.custom-line--pending .custom-cell--comment .td__wrapper {
margin-top: 0;
}
.custom-line--pending.active {
background-color: #e6ecf0;
}
.custom-line--pending.active .custom-cell:not(:last-child) {
border-right: 1px solid #c5d6df;
}
.custom-line--pending.active .custom-cell {
border-bottom: 1px solid #c5d6df;
}
.table--pending tbody tr .table__image {
display: flex;
border: 1px solid #e6ecf0;
border-radius: 8px;
}
.table--pending .option-item__description .item__info .item__number {
font-family: Roboto;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;
color: #3b5765;
}
.table--pending .option-item__description .item__info .item__availability {
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;
color: #18a676;
}
.opacity {
opacity: 0.5;
}
.opacity .quantity-control__button {
opacity: 0 !important;
visibility: hidden !important;
}
.custom-table--pending .custom-table__header .custom-cell,
.custom-table--pending .custom-table__header .custom-cell a {
display: flex;
align-items: center;
gap: 8px;
}
.custom-table--pending .custom-table__header .custom-cell span {
top: auto;
}
.title-search-result {
overscroll-behavior: contain;
box-shadow: 0px 8px 16px 0px #e6ecf0 !important;
}
@media (hover: hover) {
.custom-table .custom-cell .dropdown:hover {
background-color: #182c36;
}
.custom-table .custom-cell .dropdown:hover svg .stroke {
stroke: #fff;
}
}
@media (hover: none) {
.custom-table .custom-cell .dropdown:active {
background-color: #182c36;
}
.custom-table .custom-cell .dropdown:active svg .stroke {
stroke: #fff;
}
}
.main .orders__section .table--pending {
border-radius: 8px;
}
@media (max-width: 1280px) {
.order__pending {
max-width: 100%;
}
}
@media (max-width: 1023px) {
.filter-table--pending .filter-table__wrapper {
margin-bottom: 16px;
}
}
@media (max-width: 1023px) {
.pending-search-option-list {
max-height: 204px;
}
.custom-cell--comment .td__value textarea {
resize: none;
}
.custom-cell--comment .td__value textarea::-webkit-scrollbar {
overflow: hidden;
}
.custom-cell--comment .td__value::-webkit-scrollbar {
width: 14px;
display: hidden;
}
.custom-cell--comment .td__value {
resize: vertical;
overflow-y: scroll;
}
.custom-table--pending .custom-table__header {
display: none;
}
.filter-table--pending .filter-table__wrapper {
gap: 8px;
}
.custom-table--pending .custom-table__body {
border-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.main
.orders__section
.custom-table--pending
.custom-table__body
.dropdown__sub-table
.sub-table {
padding: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.custom-table--pending .custom-table__body tr td {
padding: 16px;
}
.main--pending {
background-color: #f6f8fa;
}
.custom-line--pending .custom-table__body {
border-radius: 8px;
}
.custom-line--pending.active .custom-cell:not(:last-child) {
border-right: none;
}
.custom-line--pending.active .custom-cell {
border-bottom: none;
}
.table--pending .option-item__description .item__info .item__number {
font-weight: 500 !important;
}
.custom-line--pending .td__wrapper {
margin-top: 0;
}
.table--pending .item__availability {
display: none;
}
.table--pending td .td-mobile-thead {
margin-bottom: 0;
}
.pending-search-option {
position: absolute;
top: 55px;
left: 0;
width: 100%;
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
list-style-type: none;
z-index: 5;
background-color: #fff;
border: 1px solid #e6ecf0;
}
.pending-search-option-item {
padding: 8px;
}
/* .pending-search-option-item {
display: flex;
gap: 8px;
padding: 16px;
border-bottom: 1px solid #e6ecf0;
width: 100%;
} */
/* .pending-search-option-content {
display: flex;
flex-direction: column;
gap: 14px;
} */
.pending-search-option-title p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* .pending-search-option-title p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
}
.pending-search-option-title span {
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;
}
.pending-search-option-price {
display: flex;
align-items: end;
justify-content: space-between;
} */
/* .pending-search-option-price-wrapper {
display: flex;
flex-direction: column;
}
.pending-search-option-price-wrapper p {
display: block;
position: static;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-align: left;
color: #3b5765;
transform: none;
}
.pending-search-option-price-wrapper b {
position: static;
font-size: 20px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.01em;
text-align: left;
color: #182c36;
transform: none;
} */
.custom-table--pending {
overflow: visible;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* .pending-search-option-item .black__button {
position: static;
padding: 12px;
transform: none;
} */
/* .pending-search-option-price-wrapper span {
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-align: left;
color: #18a676;
} */
/* .pending-search-option-item img {
width: 112px;
height: 112px;
object-fit: contain;
} */
.main__container {
padding: 0 8px;
}
.custom-table .custom-line--pending {
display: flex;
flex-wrap: wrap;
}
.custom-table .custom-line--pending .custom-cell:not(.custom-cell--comment) {
width: auto;
flex-grow: 0;
text-align: left;
display: block;
border-right: none;
}
.custom-table .custom-line--pending .custom-cell:not(:first-child) {
min-width: 82px;
}
.main .orders__section .custom-table .custom-line--pending .td__wrapper .td-mobile-thead {
text-transform: uppercase;
font-size: 10px;
display: block;
background-color: transparent;
line-height: 16px;
color: #839ead;
}
.main
.orders__section
.custom-table__body
.dropdown__sub-table
.sub-table
.sub-table__header--pending {
background-color: #f6f8fa;
}
.table--pending tbody tr .table__image {
width: 112px;
height: 112px;
}
.custom-line--pending + .dropdown__sub-table {
background-color: #e6ecf0 !important;
padding: 0 !important;
}
.custom-table--pending .custom-table__body tr td:not(:last-child) {
border-top: none;
}
.table--pending .tr__orders-table td:nth-child(n + 3):nth-child(-n + 5) {
position: absolute;
bottom: 0;
}
.table--pending td {
width: fit-content;
}
.table--pending thead {
display: none;
}
.table--pending .tr__orders-table td:nth-child(3) {
left: 130px;
}
.table--pending tbody tr td .item__name {
max-width: 90%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 400;
}
.main .orders__section .table--pending .tr__orders-table td .td__wrapper .td__value {
font-style: normal;
font-weight: 500;
line-height: 16px;
color: #182c36;
}
.custom-table--pending .td__wrapper .td-mobile-thead {
display: block;
background-color: transparent;
}
.custom-table--pending .custom-table__body tr td {
border-top: none;
}
.custom-table--pending .custom-table__body tr td:not(:last-child) {
border-right: none;
}
.table--pending .tr__orders-table td:nth-child(2) {
position: absolute;
top: 0;
left: 130px;
}
.pending-orders-search.pending-editor {
margin-left: 8px;
margin-right: 8px;
}
.main .orders__section .table--pending {
border-radius: 8px;
}
.main .orders__section .table--pending .tr__orders-table td .td__wrapper .td__value {
font-size: 20px;
line-height: 33px;
}
.sub-table__header--pending .sub-table__control {
width: 100%;
}
.main .orders__section .table--pending .tr__orders-table td .td__wrapper .td-mobile-thead {
font-weight: 500 !important;
color: #3b5765;
font-size: 12px;
font-style: normal;
line-height: 16px;
text-transform: inherit;
}
.table--pending .tr__orders-table td:last-child {
position: absolute;
top: 8px;
right: 8px;
}
.table--pending .tr__orders-table td:last-child svg {
width: 32px;
height: 32px;
}
}
@media (min-width: 577px) and (max-width: 1023px) {
.table.table--pending tbody tr td.border-none {
min-height: 71px;
}
.table--pending .tr__orders-table td:nth-child(5) {
left: auto;
right: 8px;
}
.table--pending .tr__orders-table td:nth-child(4) {
left: auto;
right: 130px;
}
}
@media (min-width: 475px) and (max-width: 576px) {
.custom-table .custom-line--pending .custom-cell.name-order {
margin-right: 80px;
}
}
@media (max-width: 576px) {
.pending-search-input::placeholder {
font-size: 10px;
}
.custom-table .custom-line--pending .custom-cell.price-cell {
margin-left: 56px;
}
.sub-table__header--pending .sub-table__control {
flex-wrap: nowrap !important;
}
.pending-search-option-content {
flex-wrap: wrap;
}
.table--pending tbody tr td .item__name {
max-width: 80%;
-webkit-line-clamp: 3;
}
.custom-table--pending .custom-table__body tr td {
padding: 8px;
}
.filter-table .filter-table__wrapper .filter-table__component .filter-table__input--pending {
width: 140px;
}
.filter-table--pending .filter-table__wrapper {
margin-bottom: 0;
gap: 8px;
}
.filter-table--pending .filter-table__wrapper .light__button {
padding: 16px;
}
.sub-table__header--pending .info-item:first-child {
flex-grow: 1;
width: 100%;
}
.main
.orders__section
.custom-table__body
.dropdown__sub-table
.sub-table
.sub-table__header--pending {
padding: 8px;
}
.main
.orders__section
.custom-table__body
.dropdown__sub-table
.sub-table
.sub-table__header--pending
.sub-table__wrapper
.sub-table__info {
gap: 16px;
}
.table--pending .tr__orders-table {
height: 290px;
}
.custom-table--pending .table--pending .tr__orders-table td:nth-child(3) {
bottom: auto;
top: 85px;
left: 130px;
width: fit-content;
}
.custom-table--pending .table--pending .tr__orders-table td:nth-child(4) {
bottom: auto;
top: 160px;
left: 130px;
width: fit-content;
transform: none;
}
.custom-table--pending .table--pending .tr__orders-table td .item__info {
bottom: -10px;
left: 8px;
}
.sub-table__header--pending .sub-table__control-wrapper {
max-width: 100%;
width: 100%;
}
.sub-table__header--pending .sub-table__control button {
width: 100% !important;
flex-grow: 1;
}
.pending-search-option-item .black__button {
width: auto;
}
.custom-table--pending .table--pending .tr__orders-table td:nth-child(5) {
bottom: auto;
top: 220px;
left: 130px;
width: fit-content;
}
.table--pending .tr__orders-table td:last-child {
top: auto;
bottom: 10px;
right: 10px;
}
.table--pending .tr__orders-table td:last-child svg {
width: 16px;
height: 16px;
}
.main.catalog__main .breadcrumbs__list + .main__block .main__title + button.light__button {
display: none;
}
}
/* pending-orders and cart */
/* End */
/* Start:/local/templates/lk/css/client_custom.css?17479072486123*/
@media (min-width: 1024px) {
.header {
height: 80px;
border-bottom: 1px solid #E6ECF0;
}
.main .menu__section .menu__list .menu__card .menu-card__logo {
width: 84px;
height: 84px;
}
.basket__section {
margin-top: -30px;
}
.basket__section .back__link {
padding-bottom: 0;
}
.basket__block {
margin-top: -16px;
}
}
.js-cart-block div[data-entity="buttons-block"] .css-add-to-cart {
background-color: #3b5765;
border-radius: 4px;
}
@media (max-width: 576px) {
.header .header__wrapper .menu__navigation .menu__component {
padding: 6px 6px !important;
}
}
.categories__modal .modal__body .category__item .category__wrapper .category__image {
object-fit: contain;
}
.main
.sub-catalog__section
.sub-catalog__wrapper
.sub-catalog__aside
.sub-catalog__dropdown
.sub-catalog__items
.sub-catalog__item
.accordion__label
.sub-catalog__title
.sub-catalog__img {
height: auto;
}
.order__table tbody tr td .td__wrap .table__image {
max-height: 32px;
height: auto;
}
@media (min-width: 767px) {
.mob-table-cards .table-card .table-card__content .item__sale {
min-height: 24px;
}
}
@media (max-width: 768px) {
.order__table tbody tr td .td__wrap .table__image {
max-height: 112px;
height: auto;
}
}
@media (max-width: 576px) {
.order__table tbody tr td .td__wrap .table__image {
max-height: 56px;
height: auto;
}
}
@media (max-width: 560px) {
.option__custom {
flex-wrap: wrap;
}
}
@media (max-width: 425px) {
.order__table tbody tr td .td__wrap .table__image {
max-height: 112px;
height: auto;
}
}
.aside__main-navigation .aside__accordion .accordion__input ~ .accordion__label .arrow {
transform: rotate(180deg);
}
.aside__main-navigation .aside__accordion .accordion__input:checked ~ .accordion__label .arrow {
transform: rotate(0deg);
}
.accordion__content.base_styles img {
width: revert-layer;
max-width: 100%;
}
.empty__section {
max-width: 100%;
padding: 0 24px;
}
.vertically-views .table-card .table-card__image .table__image {
width: 100%;
height: 100%;
max-width: 168px;
max-height: 168px;
object-fit: contain;
}
.mob-table-cards.horizontally-views .table__image {
object-fit: contain;
}
.mob-table-cards.horizontally-views .table-card.slider .table-card__image {
display: none;
}
.mob-table-cards .table-card .table-card__content .item__wrapper .item__sub-wrapper .quantity-control .total {
min-height: 16px;
}
.mob-table-cards .table-card.slider .card-slider .close__slider {
top:0;
right: 0;
}
.mob-table-cards .table-card.slider .card-slider {
position: relative;
}
.mob-table-cards .table-card.slider .card-slider .swiper-pagination {
bottom: 0;
}
@media (min-width: 1024px) {
.title-search-result {
min-width: 650px !important;
}
}
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
width: 100%;
background-color: #ffffff;
border-right: 1px solid #e6ecf0;
}
}
@media (min-width: 1281px) and (max-width: 1571px) {
.main .card-product__section .card-product .card-header .card-header__info .card-header__name .main__title {
font-size: 24px;
}
}
@media (min-width: 1024px) and (max-width: 1571px) {
.main__title {
font-size: 24px;
line-height: 28px;
}
}
.help__section .accordion__input:checked + .accordion__label .clues {
border-bottom: 1px solid #e6ecf0;
padding-bottom: 12px;
}
.basket-action-buttons {
align-items: center;
}
.custom-cell--comment .td__value textarea {
height: 17px;
}
.custom-cell--comment .td__value {
padding-bottom: 0;
}
.main .product-catalog__section .product-catalog__list .product-catalog__item .product-catalog__image {
object-fit: contain;
}
@media (min-width: 769px) {
.catalog__table.same_block tbody tr .td-wrapper__control .td__value .td__control {
display: flex;
align-items: center;
justify-content: end;
grid-gap: 4px;
flex-wrap: wrap;
}
}
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
padding-top: 133px;
}
.header.scroll ~ .content .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
padding-top: 81px;
}
}
@media (max-width: 576px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
padding-top: 109px;
}
.header.scroll ~ .content .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
padding-top: 65px;
}
}
.custom-scroll__table .custom-scroll-table__header .col-name[data-code="CABLE_LENGTH"],
.custom-scroll__table .custom-scroll-table__header .col-name[data-code="brand_filter"],
.custom-scroll__table .row .cell[data-code="brand_filter"],
.custom-scroll__table .row .cell[data-code="CABLE_LENGTH"] {
flex: 0 0 120px;
width: 120px;
}
.custom-scroll__table .cell:first-of-type:hover,
.custom-scroll__table .row.product-item-container.hover {
z-index: 3;
}
.custom-scroll__table .cell__image_con:hover {
z-index: 1;
transform: translateX(10px) !important;
}
.custom-scroll__table .cell__image_con {
outline: none;
will-change: transform;
transition: scale 0.3s ease;
}
.header .header__wrapper .search__wrapper .search__input,
.header .header__wrapper .search__wrapper .search__input:focus {
border-radius: 8px !important;
}
.custom-scroll__table .cell__link .cell__image_con {
margin-left: 1px;
margin-right: -1px;
}
.main .sub-catalog__section .main__container .sub-catalog__wrapper div.sub-catalog__aside.filter__modal {
height: 100vh;
}
.option-image__wrapper .option-item__image {
object-fit: contain;
background-color: #fff;
}
.basket__table tbody tr .table__image {
border: 1px solid #e6ecf0;
border-radius: 6px;
overflow: hidden;
background-color: #fff;
}
/* End */
/* Start:/local/templates/lk/components/digimatix/pwa_install/copy_for_footer/style.css?17417800552099*/
.pwa-install-btn_footer {
background-color: #E6ECF0;
color: #182C36;
border: none;
padding: 2px 7px;
height: 44px;
min-width: 44px;
text-align: center;
font-size: 16px;
cursor: pointer;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.pwa-install-btn_footer img {
min-width: 20px;
max-width: 120px;
height: 30px;
margin: 0 auto;
object-fit: contain;
display: block;
}
.pwa-install-btn_footer span {
display: none;
}
.pwa-install-btn_footer img[src=""] {
display: none;
}
.pwa-install-btn_footer img[src=""] + span {
display: block;
}
.pwa-install-btn_footer:hover {
background-color: #182C36;
color: #E6ECF0;
}
.aside__mobile-footer .pwa-install-btn_footer {
position: relative;
margin-right: 100%;
flex-shrink: 0;
}
.aside__mobile-footer .pwa-install-btn_footer::after {
content: "Скачать приложение";
position: absolute;
top: 50%;
left: 100%;
width: max-content;
color: #182C36 !important;
transform: translate(10px, -50%);
font-weight: 600;
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
display: none;
}
.aside__mobile-footer .pwa-install-btn_footer:hover::after {
color: #182C36;
}
.aside__main .aside__mobile-footer .footer__block .footer__social {
flex-wrap: wrap;
}
.installPWA-link img {
pointer-events: none;
}
@media (max-width: 576px) {
.authorization-main .footer .footer__block .footer__social {
position:relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.authorization-main .footer .pwa-install-btn_footer {
height: 36px;
position: absolute;
top: 0;
right: 88px;
}
.authorization-main .footer .pwa-install-btn_footer img {
height: 20px;
}
.authorization-main .footer .callback__link {
width: 100%;
}
}
/* End */
/* Start:/local/templates/lk/styles.css?169745738714*/
.fancybox { }
/* End */
/* Start:/local/templates/lk/template_styles.css?17479071321257*/
h1.main__title:empty {
display: none;
}
.empty__section div.empty {
width: auto;
height: auto;
}
@media (max-width: 1023px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
padding-top: 124px;
padding-bottom: 65px;
}
.header.scroll ~ .content .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
padding-top: 81px;
}
.profile__modal.active ,
.notifications__modal.active{
padding-top: 130px;
}
.with-scroll .profile__modal.active,
.with-scroll .notifications__modal.active {
padding-top: 80px;
}
}
@media (max-width: 576px) {
.main .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
padding-top: 101px;
padding-bottom: 50px;
}
.header.scroll ~ .content .sub-catalog__section .sub-catalog__wrapper .sub-catalog__aside.active.active {
padding-top: 65px;
}
.profile__modal.active,
.notifications__modal.active {
padding-top: 105px;
}
.with-scroll .profile__modal.active,
.with-scroll .notifications__modal.active {
padding-top: 65px;
}
}
/* End */
/* /local/templates/lk/css/swiper-bundle.min.css?169745738718077 */
/* /local/templates/lk/css/style.css?1751281830373554 */
/* /local/templates/lk/css/custom.css?174703622994304 */
/* /local/templates/lk/css/client_custom.css?17479072486123 */
/* /local/templates/lk/components/digimatix/pwa_install/copy_for_footer/style.css?17417800552099 */
/* /local/templates/lk/styles.css?169745738714 */
/* /local/templates/lk/template_styles.css?17479071321257 */