/* Start:/local/templates/bulros/media/css/main.min.css?1748463014346926*/
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BoldItalic.eot");
src: local("Inter Bold Italic"), local("Inter-BoldItalic"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BoldItalic.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BoldItalic.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BoldItalic.ttf") format("truetype");
font-weight: bold;
font-style: italic
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-MediumItalic.eot");
src: local("Inter Medium Italic"), local("Inter-MediumItalic"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-MediumItalic.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-MediumItalic.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinItalicBETA.eot");
src: local("Inter Thin Italic BETA"), local("Inter-ThinItalicBETA"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinItalicBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinItalicBETA.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinItalicBETA.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinItalicBETA.ttf") format("truetype");
font-weight: 100;
font-style: italic
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Regular.eot");
src: local("Inter Regular"), local("Inter-Regular"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Regular.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Regular.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Black.eot");
src: local("Inter Black"), local("Inter-Black"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Black.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Black.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BlackItalic.eot");
src: local("Inter Black Italic"), local("Inter-BlackItalic"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BlackItalic.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BlackItalic.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightBETA.eot");
src: local("Inter Light BETA"), local("Inter-LightBETA"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightBETA.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightBETA.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightBETA.ttf") format("truetype");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBold.eot");
src: local("Inter Semi Bold"), local("Inter-SemiBold"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBold.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBold.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBoldItalic.eot");
src: local("Inter Extra Bold Italic"), local("Inter-ExtraBoldItalic"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBoldItalic.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBoldItalic.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBoldItalic.ttf") format("truetype");
font-weight: 800;
font-style: italic
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Bold.eot");
src: local("Inter Bold"), local("Inter-Bold"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Bold.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Bold.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightItalicBETA.eot");
src: local("Inter Extra Light Italic BETA"), local("Inter-ExtraLightItalicBETA"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightItalicBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightItalicBETA.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightItalicBETA.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightItalicBETA.ttf") format("truetype");
font-weight: 200;
font-style: italic
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightBETA.eot");
src: local("Inter Extra Light BETA"), local("Inter-ExtraLightBETA"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightBETA.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightBETA.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraLightBETA.ttf") format("truetype");
font-weight: 200;
font-style: normal
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBold.eot");
src: local("Inter Extra Bold"), local("Inter-ExtraBold"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBold.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBold.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinBETA.eot");
src: local("Inter Thin BETA"), local("Inter-ThinBETA"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinBETA.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinBETA.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-ThinBETA.ttf") format("truetype");
font-weight: 100;
font-style: normal
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightItalicBETA.eot");
src: local("Inter Light Italic BETA"), local("Inter-LightItalicBETA"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightItalicBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightItalicBETA.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightItalicBETA.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-LightItalicBETA.ttf") format("truetype");
font-weight: 300;
font-style: italic
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Italic.eot");
src: local("Inter Italic"), local("Inter-Italic"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Italic.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Italic.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Italic.ttf") format("truetype");
font-weight: normal;
font-style: italic
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBoldItalic.eot");
src: local("Inter Semi Bold Italic"), local("Inter-SemiBoldItalic"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBoldItalic.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBoldItalic.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic
}
@font-face {
font-family: "Inter";
src: url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Medium.eot");
src: local("Inter Medium"), local("Inter-Medium"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Medium.woff2") format("woff2"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Medium.woff") format("woff"), url("/local/templates/bulros/media/css/../fonts/Inter/Inter-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal
}
:root {
--green: #087c35;
--ffffff: #fff;
--666666: #666;
--222222: #222;
--f5f5f5: #f5f5f5;
--orange: #f47219;
--ededed: #ededed;
--e30b00: #e30b00;
--ffcc1e: #ffcc1e;
--gradient-brendirovannyy: #f0ae00;
--zheltyy-firmennyy: #f9da87;
--font-family: "Inter", sans-serif;
--second-family: "Montserrat", sans-serif;
--third-family: "Gotham Pro", sans-serif;
--font3: "SF Pro Display", sans-serif;
--container-max-width: 1200px
}
@media(max-width: 991.02px) {
:root {
--spacing-container: 16px
}
}
@media(min-width: 992px) {
:root {
--spacing-container: 24px
}
}
.container {
position: relative;
width: 100%;
margin: 0 auto;
max-width: calc(var(--container-max-width) + var(--spacing-container)*2);
padding: 0 var(--spacing-container)
}
* {
scroll-behavior: smooth;
-ms-overflow-style: none;
font-family: var(--font-family);
box-sizing: border-box
}
html {
height: 100%
}
a {
text-decoration: none
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0
}
img {
display: block;
pointer-events: none
}
button {
border: none;
background: rgba(0, 0, 0, 0);
cursor: pointer
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
display: flex;
flex-direction: column;
margin: 0;
min-height: 100vh
}
body::-webkit-scrollbar {
display: none
}
ul {
padding: 0
}
.swiper-button-disabled {
opacity: 0;
pointer-events: none
}
* {
scrollbar-width: 7px
}
*::-webkit-scrollbar {
background: var(--666666);
width: 7px;
border-radius: 8px
}
*::-webkit-scrollbar-thumb {
background: var(--666666);
border-radius: 8px
}
*::-webkit-scrollbar-track {
background: var(--ededed);
border-radius: 8px
}
*:focus-visible {
outline: 1px solid var(--orange);
border-radius: 6px
}
main {
position: relative;
flex: 1 0 auto;
display: flex;
flex-direction: column
}
.footer {
flex-shrink: 0
}
.hidden {
display: none !important
}
.arrow-after::after {
content: "";
background-image: url('data:image/svg+xml,');
background-size: cover;
background-position: center;
border: none;
cursor: pointer;
width: 8px;
height: 12px;
display: inline-block;
margin-left: 6px
}
.tab-content {
display: none
}
.tab-content.active {
display: block
}
@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") format("woff");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.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);
backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
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, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 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, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 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-centered>.swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999
}
.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%;
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%;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center
}
.header {
z-index: 15
}
@media(max-width: 767.02px) {
.header {
max-width: 100vw;
overflow: hidden
}
}
.header__wrapper {
display: flex;
flex-direction: column
}
.header.small .header__top {
display: none
}
@media(min-width: 768px) {
.header:not(.small) .header__bottom {
padding-bottom: 10px
}
}
@media(max-width: 767.02px) {
.header__backsection {
height: 104px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__backsection {
height: 120px
}
}
@media(min-width: 1200px) {
.header__backsection {
height: 132px
}
}
.header__section {
position: fixed;
top: 0;
left: 0;
width: 100%
}
@media(max-width: 767.02px) {
.header__section {
padding-bottom: 10px;
background-color: #fff
}
}
@media(min-width: 768px) {
.header__section {
background: linear-gradient(180deg, #fbce3d 0%, #edaa01 100%)
}
}
@media(min-width: 1200px) {
.header__section {
box-shadow: 0px 0px 16px -5px rgba(34, 60, 80, .2)
}
}
.header__top {
display: flex;
justify-content: space-between;
padding-top: 12px
}
@media(max-width: 767.02px) {
.header__top {
display: none
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__top {
padding-bottom: 6px
}
}
@media(min-width: 1200px) {
.header__top {
padding-bottom: 18px
}
}
.header__mobile-bottom {
margin-top: 8px
}
@media(min-width: 768px) {
.header__mobile-bottom {
display: none
}
}
.header__nav {
display: flex;
gap: 24px;
margin: 0
}
@media(max-width: 1199.02px) {
.header__nav {
display: none
}
}
.header__nav-item {
list-style: none
}
.header__nav-item * {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--222222)
}
.header__contacts {
display: flex
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__contacts {
justify-content: flex-end;
width: 100%
}
}
.header__contacts-item {
position: relative;
display: flex;
align-items: center;
gap: 8px;
height: fit-content
}
@media(max-width: 1199.02px) {
.header__contacts-item:not(:first-child) {
padding-left: 15px
}
.header__contacts-item:not(:last-child) {
padding-right: 16px
}
.header__contacts-item:not(:last-child)::before {
content: "";
position: absolute;
right: 0;
width: 1px;
height: 100%;
background-color: #13110c
}
}
@media(min-width: 1200px) {
.header__contacts-item {
padding-left: 16px
}
.header__contacts-item:not(:last-child) {
padding-right: 16px
}
.header__contacts-item:not(:first-child)::before {
content: "";
position: absolute;
left: 0;
width: 1px;
height: 100%;
background-color: #13110c
}
}
.header__contacts-item.socials {
gap: 16px
}
.header__contacts-item p,
.header__contacts-item a,
.header__contacts-item span {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
text-align: right;
color: var(--222222)
}
.header__contacts-item-icon {
display: block;
min-width: 18px;
min-height: 18px;
max-width: 18px;
max-width: 18px
}
.header__contacts-item-icon svg {
width: 100%;
height: 100%;
display: block
}
.header__bottom {
position: relative;
display: flex;
justify-content: space-between
}
@media(max-width: 767.02px) {
.header__bottom {
align-items: center;
padding-top: 8px;
padding-bottom: 8px
}
.header__bottom::after {
content: "";
background: linear-gradient(180deg, #fbce3d 0%, #edaa01 100%);
position: absolute;
left: calc(var(--spacing-container)*-1);
bottom: 0;
width: 100vw;
height: 100vh;
z-index: -1;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
pointer-events: none
}
.header__bottom.gray::after {
background: rgba(0, 0, 0, 0);
z-index: 15
}
}
.header__mobile-btn {
display: block;
min-width: 20px;
min-height: 15px;
max-width: 20px;
max-height: 15px
}
.header__mobile-btn svg {
width: 100%;
height: 100%
}
@media(min-width: 768px) {
.header__mobile-btn {
display: none
}
}
.header__logo {
min-width: 192px;
max-width: 192px;
height: 72px;
display: block
}
@media(max-width: 767.02px) {
.header__logo {
display: none
}
}
.header__logo img {
width: 100%;
height: 100%;
object-fit: contain;
display: block
}
.header__controls {
display: flex;
width: 100%;
justify-content: flex-end;
align-items: center
}
.header__btn-links {
display: flex;
align-items: center
}
@media(max-width: 767.02px) {
.header__btn-links.pc {
display: none
}
}
@media(min-width: 768px) {
.header__btn-links.mobile {
display: none
}
}
.header__button-link {
position: relative;
border-radius: 8px;
display: flex;
align-items: center;
height: fit-content;
gap: 6px;
overflow: hidden;
z-index: 1
}
@media(max-width: 767.02px) {
.header__button-link {
padding: 10px;
width: 100%
}
.header__button-link:not(:first-child) {
margin-left: 10px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__button-link {
padding: 10px 14px
}
.header__button-link:not(:first-child) {
margin-left: 8px
}
}
@media(min-width: 1200px) {
.header__button-link {
padding: 10px 14px
}
.header__button-link:not(:first-child) {
margin-left: 18px
}
.header__button-link:hover::before {
opacity: 1
}
}
.header__button-link::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.header__button-link::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -1;
transition: .3s ease;
pointer-events: none
}
.header__button-link span {
display: block;
min-width: 20px;
min-height: 20px;
max-width: 20px;
max-height: 20px
}
.header__button-link span img {
width: 100%;
height: 100%;
display: block
}
.header__button-link p {
font-family: var(--font-family);
font-weight: 600;
color: var(--ffffff);
white-space: nowrap;
text-align: center;
width: 100%
}
@media(max-width: 767.02px) {
.header__button-link p {
font-size: 12px;
line-height: 150%
}
}
@media(min-width: 768px) {
.header__button-link p {
font-size: 14px;
line-height: 129%
}
}
.header__search-close-mobile {
z-index: 15;
min-width: 30px;
height: 29px;
padding-right: 0;
margin-left: 9px
}
@media(min-width: 768px) {
.header__search-close-mobile {
display: none
}
}
.header__search-close-mobile:not(.active) {
display: none
}
.header__search-close-mobile.active {
display: block
}
.header__search-close-mobile svg {
width: 100%;
height: 100%
}
.header__search {
position: relative;
border-radius: 8px;
height: fit-content;
background: var(--ffffff)
}
.header__search.active {
padding: 0
}
@media(max-width: 767.02px) {
.header__search.active {
margin-left: unset
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__search.active {
width: 400px
}
}
.header__search.active .header__search-button #search {
display: none
}
.header__search.active .header__search-button #close {
display: block
}
.header__search.active>.header__search-wrapper {
padding: 11px 16px;
outline: 1px solid var(--666666);
border-radius: 8px
}
.header__search.active>.header__search-menu,
.header__search.active>.header__search-backdrop {
visibility: visible;
opacity: 1
}
.header__search:not(.active) .header__search-button #search {
display: block
}
.header__search:not(.active) .header__search-button #close {
display: none
}
.header__search:not(.active)>.header__search-menu,
.header__search:not(.active)>.header__search-backdrop {
visibility: hidden;
opacity: 0;
pointer-events: none
}
.header__search.dropdown>.header__search-wrapper {
border-radius: 8px 8px 0 0
}
@media(max-width: 767.02px) {
.header__search {
padding: 10px 22px;
width: 100%;
max-width: calc(100% - 22px);
margin-left: auto
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__search {
margin-left: 8px;
padding: 11px
}
}
@media(min-width: 1200px) {
.header__search {
margin-left: 16px;
padding: 11px 16px
}
}
.header__search-wrapper {
position: relative;
z-index: 12;
display: flex;
align-items: center;
gap: 10px;
background: var(--ffffff)
}
.header__search-menu {
background: var(--ffffff);
width: 100%;
left: 0px;
top: 0px;
z-index: 11;
border-radius: 8px;
transition: .3s ease
}
@media(max-width: 767.02px) {
.header__search-menu {
position: fixed;
height: 100%;
padding-left: 16px;
padding-right: 16px;
padding-top: 67px
}
}
@media(min-width: 768px) {
.header__search-menu {
position: absolute;
height: auto;
padding-top: 40px
}
}
.header__search-menu::before {
content: "";
position: absolute;
z-index: -1;
background: var(--ffffff);
top: 50%;
left: 50%;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 16px;
transform: translate(-50%, -50%);
padding: 16px 16px 24px
}
.header__search-menu-dropdown {
outline: 1px solid var(--666666);
border-radius: 0 0 16px 16px;
transition: .3s ease;
padding: 16px 8px 16px 16px;
overflow: hidden
}
.header__search-menu-dropdown.active {
max-height: 400px;
opacity: 1
}
.header__search-menu-dropdown.active~.header__search-menu-blocks {
border-top: 1px solid var(--ededed);
padding-top: 16px
}
.header__search-menu-dropdown:not(.active) {
max-height: 0;
opacity: 0;
padding-top: 0;
padding-bottom: 0
}
.header__search-menu-dropdown-list {
display: flex;
flex-direction: column;
gap: 16px;
overflow: auto;
max-height: 322px;
height: 100%
}
.header__search-menu-dropdown-item {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--222222);
cursor: pointer
}
@media(min-width: 1200px) {
.header__search-menu-dropdown-item:hover {
color: var(--orange)
}
}
.header__search-backdrop {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .2);
z-index: 10;
transition: .3s ease
}
.header__search-menu-blocks {
height: auto;
overflow: auto;
scrollbar-width: 7px;
margin-top: 16px;
max-height: 400px;
margin-right: 8px
}
@media(max-width: 767.02px) {
.header__search-menu-blocks {
overflow: auto;
height: calc(100vh - 150px)
}
}
.header__search-menu-blocks::-webkit-scrollbar {
background: var(--666666);
width: 7px;
border-radius: 8px
}
.header__search-menu-blocks::-webkit-scrollbar-thumb {
background: var(--666666);
border-radius: 8px
}
.header__search-menu-blocks::-webkit-scrollbar-track {
background: var(--ededed);
border-radius: 8px
}
.header__search-menu-block {
display: flex;
flex-direction: column
}
.header__search-menu-block:not(:last-of-type) {
border-bottom: 1px solid var(--ededed);
margin-bottom: 16px;
padding-bottom: 16px
}
.header__search-menu-block-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
color: var(--222222);
margin-bottom: 16px
}
.header__search-menu-block-items {
padding-left: 16px;
display: flex;
flex-direction: column;
gap: 16px
}
.header__search-menu-block-item {
display: flex;
gap: 16px;
align-items: flex-start
}
.header__search-menu-block-item.product {
align-items: center
}
.header__search-menu-block-icon {
min-width: 14px;
min-height: 14px;
max-width: 14px;
max-height: 14px;
display: block
}
.header__search-menu-block-icon svg {
width: 100%;
height: 100%;
object-fit: contain;
display: block
}
.header__search-menu-block-image {
min-width: 40px;
min-height: 40px;
max-width: 40px;
max-height: 40px;
display: block
}
.header__search-menu-block-image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block
}
.header__search-menu-block-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--222222)
}
.header__search-menu-block-text span {
font-weight: 600
}
.header__search-menu-btn {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--222222);
text-align: end;
display: block;
width: 100%;
background: var(--ffffff);
padding-top: 16px
}
.header__search-left {
display: flex;
align-items: center;
gap: 10px;
width: 100%
}
.header__search-button {
display: flex;
align-items: center;
cursor: pointer;
width: 18px;
height: 18px
}
.header__search-button svg {
width: 100%;
height: 100%;
display: block
}
.header__search-field {
width: 100%
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__search-field:not(.active) {
display: none
}
.header__search-field.active {
display: block
}
}
@media(min-width: 1200px) {
.header__search-field {
border-right: 1px solid var(--666666);
padding-right: 14px
}
}
.header__search-field input {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
border: none;
background-color: rgba(0, 0, 0, 0);
width: 100%
}
.header__search-field input:focus-visible {
outline: none
}
.header__search-field input:placeholder-shown {
color: var(--666666)
}
.header__search-field input:not(:placeholder-shown) {
color: #000
}
@media(max-width: 767.02px) {
.header__search-rigth {
display: none
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__search-rigth {
display: none
}
}
.header__search-dropdown {
display: flex;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666);
gap: 5px;
cursor: pointer;
user-select: none;
transition: .3s ease
}
.header__search-dropdown.active .header__search-dropdown-icon svg {
transform: rotate(180deg)
}
.header__search-dropdown span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
.header__search-dropdown-icon {
display: block;
min-width: 10px;
min-height: 10px;
max-width: 10px;
max-height: 10px;
position: relative;
top: 50%;
transform: translateY(50%)
}
.header__search-dropdown-icon svg {
display: block;
width: 100%;
height: 100%;
transition: .3s ease
}
.header__account-panel {
position: relative;
display: flex;
align-items: center
}
@media(max-width: 767.02px) {
.header__account-panel {
display: none
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__account-panel {
padding-left: 20px;
margin-left: auto
}
}
@media(min-width: 1200px) {
.header__account-panel {
padding-right: 12px;
padding-left: 26px
}
}
.header__account-logo {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
cursor: pointer;
position: relative;
z-index: 6
}
.header__account-logo.white {
background-color: #fff
}
@media(min-width: 1200px) {
.header__account-logo {
margin-right: 20px
}
}
.header__account-logo span {
border-radius: 50px;
width: 32px;
height: 32px
}
.header__account-logo span img,
.header__account-logo span svg {
width: 100%;
height: 100%;
object-fit: contain;
display: block
}
.header__account-logo:hover .header__account-popup {
opacity: 1;
max-height: 100px
}
.header__account-logo:not(:hover) .header__account-popup,
.header__account-logo:not(:hover) .header__account-popup * {
opacity: 0;
pointer-events: none
}
.header__account-popup {
position: absolute;
transition: .3s ease;
max-height: 0;
top: 0;
padding-top: 48px;
white-space: nowrap;
right: 0
}
.header__account-popup-wrapper {
box-shadow: 0 0 0 0 rgba(66, 26, 0, .1), 0 12px 25px 0 rgba(66, 26, 0, .1), 0 46px 46px 0 rgba(66, 26, 0, .09), 0 104px 62px 0 rgba(66, 26, 0, .05), 0 185px 74px 0 rgba(66, 26, 0, .01), 0 289px 81px 0 rgba(66, 26, 0, 0);
background: var(--ffffff);
border-radius: 16px;
padding: 17px 40px;
overflow: hidden;
transition: .3s ease
}
.header__account-popup-cart {
display: flex;
flex-direction: column
}
.header__account-popup-cart-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
line-height: 167%;
text-align: center;
color: var(--222222);
margin-bottom: 16px
}
.header__account-popup-cart-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
text-align: center;
color: var(--666666)
}
.header__account-popup-btn {
position: relative;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff);
padding: 13px 28px;
border-radius: 8px;
overflow: hidden;
pointer-events: auto;
display: block;
z-index: 5
}
@media(min-width: 1200px) {
.header__account-popup-btn:hover::before {
opacity: 1
}
}
.header__account-popup-btn::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: -2;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%)
}
.header__account-popup-btn::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -1;
transition: .3s ease;
pointer-events: none
}
.header__account-popup-btn-favorite {
margin-top: 16px;
text-align: center;
max-width: 200px;
width: 100%;
margin-left: auto;
margin-right: auto
}
.header__account-nav {
display: flex
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.header__account-nav {
display: none
}
}
.header__account-nav-item {
position: relative;
width: 20px;
height: 20px;
display: block
}
.header__account-nav-item:first-child {
z-index: 5
}
.header__account-nav-item:nth-child(2) {
z-index: 4
}
.header__account-nav-item:nth-child(3) {
z-index: 3
}
.header__account-nav-item:nth-child(4) {
z-index: 2
}
.header__account-nav-item[data-count]::before {
content: attr(data-count);
position: absolute;
top: -3px;
left: 43%;
font-family: var(--font-family);
font-weight: 700;
font-size: 9px;
text-align: center;
color: var(--ffffff);
border-radius: 395px;
min-width: 8px;
height: 14px;
background: var(--orange);
display: flex;
align-items: center;
justify-content: center;
padding: 0px 3px;
z-index: 6;
pointer-events: none
}
.header__account-nav-item[data-count].data-white::before {
background: #fff;
color: var(--orange)
}
.header__account-nav-item:not(:last-child) {
margin-right: 25px
}
.header__account-nav-item a {
width: 100%;
height: 100%;
display: block;
z-index: 5;
position: relative
}
.header__account-nav-item a svg {
width: 100%;
height: 100%;
display: block
}
.header__account-nav-item--delivery:hover .header__account-popup {
opacity: 1;
max-height: 100px;
width: 420px;
white-space: unset
}
.header__account-nav-item--delivery:not(:hover) .header__account-popup,
.header__account-nav-item--delivery:not(:hover) .header__account-popup * {
opacity: 0;
pointer-events: none
}
.header__account-nav-item--favorite .header__account-popup {
width: 420px
}
.header__account-nav-item--favorite:hover .header__account-popup {
opacity: 1;
max-height: 100px;
white-space: unset
}
.header__account-nav-item--favorite:not(:hover) .header__account-popup,
.header__account-nav-item--favorite:not(:hover) .header__account-popup * {
opacity: 0;
pointer-events: none
}
.header__account-nav-item--comparison .header__account-popup {
width: 420px
}
.header__account-nav-item--comparison:hover .header__account-popup {
opacity: 1;
max-height: 100px;
white-space: unset
}
.header__account-nav-item--comparison:not(:hover) .header__account-popup,
.header__account-nav-item--comparison:not(:hover) .header__account-popup * {
opacity: 0;
pointer-events: none
}
.footer {
position: relative;
background: linear-gradient(180deg, #fbce3d 0%, #edaa01 100%)
}
@media(max-width: 767.02px) {
.footer__wrapper {
padding-top: 16px;
padding-bottom: 90px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.footer__wrapper {
padding-top: 24px;
padding-bottom: 80px
}
}
@media(min-width: 1200px) {
.footer__wrapper {
padding-top: 24px;
padding-bottom: 38px
}
}
.footer__top {
display: grid
}
@media(max-width: 767.02px) {
.footer__top {
padding-bottom: 16px
}
}
@media(min-width: 768px) {
.footer__top {
padding-bottom: 22px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.footer__top {
grid-template-columns: 32% 31% 37%
}
}
@media(min-width: 1200px) {
.footer__top {
grid-template-columns: 21% 22% 55%
}
}
.footer__brand {
display: flex;
flex-direction: column;
gap: 6px
}
@media(max-width: 767.02px) {
.footer__brand {
align-items: center
}
}
.footer__logo {
max-width: 190px;
min-width: 190px;
height: 70px;
display: block
}
.footer__logo img {
display: block;
width: 100%;
height: 100%
}
.footer__logo-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--222222)
}
.footer__socials {
display: flex;
flex-direction: column
}
@media(max-width: 767.02px) {
.footer__socials {
align-items: center;
margin-top: 24px;
gap: 9px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.footer__socials {
gap: 12px
}
}
@media(min-width: 1200px) {
.footer__socials {
gap: 6px
}
}
.footer__social {
display: flex;
align-items: center
}
.footer__social-icon {
display: block;
min-width: 22px;
max-width: 22px;
height: 22px;
margin-right: 16px
}
.footer__social-icon svg {
display: block;
width: 100%;
height: 100%
}
.footer__social-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: var(--222222)
}
@media(min-width: 1200px) {
.footer__col {
margin-left: 7px
}
}
.footer__nav {
display: grid;
grid-template-columns: repeat(4, 1fr);
row-gap: 8px;
column-gap: 20px
}
@media(max-width: 767.02px) {
.footer__nav {
display: none
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.footer__nav {
grid-template-columns: repeat(2, 1fr);
column-gap: 24px
}
}
@media(min-width: 1200px) {
.footer__nav {
width: 86%
}
}
.footer__nav-link {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: var(--222222)
}
@media(min-width: 1200px) {
.footer__nav-link {
white-space: nowrap
}
}
.footer__newsletter {
margin-top: 12px;
display: flex;
flex-direction: column;
gap: 5px
}
@media(max-width: 767.02px) {
.footer__newsletter {
gap: 12px
}
}
.footer__newsletter.tablet {
display: none
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.footer__newsletter.tablet {
display: flex;
margin-top: 7px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.footer__newsletter:not(.tablet) {
display: none
}
}
@media(min-width: 1200px) {
.footer__newsletter:not(.tablet) {
margin-top: 12px
}
}
.footer__newsletter-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
line-height: 167%;
color: var(--222222)
}
@media(max-width: 767.02px) {
.footer__newsletter-label {
font-size: 16px;
text-align: center
}
}
.footer__newsletter-form {
display: flex;
align-items: center;
gap: 24px
}
@media(max-width: 767.02px) {
.footer__newsletter-form {
flex-direction: column;
gap: 8px
}
}
.footer__newsletter-input {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666);
border-radius: 10px;
padding: 11px 16px;
background: var(--ffffff);
border: none;
width: 100%
}
.footer__newsletter-input:focus-visible {
outline: none
}
.footer__newsletter-button {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff);
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
border-radius: 10px;
padding: 10px 24px
}
@media(max-width: 767.02px) {
.footer__newsletter-button {
width: 100%
}
}
.footer__bottom {
display: grid;
justify-content: space-between;
border-top: 1px solid var(--222222)
}
@media(max-width: 767.02px) {
.footer__bottom {
grid-template-columns: 1fr;
gap: 8px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.footer__bottom {
grid-template-columns: 30% 68.5%;
margin-top: 22px;
padding-top: 23px
}
}
@media(min-width: 1200px) {
.footer__bottom {
grid-template-columns: 30% 62%;
padding-top: 9px
}
}
.footer__copyright {
font-family: var(--font-family);
font-weight: 400;
color: var(--222222)
}
@media(max-width: 767.02px) {
.footer__copyright {
padding-top: 7px
}
}
@media(max-width: 1199.02px) {
.footer__copyright {
font-size: 14px;
line-height: 143%
}
}
@media(min-width: 1200px) {
.footer__copyright {
padding-top: 12px;
font-size: 16px;
line-height: 125%
}
}
.footer__copyright-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--222222)
}
.bottom-navigation {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 100;
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .03);
background: var(--gradient-brendirovannyy);
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
padding: 4px 8px
}
@media(max-width: 767.02px) {
.bottom-navigation {
gap: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.bottom-navigation {
gap: 32px
}
.bottom-navigation__item:first-child {
display: none
}
}
@media(min-width: 1200px) {
.bottom-navigation {
display: none
}
}
.bottom-navigation__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px
}
.bottom-navigation__item.active .bottom-navigation__item-icon {
background: var(--ffffff);
border-radius: 8px
}
.bottom-navigation__item.active .bottom-navigation__item-icon svg,
.bottom-navigation__item.active .bottom-navigation__item-icon circle,
.bottom-navigation__item.active .bottom-navigation__item-icon path {
stroke: #f47219
}
.bottom-navigation__item-icon {
position: relative;
width: 28px;
height: 28px;
padding: 4px;
display: block
}
.bottom-navigation__item-icon[data-count]::before {
content: attr(data-count);
position: absolute;
top: -3px;
left: 43%;
font-family: var(--font-family);
font-weight: 700;
font-size: 9px;
text-align: center;
color: var(--ffffff);
border-radius: 395px;
min-width: 8px;
height: 14px;
background: var(--orange);
display: flex;
align-items: center;
justify-content: center;
padding: 0px 3px
}
.bottom-navigation__item-icon svg {
width: 100%;
height: 100%;
display: block
}
.bottom-navigation__item-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
text-align: center;
color: var(--222222)
}
.mobile-menu {
background: var(--ffffff);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
transition: .3s ease
}
.mobile-menu.active {
top: 0;
opacity: 1
}
.mobile-menu:not(.active) {
top: -50%;
opacity: 0;
pointer-events: none
}
.mobile-menu__heading {
position: relative;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
padding: 14px 0
}
.mobile-menu__heading-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
text-align: center;
color: #1c1c1c
}
.mobile-menu__heading-cross {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
width: 24px;
height: 24px;
display: block
}
.mobile-menu__heading-cross svg {
width: 100%;
height: 100%;
display: block
}
.mobile-menu__content {
display: flex;
flex-direction: column;
padding: 24px 16px;
overflow: auto;
height: calc(100% - 58px - 56px - 24px);
padding-bottom: 56px
}
.mobile-menu__list {
display: flex;
flex-direction: column;
padding-bottom: 24px;
margin-bottom: 22px;
border-bottom: 1px solid var(--ededed)
}
.mobile-menu__list-item {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 87%;
color: var(--222222)
}
.mobile-menu__list-item:not(:last-child) {
margin-bottom: 32px
}
.mobile-menu__contacts {
display: flex;
flex-direction: column
}
.mobile-menu__contacts-item {
display: flex;
align-items: center
}
.mobile-menu__contacts-item:not(:last-child) {
margin-bottom: 16px
}
.mobile-menu__contacts-item-icon {
margin-right: 8px;
display: block;
min-width: 18px;
min-height: 18px;
max-width: 18px;
max-height: 18px
}
.mobile-menu__contacts-item-icon svg {
width: 100%;
height: 100%;
display: block
}
.mobile-menu__contacts-item-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
text-align: right;
color: var(--222222)
}
.product-card {
position: relative;
overflow: hidden;
border: 1px solid var(--ededed);
background: var(--ffffff);
display: flex;
flex-direction: column;
width: 100%;
transition: .3s ease
}
@media(max-width: 767.02px) {
.product-card {
max-width: 200px;
border-radius: 16px
}
}
@media(min-width: 768px) {
.product-card {
max-width: 227px;
border-radius: 10px
}
}
@media(max-width: 1199.02px) {
.product-card {
height: auto
}
}
@media(min-width: 1200px) {
.product-card:hover {
-webkit-box-shadow: 0px 0px 16px -5px rgba(34, 60, 80, .2);
-moz-box-shadow: 0px 0px 16px -5px rgba(34, 60, 80, .2);
box-shadow: 0px 0px 16px -5px rgba(34, 60, 80, .2)
}
.product-card.can-hover:hover .product-card__btn {
max-height: 60px
}
.product-card:hover .product-card__image-slider-pagination {
visibility: visible;
opacity: 1
}
.product-card:hover .product-card__statuses {
visibility: hidden
}
.product-card.hover-none .product-card__btn {
max-height: 60px
}
}
.product-card__controls {
display: flex;
align-items: center;
padding: 6px 10px
}
.product-card__control {
width: 30px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
@media(min-width: 1200px) {
.product-card__control:hover path {
fill: var(--orange)
}
}
.product-card__control.active svg {
fill: var(--orange);
stroke: var(--orange)
}
.product-card__control:not(:last-child) {
margin-right: 14px
}
.product-card__control span {
width: 18px;
height: 18px
}
.product-card__control span svg {
width: 100%;
height: 100%;
display: block
}
.product-card__image {
position: relative;
width: 100%;
height: 0;
cursor: grab
}
@media(max-width: 767.02px) {
.product-card__image {
padding-top: 67%
}
}
@media(min-width: 768px) {
.product-card__image {
padding-top: 59%
}
}
.product-card__image-slider-pagination {
position: absolute;
bottom: 0;
left: 0;
z-index: 5;
display: flex;
gap: 8px;
width: 100%;
justify-content: center;
cursor: pointer
}
@media(max-width: 1199.02px) {
.product-card__image-slider-pagination {
display: none
}
}
@media(min-width: 1200px) {
.product-card__image-slider-pagination {
visibility: hidden;
opacity: 0
}
}
.product-card__image-slider-pagination .swiper-pagination-bullet {
min-width: 8px;
max-width: 8px;
height: 8px;
border-radius: 100%;
background-color: #d9d9d9;
display: block
}
.product-card__image-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: vaR(--orange);
min-width: 24px;
max-width: 24px;
border-radius: 8px
}
.product-card__image-slider {
position: absolute;
inset: 0
}
.product-card__image-item img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
display: block
}
.product-card__content {
display: flex;
flex-direction: column;
flex: 1
}
@media(max-width: 767.02px) {
.product-card__content {
padding: 8px
}
}
@media(min-width: 768px) {
.product-card__content {
padding-top: 24px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 16px
}
}
.product-card__label {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 180%;
color: var(--666666)
}
.product-card__title {
font-family: var(--font-family);
font-weight: 400;
color: var(--222222);
transition: .3s ease;
margin-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.product-card__title+* {
margin-top: 8px !important
}
.product-card__title:hover {
color: var(--orange)
}
@media(max-width: 767.02px) {
.product-card__title {
font-size: 14px;
line-height: 18px;
height: calc(18px * 3);
}
}
@media(min-width: 768px) {
.product-card__title {
font-size: 16px;
line-height: 20px;
height: calc(20px * 3);
}
}
.product-card__text {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
line-height: 150%
}
@media(max-width: 767.02px) {
.product-card__text {
margin-bottom: 4px
}
}
@media(min-width: 768px) {
.product-card__text {
margin-bottom: 8px
}
}
.product-card__text.green {
color: var(--green)
}
.product-card__text.orange {
color: var(--orange)
}
.product-card__text:not(.green, .orange) {
color: var(--666666)
}
.product-card__pricing {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.product-card__pricing-main {
display: flex;
align-items: flex-end;
border-top: 1px solid var(--ededed);
padding-top: 7px;
/* flex-grow: 1; */
gap: 8px;
}
@media(max-width: 767.02px) {
.product-card__pricing {
column-gap: 5px;
row-gap: 4px
}
}
@media(min-width: 768px) {
.product-card__pricing {
gap: 8px;
}
}
.product-card__price-block {
display: flex;
flex-direction: column
}
.product-card__price-label {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 180%;
color: var(--666666);
margin-bottom: 2px;
white-space: nowrap
}
.product-card__price-value {
font-family: var(--font-family);
font-weight: 700;
color: var(--222222);
white-space: nowrap
}
@media(max-width: 767.02px) {
.product-card__price-value {
font-size: 14px;
line-height: 129%
}
}
@media(min-width: 768px) {
.product-card__price-value {
font-size: 16px;
line-height: 112%
}
}
.product-card__price-discount {
border-radius: 0 10px;
padding: 2px 4px;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
width: fit-content
}
.product-card__price-discount-value {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 133%;
text-align: center;
color: var(--ffffff)
}
.product-card__btn {
transition: .3s ease;
width: 100%;
padding: 0;
margin-top: auto
}
@media(min-width: 1200px) {
.product-card__btn {
max-height: 0;
overflow: hidden
}
}
.product-card__btn-wrapper {
border-radius: 8px;
padding: 13px 14px;
overflow: hidden;
transition: .3s ease;
position: relative;
width: 100%;
margin-top: 8px;
display: flex;
align-items: center;
justify-content: center
}
.product-card__btn-wrapper.active .product-card__btn-counter {
opacity: 1;
z-index: 5;
pointer-events: auto
}
@media(min-width: 1200px) {
.product-card__btn-wrapper:hover::before {
opacity: 1
}
}
.product-card__btn-wrapper::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%)
}
.product-card__btn-wrapper::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: 1;
transition: .3s ease;
pointer-events: none
}
.product-card__btn-preview {
position: relative;
z-index: 1;
transition: .3s ease;
display: flex;
align-items: center
}
.product-card__btn-icon {
width: 19px;
height: 18px;
display: block;
margin-right: 12px
}
.product-card__btn-icon img {
width: 100%;
height: 100%;
display: block
}
.product-card__btn-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff)
}
.product-card__btn-counter {
transition: .3s ease;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
line-height: 112%;
color: var(--ffffff);
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
background: var(--orange);
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
overflow: hidden
}
.product-card__btn-counter input {
width: 100%;
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
text-align: center;
height: 16px;
border: none;
width: 34px;
background-color: rgba(0, 0, 0, 0);
color: #fff
}
.product-card__btn-counter input:focus-visible {
outline: none
}
.product-card__btn-counter span {
position: relative
}
.product-card__btn-counter span:first-child::after {
right: 0
}
.product-card__btn-counter span:last-child::after {
left: 0
}
.product-card__btn-counter span::after {
content: "";
position: absolute;
top: -50vh;
width: 100vw;
height: 100vh
}
.product-card__statuses {
display: flex;
gap: 10px;
position: absolute;
bottom: 0;
padding-left: 14px;
padding-right: 14px;
z-index: 6
}
.product-card__status {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 114%;
text-align: center;
color: var(--ffffff);
border-radius: 0 10px;
padding: 6px
}
.product-card__status.yellow {
background: linear-gradient(180deg, #fbce3d 0%, #edaa01 100%)
}
.product-card__status.orange {
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%)
}
.heading {
position: relative
}
.heading__title {
font-family: var(--font-family);
font-weight: 700;
color: var(--222222)
}
@media(max-width: 767.02px) {
.heading__title {
padding-bottom: 16px;
word-break: break-word
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.heading__title {
padding-bottom: 24px
}
}
@media(max-width: 1199.02px) {
.heading__title {
font-size: 32px
}
}
@media(min-width: 1200px) {
.heading__title {
font-size: 40px;
padding-bottom: 32px
}
}
.heading__title .small {
font-family: var(--font-family);
font-size: 40px;
color: var(--222222);
font-size: 24px
}
.heading__wrapper {
display: flex;
justify-content: space-between
}
@media(max-width: 1199.02px) {
.heading__wrapper:not(.direct) {
flex-direction: column
}
}
@media(max-width: 767.02px) {
.heading__wrapper.direct {
flex-direction: column
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.heading__wrapper.direct {
margin-top: 8px;
padding-bottom: 0
}
}
@media(min-width: 768px)and (max-width: 991.02px) {
.heading__wrapper.direct .heading__title {
max-width: 510px
}
}
@media(min-width: 992px)and (max-width: 1199.02px) {
.heading__wrapper.direct .heading__title {
max-width: 610px
}
}
@media(min-width: 1200px) {
.heading__wrapper.direct .heading__title {
max-width: 910px
}
}
@media(max-width: 1199.02px) {
.heading__wrapper {
padding-bottom: 22px
}
}
@media(min-width: 1200px) {
.heading__wrapper {
align-items: center
}
}
.heading__button {
position: relative;
font-family: var(--font-family);
font-weight: 600;
font-size: 24px;
line-height: 75%;
color: var(--ffffff);
border-radius: 8px;
overflow: hidden
}
@media(max-width: 767.02px) {
.heading__button {
padding: 32px 30px
}
}
@media(min-width: 768px) {
.heading__button {
padding: 32px 54px
}
}
@media(min-width: 1200px) {
.heading__button:hover::before {
opacity: 1
}
}
.heading__button::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.heading__button::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -1;
transition: .3s ease;
pointer-events: none
}
.heading__lk {
display: grid;
grid-template-columns: 48px auto;
gap: 8px;
padding: 16px;
border: 1px solid var(--ededed);
border-radius: 16px;
overflow: hidden;
min-width: 201px;
background: #fff;
height: fit-content
}
@media(max-width: 767.02px) {
.heading__lk {
display: none
}
}
@media(min-width: 768px) {
.heading__lk {
position: absolute;
right: 0
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.heading__lk {
bottom: 22px
}
}
@media(min-width: 1200px) {
.heading__lk {
bottom: 32px
}
}
.heading__lk-logo {
width: 48px;
height: 48px;
border-radius: 100%;
overflow: hidden
}
.heading__lk-logo img {
width: 100%;
height: 100%;
object-fit: cover
}
.heading__lk-content-subtitle {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--666666);
margin-top: 3px;
margin-bottom: 9px
}
.heading__lk-content-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
color: var(--222222)
}
.section {
position: relative
}
@media(max-width: 767.02px) {
.section {
padding: 16px 0
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.section {
padding: 24px 0
}
}
@media(max-width: 1199.02px) {
.section {
overflow: hidden
}
}
@media(min-width: 1200px) {
.section {
padding-top: 32px;
padding-bottom: 40px
}
}
.section__tabs {
width: calc(100% + var(--spacing-container)*2);
overflow: hidden;
left: calc(var(--spacing-container)*-1);
position: relative;
padding-left: var(--spacing-container);
padding-top: 1px;
padding-bottom: 1px
}
.section__tabs-list {
padding-right: var(--spacing-container);
overflow: unset !important
}
.section__tab {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
border-radius: 10px;
padding: 10px 14px;
width: fit-content;
cursor: pointer;
display: block
}
.section__tab.clear {
background: var(--666666) !important;
color: var(--ffffff) !important
}
.section__tab:not(.active) {
background: var(--f5f5f5);
color: var(--666666)
}
.section__tab.active {
color: var(--orange);
outline: 1px solid var(--orange)
}
@media(max-width: 767.02px) {
.section__tab:not(:last-child) {
margin-right: 16px
}
}
@media(min-width: 768px) {
.section__tab:not(:last-child) {
margin-right: 24px
}
}
.section__tabs-btn {
position: absolute;
top: 50%;
z-index: 5;
transform: translateY(-50%);
width: 33px;
height: 33px;
display: flex;
border-radius: 50%;
overflow: hidden;
background-color: var(--ffffff)
}
.section__tabs-btn::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 16px;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: 100% 100%
}
.section__tabs-btn.prev {
left: 0
}
.section__tabs-btn.prev::after {
background-image: url('data:image/svg+xml,')
}
.section__tabs-btn.next {
right: 0
}
.section__tabs-btn.next::after {
background-image: url('data:image/svg+xml,')
}
.pagination {
display: flex;
align-items: center;
gap: 10px
}
@media(max-width: 767.02px) {
.pagination {
justify-content: center
}
}
.pagination__btn {
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-family);
font-weight: 400;
line-height: 129%;
text-align: center;
color: var(--222222);
cursor: pointer
}
@media(max-width: 767.02px) {
.pagination__btn {
min-width: 20px;
max-width: 20px;
height: 20px;
font-size: 12px
}
}
@media(min-width: 768px) {
.pagination__btn {
min-width: 24px;
min-width: 24px;
height: 24px;
font-size: 14px
}
}
.pagination__btn.active {
background-color: var(--orange);
color: var(--ffffff);
border-radius: 100%
}
.pagination__btn span {
width: 100%;
height: 100%;
display: block;
padding: 5px
}
.pagination__btn span svg {
width: 100%;
height: 100%
}
.breadcrumbs {
display: flex;
align-items: center;
padding-bottom: 16px;
overflow: hidden
}
@media(max-width: 767.02px) {
.breadcrumbs {
padding-top: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.breadcrumbs {
padding-top: 22px
}
}
@media(min-width: 1200px) {
.breadcrumbs {
padding-top: 32px
}
}
.breadcrumbs__wrapper {
display: flex;
align-items: center;
gap: 16px
}
.breadcrumbs__item {
position: relative;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #1c1c1c;
white-space: nowrap;
transition: .3s
}
@media(max-width: 1199.02px) {
.breadcrumbs__item:not(:last-child) {
padding-right: 20px
}
.breadcrumbs__item:last-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
}
@media(min-width: 1200px) {
.breadcrumbs__item:not(:last-child) {
padding-right: 24px
}
.breadcrumbs__item:hover {
color: var(--orange)
}
.breadcrumbs__item:hover::before {
opacity: 1 !important
}
}
.breadcrumbs__item:not(:last-child)::after,
.breadcrumbs__item:not(:last-child)::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
content: "";
background-size: cover;
background-position: center;
border: none;
cursor: pointer;
width: 6px;
height: 8px;
transition: .3s ease;
display: inline-block
}
.breadcrumbs__item:not(:last-child)::after {
background-image: url('data:image/svg+xml,')
}
.breadcrumbs__item:not(:last-child)::before {
background-image: url('data:image/svg+xml,');
z-index: 1;
opacity: 0
}
.breadcrumbs__item.active {
color: var(--orange);
pointer-events: none
}
.warning {
border-radius: 16px;
padding: 16px 24px;
position: relative;
overflow: hidden;
min-height: max-content
}
.warning.red {
background: #f3c6c4
}
.warning:not(.red) {
background: #f6de8d
}
.warning__wrapper {
display: grid;
grid-template-columns: 21px auto;
gap: 18px
}
.warning__icon {
width: 100%;
height: fit-content
}
.warning__icon svg {
width: 100%;
height: 100%
}
.warning__info-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 112%;
color: var(--222222);
margin-top: 1px
}
.warning__info-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 128%;
color: var(--222222);
margin-top: 22px
}
.filter {
background-color: var(--ffffff)
}
@media(max-width: 1199.02px) {
.filter {
height: 100%;
z-index: 25;
position: fixed;
width: 100%;
left: 0;
transition: .3s ease
}
.filter.active {
top: 0;
opacity: 1
}
.filter:not(.active) {
top: -50%;
opacity: 0;
pointer-events: none
}
}
@media(min-width: 1200px) {
.filter {
position: sticky;
top: 20px;
top: calc(var(--current-header-height) + 20px);
height: fit-content;
border-radius: 16px;
border: 1px solid var(--ededed)
}
}
.filter__heading {
position: relative;
padding: 14px 0;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
background: var(--ffffff)
}
@media(min-width: 1200px) {
.filter__heading {
display: none
}
}
.filter__heading-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
text-align: center;
color: #1c1c1c
}
.filter__heading-cross {
width: 26px;
height: 26px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
display: block;
position: absolute;
top: 50%;
right: 22px;
z-index: 1;
transform: translateY(-50%)
}
.filter__mobile-wrapper {
height: calc(100% - 130px);
display: flex;
flex-direction: column;
justify-content: space-between
}
@media(min-width: 1200px) {
.filter__mobile-wrapper {
display: contents
}
}
.filter__controls {
padding: 0 16px;
padding-top: 12px;
display: flex;
flex-direction: column;
gap: 16px
}
@media(min-width: 1200px) {
.filter__controls {
display: none
}
}
.filter__tabs {
display: flex;
flex-wrap: wrap;
column-gap: 16px;
row-gap: 8px
}
.filter__tab {
position: relative;
background: var(--f5f5f5);
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-align: right;
color: var(--222222);
display: flex;
align-items: center;
padding: 10px 14px;
overflow: hidden;
border-radius: 10px
}
.filter__tab::after {
content: "";
background-image: url('data:image/svg+xml,');
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 20px;
height: 20px;
margin-left: 10px
}
.filter__clear {
position: relative;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #000;
display: flex;
align-items: center
}
.filter__clear::before {
content: "";
background-image: url('data:image/svg+xml,');
background-size: 100%;
background-repeat: no-repeat;
display: block;
width: 14px;
height: 18px;
margin-right: 8px
}
.filter__control-btn {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff);
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
width: 100%;
padding: 13px;
border-radius: 8px
}
.filter__list {
padding: 0 16px
}
@media(max-width: 1199.02px) {
.filter__list {
margin-top: 16px;
overflow: auto
}
}
.filter__item {
padding: 16px 0;
display: block
}
.filter__item:not(:last-child) {
border-bottom: 1px solid var(--ededed)
}
.filter__item-heading {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
gap: 20px
}
.filter__item-heading.active .filter__item-heading-btn {
transform: rotate(180deg)
}
.filter__item-heading-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
color: var(--222222)
}
.filter__item-heading-btn {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
background-size: cover;
display: block;
min-width: 8px;
max-width: 8px;
height: 5px;
transition: .3s ease
}
.filter__item-content {
max-height: 0;
overflow: hidden;
transition: .3s ease
}
.filter__item-content>*:first-child {
padding: 1px;
padding-top: 16px
}
.filter__item-row {
display: flex;
align-items: center;
cursor: pointer;
width: fit-content
}
.filter__item-row:not(:last-child) {
margin-bottom: 8px
}
.filter__item-row-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--222222)
}
.filter__item-row-text.orange {
color: var(--orange)
}
.toggle {
display: flex;
align-items: center;
gap: 16px
}
.toggle__text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #1e1e1b
}
.toggle__button {
position: relative;
display: flex;
align-items: center;
padding: 2px;
border-radius: 50px;
width: 32px;
height: 20px;
cursor: pointer;
overflow: hidden
}
.toggle__button span {
width: 16px;
height: 16px;
background-color: var(--orange);
border-radius: 50%;
transition: .3s ease
}
.toggle__button span::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
transition: .3s ease
}
.toggle__button input {
display: none
}
.toggle__button input:checked~span {
margin-left: 12px;
background-color: var(--ffffff)
}
.toggle__button input:checked~span::before {
background-color: var(--orange)
}
.toggle__button input:not(:checked)~span {
background-color: var(--ffffff)
}
.toggle__button input:not(:checked)~span::before {
background: var(--ededed)
}
.range-slider {
touch-action: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
user-select: none;
cursor: pointer;
display: block;
position: relative;
width: 100%;
height: 2px;
background: #ddd;
border-radius: 4px
}
.range-slider[data-vertical] {
height: 100%;
width: 2px
}
.range-slider[data-disabled] {
opacity: .5;
cursor: not-allowed
}
.range-slider .range-slider__thumb {
position: absolute;
z-index: 3;
top: 50%;
width: 14px;
height: 14px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: var(--orange)
}
.range-slider .range-slider__thumb:focus-visible {
outline: 0;
box-shadow: 0 0 0 6px var(--orange)
}
.range-slider[data-vertical] .range-slider__thumb {
left: 50%
}
.range-slider .range-slider__thumb[data-disabled] {
z-index: 2
}
.range-slider .range-slider__range {
position: absolute;
z-index: 1;
transform: translate(0, -50%);
top: 50%;
width: 100%;
height: 100%;
background: var(--orange)
}
.range-slider[data-vertical] .range-slider__range {
left: 50%;
transform: translate(-50%, 0)
}
.range-slider input[type=range] {
-webkit-appearance: none;
pointer-events: none;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0)
}
.range-slider input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none
}
.range-slider input[type=range]::-moz-range-thumb {
width: 0;
height: 0;
border: 0
}
.range-slider input[type=range]:focus {
outline: 0
}
.range-bar {
display: flex;
flex-direction: column;
gap: 14px
}
.range-bar__inputs {
display: flex;
align-items: center;
justify-content: space-between
}
.range-bar__inputs span {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: var(--222222);
padding: 0 12px
}
.range-bar__input {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 150%;
border: none;
border-radius: 8px;
background-color: var(--ffffff);
border: 1px solid var(--ededed);
padding: 8px;
width: 100%
}
.range-bar__input:placeholder-shown {
color: var(--666666)
}
.range-bar__input:not(:placeholder-shown) {
color: var(--222222)
}
.checkbox {
display: block;
width: fit-content;
margin-right: 16px;
cursor: pointer
}
.checkbox input {
display: none
}
.checkbox input:checked~.checkbox__icon {
background-color: var(--orange);
border-color: rgba(0, 0, 0, 0)
}
.checkbox input:checked~.checkbox__icon::after {
background-image: url('data:image/svg+xml,')
}
.checkbox__icon {
position: relative;
min-width: 20px;
max-width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid;
border-color: var(--666666);
border-radius: 6px
}
.checkbox__icon::after {
content: "";
width: 60%;
height: 60%;
display: block;
background-size: cover;
background-position: center
}
.radio-button {
position: relative;
min-width: 20px;
max-width: 20px;
height: 20px;
overflow: hidden;
border: 1px solid var(--orange);
border-radius: 50%
}
.radio-button input {
display: none
}
.radio-button input:checked~.radio-button__icon {
opacity: 1
}
.radio-button__icon {
position: absolute;
width: 80%;
height: 80%;
background-color: var(--orange);
opacity: 0;
pointer-events: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%
}
@media(max-width: 767.02px) {
.product-card-row.service-card .product-card-row__subtitle {
display: contents
}
.product-card-row.service-card .product-card-row__subtitle span {
grid-row: 3
}
.product-card-row.service-card .product-card-row__title {
margin-bottom: 2px
}
.product-card-row.service-card .product-card-row__controls-wrapper {
grid-row: 1/3;
grid-column: 4
}
}
@media(max-width: 767.02px) {
.product-card-row {
transform: translateX(calc(var(--spacing-container) * -1));
padding-left: var(--spacing-container);
width: calc(100% + var(--spacing-container)*2);
padding-right: var(--spacing-container)
}
}
.product-card-row__subtitle {
font-family: var(--font-family);
font-weight: 400;
line-height: 129%;
color: var(--666666)
}
@media(max-width: 767.02px) {
.product-card-row__subtitle {
margin-bottom: 4px;
grid-row: 1;
grid-column: 1/3
}
}
@media(min-width: 768px) {
.product-card-row__subtitle .mobile {
display: none
}
}
@media(max-width: 1199.02px) {
.product-card-row__subtitle {
font-size: 10px
}
}
@media(min-width: 1200px) {
.product-card-row__subtitle {
font-size: 14px
}
}
.product-card-row__mobile-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--222222)
}
@media(min-width: 768px) {
.product-card-row__mobile-label {
display: none
}
}
.product-card-row__title {
font-family: var(--font-family);
line-height: 129%;
color: var(--222222)
}
@media(max-width: 767.02px) {
.product-card-row__title {
font-weight: 600;
font-size: 12px;
margin-bottom: 8px;
grid-row: 2;
grid-column: 1/3
}
}
@media(min-width: 768px) {
.product-card-row__title {
font-weight: 400
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product-card-row__title {
width: 225px !important;
font-size: 10px
}
}
@media(min-width: 1200px) {
.product-card-row__title {
width: 273px;
font-size: 14px
}
}
@media(max-width: 767.02px) {
.product-card-row__availability {
margin-bottom: 10px;
grid-row: 3;
grid-column: 1/5
}
}
@media(max-width: 767.02px) {
.product-card-row__pricing-first {
grid-row: 4;
grid-column: 1
}
}
@media(max-width: 767.02px) {
.product-card-row__pricing-second {
grid-row: 4;
grid-column: 2/4;
padding-left: 8px
}
}
@media(max-width: 767.02px) {
.product-card-row__list {
display: grid;
grid-template-columns: repeat(3, auto);
gap: 10px;
justify-content: space-between
}
}
@media(max-width: 767.02px) {
.product-card-row__btn-wrapper {
grid-row: 1/3;
grid-column: 4;
display: flex;
justify-content: flex-end
}
}
.product-card-row__controls-wrapper {
padding-left: 0 !important
}
@media(max-width: 767.02px) {
.product-card-row__controls-wrapper {
grid-row: 4;
grid-column: 4;
display: flex;
align-items: center
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product-card-row__controls-wrapper {
padding-right: 10px
}
}
@media(min-width: 1200px) {
.product-card-row__controls-wrapper {
padding-right: 12px
}
}
.product-card-row__list-item {
display: block;
font-family: var(--font-family);
font-weight: 600;
line-height: 150%;
white-space: nowrap
}
@media(max-width: 767.02px) {
.product-card-row__list-item {
width: fit-content
}
}
@media(max-width: 1199.02px) {
.product-card-row__list-item {
font-size: 10px
}
}
@media(min-width: 1200px) {
.product-card-row__list-item {
font-size: 12px
}
}
.product-card-row__list-item.green {
color: var(--green)
}
.product-card-row__list-item.orange {
color: var(--orange)
}
.product-card-row__list-item:not(.green, .orange) {
color: var(--666666)
}
.product-card-row__pricing {
display: flex
}
@media(max-width: 767.02px) {
.product-card-row__pricing {
gap: 27px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product-card-row__pricing {
flex-direction: column;
gap: 4px
}
}
.product-card-row__price-value {
font-family: var(--font-family);
font-weight: 700;
color: var(--222222);
white-space: nowrap
}
@media(max-width: 1199.02px) {
.product-card-row__price-value {
font-size: 12px
}
}
@media(min-width: 1200px) {
.product-card-row__price-value {
font-size: 16px
}
}
.product-card-row__price-discount {
border-radius: 0 10px;
padding: 2px 4px;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
width: fit-content
}
@media(max-width: 767.02px) {
.product-card-row__price-discount {
transform: translateY(-4px)
}
}
@media(min-width: 1200px) {
.product-card-row__price-discount {
margin-left: 8px
}
}
.product-card-row__price-discount-value {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 133%;
text-align: center;
color: var(--ffffff)
}
.product-card-row__controls {
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-end
}
.product-card-row__control {
cursor: pointer
}
@media(min-width: 1200px) {
.product-card-row__control:hover path {
fill: var(--orange)
}
}
.product-card-row__control span {
width: 18px;
height: 16px;
display: block
}
.product-card-row__control span svg {
width: 100%;
height: 100%
}
.product-card-row__control span svg path {
transition: .3s ease
}
.product-card-row__btn {
position: relative;
border-radius: 8px;
overflow: hidden;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 40% 40%;
display: block;
background-position: 50%
}
@media(max-width: 1199.02px) {
.product-card-row__btn {
width: 54px;
height: 54px
}
}
@media(min-width: 1200px) {
.product-card-row__btn {
width: 98px;
height: 54px
}
}
.product-card-row__btn:hover::before {
opacity: 1
}
.product-card-row__btn::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.product-card-row__btn::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -1;
transition: .3s ease;
pointer-events: none
}
.dropdown.fit-content {
width: fit-content
}
.dropdown.theme-gray .dropdown__select-heading {
outline: 1px solid var(--666666);
background-color: #fff;
padding: 11px 13px
}
.dropdown.theme-gray .dropdown__select-list {
background-color: #fff;
outline: 1px solid rgba(0, 0, 0, 0)
}
.dropdown.theme-gray .dropdown__select-list.active {
max-height: 285px;
outline-color: var(--666666)
}
.dropdown.theme-gray .dropdown__select-list.active .dropdown__option {
border-radius: 0
}
.dropdown.theme-gray .dropdown__select-list.active .dropdown__option:not(:last-child) {
border-bottom: 1px solid var(--666666)
}
.dropdown.theme-gray .dropdown__select-list .dropdown__option {
border-radius: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222);
padding: 11px 13px
}
.dropdown.theme-orange .dropdown__select-heading {
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
padding: 16px
}
.dropdown.theme-orange .dropdown__select-heading-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff)
}
.dropdown.theme-orange .dropdown__select-heading-icon {
background-image: url('data:image/svg+xml,');
height: 8px
}
.dropdown.theme-orange .dropdown__select-list {
background-color: #fff;
outline: 1px solid rgba(0, 0, 0, 0)
}
.dropdown.theme-orange .dropdown__select-list.active {
max-height: 285px;
outline-color: var(--666666)
}
.dropdown.theme-orange .dropdown__select-list.active .dropdown__option {
border-radius: 0
}
.dropdown.theme-orange .dropdown__select-list.active .dropdown__option:not(:last-child) {
border-bottom: 1px solid var(--666666)
}
.dropdown.theme-orange .dropdown__select-list .dropdown__option {
border-radius: 0;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222);
padding: 11px 13px
}
.dropdown:not(.theme-gray, .theme-orange) .dropdown__select-heading {
background: var(--f5f5f5);
padding: 15px 25px
}
.dropdown:not(.theme-gray, .theme-orange) .dropdown__select-list {
background: var(--f5f5f5)
}
.dropdown__label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
line-height: 150%;
color: var(--222222);
margin-bottom: 8px
}
.dropdown__select {
position: relative
}
.dropdown__backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 8
}
.dropdown__backdrop:not(.active) {
pointer-events: none
}
.dropdown__backdrop.active~.dropdown__select-heading .dropdown__select-heading-icon {
transform: rotate(180deg)
}
.dropdown__select-heading {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
overflow: hidden;
user-select: none;
cursor: pointer;
gap: 10px
}
.dropdown__select-heading-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666);
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.dropdown__select-heading-icon {
background-image: url('data:image/svg+xml,');
display: block;
background-repeat: no-repeat;
background-size: 100%;
min-width: 10px;
max-width: 10px;
transition: .3s ease;
height: 6px
}
.dropdown__select-list {
position: absolute;
top: calc(100% + 8px);
left: 0;
width: 100%;
border-radius: 8px;
overflow: auto;
transition: .3s ease;
z-index: 10
}
.dropdown__select-list.active {
max-height: 192px
}
.dropdown__select-list:not(.active) {
max-height: 0
}
.dropdown__option {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666);
padding: 15px 25px;
border-radius: 8px;
cursor: pointer;
transition: background .3s ease, color .3s ease
}
.dropdown__option:hover {
background: #ebe9e9;
color: var(--orange) !important
}
.field {
width: 100%;
position: relative
}
.field__label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
line-height: 150%;
color: var(--222222);
margin-bottom: 4px
}
.field input,
.field textarea {
background: var(--f5f5f5);
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666);
padding: 15px 24px;
border: none;
border-radius: 8px;
width: 100%;
resize: none
}
.upload-file {
position: relative;
border: 1px dashed #000;
padding: 15px;
border-radius: 8px;
cursor: pointer;
display: block
}
.upload-file__preview {
display: flex;
align-items: center;
gap: 16px;
justify-content: center
}
.upload-file__preview-icon {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
display: block;
width: 26px;
height: 26px
}
.upload-file__preview-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666)
}
.upload-file input {
display: none
}
.upload-file-item {
position: relative;
border: 1px dashed #000;
padding: 15px;
border-radius: 8px;
cursor: pointer;
display: flex;
align-items: center;
gap: 16px;
justify-content: space-between;
margin-bottom: 8px
}
.upload-file-item__preview-icon {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
width: 16px;
height: 19px
}
.upload-file-item__preview-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--222222)
}
.direct-menu {
width: 100%
}
@media(max-width: 767.02px) {
.direct-menu:not(.tablet-mobile-view) {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
transition: .3s ease;
background-color: #fff
}
.direct-menu:not(.tablet-mobile-view).active {
top: 0;
opacity: 1
}
.direct-menu:not(.tablet-mobile-view):not(.active) {
top: -50%;
opacity: 0;
pointer-events: none
}
}
.direct-menu.tablet-mobile-view {
position: relative;
transition: .3s ease;
margin-bottom: 16px
}
.direct-menu.tablet-mobile-view .direct-menu__wrapper {
padding-left: 0;
padding-right: 0
}
.direct-menu.tablet-mobile-view::after {
content: "";
position: absolute;
bottom: 0;
left: calc(var(--spacing-container)*-1);
width: calc(100% + var(--spacing-container)*2);
height: 1px;
background-color: var(--ededed)
}
.direct-menu.tablet-mobile-view:not(.active) {
opacity: 0;
max-height: 0;
pointer-events: none
}
.direct-menu.tablet-mobile-view.active {
opacity: 1
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.direct-menu {
transition: .3s ease;
overflow: hidden;
border: 1px solid var(--ededed);
border-radius: 16px
}
.direct-menu:not(.active) {
opacity: 0;
max-height: 0;
pointer-events: none
}
.direct-menu.active {
opacity: 1
}
}
@media(min-width: 1200px) {
.direct-menu {
position: sticky;
top: calc(var(--current-header-height) + 20px);
max-width: 288px;
border-radius: 16px;
height: fit-content;
border: 1px solid var(--ededed)
}
}
@media(min-width: 768px) {
.direct-menu__heading {
display: none
}
}
@media(max-width: 767.02px) {
.direct-menu__wrapper {
padding: 16px 24px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.direct-menu__wrapper {
padding: 22px 24px
}
}
@media(min-width: 1200px) {
.direct-menu__wrapper {
padding: 24px
}
}
.direct-menu__account {
display: grid;
grid-template-columns: 60px auto;
gap: 16px;
margin-bottom: 22px;
align-items: center
}
.direct-menu__account-logo {
width: 60px;
height: 60px;
border-radius: 100%;
overflow: hidden
}
.direct-menu__account-logo img {
width: 100%;
height: 100%
}
.direct-menu__account-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
color: var(--222222)
}
@media(max-width: 767.02px) {
.direct-menu__list {
overflow: auto;
height: calc(100vh - 344px);
margin-bottom: 24px
}
}
.direct-menu__list-item {
position: relative;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
color: var(--222222) !important;
display: block;
transition: .3s ease;
width: fit-content;
max-width: 90%
}
.direct-menu__list-item.active {
color: var(--orange) !important
}
@media(min-width: 1200px) {
.direct-menu__list-item:hover {
color: var(--orange) !important
}
}
.direct-menu__list-item:not(:last-child) {
margin-bottom: 15.5px
}
.direct-menu__list-item[data-count]::before {
content: attr(data-count);
position: absolute;
top: 50%;
left: calc(100% + 40px);
transform: translateY(-50%);
font-family: var(--font-family);
font-weight: 700;
font-size: 9px;
text-align: center;
color: var(--ffffff);
border-radius: 395px;
min-width: 8px;
height: 14px;
background: var(--orange);
display: flex;
align-items: center;
justify-content: center;
padding: 0px 3px
}
.direct-menu__mobile-btn {
position: relative;
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
color: var(--222222);
padding: 16px 0;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 24px;
padding-right: 28px
}
.direct-menu__mobile-btn:not(.tablet).mobile {
margin-left: calc(var(--spacing-container)*-1);
width: calc(100% + var(--spacing-container)*2);
border-bottom: 1px solid var(--ededed);
border-top: 1px solid var(--ededed)
}
@media(min-width: 768px) {
.direct-menu__mobile-btn:not(.tablet).mobile {
display: none
}
}
@media(max-width: 767.02px) {
.direct-menu__mobile-btn.tablet {
display: none
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.direct-menu__mobile-btn.tablet {
border: 1px solid var(--ededed);
border-radius: 16px;
margin-bottom: 4px
}
.direct-menu__mobile-btn.tablet::after {
transform: rotate(90deg)
}
.direct-menu__mobile-btn.tablet.active::after {
transform: rotate(270deg)
}
}
@media(min-width: 1200px) {
.direct-menu__mobile-btn.tablet {
display: none
}
}
.direct-menu__mobile-btn.tablet-mobile-view {
margin-left: calc(var(--spacing-container)*-1);
width: calc(100% + var(--spacing-container)*2);
border-bottom: 1px solid var(--ededed);
border-top: 1px solid var(--ededed);
margin-bottom: 4px
}
.direct-menu__mobile-btn.tablet-mobile-view::after {
transform: rotate(90deg)
}
.direct-menu__mobile-btn.tablet-mobile-view.active::after {
transform: rotate(270deg)
}
@media(min-width: 1200px) {
.direct-menu__mobile-btn.tablet-mobile-view {
display: none
}
}
@media(min-width: 1200px) {
.direct-menu__mobile-btn {
display: none
}
}
.direct-menu__mobile-btn::after {
content: "";
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
background-image: url('data:image/svg+xml,');
width: 8px;
height: 12px;
transition: .3s ease
}
.direct-menu__heading {
position: relative;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
padding: 14px 0
}
.direct-menu__heading-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
text-align: center;
color: #1c1c1c
}
.direct-menu__heading-cross {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
width: 24px;
height: 24px;
display: block
}
.direct-menu__heading-cross svg {
width: 100%;
height: 100%;
display: block
}
@media(max-width: 767.02px) {
.direct-menu__manager {
display: flex !important
}
}
@media(min-width: 768px) {
.direct-menu__manager {
display: none
}
}
.instruction {
border: 1px solid var(--ededed);
border-radius: 16px;
padding: 16px;
display: flex;
padding-right: 30px;
width: fit-content
}
.instruction__icon {
display: block;
min-width: 32px;
height: 32px;
margin-right: 8px
}
.instruction__icon img {
width: 100%;
height: 100%
}
.instruction__label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--666666);
margin-bottom: 8px
}
.instruction__title {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
color: var(--222222)
}
.search-panel {
display: flex;
align-items: center;
background: var(--f5f5f5);
border-radius: 8px;
padding: 10px 23px 10px 16px
}
.search-panel__icon {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
display: block;
min-width: 18px;
max-height: 18px;
height: 18px;
margin-right: 16px
}
.search-panel__field {
border: none;
background-color: rgba(0, 0, 0, 0);
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666);
width: 100%
}
.search-panel__field:focus-visible {
outline: none
}
.search-panel__dropdown {
position: relative;
margin-left: auto;
margin-left: 40px
}
.search-panel__dropdown.active .search-panel__dropdown-heading::after {
transform: rotate(180deg)
}
.search-panel__dropdown.active .search-panel__dropdown-options {
max-height: 200px;
opacity: 1
}
.search-panel__dropdown:not(.active) .search-panel__dropdown-options {
max-height: 0;
opacity: 0
}
.search-panel__dropdown-heading {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
text-align: right;
color: var(--666666);
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
cursor: pointer
}
.search-panel__dropdown-heading::after {
background-image: url('data:image/svg+xml,');
content: "";
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
display: block;
min-width: 10px;
max-width: 10px;
height: 12px;
margin-left: 8px;
transition: .3s ease
}
.search-panel__dropdown-options {
position: absolute;
top: calc(100% + 20px);
right: -14px;
width: 100%;
transition: .3s ease;
z-index: 5;
background-color: var(--f5f5f5);
border-radius: 8px;
min-width: max-content;
overflow: auto
}
.search-panel__dropdown-option {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
text-align: right;
color: var(--666666);
cursor: pointer;
padding: 8px
}
@media(min-width: 1200px) {
.search-panel__dropdown-option:hover {
background-color: #e9e9e9
}
}
.document {
border: 1px solid var(--ededed);
border-radius: 16px;
display: flex;
padding: 7px 15px;
width: 100%;
align-items: center
}
.document__icon {
display: block;
min-width: 40px;
height: 40px;
margin-right: 23px
}
.document__icon img {
width: 100%;
height: 100%
}
.document__label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--666666);
margin-bottom: 8px
}
.document__title {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
color: var(--222222)
}
.modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: .3s ease;
z-index: 90
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.modal {
padding: 16px
}
}
@media(min-width: 1200px) {
.modal {
padding: 20px
}
}
@media(max-width: 1199.02px) {
.modal {
padding-bottom: 56px
}
}
.modal.active {
opacity: 1
}
.modal.active .modal__content {
transform: translateY(0)
}
.modal:not(.active) {
opacity: 0;
pointer-events: none
}
.modal:not(.active) .modal__content {
transform: translateY(-50%)
}
.modal__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(0, 0, 0, .2)
}
.modal__content {
position: relative;
background: var(--ffffff);
transition: .3s ease;
overflow: hidden;
display: flex;
flex-direction: column;
max-width: 875px
}
@media(max-width: 767.02px) {
.modal__content {
gap: 19px;
height: 100%;
width: 100%
}
}
@media(min-width: 768px) {
.modal__content {
padding: 16px 24px;
padding-right: 12px;
padding-top: 60px;
border-radius: 16px;
gap: 24px;
max-height: 100%;
height: auto
}
}
.modal__heading {
min-height: 53px
}
@media(max-width: 767.02px) {
.modal__heading {
position: relative;
padding: 14px 0;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
background: var(--ffffff)
}
}
.modal__title {
font-family: var(--font-family);
font-weight: 600;
line-height: 125%;
color: var(--222222);
margin-top: 21px
}
@media(max-width: 767.02px) {
.modal__title {
font-size: 20px
}
}
@media(min-width: 768px) {
.modal__title {
font-size: 24px;
text-align: center
}
}
.modal__heading-title {
font-family: var(--font-family);
font-weight: 700;
line-height: 125%;
text-align: center;
color: var(--222222)
}
@media(min-width: 768px) {
.modal__heading-title.mobile {
display: none
}
}
@media(max-width: 767.02px) {
.modal__heading-title.tablet-pc {
display: none
}
}
@media(max-width: 767.02px) {
.modal__heading-title {
font-size: 20px
}
}
@media(min-width: 768px) {
.modal__heading-title {
font-size: 24px
}
}
@media(max-width: 767.02px) {
.modal__heading-title.small {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
text-align: center;
color: #1c1c1c
}
}
.modal__list {
display: flex;
flex-direction: column
}
@media(max-width: 767.02px) {
.modal__list {
gap: 8px
}
}
@media(min-width: 768px) {
.modal__list {
gap: 16px
}
}
.modal__heading-button-prev {
display: block;
background-image: url('data:image/svg+xml,');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 22px;
transform: translateY(-50%);
width: 20px;
height: 20px
}
@media(min-width: 768px) {
.modal__heading-button-prev {
display: none
}
}
.modal__heading-button {
display: block;
background-image: url('data:image/svg+xml,');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
top: 16px;
right: 16px;
cursor: pointer
}
@media(max-width: 767.02px) {
.modal__heading-button {
position: absolute;
top: 50%;
right: 24px;
transform: translateY(-50%);
width: 24px;
height: 24px
}
}
@media(min-width: 768px) {
.modal__heading-button {
width: 20px;
height: 20px
}
}
.modal__content-wrapper {
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
flex: 1
}
.modal__content-wrapper.center-center {
height: 100%;
justify-content: center
}
@media(max-width: 767.02px) {
.modal__content-wrapper {
gap: 20px;
padding-bottom: 24px;
padding-left: 16px;
padding-right: 10px;
margin-right: 6px
}
}
@media(min-width: 768px) {
.modal__content-wrapper {
padding-left: 1px;
padding-right: 12px;
gap: 24px
}
}
@media(max-width: 1199.02px) {
.modal__content-wrapper {
margin-bottom: 8px
}
}
.modal__separate-content.active {
display: contents
}
.modal__separate-content:not(.active) {
display: none
}
.modal__field-map {
width: 100%;
height: 380px
}
.modal__field-map iframe {
width: 100%;
height: 100%;
border: none
}
.modal__controls {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
align-items: center
}
.modal__controls>* {
min-width: unset !important;
width: 100% !important
}
@media(max-width: 767.02px) {
.modal__controls.mobile-col {
grid-template-columns: 1fr
}
}
.date-picker.centered {
width: fit-content;
margin-left: auto;
margin-right: auto
}
.date-picker__label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--222222);
margin-bottom: 8px
}
.date-picker__inputs {
display: flex;
align-items: center;
gap: 16px
}
.date-picker__input {
display: flex;
align-items: center;
gap: 16px;
border: 1px solid var(--666666);
border-radius: 10px;
padding: 10px 14px;
background: var(--ffffff)
}
.date-picker__input-label {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
text-align: right;
color: var(--666666)
}
.date-picker__input-field {
background-image: url('data:image/svg+xml,');
display: block;
background-repeat: no-repeat;
background-size: 100% 100%;
min-width: 18px;
max-width: 18px;
height: 18px
}
.date-picker__input-field input {
display: none
}
.shortcut-bar {
position: relative;
background: var(--f5f5f5);
padding: 16px 0;
overflow: hidden
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.shortcut-bar:not(.empty) .shortcut-bar__wrapper {
display: flex;
flex-direction: column;
align-items: flex-end
}
}
@media(max-width: 767.02px) {
.shortcut-bar {
display: none
}
}
.shortcut-bar__modal {
max-width: 704px;
width: 100%
}
.shortcut-bar__wrapper {
display: grid;
grid-template-columns: calc(100% - 130px - 35px) 130px;
align-items: center;
justify-content: space-between
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.shortcut-bar__wrapper {
gap: 14px
}
}
@media(min-width: 1200px) {
.shortcut-bar__wrapper {
gap: 35px
}
}
.shortcut-bar__content {
display: flex;
align-items: center;
gap: 22px;
width: 100%
}
.shortcut-bar__text {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
color: var(--222222)
}
.shortcut-bar__btn {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
text-align: right;
color: var(--orange);
cursor: pointer;
padding: 0
}
.shortcut-bar__list {
width: 100%
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.shortcut-bar__list {
overflow: unset
}
}
.shortcut-bar__list-item {
display: inline-block;
height: 28px
}
.shortcut-bar__list-item img {
width: 100%;
height: 100%;
object-fit: contain
}
.shortcut-bar__list-item-label {
border: 1px solid var(--222222);
border-radius: 8px;
background-color: #fff;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: var(--666666);
padding: 11px 24px;
z-index: 5;
pointer-events: none
}
.shortcut-bar__list-btn {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: var(--ffffff);
stroke: 1px solid var(--ededed);
min-width: 28px;
max-width: 28px;
height: 28px
}
@media(max-width: 1199.02px) {
.shortcut-bar__list-btn {
display: none
}
}
.shortcut-bar__modal-heading {
display: grid;
grid-template-columns: 50px auto 110px;
gap: 24px;
margin-bottom: 24px;
border-bottom: 1px solid var(--ededed);
align-items: center;
margin-left: 16px;
padding-bottom: 10px;
padding-right: 18px
}
.shortcut-bar__modal-heading p {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: var(--222222)
}
.shortcut-bar__modal-list {
margin-left: 14px;
overflow: hidden
}
.shortcut-bar__modal-list-wrapper {
max-height: 294px;
overflow-y: scroll;
padding-right: 16px
}
.shortcut-bar__modal-list-wrapper .lk__title-m {
margin-bottom: 24px
}
.shortcut-bar__modal-list-wrapper .lk__title-m:not(:first-of-type) {
margin-top: 24px
}
.shortcut-bar__modal-list-category {
margin-bottom: 24px
}
.shortcut-bar__modal-item {
display: grid;
margin-bottom: 10px;
align-items: center
}
.shortcut-bar__modal-item.item-add {
cursor: pointer;
grid-template-columns: 36px auto
}
.shortcut-bar__modal-item:not(.item-add) {
grid-template-columns: 50px auto 24px;
gap: 24px
}
.shortcut-bar__modal-item-info {
display: flex;
align-items: center;
gap: 16px
}
.shortcut-bar__modal-item-img {
min-width: 40px;
max-width: 40px;
height: 28px;
display: block
}
.shortcut-bar__modal-item-img img {
width: 100%;
height: 100%;
display: block
}
.shortcut-bar__modal-item-counter {
display: flex;
align-items: center;
gap: 12px
}
.shortcut-bar__modal-item-counter span {
display: block;
min-width: 10px;
max-width: 10px;
height: 8px;
background-repeat: no-repeat;
background-size: 100% 100%;
cursor: pointer
}
.shortcut-bar__modal-item-counter span:first-of-type {
background-image: url('data:image/svg+xml,')
}
.shortcut-bar__modal-item-counter span:nth-of-type(2) {
background-image: url('data:image/svg+xml,')
}
.shortcut-bar__modal-item-counter span.disalbed {
background-image: url('data:image/svg+xml,')
}
.shortcut-bar__modal-item-counter p {
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
text-align: center;
color: var(--222222)
}
.shortcut-bar__modal-item-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 112%;
color: var(--222222)
}
.shortcut-bar__modal-item-title.bold {
font-weight: 700
}
.shortcut-bar__modal-item-btn-clear {
background-image: url('data:image/svg+xml,');
min-width: 20px;
max-width: 20px;
height: 20px;
display: block;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-left: 8px;
cursor: pointer
}
.shortcut-bar__modal-btn-clear p {
display: flex;
align-items: center;
justify-content: flex-end
}
.shortcut-bar__modal-btn-clear p::after {
content: "";
background-image: url('data:image/svg+xml,');
min-width: 20px;
max-width: 20px;
height: 20px;
display: block;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-left: 8px
}
.product-slider__list-wrapper {
position: relative
}
@media(max-width: 767.02px) {
.product-slider__list-wrapper {
padding-top: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product-slider__list-wrapper {
padding-top: 24px
}
}
@media(min-width: 1200px) {
.product-slider__list-wrapper {
padding-top: 40px
}
}
.product-slider__control {
position: absolute;
top: 50%;
transform: translateY(-50%);
border-radius: 100%;
background-color: var(--ededed);
overflow: hidden;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 5;
transition: .3s ease
}
@media(max-width: 1199.02px) {
.product-slider__control {
display: none
}
}
.product-slider__control.prev {
left: -20px
}
.product-slider__control.next {
right: -20px
}
.product-slider__control span {
width: 14px;
height: 14px;
display: block
}
.product-slider__control span svg {
width: 100%;
height: 100%;
display: block
}
@media(max-width: 1199.02px) {
.product-slider__list {
overflow: unset
}
}
.product-slider__list .product-card {
height: auto;
}
.product-slider__list .swiper-wrapper>* {
max-width: fit-content
}
@media(max-width: 575.02px) {
.product-slider__list .swiper-wrapper>* {
max-width: 260px
}
}
@media(min-width: 576px)and (max-width: 1199.02px) {
.product-slider__list .swiper-wrapper>* {
max-width: 360px
}
}
@media(min-width: 1200px) {
.product-slider__list .swiper-wrapper>* {
max-width: 227.2px
}
}
.product-slider__list .swiper-wrapper>*:not(:last-child) {
margin-right: 16px
}
.news {
position: relative
}
@media(max-width: 767.02px) {
.news {
padding: 33px 0
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.news {
padding: 26px 0
}
}
@media(min-width: 1200px) {
.news {
padding: 40px 0
}
}
.news__heading {
display: flex;
align-items: center;
justify-content: space-between
}
.news__title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 125%;
color: var(--222222)
}
.news__link {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 112%;
text-align: right;
color: var(--666666);
cursor: pointer;
display: block
}
@media(max-width: 767.02px) {
.news__list {
padding-top: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.news__list {
padding-top: 24px
}
}
@media(min-width: 1200px) {
.news__list {
padding-top: 40px
}
}
.news__item {
position: relative;
border-radius: 16px;
background-color: var(--bg-color);
height: auto;
padding: 20px 0 20px 20px;
overflow: hidden;
max-height: 207px
}
.news__item::after {
content: "";
position: absolute;
top: -56.5px;
right: -56.5px;
width: 226px;
height: 226px;
border-radius: 50%;
overflow: hidden;
background-color: var(--second-color);
z-index: -1
}
.news__item::before {
content: "";
position: absolute;
top: -61.5px;
right: -59.4736842105px;
width: 236px;
height: 236px;
border-radius: 50%;
overflow: hidden;
border: 1px solid var(--second-color);
z-index: -1
}
.news__item .news__item-date {
background-color: var(--second-color, var(--ffffff))
}
.news__item .news__item-title {
color: var(--text-color, var(--ffffff))
}
.news__item .news__item-date {
color: var(--date-color, var(--222222))
}
.news__item-link {
position: absolute;
z-index: 10;
inset: 0
}
.news__item-wrapper {
display: grid;
grid-template-columns: 50% 50%;
height: 100%
}
.news__item-date {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
letter-spacing: .1em;
width: fit-content;
border-radius: 8px;
padding: 9px 10px;
margin-bottom: 20px
}
.news__item-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 24px;
line-height: 125%;
z-index: 1
}
.news__item-image {
max-height: 180px
}
.news__item-image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
object-position: right
}
.news__pagination {
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
margin-top: 30px
}
.news__pagination .swiper-pagination-bullet {
border-radius: 50%;
background-color: #d9d9d9;
width: 8px;
height: 8px;
cursor: pointer
}
.news__pagination .swiper-pagination-bullet-active {
transition: .3s ease;
border-radius: 8px;
background: var(--orange);
width: 24px;
height: 8px
}
.listing {
position: relative
}
@media(max-width: 767.02px) {
.listing {
padding: 16px 0
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.listing {
padding: 24px 0
}
}
@media(min-width: 1200px) {
.listing {
padding-top: 65px;
padding-bottom: 190px
}
}
.listing__tabs {
background: var(--f5f5f5);
border-radius: 16px;
display: flex;
align-items: center;
width: fit-content;
gap: 16px
}
@media(max-width: 767.02px) {
.listing__tabs {
padding: 10px 8px
}
}
@media(min-width: 768px) {
.listing__tabs {
padding: 12px
}
}
@media(max-width: 767.02px) {
.listing__tabs.service {
flex-direction: column;
width: 100%;
gap: 2px
}
.listing__tabs.service .listing__tab {
max-width: 100%;
width: 100%;
height: 50px
}
}
@media(max-width: 1199.02px) {
.listing__tabs.service .listing__tab {
font-size: 12px;
padding: 20px 12px
}
}
.listing__tab {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
text-align: center;
border-radius: 16px;
cursor: pointer;
color: #c2c2c2;
display: flex;
align-items: center;
justify-content: center
}
@media(min-width: 768px) {
.listing__tab.mobile-only {
display: none
}
}
@media(max-width: 767.02px) {
.listing__tab.pc-only {
display: none
}
}
@media(max-width: 767.02px) {
.listing__tab {
padding: 0 10px;
height: 55px;
max-width: 50%
}
}
@media(min-width: 768px) {
.listing__tab {
padding: 18px 40px
}
}
.listing__tab.active {
background: var(--ffffff);
color: var(--222222)
}
.listing__list {
display: grid
}
@media(max-width: 575.02px) {
.listing__list {
grid-template-columns: repeat(2, 1fr);
gap: 8px
}
}
@media(min-width: 576px)and (max-width: 767.02px) {
.listing__list {
grid-template-columns: repeat(3, 1fr);
gap: 8px
}
}
@media(max-width: 767.02px) {
.listing__list {
padding-top: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.listing__list {
grid-template-columns: repeat(4, 1fr);
gap: 16px;
padding-top: 24px
}
}
@media(min-width: 1200px) {
.listing__list {
grid-template-columns: repeat(6, 1fr);
row-gap: 32px;
column-gap: 16px;
padding-top: 40px
}
}
.listing__item {
position: relative;
background: var(--f5f5f5);
border-radius: 16px;
overflow: hidden;
padding: 16px 14px
}
.listing__item-image {
position: relative;
width: 100%;
height: 0;
margin-bottom: 10px;
padding-top: 61%
}
.listing__item-image img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
display: block
}
.listing__item-title {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 114%;
text-align: center;
color: var(--666666)
}
.articles__title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
color: var(--222222)
}
.articles__list {
padding-top: 24px
}
.articles__item {
display: grid;
margin-bottom: 48px;
gap: 16px
}
@media(max-width: 767.02px) {
.articles__item {
margin-bottom: 26px
}
}
@media(min-width: 768px) {
.articles__item {
grid-template-columns: 200px auto
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.articles__item {
margin-bottom: 26px
}
}
@media(min-width: 1200px) {
.articles__item {
margin-bottom: 48px
}
}
.articles__item-image {
width: 100%
}
@media(max-width: 767.02px) {
.articles__item-image {
aspect-ratio: 17.6/9
}
}
.articles__item-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover
}
.articles__item-tags {
display: flex;
align-items: center;
gap: 8px
}
.articles__item-tag {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
letter-spacing: .1em;
color: var(--666666);
padding: 6px 10px;
width: fit-content;
background: var(--f5f5f5);
border-radius: 8px
}
.articles__item-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
color: var(--222222);
display: block
}
@media(max-width: 767.02px) {
.articles__item-title {
margin-top: 8px;
font-size: 20px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.articles__item-title {
margin-top: 5px;
font-size: 20px
}
}
@media(min-width: 1200px) {
.articles__item-title {
font-size: 24px;
margin-top: 8px
}
}
.articles__item-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222);
margin-top: 16px
}
.articles__item-text a {
color: var(--orange)
}
@media(min-width: 1200px) {
.article__wrapper {
padding-bottom: 78px
}
}
.article__title {
font-family: var(--font-family);
font-weight: 700;
color: var(--222222)
}
@media(max-width: 1199.02px) {
.article__title {
font-size: 32px;
margin-bottom: 12px
}
}
@media(min-width: 1200px) {
.article__title {
font-size: 40px;
margin-bottom: 16px;
max-width: 693px
}
}
.article__btn-back {
position: relative;
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
color: #1c1c1c;
display: flex;
align-items: center;
transition: .3s ease;
width: fit-content
}
@media(max-width: 1199.02px) {
.article__btn-back {
padding-left: 18px
}
}
@media(min-width: 1200px) {
.article__btn-back {
padding-left: 22px
}
.article__btn-back:hover {
color: var(--orange)
}
.article__btn-back:hover::before {
opacity: 1 !important
}
}
.article__btn-back::after,
.article__btn-back::before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) rotate(180deg);
content: "";
background-size: cover;
background-position: center;
border: none;
cursor: pointer;
width: 6px;
height: 8px;
transition: .3s ease;
display: inline-block
}
.article__btn-back::after {
background-image: url('data:image/svg+xml,')
}
.article__btn-back::before {
background-image: url('data:image/svg+xml,');
z-index: 1;
opacity: 0
}
.article__content {
display: grid;
justify-content: space-between;
padding-top: 30px
}
@media(min-width: 1200px) {
.article__content {
grid-template-columns: minmax(0px, 693px) 287px
}
}
.article__body h2 {
font-family: var(--third-family);
font-weight: 700;
font-size: 24px;
line-height: 117%;
color: #1c1c1c;
padding-top: 32px;
padding-bottom: 24px;
letter-spacing: .8px
}
.article__body h3 {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
color: #1c1c1c;
padding-bottom: 22px
}
.article__body p:not(.article__main-image-text) {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 142%;
color: #1c1c1c;
margin-bottom: 25px
}
.article__body ul,
.article__body ol {
padding-left: 16px;
margin-bottom: 27px
}
.article__body ul li,
.article__body ol li {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #1c1c1c;
margin-bottom: 15px
}
.article__main-image {
width: 100%;
height: auto
}
@media(max-width: 1199.02px) {
.article__main-image {
max-width: 663px;
margin: 0 auto
}
}
@media(min-width: 1200px) {
.article__main-image {
max-width: 678px
}
}
.article__main-image img {
width: 100%;
height: 100%;
object-fit: contain
}
.article__main-image-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: var(--222222);
margin-top: 24px;
margin-bottom: 24px
}
@media(max-width: 767.02px) {
.article__recommendation {
margin-top: 30px
}
}
@media(max-width: 767.02px) {
.article__recommendation-heading {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.article__recommendation-heading {
display: flex;
align-items: center;
justify-content: space-between
}
}
.article__recommendation-title {
font-family: var(--third-family);
font-weight: 700;
color: #1c1c1c;
letter-spacing: .8px
}
@media(max-width: 767.02px) {
.article__recommendation-title {
font-size: 24px;
line-height: 117%
}
}
@media(min-width: 768px) {
.article__recommendation-title {
font-size: 32px;
line-height: 87%
}
}
@media(max-width: 767.02px) {
.article__recommendation-list {
padding-top: 16px;
padding-bottom: 16px
}
}
@media(min-width: 768px) {
.article__recommendation-list {
padding-top: 32px;
padding-bottom: 32px
}
}
@media(max-width: 1199.02px) {
.article__recommendation-item:not(:last-child) {
margin-bottom: 16px
}
}
@media(min-width: 1200px) {
.article__recommendation-item:not(:last-child) {
margin-bottom: 32px
}
}
.article__recommendation-item-tags {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
padding-bottom: 8px
}
.article__recommendation-item-tag {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
letter-spacing: .1em;
color: var(--666666);
background: var(--f5f5f5);
padding: 6px 10px;
border-radius: 8px;
overflow: hidden
}
.article__recommendation-item-title {
font-family: var(--font-family);
font-weight: 700;
color: var(--222222);
transition: .3s ease;
cursor: pointer
}
@media(max-width: 1199.02px) {
.article__recommendation-item-title {
font-size: 20px
}
}
@media(min-width: 1200px) {
.article__recommendation-item-title {
font-size: 24px
}
.article__recommendation-item-title:hover {
color: var(--orange)
}
}
.article__recommendation-item-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222);
margin-top: 16px
}
.article__recommendation-item-text span {
color: var(--orange)
}
.article__recommendation-btn {
position: relative;
transition: .3s ease;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 112%;
color: var(--666666);
width: fit-content
}
@media(max-width: 767.02px) {
.article__recommendation-btn {
padding-right: 18px
}
}
@media(min-width: 768px) {
.article__recommendation-btn {
padding-right: 24px
}
}
@media(max-width: 1199.02px) {
.article__recommendation-btn.mobile {
display: none
}
}
@media(min-width: 1200px) {
.article__recommendation-btn.mobile {
display: block
}
}
@media(max-width: 1199.02px) {
.article__recommendation-btn:not(.mobile) {
display: block
}
}
@media(min-width: 1200px) {
.article__recommendation-btn:not(.mobile) {
display: none
}
}
@media(min-width: 1200px) {
.article__recommendation-btn:hover {
color: var(--orange)
}
.article__recommendation-btn:hover::before {
opacity: 1 !important
}
}
.article__recommendation-btn::after,
.article__recommendation-btn::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0px;
content: "";
background-size: cover;
background-position: center;
border: none;
cursor: pointer;
width: 8px;
height: 12px;
transition: .3s ease;
display: inline-block
}
.article__recommendation-btn::after {
background-image: url('data:image/svg+xml,')
}
.article__recommendation-btn::before {
background-image: url('data:image/svg+xml,');
z-index: 1;
opacity: 0
}
@media(max-width: 767.02px) {
.faq {
padding-top: 16px;
padding-bottom: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.faq {
padding-top: 24px;
padding-bottom: 48px
}
}
@media(min-width: 1200px) {
.faq {
padding-top: 32px;
padding-bottom: 80px
}
}
.faq__wrapper {
display: grid
}
@media(min-width: 1200px) {
.faq__wrapper {
grid-template-columns: minmax(0, 693px) 389px;
justify-content: space-between
}
}
.faq__list-wrapper {
border: 1px solid #d1d5db;
border-radius: 8px
}
.faq__item {
padding: 24px;
padding-left: 31px
}
.faq__item:not(:last-child) {
border-bottom: 1px solid #d1d5db
}
.faq__item.active .faq__item-btn::before {
transform: translate(-50%, -50%) rotate(0deg)
}
.faq__item.active .faq__item-text {
margin-top: 14px
}
.faq__item-heading {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer
}
@media(max-width: 1199.02px) {
.faq__item-heading {
gap: 2px
}
}
@media(min-width: 1200px) {
.faq__item-heading {
gap: 24px
}
}
.faq__item-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
color: var(--222222)
}
.faq__item-btn {
position: relative;
display: flex;
min-width: 24px;
max-width: 24px;
height: 24px;
cursor: pointer
}
.faq__item-btn::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 2px;
border-radius: 4px;
background-color: var(--222222)
}
.faq__item-btn::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
width: 12px;
height: 2px;
border-radius: 4px;
background-color: var(--222222);
transition: .3s ease
}
.faq__item-text {
max-height: 0;
overflow: hidden;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--222222);
transition: .3s ease
}
@media(max-width: 1199.02px) {
.faq__form {
margin-top: 24px
}
}
.faq__form-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 125%;
color: var(--222222)
}
.faq__form-wrapper {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 16px
}
.faq__form-field {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%
}
.faq__form-field-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
line-height: 150%;
color: var(--222222);
margin-bottom: 4px
}
.faq__form-field-input {
border-radius: 8px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666);
width: 100%;
resize: none;
background: var(--f5f5f5);
padding: 15px 24px;
border: 0
}
.faq__form-field-input:focus-visible {
outline: none
}
.faq__form-policy {
display: flex;
align-items: center;
user-select: none;
cursor: pointer
}
.faq__form-policy-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222)
}
.faq__form-policy-text a {
font-weight: 700;
color: var(--orange) !important
}
.faq__form-btn {
position: relative;
border-radius: 10px;
padding: 16px;
overflow: hidden;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff)
}
@media(min-width: 1200px) {
.faq__form-btn:hover::before {
opacity: 1
}
}
.faq__form-btn::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.faq__form-btn::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -1;
transition: .3s ease;
pointer-events: none
}
.not-found {
position: relative
}
@media(max-width: 767.02px) {
.not-found {
padding-top: 24px;
padding-bottom: 42px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.not-found {
padding-top: 24px;
padding-bottom: 74px
}
}
@media(min-width: 1200px) {
.not-found {
padding-top: 108px;
padding-bottom: 78px
}
}
.not-found__wrapper {
display: flex;
flex-direction: column;
align-items: center
}
.not-found__image {
max-width: 292px;
width: 100%;
margin-bottom: 40px
}
.not-found__image img {
width: 100%;
height: 100%;
object-fit: contain
}
.not-found__label {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
color: var(--orange)
}
.not-found__title {
font-family: var(--font-family);
font-weight: 700;
text-align: center;
color: var(--222222);
margin-top: 8px;
margin-bottom: 16px
}
@media(max-width: 1199.02px) {
.not-found__title {
font-size: 24px
}
}
@media(min-width: 1200px) {
.not-found__title {
font-size: 40px
}
}
.not-found__text {
font-family: var(--font-family);
font-weight: 400;
text-align: center;
color: var(--222222)
}
@media(max-width: 1199.02px) {
.not-found__text {
font-size: 16px
}
}
@media(min-width: 1200px) {
.not-found__text {
font-size: 20px
}
}
.not-found__nav {
display: flex;
flex-wrap: wrap;
justify-content: center
}
@media(max-width: 1199.02px) {
.not-found__nav {
column-gap: 24px;
row-gap: 15px;
margin-top: 30px
}
}
@media(min-width: 1200px) {
.not-found__nav {
column-gap: 40px;
row-gap: 12px;
margin-top: 32px
}
}
.not-found__nav-item {
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
color: var(--222222);
transition: .3s ease
}
@media(min-width: 1200px) {
.not-found__nav-item:hover {
color: var(--orange)
}
}
.contacts {
position: relative
}
@media(max-width: 767.02px) {
.contacts {
padding: 16px 0
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.contacts {
padding-top: 22px;
padding-bottom: 24px
}
}
@media(min-width: 1200px) {
.contacts {
padding-top: 32px;
padding-bottom: 96px
}
}
.contacts__wrapper {
display: grid
}
@media(max-width: 767.02px) {
.contacts__wrapper {
padding-top: 22px
}
}
@media(min-width: 1200px) {
.contacts__wrapper {
grid-template-columns: minmax(0, 590px) 507px;
justify-content: space-between
}
}
@media(max-width: 767.02px) {
.contacts__list {
margin-bottom: 24px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.contacts__list {
margin-bottom: 28px
}
}
@media(min-width: 1200px) {
.contacts__list {
margin-bottom: 36px
}
}
.contacts__item {
display: grid;
align-items: flex-start
}
@media(max-width: 767.02px) {
.contacts__item {
gap: 12px
}
.contacts__item:not(:last-child) {
margin-bottom: 22px
}
}
@media(min-width: 768px) {
.contacts__item {
grid-template-columns: 183px auto
}
.contacts__item:not(:last-child) {
margin-bottom: 30px
}
}
.contacts__item-label {
display: flex;
align-items: center;
gap: 16px
}
.contacts__item-label-icon {
width: 22px;
height: 22px;
display: block
}
.contacts__item-label-icon img {
width: 100%;
height: 100%;
object-fit: contain
}
.contacts__item-label-text {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 129%;
color: var(--222222)
}
.contacts__item-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222)
}
.contacts__info-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: var(--222222)
}
@media(max-width: 767.02px) {
.contacts__info-title {
margin-bottom: 8px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.contacts__info-title {
margin-bottom: 24px
}
}
@media(min-width: 1200px) {
.contacts__info-title {
margin-bottom: 32px
}
}
.contacts__info-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222)
}
.contacts__info-text b {
font-weight: 700
}
.contacts__map {
width: 100%;
height: 398px;
border-radius: 16px;
overflow: hidden
}
@media(max-width: 767.02px) {
.contacts__map {
margin-top: 10px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.contacts__map {
margin-top: 26px
}
}
.contacts__map iframe {
width: 100%;
height: 100%;
border: none
}
.about-us {
position: relative
}
@media(max-width: 767.02px) {
.about-us {
padding-top: 16px;
padding-bottom: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.about-us {
padding-top: 22px;
padding-bottom: 26px
}
}
@media(min-width: 1200px) {
.about-us {
padding-top: 32px;
padding-bottom: 80px
}
}
.about-us__wrapper {
display: grid
}
@media(min-width: 1200px) {
.about-us__wrapper {
grid-template-columns: 590px 507px;
justify-content: space-between
}
}
.about-us__info-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222)
}
.about-us__image {
overflow: hidden;
border-radius: 16px
}
@media(max-width: 767.02px) {
.about-us__image {
margin-top: 16px;
height: 218px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.about-us__image {
margin-top: 8px;
height: 338px;
max-width: 507px;
width: 100%
}
}
@media(min-width: 1200px) {
.about-us__image {
height: 338px
}
}
.about-us__image img {
width: 100%;
height: 100%;
object-fit: cover
}
.policy {
position: relative
}
@media(max-width: 767.02px) {
.policy {
padding-bottom: 20px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.policy {
padding-bottom: 36px
}
}
@media(min-width: 1200px) {
.policy {
padding-bottom: 90px
}
}
.policy__wrapper {
margin-left: auto;
margin-right: auto
}
@media(max-width: 767.02px) {
.policy__wrapper {
margin-top: 24px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.policy__wrapper {
margin-top: 16px
}
}
@media(min-width: 1200px) {
.policy__wrapper {
margin-top: 30px;
max-width: 693px
}
}
.policy__wrapper * {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: #1c1c1c
}
.policy__wrapper h2 {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 117%;
color: #1c1c1c;
margin-bottom: 26px
}
.policy__wrapper h3 {
font-weight: 700;
margin-bottom: 20px
}
.policy__wrapper h3:not(:first-of-type) {
margin-top: 32px
}
.policy__wrapper p {
font-size: 14px;
line-height: 143%;
margin-bottom: 20px
}
.policy__wrapper ul {
padding-left: 16px
}
.policy__wrapper li {
font-size: 14px;
line-height: 143%
}
.delivery {
position: relative
}
@media(max-width: 767.02px) {
.delivery {
padding: 16px 0
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.delivery {
padding-top: 22px;
padding-bottom: 24px
}
}
@media(min-width: 1200px) {
.delivery {
padding-top: 32px;
padding-bottom: 96px
}
}
.delivery__wrapper {
display: grid;
justify-content: space-between
}
@media(max-width: 767.02px) {
.delivery__wrapper {
margin-top: 24px;
gap: 23px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.delivery__wrapper {
gap: 24px;
margin-top: 22px
}
}
@media(min-width: 1200px) {
.delivery__wrapper {
grid-template-columns: 1fr 1fr;
gap: 100px;
margin-top: 39px
}
}
@media(max-width: 1199.02px) {
.delivery__wrapper.one-line {
grid-template-columns: 1fr !important
}
}
.delivery__wrapper.one-line-always {
grid-template-columns: 1fr !important
}
@media(max-width: 1199.02px) {
.delivery__wrapper.mobile-revert .delivery__content:first-child {
order: 2
}
.delivery__wrapper.mobile-revert .delivery__content:not(:first-child) {
order: 1
}
}
.delivery__list {
margin-top: 12px
}
@media(max-width: 767.02px) {
.delivery__list tr {
display: flex;
flex-direction: column;
gap: 16px
}
}
.delivery__list tr td:first-child {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 129%;
color: var(--222222);
max-width: 300px
}
@media(min-width: 768px) {
.delivery__list tr td:first-child {
padding-bottom: 13px
}
}
.delivery__list tr td:not(:first-child) {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222);
padding-bottom: 12px
}
.delivery__map {
width: 100%;
height: 398px;
border-radius: 16px;
overflow: hidden
}
@media(max-width: 767.02px) {
.delivery__map {
margin-top: 10px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.delivery__map {
margin-top: 26px
}
}
.delivery__map iframe {
width: 100%;
height: 100%;
border: none
}
.delivery__title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
color: var(--222222)
}
.delivery__info {
margin-top: 24px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #1c1c1c
}
.delivery__info ul {
padding-left: 14px
}
.delivery__info ul li::marker {
content: "- "
}
.delivery__info b {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
text-transform: uppercase;
color: #1c1c1c;
margin-top: 6px;
display: block
}
.delivery__info-controls {
margin-top: 40px
}
.delivery__button {
position: relative;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff);
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
padding: 15px 40px;
overflow: hidden
}
@media(min-width: 1200px) {
.delivery__button:hover::before {
opacity: 1;
z-index: -1
}
}
.delivery__button::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.delivery__button::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -2;
transition: .3s ease;
pointer-events: none
}
.delivery__info-block {
border: 1px solid var(--ededed);
border-radius: 8px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: var(--222222);
padding: 12px 24px;
margin-top: 24px
}
@media(max-width: 767.02px) {
.delivery__info-block {
padding: 15px 23px
}
}
@media(min-width: 768px) {
.delivery__info-block {
padding: 15px 23px
}
}
.delivery__info-block b {
font-weight: 700
}
@media(max-width: 767.02px) {
.delivery__plate {
margin-top: 17px
}
}
@media(min-width: 768px) {
.delivery__plate {
margin-top: 25px
}
}
.delivery__plate-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
text-transform: uppercase;
color: var(--222222)
}
.delivery__plate-table {
width: 100%;
border-collapse: collapse;
margin-top: 16px;
overflow: hidden;
border-radius: 8px;
outline: 2px solid var(--ededed)
}
.delivery__plate-table td {
outline: 1px solid var(--ededed);
overflow: hidden;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: var(--222222)
}
.delivery__plate-table td:last-child {
width: 150px
}
@media(max-width: 767.02px) {
.delivery__plate-table td {
padding: 15px 30px 15px 24px
}
}
@media(min-width: 768px) {
.delivery__plate-table td {
padding: 15px 22px
}
}
.delivery__plate-table td b {
font-weight: 700
}
.delivery {
position: relative
}
@media(max-width: 767.02px) {
.delivery {
padding: 16px 0
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.delivery {
padding-top: 22px;
padding-bottom: 24px
}
}
@media(min-width: 1200px) {
.delivery {
padding-top: 32px;
padding-bottom: 96px
}
}
.delivery__wrapper {
display: grid;
justify-content: space-between
}
@media(max-width: 767.02px) {
.delivery__wrapper {
margin-top: 24px;
gap: 23px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.delivery__wrapper {
gap: 24px;
margin-top: 22px
}
}
@media(min-width: 1200px) {
.delivery__wrapper {
grid-template-columns: 1fr 1fr;
gap: 100px;
margin-top: 39px
}
}
@media(max-width: 1199.02px) {
.delivery__wrapper.one-line {
grid-template-columns: 1fr !important
}
}
.delivery__wrapper.one-line-always {
grid-template-columns: 1fr !important
}
@media(max-width: 1199.02px) {
.delivery__wrapper.mobile-revert .delivery__content:first-child {
order: 2
}
.delivery__wrapper.mobile-revert .delivery__content:not(:first-child) {
order: 1
}
}
.delivery__list {
margin-top: 12px
}
@media(max-width: 767.02px) {
.delivery__list tr {
display: flex;
flex-direction: column;
gap: 16px
}
}
.delivery__list tr td:first-child {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 129%;
color: var(--222222);
max-width: 300px
}
@media(min-width: 768px) {
.delivery__list tr td:first-child {
padding-bottom: 13px
}
}
.delivery__list tr td:not(:first-child) {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222);
padding-bottom: 12px
}
.delivery__map {
width: 100%;
height: 398px;
border-radius: 16px;
overflow: hidden
}
@media(max-width: 767.02px) {
.delivery__map {
margin-top: 10px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.delivery__map {
margin-top: 26px
}
}
.delivery__map iframe {
width: 100%;
height: 100%;
border: none
}
.delivery__title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
color: var(--222222)
}
.delivery__info {
margin-top: 24px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: #1c1c1c
}
.delivery__info ul {
padding-left: 14px
}
.delivery__info ul li::marker {
content: "- "
}
.delivery__info b {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
text-transform: uppercase;
color: #1c1c1c;
margin-top: 6px;
display: block
}
.delivery__info-controls {
margin-top: 40px
}
.delivery__button {
position: relative;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff);
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
padding: 15px 40px;
overflow: hidden
}
@media(min-width: 1200px) {
.delivery__button:hover::before {
opacity: 1;
z-index: -1
}
}
.delivery__button::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.delivery__button::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -2;
transition: .3s ease;
pointer-events: none
}
.delivery__info-block {
border: 1px solid var(--ededed);
border-radius: 8px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: var(--222222);
padding: 12px 24px;
margin-top: 24px
}
@media(max-width: 767.02px) {
.delivery__info-block {
padding: 15px 23px
}
}
@media(min-width: 768px) {
.delivery__info-block {
padding: 15px 23px
}
}
.delivery__info-block b {
font-weight: 700
}
@media(max-width: 767.02px) {
.delivery__plate {
margin-top: 17px
}
}
@media(min-width: 768px) {
.delivery__plate {
margin-top: 25px
}
}
.delivery__plate-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
text-transform: uppercase;
color: var(--222222)
}
.delivery__plate-table {
width: 100%;
border-collapse: collapse;
margin-top: 16px;
overflow: hidden;
border-radius: 8px;
outline: 2px solid var(--ededed)
}
.delivery__plate-table td {
outline: 1px solid var(--ededed);
overflow: hidden;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: var(--222222)
}
.delivery__plate-table td:last-child {
width: 150px
}
@media(max-width: 767.02px) {
.delivery__plate-table td {
padding: 15px 30px 15px 24px
}
}
@media(min-width: 768px) {
.delivery__plate-table td {
padding: 15px 22px
}
}
.delivery__plate-table td b {
font-weight: 700
}
@media(max-width: 1199.02px) {
.comparison {
padding-top: 24px;
padding-bottom: 24px
}
}
@media(min-width: 1200px) {
.comparison {
padding-top: 40px;
padding-bottom: 40px
}
}
.comparison__heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px
}
.comparison__mobile-controls {
margin-top: 24px
}
@media(min-width: 1200px) {
.comparison__mobile-controls {
display: none
}
}
@media(max-width: 1199.02px) {
.comparison__controls-pc {
display: none
}
}
.comparison__title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
color: var(--222222)
}
.comparison__list {
padding-left: 12px;
margin-top: 36px;
display: flex
}
@media(max-width: 767.02px) {
.comparison__item:not(:first-child) .comparison__item-col {
padding-left: 8px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.comparison__item:not(:first-child) .comparison__item-col {
padding-left: 10px
}
}
@media(min-width: 1200px) {
.comparison__item:not(:first-child) .comparison__item-col {
padding-left: 16px
}
}
.comparison__item-col {
display: flex;
flex-direction: column;
padding-bottom: 14px;
border-bottom: 1px solid var(--ededed)
}
.comparison__item-col:not(:first-child) {
padding-top: 14px
}
.comparison__item-title {
font-family: var(--font3);
font-weight: 400;
font-size: 15px;
color: #c6c6c6;
padding-bottom: 12px;
min-height: 30px;
white-space: nowrap
}
.comparison__item-value {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222);
word-break: break-word
}
.catalog .container {
overflow: hidden
}
.catalog__tabs {
overflow: unset;
width: 100%
}
.catalog__tab {
background: var(--f5f5f5);
border-radius: 10px;
padding: 8px 24px 8px 8px;
display: flex;
align-items: center;
gap: 16px;
width: fit-content
}
.catalog__tabs-btn {
position: absolute;
top: 50%;
z-index: 5;
transform: translateY(-50%);
width: 33px;
height: 33px;
display: flex;
border-radius: 50%;
overflow: hidden;
background-color: var(--ffffff)
}
.catalog__tabs-btn::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 16px;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-size: 100% 100%
}
.catalog__tabs-btn.prev {
left: calc(var(--spacing-container)*-1)
}
.catalog__tabs-btn.prev::after {
background-image: url('data:image/svg+xml,')
}
.catalog__tabs-btn.next {
right: calc(var(--spacing-container)*-1)
}
.catalog__tabs-btn.next::after {
background-image: url('data:image/svg+xml,')
}
.catalog__tab-icon {
position: relative;
min-width: 60px;
max-width: 60px;
height: 43px
}
.catalog__tab-icon img {
width: 100%;
height: 100%;
object-fit: contain
}
.catalog__tab-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666);
white-space: nowrap
}
.catalog__wrapper {
position: relative
}
@media(max-width: 767.02px) {
.catalog__wrapper {
margin-top: 10px;
margin-bottom: 24px;
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.catalog__wrapper {
margin-top: 26px;
margin-bottom: 24px
}
}
@media(min-width: 1200px) {
.catalog__wrapper {
margin-top: 38px;
display: grid;
grid-template-columns: 257px auto;
margin-bottom: 80px;
gap: 11px
}
}
.catalog__list-heading {
display: flex;
justify-content: space-between
}
@media(max-width: 1199.02px) {
.catalog__list-heading {
align-items: center;
margin-bottom: 24px
}
}
@media(min-width: 1200px) {
.catalog__list-heading {
gap: 100px;
margin-bottom: 28px;
align-items: flex-start
}
.catalog__list-heading.service {
justify-content: flex-end
}
}
.catalog__list-items {
display: grid;
column-gap: 8px
}
@media(max-width: 575.02px) {
.catalog__list-items {
grid-template-columns: repeat(2, 1fr);
row-gap: 16px
}
}
@media(min-width: 576px) {
.catalog__list-items {
grid-template-columns: repeat(3, 1fr);
row-gap: 16px
}
}
@media(max-width: 1199.02px) {
.catalog__list-items {
row-gap: 16px
}
}
@media(min-width: 992px) {
.catalog__list-items {
grid-template-columns: repeat(4, 1fr);
row-gap: 24px
}
}
.catalog__list-items>.product-card {
max-width: unset !important
}
.catalog__grid {
display: grid;
column-gap: 8px
}
.catalog__grid table {
border-collapse: collapse
}
@media(max-width: 767.02px) {
.catalog__grid table thead {
display: none
}
}
.catalog__grid table thead::after {
content: "";
display: block;
height: 8px
}
.catalog__grid table thead tr {
background: var(--222222)
}
.catalog__grid table thead tr td {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--ffffff);
overflow: hidden;
white-space: nowrap
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.catalog__grid table thead tr td {
padding: 10px 8px
}
}
@media(min-width: 1200px) {
.catalog__grid table thead tr td {
padding: 10px 20px
}
}
.catalog__grid table thead tr td:first-child {
border-radius: 8px 0 0 8px
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.catalog__grid table thead tr td:first-child {
padding-left: 8px
}
}
@media(min-width: 1200px) {
.catalog__grid table thead tr td:first-child {
padding-left: 28px
}
}
.catalog__grid table thead tr td:last-child {
border-radius: 0 8px 8px 0
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.catalog__grid table thead tr td:last-child {
padding-right: 8px
}
}
@media(min-width: 1200px) {
.catalog__grid table thead tr td:last-child {
padding-right: 28px
}
}
.catalog__grid table tbody tr {
position: relative;
overflow: hidden
}
@media(max-width: 767.02px) {
.catalog__grid table tbody tr {
display: grid;
border-bottom: 1px solid var(--222222);
padding-top: 7px;
padding-bottom: 10px
}
.catalog__grid table tbody tr:first-child {
border-top: 1px solid var(--222222)
}
}
@media(min-width: 768px) {
.catalog__grid table tbody tr {
outline: 1px solid var(--ededed);
border-radius: 16px
}
}
.catalog__grid table tbody tr.delimiter {
outline: none
}
@media(max-width: 767.02px) {
.catalog__grid table tbody tr.delimiter {
display: none
}
}
.catalog__grid table tbody tr.delimiter::after {
content: "";
display: block;
height: 8px
}
@media(min-width: 768px) {
.catalog__grid table tbody tr td {
width: fit-content
}
.catalog__grid table tbody tr td:not(:first-child, :last-child) {
padding-left: 14px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.catalog__grid table tbody tr td {
padding-top: 8px;
padding-bottom: 8px
}
}
@media(min-width: 1200px) {
.catalog__grid table tbody tr td {
padding-top: 16px;
padding-bottom: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.catalog__grid table tbody tr td:first-child {
padding-left: 8px
}
}
@media(min-width: 1200px) {
.catalog__grid table tbody tr td:first-child {
padding-left: 24px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.catalog__grid table tbody tr td:last-child {
padding-right: 8px
}
}
@media(min-width: 1200px) {
.catalog__grid table tbody tr td:last-child {
padding-right: 24px
}
}
.catalog__settings-button {
position: relative;
min-width: 24px;
max-width: 24px;
height: 21px;
display: block;
background-size: cover;
background-position: center;
background-image: url('data:image/svg+xml,')
}
@media(min-width: 1200px) {
.catalog__settings-button {
display: none
}
}
.catalog__settings-button::after {
content: attr(data-count);
font-family: var(--font-family);
font-weight: 700;
font-size: 9px;
text-align: center;
color: var(--ffffff);
background-color: var(--orange);
position: absolute;
top: -5px;
right: -5px;
border-radius: 50px;
overflow: hidden;
padding: 2px
}
.catalog__list-nav-wrapper {
position: relative
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.catalog__list-nav-wrapper {
position: relative;
display: flex;
align-items: center
}
}
@media(min-width: 1200px) {
.catalog__list-nav-wrapper {
display: contents
}
}
.catalog__settings-btn-wrapper {
display: flex;
align-items: center
}
@media(max-width: 767.02px) {
.catalog__settings-btn-wrapper {
display: contents
}
}
@media(min-width: 1200px) {
.catalog__settings-btn-wrapper {
display: contents
}
}
.catalog__list-nav-sort-text {
margin-right: 16px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
text-align: right;
color: var(--666666)
}
@media(max-width: 767.02px) {
.catalog__list-nav-sort-text {
display: none
}
}
@media(min-width: 1200px) {
.catalog__list-nav-sort-text {
display: none
}
}
.catalog__list-nav-main {
display: flex;
align-items: center;
gap: 16px;
width: fit-content
}
@media(min-width: 1200px) {
.catalog__list-nav-main {
display: none
}
}
.catalog__list-nav-main-preview {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
text-align: right;
color: var(--orange);
border: 1px solid var(--orange);
border-radius: 10px;
padding: 10px 14px;
white-space: nowrap
}
.catalog__list-nav-main-preview-icon {
display: block;
min-width: 17px;
max-width: 17px;
height: 10px;
background-size: cover;
background-position: center;
background-image: url('data:image/svg+xml,')
}
.catalog__list-nav {
display: flex;
flex-wrap: wrap;
align-items: center
}
@media(max-width: 1199.02px) {
.catalog__list-nav {
border-radius: 8px;
width: 180px;
box-sizing: content-box;
position: absolute;
top: calc(100% + 12px);
left: 0;
width: 100%;
z-index: 5;
background-color: var(--ffffff);
max-height: 0;
overflow: hidden;
transition: .3s linear;
border: 1px solid rgba(0, 0, 0, 0)
}
.catalog__list-nav.active {
max-height: 400px;
border-color: var(--222222)
}
}
@media(min-width: 1200px) {
.catalog__list-nav {
gap: 16px
}
}
.catalog__list-nav-item {
border-radius: 10px;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%
}
@media(max-width: 1199.02px) {
.catalog__list-nav-item {
color: var(--222222);
padding: 15px 20px;
width: 100%
}
}
@media(min-width: 1200px) {
.catalog__list-nav-item {
padding: 10px 14px
}
.catalog__list-nav-item.active {
border: 1px solid var(--orange);
color: var(--orange)
}
.catalog__list-nav-item:not(.active) {
background: var(--f5f5f5);
color: var(--666666)
}
}
.catalog__list-view {
display: flex;
align-items: center;
border: 1px solid var(--ededed);
border-radius: 8px;
background-color: var(--ffffff);
width: fit-content;
padding: 0 6px
}
@media(min-width: 768px) {
.catalog__list-view {
gap: 10px
}
}
.catalog__list-view-toggle {
height: 38px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer
}
@media(max-width: 767.02px) {
.catalog__list-view-toggle {
width: 30px
}
}
@media(min-width: 768px) {
.catalog__list-view-toggle {
width: 42px
}
}
.catalog__list-view-toggle.active path {
fill: var(--orange)
}
.catalog__list-view-toggle span {
width: 20px;
height: 20px;
display: block
}
.catalog__list-view-toggle span svg {
width: 100%;
height: 100%
}
.catalog__list-controls {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 24px;
gap: 24px
}
.catalog__btn-more {
border: 1px solid var(--222222);
border-radius: 10px;
padding: 14px 25px;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--222222);
width: fit-content
}
.catalog__list-recommendation {
display: flex;
flex-direction: column
}
@media(max-width: 1199.02px) {
.catalog__list-recommendation {
gap: 16px
}
}
@media(max-width: 767.02px) {
.catalog__list-recommendation {
margin-top: 46px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.catalog__list-recommendation {
margin-top: 40px
}
}
@media(min-width: 1200px) {
.catalog__list-recommendation {
gap: 24px;
margin-top: 40px
}
}
.catalog__list-recommendation-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 75%;
color: var(--222222)
}
@media(max-width: 1199.02px) {
.product .container {
overflow: hidden
}
}
@media(max-width: 767.02px) {
.product__wrapper {
padding-bottom: 68px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product__wrapper {
padding-bottom: 24px
}
}
@media(min-width: 1200px) {
.product__wrapper {
padding-bottom: 66px
}
}
.product__title {
font-family: var(--font-family);
font-weight: 700;
color: var(--222222)
}
@media(max-width: 1199.02px) {
.product__title {
font-size: 32px
}
}
@media(min-width: 1200px) {
.product__title {
font-size: 40px
}
}
.product__content {
display: flex
}
@media(max-width: 767.02px) {
.product__content {
margin-top: 24px
}
}
@media(min-width: 768px) {
.product__content {
margin-top: 32px
}
}
@media(max-width: 1199.02px) {
.product__content {
margin-bottom: 22px;
flex-direction: column
}
}
@media(min-width: 1200px) {
.product__content {
display: grid;
grid-template-columns: 592px 389px;
margin-bottom: 38px;
justify-content: space-between
}
}
.product__gallery {
width: 100%
}
.product__gallery-btn {
min-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: var(--ededed);
position: absolute;
top: 50%;
z-index: 5
}
@media(max-width: 767.02px) {
.product__gallery-btn {
display: none
}
}
.product__gallery-btn span {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
display: block;
min-width: 9px;
height: 16px
}
.product__gallery-btn.prev {
transform: translateY(-50%);
left: 0
}
.product__gallery-btn.next {
transform: translateY(-50%) rotate(180deg);
right: 0
}
.product__gallery-slider {
width: 100%
}
@media(max-width: 767.02px) {
.product__gallery-slider {
height: 230px
}
}
@media(min-width: 768px) {
.product__gallery-slider {
height: 407px
}
}
.product__gallery-slider-item {
width: 100%;
height: 100%
}
.product__gallery-slider-item img {
width: 100%;
height: 100%;
object-fit: contain
}
.product__gallery-preview {
position: relative;
display: flex;
align-items: center
}
@media(max-width: 767.02px) {
.product__gallery-preview {
margin-top: 42px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product__gallery-preview {
max-width: 78%;
margin-left: auto;
margin-right: auto;
margin-top: 32px
}
}
@media(min-width: 1200px) {
.product__gallery-preview {
margin-top: 40px
}
}
@media(max-width: 767.02px) {
.product__gallery-preview-block {
overflow: unset !important;
width: 100%
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product__gallery-preview-block {
max-width: 465px
}
}
@media(min-width: 1200px) {
.product__gallery-preview-block {
max-width: 436px
}
}
.product__gallery-preview-btn {
min-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: var(--ededed);
position: absolute;
top: 50%;
z-index: 1
}
@media(max-width: 767.02px) {
.product__gallery-preview-btn {
display: none
}
}
.product__gallery-preview-btn span {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
display: block;
min-width: 9px;
height: 16px
}
.product__gallery-preview-btn.prev {
transform: translateY(-50%);
left: 0
}
.product__gallery-preview-btn.next {
transform: translateY(-50%) rotate(180deg);
right: 0
}
.product__gallery-preview-item {
height: 60px;
cursor: pointer
}
.product__gallery-preview-item img {
width: 100%;
height: 100%;
object-fit: contain
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product__info--service {
display: grid;
column-gap: 37px;
align-items: start
}
.product__info--service .product__info-btn {
padding: 33px 48px;
white-space: nowrap
}
.product__info--service .product__info-wrapper-service {
grid-row: 1/3;
grid-column: 2
}
}
@media(max-width: 1199.02px) {
.product__info {
margin-top: 24px
}
}
@media(min-width: 1200px) {
.product__info-wrapper-service {
display: contents
}
}
@media(min-width: 1200px) {
.product__info-controls-service {
display: contents
}
}
@media(max-width: 767.02px) {
.product__service-dropdown {
margin-top: 15px;
margin-bottom: 15px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product__service-dropdown {
margin-top: 22px;
margin-bottom: 22px
}
}
@media(min-width: 1200px) {
.product__service-dropdown {
margin-top: 32px;
margin-bottom: 32px
}
}
.product__info-btn {
position: relative;
font-family: var(--font-family);
font-weight: 600;
font-size: 24px;
line-height: 75%;
color: var(--ffffff);
overflow: hidden;
border-radius: 8px;
width: 100%;
padding: 32px
}
@media(min-width: 1200px) {
.product__info-btn:hover::before {
opacity: 1;
z-index: -1
}
}
.product__info-btn::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.product__info-btn::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -2;
transition: .3s ease;
pointer-events: none
}
.product__label {
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: var(--666666)
}
@media(max-width: 1199.02px) {
.product__description {
margin-top: 17px
}
}
@media(min-width: 1200px) {
.product__description {
margin-top: 15px
}
}
.product__description-check {
display: none
}
.product__description-check:checked~.product__description-text {
max-height: 500px
}
.product__description-check:checked~.product__description-text::after {
background: unset
}
.product__description-check:checked~.hide {
display: none
}
.product__description-check:checked~.show::after {
transform: rotate(180deg)
}
.product__description-check:not(:checked)~table tr:not(:first-child, :nth-child(2), :nth-child(3), :nth-child(4)) {
display: none
}
.product__description-check:not(:checked)~.show {
display: none
}
.product__description-text {
position: relative;
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: #222;
transition: max-height .5s ease;
max-height: 68px;
overflow: hidden
}
.product__description-text::after {
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
position: absolute;
left: 0;
background: linear-gradient(360deg, #ffffff, transparent)
}
.product__description-btn {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--orange);
display: flex;
align-items: center;
width: fit-content;
cursor: pointer;
margin-top: 6px
}
.product__description-btn::after {
content: "";
margin-left: 16px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
display: block;
min-width: 11px;
height: 7px
}
.product__availability {
margin-top: 24px
}
.product__availability-item {
display: block;
font-family: var(--font-family);
font-weight: 600;
line-height: 150%;
white-space: nowrap
}
@media(max-width: 1199.02px) {
.product__availability-item:not(:last-child) {
margin-bottom: 12px
}
}
@media(min-width: 1200px) {
.product__availability-item:not(:last-child) {
margin-bottom: 8px
}
}
@media(max-width: 767.02px) {
.product__availability-item {
width: fit-content
}
}
@media(max-width: 1199.02px) {
.product__availability-item {
font-size: 10px
}
}
@media(min-width: 1200px) {
.product__availability-item {
font-size: 12px
}
}
.product__availability-item.green {
color: var(--green)
}
.product__availability-item.orange {
color: var(--orange)
}
.product__availability-item:not(.green, .orange) {
color: var(--666666)
}
.product__content-info {
display: flex;
border-top: 1px solid var(--ededed);
margin-top: 15px;
padding-top: 15px
}
@media(max-width: 767.02px) {
.product__content-info {
flex-direction: column
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product__content-info {
justify-content: space-between;
gap: 24px
}
}
@media(min-width: 1200px) {
.product__content-info {
flex-direction: column
}
}
@media(max-width: 767.02px) {
.product__content-info-wrapper:not(:first-child) {
margin-top: 15px;
border-top: 1px solid var(--ededed);
padding-top: 13px
}
}
@media(max-width: 1199.02px) {
.product__content-info-wrapper {
display: flex;
flex-direction: column
}
}
@media(min-width: 1200px) {
.product__content-info-wrapper {
display: contents
}
}
.product__pricing {
display: flex;
align-items: flex-start;
gap: 40px
}
.product__pricing-label {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 180%;
color: var(--666666);
margin-bottom: 4px
}
.product__pricing-wrapper {
display: flex
}
.product__pricing-value {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 112%;
color: var(--222222)
}
@media(max-width: 767.02px) {
.product__pricing-value {
white-space: nowrap
}
}
.product__pricing-discount {
border-radius: 0 10px;
padding: 3px 4px;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 133%;
text-align: center;
color: var(--ffffff);
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
width: fit-content;
margin-left: 29px;
transform: translateY(-4px)
}
.product__pricing-controls {
display: flex;
align-items: center;
gap: 9px;
align-self: center;
margin-left: -11px
}
.product__pricing-control {
cursor: pointer
}
@media(min-width: 1200px) {
.product__pricing-control:hover path {
fill: var(--orange)
}
}
.product__pricing-control span {
width: 18px;
height: 16px;
display: block
}
.product__pricing-control span svg {
width: 100%;
height: 100%
}
.product__pricing-control span svg path {
transition: .3s ease
}
.product__controls {
display: flex;
align-items: center;
margin-top: 11px
}
@media(max-width: 767.02px) {
.product__controls {
gap: 8px;
display: grid;
grid-template-columns: 1fr 1fr;
}
.product__controls>* {
max-width: unset !important;
width: 100% !important;
justify-content: center !important;
}
}
@media(min-width: 768px) {
.product__controls {
gap: 16px
}
}
.product__controls.border-top {
border-top: 1px solid var(--ededed);
padding-top: 16px;
margin-top: 16px
}
.product__btn-one-click {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--orange);
border: 1px solid var(--orange);
border-radius: 10px;
padding: 10px;
background: var(--ffffff);
height: 44px;
min-width: 156px
}
.product__btn-green {
background: var(--green);
display: flex;
align-items: center;
gap: 8px;
padding: 10px;
border-radius: 10px;
height: 44px;
min-width: 156px
}
.product__btn-green-icon {
display: block;
width: 22px;
height: 24px
}
.product__btn-green-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff)
}
.product__counter {
position: relative;
border: 1px solid var(--666666);
border-radius: 8px;
overflow: hidden;
padding: 13px 23px;
background: var(--ffffff);
display: flex;
align-items: center;
gap: 21px;
width: fit-content;
cursor: pointer;
user-select: none
}
.product__counter span {
position: relative;
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
text-align: center;
color: var(--222222);
min-width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center
}
.product__counter span::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
padding: 10px
}
.product__counter input {
width: 100%;
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
text-align: center;
color: var(--222222);
height: 16px;
border: none;
width: 34px
}
.product__counter input:focus-visible {
outline: none
}
.product__btn {
border-radius: 8px;
padding: 13px 14px;
overflow: hidden;
transition: .3s ease;
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff);
gap: 10px;
width: 100%;
max-width: 165px
}
.product__btn.active .product-card__btn-counter {
opacity: 1;
z-index: 5
}
@media(min-width: 1200px) {
.product__btn:hover::before {
opacity: 1
}
}
.product__btn::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: -2;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%)
}
.product__btn::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -1;
transition: .3s ease;
pointer-events: none
}
.product__btn-icon {
min-width: 18px;
height: 18px;
display: block
}
.product__btn-icon img {
width: 100%;
height: 100%
}
.product__code {
width: 160px;
height: 75px
}
@media(max-width: 1199.02px) {
.product__code {
margin-top: 16px
}
}
@media(min-width: 1200px) {
.product__code {
margin-top: 32px
}
}
.product__code img {
width: 100%;
height: 100%
}
.product__delivery {
background: var(--ededed);
padding: 16px 24px;
border: 1px solid var(--ededed);
border-radius: 8px
}
@media(max-width: 1199.02px) {
.product__delivery {
order: -1;
max-width: 360px
}
}
@media(min-width: 1200px) {
.product__delivery {
margin-top: 15px
}
}
.product__delivery-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 143%;
color: var(--222222);
padding-bottom: 8px
}
.product__delivery-btn {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 143%;
color: var(--orange);
margin-top: 8px;
display: block;
width: fit-content
}
@media(max-width: 1199.02px) {
.product__about-panels {
padding-top: 15px;
padding-bottom: 7px
}
}
@media(min-width: 1200px) {
.product__about-panels {
padding-top: 22px;
padding-bottom: 54px
}
}
.product__about-table table {
width: 100%;
border-collapse: collapse
}
@media(min-width: 1200px) {
.product__about-table table {
max-width: 592px
}
}
.product__about-table table tr:nth-child(even) {
background: var(--f5f5f5)
}
.product__about-table table tr th {
font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 129%;
color: var(--222222);
text-align: left;
padding: 8px;
border-radius: 2px 0 0 2px;
overflow: hidden
}
.product__about-table table tr td {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--222222);
padding: 8px;
border-radius: 0 2px 2px 0;
overflow: hidden
}
.product__about-table-toggle {
display: none
}
.product__about-table-toggle:not(:checked)~table tr:nth-child(4) {
position: relative
}
.product__about-table-toggle:not(:checked)~table tr:nth-child(4)::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(360deg, white 50%, transparent 50%)
}
.product__about-table-toggle:not(:checked)~table tr:not(:first-child, :nth-child(2), :nth-child(3), :nth-child(4)) {
display: none
}
.product__about-table-toggle:not(:checked)~.show {
display: none
}
.product__about-table-toggle:not(:checked)~.hide {
margin-top: 0
}
.product__about-table-toggle:checked~.hide {
display: none
}
.product__about-table-toggle:checked~.show::after {
transform: rotate(180deg)
}
.product__about-table-btn {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--orange);
display: flex;
align-items: center;
width: fit-content;
cursor: pointer;
margin-top: 16px
}
.product__about-table-btn::after {
content: "";
margin-left: 16px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100%;
display: block;
min-width: 11px;
height: 7px
}
@media(max-width: 767.02px) {
.product__recently-viewed {
margin-top: 30px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product__recently-viewed {
margin-top: 40px
}
}
@media(max-width: 1199.02px) {
.product__recently-viewed {
width: calc(100% + var(--spacing-container));
padding-right: var(--spacing-container)
}
}
@media(min-width: 1200px) {
.product__recently-viewed {
margin-top: 46px
}
}
.product__recently-viewed-text {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 75%;
color: var(--222222)
}
.product__instructions {
display: flex;
column-gap: 24px;
row-gap: 12px;
flex-wrap: wrap
}
.product__videos {
gap: 16px
}
@media(max-width: 575.02px) {
.product__videos {
grid-template-columns: 1fr
}
}
@media(max-width: 767.02px) {
.product__videos {
display: grid
}
}
@media(min-width: 576px)and (max-width: 767.02px) {
.product__videos {
grid-template-columns: repeat(2, 1fr)
}
}
@media(min-width: 768px) {
.product__videos {
display: flex;
flex-wrap: wrap
}
}
.product__video-img {
height: 216px;
margin-bottom: 18px
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.product__video-img {
width: 360px
}
}
@media(min-width: 1200px) {
.product__video-img {
width: 389px
}
}
.product__video-img img,
.product__video-img video {
width: 100%;
height: 100%
}
.product__video-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--666666);
margin-bottom: 6px
}
.product__video-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
color: var(--222222)
}
@media(min-width: 768px) {
.product__modal-content {
max-width: 420px;
width: 100%
}
}
@media(max-width: 767.02px) {
.appeal__wrapper {
padding-bottom: 32px
}
}
@media(min-width: 768px) {
.appeal__wrapper {
padding-bottom: 67px
}
}
.appeal__form {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%
}
@media(max-width: 767.02px) {
.appeal__form {
padding-top: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.appeal__form {
padding-top: 23px
}
}
@media(min-width: 1200px) {
.appeal__form {
max-width: 581px;
margin: 0 auto;
padding-top: 27px
}
}
.appeal__form-controls {
display: flex;
flex-direction: column;
width: 100%;
gap: 15px
}
.appeal__placeholder-field-wrapper {
position: relative
}
@media(max-width: 767.02px) {
.appeal__placeholder-field-wrapper {
margin-top: 23px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.appeal__placeholder-field-wrapper {
display: grid;
grid-template-columns: 59% 38%;
justify-content: space-between
}
}
.appeal__field-placeholder {
width: 280px;
height: 143px
}
@media(max-width: 767.02px) {
.appeal__field-placeholder {
margin-top: 24px
}
}
@media(min-width: 1200px) {
.appeal__field-placeholder {
position: absolute;
left: calc(100% + 26px);
top: 0
}
}
.appeal__field-placeholder img {
width: 100%;
height: 100%;
object-fit: contain
}
.appeal__code-wrapper {
display: flex;
flex-direction: column;
align-items: center
}
@media(max-width: 1199.02px) {
.appeal__code-wrapper {
margin-top: 17px
}
}
@media(min-width: 1200px) {
.appeal__code-wrapper {
margin-top: 27px
}
}
.appeal__code {
margin-bottom: 24px
}
.appeal__label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--222222);
margin-bottom: 16px
}
.appeal__code-items {
display: flex;
align-items: center;
gap: 8px
}
.appeal__code-item {
background: var(--f5f5f5);
border-radius: 8px;
min-width: 40px;
max-width: 40px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border: none;
display: block;
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
text-align: center
}
.appeal__button {
position: relative;
border-radius: 10px;
padding: 16px;
overflow: hidden;
cursor: pointer;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
color: var(--ffffff);
min-width: 280px;
text-align: center
}
@media(min-width: 1200px) {
.appeal__button:hover::before {
opacity: 1
}
}
.appeal__button::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.appeal__button::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -1;
transition: .3s ease;
pointer-events: none
}
.appeal__success-wrapper {
display: flex;
flex-direction: column;
gap: 24px
}
@media(max-width: 1199.02px) {
.appeal__success-wrapper {
margin-top: 16px !important
}
}
@media(max-width: 1199.02px) {
.appeal__success-wrapper {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 459px;
margin: 0 auto;
align-items: center
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.appeal__success-wrapper {
margin-top: 23px
}
}
@media(min-width: 1200px) {
.appeal__success-wrapper {
max-width: 581px;
margin: 0 auto;
padding-top: 27px
}
}
.appeal__success {
display: grid;
background: #97c189;
border-radius: 16px;
padding: 16px 24px;
width: 100%
}
.appeal__success~.appeal__transparent-btn {
margin-top: 0
}
@media(max-width: 767.02px) {
.appeal__success~.appeal__transparent-btn {
width: 90%;
text-align: center
}
}
.appeal__warning {
display: grid;
grid-template-columns: 21px auto;
gap: 18px;
background: #f6de8d;
border-radius: 16px;
padding: 16px 24px
}
.appeal__warning-icon {
width: 21px;
height: 18px
}
.appeal__warning-icon svg {
width: 100%;
height: 100%
}
.appeal__warning-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 112%;
color: var(--222222)
}
.appeal__warning-text {
font-family: var(--font-family);
line-height: 112%;
color: var(--222222);
font-weight: 600;
font-size: 14px;
margin-top: 21px
}
.appeal__transparent-btn {
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
display: block;
line-height: 129%;
color: var(--222222);
border: 1px solid var(--222222);
border-radius: 10px;
margin-top: 17px;
width: fit-content
}
@media(max-width: 767.02px) {
.appeal__transparent-btn {
padding: 15px 5px
}
}
@media(min-width: 768px) {
.appeal__transparent-btn {
padding: 14px 31px
}
}
@media(min-width: 768px) {
.mobile-only {
display: none
}
}
.lk {
position: relative
}
@media(max-width: 1199.02px) {
.lk__wrapper {
display: flex;
flex-direction: column;
padding-bottom: 24px
}
}
@media(min-width: 1200px) {
.lk__wrapper {
display: grid;
padding-bottom: 148px;
grid-template-columns: 288px auto;
gap: 16px
}
}
.lk__wrapper.one-col {
grid-template-columns: 1fr !important
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__content {
margin-top: 16px
}
}
@media(max-width: 1199.02px) {
.lk__tabs {
margin-top: 15px
}
}
@media(min-width: 1200px) {
.lk__tabs {
margin-top: 32px
}
}
.lk__title-xl {
font-family: var(--font-family);
font-weight: 700;
line-height: 125%;
text-align: center;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__title-xl {
font-size: 20px
}
}
@media(min-width: 768px) {
.lk__title-xl {
font-size: 24px
}
}
.lk__title-m {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 125%;
color: var(--222222)
}
.lk__title-m:not(.noUpperCase) {
text-transform: uppercase;
font-weight: 600
}
.lk__text {
font-family: var(--font-family);
font-weight: 400;
line-height: 112%;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__text {
font-size: 14px;
margin-top: -6px;
margin-bottom: 19px
}
}
@media(min-width: 768px) {
.lk__text {
font-size: 16px
}
}
@media(min-width: 1200px) {
.lk__text {
margin-top: 31px;
margin-bottom: 41px
}
}
.lk__text-small {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
margin-bottom: 24px
}
.lk__text-small.gray {
color: var(--666666)
}
.lk__document-price .instruction {
margin-left: 36px
}
@media(max-width: 767.02px) {
.lk__document-price:not(:last-child) {
margin-bottom: 8px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__document-price:not(:last-child) {
margin-bottom: 16px
}
}
@media(min-width: 1200px) {
.lk__document-price:not(:last-child) {
margin-bottom: 32px
}
}
@media(max-width: 1199.02px) {
.lk__document-price .lk__document-price-toggle {
display: none
}
.lk__document-price .instruction {
margin-left: 0;
width: 100%
}
}
@media(min-width: 1200px) {
.lk__document-price .instruction {
pointer-events: none
}
}
.lk__document-price-toggle {
display: flex;
align-items: center;
gap: 16px;
cursor: pointer
}
.lk__document-price-toggle:not(.margin-none) {
margin-bottom: 14px
}
.lk__document-price-toggle-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk .mobile-hidden {
display: none
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk .tablet-hidden {
display: none
}
}
@media(min-width: 1200px) {
.lk .pc-hidden {
display: none
}
}
.lk__button {
position: relative;
border-radius: 10px;
padding: 16px;
overflow: hidden;
cursor: pointer;
display: block;
font-family: var(--font-family);
font-size: 14px;
line-height: 129%;
color: var(--ffffff);
min-width: 200px;
text-align: center;
width: fit-content;
z-index: 1;
justify-content: center;
min-height: 48px;
display: flex;
align-items: center
}
@media(max-width: 767.02px) {
.lk__button.mobile-stretch {
width: 100%
}
}
.lk__button.stretch {
width: 100%
}
.lk__button.center {
margin: 0 auto
}
@media(max-width: 767.02px) {
.lk__button.mobile-hidden {
display: none
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__button.tablet-hidden {
display: none
}
}
.lk__button.gray {
background: var(--666666);
font-weight: 400
}
.lk__button.gray-white {
border: 1px solid var(--ededed);
color: var(--666666);
font-weight: 600
}
.lk__button.white {
background: #fff;
color: var(--222222);
border: 1px solid var(--222222)
}
.lk__button:not(.gray, .white, .gray-white) {
font-weight: 600
}
@media(min-width: 1200px) {
.lk__button:not(.gray, .white, .gray-white):hover::before {
opacity: 1
}
}
.lk__button:not(.gray, .white, .gray-white)::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.lk__button:not(.gray, .white, .gray-white)::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -1;
transition: .3s ease;
pointer-events: none
}
.lk__button-fix-height {
height: 48px
}
.lk__button-icon {
display: block;
margin-right: 8px;
background-repeat: no-repeat;
background-size: 100% 100%
}
.lk__button-icon:not(.icon-file) {
width: 14px;
height: 14px;
background-image: url('data:image/svg+xml,')
}
.lk__button-icon.icon-file {
width: 26px;
height: 26px;
background-image: url('data:image/svg+xml,')
}
.lk__list {
margin-top: 33px;
margin-bottom: 24px
}
.lk__list>*:not(:last-child) {
margin-bottom: 8px
}
.lk__account-form {
width: 100%;
display: flex;
flex-direction: column;
gap: 22px
}
.lk__account-form .lk__button {
width: 100%
}
@media(min-width: 1200px) {
.lk__account-form {
margin-left: 102px;
max-width: calc(100% - 102px)
}
}
.lk__form {
width: 100%;
display: flex;
flex-direction: column;
gap: 16px
}
.lk__form>* {
width: 100%
}
@media(min-width: 1200px) {
.lk__form {
margin-left: 102px;
max-width: 390px
}
}
@media(max-width: 1199.02px) {
.lk__article-btn.pc {
display: none
}
}
.lk__article-btn.mobile-tablet {
margin-top: 8px
}
@media(max-width: 767.02px) {
.lk__article-btn.mobile-tablet {
margin-bottom: 16px
}
}
@media(min-width: 1200px) {
.lk__article-btn.mobile-tablet {
display: none
}
}
.lk__article {
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 32px
}
@media(max-width: 767.02px) {
.lk__article {
margin-top: 28px
}
}
@media(min-width: 1200px) {
.lk__article {
max-width: 693px
}
}
.lk__work-documents-top-bar {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
gap: 20px
}
.lk__work-documents-top-bar .width-full {
width: 100%
}
@media(max-width: 767.02px) {
.lk__work-documents-top-bar {
margin-top: 16px
}
}
.lk__address-top-bar {
display: flex;
justify-content: space-between;
width: 100%;
gap: 20px
}
@media(max-width: 767.02px) {
.lk__address-top-bar {
flex-direction: column
}
.lk__address-top-bar:not(.margin-none) {
margin-top: 16px
}
}
@media(min-width: 768px) {
.lk__address-top-bar {
align-items: center
}
}
.lk__notifications-topbar {
align-items: center
}
@media(max-width: 767.02px) {
.lk__notifications-topbar {
display: flex;
justify-content: space-between;
width: 100%;
gap: 8px
}
}
@media(min-width: 768px) {
.lk__notifications-topbar {
display: grid;
gap: 15px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__notifications-topbar {
grid-template-columns: 64% 25% auto
}
}
@media(min-width: 1200px) {
.lk__notifications-topbar {
grid-template-columns: 50% 39% 7%
}
}
.lk__notifications-topbar .search-panel {
width: 100%
}
.lk__notifications-topbar-btn {
position: relative;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
line-height: 129%;
text-align: right;
color: var(--222222);
cursor: pointer
}
@media(max-width: 767.02px) {
.lk__notifications-topbar-btn.show-text {
display: flex;
align-items: center
}
.lk__notifications-topbar-btn.show-text span {
display: flex;
margin-left: 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 150%;
text-align: right;
color: var(--666666)
}
}
@media(min-width: 768px) {
.lk__notifications-topbar-btn.show-text {
margin-left: auto
}
}
@media(max-width: 767.02px) {
.lk__notifications-topbar-btn {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
min-width: 20px;
max-width: 20px;
height: 18px
}
.lk__notifications-topbar-btn span {
display: none
}
}
@media(min-width: 768px) {
.lk__notifications-topbar-btn::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
width: 100%;
height: 100%
}
}
@media(min-width: 1200px) {
.lk__notifications-topbar-btn {
margin-left: 26px
}
}
.lk__notification-topbar-settings-btn {
position: relative;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
min-width: 32px;
max-width: 32px;
height: 22px
}
@media(min-width: 768px) {
.lk__notification-topbar-settings-btn {
display: none
}
}
.lk__notification-topbar-settings-btn::after {
content: attr(data-count);
position: absolute;
top: -4px;
right: -5px;
min-width: 14px;
height: 14px;
border-radius: 50px;
font-family: var(--font-family);
font-weight: 700;
font-size: 9px;
text-align: center;
color: var(--ffffff);
display: flex;
align-items: center;
justify-content: center;
background-color: var(--orange);
padding: 0px 3px;
box-sizing: border-box
}
@media(max-width: 767.02px) {
.lk__notification-dropdown.tablet-pc {
display: none
}
}
.lk__table-row.notification-item thead td {
text-align: left;
vertical-align: middle
}
@media(max-width: 1199.02px) {
.lk__table-row.notification-item thead td {
padding: 11px 8px;
font-size: 10px
}
}
@media(min-width: 1200px) {
.lk__table-row.notification-item thead td {
padding: 8px 16px
}
}
@media(max-width: 767.02px) {
.lk__table-row.notification-item .lk__notification-item {
padding: 8px 16px;
display: grid;
row-gap: 19px;
grid-template-columns: 49% 49%;
column-gap: 2%
}
.lk__table-row.notification-item .lk__notification-item br {
display: contents
}
}
.lk__table-row.notification-item tbody td {
transition: .3s ease;
font-family: var(--font-family);
font-weight: 600;
text-align: center;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__table-row.notification-item tbody td {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0 !important
}
.lk__table-row.notification-item tbody td::before {
content: "";
position: absolute;
top: 0;
left: -9px;
height: 112%;
width: 1.5px
}
.lk__table-row.notification-item tbody td:first-child {
grid-column: 1;
grid-row: 1
}
.lk__table-row.notification-item tbody td:nth-child(2) {
grid-column: 2;
grid-row: 1
}
.lk__table-row.notification-item tbody td:nth-child(2)::before {
background-color: #000
}
.lk__table-row.notification-item tbody td:nth-child(3) {
grid-column: 1/3;
grid-row: 2
}
.lk__table-row.notification-item tbody td:nth-child(4) {
grid-column: 1;
grid-row: 3
}
.lk__table-row.notification-item tbody td:nth-child(5) {
grid-column: 2;
grid-row: 3
}
.lk__table-row.notification-item tbody td:nth-child(5)::before {
background-color: #000
}
.lk__table-row.notification-item tbody td:nth-child(6) {
grid-column: 1;
grid-row: 4
}
.lk__table-row.notification-item tbody td:nth-child(7) {
grid-column: 2;
grid-row: 4
}
.lk__table-row.notification-item tbody td:nth-child(7)::before {
background-color: #000
}
.lk__table-row.notification-item tbody td:nth-child(8) {
grid-column: 1;
grid-row: 5
}
}
@media(min-width: 768px) {
.lk__table-row.notification-item tbody td {
padding: 16px 0px;
padding-right: 0
}
}
@media(max-width: 1199.02px) {
.lk__table-row.notification-item tbody td {
font-size: 10px
}
}
@media(min-width: 1200px) {
.lk__table-row.notification-item tbody td {
font-size: 12px
}
}
.lk__table-row.notification-item tbody td:first-child {
padding-left: 11px
}
.lk__table-row.notification-item tbody td:last-child {
padding-right: 11px
}
@media(max-width: 767.02px) {
.lk__table-row {
margin-top: 16px;
margin-bottom: 12px;
margin-left: calc(var(--spacing-container)*-1);
width: calc(100% + var(--spacing-container)*2)
}
}
@media(min-width: 768px) {
.lk__table-row {
margin-top: 28px;
margin-bottom: 24px
}
}
.lk__table-row table {
width: 100%;
border-collapse: collapse
}
@media(max-width: 767.02px) {
.lk__table-row table thead {
display: none
}
}
.lk__table-row table thead::after {
content: "";
display: block;
height: 8px
}
.lk__table-row table thead tr {
background: var(--222222)
}
.lk__table-row table thead tr td {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--ffffff);
overflow: hidden;
vertical-align: top;
transition: .3s ease;
white-space: nowrap;
text-align: center
}
@media(max-width: 767.02px) {
.lk__table-row table thead tr td {
padding: 0
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__table-row table thead tr td {
padding: 16px 8px
}
}
@media(min-width: 1200px) {
.lk__table-row table thead tr td {
padding: 15px 16px
}
}
.lk__table-row table thead tr td:first-child {
border-radius: 8px 0 0 8px
}
.lk__table-row table thead tr td:last-child {
border-radius: 0 8px 8px 0
}
.lk__table-row table tr.delimiter {
height: 8px;
width: 100%
}
@media(max-width: 767.02px) {
.lk__table-row table tr.delimiter {
display: none
}
}
.lk__table-row table tr td {
vertical-align: top;
transition: .3s ease
}
@media(max-width: 767.02px) {
.lk__table-row table tr td {
padding: 0
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__table-row table tr td {
padding: 16px 8px
}
}
@media(min-width: 1200px) {
.lk__table-row table tr td {
padding: 18px 24px
}
}
.lk__notification-item-mobile-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--222222);
margin-bottom: 2px
}
@media(min-width: 768px) {
.lk__notification-item-mobile-label {
display: none
}
}
@media(max-width: 767.02px) {
.lk__notification-item-title-col {
margin-bottom: 17px
}
}
@media(max-width: 1199.02px) {
.lk__notification-item-title-col {
min-width: 155px
}
}
@media(min-width: 1200px) {
.lk__notification-item-title-col {
min-width: 187px
}
}
@media(max-width: 767.02px) {
.lk__notification-item-message-col {
margin-bottom: 17px
}
}
@media(min-width: 768px) {
.lk__notification-item-controls-col {
position: relative
}
}
.lk__notification-item-file span {
position: relative;
display: block
}
@media(max-width: 767.02px) {
.lk__notification-item-file span {
min-width: 32px;
max-width: 32px;
height: 32px
}
}
@media(min-width: 768px) {
.lk__notification-item-file span {
min-width: 40px;
max-width: 40px;
height: 40px
}
}
.lk__notification-item-file span img {
width: 100%;
height: 100%;
display: block
}
.lk__notification-item {
cursor: pointer
}
.lk__notification-item.archive {
outline: none
}
@media(max-width: 767.02px) {
.lk__notification-item.archive {
display: grid;
padding: 0 16px;
margin-bottom: 8px
}
.lk__notification-item.archive td {
outline: none !important
}
.lk__notification-item.archive td:not(:last-child) {
padding-bottom: 12px !important
}
.lk__notification-item.archive td:first-child {
grid-column: 1;
grid-row: 1/4;
display: flex;
align-items: center
}
.lk__notification-item.archive td:nth-child(2) {
grid-column: 2;
margin-bottom: 0;
padding: 6px;
border: 1px solid var(--ededed);
border-radius: 16px 16px 0 0 !important;
border-bottom: 0
}
.lk__notification-item.archive td:nth-child(3) {
grid-column: 2;
margin-bottom: 0;
padding: 6px;
border-radius: 0;
border-left: 1px solid var(--ededed);
border-right: 1px solid var(--ededed)
}
.lk__notification-item.archive td:nth-child(4) {
grid-column: 2;
padding: 6px;
border: 1px solid var(--ededed);
border-top: 0;
border-radius: 0 0 16px 16px !important
}
}
.lk__notification-item.archive td:first-child {
background-color: #fff
}
.lk__notification-item.archive td:not(:first-child) {
position: relative;
outline: 1px solid var(--ededed)
}
@media(min-width: 768px) {
.lk__notification-item.archive td:not(:first-child):not(:last-child)::after {
content: "";
position: absolute;
top: 0;
right: -1px;
height: 100%;
width: 3px;
background: #fff;
z-index: 1;
transition: .3s ease
}
}
.lk__notification-item.archive td:not(:first-child):nth-child(2) {
border-radius: 12px 0 0 12px
}
.lk__notification-item.archive td:not(:first-child):last-child {
border-radius: 0 12px 12px 0
}
@media(max-width: 767.02px) {
.lk__notification-item:not(.archive) {
position: relative;
display: flex;
flex-direction: column;
border-bottom: 1px solid var(--222222);
padding: 0 var(--spacing-container);
padding-bottom: 8px;
padding-top: 15px
}
.lk__notification-item:not(.archive):first-child {
border-top: 1px solid var(--222222)
}
}
@media(min-width: 768px) {
.lk__notification-item {
outline: 1px solid var(--ededed);
border-radius: 16px
}
}
@media(min-width: 1200px) {
.lk__notification-item:hover td {
background: var(--f5f5f5)
}
.lk__notification-item:hover td::after {
background: var(--f5f5f5) !important
}
.lk__notification-item:hover td:first-child {
border-radius: 16px 0 0 16px
}
.lk__notification-item:hover td:last-child {
border-radius: 0 16px 16px 0
}
.lk__notification-item:hover td .lk__notification-item-info {
background-color: #fff;
border-radius: 4px
}
}
.lk__notification-item-status {
border-radius: 50%;
min-width: 8px;
max-width: 8px;
height: 8px;
display: block
}
.lk__notification-item-status.active {
background: var(--orange)
}
.lk__notification-item-status:not(.active) {
background: var(--ededed)
}
@media(max-width: 767.02px) {
.lk__notification-item-status {
margin-bottom: 9px
}
}
.lk__notification-item-info {
display: block;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url('data:image/svg+xml,');
margin-top: 2px;
margin-right: 4px
}
.lk__notification-item-info--centered {
margin-top: 12px
}
.lk__notification-item-info::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
padding: 14px
}
@media(max-width: 767.02px) {
.lk__notification-item-info {
position: absolute;
top: 8px;
right: 16px
}
}
@media(min-width: 768px) {
.lk__notification-item-info {
position: relative
}
}
@media(max-width: 1199.02px) {
.lk__notification-item-info {
width: 18px;
height: 18px
}
}
@media(min-width: 1200px) {
.lk__notification-item-info {
width: 20px;
height: 20px
}
}
.lk__notification-item-info.active~.lk__notification-item-controls {
opacity: 1;
pointer-events: auto
}
.lk__notification-item-info.active~.lk__notification-item-controls .lk__notification-item-controls-backdrop {
opacity: 1;
pointer-events: auto;
z-index: 5
}
.lk__notification-item-label {
font-family: var(--font-family);
font-weight: 600;
color: var(--666666)
}
@media(max-width: 767.02px) {
.lk__notification-item-label {
font-size: 10px;
margin-bottom: 2px
}
}
@media(min-width: 768px) {
.lk__notification-item-label {
font-size: 12px;
margin-bottom: 8px
}
}
@media(min-width: 768px) {
.lk__notification-item-label.mobile {
display: none
}
}
@media(max-width: 767.02px) {
.lk__notification-item-label.pc {
display: none
}
}
.lk__notification-item-text {
font-family: var(--font-family);
font-weight: 600;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__notification-item-text {
font-size: 12px
}
}
@media(min-width: 768px) {
.lk__notification-item-text {
font-size: 14px
}
}
.lk__notification-item-text.green {
color: var(--green)
}
.lk__notification-item-text.red {
color: var(--e30b00)
}
.lk__notification-item-text.blue {
color: #053dc5
}
.lk__notification-item-controls {
background-color: #fff;
border-radius: 8px;
border: 1px solid var(--222222);
opacity: 0;
pointer-events: none;
position: absolute;
right: 24px;
overflow: hidden;
z-index: 5;
transition: .3s ease;
display: flex;
flex-direction: column
}
@media(max-width: 767.02px) {
.lk__notification-item-controls {
top: 34px
}
}
@media(min-width: 768px) {
.lk__notification-item-controls {
top: 50%
}
}
.lk__notification-item-controls-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none
}
.lk__notification-item-control {
font-family: var(--font-family);
font-weight: 400;
line-height: 129%;
color: var(--666666);
width: 100%;
white-space: nowrap;
z-index: 5;
position: relative;
background: #fff
}
.lk__notification-item-control:not(:last-child) {
border-bottom: 1px solid var(--222222)
}
@media(max-width: 767.02px) {
.lk__notification-item-control {
font-size: 12px;
padding: 8px 20px
}
}
@media(min-width: 768px) {
.lk__notification-item-control {
font-size: 14px;
padding: 11px 24px
}
}
@media(min-width: 1200px) {
.lk__notification-item-control:hover {
cursor: pointer;
transition: background .3s ease, color .3s ease;
background: #ebe9e9;
color: var(--orange) !important
}
}
.lk__notification-settings-modal {
height: 100%;
z-index: 25;
position: fixed;
width: 100%;
left: 0;
transition: .3s ease;
background-color: var(--ffffff)
}
.lk__notification-settings-modal.active {
top: 0;
opacity: 1
}
.lk__notification-settings-modal:not(.active) {
top: -50%;
opacity: 0;
pointer-events: none
}
.lk__notification-settings-modal-heading {
position: relative;
padding: 14px 0;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
background: var(--ffffff)
}
@media(min-width: 1200px) {
.lk__notification-settings-modal-heading {
display: none
}
}
.lk__notification-settings-modal-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
text-align: center;
color: #1c1c1c
}
.lk__notification-settings-modal-title.mobile {
font-size: 20px
}
.lk__account-reserves-search-settings-field {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%
}
.lk__account-reserves-search-settings-field .date-picker__input {
justify-content: space-between
}
.lk__account-reserves-search-settings-field-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
color: var(--222222)
}
.lk__notification-settings-modal-btn {
width: 26px;
height: 26px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
display: block;
position: absolute;
top: 50%;
right: 22px;
z-index: 1;
transform: translateY(-50%)
}
.lk__notification-settings-modal-content {
height: calc(100% - 130px);
display: flex;
flex-direction: column;
padding-top: 16px
}
.lk__notification-settings-modal-wrapper {
display: flex;
flex-direction: column;
gap: 16px
}
.lk__basic-document-modal-item {
display: flex;
align-items: center
}
@media(max-width: 767.02px) {
.lk__basic-document-modal-item .lk__basic-document-item {
border: 1px solid var(--ededed);
border-radius: 16px;
padding: 7px;
padding-right: 3px;
width: 100%;
margin-left: auto
}
}
@media(min-width: 768px) {
.lk__basic-document-modal-item .lk__basic-document-item-content {
grid-template-columns: repeat(3, 1fr) !important
}
}
.lk__notification-settings-controls {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 16px
}
.lk__notification-settings-controls>* {
width: 100%
}
.lk__notification-modal-list .lk__table-row {
margin-top: 0;
margin-bottom: 0
}
@media(max-width: 767.02px) {
.lk__basic-document-second-topbar {
margin-top: 16px
}
}
.lk__basic-documents-topbar {
display: grid;
align-items: flex-end;
margin-top: 24px;
margin-bottom: 24px
}
@media(max-width: 767.02px) {
.lk__basic-documents-topbar {
display: none
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__basic-documents-topbar {
grid-template-columns: 48.4% 20.6% auto;
gap: 2.5%
}
}
@media(min-width: 1200px) {
.lk__basic-documents-topbar {
grid-template-columns: 50% 16.6% auto;
gap: 2%
}
}
.lk__basic-document-item {
position: relative
}
@media(max-width: 767.02px) {
.lk__basic-document-item {
border-bottom: 1px solid var(--222222);
margin-left: calc(var(--spacing-container)*-1);
width: 100vw;
padding: 9px 16px
}
.lk__basic-document-item:first-child {
border-top: 1px solid var(--222222)
}
}
@media(min-width: 768px) {
.lk__basic-document-item {
border: 1px solid var(--666666);
border-radius: 16px;
padding: 16px
}
.lk__basic-document-item:not(:last-child) {
margin-bottom: 14px
}
}
.lk__basic-document-item-heading {
display: flex;
align-items: flex-start;
justify-content: space-between
}
@media(max-width: 767.02px) {
.lk__basic-document-item-heading {
gap: 8px;
margin-bottom: 18px
}
}
@media(min-width: 768px) {
.lk__basic-document-item-heading {
gap: 16px;
margin-bottom: 14px
}
}
.lk__basic-document-item-title {
font-family: var(--font-family);
font-weight: 600;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__basic-document-item-title {
font-size: 12px
}
}
@media(min-width: 768px) {
.lk__basic-document-item-title {
font-size: 16px
}
}
.lk__basic-document-item-btn {
position: relative;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
color: var(--ffffff);
z-index: 1;
display: flex;
align-items: center;
justify-content: center
}
.lk__basic-document-item-btn span {
display: block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
width: 14px;
height: 14px
}
@media(max-width: 767.02px) {
.lk__basic-document-item-btn {
height: 32px;
min-width: 32px;
max-width: 32px
}
}
@media(min-width: 768px) {
.lk__basic-document-item-btn {
height: 48px;
min-width: 48px;
max-width: 48px
}
}
@media(min-width: 1200px) {
.lk__basic-document-item-btn:hover::before {
opacity: 1
}
}
.lk__basic-document-item-btn::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg, #f6a465 0%, #df6b12 100%);
z-index: -2
}
.lk__basic-document-item-btn::before {
content: "";
position: absolute;
inset: 0;
background: var(--orange);
opacity: 0;
z-index: -1;
transition: .3s ease;
pointer-events: none
}
.lk__basic-document-item-content {
border-radius: 16px
}
.lk__basic-document-item-content:not(:last-child) {
margin-bottom: 8px
}
.lk__basic-document-item-content:not(.empty) {
display: grid
}
@media(max-width: 767.02px) {
.lk__basic-document-item-content:not(.empty) {
gap: 15px
}
.lk__basic-document-item-content:not(.empty) .lk__basic-document-item-col:first-child {
grid-column: 1
}
.lk__basic-document-item-content:not(.empty) .lk__basic-document-item-col:nth-child(2) {
grid-column: 1;
grid-row: 2
}
.lk__basic-document-item-content:not(.empty) .lk__basic-document-item-col:nth-child(3) {
position: relative;
grid-column: 2;
grid-row: 1;
position: relative
}
.lk__basic-document-item-content:not(.empty) .lk__basic-document-item-col:nth-child(3)::after {
content: "";
position: absolute;
top: 0;
left: -8px;
height: 100%;
width: 1.5px;
background-color: #000
}
.lk__basic-document-item-content:not(.empty) .lk__basic-document-item-col:nth-child(4) {
grid-column: 3;
grid-row: 1
}
}
@media(min-width: 768px) {
.lk__basic-document-item-content:not(.empty) {
grid-template-columns: 31% 31% 20% auto;
gap: 5%;
border: 1px solid var(--ededed)
}
}
.lk__basic-document-item-content.empty {
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed #bcbcbc
}
@media(max-width: 767.02px) {
.lk__basic-document-item-content {
min-height: 37px
}
}
@media(min-width: 768px) {
.lk__basic-document-item-content {
padding: 16px 24px;
min-height: 66px
}
}
.lk__basic-document-item-col {
position: relative
}
.lk__basic-document-item-col-label {
font-family: var(--font-family);
font-weight: 600
}
@media(max-width: 767.02px) {
.lk__basic-document-item-col-label {
color: var(--222222);
margin-bottom: 2px;
font-size: 10px
}
}
@media(min-width: 768px) {
.lk__basic-document-item-col-label {
color: var(--666666);
margin-bottom: 8px;
font-size: 12px
}
}
.lk__basic-document-item-empty {
font-family: var(--font-family);
font-weight: 600;
text-align: center;
color: #bcbcbc
}
@media(max-width: 767.02px) {
.lk__basic-document-item-empty {
font-size: 12px
}
}
@media(min-width: 768px) {
.lk__basic-document-item-empty {
font-size: 14px
}
}
.lk__basic-document-item-col-value {
font-family: var(--font-family);
font-weight: 600;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__basic-document-item-col-value {
font-size: 12px
}
}
@media(min-width: 768px) {
.lk__basic-document-item-col-value {
font-size: 14px
}
}
.lk__basic-document-item-col-btn {
position: relative;
display: block;
width: 5px;
height: 17px;
margin: 0 auto;
top: 50%;
cursor: pointer;
transform: translateY(-50%)
}
.lk__basic-document-item-col-btn::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
padding: 16px
}
@media(max-width: 767.02px) {
.lk__basic-document-item-col-btn {
margin-right: 10px;
margin-top: -4px
}
}
.lk__basic-document-item-col-btn svg {
width: 100%;
height: 100%
}
.lk__basic-document-item-col-btn~.lk__notification-item-controls {
top: 100%;
right: 0
}
.lk__basic-document-item-col-btn.active~.lk__notification-item-controls {
opacity: 1;
pointer-events: auto
}
.lk__basic-document-item-col-btn.active~.lk__notification-item-controls .lk__notification-item-controls-backdrop {
opacity: 1;
pointer-events: auto;
z-index: 5
}
.lk__account-address-item-button.active~.lk__notification-item-controls {
opacity: 1;
pointer-events: auto
}
.lk__account-address-item-button.active~.lk__notification-item-controls .lk__notification-item-controls-backdrop {
opacity: 1;
pointer-events: auto;
z-index: 5
}
.lk__modal-legal-entities-content {
max-width: 420px;
width: 100%
}
.lk__legal-entities-content {
display: flex;
flex-direction: column;
gap: 24px
}
@media(max-width: 1199.02px) {
.lk__legal-entities-content {
align-items: center
}
}
.lk__legal-entities-content-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: var(--222222)
}
@media(max-width: 1199.02px) {
.lk__legal-entities-content-title {
text-align: center
}
}
.lk__button-legal-entities {
max-width: 360px;
width: 100%
}
.lk__account-wrapper {
display: grid
}
@media(max-width: 767.02px) {
.lk__account-wrapper {
grid-template-columns: 1fr;
gap: 14px
}
}
@media(min-width: 768px) {
.lk__account-wrapper {
grid-template-columns: auto 94px;
gap: 32px
}
}
@media(min-width: 1200px) {
.lk__account-wrapper {
max-width: 516px
}
}
.lk__account-field-list {
display: flex;
flex-direction: column;
gap: 16px
}
.lk__account-image-upload {
display: flex;
flex-direction: column;
height: fit-content;
align-items: center;
cursor: pointer
}
@media(max-width: 767.02px) {
.lk__account-image-upload {
width: fit-content;
order: -1
}
}
.lk__account-image-upload input {
display: none
}
.lk__account-image-upload-image {
min-width: 80px;
max-width: 80px;
height: 80px;
border-radius: 50%;
margin-bottom: 8px
}
.lk__account-image-upload-image img {
width: 100%;
height: 100%;
object-fit: cover
}
.lk__account-image-upload-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
line-height: 150%;
text-align: center;
color: var(--orange)
}
.lk__account-mail:not(:last-child) {
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid var(--ededed)
}
.lk__account-mail-heading {
display: flex;
align-items: center;
gap: 24px
}
.lk__account-mail-list {
margin-bottom: 24px
}
.lk__account-tab-content.active {
display: flex;
flex-direction: column
}
@media(max-width: 767.02px) {
.lk__account-tab-content .lk__title-xl {
order: 1
}
.lk__account-tab-content .lk__button {
order: 2
}
.lk__account-tab-content .lk__account-mail-list {
order: 3;
margin-top: 16px
}
}
.lk__account-mail-btn {
position: relative;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 150%;
text-align: right;
color: var(--222222);
display: flex;
white-space: nowrap
}
@media(max-width: 767.02px) {
.lk__account-mail-btn span {
display: none
}
}
.lk__account-mail-btn::before {
content: "";
display: block;
min-width: 15px;
max-width: 15px;
height: 19px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url('data:image/svg+xml,')
}
@media(min-width: 768px) {
.lk__account-mail-btn::before {
margin-right: 8px
}
}
.lk__account-mail-tags {
margin-top: 24px;
display: flex
}
@media(max-width: 767.02px) {
.lk__account-mail-tags {
flex-direction: column;
gap: 16px
}
}
@media(min-width: 768px) {
.lk__account-mail-tags {
flex-wrap: wrap;
row-gap: 16px;
column-gap: 32px
}
}
.lk__work-document-item-col-file {
padding-right: 0 !important
}
@media(max-width: 767.02px) {
.lk__work-document-item {
display: grid !important;
padding: 8px 16px !important
}
.lk__work-document-item .lk__notification-item-info {
margin-top: 3px !important
}
.lk__work-document-item>*:first-child {
grid-row: 2;
grid-column: 1
}
.lk__work-document-item>*:nth-child(2) {
grid-column: 1;
grid-row: 1;
min-width: 60px;
border-right: 1px solid #000;
margin-right: 8px;
height: fit-content
}
.lk__work-document-item>*:nth-child(3) {
grid-row: 1
}
.lk__work-document-item>*:nth-child(4) {
grid-row: 2;
grid-column: 1/3;
margin-left: 40px
}
.lk__work-document-item>*:nth-child(5) {
grid-column: 1;
grid-row: 3
}
.lk__work-document-item--archive {
border: none !important
}
.lk__work-document-item--archive>*:nth-child(2) {
grid-column: 2;
grid-row: 2;
border-right: 0;
border-left: 1px solid var(--ededed);
padding-left: 8px
}
.lk__work-document-item--archive>*:nth-child(2),
.lk__work-document-item--archive>*:nth-child(5) {
padding-top: 12px;
padding-bottom: 12px
}
.lk__work-document-item--archive>*:nth-child(3) {
position: relative;
grid-column: 2;
grid-row: 1;
border-top: 1px solid var(--ededed);
border-left: 1px solid var(--ededed);
border-top-left-radius: 16px;
padding-top: 8px;
padding-left: 8px
}
.lk__work-document-item--archive>*:nth-child(3)::after {
content: "";
position: absolute;
top: 8px;
right: 0;
border-left: 1px solid #000;
height: calc(100% - 8px)
}
.lk__work-document-item--archive>*:nth-child(4) {
grid-column: 3;
grid-row: 1;
padding-left: 12px;
margin-left: 0;
margin-bottom: 0;
border-top: 1px solid var(--ededed);
border-right: 1px solid var(--ededed);
border-top-right-radius: 16px;
padding-top: 8px;
padding-right: 8px
}
.lk__work-document-item--archive>*:nth-child(5) {
grid-row: 2;
grid-column: 2/4;
margin-left: 52px;
border-right: 1px solid var(--ededed);
margin-bottom: 0;
padding-right: 8px
}
.lk__work-document-item--archive>*:nth-child(6) {
grid-row: 3;
grid-column: 2/4;
border-left: 1px solid var(--ededed);
border-right: 1px solid var(--ededed);
border-bottom: 1px solid var(--ededed);
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px
}
}
@media(min-width: 768px) {
.lk__work-document-item--archive {
outline: none
}
.lk__work-document-item--archive td:first-child {
background-color: #fff;
vertical-align: middle
}
.lk__work-document-item--archive td:not(:first-child) {
position: relative;
outline: 1px solid var(--ededed)
}
}
@media(min-width: 768px)and (min-width: 768px) {
.lk__work-document-item--archive td:not(:first-child):not(:last-child)::after {
content: "";
position: absolute;
top: 0;
right: -1px;
height: 100%;
width: 3px;
background: #fff;
z-index: 1;
transition: .3s ease
}
}
@media(min-width: 768px) {
.lk__work-document-item--archive td:not(:first-child):nth-child(2) {
border-radius: 12px 0 0 12px
}
}
@media(min-width: 768px) {
.lk__work-document-item--archive td:not(:first-child):last-child {
border-radius: 0 12px 12px 0
}
}
@media(max-width: 1199.02px) {
.lk__work-document-item .lk__notification-item-label {
font-size: 10px
}
.lk__work-document-item .lk__notification-item-text {
font-size: 12px
}
.lk__work-document-item .lk__notification-item-title-col {
min-width: 120px
}
}
.lk__button-address-add {
max-width: 328px;
width: 100%
}
@media(max-width: 1199.02px) {
.lk__button-address-add {
margin-left: auto;
margin-right: auto
}
}
.lk__modal-address-radio-btns {
display: flex;
justify-content: center
}
@media(max-width: 767.02px) {
.lk__modal-address-radio-btns {
gap: 16px;
flex-direction: column
}
}
@media(min-width: 768px) {
.lk__modal-address-radio-btns {
gap: 32px;
align-items: center
}
}
.lk__modal-address-fields {
display: flex;
flex-direction: column
}
@media(max-width: 767.02px) {
.lk__modal-address-fields {
gap: 20px
}
}
@media(min-width: 768px) {
.lk__modal-address-fields {
gap: 24px
}
}
.lk__modal-cart-fields {
display: flex;
flex-direction: column;
gap: 16px
}
.lk__account-address-form-content {
max-width: 724px;
width: 100%
}
@media(min-width: 1200px) {
.lk__account-address-form-content {
padding-left: 40px
}
}
.lk__account-address-checkbox {
display: flex;
align-items: center;
cursor: pointer;
width: fit-content
}
.lk__field-button {
margin-top: 8px
}
.lk__modal-map-heading {
display: flex;
align-items: center;
justify-content: space-between
}
.lk__modal-map-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222)
}
.lk__modal-map-geo {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--orange);
display: flex;
align-items: center
}
.lk__modal-map-geo::before {
content: "";
width: 12px;
height: 14px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
margin-right: 12px
}
.lk__account-address-list {
display: grid
}
@media(max-width: 767.02px) {
.lk__account-address-list {
margin-top: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__account-address-list {
margin-top: 24px;
gap: 6px
}
}
@media(min-width: 1200px) {
.lk__account-address-list {
margin-top: 30px;
gap: 11px
}
}
.lk__account-address-item {
position: relative;
display: grid;
align-items: center;
cursor: pointer;
transition: .3s ease
}
.lk__account-address-item:hover {
background: var(--f5f5f5)
}
@media(max-width: 767.02px) {
.lk__account-address-item {
padding: 8px 16px;
border-bottom: 1px solid #000;
margin-left: calc(var(--spacing-container)*-1);
width: calc(100% + var(--spacing-container)*2);
gap: 8px
}
.lk__account-address-item:first-child {
border-top: 1px solid #000
}
}
@media(min-width: 768px) {
.lk__account-address-item {
border: 1px solid var(--ededed);
border-radius: 16px;
padding: 16px 24px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__account-address-item {
gap: 40px
}
.lk__account-address-item.transport-company {
grid-template-columns: auto 24px
}
.lk__account-address-item:not(.transport-company) {
grid-template-columns: 181px auto 24px
}
}
@media(min-width: 1200px) {
.lk__account-address-item {
gap: 80px
}
.lk__account-address-item.transport-company {
grid-template-columns: auto 24px
}
.lk__account-address-item:not(.transport-company) {
grid-template-columns: 220px auto 24px
}
}
.lk__account-address-item-col {
font-family: var(--font-family);
font-weight: 600;
color: var(--222222)
}
@media(max-width: 1199.02px) {
.lk__account-address-item-col {
font-size: 12px
}
}
@media(min-width: 1200px) {
.lk__account-address-item-col {
font-size: 16px
}
}
.lk__account-address-item-col-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--222222);
margin-bottom: 3px
}
@media(min-width: 768px) {
.lk__account-address-item-col-label {
display: none
}
}
@media(max-width: 767.02px) {
.lk__account-address-item-col-value .mobile {
display: block
}
.lk__account-address-item-col-value .pc {
display: none
}
}
@media(min-width: 768px) {
.lk__account-address-item-col-value .mobile {
display: none
}
.lk__account-address-item-col-value .pc {
display: block
}
}
.lk__account-address-item-button {
cursor: pointer;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center
}
@media(max-width: 767.02px) {
.lk__account-address-item-button {
position: absolute;
top: 10px;
right: 16px
}
}
.lk__account-address-item-button::after {
content: "";
display: block;
width: 5px;
height: 16px;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-top: -5px;
background-image: url('data:image/svg+xml,')
}
@media(max-width: 767.02px) {
.lk__account-address-pagination {
margin-top: 16px;
margin-bottom: 12px
}
}
@media(min-width: 768px) {
.lk__account-address-pagination {
margin-top: 28px;
margin-bottom: 24px
}
}
.lk__account-address-modal-content {
width: 100%
}
.lk__account-address-item-archive {
display: flex;
align-items: center
}
.lk__account-address-item-archive-wrapper {
border: 1px solid var(--ededed);
border-radius: 16px;
position: relative;
font-family: var(--font-family);
font-weight: 600;
color: var(--222222);
display: grid;
align-items: center;
width: 100%
}
@media(max-width: 767.02px) {
.lk__account-address-item-archive-wrapper {
font-size: 12px;
gap: 8px;
grid-template-columns: 1fr;
padding: 12px 8px
}
}
@media(min-width: 768px) {
.lk__account-address-item-archive-wrapper {
padding: 16px 24px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__account-address-item-archive-wrapper {
grid-template-columns: 200px auto;
gap: 30px;
font-size: 14px
}
}
@media(min-width: 1200px) {
.lk__account-address-item-archive-wrapper {
grid-template-columns: 220px auto;
gap: 52px;
font-size: 16px
}
}
@media(max-width: 767.02px) {
.lk__legal-entities-item {
display: grid !important
}
.lk__legal-entities-item td:nth-child(2) {
grid-column: 1/3;
grid-row: 2
}
.lk__legal-entities-item td:nth-child(3) {
grid-column: 1;
grid-row: 3;
margin-bottom: 0
}
.lk__legal-entities-item td:nth-child(4) {
position: relative;
grid-column: 2;
grid-row: 3;
height: fit-content;
margin-bottom: 0
}
.lk__legal-entities-item td:nth-child(4)::before {
content: "";
position: absolute;
top: 0;
left: -10px;
height: 100%;
width: 1px;
background-color: #000
}
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-content {
margin-top: -16px
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-content {
max-width: 795px;
width: 100%;
margin-top: 32px;
padding: 24px 0;
border: 1px solid var(--ededed);
border-radius: 8px
}
}
.lk__legal-entities-detail-form {
position: relative
}
@media(min-width: 768px) {
.lk__legal-entities-detail-form {
padding: 0 32px
}
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-form {
padding-bottom: 8px;
margin-bottom: 16px
}
.lk__legal-entities-detail-form::after {
content: "";
position: absolute;
bottom: 0;
left: calc(var(--spacing-container)*-1);
width: calc(100% + var(--spacing-container)*2);
height: 1px;
background-color: var(--ededed)
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-form:not(:last-child) {
border-bottom: 1px solid var(--ededed);
padding-bottom: 22px;
margin-bottom: 24px
}
}
.lk__legal-entities-detail-heading {
display: flex;
align-items: center;
justify-content: space-between
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-heading {
margin-bottom: 13px;
margin-right: 42px
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-heading {
margin-bottom: 20px
}
}
.lk__legal-entities-detail-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
color: var(--222222)
}
.lk__legal-entities-detail-options {
display: flex;
flex-direction: column
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-options {
gap: 12px;
margin-bottom: 8px
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-options {
gap: 14px;
margin-bottom: 23px
}
}
.lk__legal-entities-detail-option {
display: grid
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-option {
grid-template-columns: repeat(2, 1fr);
justify-content: space-between
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-option {
grid-template-columns: 200px auto;
gap: 80px
}
}
.lk__legal-entities-detail-option p:first-child {
font-family: var(--font-family);
font-weight: 600;
line-height: 129%;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-option p:first-child {
font-size: 12px
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-option p:first-child {
font-size: 14px
}
}
.lk__legal-entities-detail-option p:nth-child(2) {
font-family: var(--font-family);
font-weight: 400;
line-height: 129%;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-option p:nth-child(2) {
font-size: 12px;
text-align: right
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-option p:nth-child(2) {
font-size: 14px
}
}
.lk__legal-entities-detail-btn {
width: 100%
}
@media(min-width: 768px) {
.lk__legal-entities-detail-btn {
max-width: 277px
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-bank-accounts {
margin-bottom: 14px
}
}
.lk__legal-entities-detail-bank-account {
position: relative;
display: grid;
align-items: center
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-bank-account>*:first-child {
grid-row: 1;
grid-column: 1/6
}
.lk__legal-entities-detail-bank-account>*:nth-child(2) {
grid-row: 2;
grid-column: 1/4;
margin-right: 12px
}
.lk__legal-entities-detail-bank-account>*:nth-child(3) {
grid-row: 2;
grid-column: 4/6
}
.lk__legal-entities-detail-bank-account .lk__account-address-item-button {
top: -32px;
right: 0px
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-bank-account {
border: 1px solid var(--ededed);
border-radius: 16px;
padding: 16px 24px;
grid-template-columns: auto 104px 81px 24px;
gap: 34px
}
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-bank-account-col:not(:last-child) {
margin-bottom: 7px
}
}
.lk__legal-entities-detail-bank-account-col-label {
font-family: var(--font-family);
font-weight: 600;
color: var(--666666);
margin-bottom: 8px
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-bank-account-col-label {
font-size: 10px
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-bank-account-col-label {
font-size: 12px
}
}
.lk__legal-entities-detail-bank-account-col-value {
font-family: var(--font-family);
font-weight: 600;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__legal-entities-detail-bank-account-col-value {
font-size: 12px
}
}
@media(min-width: 768px) {
.lk__legal-entities-detail-bank-account-col-value {
font-size: 14px
}
}
@media(min-width: 768px) {
.lk__modal-legal-entities-detail-content {
max-width: 420px;
width: 100%
}
}
@media(max-width: 767.02px) {
.lk__modal-legal-entities-detail-item-archive>*:first-child {
margin-right: 12px;
grid-row: 1/3;
display: flex;
align-items: center
}
.lk__modal-legal-entities-detail-item-archive>*:nth-child(2) {
grid-row: 1;
grid-column: 2/4;
border: 1px solid var(--ededed);
border-bottom: unset;
border-radius: 16px 16px 0 0;
margin-right: 0
}
.lk__modal-legal-entities-detail-item-archive>*:nth-child(3) {
margin-bottom: 0;
grid-row: 2;
border-bottom: 1px solid var(--ededed);
border-left: 1px solid var(--ededed);
border-bottom-left-radius: 16px;
border-top: 0;
border-top-left-radius: 0;
padding-bottom: 8px
}
.lk__modal-legal-entities-detail-item-archive>*:nth-child(3)::after {
height: calc(100% - 16px)
}
.lk__modal-legal-entities-detail-item-archive>*:nth-child(4) {
grid-row: 2;
border-bottom: 1px solid var(--ededed);
border-right: 1px solid var(--ededed);
border-bottom-right-radius: 16px;
border-top: 0;
border-top-right-radius: 0
}
}
@media(max-width: 767.02px) {
.lk__account-reserves-search-panel-wrapper {
display: grid;
align-items: center;
gap: 16px;
margin-top: 14px;
grid-template-columns: max-content auto;
margin-bottom: 16px
}
}
@media(min-width: 768px) {
.lk__account-reserves-search-panel-wrapper {
display: contents
}
}
@media(min-width: 768px) {
.lk__account-reserves-search-panel {
margin-top: 30px
}
}
.lk__account-reserves-topbar-button {
min-height: unset;
height: 40px;
white-space: nowrap;
min-width: unset
}
.lk__account-reserves-topbar {
display: grid;
gap: 8px;
width: fit-content;
align-items: flex-end;
margin-top: 16px
}
@media(max-width: 767.02px) {
.lk__account-reserves-topbar {
display: none
}
}
@media(max-width: 1199.02px) {
.lk__account-reserves-topbar {
grid-template-columns: 182px 182px 147px 111px;
margin-bottom: 22px
}
}
@media(min-width: 1200px) {
.lk__account-reserves-topbar {
grid-template-columns: 182px 182px 147px 111px min-content;
margin-bottom: 26px
}
}
@media(max-width: 767.02px) {
.lk__account-reserves-table {
margin-top: 14px;
margin-bottom: 14px;
margin-left: calc(var(--spacing-container)*-1);
width: calc(100% + var(--spacing-container)*2)
}
}
@media(min-width: 768px) {
.lk__account-reserves-table {
margin-top: 24px;
margin-bottom: 24px
}
}
.lk__account-reserves-table-head {
background: var(--222222);
border-radius: 8px
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-head {
display: none
}
}
.lk__account-reserves-table-head .lk__account-reserves-table-item {
color: var(--ffffff)
}
.lk__account-reserves-table-body {
display: flex;
flex-direction: column
}
@media(max-width: 1199.02px) {
.lk__account-reserves-table-body {
margin-top: 5px;
gap: 5px
}
}
@media(min-width: 1200px) {
.lk__account-reserves-table-body {
margin-top: 8px;
gap: 8px
}
}
.lk__account-reserves-table-body .lk__account-reserves-table-item {
color: var(--222222);
align-items: flex-start
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-body .lk__account-reserves-table-item {
border-bottom: 1px solid #000
}
.lk__account-reserves-table-body .lk__account-reserves-table-item:first-child {
border-top: 1px solid #000
}
}
@media(min-width: 768px) {
.lk__account-reserves-table-body .lk__account-reserves-table-item {
border-radius: 16px;
border: 1px solid var(--ededed)
}
}
.lk__account-reserves-table-item {
display: grid;
font-family: var(--font-family);
font-weight: 600
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-item {
gap: 18px;
padding-left: var(--spacing-container);
padding-right: var(--spacing-container);
padding-top: 8px;
padding-bottom: 8px;
font-size: 12px
}
.lk__account-reserves-table-item>* {
position: relative
}
.lk__account-reserves-table-item>*:first-child {
grid-row: 1;
grid-column: 1/7
}
.lk__account-reserves-table-item>*:nth-child(2) {
grid-row: 2;
grid-column: 1/5
}
.lk__account-reserves-table-item>*:nth-child(3) {
grid-row: 2;
grid-column: 6/10
}
.lk__account-reserves-table-item>*:nth-child(4) {
grid-row: 2;
grid-column: 10/15
}
.lk__account-reserves-table-item>*:nth-child(5) {
grid-row: 3;
grid-column: 1/15
}
.lk__account-reserves-table-item>*:nth-child(6) {
grid-row: 1;
grid-column: 7/15
}
.lk__account-reserves-table-item>*:nth-child(7) {
grid-row: 4;
grid-column: 1/15
}
.lk__account-reserves-table-item>*:nth-child(8) {
grid-row: 5;
grid-column: 1/7
}
.lk__account-reserves-table-item>*:nth-child(9) {
grid-row: 5;
grid-column: 7/15
}
.lk__account-reserves-table-item>*:nth-child(3)::before,
.lk__account-reserves-table-item>*:nth-child(4)::before,
.lk__account-reserves-table-item>*:nth-child(6)::before,
.lk__account-reserves-table-item>*:nth-child(9)::before {
content: "";
position: absolute;
top: 0;
left: -8px;
height: 100%;
width: 1px;
background-color: #000
}
}
@media(min-width: 768px) {
.lk__account-reserves-table-item {
gap: 14px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__account-reserves-table-item {
font-size: 8px;
padding: 13px 0;
grid-template-columns: 4.2% 6% 4.6% 5.7% 19% 10% 20% 5.2% 9.7%;
padding-left: 13px
}
}
@media(min-width: 1200px) {
.lk__account-reserves-table-item {
font-size: 10px;
padding: 16px 0;
padding-left: 14px;
grid-template-columns: 43px 54px 41px 54px 172px 90px 179px 55px 80px
}
}
.lk__account-reserves-table-item .text-overflow .lk__account-reservees-table-item-value {
transition: .3s ease;
overflow: hidden;
cursor: pointer;
position: relative;
display: block
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-item .text-overflow .lk__account-reservees-table-item-value p {
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__account-reserves-table-item .text-overflow .lk__account-reservees-table-item-value {
height: var(--block-height, 20px)
}
}
@media(min-width: 1200px) {
.lk__account-reserves-table-item .text-overflow .lk__account-reservees-table-item-value {
height: var(--block-height, 24px)
}
}
.lk__account-reserves-table-item.cart {
cursor: pointer;
background: var(--f5f5f5)
}
.lk__account-reserves-table-item * {
display: flex
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-item * {
flex-direction: column
}
}
@media(min-width: 768px) {
.lk__account-reserves-table-item * {
align-items: center
}
.lk__account-reserves-table-item *.content-center {
text-align: center;
justify-content: center
}
.lk__account-reserves-table-item *:first-child {
justify-content: center
}
}
.lk__account-reserves-table-item *.white-blue {
color: #007aff
}
.lk__account-reserves-table-item *.blue {
color: #134383
}
.lk__account-reserves-table-item *.orange {
color: var(--orange)
}
.lk__account-reserves-table-item *.red {
color: var(--e30b00)
}
.lk__account-reserves-table-item *.gray {
color: var(--666666)
}
.lk__account-reserves-table-item *.green {
color: var(--green)
}
.lk__account-reservees-table-item-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--222222)
}
@media(min-width: 768px) {
.lk__account-reservees-table-item-label {
display: none
}
}
.lk__account-reserves-settings-modal-wrapper {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 16px
}
.lk__account-reserves-settings-modal-wrapper .date-picker__label {
text-align: center
}
.lk__account-reserves-settings-modal-wrapper .date-picker__inputs {
gap: 100px
}
.lk__account-reserves-settings-modal-wrapper .dropdown {
width: 100%
}
@media(max-width: 767.02px) {
.lk__dealers-cart-back-btn {
display: none
}
}
@media(max-width: 1199.02px) {
.lk__dealers-cart-back-btn {
margin-bottom: 24px
}
}
@media(min-width: 1200px) {
.lk__dealers-cart-back-btn {
margin-bottom: 32px
}
}
.lk__dealers-cart-functions {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center
}
@media(max-width: 1199.02px) {
.lk__dealers-cart-functions.mb {
margin-bottom: 24px
}
}
@media(max-width: 1199.02px) {
.lk__dealers-cart-functions {
flex-direction: column
}
.lk__dealers-cart-functions .lk__button {
width: 100%;
font-weight: 600
}
}
@media(min-width: 1200px) {
.lk__dealers-cart-functions {
margin-bottom: 26px
}
}
.lk__dealers-cart-functions .lk__button {
min-width: unset;
height: 48px
}
.lk__dealers-cart-texts {
font-family: var(--font-family);
font-weight: 600;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__dealers-cart-texts {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
font-size: 12px
}
}
@media(min-width: 768px) {
.lk__dealers-cart-texts {
display: flex;
flex-wrap: wrap;
font-size: 14px;
gap: 16px
}
}
.lk__dealers-cart-btns {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px
}
@media(max-width: 767.02px) {
.lk__dealers-cart-btns {
margin-top: 16px
}
.lk__dealers-cart-btns>* {
width: 100%
}
.lk__dealers-cart-btns .dropdown__select-heading {
justify-content: center
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__dealers-cart-btns {
margin-top: 33px
}
}
@media(min-width: 1200px) {
.lk__dealers-cart-btns {
margin-top: 42px
}
}
@media(max-width: 767.02px) {
.lk__dealers-cart-table {
margin-left: calc(var(--spacing-container)*-1);
width: calc(100% + var(--spacing-container)*2)
}
}
@media(max-width: 1199.02px) {
.lk__dealers-cart-table {
margin-top: 24px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__dealers-cart-table {
width: 100%
}
}
@media(min-width: 1200px) {
.lk__dealers-cart-table {
margin-top: 16px;
width: fit-content
}
}
.lk__dealers-cart-table-heading .lk__dealers-cart-table-item {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--ffffff);
background: var(--222222)
}
@media(max-width: 767.02px) {
.lk__dealers-cart-table-heading {
display: none
}
}
.lk__dealers-cart-table-body {
margin-top: 8px;
display: flex;
flex-direction: column;
gap: 8px
}
.lk__dealers-cart-table-body .lk__dealers-cart-table-item {
font-family: var(--font-family);
font-weight: 700;
font-size: 12px;
color: var(--222222)
}
@media(min-width: 768px) {
.lk__dealers-cart-table-body .lk__dealers-cart-table-item {
border: 1px solid var(--ededed);
border-radius: 16px;
padding-top: 16px;
padding-bottom: 16px
}
}
.lk__dealers-cart-table-body .lk__dealers-cart-table-item .lk__dealers-cart-table-item-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--222222);
margin-bottom: 2px
}
@media(min-width: 768px) {
.lk__dealers-cart-table-body .lk__dealers-cart-table-item .lk__dealers-cart-table-item-label {
display: none
}
}
.lk__dealers-cart-table-item {
position: relative;
display: grid;
overflow: hidden;
align-items: center
}
@media(max-width: 767.02px) {
.lk__dealers-cart-table-item {
row-gap: 10px;
padding: 14px 16px;
border-bottom: 1px solid var(--222222)
}
.lk__dealers-cart-table-item:first-child {
border-top: 1px solid var(--222222)
}
.lk__dealers-cart-table-item>*:first-child {
grid-row: 1;
grid-column: 1
}
.lk__dealers-cart-table-item>*:nth-child(2) {
grid-row: 1;
grid-column: 2
}
.lk__dealers-cart-table-item>*:nth-child(3) {
grid-row: 2;
grid-column: 1/13
}
.lk__dealers-cart-table-item>*:nth-child(4) {
grid-row: 3;
grid-column: 1/4
}
.lk__dealers-cart-table-item>*:nth-child(5) {
grid-row: 3;
grid-column: 4/7
}
.lk__dealers-cart-table-item>*:nth-child(6) {
grid-row: 3;
grid-column: 7/13
}
.lk__dealers-cart-table-item>*:nth-child(7) {
grid-row: 4;
grid-column: 1/4
}
.lk__dealers-cart-table-item>*:nth-child(8) {
grid-row: 4;
grid-column: 4/7
}
.lk__dealers-cart-table-item>*:nth-child(9) {
grid-row: 1;
grid-column: 12
}
}
@media(min-width: 768px) {
.lk__dealers-cart-table-item {
padding: 8px 16px;
border-radius: 8px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__dealers-cart-table-item {
grid-template-columns: 6.9% 7.1% 31.9% 12.35% 10.26% 6.84% 5.1% 8% 2.4%;
gap: 8px
}
}
@media(min-width: 1200px) {
.lk__dealers-cart-table-item {
grid-template-columns: 45px 68px 244px 88px 81px 63px 36px 55px 24px;
gap: 20px
}
}
.lk__dealers-cart-table-item .product__counter {
gap: 0;
width: fit-content;
padding: 7px 4px
}
.lk__dealers-cart-table-item-value .orange {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--orange);
display: block
}
.lk__dealers-cart-table-item-value.red {
color: var(--e30b00)
}
.lk__dealers-cart-table-item-value.green {
color: var(--green)
}
.lk__dealers-cart-table-item-value .label {
font-family: var(--font-family);
font-weight: 400;
font-size: 10px;
line-height: 180%;
color: var(--666666)
}
.lk__dealers-cart-table-item-btn {
display: block;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
min-width: 15px;
max-width: 15px;
height: 18px;
cursor: pointer
}
@media(max-width: 767.02px) {
.lk__dealers-card-comments {
margin-top: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__dealers-card-comments {
margin-top: 24px
}
}
@media(min-width: 1200px) {
.lk__dealers-card-comments {
margin-top: 45px
}
}
.lk__dealers-card-comments-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
line-height: 150%;
color: var(--222222);
margin-bottom: 4px
}
.lk__dealers-card-comments-field {
border-radius: 8px;
padding: 16px 24px;
width: 100%;
height: 87px;
resize: none;
background: var(--f5f5f5);
border: none;
font-family: var(--font-family);
font-weight: 600;
font-size: 14px;
color: var(--666666)
}
.lk__dealers-card-comments-field:focus-visible {
outline: none
}
@media(min-width: 1200px) {
.lk__dealers-mobile-only {
display: none
}
}
.lk__modal-cart-content {
max-width: 976px;
width: 100%
}
.lk__modal-cart-heading {
display: flex;
align-items: center;
justify-content: space-between
}
@media(max-width: 767.02px) {
.lk__modal-cart-heading {
margin-bottom: -15px
}
}
.lk__modal-cart-heading-btns {
display: flex;
align-items: center
}
@media(max-width: 767.02px) {
.lk__modal-cart-heading-btns {
gap: 8px
}
}
@media(min-width: 768px) {
.lk__modal-cart-heading-btns {
gap: 16px
}
}
@media(max-width: 767.02px) {
.lk__modal-cart-heading-btns.pc {
display: none
}
}
.lk__modal-cart-heading-btns:not(.pc) {
flex-direction: column
}
.lk__modal-cart-heading-btns:not(.pc) .lk__button {
width: 100%
}
@media(min-width: 768px) {
.lk__modal-cart-heading-btns:not(.pc) {
display: none
}
}
.lk__button-cart-text {
font-family: var(--font-family);
font-weight: 600;
color: var(--orange)
}
@media(max-width: 767.02px) {
.lk__button-cart-text {
font-size: 14px
}
}
@media(min-width: 768px) {
.lk__button-cart-text {
font-size: 24px
}
}
.lk__modal-cart-field {
display: grid;
align-items: center
}
@media(max-width: 767.02px) {
.lk__modal-cart-field.mt {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
margin-top: 16px;
margin-bottom: 16px
}
}
@media(min-width: 768px) {
.lk__modal-cart-field.mt {
margin-top: 32px;
margin-bottom: 32px
}
}
@media(max-width: 1199.02px) {
.lk__modal-cart-field.mt {
grid-template-columns: auto auto
}
}
@media(max-width: 767.02px) {
.lk__modal-cart-field {
gap: 4px
}
}
@media(min-width: 768px) {
.lk__modal-cart-field {
gap: 24px
}
.lk__modal-cart-field.fit-line {
grid-template-columns: max-content auto
}
.lk__modal-cart-field.cols-3 {
grid-template-columns: max-content auto auto
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-cart-field {
grid-template-columns: 120px auto
}
}
@media(min-width: 1200px) {
.lk__modal-cart-field {
grid-template-columns: 144px auto
}
}
.lk__modal-cart-field-label {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
line-height: 150%;
color: var(--222222)
}
.lk__dealers-cart-field-justify {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap !important
}
.lk__modal-cart-results {
font-family: var(--font-family);
font-weight: 600;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__modal-cart-results {
font-size: 12px;
display: grid;
row-gap: 8px;
column-gap: 24px
}
.lk__modal-cart-results>*:first-child {
grid-row: 1;
grid-column: 1/3
}
.lk__modal-cart-results>*:nth-child(2) {
grid-row: 2;
grid-column: 1/2
}
.lk__modal-cart-results>*:nth-child(3) {
grid-row: 2;
grid-column: 2/3
}
}
@media(min-width: 768px) {
.lk__modal-cart-results {
font-size: 16px;
justify-content: flex-end;
display: flex;
gap: 24px
}
}
.lk__modal-cart-comments {
margin-top: 0
}
.lk__modal-cart-table {
margin-top: 0
}
.lk__reserve-table-detail {
margin-bottom: 24px
}
@media(min-width: 768px) {
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:not(:nth-child(5)) {
text-align: center
}
}
@media(max-width: 767.02px) {
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:first-child {
grid-row: 1;
grid-column: 1/4
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(2) {
grid-row: 1;
grid-column: 4/8
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(3) {
grid-row: 2;
grid-column: 1/4
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(4) {
grid-row: 2;
grid-column: 4/8
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(5) {
grid-row: 3;
grid-column: 1/13
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(6) {
grid-row: 4;
grid-column: 1/4
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(7) {
grid-row: 4;
grid-column: 4/8
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(8) {
grid-row: 4;
grid-column: 8/13
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(9) {
grid-row: 5;
grid-column: 1/4
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(10) {
grid-row: 5;
grid-column: 4/8
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(11) {
position: absolute;
top: 12px;
right: 16px
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(2),
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(4) {
position: relative
}
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(2)::before,
.lk__reserve-table-detail .lk__dealers-cart-table-item>*:nth-child(4)::before {
content: "";
position: absolute;
top: 0;
left: -8px;
height: 100%;
width: 1px;
background-color: #000
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__reserve-table-detail .lk__dealers-cart-table-item {
grid-template-columns: 5% 11% 8% 5% 22% 10% 6% 10% 3% 6% 2%;
font-size: 8px
}
.lk__reserve-table-detail .lk__dealers-cart-table-item .lk__dealers-cart-table-item-value * {
font-size: 8px
}
}
@media(min-width: 1200px) {
.lk__reserve-table-detail .lk__dealers-cart-table-item {
grid-template-columns: 58px 60px 56px 46px 170px 81px 55px 60px 28px 28px 20px
}
}
.lk__reserve-comments-detail {
margin-top: 24px
}
@media(max-width: 767.02px) {
.lk__dealers-cart-functions-reserve {
margin-bottom: 16px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__dealers-cart-functions-reserve {
margin-bottom: 16px;
display: grid;
grid-template-columns: repeat(3, 171px) 198px
}
}
.lk__dealers-bill-fields {
display: flex;
flex-direction: column;
gap: 16px
}
@media(max-width: 767.02px) {
.lk__dealers-table-bill .lk__dealers-cart-table-body {
gap: 0px
}
}
@media(min-width: 768px) {
.lk__dealers-table-bill {
width: 100%
}
}
@media(max-width: 767.02px) {
.lk__dealers-table-bill .lk__dealers-cart-table-item>*:first-child {
grid-row: 1;
grid-column: 1/3
}
.lk__dealers-table-bill .lk__dealers-cart-table-item>*:nth-child(2) {
grid-row: 1;
grid-column: 3/5
}
.lk__dealers-table-bill .lk__dealers-cart-table-item>*:nth-child(3) {
grid-row: 2;
grid-column: 1/6
}
.lk__dealers-table-bill .lk__dealers-cart-table-item>*:nth-child(4) {
grid-row: 3;
grid-column: 1/3
}
.lk__dealers-table-bill .lk__dealers-cart-table-item>*:nth-child(5) {
grid-row: 3;
grid-column: 3/5
}
.lk__dealers-table-bill .lk__dealers-cart-table-item>*:nth-child(6) {
grid-row: 3;
grid-column: 5/6
}
.lk__dealers-table-bill .lk__dealers-cart-table-item>*:nth-child(7) {
grid-row: 4;
grid-column: 1/3
}
.lk__dealers-table-bill .lk__dealers-cart-table-item>*:nth-child(8) {
grid-row: 4;
grid-column: 3/5
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__dealers-table-bill .lk__dealers-cart-table-item {
grid-template-columns: 5% 15% 28% 9% 9% 10% 7% 9%;
font-size: 8px
}
.lk__dealers-table-bill .lk__dealers-cart-table-item .lk__dealers-cart-table-item-value .orange {
font-size: 9px
}
}
@media(min-width: 1200px) {
.lk__dealers-table-bill .lk__dealers-cart-table-item {
grid-template-columns: 6% 12% 28% 6% 9% 9% 5% 9%
}
}
@media(min-width: 768px) {
.lk__dealers-table-bill .lk__dealers-cart-table-item>*:not(:nth-child(3)) {
text-align: center
}
}
@media(min-width: 768px) {
.lk__modal-content-bill {
max-width: 470px
}
}
.lk__account-reserves-search-topbar {
display: flex;
align-items: center;
gap: 16px;
margin-top: 16px;
margin-bottom: 16px
}
@media(max-width: 767.02px) {
.lk__account-reserves-search-topbar {
display: none
}
}
.lk__account-reserves-sort {
width: fit-content;
display: flex;
align-items: center;
gap: 24px
}
.lk__account-reserves-sort .dropdown__select-heading {
height: 40px
}
.lk__account-reserves-sort-label {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
text-align: right;
color: var(--666666)
}
@media(min-width: 768px) {
.lk__account-reserves-table-search {
width: 100%
}
}
.lk__account-reserves-table-search .lk__dealers-cart-table-body .lk__dealers-cart-table-item {
align-items: flex-start
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-body .lk__dealers-cart-table-item {
padding-top: 11px;
padding-bottom: 11px
}
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item>*:first-child {
grid-row: 1;
grid-column: 1/5
}
.lk__account-reserves-table-search .lk__dealers-cart-table-item>*:nth-child(2) {
grid-row: 2;
grid-column: 1
}
.lk__account-reserves-table-search .lk__dealers-cart-table-item>*:nth-child(3) {
grid-row: 2;
grid-column: 2
}
.lk__account-reserves-table-search .lk__dealers-cart-table-item>*:nth-child(4) {
grid-row: 2;
grid-column: 3;
width: 120%
}
.lk__account-reserves-table-search .lk__dealers-cart-table-item>*:nth-child(5) {
grid-row: 2;
grid-column: 4;
width: 80%;
margin-left: 30%
}
.lk__account-reserves-table-search .lk__dealers-cart-table-item>*:nth-child(6) {
grid-row: 2;
grid-column: 4
}
.lk__account-reserves-table-search .lk__dealers-cart-table-item>*:nth-child(6) .lk__dealers-cart-table-item-value {
align-items: flex-end;
margin-top: 14px
}
}
@media(max-width: 1199.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item {
font-size: 8px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item {
grid-template-columns: 27% 18% 15% 14% 15% 4%
}
}
@media(min-width: 1200px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item {
font-size: 10px;
grid-template-columns: 26% 18% 12% 16% 9% 7%
}
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .lk__dealers-cart-table-item-label {
font-size: 7px
}
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .lk__dealers-cart-table-item-value,
.lk__account-reserves-table-search .lk__dealers-cart-table-item .lk__dealers-cart-table-item-value.math-values .orange {
font-size: 10px
}
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .orange {
font-size: 12px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .orange {
font-size: 9px
}
}
@media(min-width: 1200px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .orange {
font-size: 12px
}
}
.lk__account-reserves-table-search .lk__dealers-cart-table-item .lk__dealers-cart-table-item-value.math-values {
display: flex;
flex-direction: column
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .lk__dealers-cart-table-item-value.math-values {
gap: 2px
}
}
@media(min-width: 768px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .lk__dealers-cart-table-item-value.math-values {
gap: 10px
}
}
@media(max-width: 767.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .lk__dealers-cart-table-item-btn {
height: 11px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .lk__dealers-cart-table-item-btn {
height: 10px
}
}
@media(min-width: 1200px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item .lk__dealers-cart-table-item-btn {
height: 14px
}
}
@media(min-width: 768px) {
.lk__account-reserves-table-search .lk__dealers-cart-table-item>*:not(:nth-child(1)) {
text-align: center;
justify-self: center
}
}
.lk__modal-content-delete {
display: block
}
.lk__modal-content-register {
width: 100%;
gap: 0
}
@media(min-width: 768px) {
.lk__modal-content-register {
max-width: 500px
}
.lk__modal-content-register .modal__heading {
min-height: 0
}
}
.lk__modal-content-register .section__tabs-list {
padding-right: 0;
padding-left: 16px
}
.lk__auth-form-logo {
max-width: 215px;
width: 100%;
margin: 0 auto;
margin-top: 28px;
margin-bottom: 40px
}
@media(min-width: 768px) {
.lk__auth-form-logo {
display: none
}
}
.lk__auth-form-logo img {
width: 100%;
height: 100%;
object-fit: contain;
display: block
}
.lk__auth-form-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 24px;
line-height: 125%;
text-align: center;
color: var(--222222);
margin-bottom: 24px
}
.lk__auth-form-fields {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 24px
}
.lk__auth-form-tabs {
width: 100%;
left: unset;
padding-left: unset;
display: flex
}
.lk__auth-form-button {
max-width: 298px;
width: 100%;
margin: 0 auto
}
.lk__auth-form-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
text-align: center;
color: var(--222222)
}
.lk__auth-form-text span {
font-weight: 700;
color: var(--orange);
cursor: pointer
}
@media(max-width: 767.02px) {
.lk__modal-select-product-warning {
padding: 8px
}
.lk__modal-select-product-warning .warning__info-title {
font-size: 16px
}
.lk__modal-select-product-warning .warning__info-text {
font-size: 14px;
margin-top: 2px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-warning {
padding: 12px 18px
}
.lk__modal-select-product-warning .warning__info-title {
font-size: 11px
}
.lk__modal-select-product-warning .warning__info-text {
font-size: 10px;
margin-top: 14px
}
}
.lk__auth-form-text-btn {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--orange);
cursor: pointer
}
.lk__auth-form-text-default {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: var(--222222)
}
.lk__newsletter-form {
display: flex;
flex-direction: column;
gap: 24px
}
@media(max-width: 767.02px) {
.lk__newsletter-form {
align-items: flex-start
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__newsletter-form {
align-items: center
}
}
@media(min-width: 1200px) {
.lk__newsletter-form {
align-items: flex-start
}
}
.lk__newsletter-form-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 18px;
line-height: 100%;
color: var(--222222)
}
.lk__newsletter-form-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
line-height: 129%;
color: var(--666666)
}
.lk__modal-legal-entities-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 18px;
color: var(--222222)
}
.lk__modal-content-select-product {
max-width: 1180px;
width: 100%
}
@media(max-width: 767.02px) {
.lk__modal-content-select-product {
gap: 0;
padding-bottom: 56px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-content-select-product {
gap: 18px;
padding: 6px;
padding-top: 40px
}
.lk__modal-content-select-product .modal__heading-button {
top: 8px;
right: 12px;
width: 16px;
height: 16px
}
}
.lk__modal-select-product-wrapper {
display: grid
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-wrapper {
grid-template-columns: auto 154px;
gap: 12px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-wrapper {
grid-template-columns: auto 335px;
gap: 16px
}
}
.lk__modal-select-product-form-search {
position: relative;
border-radius: 8px;
background: var(--f5f5f5);
width: 100%;
display: block
}
@media(max-width: 767.02px) {
.lk__modal-select-product-form-search {
padding: 11px;
padding-left: 52px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-form-search {
padding: 7px;
padding-left: 38px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-form-search {
padding: 11px;
padding-left: 50px
}
}
.lk__modal-select-product-form-search input {
font-family: var(--font-family);
font-weight: 400;
line-height: 129%;
color: var(--666666);
border: none;
width: 100%;
background-color: rgba(0, 0, 0, 0);
display: block
}
@media(max-width: 767.02px) {
.lk__modal-select-product-form-search input {
font-size: 12px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-form-search input {
font-size: 10px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-form-search input {
font-size: 14px
}
}
.lk__modal-select-product-form-search input:focus-visible {
outline: none
}
.lk__modal-select-product-form-search::before {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
z-index: 5;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer
}
@media(max-width: 767.02px) {
.lk__modal-select-product-form-search::before {
width: 14px;
height: 14px;
left: 21px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-form-search::before {
width: 11px;
height: 11px;
left: 14px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-form-search::before {
width: 18px;
height: 18px;
left: 18px
}
}
.lk__modal-select-product-table {
margin-top: 16px
}
.lk__modal-select-product-table-head .lk__modal-select-product-table-item {
background: var(--222222);
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--ffffff)
}
@media(max-width: 767.02px) {
.lk__modal-select-product-table-head {
display: none
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-table-head {
margin-bottom: 6px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-table-head {
margin-bottom: 8px
}
}
@media(max-width: 767.02px) {
.lk__modal-select-product-table-item-toggle {
display: grid;
grid-template-columns: 20px auto;
gap: 16px;
align-items: center
}
}
@media(min-width: 768px) {
.lk__modal-select-product-table-item-toggle {
display: contents
}
.lk__modal-select-product-table-item-toggle .checkbox {
display: none
}
}
.lk__modal-select-product-table-item {
display: grid;
grid-template-columns: 50% 14% 10% 10% 10%;
gap: 2%;
align-items: center
}
@media(max-width: 767.02px) {
.lk__modal-select-product-table-item {
border-bottom: 1px solid var(--222222);
padding: 9px 16px;
padding-right: 22px;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 20px
}
.lk__modal-select-product-table-item:first-child {
border-top: 1px solid var(--222222)
}
.lk__modal-select-product-table-item>*:first-child {
grid-row: 1;
grid-column: 1/5;
margin-bottom: 8px
}
.lk__modal-select-product-table-item>*:nth-child(2) {
grid-row: 2;
grid-column: 1
}
.lk__modal-select-product-table-item>*:nth-child(3) {
grid-row: 2;
grid-column: 2
}
.lk__modal-select-product-table-item>*:nth-child(4) {
grid-row: 2;
grid-column: 4
}
.lk__modal-select-product-table-item>*:nth-child(5) {
grid-row: 2;
grid-column: 3
}
}
@media(min-width: 768px) {
.lk__modal-select-product-table-item {
border-radius: 8px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-table-item {
padding: 6px 12px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-table-item {
padding: 10px 16px
}
}
.lk__modal-select-product-table-item .label {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__modal-select-product-table-item .label {
white-space: nowrap;
margin-bottom: 2px
}
}
.lk__modal-select-product-table-item .value {
font-family: var(--font-family);
font-weight: 600
}
@media(max-width: 767.02px) {
.lk__modal-select-product-table-item .value {
font-size: 12px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-table-item .value {
font-size: 8px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-table-item .value {
font-size: 12px
}
}
@media(max-width: 767.02px) {
.lk__modal-select-product-content-wrapper {
gap: 16px;
margin-top: 8px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-content-wrapper {
gap: 18px
}
}
.lk__modal-select-product-table-body {
display: flex;
flex-direction: column;
gap: 2px;
overflow: auto
}
@media(max-width: 767.02px) {
.lk__modal-select-product-table-body {
margin-left: calc(var(--spacing-container)*-1);
width: calc(100% + var(--spacing-container)*2)
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-table-body {
padding-right: 6px;
max-height: 360px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-table-body {
padding-right: 8px;
max-height: 370px
}
}
@media(min-width: 768px) {
.lk__modal-select-product-table-body .lk__modal-select-product-table-item {
border: 1px solid var(--ededed)
}
}
@media(min-width: 768px) {
.lk__modal-select-product-table-body .lk__modal-select-product-table-item .label {
display: none
}
}
.lk__modal-select-product-table-body .lk__modal-select-product-table-item>*:first-child {
color: var(--orange)
}
.lk__modal-select-product-list {
position: relative;
border: 1px solid var(--ededed);
padding: 12px
}
@media(max-width: 767.02px) {
.lk__modal-select-product-list {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
background: #fff;
padding: 0;
transition: .3s ease
}
.lk__modal-select-product-list.active {
left: 0;
opacity: 1
}
.lk__modal-select-product-list:not(.active) {
left: -70vw;
opacity: 0;
pointer-events: none
}
}
@media(min-width: 768px) {
.lk__modal-select-product-list {
border-radius: 8px
}
}
.lk__modal-select-product-list-title {
font-family: var(--font-family);
font-weight: 700;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__modal-select-product-list-title {
display: none
}
}
@media(max-width: 1199.02px) {
.lk__modal-select-product-list-title {
font-size: 13px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-list-title {
font-size: 18px
}
}
.lk__modal-select-product-list-items {
overflow: auto;
height: 100%;
height: calc(100% - 56px)
}
@media(max-width: 767.02px) {
.lk__modal-select-product-list-items {
padding: 16px
}
}
@media(min-width: 768px) {
.lk__modal-select-product-list-items {
max-height: 400px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-list-items {
margin-top: 8px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-list-items {
margin-top: 16px
}
}
.lk__modal-select-product-heading {
min-height: unset
}
@media(min-width: 768px) {
.lk__modal-select-product-heading {
display: none
}
}
.lk__modal-select-product-form-results-title {
font-family: var(--font-family);
font-weight: 700;
line-height: 125%;
text-align: center;
color: var(--222222)
}
@media(max-width: 767.02px) {
.lk__modal-select-product-form-results-title {
font-size: 20px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-form-results-title {
font-size: 17px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-form-results-title {
font-size: 24px
}
}
.lk__modal-select-product-title {
font-family: var(--font-family);
font-weight: 700;
line-height: 125%;
text-align: center;
color: var(--222222)
}
@media(max-width: 1199.02px) {
.lk__modal-select-product-title {
font-size: 17px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-title {
font-size: 24px
}
}
.lk__modal-select-product-list-item {
position: relative;
font-family: var(--font-family);
font-weight: 400;
line-height: 100%;
color: var(--222222);
cursor: pointer
}
@media(max-width: 767.02px) {
.lk__modal-select-product-list-item {
font-size: 14px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-list-item {
font-size: 10px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-list-item {
font-size: 14px
}
}
.lk__modal-select-product-list-item.bold {
font-weight: 700
}
.lk__modal-select-product-list-item.childrens.active>.lk__modal-select-product-list-item-heading::after {
transform: translateY(-50%) rotate(0deg)
}
.lk__modal-select-product-list-item.childrens:not(.active)>.lk__modal-select-product-list-item-body {
display: none
}
.lk__modal-select-product-list-item.childrens>.lk__modal-select-product-list-item-heading::before {
transform: translateY(-50%)
}
.lk__modal-select-product-list-item.childrens>.lk__modal-select-product-list-item-heading::after {
transform: translateY(-50%) rotate(90deg)
}
.lk__modal-select-product-list-item.childrens>.lk__modal-select-product-list-item-heading::after,
.lk__modal-select-product-list-item.childrens>.lk__modal-select-product-list-item-heading::before {
content: "";
width: 8px;
height: 1px;
border-radius: 4px;
background: var(--222222);
display: block;
position: absolute;
top: 50%;
left: 0;
transition: .3s ease
}
.lk__modal-select-product-list-item-heading {
position: relative;
user-select: none
}
@media(max-width: 767.02px) {
.lk__modal-select-product-list-item-heading {
padding: 8px 0;
padding-left: 16px
}
}
@media(min-width: 768px) {
.lk__modal-select-product-list-item-heading {
padding: 4px 0;
padding-left: 22px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-list-item-heading:hover {
background: var(--f5f5f5)
}
}
.lk__modal-select-product-list-item-body {
padding-left: 22px
}
@media(max-width: 767.02px) {
.lk__modal-select-product-results {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
background: #fff;
padding: 0;
transition: .3s ease
}
.lk__modal-select-product-results.active {
left: 0;
opacity: 1
}
.lk__modal-select-product-results:not(.active) {
left: -70vw;
opacity: 0;
pointer-events: none
}
}
@media(max-width: 767.02px) {
.lk__modal-select-product-results-heading {
display: grid;
grid-template-columns: auto 108px;
gap: 5%;
padding: 12px 16px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
background: #fff;
z-index: 5;
position: relative
}
.lk__modal-select-product-results-heading .label {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--222222)
}
.lk__modal-select-product-results-heading .value {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--222222);
margin-top: 2px
}
.lk__modal-select-product-results-heading .mobile {
display: contents
}
.lk__modal-select-product-results-heading .pc {
display: none
}
}
@media(min-width: 768px) {
.lk__modal-select-product-results-heading {
display: flex;
align-items: flex-start;
justify-content: space-between
}
.lk__modal-select-product-results-heading .mobile {
display: none
}
.lk__modal-select-product-results-heading .pc {
display: contents
}
}
.lk__modal-select-product-results-title {
font-family: var(--font-family);
font-weight: 700;
color: var(--222222)
}
@media(max-width: 1199.02px) {
.lk__modal-select-product-results-title {
font-size: 13px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-results-title {
font-size: 18px
}
}
.lk__modal-select-product-results-btn {
position: relative;
font-family: var(--font-family);
font-weight: 400;
line-height: 100%;
text-align: right;
color: var(--222222);
display: flex;
align-items: center;
cursor: pointer
}
@media(max-width: 767.02px) {
.lk__modal-select-product-results-btn {
background: var(--e30b00);
font-size: 10px;
text-align: right;
color: var(--ffffff);
gap: 12px;
border-radius: 4px;
padding: 6px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-results-btn {
gap: 6px;
font-size: 8px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-results-btn {
gap: 12px;
font-size: 12px
}
}
.lk__modal-select-product-results-btn::after {
content: "";
display: block;
background-repeat: no-repeat;
background-size: 100% 100%
}
@media(max-width: 767.02px) {
.lk__modal-select-product-results-btn::after {
min-width: 16px;
height: 19px;
background-image: url('data:image/svg+xml,')
}
}
@media(min-width: 768px) {
.lk__modal-select-product-results-btn::after {
background-image: url('data:image/svg+xml,')
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-results-btn::after {
min-width: 16px;
height: 16px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-results-btn::after {
min-width: 15px;
height: 19px
}
}
.lk__modal-select-product-results-table {
overflow: auto
}
@media(max-width: 767.02px) {
.lk__modal-select-product-results-table {
overflow: auto;
height: calc(100% - 56px - 54px - 82px);
margin-right: 4px
}
}
@media(min-width: 768px) {
.lk__modal-select-product-results-table {
margin-top: 18px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-results-table {
max-height: 105px;
padding-right: 6px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-results-table {
max-height: 155px;
padding-right: 8px
}
}
.lk__modal-select-product-mobile-add {
position: absolute;
bottom: 0;
left: 0;
padding: 16px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
background: var(--ffffff);
width: 100%
}
@media(min-width: 768px) {
.lk__modal-select-product-mobile-add {
display: none
}
}
@media(max-width: 767.02px) {
.lk__modal-select-product-button {
font-size: 14px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-button {
font-size: 10px;
min-height: 35px
}
}
.lk__modal-select-product-results-table-head {
margin-bottom: 8px
}
.lk__modal-select-product-results-table-head .lk__modal-select-product-results-table-item {
background: var(--222222);
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--ffffff)
}
@media(max-width: 767.02px) {
.lk__modal-select-product-results-table-head {
display: none
}
}
.lk__modal-select-product-results-table-body {
display: flex;
flex-direction: column;
gap: 4px
}
@media(min-width: 768px) {
.lk__modal-select-product-results-table-body .lk__modal-select-product-results-table-item {
border: 1px solid var(--ededed)
}
.lk__modal-select-product-results-table-head {
position: sticky;
top: 0;
z-index: 2;
}
.lk__modal-select-product-table-head {
position: sticky;
top: 0;
}
}
.lk__modal-select-product-results-table-body .lk__modal-select-product-results-table-item .label {
margin-bottom: 2px
}
@media(min-width: 768px) {
.lk__modal-select-product-results-table-body .lk__modal-select-product-results-table-item .label {
display: none
}
}
.lk__modal-select-product-results-table-body .lk__modal-select-product-results-table-item>*:first-child {
color: var(--orange)
}
.lk__modal-select-product-results-table-item {
display: grid
}
@media(max-width: 767.02px) {
.lk__modal-select-product-results-table-item {
position: relative;
border-bottom: 1px solid var(--222222);
padding: 9px 16px;
padding-right: 22px;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 20px
}
.lk__modal-select-product-results-table-item:first-child {
border-top: 1px solid var(--222222)
}
.lk__modal-select-product-results-table-item>*:first-child {
grid-row: 1;
grid-column: 1/5;
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 24px
}
.lk__modal-select-product-results-table-item>*:nth-child(2) {
grid-row: 2;
grid-column: 1/5;
margin-bottom: 16px
}
.lk__modal-select-product-results-table-item>*:nth-child(3) {
grid-row: 3;
grid-column: 1
}
.lk__modal-select-product-results-table-item>*:nth-child(4) {
grid-row: 3;
grid-column: 2
}
.lk__modal-select-product-results-table-item>*:nth-child(5) {
grid-row: 3;
grid-column: 3
}
.lk__modal-select-product-results-table-item>*:nth-child(6) {
grid-row: 3;
grid-column: 4
}
.lk__modal-select-product-results-table-item>*:nth-child(7) {
position: absolute;
top: 9px;
right: 9px
}
.lk__modal-select-product-results-table-item .product__counter {
padding: 7px 11px !important
}
.lk__modal-select-product-results-table-item .product__counter input {
font-size: 12px !important;
width: 34px !important
}
}
@media(min-width: 768px) {
.lk__modal-select-product-results-table-item {
gap: 2%;
border-radius: 8px;
align-items: center;
grid-template-columns: 10% 38% 8% 10% 10% 10% 2%
}
}
@media(max-width: 1199.02px) {
.lk__modal-select-product-results-table-item .product__counter {
gap: 0;
width: fit-content;
padding: 3px
}
.lk__modal-select-product-results-table-item .product__counter input {
font-size: 8px;
width: 20px
}
.lk__modal-select-product-results-table-item .product__counter span {
min-width: 14px;
height: 14px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-results-table-item {
padding: 5px 8px
}
.lk__modal-select-product-results-table-item .lk__dealers-cart-table-item-btn {
min-width: 12px;
max-width: 12px;
height: 15px
}
.lk__modal-select-product-results-table-item .shortcut-bar__modal-item-counter {
gap: 10px
}
.lk__modal-select-product-results-table-item .shortcut-bar__modal-item-counter span {
min-width: 8px;
max-width: 8px;
height: 6px
}
.lk__modal-select-product-results-table-item .shortcut-bar__modal-item-counter p {
font-size: 8px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-results-table-item {
padding: 10px 16px
}
.lk__modal-select-product-results-table-item .product__counter {
gap: 0;
width: fit-content;
padding: 7px 4px
}
}
.lk__modal-select-product-results-table-item .label {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--222222)
}
.lk__modal-select-product-results-table-item .value {
font-family: var(--font-family);
font-weight: 600;
display: block
}
@media(max-width: 767.02px) {
.lk__modal-select-product-results-table-item .value {
font-size: 12px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-results-table-item .value {
font-size: 8px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-results-table-item .value {
font-size: 12px
}
}
.lk__modal-select-product-results-table-item .value * {
display: block
}
.lk__modal-select-product-results-table-item .value .orange {
color: var(--orange)
}
.lk__modal-select-product-results-table-item .value .gray {
font-family: var(--font-family);
font-weight: 400;
line-height: 180%;
color: var(--666666)
}
@media(max-width: 767.02px) {
.lk__modal-select-product-results-table-item .value .gray {
font-size: 10px
}
}
@media(min-width: 768px)and (max-width: 1199.02px) {
.lk__modal-select-product-results-table-item .value .gray {
font-size: 7px
}
}
@media(min-width: 1200px) {
.lk__modal-select-product-results-table-item .value .gray {
font-size: 10px
}
}
.lk__modal-select-product-catalog-list-btn {
padding: 16px 24px;
display: grid;
grid-template-columns: auto 14px;
gap: 13px;
align-items: center;
background: var(--ffffff);
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
position: sticky;
top: 0;
background: #fff;
z-index: 15
}
@media(min-width: 768px) {
.lk__modal-select-product-catalog-list-btn {
display: none
}
}
.lk__modal-select-product-catalog-list-btn-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 16px;
color: var(--222222)
}
.lk__modal-select-product-catalog-list-btn-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--222222);
margin-top: 2px
}
.lk__modal-select-product-catalog-list-btn-icon {
width: 8px;
height: 16px
}
.lk__modal-select-product-catalog-list-btn-icon svg {
width: 100%;
height: 100%;
display: block
}
.lk__modal-select-product-results-panel {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 5;
background: var(--f5f5f5);
padding: 14px 16px
}
@media(min-width: 768px) {
.lk__modal-select-product-results-panel {
display: none
}
}
.lk__modal-select-product-results-panel-title {
font-family: var(--font-family);
font-weight: 600;
font-size: 10px;
color: var(--222222)
}
.lk__modal-select-product-results-panel-text {
font-family: var(--font-family);
font-weight: 600;
font-size: 12px;
color: var(--222222);
margin-top: 2px
}
@media(min-width: 768px) {
.lk__modal-select-product-results-sticky {
position: sticky;
bottom: 0;
background: white;
padding-top: 20px;
display: flex;
flex-direction: column;
gap: 16px;
}
}
/* End */
/* Start:/local/templates/bulros/media/css/custom.css?17486135587412*/
.catalog__list-controls {
margin-top: 0px;
}
.catalog__list-items {
margin-bottom: 8px
}
@media (max-width: 575.02px) {
.catalog__list-items {
margin-bottom: 16px
}
}
@media (min-width: 576px) {
.catalog__list-items {
margin-bottom: 16px
}
}
@media (max-width: 1199.02px) {
.catalog__list-items {
margin-bottom: 16px
}
}
@media (min-width: 992px) {
.catalog__list-items {
margin-bottom: 24px
}
}
@media (max-width: 767px) {
.phone__social-mobile {
display: flex;
}
.phone__social-pc {
display: none;
}
}
@media (min-width: 768px) {
.phone__social-mobile {
display: none;
}
.phone__social-pc {
display: flex;
}
}
.article__btn-back {
cursor: pointer;
}
.field__input.error,
.faq__form-field-input.error,
.checkbox__icon.error,
.upload-file.error,
.footer__newsletter-input.error {
outline: 1px solid var(--orange);
border-radius: 6px;
border: 0;
}
.form-field__dropdown {
border: 1px solid var(--orange);
border-radius: 4px;
width: 100%;
position: absolute;
left: 0;
background: white;
z-index: 55;
overflow: hidden;
transition: .3s ease
}
@media (max-width: 767.02px) {
.form-field__dropdown {
padding: 8px;
top: 55px
}
}
@media (min-width: 768px) {
.form-field__dropdown {
padding: 16px 16px 16px 24px;
top: 110%
}
}
.form-field__dropdown:not(.active) {
max-height: 0;
opacity: 0;
visibility: hidden;
pointer-events: none
}
.form-field__dropdown.active {
max-height: 300px;
opacity: 1;
visibility: visible;
pointer-events: auto
}
.form-field__dropdown-list {
overflow: auto
}
@media (max-width: 767.02px) {
.form-field__dropdown-list {
height: 120px
}
}
@media (min-width: 768px) {
.form-field__dropdown-list {
height: 213px
}
}
.form-field__dropdown-list::-webkit-scrollbar {
width: 6px
}
.form-field__dropdown-item {
cursor: pointer
}
.form-field__dropdown-item:not(:last-child) {
margin-bottom: 6px
}
.form-field__dropdown-item-title {
font-family: var(--font-family);
font-weight: 400;
line-height: 120%;
color: var(--extended-palette-neutral-neutral-0);
margin-bottom: 2px
}
@media (max-width: 767.02px) {
.form-field__dropdown-item-title {
font-size: 12px
}
}
@media (min-width: 768px) {
.form-field__dropdown-item-title {
font-size: 14px
}
}
.form-field__dropdown-item-title span {
color: var(--primary)
}
.form-field__dropdown-item-text {
font-family: var(--font-family);
font-weight: 400;
line-height: 120%;
letter-spacing: -0.02em;
color: var(--extended-palette-neutral-neutral-40)
}
@media (max-width: 767.02px) {
.form-field__dropdown-item-text {
font-size: 10px
}
}
@media (min-width: 768px) {
.form-field__dropdown-item-text {
font-size: 12px
}
}
#popup.modal-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
transition: .3s ease
}
@media (min-width: 768px) {
#popup.modal-popup {
padding: 20px
}
}
#popup.modal-popup.active {
pointer-events: auto
}
#popup.modal-popup.active .modal__wrapper {
visibility: visible;
opacity: 1;
top: 0
}
#popup.modal-popup.active .modal__backdrop {
opacity: 1;
pointer-events: all
}
#popup.modal-popup:not(.active) {
pointer-events: none
}
#popup.modal-popup:not(.active) .modal__wrapper {
visibility: hidden;
opacity: 0;
top: -50%
}
#popup.modal-popup:not(.active) .modal__backdrop {
opacity: 0;
pointer-events: none
}
#popup .modal__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
background: rgba(12, 12, 12, .5);
transition: .3s ease
}
#popup .modal__wrapper {
position: relative;
z-index: 10;
background: white;
transition: .3s ease;
border-radius: 20px;
max-width: 420px;
width: 100%;
max-height: 100%;
overflow: auto;
scrollbar-width: 4px;
justify-items: center;
}
@media (max-width: 1199.02px) {
#popup .modal__wrapper {
padding: 15px
}
}
@media (min-width: 1200px) {
#popup .modal__wrapper {
padding: 30px
}
}
#popup .modal__cross {
display: block;
position: relative;
margin-left: auto;
cursor: pointer
}
#popup .modal__cross:hover svg * {
transition: .3s ease-in-out;
fill: var(--secondary);
stroke: var(--secondary)
}
@media (max-width: 767.02px) {
#popup .modal__cross {
width: 14px;
height: 14px
}
}
@media (min-width: 768px) {
#popup .modal__cross {
width: 18px;
height: 18px
}
}
#popup .modal__cross::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%
}
@media (max-width: 767.02px) {
#popup .modal__cross::after {
padding: 5px
}
}
@media (min-width: 768px) {
#popup .modal__cross::after {
padding: 15px
}
}
#popup .modal__cross img,
#popup .modal__cross svg {
width: 100%;
height: 100%
}
#popup .modal__cross img *,
#popup .modal__cross svg * {
transition: .3s ease-in-out
}
#popup .modal__title {
font-family: var(--font-family);
font-weight: 500;
line-height: 120%;
color: var(--primary)
}
@media (max-width: 767.02px) {
#popup .modal__title {
margin-bottom: 10px;
font-size: 18px
}
}
@media (min-width: 768px) {
#popup .modal__title {
margin-bottom: 14px
}
}
@media (min-width: 768px)and (max-width: 1199.02px) {
#popup .modal__title {
font-size: 20px
}
}
@media (min-width: 1200px) {
#popup .modal__title {
font-size: 24px
}
}
#popup .modal__subtitle {
font-family: var(--font-family);
font-weight: 400;
line-height: 120%;
color: var(--extended-palette-neutral-neutral-0);
text-align: center;
}
@media (max-width: 767.02px) {
#popup .modal__subtitle {
font-size: 14px;
margin-bottom: 18px
}
}
@media (min-width: 768px) {
#popup .modal__subtitle {
font-size: 16px;
margin-bottom: 24px
}
}
#popup .modal .button {
width: 100%;
justify-content: center
}
.lk__modal-select-product-table-item .value {
cursor: pointer;
}
.lk__modal-select-product-list {
min-height: 100px;
}
.lk__modal-select-product-results-panel-flex {
display: flex;
position: relative;
flex-direction: row;
justify-content: space-between;
}
.lk__dealers-cart-table-item-wn {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: baseline;
}
.lk__notifications-topbar-btn-no-active span {
color: #ccc!important;
}
@media (min-width: 768px) and (max-width: 1199.02px) {
.modal .lk__dealers-cart-table-item.nochange {
grid-template-columns: 7.1% 31.9% 12.35% 10.26% 6.84% 5.1% 8% 2.4%;
gap: 8px;
}
}
@media (min-width: 1200px) {
.modal .lk__dealers-cart-table-item.nochange {
grid-template-columns: 68px 244px 88px 81px 63px 36px 55px 24px;
gap: 20px;
}
}
/* End */
/* Start:/local/templates/bulros/components/bitrix/sale.basket.basket.line/.default/style.min.css?17424533484062*/
.bx-basket-block{margin:auto;position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:100;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:70px}}@media(min-width:768px) and (width <= 992px){.block-store-catalog-list .bx-basket-fixed.bottom{bottom:90px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:100;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}.block-wrapper .bx-basket-fixed{padding-top:0}.block-wrapper .bx-basket-fixed .bx-hdr-profile{display:flex;justify-content:space-between}.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block{padding-bottom:0}}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */
/* Start:/local/templates/bulros/components/bitrix/sale.basket.basket.line/mobile/style.min.css?17443813974062*/
.bx-basket-block{margin:auto;position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:100;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:70px}}@media(min-width:768px) and (width <= 992px){.block-store-catalog-list .bx-basket-fixed.bottom{bottom:90px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:100;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}.block-wrapper .bx-basket-fixed{padding-top:0}.block-wrapper .bx-basket-fixed .bx-hdr-profile{display:flex;justify-content:space-between}.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block{padding-bottom:0}}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */
/* Start:/local/templates/bulros/components/bitrix/breadcrumb/bulros/style.min.css?1742453348467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* /local/templates/bulros/media/css/main.min.css?1748463014346926 */
/* /local/templates/bulros/media/css/custom.css?17486135587412 */
/* /local/templates/bulros/components/bitrix/sale.basket.basket.line/.default/style.min.css?17424533484062 */
/* /local/templates/bulros/components/bitrix/sale.basket.basket.line/mobile/style.min.css?17443813974062 */
/* /local/templates/bulros/components/bitrix/breadcrumb/bulros/style.min.css?1742453348467 */