/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

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

/*GENERAL STYLES*/

:root {
    /* Colors */
    --base-font-color: #343434;
    --base-font-light-color: white;
    /* --theme-primary-color: #7c3c9c;
    --theme-secondary-color: #7d3c98; */
    --breadcrumbs-color: #bdc2d3;
    --theme-secondary-color: #8e44ad;
    --theme-primary-color: #7d3c98;
    --body-bg-color: #f7f7fb;
    --base-font-family: "Roboto", sans-serif;
    --base-font-size: 9px;
    --base-font-lineheight: 1.5;
    --base-font-weight: 400;
    --no-image-bg-color: #e9e8f1;
    --outline-color: rgba(52, 52, 52, 0.1);
    --font-lighter-color: #a5a4a4;
    --font-highlight-color: #87888a;
    --textheadings-font-family: "PT Sans Caption", sans-serif;
}

html {
    /* box-sizing: border-box; */
    font-size: var(--base-font-size);
    margin: 0;
    padding: 0;
    /* border: 1px solid blue; */
    scroll-behavior: smooth;
    touch-action: manipulation;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}

body {
    font: 400 1.6rem / 1.5 "Manrope", Arial, Helvetica, sans-serif;
    background-color: var(--body-bg-color);
    padding: 126px 0 0 0;
    color: var(--base-font-color);
}
@media screen and (max-width: 1199px) {
    body {
        padding: 75px 0 70px 0;
    }
}
@media screen and (max-width: 767px) {
    body {
        padding: 68px 0 55px 0;
    }
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 500;
}

input,
textarea {
    border: none;
    outline: none;
    padding: 10px 24px;
    border-radius: 5px;
    cursor: pointer;
    background-color: var(--body-bg-color);
    resize: none;
}

.price-input {
    width: 100%;
    display: flex;
    margin: 0;
    gap: 12px;
}
.price-input .field {
    position: relative;
    display: flex;
    width: 100%;
    height: 42px;
    align-items: center;
}

.field input {
    width: 100%;
    height: 100%;
    outline: none;
    /* margin-left: 12px; */
    border-radius: 5px;
    text-align: center;
    -moz-appearance: textfield;
}
.price-input input {
    background-color: #e4ebf1;
    border: 1px solid #e4ebf1;
    font-size: 14px;
    padding-left: 32px;
    text-align: left;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.price-input__prefix,
.price-input__sign {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.price-input__prefix {
    left: 0;
    padding-left: 12px;
}
.price-input__sign {
    right: 0;
    padding-right: 12px;
}

.slider {
    height: 2px;
    position: relative;
    background: var(--outline-color);
    border-radius: 5px;
    margin-top: 17px !important;
}
.slider .progress {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 5px;
    background: var(--theme-primary-color);
}
.range-input {
    position: relative;
}
.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -9px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0;
}
input[type="range"]::-webkit-slider-thumb {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--theme-primary-color);
    pointer-events: auto;
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    transition: 0.2s;
}
input[type="range"]::-moz-range-thumb {
    height: 8px;
    width: 8px;
    border: none;
    border-radius: 50%;
    background: var(--theme-primary-color);
    pointer-events: auto;
    -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb,
input[type="range"]::-moz-range-thumb {
    position: relative;
    top: 50%;
}
input.range-min::-webkit-slider-thumb {
    left: 0;
}
input.range-min::-webkit-slider-thumb:hover {
    height: 14px;
    width: 14px;
    margin-left: -3px;
}
input.range-max::-webkit-slider-thumb:hover {
    height: 14px;
    width: 14px;
    margin-left: 3px;
}

/*end of input*/

select {
    appearance: none;
    width: fit-content;
    min-width: 160px;
    padding: 6px;
    background-color: var(--base-font-light-color);
    border: 1px solid var(--body-bg-color);
    border-radius: 6px;
    color: var(--base-font-color);
    cursor: pointer;
}
input[type="select"] {
    border: 2px solid transparent;
    outline: none;
    min-width: 200px;
    border-radius: 8px;
}
input[type="select"]:focus {
    outline: none;
    border: 2px solid var(--theme-primary-color);
}
a {
    color: inherit;
    cursor: pointer;
}
a:hover {
    color: var(--theme-primary-color);
}
a:hover > span {
    color: var(--theme-primary-color);
}

address {
    font-style: normal;
}
form {
    font-size: 13px;
}
form input::placeholder,
form textarea::placeholder {
    font-size: 14px;
    color: var(--font-highlight-color);
    font-family: "Manrope", Arial, Helvetica, sans-serif;
}
form input[type="text"] {
    border: 2px solid transparent;
    transition: border 0.25s;
}
form input[type="text"]:focus {
    border: 2px solid var(--theme-primary-color);
    transition: border 0.25s;
}

/*FORM GENERAL STYLES*/
form input[type="text"] {
    height: 41px;
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
    form input[type="text"] {
        height: 46px;
    }
}
/*End of Form general styles*/

.font {
    color: var(--breadcrumbs-color);
}

/*REUSABLE ELEMENTS STYLES*/

.container {
    padding: 10px 23px;
    width: 100%;
    /* border: 1px solid peru; */
    /* overflow-x: hidden; */
}

@media screen and (max-width: 400px) {
    /*GENERAL MOBILE STYLES*/

    .container {
        padding: 0 23px;
    }
    .header {
        display: none;
    }
    .page-main {
        flex-direction: column;
    }
    .products-view-space {
        flex-direction: column;
    }
    .productpage-section {
        flex-direction: column;
    }
    .cartpage__main {
        flex-direction: column;
    }
    .contactspage__section {
        flex-direction: column;
    }
    .comments-section {
        flex-direction: column;
    }
    .reviewspage__inner {
        flex-direction: column;
    }
    .lkpage__main {
        flex-direction: column;
    }
    .footer__nav {
        flex-direction: column;
    }
    .contactspage__list_info {
        flex-direction: column;
    }
    .productcard_tile-type {
        width: 100%;
    }
    .products-view-settings > * {
        width: 50%;
    }
    .productsview__selects select {
        width: 100%;
        height: 45px;
    }
    .blogpage__text {
        width: 90%;
        margin: 40px auto;
    }
    .forgotpasswordpage__inner,
    .registrationpage__inner {
        width: 90%;
        margin: 40px auto;
    }
}
.page-main {
    display: flex;
    gap: 24px;
}

.radiusborder-el {
    background-color: var(--base-font-light-color);
    /* box-shadow: var(--no-image-bg-color) 0px 2px 6px; */
    padding: 23px;
    border-radius: 5px;
}

.input-group {
    display: flex;
    align-items: center;
}

.action-element {
    float: right;
    height: 42px;
    border: 1px solid var(--outline-color);
    width: 41px;
    border-radius: 5px;
    background-color: var(--base-font-light-color);
}
.menu_overlay__actions .action-element_a,
.menu_overlay__actions .action-element_group {
    height: 50px;
    min-width: 50px;
}

.action-element_flex {
    display: flex;
    width: fit-content;
    padding: 6px;
    min-width: 66px;
}
.action-element_info {
    padding: 8px 8px 8px 0;
    text-align: left;
}
.action-element_a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.action-element_group {
    width: 102px;
    height: 42px;
    display: flex;
    overflow: hidden;
}
.action-element_group > .header__action-btn {
    position: relative;
    width: 50%;
}
.products-view {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 24px;
}
.popup-container {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    outline: none;
    transform: translateZ(0);
    z-index: 99992;
}
.popup-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #191919;
    opacity: 0.9;
}

/*Reusable elements: BUTTONS*/
button {
    border: none;
    outline: none;
    padding: 10px 24px;
    border-radius: 5px;
    cursor: pointer;
    height: 42px;
    /* resize: none; */
}
button img,
button svg {
    pointer-events: none;
}

.button_primary {
    background-color: var(--theme-primary-color);
    color: var(--base-font-light-color);
    position: relative;
}
.button_primary:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.2);
    transition: opacity 0.25s;
    opacity: 0;
}
.button_primary:hover::after {
    opacity: 1;
    transition: opacity 0.25s;
}
.button_secondary {
    position: relative;
    background-color: var(--body-bg-color);
    color: var(--base-font-color);
}
.button_secondary:hover {
    background-color: var(--theme-secondary-color);
    color: var(--base-font-light-color);
    transition: color 0.25s, background-color 0.25s;
}
.button_fullwidth {
    position: relative;
    justify-content: center;
    width: 100%;
}
.header__search-btn {
    position: absolute;
    right: 0;
    bottom: 3px;
    height: 36px;
    font-size: 13px;
    background-color: var(--theme-primary-color);
    color: var(--base-font-light-color);
    margin-right: 3px;
    transition: background-color 0.25s, color 0.25s;
}
.header__search-btn svg.icon-search {
    display: none;
}
.header__search-btn:hover {
    background-color: var(--theme-secondary-color);
    transition: background-color 0.25s, color 0.25s;
}

.header__action-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    border-radius: 0;
    background-color: var(--base-font-light-color);
}
a.header__action-btn:hover {
    color: var(--base-font-color);
}
.action-element_group .header__action-btn:first-child:after {
    position: absolute;
    content: "";
    top: 10%;
    bottom: 10%;
    right: 0;
    left: 99%;
    background-color: var(--outline-color);
    z-index: 100;
}
.filters__btn {
    background-color: var(--theme-primary-color);
    color: var(--base-font-light-color);
    height: auto;
    font-size: 15px;
}
.addtocart__btn {
    display: flex;
    background-color: var(--theme-primary-color);
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    color: var(--base-font-light-color);
    width: 158px;
    height: 46px;
}
.see-product-details__btn,
.product-action__btn_relative {
    width: 46px;
    height: 46px;
    padding: 0;
    /* border: 1px solid var(--theme-primary-color); */
    border: 1px solid var(--outline-color);
    background-color: var(--base-font-light-color);
}
.productcard__addtocart-btn {
    /* background-color: var(--theme-primary-color); */
    position: relative;
    width: 196px;
}
.credit__btn {
    background-color: #ffd540;
    width: 154px;
    color: var(--base-font-color);
}
.fastorder__btn {
    width: 154px;
}
.amount-minus-btn,
.amount-plus-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 24px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.amount-minus-btn {
    left: 0;
}
.amount-plus-btn {
    right: 0;
}
.amount-minus-btn:active,
.amount-plus-btn:active {
    background-color: var(--breadcrumbs-color);
}



.close-sidecart-btn {
    height: 38px;
    width: 38px;
    padding: 0;
    background-color: transparent;
    top: 0;
    left: 0;
    transition: color 0.25s;
}
.close-sidecart-btn:hover {
    color: var(--theme-primary-color);
    transition: color 0.25s;
}
.close-sidecart-btn svg.icon-close-cart {
    height: 38px;
    width: 38px;
}

.button_taller {
    height: 47px;
}
.button_tall {
    height: 56px;
}

/* HEADER STYLES */
.header {
    top: 0;
    right: 0;
    left: 0;
    height: 126px;
    background-color: var(--base-font-light-color);
    position: fixed;
    z-index: 30000;
}
.mainpage-link {
    padding: 0;
    margin: 0;
}
.header__search-offers {
    position: absolute;
    top: 42px;
    right: 0;
    left: 0;
    display: none;
    visibility: hidden;
    background-color: var(--body-bg-color);
    z-index: 400;
    border-radius: 0 0 5px 5px;
    transition: visibility 0.25s;
}
.header__search-offers_opened {
    display: block;
    visibility: visible;
    transition: visibility 0.25s;
}
/* .header__search-offers li {
    border-bottom: 1px solid var(--outline-color);
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    padding: 14px 18px;
    font-size: 14px;
}
.header__search-offers .mobile__search-item__price {
    font-size: 15px;
}
.header__search-offers .mobile__search-item__articul {
    font-size: 13px;
}
.header__search-offers .mobile__search__showall-link {
    font-size: 13px;
}
.header__search-offers .mobile__search__title {
    font-size: 16px;
    font-weight: 400;
}
.header__search-offers .mobile__search-item__img {
    margin: 0 15px 0 0;
    width: 34px;
    height: 34px;
    padding: 4px;
    border-radius: 4px;
}
.header__search-offers .actions_mobile__search svg.icon-search,
.header__search-offers .mobile__search-form svg.icon-search {
    width: 18px;
    height: 18px;
}
.header__search-offers .mobile__category-search__item {
    font-size: 14px;
    padding: 16px 14px;
    gap: 10px;
}
.header__search-offers .mobile__search-cat-tag {
    font-size: 11px;
    padding: 3px 7px;
} */

.header__categories .categories-menu__link svg.icon-arrow-right,
.header__categories .categories-menu__item svg.icon-arrow-right {
    width: 6px;
    height: 10px;
}
.header_mobile {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 75px;
    justify-content: space-between;
    border-bottom: 1px solid var(--outline-color);
    z-index: 55000;
    display: none;
    background-color: var(--base-font-light-color);
}
.header_mobile .header__logo {
    margin-top: 6px;
    height: 37px;
}
.header_mobile__button {
    background-color: transparent;
    padding: 0;
}
.header_mobile__button svg.icon-toggle,
.header_mobile__button svg.icon-call {
    height: 20px;
    width: 20px;
}
@media screen and (max-width: 1199px) {
    .header {
        visibility: hidden;
    }
    .header_mobile {
        display: flex;
        align-items: center;
    }
    /* .breadcrumbs-block {
        display: none;
    } */
}
@media screen and (max-width: 767px) {
    .header_mobile {
        height: 68px;
    }
    .header_mobile__button svg.icon-toggle,
    .header_mobile__button svg.icon-call {
        height: 18px;
        width: 18px;
    }
    .header_mobile .header__logo {
        margin-top: 0;
        height: 33px;
    }
}
.actions_mobile {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    height: 65px;
    background-color: var(--theme-primary-color);
    display: none;
    justify-content: space-around;
    align-items: center;
    z-index: 50000;
    transition: bottom 0.25s;
}
@media screen and (max-width: 1199px) {
    .actions_mobile {
        display: flex;
    }
    .actions_mobile__disappearing {
        bottom: -65px;
        transition: bottom 0.25s;
    }
}
.actions_mobile__button {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 4px;
    width: 20%;
    color: var(--base-font-light-color);
    font-size: 13px;
    background-color: transparent;
    border-radius: 0;
}
.actions_mobile__button svg {
    height: 20px;
    width: 20px;
    margin-bottom: 5px;
}

.actions_mobile__button.mobile_cart-btn {
}
.mobile_cart-btn .cart-amount {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4px;
    right: 50%;
    transform: translateX(calc(50% + 16px));
    position: absolute;
    height: 16px;
    min-width: 16px;
    width: fit-content;
    border-radius: 8px;
    background-color: var(--base-font-light-color);
}
.mobile_cart-btn .header__cart-counter {
    color: var(--theme-primary-color);
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .actions_mobile {
        height: 59px;
        padding-top: 6px;
    }
    .actions_mobile__button {
        font-size: 12px;
    }
    .actions_mobile__button svg {
        height: 18px;
        width: 18px;
        margin-bottom: 3px;
    }
    .mobile_cart-btn .cart-amount {
        top: 1px;
        transform: translateX(calc(50% + 13px));
        height: 14px;
        min-width: 14px;
        border-radius: 7px;
    }
    .mobile_cart-btn .header__cart-counter {
        font-size: 12px;
    }
}

.actions_mobile__call {
    position: fixed;
    width: 100%;
    bottom: 24px;
    z-index: 60000;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: opacity 0.25s, visibility 0.25s;
    /* opacity: 0;
    visibility: hidden; */
}
/* .actions_mobile__call_opened {
    opacity: 1;
    visibility: visible;
} */
.actions_mobile__call-menu {
    background-color: var(--base-font-light-color);
    border-radius: 5px;
    z-index: 70000;
}

.actions_mobile__call-menu > li,
.actions_mobile__search-list > li {
    border-bottom: 1px solid var(--outline-color);
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px 16px;
    font-size: 15px;
}

/* .actions_mobile__search-list > li {
    padding: 21px 15px;
} */

.actions_mobile__call-menu > li > a {
    display: flex;
    justify-content: space-between;
}
.header .container {
    padding-top: 0;
    padding-bottom: 0;
}
.header__inner {
    display: flex;
    gap: 16px;
}
.header__left {
    width: 15%;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 3px;
}
.header___logo {
    position: relative;
    object-fit: contain;
    height: 35px;
    margin-bottom: 8px;
}
.header__categories,
.header__tagcategory-wrapper {
    display: inline-block;
    position: relative;
}

.header__categories {
    position: relative;
}

@media screen and (max-width: 1199px) {
    .header__categories {
        display: none;
    }
}
.header__right {
    width: 85%;
    display: flex;
    flex-direction: column;
}
.header__right_top {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    gap: 60px;
}
.header__nav {
    display: flex;
    align-items: center;
}
.header__nav ul li {
    display: inline-block;
    margin-right: 21px;
}
.header__support {
    display: flex;
    align-items: center;
    /* margin-right: 18%; */
    flex-grow: 1;
}
.header__support > * {
    margin-right: 5px;
}
.navitem-with-icon svg.help-icon {
    vertical-align: middle;
    margin-right: 8px;
}
.header__right_middle {
    height: 52px;
    display: flex;
    gap: 4px;
}

.header__input-group {
    height: 42px;
    display: flex;
    flex-grow: 1;
    background-color: var(--body-bg-color);
    border-radius: 6px;
    /* align-items: center; */
}
.header__right_middle .header__input-group {
    margin-right: 7%;
}

.header__search-form {
    position: relative;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: column;
}

.header__input {
    height: 42px;
    min-width: 200px;
    flex-grow: 1;
    background-color: transparent;
    font-size: 15px;
}

.header__action-icon,
.header__tagcategory-icon {
    height: 18px;
    width: 18px;
}
.header__action-icon {
    margin: 0 8px;
}
.header__action-btn:hover a {
    color: var(--base-font-color);
}
.header__tagcategory-icon {
    margin-right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    width: 18px;
}

.menu_overlay .header__tagcategory-icon,
.actions_mobile__catalog .header__tagcategory-icon {
    height: 16px;
    width: 16px;
    margin-right: 14px;
}

.header__right_bottom {
    display: flex;
    height: 36px;
}
.header__tagcategory {
    border: 1px solid;
    /* border-color: var(--outline-color); */
    border-color: rgba(52, 52, 52, 0.1);
    border-radius: 5px;
    height: 32px;
    float: left;
    margin-right: 10px;
    display: flex;
    align-items: center;
    width: fit-content;
    font-weight: 500;
    color: #343434;
    padding: 0px 14px;
    /* letter-spacing: 0.02em; */
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    background-color: var(--base-font-light-color);
    transition: border-color 0.25s;
}

.icon-catalog {
    width: 10px;
    height: 10px;
    margin-right: 10px;
}
.header__tagcategory:hover,
.action-element:hover {
    border-color: var(--base-font-color);
    color: var(--base-font-color);
    transition: border-color 0.25s;
}
.header__tagcategory a:hover > span {
    color: var(--base-font-color);
}

.header__toallcategories-link {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 50000;
}

.header__toallcategories-link .header_shrunk .header__inner {
    display: flex;
    align-items: center;
}

/*MENU OVERLAY STYLES*/

.submenus-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 105000;
    display: none;
}

.menu_overlay,
.submenu_overlay,
.actions_mobile__catalog,
.actions_mobile__search {
    display: none;
}

.menu_overlay,
.submenu_overlay,
.actions_mobile__catalog,
.actions_mobile__search {
    display: none;
    position: fixed;
    top: 0;
    height: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    min-height: 100vh;
    /* height: fit-content; */
    font-size: 1.8rem;
    z-index: 100000;
    background-color: var(--base-font-light-color);
}
.submenu_overlay {
    /* position: absolute; */
    display: block;
}
.submenu_overlay {
    z-index: 105000;
}

@media screen and (max-width: 1199px) {
    .menu_overlay_opened,
    .submenu_overlay_opened,
    .actions_mobile__catalog_opened,
    .actions_mobile__search_opened {
        display: block;
    }
}
.menu_overlay__head__btn,
.actions_mobile__head__btn,
.actions_mobile__head__btn,
.actions_mobile__search__btn {
    background-color: transparent;
    padding: 0;
    margin-right: 14px;
    padding-left: 0;
}
.menu_overlay__head__btn svg.icon-close,
.actions_mobile__head__btn svg.icon-close {
    width: 16px;
    height: 16px;
}
.menu_overlay__head,
.submenu_overlay__head,
.actions_mobile__catalog__head,
.actions_mobile__search__head {
    /* padding: 20px 30px 21px 30px; */
    padding: 13px 30px 21px 30px;
    display: flex;
    align-items: baseline;
}
.actions_mobile__search__head {
    padding: 13px 14px 21px 14px;
}

.submenu_overlay__head,
.actions_mobile__catalog__head {
    border-bottom: 1px solid var(--outline-color);
}
.submenu_overlay__head svg.icon-arrow-left,
.categories_mobile__head svg.icon-arrow-left {
    width: 9px;
    height: 15px;
}

.menu_overlay__title,
.submenu_overlay__title {
    font-size: 25px;
}
.menu_overlay__actions {
    display: flex;
    border-bottom: 1px solid var(--outline-color);
    padding: 0 30px 20px;
    margin-top: -12px;
    gap: 6px;
}

.menu_overlay__actions .header__action-icon,
.menu_overlay__actions .header__tagcategory-icon {
    height: 20px;
    width: 20px;
}
.menu_overlay .header__cart-amount {
    font-size: 11px;
    margin-bottom: 2px;
}
.menu_overlay .header__cart-sum {
    font-size: 14px;
}
.menu_overlay__menu {
    display: flex;
    flex-direction: column;
}
.menu_overlay .action-element_info {
    padding: 8px 14px 8px 2px;
    text-align: left;
}
.menu_overlay__menu > li,
.submenu_overlay__menu > li {
    border-bottom: 1px solid var(--outline-color);
    line-height: 1.2;
    padding: 19px 47px 20px 30px;
    font-size: 18px;
}
.menu_overlay__menu a:hover > span,
.submenu_overlay__menu a:hover > span {
    color: var(--base-font-color);
}

.menu-overlay__phones-item {
    position: relative;
    border: 1px solid var(--outline-color);
    border-radius: 5px;
    padding: 13px 20px;
}
.menu-overlay__phones-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-overlay__schedule {
    font-size: 15px;
    color: var(--breadcrumbs-color);
    margin-bottom: 16px;
    margin-top: 4px;
}

.menu-overlay__support {
    flex-direction: column;
    gap: 12px;
    padding: 17px 27px;
}
.menu-overlay__support-title {
    font-weight: 500;
}
.menu-overlay__support svg.icon-call,
.actions_mobile__call svg.icon-call {
    height: 20px;
    width: 20px;
}
.menu-overlay__support svg.icon-social-whatsapp {
    height: 24px;
    width: 24px;
    margin-bottom: 12px;
}

.menu-overlay__support-info {
    font-size: 15px;
}

@media screen and (max-width: 767px) {
    .menu_overlay__title,
    .submenu_overlay__title {
        font-size: 23px;
    }
    .menu_overlay__actions {
        padding: 0 27px 18px;
        margin-top: -8px;
        gap: 6px;
    }
    .menu_overlay__menu > li,
    .submenu_overlay__menu > li {
        padding: 17px 44px 18px 27px;
        font-size: 16px;
    }
    .categories-menu__link svg.icon-arrow-right,
    .categories-menu__item a svg.icon-arrow-right {
        width: 6px;
        height: 10px;
    }
    .menu_overlay__head,
    .submenu_overlay__head,
    .actions_mobile__catalog__head,
    .actions_mobile__search__head {
        padding: 12px 27px 13px 27px;
        display: flex;
        align-items: baseline;
    }
    .menu_overlay__head__btn svg.icon-close,
    .actions_mobile__head__btn svg.icon-close {
        width: 15px;
        height: 15px;
    }
    .menu_overlay .header__tagcategory-icon,
    .actions_mobile__catalog .header__tagcategory-icon {
        height: 15px;
        width: 15px;
        margin-right: 12px;
    }
    .menu-overlay__phones-item {
        padding: 11px 18px;
    }
    .menu-overlay__schedule {
        font-size: 14px;
        margin-bottom: 16px;
        margin-top: 0;
    }
    .menu-overlay__support svg.icon-call,
    .actions_mobile__call svg.icon-call {
        height: 18px;
        width: 18px;
    }
    .menu-overlay__support-info {
        font-size: 14px;
    }
    .menu-overlay__support-title {
        font-weight: 400;
    }
    .menu-overlay__support svg.icon-social-whatsapp {
        height: 20px;
        width: 20px;
        margin-bottom: 10px;
    }
    .menu_overlay__actions .action-element_a,
    .menu_overlay__actions .action-element_group {
        height: 45px;
        min-width: 45px;
    }
    .menu_overlay__actions .header__action-icon,
    .menu_overlay__actions .header__tagcategory-icon {
        height: 18px;
        width: 18px;
    }
    .menu_overlay__actions .action-element_group {
        width: 102px;
    }
    .menu_overlay .header__cart-amount {
        font-size: 10px;
        margin-bottom: 0;
    }
    .menu_overlay .action-element_info {
        padding: 8px 8px 8px 0;
    }
    .menu_overlay .header__cart-sum {
        font-size: 13px;
    }
}

.actions_mobile__search__head {
    display: flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 6px;
}
.mobile__search__title {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    left: 50%;
    transform: translateX(-50%);
}
.mobile__search-form {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    padding-bottom: 10px;
}
.mobile__search-item__img {
    /* margin: 0 15px 0 0;
    width: 34px;
    height: 34px;
    padding: 4px;
    border-radius: 4px; */

    padding: 4px;
    border-radius: 4px;
    margin: 0 15px 0 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    background: #fff;
    float: left;
}
.mobile__search-item__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 6px;
}
.mobile__search-item__articul {
    float: right;
    color: var(--breadcrumbs-color);
    font-size: 13px;
}
.mobile__search__showall-link {
    font-size: 13px;
    color: #337ab7;
    display: flex;
    justify-content: center;
    padding: 10px 14px;
    border-bottom: 1px solid var(--outline-color);
}
.mobile__search__showall-link:hover {
    color: #4791ff;
}

.mobile__search__title {
    font-size: 16px;
    font-weight: 400;
}
.actions_mobile__search svg.icon-search,
.mobile__search-form svg.icon-search {
    width: 18px;
    height: 18px;
}
.mobile__category-search__item {
    justify-content: start;
    align-items: center;
    display: flex;
    font-size: 14px;
    padding: 16px 14px;
    gap: 10px;
    border-top: 1px solid var(--outline-color);
    border-bottom: 1px solid var(--outline-color);
}

.mobile__search-cat-tag {
    display: block;
    height: fit-content;
    background-color: #e5e8f3;
    border-radius: 4px;
    font-size: 11px;
    padding: 3px 7px;
}
.mobile__search-item__img img {
    position: relative;
    object-fit: cover;
    width: 100%;
}
.header__search-offers li {
    border-bottom: 1px solid var(--outline-color);
    line-height: 1.2;
    display: flex;
    justify-content: space-between;
    padding: 14px 18px;
    font-size: 14px;
}
.header__search-offers > li {
    padding: 21px 15px;
}

.mobile__search-item {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .header__right_middle {
        position: relative;
    }
    .header__search-form {
        position: relative;
        display: flex;
        padding-bottom: 10px;
    }
    /* .header__search-form {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        display: flex;
        padding-bottom: 10px;
    }
    .header__search-form::before {
        position: absolute;
        content: '';
        background-color: var(--base-font-light-color);
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        min-height: 100vh;
    } */

    .header__search-offers > li,
    .actions_mobile__search-list > li {
        border-bottom: 1px solid var(--outline-color);
        line-height: 1.2;
        display: flex;
        justify-content: space-between;
        padding: 15px 20px 16px;
        font-size: 15px;
    }

    .header__input {
        height: 45px;
        position: relative;
        display: flex;
        padding: 10px 18px;
        flex-grow: 1;
        margin: 0 14px;
        align-items: center;
        background-color: #eceef5;
        border-radius: 5px;
        font-size: 16px;
    }
    .header__input::placeholder {
        font-size: 16px;
    }
    .header__search-btn {
        display: none;
    }

    /* .header__search-offers li {
        border-bottom: 1px solid var(--outline-color);
        line-height: 1.2;
        display: flex;
        justify-content: space-between;
        padding: 14px 18px;
        font-size: 14px;
    } */
    .mobile__search-cat-tag {
        padding: 3px 8px;
        border-radius: 4px;
        font-size: 12px;
    }

    .mobile__category-search__item {
        font-size: 15px;
        padding: 18px 14px;
    }

    .mobile__search-item__img {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        flex: 0 0 auto;
        background: #fff;
        float: left;
    }

    .mobile__search-item__info {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: 6px;
    }
    .mobile__search-item__price {
        font-size: 16px;
    }

    .mobile__search-item__articul {
        font-size: 14px;
    }

    .header__search-offers {
        font-size: 15px;
    }

    .mobile__search__showall-link {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .header__input {
        font-size: 15px;
        height: 40px;
    }
    .header__input::placeholder {
        font-size: 15px;
    }
    .actions_mobile__call-menu > li,
    .actions_mobile__search-list > li {
        padding: 14px 18px;
        font-size: 14px;
    }
    /* .actions_mobile__search-list > li {
            padding: 18px 14px;
        } */
    .mobile__search-item__price {
        font-size: 15px;
    }
    .mobile__search-item__articul {
        font-size: 13px;
    }
    .mobile__search__showall-link {
        font-size: 13px;
    }
    .mobile__search__title {
        font-size: 16px;
        font-weight: 400;
    }
    .mobile__search-input {
        font-size: 15px;
        height: 40px;
    }
    .mobile__search-input::placeholder {
        font-size: 15px;
    }
    .actions_mobile__search__head {
        padding-bottom: 0;
    }
    .mobile__search-item__img {
        margin: 0 15px 0 0;
        width: 34px;
        height: 34px;
        padding: 4px;
        border-radius: 4px;
    }
    .actions_mobile__search svg.icon-search,
    .mobile__search-form svg.icon-search {
        width: 18px;
        height: 18px;
    }
    .mobile__category-search__item {
        font-size: 14px;
        padding: 16px 14px;
        gap: 10px;
    }
    .mobile__search-cat-tag {
        font-size: 11px;
        padding: 3px 7px;
    }
}

.mobile__search-input {
    position: relative;
    display: flex;
    padding: 10px 18px;
    flex-grow: 1;
    margin: 0 14px;
    align-items: center;
    height: 45px;
    background-color: #eceef5;
    border-radius: 5px;
    font-size: 16px;
}
.mobile__search-input::placeholder {
    font-size: 16px;
}
.actions_mobile__search__btn {
    position: absolute;
    right: 14px;
    top: 0;
    bottom: 0;
    vertical-align: middle;
}

.actions_mobile__search svg.icon-search,
.mobile__search-form svg.icon-search,
.header__search-offers svg.icon-search,
.header__search-btn svg.icon-search {
    width: 20px;
    height: 20px;
    color: #c6c8cc;
}
/* .mobile__search-cat-tag {
    display: block;
    height: fit-content;
    padding: 3px 8px;
    background-color: #e5e8f3;
    border-radius: 4px;
    font-size: 12px;
}

.mobile__search-item {
    position: relative;
    display: flex;
    flex-direction: row;
}
.mobile__category-search__item {
    justify-content: start;
    align-items: center;
    font-size: 15px;
    padding: 18px 14px;
    display: flex;
    gap: 10px;
    border-top: 1px solid var(--outline-color);
    border-bottom: 1px solid var(--outline-color);
}

.mobile__search-item__img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px 0 0;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    background: #fff;
    padding: 4px;
    border-radius: 4px;
    float: left;
}

.mobile__search-item {
    position: relative;
    width: 100%;
}
.mobile__search-item__img img {
    position: relative;
    object-fit: cover;
    width: 100%;
}
.mobile__search-item__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 6px;
}
.mobile__search-item__price {
    font-size: 16px;
}
.mobile__search-item__articul {
    float: right;
    color: var(--breadcrumbs-color);
    font-size: 14px;
}
.mobile__search__showall-link {
    font-size: 14px;
    color: #4791ff;
    display: flex;
    justify-content: center;
    padding: 10px 14px;
    border-bottom: 1px solid var(--outline-color);
}
.mobile__search__showall-link:hover {
    color: #4791ff;
} */

/*HEADER SHRUNK STYLES*/
.header_shrunk {
    height: 74px;
    border-bottom: 1px solid var(--body-bg-color);
}
.header_shrunk .header__inner {
    height: 100%;
    gap: 0;
}
.header_shrunk .header__left {
    flex-direction: row;
    align-items: center;
    width: 24%;
    justify-content: space-between;
}
.header_shrunk .header__left #header__toallcategories-link {
    height: fit-content;
}
.header_shrunk .header__right {
    width: 76%;
    margin-top: auto;
    margin-bottom: auto;
}
.header_shrunk .header__right_middle {
    align-items: center;
}
.header_shrunk .header__right_top,
.header_shrunk .header__right_bottom {
    display: none;
    /* height: 0;
    overflow: hidden;
    transition: height 1s; */
}
.header_shrunk .header___logo {
    height: 24px;
    margin-bottom: 6px;
}
.header_shrunk .header__toallcategories-link {
    height: 43px;
}

/*HEADER OVERLAY MENUS STYLES*/
.header__categories-menu-wrapper,
.header__tagcategory-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 28px 37px;
    flex-wrap: nowrap;
    border-radius: 5px;
    max-width: 728px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s;
}
.header__categories-menu-wrapper {
    position: absolute;
    padding: 35px 0 0 0;
    border-radius: 0;
    height: fit-content;
    min-width: 280px;
    max-width: 728px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s, visibility 0.25s;
    height: 0;
}
.toallcategories-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 36px;
}
.header__tagcategory-menu {
    padding: 24px 24px;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
}

/* .header__categories:hover .header__categories-menu-wrapper {
    display: flex;
} */
.header__categories-menu {
    background-color: rgb(222, 234, 238);
    height: fit-content;
    max-height: 500px;
    padding: 10px 0px;
    border-radius: 5px;
    background-color: var(--base-font-light-color);
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    width: 256px;
    z-index: 50000;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    margin-top: 1px;
}
.header__categories:hover .header__categories-menu {
    display: flex;
    flex-direction: column;
    opacity: 1;
    visibility: visible;
}
.cat-item-with-sub {
    border: 1px solid cadetblue;
}
.categories-submenu {
    height: 500px;
    position: absolute;
    top: 36px;
    right: 0;
    bottom: 0;
    left: 253px;
    padding: 24px;
    gap: 12px;
    display: flex;
    width: calc(728px + 280px);
    border-radius: 0 5px 5px 0;
    background-color: var(--base-font-light-color);
    border-left: 1px solid var(--outline-color);
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    z-index: 50000;
    font-size: 1.5rem;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}

.categories-submenu__visible_full,
.categories-submenu__visible {
    display: flex;
    visibility: visible;
    opacity: 1;
}

.categories-submenu__col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 200px;
    padding: 0 10px;
}
.categories-submenu__list {
    margin-bottom: 12px;
}
.categories-submenu__list .categories-submenu__item:first-child {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin: 6px 0;
}
.categories-menu__item,
.categories-submenu__item {
    font-size: 14px;
    font-weight: 400;
    padding: 0 14px;
}
.categories-menu__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 4.5px 18px;
}

.header__categories-menu .categories-menu__link {
    width: 100%;
}

.categories-menu__link,
.categories-submenu__link {
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    width: 65%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
}
.categories-menu__link {
    padding-left: 30px;
}
.header__categories-menu .categories-menu__link,
.categories-submenu__link {
    position: relative;
    padding-left: 0;
}
.header__categories-menu .categories-menu__link svg.icon-arrow-right,
.header__categories-menu .categories-menu__item svg.icon-arrow-right {
    position: absolute;
    right: 0;
    top: 6px;
}
.categories-menu__link svg.icon-arrow-right,
.categories-menu__item svg.icon-arrow-right {
    width: 7px;
    height: 12px;
    position: relative;
}

@media screen and (max-width: 1199px) {
    .menu_overlay__menu .categories-menu__item,
    .submenu_overlay__menu .categories-menu__item {
        height: 62px;
    }
}
@media screen and (max-width: 767px) {
    .menu_overlay__menu .categories-menu__item,
    .submenu_overlay__menu .categories-menu__item {
        height: 55px;
    }
    .categories-menu__link {
        padding-left: 27px;
    }
    .opensubcats-btn {
        padding-right: 44px;
    }
}

.opensubcats-btn {
    background-color: transparent;
    padding: 0;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding-right: 47px;
    left: 65%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header__tagcategory-menu {
    background-color: var(--base-font-light-color);
    visibility: hidden;
    opacity: 0;
    height: 500px;
    width: 728px;
    top: 37px;
    transition: 0.5s;
}
.header__tagcategory-wrapper:hover .header__tagcategory-menu {
    display: flex;
    opacity: 1;
    visibility: visible;
}
.option-with-menu svg.icon-arrow-down {
    width: 11px;
    height: 7px;
    fill: var(--base-font-color);
}
svg.icon-social-whatsapp {
    width: 22px;
    height: 22px;
    fill: #4fca5d;
}
.header svg.icon-social-whatsapp {
    margin-left: 80px;
}
.header svg.icon-favorites,
.menu_overlay svg.icon-favorites,
.productcard svg.icon-favorites {
    fill: transparent;
}

.categories-menu__link > .categories-menu__name {
    padding-right: 2rem;
}
.categories-submenu__item {
    min-width: 240px;
    line-height: 3rem;
}
.menu-link__caret {
    position: absolute;
    right: 0;
}

.option-with-menu {
    position: relative;
    cursor: pointer;
}

.menu-of-option {
    position: absolute;
    display: none;
    top: 100%;
    left: 0%;
    background-color: var(--base-font-light-color);
    padding: 12px;
    border-radius: 6px;
    z-index: 500;
    box-shadow: var(--no-image-bg-color) 0px 2px 6px;
    opacity: 0;
}
.productcard .option-with-menu:hover .menu-of-option {
    min-width: 100px;
}

.menu-of-option li a {
    overflow-wrap: wrap;
    line-height: 2;
    font-size: 1.5rem;
    color: var(--base-font-color);
}
.menu-of-option li a:hover {
    color: var(--theme-secondary-color);
}
.option-with-menu:hover .menu-of-option {
    display: block;
    opacity: 1;
    min-width: 250px;
    transition: opacity 1s;
}
@media screen and (max-width: 767px) {
    .option-with-menu.breadcrumb:hover .menu-of-option {
        display: none;
    }
}

/*PRODUCTPAGE STYLES*/

.productpage__main {
    flex-direction: column;
}
.productpage__productcard_sticky {
    position: sticky;
    top: 73px;
    right: 0;
    left: 0;
    z-index: 60000;
    display: none;
    padding: 8px 0;
    flex-direction: column;
    background-color: var(--base-font-light-color);
    border-top: 1px solid var(--outline-color);
    border-bottom: 1px solid var(--outline-color);
}
.productpage__productcard_sticky .productcard_table-type__image img {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .productpage__productcard_sticky {
        top: 63px;
        overflow-x: scroll;
    }
    .productpage__productcard_sticky .productcard_sticky__nav-item {
        margin-right: 8px;
    }
    .productpage__productcard_sticky .productcard.productcard_table-type {
        display: none;
    }
    .productcard_sticky__nav {
        justify-content: space-between;
    }
}

.productpage__productcard_sticky_visible {
    display: flex;
}
/* @media screen and (max-width: 1199px) {
    .productpage__productcard_sticky_visible {
        display: none;
    }
} */
.productpage__productcard_sticky > .productcard_table-type {
    height: 70px;
    min-height: unset;
    box-shadow: none;
    border-radius: 0;
    padding: 6px 24px;
    justify-content: start;
    gap: 23px;
}
.productpage__productcard_sticky > .productcard_table-type .productcard__title {
    font-size: 15px;
}
.productpage__productcard_sticky > .productcard_table-type .productcard__price {
    font-size: 18px;
}
.productpage__productcard_sticky
    > .productcard_table-type
    .productcard__information {
    gap: 0;
}
.productpage__productcard_sticky
    > .productcard_table-type
    .productcard__actions {
    display: flex;
    flex-grow: 1;
    justify-content: end;
}
.productpage__productcard_sticky .productcard__slider-wrapper {
    max-height: 80px;
}
.productcard_sticky__nav {
    display: flex;
    padding: 0 24px 0 24px;
}
.productcard_sticky__nav-item {
    margin-right: 24px;
    text-wrap: nowrap;
}
.productcard_sticky__nav-item * {
    pointer-events: none;
}

/*ADDRESS STYLES*/

.main-title {
    font-size: 23px;
    font-family: var(--base-font-family);
    font-weight: 500;
    display: inline-block;
    margin-right: 8px;
}
.breadcrumbs-block {
    padding: 23px;
}
@media screen and (max-width: 1199px) {
    .breadcrumbs-block {
        padding: 35px 23px 23px;
    }
}
@media screen and (max-width: 767px) {
    .breadcrumbs-block {
        padding: 32px 23px 23px;
    }
}
.breadcrumbs {
    padding: 2px 0;
    font-size: 12px;
}
.breadcrumbs__counter {
    font-size: 17px;
    color: var(--breadcrumbs-color);
    font-weight: 400;
    display: inline-block;
}
.breadcrumb {
    position: relative;
    color: var(--breadcrumbs-color);
    margin-right: 16px;
}
.breadcrumb:not(:last-child):after {
    position: absolute;
    right: -10px;
    content: "/";
}
.breadcrumb:hover {
    color: var(--theme-primary-color);
}
.breadcrumb:hover::after {
    color: var(--breadcrumbs-color);
}
.breadcrumb:last-child:hover {
    color: var(--breadcrumbs-color);
}

/*MAINPAGE STYLES*/

/*testswiper*/

/*MAINPAGE MAXWIDTH 1199*/

.mainpage__test {
}
.swiper {
    /* position: relative; */
    width: 100%;
}
.swiper-wrapper {
    align-items: center;
    /* padding: 0 0 3rem 0; */
    margin-top: 10px;
    display: flex;
    /* margin-bottom: 60px; */
}
.swiper-slide {
    position: relative;
    /* max-width: 100%; */
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainpage {
    display: flex;
    flex-direction: column;
    gap: 36px;
}
.mainpage__hero {
    padding-top: 18px;
    display: flex;
    gap: 1%;
    background-color: var(--base-font-light-color);
    height: 374px;
}
.mainpage__stories {
    /* border: 1px solid red; */
}

.swiper-stories,
.swiper-popcategories {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    align-items: baseline;
    height: 260px;
}

.swiper-popcategories {
    height: 330px;
    /* height: fit-content; */
    overflow: visible;
}
.swiper-popcategories .swiper-wrapper {
    display: flex;
    height: fit-content;
    flex-wrap: nowrap;
    width: auto;
}
.swiper-popcategories .js-swiper-popcategories-scrollbar {
    z-index: 40;
}
@media screen and (min-width: 1200px) {
    .swiper-popcategories {
        height: 600px;
        width: auto;
        overflow-y: visible;
    }
    .swiper-popcategories .js-swiper-popcategories-scrollbar {
        display: none;
    }
    .swiper-popcategories .swiper-wrapper {
        display: flex;
        height: 560px;
        flex-wrap: wrap;
        width: auto;
    }
}

.swiper-popcategories .swiper-wrapper {
    /* margin-top: 0; */
}
.promolink-link__btn {
    width: 147px;
    color: var(--base-font-color);
    position: absolute;
    left: 5%;
    bottom: 26%;
    background-color: transparent;
    border: 1px solid;
    border-color: var(--outline-color);
    border-radius: 5px;
    font-size: 15px;
    display: flex;
    padding: 10px 14px;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
    height: 33px;
    transition: border-color 0.25s, color 0.25s, background-color 0.25s;
}
.promolink-link__btn span {
    line-height: 2;
}
.promolink-link__btn:hover {
    color: var(--base-font-light-color);
    background-color: var(--base-font-color);
    border-color: var(--base-font-color);
    transition: border-color 0.25s, color 0.25s, background-color 0.25s;
}
.swiper-intro {
    position: relative;
    width: 66%;
    border-radius: 5px;
    overflow: hidden;
}
.swiper-promolinks {
    position: relative;
    display: flex;
    /* flex-grow: 1; */
    border-radius: 5px;
    height: 100%;
    width: 32%;
    /* overflow-x: hidden; */
}
.swiper-promolinks .swiper-slide {
    height: 100%;
    width: 100%;
}
.swiper-intro .swiper-wrapper {
    height: 100%;
    margin-top: 0;
}
.swiper-intro .swiper-wrapper .swiper-slide {
    height: 100%;
    width: auto;
}
.swiper-intro .swiper-wrapper .swiper-slide > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/* .swiper-intro .swiper-control {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    z-index: 50000;
} */
/* .swiper-intro .swiper-control button {
    background-color: transparent;
    color: var(--theme-primary-color);
} */
.swiper-intro .swiper-prev,
.swiper-intro .swiper-next {
    position: absolute;
    margin: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
    display: flex;
    height: 100%;
    width: 80px;
    background-color: rgba(255, 255, 255, 0);
    color: var(--base-font-light-color);
    transition: all 0.25s;
}
.swiper-intro .swiper-prev:hover,
.swiper-intro .swiper-next:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: all 0.25s;
}

.swiper-intro .swiper-prev {
    left: 0;
}
.swiper-intro .swiper-next {
    right: 0;
}

.swiper-intro .swiper-pagination-bullet,
.swiper-promolinks .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.8);
    height: 2px;
    width: 46px;
}
.swiper-intro .swiper-pagination-bullet-active,
.swiper-promolinks .swiper-pagination-bullet-active {
    background-color: var(--base-font-light-color);
}
.swiper-promolinks .swiper-wrapper {
    margin-top: 0;
}

.swiper-stories .swiper-slide {
    /* width: 16rem;
    flex: 0 0 16rem; */
    width: 164px;
    /* height: 221px; */
    height: 230px;
    padding: 0 6px;
    z-index: 500;
}
.stories_fullscreen-container {
}
.swiper-stories__fullscreen {
    display: flex;
    height: 72%;
    max-width: 720px;
    align-items: end;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (max-width: 767px) {
    .swiper-stories__fullscreen {
        max-width: 500px;
    }
}
.swiper-stories__fullscreen .swiper-wrapper {
    height: 72%;
}
.swiper-stories__fullscreen .swiper-slide {
    height: 300px;
    width: 200px;
}

.swiper-stories__fullscreen .swiper-slide > img {
    border-radius: 8px;
}
.swiper-stories__fullscreen .swiper-slide .story-slide__close-btn {
    width: fit-content;
    position: absolute;
    padding: 0;
    height: fit-content;
    top: -6%;
    right: -10%;
    background-color: transparent;
    z-index: 200000;
    opacity: 0;
    transition: opacity 0.25s;
}
.swiper-stories__fullscreen .swiper-slide-active .story-slide__close-btn {
    opacity: 1;
    transition: opacity 0.25s;
}
.swiper-stories__fullscreen .swiper-slide .story-slide__action {
    position: absolute;
    top: 10%;
    right: 10%;
    left: 10%;
    background-color: var(--body-bg-color);
    z-index: 200000;
    height: fit-content;
    opacity: 0;
    transition: opacity 0.25s;
}

.swiper-stories__fullscreen .swiper-slide .hvr__sectors {
    display: none;
}
.swiper-stories__fullscreen .swiper-slide-active .hvr__sectors {
    display: flex;
}
.swiper-stories__fullscreen .swiper-slide .hvr__dots {
    position: absolute;
    right: 6%;
    left: 6%;
    bottom: 10%;
    z-index: 500000;
    opacity: 0;
    transition: opacity 0.25s;
}
.swiper-stories__fullscreen .swiper-slide-active .hvr__dots {
    opacity: 1;
    transition: opacity 0.25s;
}
.swiper-stories__fullscreen .image {
    border-radius: 8px;
}
.swiper-stories__fullscreen .swiper-slide-active .story-slide__action {
    opacity: 1;
    transition: opacity 0.25s;
}
.story-slide__close-btn svg.icon-close {
    color: var(--base-font-light-color);
    height: 16px;
    width: 16px;
}
.swiper-stories__thumb {
    width: 60px;
    height: 80px;
    overflow: hidden;
}
.swiper-stories__fullscreen .swiper-slide > img {
    width: 100%;
    height: 100%;
}
.swiper-stories__thumbs {
    display: flex;
    height: 28%;
    max-width: 620px;
    align-items: top;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    gap: 6px;
}
@media screen and (max-width: 767px) {
    .swiper-stories__thumbs {
        max-width: 400px;
    }
}

.swiper-stories__thumbs .swiper-wrapper {
    display: flex;
    /* justify-content: center; */
    align-items: start;
}
.swiper-stories__thumbs .swiper-slide {
    position: relative;
    height: 100px;
    width: 100px;
    cursor: pointer;
}
.swiper-stories__thumbs .swiper-slide:hover,
.swiper-stories__thumbs .swiper-slide-thumb-active {
    scale: 108%;
    transition: scale 0.25s;
}
.swiper-stories__thumb > img {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 4px;
}

.swiper-productsets {
    padding-bottom: 30px;
}
.swiper-productsets .swiper-scrollbar {
    margin-top: 30px;
}
.swiper-productsets .swiper-slide {
    display: block;
    width: 326px;
    padding: 0 8px;
    transform: none;
}
@media screen and (max-width: 500px) {
    .swiper-productsets .swiper-slide {
        display: block;
        width: 326px;
        padding: 0;
        transform: none;
    }
}

.swiper-blogs .swiper-wrapper {
    margin-left: -8px;
    height: 540px;
}
.swiper-blogs .swiper-slide {
    width: 331px;
    height: 510px;
    align-items: start;
    background-color: var(--base-font-light-color);
    background-color: transparent;
    /* padding: 0 9px; */
}
.swiper-blogs .blogs__item {
    width: 100%;
}
.mainpage__blogs {
    overflow: hidden;
}
.swiper-blogs {
    overflow: visible;
}
.mainpage__blogs__viewblog-link .blogs__item-heading {
    display: inline;
    color: var(--base-font-color);
    border-bottom: 1px solid transparent;
    transition: all 0.25s;
}
.blogs__item_standard .blogs__item-heading {
    width: fit-content;
}
.mainpage__blogs .swiper-slide:hover .blogs__item-heading,
.swiper-blogs .swiper-slide:hover .blogs__item-heading,
.blogspage__blogs .blogs__item_standard:hover .blogs__item-heading {
    color: #337ab7;
    border-bottom: 1px solid rgba(71, 145, 255, 0.15);
    transition: all 0.25s;
}

.swiper-stories .swiper-slide > img {
    display: block;
    /* width: 100%;
    height: 100%; */
    width: 96%;
    height: 96%;
    object-fit: cover;
    border-radius: 8px;
    transition: all 0.25s;
}
.swiper-stories .swiper-slide:hover img {
    width: 104%;
    height: 104%;
    transition: all 0.25s;
}
.swiper-stories .swiper-wrapper {
    height: 221px;
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    .swiper-stories {
        height: 320px;
    }
    .swiper-stories .swiper-wrapper {
        height: 240px;
        margin-top: 30px;
    }
    .swiper-stories .swiper-slide {
        width: 200px;
        height: auto;
    }
}

.swiper-popcategories .swiper-wrapper {
    height: 294px;
}

.swiper-scrollbar {
    /* margin-left: 10px; */
    margin-left: -4px;
    margin-right: -4px;
    height: 2px;
    background-color: var(--outline-color);
    width: 100%;
    margin-bottom: 0;
}
.swiper-scrollbar-drag {
    height: 2px;
    background-color: var(--theme-primary-color);
}

.set-slide:not(last-child)::after {
    position: absolute;
    content: "+";
    top: 50%;
    transform: translateY(-50%);
    left: 91%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 34px;
    font-weight: 300;
    height: 48px;
    width: 48px;
    color: var(--base-font-light-color);
    background-color: var(--theme-secondary-color);
    border: 6px solid var(--body-bg-color);
    border-radius: 50%;
    z-index: 1;
}

/* .testdiv {
    display: flex;
    gap: 8px;
}
.testinsidediv {
    position: relative;
    height: 100px;
    width: 100px;
    background-color: #7d3c98;
}
.testinsidediv::before {
    position: absolute;
    content: '';
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    top: 50%;
    left: 94%;
    background-color: #efbf13;
    z-index: 5000;
} */

.swiper-productsets .productcard_tile-type {
    position: relative;
    width: 100%;
    padding: 28px;
}
.promo-link {
    position: relative;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    /* overflow: hidden; */
}
.promolink-hero {
    position: relative;
    width: 110%;
    height: 110%;
    object-fit: cover;
}
/* .promolink-hero {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
} */
.mainpage__partners {
    overflow: hidden;
}
.swiper-partners {
    position: relative;
    height: 500px;
    padding-top: 10px;
    overflow: visible;
}
.swiper-partners .swiper-wrapper {
    position: relative;
    height: 433px;
    display: flex;
    scale: 100%;
    transition: scale 0.5s;
}
.swiper-partners .js-swiper-partners-scrollbar {
    margin-left: -10px;
    margin-right: -10px;
}
.swiper-partners .swiper-slide:hover {
    scale: 104%;
    transition: scale 0.5s;
    z-index: 20000;
}

.swiper-partners .swiper-slide {
    position: relative;
    height: 460px;
    width: 340px;
    display: flex;
    align-items: start;
}
.swiper-partners .partners__item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.swiper-partners .partners__item-image img {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.partners__item-image {
    height: 100%;
}
.partners__item-desc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 23px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(rgba(255, 255, 255, 0.6), transparent);
}
.partners__item-text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
}
.partners__item-desc button {
    width: 100%;
}
.partners__item-desc img {
    max-width: 100%;
}
@media screen and (min-width: 1200px) {
    .swiper-partners {
        padding-top: 0;
    }
    .swiper-partners .swiper-wrapper {
        display: grid;
    }
    .swiper-partners .swiper-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 0px;
    }
    .swiper-partners .swiper-slide {
        width: 100%;
    }
    .grid-1 {
        grid-row: span 2 / span 2;
    }
    .grid-2 {
        grid-row: span 2 / span 2;
    }
    .swiper-partners .swiper-slide.grid-3 {
        height: 230px;
    }
    .grid-4 {
        grid-column-start: 3;
        grid-row-start: 2;
        height: 230px;
    }
    .swiper-partners .swiper-slide.grid-4 {
        height: 230px;
    }
}

@media screen and (max-width: 767px) {
    .swiper-partners {
        height: 420px;
    }
    .swiper-partners .swiper-slide {
        height: 360px;
    }
    .swiper-partners .swiper-wrapper {
        align-items: baseline;
    }
}

.swiper-popcategories .swiper-slide {
    /* width: 433px; */
    width: 33.3%;
    height: 291px;
    padding: 0;
    align-items: flex-start;
}
.swiper-popcategories .swiper-slide:hover {
    z-index: 3000;
}
.mainpage__popularcats {
    overflow-x: hidden;
}
.mainpage__popularcats-item {
    position: relative;
    width: 96%;
    height: 96%;
    max-height: 96%;
    transition: max-height 2s;
}
.mainpage__popularcats-item .popularcat__link {
    /* margin-right: 6px; */
}
.popularcats-item__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: inherit;
    border-radius: 8px;
    transition: transform 0.25s;
    overflow: hidden;
    background-color: #ffb1b1;
    transition: all 0.25s;
}
.mainpage__popularcats-item:hover .popularcats-item__background {
    scale: 104%;
    transition: all 0.25s;
}

.popularcat__title {
    font-size: 22px;
}
.mainpage__subscription {
    position: relative;
    height: 267px;
    /* width: 95vw; */
    /* margin: 0 auto; */
    margin: 0 23px;
    padding-top: 56px;
    padding-bottom: 56px;
    border-radius: 5px;
    background-color: #edf2f5;
    display: flex;
    align-items: center;
    box-shadow: none;
}
.mainpage__subscription form {
    gap: 12px;
    margin-top: 0;
    width: 58%;
    margin-left: 8%;
}

.mainpage__subscription__title {
    font-size: 17px;
}
.mainpage__subscription__info {
    font-size: 14px;
    color: var(--breadcrumbs-color);
}
.mainpage__subscription__info a {
    color: var(--breadcrumbs-color);
    border-bottom: 1px solid var(--breadcrumbs-color);
    transition: color 0.25s;
}
.mainpage__subscription__info a:hover {
    color: #c4c8d4;
    transition: color 0.25s;
}
.mainpage__subscription .input-group {
    position: relative;
}
.mainpage__subscription__input {
    display: flex;
    flex-grow: 1;
    background-color: var(--base-font-light-color);
    height: 56px;
    padding: 4px;
    border-radius: 5px;
    padding: 0 200px 0 28px;
}
form input[type="text"].mainpage__subscription__input {
    height: 56px;
}

.mainpage__subscription-image {
    position: absolute;
    right: 6.5%;
    bottom: 4%;
    width: 264px;
    height: 181px;
}

.mainpage__subscription__input:focus {
    border: 2px solid var(--theme-secondary-color);
}

.mainpage__subscription__button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 175px;
    height: 46px;
    margin-left: calc(- (175px + 6px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
}

.mainpage__subscription__button svg.icon-subsc {
    height: 20px;
    width: 20px;
}

@media screen and (max-width: 1199px) {
    /* .container.mainpage__hero,
    .promo-link {
        display: none;
    } */
    .swiper-popcategories .swiper-slide {
        width: 340px;
        /* overflow: hidden; */
    }
    .mainpage__subscription {
        height: 223px;
        padding-top: 34px;
        padding-bottom: 34px;
    }
    .mainpage__subscription form {
        width: 70%;
        margin-left: 0;
    }
    .mainpage__subscription-image {
        display: none;
    }
    .container.mainpage__about-store {
        padding: 0px 25px;
        grid-template-columns: none;
        grid-template-rows: 1fr;
    }
    .footer__nav-list:not(:last-child) {
        display: none;
    }
    .footer__bottom-left {
        display: flex;
        flex-direction: column;
    }
}
/*MAINPAGE MAXWIDTH 767px*/
@media screen and (max-width: 767px) {
    .mainpage__subscription {
        margin-top: 24px;
    }
    .mainpage__subscription form {
        width: 100%;
        margin-top: 24px;
    }
    .mainpage__subscription__button {
        width: 99px;
        text-align: center;
    }
    .mainpage__subscription__button svg.icon-subsc {
        display: none;
    }

    /*Duplicates: div and img classes*/
    /* .about-store__image img {
        width: 100%;
        height: auto;
    } */
}
@media screen and (max-width: 500px) {
    .mainpage__subscription .input-group {
        position: relative;
        /* width: 100%; */
        display: flex;
        flex-direction: column;
    }
    .swiper-popcategories .swiper-slide {
        height: 280px;
        width: 320px;
    }
    .mainpage__subscription__input {
        width: 100%;
        padding-right: 0;
    }
    .mainpage__subscription__button {
        position: relative;
        margin-left: 0;
        right: 0;
        top: 10px;
        width: 100%;
        justify-content: center;
    }
}

.swiper2 .swiper-slide {
    width: 16rem;
    flex: 0 0 32rem;
    transform: none;
}

.set-card {
    height: 604px;
    gap: 0;
    box-shadow: none;
    /* justify-content: space-between; */
    transition: box-shadow 0.25s;
}
.setoffer-card {
    height: 604px;
}
.set-card:hover {
    box-shadow: 0px 1px 50px 5px rgba(52, 52, 52, 0.1);
    transition: box-shadow 0.25s;
}
.set-card .hvr {
    margin-bottom: 14px;
}
.productcard__badge-block {
    position: absolute;
    top: 16px;
    left: 6%;
    width: fit-content;
    z-index: 1000;
}
.productcard__badge {
    color: var(--base-font-light-color);
    font-size: 1.4rem;
    border-radius: 4px;
    margin-bottom: 4px;
    padding: 2px 6px;
    display: block;
    width: fit-content;
}
.productcard__badge_popular {
    background-color: #efbf13;
}
.productcard__badge_hit {
    background-color: var(--theme-primary-color);
}
.productcard__badge_waiting {
    background-color: #cccccc;
}
.productcard__badge_finishing {
    background-color: rgb(250, 144, 57);
}
.productcard__badge_action,
.productcard__badge_discount {
    background-color: #f53c3c;
}
.productcard__badge_discount {
    height: auto;
}

.link_blue {
    float: right;
    color: #337ab7;
    font-weight: 500;
    font-size: 14px;
    transition: color 0.25s;
}
.link_blue:hover {
    color: #4791ff;
    transition: color 0.25s;
}
.link_blue.prodpage__toallcharacts-ref {
    float: none;
}

.page-main.productpage__main {
    gap: 54px;
}
@media screen and (max-width: 1199px) {
    .page-main.productpage__main {
        gap: 20px;
    }
}
@media screen and (max-width: 1199px) {
    .page-main.productpage__main {
        gap: 16px;
    }
}

.mainpage__advantages {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    width: 100%;
    padding: 18px 0;
}

.mainpage__advantages-item {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    width: 20%;
    height: 66px;
    padding: 14px 18px;
}
@media screen and (max-width: 1199px) {
    .mainpage__advantages {
        flex-wrap: wrap;
    }
    .mainpage__advantages-item {
        width: 32%;
    }
}
@media screen and (max-width: 767px) {
    .mainpage__advantages {
        flex-wrap: wrap;
        padding: 14px 0;
    }
    .mainpage__advantages-item {
        width: 100%;
        justify-content: center;
    }
}

.mainpage__advantages-item img {
    float: left;
    margin-right: 12px;
    object-fit: cover;
    height: 100%;
}
.mainpage__advantages-item p {
    text-wrap: wrap;
    line-height: 1.4;
}

.info-el {
    display: flex;
    position: relative;
    background-color: var(--base-font-color);
    color: var(--base-font-light-color);
    border-radius: 50%;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    padding: 28px;
    margin-bottom: 52px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
}
.info-el__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
.info-el__heading {
    font-size: 11px;
}
.info-el__setprice {
    font-size: 35px;
    color: rgb(243, 200, 157);
}
.info-el__nosetprice {
    position: relative;
    font-size: 19px;
    display: block;
    width: fit-content;
}
.info-el__nosetprice::after {
    position: absolute;
    content: "";
    height: 2px;
    background-color: red;
    top: 50%;
    right: 0;
    left: 0;
}
.info-el__economy {
    font-size: 15px;
}
.setoffer-card button {
    position: relative;
    font-size: 15px;
}

.popularcat__titlelink {
    color: var(--base-font-light-color);
    line-height: 1;
}
.popularcat__titlelink:hover {
    color: var(--base-font-light-color);
}
.popularcat__link {
    color: var(--base-font-light-color);
    font-size: 15px;
    padding: 0 9px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    transition: all 0.25s;
}
.popularcat__link:hover {
    color: var(--base-font-color);
    background-color: var(--base-font-light-color);
    transition: all 0.25s;
}

.popularcat__image {
    float: right;
}

.mainpage__about-store {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 32px;
    padding: 0 10vw;
    height: fit-content;
}

.about-store__image {
}
.about-store__image img {
    object-fit: cover;
    border-radius: 16px;
    position: relative;
    /* width: 340px;
    height: 200px; */
    width: 100%;
    height: auto;
}

.about-store__text {
    position: relative;
    overflow: hidden;
    max-height: 30vh;
    border-bottom: 1px solid #000000;
    padding-bottom: 20px;
    transition: max-height 0.25s;
}
.block_opened-down {
    max-height: fit-content;
    transition: max-height 0.25s;
}

.about-store__title {
    font-size: 19px;
    margin-bottom: 4px;
}
.about-store__text p {
    font-size: 16px;
    margin: 0 0 28px 0;
    color: black;
    line-height: 1.75;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
        sans-serif;
}
.about-store__text p:last-child {
    border-bottom: 1px solid black;
}
.about-store__text .view-all-btn {
    text-align: left;
    padding-left: 0;
    background: var(--body-bg-color);
    color: #337ab7;
    bottom: 0;
    font-size: 14px;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
        sans-serif;
}
.about-store__text .view-all-btn:hover {
    color: #4791ff;
}

/*SHOPPAGE STYLES*/

.shoppage__filters-btn-sticky {
    position: fixed;

    /*Когда нижняя панель управления видна*/
    bottom: 71px;
    right: 10px;
    left: 10px;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    background-color: var(--base-font-light-color);
    border: 1px solid var(--base-font-color);
    border-radius: 5px;
    z-index: 60000;
    font-size: 18px;
    display: none;
    transition: bottom 0.25s;
}
.shoppage__filters-btn-sticky_nopanel {
    bottom: 10px;
    transition: bottom 0.25s;
}

@media screen and (max-width: 1199px) {
    .shoppage__filters-btn-sticky {
        display: flex;
    }
}

.shoppage__filters_mobile-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--body-bg-color);
    z-index: 100000;
    display: none;
}
.shoppage__filters_mobile-overlay_opened {
    display: block;
}

.shoppage__filters_mobile-overlay .filter-tag {
    background-color: #e8eaf1;
}
.shoppage__filters_mobile-overlay .filters__header svg.icon-arrow-left {
    width: 10px;
    height: 16px;
}
.filters__header svg.icon-arrow-left {
    width: 10px;
    height: 16px;
}
.shoppage__filters-btn-sticky svg.icon-arrow-right {
    width: 7px;
    height: 12px;
}

@media screen and (max-width: 767px) {
    .shoppage__filters_mobile-overlay .filters__header svg.icon-arrow-left {
        width: 9px;
        height: 14px;
    }
    .filters__header svg.icon-arrow-left {
        width: 9px;
        height: 14px;
    }
    .shoppage__filters-btn-sticky svg.icon-arrow-right {
        width: 6px;
        height: 11px;
    }
}
.shoppage__filters_mobile-overlay .filters__item {
    padding: 25px;
    margin-bottom: 0;
}
.shoppage__filters_mobile-overlay .filters__item:not(:last-child) {
    border-bottom: 1px solid #e4e7f1;
}
.shoppage__filters_mobile-overlay .filters__item > * {
    margin-top: 22px;
    margin-bottom: 22px;
}
.shoppage__filters_mobile-overlay .filters__flexdiv_wrap {
    margin: 14px 0 0 0;
}
@media screen and (max-width: 767px) {
    .shoppage__filters_mobile-overlay .filters__item {
        padding: 18px;
    }
    .shoppage__filters_mobile-overlay .filters__item > * {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .shoppage__filters_mobile-overlay .filters__flexdiv_wrap {
        margin: 14px 0 0 0;
    }
    .shoppage__filters_mobile-overlay .shoppage__filters__heading {
        font-size: 16px;
    }
    .shoppage__filters-btn-sticky {
        height: 45px;
        font-size: 16px;
        bottom: 65px;
    }
    .shoppage__filters-btn-sticky_nopanel {
        bottom: 10px;
    }
}

.shoppage__filter-and-nav-panel {
    min-width: 314px;
    width: 314px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.shoppage__filters {
    position: relative;
}
.shoppage__filters__return-btn {
    display: none;
}
@media screen and (max-width: 1199px) {
    .shoppage__filter-and-nav-panel {
        position: fixed;
        display: none;
        z-index: 100000;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: var(--body-bg-color);
        overflow-y: scroll;
    }
    .shoppage__filter-and-nav-panel_opened {
        display: flex;
    }
    /* .shoppage__filters {
        width: 100%;
    } */
    .shoppage__categories {
        display: none;
    }
    .shoppage__filters__return-btn {
        display: block;
        background-color: transparent;
        padding: 0;
        width: 42px;
    }
    .shoppage__filters__heading {
        font-size: 18px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        font-size: 18px;
    }
    .filter-tag {
        background-color: #e8eaf1;
    }
    .filters__item {
        padding: 25px;
        margin-bottom: 0;
    }
    .filters__item:not(:last-child) {
        border-bottom: 1px solid #e4e7f1;
    }
    .filters__item > * {
        margin-top: 22px;
        margin-bottom: 22px;
    }
    .filters__flexdiv_wrap {
        margin: 14px 0 0 0;
    }
}
@media screen and (max-width: 767px) {
    .filters__header svg.icon-arrow-left {
        width: 9px;
        height: 14px;
    }
    .shoppage__filters-btn-sticky svg.icon-arrow-right {
        width: 6px;
        height: 11px;
    }
    .filters__item {
        padding: 18px;
    }
    .filters__item > * {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .filters__flexdiv_wrap {
        margin: 14px 0 0 0;
    }
    .shoppage__filters__heading {
        font-size: 16px;
    }
}

.filters__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.shoppage__filters__heading {
    font-size: 16px;
}
.filters__counter {
    margin-left: 8px;
    color: var(--breadcrumbs-color);
}
.shoppage__filters__clear-btn {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: 0;
    height: 100%;
    font-size: 14px;
}
.shoppage__filters__clear-btn svg.icon-cancel {
    height: 12px;
    width: 12px;
    color: #f0164a;
    fill: currentColor;
}
.filters__header,
.filters__item {
    padding-bottom: 12px;
}
.filters__item {
    margin-bottom: 24px;
}
.filters__item:not(:last-child) {
    border-bottom: 1px solid var(--body-bg-color);
}
.filters__item > * {
    margin-top: 6px;
    margin-bottom: 6px;
}
.filters__flexdiv_wrap {
    display: flex;
    gap: 2px;
    flex-wrap: wrap;
}
.filters__flexdiv_no-wrap {
    display: flex;
    gap: 12px;
}
.pricerange-filter input[type="number"] {
    height: 42px;
    width: 90px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid var(--outline-color);
}
.filter__rangenum {
    width: 50%;
    background-color: var(--body-bg-color);
}
.filters__item label {
    font-size: 15px;
}
.filter-tag {
    padding: 6px 9px;
    background-color: var(--body-bg-color);
    border-radius: 4px;
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 13px;
    color: var(--font-lighter-color);
}
.shoppage__tagcategories {
    display: flex;
    flex-wrap: wrap;
}

.productsview__select-wrapper {
    position: relative;
}
.productsview__select-wrapper svg.icon-arrow-down {
    height: 8px;
    width: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
}
.productsview__selects select {
    padding: 0px 18px;
    font-size: 15px;
    height: 43px;
    border: 2px solid transparent;
    outline: none;
}
.productsview__selects select:focus {
    border: 2px solid var(--theme-primary-color);
}

@media screen and (max-width: 767px) {
    .productsview__layout-buttons {
        display: none;
    }
}

.view-layout-type__button {
    padding: 10px;
    width: 42px;
    height: 42px;
}
.view-layout-type__button svg {
    color: var(--breadcrumbs-color);
    transition: color 0.25s;
}
.view-layout-type__button:hover svg {
    color: var(--base-font-color);
    transition: color 0.25s;
}

.view-layout-type__button_active svg {
    color: var(--theme-primary-color);
    transition: color 0.25s;
}

.view-layout-type__button svg.icon-display-grid,
.view-layout-type__button svg.icon-display-compact {
    width: 10px;
    height: 10px;
}
.view-layout-type__button svg.icon-display-line {
    width: 16px;
    height: 10px;
}

.shoppage__tagcategory-link {
    font-size: 1.6rem;
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 14px 18px;
}
.shoppage__categories {
    width: 100%;
}
.sidepanel__categories-sublist__item {
    position: relative;
    width: 100%;
    line-height: 3;
    /* background-color: #fdfdfd; */
    background-color: currentColor;
    border-radius: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0 12px;
}

.shoppage__tagcategory-link:hover,
.productsview__select:hover {
    box-shadow: var(--no-image-bg-color) 4px 2px 6px;
}

.shoppage__categories .blogspage__categories__item {
    font-size: 14px;
}
.shoppage__categories .blogspage__categories__item li {
    font-size: 14px;
}
.vertical-categories__sidelist {
    position: absolute;
    right: -8px;
    left: 99%;
    top: 0;
    padding: 10px;
    margin-left: 32px;
    background-color: white;
    border-radius: 5px;
    width: 300px;
    z-index: 70000;
    box-shadow: rgba(170, 189, 206, 0.25) 0px 0px 20px;
    display: none;
}
.vertical-categories__sidelist_opened {
    display: block;
}

.vertical-categories__sidelist::before {
    content: "";
    position: absolute;
    top: 0;
    left: -10%;
    bottom: 0;
    right: 100%;
    /* border: 1px solid green; */
}

.mobile-categories-popup {
    display: none;
}
.quick-product-view-popup {
    display: none;
}
.categories_mobile__layers {
    position: fixed;
    top: 25px;
    right: 25px;
    bottom: 80px;
    left: 25px;
    overflow: hidden;
}

.categories_mobile__layers.mobile__layers_fullheight {
    bottom: 25px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-color: var(--base-font-light-color);
    border: 4px solid var(--base-font-light-color);
    border-radius: 0 5px 5px 0;
}
.categories_mobile__layers.mobile__layers_fullheight::-webkit-scrollbar {
    display: none;
}
.categories_mobile__layers.mobile__layers_fullheight
    .actions_mobile__head__btn {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1000;
}
@media screen and (max-width: 500px) {
    .categories_mobile__layers.mobile__layers_fullheight
        .actions_mobile__head__btn
        svg.icon-close {
        width: 20px;
        height: 20px;
    }
}

.shoppage__categories_mobile-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    padding: 23px 27px;
    background-color: var(--base-font-light-color);
    z-index: 200000;
    height: 100%;
}
.categories_mobile__head {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.categories_mobile__head .menu_overlay__head__btn svg.icon-arrow-left {
    height: 9px;
    width: 5px;
}
.categories_mobile__title {
    font-size: 20px;
    font-weight: 500;
}

.categories_mobile__list .blogspage__categories__item {
    font-size: 15px;
    margin-bottom: 5px;
}
.categories_mobile__list
    .blogspage__categories__item
    .categories-menu__link
    svg.icon-arrow-right {
    position: relative;
    top: 0;
}
.categories_mobile__close-btn {
    display: none;
}

.prodpage__formwrap .button_primary {
    height: 46px;
}

@media screen and (max-width: 1199px) {
    .categories_mobile__close-btn {
        position: absolute;
        height: 54px;
        bottom: -60px;
        left: 0;
        right: 0;
        border-radius: 10px;
        background-color: var(--base-font-light-color);
        font-size: 16px;
        display: block;
    }
    .prodpage__formwrap .categories_mobile__close-btn {
        bottom: 20px;
        left: 25px;
        right: 25px;
        border-radius: 10px;
    }
    .prodpage__formwrap .button_primary {
        height: 50px;
    }
}
@media screen and (max-width: 767px) {
    .prodpage__formwrap .button_primary {
        height: 46px;
    }
}

.categories_mobile__close-btn.clicked {
    scale: 96%;
    transition-delay: scale 0.25s;
    transition: scale 0.5s;
}
.categories_mobile__container {
    position: relative;
}

.categories_mobile__list .blogspage__categories__item,
.categories_mobile__list .categories-menu__link {
    display: flex;
    align-items: center;
}

/* .categories_mobile__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: fit-content;
    z-index: 60000;
    background-color: var(--base-font-light-color);
} */

@media screen and (max-width: 767px) {
    #categories_mobile-opener {
        font-size: 14px;
    }
    .categories_mobile__layers {
        top: 23px;
        right: 23px;
        bottom: 60px;
        left: 23px;
    }
    .categories_mobile__head {
        margin-bottom: 14px;
        display: flex;
        align-items: center;
    }
    .categories_mobile__head .menu_overlay__head__btn svg.icon-arrow-left {
        height: 8px;
        width: 5px;
    }
    .categories_mobile__title {
        font-size: 18px;
        font-weight: 400;
    }
    .categories_mobile__list .blogspage__categories__item,
    .categories_mobile__list .categories-menu__link {
        font-size: 14px;
        height: 40px;
    }
    .categories_mobile__list .blogspage__categories__item {
        margin-bottom: 4px;
    }
    .categories_mobile__close-btn {
        font-size: 15px;
    }
    /* .productsview__selects select{
        height: 41px;
    } */
}
@media screen and (min-width: 767px) {
    .shoppage__categories_mobile-overlay
        .blogspage__categories__item
        svg.icon-arrow-right,
    .shoppage__categories_mobile-overlay
        .blogspage__categories__item
        svg.icon-arrow-categories {
        width: 9px;
        height: 9px;
    }
    .categories_mobile__head svg.icon-arrow-left {
        width: 9px;
        height: 9px;
    }
}

.productsview__selects {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    gap: 12px;
}

.products-view-settings {
    display: flex;
}
@media screen and (max-width: 500px) {
    .products-view-settings {
        display: flex;
        flex-wrap: nowrap;
    }
    .header__toallcategories-link {
        display: flex;
    }
    .header__tagcategory {
        display: flex;
    }
}

#categories_mobile-opener {
    display: none;
}

.products-view-space {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

@media screen and (max-width: 1199px) {
    .shoppage__filter-and-nav-panel {
        /* width: 100%; */
        /* display: none; */
    }
    .products-view {
        width: 100%;
        justify-content: center;
    }
    .page-main {
        flex-direction: column;
    }
    .shoppage__categories {
        display: none;
    }
    .shoppage__tagcategories {
        display: none;
    }
    .mobile-categories-popup {
        display: none;
    }
    .mobile-categories-popup_opened {
        display: flex;
    }
    #categories_mobile-opener {
        display: inline-block;
        padding: 14px 18px;
        height: 45px;
        border: none;
        text-transform: none;
        font-size: 15px;
        font-weight: 400;
    }
    #categories_mobile-opener svg {
        margin-left: 10px;
    }
    #categories_mobile-opener:hover {
        border: none;
        color: var(--theme-primary-color);
    }
    #categories_mobile-opener:hover svg {
        fill: currentColor;
    }
    .shoppage__tagcategories {
        display: flex;
        flex-wrap: nowrap;
    }
    .shoppage__tagcategory-link {
        text-wrap: nowrap;
        height: fit-content;
    }
    .shoppage__tagcategories-wrapper {
        /* position: relative; */
        height: 64px;
        /* overflow: hidden; */
        border: 1px solid peru;
        background-color: #999;
    }
    .shoppage__tagcategories.rotated {
        /* position: relative; */
        /* overflow-x: hidden; */
        overflow-y: scroll;
        width: fit-content;
        height: 64px;
        transform: rotate(-90deg);
        transform-origin: left top;
        border: 1px solid blue;
    }
    .rotated__content {
        display: flex;
        height: 64px;
        flex-wrap: nowrap;
        border: 1px solid red;
        background-color: peru;
        transform: rotate(90deg);
        transform-origin: right top;
        margin-top: -20px;
        margin-left: -20px;
        padding-left: 40px;
    }
    .shoppage__tagcategories.rotated .shoppage__tagcategory-link {
        width: fit-content;
        border: 1px solid green;
    }
    #products-amount-select {
        display: none;
    }
    .amount-select-wrapper {
        display: none;
    }
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
    .shoppage .productsview__selects select {
        font-size: 14px;
        height: 46px;
    }
    .filters__item label {
        font-size: 16px;
    }
    .filter-tag {
        font-size: 14px;
        padding: 7px 10px;
    }
}

/*PRODUCTCARD STYLES*/
.productcard {
    position: relative;
    background-color: var(--base-font-light-color);
    border-radius: 10px;
    box-shadow: var(--no-image-bg-color) 0px 2px 6px;
    padding: 18px;
    display: flex;
}
.productcard_tile-type {
    width: 31%;
    min-height: 200px;
    flex-direction: column;
    /* gap: 16px; */
    /* overflow-y: hidden; */
}
.productcard_tile-type .hvr {
    margin-bottom: 20px;
}
.productcard_stretch-type,
.productcard_table-type {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}
.productcard_stretch-type {
    min-height: 220px;
    padding: 18px 24px;
    max-height: 500px;
    gap: 2%;
    transition: max-height 0.25s;
    /* overflow-y: hidden; */
}
.productcard_table-type {
    min-height: 120px;
    padding: 12px 56px 12px 36px;
    justify-content: space-between;
    gap: 3%;
}
.productcard_table-type .hvr {
    height: 100px;
    min-width: 100px;
    width: 100px;
    align-self: center;
}
.productcard_table-type__image {
    height: 46px;
    width: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.productcard__action-btn_relative {
    display: none;
}
.productcard__charactblock {
    position: relative;
    font-size: 13px;
    line-height: 1.9;
    width: 32%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 200px;
    overflow: hidden;
    transition: height 0.25s;
}
.productcard__charactblock table {
    width: 100%;
}
.productcard__charactblock li {
    position: relative;
    width: 50%;
}
/* .productcard__charactblock:hover {
    height: 100%;
} */

.long {
    height: 100%;
    transition: height 0.25s;
}

.productcard__mainblock {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.productcard__information {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/*FOR mini SLIDER*/
.productcard__slidewindow {
    position: relative;
    min-height: 280px;
    overflow: hidden;
}

/* .productcard_tile-type .productcard__slidewindow {
    min-height: 280px;
} */
/* .productcard_tile-type .productcard__slidewindow .image {
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
} */

.hvr {
    position: relative;
    height: 311px;
    width: 100%;
    /* border: 1px solid red; */
}
.productcard_stretch-type .hvr {
    height: 182px;
    width: 244px;
}

.hvr__sectors {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}

.hvr__sector {
    flex-grow: 1;
}
.hvr__images {
    position: relative;
    width: 100%;
    height: 100%;
    /* border: 1px solid blue; */
}

.images {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    /* border: 2px solid green; */
}
.image {
    /* position: absolute;
    height: 176px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    object-fit: cover;
    display: none; */
    max-width: 100%;
    position: relative;
    max-height: 100%;
    display: block;
    width: auto;
    height: auto;
}
/* image:first-child {
    display: block;
  } */

.hvr__dots {
    display: flex;
    align-items: center;
}

.hvr__dot {
    display: flex;
    flex-grow: 1;
    height: 1px;
    margin: 0 2px;
    background: var(--outline-color);
}

.hvr__dot--active {
    background: var(--theme-primary-color);
}

/*END OF mini SLIDER*/

.productcard__action-buttons {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 1000;
    display: flex;
    flex-wrap: nowrap;
    text-align: right;
    flex-direction: row;
}

.productcard__action-buttons svg {
    height: 17px;
    cursor: pointer;
    color: #343434;
    fill: transparent;
    display: inline-block;
    width: 19px;
    margin-left: 10px;
    transition-duration: 300ms;
}
.productcard__action-buttons svg.icon-cancel {
    height: 15px;
    width: 15px;
    /* color: #f0164a; */
    color: var(--theme-primary-color);
    fill: currentColor;
    margin: 0;
    transition: color 0.25s;
}
.productcard__action-buttons svg.icon-cancel:hover {
    color: var(--theme-secondary-color);
    transition: color 0.25s;
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    .productcard__action-buttons svg {
        height: 19px;
        width: 21px;
    }
}
@media screen and (min-width: 767px) and (max-width: 900px) {
    .productcard_tile-type {
        width: 48%;
    }
}
@media screen and (max-width: 767px) {
    .productcard_tile-type {
        width: 100%;
    }
}
.productcard__action-buttons svg:hover {
    color: #8e44ad;
}

.productcard__action-element {
    display: inline;
    margin-left: 4px;
    height: 47px;
    min-width: 46px;
}
.productcard__action-element .menu-of-option a {
    justify-content: right;
    display: inline-flex;
    width: 100%;
}

.productcard__info {
    display: flex;
    align-items: baseline;
}
.productcard__onstock {
    position: relative;
    margin-left: 14px;
    margin-right: 14px;
    font-size: 14px;
}
.set-card .productcard__information {
    gap: 6px;
}
.set-card button {
    position: relative;
}
/* .set-card .productcard__onstock {
    margin-bottom: 10px;
} */
.productcard__onstock::before {
    position: absolute;
    content: "";
    left: -14px;
    top: 8px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: forestgreen;
}
.productcard__onstock.productcard__onstock_no::before {
    background-color: #ff9800;
}
.productcard__code {
    font-size: 13px;
    color: var(--breadcrumbs-color);
    text-wrap: nowrap;
}
.productcard__title {
    font-size: 17px;
    font-weight: 500;
}
.set-card .productcard__title {
    height: 56px;
    margin-bottom: 19px;
}
.set-card .productcard__price {
    margin-bottom: 20px;
}
.productcard__price {
    font-size: 19px;
    font-weight: 500;
    /* padding-bottom: 16px; */
}
.productcard__actions {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.productcard_tile-type .productcard__actions {
    margin-top: 20px;
}
.productcard_tile-type .productcard__actions > button {
    opacity: 0;
    visibility: hidden;
    top: 100%;
    position: relative;
    transition: top 0.25s;
    transition: opacity 0.3s;
}
.productcard_tile-type:hover .productcard__actions > button {
    opacity: 1;
    visibility: visible;
    top: 0;
    transition: top 0.25s;
    transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
    .productcard_tile-type .productcard__actions > button {
        opacity: 1;
        visibility: visible;
        top: 0;
        position: relative;
    }
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
    .productcard__onstock {
        font-size: 15px;
    }
    .productcard__code {
        font-size: 14px;
    }
    .productcard__title {
        font-size: 18px;
    }
    .info-el {
        padding: 28px;
        margin-bottom: 52px;
    }
    .info-el__heading {
        font-size: 12px;
    }
    .info-el__setprice {
        font-size: 37px;
    }
    .info-el__nosetprice {
        font-size: 20px;
    }
    .info-el__nosetprice::after {
        height: 2px;
    }
    .info-el__economy {
        font-size: 16px;
    }
    .setoffer-card button {
        font-size: 14px;
    }
}

.char {
    color: var(--font-lighter-color);
}
.view-all-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: var(--theme-primary-color);
    font-size: 1rem;
    background: linear-gradient(transparent 0%, white 30%);
    line-height: 1;
}

/*PRODUCTCARD CONTENT STYLES DEPENDANT ON CARD TYPE*/
.productcard_table-type .productcard__action-buttons {
    display: none;
}
/* .cartpage .productcard_table-type .productcard__action-buttons {
    display: block;
} */
/* .productcard_table-type .productcard__action__btn_relative {
    display: block;
} */
.productcard_table-type .productcard__actions {
    min-width: 274px;
    gap: 8px;
}

.cartpage .productcard_table-type .productcard__action-buttons {
    display: flex;
    align-items: center;
}
.productcard_tile-type .productcard__charactblock,
.productcard_table-type .productcard__charactblock {
    display: none;
}
.productcard_stretch-type .product-action__btn_relative,
.productcard_tile-type .product-action__btn_relative {
    display: none;
}
.productcard_stretch-type .hvr {
}
.productcard_stretch-type .hvr .hvr__images {
}
.productcard_stretch-type .hvr .image {
}
.productcard_table-type .productcard__slidewindow img {
    height: 100px;
}
.productcard_stretch-type .productcard__mainblock {
    justify-content: space-between;
}

.productcard_table-type .productcard__information {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 8px;
}
.productcard_table-type .addtocart__btn {
    /* height: fit-content; */
}
/* .productcard_table-type img {
    max-width: 100px;
} */
.cartproduct__img {
    max-width: 100px;
}
@media screen and (max-width: 767px) {
    .cartproduct__img {
        max-width: 80px;
    }
}

/*PRODUCTPAGE STYLES*/
.swiper-productgallery {
    background-color: var(--base-font-light-color);
    top: 73px;
    position: sticky;
    height: 336px;
}
.swiper-productgallery .swiper-wrapper {
    margin-top: 0;
}
.swiper-productgallery .swiper-slide {
    padding: 18px;
    width: 514px;
}

.swiper-productgallery__thumbs {
    position: relative;
    height: 100%;
    overflow-y: hidden;
    width: auto;
    min-width: 148px;
}
.swiper-productgallery__thumbs .swiper-slide {
    border: 1px solid var(--body-bg-color);
    width: 100%;
    border-top: none;
    background-color: var(--base-font-light-color);
}

.newwrap {
    position: fixed;
    top: 25px;
    right: 25px;
    bottom: 80px;
    left: 25px;
}
.productpage-section {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.productpage__mainsection {
    display: flex;
    flex-wrap: wrap;
    /* background-color: var(--base-font-light-color); */
    /* box-shadow: var(--no-image-bg-color) 0px 2px 6px; */
    /* padding: 23px; */
    border-radius: 5px;
}
.slider__previews {
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
}
.swiper-productgallery__navigation {
    position: absolute;
    display: flex;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 70000;
    height: 102px;
    background-color: var(--base-font-light-color);
}
.swiper-productgallery__navigation .swiper-productgallery__nav-btn {
    position: relative;
    width: 50%;
    height: 100%;
    border-radius: 0;
    background-color: var(--base-font-light-color);
    border: 1px solid var(--body-bg-color);
    border-bottom: none;
}
.swiper-productgallery__navigation .swiper-productgallery__nav-btn:hover {
    background-color: var(--body-bg-color);
}
.swiper-productgallery__navigation .swiper-productgallery__nav-btn svg {
    width: 14px;
    height: 8px;
}

.previews__item {
    /* border-top: 1px solid var(--body-bg-color); */
    border-bottom: 1px solid var(--body-bg-color);
    padding: 4px 12px;
    cursor: pointer;
    height: 100px;
}
.previews__item-img {
    scale: 80%;
    transition: all 0.6s;
}
.previews__item-img:hover {
    transform: scale(120%);
    transition: all 0.6s;
}
.swiper-productgallery .swiper-wrapper {
    height: 336px;
}
.slider__viewed-img {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: 100%;
    height: 300px;
    width: 100%;
    transition: background-size 0.25s ease-in-out;
}
/* .no-overlay-effect{
    opacity: 1;
    transition: opacity 3s;
}
.overlay-effect {
    opacity: 0;
    transition: opacity 3s;
} */
/* .slider__viewed-img::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--base-font-light-color);
    z-index: 100;
    opacity: var(--lightOverlay, 0);
    transition: opacity 0s;
} */
.slider__viewed-img:hover {
    background-position: center center;
    background-size: 200%;
    transition: background-size 0.25s ease-in-out;
}
@media screen and (max-width: 500px) {
    /* .slider__viewed-img {
        width: 100%;
    } */
    .slider__viewed-img:hover {
        background-size: 100%;
    }
}
.slider__window,
.popup__slider-window {
    position: relative;
    border-left: 1px solid var(--body-bg-color);
    /* overflow: hidden; */
    cursor: grabbing;
    /* if bgimage */
    width: 100%;
    display: flex;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.popup__slider-window {
    height: 300px;
    overflow: hidden;
}

.slider__window:hover {
    /* background-size: 200%; */
}
.productpage__slider-wrap {
    display: flex;
    width: 50%;
    height: 100%;
    position: relative;
    background-color: var(--base-font-light-color);
    height: 800px;
}
@media screen and (max-width: 1199px) {
    .productpage__mainsection {
        padding: 0;
    }
    .productpage__slider-wrap {
        width: 100%;
    }
    .swiper-productgallery {
        height: 496px;
    }
    .swiper-productgallery .swiper-wrapper {
        height: 496px;
    }
    .slider__viewed-img {
        height: 460px;
        /* width: auto; */
    }
    .swiper-productgallery__thumbs {
        width: 158px;
        min-width: 158px;
    }
    .swiper-productgallery__thumbs .swiper-slide {
        height: 108px;
    }
}
@media screen and (max-width: 767px) {
    .productpage__slider-wrap {
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: start;
    }
    .swiper-productgallery {
        position: absolute;
        top: 0;
    }
    .swiper-productgallery__navigation {
        position: absolute;
        display: flex;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 70000;
        width: 102px;
        background-color: var(--base-font-light-color);
        flex-direction: column-reverse;
    }
    .swiper-productgallery__navigation .swiper-productgallery__nav-btn {
        width: 100%;
        height: 50%;
        border-bottom: none;
    }
    .swiper-productgallery__navigation .swiper-productgallery__nav-btn svg {
        transform: rotate(90deg);
    }
    .swiper-productgallery__thumbs {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* height: 148px; */
    }
    .swiper-productgallery__thumbs .swiper-slide {
        height: 98px;
        width: 104px;
    }
    .slider__previews {
        flex-direction: row;
    }
}

@media screen and (max-width: 767px) {
    .swiper-productgallery .swiper-wrapper {
        height: 405px;
    }
    .swiper-productgallery {
        height: 405px;
    }
    .swiper-productgallery .swiper-slide {
        padding: 18px 0;
        height: 405px;
    }
    .slider__viewed-img {
        height: 405px;
        background-size: contain;
    }
    .swiper-productgallery__thumbs .swiper-slide {
        border-top: 1px solid var(--body-bg-color);
    }

    .previews__item-img {
        height: auto;
        width: 90px;
    }
}

@media screen and (max-width: 500px) {
    .swiper-productgallery__navigation {
        display: none;
    }
    .slider__viewed-img {
        height: 300px;
    }
}

.fullscreen-prodgallery__thumbs .swiper-wrapper {
    display: flex;
    justify-content: center;
}
.fullscreen-prodgallery__thumbs .swiper-wrapper > * {
    width: fit-content;
}

.productpage__details {
    border-left: 1px solid var(--body-bg-color);
    padding: 23px 37px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 50%;
    max-width: 652px;
    font-size: 13px;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid var(--no-image-bg-color);
    background-color: var(--base-font-light-color);
}
@media screen and (max-width: 1199px) {
    .productpage__details {
        max-width: none;
        width: 100%;
        border-left: none;
    }
    .quick-product-view-popup .productpage__details {
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .categories_mobile__layers.mobile__layers_fullheight {
        right: 0;
        left: 0;
        border-radius: 10px;
    }
    .quick-product-view-popup .productpage__details {
        width: 100%;
    }
    .productpage__details {
        padding: 23px 0;
    }
    .product-details__item {
        padding-left: 23px;
        padding-right: 23px;
    }
    .quick-product-view-popup .product-details__item {
        padding-left: 36px;
        padding-right: 36px;
    }
}

.productdetails__actions .link_blue {
    position: absolute;
    right: 0;
    top: 0;
}
.productdetails__action {
    display: inline-flex;
    align-items: center;
}
.productdetails__action:first-child {
    margin-right: 30px;
}
.productpage__details svg.icon-favorites {
    width: 16px;
    height: 14px;
    margin-left: 0;
    fill: transparent;
}
.productpage__details svg.icon-compare {
    width: 19px;
    height: 17px;
}
.productdetails__price {
    font-size: 34px;
    font-weight: 500;
}
@media screen and (max-width: 1199px) {
    .productdetails__price {
        margin-bottom: 14px;
    }
}
.productdetails__actions {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: start;
}

.productdetails__share-btn {
    position: relative;
    height: 37px;
}

.currency-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin: 0 6px 6px 0;
    flex: 0 0 auto;
    background: linear-gradient(90deg, #02aab0 0%, #00cdac 100%);
    color: #fff;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
}

.productdetails__creditinfo {
    display: flex;
    align-items: center;
}

.credit-help {
    color: #bdc2d3;
    cursor: help;
    display: block;
    margin: 0 7px 0 7px;
}
.credit-help svg.icon-help {
    fill: currentColor;
    height: 14px;
    width: 14px;
}
.credit__info {
    border-radius: 5px;
    padding: 9px 18px;
    border: 1px solid #e1e1e8;
}
.productpage__details .productcard__charactblock {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 20vw;
    gap: 20px;
    padding: initial 24px;
}
.product-details__item {
    /* padding: 24px 12px; */
    margin-bottom: 23px;
    padding-bottom: 18px;
}
/* .product-details__item:first-child {
    padding: 0px 12px 24px 0px;
} */
.product-details__item:not(:last-child) {
    border-bottom: 1px solid var(--no-image-bg-color);
}
/* .product-details__item > *:not(:last-child) {
    margin-bottom: 12px;
} */
.product-details__item__h {
    font-size: 15px;
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
    .product-details__item__h {
        font-size: 16px;
    }
}
.productdetails__share-btn {
    height: 37px;
}
.productdetails__share-btn svg.icon-share {
    height: 12px;
    width: 12px;
    margin-left: 8px;
}

/* .product-details__item a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 12px;
} */
.product-details__item button,
.credit__info {
    display: flex;
    /* height: 46px; */
    margin-right: 12px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 14px;
    /* color: var(--base-font-light-color); */
}

.credit__info {
    width: 154px;
    background-color: var(--base-font-light-color);
    color: var(--base-font-color);
}

.product-details__item p {
    float: right;
}

.productpage-accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media screen and (max-width: 1199px) {
    .productpage-accordion {
        gap: 10px;
    }
}
@media screen and (max-width: 767px) {
    .productpage-accordion {
        gap: 9px;
    }
}

.productpage__accordion-section {
    height: fit-content;
    scroll-margin-top: 191px;
}
.radiusborder-el.accordion__collapse {
    padding-top: 0;
}
.accordion__collapse {
    max-height: 0;
    overflow-y: hidden;
    width: 100%;
    /* padding-top: 0; */
    padding-bottom: 0;
    transition: max-height 1s, padding-bottom 1s;
    /* margin-top: -23px; */
}
.productpage__accordion-collapse_opened {
    height: fit-content;
    max-height: 2000px;
    /* padding-top: 23px; */
    padding-bottom: 23px;
    transition: max-height 1s, padding-bottom 1s;
}

.accordion__subsection,
.cart-preview__productcard {
    border: 1px solid var(--outline-color);
    border-radius: 8px;
    min-height: 100px;
    padding: 24px;
}

.accordion__head {
    position: relative;
    width: 100%;
}
.page-section__heading {
    position: relative;
    font-size: 19px;
    width: 100%;
    display: block;
    line-height: 1;
    margin: 20px 0 10px 0;
    font-weight: 500;
}

.productpage__accordion-section {
    border-radius: 5px;
    /* background-color: white;  */
}
.accordion__head {
    align-items: center;
    display: flex;
    background-color: white;
}
.accordion__heading {
    width: 90%;
    margin: 0;
}
.accordion__collapse {
    background-color: white;
    /* padding: 8px; */
    display: flex;
    flex-direction: row;
    gap: 18px;
}

.accordion__heading {
    font-size: 22px;
}

/* .accordion_btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: right;
    width: 42px;
    top: 0;
    bottom: 0;
    right: 0;
    background: transparent;
    padding: 0;
    height: auto;
} */
.accordion__head svg.icon-arrow-toggle {
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
}
.accordion__head svg.icon-arrow-toggle {
    width: 20px;
    height: 12px;
}
@media screen and (max-width: 1199px) {
    .accordion__head svg.icon-arrow-toggle {
        width: 13px;
        height: 8px;
    }
}
@media screen and (max-width: 767px) {
    .accordion__head svg.icon-arrow-toggle {
        width: 12px;
        height: 7px;
    }
}

.accordion__head {
    min-height: 92px;
}
@media screen and (max-width: 1199px) {
    .accordion__head {
        min-height: 70px;
    }
}
@media screen and (max-width: 767px) {
    .accordion__head {
        min-height: 63px;
    }
}

.reviews-section,
.questions {
    display: flex;
    flex-grow: 1;
    height: fit-content;
}

.write-review,
.productpage .write-review,
.ask-question,
.write-comment {
    width: 366px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: var(--base-font-light-color);
}

@media screen and (max-width: 1199px) {
    .prodpage__formwrap {
        background-color: var(--base-font-color);
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100000;
    }
}

.accordion__left,
.comments-section__comments {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 40px;
}
.productpage__openform-btn {
    display: none;
}

@media screen and (max-width: 1199px) {
    .prodpage__formwrap {
        display: none;
    }

    .productpage .write-review,
    .ask-question,
    .write-comment {
        /* display: none; */
    }
    /* .popup-container .write-review,
    .popup-container .ask-question,
    .popup-container .write-comment
     {
        display: flex;
        position: fixed;
        top: 25px;
        right: 25px;
        bottom: 80px;
        left: 25px;
        width: auto;
        overflow-y: scroll;
    } */
    .productpage .write-review,
    .ask-question,
    .productpage .write-comment,
    .write-comment,
    .reviewspage .write-review {
        /* display: none; */
        position: fixed;
        top: 25px;
        right: 25px;
        bottom: 80px;
        left: 25px;
        width: auto;
        overflow-y: scroll;
    }
    .productpage__openform-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        height: 60px;
    }
}

.starlabel::before {
    content: "* ";
    color: red;
}
.textinput_square {
    min-height: 160px;
}
.textinput_square_small {
    min-height: 100px;
}

.product-characts_table {
    width: 100%;
    margin: 0 0 23px;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
}

.productpage__descr-list {
    position: relative;
    width: 49%;
    line-height: 0.8;
    margin-top: 38px;
}

@media screen and (max-width: 1199px) {
    .accordion__heading {
        font-size: 18px;
    }
    .accordion__collapse {
        flex-direction: column;
    }
    .productpage__descr-list {
        width: 100%;
    }
}

.productpage__descr-list::before {
    position: absolute;
    content: attr(aria-label);
    font-weight: 500;
    line-height: 2.4;
    font-size: 17px;
    top: -38px;
}
@media screen and (max-width: 1199px) {
    .productpage__descr-list::before {
        font-size: 16px;
    }
}

.productpage__descr-list dt,
.product-characts_table small {
    display: flex;
    color: var(--font-lighter-color);
    margin: 14px 0;
    font-size: 13px;
    text-wrap: nowrap;
}
/* .productpage__descr-list dt {
    float: left;
    width: 50%;
} */
.productpage__descr-list dt {
    font-size: 14px;
}
.productpage__descr-list dd {
    font-size: 15px;
}
.up {
    font-size: 13px;
    font-size: 14px;

    font-size: 14px;
    font-size: 15px;
}
.product-characts_table small {
}

/* .productpage__descr-list dd {
    display: flex;
    margin: 14px 0;
    text-wrap: none;
    font-size: 14px;
} */
/* .productpage__descr-list dd {
    float: right;
    width: 50%;
} */

.product-characts_table td {
}

.prodpage__descr-item {
    position: relative;
    width: 100%;
    height: 10px;
    /* margin: 14px 0; */
    margin-top: 24px;
    border-bottom: 1px dashed var(--breadcrumbs-color);
}

.prodpage__descr-item dt,
.prodpage__descr-item dd {
    position: absolute;
    background-color: var(--base-font-light-color);
    bottom: 0;
    margin-bottom: -2px;
    padding-bottom: 1px;
}
.prodpage__descr-item dt {
    left: 0;
    padding-right: 3px;
    color: var(--breadcrumbs-color);
}
.prodpage__descr-item dd {
    left: 50%;
    right: 0;
    padding-left: 3px;
}

@media screen and (max-width: 1199px) {
    .productpage__accordion {
        gap: 8px;
    }
    .productpage__descr-list dt {
        font-size: 14px;
    }
    .productpage__descr-list dd {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .productpage__descr-list dt {
        font-size: 13px;
    }
    .productpage__descr-list dd {
        font-size: 14px;
    }
    .prodpage__descr-item {
        position: relative;
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: column;
        margin: 0;
        border-bottom: none;
    }

    .prodpage__descr-item dt,
    .prodpage__descr-item dd {
        position: relative;
        background-color: transparent;
    }
    .prodpage__descr-item dt {
        margin-bottom: 14px;
    }
    .prodpage__descr-item dd {
        margin-bottom: 10px;
        left: 0;
        padding-left: 0;
    }
}

/* .line {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    border-bottom: 1px dashed var(--outline-color);
} */

.cartpage__main {
    display: flex;
    margin-top: 20px;
}
.cartpage__products {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cartpage__products .productcard {
    /* padding: 12px 80px 12px 24px; */
    padding: 12px 80px 12px 36px;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .cartpage__products .productcard {
        padding: 12px 60px 12px 26px;
    }
}
@media screen and (max-width: 500px) {
    .cartpage__products .productcard {
        padding: 12px;
        padding-bottom: 18px;
    }
}

@media screen and (max-width: 500px) {
    .cart__productcard .cartcard__menu {
        display: none;
    }
    .cartcard__action-btns {
        display: block;
    }
}

.cartpage__products .productcard .productcard__price {
    padding-bottom: 0;
    font-weight: inherit;
    font-size: 16px;
    text-wrap: nowrap;
}
.amount-input {
    min-width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
}
.productcard__setamount {
    gap: 0;
    width: 94px;
    width: 94px;
    position: relative;
}
.amount-plus-btn svg.icon-arrow-right,
.amount-minus-btn svg.icon-arrow-left {
    height: 9px;
}

.cartpage__order {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 30%;
}
.cartpage__order .product-characts_table {
    font-size: 15px;
}
.cartpage__order .product-characts_table small {
    font-size: 14px;
}
.setorder-btn {
}
.tomaincart-btn {
    height: 62px;
    font-size: 16px;
}

.cart_side .cartpage__order {
    padding: 14px;
}
@media screen and (max-width: 1199px) {
    .setorder-btn,
    .fastorder-btn,
    .set-fastorder-btn {
        height: 62px;
        font-size: 16px;
    }
}
/* .cartpage .productpage__descr-list {
    position: relative;
    width: 100%;
} */

.cartpage .productpage__descr-list {
    margin-bottom: 18px;
}
.cartpage .productpage__descr-list dt,
.cartpage .productpage__descr-list dd {
    position: relative;
    font-size: 14px;
}
.cartpage__order__hr {
    border-top: 1px solid var(--outline-color);
    height: 1px;
}
/* }
.cartpage .productpage__descr-list dd {
    float: right;
}  */

@media screen and (max-width: 1199px) {
    .cartpage__products {
        width: 100%;
    }
    .cartpage__order {
        width: 100%;
    }
}

.prodgallery-slider {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(39, 39, 39, 0.8);
    z-index: 9000;
}
.prodgallery__controls {
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.prodgallery__control_back {
}
.prodgallery__control_forward {
}
.prodgallery__image {
    margin: auto;
}
.cart_side__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: opacity 0.5s;
    cursor: pointer;
}
.cart_side__overlay_opened,
.cart_side__wrap_opened {
    display: block;
    z-index: 70000;
}
.cart_side__overlay.cart_side__overlay_dark {
    opacity: 0.7;
    transition: opacity 0.5s;
}
.cart_side__wrap_opened {
    opacity: 1;
}
.cart_side {
    width: 38vw;
    position: absolute;
    top: 0;
    right: -38vw;
    bottom: 0;
    /* left: 162vw; */
    z-index: 80000;
    background-color: var(--base-font-light-color);
    overflow-y: scroll;
    transition: right 0.25s;
}
.cart_side.cart_side__lastorders-cart {
    position: relative;
    width: 100%;
    overflow-y: unset;
    top: unset;
    right: unset;
    bottom: unset;
    z-index: 0;
    padding: 8px;
    border: 1px solid var(--outline-color);
    border-radius: 8px;
    /* background-color: lightgray; */
    gap: 8px;
}
.lastorder__body {
    display: flex;
    margin-top: 8px;
    gap: 8px;
}
.lastorder__order-status.status_delivered {
    color: forestgreen;
}
.lastorder__order-status.status_cancelled {
    color: firebrick;
}
.lastorder__order-status.status_inprogress {
    color: peru;
}
.cart_side.cart_side__lastorders-cart .productcard__actions {
    justify-content: center;
}
.cart_side.cart_side__lastorders-cart .cartpage__order {
    margin-top: 0;
    width: auto;
    flex-grow: 1;
}
.cart_side.cart_side__lastorders-cart .cart_side__products {
    width: 64%;
}
.cart_side_opened {
    right: 0;
    transition: right 0.25s;
}
.cart_side .container {
    padding: 37px 23px;
}
.cart_side .cartpage__order {
    margin-top: 18px;
}
.cart_side__title {
    font-size: 21px;
    font-weight: 500;
}
.cart_side__top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}
.cart_side__is-empty {
    margin-top: 18px;
}
.cart_side__products {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cart_side .productcard_table-type {
    /* flex-wrap: wrap; */
    align-items: center;
    /* min-height: 180px; */
    min-height: 96px;
    padding: 12px 14px;
}

.cart_side .productcard_table-type img {
    height: 60px;
}
.cart_side .productcard_table-type .productcard__price {
    padding-bottom: 0;
    font-weight: inherit;
    font-size: inherit;
}
.cart_side .cartpage__order {
    width: 100%;
}

.returnspage__inner .return-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.return-form__radiolist {
    line-height: 1.8rem;
}
.return-form__buttons {
    display: flex;
    gap: 12px;
}

/*BRANDSPAGE STYLES*/
.brandspage {
    position: relative;
}
.brandspage__inner {
    padding: 0px calc(32px-9px);
    /* padding: 0 100px; */
    position: relative;
    overflow: visible;
}
.link-to-top {
    z-index: 100000;
    position: sticky;
    top: 500px;
    right: 100px;
    color: var(--theme-secondary-color);
    padding: 12px;
    border: 1px solid var(--theme-secondary-color);
}
.brandspage__startletters {
    font-size: 2rem;
    display: flex;
    justify-content: center;
    gap: 12px;
}
.letter-brands__h {
    position: relative;
    width: 100%;
    font-size: 27px;
    margin-left: 9px;
    margin-bottom: 20px;
}
.letter-brands {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    /* gap: 12px; */
    /* gap: 14px; */
    /* width: 100%; */
    max-width: 864px;
    margin: 36px auto;
    scroll-margin-top: calc(73px + 18px);
}
.letter-brand {
    /* display: inline-block; */
    display: flex;
    position: relative;
    width: 25%;
    /* aspect-ratio: 9 / 9; */
    height: auto;
    overflow: hidden;
    padding: 0px 9px 18px;
}
.letter-brand > a {
    display: flex;
    flex-grow: 1;
    width: auto;
    height: auto;
    aspect-ratio: 9 / 9;
    border: 1px solid;
    border-color: var(--no-image-bg-color);
    transition: border-color 0.25s;
}
.letter-brand img {
    position: relative;
    width: 100%;
    margin: auto;
}
.letter-brand > a:hover {
    border-color: var(--theme-primary-color);
    transition: border-color 0.25s;
}
/* .letter-brand:hover {
    border: 1px solid var(--theme-primary-color);
} */

/*ADDED 2*/
@media screen and (max-width: 1199px) {
    .letter-brand {
        width: 33.3333333%;
        height: auto;
    }
    .letter-brand > a {
        aspect-ratio: 1 / 1;
    }
}
/* @media screen and (max-width: 767px) {
    .letter-brand {
        width: 31%;
    }
} */
@media screen and (max-width: 767px) {
    .letter-brand {
        width: 50%;
    }
}
/*end ADDED 2*/

/*CONTACTSPAGE STYLES*/

.contactspage__section {
    position: relative;
    display: flex;
    /* gap: 24px; */
    width: 100%;
    justify-content: space-between;
}
.contactspage__list {
    position: relative;
    margin-top: 2rem;
}
.contactspage__list-item {
    /* width: 214px; */
    position: relative;
    padding-right: 9px;
}
.contactspage__list_otherinfo .contactspage__list-item {
    position: relative;
    width: 33%;
}

/* .contactspage__list dd {
    margin-bottom: 12px;
} */
.contactspage__list_otherinfo dd {
    margin-bottom: 10px;
}
.contactspage__list_maininfo {
    position: relative;
    width: 24%;
}
.contactspage__list_otherinfo {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    width: 48%;
    /* overflow-x: hidden; */
    /* display: flex;
    flex-direction: column;
    flex-wrap: wrap; 
    flex-grow: 1;
    max-height: 160px; */
}
.contactspage__title-list::before {
    position: absolute;
    top: -28px;
    left: 0;
    content: attr(aria-label);
    font-size: 17px;
    font-weight: 500;
}
.contactspage__list_maininfo dt {
    font-size: 14px;
    /* margin-bottom: 5px; */
    margin-bottom: 0px;
}
.contactspage__list_maininfo dd {
    font-size: 17px;
    margin-bottom: 18px;
}
.contactspage__list_maininfo address {
    font-size: 13px;
}
.contactspage__list_maininfo dd.tel {
    margin-bottom: 0px;
}
.contactspage__list_maininfo dt.font {
    margin-bottom: 20px;
}
.contactspage__list_otherinfo dd.contactspage__list__subttl {
    margin-bottom: 18px;
}
.contactspage__list_otherinfo dt {
    font-size: 12px;
    /* margin-bottom: 5px; */
    margin-bottom: 4px;
}
.contactspage__list_otherinfo dd {
    font-size: 14px;
}
.contactspage__subsection {
}
.contactspage__form {
    position: relative;
    width: 26%;
}
.swiper-ourstores {
    /* height: fit-content; */
    height: calc(320px);
}
.swiper-ourstores .swiper-wrapper {
    align-items: start;
}
.swiper-ourstores .swiper-slide {
    width: fit-content;
    margin-right: 20px;
}
.ourstores__item {
    position: relative;
    width: 312px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.ourstores__item__badge {
    position: absolute;
    top: 16px;
    left: 6%;
    padding: 0 14px;
    border-radius: 5px;
    background-color: #ffd540;
    font-size: 13px;
    font-weight: 500;
    height: 28px;
    display: flex;
    align-items: center;
    z-index: 1000;
    width: fit-content;
}
.ourstores__item__badge .header__tagcategory-icon {
    height: 13px;
    width: 13px;
}
.ourstores__item__img {
    position: relative;
    object-fit: cover;
    width: 312px;
    height: 167px;
    background-color: var(--font-lighter-color);
    border-radius: 8px;
    margin-bottom: 6px;
}
.ourstores__item__info {
    font-size: 15px;
    font-weight: 500;
}
.ourstores__item__hours {
    color: var(--breadcrumbs-color);
    font-size: 13px;
}
.ourstores__item__contacts {
}

@media screen and (max-width: 1199px){
    .contactspage__section {
        flex-wrap: wrap;
    }

    .contactspage__list {
        background-color: #FFFFFF;
        border-radius: 5px;
        /* padding: 30px; */
        padding: 56px 30px 30px 30px;
    }
    .contactspage__list_maininfo {
        width: 32%;
        margin-right: 24px;
    }
    .contactspage__list_otherinfo {
        flex-grow: 1;
    }
    .contactspage__form {
        display: flex;
        width: 100%;
        left: 0;
        overflow: auto;
    }
}
/*ADDED*/
@media screen and (max-width: 1000px) {
    .contactspage__list {
        width: 100%;
    }
}
/*END ADDED*/
@media screen and (max-width: 767px){
    /*ADDED*/
        .contactspage__list_otherinfo {
            flex-direction: column;
        }
        .contactspage__list_otherinfo .contactspage__list-item {
            width: 100%;
        }
    /*END ADDED*/
    .contactspage__list_maininfo {
        width: 100%;
        margin-right: 0;
    }
    .contactspage__list_otherinfo {
        flex-grow: 1;
    }
}



/*BLOGSPAGE STYLES*/

.blogspage__categories {
    position: relative;
    width: 26%;
    min-height: 160px;
    height: fit-content;
}

.blogspage__categories-list_closed {
    max-height: 0px;
    height: fit-content;
    overflow-y: hidden;
    transition: max-height 1s;
}
.blogspage__categories-list {
    max-height: 1000px;
    height: fit-content;
    transition: max-height 1s;
}

.blogspage__categories__item {
    position: relative;
    width: 100%;
    line-height: 3;
    background-color: var(--body-bg-color);
    border-radius: 5px;
    margin-top: 2px;
    margin-bottom: 4px;
    padding: 0 12px;
}
.blogspage__categories__item > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85%;
}
.blogspage__categories__item .opensubcats-btn {
    padding-right: 0;
    left: 85%;
    width: 15%;
    justify-content: center;
}
.blogspage__categories__item svg.icon-arrow-right,
.blogspage__categories__item svg.icon-arrow-categories {
    width: 8px;
    height: 8px;
}

.blogspage__section {
    position: relative;
    width: 100%;
    display: flex;
    gap: 24px;
    font-size: 1.6rem;
    padding: 1rem 0;
}

.blogspage__blogs_similar .swiper-blogs {
    overflow: hidden;
}

.blogspage__blogs,
.blogspage__blogs_similar {
    position: relative;
    width: 74%;
    display: flex;
    flex-wrap: wrap;
    /* gap: 24px; */
}
.blogspage__blogs {
    gap: 2px;
}
.blogspage__blogs_similar {
    width: 100%;
}
.blogs__item {
    position: relative;
    /* width: 30%; */
    width: 331px;
    /* height: fit-content; */
    height: 510px;
    cursor: pointer;
}
.blogs__item_hero,
.blogpage__hero {
    width: 100%;
    height: calc(423px + 10px);
    margin-bottom: 28px;
}
.blogs__item_hero svg.icon-dot,
.blogpage__hero svg.icon-dot {
    height: 4px;
    width: 4px;
    margin-right: 18px;
}
.blogpage__hero .blogs__info-badge:first-child {
    margin-left: 0;
}
.blogs__item-info {
    display: flex;
}
.blogs__item__actions-info {
    position: absolute;
    color: var(--base-font-light-color);
    bottom: 14px;
    left: 14px;
    display: flex;
    gap: 12px;
}
/* .blogs__item-info span {
    color: var(--base-font-light-color);
}
.blogs__item__actions-info span {
    color: var(--base-font-light-color);
}
.blogs__item > .blogs__item-info {
    color: var(--base-font-light-color);
    position: relative; */
/* flex-direction: column;
    gap: 12px; */
/* } */
.blogs__item_hero > .blogs__item-info,
.blogpage__hero > .blogs__item-info {
    color: var(--base-font-light-color);
    position: absolute;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    bottom: 24px;
    /* left: 24px;
    right: 24px; */
    left: 34px;
    right: 34px;
}
.blogs__item-badges {
    display: flex;
}
.blogs__info-badge {
    margin-left: 12px;
}
.blogs__info-badge,
.blogs__item__actions-info span {
    display: flex;
    align-items: center;
}
.blogs__item_hero > .blogs__item-heading,
.blogpage__hero > .blogs__item-heading {
    color: var(--base-font-light-color);
    font-weight: 600;
}

.blogs__item_standard > .blogs__item-info {
    color: var(--base-font-color);
    flex-direction: column;
    /* gap: 12px; */
    margin-top: 12px;
    padding: 0 6px;
}
.blogs__item_similar > .blogs__item-info {
    position: relative;
    flex-direction: column;
    margin-top: 16px;
    padding: 0 6px;
}
.blogs__item_similar .blogs__item-heading,
.blogs__item_standard .blogs__item-heading {
    margin-bottom: 4px;
    font-size: 15px;
}
.blogs__item_similar .blogs__item-date,
.blogs__item_standard .blogs__item-date {
    color: var(--breadcrumbs-color);
    font-size: 16px;
}
.blogs__item__img-wrapper {
    position: relative;
    width: 100%;
    height: 423px;
    background-repeat: no-repeat;
    /* background-size: auto 110%; */
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
    transition: background-size 0.6s;
}
.blogs__item_hero .blogs__item__img-wrapper,
.blogpage__hero .blogs__item__img-wrapper {
    background-position: center;
    background-size: 100% auto;
}
.blogs__item_hero .blogs__item__img-wrapper::before,
.blogs__item_standard .blogs__item__img-wrapper::before {
    position: absolute;
    content: "";
    top: 70%;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, transparent 56%, var(--base-font-color));
}
.blogpage__hero .blogs__item__img-wrapper::before {
    position: absolute;
    content: "";
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, transparent 26%, var(--base-font-color));
}

/*If zooming bground*/
.blogspage__blogs_similar .blogs__item__img-wrapper:hover
/* .swiper-blogs .swiper-slide:hover .blogs__item__img-wrapper  */ {
    background-size: auto 104%;
    transition: background-size 0.6s;
}
.swiper-blogs .swiper-slide .blogs__item__img-wrapper,
.blogs__item_standard .blogs__item__img-wrapper,
.blogs__item_hero .blogs__item__img-wrapper {
    width: 96%;
    height: 423px;
    transition: all 0.25s;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
}
.swiper-blogs .swiper-slide:hover .blogs__item__img-wrapper,
.blogs__item_standard:hover .blogs__item__img-wrapper,
.blogs__item_hero:hover .blogs__item__img-wrapper
 {
    width: 100%;
    /* height: 433px; */
    height: 443px;
    transition: all 0.25s;
    margin-top: -10px;
}
.blogs__item_hero .blogs__item__img-wrapper {
    width: 98%;
}
.blogs__item_hero:hover .blogs__item__img-wrapper {
    width: 100%;
}

/* .blogs__item_hero .blogs__item__img-wrapper:hover {
    background-size: 104% auto;
    transition: background-size 0.6s;
} */

.link-toviewall {
    position: absolute;
    bottom: 24px;
    right: 0;
    color: var(--theme-secondary-color);
    background-color: var(--base-font-light-color);
    padding: 12px;
    border: 1px solid var(--theme-secondary-color);
}

@media screen and (max-width: 1199px) {
    .blogspage .blogspage__section {
        flex-direction: column;
    }
    .blogspage__categories {
        min-height: fit-content;
    }
    .blogspage__categories.radiusborder-el {
        background-color: transparent;
        padding: 0;
        margin: 0;
    }
    .blogspage__categories .page-section__heading {
        display: none;
    }
    .blogspage__categories .blogspage__categories-list {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    .blogspage__categories .blogspage__categories__item {
        min-width: 102px;
        width: fit-content;
        background-color: var(--base-font-light-color);
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 8px;
    }
    .blogspage__blogs, .blogspage__blogs_similar {
        width: 100%;
    }
    /*ALTERNATIVE BLOGS LAYOUT*/
    .blogspage__blogs .blogs__item {
        width: 33%;
    }
    .blogspage__blogs .blogs__item .blogs__item__img-wrapper,
    .blogspage__blogs .blogs__item.blogs__item_hero .blogs__item__img-wrapper {
        height: auto;
        aspect-ratio: 9 / 12;
        overflow: hidden;
    }
    .blogs__item_hero {
        /* height: calc(423px + 10px); */
        height: auto;
        margin-bottom: 0px;
    }
    .blogs__item_hero .blogs__item__img-wrapper {
        width: 96%;
    }
    /* .blogspage__blogs .blogs__item:hover .blogs__item__img-wrapper {
        height: auto;
        aspect-ratio: 9 / 12;
        overflow: hidden;
    } */
    /*END of ALTERNATIVE BLOGS LAYOUT*/


    /* .blogs__item_hero,
    .blogs__item {
        width: 331px;
        height: 510px;
    } */
    .blogs__item_hero .blogs__item-info .blogs__item-heading,
    .blogs__item_hero .blogs__item-info .blogs__item-date {
           display: none;
    }
    
    .blogs__item_hero .blogs__item-info_min .blogs__item-heading {
        margin-bottom: 4px;
        font-size: 15px;
        display: block;
    }
    .blogs__item_hero .blogs__item-info_min .blogs__item-date {
        display: block;
        color: var(--breadcrumbs-color);
        font-size: 16px;
    }
    .mainpage__blogs .blogs__item_hero:hover .blogs__item-heading {
        color: #337ab7;
        border-bottom: 1px solid rgba(71, 145, 255, 0.15);
        transition: all 0.25s;
    }
    .blogs__item_hero .blogs__item-badges {
        position: absolute;
        color: var(--base-font-light-color);
        bottom: 14px;
        left: 14px;
        display: flex;
        gap: 12px;
    }
    /*!+++ add to min!*/
    .blogs__item_hero .blogs__item__img-wrapper {
        background-position: center;
        background-size: 100% auto;
    }
    .blogs__item_hero .blogs__item__img-wrapper::before {
        position: absolute;
        content: "";
        top: 70%;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(to bottom, transparent 56%, var(--base-font-color));
    }
    .blogs__item-info {
        gap: 0;
    }
    .blogs__item_hero .blogs__item-info {
        color: var(--base-font-color);
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin-top: 0px;
    }
    .blogs__item_hero .blogs__item-info
    .blogs__item_hero .blogs__item-badges {
        position: absolute;
        color: var(--base-font-light-color);
        bottom: 14px;
        left: 14px;
        display: flex;
        gap: 12px;
    }
    .blogs__item_hero .blogs__item-info.blogs__item-info_min {
        margin-top: 12px;
        align-items: flex-start;
        padding: 0px 6px;
    }
    .blogs__item_hero .blogs__info-badge {
        margin-left: 0px;
    }
    .blogs__item_standard > .blogs__item-info {
        color: var(--base-font-color);
        flex-direction: column;
        /* gap: 12px; */
        margin-top: 12px;
    }
    .blogs__item_similar > .blogs__item-info {
        position: relative;
        flex-direction: column;
        margin-top: 16px;
        padding: 0 6px;
    }
    .blogs__info-badge {
        margin-left: 12px;
    }
    .blogs__item_hero:hover .blogs__item-heading {
        color: #337ab7;
        border-bottom: 1px solid rgba(71, 145, 255, 0.15);
        transition: all 0.25s;
    }
}

@media screen and (max-width: 767px) {
    /*ALTERNATIVE BLOGS LAYOUT*/
    .blogspage__blogs .blogs__item {
        width: 49%;
    }
    .blogspage__blogs .blogs__item .blogs__item__img-wrapper,
    .blogspage__blogs .blogs__item.blogs__item_hero .blogs__item__img-wrapper {
        height: auto;
        aspect-ratio: 9 / 12;
        overflow: hidden;
    }
    /* .blogspage__blogs .blogs__item:hover .blogs__item__img-wrapper {
        height: auto;
        aspect-ratio: 9 / 12;
        overflow: hidden;
    } */
    /*END of ALTERNATIVE BLOGS LAYOUT*/

    
    /* .blogs__item_hero,
    .blogs__item {
        width: 331px;
        height: 510px;
    } */
}
@media screen and (max-width: 575px) {
    /*ALTERNATIVE BLOGS LAYOUT*/
    /* .blogspage__blogs .blogs__item_standard .blogs__item__img-wrapper, 
    .blogspage__blogs .blogs__item_hero .blogs__item__img-wrapper {
        width: 100%;
    } */

    .blogspage__blogs .blogs__item.blogs__item_standard,
    .blogspage__blogs .blogs__item.blogs__item_hero {
        width: 100%;
        margin-bottom: 28px;
        height: auto;
        aspect-ratio: 12 / 12;
    }
    .blogspage__blogs .blogs__item .blogs__item__img-wrapper,
    .blogspage__blogs .blogs__item.blogs__item_hero .blogs__item__img-wrapper {
        height: auto;
        aspect-ratio: 12 / 12;
        overflow: hidden;
    }
    .blogs__item_standard > .blogs__item-info {
        padding: 0 10px;
    }
    /* .blogspage__blogs .blogs__item:hover .blogs__item__img-wrapper {
        height: auto;
        aspect-ratio: 9 / 12;
        overflow: hidden;
    } */
    /*END of ALTERNATIVE BLOGS LAYOUT*/

    
    /* .blogs__item_hero,
    .blogs__item {
        width: 331px;
        height: 510px;
    } */
}


/*BLOGPAGE STYLES*/

.blogpage__hero {
    position: relative;
}

.blogpage__share-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blogpage__share-btn svg {
    height: 13px;
    width: 13px;
}

.blogpage p,
.securepolicypage p,
.cookiespage p,
.aboutuspage p,
.deliverypage p,
.pdataagreementpage p {
    margin-bottom: 20px;
    line-height: normal;
    font-size: 15px;
}
.blogpage h1,
.blogpage h2,
.blogpage h3,
/* .securepolicypage h1, */
.securepolicypage h2,
.securepolicypage h3,
/* .cookiespage h1, */
/* .cookiespage h2, */
.cookiespage h3,
.aboutuspage h1,
.aboutuspage h2,
.aboutuspage h3,
.deliverypage h1,
.deliverypage h2,
.deliverypage h3,
/* .pdataagreementpage h1,  */
/* .mainpage h2 {
    margin-bottom: 2.5rem;
    font-weight: 500;
} */
.blogpage h2,
.securepolicypage h2,
.cookiespage h2,
.aboutuspage h2,
.deliverypage h2,
.mainpage h2 {
    font-size: 19px;
    margin-bottom: 9px;
    /* line-height: 1.15; */
    /* margin-bottom: 1rem; */
}
.blogpage h2 {
    font-size: 20px;
}
.deliverypage h2 {
    margin-bottom: 9px;
}
.h_bold-rounded {
    font-family: var(--textheadings-font-family);
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 18px;
    line-height: 2;
}
h2.h_bold-rounded {
    font-size: 30px;
    margin-bottom: 26px;
}

.blogpage__text {
    width: 60%;
    margin: 40px auto;
}
.blog-text__footer {
    position: relative;
    display: flex;
    width: 100%;
}
.blog-text__info-element {
    display: flex;
    float: right;
    background-color: var(--outline-color);
    align-items: center;
    border-radius: 6px;
    margin-left: 8px;
    justify-content: center;
    padding: 0 18px;
}

.comments-section {
    display: flex;
}
.section_fullwidth {
    border-radius: 0;
    gap: 24px;
}
.blogpage__short-element {
    height: 36px;
    min-width: 36px;
}
.comments-section__comments {
    width: 68%;
    min-height: 88px;
    height: fit-content;

    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 40px;
}

.productpage-section__subheading {
    font-size: 19px;
}

@media screen and (max-width: 767px) {
    .comments-section__comments {
        width: 100%;
    }
}
@media screen and (max-width: 1199px) {
    .container.blogpage__inner {
        padding: 10px 0;
    }
    .blogpage__hero .blogs__item__img-wrapper {
        border-radius: 0;
    }
    .blogpage__text {
        width: auto;
        margin: 40px 25px;
    }
    .blogs__item-info .blogpage__share-btn {
        display: none;
    }
    .blogpage__hero .blogs__item-info {
        left: 12px;
        right: 12px;
    }
    .blog-text__date,
    .blog-text__comments {
        display: none;
    }
}

/*COMPAREPAGE STYLES*/

.comparepage__inner {
    position: relative;
}

.show-characts_panel {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.swiper-compareproducts .swiper-slide,
.swiper-comparecharacts .swiper-slide {
}

.comparepage__prodcard,
.comparepage__characts-list {
    width: 250px;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    border-right: 1px solid var(--outline-color);
    padding: 0 28px;
}

.comparepage__prodcard:first-child,
.comparepage__characts-list:first-child {
    margin-left: -28px;
}
.comparepage__prodcard {
    gap: 2px;
}
/* .comparepage__prodcard:not(:first-child),
.comparepage__characts:not(:first-child) {
    border-right: 1px solid var(--outline-color);
    padding: 0 28px;
} */

.comparepage__characts {
    padding-top: 0;
}
/* .comparepage__prodcard:first-child,
.comparepage__characts-list:first-child {
    padding-left: 0;
} */
.comparepage__characts-list {
    padding-top: 28px;
}
.comparepage__characts-list dd {
    line-height: 2;
    margin-bottom: 24px;
    width: 100%;
}
.comparepage__characts-list dt {
    color: var(--font-lighter-color);
    font-size: 14px;
    width: 100%;
}

.comparepage__prodcards__wrapper,
.comparepage__characts {
    width: 100%;
    display: flex;
    overflow-x: hidden;
}
.comparepage__prodcards__wrapper {
    position: sticky;
    top: calc(73px - 23px);
    /* overflow-x: auto; */
    overflow-x: hidden;
    flex-wrap: nowrap;
    z-index: 100;
}
.comparepage__prodcards {
    display: flex;
}
.comparepage__prodcard_top {
    position: sticky;
    display: flex;
    flex-direction: column;
    /* top: calc(126px - 23px);     */
    top: 0;
    gap: 2px;
    background-color: var(--base-font-light-color);
}
.comparepage__prodcard {
    position: relative;
}
.comparepage__prodcard svg.icon-cancel {
    color: var(--theme-primary-color);
    fill: currentColor;
    transition: color 0.25s;
}
.comparepage__prodcard svg.icon-cancel:hover {
    color: var(--theme-secondary-color);
    transition: color 0.25s;
}
.comparepage__img {
    height: 65px;
    width: 65px;
    object-fit: cover;
}
.comparepage__prodcard .productcard__action-buttons {
    top: 8px;
    right: 18px;
}
.comparepage__prodcard .productcard__actions {
    justify-content: start;
}
.comparepage__prodcard .addtocart__btn {
    flex-grow: 0;
    width: 46px;
    padding: 10px;
    justify-content: center;
    align-items: center;
}
.comparepage__prodcard .addtocart__btn .header__action-icon {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .container.comparepage__inner {
        padding: 10px 0px;
    }
    .show-characts_panel {
        margin-left: 23px;
    }
    .comparepage__prodcard,
    .comparepage__characts-list {
        width: 200px;
        padding: 0 23px;
    }
    .comparepage__prodcard:first-child,
    .comparepage__characts-list:first-child {
        margin-left: -23px;
    }
    .comparepage__prodcard .productcard__action-buttons {
        top: 0px;
        right: 8px;
    }
    /* .comparepage__prodcard .productcard__action-element:not(:first-child) {
        margin-top: 8px;
    } */
}

.see-product-details__btn {
    height: 47px;
    width: 46px;
    border: 1px solid var(--no-image-bg-color);
}
.see-product-details__btn svg {
    color: var(--base-font-color);
    transition: color 0.25s;
}
.see-product-details__btn:hover svg {
    color: var(--theme-secondary-color);
    transition: color 0.25s;
}

/*REVIEWSPAGE STYLING*/

.reviewspage__inner {
    /*temporary kostil*/
    display: flex;
    gap: 24px;
}
.reviews {
    width: 69%;
}
.reviewspage .accordion__subsection.write-review {
    border: none;
}
.reviews__item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    /*It's 2 rem!*/
    padding-top: 36px;
    padding-bottom: 36px;
    font-size: 14px;
    margin-bottom: 12px;
}
.info-and-form-panel {
    width: 30%;
    display: flex;
    flex-direction: column;
    height: 200px;
    gap: 12px;
}

.review__rating {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    width: fit-content;
}
.review__rating__gen {
    display: flex;
    align-items: center;
    gap: 4px;
}
.review__rating__details li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review__rating svg.icon-star,
.review-stats-list svg.icon-star {
    height: 14px;
    width: 14px;
    color: #e6c622;
    margin-left: 2px;
}
.review__userinfo {
    display: inline-block;
}
.review__userpic {
    height: 38px;
    width: 38px;
    background: linear-gradient(
        to right,
        rgb(85, 150, 150),
        rgb(113, 226, 226)
    );
    border-radius: 50%;
    font-size: 18px;
    font-weight: 500;
    color: var(--base-font-light-color);
    text-align: center;
    padding: 4px;
    margin-right: 14px;
    float: left;
}
.review__username {
    font-size: 15px;
    font-weight: 600;
}
.reviews__item .menu-of-option {
    left: -12px;
}
.review__answer {
    /* background-color: var(--body-bg-color); */
    background-color: #f4f6fb;
}
.review__answer-text {
    margin-top: 16px;
}
.review__answer-info {
    font-weight: 600;
}
.review__date {
    float: right;
    color: var(--font-lighter-color);
    font-size: 1.4rem;
}
.write-review {
    position: relative;
    width: 100%;
    font-size: 13px;
}
.reviewspage .write-review .ratingblock {
    width: fit-content;
    gap: 3px;
}
.reviewspage__info-panel {
    font-size: 14px;
}
.general-rating__subtitle {
    font-weight: 600;
    font-size: 15px;
}
.reviewspage__general-rating {
    font-size: 37px;
    font-weight: 700;
}
.reviewspage__general-rating svg.icon-star {
    height: 24px;
    width: 24px;
    color: #e6c622;
}
.review-stats-list {
    padding: 24px 0;
    border-bottom: 1px solid var(--outline-color);
}
.review-stats-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review-stats-list .review__rating__stars {
    display: flex;
    align-items: center;
    gap: 6px;
}
.reviewspage__p {
    margin: 24px 0;
}

@media screen and (max-width: 1199px) {
    .reviewspage__inner {
        flex-direction: column-reverse;
    }
    .reviews {
        width: 100%;
    }
    .info-and-form-panel {
        width: 100%;
        height: fit-content;
    }  
}

/*SECURITYPAGE STYLES*/

.securepolicypage {
    font-size: 14px;
}

.securepolicypage p,
.cookiespage p,
.pdataagreementpage p {
    font-family: var(--textheadings-font-family);
    font-size: 14px;
    line-height: 1.7;
}

.textpage-address {
    font-size: 17px;
    color: #000000;
}

.deliverypage p {
    font-size: 16px;
    line-height: 2;
}

.textarticle-ul {
    margin-bottom: 2rem;
    font-size: 14px;
}

.textarticle-ul__item {
    font-size: 15px;
    position: relative;
    margin-bottom: 4px;
    margin-left: 34px;
    line-height: 1.7;
}
.textarticle-ul__item::before {
    content: "";
    position: absolute;
    top: 9px;
    left: -34px;
    min-width: 7px;
    min-height: 7px;
    border-radius: 50%;
    background-color: var(--theme-primary-color);
}

/*COOKIESPAGE STYLES*/

.cookiespage {
    font-size: 1.8rem;
}

/*AUTHORIZATION-POPUP STYLES*/

/*!!!authorization-popup default fullscreen 
padding top and bottom bigger than 767*/

.author-popup {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 70000;
    width: 420px;
}
.author-popup form {
    box-shadow: none;
}
.close-popup-btn {
    position: absolute;
    top: 3px;
    right: 18px;
    padding: 0;
    width: fit-content;
    background-color: transparent;
    float: right;
}
.close-popup-btn svg {
    height: 14px;
    width: 14px;
}
.close-popup-btn:hover {
    color: var(--theme-primary-color);
}
.author-popup__buttons {
    display: flex;
    gap: 20px;
    margin-top: 18px;
}
.author-popup__buttons button {
    width: 50%;
    font-size: 15px;
    height: 54px;
}
.author-popup__buttons_ordinary button {
    width: 100%;
}

.subscribe-form,
.middlepage-form-el,
.mainpage__subscribe-form,
.page-form {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    padding: 24px 27px;
}
.page-form.forgotpassword-form,
.subscribe-form {
    padding: 0px 27px 24px 27px;
}
.page-form {
    margin-top: 0;
}
.registration-form h3,
.subscribe-form h3 {
    margin-bottom: 14px;
}
.authorization-form {
    position: relative;
}
.page-form label {
    font-size: 13px;
    margin-bottom: 9px;
}
.page-form input {
    margin-bottom: 18px;
    height: 18px;
    background-color: #f7f8fb;
}
.page-form input::placeholder {
    font-size: 15px;
}
.formpage__inner .productpage-section__subheading,
.returnspage__inner .productpage-section__subheading {
    margin-bottom: 12px;
    font-size: 24px;
}
.form__suggest {
    position: relative;    
    background-color: var(--base-font-light-color);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: fit-content; */
    padding: 6px 6px 6px 0px;
    border-radius: 0 5px 5px 0;
    /* border: 1px solid transparent;
    border-image: linear-gradient(to right, #fff, var(--theme-primary-color));
    border-image-slice: 1; */
    border-left: none;
}
.suggest__bg {
    padding: 1px;
    margin-right: 0;
    position: relative;
    border-radius: 0 5px 5px 0;
    background-image: linear-gradient(to right, transparent, var(--theme-primary-color));
}

.forgotpassword__head span {
    color: var(--theme-primary-color);
    margin-right: 14px;
    font-size: 14px;
    font-weight: 700;
}
.forgotpassword__head button {
    font-size: 14px;
}
.author-popup__password-link {
    margin: -10px 0px 23px;
    line-height: 1;
    font-size: 15px;
    color: #337ab7;
    width: fit-content;
    border-bottom: 1px solid rgba(71, 145, 255, 0.15);
    transition: color 0.25s;
}
.author-popup__password-link:hover {
    color: #4791ff;
    transition: color 0.25s;
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    .page-form,
    .subscribe-form,
    .middlepage-form-el,
    .mainpage__subscribe-form {
        padding: 30px 27px;
    }
    .author-popup {
        width: 464px;
    }
    .close-popup-btn {
        top: 3px;
        right: 18px;
    }
    .close-popup-btn svg {
        height: 15px;
        width: 15px;
    }
    .author-popup__buttons button {
        font-size: 16px;
        height: 60px;
    }
    .page-form label {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .page-form input {
        margin-bottom: 20px;
        height: 46px;
    }
    .page-form input::placeholder {
        font-size: 16px;
    }
    .page-form .productpage-section__subheading,
    .returnspage__inner .productpage-section__subheading {
        margin-bottom: 14px;
        font-size: 20px;
    }
    .author-popup__password-link {
        margin: -10px 0px 23px;
        font-size: 16px;
    }
    .form-instruct {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

/*RETURNSPAGE STYLES*/

.returnspage__inner .return-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.return-form__radiolist {
    line-height: 1.8rem;
}
.return-form__buttons {
    display: flex;
    gap: 12px;
}

.form__subheading {
    font-size: 19px;
}

.return-form li {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
}

.return-form__buttons button {
    width: 50%;
}

/*AUTHORIZATION STYLES*/

/*FORGOTPASSWORDPAGE STYLES*/

.formpage__inner,
.returnspage__inner {
    width: 656px;
    /* margin: 40px auto; */
    margin: 0px auto 40px auto;
}
.forgotpassword__head {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    padding: 0 27px;
}

.page-form .author-popup__buttons {
    border-top: 1px solid var(--outline-color);
    padding-top: 24px;
}
.forgotpasswordpage h1,
.authorizationpage h1 {
    display: inline;
}

.form-instruct {
    font-size: 13px;
    margin-bottom: 9px;
}


@media screen and (max-width: 767px) {
    .formpage__inner,
    .returnspage__inner {
        width: 90%;
    }
}
@media screen and (max-width: 500px) {
    .forgotpassword__head {
        padding: 0px 0px;
    }
    .page-form {
        padding: 24px 0px;
    }
    .page-form.forgotpassword-form,
    .page-form.subscribe-form {
        padding: 0 0 24px 0;
    }
}
/*DELIVERYPAGE STYLES*/
.deliverypage__heading {
    text-align: center;
    margin-bottom: 18px;
}
.deliverypage__infographics {
    background-color: var(--base-font-light-color);
    width: 100%;
    overflow-x: hidden;
    padding: 3rem 0;
}
.deliverypage__infographics-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.deliverypage__infographics-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    padding: 6px 0;
}
.deliverypage__infographics-item img {
    z-index: 5000;
}
.deliverypage__infographics-item p {
    max-width: 184px;
    line-height: 1.6;
    text-align: center;
}
.deliverypage__infographics-item:nth-child(3)::before,
.deliverypage__infographics-item:nth-child(6)::before {
    position: absolute;
    content: "";
    top: 34%;
    width: 100vw;
    border-bottom: 6px dotted rgb(37, 153, 114);
}
.deliverypage__infographics-item:nth-child(3)::before {
    right: 50%;
}
.deliverypage__infographics-item:nth-child(6)::before {
    left: 50%;
}
.deliverypage__infographics-item:nth-child(1)::after,
.deliverypage__infographics-item:nth-child(7)::after {
    position: absolute;
    color: var(--base-font-light-color);
    font-size: 27px;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-content: center;
    top: 28.6%;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgb(37, 153, 114);
    z-index: 15000;
}
.deliverypage__infographics-item:nth-child(1)::after {
    left: 94%;
    content: ">";
}
.deliverypage__infographics-item:nth-child(7)::after {
    right: 94%;
    content: "<";
}

@media screen and (max-width: 1000px) {
    .deliverypage__infographics-item:nth-child(1)::after {
        display: none;
    }
    .deliverypage__infographics-item:nth-child(7)::after {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .deliverypage__infographics-item {
        width: 33%;
    }
}
@media screen and (max-width: 550px) {
    .deliverypage__infographics-item::before {
        display: none;
    }
}
@media screen and (max-width: 520px) {
    .deliverypage__infographics-item {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .deliverypage__infographics-item img {
        width: 220px;
    }
}

/*FAST PRODUCTSVIEW STYLES*/

.quick-product-view-popup {
    display: none;
}
.quick-product-view-popup_opened {
    display: flex;
}

/* .fast-productview-popup {
    position: absolute;
    top: 3vh;
    left: 50%;
    transform: translate(-50%);
    z-index: 60000;
    width: 92vw;
    box-shadow: none;
    height: 94vh;
    padding-top: 0;
    padding-bottom: 0;
}
.fast-productview-popup .productpage__details {
    width: 42%;
}
.fast-productview__close-btn {
    background-color: transparent;
    padding: 0;
    position: absolute;
    color: var(--base-font-light-color);
    top: -16px;
    right: -30px;
    z-index: 60000;
    font-size: 4rem;
} */

/*LKPAGE STYLES*/
.lkpage__main {
    display: flex;
}
.lkpage__view {
    width: 72%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lkpage__view h3 {
    display: inline;
}

.lkpage__last-order {
}
.lkpage__link {
    float: right;
}
.lkpage-section__foot,
.lastorder__head {
    /* height: 24px; */
    width: 100%;
    border-bottom: 1px solid var(--outline-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
}
.lastorder__head {
    border-bottom: none;
}
.lkpage__items-preview {
    width: 100%;
    overflow-x: hidden;
}
.cart-preview__img {
    margin-top: 24px;
    object-fit: contain;
    height: 80px;
}
.cart-preview__heading {
}

.lkpage__items-preview__sw-wrapper,
.lkpage__orders-preview__sw-wrapper {
    overflow-x: hidden;
    display: flex;
    gap: 8px;
    margin-top: 16px;
}
@media screen and (max-width: 500px) {


}
.cart-preview__productcard {
    position: relative;
    min-width: 222px;
    /* height: 600px; */
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-size: 15px;
}
.cart-preview__productcard .productcard__action-buttons img {
    height: 16px;
}
.lkpage__menu {
    width: 26%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lkpage__navigation {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.lkpage__navigation-item {
    width: 50%;
    height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.lkpage__navigation-item:nth-child(1) {
    border-right: 1px solid var(--outline-color);
    border-bottom: 1px solid var(--outline-color);
}
.lkpage__navigation-item:nth-child(3) {
    border-right: 1px solid var(--outline-color);
}
.lkpage__navigation-item:nth-child(1) {
    border-right: 1px solid var(--outline-color);
}
.lkpage__navigation-item:nth-child(2) {
    border-bottom: 1px solid var(--outline-color);
}
.lkpage__navigation-item svg {
    height: 25px;
    width: 25px;
    fill: none;
}
.lkpage__navigation-item p {
    margin-top: 4px;
}
.lkpage__subscription {
    position: relative;
    background: #13d154;
    min-height: 300px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--base-font-color);
    transition: color 0.25s;
}
.lkpage__subscription::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background-color: rgba(255, 255, 255);
    opacity: 0;
    transition: opacity 0.25s;
}
.lkpage__subscription:hover {
    color: var(--base-font-light-color);
    transition: color 0.25s;
}
.lkpage__subscription svg {
    color: var(--base-font-color);
    height: 60px;
    width: 60px;
    fill: currentColor;
    transition: color 0.25s;
}
.lkpage__subscription:hover svg {
    color: var(--base-font-light-color);
    fill: currentColor;
    transition: color 0.25s;
}
.lkpage__subscription:hover:after {
    opacity: 0.2;
    transition: opacity 0.25s;
}
.lkpage__subscription__descr {
    margin-top: 9px;
    position: relative;
    max-width: 64%;
    text-align: center;
}
.lkpage__subscr__tooltip {
    display: none;
    opacity: 0;
}
.lkpage__inner .page-section__heading {
    /* margin: 20px 0; */
}
@media screen and (max-width: 1199px) {
    .lkpage__main {
        flex-direction: column-reverse;
    }
    .lkpage__view {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .lkpage__menu {
        width: 100%;
        flex-direction: row;
    }
    .lkpage__navigation {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        width: 74%;
    }
    .lkpage__navigation-item {
        width: 33%;
        flex: 1;
        padding-right: 23px;
        padding-left: 23px;
    }
    .lkpage__subscription {
        position: relative;
        min-height: 120px;
        flex-grow: 1;
    }
    .lkpage__subscription svg {
        height: 38px;
        width: 38px;
    }
    .lkpage__navigation-item {
        height: 100%;
    }
    .lkpage__navigation-item:nth-child(1) {
        border-right: 1px solid var(--outline-color);
        border-bottom: none;
    }
    .lkpage__navigation-item:nth-child(2) {
        border-right: 1px solid var(--outline-color);
        border-bottom: none;
    }
    .lkpage__navigation-item:nth-child(3) {
        border-right: none;
        border-bottom: none;
    }
    .lkpage__subscription__descr {
        font-size: 13px;
    }
}
@media screen and (max-width: 1000px) {
    .lastorder__body {
        flex-direction: column;
    }
    .cart_side.cart_side__lastorders-cart .cart_side__products {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .lkpage__subscription__descr {
        font-size: 12px;
        display: none;
    }
    .lkpage__menu {
        gap: 8px;
    }
}
@media screen and (max-width: 500px) {

    .container.lkpage__inner {
        padding: 10px 8px;
    }
    .lkpage__navigation-item p,
    .lkpage__subscription p {
        display: none;
    } 
    .lkpage__menu,
    .lkpage__subscription.radiusborder-el {
        min-height: 108px;
    }  
    .lkpage__navigation-item {
        height: 108px;
    }
    .lkpage__last-order .lkpage__orders-preview__sw-wrapper {
        width: 100%;
    } 
    .lkpage__last-order .productcard_table-type {
        flex-direction: column;
    }
    .lkpage__last-order .productcard_table-type .productcard__actions,
    .lkpage__last-order .productcard_table-type .productcard__information {
        width: 100%;
        justify-content: left;
    }
     
    .lkpage__last-order .cart_side .productcard_table-type img {
        height: 120px;
    }
    .lkpage__view h3 {
        margin-bottom: 18px;
        display: block;
    }
    .lkpage__last-order .lkpage__link  {
        margin: 10px 0 14px;
        float: left;
    }
}

/*NEWSLETTER PAGE STYLES*/
.form__group {
    display: flex;
    gap: 6px;   
}
.subscribe-form .form__group span {
    margin-right: 8px;
}
/* .subscribe-form {
    padding-bottom: 76px;
} */

.footer {
    background-color: var(--body-bg-color);
    padding-top: 24px;
}
.footer__nav {
    position: relative;
    display: flex;
    /* flex-grow: 1; */
    /* justify-content: space-between; */
    flex-wrap: nowrap;
    gap: 12px;
}
.footer__nav-list {
    position: relative;
    width: 16%;
}
@media screen and (max-width: 1199px) {
    .footer__nav-list {
        width: 100%;
    }
}
.footer__nav-list::before {
    content: attr(aria-label);
    font-size: 14px;
    font-weight: 500;
    line-height: 3;
}
.footer__nav-list li {
    font-size: 13px;
    /* max-width: 200px; */
}
.footer__nav-list li a {
    line-height: 2.4;
}
.footer__line {
    border: 1px solid var(--outline-color);
}
.footer__bottom {
    /* display: flex; */
    display: flex;
    padding: 24px 0;

    /* justify-content: space-between; */
}
.footer__bottom-left {
    display: flex;
    flex-grow: 1;
    align-items: baseline;
}
.footer__bottom-right {
    display: inline-flex;
    align-items: flex-end;
}
.footer__logo {
    height: 32px;
    object-fit: contain;
    margin-right: 52px;
    display: inline-block;
}
.footer__copyright-info {
    color: var(--font-lighter-color);
    font-weight: 300;
    font-size: 12px;
}
.footer__callback-link {
    font-size: 12px;
    line-height: 1;
}
.footer__socials {
    font-size: 12px;
}
.footer__schedule {
    font-size: 12px;
}
.footer__socials-link:hover {
    scale: 120%;
}
.footer__paymentoptions-menu {
}
.footer__paymentoption-item {
    background-color: #e8ecf2;
    height: fit-content;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0 6px 2px 6px;
    border-radius: 3px;
    margin-top: 2px;
}
.footer__paymentoption-link {
    display: inline-block;
    margin: auto;
}
.footer__paymentoption-image {
    height: 8px;
}

.pagination {
    display: flex;
}
.pagination a,
.pagination span {
    text-decoration: none;
    transition: color 0.25s, background 0.25s;
    border-radius: 4px;
    background: none;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    color: rgb(52, 52, 52);
    font-size: 1.4rem;
    font-weight: 500;
}
.pagination a:hover {
    color: #9c27b0;
}
.pagination span.act {
    background: #9c27b0;
    color: #fff;
}
.load {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f3f1ef url(/images/purpleload.gif);
    z-index: 999999;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    display: none;
}
.filter-tag {
    cursor: pointer;
    transition: 0.3s;
}
.filter-tag:hover {
    color: #9c27b0;
}
.filter-tag_active {
    background: #7d3c98;
    color: #fff !important;
}

.title_search {
    display: none;
}

.header .actions_mobile__search__head {
    display: none;
}
.header .actions_mobile__head__btn {
    display: none;
}

.header.header_act_search {
    display: block;
    visibility: visible;
    background: #fff;
    overflow-y: scroll;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.header.header_act_search .actions_mobile__search__head {
    display: flex;
    padding: 0;
    margin: 0 10px;
    width: calc(100% - 20px);
    margin-bottom: 10px;
    margin-top: 10px;
}
.header.header_act_search .actions_mobile__head__btn {
    display: block;
    width: 44px;
    margin: 0;
}

.header.header_act_search .mobile__search__title {
    left: calc(50% - 42px);
    font-weight: 600;
}

.header.header_act_search .header__left,
.header.header_act_search .header__right_top,
.header.header_act_search .header__support,
.header.header_act_search .option-with-menu,
.header.header_act_search .action-element_group,
.header.header_act_search .header__right_bottom {
    display: none;
}

.header.header_act_search .header__right {
    background-color: var(--base-font-light-color);
}

.header.header_act_search .header__input {
    width: 97%;
}

.header.header_act_search .header__search-btn,
.header.header_act_search .title_search {
    display: block;
}
.header.header_act_search .header__right .header__input {
    margin-right: 14px;
}
.header.header_act_search .header__right_middle {
    height: auto;
    display: block;
}
.header.header_act_search .header__search-offers {
    position: relative;
    visibility: visible;
    display: block;
    top: 0;
    width: 100%;
}
.header.header_act_search .header__input-group {
    margin-right: 0;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
}
.header.header_act_search .header__search-offers {
    position: relative;
    visibility: visible;
    display: block;
    top: 0;
    width: 100%;
    background: #fff;
    margin-top: 15px;
}
.header.header_act_search .title_search {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 15px 0px;
    font-size: 16px;
}
.header.header_act_search #open-sidecart-btn {
    display: none;
}

.header.header_act_search .header__right_middle {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.header.header_act_search .header__search-form {
    position: relative;
    padding-bottom: 10px;
    background-color: var(--base-font-light-color);
}

.header.header_act_search .header__search-btn {
    top: 5px;
    right: 14px;
    background-color: transparent;
    color: var(--font-highlight-color);
}

.header.header_act_search .header__search-btn svg.icon-search {
    display: block;
}

.header.header_act_search .header__search-btn span {
    display: none;
}

@media screen and (max-width: 767px) {
    .header.header_act_search .header__search-btn {
        top: 1px;
        right: 14px;
        /* width: 39px; */
        width: fit-content;
        padding: 0 10px;
        margin: 0;
        height: 39px;
    }
    .header.header_act_search .header__input {
        width: 95%;
    }
}

.header.header_act_search .header__input {
    margin: 0 10px;
    width: calc(100% - 20px);
}

.sliderimg {
    opacity: 0.3;
    transition: opacity 0.5s;
}
/* .sliderimg::after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--base-font-light-color);
    opacity: 1;
    transition: opacity 1s;
} */
.sliderimg_shown {
    opacity: 1;
    transition: opacity 0.5s;
}
/* .sliderimg.sliderimg_shown::after {
    opacity: 0;
    transition: opacity 1s;
} */
.ratingblock {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 50%;
}
@media screen and (max-width: 1199px) {
    .ratingblock {
        width: 100%;
        min-height: 40px;
    }
    .rating__segment {
        border: 1px solid var(--outline-color);
        margin-left: -1px;
    }
    .rating__segment:first-child {
        border-radius: 5px 0 0 5px;
    }
    .rating__segment:last-child {
        border-radius: 0 5px 5px 0;
    }
}
.rating__segment {
    position: relative;
    height: 100%;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rating__input {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    visibility: hidden;
}

.ratingblock svg.icon-star {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    scale: 100%;
    transform: scale(100%);
}
.ratingblock svg.icon-star:hover {
    transform: scale(120%);
    transition: transform 0.25s;
}

@media screen and (min-width: 767px) and (max-width: 1199px) {
    .ratingblock svg.icon-star {
        height: 15px;
        width: 15px;
    }
}

.productstatus_popup {
    height: 42px;
    display: flex;
    visibility: hidden;
    opacity: 0;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0 24px;
    background-color: forestgreen;
    position: fixed;
    top: 83px;
    left: 10px;
    z-index: 30000;
    color: var(--base-font-light-color);
    border-radius: 10px 10px 10px 0px;
    gap: 10px;
    transition-delay: visibility 1s;
    transition: opacity 1s;
}

.productstatus_popup_shown {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s;
}
.productstatus_popup_hidden {
    opacity: 0;
    transition: opacity 1s;
}
.productstatus_popup svg.icon-valid {
    height: 20px;
    width: 20px;
}

.button_primary,
.button_secondary {
    scale: 100%;
}
.button_primary:active,
.button_secondary:active {
    transform: scale(90%);
}

/* .addtocart__btn {
    scale: 100%;
}
.addtocart__btn.clicked {
    scale: 96%;
    transition-delay: scale 0.25s;
    transition: scale 0.5s;
} */

@media screen and (max-width: 767px) {
    .productpage__slider-wrap {
        height: calc(405px + 108px);
    }
    .swiper-productgallery__thumbs {
        height: 108px;
    }
}
@media screen and (max-width: 500px) {
    .author-popup {
        width: 90%;
    }
}

.accordion__heading span {
    margin-left: 8px;
}
.sticky__nav-title span {
    margin-left: 4px;
}
.card_sticky__head {
    display: flex;
    align-items: center;
}
.ratingblock {
    color: var(--breadcrumbs-color);
}
.productcard__information svg.icon-star {
    color: #e6c622;
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
}

.rating_counter {
    margin-left: 8px;
}

.product-details__item button,
.credit__info {
    display: flex;
    margin-right: 12px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 14px;
}

.credit__info,
.productcard__addtocart-btn {
    justify-content: space-between;
}
.fastorder__btn,
.credit__btn {
    justify-content: center;
}
.product-details__actions_mobile {
    display: none;
}
.productcard__cheap {
    display: flex;
}

.productcard__cheap .link_blue {
    float: right;
}
.accordion__subsection {
    font-size: 15px;
}

@media screen and (max-width: 1199px) {
    .productpage__mainsection {
        margin: 0 -23px;
    }
}
@media screen and (max-width: 767px) {
    .productdetails__actions {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }
    .productdetails__actions .link_blue {
        position: relative;
        display: flex;
    }
    .productdetails__actions > * {
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 45px;
    }
    .product-details__item .productcard__info {
        justify-content: space-between;
    }
    .product-details__actions_wide {
        display: none;
    }
    .product-details__actions_mobile {
        display: block;
    }
    .productcard__cheap {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .productcard__cheap .link_blue {
        float: none;
    }
    .accordion__heading {
        font-size: 18px;
    }
    /* .productpage__accordion-section {
        padding: 18px;
    } */
}

.view-allchars {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 8px 0;
    color: #337ab7;
    background-color: var(--base-font-light-color);
    cursor: pointer;
}
.view-allchars:hover {
    color: #4791ff;
}
.prodpage-characts__td {
    width: 33%;
}
/* .swiper-intro__item {
    border-radius: 5px;
    position: relative;
    background: var(--theme-secondary-color);
    min-height: 100%;
    color: var(--base-font-light-color);
    text-decoration: none;
    height: 100%;
    min-height: 344px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    overflow: hidden;
    text-align: center;
} */
.swiper-intro .swiper-slide {
    overflow: hidden;
}
.swiper-intro__item {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    /* overflow: hidden; */
}
/*.swiper-intro__desc {
    align-self: center;
}*/
.swiper-intro__img {
    position: absolute;
    vertical-align: middle;
    top: 0;
    right: 0;
    /* left: 0; */
    width: auto;
    height: 100%;
    z-index: 1;
}
.swiper-intro .swiper-button-prev:after,
.swiper-intro .swiper-button-next:after {
    font-size: 16px;
    font-weight: 700;
    color: var(--base-font-light-color);
}

.swiper-intro__desc {
    position: relative;
    z-index: 2;
    padding: 32px 18px;
    justify-content: left;
    margin-left: 10%;
    /* max-width: 50%; */
    align-self: center;
    /* flex: 0 0 50%; */
}
.swiper-intro__title {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    margin: 0px 0px 18px;
}
.swiper-intro__price {
    height: 45px;
    font-size: 23px;
    padding: 9px 14px;
    width: fit-content;
    color: var(--base-font-light-color);
    background-color: var(--base-font-color);
    border-radius: 5px;
    line-height: 1;
}
@media screen and (max-width: 1199px) {
    .mainpage__hero {
        padding-top: 20px;
        height: 402px;
    }
    .swiper-promolinks {
        display: none;
    }
    .swiper-intro {
        width: 100%;
    }
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
    .swiper-intro__title {
        font-size: 20px;
        margin: 0px 0px 20px;
    }
    .swiper-intro__price {
        font-size: 25px;
    }
}
@media screen and (max-width: 767px) {
    .mainpage__hero {
        padding-top: 18px;
        height: 368px;
    }
    .swiper-intro__desc {
        margin-left: 30%;
        align-self: first baseline;
    }
    .swiper-intro__title {
        font-size: 18px;
        margin: 0px 0px 18px;
    }
    .swiper-intro__price {
        font-size: 18px;
        padding: 4px 14px;
        height: fit-content;
        margin-right: auto;
        margin-left: auto;
    }
}
@media screen and (max-width: 500px) {
    .mainpage {
        gap: 0px;
    }
}

.popcats-group {
    position: relative;
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30%;
    gap: 5px;
    overflow-y: hidden;
}

.mainpage__popularcats-item {
}
.mainpage__popularcats-item:hover {
    height: fit-content;
    max-height: 1000px;
    transition: max-height 2s;
    z-index: 3000;
}

.mainpage__popularcats-item:hover .popularcats-item__main {
    min-height: 278px;
    height: fit-content;
    max-height: 1000px;
    transition: max-height 2s;
    z-index: 600;
}

.popularcats-item__main {
    position: relative;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 278px;
    height: 278px;
    max-height: 278px;
    border-radius: 8px;
    background-color: transparent;
    color: var(--base-font-light-color);
    z-index: 1;
    transition: max-height 2s;
}

.popularcats-item__main:hover {
    min-height: 278px;
    height: fit-content;
    max-height: 1000px;
    transition: max-height 2s;
    z-index: 600;
}

.cartpage__order .product-characts_table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--outline-color);
}
.order__title {
    font-size: 17px;
    width: 100%;
}
.productcard.cart__productcard .productcard__information.stretched {
    display: flex;
    flex-grow: unset;
}
.productcard.cart__productcard .productcard__information.kvadr {
    display: none;
}
.cart__productcard .productcard__actions,
.cart_side .productcard_table-type .productcard__actions {
    min-width: 94px;
}
.productcard_table-type.cart__productcard .productcard__actions {
    min-width: none;
}
.cartpage__order__fastorder {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
    height: 200px;
    overflow-x: hidden;
}
.fastorder-form {
    position: absolute;
    top: -147px;
    left: 0;
    right: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: var(--base-font-light-color);
    /* max-height: 0px; */
    border: 2px solid transparent;
    border-radius: 5px;
    transition: all 1s;
}
@media screen and (max-width: 1199px) {
    .fastorder-form {
        top: -200px;
    }
}
.fastorder-form > * {
    margin: 12px 8px;
}
.fastorder-form_opened {
    top: 0px;
    /* max-height: 500px; */
    border: 2px solid var(--theme-primary-color);
    transition: border 1s;
    z-index: 60000;
    /* transition: max-height 3s; */
    transition: top 1s;
}
@media screen and (max-width: 500px) {
    .productcard.cart__productcard .productcard__information.stretched {
        display: none;
    }
    .productcard.cart__productcard .productcard__information.kvadr {
        display: flex;
        width: 50%;
    }
    .productcard.cart__productcard {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
    .productcard.cart__productcard svg.icon-favorites {
        height: 28px;
        width: 28px;
    }
    .productcard.cart__productcard
        .productcard__action-buttons
        svg.icon-cancel {
        width: 22px;
        height: 22px;
    }
    .productcard.cart__productcard .cartproduct__img {
        margin-top: 18px;
        max-width: 100%;
        width: 100%;
    }
    .productcard.cart__productcard .productcard__information {
        gap: 0;
    }
    .productcard.cart__productcard .productcard__code {
        font-size: 15px;
    }
    .productcard.cart__productcard .productcard__information p {
        font-size: 18px;
    }
    .productcard.cart__productcard .productcard__setamount {
        width: 50%;
    }
    .productcard.cart__productcard .productcard__price {
        font-size: 24px;
        line-height: 1;
    }
    .productcard.cart__productcard .productcard__code {
        font-size: 16px;
        line-height: 1.2;
    }
    .productcard.cart__productcard .productcard__actions {
        width: 100%;
        gap: 42px;
    }
    .cartpage__order {
        padding: 18px 12px;
    }
    .order__title {
        font-size: 19px;
    }
    .cartpage__order .product-characts_table {
        font-size: 24px;
    }
    .cartpage__order .product-characts_table small {
        font-size: 18px;
    }
}
@media screen and (max-width: 500px){
    .cart_side__lastorders-cart .product-characts_table {
        font-size: 20px;
    }
    .cart_side__lastorders-cart .product-characts_table small {
        font-size: 16px;
    }
}

.cart_side .action-element_group {
    width: 94px;
}

.orderhistory__overview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}
.orderhistory-item {
    border-radius: 5px;
    min-width: 160px;
    width: 16.1%;
    height: 80px;
    box-shadow: var(--no-image-bg-color) 0px 2px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.orderhistory-item__date {
    font-weight: 600;
}
.orderhistory-item.order_delivered {
    background-color: rgba(34, 139, 34, 0.2);
}
.orderhistory-item.order_inprogress {
    background-color: rgba(255, 166, 0, 0.4);
}
.orderhistory-item.order_cancelled {
    background-color: rgba(178, 34, 34, 0.2);
}

.lastorder__details {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.lastorder__details .footer__paymentoption-item {
    width: 40px;
    margin-left: 8px;
    margin-top: 0;
}
.lastorder__details > div {
    display: flex;
}

/*CUSTOMKITCHENS STYLES*/
.customkitchenspage {
    padding: 40px 0;
    font-size: 14px;
}
.customkitchens__section {
    width: 100%;
    padding: 0 23px;
    margin-bottom: 60px;
}
.section_kitchens-gallery {
    background-color: var(--base-font-light-color);
    overflow: hidden;
    padding: 0;
}
.ck__gal-item {
    display: flex;
    align-items: self-start;
    flex-wrap: nowrap;
    gap: 15px;
    padding: 0 23px;
}
.ck__gal-item__left {
    flex: 0 0 478px;
}
.ck__gal-item__title {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    /* margin-top: 14px; */
    margin-top: 10px;
    margin-bottom: 10px;
}
.ck__gal-item__sub {
    display: flex;
    align-items: baseline;
    margin-bottom: 23px;
    gap: 20px;
}
.ck__gal-item__sub__group {
    display: flex;
    align-items: center;
    gap: 5px;
}
.customkitchenspage__descr-list:not(:first-child) {
    margin-top: 40px;
}
.customkitchenspage__descr-list:not(:last-child) {
    margin-bottom: 20px;
}
.ck__descr-item {
    display: flex;
    gap: 20px;
    font-size: 14px;
    line-height: 1.7;
}
.ck__descr-item dt,
.ck__descr-item dd {
    margin: 0 0 10px;
}
.ck__descr-item dt {
    flex: 1 1 30%;
}
.ck__descr-item dd {
    font-weight: 700;
    flex: 1 1 70%;
}
.ck__gal-item__price-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 29px;
}
.ck__gal-item__price-info .font {
    margin-bottom: 8px;
}
.ck__gal-item__fullprice {
}
.ck__gal-item__oldprice {
    color: var(--breadcrumbs-color);
    text-decoration: line-through;
    margin-bottom: 13px;
    font-size: 20px;
}
.ck__gal-item__price {
    color: var(--theme-secondary-color);
    font-size: 36px;
}
.ck__gal-item__monthprice {
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}
.ck__gal-item__pricepermonth {
    color: var(--theme-secondary-color);
    line-height: 1.2;
    font-size: 20px;
}
.ck__gal-item__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-bottom: 21px;
}
.ck__gal-item__actions button {
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    display: flex;
}
.ck__gal-item__actions .productcard__addtocart-btn {
    flex: 0 0 50%;
}
.ck__gal-item__nextslide-btn {
    flex: 1 1 220px;
    background-color: #f1f1f5;
    color: var(--base-font-color);
    transition: background-color 0.25s;
    justify-content: center;
}
.ck__gal-item__nextslide-btn:hover {
    background-color: #e7e7e7;
    transition: background-color 0.25s;
    color: var(--base-font-color);
}

.ck__gal-item__right {
    width: 61%;
}
.inner-gallery__item {
    position: relative;
}
.customkitchens_inner__slide-img-wrap {
    position: relative;
    max-width: 940px;
    border-radius: 5px;
    overflow: hidden;
    height: 610px;
}
.customkitchens_inner__slide-img-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.onimage-tooltips {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.onimage-tooltip {
    position: absolute;
    padding: 5px;
    background-color: var(--theme-secondary-color);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #f7f7fb;
    transition: 0.3s ease;
    cursor: pointer;
    opacity: 1;
}
.onimage-tooltip:hover {
    background-color: #fff;
    z-index: 1;
}
.onimage-tooltip svg {
    width: 16px;
    height: 16px;
}
.onimage-tooltip__text {
    min-width: 215px;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    border-radius: 10px;
    background: #d9d9d9;
    -webkit-backdrop-filter: blur(52.5px);
    backdrop-filter: blur(52.5px);
    padding: 12px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    font-size: 16px;
}
.onimage-tooltip:hover .onimage-tooltip__text {
    opacity: 0.7;
    visibility: visible;
    z-index: -1;
}
.onimage-tooltip-1 {
    top: 24.0425531915%;
    left: 40.9574468085%;
}
.onimage-tooltip-2 {
    top: 62.9787234043%;
    left: 51.3829787234%;
}
.onimage-tooltip-3 {
    top: 15.3191489362%;
    left: 70.1063829787%;
}
.swiper-customkitchens_inner-slider-btn {
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}
.swiper-customkitchens_inner-slider-btn.prev {
    left: 0;
}
.swiper-customkitchens_inner-slider-btn.next {
    right: 0;
}
.customkitchens-intro-swiper {
    margin-top: 0;
}
.customkitchens-intro-swiper
    .swiper-pagination-bullets.swiper-introslide-pagination-bullets {
    position: absolute;
    bottom: 0;
    height: 30px;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    justify-content: center;
}
.customkitchens-intro-swiper
    .swiper-pagination-bullets.swiper-fullintro-pagination-bullets {
    position: relative;
    margin-left: 23px;
    margin-top: 15px;
}
.customkitchens-intro-swiper .swiper-pagination-bullets {
    height: 30px;
    display: flex;
    gap: 8px;
    align-items: center;
}
.customkitchens-intro-swiper .swiper-pagination-bullet {
    background-color: var(--theme-secondary-color);
    opacity: 0.4;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    transition: opacity 0.25s;
    cursor: pointer;
}
.customkitchens-intro-swiper .swiper-pagination-bullet-active {
    opacity: 1;
    transition: opacity 0.25s;
}
@media screen and (max-width: 767px) {
    .ck__gal-item {
        flex-wrap: wrap;
    }
    .ck__gal-item__left {
        flex: 0 0 100%;
    }
    .ck__gal-item__right {
        width: 100%;
    }
    .inner-gallery__item {
        position: relative;
    }
    .customkitchens_inner__slide-img-wrap {
        position: relative;
        max-width: 940px;
        border-radius: 5px;
        overflow: hidden;
        height: 610px;
    }
    .customkitchens_inner__slide-img-wrap img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .swiper-customkitchens_inner-slider-btn.prev {
        left: 0;
    }
    .swiper-customkitchens_inner-slider-btn.next {
        right: 0;
    }
    .customkitchens-intro-swiper {
        margin-top: 0;
    }
    .onimage-tooltip svg {
        width: 10px;
        height: 10px;
    }
}
@media screen and (max-width: 550px) {
    .ck__gal-item__actions .productcard__addtocart-btn {
        flex: none;
        width: 100%;
    }
}

.section_kitchens-designer {
    position: relative;
    padding-top: 68px;
    padding-bottom: 68px;
    background-color: #e9e8f1;
}
.section_kitchens-designer__bg {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: end;
    top: 0;
    right: 0;
}
.section_kitchens-designer__bg-img {
    width: 999px;
    max-width: 100%;
}
.section_kitchens-designer__designer-img {
    position: absolute;
    right: 70px;
    bottom: 0;
}
.section_kitchens-designer__inner {
    position: relative;
    width: 680px;
    display: flex;
    flex-direction: column;
    z-index: 100;
    align-self: center;
}
.ck_section__title {
    font-size: 36px;
    line-height: 0.98;
    margin: 20px 0 28px;
}
.delivery-date input[type=radio],
.delivery-time input[type=radio] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.kitchens-designer__form input[type="text"]{
    display: block;
    outline: none;
    min-height: 40px;
    padding: 3px 0 3px 20px;
    max-width: 410px;
    width: 100%;
    font-size: 14px;
    line-height: 2.1428571429;
    margin-bottom: 20px;
}
.ck__section__title-sub {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 28px;
}

.delivery-dates {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 10px;
}

.delivery-date label {
    cursor: pointer;
    display: inline-block;
    width: 90px;
    height: 48px;
    border-radius: 5px;
    background-color: #c4ccd5;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.4166666667;
    padding: 7px 10px;
    transition: 0.3s ease;
    margin-bottom: 5px;
    font-size: 12px;
}
.delivery-date label p:nth-child(1) {
    font-weight: 700;
}
.kitchens-designer__date-radio:checked + .kitchens-designer__date-label {
    background-color: #13d154;
}
.delivery-times-title {
    font-size: 12px;
    margin-bottom: 10px;
}
.delivery-times {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 10px;
}
.delivery-time {
    flex: 0 0 90px;
    line-height: 1.4166666667;
}
.delivery-time input[type=radio],
.delivery-date input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    display: none;
}
.delivery-time label {
    width: 90px;
    transition: 0.3s ease;
    cursor: pointer;
    display: block;
    padding: 7px 10px;
    border-radius: 5px;
    border: 1px solid #bdc2d3;
    margin-bottom: 9px;
    font-size: 12px;
    color: var(--theme-secondary-color);
}
.delivery-time [type=radio]:checked + label {
    border-radius: 5px;
    border: 1px solid var(--theme-secondary-color);
}
.persdata-agreement {
    /* margin-bottom: 15px; */
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.persdata-agreement__checkbox {
    appearance: none;
    -webkit-appearance: none;
}
.persdata-agreement__checkbox {
    padding: 0;
    width: 12px;
    height: 12px;
    border-radius: 0;
    position: relative;
    border: 1px solid var(--theme-secondary-color);
    background-color: transparent;
}
.persdata-agreement__checkbox::after {
    content: "";
    position: absolute;
    background-color: #8e44ad;
    width: 8px;
    height: 8px;
    left: 49%;
    top: 50%;
    transform: translate(-46%, -53%);
    opacity: 0;
    transition: .3s ease;
}
.persdata-agreement label {
    font-size: 14px;
    font-weight: 700;
}
.persdata-agreement label a {
    color: var(--theme-secondary-color);
    border-bottom: 1px solid var(--theme-secondary-color);
}
.kitchens-designer__form__submit-btn {
    font-size: 14px;
    width: 220px;
}

@media screen and (max-width: 1060px) {
    .section_kitchens-designer__bg-img {
        opacity: 0.2;
    }
}
@media screen and (max-width: 767px) {
    .section_kitchens-designer {
        padding-top: 52px;
        padding-bottom: 48px;
    }
    .section_kitchens-designer__inner {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .ck__gal-item__price-info {
        flex-direction: column;
        gap: 20px;
    }
}


.section_kitchens-reviews {
}
.section_kitchens-reviews__title {
    font-size: 36px;
    margin-bottom: 50px;
    font-weight: 400;
}
.section_kitchens-reviews__main {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}
.ck__reviews-item {
    display: flex;
    gap: 21px;
    min-width: 480px;

}
.ck__reviews-item,
.section_kitchens-reviews__openform {
    border-radius: 5px;
    background-color: var(--base-font-light-color);
    display: flex;
    padding: 37px;
    border: none;
}
.section_kitchens-reviews__openform {
    height: 283px;
}
.ck__reviews-item__av-wrap {
    position: relative;
    align-self: flex-start;
    flex: 0 0 auto;
    border-radius: 5px;
    overflow: hidden;
    height: 100px;
    width: 100px;
}
.ck__reviews-item__av {
    position: relative;
    max-width: 100%;
}
.ck__reviews-item__main {
}
.ck__reviews-item__title {
    font-size: 16px;
    font-weight: 700;
}
.ck__reviews-item__rating {
    display: flex;
    gap: 4px;
    height: 32px;
}
.ck__reviews-item__rating svg.icon-star-fill,
.ck__reviews-item__rating svg.icon-star {
    color: var(--theme-secondary-color);
    fill: currentColor;
    height: 15px;
    width: 15px;
    align-self: center;
}
.ck__reviews-item__marks {
    position: absolute;
    top: -10px;
    left: -4px;
}
.ck__reviews-item__text {
}
.section_kitchens-reviews__openform {
}
.section_kitchens-reviews__openform-link {
    height: 100%;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid var(--theme-secondary-color);
    min-width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--theme-secondary-color);
}
.section_kitchens-reviews__openform-link svg {
    margin-bottom: 12px;
}
.section_kitchens-reviews__openform-link p {
    line-height: 1.2;
    border-bottom: 1px solid transparent;
    transition: all 0.3s;
}
.section_kitchens-reviews__openform-link:hover p {
    border-bottom: 1px solid var(--theme-secondary-color);
    transition: all 0.3s;
}
@media screen and (max-width: 767px) {
    .ck__reviews-item {
        min-width: 100%;
    }
    .reviews__title {
        margin: 0 0 30px;
    }
    .section_kitchens-reviews__main {
        flex-wrap: wrap;
    }
    .section_kitchens-reviews__openform {
        height: 143px;
        width: 100%;
        padding: 23px 18px 18px;
    }
    .section_kitchens-reviews__openform-link {
        min-width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .ck__reviews-item {
        flex-direction: column;
    }
}

.customkitchens__section {
}
.section_kitchens-colors {
    display: flex;
    gap: 20px;
    background-color: var(--base-font-light-color);
    padding-top: 22px;
    padding-bottom: 22px;
}
.section_kitchens-colors__pics {
    width: 40%;
    /* height: 100%; */
    overflow: hidden;
    height: auto;
    display: flex;
    align-items: center;
}
.section_kitchens-colors__pics .color-pic,
.ck__formats__pic,
.ck__parts__content-item {
    display: none;
    opacity: 0.4;
    max-width: 100%;
    transition: opacity 1s;
}
.section_kitchens-colors__pics .color-pic.color-pic_chosen,
.ck__formats__pic.color-pic_chosen,
.ck__parts__content-item.parts-content_chosen {
    display: block;
    transition-delay: 3000ms;
}
.section_kitchens-colors__pics .color-pic.color-pic_chosen.opaque,
.ck__formats__pic.color-pic_chosen.opaque,
.ck__parts__content-item.parts-content_chosen.opaque {
    opacity: 1;
    transition: opacity 1s;
}
.section_kitchens-colors__main {
    max-width: 552px;
    align-self: center;
    line-height: 1.2;
}
.section_kitchens-colors__main > *:not(:last-child) {
    margin-bottom: 27px;
}
.ck_colors__title {
    font-size: 36px;
    font-weight: 400;
    line-height: 0.98;
    margin: 20px 0 28px;
}
.ck_colors__color-options-title {
    margin-bottom: 27px;
    font-size: 20px;
}
.ck_colors__color-options {
    display: flex;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 21px;
    flex-wrap: wrap;
    max-width: 370px;
    align-items: center;
}
.ck__color-option {
    width: 39px;
    height: 39px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s ease;
    background-color: var(--ck__color-opt);
    border: var(--ck__color-border);
}
.ck__color-opt__check {
    position: absolute;
    width: 18px;
    top: -8px;
    right: -8px;
    transition: 0.3s linear;
    transform: scale(0);
    visibility: hidden;
}
.ck__color-option:hover,
.ck__color-option.active {
    opacity: 0.8;
    transform: scale(1.04);
    transition: 0.3s ease;
}
.ck__color-option.active .ck__color-opt__check {
    transform: scale(1);
    visibility: visible;
}
.ck_colors__color-options li:last-child {
    font-size: 20px;
}
.ck_colors__info {
    display: flex;
    font-size: 20px;
    color: var(--breadcrumbs-color);
}
.ck_colors__info-icon {
    float: left;
    align-self: center;
    margin-right: 20px;
}
@media screen and (max-width: 767px) {
    .section_kitchens-colors {
        flex-direction: column-reverse;
    }
    .section_kitchens-colors__main {
        align-self: auto;
        max-width: none;
    }
    .ck_colors__info {
        font-size: 14px;
        align-items: center;
    }
    .section_kitchens-colors__pics {
        width: 100%;
    }
    .section_kitchens-colors__pics img {
        max-width: 100%;
    }
}
@media screen and (max-width: 400px) {
    .section_kitchens-colors {
        padding-top: 46px;
    }
}

.section_kitchens-toblogs {
    padding: 65px 23px 65px 46px;
    position: relative;
    background-color: #e9e8f1;
}
.section_kitchens-toblogs__bg-img {
    position: absolute;
    width: 632px;
    right: 30px;
    top: 0;
    z-index: 2;
}
.section_kitchens-toblogs__kitchen-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.section_kitchens-toblogs__inner {
    position: relative;
    z-index: 3;
    max-width: 582px;
    align-self: center;
}
.ck__section-title {
}
.ck__section-buttons {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}
.ck__section-buttons button {
    font-size: 14px;
    flex: 1 0 220px;
}
.ck__btn-subscr {
    display: flex;
    flex: 1 1 220px;
    background-color: #e9e8f1;
    color: var(--base-font-color);
    transition: background-color 0.25s;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--base-font-color);
}
.ck__btn-subscr .icon-subsc {
    color: var(--base-font-color)
}
.ck__btn-subscr svg.icon-subsc {
    height: 26px;
    width: 26px;
    margin-right: 6px;
    fill: currentColor;
}
.ck__btn-subscr:hover {
    background-color: #e1dede;
    transition: background-color 0.25s;
    color: var(--base-font-color);
}
@media  screen and (max-width: 767px) {
    .section_kitchens-toblogs {
        padding: 35px 23px;
    }
}
@media  screen and (max-width: 400px) {
    .section_kitchens-toblogs__inner {
        max-width: 90%;
        justify-self: center;
    }
} 



.customkitchens__section {
}
.section_kitchens-formats {
    display: flex;
    gap: 20px;
    /*background-color: #fff;*/
}
.section_kitchens-formats .ck_section__title {
    margin-bottom: 44px;
    line-height: 1;
}
.ck__formats__pics {
    position: relative;
    width: 50%;
}
.ck__formats__pic-wrap {
    position: relative;
    flex: 1 1 520px;
    padding: 35px 0;
    min-height: 520px;
}
.ck__formats__pic-wrap img {
    position: relative;
    width: 100%;
    z-index: 2;
}
.ck__formats__pic-wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    aspect-ratio: 1;
    max-width: 490px;
    max-height: 490px;
    left: 0;
    top: 0;
    background-color: var(--theme-secondary-color);
    border-radius: 100%;
    opacity: 0.15;
}
.ck__formats__choose {
    position: relative;
    width: 50%;
}
.ck__section-title {
}
.ck__format-options {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 44px;
}
.ck__format-options-item {
    position: relative;
    width: 48%;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #bdc2d3;
    background-color: #fff;
    line-height: 1.2;
    transition: 0.3s ease;
    cursor: pointer;
}
.ck__format-options-item:hover {
    border: 1px solid var(--theme-secondary-color);
    transition: 0.3s ease;
}
.ck__format-options-item.active {
    border: 1px solid var(--theme-secondary-color);
}
.ck__format-options-item svg .color {
    fill: #bdc2d3;
    transition: 0.3s ease;
}
.ck__format-options-item.active svg .color {
    fill: var(--theme-secondary-color);
    transition: 0.3s ease;
}

@media screen and (max-width: 1000px) {
    .section_kitchens-formats {
        flex-direction: column;
    }
    .ck__formats__pic-wraps {
        display: flex;
        width: 100%;
    }
    .ck__formats__pic-wrap {
        position: relative;
        flex: 1 1 520px;
        padding: 35px 0;
        min-height: none;
    }
    .ck__formats__choose {
        width: 100%;
    }
    .ck__formats__pic-wrap::after {
        content: "";
        position: absolute;
        width: 100%;
        aspect-ratio: 1;
        max-width: 490px;
        max-height: 490px;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        background-color: var(--theme-secondary-color);
        border-radius: 100%;
        opacity: 0.15;
    }
    .ck__format-options-item {
        font-size: 20px;
        font-weight: 500;
    }
}
@media screen and (max-width: 400px) {
    .ck__format-options-item {
        width: 100%;
    }
    .ck__formats__pic-wraps {
        max-height: 300px;
    }
    .ck__formats__pic-wrap {
        min-height: none;
    }
    .ck__formats__pic-wrap::after {
        width: 30%;
        max-height: none;
    }
    .ck__sizes__demos-item {
        width: 100%;
    }

}


.ck__parts__content-item__img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.section_kitchens-parts {
    display: flex;
    gap: 44px;
    background-color: #fff;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}
.ck__parts__list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 26%;
}
.ck__parts__list-item {
    position: relative;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #bdc2d3;
    background: #fff;
    height: 96px;
    display: flex;
    gap: 15px;
    align-items: center;
    transition: 0.3s ease;
    line-height: 1.2;
    cursor: pointer;
}
.ck__parts__list-item:hover,
.ck__parts__list-item.active {
    border-color: var(--theme-secondary-color);
    transition: 0.3s ease;
}
.kitchen-parts__list-item__img {
    position: relative;
    height: 100%;
    filter: grayscale(100%);
    transition: 0.3s ease;
    display: inline-block;
}
.ck__parts__list-item:hover .kitchen-parts__list-item__img,
.ck__parts__list-item.active .kitchen-parts__list-item__img {    
    transition: 0.3s ease;
    filter: grayscale(0%);
}
.ck__parts__list-item span {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.ck__parts__content {
    display: flex;
    flex-grow: 1;
    position: relative;
    width: 70%;
}
/* .ck__parts__content-item {
    display: none;
}
.ck__parts__content-item.parts-content_chosen {
    display: block;
} */
.section_kitchens-parts .ck_section__title {
    position: relative;
    max-width: 532px;
    z-index: 100;
}
.section_kitchens-parts .ck__section__title-sub {
    position: relative;
    max-width: 532px;
    z-index: 100;
}
@media screen and (max-width: 1060px) {
    .section_kitchens-designer__bg-img,
    .section_kitchens-toblogs__bg-img,
    .ck__parts__content-item__img {
        opacity: 0.2;
    }
}
@media screen and (max-width: 1000px) {
    .section_kitchens-parts {
        flex-direction: column;
    }
    .ck__parts__list {
        width: 100%;
    }
    .ck__parts__content {
        width: 100%;
    }
    .section_kitchens-parts .ck_section__title {
        max-width: none;
    }
    .section_kitchens-parts .ck__section__title-sub {
        max-width: none;
    }
}

.section_kitchens-sizes {
    border-radius: 5px;
    background-color: #e9e8f1;
    padding: 65px 23px 80px 23px;
}
.section_kitchens-sizes__top {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 54px;
}
.ck__advantages {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
}
.ck__advantages-item {
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 150px;
    flex: 1 1 243px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
}
.kitchens-sizes_swiper {
    position: relative;
}
.section_kitchens-sizes__demos {
}
.ck__sizes__demos-item {
    width: 253px;
    margin-right: 10px;
}
.kitchens-sizes_swiper-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.kitchens-sizes_swiper-btn.disabled {
    display: none;
}
.kitchens-sizes_swiper-btn.prev {
    left: 0;
}
.kitchens-sizes_swiper-btn.next {
    right: 0;
}
@media screen and (max-width: 1000px) {
    .customkitchens__section.section_kitchens-sizes {
        margin-bottom: 0;
    }
    .section_kitchens-sizes__top {
        flex-direction: column;
        justify-content: space-between;
    }
    .ck__advantages {
        display: flex;
        justify-content: unset;
        gap: 10px;
        flex-wrap: wrap;
    }
    .ck__advantages-item {
        width: 50%;
        padding-bottom: 18px;
    }
    .ck__advantages-item:last-child {
        width: 100%;
    }
    .ck__sizes__demos-item {
        width: 236px;
    }
}
@media screen and (max-width: 400px) {
    .customkitchenspage {
        padding-bottom: 8px;
    }
    .customkitchens__section.section_kitchens-sizes {
        padding-top: 42px;
        padding-bottom: 42px;
    }
    .section_kitchens-sizes__top {
        margin-bottom: 40px;
    }
}

.section_kitchens-offers {
    padding: 53px 23px 0px 23px;
}
@media screen and (max-width: 400px){
    .section_kitchens-offers {
        padding-top: 34px;
    }
}
.ck__tiles {
    display: flex;
    flex-wrap: wrap;
}
.ck__tiles-item {
    flex: 1 1 287px;
    position: relative;
    padding: 20px;
    overflow: hidden;
    min-height: 283px;
}
.ck__tiles-item_darkgrey {
    background: #c4ccd5;
}
.ck__tiles-item_big {
    flex: 1 1 550px;
}
.ck__tiles-item_medgrey {
    background-color: #d9d9d9;
}
.ck__tiles-item_grey {
    background: #efeeef;
}
.ck__tiles-item__text {
    position: relative;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    max-width: 220px;
    z-index: 1;
}
.ck__tiles-item__price {
    font-size: 36px;
    white-space: nowrap;
}
.ck__tiles-item__img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.section_kitchens-offers .ck__section__title-sub {
    margin-bottom: 48px;
    max-width: 532px;
}
@media screen and (max-width: 767px) {
    .ck__tiles {
        gap: 10px;
    }
}

/*DOCUMENTSPAGE STYLES*/
.documentspage .products-view {
    overflow-x: hidden;
}
.docs-view-space {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    margin-right: -14px;
    margin-left: -14px;
}
.editdocs-btn {
    font-size: 15px;
}
button.docspage__download-btn {
    border: 1px solid var(--font-highlight-color);
}
button.docspage__download-btn .docspage__item__preview,
button.docspage__download-btn .docspage__item__title {
    color: var(--theme-primary-color);
}
button.docspage__download-btn:hover .docspage__item__preview,
button.docspage__download-btn:hover .docspage__item__title {
    color: #b303f8;
    transition: color 0.25s;
}
button.docspage__download-btn .docspage__item__preview {
    font-size: 116px;
    text-align: center;
    align-items: center;
    border: 1px solid var(--font-highlight-color);
    border-radius: 5px;
    width: 100%;
}
button.docspage__download-btn * {
    pointer-events: none;
}
button.docspage__download-btn:hover {
    background-color: var(--breadcrumbs-color);
}
button.docspage__download-btn:hover .docspage__item__preview {
    background-color: #cfbed6;
    transition: 0.25s;
}
.docspage__item,
.docspage__btn-wrapper {
    aspect-ratio: 1 / 1;
    position: relative;
    width: 20%;
    padding: 0 14px 24px 14px;
}
.docspage__item__inner,
button.productpage__openform-btn.docspage__download-btn {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--breadcrumbs-color);
    cursor: pointer;
    transition: background-color 0.25s;
} 
.docspage__item__inner:hover {
    background-color: #cfbed6;
    transition: background-color 0.25s;
}
.docspage__item__delete-btn {
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    top: -18px;
    right: -6px;
    border: 4px solid;
    border-color:  var(--theme-secondary-color);
    background-color: var(--theme-primary-color);
    border-radius: 50%;
    height: 26px;
    width: 26px;
    z-index: 100;
    padding: 6px;
    animation-name: deleteBtnsPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transition: border-color 0.25s;
    pointer-events: all;
}
.docspage__item__delete-btn.delete-btn_visible {
    display: flex;
}
.docspage__item__delete-btn:hover {
    border-color: #b303f8;
    transition: border-color 0.25s;
}

.docspage__item__delete-btn svg.icon-cancel {
    height: 14px;
    width: 14px;
    color: var(--base-font-light-color);
    margin: 0;
}
@keyframes deleteBtnsPulse {
    0% {scale: 1;}
    50% {scale: 1.2;}
    100% {scale: 1;}
}

.docspage__item__delete-btn .onimage-tooltip__text {
    min-width: 160px;
    font-size: 15px;
}
.docspage__item__delete-btn:hover .onimage-tooltip__text {
    opacity: 0.7;
    visibility: visible;
    z-index: -1;
}
.docspage__item__preview {
    position: relative;
    height: 70%;
    overflow: hidden;
}
.docspage__item__preview img {
    position: relative;
    width: 100%;
}
.docspage__item__title {
    margin-top: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

@media screen and (max-width: 1000px) {
    .docspage__item,
    .docspage__btn-wrapper {
        width: 25%;
        padding: 0 14px 24px 14px;
    }
    button.docspage__download-btn .docspage__item__preview {
        font-size: 88px;
    }
    .docspage__item__title {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .docspage__item,
    .docspage__btn-wrapper {
        width: 33.33333333333%;
        padding: 0 10px 16px 10px;
    }
    button.docspage__download-btn .docspage__item__preview {
        font-size: 78px;
    }
    .docspage__item__title {
        font-size: 14px;
    }
}
@media screen and (max-width: 500px) {
    .docspage__item,
    .docspage__btn-wrapper {
        width: 50%;        
    }
    button.docspage__download-btn .docspage__item__preview {
        font-size: 116px;
    }
    .docspage__item__title {
        font-size: 15px;
    }
}



.swiper.swiper-docs__fullscreen {
    height: 74%;
}
.swiper.swiper-docs__thumbs {
    height: 26%;
}
.swiper-docs__fullscreen .swiper-slide {
    width: 400px;
    margin: auto;
}
.swiper.swiper-docs__thumbs .swiper-slide-active .docspage__item__inner {
    background-color: #cfbed6;
    transition: background-color 0.25s;
}
.swiper.swiper-docs__thumbs .swiper-slide-active .docspage__item__inner {
    background-color: #cfbed6;
    transition: background-color 0.25s;
}
.swiper-docs__fullscreen .swiper-prev,
.swiper-docs__fullscreen .swiper-next {
    position: absolute;
    margin: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
    display: flex;
    height: 100%;
    width: 80px;
    background-color: rgba(255, 255, 255, 0);
    color: var(--base-font-light-color);
    transition: all 0.25s;
}

.swiper-docs__fullscreen .swiper-button-prev:after,
.swiper-docs__fullscreen .swiper-button-next:after {
    font-size: 16px;
    font-weight: 700;
    color: var(--base-font-light-color);
}
.swiper-docs__fullscreen .swiper-slide .docspage__item__inner {
    width: 400px;
}
.swiper-docs__fullscreen .swiper-slide .docspage__item__title {
    margin-top: 14px;
}
.swiper-docs__fullscreen .swiper-slide .story-slide__close-btn {
    position: absolute;
    background-color: transparent;
    top: -32px;
    right: -44px;
    z-index: 100;
}
.swiper-docs__thumbs .swiper-slide {
    width: 120px;
    aspect-ratio: 1 / 1;
}
.swiper-docs__fullscreen .swiper-slide .docspage__item__inner.radiusborder-el {
    padding: 20px;
}
.swiper-docs__thumbs .swiper-slide .docspage__item__inner.radiusborder-el {
    padding: 10px;
}
.swiper-docs__thumbs .swiper-slide.swiper-slide-active .docspage__item__inner.radiusborder-el {
    background-color: var(--breadcrumbs-color);
    transition: background-color 0.25s;
}
.swiper-docs__thumbs .swiper-slide.swiper-slide-thumb-active .docspage__item__inner.radiusborder-el {
    background-color: #cfbed6;
    transition: background-color 0.25s;
}
.swiper-docs__thumbs .swiper-slide .docspage__item__title {
    font-size: 13px;
}
.productcard__action-element.act svg, .productdetails__action.act svg{
    color: #8e44ad;
    fill: #8e44ad;
}