@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("fonts/Montserrat-Bold.woff2") format("woff2"), url("fonts/Montserrat-Bold.woff") format("woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("fonts/Montserrat-SemiBold.woff2") format("woff2"), url("fonts/Montserrat-SemiBold.woff") format("woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("fonts/Montserrat-Medium.woff2") format("woff2"), url("fonts/Montserrat-Medium.woff") format("woff");
}
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("fonts/Montserrat-Regular.woff2") format("woff2"), url("fonts/Montserrat-Regular.woff") format("woff");
}
* {
    padding: 0;
    margin: 0;
    border: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

nav, footer, header, aside {
    display: block;
}
html {zoom:1 !important;}
html, body {
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input, button, textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
    border-radius: 0;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a {
    text-decoration: none;
    color: #DA2438;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

ul {
    list-style: none;
}

img {
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: 400;
}
h2 {
    font-size: 1.867em;
    line-height: 28px;
    margin: 31px 0 23px;
}
h3 {
    font-size: 1.6em;
    line-height: 24px;
    margin: 33px 0 25px;
}


p {
    margin: 1.666rem 0;
}

/**
 * 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_START */
@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;
}
/* FONT_END */
:root {
    --swiper-theme-color: #007aff;
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

: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;
    /* Fix of Webkit flickering */
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.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 {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    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: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    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 {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    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 {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    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);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    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;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    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-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    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;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next: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";
}

/* Navigation font end */
:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    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;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-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-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.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%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-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 {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Fraction */
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.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%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

:root {
    /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    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-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    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;
}

/* Zoom container styles start */
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    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;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    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;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.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 {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Cube slide shadows end */
.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;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.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 {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform;
}

.swiper.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

:root {
    --iti-hover-color: rgba(0, 0, 0, 0.05);
    --iti-border-color: #ccc;
    --iti-dialcode-color: #999;
    --iti-dropdown-bg: white;
    --iti-icon-color: #555;
    --iti-spacer-horizontal: 8px;
    --iti-flag-height: 12px;
    --iti-flag-width: 16px;
    --iti-globe-height: 16px;
    --iti--search-clear-icon-height: 13px;
    --iti-border-width: 1px;
    --iti-arrow-height: 4px;
    --iti-arrow-width: calc((var(--iti-arrow-height) / 2) * 3);
    --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
    --iti-arrow-padding: 6px;
    --iti-flag-sprite-width: 3904px;
    --iti-flag-sprite-height: 12px;
    --iti-mobile-popup-margin: 30px;
}

.iti {
    position: relative;
    display: inline-block;
}

.iti * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.iti__a11y-text {
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    margin: 0 !important;
}

.iti__country-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: var(--iti-border-width);
}

.iti__selected-country {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border-radius: 0;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: none;
}

.iti__selected-country-primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__arrow {
    margin-left: var(--iti-arrow-padding);
    width: 0;
    height: 0;
    border-left: var(--iti-triangle-border) solid transparent;
    border-right: var(--iti-triangle-border) solid transparent;
    border-top: var(--iti-arrow-height) solid var(--iti-icon-color);
}

.iti__arrow--up {
    border-top: none;
    border-bottom: var(--iti-arrow-height) solid var(--iti-icon-color);
}

.iti__dropdown-content {
    border-radius: 3px;
    background-color: var(--iti-dropdown-bg);
}

.iti--inline-dropdown .iti__dropdown-content {
    position: absolute;
    z-index: 2;
    margin-top: 3px;
    margin-left: calc(var(--iti-border-width) * -1);
    border: var(--iti-border-width) solid var(--iti-border-color);
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__search-input {
    width: 100%;
    border-width: 0;
    border-radius: 3px;
    padding-left: 30px;
    padding-right: 28px;
}

[dir=rtl] .iti__search-input {
    padding-left: inherit;
    padding-right: 30px;
    background-position: right 8px center;
}

.iti__search-input + .iti__country-list {
    border-top: 1px solid var(--iti-border-color);
}

.iti__search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.iti__search-input-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.iti__search-icon {
    position: absolute;
    left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
}

[dir=rtl] .iti__search-icon {
    left: auto;
    right: 8px;
}

.iti__search-icon-svg {
    width: var(--iti-globe-height);
    height: var(--iti-globe-height);
    display: block;
    stroke: var(--iti-icon-color);
    fill: none;
    stroke-width: 3;
}

.iti__search-clear {
    position: absolute;
    right: 4px;
    background: transparent;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
}

.iti__search-clear .iti__search-clear-x {
    stroke-width: 2;
}

.iti__search-clear .iti__search-clear-bg {
    fill: var(--iti-icon-color);
}

.iti__search-clear-svg {
    width: var(--iti--search-clear-icon-height);
    height: var(--iti--search-clear-icon-height);
    display: block;
}

[dir=rtl] .iti__search-clear {
    right: auto;
    left: 4px;
}

.iti__search-clear:hover, .iti__search-clear:focus-visible {
    background: var(--iti-hover-color);
    outline: none;
}

.iti__no-results {
    text-align: center;
    padding: 30px 0;
}

.iti__country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
    max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
    white-space: nowrap;
}

@media (max-width: 500px) {
    .iti--flexible-dropdown-width .iti__country-list {
        white-space: normal;
    }
}
.iti__country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px var(--iti-spacer-horizontal);
    outline: none;
}

.iti__country-check {
    margin: 0 1px 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--iti-icon-color);
}

.iti__country-check-svg {
    width: var(--iti--search-clear-icon-height);
    height: var(--iti--search-clear-icon-height);
    display: block;
}

.iti__dial-code {
    margin-left: var(--iti-spacer-horizontal);
    color: var(--iti-dialcode-color);
}

[dir=rtl] .iti__dial-code {
    margin-left: 0;
    margin-right: var(--iti-spacer-horizontal);
}

.iti__country.iti__highlight {
    background-color: var(--iti-hover-color);
}

.iti__country-list .iti__flag, .iti__country-name {
    margin-right: var(--iti-spacer-horizontal);
}

[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: var(--iti-spacer-horizontal);
}

.iti__country-list .iti__flag {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country {
    cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: var(--iti-hover-color);
}

.iti .iti__selected-dial-code {
    margin-left: 4px;
}

.iti--container {
    position: fixed;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: var(--iti-border-width);
}

.iti--container:hover {
    cursor: pointer;
}

.iti__hide {
    display: none;
}

.iti__v-hide {
    visibility: hidden;
}

.iti--fullscreen-popup.iti--container {
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: var(--iti-mobile-popup-margin);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
    position: relative;
}

.iti--fullscreen-popup .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.iti__flag {
    --iti-flag-offset: 100px;
    height: var(--iti-flag-height);
    width: var(--iti-flag-width);
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 1px 0px #888;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: -webkit-image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
    background-image: image-set(var(--iti-path-flags-1x) 1x, var(--iti-path-flags-2x) 2x);
    background-repeat: no-repeat;
    background-position: var(--iti-flag-offset) 0;
    background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__loading {
    position: relative;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.iti__loading::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: var(--iti-flag-height);
    height: var(--iti-flag-height);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid var(--iti-icon-color);
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: iti-spinner 1s linear infinite;
    animation: iti-spinner 1s linear infinite;
}

@-webkit-keyframes iti-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes iti-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.iti__ac {
    --iti-flag-offset: 0px;
}

.iti__ad {
    --iti-flag-offset: -16px;
}

.iti__ae {
    --iti-flag-offset: -32px;
}

.iti__af {
    --iti-flag-offset: -48px;
}

.iti__ag {
    --iti-flag-offset: -64px;
}

.iti__ai {
    --iti-flag-offset: -80px;
}

.iti__al {
    --iti-flag-offset: -96px;
}

.iti__am {
    --iti-flag-offset: -112px;
}

.iti__ao {
    --iti-flag-offset: -128px;
}

.iti__ar {
    --iti-flag-offset: -144px;
}

.iti__as {
    --iti-flag-offset: -160px;
}

.iti__at {
    --iti-flag-offset: -176px;
}

.iti__au {
    --iti-flag-offset: -192px;
}

.iti__aw {
    --iti-flag-offset: -208px;
}

.iti__ax {
    --iti-flag-offset: -224px;
}

.iti__az {
    --iti-flag-offset: -240px;
}

.iti__ba {
    --iti-flag-offset: -256px;
}

.iti__bb {
    --iti-flag-offset: -272px;
}

.iti__bd {
    --iti-flag-offset: -288px;
}

.iti__be {
    --iti-flag-offset: -304px;
}

.iti__bf {
    --iti-flag-offset: -320px;
}

.iti__bg {
    --iti-flag-offset: -336px;
}

.iti__bh {
    --iti-flag-offset: -352px;
}

.iti__bi {
    --iti-flag-offset: -368px;
}

.iti__bj {
    --iti-flag-offset: -384px;
}

.iti__bl {
    --iti-flag-offset: -400px;
}

.iti__bm {
    --iti-flag-offset: -416px;
}

.iti__bn {
    --iti-flag-offset: -432px;
}

.iti__bo {
    --iti-flag-offset: -448px;
}

.iti__bq {
    --iti-flag-offset: -464px;
}

.iti__br {
    --iti-flag-offset: -480px;
}

.iti__bs {
    --iti-flag-offset: -496px;
}

.iti__bt {
    --iti-flag-offset: -512px;
}

.iti__bw {
    --iti-flag-offset: -528px;
}

.iti__by {
    --iti-flag-offset: -544px;
}

.iti__bz {
    --iti-flag-offset: -560px;
}

.iti__ca {
    --iti-flag-offset: -576px;
}

.iti__cc {
    --iti-flag-offset: -592px;
}

.iti__cd {
    --iti-flag-offset: -608px;
}

.iti__cf {
    --iti-flag-offset: -624px;
}

.iti__cg {
    --iti-flag-offset: -640px;
}

.iti__ch {
    --iti-flag-offset: -656px;
}

.iti__ci {
    --iti-flag-offset: -672px;
}

.iti__ck {
    --iti-flag-offset: -688px;
}

.iti__cl {
    --iti-flag-offset: -704px;
}

.iti__cm {
    --iti-flag-offset: -720px;
}

.iti__cn {
    --iti-flag-offset: -736px;
}

.iti__co {
    --iti-flag-offset: -752px;
}

.iti__cr {
    --iti-flag-offset: -768px;
}

.iti__cu {
    --iti-flag-offset: -784px;
}

.iti__cv {
    --iti-flag-offset: -800px;
}

.iti__cw {
    --iti-flag-offset: -816px;
}

.iti__cx {
    --iti-flag-offset: -832px;
}

.iti__cy {
    --iti-flag-offset: -848px;
}

.iti__cz {
    --iti-flag-offset: -864px;
}

.iti__de {
    --iti-flag-offset: -880px;
}

.iti__dj {
    --iti-flag-offset: -896px;
}

.iti__dk {
    --iti-flag-offset: -912px;
}

.iti__dm {
    --iti-flag-offset: -928px;
}

.iti__do {
    --iti-flag-offset: -944px;
}

.iti__dz {
    --iti-flag-offset: -960px;
}

.iti__ec {
    --iti-flag-offset: -976px;
}

.iti__ee {
    --iti-flag-offset: -992px;
}

.iti__eg {
    --iti-flag-offset: -1008px;
}

.iti__eh {
    --iti-flag-offset: -1024px;
}

.iti__er {
    --iti-flag-offset: -1040px;
}

.iti__es {
    --iti-flag-offset: -1056px;
}

.iti__et {
    --iti-flag-offset: -1072px;
}

.iti__fi {
    --iti-flag-offset: -1088px;
}

.iti__fj {
    --iti-flag-offset: -1104px;
}

.iti__fk {
    --iti-flag-offset: -1120px;
}

.iti__fm {
    --iti-flag-offset: -1136px;
}

.iti__fo {
    --iti-flag-offset: -1152px;
}

.iti__fr {
    --iti-flag-offset: -1168px;
}

.iti__ga {
    --iti-flag-offset: -1184px;
}

.iti__gb {
    --iti-flag-offset: -1200px;
}

.iti__gd {
    --iti-flag-offset: -1216px;
}

.iti__ge {
    --iti-flag-offset: -1232px;
}

.iti__gf {
    --iti-flag-offset: -1248px;
}

.iti__gg {
    --iti-flag-offset: -1264px;
}

.iti__gh {
    --iti-flag-offset: -1280px;
}

.iti__gi {
    --iti-flag-offset: -1296px;
}

.iti__gl {
    --iti-flag-offset: -1312px;
}

.iti__gm {
    --iti-flag-offset: -1328px;
}

.iti__gn {
    --iti-flag-offset: -1344px;
}

.iti__gp {
    --iti-flag-offset: -1360px;
}

.iti__gq {
    --iti-flag-offset: -1376px;
}

.iti__gr {
    --iti-flag-offset: -1392px;
}

.iti__gt {
    --iti-flag-offset: -1408px;
}

.iti__gu {
    --iti-flag-offset: -1424px;
}

.iti__gw {
    --iti-flag-offset: -1440px;
}

.iti__gy {
    --iti-flag-offset: -1456px;
}

.iti__hk {
    --iti-flag-offset: -1472px;
}

.iti__hn {
    --iti-flag-offset: -1488px;
}

.iti__hr {
    --iti-flag-offset: -1504px;
}

.iti__ht {
    --iti-flag-offset: -1520px;
}

.iti__hu {
    --iti-flag-offset: -1536px;
}

.iti__id {
    --iti-flag-offset: -1552px;
}

.iti__ie {
    --iti-flag-offset: -1568px;
}

.iti__il {
    --iti-flag-offset: -1584px;
}

.iti__im {
    --iti-flag-offset: -1600px;
}

.iti__in {
    --iti-flag-offset: -1616px;
}

.iti__io {
    --iti-flag-offset: -1632px;
}

.iti__iq {
    --iti-flag-offset: -1648px;
}

.iti__ir {
    --iti-flag-offset: -1664px;
}

.iti__is {
    --iti-flag-offset: -1680px;
}

.iti__it {
    --iti-flag-offset: -1696px;
}

.iti__je {
    --iti-flag-offset: -1712px;
}

.iti__jm {
    --iti-flag-offset: -1728px;
}

.iti__jo {
    --iti-flag-offset: -1744px;
}

.iti__jp {
    --iti-flag-offset: -1760px;
}

.iti__ke {
    --iti-flag-offset: -1776px;
}

.iti__kg {
    --iti-flag-offset: -1792px;
}

.iti__kh {
    --iti-flag-offset: -1808px;
}

.iti__ki {
    --iti-flag-offset: -1824px;
}

.iti__km {
    --iti-flag-offset: -1840px;
}

.iti__kn {
    --iti-flag-offset: -1856px;
}

.iti__kp {
    --iti-flag-offset: -1872px;
}

.iti__kr {
    --iti-flag-offset: -1888px;
}

.iti__kw {
    --iti-flag-offset: -1904px;
}

.iti__ky {
    --iti-flag-offset: -1920px;
}

.iti__kz {
    --iti-flag-offset: -1936px;
}

.iti__la {
    --iti-flag-offset: -1952px;
}

.iti__lb {
    --iti-flag-offset: -1968px;
}

.iti__lc {
    --iti-flag-offset: -1984px;
}

.iti__li {
    --iti-flag-offset: -2000px;
}

.iti__lk {
    --iti-flag-offset: -2016px;
}

.iti__lr {
    --iti-flag-offset: -2032px;
}

.iti__ls {
    --iti-flag-offset: -2048px;
}

.iti__lt {
    --iti-flag-offset: -2064px;
}

.iti__lu {
    --iti-flag-offset: -2080px;
}

.iti__lv {
    --iti-flag-offset: -2096px;
}

.iti__ly {
    --iti-flag-offset: -2112px;
}

.iti__ma {
    --iti-flag-offset: -2128px;
}

.iti__mc {
    --iti-flag-offset: -2144px;
}

.iti__md {
    --iti-flag-offset: -2160px;
}

.iti__me {
    --iti-flag-offset: -2176px;
}

.iti__mf {
    --iti-flag-offset: -2192px;
}

.iti__mg {
    --iti-flag-offset: -2208px;
}

.iti__mh {
    --iti-flag-offset: -2224px;
}

.iti__mk {
    --iti-flag-offset: -2240px;
}

.iti__ml {
    --iti-flag-offset: -2256px;
}

.iti__mm {
    --iti-flag-offset: -2272px;
}

.iti__mn {
    --iti-flag-offset: -2288px;
}

.iti__mo {
    --iti-flag-offset: -2304px;
}

.iti__mp {
    --iti-flag-offset: -2320px;
}

.iti__mq {
    --iti-flag-offset: -2336px;
}

.iti__mr {
    --iti-flag-offset: -2352px;
}

.iti__ms {
    --iti-flag-offset: -2368px;
}

.iti__mt {
    --iti-flag-offset: -2384px;
}

.iti__mu {
    --iti-flag-offset: -2400px;
}

.iti__mv {
    --iti-flag-offset: -2416px;
}

.iti__mw {
    --iti-flag-offset: -2432px;
}

.iti__mx {
    --iti-flag-offset: -2448px;
}

.iti__my {
    --iti-flag-offset: -2464px;
}

.iti__mz {
    --iti-flag-offset: -2480px;
}

.iti__na {
    --iti-flag-offset: -2496px;
}

.iti__nc {
    --iti-flag-offset: -2512px;
}

.iti__ne {
    --iti-flag-offset: -2528px;
}

.iti__nf {
    --iti-flag-offset: -2544px;
}

.iti__ng {
    --iti-flag-offset: -2560px;
}

.iti__ni {
    --iti-flag-offset: -2576px;
}

.iti__nl {
    --iti-flag-offset: -2592px;
}

.iti__no {
    --iti-flag-offset: -2608px;
}

.iti__np {
    --iti-flag-offset: -2624px;
}

.iti__nr {
    --iti-flag-offset: -2640px;
}

.iti__nu {
    --iti-flag-offset: -2656px;
}

.iti__nz {
    --iti-flag-offset: -2672px;
}

.iti__om {
    --iti-flag-offset: -2688px;
}

.iti__pa {
    --iti-flag-offset: -2704px;
}

.iti__pe {
    --iti-flag-offset: -2720px;
}

.iti__pf {
    --iti-flag-offset: -2736px;
}

.iti__pg {
    --iti-flag-offset: -2752px;
}

.iti__ph {
    --iti-flag-offset: -2768px;
}

.iti__pk {
    --iti-flag-offset: -2784px;
}

.iti__pl {
    --iti-flag-offset: -2800px;
}

.iti__pm {
    --iti-flag-offset: -2816px;
}

.iti__pr {
    --iti-flag-offset: -2832px;
}

.iti__ps {
    --iti-flag-offset: -2848px;
}

.iti__pt {
    --iti-flag-offset: -2864px;
}

.iti__pw {
    --iti-flag-offset: -2880px;
}

.iti__py {
    --iti-flag-offset: -2896px;
}

.iti__qa {
    --iti-flag-offset: -2912px;
}

.iti__re {
    --iti-flag-offset: -2928px;
}

.iti__ro {
    --iti-flag-offset: -2944px;
}

.iti__rs {
    --iti-flag-offset: -2960px;
}

.iti__ru {
    --iti-flag-offset: -2976px;
}

.iti__rw {
    --iti-flag-offset: -2992px;
}

.iti__sa {
    --iti-flag-offset: -3008px;
}

.iti__sb {
    --iti-flag-offset: -3024px;
}

.iti__sc {
    --iti-flag-offset: -3040px;
}

.iti__sd {
    --iti-flag-offset: -3056px;
}

.iti__se {
    --iti-flag-offset: -3072px;
}

.iti__sg {
    --iti-flag-offset: -3088px;
}

.iti__sh {
    --iti-flag-offset: -3104px;
}

.iti__si {
    --iti-flag-offset: -3120px;
}

.iti__sj {
    --iti-flag-offset: -3136px;
}

.iti__sk {
    --iti-flag-offset: -3152px;
}

.iti__sl {
    --iti-flag-offset: -3168px;
}

.iti__sm {
    --iti-flag-offset: -3184px;
}

.iti__sn {
    --iti-flag-offset: -3200px;
}

.iti__so {
    --iti-flag-offset: -3216px;
}

.iti__sr {
    --iti-flag-offset: -3232px;
}

.iti__ss {
    --iti-flag-offset: -3248px;
}

.iti__st {
    --iti-flag-offset: -3264px;
}

.iti__sv {
    --iti-flag-offset: -3280px;
}

.iti__sx {
    --iti-flag-offset: -3296px;
}

.iti__sy {
    --iti-flag-offset: -3312px;
}

.iti__sz {
    --iti-flag-offset: -3328px;
}

.iti__tc {
    --iti-flag-offset: -3344px;
}

.iti__td {
    --iti-flag-offset: -3360px;
}

.iti__tg {
    --iti-flag-offset: -3376px;
}

.iti__th {
    --iti-flag-offset: -3392px;
}

.iti__tj {
    --iti-flag-offset: -3408px;
}

.iti__tk {
    --iti-flag-offset: -3424px;
}

.iti__tl {
    --iti-flag-offset: -3440px;
}

.iti__tm {
    --iti-flag-offset: -3456px;
}

.iti__tn {
    --iti-flag-offset: -3472px;
}

.iti__to {
    --iti-flag-offset: -3488px;
}

.iti__tr {
    --iti-flag-offset: -3504px;
}

.iti__tt {
    --iti-flag-offset: -3520px;
}

.iti__tv {
    --iti-flag-offset: -3536px;
}

.iti__tw {
    --iti-flag-offset: -3552px;
}

.iti__tz {
    --iti-flag-offset: -3568px;
}

.iti__ua {
    --iti-flag-offset: -3584px;
}

.iti__ug {
    --iti-flag-offset: -3600px;
}

.iti__us {
    --iti-flag-offset: -3616px;
}

.iti__uy {
    --iti-flag-offset: -3632px;
}

.iti__uz {
    --iti-flag-offset: -3648px;
}

.iti__va {
    --iti-flag-offset: -3664px;
}

.iti__vc {
    --iti-flag-offset: -3680px;
}

.iti__ve {
    --iti-flag-offset: -3696px;
}

.iti__vg {
    --iti-flag-offset: -3712px;
}

.iti__vi {
    --iti-flag-offset: -3728px;
}

.iti__vn {
    --iti-flag-offset: -3744px;
}

.iti__vu {
    --iti-flag-offset: -3760px;
}

.iti__wf {
    --iti-flag-offset: -3776px;
}

.iti__ws {
    --iti-flag-offset: -3792px;
}

.iti__xk {
    --iti-flag-offset: -3808px;
}

.iti__ye {
    --iti-flag-offset: -3824px;
}

.iti__yt {
    --iti-flag-offset: -3840px;
}

.iti__za {
    --iti-flag-offset: -3856px;
}

.iti__zm {
    --iti-flag-offset: -3872px;
}

.iti__zw {
    --iti-flag-offset: -3888px;
}

.iti__globe {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: var(--iti-globe-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
}

.iti__globe .iti__globe-svg {
    width: 100%;
    height: 100%;
    fill: var(--iti-icon-color);
}

/* Browsers normally add a coloured outline when you focus an input. Chrome adds a blue outline WITHIN the input. If you focus the input and then hover the selected country, it's bg color square overlaps the focus outline and looks bad. Here, @supports is used to target Chrome only, and move the default outline out by 1px so there's no overlap. */
@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))) {
    .iti__tel-input:focus {
        outline-offset: 1px;
    }
}
:root {
    --iti-path-flags-1x: url("img/flags.webp");
    --iti-path-flags-2x: url("img/flags@2x.webp");
}

body {
    font-family: "Montserrat";
    font-size: clamp(16px, 0.9375vw, 16px);
    font-weight: 400;
    line-height: 1.3;
    color: #1A1110;
    background-color: #ffffff;
}

.popup_hidden {
    overflow: hidden;
}

button,
input {
    font-family: "Montserrat";
}

input {
    outline: none;
}
.container-max {
    width:auto;
    max-width: clamp(1920px, 87.5vw, 1920px);
    padding: 0 clamp(40px, 2.0833333333vw, 40px);
    margin: 0 auto;
}
.container {
    width:auto;
    max-width: clamp(1400px, 87.5vw, 1400px);
    padding: 0 clamp(24px, 2.0833333333vw, 24px);
    margin: 0 auto;
}

.catalog .container {
    width:auto;
    max-width: clamp(1500px, 92vw, 1720px);
    padding: 0 clamp(24px, 2.0833333333vw, 24px);
    margin: 0 auto;
}
.gaming-pc .container {
    width:auto;
    max-width: clamp(1560px, 87.5vw, 1560px);
    padding: 0 clamp(24px, 2.0833333333vw, 24px);
    margin: 0 auto;
}

@media (max-width: 767px) {
    .container {
        padding: 0 20px;
    }
}
.container--small {
    max-width: clamp(1594px, 83.0208333333vw, 1594px);
}

.logo__img {
    width: clamp(115px, 14.0625vw, 270px);
}
.logo__img--mobile {
    display: none;
}
@media (max-width: 991px) {
    .logo__img {
        width: 148px;
    }
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(14px, 0.8333333333vw, 16px);
    font-weight: 700;
    line-height: 1.2222222222;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #DA2438;
    border-radius: clamp(12px, 0.625vw, 12px);
    padding: clamp(14px, 1.0416666667vw, 16px) clamp(14px, 1.25vw, 18px);
    -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
@media (max-width: 767px) {
    .btn {
        font-weight: 500;
    }
}
.btn:hover {
    color: #ffffff !important;
    background-color: #F01B33;
    border-color: #DA2438;
    -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.btn--border {
    color: #1A1110 !important;
    background-color: transparent;
    border: clamp(1px, 0.0520833333vw, 1px) solid #1A1110;
}
.btn--red {
    color: #DA2438 !important;
    border-color: #DA2438;
}

.btn-white {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 600;
    line-height: 1.2222222222;
    width: 100%;
    color: #1A1110;
    background-color: #ffffff;
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(24px, 1.25vw, 24px);
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.btn-white:hover {
    color: #ffffff;
    background-color: #DA2438;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.title-page {
    font-size: clamp(26px, 2.0833333333vw, 40px);
    font-weight: 500;
    line-height: 1.225;
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
    color: #000000 !important;
}
.title-page__subtitle {
    display: block;
    font-size: clamp(12px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(4px, 0.2083333333vw, 4px);
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.breadcrumbs__text {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: cala(20/16);
    color: #1A1110 !important;
}

.title {
    font-size: clamp(26px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(32px, 1.6666666667vw, 32px);
}

.arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: clamp(32px, 3.2291666667vw, 62px);
    height: clamp(32px, 3.2291666667vw, 62px);
    background-color: #DA2438;
    border-radius: clamp(4px, 0.2083333333vw, 4px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.arrow:hover {
    background-color: #F01B33;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.arrow__next {
    right: 0;
}
.arrow__prev {
    left: 0;
}
.arrow svg {
    width: clamp(17px, 1.6666666667vw, 32px);
    height: clamp(17px, 1.6666666667vw, 32px);
}

.title_green {
    font-size: clamp(32px, 3.3333333333vw, 64px);
    font-weight: 700;
    line-height: 1.21875;
    text-align: center;
    color: #17C336;
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}

.padding {
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}

.bg {
    background-color: #F3F4F6;
}

.header {
    padding: clamp(16px, 0.8333333333vw, 16px) 0;
}
.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(16px, 2.3958333333vw, 46px);
}
.header__inner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
.header__small-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: clamp(16px, 2.3958333333vw, 46px);
}
@media (max-width: 991px) {
    .header__small-box {
        width: auto;
    }
}
.header__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(20px, 1.6666666667vw, 32px);
}
.header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 991px) {
    .header__info {
        display: none;
    }
}
.header__tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 991px) {
    .header__tel {
        display: none;
    }
}
.header__tel-num {
    display: block;
    font-size: clamp(12px, 1.1458333333vw, 22px);
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    color: #1A1110;
    transition: color .1s;
}
.header__tel:hover .header__tel-num {
    color: #F01B33;
    transition: color .1s;
}
.header__tel-text {
    font-size: clamp(10px, 0.7291666667vw, 14px);
    line-height: 1.2142857143;
    color: #AFAFAF;
}
.header__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
@media (max-width: 991px) {
    .header__social {
        display: none;
    }
}
.header__social-item {
    width: 100%;
}
.header__social-item:first-child .header__social-link:hover {
    background-color: rgba(39, 166, 229, 0.24) !important;
    transition: background-color .3s;
}
.header__social-item:last-child .header__social-link:hover {
    background-color: rgba(123, 97, 255, 0.24) !important;
    transition: background-color .3s;
}
.header__social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-radius: clamp(12px, 0.625vw, 12px);
    padding: clamp(8px, 0.625vw, 12px) clamp(8px, 0.8333333333vw, 16px);
    transition: background-color .3s;
}
.header__social-link svg {
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
}
.header__social-text {
    display: block;
    font-size: clamp(12px, 0.7291666667vw, 14px);
    font-weight: 500;
    line-height: 1.2142857143;
}
.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .header__right-item {
        display: none;
    }
}
.header__right-item:last-child {
    display: block;
}
.header__right-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: clamp(82px, 5.5729166667vw, 107px);
    height: 100%;
}
@media (max-width: 991px) {
    .header__right-link {
        width: auto;
    }
}
.header__right-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(4px, 0.2083333333vw, 4px);
}
.header__right-box svg {
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
    fill: #AFAFAF;
    transition: fill .3s;
}
.header__right-link:hover svg {
    fill: #1A1110;
    transition: fill .3s;
}
.header__right-link:hover .header__right-text {
    color: #1A1110;
    transition: color .3s;
}
.header__right-link--last svg {
    fill: #4E4E4E;
    transition: fill .3s;
}
.header__right-link--last:hover svg {
    fill: #DA2438;
    transition: fill .3s;
}
.header__right-link--last:hover .header__right-text {
    color: #DA2438;
    transition: color .3s;
}
.header__right-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(10px, 0.625vw, 12px);
    line-height: 1.25;
    color: #ffffff;
    width: clamp(24px, 1.25vw, 24px);
    height: clamp(19px, 0.9895833333vw, 19px);
    background-color: #DA2438;
    border-radius: clamp(30px, 1.5625vw, 30px);
    padding: clamp(2px, 0.1041666667vw, 2px);
}
.header__right-text {
    font-size: clamp(12px, 0.7291666667vw, 14px);
    line-height: 1.2142857143;
    color: #4E4E4E;
    transition: color .3s;
}
@media (max-width: 991px) {
    .header__right-text {
        display: none;
    }
}

/* ── PC header redesign ──────────────────────────────── */

/* Stroke-style icons for desktop header */
.header__right-box svg {
    color: #AFAFAF;
    fill: none !important;
    -webkit-transition: color .3s;
    transition: color .3s;
}
.header__right-link:hover .header__right-box svg {
    color: #1A1110;
}
.header__right-link--last .header__right-box svg {
    color: #4E4E4E;
}
.header__right-link--last:hover .header__right-box svg {
    color: #DA2438;
}

/* Fix search vertical alignment — remove default margin-top */
.bx-searchtitle {
    margin-top: 0 !important;
}

/* Action icons — badge overlaid on icon, keep text label */
.header__right-box {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.header__right-num {
    position: absolute !important;
    top: -5px !important;
    right: -8px !important;
    width: auto !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    font-size: 10px !important;
    border-radius: 9px !important;
    line-height: 18px !important;
}

/* Avatar in desktop header */
.header__right-avatar {
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

/* Social links — circle icon only, no text */
.header__social-text {
    display: none !important;
}
.header__social-link {
    -webkit-box-orient: horizontal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    width: auto !important;
    padding: 10px !important;
    border-radius: 50% !important;
}
.header__social-link svg {
    width: 24px !important;
    height: 24px !important;
}

/* Stretch search to fill remaining space */
.header__small-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.bx-searchtitle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.bx-searchtitle .bx-input-group {
    width: 100%;
}

/* ── Mobile header redesign (≤767px) ─────────────────── */
@media (max-width: 767px) {
    .header {
        padding: 10px 0;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07), 0 2px 10px rgba(0, 0, 0, 0.06);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07), 0 2px 10px rgba(0, 0, 0, 0.06);
    }
    .header__inner {
        gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .header__inner-box {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .logo__img--desktop {
        display: none;
    }
    .logo__img--mobile {
        display: block;
        height: 36px;
        width: auto;
        max-width: 140px;
    }
    .header__small-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: auto;
        gap: 0;
    }
    .header__small-box .bx-searchtitle {
        margin-top: 0;
    }
    /* Prevent iOS auto-zoom on search input focus */
    .bx-searchtitle .bx-input-group .bx-form-control {
        font-size: 16px;
    }
    .bx-searchtitle .bx-input-group .bx-form-control:focus {
        outline: none;
    }
    #smart-title-search-input::-webkit-input-placeholder { color: rgba(26,17,16,0.28); }
    #smart-title-search-input::-moz-placeholder          { color: rgba(26,17,16,0.28); opacity: 1; }
    #smart-title-search-input:-ms-input-placeholder      { color: rgba(26,17,16,0.28); }
    #smart-title-search-input::placeholder               { color: rgba(26,17,16,0.28); }
    #smart-title-search-input:focus::-webkit-input-placeholder { color: transparent; }
    #smart-title-search-input:focus::-moz-placeholder          { color: transparent; }
    #smart-title-search-input:focus:-ms-input-placeholder      { color: transparent; }
    #smart-title-search-input:focus::placeholder               { color: transparent; }
    /* Hide phone/social block — everything is in bottom nav */
    .header__box {
        display: none;
    }
    /* Hide profile icon — it's in bottom nav */
    .header__right-item:last-child {
        display: none;
    }
}

.header__menu {
    display: none;
    position: relative;
    width: 32px;
    height: 32px;
    background-color: transparent;
    padding: 4px 3px;
}
@media (max-width: 1200px) {
    .header__menu {
        display: block;
    }
}
.header__menu::before, .header__menu::after {
    content: "";
    position: absolute;
    width: calc(100% - 6px);
    height: 4px;
    background-color: #1A1110;
    border-radius: 10px;
    left: 4px;
    -webkit-transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s, bottom 0.3s, transform 0.3s;
    transition: top 0.3s, bottom 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.header__menu::before {
    top: 4px;
}
.header__menu::after {
    bottom: 4px;
}
.header__menu--anim-one::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: top 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s, transform 0.3s;
    transition: top 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.header__menu--anim-one::after {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: bottom 0.3s, -webkit-transform 0.3s;
    transition: bottom 0.3s, -webkit-transform 0.3s;
    transition: bottom 0.3s, transform 0.3s;
    transition: bottom 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.header__menu--anim-two .header__menu-icon {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.header__menu--anim-two::before {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.header__menu--anim-two::after {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translateY(50%) rotate(45deg);
    -ms-transform: translateY(50%) rotate(45deg);
    transform: translateY(50%) rotate(45deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.header__menu-icon {
    display: block;
    position: absolute;
    width: calc(100% - 6px);
    height: 4px;
    background-color: #1A1110;
    border-radius: 10px;
    top: 50%;
    left: 4px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.search {
    display: block;
    max-width: clamp(347px, 28.4895833333vw, 547px);
    width: 100%;
    height: clamp(42px, 2.9166666667vw, 56px);
}
@media (max-width: 1200px) {
    .search {
        max-width: 100%;
        width: auto;
    }
}
@media (max-width: 991px) {
    .search {
        width: 32px;
        height: 32px;
    }
}
.search__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #F7F7F7;
    border-radius: clamp(12px, 0.625vw, 12px);
}
@media (max-width: 991px) {
    .search__label {
        background-color: transparent;
    }
}
.search__input {
    width: 100%;
    min-height: 100%;
    background-color: transparent;
    border-radius: clamp(12px, 0.625vw, 12px);
    padding: 0 clamp(24px, 1.25vw, 24px);
}
@media (max-width: 1200px) {
    .search__input {
        display: none;
    }
}
.search__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: clamp(42px, 2.9166666667vw, 56px);
    height: 100%;
    background-color: #DA2438;
    border-radius: clamp(12px, 0.625vw, 12px);
    cursor: pointer;
}
@media (max-width: 991px) {
    .search__btn {
        min-width: 32px;
        height: 100%;
        background-color: transparent;
        padding-right: 5px;
    }
}
.search__btn svg {
    width: clamp(30px, 1.5625vw, 30px);
    height: clamp(30px, 1.5625vw, 30px);
    stroke: #ffffff;
    fill: none;
}
@media (max-width: 991px) {
    .search__btn svg {
        stroke: rgba(26, 17, 16, 0.5);
    }
}

.menu {
    position: sticky;
    background-color: #DA2438;
    top: 0;
    z-index: 1000;
}
@media (max-width: 991px) {
    .menu {
        display: none;
    }
}
.menu__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}
.menu__item {
    width: 100%;
}
.menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(12px, 0.8333333333vw, 16px);
    font-weight: 700;
    line-height: 1.2222222222;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    height: 100%;
    color: #ffffff !important;
    gap: clamp(10px, 0.5208333333vw, 10px);
    padding: clamp(16px, 1.0416666667vw, 20px) clamp(8px, 0.8333333333vw, 16px);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.menu__link:hover {
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    color:#ffffff;
}
.menu__link--active {
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.menu__link svg {
    width: clamp(24px, 1.25vw, 24px);
    height: clamp(24px, 1.25vw, 24px);
}

.menu-catalog {
    position: absolute;
    max-width: clamp(1905px, 99.21875vw, 1905px);
    width: 100%;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    left: 50%;
    padding: 0 clamp(40px, 2.0833333333vw, 40px);
    -webkit-transform: translateX(-50%) translateY(5%);
    -ms-transform: translateX(-50%) translateY(5%);
    transform: translateX(-50%) translateY(5%);
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
    z-index: 12;
    scrollbar-width: thin;
    scrollbar-color: rgba(26, 17, 16, 0.25) transparent;
}
.menu-catalog::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.menu-catalog::-webkit-scrollbar-track {
    background: transparent;
}
.menu-catalog::-webkit-scrollbar-thumb {
    background-color: rgba(26, 17, 16, 0.2);
    border-radius: 8px;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.menu-catalog::-webkit-scrollbar-thumb:hover {
    background-color: #DA2438;
}
.catalog-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background-color: rgba(26, 17, 16, 0.04);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
body.catalog-menu-open .catalog-backdrop {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 991px) {
    .catalog-backdrop {
        display: none;
    }
}
@media (max-width: 767px) {
    .menu-catalog {
        padding: 0 20px;
    }
}
.menu-catalog--active {
    opacity: 1;
    visibility: visible;
    pointer-events: unset;
    -webkit-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.menu-catalog__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom-left-radius: clamp(16px, 0.8333333333vw, 16px);
    border-bottom-right-radius: clamp(16px, 0.8333333333vw, 16px);
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
}
.menu-catalog__items {
    border-right: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.05);
    flex-shrink: 0;
    padding: clamp(8px, 0.4166666667vw, 8px) 0;
}
.menu-catalog__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(12px, 0.625vw, 12px);
    font-size: clamp(14px, 0.7291666667vw, 14px);
    line-height: 1.25;
    width: clamp(280px, 14.5833333333vw, 280px);
    color: #1A1110;
    padding: clamp(7px, 0.3645833333vw, 7px) clamp(14px, 0.7291666667vw, 14px);
    border-left: 3px solid transparent;
    -webkit-transition: border-color 0.2s, background-color 0.2s, color 0.2s;
    transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.menu-catalog__link:hover,
.menu-catalog__link--active {
    border-left-color: #DA2438;
    background-color: rgba(218, 36, 56, 0.07);
    color: #DA2438;
}
.menu-catalog__icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: clamp(38px, 1.9791666667vw, 38px);
    height: clamp(38px, 1.9791666667vw, 38px);
    border-radius: clamp(10px, 0.5208333333vw, 10px);
    background-color: #F5F6F8;
    color: #555555;
    -webkit-transition: color 0.2s, background-color 0.2s;
    transition: color 0.2s, background-color 0.2s;
}
.menu-catalog__icon-wrap svg {
    width: clamp(19px, 0.9895833333vw, 19px);
    height: clamp(19px, 0.9895833333vw, 19px);
}
.menu-catalog__icon-img {
    width: clamp(24px, 1.25vw, 24px);
    height: clamp(24px, 1.25vw, 24px);
    -o-object-fit: contain;
    object-fit: contain;
}
.menu-catalog__link:hover .menu-catalog__icon-wrap,
.menu-catalog__link--active .menu-catalog__icon-wrap {
    color: #DA2438;
    background-color: rgba(218, 36, 56, 0.1);
}
.menu-catalog__name {
    flex: 1;
}
.menu-catalog__arrow {
    flex-shrink: 0;
    fill: #ccc;
    -webkit-transition: fill 0.2s;
    transition: fill 0.2s;
}
.menu-catalog__link:hover .menu-catalog__arrow,
.menu-catalog__link--active .menu-catalog__arrow {
    fill: #DA2438;
}
.menu-catalog__link--featured {
    margin: clamp(4px, 0.2083333333vw, 4px) clamp(10px, 0.5208333333vw, 10px) clamp(8px, 0.4166666667vw, 8px);
    width: auto;
    border-left: none;
    /* выравниваем иконку по колонке остальных пунктов: margin(10) + padding-left(7) = border(3) + padding(14) = 17px */
    padding-left: clamp(7px, 0.3645833333vw, 7px);
    border-radius: clamp(12px, 0.625vw, 12px);
    background-color: #DA2438;
    color: #ffffff;
    font-weight: 700;
}
.menu-catalog__link--featured:hover {
    border-left-color: transparent;
    background-color: #F01B33;
    color: #ffffff;
}
.menu-catalog__link--featured .menu-catalog__name,
.menu-catalog__link--featured:hover .menu-catalog__name {
    color: #ffffff;
}
.menu-catalog__link--featured .menu-catalog__icon-wrap,
.menu-catalog__link--featured:hover .menu-catalog__icon-wrap {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}
.menu-catalog__link--featured .menu-catalog__arrow,
.menu-catalog__link--featured:hover .menu-catalog__arrow {
    fill: #ffffff;
}
body.catalog-menu-open .online-chat-root-TalkMe,
body.catalog-menu-open #supportTrigger,
body.header-hidden .online-chat-root-TalkMe,
body.header-hidden #supportTrigger {
    z-index: 5 !important;
}
.menu-catalog__link--current:not(.menu-catalog__link--featured) {
    color: #DA2438;
    font-weight: 600;
}
.menu-catalog__link--current:not(.menu-catalog__link--featured) .menu-catalog__icon-wrap {
    color: #DA2438;
    background-color: rgba(218, 36, 56, 0.1);
}
.menu-catalog__content {
    position: relative;
    width: 100%;
    padding: clamp(19px, 0.9895833333vw, 19px) clamp(48px, 2.5vw, 48px) clamp(40px, 2.0833333333vw, 40px);
}
.menu-catalog__content-item {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
}
.menu-catalog__content-item--active {
    position: relative;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
.menu-catalog__heading {
    font-size: clamp(18px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.2;
    color: #1A1110;
    margin-bottom: clamp(20px, 1.0416666667vw, 20px);
    padding-bottom: clamp(14px, 0.7291666667vw, 14px);
    border-bottom: 1px solid rgba(26, 17, 16, 0.08);
}
.menu-catalog__grid {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
    align-content: start;
}
.menu-catalog__grid--cards {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(10px, 0.5208333333vw, 10px);
}
.menu-catalog__grid--promo {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 1.0416666667vw, 20px);
}
.menu-catalog__grid-item {
    list-style: none;
}
.menu-catalog__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(12px, 0.625vw, 12px);
    height: 100%;
    padding: clamp(10px, 0.5208333333vw, 10px) clamp(14px, 0.7291666667vw, 14px);
    border: 1px solid rgba(26, 17, 16, 0.08);
    border-radius: clamp(12px, 0.7291666667vw, 14px);
    background-color: #ffffff;
    color: #1A1110;
    -webkit-transition: border-color 0.25s, box-shadow 0.25s, -webkit-transform 0.25s;
    transition: border-color 0.25s, box-shadow 0.25s, -webkit-transform 0.25s;
    transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;
    transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s, -webkit-transform 0.25s;
}
.menu-catalog__card:hover {
    border-color: rgba(218, 36, 56, 0.35);
    -webkit-box-shadow: 0 8px 24px rgba(218, 36, 56, 0.12);
    box-shadow: 0 8px 24px rgba(218, 36, 56, 0.12);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.menu-catalog__card-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: clamp(46px, 2.3958333333vw, 46px);
    height: clamp(46px, 2.3958333333vw, 46px);
    border-radius: clamp(10px, 0.5208333333vw, 10px);
    background-color: #F5F6F8;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}
.menu-catalog__card:hover .menu-catalog__card-media {
    background-color: rgba(218, 36, 56, 0.08);
}
.menu-catalog__card-img {
    width: 70%;
    height: 70%;
    -o-object-fit: contain;
    object-fit: contain;
}
.menu-catalog__card-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: clamp(14px, 0.7291666667vw, 14px);
    font-weight: 500;
    line-height: 1.3;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.menu-catalog__card:hover .menu-catalog__card-name {
    color: #DA2438;
}
.menu-catalog__card-arrow {
    flex-shrink: 0;
    color: #DA2438;
    opacity: 0;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, -webkit-transform 0.25s;
    transition: opacity 0.25s, transform 0.25s;
    transition: opacity 0.25s, transform 0.25s, -webkit-transform 0.25s;
}
.menu-catalog__card:hover .menu-catalog__card-arrow {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.menu-catalog__promo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: 1px solid rgba(26, 17, 16, 0.08);
    border-radius: clamp(16px, 1.0416666667vw, 20px);
    overflow: hidden;
    background-color: #ffffff;
    color: #1A1110;
    -webkit-transition: border-color 0.25s, box-shadow 0.25s, -webkit-transform 0.25s;
    transition: border-color 0.25s, box-shadow 0.25s, -webkit-transform 0.25s;
    transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;
    transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s, -webkit-transform 0.25s;
}
.menu-catalog__promo:hover {
    border-color: rgba(218, 36, 56, 0.35);
    -webkit-box-shadow: 0 12px 32px rgba(218, 36, 56, 0.14);
    box-shadow: 0 12px 32px rgba(218, 36, 56, 0.14);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}
.menu-catalog__promo-media {
    overflow: hidden;
    background-color: #F5F6F8;
}
.menu-catalog__promo-img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
}
.menu-catalog__promo:hover .menu-catalog__promo-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.menu-catalog__promo-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: clamp(4px, 0.3125vw, 6px);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: clamp(14px, 0.8333333333vw, 16px) clamp(16px, 0.9375vw, 18px);
}
.menu-catalog__promo-title {
    font-size: clamp(15px, 0.8333333333vw, 16px);
    font-weight: 700;
    line-height: 1.3;
}
.menu-catalog__promo-text {
    font-size: clamp(12px, 0.6770833333vw, 13px);
    line-height: 1.4;
    color: rgba(26, 17, 16, 0.6);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.menu-catalog__promo-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(4px, 0.3125vw, 6px);
    margin-top: clamp(4px, 0.2083333333vw, 4px);
    font-size: clamp(12px, 0.6770833333vw, 13px);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #DA2438;
}
.menu-catalog__promo-btn svg {
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}
.menu-catalog__promo:hover .menu-catalog__promo-btn svg {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
}

body.header-hidden {
    overflow: hidden;
}

/* ── "Ещё" bottom sheet ───────────────────────────────── */
.menu_small {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: visibility 0s linear 0.3s;
    transition: visibility 0s linear 0.3s;
}
.menu_small--active {
    visibility: visible;
    pointer-events: auto;
    -webkit-transition: visibility 0s linear 0s;
    transition: visibility 0s linear 0s;
}
.menu_small__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 17, 16, 0.04);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.menu_small--active .menu_small__overlay {
    opacity: 1;
}
.menu_small__panel {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 82vh;
    background: #ffffff;
    border-radius: 16px 16px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}
.menu_small--active .menu_small__panel {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* Drag handle */
.menu_small__handle-bar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 0 6px;
}
.menu_small__handle {
    width: 40px;
    height: 4px;
    background: rgba(26, 17, 16, 0.18);
    border-radius: 2px;
}

/* Scrollable nav area */
.menu_small__scroll {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* Configurator button */
.menu_small__configurator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin: 14px 16px 4px;
    padding: 15px 18px;
    background: linear-gradient(135deg, #DA2438 0%, #b81d2e 100%);
    border-radius: 14px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
}
.menu_small__configurator:active {
    opacity: 0.88;
}
.menu_small__configurator svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.menu_small__configurator-arrow {
    margin-left: auto;
    opacity: 0.8;
}

/* Shortcuts row (Сравнение + Избранное) */
.menu_small__shortcuts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 8px 16px 0;
}
.menu_small__shortcut {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 11px 14px;
    background: #f4f4f6;
    border-radius: 12px;
    color: #1A1110;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
}
.menu_small__shortcut:active {
    background: #ebebed;
}
.menu_small__shortcut svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #DA2438;
}
.menu_small__shortcut-badge {
    display: none;
    margin-left: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    background: #DA2438;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.menu_small__shortcut-badge:not(:empty) {
    display: block;
}

/* Icon grid */
.menu_small__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 12px 16px 20px;
}
.menu_small__grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    padding: 14px 8px 12px;
    background: #f5f5f7;
    border-radius: 14px;
    color: #1A1110;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: background 0.15s;
    transition: background 0.15s;
}
.menu_small__grid-item:active {
    background: #ebebed;
}
.menu_small__grid-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: #ffffff;
    border-radius: 50%;
    color: #DA2438;
}
.menu_small__grid-icon svg {
    width: 22px;
    height: 22px;
}

/* Contacts at sheet bottom */
.menu_small__footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-top: 1px solid rgba(26, 17, 16, 0.12);
    padding: 14px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    background: #ffffff;
}
.menu_small__footer-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #1A1110;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.menu_small__footer-phone:hover {
    opacity: 0.7;
}
.menu_small__footer-phone svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.menu_small__footer-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.menu_small__footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.menu_small__footer-social:hover {
    opacity: 0.8;
}
.menu_small__footer-social svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* ── Bottom navigation bar ───────────────────────────── */
.bottom-nav {
    display: none;
}
@media (max-width: 767px) {
    body {
        padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
    }
    .bottom-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 56px;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        background: #ffffff;
        -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08), 0 -2px 10px rgba(0, 0, 0, 0.07);
        box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08), 0 -2px 10px rgba(0, 0, 0, 0.07);
        z-index: 100;
    }
    .header__menu {
        display: none;
    }
}
.bottom-nav__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3px;
    color: #9ca3af;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    padding: 6px 2px;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}
.bottom-nav__item svg {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.bottom-nav__item--active {
    color: #DA2438;
}
.bottom-nav__avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}
.bottom-nav__item-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.bottom-nav__badge {
    display: none;
    position: absolute;
    top: -5px;
    right: -9px;
    background: #DA2438;
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 1;
}
.bottom-nav__badge--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.top {
    background-color: #F3F4F6;
    padding: clamp(6px, 0.5vw, 10px) 0 clamp(12px, 0.8333333333vw, 16px);
}
.top__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 991px) {
    .top__inner {
        display: block;
    }
}
.top__slider {
    max-width: clamp(1205px, 62.7604166667vw, 1205px);
    width: 100%;
    border-radius: clamp(24px, 1.25vw, 24px);
    overflow: hidden;
}
@media (max-width: 991px) {
    .top__slider {
        margin-bottom: 4px;
    }
}
.top__items {
    height: 100%;
}
.top__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    height: 100%;
    color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    padding: 0 0 clamp(16px, 1.6666666667vw, 32px) clamp(20px, 1.9791666667vw, 38px);
}
.top__item-box {
    max-width: clamp(508px, 26.4583333333vw, 508px);
    width: 100%;
}
.top__title {
    font-size: clamp(26px, 2.0833333333vw, 40px);
    font-weight: 700;
    line-height: 1.225;
    margin-bottom: clamp(4px, 0.8333333333vw, 16px);
}
.top__subtitle {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.3;
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.top__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: clamp(134px, 20.8333333333vw, 400px);
}
.top__week {
    position: relative;
    max-width: clamp(587px, 30.5729166667vw, 587px);
    width: 100%;
}
.top__week::after {
    content: "";
    position: absolute;
    width: clamp(96px, 11.25vw, 216px);
    height: clamp(96px, 11.25vw, 216px);
    background-image: url("img/icons/top-week.svg");
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}
@media (max-width: 991px) {
    .top__week {
        max-width: 100%;
    }
}
.top__slider, .top__week {
    height: clamp(239px, 24.21875vw, 465px);
}
.top__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    bottom: clamp(20px, 1.9791666667vw, 38px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    gap: clamp(8px, 0.625vw, 12px);
    z-index: 1;
}
.top__pagination .custom-pagination-bullet {
    width: clamp(8px, 0.8333333333vw, 16px);
    height: clamp(8px, 0.8333333333vw, 16px);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.top__pagination .custom-pagination-bullet.active {
    background-color: #ffffff;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.top__pagination-line {
    position: absolute;
    height: clamp(4px, 0.3125vw, 6px) !important;
    top: auto !important;
    bottom: 0;
    z-index: 1;
}
.top__pagination-line .swiper-pagination-progressbar-fill {
    background-color: #F01B33;
}
.top__week {
    position: relative;
    border-radius: clamp(24px, 1.25vw, 24px);
    overflow: hidden;
}
.top__week::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), color-stop(24%, rgba(0, 0, 0, 0)), color-stop(56%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0.8) 100%);
    top: 0;
    left: 0;
}
.top__week-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.top__week-content {
    position: absolute;
    width: 100%;
    color: #ffffff;
    padding: 0 0 clamp(16px, 1.6666666667vw, 32px) clamp(16px, 1.6666666667vw, 32px);
    left: 0;
    bottom: 0;
}
.top__week-title {
    font-size: clamp(26px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(4px, 0.4166666667vw, 8px);
}
.top__week-subtitle {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.top__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(24px, 1.25vw, 24px);
}
.top__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(14px, 1.25vw, 24px);
    font-weight: 700;
    line-height: 1.2083333333;
    min-width: clamp(112px, 8.2291666667vw, 158px);
    height: 100%;
    color: #1A1110;
    background-color: #ffffff;
    border-radius: clamp(12px, 0.625vw, 12px);
    padding: clamp(16px, 0.8333333333vw, 16px) clamp(24px, 1.25vw, 24px);
}
.top__week-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: clamp(160px, 17.7604166667vw, 341px);
    width: 100%;
}

.categories {
    background-color: #F3F4F6;
    padding: clamp(12px, 0.8333333333vw, 16px) 0 clamp(24px, 2.0833333333vw, 40px);
}
.categories__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: clamp(24px, 1.6666666667vw, 32px) clamp(16px, 1.6666666667vw, 32px);
}
@media (max-width: 767px) {
    .categories__items {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.categories__item {
    width: 100%;
}
.categories__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: clamp(12px, 1.25vw, 24px);
    padding: clamp(16px, 1.25vw, 24px);
    transition: box-shadow .3s;
}
.categories__link:hover {
    box-shadow: 0 4px 4px -4px rgba(12, 12, 13, 0.05), 0 16px 32px -4px rgba(12, 12, 13, 0.1);
    transition: box-shadow .3s;
}
.categories__link:hover .categories__img {
    transform: scale(1.1, 1.1);
    transition: transform .3s;
}
.categories__img {
    width: clamp(80px, 7.2916666667vw, 140px);
    height: clamp(80px, 7.2916666667vw, 140px);
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: clamp(8px, 1.40625vw, 27px);
    transition: transform .3s;
}
.categories__text {
    font-size: clamp(14px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    color: #1A1110;
}

.contacts-block {
    background-color: #F3F4F6;
    padding: clamp(24px, 2.0833333333vw, 40px) 0 clamp(24px, 1.6666666667vw, 32px);
}
.contacts-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 767px) {
    .contacts-block__inner {
        display: block;
    }
}
.contacts-block__content {
    position: relative;
    min-width: clamp(420px, 32.2916666667vw, 620px);
    background-color: #ffffff;
    border-radius: clamp(12px, 1.25vw, 24px);
    -webkit-box-shadow: 0 4px 4px -4px rgba(12, 12, 13, 0.05), 0 16px 32px -4px rgba(12, 12, 13, 0.1);
    box-shadow: 0 4px 4px -4px rgba(12, 12, 13, 0.05), 0 16px 32px -4px rgba(12, 12, 13, 0.1);
    padding: clamp(16px, 1.6666666667vw, 32px);
    margin-right: -1.25vw;
    z-index: 1;
}
@media (max-width: 767px) {
    .contacts-block__content {
        min-width: auto;
        border-radius: 12px 12px 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-right: 0;
    }
}
.contacts-block__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: clamp(62px, 3.8541666667vw, 74px);
    background-color: #17C336;
    border-radius: clamp(12px, 1.0416666667vw, 20px);
    gap: clamp(16px, 1.25vw, 24px);
    padding: clamp(4px, 0.2083333333vw, 4px);
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
@media (max-width: 767px) {
    .contacts-block__time {
        padding: 8px;
    }
}
.contacts-block__time--close {
    background-color: #C33617;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.contacts-block__time--close .contacts-block__separator::before, .contacts-block__time--close .contacts-block__separator::after {
    background-color: #C33617;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.contacts-block__time-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(14px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #ffffff;
    min-width: clamp(149px, 13.75vw, 264px);
}
.contacts-block__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background-color: #ffffff;
    border-radius: clamp(8px, 0.8333333333vw, 16px);
    gap: clamp(8px, 0.9375vw, 18px);
}
.contacts-block__hours, .contacts-block__minutes {
    font-size: clamp(10px, 0.7291666667vw, 14px);
    font-weight: 500;
    line-height: 1.2142857143;
    color: #AFAFAF;
}
.contacts-block__hours span, .contacts-block__minutes span {
    font-size: clamp(20px, 1.6666666667vw, 32px);
    font-weight: 700;
    line-height: 1.3;
    color: #4E4E4E;
}
.contacts-block__separator {
    display: block;
    position: relative;
    width: clamp(3px, 0.2604166667vw, 5px);
    height: clamp(10px, 0.8854166667vw, 17px);
}
.contacts-block__separator::before, .contacts-block__separator::after {
    content: "";
    position: absolute;
    width: clamp(3px, 0.2604166667vw, 5px);
    height: clamp(3px, 0.2604166667vw, 5px);
    background-color: #17C336;
    border-radius: 100%;
    left: 0;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.contacts-block__separator::before {
    top: 0;
}
.contacts-block__separator::after {
    bottom: 0;
}
.contacts-block__items {
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
    transition: color .1s;
}
.contacts-block__items a:hover {
    color: #DA2438;
    transition: color .1s;
}
.contacts-block__item {
    position: relative;
    padding-left: clamp(40px, 3.3333333333vw, 64px);
}
.contacts-block__item::before {
    content: "";
    position: absolute;
    width: clamp(32px, 2.5vw, 48px);
    height: clamp(32px, 2.5vw, 48px);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}
.contacts-block__item:not(:last-child) {
    margin-bottom: clamp(24px, 1.7708333333vw, 34px);
}
.contacts-block__item:first-child::before {
    background-image: url("img/icons/contacts-block-local.svg");
}
.contacts-block__item:nth-child(2)::before {
    background-image: url("img/icons/contacts-block-time.svg");
}
.contacts-block__item:nth-child(3)::before {
    background-image: url("img/icons/contacts-block-tel.svg");
}
.contacts-block__item:last-child::before {
    background-image: url("img/icons/contacts-block-mail.svg");
}
.contacts-block__item-title {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: #AFAFAF;
    margin-bottom: clamp(2px, 0.2083333333vw, 4px);
}
.contacts-block__text {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    color: #1A1110;
}
.contacts-block__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.8333333333vw, 16px);
}
.contacts-block__social-item {
    width: 100%;
}
/* === Единый hover для всех соцсетей — filter вместо разных background-color === */
.contacts-block__social-link:hover {
    filter: brightness(0.82);
    transition: filter .3s;
}
/* MAX — градиентный фон */
.contacts-block__social-link--max {
    background: linear-gradient(135deg, #44ccff 0%, #5533ee 66%, #9933dd 100%) !important;
}
.contacts-block__social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(12px, 0.8333333333vw, 16px);
    font-weight: 700;
    line-height: 1.25;
    width: 100%;
    height: clamp(44px, 2.8125vw, 54px);
    color: #ffffff;
    border-radius: clamp(8px, 0.625vw, 12px);
    gap: clamp(6px, 0.3125vw, 6px);
    transition: filter .3s;
}
.contacts-block__social-link svg {
    width: clamp(16px, 1.1458333333vw, 22px);
    height: clamp(16px, 1.1458333333vw, 22px);
    flex-shrink: 0;
}
.contacts-block__map {
    width: 100%;
    position: relative;
    overflow: hidden;
    /* Скругление переносим сюда — overflow:hidden сам обрежет iframe */
    border-radius: 0 clamp(12px, 1.25vw, 24px) clamp(12px, 1.25vw, 24px) 0;
}
@media (max-width: 767px) {
    .contacts-block__map {
        height: 353px;
        border-radius: 0 0 12px 12px;
    }
}
.contacts-block__map iframe {
    /* Растягиваем iframe за пределы контейнера чтобы обрезать контролы Яндекса */
    position: absolute;
    top: -50px;                    /* скрыть верхние кнопки (карандаш, Пробки) */
    left: 0;
    width: calc(100% + 62px);     /* скрыть правые кнопки (+/-, компас) */
    height: calc(100% + 90px);    /* top(50) + bottom(38) — скрыть «Открыть в Яндекс Картах» */
    border-radius: 0;              /* убираем — родитель сам клипирует */
}

/* === Мобильная адаптация соцсетей и карты === */
@media (max-width: 480px) {
    /* Карта чуть ниже на маленьких экранах */
    .contacts-block__map {
        height: 260px;
    }
    /* Кнопки соцсетей — чуть компактнее */
    .contacts-block__social {
        gap: 6px;
    }
    .contacts-block__social-link {
        height: 40px;
        font-size: 12px;
        border-radius: 8px;
    }
    .contacts-block__social-link svg {
        width: 16px;
        height: 16px;
    }
}
@media (max-width: 360px) {
    /* На совсем маленьких — карта ещё компактнее */
    .contacts-block__map {
        height: 220px;
    }
    /* Соцсети: 2 в ряд + 1 под ними на полную ширину */
    .contacts-block__social {
        flex-wrap: wrap;
    }
    .contacts-block__social-item {
        flex: 1 1 calc(50% - 3px);
    }
    .contacts-block__social-item--max {
        flex: 1 1 100%;
    }
}

.footer {
    background-color: #E5E7ED;
    padding: clamp(24px, 2.5vw, 48px) 0;
}
@media (max-width: 575px) {
    .footer .container {
        padding: 0;
    }
}
.footer a {
    transition: color .1s;
}
.footer a:hover {
    color: #DA2438;
    transition: color .1s;
}
.footer__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(16px, 1.25vw, 24px);
    margin-bottom: clamp(16px, 2.5vw, 48px);
}
@media (max-width: 1200px) {
    .footer__items {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 32px;
    }
}
@media (max-width: 575px) {
    .footer__items {
        display: block;
    }
}
.footer__menu-item:last-child .footer__text {
    margin-bottom: 0;
}
@media (max-width: 1200px) {
    .footer__item:last-child {
        -ms-grid-column-span: 3;
        grid-column: span 3;
    }
}
@media (max-width: 575px) {
    .footer__item:nth-child(3) {
        margin-bottom: 24px;
    }
    .footer__item:nth-child(3) .footer__item-box {
        border-bottom: 1px solid rgba(26, 17, 16, 0.2);
    }
    .footer__item:last-child {
        padding: 0 20px;
    }
}
@media (max-width: 575px) {
    .footer__item-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid rgba(26, 17, 16, 0.2);
        border-bottom: 1px solid transparent;
        gap: 8px;
        padding: 20px;
        -webkit-transition: color 0.3s, border-color 0.3s;
        transition: color 0.3s, border-color 0.3s;
        cursor: pointer;
    }
    .footer__item-box .footer__text {
        border-top: none;
        padding: 0;
        margin: 0;
    }
}
.footer__item-box svg {
    width: 24px;
    height: 12px;
    fill: #1A1110;
    -webkit-transition: fill 0.3s, -webkit-transform 0.3s;
    transition: fill 0.3s, -webkit-transform 0.3s;
    transition: fill 0.3s, transform 0.3s;
    transition: fill 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.footer__item-box--active {
    border-color: rgba(26, 17, 16, 0.2);
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.footer__item-box--active .footer__text {
    color: #DA2438;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.footer__item-box--active svg {
    fill: #DA2438;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: fill 0.3s, -webkit-transform 0.3s;
    transition: fill 0.3s, -webkit-transform 0.3s;
    transition: fill 0.3s, transform 0.3s;
    transition: fill 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.footer__item-box svg {
    display: none;
}
@media (max-width: 575px) {
    .footer__item-box svg {
        display: block;
    }
}
.footer__text {
    display: block;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    text-transform: uppercase;
    color: #1A1110;
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
@media (max-width: 575px) {
    .footer__text {
        border-top: 1px solid rgba(26, 17, 16, 0.2);
        padding: 20px;
        margin-bottom: 0;
    }
}
@media (max-width: 575px) {
    .footer__small-menu {
        display: none;
    }
}
.footer__small-item:not(:last-child) {
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
.footer__small-text {
    font-size: clamp(14px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.6);
}
@media (max-width: 575px) {
    .footer__small-text {
        display: block;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.3;
        color: #1A1110;
        padding: 10px 20px;
    }
}
.footer__mailing-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
    min-width: clamp(332px, 27.7083333333vw, 532px);
    height: clamp(53px, 3.3333333333vw, 64px);
    color: #ffffff;
    background-color: #DA2438;
    border-radius: clamp(8px, 0.625vw, 12px);
    padding: clamp(16px, 1.25vw, 24px) clamp(24px, 1.25vw, 24px);
    margin-bottom: clamp(16px, 2.0833333333vw, 40px);
    transition: background-color .3s;
}
.footer__mailing-link:hover {
    color: #ffffff !important;
    background-color: #F01B33;
    transition: background-color .3s;
}
.footer__mailing-link svg {
    width: clamp(22px, 1.1458333333vw, 22px);
    height: clamp(20px, 1.0416666667vw, 20px);
}
@media (max-width: 575px) {
    .footer__info-item {
        text-align: center;
    }
}
.footer__info-item:not(:last-child) {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.footer__info-item:first-child .footer__info-text::before {
    background-image: url("img/icons/footer-info-tel.svg");
}
.footer__info-item:nth-child(2) .footer__info-text::before {
    background-image: url("img/icons/footer-info-mail.svg");
}
.footer__info-item:last-child .footer__info-text::before {
    background-image: url("img/icons/footer-info-local.svg");
}
.footer__info-text {
    display: block;
    position: relative;
    font-size: clamp(16px, 0.9375vw, 18px);
    line-height: 1.2222222222;
    color: #1A1110;
    padding-left: clamp(32px, 1.6666666667vw, 32px);
}
@media (max-width: 575px) {
    .footer__info-text {
        display: inline-block;
    }
}
.footer__info-text::before {
    content: "";
    position: absolute;
    width: clamp(24px, 1.25vw, 24px);
    height: clamp(24px, 1.25vw, 24px);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 575px) {
    .footer__social {
        border-bottom: 1px solid rgba(26, 17, 16, 0.1);
        padding: 0 20px 16px 20px;
    }
}
.footer__social::before {
    content: "";
    position: absolute;
    width: 100%;
    height: clamp(1px, 0.0520833333vw, 1px);
    background-color: rgba(26, 17, 16, 0.2);
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 575px) {
    .footer__social::before {
        display: none;
    }
}
.footer__social-items {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #E5E7ED;
    gap: clamp(8px, 0.8333333333vw, 16px);
    padding: 0 clamp(0px, 2.5vw, 48px);
}
@media (max-width: 575px) {
    .footer__social-items {
        padding: 0;
    }
}
.footer__link {
    display: block;
    width: clamp(48px, 2.5vw, 48px);
    height: clamp(48px, 2.5vw, 48px);
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.3);
    border-radius: clamp(12px, 0.625vw, 12px);
    transition: background-color .3s, border-color .3s, filter .3s;
}
.footer__link svg {
    width: 100%;
    height: 100%;
    fill: rgba(26, 17, 16, 0.3);
}
.footer__link:hover {
    filter: brightness(0.6);
}

/* Footer channels (VK / TG / MAX) */
.footer__channels {
    margin-bottom: clamp(16px, 2.0833333333vw, 40px);
}
.footer__channels-title {
    font-size: clamp(13px, 0.7291666667vw, 14px);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(26, 17, 16, 0.5);
    margin-bottom: 10px;
}
.footer__channels-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}
.footer__channel-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 16px;
    border-radius: 10px;
    color: #fff;
    font-size: clamp(13px, 0.7291666667vw, 14px);
    font-weight: 700;
    -webkit-transition: filter .3s;
    transition: filter .3s;
}
.footer__channel-link:hover {
    color: #fff !important;
    filter: brightness(0.85);
    -webkit-transition: filter .3s;
    transition: filter .3s;
}
.footer__channel-link--vk {
    background: linear-gradient(135deg, #6b9fd4 0%, #2d5a8e 100%);
}
.footer__channel-link--tg {
    background: linear-gradient(135deg, #34c5f0 0%, #0568a6 100%);
}
.footer__channel-link--max {
    background: linear-gradient(135deg, #44ccff 0%, #5533ee 66%, #9933dd 100%);
}
@media (max-width: 575px) {
    .footer__channels {
        margin-bottom: 24px;
    }
    .footer__channels-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer__channel-link {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 4px);
        flex: 1 1 calc(50% - 4px);
        -webkit-box-pack: center;
        -ms-flex-pack: justify;
        justify-content: center;
    }
    .footer__channel-link--max {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}
.footer__bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(12px, 0.625vw, 12px);
}
@media (max-width: 767px) {
    .footer__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 20px;
        gap: 10px;
        text-align: center;
    }
}
.footer__bottom-text {
    font-size: clamp(13px, 0.7291666667vw, 14px);
    line-height: 1.4;
    color: #1A1110;
}
.footer__bottom-text--color {
    color: rgba(26, 17, 16, 0.6);
    text-align: center;
    font-size: clamp(13px, 0.7291666667vw, 14px);
}
.footer__bottom-text--right {
    text-align: right;
    color: rgba(26, 17, 16, 0.5);
    font-size: clamp(12px, 0.677083vw, 13px);
    cursor: pointer;
}
.footer__bottom-text--right:hover {
    color: #DA2438;
}
.footer__bottom-privacy {
    font-size: clamp(13px, 0.7291666667vw, 14px);
    color: rgba(26, 17, 16, 0.6);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.footer__bottom-privacy:hover {
    color: #DA2438 !important;
}
/* Error report form */
.footer-error-form__msg {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px;
    font-family: inherit;
    color: #1e293b;
    resize: vertical;
    outline: none;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    margin-bottom: 10px;
}
.footer-error-form__msg:focus {
    border-color: #DA2438;
    -webkit-box-shadow: 0 0 0 3px rgba(218,36,56,.08);
    box-shadow: 0 0 0 3px rgba(218,36,56,.08);
}
.footer-error-form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}
.footer-error-form__inp {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px;
    font-family: inherit;
    color: #1e293b;
    outline: none;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    background: #fff;
}
.footer-error-form__inp:focus {
    border-color: #DA2438;
    -webkit-box-shadow: 0 0 0 3px rgba(218,36,56,.08);
    box-shadow: 0 0 0 3px rgba(218,36,56,.08);
}
.footer-error-form__error {
    font-size: 13px;
    color: #dc2626;
    min-height: 18px;
    margin-bottom: 6px;
}
.footer-error-form__submit {
    width: 100%;
    padding: 12px;
    background: #DA2438;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s;
}
.footer-error-form__submit:hover:not(:disabled) { background: #b91c2d; }
.footer-error-form__submit:disabled { opacity: .65; cursor: default; }
.footer-error-success {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    text-align: center;
}
.footer-error-success.footer-error-success--visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer-error-success__title {
    font-size: 17px;
    font-weight: 700;
    color: #16a34a;
}
.footer-error-success__text {
    font-size: 14px;
    color: rgba(26,17,16,.6);
    line-height: 1.5;
}
/* Error report popup */
.footer-error-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,.45);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-error-popup.footer-error-popup--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer-error-popup__inner {
    background: #fff;
    border-radius: 20px;
    padding: 32px 28px 28px;
    max-width: 400px;
    width: 90%;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0 8px 40px rgba(0,0,0,.18);
    box-shadow: 0 8px 40px rgba(0,0,0,.18);
}
.footer-error-popup__close {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 22px;
    line-height: 1;
    color: rgba(26,17,16,.4);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}
.footer-error-popup__close:hover {
    color: #DA2438;
}
.footer-error-popup__title {
    font-size: 17px;
    font-weight: 700;
    color: #1A1110;
    margin-bottom: 8px;
}
.footer-error-popup__text {
    font-size: 14px;
    color: rgba(26,17,16,.6);
    margin-bottom: 22px;
    line-height: 1.5;
}
.footer-error-popup__selected {
    font-style: italic;
    background: #fff8e1;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 13px;
    color: #555;
    margin-bottom: 20px;
    word-break: break-word;
    display: none;
}
.footer-error-popup__selected.footer-error-popup__selected--visible {
    display: block;
}
.footer-error-popup__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-error-popup__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #fff !important;
    -webkit-transition: filter .3s;
    transition: filter .3s;
    text-decoration: none !important;
}
.footer-error-popup__btn:hover {
    filter: brightness(.88);
    color: #fff !important;
}
.footer-error-popup__btn--vk {
    background: linear-gradient(135deg, #6b9fd4 0%, #2d5a8e 100%);
}
.footer-error-popup__btn--max {
    background: linear-gradient(135deg, #44ccff 0%, #5533ee 66%, #9933dd 100%);
}

/* Bug tracker — user avatar block */
.footer-error-popup__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 10px 14px;
    background: #f4f4f6;
    border-radius: 12px;
    text-align: left;
}
.footer-error-popup__avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer-error-popup__avatar--icon {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #DA2438;
    border: 1.5px solid #f0f0f2;
}
.footer-error-popup__user-name {
    font-size: 14px;
    font-weight: 600;
    color: #1A1110;
}

.catalog {
    background-color: #F3F4F6;
    padding: clamp(8px, 0.7vw, 14px) 0 clamp(24px, 1.6666666667vw, 32px);
}
.catalog__categories {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
@media (max-width: 1200px) { .catalog__categories { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .catalog__categories { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }
@media (max-width: 420px) { .catalog__categories { grid-template-columns: 1fr; } }
.catalog__categories-link {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 100%;
    min-height: 88px;
    color: #1A1110;
    background: #fff;
    border: 1px solid rgba(26, 17, 16, 0.1);
    border-radius: 14px;
    padding: 16px 18px;
    transition: border-color .15s, box-shadow .15s, transform .15s, color .15s;
}
.catalog__categories-link:hover {
    border-color: #DA2438;
    box-shadow: 0 10px 26px rgba(26, 17, 16, 0.1);
    transform: translateY(-2px);
    color: #DA2438;
}
.catalog__categories-img {
    flex: 0 0 auto;
    width: 46px; height: 46px;
    object-fit: contain;
}
.catalog__categories-ic {
    flex: 0 0 auto;
    display: flex; align-items: center; justify-content: center;
    width: 46px; height: 46px; border-radius: 12px;
    background: #F3F4F6; color: #DA2438;
}
.catalog__categories-link:hover .catalog__categories-ic { background: rgba(218,36,56,.1); }
.catalog__categories-title {
    font-size: clamp(15px, 0.9375vw, 17px);
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 0;
}
.catalog__categories-num {
    font-size: clamp(12px, 0.8333333333vw, 14px);
    line-height: 1.25;
    color: rgba(26,17,16,.5);
}
.catalog__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}
@media (max-width: 991px) {
    .catalog__box {
        display: block;
    }
}
.catalog__filters {
    max-width: clamp(320px, 22.5vw, 320px);
    width: 100%;
}
@media (max-width: 991px) {
    .catalog__filters {
        max-width: 100%;
        margin-bottom: 16px;
    }
}
.catalog__filters-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
    cursor: pointer;
}
@media (max-width: 991px) {
    .catalog__filters-title {
        margin-bottom: 24px;
    }
}
.catalog__filters-title--active .catalog__filters-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.catalog__filters-title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(18px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    letter-spacing: 0.05em;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
h3.catalog__filters-title-text {
    margin:0;
}
.catalog__filters-title-text svg {
    width: clamp(24px, 1.25vw, 24px);
    height: clamp(24px, 1.25vw, 24px);
}
.catalog__filters-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.catalog__filters-arrow svg {
    width: clamp(16px, 0.8333333333vw, 16px);
    height: clamp(16px, 0.8333333333vw, 16px);
}
.catalog__filters-items {
    display: block;
    background-color: #ffffff;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(24px, 1.25vw, 24px) 0;
}
@media (max-width: 991px) {
    .catalog__filters-items {
        display: none;
    }
}
.catalog__filters-items--game {
    border-radius: clamp(24px, 1.25vw, 24px);
}
.catalog__filters-item {
    padding: 0 clamp(24px, 1.25vw, 24px);
}
.catalog__filters-item:not(:last-child) {
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.1);
    padding-bottom: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.catalog__price-title {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.catalog__price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.1);
    border-bottom: clamp(2px, 0.1041666667vw, 2px) solid rgba(26, 17, 16, 0.1);
    border-radius: clamp(12px, 0.625vw, 12px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
    overflow: hidden;
}
.catalog__filters-items--game .catalog__price-box {
    margin-bottom: clamp(24px, calc((100vw * 24) / 1920), 24px);
}
.catalog__price-label {
    display: block;
    width: 50%;
}
.catalog__price-label:first-child {
    border-right: clamp(2px, 0.1041666667vw, 2px) solid rgba(26, 17, 16, 0.1);
}
.catalog__price-input {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    width: 100%;
    height: clamp(44px, 2.3vw, 46px);
    background-color: #F3F4F6;
    padding: 0 12px;
    box-sizing: border-box;
}
.catalog__filters-items--game .catalog__price-input {
    color: #1A1110;
}
.catalog__price_line {
    margin-bottom: clamp(24px, calc((100vw * 32) / 1920), 32px);
}
.irs--flat {
    height: 8px !important;
}
.irs-min,
.irs-max,
.irs-from,
.irs-to,
.irs-single {
    display: none;
}
.irs-bar,
.irs-line {
    top: 0 !important;
    height: 8px !important;
}
.irs-bar {
    background-color: #DA2438;
}
.irs-handle {
    width: 24px !important;
    height: 24px !important;
    border-radius: 100%;
    background-color: #DA2438 !important;
    top: -7px !important;
}
.irs-handle i {
    display: none !important;
}
.catalog__price-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
.catalog__price-left, .catalog__price-right {
    font-size: clamp(14px, 0.7291666667vw, 14px);
    line-height: 1.2142857143;
}
.catalog__filters-check {
    max-height: clamp(432px, 22.5vw, 432px);
    overflow: auto;
}
.catalog__filters-check li:not(:last-child) {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.catalog__filters-item-title {
    font-size: clamp(20px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.catalog__filters-item-title--game {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
}
.catalog__filters-item-title--game svg {
    transition: transform .3s;
}
.catalog__filters-item-title--game-active svg {
    transform: rotate(180deg);
    transition: transform .3s;
}
.catalog__filters-item--game .catalog__filters-check {
    display: none;
}
.catalog__filters-check-item {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.catalog__filters-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
    cursor: pointer;
}
.catalog__filters-item--game .catalog__filters-label {
    justify-content: space-between;
}
.catalog__filters-label_box {
    display: flex;
    align-items: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
.catalog__filters-check-item_tag {
    font-size: clamp(12px, calc((100vw * 16) / 1920), 16px);
    line-height: 1.3;
    color: #ffffff;
    border-radius: clamp(8px, calc((100vw * 12) / 1920), 12px);
    padding: clamp(6px, calc((100vw * 8) / 1920), 8px) clamp(12px, calc((100vw * 12) / 1920), 12px);
}
.catalog__filters-check-item_tag--new {
    background-color: #00C0E8;
}
.catalog__filters-check-item_tag--hit {
    background-color: #F01B33;
}
.catalog__filters-input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    cursor: pointer;
}
.catalog__filters-visible {
    display: block;
    position: relative;
    min-width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
    background-color: #F3F4F6;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.1);
    border-radius: clamp(4px, 0.2083333333vw, 4px);
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.catalog__filters-visible::before {
    content: "";
    position: absolute;
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
    background-image: url("img/icons/check.svg");
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.catalog__filters-visible--active {
    background-color: #DA2438 !important;
    border-color: #DA2438;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.catalog__filters-visible--active::before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.catalog__card-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
.catalog__card-sort {
    position: relative;
    z-index: 5;
}
@media (max-width: 991px) {
    .catalog__card-sort {
        display: none;
    }
}
.catalog__card-sort-text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(20px, 1.0416666667vw, 20px);
    line-height: 1.4;
    gap: clamp(6px, 0.3125vw, 6px);
    cursor: pointer;
}
.catalog__card-sort-text--active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.catalog__card-sort-text svg {
    width: clamp(12px, 0.625vw, 12px);
    height: clamp(12px, 0.625vw, 12px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.catalog__card-sort-items {
    display: none;
    position: absolute;
    width: auto;
    background-color: #ffffff;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(8px, 0.4166666667vw, 8px);
    padding: clamp(16px, 0.8333333333vw, 16px);
    top: calc(100% + clamp(8px, 0.4166666667vw, 8px));
    z-index: 2;
}
.catalog__card-sort-item {
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.catalog__card-sort-item:hover {
    color: #DA2438;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.catalog__card-sort-item:not(:last-child) {
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
/* сортировка — единый стиль (кнопка + выпадашка) */
.catalog__card-sort-text { font-size: 15px !important; font-weight: 600; color: #1A1110; min-height: 44px; box-sizing: border-box; padding: 10px 16px; background: #fff; border: 1px solid rgba(26,17,16,.15); border-radius: 12px; gap: 8px !important; transition: border-color .15s; }
.catalog__card-sort-text:hover { border-color: #DA2438; }
.catalog__card-sort-text svg { width: 12px !important; height: 12px !important; }
.catalog__card-sort-items { z-index: 50; border: 1px solid rgba(26,17,16,.1) !important; border-radius: 12px !important; padding: 6px !important; box-shadow: 0 8px 24px rgba(26,17,16,.1); min-width: 230px; }
.catalog__card-sort-item { padding: 0; border-radius: 8px; font-size: 14px; margin: 0 !important; }
.catalog__card-sort-item:not(:last-child) { margin-bottom: 2px !important; }
.catalog__card-sort-item a { display: block; color: inherit; padding: 9px 12px; border-radius: 8px; }
.catalog__card-sort-item:hover { color: #DA2438; }
.catalog__card-sort-item a:hover { background: rgba(218,36,56,.07); color: #DA2438; }

/* ── Мобильный фильтр (шторка снизу) ── */
.catalog__mfilter-bar { display: none; }
.catalog__filters-overlay { display: none; }
.catalog__filters-close, .catalog__filters-apply, .catalog__filters-footer { display: none; }
/* быстрые пресеты цены — только на телефоне */
.catalog__price-presets { display: none; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
@media (max-width: 991px) { .catalog__price-presets { display: flex; } }
.catalog__price-preset { padding: 8px 14px; background: #F3F4F6; border: 1px solid transparent; border-radius: 999px; font-size: 13px; font-weight: 600; color: #1A1110; cursor: pointer; white-space: nowrap; transition: background-color .15s, border-color .15s, color .15s; }
.catalog__price-preset:hover, .catalog__price-preset:active { border-color: #DA2438; color: #DA2438; }
@media (max-width: 991px) {
    /* верхняя панель: сортировка + переключатель вида */
    .catalog__mfilter-bar { display: flex !important; align-items: center; gap: 10px; margin-bottom: 12px; }
    .catalog__mfilter-bar .catalog__card-sort { display: block !important; flex: 1 1 auto; min-width: 0; margin: 0 !important; z-index: 6; }
    .catalog__mfilter-bar .catalog__view { display: inline-flex !important; flex: 0 0 auto; }
    .catalog__mfilter-bar .catalog__view-btn { width: 40px; height: 40px; }
    .catalog__mfilter-bar .catalog__card-sort-text { display: flex !important; width: 100%; justify-content: space-between; align-items: center; min-height: 46px; font-size: 14px !important; gap: 6px; overflow: hidden; }
    .catalog__mfilter-bar .catalog__card-sort-text span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .catalog__mfilter-bar .catalog__card-sort-items { min-width: 100%; left: 0; right: auto; }

    /* плавающая кнопка «Фильтр» снизу слева, над мобильным навбаром */
    .catalog__mfilter-btn {
        position: fixed; left: 14px; bottom: calc(72px + env(safe-area-inset-bottom, 0px)); z-index: 2147483000;
        pointer-events: auto;
        display: inline-flex; align-items: center; gap: 8px;
        padding: 12px 20px; background: #fff; border: 1px solid rgba(26,17,16,.12); border-radius: 999px;
        font-size: 15px; font-weight: 700; color: #1A1110; cursor: pointer;
        box-shadow: 0 8px 24px rgba(26,17,16,.18);
    }
    .catalog__mfilter-btn svg { color: #DA2438; }

    /* шторка фильтра — чистый лист как нативное меню, без рамок */
    .catalog__filters {
        position: fixed !important; left: 0; right: 0; bottom: 0; top: auto; z-index: 1000;
        max-width: 100% !important; width: 100% !important; margin: 0 !important;
        background: #fff; border-radius: 20px 20px 0 0; padding: 0;
        height: 92vh; max-height: 92vh; display: flex; flex-direction: column;
        transform: translateY(100%); transition: transform .32s cubic-bezier(.4,0,.2,1);
        box-shadow: 0 -10px 40px rgba(0,0,0,.18); will-change: transform; overflow: hidden;
    }
    .catalog__filters.is-open { transform: translateY(0); }
    /* «ручка» — реальный элемент для перетаскивания (создаётся JS) */
    .catalog__filters-handle { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 55%; max-width: 240px; height: 28px; z-index: 6; display: flex; align-items: center; justify-content: center; cursor: grab; touch-action: none; }
    .catalog__filters-handle:active { cursor: grabbing; }
    .catalog__filters-handle::before { content: ""; width: 42px; height: 4px; border-radius: 2px; background: rgba(26,17,16,.18); }
    .catalog__filters-overlay { display: block; position: fixed; inset: 0; background: rgba(26,17,16,.5); z-index: 999; opacity: 0; visibility: hidden; transition: opacity .3s; }
    .catalog__filters-overlay.is-open { opacity: 1; visibility: visible; }

    /* убираем любые остатки рамок/фона внутри шторки */
    .catalog__filters .bx-filter { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; border: none !important; background: none !important; box-shadow: none !important; padding: 0 !important; }
    .catalog__filters .bx-filter-section, .catalog__filters .catalog__filters-items { border: none !important; background: none !important; box-shadow: none !important; }
    .catalog__filters .catalog__filters-title { pointer-events: none; display: flex; align-items: center; margin: 0 !important; padding: 26px 20px 14px !important; background: none !important; border: none !important; border-bottom: 1px solid rgba(26,17,16,.08); min-height: auto !important; }
    .catalog__filters .catalog__filters-title-text { font-size: 19px !important; font-weight: 700 !important; letter-spacing: 0 !important; }
    .catalog__filters .catalog__filters-arrow { display: none; }
    .catalog__filters .catalog__filters-items { display: block !important; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; flex: 1 1 auto; min-height: 0; padding: 4px 20px 12px; }

    /* группы без «коробок» — только тонкие разделители, воздушнее */
    .catalog__filters-item { padding: 16px 0 !important; margin: 0 !important; border: none !important; }
    .catalog__filters-item:not(:last-child) { border-bottom: 1px solid rgba(26,17,16,.07) !important; }
    .catalog__filters-item-title { font-size: 15px !important; margin-bottom: 12px !important; }
    .catalog__filters-check { max-height: none !important; }
    .catalog__filters-check-item:not(:last-child) { margin-bottom: 10px !important; }
    .catalog__filters-search { height: 40px; }

    .catalog__filters-close { display: flex; align-items: center; justify-content: center; position: absolute; top: 15px; right: 14px; width: 34px; height: 34px; border: none; border-radius: 50%; background: #F3F4F6; font-size: 22px; line-height: 1; color: #1A1110; cursor: pointer; z-index: 4; }
    /* нижняя панель шторки: Сбросить + Показать товары */
    .catalog__filters-footer { display: flex; flex: 0 0 auto; gap: 10px; padding: 12px 20px calc(14px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(26,17,16,.08); background: #fff; }
    .catalog__filters-reset { flex: 0 0 auto; padding: 0 20px; height: 52px; background: #F3F4F6; color: #1A1110; border: none; border-radius: 14px; font-size: 15px; font-weight: 700; cursor: pointer; }
    .catalog__filters-reset:active { background: #e9eaee; }
    .catalog__filters-apply { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; margin: 0; height: 52px; padding: 0 16px; background: #DA2438; color: #fff; border: none; border-radius: 14px; font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 20px rgba(218,36,56,.3); }
    .catalog__filters-apply:active { background: #c01f31; }
    /* бейдж-счётчик на плавающей кнопке */
    .catalog__mfilter-badge { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; background: #DA2438; color: #fff; border-radius: 999px; font-size: 11px; font-weight: 700; box-shadow: 0 2px 6px rgba(0,0,0,.2); }

    /* цена в узких карточках не вылезает */
    .catalog__card-price { flex-wrap: wrap !important; }
    .catalog__card-new { font-size: 17px !important; }
    .catalog__card-credit { font-size: 11px !important; }
    /* на телефоне короче: «от … ₽/мес» */
    .catalog__card-credit-pre { display: none; }
}
.catalog__card {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    gap: 16px;
    margin-top: 0;
    padding-left: 0;
    list-style: none;
    margin-bottom: clamp(24px, 1.25vw, 24px);
}
@media (max-width: 1400px) {
    .catalog__card { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .catalog__card { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
/* единый вид карточек-плиток (перебивает старую логику разделителей под 3 колонки) */
.catalog__card-item {
    border: 1px solid rgba(26, 17, 16, 0.08) !important;
    border-radius: 14px !important;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(12px, 1vw, 18px) !important;
}
.catalog__card-item > * { min-width: 0; max-width: 100%; }
.catalog__card-item {
    position: relative;
    background-color: #ffffff;
    padding: clamp(8px, 1.25vw, 24px);
}
.catalog__card-item:nth-child(2n+2) {
    border-right: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-left: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
}
@media (max-width: 1400px) {
    .catalog__card-item:nth-child(2n+2) {
        border-right: 0;
        border-left: 0;
    }
}
@media (max-width: 1400px) {
    .catalog__card-item:nth-child(2n+1) {
        border-right: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    }
}
.catalog__card-item:nth-child(3n+1) {
    border-top-left-radius: clamp(24px, 1.25vw, 24px);
}
@media (max-width: 1400px) {
    .catalog__card-item:nth-child(3n+1) {
        border-top-left-radius: 0;
    }
}
.catalog__card-item:nth-child(3n+3) {
    border-top-right-radius: clamp(24px, 1.25vw, 24px);
}
@media (max-width: 1400px) {
    .catalog__card-item:nth-child(3n+3) {
        border-top-right-radius: 0;
    }
}
@media (max-width: 1400px) {
    .catalog__card-item:nth-child(2n+1) {
        border-top-left-radius: clamp(24px, 1.25vw, 24px);
    }
}
@media (max-width: 1400px) {
    .catalog__card-item:nth-child(2n+2) {
        border-top-right-radius: clamp(24px, 1.25vw, 24px);
    }
}
.catalog__card-items {
    position: absolute;
    top: clamp(8px, 1.6666666667vw, 32px);
    right: clamp(8px, 1.6666666667vw, 32px);
}
.catalog__card-tag {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.4;
    color: #ffffff;
    background-color: #DA2438;
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(4px, 0.4166666667vw, 8px) clamp(12px, 0.8333333333vw, 16px);
}
.catalog__card-img {
    width: 100%;
    height: clamp(140px, 15.625vw, 300px);
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
.catalog__card-title {
    font-size: clamp(14px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    color: #1A1110;
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
    height:68px;
    overflow: hidden;
}
.catalog__card-art {
    display: block;
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.5);
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
.catalog__card-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: clamp(8px, 0.8333333333vw, 16px);
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
@media (max-width: 575px) {
    .catalog__card-price {
        display: block;
    }
}
.catalog__card-new {
    font-size: clamp(26px, 1.7708333333vw, 34px);
    font-weight: 700;
    line-height: 1.225;
}
@media (max-width: 575px) {
    .catalog__card-new {
        display: block;
        margin-bottom: 4px;
    }
}
.catalog__card-old {
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.3;
    text-decoration: line-through;
    color: rgba(26, 17, 16, 0.5);
}
.catalog__card-tag-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 575px) {
    .catalog__card-tag-two {
        display: block;
    }
}
.catalog__card-tag-two-item {
    display: inline-block;
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    border-radius: clamp(100px, 5.2083333333vw, 100px);
    padding: clamp(4px, 0.2083333333vw, 4px) clamp(8px, 0.625vw, 12px);
}
@media (max-width: 575px) {
    .catalog__card-tag-two-item {
        display: block;
        text-align: center;
    }
}
@media (max-width: 575px) {
    .catalog__card-tag-two-item:not(:last-child) {
        margin-bottom: 8px;
    }
}
.catalog__card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.8333333333vw, 8px);
}
@media (max-width: 767px) {
    .catalog__card-bottom {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
.catalog__card-btn {
    width: 100%;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .catalog__card-btn {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}
.catalog__card-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: clamp(52px, 3.2291666667vw, 52px);
    height: clamp(32px, 3.2291666667vw, 52px);
    background-color: transparent;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.5);
    border-radius: clamp(6px, 0.625vw, 12px);
}
.catalog__card-icon svg {
    width: clamp(20px, 2.0833333333vw, 40px);
    height: clamp(20px, 2.0833333333vw, 40px);
}
.catalog__card-icon.in__favor svg path,
.catalog__card-icon.in__compare svg path {
    fill:#da2438;
}

/* ═════════ Каталог — редизайн карточки (единый стиль с детальной/корзиной) ═════════ */
.catalog__card-item {
    background: #fff !important;
    border: 1px solid rgba(26,17,16,.08) !important;
    border-radius: 16px !important;
    display: flex !important;
    flex-direction: column;
    padding: clamp(10px, 0.9vw, 16px) !important;
    transition: box-shadow .18s, border-color .18s;
}
.catalog__card-item { transition: box-shadow .18s, transform .18s, border-color .18s !important; }
.catalog__card-item:hover { border-color: rgba(26,17,16,.12) !important; transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,.12); }
/* фото — фиксированная высота (единая для всех карточек, чтобы контент не «плясал») */
.catalog__card-imgwrap { position: relative; display: block; height: clamp(150px, 13vw, 210px); margin-bottom: 12px; border-radius: 12px; background: #fff; }
.catalog__card-img { width: 100% !important; height: 100% !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box; }
/* галерея фото: одно видно, остальные наложены (переключаются при hover) */
.catalog__card-gallery { position: relative; width: 100%; height: 100%; }
.catalog__card-gallery .catalog__card-img { position: absolute; inset: 0; opacity: 0; transition: opacity .18s; }
.catalog__card-gallery .catalog__card-img.is-active { opacity: 1; }
.catalog__card-gallery[data-count="1"] .catalog__card-img { position: static; opacity: 1; transition: none; }
/* тонкая полоска-индикатор количества фото */
.catalog__card-dots { position: absolute; left: 50%; bottom: 7px; transform: translateX(-50%); display: flex; gap: 3px; z-index: 3; pointer-events: none; }
.catalog__card-dots span { width: 18px; height: 3px; border-radius: 2px; background: rgba(26,17,16,.16); transition: background-color .15s; }
.catalog__card-dots span.is-active { background: #DA2438; }
/* в режиме списка полоску-индикатор не показываем */
.catalog__card--list .catalog__card-dots { display: none !important; }
/* бейдж скидки */
.catalog__card-disc { position: absolute; z-index: 2; top: 8px; left: 8px; background: #DA2438; color: #fff; font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 999px; line-height: 1.2; }
/* лейблы-стикеры справа сверху */
.catalog__card-items { position: absolute; top: 8px; right: 8px; left: auto; display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; }
.catalog__card-tag { font-size: 12px !important; padding: 3px 9px !important; border-radius: 999px !important; }
/* контент */
.catalog__card__content { display: flex; flex-direction: column; flex: 1 1 auto; }
/* в плиточном виде обёртки прозрачны (не влияют на раскладку) */
.catalog__card-info, .catalog__card-action { display: contents; }
/* наличие/под заказ */
.catalog__card-tag-two { display: flex !important; flex-wrap: wrap; gap: 6px; margin: 0 0 8px !important; }
.catalog__card-tag-two-item { display: inline-block; font-size: 12px !important; font-weight: 600; padding: 4px 10px !important; border-radius: 999px !important; line-height: 1.25; }
.catalog__card-tag-two-item--stock { background: rgba(23,195,54,.12); color: #17C336; }
.catalog__card-tag-two-item--order { background: rgba(239,151,9,.12); color: #EF9709; }
/* заголовок */
.catalog__card-title { font-size: 14px !important; font-weight: 600; line-height: 1.3; height: 54px !important; margin: 0 0 10px !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.catalog__card-title a { color: #1A1110; transition: color .15s; }
.catalog__card-title a:hover { color: #DA2438; }
/* цена */
.catalog__card-price { display: flex !important; align-items: baseline; flex-wrap: nowrap; gap: 7px; margin-bottom: 4px; white-space: nowrap; }
.catalog__card-new { font-size: clamp(17px, 1.25vw, 22px) !important; font-weight: 800; color: #DA2438; line-height: 1.2; white-space: nowrap; flex: 0 0 auto; }
.catalog__card-credit-val { white-space: nowrap; }
.catalog__card-old { font-size: 13px !important; font-weight: 500 !important; text-decoration: line-through; color: #9a9a9a; white-space: nowrap; flex: 0 0 auto; }
/* рассрочка (как в игровом разделе — с иконкой) */
.catalog__card-credit { display: block; white-space: nowrap; overflow: hidden; font-size: 12px; color: #6a6a6a; margin-bottom: 12px; line-height: 1.4; }
.catalog__card-credit svg { vertical-align: -3px; margin-right: 5px; color: #DA2438; }
.catalog__card-credit b { color: #1A1110; font-weight: 700; }
/* низ — кнопки прижаты к низу (выравнивание по высоте) */
.catalog__card-bottom { display: flex !important; gap: 8px; margin-top: auto; grid-template-columns: none !important; }
.catalog__card-bottom .product-item-button-container { flex: 1 1 auto; display: flex; min-width: 0; margin: 0; padding: 0; }
.catalog__card-btn { flex: 1 1 auto; width: 100% !important; height: 46px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; }
.catalog__card-btn.catalog__card-btn--incart { background: #fff !important; color: #1A1110 !important; border: 1px solid rgba(26,17,16,.2) !important; }
.catalog__card-btn.catalog__card-btn--incart:hover { border-color: #DA2438 !important; color: #DA2438 !important; }
.catalog__card-fav,
.catalog__card-bottom .intensa-favorite-item { flex: 0 0 46px !important; width: 46px !important; min-width: 46px !important; height: 46px !important; min-height: 46px !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; border: 1px solid rgba(26,17,16,.18) !important; border-radius: 12px !important; background: #fff !important; transition: border-color .15s; box-sizing: border-box; }
.catalog__card-fav:hover,
.catalog__card-bottom .intensa-favorite-item:hover { border-color: #DA2438 !important; }
.catalog__card-fav svg,
.catalog__card-bottom .intensa-favorite-item svg { width: 22px !important; height: 22px !important; }
.catalog__card-fav.in__favor,
.catalog__card-bottom .intensa-favorite-item[data-favorite-status="Y"] { border-color: #DA2438 !important; }

/* ── Попап «Товар добавлен в корзину» ── */
[id^="CatalogSectionBasket_"].popup-window {
    box-sizing: border-box;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 70px rgba(26,17,16,.28) !important;
    padding: 0 !important;
    min-width: 320px; max-width: 440px;
    background: #fff !important;
    overflow: hidden;
}
[id^="CatalogSectionBasket_"] .popup-window-titlebar {
    padding: 20px 54px 4px 22px !important;
    border: none !important; background: none !important; height: auto !important;
}
[id^="CatalogSectionBasket_"] .popup-window-titlebar-text,
[id^="CatalogSectionBasket_"] .popup-window-titlebar span {
    display: inline-flex; align-items: center; gap: 9px;
    font-size: 17px !important; font-weight: 700 !important; color: #1A1110 !important;
}
[id^="CatalogSectionBasket_"] .popup-window-titlebar-text::before {
    content: ""; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%;
    background: #22A45D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 13l4 4L19 7' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
}
[id^="CatalogSectionBasket_"] .popup-window-close-icon {
    top: 16px !important; right: 16px !important;
    width: 30px !important; height: 30px !important;
    background: #F3F4F6 !important; background-image: none !important; border-radius: 50%; opacity: 1 !important;
    transition: background-color .15s;
}
[id^="CatalogSectionBasket_"] .popup-window-close-icon:hover { background: #DA2438 !important; }
[id^="CatalogSectionBasket_"] .popup-window-close-icon::before,
[id^="CatalogSectionBasket_"] .popup-window-close-icon::after {
    content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.7px; background: #6a6a6a; border-radius: 2px; transition: background-color .15s;
}
[id^="CatalogSectionBasket_"] .popup-window-close-icon:hover::before,
[id^="CatalogSectionBasket_"] .popup-window-close-icon:hover::after { background: #fff; }
[id^="CatalogSectionBasket_"] .popup-window-close-icon::before { transform: translate(-50%,-50%) rotate(45deg); }
[id^="CatalogSectionBasket_"] .popup-window-close-icon::after { transform: translate(-50%,-50%) rotate(-45deg); }
[id^="CatalogSectionBasket_"] .popup-window-content { padding: 8px 22px 0 !important; }
[id^="CatalogSectionBasket_"] .popup-window-content img { max-height: 150px !important; height: auto !important; width: auto; max-width: 60%; object-fit: contain; }
[id^="CatalogSectionBasket_"] .popup-window-content p { margin: 14px auto 2px !important; max-width: 320px; font-size: 14px; font-weight: 600; color: #1A1110; line-height: 1.4; }
[id^="CatalogSectionBasket_"] .popup-window-buttons {
    display: flex !important; gap: 10px; padding: 20px 22px 22px !important;
    border: none !important; background: none !important;
}
[id^="CatalogSectionBasket_"] .popup-window-buttons .popup-window-button {
    flex: 1 1 0; margin: 0 !important;
    display: flex !important; align-items: center; justify-content: center;
    height: 48px; padding: 0 12px; box-sizing: border-box;
    border: none !important; border-radius: 12px !important;
    font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .02em;
    cursor: pointer; white-space: nowrap; box-shadow: none !important; transition: background-color .15s, color .15s;
}
[id^="CatalogSectionBasket_"] .popup-window-buttons .popup-window-button span { background: none !important; color: inherit !important; padding: 0 !important; }
[id^="CatalogSectionBasket_"] .popup-window-buttons .popup-window-button:first-child { background: #DA2438 !important; color: #fff !important; }
[id^="CatalogSectionBasket_"] .popup-window-buttons .popup-window-button:first-child:hover { background: #c01f31 !important; }
[id^="CatalogSectionBasket_"] .popup-window-buttons .popup-window-button:last-child { background: #F3F4F6 !important; color: #1A1110 !important; }
[id^="CatalogSectionBasket_"] .popup-window-buttons .popup-window-button:last-child:hover { background: #e9eaee !important; }

/* ── Кастомный попап «Товар добавлен в корзину» ── */
.ksk-cart-pop { position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center; padding: 20px; }
.ksk-cart-pop.is-open { display: flex; }
.ksk-cart-pop__overlay { position: absolute; inset: 0; background: rgba(26,17,16,.45); animation: kskFadeIn .2s ease; }
.ksk-cart-pop__box { position: relative; z-index: 1; width: 100%; max-width: 440px; background: #fff; border-radius: 20px; box-shadow: 0 24px 70px rgba(26,17,16,.28); padding: 22px; text-align: center; animation: kskPopIn .22s ease; }
.ksk-cart-pop__close { position: absolute; top: 16px; right: 16px; width: 30px; height: 30px; border: none; border-radius: 50%; background: #F3F4F6; cursor: pointer; transition: background-color .15s; }
.ksk-cart-pop__close::before, .ksk-cart-pop__close::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.7px; background: #6a6a6a; border-radius: 2px; }
.ksk-cart-pop__close::before { transform: translate(-50%,-50%) rotate(45deg); }
.ksk-cart-pop__close::after { transform: translate(-50%,-50%) rotate(-45deg); }
.ksk-cart-pop__close:hover { background: #DA2438; }
.ksk-cart-pop__close:hover::before, .ksk-cart-pop__close:hover::after { background: #fff; }
.ksk-cart-pop__title { display: inline-flex; align-items: center; gap: 9px; font-size: 17px; font-weight: 700; color: #1A1110; margin: 0 30px 14px; }
.ksk-cart-pop__title::before { content: ""; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; background: #22A45D url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 13l4 4L19 7' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; }
.ksk-cart-pop__img { max-height: 150px; max-width: 60%; height: auto; object-fit: contain; margin: 0 auto; display: block; }
.ksk-cart-pop__name { max-width: 320px; margin: 14px auto 0; font-size: 14px; font-weight: 600; color: #1A1110; line-height: 1.4; }
.ksk-cart-pop__btns { display: flex; gap: 10px; margin-top: 20px; }
.ksk-cart-pop__btn {
    -webkit-appearance: none; appearance: none; box-sizing: border-box;
    flex: 1 1 0; min-width: 0;
    display: inline-flex; align-items: center; justify-content: center;
    height: 48px; padding: 0 14px; margin: 0; border: none; border-radius: 12px;
    font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1;
    text-transform: uppercase; letter-spacing: .02em; text-align: center;
    cursor: pointer; text-decoration: none; white-space: nowrap; transition: background-color .15s;
}
.ksk-cart-pop__btn--primary { background: #DA2438; color: #fff; }
.ksk-cart-pop__btn--primary:hover { background: #c01f31; }
.ksk-cart-pop__btn--ghost { background: #F3F4F6; color: #1A1110; }
.ksk-cart-pop__btn--ghost:hover { background: #e9eaee; }
@keyframes kskFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes kskPopIn { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) {
    .ksk-cart-pop__box { padding: 18px; }
    .ksk-cart-pop__btns { flex-direction: column; gap: 8px; }
    .ksk-cart-pop__btn { flex: 0 0 auto; width: 100%; height: 50px; font-size: 14px; }
}

/* пустой результат фильтра */
.catalog__empty { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 48px 20px; }
.catalog__empty svg { color: rgba(26,17,16,.22); margin-bottom: 16px; }
.catalog__empty-title { font-size: 20px; font-weight: 700; color: #1A1110; margin-bottom: 6px; }
.catalog__empty-text { font-size: 14px; color: rgba(26,17,16,.6); margin-bottom: 20px; }
.catalog__empty-reset { padding: 12px 24px; background: #DA2438; color: #fff; border: none; border-radius: 12px; font-size: 15px; font-weight: 600; cursor: pointer; transition: background-color .15s; }
.catalog__empty-reset:hover { background: #c01f31; }

/* чипы активных фильтров */
.catalog__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; }
.catalog__chip { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 7px 0 14px; background: #fff; border: 1px solid rgba(26,17,16,.15); border-radius: 999px; font-size: 13px; font-weight: 600; color: #1A1110; }
.catalog__chip-x { position: relative; width: 18px; height: 18px; flex-shrink: 0; padding: 0; border: none; border-radius: 50%; background: rgba(26,17,16,.12); color: #6a6a6a; font-size: 0; cursor: pointer; transition: background-color .15s, color .15s; }
.catalog__chip-x::before, .catalog__chip-x::after { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 1.6px; border-radius: 2px; background: currentColor; }
.catalog__chip-x::before { transform: translate(-50%, -50%) rotate(45deg); }
.catalog__chip-x::after { transform: translate(-50%, -50%) rotate(-45deg); }
.catalog__chip-x:hover { background: #DA2438; color: #fff; }
.catalog__chip--reset { display: inline-flex; align-items: center; height: 32px; padding: 0 14px; background: transparent; border: none; border-radius: 999px; color: #DA2438; cursor: pointer; font-size: 13px; font-weight: 700; transition: background-color .15s; }
.catalog__chip--reset:hover { background: rgba(218,36,56,.09); text-decoration: none; }
/* лоадер выдачи */
.catalog__card-box { position: relative; }
.catalog__loader { display: none; position: absolute; inset: 0; z-index: 20; background: rgba(243,244,246,.65); }
.catalog__loader.is-active { display: flex; align-items: flex-start; justify-content: center; padding-top: 90px; }
.catalog__loader-spin { width: 44px; height: 44px; border: 4px solid rgba(218,36,56,.2); border-top-color: #DA2438; border-radius: 50%; animation: kskSpin .8s linear infinite; }
@keyframes kskSpin { to { transform: rotate(360deg); } }

/* ── Компактный фильтр ── */
.catalog__filters-item { padding: 0 clamp(14px, 1vw, 18px) !important; }
.catalog__filters-item:not(:last-child) { padding-bottom: 12px !important; margin-bottom: 12px !important; }
.catalog__filters-item-title { font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; margin-bottom: 12px !important; cursor: pointer; }
.catalog__filters-item-title > span { display: flex !important; align-items: center; justify-content: space-between; width: 100%; gap: 8px; }
.catalog__filters-item-title i { color: rgba(26,17,16,.4); font-size: 13px; transition: transform .2s; }
.catalog__filters-check { max-height: 240px !important; overflow-y: auto; padding-right: 4px; }
.catalog__filters-check::-webkit-scrollbar { width: 6px; }
.catalog__filters-check::-webkit-scrollbar-thumb { background: rgba(26,17,16,.2); border-radius: 3px; }
.catalog__filters-check-item:not(:last-child) { margin-bottom: 6px !important; }
.catalog__filters-label { gap: 10px !important; padding: 3px 0; }
.catalog__filters-visible { min-width: 20px !important; width: 20px; height: 20px !important; border-radius: 5px !important; }
.catalog__filters-visible::before { width: 20px !important; height: 20px !important; }
.catalog__filters-label .bx-filter-param-text { font-size: 14px; line-height: 1.3; color: #1A1110; }
/* недоступные значения фильтра полностью скрываем (а не подсвечиваем серым) */
.catalog__filters-check-item:has(.catalog__filters-label.disabled) { display: none !important; }
/* поиск внутри длинного списка */
.catalog__filters-search { width: 100%; height: 34px; padding: 0 12px; margin-bottom: 10px; border: 1px solid rgba(26,17,16,.15); border-radius: 8px; font-size: 13px; background: #fff; box-sizing: border-box; }
.catalog__filters-search:focus { border-color: #DA2438; outline: none; }
/* «Фильтр» — такая же кнопка-пилюля, как сортировка */
.catalog__filters-title { min-height: 44px; box-sizing: border-box; margin-bottom: 18px !important; padding: 0 16px; background: #fff; border: 1px solid rgba(26,17,16,.15); border-radius: 12px; transition: border-color .15s; }
.catalog__filters-title:hover { border-color: #DA2438; }
.catalog__filters-title-text { font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0 !important; }
.catalog__filters-title-text svg { width: 18px !important; height: 18px !important; }
.catalog__card-sort { margin-bottom: 0 !important; }
/* тулбар: сортировка + переключатель вида */
.catalog__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.catalog__view { display: inline-flex; gap: 4px; padding: 4px; background: #fff; border: 1px solid rgba(26,17,16,.15); border-radius: 12px; flex: 0 0 auto; }
.catalog__view-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: none; background: none; border-radius: 8px; color: rgba(26,17,16,.38); cursor: pointer; transition: background-color .15s, color .15s; }
.catalog__view-btn:hover { color: #1A1110; }
.catalog__view-btn.is-active { background: #F3F4F6; color: #DA2438; }
@media (max-width: 991px) {
    .catalog__toolbar { display: contents; }
    .catalog__view { display: none; }
}
/* ── Вид списком (ПК) — компактный ряд ── */
@media (min-width: 992px) {
    .catalog__card--list { display: flex !important; flex-direction: column; gap: 10px; }
    .catalog__card--list .catalog__card-item { flex-direction: row !important; align-items: center; gap: 18px; padding: 12px 18px !important; }
    .catalog__card--list .catalog__card-imgwrap { flex: 0 0 84px; width: 84px; height: 84px !important; margin: 0 !important; align-self: center; }
    .catalog__card--list .catalog__card-img { aspect-ratio: 1 / 1; }
    .catalog__card--list .catalog__card-disc { top: 4px; left: 4px; font-size: 10px; padding: 2px 7px; }
    .catalog__card--list .catalog__card-items { display: none; }
    .catalog__card--list .catalog__card__content {
        flex: 1 1 auto; min-width: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 190px 210px;
        grid-template-rows: auto auto;
        column-gap: 24px; row-gap: 6px;
        align-items: center; align-content: center;
    }
    .catalog__card--list .catalog__card-tag-two { grid-column: 1; grid-row: 1; margin: 0 !important; align-self: end; }
    .catalog__card--list .catalog__card-title { grid-column: 1; grid-row: 2; margin: 0 !important; font-size: 15px; line-height: 1.35; align-self: start; }
    .catalog__card--list .catalog__card-price { grid-column: 2; grid-row: 1; justify-content: flex-end; align-items: baseline; margin: 0 !important; white-space: nowrap; align-self: end; }
    .catalog__card--list .catalog__card-credit { grid-column: 2; grid-row: 2; text-align: right; margin: 0 !important; align-self: start; }
    .catalog__card--list .catalog__card-bottom { grid-column: 3; grid-row: 1 / 3; margin: 0 !important; align-self: center; justify-content: flex-start; }
    /* равные ряды по центру карточки (наличие/название и цена/рассрочка ровно по центру фото) */
    .catalog__card--list .catalog__card__content { grid-template-rows: minmax(0,1fr) minmax(0,1fr); align-content: stretch; min-height: 84px; }
}
/* ── Вид списком (телефон) — фото слева на всю высоту строки ── */
@media (max-width: 991px) {
    .catalog__card--list { display: flex !important; flex-direction: column; gap: 8px; }
    .catalog__card--list .catalog__card-item { flex-direction: row !important; align-items: stretch; gap: 12px; padding: 10px !important; }
    .catalog__card--list .catalog__card-imgwrap { flex: 0 0 100px !important; width: 100px !important; height: auto !important; min-height: 100px; margin: 0 !important; align-self: stretch; }
    /* 3 фото стопкой на всю высоту строки */
    .catalog__card--list .catalog__card-gallery { display: flex !important; flex-direction: column; gap: 4px; height: 100%; }
    .catalog__card--list .catalog__card-gallery .catalog__card-img { position: static !important; opacity: 1 !important; flex: 1 1 0; min-height: 0; width: 100% !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; transition: none; }
    .catalog__card--list .catalog__card-gallery .catalog__card-img:nth-child(n+4) { display: none; }
    .catalog__card--list .catalog__card-dots { display: none; }
    .catalog__card--list .catalog__card-disc { top: 3px; left: 3px; font-size: 9px; padding: 2px 6px; }
    .catalog__card--list .catalog__card-items { display: none; }
    .catalog__card--list .catalog__card__content { display: flex !important; flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; min-width: 0; }
    .catalog__card--list .catalog__card-tag-two { margin: 0 !important; }
    .catalog__card--list .catalog__card-tag-two-item { font-size: 10px !important; padding: 2px 8px !important; }
    .catalog__card--list .catalog__card-title { margin: 0 !important; font-size: 13px; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .catalog__card--list .catalog__card-price { justify-content: flex-start !important; align-items: baseline; gap: 8px; margin: 0 !important; }
    .catalog__card--list .catalog__card-new { font-size: 16px !important; }
    .catalog__card--list .catalog__card-old { font-size: 12px !important; }
    .catalog__card--list .catalog__card-credit { display: block !important; text-align: left !important; margin: 0 !important; }
    .catalog__card--list .catalog__card-bottom { display: flex !important; width: 100%; margin: 4px 0 0 !important; gap: 8px; }
    .catalog__card--list .catalog__card-btn { height: 38px !important; font-size: 13px !important; }
    .catalog__card--list .catalog__card-icon { width: 38px !important; height: 38px !important; }
}
/* на телефоне без hover-анимации карточек (оба режима) */
@media (max-width: 991px) {
    .catalog__card-item { transition: none !important; }
    .catalog__card-item:hover { transform: none !important; box-shadow: none !important; border-color: rgba(26,17,16,.08) !important; }
    .catalog__categories-link:hover { transform: none !important; box-shadow: none !important; }
}
/* кнопки фильтра — компактные, в один ряд */
.bx-filter-button-box { padding: 14px clamp(14px, 1vw, 18px) 2px !important; margin: 0 !important; }
.bx-filter-button-box .bx-filter-block,
.bx-filter-button-box .bx-filter-parameters-box-container { display: flex !important; gap: 8px; align-items: center; margin: 0 !important; padding: 0 !important; width: 100%; }
/* «Показать» не нужна — фильтр применяется сразу при выборе */
#set_filter.btn { display: none !important; }
/* попап «Выбрано: N / Показать» не нужен при мгновенном применении */
.bx-filter-popup-result, .bx-filter-container-modef { display: none !important; }
/* пустое описание раздела не должно занимать место и сдвигать сетку */
.bx-section-desc-post:empty { display: none !important; margin: 0 !important; }
.bx-section-desc:has(> .bx-section-desc-post:empty) { display: none !important; }
/* ── Красивый блок цены ── */
.catalog__filters .catalog__price-box { display: flex; gap: 8px; border: none !important; border-radius: 0; margin-bottom: 16px; overflow: visible; }
.catalog__filters .catalog__price-label { position: relative; width: 50%; border: none !important; }
.catalog__filters .catalog__price-label::before { position: absolute; left: 12px; top: 0; bottom: 0; display: flex; align-items: center; font-size: 13px; color: #9a9a9a; pointer-events: none; z-index: 1; }
.catalog__filters .catalog__price-label:first-child::before { content: "от"; }
.catalog__filters .catalog__price-label:last-child::before { content: "до"; }
.catalog__filters .catalog__price-input { width: 100%; height: 44px; background: #F3F4F6; border: 1.5px solid transparent; border-radius: 10px; padding: 0 12px 0 34px; font-size: 14px; font-weight: 700; color: #1A1110; box-sizing: border-box; transition: border-color .15s, background-color .15s; }
.catalog__filters .catalog__price-input:focus { border-color: #DA2438; background: #fff; outline: none; }
/* ползунок цены */
.catalog__filters .catalog__price_line { padding: 0 10px; margin-bottom: 4px; }
.catalog__filters .irs-handle { width: 20px !important; height: 20px !important; background: #fff !important; border: 5px solid #DA2438 !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0,0,0,.18); top: -6px !important; cursor: grab; }
.catalog__filters .irs-handle:active { cursor: grabbing; }
.catalog__filters .irs-line, .catalog__filters .irs-bar { height: 6px !important; border-radius: 3px; }
.catalog__filters .irs-line { background: #E7E8EC !important; }
#del_filter.btn {
    display: inline-flex !important; align-items: center; justify-content: center;
    flex: 1 1 auto !important; width: 100% !important;
    height: 42px !important; min-height: 0 !important; line-height: 42px !important;
    margin: 0 !important; padding: 0 16px !important; border: none !important; border-radius: 10px !important;
    background: #F3F4F6 !important; color: #DA2438 !important; font-size: 14px !important; font-weight: 700 !important;
    cursor: pointer; box-shadow: none !important; text-decoration: none !important; white-space: nowrap;
}
#del_filter.btn:hover { background: #e9eaee !important; }

/* ===== Карточки игровых ПК (чистый стиль, как в корзине): 3 в ряд на ПК, 2 на телефоне ===== */
.catalog__card_items_game {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}
@media (max-width: 767px) {
    .catalog__card_items_game { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}

/* карточка-обёртка: фото full-bleed сверху, углы скруглены за счёт overflow */
/* ===== Баннер-герой раздела игровых ПК ===== */
/* скрываем стандартный заголовок страницы и хлебные крошки — их роль берёт баннер */
main.gaming-pc .about > .container > .title-page,
main.gaming-pc .about > .container > .breadcrumbs,
main.gaming-pc .about > .container > .breadcrumbs-scroll { display: none; }
/* но на детальной странице товара (внутри product-page-main) крошки нужны */
main.gaming-pc .about:has(.product-page-main) > .container > .breadcrumbs { display: block; }
main.gaming-pc .about:has(.product-page-main) > .container > .breadcrumbs-scroll { display: block; }

.gpc-hero {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 38px 40px;
    margin: 0 0 28px;
    background: radial-gradient(120% 140% at 0% 0%, #2a2140 0%, #14101c 55%, #0c0a12 100%);
    color: #fff;
    isolation: isolate;
}
.gpc-hero__glow {
    position: absolute;
    top: -40%;
    right: -10%;
    width: 60%;
    height: 180%;
    background: radial-gradient(closest-side, rgba(218, 36, 56, 0.55), rgba(218, 36, 56, 0) 70%);
    filter: blur(10px);
    z-index: -1;
    pointer-events: none;
}
.gpc-hero__content { position: relative; max-width: 760px; }
.gpc-hero__badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffb3bc;
    background: rgba(218, 36, 56, 0.18);
    border: 1px solid rgba(218, 36, 56, 0.45);
    border-radius: 999px;
    padding: 6px 14px;
    margin-bottom: 16px;
}
.gpc-hero__title {
    font-size: clamp(24px, 2.6vw, 40px);
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 12px;
    color: #fff;
    white-space: nowrap;
}
.gpc-hero__title span {
    background: linear-gradient(90deg, #ff5e6c, #ff9a3d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gpc-hero__subtitle {
    font-size: clamp(14px, 1.1vw, 17px);
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 22px;
    max-width: 560px;
}
.gpc-hero__features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.gpc-hero__feature {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 9px 14px;
}
.gpc-hero__feature svg { color: #ff7a85; flex-shrink: 0; }

@media (max-width: 767px) {
    .gpc-hero { padding: 24px 18px; border-radius: 16px; margin-bottom: 18px; }
    .gpc-hero__feature { font-size: 12.5px; padding: 7px 11px; }
    .gpc-hero__features { gap: 8px; }
}

.catalog__card-item_game {
    position: relative;
    display: flex;
    flex-direction: column;
    background: linear-gradient(160deg, #ffffff 0%, #f6f7fa 60%, #eef0f5 100%);
    border: 1px solid #ececec;
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    transition: box-shadow .25s, transform .25s, border-color .25s;
    width: auto;
    margin: 0;
}
.catalog__card-item_game:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.catalog__card-item_game_link { display: block; }
.catalog__card_game_img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    height: auto;
    object-fit: cover;
    margin: 0;
    border-radius: 16px;
}

/* тело карточки — колонка с отступами, кнопки прижаты вниз для ровных рядов */
.catalog__card_game {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 14px 16px 16px;
}
.catalog__card_game .comparison__rate { display: none !important; }

/* порядок: название → характеристики → цена → кнопки */
.catalog__card_game__title { order: 1; }
.catalog__card_game_items { order: 2; }
.catalog__card_game_price { order: 3; }
.catalog__card_game_btns { order: 4; margin-top: auto; }

.catalog__card_game__title {
    font-size: clamp(14px, 1.1vw, 18px);
    font-weight: 600;
    line-height: 1.3;
    color: #1A1110;
    border: none;
    padding: 0;
    margin: 0 0 12px;
    min-height: calc(1.3em * 3); /* резерв под 3 строки, чтобы цена/характеристики совпадали по уровню */
}
.catalog__card_game__title-link {
    color: inherit;
    text-decoration: none;
    transition: color .15s;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.catalog__card_game__title-link:hover { color: #DA2438; }
.catalog__card_game_btn.catalog__card_game_btn--incart,
.catalog__card_game_btn.catalog__card_game_btn--one.catalog__card_game_btn--incart { background: #eceef0; color: #1A1110 !important; border: none; cursor: default; }
.catalog__card_game_btn.catalog__card_game_btn--incart:hover,
.catalog__card_game_btn.catalog__card_game_btn--one.catalog__card_game_btn--incart:hover { background: #e2e4e7; color: #1A1110 !important; }
.catalog__card_game_items { list-style: none; padding: 14px 0 0; margin: 0 0 14px; border-top: 2px solid #1A1110; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.catalog__card_game_item { display: flex; align-items: center; gap: 9px; }
.catalog__card_game_item:not(:last-child) { margin-bottom: 9px; }
.catalog__card_game_item_img { width: 26px; height: 26px; flex-shrink: 0; }
.catalog__card_game_item_icon { width: 18px; height: 18px; flex-shrink: 0; color: #9a9a9a; }
.catalog__card_game_item_title { display: block; font-size: 11px; color: #9a9a9a; line-height: 1.2; margin-bottom: 1px; }
.catalog__card_game_item_text { display: block; font-size: 13px; font-weight: 600; color: #1A1110; line-height: 1.25; }

.catalog__card_game_price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }
.catalog__card_game_main { display: flex; align-items: baseline; gap: 4px; font-size: clamp(19px, 1.4vw, 24px); font-weight: 800; color: #DA2438; line-height: 1.2; }
.catalog__card_game_main svg { display: none; }
.catalog__card_game_old { font-size: 14px; font-weight: 500; text-decoration: line-through; color: #9a9a9a; }

/* рассрочка под ценой */
.catalog__card_game_credit { order: 3; display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: #6a6a6a; margin: 0 0 12px; }
.catalog__card_game_credit strong { color: #1A1110; font-weight: 600; }
.catalog__card_game_credit svg { flex-shrink: 0; color: #DA2438; }

.catalog__card_game_btns { display: flex; gap: 8px; padding: 0; margin: auto 0 0; list-style: none; align-items: stretch; }
.catalog__card_game_btn_item { flex: 1 1 0; display: flex; }
.catalog__card_game_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
}
.catalog__card_game_btn.catalog__card_game_btn--one { background: #DA2438; color: #fff; border: none; }
.catalog__card_game_btn.catalog__card_game_btn--one:hover { background: #c01f31; color: #fff; }
.catalog__card_game_btn.catalog__card_game_btn--two { background: #fff; color: #1A1110; border: 1px solid #e3e3e3; }
.catalog__card_game_btn.catalog__card_game_btn--two:hover { background: #fff; border-color: #DA2438; color: #DA2438; }
.catalog__card_game_btn--last {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    color: #9a9a9a;
    transition: color .15s, border-color .15s;
}
.catalog__card_game_btn--last svg { width: 22px; height: 22px; }
.catalog__card_game_btn--last:hover { border-color: #DA2438; color: #DA2438; }
.catalog__card_game_btn--last[data-favorite-status="Y"] { color: #DA2438; border-color: #DA2438; }
.catalog__card_game_btn--last[data-favorite-status="Y"] svg path { fill: #DA2438; stroke: #DA2438; }

@media (max-width: 767px) {
    .catalog__card-item_game { border-radius: 14px; }
    .catalog__card_game { padding: 12px; }
    .catalog__card_game_img { aspect-ratio: 4 / 3; height: auto; border-radius: 14px; }
    .catalog__card_game__title { font-size: 14px; margin-bottom: 10px; }
    .catalog__card_game_items { margin-bottom: 10px; }
    .catalog__card_game_item:not(:last-child) { margin-bottom: 6px; }
    .catalog__card_game_item_img,
    .catalog__card_game_item_icon { display: none; }
    .catalog__card_game_item_title { font-size: 10px; }
    .catalog__card_game_item_text { font-size: 12px; }
    .catalog__card_game_main { font-size: 18px; }
    .catalog__card_game_credit_pre { display: none; }
    /* на узкой карточке: «Купить/В корзине» на всю ширину, избранное строкой ниже, «Подробнее» скрыто */
    .catalog__card_game_btn--two { display: none; }
    .catalog__card_game_btns { flex-direction: column; }
    .catalog__card_game_btn_item { flex: 1 1 auto; width: 100%; }
    .catalog__card_game_btn--last { width: 100%; }
    .catalog__card_game_btn { height: 42px; font-size: 13px; }
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    padding: 0;
    list-style: none;
}
.pagination__item { display: flex; }
.pagination__btn, .pagination__text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s, color .15s, border-color .15s;
}
/* стрелки — outline, красные при наведении */
.pagination__btn {
    color: #1A1110;
    background: #fff;
    border: 1px solid rgba(26, 17, 16, 0.15);
}
.pagination__btn:hover { border-color: #DA2438; color: #DA2438; }
.pagination__btn--disabled { opacity: .4; pointer-events: none; }
.pagination__btn svg { width: 15px; height: 15px; }
/* номера страниц */
.pagination__text {
    color: #1A1110;
    background: #fff;
    border: 1px solid rgba(26, 17, 16, 0.12);
}
.pagination__text:hover { border-color: #DA2438; color: #DA2438; }
.pagination__text--active {
    color: #fff !important;
    background: #DA2438 !important;
    border-color: #DA2438 !important;
    cursor: default;
}
/* многоточие */
.pagination__ellipsis {
    align-items: flex-end;
    justify-content: center;
    min-width: 24px;
    height: 40px;
    color: rgba(26, 17, 16, 0.4);
    font-weight: 700;
    padding-bottom: 4px;
}

.product-page {
    background-color: #F3F4F6;
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.product-page__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(18px, 1.6666666667vw, 32px);
}
@media (max-width: 767px) {
    .product-page__inner {
        display: block;
    }
}
.product-page__left, .product-page__right {
    width: 50%;
}
@media (max-width: 767px) {
    .product-page__left, .product-page__right {
        width: 100%;
    }
}
.product-page__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.8333333333vw, 16px);
}
@media (max-width: 991px) {
    .product-page__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    .product-page__left {
        margin-bottom: 16px;
    }
}
.product-page__box-big {
    position: relative;
    width: calc(100% - clamp(86px, 7.5vw, 144px));
}
@media (max-width: 991px) {
    .product-page__box-big {
        width: 100%;
    }
}
.product-page__slider--small {
    min-width: clamp(78px, 6.6666666667vw, 128px);
}
@media (max-width: 991px) {
    .product-page__slider--small {
        min-width: auto;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.product-page__slider--small .product-page__item {
    height: clamp(78px, 5.2083333333vw, 100px);
}
@media (max-width: 991px) {
    .product-page__slider--small .product-page__item {
        width: clamp(78px, 5.2083333333vw, 100px);
    }
}
.product-page__slider--small .product-page__img {
    border-radius: clamp(12px, 0.625vw, 12px);
}
@media (max-width: 991px) {
    .product-page__slider--big {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.product-page__slider--big .product-page__img {
    border-radius: clamp(24px, 1.25vw, 24px);
}
.product-page__img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.product-page__box-big-tag {
    display: block;
    position: absolute;
    font-size: clamp(12px, 1.0416666667vw, 20px);
    line-height: 1.4;
    color: #ffffff;
    background-color: #DA2438;
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(4px, 0.4166666667vw, 8px) clamp(12px, 0.8333333333vw, 16px);
    top: clamp(8px, 1.25vw, 24px);
    right: clamp(8px, 1.25vw, 24px);
    z-index: 2;
}
.product-page__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.product-page__top-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(12px, 1.0416666667vw, 20px);
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(100px, 5.2083333333vw, 100px);
    gap: clamp(8px, 0.4166666667vw, 8px);
    padding: clamp(4px, 0.2083333333vw, 4px) clamp(12px, 0.625vw, 12px);
}
.product-page__top-item:first-child {
    color: #ffffff;
    background-color: #17C336;
    border-color: #17C336;
}
.product-page__top-item:nth-child(2) {
    color: #ffffff;
    background-color: #245ADF;
    border-color: #245ADF;
}
.product-page__top-item a {
    color: #1A1110;
}
.product-page__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff;
    border-radius: clamp(24px, 1.25vw, 24px);
    gap: clamp(8px, 0.4166666667vw, 8px);
    padding: clamp(16px, 0.8333333333vw, 16px) clamp(24px, 1.25vw, 24px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 1400px) {
    .product-page__price {
        display: block;
    }
}
.product-page__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 1400px) {
    .product-page .catalog__card-icon {
        height: auto;
    }
}
.product-page__price-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(24px, 1.25vw, 24px);
}
@media (max-width: 1400px) {
    .product-page__price-num {
        margin-bottom: 16px;
    }
}
.product-page__price-num-now {
    font-size: clamp(26px, 2.0833333333vw, 30px) !important;
    font-weight: 700;
    line-height: 1.225;
}
.product-page__price-num-old {
    display: block;
    font-size: clamp(26px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    text-decoration: line-through;
    color: rgba(26, 17, 16, 0.5);
    padding-top: clamp(14px, 0.7291666667vw, 14px);
}
.product-page__warranty {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 600;
    line-height: 1.2222222222;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(12px, 0.625vw, 12px);
    gap: clamp(10px, 0.5208333333vw, 10px);
    padding: clamp(12px, 0.625vw, 12px) clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(29px, 1.5104166667vw, 29px);
}
.product-page__about-title {
    font-size: clamp(22px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(24px, 1.25vw, 24px);
}
.product-page__text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.product-page__text p:not(:last-child) {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}

/* ═════════ Детальная карточка товара — редизайн ═════════ */
.product-page__inner { align-items: flex-start; }
/* галерея фиксируется при прокрутке */
.product-page__left { position: -webkit-sticky; position: sticky; top: 90px; align-self: flex-start; }
/* заголовок товара компактнее */
.product-page__title { font-size: clamp(22px, 1.7vw, 32px) !important; line-height: 1.25; margin: 0 0 clamp(14px, 1vw, 20px) !important; }
/* убираем двойной отступ контейнера: название/контент выравниваются с крошками */
.product-page { padding-top: clamp(8px, 0.7vw, 14px); }
.product-page .container,
.specifications .container { padding-left: 0 !important; padding-right: 0 !important; }

/* ── Галерея ── */
.product-page__box-big { background: #fff; border-radius: 16px; padding: clamp(10px, 1vw, 18px); }
.product-page__slider--big .product-page__item { aspect-ratio: 1 / 1; cursor: zoom-in; }
.product-page__slider--big .product-page__img { width: 100%; height: 100%; object-fit: contain; border-radius: 12px; }
/* миниатюры */
.product-page__slider--small .product-page__item { cursor: pointer; }
@media (min-width: 992px) {
    .product-page__slider--small { min-width: 76px !important; width: 76px; flex: 0 0 76px; }
    .product-page__box-big { width: calc(100% - 92px) !important; }
    .product-page__slider--small .product-page__item { width: 76px; height: 76px !important; aspect-ratio: auto; }
    /* затухание снизу — подсказка, что миниатюры можно прокрутить */
    .product-page__slider--small.is-scrollable {
        -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 30px), transparent 100%);
        mask-image: linear-gradient(to bottom, #000 calc(100% - 30px), transparent 100%);
    }
    /* долистали до последней миниатюры — градиент убираем */
    .product-page__slider--small.is-scrollable.is-at-end {
        -webkit-mask-image: none;
        mask-image: none;
    }
}
.product-page__slider--small .product-page__img {
    box-sizing: border-box;
    width: 100%; height: 100%; object-fit: contain; background: #fff;
    border: 1px solid rgba(26,17,16,.12); border-radius: 12px; padding: 6px;
    transition: border-color .15s;
}
.product-page__slider--small .swiper-slide-thumb-active .product-page__img { border-color: #DA2438; }
.product-page__slider--small .product-page__img:hover { border-color: rgba(218,36,56,.5); }
/* миниатюры всегда квадратные и не сжимаются (фикс «вытянутости» при большом числе фото) */
@media (min-width: 991px) {
    .swiper-product-page-small .product-page__item,
    .product-page__slider--small .product-page__item {
        width: 76px !important; height: 76px !important; aspect-ratio: 1 / 1 !important; flex-shrink: 0 !important;
    }
    /* большое фото — фикс. высота контейнера вместо гигантского квадрата (иначе галерея «тянется» вниз) */
    .product-page__box-big { box-sizing: border-box; height: clamp(400px, 33vw, 560px) !important; }
    .product-page__slider--big,
    .product-page__slider--big .swiper-wrapper,
    .product-page__slider--big .product-page__item,
    .product-page__slider--big .product-page__item.slider__big {
        height: 100% !important; aspect-ratio: auto !important;
    }
    .product-page__slider--big .product-page__img { width: 100% !important; height: 100% !important; object-fit: contain; }
}

/* иконка-лупа на главном фото (подсказка полноэкранного просмотра) */
.product-page__zoom-hint {
    position: absolute; z-index: 4;
    top: clamp(10px, 1vw, 16px); right: clamp(10px, 1vw, 16px);
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; background: rgba(255,255,255,.8); color: rgba(26,17,16,.55);
    -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
    border: 1px solid rgba(26,17,16,.08); pointer-events: none;
    transition: background-color .2s, color .2s;
}
.product-page__zoom-hint svg { width: 17px; height: 17px; }
.product-page__box-big:hover .product-page__zoom-hint { background: #DA2438; color: #fff; }

/* плашка гарантии — компактная и аккуратная */
.product-page__warranty {
    font-size: 14px !important; font-weight: 600;
    gap: 8px !important; padding: 9px 14px !important;
    margin-bottom: 16px !important; border-radius: 10px;
    border-color: rgba(26,17,16,.12) !important; color: #1A1110;
}
.product-page__warranty svg { width: 18px !important; height: 18px !important; flex-shrink: 0; }

/* бейдж скидки на фото */
.product-page__disc {
    position: absolute; z-index: 3;
    top: clamp(10px, 1vw, 18px); left: clamp(10px, 1vw, 18px);
    background: #DA2438; color: #fff; font-size: 14px; font-weight: 600;
    padding: 5px 12px; border-radius: 999px; line-height: 1.2;
}

/* бейджи компактнее и аккуратнее */
.product-page__top { gap: 8px; margin-bottom: 16px; }
.product-page__top-item { font-size: 13px !important; line-height: 1.3; padding: 5px 11px !important; border-radius: 999px; border-color: rgba(26,17,16,.15); }
.product-page__top-item:nth-child(2) { color: #1A1110; background-color: transparent; border-color: rgba(26,17,16,.15); }
.product-page__top-item--credit { color: #1A1110; background: #fff; border-color: rgba(26,17,16,.15); font-weight: 600; }
.product-page__top-item--warranty { gap: 5px !important; color: #1A1110; font-weight: 600; background: #fff; border-color: rgba(26,17,16,.15); }
.product-page__top-item--warranty svg { color: #DA2438; flex-shrink: 0; }

/* ── Блок покупки (белая карточка) ── */
.product-page__price { display: block; padding: clamp(16px, 1.25vw, 24px); position: relative; }
/* кнопка «Поделиться» */
.product-page__share { position: absolute; top: clamp(14px, 1.1vw, 20px); right: clamp(14px, 1.1vw, 20px); z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid rgba(26,17,16,.15); border-radius: 999px; background: #fff; color: rgba(26,17,16,.65); font-size: 13px; font-weight: 600; cursor: pointer; transition: color .15s, border-color .15s; }
.product-page__share:hover { color: #DA2438; border-color: rgba(218,36,56,.4); }
.product-page__share.is-copied { color: #17C336; border-color: #17C336; }
.product-page__share svg { flex-shrink: 0; }
.product-page__top { padding-right: 110px; }
@media (max-width: 767px) {
    .product-page__share-txt { display: none; }
    .product-page__share { padding: 7px; }
    .product-page__top { padding-right: 44px; }
}
.product-page__pricebox { display: block; width: 100%; margin-bottom: 16px; background: #F5F6F8; border: 1px solid rgba(26,17,16,.06); border-radius: 14px; padding: 14px 18px; }
.product-page__price-num { display: flex; margin-bottom: 0; gap: 12px; align-items: baseline; }
.product-page__price-num-now { font-size: clamp(26px, 2vw, 32px) !important; font-weight: 800; color: #DA2438; }
.product-page__price-num-old { font-size: 18px !important; font-weight: 500 !important; padding-top: 0 !important; color: rgba(26,17,16,.4); }
.product-page__credit-line { margin-top: 6px; font-size: 14px; font-weight: 600; color: #1A1110; }
.product-page__credit-sum { color: #DA2438; font-weight: 800; }
.product-page__mbar { display: none; }
.product-page__qty-input { cursor: text; }
.product-page__box { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.product-page__qty { order: 1; display: inline-flex; align-items: center; border: 1px solid rgba(26,17,16,.2); border-radius: 12px; overflow: hidden; height: 52px; flex: 0 0 auto; }
.product-page__qty-btn { width: 44px; height: 100%; background: #fff; border: none; font-size: 22px; line-height: 1; color: #1A1110; cursor: pointer; padding: 0; transition: background-color .2s ease, color .2s ease; }
.product-page__qty-btn:hover { background: #DA2438; color: #fff; }
.product-page__qty-input { width: 44px; height: 100%; text-align: center; border: none; border-left: 1px solid rgba(26,17,16,.12); border-right: 1px solid rgba(26,17,16,.12); font-size: 16px; font-weight: 600; background: #fff; }
.product-page__box .intensa-favorite-item { order: 2; width: 52px !important; min-width: 52px !important; height: 52px !important; min-height: 52px; flex: 0 0 auto; padding: 0; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(26,17,16,.2); border-radius: 12px; background: #fff; cursor: pointer; margin: 0; transition: border-color .15s; }
.product-page__box .intensa-favorite-item:hover { border-color: #DA2438; transform: none; }
.product-page__box .intensa-favorite-item svg { width: 24px !important; height: 24px !important; display: block; }
/* кнопки покупки как в макете: «В корзину» в ряд с количеством/избранным, «1 клик» — строкой ниже */
.product-page__buy { display: contents; }
.product-page__buy-cart { order: 3; flex: 1 1 auto; width: auto !important; min-width: 160px; height: 52px; display: flex; align-items: center; justify-content: center; }
/* состояние «В корзине» — белая кнопка */
.product-page__buy-cart.product-page__buy-cart--incart { background: #fff !important; color: #1A1110 !important; border: 1px solid rgba(26,17,16,.2) !important; }
.product-page__buy-cart.product-page__buy-cart--incart:hover { border-color: #DA2438 !important; color: #DA2438 !important; }
.product-page__buy-oneclick { order: 4; flex: 1 1 100%; display: flex; align-items: center; justify-content: center; height: 48px; border: 1px solid rgba(26,17,16,.2); border-radius: 12px; font-size: 15px; font-weight: 600; color: #1A1110; background: #fff; text-decoration: none; transition: border-color .15s, color .15s; }
.product-page__buy-oneclick:hover { border-color: #DA2438; color: #DA2438; }

/* ── Описание под покупкой (на ПК не выше фото — ужимаем шрифт через JS) ── */
.product-page__about { background: #fff; border: 1px solid rgba(26,17,16,.07); border-radius: 16px; padding: clamp(18px, 1.4vw, 26px); }
.product-page__about-title { display: flex; align-items: center; gap: 10px; font-size: clamp(18px, 1.25vw, 22px) !important; font-weight: 700; margin-top: 0 !important; margin-bottom: 14px !important; padding-bottom: 14px; border-bottom: 1px solid rgba(26,17,16,.08); }
.product-page__about-title svg { flex-shrink: 0; }
.product-page__text { overflow: visible; font-size: 15px !important; line-height: 1.65; color: rgba(26,17,16,.85); }
.product-page__text p { margin-bottom: 8px; }
.product-page__text ul, .product-page__text ol { margin: 8px 0; padding-left: 18px; }
/* кнопка «Перейти к характеристикам» */
.product-page__spec-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 12px 22px; font-size: 15px; font-weight: 600; color: #DA2438; background: rgba(218,36,56,.07); border: 1px solid rgba(218,36,56,.18); border-radius: 12px; transition: background-color .2s, color .2s; }
.product-page__spec-link svg { transition: transform .2s; }
.product-page__spec-link:hover { background: #DA2438; color: #fff; }
.product-page__spec-link:hover svg { transform: translateX(3px); }
/* артикул с копированием */
.product-page__top-item--art { gap: 7px !important; }
.product-page__art-copy { display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0; border: none; background: none; color: rgba(26,17,16,.45); cursor: pointer; transition: color .2s; }
.product-page__art-copy:hover { color: #DA2438; }
.product-page__top-item--art.is-copied { border-color: #17C336; color: #17C336; }
.product-page__top-item--art.is-copied .product-page__art-copy { color: #17C336; }

/* ── Полноэкранный просмотр (лайтбокс) ── */
.ksk-lightbox { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.93); display: none; }
.ksk-lightbox.is-open { display: block; }
.ksk-lightbox .swiper { width: 100%; height: 100%; }
.ksk-lightbox .swiper-slide { display: flex; align-items: center; justify-content: center; }
.ksk-lightbox .swiper-zoom-container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.ksk-lightbox .swiper-zoom-container img { max-width: 92vw; max-height: 88vh; object-fit: contain; cursor: zoom-in; }
.ksk-lightbox .swiper-slide-zoomed .swiper-zoom-container img { cursor: zoom-out; }
.ksk-lightbox__close, .ksk-lightbox__nav { position: absolute; z-index: 5; width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 24px; }
.ksk-lightbox__close:hover, .ksk-lightbox__nav:hover { background: rgba(255,255,255,.25); }
.ksk-lightbox__close { top: 18px; right: 18px; }
.ksk-lightbox__prev { top: 50%; left: 18px; transform: translateY(-50%); }
.ksk-lightbox__next { top: 50%; right: 18px; transform: translateY(-50%); }
.ksk-lightbox__hint { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.6); font-size: 13px; }

/* ── Планшет ── */
@media (max-width: 991px) {
    .product-page__left { flex-direction: column; }
    .product-page__slider--big { order: 1; }
    .product-page__slider--small { order: 2; min-width: auto; width: 100%; height: auto !important; margin-top: 10px; }
    .product-page__slider--small .product-page__item { width: clamp(70px, 16vw, 96px); height: clamp(70px, 16vw, 96px); }
}

/* ── Мобильная версия ── */
@media (max-width: 767px) {
    /* отступы по бокам: внешний контейнер каталога — маленький, внутренний — без дублирования */
    .about:has(.product-page-main) > .container { padding-left: 20px !important; padding-right: 20px !important; }
    .product-page .container { padding-left: 0 !important; padding-right: 0 !important; }
    .product-page-main { padding-bottom: 16px; }
    /* компактные расстояния между секциями */
    .specifications { padding-top: 6px !important; padding-bottom: 14px !important; }
    .specifications__title { font-size: 20px !important; margin-bottom: 12px !important; }
    .specifications__items { gap: 14px !important; }
    .specifications__item-title { margin-bottom: 6px !important; }
    .product-page__about { margin-top: 10px !important; }
    /* поднимаем кнопку чата над фиксированной панелью */
    body.ksk-has-mbar .online-chat-root-TalkMe #supportTrigger,
    body.ksk-has-mbar #supportTrigger { bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important; }
    /* убираем инлайн-цену и кнопки — они в фиксированной панели */
    .product-page__pricebox, .product-page__box { display: none !important; }
    .product-page__mbar {
        display: flex; align-items: center; gap: 10px;
        position: fixed; left: 0; right: 0; bottom: 56px; z-index: 60;
        padding: 10px 12px;
        background: #fff; border-top: 1px solid rgba(26,17,16,.1);
        box-shadow: 0 -4px 16px rgba(0,0,0,.08);
    }
    .product-page__mbar-price { display: flex; flex-direction: column; justify-content: center; line-height: 1.15; flex: 0 0 auto; margin-right: auto; padding-left: 6px; }
    .product-page__mbar-row { display: flex; align-items: baseline; gap: 8px; }
    .product-page__mbar-now { font-size: 19px; font-weight: 800; color: #1A1110; }
    .product-page__mbar-old { display: none; }
    .product-page__mbar-credit { font-size: 12px; color: rgba(26,17,16,.5); margin-top: 2px; }
    .product-page__mbar-share,
    .product-page__mbar-fav { width: 46px !important; min-width: 46px !important; height: 48px !important; flex: 0 0 46px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(26,17,16,.2); border-radius: 12px; background: #fff; color: rgba(26,17,16,.7); padding: 0; cursor: pointer; }
    .product-page__mbar-share.is-copied { color: #17C336; border-color: #17C336; }
    .product-page__mbar-fav svg { width: 24px !important; height: 24px !important; }
    .product-page__mbar-share svg { width: 20px; height: 20px; }
    .product-page__mbar-buy { flex: 0 0 auto; height: 48px; padding: 0 26px; display: inline-flex; align-items: center; justify-content: center; background: #DA2438; color: #fff; border-radius: 12px; font-weight: 600; font-size: 15px; text-decoration: none; white-space: nowrap; }
    .product-page__mbar-buy.product-page__buy-cart--incart { background: #fff; color: #1A1110; border: 1px solid rgba(26,17,16,.2); }
    .product-page__inner { display: flex; flex-direction: column; }
    .product-page__left, .product-page__right { width: 100%; }
    .product-page__left { position: static; top: auto; }
    .product-page__title { font-size: 18px !important; }
    .product-page__inner > .product-page__title { width: 100%; margin: 6px 0 12px !important; }
    .product-page__box-big { padding: 8px; }
    .product-page__top { gap: 8px; margin-bottom: 0; padding-right: 0 !important; }
    .product-page__top-item { font-size: 13px; padding: 5px 12px; }
    /* карточка цены/кнопок скрыта: бейджи в описании, цена/кнопки — в баре */
    .product-page__price { display: none !important; }
    .product-page__about > .product-page__top { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(26,17,16,.08); }
    /* наличие + гарантия — первая строка; артикул — отдельной строкой во всю ширину (не прыгает) */
    .product-page__about > .product-page__top .product-page__top-item { margin: 0; }
    .product-page__about > .product-page__top .product-page__top-item--art { flex: 1 1 100%; justify-content: space-between; background: rgba(26,17,16,.03); border-color: rgba(26,17,16,.1); }
    .product-page__price-num-now { font-size: 24px !important; }
    .product-page__price-num-old { font-size: 16px; padding-top: 6px; }
    .product-page__box { gap: 10px; }
    .product-page__qty { height: 48px; }
    .product-page__buy-cart { flex: 1 1 100%; height: 50px; }
    .product-page__about { padding: 14px; margin-top: 14px; }
    .product-page__text { font-size: 15px; }
    .ksk-lightbox__close, .ksk-lightbox__nav { width: 40px; height: 40px; font-size: 20px; }
    .ksk-lightbox__prev { left: 8px; }
    .ksk-lightbox__next { right: 8px; }
}

/* пустой блок «Вы смотрели» — пока скрыт (убирает зазор перед футером) */
.product-page-main > .looked:empty,
.product-page-main > section.looked { display: none; }
/* при открытом просмотре фото — прячем кнопку чата TalkMe */
body.ksk-lb-open #supportTrigger,
body.ksk-lb-open .online-chat-root-TalkMe { display: none !important; }

.looked {
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.looked .container {
    padding: clamp(9px, 0.46875vw, 9px);
}
.looked__title {
    padding: 0 clamp(31px, 1.6145833333vw, 31px);
}
.looked__box {
    position: relative;
    padding: 0 clamp(8px, 1.6145833333vw, 31px);
}
.looked__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: clamp(433px, 22.5520833333vw, 433px);
    background-color: #F3F4F6;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(4px, 0.2083333333vw, 4px);
    gap: clamp(16px, 0.8333333333vw, 16px);
    padding: clamp(8px, 0.8333333333vw, 16px);
}
.looked__item-title {
    font-size: clamp(14px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
}
.looked__img {
    width: clamp(96px, 7.0833333333vw, 136px);
    height: clamp(96px, 7.0833333333vw, 136px);
}

.specifications {
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.specifications__title {
    font-size: clamp(26px, 1.6666666667vw, 32px);
    margin-bottom: clamp(26px, 1.6666666667vw, 32px);
}
.specifications__item {
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    padding-bottom: clamp(24px, 1.6666666667vw, 32px);
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.specifications__item:last-child {
    margin-bottom: 0;
}
.specifications__item-title {
    font-size: clamp(18px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.specifications__par {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: clamp(16px, 0.8333333333vw, 16px) clamp(32px, 1.6666666667vw, 32px);
}
@media (max-width: 575px) {
    .specifications__par {
        display: block;
    }
}
.specifications__par-item {
    font-size: clamp(16px, 0.9375vw, 18px);
    line-height: 1.4;
}
@media (max-width: 575px) {
    .specifications__par-item:not(:last-child) {
        margin-bottom: 0;
    }
}

/* ── Характеристики — стиль DNS: группы блоками в 2 колонки ── */
.specifications__title { font-size: clamp(20px, 1.25vw, 26px) !important; margin-bottom: clamp(16px, 1.4vw, 24px) !important; }
/* группы (Заводские данные / Общие параметры / …) раскладываются в 2 колонки */
.specifications__items { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 1.5vw, 28px) clamp(40px, 4vw, 80px); align-items: start; margin: 0 !important; padding: 0 !important; list-style: none; }
.specifications__item { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.specifications__item-title { font-size: clamp(17px, 1.1vw, 20px) !important; font-weight: 700; margin-top: 0 !important; margin-bottom: 10px !important; }
/* параметры внутри группы — в один столбец, строки-зебра во всю ширину */
.specifications__par { display: block !important; }
.specifications__par-item { display: flex !important; align-items: baseline; gap: 12px; font-size: 14px !important; line-height: 1.45; padding: 9px 14px; border-radius: 8px; }
.specifications__par-item:nth-child(odd) { background: rgba(26,17,16,.04); }
.specifications__par-name { color: rgba(26,17,16,.6); flex: 0 1 auto; }
.specifications__par-dots { display: none; }
.specifications__par-val { margin-left: auto; flex: 0 0 auto; text-align: right; font-weight: 600; color: #1A1110; padding-left: 16px; }
@media (max-width: 767px) {
    .specifications__items { grid-template-columns: 1fr; gap: 22px; }
    .specifications__par-item { padding: 8px 10px; }
}

.gallery {
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.gallery__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    gap: clamp(32px, 1.6666666667vw, 32px);
}
.gallery__img {
    width: 100%;
    min-width: clamp(173px, 9.0104166667vw, 173px);
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.configurator {
    background-color: #F3F4F6;
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    padding: clamp(24px, 1.6666666667vw, 32px) 0 clamp(24px, 1.25vw, 24px);
}
.configurator__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(32px, 1.6666666667vw, 32px);
    margin-bottom: clamp(32px, 1.6666666667vw, 32px);
}
@media (max-width: 991px) {
    .configurator__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.configurator__items {
    background-color: #ffffff;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(12px, 1.25vw, 24px);
    max-width: clamp(1360px, 70.8333333333vw, 1360px);
    width: 100%;
    overflow: hidden;
}
@media (max-width: 991px) {
    .configurator__items {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.configurator__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: clamp(113px, 5.8854166667vw, 113px);
    padding: clamp(8px, 0.8333333333vw, 16px) clamp(8px, 1.25vw, 24px);
    gap: clamp(8px, 0.4166666667vw, 8px);
}
@media (max-width: 1650px) {
    .configurator__item {
        display: block;
        min-height: auto;
        border-bottom: 1px solid rgba(26, 17, 16, 0.2);
    }
}
@media (max-width: 1650px) {
    .configurator__item:last-child {
        border-bottom: none;
    }
}
.configurator__item--active .configurator__info,
.configurator__item--active .configurator__price {
    opacity: 1;
}
@media (max-width: 1650px) {
    .configurator__item--active .configurator__info {
        display: block;
    }
}
@media (max-width: 1650px) {
    .configurator__item--active .configurator__price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 1650px) {
    .configurator__item--active .configurator__right-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.configurator__item--active .quantity {
    display: block !important;
}
.configurator__item--active .configurator__btns-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.configurator__item--active .configurator__btns-add {
    display: none;
}
@media (max-width: 1650px) {
    .configurator__item--active .configurator__first {
        border-bottom: 1px solid rgba(26, 17, 16, 0.1);
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}
.configurator__item--active .configurator__open svg {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.configurator__item .catalog__filters-visible {
    min-width: clamp(32px, 2.0833333333vw, 40px);
    height: clamp(32px, 2.0833333333vw, 40px);
}
.configurator__first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(42px, 2.1875vw, 42px);
}
@media (max-width: 1650px) {
    .configurator__first {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 8px;
    }
}
.configurator__name {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(2px, 0.4166666667vw, 8px);
}
.configurator__subname {
    font-size: clamp(12px, 0.7291666667vw, 14px);
    line-height: 1.2142857143;
}
.configurator__img {
    min-width: clamp(60px, 3.125vw, 60px);
    height: clamp(60px, 3.125vw, 60px);
}
@media (max-width: 991px) {
    .configurator__img {
        display: none;
    }
}
.configurator__open {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #DA2438;
    border-radius: 4px;
}
@media (max-width: 1650px) {
    .configurator__open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.configurator__open svg {
    width: 26px;
    height: 26px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.configurator__info {
    opacity: 0;
    max-width: clamp(340px, 17.7083333333vw, 340px);
}
@media (max-width: 1650px) {
    .configurator__info {
        display: none;
        opacity: 1;
        max-width: 100%;
        border-bottom: 1px solid rgba(26, 17, 16, 0.1);
        padding-bottom: 8px;
        margin-bottom: 8px;
    }
}
.configurator__info-title {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.configurator__info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
.configurator__info-items {
    list-style: outside;
    margin-left: clamp(28px, 1.4583333333vw, 28px);
}
.configurator__info-text {
    font-size: clamp(14px, 0.7291666667vw, 14px);
    line-height: 1.2142857143;
}
.configurator__info-text--color {
    color: #17C336;
}
.configurator__right-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16px, 2.0833333333vw, 40px);
}
@media (max-width: 1650px) {
    .configurator__right-info {
        display: none;
    }
}
@media (max-width: 991px) {
    .configurator__right-info {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
    }
}
.configurator__right {
    max-width: clamp(310px, 22.5vw, 432px);
    width: 100%;
}
@media (max-width: 991px) {
    .configurator__right {
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.configurator__price {
    opacity: 0;
    text-align: end;
}
@media (max-width: 1650px) {
    .configurator__price {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .configurator__price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid rgba(26, 17, 16, 0.2);
        border-radius: 4px;
    }
}
.configurator__price-now {
    display: block;
    font-size: clamp(22px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(4px, 0.2083333333vw, 4px);
}
.configurator__price-old {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.3;
    text-decoration: line-through;
    color: rgba(26, 17, 16, 0.5);
}
.configurator__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
@media (max-width: 991px) {
    .configurator__btns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%;
        gap: 0;
    }
}
.configurator__btns .quantity {
    display: none;
}
@media (max-width: 1650px) {
    .configurator__btns .quantity {
        display: block;
    }
}
@media (max-width: 991px) {
    .configurator__btns .quantity {
        -ms-grid-column-span: 3;
        grid-column: span 3;
    }
}
.configurator__btns-btn {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: clamp(48px, 3.3333333333vw, 64px);
    height: clamp(48px, 3.3333333333vw, 64px);
    background-color: transparent;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.6);
    border-radius: clamp(12px, 0.625vw, 12px);
}
@media (max-width: 991px) {
    .configurator__btns-btn {
        width: 100%;
        border-color: rgba(26, 17, 16, 0.2);
        border-left: none;
        border-radius: 0;
        border-top: none;
    }
}
@media (max-width: 991px) {
    .configurator__btns-btn:nth-child(2) {
        border-left: 1px solid rgba(26, 17, 16, 0.2);
        border-radius: 0 0 0 4px;
    }
}
@media (max-width: 991px) {
    .configurator__btns-btn:nth-child(4) {
        border-radius: 0 0 4px 0;
    }
}
.configurator__btns-btn svg {
    width: clamp(30px, 2.0833333333vw, 40px);
    height: clamp(30px, 2.0833333333vw, 40px);
}
.configurator__btns-add {
    width: clamp(375px, 19.53125vw, 375px);
}
@media (max-width: 1650px) {
    .configurator__btns-add {
        display: none;
    }
}
.configurator__right {
    position: sticky;
    height: 100%;
    background-color: #ffffff;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(24px, 1.25vw, 24px);
    top: clamp(88px, 4.5833333333vw, 88px);
}
@media (max-width: 991px) {
    .configurator__right {
        position: relative;
        top: 0;
    }
}
.configurator__right-img {
    width: 100%;
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.configurator__right-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.configurator__right-price {
    font-size: clamp(26px, 2.0833333333vw, 40px);
    font-weight: 700;
    line-height: 1.225;
}
.configurator__right-text {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.5);
}
.configurator__right-btn {
    width: 100%;
}
.configurator__right-btn--first {
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.configurator__end-price {
    text-align: end;
    border-top: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    padding-top: clamp(40px, 2.0833333333vw, 40px);
    padding-bottom: clamp(24px, 1.25vw, 24px);
    margin-bottom: clamp(24px, 1.25vw, 24px);
}
@media (max-width: 991px) {
    .configurator__end-price-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: clamp(8px, 0.4166666667vw, 8px);
    }
}
.configurator__end-title {
    font-size: clamp(26px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.configurator__end-num {
    font-size: clamp(40px, 2.0833333333vw, 40px);
    font-weight: 700;
    line-height: 1.225;
}
.configurator__end-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
.configurator__end-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 575px) {
    .configurator__end-items {
        display: block;
        width: 100%;
    }
}
@media (max-width: 575px) {
    .configurator__end-item:not(:last-child) {
        margin-bottom: 16px;
    }
}
@media (max-width: 991px) {
    .configurator__end-item .configurator__end-btn {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .configurator__end-btn--main {
        display: none;
    }
}
.configurator__end-btn--small {
    display: none;
}
@media (max-width: 991px) {
    .configurator__end-btn--small {
        display: block;
    }
}
.configurator__right-bottoms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: clamp(24px, 1.25vw, 24px);
    margin-top: clamp(16px, 1.25vw, 24px);
}
.configurator__right-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: clamp(49px, 3.2291666667vw, 62px);
    height: clamp(49px, 3.2291666667vw, 62px);
    background-color: #DA2438;
    border-radius: clamp(8px, 0.625vw, 12px);
}
.configurator__right-link svg {
    width: clamp(38px, 2.5vw, 48px);
    height: clamp(38px, 2.5vw, 48px);
}

.quantity {
    display: block;
    width: clamp(132px, 6.875vw, 132px);
    height: clamp(32px, 3.3333333333vw, 64px);
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.1);
    border-radius: clamp(12px, 0.625vw, 12px);
    overflow: hidden;
}
@media (max-width: 991px) {
    .quantity {
        width: 100%;
        border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
        border-radius: 4px 4px 0 0;
    }
}
.quantity__input {
    display: none;
}
.quantity__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.quantity__btn, .quantity__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.quantity__btn {
    font-size: clamp(40px, 2.0833333333vw, 40px);
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.quantity__btn:hover {
    color: #ffffff;
    background-color: #F01B33;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.payment_top {
    background-color: #F3F4F6;
    padding: clamp(24px, 1.6666666667vw, 32px) 0 clamp(16px, 1.6666666667vw, 32px);
}
.payment_top__inner {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(24px, 3.4375vw, 66px) clamp(16px, 0.8333333333vw, 16px);
}
.payment_top__subtitle {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    text-align: center;
    max-width: clamp(672px, 35vw, 672px);
    margin: 0 auto clamp(24px, 1.6666666667vw, 32px) auto;
}
@media (max-width: 575px) {
    .payment_top__btn {
        width: 100%;
    }
}
.payment_top__box {
    text-align: center;
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.payment_top__partner_box {
    text-align: center;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.payment_top__partner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(12px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.3;
    color: #ffffff;
    background-color: rgba(26, 17, 16, 0.6);
    border-radius: clamp(100px, 5.2083333333vw, 100px);
    gap: clamp(16px, 0.8333333333vw, 16px);
    padding: clamp(12px, 0.625vw, 12px) clamp(24px, 1.25vw, 24px);
}
@media (max-width: 767px) {
    .payment_top__partner {
        font-weight: 500;
    }
}
.payment_top__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
.payment_top__bank {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(14px, 0.9375vw, 18px);
    font-weight: 500;
    line-height: 1.3;
    width: clamp(254px, 13.2291666667vw, 254px);
    color: #ffffff;
    border-radius: clamp(12px, 0.625vw, 12px);
    gap: clamp(4px, 0.8333333333vw, 16px);
    padding: clamp(16px, 0.8333333333vw, 16px);
}
.payment_top__bank svg {
    width: clamp(32px, 2.5vw, 48px);
    height: clamp(32px, 2.5vw, 48px);
}
.payment_top__bank:first-child {
    background-color: #1E5650;
}
.payment_top__bank:last-child {
    background-color: #393732;
}

.payment_block {
    background-color: #F3F4F6;
    padding-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.payment_block__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(32px, 1.6666666667vw, 32px);
}
@media (max-width: 991px) {
    .payment_block__content {
        display: block;
    }
}
.payment_block__box {
    width: 100%;
    background-color: #ffffff;
    border-radius: clamp(12px, 1.25vw, 24px);
    padding: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 991px) {
    .payment_block__box:first-child {
        margin-bottom: 16px;
    }
}
.payment_block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(22px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    gap: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.payment_block__title svg {
    width: clamp(48px, 3.3333333333vw, 64px);
    height: clamp(48px, 3.3333333333vw, 64px);
}
.payment_block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
.payment_block__item:not(:last-child) {
    margin-bottom: clamp(24px, 1.25vw, 24px);
}
.payment_block__item svg {
    width: clamp(24px, 1.25vw, 24px);
    height: clamp(24px, 1.25vw, 24px);
}

.decoration {
    background-color: #F3F4F6;
    padding-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.decoration .payment_block__title {
    margin-bottom: clamp(24px, 1.25vw, 24px);
}
.decoration__item {
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(24px, 1.25vw, 24px);
    overflow: hidden;
}
.decoration__item:not(:last-child) {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.decoration__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #ffffff;
    gap: clamp(8px, 0.4166666667vw, 8px);
    padding: clamp(24px, 1.25vw, 24px);
    cursor: pointer;
}
.decoration__top--active svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.decoration__top svg {
    width: clamp(24px, 1.25vw, 24px);
    height: clamp(24px, 1.25vw, 24px);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.decoration__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
.decoration__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(20px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    width: clamp(40px, 2.0833333333vw, 40px);
    height: clamp(40px, 2.0833333333vw, 40px);
    color: #ffffff;
    background-color: #DA2438;
    border-radius: 100%;
}
.decoration__item-title {
    font-size: clamp(20px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
}
.decoration__text {
    background-color: #F3F4F6;
    padding: clamp(24px, 1.25vw, 24px);
}
.decoration__text {
    display: none;
}
.decoration__text h3 {
    font-size: clamp(18px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    color: #DA2438;
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.decoration__text p {
    font-size: clamp(20px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(12px, 0.625vw, 12px);
}
.decoration__text p:last-child {
    margin-bottom: 0;
}

.important {
    background-color: #F3F4F6;
    padding-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.important__inner {
    background-color: rgba(255, 204, 50, 0.3);
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(24px, 1.25vw, 24px);
}
.important__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.important__img {
    width: clamp(32px, 1.6666666667vw, 32px);
}
.important__title {
    font-size: clamp(20px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
}
.important__text {
    font-size: clamp(20px, 1.0416666667vw, 20px);
    line-height: 1.4;
}
.important__text a {
    color: #1A1110;
    font-weight: 700;
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid #1A1110;
}

.delivery_top {
    background-color: #F3F4F6;
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.delivery_top--services .payment_top__subtitle {
    max-width: clamp(1168px, 60.8333333333vw, 1168px);
}
.delivery_top__inner {
    background-color: #ffffff;
    border-radius: clamp(12px, 1.25vw, 24px);
    -webkit-box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.12);
    padding: clamp(24px, 2.34375vw, 45px) clamp(16px, 2.34375vw, 45px);
}
.delivery_top__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.3;
    max-width: clamp(970px, 50.5208333333vw, 970px);
    background-color: rgba(218, 36, 56, 0.2);
    border-radius: clamp(12px, 1.25vw, 24px);
    text-align: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
    padding: clamp(24px, 1.25vw, 24px) clamp(24px, 3.6458333333vw, 70px) clamp(24px, 1.25vw, 24px) clamp(24px, 1.25vw, 24px);
    margin: 0 auto clamp(24px, 1.6666666667vw, 32px) auto;
}
@media (max-width: 767px) {
    .delivery_top__text {
        display: block;
    }
}
.delivery_top__text svg {
    min-width: clamp(24px, 1.6666666667vw, 32px);
    height: clamp(24px, 1.6666666667vw, 32px);
}
@media (max-width: 767px) {
    .delivery_top__text svg {
        display: block;
        margin: 0 auto 8px auto;
    }
}
.delivery_top__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 767px) {
    .delivery_top__items {
        display: block;
    }
}
@media (max-width: 767px) {
    .delivery_top__item:not(:last-child) {
        margin-bottom: 16px;
    }
}
.delivery_top__item:first-child .delivery_top__link {
    background-image: -webkit-gradient(linear, left top, right top, from(#387df3), to(#1f52da));
    background-image: linear-gradient(90deg, #387df3 0%, #1f52da 100%);
}
.delivery_top__item:nth-child(2) .delivery_top__link {
    background-image: -webkit-gradient(linear, left top, right top, from(#f29a0a), to(#da7906));
    background-image: linear-gradient(90deg, #f29a0a 0%, #da7906 100%);
}
.delivery_top__item:last-child .delivery_top__link {
    background-image: -webkit-gradient(linear, left top, right top, from(#21c25c), to(#17a54b));
    background-image: linear-gradient(90deg, #21c25c 0%, #17a54b 100%);
}
.delivery_top__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    font-weight: 600;
    line-height: 1.3;
    color: #ffffff;
    border-radius: clamp(8px, 0.625vw, 12px);
    gap: clamp(8px, 0.4166666667vw, 8px);
    padding: clamp(16px, 0.8333333333vw, 16px) clamp(24px, 1.25vw, 24px);
}
@media (max-width: 767px) {
    .delivery_top__link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.delivery_about {
    background-color: #F3F4F6;
    padding-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.delivery_about--two .delivery_about__block {
    border-color: #ef9609;
}
.delivery_about--two .delivery_about__title-tag {
    background-image: -webkit-gradient(linear, left top, right top, from(#ef9709), to(#dc7c06));
    background-image: linear-gradient(90deg, #ef9709 0%, #dc7c06 100%);
}
.delivery_about--three .delivery_about__block {
    border-color: #22bd5b;
}
.delivery_about--three .delivery_about__title-tag {
    background-image: -webkit-gradient(linear, left top, right top, from(#22c55e), to(#22bd5b));
    background-image: linear-gradient(90deg, #22c55e 0%, #22bd5b 100%);
}
.delivery_about--three .delivery_about__items {
    margin-bottom: 0;
}
.delivery_about--four .delivery_about__block {
    color: #ffffff;
    background-color: #17C336;
    border-left: 0;
}
@media (max-width: 575px) {
    .delivery_about--four .delivery_about__block {
        border-top: none;
    }
}
.delivery_about--four .delivery_about__title {
    margin-bottom: clamp(24px, 1.25vw, 24px);
}
@media (max-width: 575px) {
    .delivery_about--four .delivery_about__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.delivery_about__block {
    background-color: #ffffff;
    border-left: clamp(4px, 0.2083333333vw, 4px) solid #3267be;
    border-radius: clamp(12px, 1.25vw, 24px);
    padding: clamp(16px, 2.5vw, 48px);
}
@media (max-width: 575px) {
    .delivery_about__block {
        border-top: clamp(4px, 0.2083333333vw, 4px) solid #3267be;
        border-left: none;
    }
}
.delivery_about__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(8px, 0.8333333333vw, 16px);
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
@media (max-width: 575px) {
    .delivery_about__title {
        display: block;
    }
}
.delivery_about__title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(8px, 0.8333333333vw, 16px);
}
@media (max-width: 575px) {
    .delivery_about__title-box {
        margin-bottom: 8px;
    }
}
.delivery_about__title-box svg {
    width: clamp(48px, 3.0208333333vw, 58px);
    height: clamp(48px, 3.0208333333vw, 58px);
}
.delivery_about__title-tag {
    font-size: clamp(14px, 0.9375vw, 18px);
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: clamp(100px, 5.2083333333vw, 100px);
    background-image: -webkit-gradient(linear, left top, right top, from(#3375ee), to(#2256dd));
    background-image: linear-gradient(90deg, #3375ee 0%, #2256dd 100%);
    padding: clamp(10px, 0.5208333333vw, 10px) clamp(12px, 1.0416666667vw, 20px);
}
@media (max-width: 575px) {
    .delivery_about__title-tag {
        text-align: center;
        width: 100%;
    }
}
.delivery_about__title-text {
    font-size: clamp(22px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
}
.delivery_about__text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(24px, 1.25vw, 24px);
}
.delivery_about__items {
    margin-bottom: clamp(48px, 2.5vw, 48px);
}
.delivery_about__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    background-color: #F3F4F6;
    border-radius: clamp(8px, 0.625vw, 12px);
    gap: clamp(8px, 0.4166666667vw, 8px);
    padding: clamp(14px, 0.8333333333vw, 16px) clamp(16px, 1.0416666667vw, 20px);
}
.delivery_about__item:not(:last-child) {
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
.delivery_about__item-img {
    width: clamp(24px, 1.25vw, 24px);
    height: clamp(24px, 1.25vw, 24px);
}
.delivery_about__bottom-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    gap: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 575px) {
    .delivery_about__bottom-title {
        margin-bottom: 24px;
    }
}
.delivery_about__bottom-title-img {
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
}
.delivery_about__bottom_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 1400px) {
    .delivery_about__bottom_items {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .delivery_about__bottom_items {
        display: block;
    }
}
.delivery_about__bottom_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #F3F4F6;
    border: clamp(1px, 0.0520833333vw, 1px) solid #2d4061;
    border-radius: clamp(12px, 0.625vw, 12px);
    gap: clamp(12px, 0.625vw, 12px);
    padding: clamp(24px, 1.25vw, 24px);
}
@media (max-width: 767px) {
    .delivery_about__bottom_item:not(:last-child) {
        margin-bottom: 24px;
    }
}
.delivery_about__bottom_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(18px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    color: #5791DA;
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.delivery_about__bottom_top_icon {
    width: clamp(24px, 1.25vw, 24px);
    height: clamp(24px, 1.25vw, 24px);
}
.delivery_about__bottom_item {
    width: 100%;
    height: auto;
}
.delivery_about__bottom_item_box {
    height: 100%;
}
.delivery_about__bottom_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
.delivery_about__bottom_list_item {
    font-size: clamp(14px, 0.7291666667vw, 14px);
    line-height: 1.25;
    border-radius: clamp(4px, 0.2083333333vw, 4px);
    background-color: rgba(35, 88, 222, 0.3);
    padding: clamp(10px, 0.5208333333vw, 10px) clamp(8px, 0.4166666667vw, 8px);
}
.delivery_about__two_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 1200px) {
    .delivery_about__two_items {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 575px) {
    .delivery_about__two_items {
        display: block;
    }
}
.delivery_about__two_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 500;
    line-height: 1.3;
    width: 100%;
    background-color: #F3F4F6;
    border: clamp(1px, 0.0520833333vw, 1px) solid #f6a712;
    border-radius: clamp(8px, 0.625vw, 12px);
    gap: clamp(8px, 0.4166666667vw, 8px);
    padding: clamp(14px, 0.8333333333vw, 16px) clamp(16px, 1.25vw, 24px);
}
@media (max-width: 575px) {
    .delivery_about__two_item:not(:last-child) {
        margin-bottom: 16px;
    }
}
.delivery_about__two_icon {
    width: clamp(24px, 2.0833333333vw, 40px);
    height: clamp(24px, 2.0833333333vw, 40px);
    -o-object-fit: contain;
    object-fit: contain;
}
.delivery_about__last_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #1A1110;
    background-color: #ffffff;
    border-radius: clamp(12px, 0.625vw, 12px);
    gap: clamp(8px, 0.4166666667vw, 8px);
    padding: clamp(16px, 0.8333333333vw, 16px) clamp(24px, 1.25vw, 24px);
}
.delivery_about__last_item:not(:last-child) {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.delivery_about__last_img {
    width: clamp(48px, 3.3333333333vw, 64px);
    height: clamp(48px, 3.3333333333vw, 64px);
}
.delivery_about__last_title {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(4px, 0.2083333333vw, 4px);
}
.delivery_about__last_text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
}

.contacts {
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.contacts__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(12px, 0.625vw, 12px);
    border-top: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.1);
    padding-top: clamp(16px, 1.875vw, 36px);
    margin-bottom: clamp(32px, 1.6666666667vw, 32px);
    transition: color .1s;
}
@media (max-width: 991px) {
    .contacts__top {
        display: block;
        margin-bottom: 56px;
    }
}
@media (max-width: 991px) {
    .contacts__top_item:not(:last-child) {
        margin-bottom: 24px;
    }
}
.contacts__top a:hover {
    color: #DA2438;
    transition: color .1s;
}
@media (max-width: 575px) {
    .contacts__btn {
        width: 100%;
    }
}
.contacts__top_item_title {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.6);
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.contacts__top_link {
    font-size: clamp(20px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    color: #1A1110;
}
.contacts__map {
    width: 100%;
    height: clamp(410px, 25.78125vw, 495px);
}
.contacts__map iframe {
    width: 100%;
    height: 100%;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(24px, 1.25vw, 24px);
}
.contacts__address {
    padding: 0 clamp(48px, 2.5vw, 48px);
}
@media (max-width: 767px) {
    .contacts__address {
        padding: 0;
    }
}
.contacts__address_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-top: none;
    border-radius: 0 0 clamp(24px, 1.25vw, 24px) clamp(24px, 1.25vw, 24px);
    gap: clamp(16px, 4.7395833333vw, 91px);
    padding: clamp(16px, 2.5vw, 48px);
}
@media (max-width: 575px) {
    .contacts__address_wrapper {
        display: block;
    }
}
.contacts__address_img {
    width: clamp(200px, 15.7291666667vw, 302px);
    max-height: clamp(193px, 10.0520833333vw, 193px);
    height: 100%;
    border-radius: clamp(12px, 0.625vw, 12px);
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 575px) {
    .contacts__address_img {
        width: 100%;
        max-height: 211px;
        margin-bottom: 21px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.contacts__address_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 2.6041666667vw, 50px);
    transition: color .1s;
}
@media (max-width: 1400px) {
    .contacts__address_inner {
        display: block;
    }
}
.contacts__address_inner a:hover {
    color: #DA2438;
    transition: color .1s;
}
.contacts__address_title {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.contacts__address_map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    text-transform: uppercase;
    color: #1A1110;
    gap: clamp(4px, 0.2083333333vw, 4px);
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.contacts__address_map svg {
    width: clamp(16px, 0.8333333333vw, 16px);
    height: clamp(16px, 0.8333333333vw, 16px);
}
.contacts__address_time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: clamp(18px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    gap: clamp(4px, 0.2083333333vw, 4px);
}
@media (max-width: 1400px) {
    .contacts__address_time {
        border-bottom: 1px solid rgba(26, 17, 16, 0.2);
        padding-bottom: 21px;
        margin-bottom: 21px;
    }
}
.contacts__address_time svg {
    width: clamp(16px, 0.8333333333vw, 16px);
    height: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 1400px) {
    .contacts__address_phones {
        border-bottom: 1px solid rgba(26, 17, 16, 0.2);
        padding-bottom: 21px;
        margin-bottom: 21px;
    }
}
.contacts__address_tel {
    display: block;
    font-size: clamp(14px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    white-space: nowrap;
    color: #1A1110;
}
.contacts__address_tel:first-child {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.contacts__address_mail {
    font-size: clamp(14px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    color: #1A1110;
}
@media (max-width: 1400px) {
    .contacts__address_mail {
        display: block;
        border-bottom: 1px solid rgba(26, 17, 16, 0.2);
        padding-bottom: 21px;
        margin-bottom: 21px;
    }
}
.contacts__address_icons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 575px) {
    .contacts__address_icons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.contacts__address_icon_img {
    width: clamp(48px, 2.5vw, 48px);
    height: clamp(48px, 2.5vw, 48px);
}

.about {
    background-color: #F3F4F6;
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.about .breadcrumbs {
    margin-bottom: clamp(24px, 2.5vw, 48px);
}

/* ── Хлебные крошки в стиле DNS: прокрутка вбок, приглушённые ── */
.breadcrumbs-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-bottom: 10px;
}
.breadcrumbs-scroll::-webkit-scrollbar { display: none; }
.breadcrumbs-scroll .breadcrumbs {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
    margin-bottom: 0;
    white-space: nowrap;
}
.breadcrumbs-scroll .breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}
.breadcrumbs-scroll .breadcrumbs__sep {
    margin: 0 8px;
    color: rgba(26,17,16,.3);
    font-size: 13px;
}
.breadcrumbs-scroll .breadcrumbs__text {
    font-size: 13px !important;
    line-height: 1.2;
    color: rgba(26,17,16,.5) !important;
    transition: color .15s;
}
.breadcrumbs-scroll a.breadcrumbs__text:hover { color: #DA2438 !important; }
.breadcrumbs-scroll .breadcrumbs__item--current .breadcrumbs__text { color: rgba(26,17,16,.75) !important; }

/* Убираем дублирующий заголовок «Каталог» на страницах каталога */
.about:has(.product-page-main) > .container > .title-page,
.about:has(.catalog) > .container > .title-page,
.about:has(.catalog__box) > .container > .title-page,
.about:has(.catalog__categories) > .container > .title-page { display: none; }

.block__item:not(:last-child) {
    margin-bottom: clamp(24px, 2.5vw, 48px);
}
.block__item-title {
    font-size: clamp(20px, 1.25vw, 24px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(8px, 0.9375vw, 18px);
}
.block__text {
    font-size: clamp(16px, 0.9375vw, 18px);
    line-height: 1.4;
    margin-bottom: clamp(24px, 2.5vw, 48px);
}

.comparison {
    background-color: #F3F4F6;
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.comparison__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
}
.comparison__link {
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    color: #1A1110;
    white-space: nowrap;
    padding: clamp(14px, 1.09375vw, 21px) clamp(24px, 2.03125vw, 39px);
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.comparison__link--active {
    color: #ffffff;
    background-color: #DA2438;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.comparison__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
}
.comparison__inner--active {
    position: relative;
    opacity: 1;
    visibility: visible;
}
.comparison__item {
    max-width: clamp(180px, 22.5vw, 432px);
    width: 100%;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
}
.comparison__wrapper {
    padding: clamp(8px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px);
}
.comparison__img {
    width: 100%;
    margin-bottom: clamp(8px, 1.25vw, 24px);
}
.comparison__price {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(8px, 1.25vw, 24px);
}
.comparison__garant-text {
    display: block;
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: #17C336;
    margin-bottom: clamp(4px, 0.4166666667vw, 8px);
}
.comparison__there {
    display: inline-block;
    font-size: clamp(12px, 1.0416666667vw, 20px);
    line-height: 1.4;
    color: #17C336;
    border: clamp(1px, 0.0520833333vw, 1px) solid #17C336;
    border-radius: clamp(12px, 0.625vw, 12px);
    padding: clamp(4px, 0.2083333333vw, 4px) clamp(16px, 1.25vw, 24px);
    margin-bottom: clamp(8px, 1.25vw, 24px);
}
.comparison__rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(12px, 0.625vw, 12px);
}
@media (max-width: 1200px) {
    .comparison__rate {
        display: block;
    }
}
.comparison__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(3px, 0.8333333333vw, 16px);
}
@media (max-width: 1200px) {
    .comparison__stars {
        margin-bottom: 4px;
    }
}
.comparison__star {
    width: clamp(16px, 1.25vw, 24px);
    height: clamp(16px, 1.25vw, 24px);
}
.comparison__star svg {
    width: 100%;
    height: 100%;
}
.comparison__star--active svg {
    fill: #FFB732;
}
.comparison__reviews_link {
    font-size: clamp(12px, 1.0416666667vw, 20px);
    line-height: 1.4;
    color: #1A1110;
}
.comparison__specifications_item {
    border-top: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    padding: clamp(8px, 0.9375vw, 18px) clamp(16px, 0.9375vw, 18px);
}
.comparison__specifications_title {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.6);
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.comparison__specifications_text {
    font-size: clamp(12px, 1.0416666667vw, 20px);
    line-height: 1.4;
    padding-left: clamp(13px, 2.0833333333vw, 40px);
}
.comparison__pagination {
    display: block;
    position: relative;
    width: 100%;
    height: clamp(16px, 1.25vw, 24px) !important;
    background-color: transparent;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-top: none;
}
.comparison .swiper-pagination-progressbar-fill {
    background-color: #DA2438;
}
.comparison__pagination-two {
    display: block;
    position: relative;
    width: 100%;
    height: clamp(16px, 1.25vw, 24px) !important;
    background-color: transparent;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-top: none;
}

.favorites {
    background-color: #F3F4F6;
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.favorites .catalog__filters-visible {
    background: rgba(26, 17, 16, 0.1);
}
.favorites .catalog__filters-visible {
    min-width: clamp(24px, 1.6666666667vw, 32px);
    height: clamp(24px, 1.6666666667vw, 32px);
}
.favorites__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(8px, 2.5vw, 48px);
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.favorites__remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    gap: clamp(8px, 0.8333333333vw, 16px);
}
.favorites__remove svg {
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
}
.favorites__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
    border-top: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.1);
    padding: clamp(32px, 1.6666666667vw, 32px) 0;
}
@media (max-width: 767px) {
    .favorites__item {
        display: block;
    }
}
.favorites__item:last-child {
    padding-bottom: 0;
}
@media (max-width: 767px) {
    .favorites .catalog__filters-label--main {
        display: none;
    }
}
.favorites .catalog__filters-label--small {
    display: none;
}
@media (max-width: 767px) {
    .favorites .catalog__filters-label--small {
        display: block;
    }
}
.favorites__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: clamp(32px, 1.6666666667vw, 32px);
}
@media (max-width: 767px) {
    .favorites__content {
        display: block;
    }
}
.favorites__content_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(32px, 1.6666666667vw, 32px);
}
@media (max-width: 767px) {
    .favorites__content_box {
        display: block;
        border-bottom: 1px solid rgba(26, 17, 16, 0.2);
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
}
.favorites__img {
    width: clamp(140px, 7.2916666667vw, 140px);
    height: clamp(140px, 7.2916666667vw, 140px);
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 767px) {
    .favorites__img {
        width: 100%;
        max-height: 400px;
        height: 100%;
        margin-bottom: 16px;
    }
}
@media (max-width: 767px) {
    .favorites__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: clamp(16px, 0.8333333333vw, 16px);
    }
}
.favorites__inner-title {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.favorites__subtitle {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.favorites__inner-remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: clamp(34px, 2.5vw, 48px);
    max-width: clamp(34px, 2.5vw, 48px);
    height: clamp(34px, 2.5vw, 48px);
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.1);
    border-radius: clamp(8px, 0.625vw, 12px);
    cursor: pointer;
}
@media (max-width: 767px) {
    .favorites__inner-remove {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 767px) {
    .favorites__inner-remove--main {
        display: none;
    }
}
.favorites__inner-remove--small {
    display: none;
}
@media (max-width: 767px) {
    .favorites__inner-remove--small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.favorites__inner-remove svg {
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
}
.favorites__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(12px, 0.625vw, 12px);
}
@media (max-width: 767px) {
    .favorites__right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        gap: 16px;
    }
}
@media (max-width: 767px) {
    .favorites__price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: auto;
        border: 1px solid rgba(26, 17, 16, 0.2);
        border-radius: 8px;
    }
}
.favorites__num {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(4px, 0.2083333333vw, 4px);
}
.favorites__num-old {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    text-decoration: line-through;
    color: rgba(248, 49, 47, 0.5);
}
.favorites__btn {
    white-space: nowrap;
}
@media (max-width: 767px) {
    .favorites__btn {
        width: 100%;
    }
}

.basket__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.8333333333vw, 16px);
}
@media (max-width: 767px) {
    .basket__box--main {
        display: none;
    }
}
.basket__box--small {
    display: none;
}
@media (max-width: 767px) {
    .basket__box--small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.basket__heart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: clamp(34px, 2.5vw, 48px);
    height: clamp(34px, 2.5vw, 48px);
    background-color: #DA2438;
    border-radius: clamp(8px, 0.625vw, 12px);
    cursor: pointer;
}
.basket__heart svg {
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
}
.basket .favorites__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.basket .favorites__right {
    gap: clamp(16px, 1.25vw, 24px);
}
.basket .quantity {
    background-color: #ffffff;
}
@media (max-width: 991px) {
    .basket .quantity {
        min-width: max(114px, 8.28125vw);
        border-radius: clamp(8px, 0.625vw, 12px);
    }
}
.basket__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 1.6666666667vw, 32px);
}
@media (max-width: 991px) {
    .basket__content {
        display: block;
    }
}
.basket__left {
    width: 100%;
}
@media (max-width: 991px) {
    .basket__left {
        margin-bottom: 16px;
    }
}
.basket__right {
    position: sticky;
    max-width: clamp(432px, 22.5vw, 432px);
    height: 100%;
    top: clamp(88px, 4.5833333333vw, 88px);
}
@media (max-width: 991px) {
    .basket__right {
        max-width: 100%;
    }
}
.basket__right_content {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(24px, 1.25vw, 24px);
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.basket__right-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-area: clamp(8px, 0.4166666667vw, 8px);
}
.basket__right-box:not(:last-child) {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.basket__right-box--top {
    border-bottom: 1px solid rgba(26, 17, 16, 0.1);
    padding-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.basket__right-box--color {
    margin-bottom: clamp(8px, 0.4166666667vw, 8px) !important;
}
.basket__right-box--color .basket__right_text,
.basket__right-box--color .basket__right_text {
    color: rgba(26, 17, 16, 0.6);
}
.basket__right_text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
}
.basket__right_text_small {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.6);
}
.basket__right_text_small--margin {
    padding-left: clamp(16px, 0.8333333333vw, 16px);
}
.basket__right_text_small--color {
    color: rgba(248, 49, 47, 0.5);
}
.basket__right_btn {
    width: 100%;
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.basket__bottom {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
}
.basket__bottom a {
    font-weight: 700;
    color: #1A1110;
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid #1A1110;
}

.not-found {
    background-color: #F3F4F6;
    padding: clamp(24px, 4.1666666667vw, 80px) 0 clamp(32px, 2.5vw, 48px);
}
.not-found__top {
    font-size: clamp(96px, 6.6666666667vw, 128px);
    font-weight: 700;
    line-height: 1.21875;
    text-align: center;
    max-width: clamp(472px, 24.5833333333vw, 472px);
    color: #DA2438;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 2px rgba(26, 17, 16, 0.12);
    box-shadow: 0 0 20px 2px rgba(26, 17, 16, 0.12);
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(32px, 1.6666666667vw, 32px);
    margin: 0 auto clamp(32px, 2.5vw, 48px) auto;
}
.not-found__title {
    font-size: clamp(26px, 2.0833333333vw, 40px);
    font-weight: 700;
    line-height: 1.225;
    text-align: center;
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.not-found__subtitle {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    text-align: center;
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.not-found__box {
    text-align: center;
}
@media (max-width: 575px) {
    .not-found__btn {
        font-size: 14px;
        width: 100%;
    }
}

.thanks__inner {
    max-width: clamp(825px, 42.96875vw, 825px);
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 2px rgba(26, 17, 16, 0.12);
    box-shadow: 0 0 20px 2px rgba(26, 17, 16, 0.12);
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(16px, 2.5vw, 48px);
    margin: 0 auto;
}

.policy {
    background-color: #F3F4F6;
    padding: clamp(24px, 1.6666666667vw, 32px) 0;
}
.policy__title {
    margin-bottom: clamp(24px, 2.5vw, 48px);
}
.policy__text h2 {
    font-size: clamp(22px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    color: #DA2438;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.policy__text h2:not(:first-child) {
    margin-top: clamp(24px, 2.5vw, 48px);
}
.policy__text p {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    padding-left: clamp(0px, 1.6666666667vw, 32px);
}
@media (max-width: 767px) {
    .policy__text p {
        padding-left: 0;
    }
}
.policy__text p:not(:last-child) {
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}

.partners__text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.partners__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(16px, 1.25vw, 24px) 0;
}
@media (max-width: 991px) {
    .partners__items {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 767px) {
    .partners__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .partners__items {
        display: block;
    }
}
.partners__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
}
.partners__img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.partners__item_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    text-align: center;
    height: 100%;
    background-color: #ffffff;
    padding: clamp(16px, 1.0416666667vw, 20px) clamp(8px, 0.4166666667vw, 8px);
}

.ques__top_text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(8px, 1.25vw, 24px);
}
.ques__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 1.25vw, 24px);
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
@media (max-width: 767px) {
    .ques__box {
        display: block;
    }
}
@media (max-width: 767px) {
    .ques__btn {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .ques__btn:first-child {
        margin-bottom: 8px;
    }
}
.ques__items {
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.ques__item {
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
}
.ques__item_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(16px, 0.8333333333vw, 16px);
    padding: clamp(24px, 1.25vw, 24px);
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.ques__item_top:hover {
    background-color: #ffffff;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.ques__item_top:hover svg {
    stroke: #ffffff;
    background-color: #DA2438;
    -webkit-transition: stroke 0.3s, background-color 0.3s;
    transition: stroke 0.3s, background-color 0.3s;
}
.ques__item_top--active {
    background-color: #ffffff;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.ques__item_top--active svg {
    stroke: #ffffff !important;
    background-color: #DA2438;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: stroke 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    transition: stroke 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, stroke 0.3s, background-color 0.3s;
    transition: transform 0.3s, stroke 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}
.ques__item_top svg {
    min-width: clamp(32px, 3.3333333333vw, 64px);
    max-width: clamp(32px, 3.3333333333vw, 64px);
    height: clamp(32px, 3.3333333333vw, 64px);
    stroke: #1A1110;
    border-radius: clamp(6px, 0.625vw, 12px);
    -webkit-transition: stroke 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    transition: stroke 0.3s, background-color 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, stroke 0.3s, background-color 0.3s;
    transition: transform 0.3s, stroke 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}
.ques__item_title {
    font-size: clamp(14px, 1.3541666667vw, 26px);
    line-height: 1.3;
}
.ques__text {
    display: none;
    background-color: #ffffff;
    padding: 0 clamp(24px, 1.25vw, 24px) clamp(24px, 1.25vw, 24px) clamp(24px, 1.25vw, 24px);
}
.ques__text_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: clamp(1px, 0.0520833333vw, 1px) solid #1A1110;
    gap: clamp(24px, 1.25vw, 24px);
    padding-top: clamp(24px, 1.25vw, 24px);
}
@media (max-width: 991px) {
    .ques__text_content {
        display: block;
    }
}
.ques__text_content img {
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 991px) {
    .ques__text_content img {
        width: 100%;
        max-height: 400px;
        margin-bottom: 24px;
    }
}
.ques__text_box {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
}
.ques__text_box p:not(:last-child),
.ques__text_box ol:not(:last-child),
.ques__text_box ul:not(:last-child) {
    margin-bottom: clamp(24px, 1.25vw, 24px);
}
.ques__text_box ol,
.ques__text_box ul {
    margin-left: clamp(24px, 1.25vw, 24px);
}

.connection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    gap: clamp(8px, 0.8333333333vw, 16px);
    padding: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 991px) {
    .connection {
        display: block;
    }
}
.connection__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(8px, 1.25vw, 24px);
}
@media (max-width: 991px) {
    .connection__box {
        margin-bottom: 8px;
    }
}
.connection__img {
    width: clamp(48px, 3.6458333333vw, 70px);
    height: clamp(48px, 3.6458333333vw, 70px);
}
.connection__title {
    font-size: clamp(14px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(4px, 0.4166666667vw, 8px);
}
.connection__text {
    font-size: clamp(12px, 1.0416666667vw, 20px);
    line-height: 1.4;
}
@media (max-width: 991px) {
    .connection__btn {
        width: 100%;
    }
}

.popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
    padding: clamp(10px, 0.5208333333vw, 10px);
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
.popup--active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}
.popup__wrapper {
    max-width: clamp(824px, 42.9166666667vw, 824px);
    width: 100%;
    margin: auto;
}
.popup__inner {
    width: 100%;
    background-color: #ffffff;
    border-radius: clamp(12px, 1.25vw, 24px);
    padding: clamp(16px, 2.5vw, 48px);
}
.popup__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(16px, 2.5vw, 48px);
}
.popup__title {
    font-size: clamp(26px, 2.0833333333vw, 40px);
    font-weight: 500;
    line-height: 1.225;
}
.popup__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}
.popup__close svg {
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
}

.form--border {
    border-radius: clamp(24px, 1.25vw, 24px);
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    padding: clamp(16px, 1.6666666667vw, 32px);
}
.form--border input,
.form--border textarea {
    background-color: #ffffff;
    border-radius: clamp(8px, 0.4166666667vw, 8px);
}
.form--popup_two .form__bottom_text {
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.form__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 767px) {
    .form__box {
        display: block;
    }
}
.form__label {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.form__label--pass .form__input {
    padding-right: clamp(72px, 3.75vw, 72px);
}
.form__text {
    display: block;
    font-size: clamp(12px, 0.8333333333vw, 16px);
    font-weight: 400;
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.7);
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
.form__text span {
    color: #DA2438;
}
.form__pass {
    position: absolute;
    right: clamp(20px, 1.0416666667vw, 20px);
    bottom: clamp(8px, 0.8333333333vw, 16px);
    cursor: pointer;
}
.form__pass_hidden {
    display: none;
}
.form__pass_v, .form__pass_c {
    width: clamp(32px, 1.6666666667vw, 32px);
    height: clamp(32px, 1.6666666667vw, 32px);
}
.form__input {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
    width: 100%;
    height: clamp(48px, 3.0208333333vw, 58px);
    background-color: #F3F4F6;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(255, 255, 255, 0.1);
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(8px, 0.4166666667vw, 8px) clamp(20px, 1.0416666667vw, 20px);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.form__input::-webkit-input-placeholder {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.7);
}
.form__input::-moz-placeholder {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.7);
}
.form__input:-ms-input-placeholder {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.7);
}
.form__input::-ms-input-placeholder {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.7);
}
.form__input::placeholder {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: rgba(26, 17, 16, 0.7);
}
.form__input:focus {
    background-color: rgba(26, 17, 16, 0.4);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.form__input--phone {
    padding-left: clamp(80px, 5.4166666667vw, 104px);
}
.form__input--textarea {
    height: clamp(96px, 5vw, 96px);
    resize: none;
}
.form__bottom_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.form__bottom_wrapper .form__check {
    margin-bottom: 0;
}
.form__forgot {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    text-transform: uppercase;
    color: #1A1110;
}
.form__btn_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
.form__bottom_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: clamp(16px, 1.6666666667vw, 32px);
}
@media (max-width: 767px) {
    .form__bottom_box {
        display: block;
    }
}
.form__bottom_box--full {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.form__bottom_box--full .form__check,
.form__bottom_box--full .form__bottom {
    width: 100%;
}
.form__bottom_box--full .form__check {
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .form__bottom_box--full .form__check {
        margin-bottom: 16px;
    }
}
.form__bottom_box_left {
    width: 100%;
}
@media (max-width: 767px) {
    .form__bottom_box_left {
        margin-bottom: 16px;
    }
}
.form__bottom_box_left .form__label:last-child {
    margin-bottom: 0;
}
.form__bottom_box_right {
    width: 83%;
}
.form__label_box {
    width: 100%;
}
.form__label_code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.form__cap_btn {
    min-width: clamp(48px, 3.3333333333vw, 64px);
    height: clamp(48px, 3.3333333333vw, 64px);
    padding: 0;
}
.form__cap_btn svg {
    width: clamp(26px, 1.5625vw, 30px);
    height: clamp(26px, 1.5625vw, 30px);
}
.form__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(8px, 1.25vw, 24px);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
    cursor: pointer;
}
.form__check:hover .form__visible::before {
    height: clamp(17px, 0.8854166667vw, 17px);
    left: clamp(3px, 0.15625vw, 3px);
    -webkit-transition: left 0.3s, height 0.3s;
    transition: left 0.3s, height 0.3s;
}
.form__input-check {
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
}
.form__input-check:checked + .form__visible {
    border-color: green;
    background-color: green;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.form__input-check:checked + .form__visible::before {
    left: calc(100% - clamp(26px, 1.3541666667vw, 26px) - clamp(1px, 0.0520833333vw, 1px));
    -webkit-transition: left 0.3s, height 0.3s;
    transition: left 0.3s, height 0.3s;
}
.form__visible {
    position: relative;
    min-width: clamp(55px, 2.8645833333vw, 55px);
    height: clamp(24px, 1.25vw, 24px);
    background-color: #1A1110;
    border-radius: clamp(100px, 5.2083333333vw, 100px);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.form__visible::before {
    content: "";
    position: absolute;
    width: clamp(26px, 1.3541666667vw, 26px);
    height: clamp(22px, 1.1458333333vw, 22px);
    background-color: #ffffff;
    border-radius: clamp(100px, 5.2083333333vw, 100px);
    top: 50%;
    left: clamp(1px, 0.0520833333vw, 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left 0.3s, height 0.3s;
    transition: left 0.3s, height 0.3s;
}
.form__check_text {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    color: #363D4F;
}
.form__check_text--link {
    color: #1A1110;
    text-decoration: underline;
}
@media (max-width: 575px) {
    .form__check_text--link {
        display: block;
    }
}
.form__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(24px, 1.25vw, 24px);
}
.form__bottom_text {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    color: rgba(26, 17, 16, 0.7);
}
.form__bottom_text span {
    color: #DA2438;
}

.iti {
    width: 100%;
    --iti-path-flags-1x: url("img/flags.webp");
    --iti-path-flags-2x: url("img/flags@2x.webp");
}

.iti__selected-country-primary {
    padding-left: clamp(20px, 1.0416666667vw, 20px);
}

.main_services {
    padding-bottom: clamp(24px, 1.6666666667vw, 32px);
}

.services__title {
    font-size: clamp(26px, 2.0833333333vw, 40px);
    font-weight: 700;
    line-height: 1.225;
    text-align: center;
    color: #17C336;
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.services__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(32px, 1.6666666667vw, 32px);
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}
@media (max-width: 1400px) {
    .services__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 991px) {
    .services__items {
        display: block;
    }
}
.services__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: clamp(360px, 29.0104166667vw, 557px);
    height: 100%;
    background-color: #ffffff;
    border: clamp(4px, 0.2083333333vw, 4px) solid;
    border-radius: clamp(12px, 1.25vw, 24px);
    padding: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 991px) {
    .services__item:not(:last-child) {
        margin-bottom: 16px;
    }
}
.services__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    gap: clamp(16px, 0.8333333333vw, 16px);
    padding-bottom: clamp(12px, 0.8333333333vw, 16px);
    margin-bottom: clamp(12px, 0.8333333333vw, 16px);
}
.services__top_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(16px, 0.8333333333vw, 16px);
}
.services__top_img {
    width: clamp(48px, 3.3333333333vw, 64px);
    height: clamp(48px, 3.3333333333vw, 64px);
}
.services__top_text {
    font-size: clamp(16px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
}
.services__price {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    font-weight: 700;
    line-height: 1.2222222222;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #17C336;
    border-radius: clamp(8px, 0.625vw, 12px);
    padding: clamp(16px, 1.0416666667vw, 20px);
}
@media (max-width: 575px) {
    .services__price {
        letter-spacing: 0;
    }
}
.services__text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    margin-bottom: clamp(24px, 1.25vw, 24px);
}
.services__subitems {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    border-radius: clamp(12px, 0.625vw, 12px);
    padding: clamp(8px, 0.8333333333vw, 16px);
}
.services__subitem {
    position: relative;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    padding-left: clamp(16px, 1.25vw, 24px);
}
.services__subitem::before {
    content: "";
    position: absolute;
    width: clamp(8px, 0.8333333333vw, 16px);
    height: clamp(2px, 0.1041666667vw, 2px);
    background-color: #17C336;
    border-radius: clamp(100px, 5.2083333333vw, 100px);
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.services__subitem:not(:last-child) {
    margin-bottom: clamp(12px, 0.8333333333vw, 16px);
}

.services_advantages {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 1.6666666667vw, 32px);
}
@media (max-width: 991px) {
    .services_advantages {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .services_advantages {
        display: block;
    }
}
.services_advantages__item {
    min-height: clamp(223px, 17.8125vw, 342px);
    height: 100%;
    background-color: #ffffff;
    border: clamp(4px, 0.2083333333vw, 4px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(12px, 1.25vw, 24px);
    padding: clamp(32px, 2.5vw, 48px) clamp(16px, 1.25vw, 24px);
}
@media (max-width: 575px) {
    .services_advantages__item:not(:last-child) {
        margin-bottom: 16px;
    }
}
.services_advantages__box {
    text-align: center;
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.services_advantages__img {
    width: clamp(56px, 4.1666666667vw, 80px);
    height: clamp(56px, 4.1666666667vw, 80px);
}
.services_advantages__title {
    font-size: clamp(22px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
.services_advantages__text {
    display: block;
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    text-align: center;
}

.decoration__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 1.6666666667vw, 32px);
}
@media (max-width: 991px) {
    .decoration__inner {
        display: block;
    }
}
.decoration__left {
    max-width: clamp(1360px, 70.8333333333vw, 1360px);
    width: 100%;
}
@media (max-width: 991px) {
    .decoration__left {
        max-width: 100%;
        margin-bottom: 24px;
    }
}
.decoration__form input,
.decoration__form textarea {
    background-color: #ffffff;
    border-radius: clamp(8px, 0.4166666667vw, 8px);
    border-color: rgba(26, 17, 16, 0.1);
}
.decoration__form .form__label--textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
}
.decoration__form textarea {
    height: clamp(100px, 6.25vw, 120px);
}
.decoration__right {
    max-width: clamp(432px, 22.5vw, 432px);
    width: 100%;
}
@media (max-width: 991px) {
    .decoration__right {
        max-width: 100%;
    }
}
.decoration__right_price {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    border-radius: clamp(24px, 1.25vw, 24px);
    padding: clamp(24px, 1.25vw, 24px);
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.decoration__right_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(12px, 0.625vw, 12px);
}
.decoration__right_box--top {
    border-bottom: 1px solid rgba(26, 17, 16, 0.1);
    padding-bottom: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.decoration__right_box--color {
    margin-bottom: 0;
}
.decoration__right_box--color .decoration__right_text {
    color: rgba(26, 17, 16, 0.6);
}
.decoration__right_box--small {
    margin-bottom: 0;
}
.decoration__right_box--small .decoration__right_text {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    margin-top: clamp(8px, 0.4166666667vw, 8px);
}
.decoration__right_box--small .decoration__right_text:first-child {
    margin-left: clamp(12px, 0.8333333333vw, 16px);
}
.decoration__right_box:last-child {
    margin-bottom: 0;
}
.decoration__right_text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
}
.decoration__right_btns_title {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    color: rgba(26, 17, 16, 0.7);
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.decoration__right_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.decoration__right_item {
    width: 100%;
}
.decoration__right_btn {
    font-size: clamp(14px, 0.8333333333vw, 16px);
    width: 100%;
    padding: clamp(14px, 0.8333333333vw, 16px) clamp(12px, 0.625vw, 12px);
}
.decoration__right_btn--active {
    color: #ffffff;
    background-color: #DA2438;
    border-color: #DA2438;
    -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
.decoration__right_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.decoration__right_form .decoration__right_btn {
    width: auto;
}
.decoration__right_label {
    display: block;
    width: 100%;
}
.decoration__right_input {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    width: 100%;
    height: 100%;
    color: rgba(26, 17, 16, 0.7);
    background-color: #F3F4F6;
    border: 1px solid rgba(26, 17, 16, 0.1);
    border-radius: clamp(8px, 0.4166666667vw, 8px);
    padding: 0 clamp(20px, 1.0416666667vw, 20px);
}
.decoration__right_all_btn {
    width: 100%;
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.decoration__right_bottom_text {
    font-size: clamp(16px, 0.8333333333vw, 16px);
    line-height: 1.25;
}
.decoration__right_bottom_text--link {
    font-weight: 600;
    color: #1A1110;
}

.main_registr .ques__title {
    text-align: center;
}
.main_registr .breadcrumbs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.registr__text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    text-align: center;
    max-width: clamp(1286px, 66.9791666667vw, 1286px);
    margin: 0 auto clamp(32px, 1.6666666667vw, 32px) auto;
}
.registr__form {
    max-width: clamp(1160px, 60.4166666667vw, 1160px);
    margin: 0 auto;
}

.acc__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(16px, 1.6666666667vw, 32px);
}
@media (max-width: 991px) {
    .acc__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .acc__items {
        display: block;
    }
}
@media (max-width: 991px) {
    .acc__item:last-child {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }
}
@media (max-width: 575px) {
    .acc__item:not(:last-child) {
        margin-bottom: 32px;
    }
}
.acc__link {
    display: block;
    height: 100%;
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(12px, 0.625vw, 12px);
    padding: clamp(24px, 2.5vw, 48px) clamp(16px, 1.25vw, 24px);
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.acc__link:hover {
    border-color: #DA2438;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.acc__box {
    text-align: center;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.acc__img {
    width: clamp(56px, 3.75vw, 72px);
    height: clamp(56px, 3.75vw, 72px);
}
.acc__text {
    display: block;
    font-size: clamp(22px, 1.3541666667vw, 26px);
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    color: #1A1110;
    opacity: 0.7;
}

.main_profile .ques__title {
    text-align: center;
}
.main_profile .breadcrumbs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.main_profile .form {
    max-width: clamp(1160px, 60.4166666667vw, 1160px);
    margin: 0 auto;
}

.not__box {
    text-align: center;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.not__img {
    width: clamp(134px, 10.4166666667vw, 200px);
    height: clamp(134px, 10.4166666667vw, 200px);
}
.not__title {
    display: block;
    font-size: clamp(26px, 2.0833333333vw, 40px);
    font-weight: 500;
    line-height: 1.225;
    text-align: center;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.not__btn_box {
    text-align: center;
}

.news__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    overflow: auto;
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
.news__filter_btn {
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    letter-spacing: 0.05em;
    color: #1A1110;
    background-color: transparent;
    white-space: nowrap;
    padding: clamp(14px, 1.0416666667vw, 20px) clamp(24px, 2.0833333333vw, 40px);
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.news__filter_btn:hover {
    background-color: rgba(218, 36, 56, 0.1);
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.news__filter_btn--active {
    color: #ffffff;
    background-color: #DA2438 !important;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
.news__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 1400px) {
    .news__items {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 991px) {
    .news__items {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .news__items {
        display: block;
    }
}
@media (max-width: 575px) {
    .news__item:not(:last-child) {
        margin-bottom: 24px;
    }
}
.news__link {
    display: block;
    position: relative;
    min-height: clamp(340px, 22.9166666667vw, 440px);
    color: #ffffff;
    border-radius: clamp(12px, 0.625vw, 12px);
    overflow: hidden;
}
.news__link::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(54.81%, rgba(0, 0, 0, 0)), color-stop(75.31%, rgba(0, 0, 0, 0.78)), to(#000));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.81%, rgba(0, 0, 0, 0.78) 75.31%, #000 100%);
    top: 0;
    left: 0;
}
.news__img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.news__content {
    position: absolute;
    padding: clamp(16px, 1.25vw, 24px);
    left: 0;
    bottom: 0;
}
.news__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: clamp(12px, 0.8333333333vw, 16px);
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.news__top svg {
    width: clamp(16px, 0.8333333333vw, 16px);
    height: clamp(16px, 0.8333333333vw, 16px);
}
.news__title {
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: clamp(4px, 0.2083333333vw, 4px);
}
.news__text {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(24px, 1.6666666667vw, 32px);
}
@media (max-width: 991px) {
    .news_page__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.news_page__content:not(:last-child) {
    margin-bottom: clamp(24px, 1.6666666667vw, 32px);
}
@media (max-width: 991px) {
    .news_page__box {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.news_page__title {
    font-size: clamp(26px, 2.0833333333vw, 40px);
    font-weight: 500;
    line-height: 1.225;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.news_page__text {
    font-size: clamp(16px, 0.9375vw, 18px);
    line-height: 1.4;
}
.news_page__text p:not(:last-child) {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.news_page__img {
    max-width: clamp(450px, 46.875vw, 900px);
    width: 100%;
    height: auto;
    border-radius: clamp(24px, 1.25vw, 24px);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@media (max-width: 991px) {
    .news_page__img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 100%;
        max-height: 300px;
    }
}

.stocks_page__content {
    max-width: clamp(1514px, 78.8541666667vw, 1514px);
    margin: 0 auto;
}
.stocks_page__img {
    width: 100%;
    height: 100%;
    margin-bottom: clamp(32px, 1.6666666667vw, 32px);
}
.stocks_page__text {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
}
.stocks_page__text h2 {
    font-size: clamp(26px, 2.0833333333vw, 40px);
    font-weight: 500;
    line-height: 1.225;
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.stocks_page__text h2:not(:first-child) {
    margin-top: clamp(24px, 1.6666666667vw, 32px);
}
.stocks_page__text p:not(:last-child) {
    margin-bottom: clamp(16px, 1.25vw, 24px);
}
.stocks_page__text ul {
    list-style: outside;
    margin-left: clamp(30px, 1.5625vw, 30px);
}
.stocks_page__text ul:not(:last-child) {
    margin-bottom: clamp(16px, 1.25vw, 24px);
}

.history__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(16px, 1.6666666667vw, 32px);
}
.history__left {
    max-width: clamp(1205px, 62.7604166667vw, 1205px);
    width: 100%;
}
@media (max-width: 991px) {
    .history__left {
        max-width: 100%;
    }
}
.history__item:not(:last-child) {
    margin-bottom: clamp(16px, 1.6666666667vw, 32px);
}
.history__item--active .history__content {
    background-color: #ffffff;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.history__content {
    border: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    border-radius: clamp(12px, 1.25vw, 24px);
    padding: clamp(16px, 1.6666666667vw, 32px);
    cursor: pointer;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
@media (max-width: 991px) {
    .history__content {
        margin-bottom: 16px;
    }
}
.history__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    gap: clamp(12px, 0.625vw, 12px);
    padding-bottom: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
@media (max-width: 1400px) {
    .history__top {
        display: block;
    }
}
@media (max-width: 1400px) {
    .history__top_left {
        margin-bottom: 8px;
    }
}
.history__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(8px, 0.4166666667vw, 8px);
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.history__title_text {
    font-size: clamp(20px, 1.1458333333vw, 22px);
    font-weight: 700;
    line-height: 1.3;
}
@media (max-width: 991px) {
    .history__title_text {
        display: block;
        text-align: center;
    }
}
.history__tag {
    display: inline-block;
    font-size: clamp(12px, 0.8333333333vw, 16px);
    font-weight: 400;
    line-height: 1.25;
    color: #ffffff;
    border-radius: clamp(8px, 0.625vw, 12px);
    padding: clamp(8px, 0.4166666667vw, 8px) clamp(12px, 0.625vw, 12px);
}
@media (max-width: 991px) {
    .history__tag--main {
        display: none;
    }
}
.history__tag--small {
    display: none;
}
@media (max-width: 991px) {
    .history__tag--small {
        display: inline-block;
    }
}
.history__tag.orange {
    background-color: #FF8D28;
}
.history__tag.blue {
    background-color: #00C0E8;
}
.history__tag.green {
    background-color: #17C336;
}
.history__tag.red {
    background-color: #F01B33;
}
.history__address {
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.3;
    opacity: 0.6;
}
@media (max-width: 991px) {
    .history__address {
        display: block;
        text-align: center;
    }
}
.history__top_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.8333333333vw, 16px);
}
@media (max-width: 991px) {
    .history__top_right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.history__top_right_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(8px, 0.8333333333vw, 16px);
}
.history__top_right_box .history__top_btn {
    white-space: nowrap;
}
@media (max-width: 991px) {
    .history__top_right_box .history__top_btn {
        width: 48px;
        height: 48px;
        border-radius: 8px;
        padding: 0;
    }
    .history__top_right_box .history__top_btn span {
        display: none;
    }
    .history__top_right_box .history__top_btn svg {
        display: block !important;
    }
}
.history__top_right_box .history__top_btn svg {
    display: none;
}
.history__top_mess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: clamp(48px, 3.3333333333vw, 64px);
    height: clamp(48px, 3.3333333333vw, 64px);
    border: clamp(1px, 0.0520833333vw, 1px) solid #1A1110;
    border-radius: clamp(8px, 0.625vw, 12px);
}
.history__img_box_title {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    margin-bottom: clamp(8px, 0.4166666667vw, 8px);
}
.history__img_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(8px, 0.8333333333vw, 16px);
}
.history__img {
    width: clamp(76px, 6.09375vw, 117px);
    height: clamp(76px, 6.09375vw, 117px);
}
.history__right {
    max-width: clamp(587px, 30.5729166667vw, 587px);
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.12);
    border-radius: clamp(12px, 1.25vw, 24px);
    padding: clamp(16px, 1.25vw, 24px);
}
@media (max-width: 991px) {
    .history__right {
        max-width: 100%;
    }
}
@media (max-width: 991px) {
    .history__right--main {
        display: none;
    }
}
.history__right--small {
    display: none;
}
@media (min-width: 991px) {
    .history__right--small {
        display: none !important;
    }
}
.history__right .not__title {
    font-size: clamp(20px, 1.3541666667vw, 26px);
}
.history__info_top {
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    padding-bottom: clamp(12px, 0.8333333333vw, 16px);
    margin-bottom: clamp(12px, 0.8333333333vw, 16px);
}
.history__info_num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(16px, 0.8333333333vw, 16px);
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
.history__info_num_text {
    font-size: clamp(12px, 0.9375vw, 18px);
    font-weight: 600;
    line-height: 1.2222222222;
    opacity: 0.7;
}
.history__info_address {
    display: block;
    font-size: clamp(12px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.2222222222;
    opacity: 0.7;
    margin-bottom: clamp(12px, 0.8333333333vw, 16px);
}
@media (max-width: 575px) {
    .history__info_address {
        text-align: center;
    }
}
.history__info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.8333333333vw, 16px);
}
@media (max-width: 575px) {
    .history__info_box {
        display: block;
    }
}
@media (max-width: 575px) {
    .history__info_box .history__top_mess {
        min-width: 48px;
    }
}
@media (max-width: 575px) {
    .history__info_box .history__top_btn {
        width: 100%;
        padding: clamp(16px, 1.0416666667vw, 20px) clamp(6px, 1.6666666667vw, 32px);
    }
}
@media (max-width: 575px) {
    .history__info_box_tag_box {
        text-align: center;
        margin-bottom: 12px;
    }
}
.history__structure {
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    padding-bottom: clamp(12px, 0.8333333333vw, 16px);
    margin-bottom: clamp(12px, 0.8333333333vw, 16px);
}
.history__structure_title {
    font-size: clamp(12px, 0.8333333333vw, 16px);
    line-height: 1.25;
    margin-bottom: clamp(12px, 0.8333333333vw, 16px);
}
.history__structure_items {
    max-height: clamp(224px, 16.875vw, 324px);
    overflow: auto;
}
.history__structure_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
.history__structure_item:not(:last-child) {
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.history__structure_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
.history__structure_img {
    width: clamp(48px, 3.3333333333vw, 64px);
    height: clamp(48px, 3.3333333333vw, 64px);
}
.history__structure_box_title {
    font-size: clamp(14px, 0.8333333333vw, 16px);
    font-weight: 600;
    line-height: 1.2222222222;
    margin-bottom: clamp(4px, 0.2083333333vw, 4px);
}
.history__structure_box_text {
    font-size: clamp(12px, 0.7291666667vw, 14px);
    line-height: 1.25;
}
.history__structure_price_num {
    display: block;
    font-size: clamp(16px, 0.9375vw, 18px);
    line-height: 1.4;
    white-space: nowrap;
}
.history__structure_price_num--old {
    font-size: clamp(12px, 0.7291666667vw, 14px);
    text-decoration: line-through;
    color: rgba(248, 49, 47, 0.5);
    margin-bottom: 0;
}
.history__bottom_box:not(:last-child) {
    border-bottom: clamp(1px, 0.0520833333vw, 1px) solid rgba(26, 17, 16, 0.2);
    padding-bottom: clamp(12px, 0.625vw, 12px);
    margin-bottom: clamp(12px, 0.625vw, 12px);
}
.history__bottom_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(8px, 0.4166666667vw, 8px);
}
.history__bottom_inner:not(:last-child) {
    margin-bottom: clamp(12px, 0.7291666667vw, 14px);
}
.history__bottom_text {
    display: block;
    font-size: clamp(14px, 0.8333333333vw, 16px);
    font-weight: 600;
    line-height: 1.2222222222;
    opacity: 0.7;
}
.history__bottom_num {
    font-size: clamp(16px, 0.9375vw, 18px);
    font-weight: 700;
    line-height: 1.3;
}
.history__bottom_num--red {
    font-size: clamp(22px, 1.3541666667vw, 26px);
    color: #DA2438;
}

/* ── Редизайн истории заказов: фильтры, действия, компактные левые ── */
.history__filters {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    background: #F3F4F6;
    border-radius: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.history__filter {
    display: inline-flex;
    align-items: center;
    padding: 9px 18px;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 600;
    color: #1A1110;
    text-decoration: none;
    transition: .15s;
}
.history__filter:hover { color: #DA2438; }
.history__filter--active {
    background: #fff;
    color: #DA2438;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Правая колонка деталей (липкая на ПК) */
.history__col_right {
    max-width: clamp(587px, 30.5729166667vw, 587px);
    width: 100%;
    position: sticky;
    top: 16px;
    align-self: flex-start;
}
@media (max-width: 991px) {
    .history__col_right { display: none; }
}

/* Показ деталей внутри карточки на мобилке */
@media (max-width: 990px) {
    .history__right--small { display: block !important; margin-top: 16px; }
}

/* Компактные левые карточки + явное отличие выбранной/невыбранной */
.history__left .history__content {
    background: #F1F2F4;
    border: 1px solid transparent;
    border-radius: 14px;
    padding: 14px 16px;
    transition: background-color .2s, box-shadow .2s, border-color .2s;
}
.history__left .history__content:hover { background: #EAEBEE; }
.history__left .history__item--active .history__content {
    background: #fff;
    border-color: rgba(218, 36, 56, 0.35);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}
.history__left .history__top { padding-bottom: 12px; margin-bottom: 12px; }
.history__left .history__title_text { font-size: 16px; }
.history__left .history__img_box_title { font-size: 13px; margin-bottom: 6px; }
.history__left .history__img { width: 56px; height: 56px; }

/* Действия в деталях заказа */
.history__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}
.history__act {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: .15s;
    cursor: pointer;
}
.history__act--primary { background: #DA2438; color: #fff; }
.history__act--primary:hover { background: #c01f31; color: #fff; }
.history__act--ghost { background: rgba(0, 0, 0, 0.05); color: #1A1110; }
.history__act--ghost:hover { background: rgba(0, 0, 0, 0.09); color: #1A1110; }

/* Пустое состояние */
.history__empty {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    padding: 40px 28px;
    text-align: center;
}
.history__empty_title {
    font-size: 18px;
    font-weight: 600;
    color: #1A1110;
    margin-bottom: 18px;
}

/* ═══════ История заказов: единый список-аккордеон (DNS-стиль) ═══════ */
.ord { max-width: 980px; margin: 24px auto 40px; }

/* Верхняя панель: поиск + табы */
.ord__bar {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    padding: 18px;
    margin-bottom: 24px;
}
.ord__search {
    position: relative;
    margin-bottom: 14px;
}
.ord__search-ico {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #9a9a9a;
}
.ord__search-input {
    width: 100%;
    height: 46px;
    border: none;
    border-radius: 12px;
    background: #F3F4F6;
    padding: 0 16px 0 44px;
    font-size: 15px;
    color: #1A1110;
    outline: none;
}
.ord__search-input::placeholder { color: #9a9a9a; }
.ord__tabs {
    display: flex;
    width: fit-content;
    max-width: 100%;
    gap: 4px;
    padding: 4px;
    background: #F3F4F6;
    border-radius: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.ord__tabs::-webkit-scrollbar { display: none; }
.ord__tab {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
    color: #1A1110;
    text-decoration: none;
    white-space: nowrap;
    transition: .15s;
}
.ord__tab:hover { color: #DA2438; }
.ord__tab--active {
    background: #fff;
    color: #DA2438;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Список карточек */
.ord__list { display: flex; flex-direction: column; gap: 16px; }
.ord__card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

/* Шапка карточки */
.ord__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}
.ord__summary { user-select: none; -webkit-user-select: none; }
.ord__head-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.ord__title { font-size: 16px; color: #1A1110; }
.ord__title b { font-weight: 700; }
.ord__status {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
    padding: 5px 11px;
    white-space: nowrap;
}
.ord__status--orange { background: #FF8D28; }
.ord__status--blue { background: #00C0E8; }
.ord__status--green { background: #17C336; }
.ord__status--red { background: #F01B33; }
.ord__status--gray { background: #9aa0a6; }
.ord__chevron { color: #9a9a9a; flex-shrink: 0; transition: transform .2s; }
.ord__card--open .ord__chevron { transform: rotate(180deg); }

/* Свёрнутое содержимое */
.ord__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 22px 20px;
    border-top: 1px solid #f0f0f0;
    padding-top: 18px;
}
.ord__card--open .ord__summary { display: none; }
.ord__thumbs { display: flex; flex-wrap: wrap; gap: 10px; }
.ord__thumb {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
}
.ord__summary-right {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}
.ord__sum { font-size: 18px; font-weight: 700; color: #1A1110; white-space: nowrap; }

/* Развёрнутое содержимое */
.ord__details { display: none; padding: 0 22px 20px; border-top: 1px solid #f0f0f0; padding-top: 18px; }
.ord__card--open .ord__details { display: block; }
.ord__receive {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b6b6b;
    font-size: 14px;
    margin-bottom: 16px;
}
.ord__receive b { color: #1A1110; font-weight: 600; }
.ord__items { list-style: none; margin: 0; padding: 0; }
.ord__item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
}
.ord__item:first-child { padding-top: 0; }
.ord__item-img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: 8px;
    flex-shrink: 0;
    background: #fff;
}
.ord__item-img--empty { background: #f3f4f6; display: flex; align-items: center; justify-content: center; color: #b6b6b6; }
.ord__item-info { flex: 1; min-width: 0; }
.ord__item-name { font-size: 14px; color: #1A1110; line-height: 1.4; }
.ord__item-namelink { color: #1A1110; text-decoration: none; transition: color .15s; }
.ord__item-namelink:hover { color: #DA2438; }
.ord__item-imglink { display: inline-flex; flex-shrink: 0; }
.ord__thumb-link { display: inline-flex; }
.ord__item-code { font-size: 12px; color: #9a9a9a; margin-top: 4px; }
.ord__item-price { text-align: right; flex-shrink: 0; }
.ord__item-price-num { display: block; font-size: 15px; font-weight: 700; color: #1A1110; white-space: nowrap; }
.ord__item-price-qty { display: block; font-size: 12px; color: #9a9a9a; margin-top: 2px; white-space: nowrap; }

/* Итоги */
.ord__totals { margin-top: 16px; }
.ord__total-row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 14px;
    color: #6b6b6b;
    padding: 5px 0;
}
.ord__total-row span:last-child { color: #1A1110; font-weight: 600; }
.ord__total-row--final { margin-top: 10px; padding-top: 12px; border-top: 1px solid #ececec; font-size: 19px; }
.ord__total-row--final span { color: #1A1110 !important; font-weight: 800; }
.ord__total-row--final span:last-child { color: #DA2438 !important; font-weight: 800; }

/* Кнопки */
.ord__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ord__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: .15s;
}
.ord__btn--primary { background: #DA2438; color: #fff; }
.ord__btn--primary:hover { background: #c01f31; color: #fff; }
.ord__btn--ghost { background: rgba(0, 0, 0, 0.05); color: #1A1110; }
.ord__btn--ghost:hover { background: rgba(0, 0, 0, 0.09); color: #1A1110; }
.ord__btn--cancel { background: transparent; color: #DA2438; padding-left: 6px; padding-right: 6px; }
.ord__btn--cancel:hover { color: #c01f31; }
/* Кнопка рассрочки — контурная красная с иконкой, отличается от сплошной «Повторить» */
.ord__btn--installment {
    gap: 8px;
    background: #fff;
    color: #DA2438;
    border: 1.5px solid #DA2438;
}
.ord__btn--installment svg { flex-shrink: 0; }
.ord__btn--installment:hover { background: #DA2438; color: #fff; }

/* Подблок рассрочки — кнопка + статус в одну строку, нейтральный фон */
.ord__installment {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #F6F7F8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.ord__installment-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 9px;
    background: #DA2438;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s;
}
.ord__installment-btn:hover { background: #c01f31; color: #fff; }
.ord__installment-btn svg { flex-shrink: 0; }

/* Пустое состояние */
.ord__empty {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    padding: 40px 28px;
    text-align: center;
}
.ord__empty-title { font-size: 18px; font-weight: 600; color: #1A1110; margin-bottom: 18px; }

/* Верхний ряд: поиск + диапазон дат */
.ord__bar-top {
    display: flex;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
.ord__bar-top .ord__search { flex: 1 1 280px; margin-bottom: 0; }
.ord__daterange {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.ord__date {
    height: 46px;
    border: none;
    border-radius: 12px;
    background: #F3F4F6;
    padding: 0 12px;
    font-size: 14px;
    color: #1A1110;
    outline: none;
    cursor: pointer;
}
.ord__date-sep { color: #9a9a9a; }
.ord__date { cursor: pointer; }
.ord__date-clear {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border: none;
    border-radius: 10px;
    background: rgba(218, 36, 56, 0.08);
    color: #DA2438;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}
.ord__date-clear:hover { background: rgba(218, 36, 56, 0.16); }

/* Календарь flatpickr — аккуратный вид + фирменный акцент */
.flatpickr-calendar {
    border: none;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.14);
    padding: 8px;
    width: auto;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after { display: none; }
.flatpickr-months { padding: 4px 4px 6px; }
.flatpickr-current-month { font-size: 16px; font-weight: 600; }
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year { font-weight: 600; color: #1A1110; }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { padding: 8px; border-radius: 10px; }
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover { background: #F3F4F6; }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg { fill: #DA2438; }
span.flatpickr-weekday { color: rgba(26, 17, 16, 0.45); font-weight: 600; }
.flatpickr-day {
    border-radius: 10px;
    max-width: 40px;
    height: 40px;
    line-height: 39px;
    color: #1A1110;
}
.flatpickr-day:hover { background: #F3F4F6; border-color: transparent; }
.flatpickr-day.today { border-color: transparent; color: #DA2438; font-weight: 700; }
.flatpickr-day.today:hover { background: #F3F4F6; color: #DA2438; }
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: #DA2438;
    border-color: #DA2438;
    color: #fff;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay { color: rgba(26, 17, 16, 0.3); }

/* Кнопка-подтверждение отмены (красная заливка) */
.ord__btn--danger { background: #DA2438; color: #fff; }
.ord__btn--danger:hover { background: #c01f31; color: #fff; }

/* Попап отмены заказа */
.ord__modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.ord__modal[hidden] { display: none; }
.ord__modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(26, 17, 16, 0.45);
}
.ord__modal-box {
    position: relative;
    width: 100%;
    max-width: 420px;
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}
.ord__modal-title { font-size: 20px; font-weight: 700; color: #1A1110; margin-bottom: 8px; }
.ord__modal-text { font-size: 14px; color: #6b6b6b; line-height: 1.45; margin-bottom: 14px; }
.ord__modal-textarea {
    width: 100%;
    min-height: 90px;
    resize: vertical;
    border: 1px solid rgba(26, 17, 16, 0.15);
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 14px;
    font-family: inherit;
    outline: none;
    margin-bottom: 16px;
}
.ord__modal-textarea:focus { border-color: #DA2438; }
.ord__modal-actions { display: flex; gap: 10px; justify-content: flex-end; }

/* Пагинация (клиентская) */
.ord__nav {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
.ord__nav:empty { display: none; }
.ord__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border: none;
    border-radius: 10px;
    background: #F3F4F6;
    color: #1A1110;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .15s, color .15s;
}
.ord__page:hover { background: #EAEBEE; }
.ord__page--active { background: #DA2438; color: #fff; cursor: default; }
.ord__page--active:hover { background: #DA2438; }
.ord__page--nav { font-size: 18px; }
.ord__page[disabled] { opacity: 0.4; cursor: default; }
.ord__page[disabled]:hover { background: #F3F4F6; }
.ord__page-dots { color: #9a9a9a; padding: 0 4px; }

@media (max-width: 600px) {
    .ord__head { padding: 16px; }
    .ord__summary, .ord__details { padding-left: 16px; padding-right: 16px; }
    .ord__summary { flex-direction: column; align-items: flex-start; }
    .ord__summary-right { width: 100%; justify-content: space-between; }
    .ord__actions { flex-direction: column; align-items: center; }
    .ord__btn { width: 100%; }
    .ord__btn--cancel { width: 100%; align-self: center; text-align: center; justify-content: center; }
    /* поля дат не вылезают за экран; 16px — чтобы iOS не зумил при фокусе */
    .ord__bar-top { flex-direction: column; }
    .ord__bar-top .ord__search { width: 100%; flex: 0 0 auto; }
    .ord__daterange { width: 100%; }
    .ord__date { flex: 1 1 0; min-width: 0; box-sizing: border-box; }
    .ord__daterange input { min-width: 0; }
    .ord__date-sep { flex: 0 0 auto; }
    .ord__search-input, .ord__date, .ord__modal-textarea { font-size: 16px; }
    /* подблок рассрочки: кнопка и статус на всю ширину, друг под другом */
    .ord__installment { flex-direction: column; align-items: stretch; }
    .ord__installment-btn { width: 100%; justify-content: center; box-sizing: border-box; }
    .ord__installment .ord__status { width: 100%; text-align: center; box-sizing: border-box; }
    .ord__modal-actions { flex-direction: column-reverse; }
    .ord__modal-actions .ord__btn { width: 100%; }
}

.policy-main .page-content h2,
.policy-main .page-content h3 {
    font-size: clamp(22px, 1.3541666667vw, 26px);
    font-weight: 700;
    line-height: 1.3;
    color: #DA2438;
    margin-bottom: clamp(16px, 0.8333333333vw, 16px);
}
.policy-main .page-content li {
    font-size: clamp(16px, 1.0416666667vw, 20px);
    line-height: 1.4;
    padding-left: clamp(0px, 1.6666666667vw, 32px);
}
.policy-main .page-content li:not(:last-child) {
    margin-bottom: clamp(8px, 0.8333333333vw, 16px);
}
/* Popup добавления в сравнение */
.compare-buttons {
    width: 100%;
    padding: 20px 0 22px;
    background-color: white;
    position: fixed;
    left: 0px;
    top: 0px;
    display:none;
    opacity:0;
    z-index: 7999;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    -webkit-box-shadow: 0px 13px 8px 9px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 13px 8px 9px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 13px 8px 9px rgba(34, 60, 80, 0.2);
}
.catalog-compare-note {
    display:flex;
    justify-content: space-between;
}
.catalog-compare-note__link,
.catalog-compare-note__del
{
    width:215px;
    height:60px;
}
.catalog-compare-note__ajax {
    display:flex;
    flex-direction: column;
    gap:0.75rem
}
.catalog-compare-note__close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    transform: rotate(45deg);
    font-size: 3rem;
    color:#da2438;
}
label.add-to-compare--active {
    border-color:#da2438;
}
.add-to-compare--active svg path{
    fill:#da2438;
}
@media (max-width: 767px) {
    .online-chat-root-TalkMe #supportTrigger {
        bottom: 70px !important;
    }
}
/* ── Игровые ПК: фотографии 4:3 — убираем белые поля квадратной галереи ── */
main.gaming-pc .product-page__box-big { height: auto !important; aspect-ratio: 4 / 3; padding: 0 !important; overflow: hidden; align-self: flex-start; }
main.gaming-pc .product-page__slider--big .product-page__item { aspect-ratio: 4 / 3; }
main.gaming-pc .product-page__slider--big .product-page__img { object-fit: cover; border-radius: 16px; }
main.gaming-pc .product-page__slider--big picture { display: block; width: 100%; height: 100%; }
main.gaming-pc .product-page__slider--small .product-page__item { height: auto !important; aspect-ratio: 4 / 3; }
main.gaming-pc .product-page__slider--small .product-page__img { height: 100%; object-fit: cover; }

/* ── Игровые ПК, листинг: первая строка карточек на одном уровне с панелью фильтра ── */
@media (min-width: 992px) {
    .gaming-pc .catalog__filters-title { min-height: 44px; margin-bottom: 18px; box-sizing: border-box; }
    .gaming-pc .catalog__card-sort { margin-bottom: 0 !important; }
}
/* ── Игровые ПК: hero-баннер скрыт на мобильной ── */
@media (max-width: 767px) {
    .gpc-hero { display: none !important; }
}

/* ── Режим выбора конфигуратора (каталог в iframe, ?cfgpick=Y): прячем обвязку сайта ── */
html.ksk-cfgpick .header,
html.ksk-cfgpick footer.footer,
html.ksk-cfgpick .menu-catalog,
html.ksk-cfgpick .catalog-mobile,
html.ksk-cfgpick .menu_small,
html.ksk-cfgpick .breadcrumbs,
html.ksk-cfgpick .breadcrumbs-scroll,
html.ksk-cfgpick .mobile-navbar,
html.ksk-cfgpick #supportTrigger,
html.ksk-cfgpick .online-chat-root-TalkMe { display: none !important; }
html.ksk-cfgpick .about > .container > .title-page { display: none !important; }
html.ksk-cfgpick body { padding-bottom: 0 !important; }
/* карточки в режиме выбора: без избранного/сравнения и без перехода на детальную */
html.ksk-cfgpick .catalog__card-icon,
html.ksk-cfgpick .catalog__card-fav,
html.ksk-cfgpick .intensa-favorite-item,
html.ksk-cfgpick .add-to-compare { display: none !important; }
html.ksk-cfgpick .catalog__card-item a:not(.catalog__card-btn) { cursor: default; }
html.ksk-cfgpick .catalog__categories { display: none !important; }
html.ksk-cfgpick .about { padding-top: 6px !important; }