@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-300-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-300-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-300italic-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-300italic-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

.banner.CONTENT_BOTTOM.outer-rounded-x {
    padding-bottom: 80px;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-regular-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-regular-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-italic-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-italic-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-500-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-500-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-500italic-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-500italic-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-600-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-600-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-600italic-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-600italic-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-700-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-700-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-700italic-common.woff2) format('woff2');
    unicode-range: U+20-7E,U+A0-FF,U+400-45F,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2039-203A,U+2044,U+20AC,U+20B4,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/rubik-v28-cyrillic-ext_latin-700italic-extended.woff2) format('woff2');
    unicode-range: U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+462-463,U+46A-46B,U+472-475,U+490-49D,U+4A0-4A5,U+4AA-4AB,U+4AE-4B1,U+4B6-4BB,U+4C0-4C2,U+4CB-4CC,U+4CF-4D9,U+4DC-4DF,U+4E2-4E9,U+4EE-4F9,U+51A-51D,U+524-525,U+2074,U+2215;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-300-common.woff2) format('woff2');
    unicode-range: U+D,U+20-7E,U+A0-FF,U+400-45F,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-300-extended.woff2) format('woff2');
    unicode-range: U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+460-486,U+488-513,U+2074,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-regular-common.woff2) format('woff2');
    unicode-range: U+D,U+20-7E,U+A0-FF,U+400-45F,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-regular-extended.woff2) format('woff2');
    unicode-range: U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+460-486,U+488-513,U+2074,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-500-common.woff2) format('woff2');
    unicode-range: U+D,U+20-7E,U+A0-FF,U+400-45F,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-500-extended.woff2) format('woff2');
    unicode-range: U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+460-486,U+488-513,U+2074,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-600-common.woff2) format('woff2');
    unicode-range: U+D,U+20-7E,U+A0-FF,U+400-45F,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-600-extended.woff2) format('woff2');
    unicode-range: U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+460-486,U+488-513,U+2074,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-700-common.woff2) format('woff2');
    unicode-range: U+D,U+20-7E,U+A0-FF,U+400-45F,U+2002,U+2009,U+200B,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2116,U+2122,U+2212;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/roboto-slab-v13-latin_cyrillic-ext-700-extended.woff2) format('woff2');
    unicode-range: U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+460-486,U+488-513,U+2074,U+2215,U+FEFF,U+FFFD;
}

html {
    --theme-font-family: 'Rubik';
    --theme-font-title-family: 'Roboto Slab';
    --theme-font-title-weight: 500
}

body {
    font-family: var(--theme-font-family), Arial, sans-serif
}

:root {
    --ui-text-letter-spacing-auto: auto;
    --ui-text-letter-spacing-neg-3: -0.01em;
    --ui-text-letter-spacing-neg-2: -0.02em;
    --ui-text-letter-spacing-neg-1: -0.03em;
    --ui-text-letter-spacing-3: 0.15em;
    --ui-text-letter-spacing-2: 0.1em;
    --ui-text-letter-spacing-1: 0.025em;
    --ui-text-decoration-style-dashed: dashed;
    --ui-text-decoration-style-wavy: wavy;
    --ui-text-decoration-style-dotted: dotted;
    --ui-text-decoration-style-double: double;
    --ui-text-decoration-style-solid: solid;
    --ui-text-decoration-line-overline: overline;
    --ui-text-decoration-line-line-through: line-through;
    --ui-text-decoration-line-underline: underline;
    --ui-text-transform-lowercase: lowercase;
    --ui-text-transform-uppercase: uppercase;
    --ui-text-transform-capitalize: capitalize;
    --ui-text-transform-none: none;
    --ui-space-inset-8xl: 72px;
    --ui-space-inset-7xl: 64px;
    --ui-space-inset-6xl: 48px;
    --ui-space-inset-5xl: 40px;
    --ui-space-inset-4xl: 36px;
    --ui-space-inset-3xl: 32px;
    --ui-space-inset-2xl: 28px;
    --ui-space-inset-xl2: 26px;
    --ui-space-inset-xl: 24px;
    --ui-space-inset-lg2: 22px;
    --ui-space-inset-lg: 20px;
    --ui-space-inset-md2: 18px;
    --ui-space-inset-md: 16px;
    --ui-space-inset-sm2: 14px;
    --ui-space-inset-sm: 12px;
    --ui-space-inset-xs2: 10px;
    --ui-space-inset-xs: 8px;
    --ui-space-inset-2xs2: 6px;
    --ui-space-inset-2xs: 4px;
    --ui-space-inset-3xs: 2px;
    --ui-space-inset-none: 0;
    --ui-space-inline-8xl-neg: -72px;
    --ui-space-inline-7xl-neg: -64px;
    --ui-space-inline-6xl-neg: -48px;
    --ui-space-inline-5xl-neg: -40px;
    --ui-space-inline-4xl-neg: -36px;
    --ui-space-inline-3xl-neg: -32px;
    --ui-space-inline-2xl-neg: -28px;
    --ui-space-inline-xl2-neg: -26px;
    --ui-space-inline-xl-neg: -24px;
    --ui-space-inline-lg2-neg: -22px;
    --ui-space-inline-lg-neg: -20px;
    --ui-space-inline-md2-neg: -18px;
    --ui-space-inline-md-neg: -16px;
    --ui-space-inline-sm2-neg: -14px;
    --ui-space-inline-sm-neg: -12px;
    --ui-space-inline-xs2-neg: -10px;
    --ui-space-inline-xs-neg: -8px;
    --ui-space-inline-2xs2-neg: -6px;
    --ui-space-inline-2xs-neg: -4px;
    --ui-space-inline-3xs-neg: -2px;
    --ui-space-inline-8xl: 72px;
    --ui-space-inline-7xl: 64px;
    --ui-space-inline-6xl: 48px;
    --ui-space-inline-5xl: 40px;
    --ui-space-inline-4xl: 36px;
    --ui-space-inline-3xl: 32px;
    --ui-space-inline-2xl: 28px;
    --ui-space-inline-xl2: 26px;
    --ui-space-inline-xl: 24px;
    --ui-space-inline-lg2: 22px;
    --ui-space-inline-lg: 20px;
    --ui-space-inline-md2: 18px;
    --ui-space-inline-md: 16px;
    --ui-space-inline-sm2: 14px;
    --ui-space-inline-sm: 12px;
    --ui-space-inline-xs2: 10px;
    --ui-space-inline-xs: 8px;
    --ui-space-inline-2xs2: 6px;
    --ui-space-inline-2xs: 4px;
    --ui-space-inline-3xs: 2px;
    --ui-space-inline-none: 0;
    --ui-space-stack-8xl-neg: -72px;
    --ui-space-stack-7xl-neg: -64px;
    --ui-space-stack-6xl-neg: -48px;
    --ui-space-stack-5xl-neg: -40px;
    --ui-space-stack-4xl-neg: -36px;
    --ui-space-stack-3xl-neg: -32px;
    --ui-space-stack-2xl-neg: -28px;
    --ui-space-stack-xl2-neg: -26px;
    --ui-space-stack-xl-neg: -24px;
    --ui-space-stack-lg2-neg: -22px;
    --ui-space-stack-lg-neg: -20px;
    --ui-space-stack-md2-neg: -18px;
    --ui-space-stack-md-neg: -16px;
    --ui-space-stack-sm2-neg: -14px;
    --ui-space-stack-sm-neg: -12px;
    --ui-space-stack-xs2-neg: -10px;
    --ui-space-stack-xs-neg: -8px;
    --ui-space-stack-2xs2-neg: -6px;
    --ui-space-stack-2xs-neg: -4px;
    --ui-space-stack-3xs-neg: -2px;
    --ui-space-stack-8xl: 72px;
    --ui-space-stack-7xl: 64px;
    --ui-space-stack-6xl: 48px;
    --ui-space-stack-5xl: 40px;
    --ui-space-stack-4xl: 36px;
    --ui-space-stack-3xl: 32px;
    --ui-space-stack-2xl: 28px;
    --ui-space-stack-xl2: 26px;
    --ui-space-stack-xl: 24px;
    --ui-space-stack-lg2: 22px;
    --ui-space-stack-lg: 20px;
    --ui-space-stack-md2: 18px;
    --ui-space-stack-md: 16px;
    --ui-space-stack-sm2: 14px;
    --ui-space-stack-sm: 12px;
    --ui-space-stack-xs2: 10px;
    --ui-space-stack-xs: 8px;
    --ui-space-stack-2xs2: 6px;
    --ui-space-stack-2xs: 4px;
    --ui-space-stack-3xs: 2px;
    --ui-space-stack-none: 0;
    --ui-size-8xl: 72px;
    --ui-size-7xl: 64px;
    --ui-size-6xl: 48px;
    --ui-size-5xl: 40px;
    --ui-size-4xl: 36px;
    --ui-size-3xl: 32px;
    --ui-size-2xl: 28px;
    --ui-size-xl2: 26px;
    --ui-size-xl: 24px;
    --ui-size-lg2: 22px;
    --ui-size-lg: 20px;
    --ui-size-md2: 18px;
    --ui-size-md: 16px;
    --ui-size-sm2: 14px;
    --ui-size-sm: 12px;
    --ui-size-xs2: 10px;
    --ui-size-xs: 8px;
    --ui-size-2xs2: 6px;
    --ui-size-2xs: 4px;
    --ui-size-3xs: 2px;
    --ui-size-none: 0;
    --ui-shadow-left-4xl: -16px 0px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-left-3xl: -12px 0px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-left-2xl: -8px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-left-xl: -6px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-left-l: -4px 0px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-left-m: -3px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-left-s: -2px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-left-xs: -2px 0px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-left-2xs: -1px 0px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-shadow-bottom-4xl: 0px 16px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-bottom-3xl: 0px 12px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-bottom-2xl: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-bottom-xl: 0px 6px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-bottom-l: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-bottom-m: 0px 3px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-bottom-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-bottom-xs: 0px 2px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-bottom-2xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-shadow-right-4xl: 16px 0px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-right-3xl: 12px 0px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-right-2xl: 8px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-right-xl: 6px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-right-l: 4px 0px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-right-m: 3px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-right-s: 2px 0px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-right-xs: 2px 0px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-right-2xs: 1px 0px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-shadow-top-4xl: 0px -16px 24px 0px rgba(0, 0, 0, 0.11);
    --ui-shadow-top-3xl: 0px -12px 17px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-top-2xl: 0px -8px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-top-xl: 0px -6px 10px 0px rgba(0, 0, 0, 0.1);
    --ui-shadow-top-l: 0px -4px 5px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-top-m: 0px -3px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-top-s: 0px -2px 4px 0px rgba(0, 0, 0, 0.08);
    --ui-shadow-top-xs: 0px -2px 2px 0px rgba(0, 0, 0, 0.07);
    --ui-shadow-top-2xs: 0px -1px 2px 0px rgba(0, 0, 0, 0.06);
    --ui-opacity-none: 0;
    --ui-opacity-full: 1;
    --ui-opacity-90: 0.9;
    --ui-opacity-80: 0.8;
    --ui-opacity-70: 0.7;
    --ui-opacity-60: 0.6;
    --ui-opacity-50: 0.5;
    --ui-opacity-40: 0.4;
    --ui-opacity-30: 0.3;
    --ui-opacity-20: 0.2;
    --ui-opacity-10: 0.1;
    --ui-opacity-5: 0.05;
    --ui-font-line-height-3xl: 2;
    --ui-font-line-height-2xl: 1.75;
    --ui-font-line-height-xl: 1.62;
    --ui-font-line-height-lg: 1.5;
    --ui-font-line-height-md: 1.4;
    --ui-font-line-height-sm: 1.35;
    --ui-font-line-height-2xs: 1.3;
    --ui-font-line-height-3xs: 1.2;
    --ui-font-line-height-reset: 1;
    --ui-font-size-5xl: 28px;
    --ui-font-size-4xl: 24px;
    --ui-font-size-3xl: 22px;
    --ui-font-size-2xl: 18px;
    --ui-font-size-xl: 16px;
    --ui-font-size-lg: 15px;
    --ui-font-size-md: 14px;
    --ui-font-size-sm: 13px;
    --ui-font-size-xs: 12px;
    --ui-font-size-3xs: 11px;
    --ui-font-size-4xs: 10px;
    --ui-font-size-5xs: 9px;
    --ui-font-size-6xs: 8px;
    --ui-font-size-7xs: 7px;
    --ui-font-weight-extra-black: 950;
    --ui-font-weight-black: 900;
    --ui-font-weight-extra-bold: 800;
    --ui-font-weight-bold: 700;
    --ui-font-weight-semi-bold: 600;
    --ui-font-weight-medium: 500;
    --ui-font-weight-normal: 400;
    --ui-font-weight-regular: 400;
    --ui-font-weight-light: 300;
    --ui-font-weight-extra-light: 200;
    --ui-font-weight-thin: 100;
    --ui-font-family-helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --ui-font-family-system-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
    --ui-font-family-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --ui-color-palette-beige-base: #fdfae1;
    --ui-color-palette-beige-base-rgb: 253, 250, 225;
    --ui-color-palette-gray-02: #f8fafb;
    --ui-color-palette-gray-02-rgb: 248, 250, 251;
    --ui-color-palette-gray-03: #f5f7f8;
    --ui-color-palette-gray-03-rgb: 245, 247, 248;
    --ui-color-palette-gray-04: #f1f4f6;
    --ui-color-palette-gray-04-rgb: 241, 244, 246;
    --ui-color-palette-gray-05: #eef2f4;
    --ui-color-palette-gray-05-rgb: 238, 242, 244;
    --ui-color-palette-gray-90: #525c69;
    --ui-color-palette-gray-90-rgb: 82, 92, 105;
    --ui-color-palette-gray-80: #6a737f;
    --ui-color-palette-gray-80-rgb: 106, 115, 127;
    --ui-color-palette-gray-70: #828b95;
    --ui-color-palette-gray-70-rgb: 130, 139, 149;
    --ui-color-palette-gray-60: #959ca4;
    --ui-color-palette-gray-60-rgb: 149, 156, 164;
    --ui-color-palette-gray-50: #a8adb4;
    --ui-color-palette-gray-50-rgb: 168, 173, 180;
    --ui-color-palette-gray-40: #bdc1c6;
    --ui-color-palette-gray-40-rgb: 189, 193, 198;
    --ui-color-palette-gray-35: #c9ccd0;
    --ui-color-palette-gray-35-rgb: 201, 204, 208;
    --ui-color-palette-gray-30: #d5d7db;
    --ui-color-palette-gray-30-rgb: 213, 215, 219;
    --ui-color-palette-gray-20: #dfe0e3;
    --ui-color-palette-gray-20-rgb: 223, 224, 227;
    --ui-color-palette-gray-15: #e6e7e9;
    --ui-color-palette-gray-15-rgb: 230, 231, 233;
    --ui-color-palette-gray-10: #edeef0;
    --ui-color-palette-gray-10-rgb: 237, 238, 240;
    --ui-color-palette-red-solid: #f0371b;
    --ui-color-palette-red-solid-rgb: 240, 55, 27;
    --ui-color-palette-red-95: #800602;
    --ui-color-palette-red-95-rgb: 128, 6, 2;
    --ui-color-palette-red-90: #9a0703;
    --ui-color-palette-red-90-rgb: 154, 7, 3;
    --ui-color-palette-red-80: #c21b16;
    --ui-color-palette-red-80-rgb: 194, 27, 22;
    --ui-color-palette-red-70: #e92f2a;
    --ui-color-palette-red-70-rgb: 233, 47, 42;
    --ui-color-palette-red-60: #f4433e;
    --ui-color-palette-red-60-rgb: 244, 67, 62;
    --ui-color-palette-red-50: #ff5752;
    --ui-color-palette-red-50-rgb: 255, 87, 82;
    --ui-color-palette-red-45: #ff7c78;
    --ui-color-palette-red-45-rgb: 255, 124, 120;
    --ui-color-palette-red-40: #ff9a97;
    --ui-color-palette-red-40-rgb: 255, 154, 151;
    --ui-color-palette-red-30: #ffcdcc;
    --ui-color-palette-red-30-rgb: 255, 205, 204;
    --ui-color-palette-red-25: #ffdcdb;
    --ui-color-palette-red-25-rgb: 255, 220, 219;
    --ui-color-palette-red-20: #ffe8e8;
    --ui-color-palette-red-20-rgb: 255, 232, 232;
    --ui-color-palette-red-15: #fff0f0;
    --ui-color-palette-red-15-rgb: 255, 240, 240;
    --ui-color-palette-red-10: #fff8f8;
    --ui-color-palette-red-10-rgb: 255, 248, 248;
    --ui-color-palette-orange-95: #614000;
    --ui-color-palette-orange-95-rgb: 97, 64, 0;
    --ui-color-palette-orange-90: #7a5100;
    --ui-color-palette-orange-90-rgb: 122, 81, 0;
    --ui-color-palette-orange-80: #9f6a00;
    --ui-color-palette-orange-80-rgb: 159, 106, 0;
    --ui-color-palette-orange-70: #c48300;
    --ui-color-palette-orange-70-rgb: 196, 131, 0;
    --ui-color-palette-orange-60: #e89b06;
    --ui-color-palette-orange-60-rgb: 232, 155, 6;
    --ui-color-palette-orange-50: #ffa900;
    --ui-color-palette-orange-50-rgb: 255, 169, 0;
    --ui-color-palette-orange-40: #ffc34d;
    --ui-color-palette-orange-40-rgb: 255, 195, 77;
    --ui-color-palette-orange-30: #ffe1a6;
    --ui-color-palette-orange-30-rgb: 255, 225, 166;
    --ui-color-palette-orange-25: #ffe9be;
    --ui-color-palette-orange-25-rgb: 255, 233, 190;
    --ui-color-palette-orange-20: #fff1d6;
    --ui-color-palette-orange-20-rgb: 255, 241, 214;
    --ui-color-palette-orange-15: #fff5e3;
    --ui-color-palette-orange-15-rgb: 255, 245, 227;
    --ui-color-palette-orange-10: #fffaf0;
    --ui-color-palette-orange-10-rgb: 255, 250, 240;
    --ui-color-palette-green-95: #3d4f00;
    --ui-color-palette-green-95-rgb: 61, 79, 0;
    --ui-color-palette-green-90: #506900;
    --ui-color-palette-green-90-rgb: 80, 105, 0;
    --ui-color-palette-green-80: #688800;
    --ui-color-palette-green-80-rgb: 104, 136, 0;
    --ui-color-palette-green-70: #7fa800;
    --ui-color-palette-green-70-rgb: 127, 168, 0;
    --ui-color-palette-green-60: #8dbb00;
    --ui-color-palette-green-60-rgb: 141, 187, 0;
    --ui-color-palette-green-55: #95c500;
    --ui-color-palette-green-55-rgb: 149, 197, 0;
    --ui-color-palette-green-50: #9dcf00;
    --ui-color-palette-green-50-rgb: 157, 207, 0;
    --ui-color-palette-green-40: #bbde4d;
    --ui-color-palette-green-40-rgb: 187, 222, 77;
    --ui-color-palette-green-35: #cfe780;
    --ui-color-palette-green-35-rgb: 207, 231, 128;
    --ui-color-palette-green-30: #e2f1b3;
    --ui-color-palette-green-30-rgb: 226, 241, 179;
    --ui-color-palette-green-25: #faf6c3;
    --ui-color-palette-green-25-rgb: 250, 246, 195;
    --ui-color-palette-green-20: #f1fbd0;
    --ui-color-palette-green-20-rgb: 241, 251, 208;
    --ui-color-palette-green-15: #f5fcde;
    --ui-color-palette-green-15-rgb: 245, 252, 222;
    --ui-color-palette-green-10: #fafded;
    --ui-color-palette-green-10-rgb: 250, 253, 237;
    --ui-color-palette-blue-95: #004f69;
    --ui-color-palette-blue-95-rgb: 0, 79, 105;
    --ui-color-palette-blue-90: #006484;
    --ui-color-palette-blue-90-rgb: 0, 100, 132;
    --ui-color-palette-blue-80: #00789e;
    --ui-color-palette-blue-80-rgb: 0, 120, 158;
    --ui-color-palette-blue-70: #008dba;
    --ui-color-palette-blue-70-rgb: 0, 141, 186;
    --ui-color-palette-blue-60: #11a9d9;
    --ui-color-palette-blue-60-rgb: 17, 169, 217;
    --ui-color-palette-blue-50: #2fc6f6;
    --ui-color-palette-blue-50-rgb: 47, 198, 246;
    --ui-color-palette-blue-40: #7fdefc;
    --ui-color-palette-blue-40-rgb: 127, 222, 252;
    --ui-color-palette-blue-30: #c3f0ff;
    --ui-color-palette-blue-30-rgb: 195, 240, 255;
    --ui-color-palette-blue-25: #d3f4ff;
    --ui-color-palette-blue-25-rgb: 211, 244, 255;
    --ui-color-palette-blue-20: #e5f9ff;
    --ui-color-palette-blue-20-rgb: 229, 249, 255;
    --ui-color-palette-blue-15: #ecfafe;
    --ui-color-palette-blue-15-rgb: 236, 250, 254;
    --ui-color-palette-blue-10: #f4fcfe;
    --ui-color-palette-blue-10-rgb: 244, 252, 254;
    --ui-color-palette-white-base: #ffffff;
    --ui-color-palette-white-base-rgb: 255, 255, 255;
    --ui-color-palette-black-base: #333333;
    --ui-color-palette-black-base-rgb: 51, 51, 51;
    --ui-color-palette-black-solid: #000000;
    --ui-color-palette-black-solid-rgb: 0, 0, 0;
    --ui-color-overlay-base: rgba(255, 255, 255, 0.5);
    --ui-color-accent-yellow: #fef3b8;
    --ui-color-accent-yellow-rgb: 254, 243, 184;
    --ui-color-accent-purple: #a77bde;
    --ui-color-accent-purple-rgb: 167, 123, 222;
    --ui-color-accent-turquoise: #05b5ab;
    --ui-color-accent-turquoise-rgb: 5, 181, 171;
    --ui-color-accent-green: #29ad49;
    --ui-color-accent-green-rgb: 41, 173, 73;
    --ui-color-accent-brown: #ae914b;
    --ui-color-accent-brown-rgb: 174, 145, 75;
    --ui-color-accent-pink: #fb6dba;
    --ui-color-accent-pink-rgb: 251, 109, 186;
    --ui-color-accent-aqua: #55d0e0;
    --ui-color-accent-aqua-rgb: 85, 208, 224;
    --ui-color-accent-light-blue: #559be6;
    --ui-color-accent-light-blue-rgb: 85, 155, 230;
    --ui-color-tag-9: #e2e3e5;
    --ui-color-tag-9-rgb: 226, 227, 229;
    --ui-color-tag-8: #ccd3dd;
    --ui-color-tag-8-rgb: 204, 211, 221;
    --ui-color-tag-7: #dfc684;
    --ui-color-tag-7-rgb: 223, 198, 132;
    --ui-color-tag-6: #ace5ec;
    --ui-color-tag-6-rgb: 172, 229, 236;
    --ui-color-tag-5: #c2d1f0;
    --ui-color-tag-5-rgb: 194, 209, 240;
    --ui-color-tag-4: #87eda0;
    --ui-color-tag-4-rgb: 135, 237, 160;
    --ui-color-tag-3: #dbf087;
    --ui-color-tag-3-rgb: 219, 240, 135;
    --ui-color-tag-2: #00baf2;
    --ui-color-tag-2-rgb: 0, 186, 242;
    --ui-color-tag-1: #bcedfc;
    --ui-color-tag-1-rgb: 188, 237, 252;
    --ui-color-link-primary-base: #2066b0;
    --ui-color-link-primary-base-rgb: 32, 102, 176;
    --ui-color-background-none: none;
    --ui-color-background-transparent: transparent;
    --ui-color-copilot-primary: #8e52ec;
    --ui-color-copilot-primary-rgb: 142, 82, 236;
    --ui-color-copilot-secondary: #b095dc;
    --ui-color-copilot-secondary-rgb: 176, 149, 220;
    --ui-color-copilot-dark: #682ac6;
    --ui-color-copilot-dark-rgb: 104, 42, 198;
    --ui-border-width-thick: 2px;
    --ui-border-width-thin: 1px;
    --ui-border-radius-pill: 99rem;
    --ui-border-radius-circle: 50%;
    --ui-border-radius-3xl: 20px;
    --ui-border-radius-2xl: 16px;
    --ui-border-radius-xl: 14px;
    --ui-border-radius-lg: 12px;
    --ui-border-radius-md: 10px;
    --ui-border-radius-sm: 8px;
    --ui-border-radius-xs: 6px;
    --ui-border-radius-2xs: 4px;
    --ui-border-radius-3xs: 2px;
    --ui-border-radius-none: 0;
    --ui-typography-text-lg-font-weight: 400;
    --ui-typography-text-lg-line-height: 1.4;
    --ui-typography-text-lg-font-size: var(--ui-font-size-lg);
    --ui-typography-text-md-font-weight: 400;
    --ui-typography-text-md-line-height: 1.4;
    --ui-typography-text-md-font-size: var(--ui-font-size-md);
    --ui-typography-text-sm-font-weight: 400;
    --ui-typography-text-sm-line-height: 1.4;
    --ui-typography-text-sm-font-size: var(--ui-font-size-sm);
    --ui-typography-text-xs-font-weight: 400;
    --ui-typography-text-xs-line-height: 1.35;
    --ui-typography-text-xs-font-size: var(--ui-font-size-xs);
    --ui-typography-heading-h6-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h6-font-weight: 600;
    --ui-typography-heading-h6-line-height: 1.4;
    --ui-typography-heading-h6-font-size: var(--ui-font-size-md);
    --ui-typography-heading-h5-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h5-font-weight: 400;
    --ui-typography-heading-h5-line-height: 1.35;
    --ui-typography-heading-h5-font-size: var(--ui-font-size-xl);
    --ui-typography-heading-h4-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h4-font-weight: 400;
    --ui-typography-heading-h4-line-height: 1.35;
    --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl);
    --ui-typography-heading-h3-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h3-font-weight: 300;
    --ui-typography-heading-h3-line-height: 1.3;
    --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl);
    --ui-typography-heading-h2-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h2-font-weight: 300;
    --ui-typography-heading-h2-line-height: 1.3;
    --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl);
    --ui-typography-heading-h1-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h1-font-weight: 300;
    --ui-typography-heading-h1-line-height: 1.2;
    --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl);
    --ui-color-base-default: var(--ui-color-palette-black-base);
    --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb);
    --ui-color-base-solid: var(--ui-color-palette-black-solid);
    --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb);
    --ui-color-base-05: var(--ui-color-palette-gray-05);
    --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb);
    --ui-color-base-04: var(--ui-color-palette-gray-04);
    --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb);
    --ui-color-base-03: var(--ui-color-palette-gray-03);
    --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb);
    --ui-color-base-02: var(--ui-color-palette-gray-02);
    --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb);
    --ui-color-base-90: var(--ui-color-palette-gray-90);
    --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb);
    --ui-color-base-80: var(--ui-color-palette-gray-80);
    --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb);
    --ui-color-base-70: var(--ui-color-palette-gray-70);
    --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb);
    --ui-color-base-60: var(--ui-color-palette-gray-60);
    --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb);
    --ui-color-base-50: var(--ui-color-palette-gray-50);
    --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb);
    --ui-color-base-40: var(--ui-color-palette-gray-40);
    --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb);
    --ui-color-base-35: var(--ui-color-palette-gray-35);
    --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb);
    --ui-color-base-30: var(--ui-color-palette-gray-30);
    --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb);
    --ui-color-base-20: var(--ui-color-palette-gray-20);
    --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb);
    --ui-color-base-15: var(--ui-color-palette-gray-15);
    --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb);
    --ui-color-base-10: var(--ui-color-palette-gray-10);
    --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb);
    --ui-color-background-note: var(--ui-color-palette-beige-base);
    --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb);
    --ui-color-background-on-alert: var(--ui-color-palette-red-70);
    --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb);
    --ui-color-background-alert: var(--ui-color-palette-red-20);
    --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb);
    --ui-color-background-on-warning: var(--ui-color-palette-orange-70);
    --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb);
    --ui-color-background-warning: var(--ui-color-palette-orange-20);
    --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb);
    --ui-color-background-on-success: var(--ui-color-palette-green-70);
    --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb);
    --ui-color-background-success: var(--ui-color-palette-green-20);
    --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb);
    --ui-color-background-on-info: var(--ui-color-palette-blue-70);
    --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb);
    --ui-color-background-info: var(--ui-color-palette-blue-20);
    --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb);
    --ui-color-background-tertiary: var(--ui-color-palette-gray-05);
    --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb);
    --ui-color-background-secondary: var(--ui-color-palette-gray-10);
    --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb);
    --ui-color-background-primary: var(--ui-color-palette-white-base);
    --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-text-warning: var(--ui-color-palette-orange-50);
    --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb);
    --ui-color-text-alert: var(--ui-color-palette-red-50);
    --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb);
    --ui-color-text-subtle: var(--ui-color-palette-gray-70);
    --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb);
    --ui-color-text-secondary: var(--ui-color-palette-gray-90);
    --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb);
    --ui-color-text-primary: var(--ui-color-palette-black-base);
    --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb);
    --ui-color-extranet: var(--ui-color-palette-orange-60);
    --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb);
    --ui-color-on-primary-alt: var(--ui-color-palette-white-base);
    --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-primary-alt: var(--ui-color-palette-green-50);
    --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb);
    --ui-color-on-primary: var(--ui-color-palette-white-base);
    --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-primary: var(--ui-color-palette-blue-50);
    --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb)
}

@keyframes popup-window-button-animation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes popupWindowShowAnimationOpacity {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes popupWindowShowAnimationOpacityTransform {
    0% {
        opacity: 0;
        transform: translate3d(0, 5px, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes popupWindowCloseAnimationOpacity {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes popupWindowCloseAnimationOpacityTransform {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 25px, 0)
    }
}

@keyframes popup-window-show-animation-scale {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

video::-webkit-media-text-track-display {
    transform: translateY(-3em)
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    100% {
        border-top-color: #73859f
    }
}

.phones {
    display: flex;
    align-items: center;
    position: relative
}

.phones__inner {
    display: flex;
    align-items: center;
    position: relative
}

.phones__inner:hover {
    z-index: 1000
}

.phones__inner .more-arrow {
    display: flex;
    margin-left: 4px
}

.phones__dropdown {
    background-color: var(--card_bg_black);
    color: var(--basic_text_black);
    box-shadow: 0 5px 30px rgb(34 34 40 / .08);
    left: -20px;
    opacity: 0;
    position: absolute;
    top: -20px;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    visibility: hidden;
    z-index: 2
}

.icon-block--with_icon .phones__dropdown {
    left: 0
}

.phones__inner:hover .phones__dropdown {
    opacity: 1;
    visibility: visible
}

.phones__dropdown .dropdown {
    min-width: min(240px, calc(100vw - 40px))
}

.phones__dropdown .dropdown + .dropdown::before {
    border-top: 1px solid var(--stroke_black);
    content: "";
    display: block;
    margin: 24px 0;
    width: 100%
}

.phones__phone-descript {
    display: block
}

.phones__dropdown-value {
    margin-top: 4px
}

.phones__phone-icon {
    display: flex;
    align-items: flex-start
}

.phones__callback {
    font-size: .8125rem;
    line-height: calc(1em + 4px);
    margin-left: 12px
}

.phones__dropdown-item--social {
    margin: 12px 0 0 0
}

.map-list {
    --animation-time: 200ms
}

.map-list__items-wrapper {
    --container-height: 480px;
    max-height: var(--container-height)
}

.map-list__items-wrapper--aside {
    --container-height: 528px
}

.map-items__inner-wrapper.button-rounded-x:not(:only-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.map-container {
    height: var(--container-height);
    max-height: var(--container-height)
}

.map-container.relative {
    position: relative
}

.map-list__items-wrapper--aside .map-container {
    top: unset;
    right: unset
}

@media screen and (min-width: 769px) and (prefers-reduced-motion: no-preference) {
    .map-container {
        transition: max-height var(--animation-time) ease
    }
}

@media screen and (min-width: 769px) {
    .map-container._hidden {
        max-height: 0
    }
}

@media screen and (max-width: 768px) {
    .map-list__items-container {
        flex-direction: column
    }

    .map-container.mb {
        --mb: 16px
    }
}

.map-list .map-list__items-toggle {
    display: none;
    background-color: var(--card_bg_black);
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1
}

@media screen and (min-width: 769px) {
    .map-list .map-list__items-toggle {
        display: block
    }
}

@media (hover: hover) {
    .map-list .map-list__items-toggle:hover {
        background-color: var(--card_bg_hover)
    }
}

.map-items__item:not(:last-child) {
    border-bottom: 1px solid var(--stroke_black)
}

.map-items__item:hover {
    background-color: var(--darkerblack_bg_black)
}

.map-detail-item__item-property-value-container.line-block--gap {
    --gap: 2px
}


@media (min-width: 769px) {
    .map-container {
        position: absolute;
        right: 16px;
        top: 16px;
        width: 357px;
        z-index: 1
    }
}

@media (max-width: 768px) {
    .map-container {
        position: relative;
        border: 1px solid var(--stroke_black)
    }

    .map-list__items-wrapper {
        --container-height: 275px
    }

    .map-list > .map-wrapper > .map-view {
        margin-left: 24px;
        margin-right: 24px;
        border-left-width: 1px;
        border-right-width: 1px
    }

    .map-list .map-wrapper-offset .map-wrapper .map-view {
        border-right-width: 1px
    }

    .map-list .map-wrapper-offset .map-wrapper .map-list__items-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 530px) {
    .map-wrapper {
        margin-top: 18px
    }

    .map-view {
        height: 277px
    }
}

.front_page .catalog-viewed-list {
    padding-top: 5rem
}

.catalog-viewed__item.swiper-slide {
    height: auto;
    min-height: 200px;
    width: calc((min(calc(100vw - var(--scrollbar-width, 0px) - (2 * var(--theme-page-width-padding))), var(--theme-page-width)) - (var(--gap) * (var(--items-count) - 1))) / var(--items-count))
}

@media (max-width: 600px) {
    .front_page .catalog-viewed-list {
        padding-top: 40px
    }
}

.catalog-viewed-list .slider-solution:not(.swiper-initialized) ~ .slider-nav {
    display: none
}

.catalog-viewed-list .slider-solution:not(.swiper-initialized) .swiper-wrapper {
    --gap: var(--theme-items-gap);
    display: grid;
    gap: var(--gap);
    grid-template-columns:repeat(var(--items-count), 1fr);
    grid-auto-flow: column;
    overflow: hidden
}

@media (min-width: 425px) {
    .catalog-viewed-list .swiper-wrapper {
        --items-count: 3
    }
}

@media (min-width: 601px) {
    .catalog-viewed-list .swiper-wrapper {
        --items-count: 4
    }
}

@media (min-width: 992px) {
    .catalog-viewed-list .swiper-wrapper {
        --items-count: 5
    }
}

@media (min-width: 1100px) {
    .catalog-viewed-list .swiper-wrapper {
        --items-count: 6
    }
}

.bottom-icons-panel {
    position: fixed;
    position: sticky;
    left: 0;
    bottom: 0;
    z-index: 992;
    width: 100%;
    margin-top: auto;
    padding-bottom: env(safe-area-inset-bottom, 22px);
    border-radius: var(--theme-outer-border-radius) var(--theme-outer-border-radius) 0 0;
    background: var(--card_bg_black);
    box-shadow: 0 -3px 10px rgb(0 0 0 / .1);
    order: 9999
}

.bottom-icons-panel__content {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    transform: translateZ(0)
}

.bottom-icons-panel__content:last-child {
    padding-bottom: 5px
}

.bottom-icons-panel__content-link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    min-width: 75px;
    max-width: 200px;
    height: 56px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 0 3px 2px
}

.bottom-icons-panel__content-link--active .bottom-icons-panel__content-text {
    color: #9e9e9e;
    color: var(--theme-base-color)
}

.bottom-icons-panel__content-link--active svg path, .bottom-icons-panel__content-link--active svg use {
    fill: #9e9e9e;
    fill: var(--theme-base-color)
}

.bottom-icons-panel__content-text {
    align-self: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bottom-icons-panel__content-link--display--block {
    display: block
}

.bottom-icons-panel__content-link--with-counter {
    gap: 5px 0
}

.bottom-icons-panel__content-picture-wrapper--mb-3 {
    align-items: flex-end;
    display: flex;
    height: 20px;
    margin: 0;
    position: relative
}

.bottom-icons-panel__content::-webkit-scrollbar {
    -webkit-appearance: none
}

.bottom-icons-panel__content::-webkit-scrollbar:vertical {
    width: 6px
}

.bottom-icons-panel__content::-webkit-scrollbar:horizontal {
    height: 6px
}

.bottom-icons-panel__content::-webkit-scrollbar-thumb {
    background-color: #999;
    background: var(--gray_bg_black);
    border-radius: 10px;
    border: 2px solid #fff;
    border-color: var(--black_bg_black)
}

.bottom-icons-panel__content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
    background: none
}

.bottom-icons-panel .header-cart__count, .bottom-icons-panel .icon-count {
    top: 0;
    bottom: auto;
    right: 0
}

@media (min-width: 992px) {
    .bottom-icons-panel {
        display: none
    }
}

.xpopover:has(.loading-state-before) {
    transition: none
}

.xpopover.clone {
    visibility: hidden !important;
    opacity: 0 !important;
    transition: none !important
}

.xpopover.show {
    display: flex !important;
    opacity: 1;
    visibility: visible
}

.xpopover > .scrollbar {
    max-height: 220px;
    display: block;
    height: 100%
}

@media (max-width: 380px),(max-width: 760px) and (min-resolution: 2dppx) {
    .xpopover > .scrollbar {
        max-height: calc(100dvh - var(--xpopover-pt) - var(--xpopover-pb))
    }

    .xpopover.show {
        transform: translate(0, 0) !important
    }
}

.fadeslider__item:not(.fadeslider__item--active) {
    display: none
}

.countdown__item .text {
    display: inline-block;
    padding: 0 0 0 1px;
    opacity: 1
}

.countdown__item .text {
    display: none
}

.countdown__icon .svg {
    top: -1px;
    left: 1px
}

.sticker .countdown {
    display: block
}

.map-view {
    position: relative
}

.map-view:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: .07;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgb(255 255 255 / .55)
}

body .layout .ymaps-b-zoom_hints-pos_right {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 20px !important;
    border-radius: 32px;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / .2);
    background: #fff;
    margin-left: -88px
}

body .layout .ymaps-b-zoom {
    width: 80px;
    height: 36px;
    padding: 6px 10px
}

body .layout .ymaps-b-zoom:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 5px;
    bottom: 5px;
    width: 2px;
    background-color: #f5f5f5
}

body .layout .ymaps-b-zoom__scale {
    display: none
}

body .layout .ymaps-b-zoom__button {
    display: inline-block;
    height: 26px;
    width: 30px;
    opacity: .6
}

body .layout .ymaps-b-zoom__button:hover {
    opacity: 1
}

body .layout .ymaps-b-form-button__content {
    background-image: none
}

body .layout .ymaps-b-form-button {
    background-image: none;
    overflow: visible
}

body .layout .ymaps-b-form-button__left {
    background-image: none
}

body .layout .ymaps-b-zoom__button_type_minus {
    background-image: none;
    text-align: center
}

body .layout .ymaps-b-zoom__button_type_plus {
    background-image: none;
    text-align: center
}

body .layout .ymaps-b-zoom__button_type_minus .ymaps-b-zoom__sprite {
    width: 100%;
    height: 100%;
    left: 0;
    background-image: url(../images/yandexMapMinus.svg);
    background-position: -6px -3px
}

body .layout .ymaps-b-zoom__button_type_plus .ymaps-b-zoom__sprite {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/yandexMapPlus.svg);
    background-position: -1px -3px
}

body .layout .ymaps-controls-righttop {
    bottom: 0;
    top: auto !important
}

body .layout .ymaps-controls-righttop > ymaps {
    top: auto !important;
    bottom: 20px !important;
    right: auto !important;
    left: 50%;
    margin-left: 2px
}

body .layout .ymaps-controls-righttop .ymaps-b-select.ymaps-b-select_control_listbox {
    background: #fff;
    border-radius: 32px;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / .2);
    padding: 3px 0 3px 25px;
    position: relative
}

body .layout .ymaps-controls-righttop .ymaps-b-select.ymaps-b-select_control_listbox:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 25px;
    height: 25px;
    background-image: url(../images/yandexMapShema.svg)
}

body .layout .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes {
    position: absolute;
    left: 3px;
    bottom: 100%;
    margin-bottom: 3px;
    top: auto
}

body .layout .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes .ymaps-b-popupa__shadow {
    display: none
}

body .layout .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes .ymaps-b-popupa__body {
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / .2);
    padding: 5px
}

body.index .ymaps-image-with-content {
    background-image: none !important
}

.marker.dynamic {
    position: absolute;
    bottom: 0;
    left: -20px
}

@media (max-width: 768px) {


    body .layout .yandex-map__frame .ymaps-controls-righttop > ymaps {
        top: auto !important;
        bottom: 0 !important;
        left: 50vw;
        margin-left: 10px
    }

    body .layout .yandex-map__frame .ymaps-controls-lefttop > ymaps {
        top: auto !important;
        bottom: 0 !important;
        left: 50vw !important;
        transform: translateX(calc(-100% - 15px));
        margin-left: 0
    }

    body .layout .yandex-map__frame .ymaps-copyrights-pane, body .layout .yandex-map__frame .ymaps-copyrights-pane + ymaps {
        display: none !important
    }

    body .layout .yandex-map__frame .ymaps-b-select_state_opened .ymaps-b-popupa_layout_yes {
        bottom: 100% !important;
        top: auto !important
    }
}

@media (max-width: 768px) {

}


.page-top-wrapper.color + .contacts-page-map-top.projects {
    margin-top: 0
}

body .ordered-block.map .ymaps-b-balloon {
    width: 412px !important
}

body .ordered-block.map .gm-style .gm-style-iw-c {
    width: 412px !important
}

@media (max-width: 400px) {
}

.contacts-detail__social .social__items {
    background-color: #fff;
    background: var(--black_bg_black);
    padding-right: 40px
}

@media (min-width: 531px) and (max-width: 991px) {
}

@media (min-width: 501px) {
    .contacts-detail__image--gallery .gallery-big .swiper {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }
}

@media (max-width: 500px) {
    .contacts-detail__image--gallery .gallery-big .swiper {
        height: 100%
    }
}

.contacts-detail__image--gallery .swiper-slide a div {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    height: 100%
}

.contacts__filter.line-block {
    max-width: 672px;
    margin-bottom: 16px;
    flex-grow: 1
}

.contacts__filter .line-block__item {
    flex: 1;
    min-width: 0
}

.contacts__filter-select .dropdown-select__title {
    padding: 7px 41px 7px 13px;
    position: relative;
    height: 39px
}

.contacts__filter-select .dropdown-select__title span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: 13px;
    right: 41px
}

.contacts__filter-select .dropdown-select__title .svg {
    margin: 0;
    position: absolute;
    right: 17px;
    top: 18px
}

.contacts__filter-select .dropdown-menu-wrapper {
    left: -1px;
    width: calc(100% + 2px);
    top: -1px
}

.contacts__filter-select .dropdown-menu-wrapper .dropdown-menu-inner {
    max-height: 217px;
    overflow: auto
}

@media (max-width: 991px) {
    .contacts__sticky-panel__btn-wraper .btn.btn-wide {
        width: auto
    }
}

@media (max-width: 600px) {
    .contacts__panel-wrapper .line-block {
        flex-wrap: wrap
    }

    .contacts__panel-wrapper .line-block__item {
        flex-basis: 100%
    }
}

.contacts-list__item .contacts-list__item-metro .svg, .contacts-list__item .contacts-list__item-schedule .svg {
    margin-right: 10px
}

.contacts-list__item .contacts-list__item-schedule .svg {
    margin-top: -2px
}

.contacts-list__item-coord .svg {
    margin: 0 9px 0 0
}

@media (max-width: 1299px) {
    .contacts-list__item-info > .line-block {
        flex-direction: column
    }
}

.contacts-list .grid-list--no-gap .contacts-list__wrapper.grid-list-border-outer {
    margin: 0 -1px -1px 0
}

@-ms-viewport {
    width: device-width
}

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

html {
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #fff0
}

p {
    margin: 0 0 10px
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    line-height: inherit
}

.form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.428571429
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse.in {
    display: block
}

.row {
    margin-left: -16px;
    margin-right: -16px
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.tab-content > .active {
    display: block
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.img-responsive {
    max-width: 100%;
    max-height: 100%
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2)
    }
}

.btn.btn-default {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
    color: var(--button_color_text)
}

.btn.btn-default:hover, .btn-default:active, .btn-default:focus {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.btn.btn-default.white:hover, .btn-default.white:active, .btn-default.white:focus {
    color: var(--button_color_text, #fff) !important;
    border-color: var(--theme-base-color);
    background: var(--theme-base-color)
}

.btn.btn-default.white.white-bg:hover, .btn-default.white.white-bg:active, .btn-default.white.white-bg:focus {
    color: var(--theme-base-color) !important;
    border-color: var(--theme-base-color);
    background: #fff
}

.btn.btn-default.btn-transparent-bg:not(:hover) {
    --bg-opacity: 32%;
    border-color: color-mix(in oklab, var(--basic_text_black) var(--bg-opacity), transparent);
    color: var(--fill_dark_lite_white_hover)
}

.btn.btn-white {
    color: var(--theme-base-color);
    background-color: #fff;
    border-color: #fff
}

.btn.btn-white * {
    fill: var(--theme-base-color)
}

.btn.btn-white:hover {
    color: #fff
}

.btn.btn-white:hover * {
    fill: #fff
}

.btn.btn-white.btn-transparent {
    background-color: rgb(255 255 255 / .1);
    color: #fff
}

.btn.btn-white.btn-transparent:hover, .btn.btn-white.btn-transparent:active, .btn.btn-white.btn-transparent:focus {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

.btn.btn-white.btn-transparent:not(:hover) * {
    fill: #fff
}

.btn.btn-white.btn-transparent-border {
    border: 1px solid rgb(255 255 255 / .35);
    color: #fff
}

.btn.btn-white.btn-transparent-border:hover, .btn.btn-white.btn-transparent-border:active, .btn.btn-white.btn-transparent-border:focus {
    background-color: #fff;
    border-color: #fff
}

.btn.btn-white.btn-transparent-border:not(:hover) * {
    fill: #fff
}

.btn.btn-white.btn-transparent-border:hover {
    color: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-border:hover * {
    fill: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-bg:hover {
    color: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-bg:hover * {
    fill: var(--theme-base-color)
}

.btn.btn-white.btn-transparent-bg:not(:hover) {
    color: #fff;
    border-color: #fff
}

.btn.btn-white.btn-transparent-bg:not(:hover) * {
    fill: #fff
}

.btn.btn-warning {
    background-color: #f38b04;
    border-color: #f38b04
}

.btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:focus {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent {
    background-color: rgb(243 139 4 / .1);
    color: #f38b04
}

.btn.btn-warning.btn-transparent:hover, .btn.btn-warning.btn-transparent:active, .btn.btn-warning.btn-transparent:focus {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent-border {
    border: 1px solid rgb(243 139 4 / .35);
    color: #f38b04
}

.btn.btn-warning.btn-transparent-border:hover, .btn.btn-warning.btn-transparent-border:active, .btn.btn-warning.btn-transparent-border:focus {
    background-color: #f8a132;
    border-color: #f8a132
}

.btn.btn-warning.btn-transparent-border:not(:hover) * {
    fill: #f38b04
}

.btn.btn-warning.btn-transparent-bg:not(:hover) {
    color: #f38b04;
    border-color: #f38b04
}

.btn.btn-warning.btn-transparent-bg:not(:hover) * {
    fill: #f38b04
}

.btn.btn-primary {
    background-color: #00b290;
    border-color: #00b290
}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent {
    background-color: rgb(0 178 144 / .1);
    color: #30c4a8
}

.btn.btn-primary.btn-transparent:hover, .btn.btn-primary.btn-transparent:active, .btn.btn-primary.btn-transparent:focus {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent-border {
    border: 1px solid rgb(0 178 144 / .35);
    color: #00b290
}

.btn.btn-primary.btn-transparent-border:hover, .btn.btn-primary.btn-transparent-border:active, .btn.btn-primary.btn-transparent-border:focus {
    background-color: #30c4a8;
    border-color: #30c4a8
}

.btn.btn-primary.btn-transparent-border:not(:hover) * {
    fill: #00b290
}

.btn.btn-primary.btn-transparent-bg:not(:hover) {
    color: #00b290;
    border-color: #00b290
}

.btn.btn-primary.btn-transparent-bg:not(:hover) * {
    fill: #00b290
}

.btn.btn-info {
    background-color: #0ca9e3;
    border-color: #0ca9e3
}

.btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info:focus {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent {
    background-color: rgb(12 169 227 / .1);
    color: #0ca9e3
}

.btn.btn-info.btn-transparent:hover, .btn.btn-info.btn-transparent:active, .btn.btn-info.btn-transparent:focus {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent-border {
    border: 1px solid rgb(12 169 227 / .35);
    color: #0ca9e3
}

.btn.btn-info.btn-transparent-border:hover, .btn.btn-info.btn-transparent-border:active, .btn.btn-info.btn-transparent-border:focus {
    background-color: #39baec;
    border-color: #39baec
}

.btn.btn-info.btn-transparent-border:not(:hover) * {
    fill: #0ca9e3
}

.btn.btn-info.btn-transparent-bg:not(:hover) {
    color: #0ca9e3;
    border-color: #0ca9e3
}

.btn.btn-info.btn-transparent-bg:not(:hover) * {
    fill: #0ca9e3
}

.btn.btn-danger {
    background-color: #dc130d;
    border-color: #dc130d
}

.btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger:focus {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent {
    background-color: rgb(220 19 13 / .1);
    color: #e63f3a
}

.btn.btn-danger.btn-transparent:hover, .btn.btn-danger.btn-transparent:active, .btn.btn-danger.btn-transparent:focus {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent-border {
    border: 1px solid rgb(220 19 13 / .35);
    color: #dc130d
}

.btn.btn-danger.btn-transparent-border:hover, .btn.btn-danger.btn-transparent-border:active, .btn.btn-danger.btn-transparent-border:focus {
    background-color: #e63f3a;
    border-color: #e63f3a
}

.btn.btn-danger.btn-transparent-border:not(:hover) * {
    fill: #dc130d
}

.btn.btn-danger.btn-transparent-bg:not(:hover) {
    color: #dc130d;
    border-color: #dc130d
}

.btn.btn-danger.btn-transparent-bg:not(:hover) * {
    fill: #dc130d
}

.btn.btn-success {
    background-color: #84bc29;
    border-color: #84bc29
}

.btn.btn-success:hover, .btn.btn-success:active, .btn.btn-success:focus {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent {
    background-color: rgb(132 188 41 / .1);
    color: #9dca53
}

.btn.btn-success.btn-transparent:hover, .btn.btn-success.btn-transparent:active, .btn.btn-success.btn-transparent:focus {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent-border {
    border: 1px solid rgb(132 188 41 / .35);
    color: #84bc29
}

.btn.btn-success.btn-transparent-border:hover, .btn.btn-success.btn-transparent-border:active, .btn.btn-success.btn-transparent-border:focus {
    background-color: #9dca53;
    border-color: #9dca53
}

.btn.btn-success.btn-transparent-border:not(:hover) * {
    fill: #84bc29
}

.btn.btn-success.btn-transparent-bg:not(:hover) {
    color: #84bc29;
    border-color: #84bc29
}

.btn.btn-success.btn-transparent-bg:not(:hover) * {
    fill: #84bc29
}

.btn.btn-transparent {
    background-color: hsl(var(--dark_light-wtheme-hue), var(--dark_light-wtheme-saturation), var(--dark_light-wtheme-lightness), .1);
    color: var(--theme-base-color);
    border-color: #fff0
}

.btn.btn-transparent .fill-theme path {
    fill: var(--fill_dark_lite_white_hover)
}

.btn.btn-transparent:hover, .btn.btn-transparent:active, .btn.btn-transparent:focus {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    color: var(--button_color_text)
}

.btn.btn-secondary-black {
    color: var(--fill_dark_lite_white_hover);
    background-color: var(--secondary-black-dark-light-bg);
    border-color: #fff0
}

.btn.btn-transparent-border {
    background-color: #fff0;
    color: var(--fill_dark_lite_white_hover);
    border: 1px solid;
    border-color: #fff0
}

.btn.btn-transparent-border:hover, .btn.btn-transparent-border:active, .btn.btn-transparent-border:focus {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    color: #fff
}

.btn.btn-black-opacity-blur {
    --bg-opacity: 32%;
    color: #fff;
    background-color: color-mix(in oklab, #000 var(--bg-opacity), transparent);
    border-color: #fff0;
    backdrop-filter: blur(3px)
}

.btn.btn-black-opacity-blur:where(:hover,:focus,:active) {
    --bg-opacity: 40%
}

.btn.btn-secondary-black:hover, .btn.btn-secondary-black:active, .btn.btn-secondary-black:focus {
    background-color: var(--tag_hover);
    border-color: var(--tag_hover)
}

.btn.btn-transparent-border:hover, .btn.btn-transparent-border.active {
    color: var(--button_color_text);
    background-color: var(--theme-base-color);
    border: 1px solid var(--theme-base-color)
}

.btn.btn-responsive-nav {
    background-color: var(--theme-base-color)
}

.btn.btn-responsive-nav:hover {
    color: var(--theme-base-color);
    border: 1px solid var(--theme-base-color);
    background-color: #fff;
    padding: 4px 7px 2px
}

.btn.btn-link {
    color: var(--theme-base-color);
    background-color: #fff0;
    border-color: #fff0
}

.btn.btn-link:hover {
    color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: #fff0
}

.btn.btn-link:active {
    color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) - 16%))
}

.btn.btn-default.wc.vert .fa {
    background-color: var(--theme-base-color)
}

.btn.btn-default.wc.vert:hover .fa {
    background-color: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)))
}

body header.light .logo_and_menu-row .confirm_region .buttons .btn.btn-default.btn-transparent-bg:not(:hover) {
    color: var(--theme-base-color) !important
}

.btn {
    --button-height: 38px;
    --button-font-size: 0.9375rem;
    --button-pl: 16px;
    --button-pr: 16px;
    font-size: var(--button-font-size);
    line-height: 1em;
    font-weight: 500;
    text-transform: var(--theme-text-transform);
    letter-spacing: var(--theme-letter-spacing);
    text-decoration: none;
    margin: 0;
    border: 1px solid;
    border-radius: var(--theme-button-border-radius);
    padding: 1px 20px;
    padding-left: var(--button-pl);
    padding-right: var(--button-pr);
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--button-height);
    user-select: none;
    background-image: none;
    cursor: pointer;
    white-space: nowrap;
    appearance: none;
    transition: background-color 0.1s ease;
    -moz-transition: background-color 0.1s ease;
    -ms-transition: background-color 0.1s ease;
    -o-transition: background-color 0.1s ease;
    -webkit-transition: background-color 0.1s ease
}

.btn > * {
    -moz-transition: background-color 0.1s;
    -ms-transition: background-color 0.1s;
    -o-transition: background-color 0.1s;
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s
}

.mobile .btn, .mobile .btn > * {
    transition: none
}

.btn-elg {
    --button-height: 52px;
    --button-font-size: 1rem;
    --button-pl: 24px;
    --button-pr: 24px
}

.btn.btn-lg {
    --button-height: 44px;
    --button-font-size: 0.9375rem;
    --button-pl: 20px;
    --button-pr: 20px
}

.btn.btn-sm {
    --button-height: 36px;
    --button-font-size: 0.875rem;
    --button-pl: 16px;
    --button-pr: 16px
}

.btn.btn-xs {
    --button-height: 30px;
    --button-font-size: 0.8125rem;
    --button-pl: 12px;
    --button-pr: 12px
}

.btn.btn-auto-height {
    --button-height: auto
}

.btn:not(.bordered):where(.active,:active) {
    box-shadow: none
}

.btn:not(.loadings):where([disabled],.disabled) {
    background: none !important;
    border: 1px solid #bbbbbb !important;
    color: #bbbbbb !important;
    cursor: not-allowed;

    > * {
        background: none !important;
        border: none !important;
        color: #bbbbbb !important
    }
}

.btn-lg:not(.loadings):where([disabled],.disabled) {
    border-width: 2px !important
}

.btn-default.wc {
    padding: 0 !important;
    font-size: 0
}

.btn-default.wc .fa {
    display: inline-block;
    height: 31px;
    line-height: 32px;
    vertical-align: top;
    width: 32px;
    font-size: 13px
}

.btn-default.wc span {
    display: inline-block;
    padding: 6px 12px 5px 0;
    line-height: 19px;
    vertical-align: top;
    font-size: 13px
}

.btn-default.btn-xs.wc .fa {
    width: 25px;
    height: 26px;
    line-height: 27px;
    font-size: 14px;
    font-weight: 500
}

.btn-default.btn-xs.wc span {
    line-height: 16px;
    padding: 5px 10px 4px 0;
    font-size: 11px
}

.btn-default.wc.vert {
    background: none;
    border: none;
    padding: 0;
    min-width: 100px;
    width: 100%
}

.btn-default.wc.vert .fa {
    background-color: #cdd8dd;
    border: none;
    display: block;
    height: 70px;
    line-height: 70px;
    font-size: 39px;
    border-radius: 1px 1px 0 0;
    width: 100%
}

.btn-default.wc.vert span {
    color: #1d2029;
    background: #dfeaed;
    border-bottom: 1px solid #c8d2d5;
    border-top: 1px solid #eaf1f3;
    display: block;
    padding: 10px 12px 10px;
    line-height: 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0 0 1px 1px;
    white-space: normal;
    text-shadow: none
}

.btn-default.wc.vert:hover span {
    background: #cdd8dd;
    border-bottom: 1px solid #b8c2c6;
    border-top: 1px solid #dde5e8
}

.btn.btn-responsive-nav {
    color: #fff;
    padding: 5px 8px 3px;
    margin: 0;
    border: medium none
}

.btn.btn-responsive-nav .fa {
    font-size: 21px
}

.btn.btn-transparent-bg:not(:hover) {
    background: #fff0
}

.btn.btn-theme.btn-transparent-bg {
    color: #9e9e9e;
    color: var(--theme-more-color);
    border-color: #9e9e9e;
    border-color: var(--theme-more-color)
}

.btn.btn-theme.btn-transparent-bg * {
    fill: #9e9e9e;
    fill: var(--theme-more-color)
}

.btn.btn-theme.btn-transparent-bg:hover {
    color: #fff;
    background: #9e9e9e;
    background: var(--theme-more-color)
}

.btn.btn-theme.btn-transparent-bg:hover * {
    fill: #fff
}

.btn.btn-default.white2:not(:hover) {
    background: #fff;
    border-color: #fff;
    color: #333
}

.btn.btn-wide {
    width: 100%
}

*:where(.btn--no-btn-appearance) {
    appearance: none;
    background: none;
    border-radius: inherit;
    border: none;
    color: inherit;
    display: block;
    padding: 0
}

body .btn.btn-default.in_cart {
    background-color: var(--secondary-black-dark-light-bg);
    border-color: var(--secondary-black-dark-light-bg);
    padding: 0;
    display: flex
}

body .btn.btn-more-theme {
    background-color: var(--theme-more-color);
    border-color: var(--theme-more-color)
}

body .btn.btn-more-theme:hover {
    background-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)));
    border-color: hsl(var(--theme-more-color-hue), var(--theme-more-color-saturation), calc(var(--theme-more-color-lightness) + var(--theme-lightness-hover-diff)))
}

.svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center
}

.svg.wrapper {
    --icon-size: 20px;
    display: flex;
    width: var(--icon-size);
    height: var(--icon-size);
    place-content: center;
    place-items: center
}

.svg.d-inline-flex {
    display: inline-flex
}

.svg.wrapper--12 {
    --icon-size: 12px
}

.svg.wrapper--16 {
    --icon-size: 16px
}

.svg.wrapper--32 {
    --icon-size: 32px
}

@media (any-hover: hover) {
    .wrapper-hover-parent-all:hover .wrapper-hover-target, .wrapper-hover-parent:hover > .wrapper-hover-target, .svg.wrapper--hover:hover {
        background-color: var(--darkerblack_bg_black)
    }
}

.svg svg {
    display: block
}

.svg.inline.white svg path, .svg.inline.white svg use {
    fill: #fff
}

.svg.inline.dark svg path, .svg.inline.dark svg use {
    fill: #222228
}

.svg.white-stroke svg path, .svg.white-stroke svg use {
    stroke: #fff
}

.svg.dark-stroke svg path, .svg.dark-stroke svg use {
    stroke: #222228
}

.svg-burger.white {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==)
}

.svg-burger.white.lg {
    background-image: url(../images/Burger_big_white.svg)
}

.svg-basket.white {
    min-width: 18px;
    min-height: 17px;
    background: none;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==)
}

.svg-basket.white.lg {
    background: none;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==)
}

.secondary-color svg path {
    fill: #b8b8b8
}

.secondary-color svg rect {
    stroke: #b8b8b8
}

.headers-container {
    position: relative;
    z-index: 11
}

.header {
    position: relative;
    z-index: 110;
    background-color: var(--black_bg_black)
}

@media screen and (min-width: 992px) {
    body.header_opacity.front_page .header__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
}

.hide-dotted:not(.dotted-complete) * {
    opacity: 0
}

.hide-dotted:not(.dotted-complete) {
    overflow: hidden
}

.header__top-part {
    --menu-height: 38px;
    align-items: center;
    display: flex;
    height: var(--menu-height);
    position: relative;
    z-index: 2
}

.header__section--gray {
    background-color: var(--darkerblack_bg_black)
}

.header__top-part.header__section--transparent {
    align-items: flex-end;
    padding-bottom: 4px
}

.header__top-part.header__section--transparent_underline {
    border-bottom: 1px solid var(--header-delimeter-color)
}

.header__top-part.header__section--gray {
    --banner-light-text: var(--white_text_black);
    --banner-light-text-hover: var(--fill_dark_lite_hover);
    --opacity-density: 1
}

.header__bottom-inner.header__section--offset .header-menu__wrapper > .header-menu__item, .header__bottom-inner.header__section--offset .header__top-sections {
    padding-top: 7px
}

.header__bottom-inner:not(.header__section--transparent) {
    --panel-items-height: 52px;
    height: var(--panel-items-height)
}

.header__bottom-inner.header__section--dark .header-menu__link--only-catalog {
    --text-opacity: 100%;
    --button_color_text: color-mix(in oklab, var(--white_text_black) var(--text-opacity), transparent)
}

.header__bottom-inner:not(.header__section--transparent) .header-menu__link--only-catalog {
    --button-height: var(--panel-items-height);
    --button-pl: var(--panel-items-offset);
    --button-pr: var(--panel-items-offset);
    border: none;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    background-color: #fff0;
    position: relative
}

.header__bottom-inner:not(.header__section--transparent) .header-menu__link--only-catalog::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: color-mix(in oklab, var(--button_color_text) 6%, transparent)
}

.header__bottom-inner .header-menu__link--only-catalog:hover {
    opacity: .72
}

.header__bottom-inner:not(.header__section--transparent) .header__bottom-item {
    margin-inline: var(--panel-items-offset)
}

.header__bottom-inner.header__section--transparent .header-menu__link {
    align-items: start
}

.header__bottom-part {
    --panel-items-offset: 32px;
    --menu-height: 52px;
    height: var(--menu-height)
}

.header__main-part {
    --menu-height: 88px;
    height: var(--menu-height);
    position: relative;
    z-index: 1
}

.header__inner {
    --header-delimeter-color: var(--light, rgba(34, 34, 34, 0.08)) var(--dark, rgba(237, 237, 237, 0.08));
    padding-top: 13px
}

.header__inner--bordered {
    border-bottom: 1px solid var(--header-delimeter-color)
}

.header__inner--no-pt {
    padding-top: 0
}

.dropdown-menu-wrapper.header-menu__dropdown-menu {
    padding-top: 0
}

.dropdown-menu-wrapper.header-menu__dropdown-menu .dropdown-menu-inner {
    min-width: 280px
}

.header__top-part.header__section--transparent .header-menu__item > .header-menu__dropdown-menu {
    padding-top: 10px
}

.dropdown {
    border-radius: var(--theme-button-border-radius, 6px);
    box-shadow: 0 5px 20px rgb(0 0 0 / .15);
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--card_bg_black)
}

.dropdown--relative {
    position: relative
}

.dropdown--no-shadow {
    box-shadow: none
}

.dropdown.dropdown--transparent {
    background: #fff0
}

.logo {
    max-width: 300px;
    height: 64px;
    display: flex;
    align-items: center
}

.logo a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.logo img, .logo svg {
    max-height: 100%;
    max-width: 100%
}

.header-cabinet {
    position: relative
}

.header-cart__inner {
    position: relative;
    display: block;
    line-height: 0
}

.header-cart__inner--empty {
    margin-right: 0
}

.header-cart__count, .icon-count {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(57%, -31%);
    color: var(--button_color_text);
    font-size: 12px;
    border-radius: 17px;
    text-align: center;
    line-height: 17px;
    min-width: 19px;
    padding: 0 6px;
    background-color: #49b822;
    white-space: nowrap;
    z-index: 2
}

.header-cart__inner--empty .header-cart__count, .icon-count {
    display: none
}

.icon-block-with-counter {
    position: relative;
    display: block
}

.icon-block-with-counter--count .icon-count {
    display: block
}

.hide-basket-message .header-cart__name {
    display: none
}

.header-cart {
    position: relative
}

.basket-dropdown {
    display: none
}

.header__search .bg-glass {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.light-opacity-hover {
    opacity: 1;
    transition: opacity 0.1s ease-in-out
}

.header__icon-name {
    font-size: .875rem;
    line-height: calc(1rem + 3px);
    padding-top: 7px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0
}

@media screen and (max-width: 1200px) {
    .header__icon-name {
        display: none
    }
}

.header__icon {
    height: 20px;
    display: flex;
    align-items: flex-end;
    align-items: end
}

.menu-dots-visible .header-menu__wrapper {
    justify-content: space-between
}

.menu-dots-visible--start .header-menu__wrapper {
    justify-content: start
}

.menu-dots-visible--centered .header-menu__wrapper {
    justify-content: center
}

.header__top-sections {
    min-width: 0
}

.header__section--theme .drag-scroll__arrow:hover {
    background-color: #fff
}

.header__section--theme .drag-scroll__arrow.stroke-dark-light:hover * {
    stroke: #222228
}

.header__burger--only-icon .header-menu__title-wrapper {
    display: none
}

.header__top-part:not(:hover) .header-menu {
    overflow: hidden
}

.header-menu--long .header-menu__wrapper {
    height: 38px
}

.header__top-part.header__section--transparent .header-menu__wrapper {
    height: auto
}

.header-menu--longer .header-menu__wrapper {
    height: 66px
}

.header__burger .header-menu__wrapper {
    height: auto
}

@media (max-width: 991px) {
    body:is(.theme-default,.theme-light) .header {
        --light: var(--ON_toggle);
        --dark: var(--OFF_toggle)
    }
}

@media (prefers-color-scheme: dark) and (max-width: 991px) {
    body:is(.theme-default,.theme-dark) .header {
        --light: var(--OFF_toggle);
        --dark: var(--ON_toggle)
    }
}

.basket-dropdown, .product-dropdown-hover-block {
    position: absolute;
    top: 100%;
    right: 0;
    width: 400px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    transition-delay: 0.2s;
    z-index: 2
}

.footer {
    --footer_border_color: var(--light, #ebebee) var(--dark, #3f3f45);
    --footer_bg: var(--light, #fff) var(--dark, #222228)
}

.footer--color-grey {
    --footer_bg: var(--darkerblack_bg_black)
}

.footer__divider--top {
    border-top: 1px solid var(--footer_border_color)
}

.footer {
    background: var(--footer_bg);
    color: var(--basic_text_black)
}

.footer__main-part {
    position: relative
}

.footer__bottom-part {
    position: relative
}

.footer__main-part .footer__part-item {
    flex: 1;
    @media (width < 768px) {
        border-bottom: 1px solid var(--stroke_black);
        padding-block: 12px 16px
    }
}

.footer__bottom-part .footer__bottom-part-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

@media (width < 768px) {
    .footer__bottom-part .footer__bottom-part-items-wrapper {
        flex-direction: column;
        align-items: flex-start
    }
}

.footer__main-part .footer__part-item.footer-categories {
    flex: 2;
    min-width: 0;
}

.footer-categories__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding-top: 20px;
}

.footer-categories__column a {
    overflow-wrap: anywhere;
}

.footer-categories__toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    fill: currentColor;
    cursor: pointer;
}

.footer-categories__toggle svg {
    transition: transform .3s ease;
}

.footer-categories__toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .footer-categories__toggle {
        display: inline-flex;
    }

    .footer-categories__list {
        display: none;
        gap: 16px;
    }

    .footer-categories__list.is-open {
        display: grid;
    }
}

.bottom-menu .items .wrap_menu_compact_mobile {
    padding-top: 20px
}

.bottom-menu .items .wrap {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.bottom-menu .item .title {
    color: var(--white_text_black)
}

.bottom-menu .item.active .title .dark_link {
    --text-opacity: 72%
}

.bottom-menu .item.active .title a:not(.dark_link) {
    --text-opacity: 100%
}

@media (max-width: 767px) {
    .footer .footer__main-part-menu {
        flex-direction: column
    }

    .bottom-menu .item-link svg {
        transition: transform 0.3s ease
    }

    .bottom-menu .item-link.opened svg {
        transform: rotate(180deg);
        transition: transform 0.3s ease
    }

    .wrap_menu_compact_mobile {
        display: none
    }
}

@media (min-width: 768px) {
    .wrap_menu_compact_mobile {
        display: block !important
    }
}

.footer__title {
    margin: 0 0 20px 0;
    color: var(--white_text_black)
}

.footer__info {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (max-width: 991px) {
    .footer__part:has(.footer__info), .footer__part-item:has(.footer__info) {
        order: 1;
        margin-top: clamp(28px, 4vw, 26px)
    }

    .footer__part-item:has(.footer__info) {
        min-width: 100%
    }
}

.footer__phone .phones {
    flex-direction: column;
    align-items: flex-start
}

.phones__dropdown--top .dropdown--top-reverse {
    display: flex;
    flex-direction: column-reverse
}

.phones__dropdown--top .phones__phone-icon {
    align-items: flex-end
}

.phones__dropdown--top .phones__dropdown-item--social {
    margin: 0 0 12px 0
}

.footer__social .social__link {
    transition: opacity 0.3s ease-in-out
}

.footer__social .social__link:hover {
    filter: grayscale(0)
}

.justify--end .line-block {
    justify-content: flex-end
}

.footer__pays .hover_blink {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px
}

.footer__pays i.pec {
    width: 49px;
    height: 20px;
    background-position-x: -1186px
}

.footer__pays i.ems {
    width: 51px;
    height: 20px;
    background-position-x: -1775px
}

.footer__bottom-part.secondary-color a {
    --text-opacity: 48%
}

.footer__bottom-part.secondary-color a:hover {
    --text-opacity: 100%
}

.footer__bottom-part.secondary-color .footer__part-item-theme .theme-selector__item-text, .footer__bottom-part.secondary-color .footer__part-item-lang .sites__current {
    --text-opacity: 48%;
    color: color-mix(in oklab, var(--white_text_black) var(--text-opacity), transparent)
}

.footer__bottom-part.secondary-color .footer__part-item-theme .color-dark-parent-all:hover .color-dark-target, .footer__bottom-part.secondary-color .footer__part-item-lang .color-dark-parent-all:hover .sites__current, .footer__bottom-part.secondary-color .footer__part-item-lang .color-dark-parent-all .opened .sites__current {
    --text-opacity: 100%
}

.footer__bottom-part.secondary-color .footer__part-item-theme .fill-dark-light-block use, .footer__bottom-part.secondary-color .footer__part-item-lang .fill-dark-light-block use, .footer__bottom-part.secondary-color .fill-dark-parent-all .fill-dark-light-block use {
    opacity: .48
}

.footer__bottom-part.secondary-color .footer__part-item-theme .fill-dark-light-block:hover use, .footer__bottom-part.secondary-color .footer__part-item-lang .fill-dark-light-block:hover use, .footer__bottom-part.secondary-color .fill-dark-parent-all:hover .fill-dark-light-block use, .footer__bottom-part.secondary-color .fill-dark-light-block.opened use {
    opacity: 1
}

footer p:last-child {
    margin-bottom: 0
}

.subscribe {
    cursor: pointer;
    font-weight: 400
}

.form .subscribe-form .licence_block {
    text-align: left;
    padding: 8px 0 0;
    opacity: 0;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 0;
    z-index: -1
}

.form .subscribe-btn {
    background: 0 0;
    border: none;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    z-index: 1;
    cursor: pointer
}

.svg.subscribe-form__right-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 1200px) {
    .footer__part-bottom .footer__subscribe:not(.hidden) + .footer__social {
        margin-top: 40px
    }
}

@media (max-width: 1200px) {
    .footer__main-part .footer__part-bottom > .flexbox {
        flex-direction: column
    }
}

#mobileheader {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 993;

    &:has(.overlay) .mobileheader {
        filter: blur(3px)
    }
}

#mobileheader.filter-none {
    z-index: 998
}

.mobileheader {
    --mobile-header-top: 60px;
    min-height: var(--mobile-header-top);

    &:has(.mobileheader__inner-part .search-input) {
        --mobile-header-top: 68px
    }
}

.mobileheader--color-white {
    background-color: var(--card_bg_black)
}

body.mfixed_y #mobileheader {
    position: sticky;
    top: 0
}

body.mfixed_y.mfixed_view_scroll_top #mobileheader {
    top: calc(var(--mobile-header-height, 63px) * -1);
    transition: top 0.3s ease
}

body.mfixed_y.mfixed_view_scroll_top #mobileheader.fixed {
    top: 0
}

#main .mobileheader--color-dark .menu-light-icon-fill svg *, #main .mobileheader--color-colored .menu-light-icon-fill svg * {
    fill: #fff
}

#main .mobileheader--color-dark .fill-theme-hover:hover svg *, #main .mobileheader--color-colored .fill-theme-hover:hover svg * {
    opacity: .5
}

#main .header-cabinet__fill-white-link svg .fill-more-theme {
    fill: #fff !important
}

.mobileheader__item--right-icons .burger {
    margin-right: -27px
}

.mobileheader .burger {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 20px;
    margin: -20px
}

.mobileheader .logo {
    max-width: 180px;
    height: 35px;

    svg {
        max-width: 100%;
        max-height: 100%
    }
}

@media screen and (width < 601px) {
    .mobileheader__inner .mobileheader__inner-part {
        --gap: 20px
    }
}

.mobileheader .phones {
    cursor: pointer
}

.mobileheader .phones, .mobileheader .phones__inner {
    position: inherit
}

#mobilephones {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3000;
    background: var(--black_bg_black);
    display: none;
    opacity: 1;
    visibility: visible;
    padding: 0;
    cursor: default;
    height: calc(100dvh - var(--mobile-header-top))
}

.mobileheader--color-white #mobilephones, .mobileheader--color-grey #mobilephones {
    top: var(--mobile-header-top)
}

.mobileheader .phones__dropdown .dropdown {
    left: 0 !important;
    box-shadow: none;
    display: block;
    padding: 17px 23px 23px;
    top: 0;
    pointer-events: all;
    max-height: 100%
}

.mobilephones__menu-item.mobilephones__menu-item--title {
    padding: 18px 0 18px
}

.mobilephones__menu-item a {
    padding: 10px 0;
    display: block
}

.mobilephones__menu-item--callback {
    padding: 6px 0;
    margin: 8px 0 0 0
}

.mobileheader .phones__dropdown-item--social {
    margin-top: 18px
}

.mobilephones__menu-item--with-padding {
    padding: 6px 0
}

.mobilephones__menu-item--with-padding a {
    padding: 0
}

.mobilephones__close {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 24px;
    right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer
}

.mobilephones__additional-blocks {
    border-top: 1px solid var(--stroke_black);
    margin-top: 16px;
    padding-top: 18px
}

@media screen and (min-width: 600px) {
    .mobilephones__menu-item-content {
        max-width: 260px
    }
}

.icon-block--only_icon .icon-block__only-icon {
    display: flex
}

.mobileheader .header-cabinet__link.avt .header-cabinet__icon {
    margin-right: 0
}

.mobileheader .header-cart .header-cart__name {
    display: none
}

.mobileheader .basket-dropdown {
    display: none
}

.mobileheader .search-input {
    color: var(--white_text_black) !important;

    &::placeholder {
        color: var(--secondary) !important
    }
}

form.search .btn-close {
    display: none;
    pointer-events: none
}

.header--mobile-search-active .search-wrapper .maxwidth-theme--conditional {
    --theme-page-width-padding: 0px
}

@media screen and (max-width: 991px) {
    .header__inner > :not(.part-with-search), .part-with-search__inner > :not(.header__search) {
        display: none
    }

    .header--mobile-search-active #mobileheader {
        z-index: 992;
        filter: blur(3px)
    }

    .headers-container {
        position: relative;
        z-index: 999
    }

    .header--mobile-search-active .headers-container {
        position: sticky !important;
        top: 0 !important
    }

    .header__search form.search {
        display: flex;
        align-items: center
    }

    .part-with-search .header__search {
        margin: 0;
        width: 100%
    }

    [data-ajax-block="HEADER"] {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(-100%);
        transition: transform 0.3s ease, visibility 0.3s ease-out;
        visibility: hidden;
        z-index: 999
    }

    body .header__inner {
        padding-bottom: 0;
        padding-top: 0
    }

    .part-with-search {
        height: 63px
    }

    .header_opacity header .banner-light-icon-fill * {
        fill: var(--white_text_black) !important
    }

    form.search .btn-close {
        background-color: #fff0;
        border: none;
        cursor: pointer;
        display: block;
        height: 100%;
        margin-right: 7px;
        pointer-events: all;
        width: 40px;
        z-index: 1
    }
}

#mobilemenu {
    background: #fff;
    background: var(--black_bg_black);
    position: relative;
    transition: left 0.4s ease 0s, opacity 0.4s ease 0s;
    position: fixed;
    z-index: 3002;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable
}

.mobilemenu {
    overflow: hidden
}

.mobilemenu__inner {
    --menu-ph: 12px;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: transform 0.2s ease-in-out;
    padding: 20px var(--menu-ph)
}

.mmenu_leftside #mobilemenu {
    left: -100%;
    top: 0;
    bottom: 0;
    width: 376px;
    max-width: 100%
}

.mmenu_leftside #mobilemenu.show {
    left: 0;
    box-shadow: 0 -1px 0 0 rgb(255 255 255 / .1)
}

.mobilemenu__menu > ul {
    padding: 0;
    margin: 0
}

.mobilemenu__menu-dropdown {
    left: 100%;
    top: 0;
    width: 100%;
    border: medium none;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    display: none;
    position: absolute;
    z-index: 5;
    background: #fff;
    background: var(--black_bg_black);
    margin: 0;
    padding: 20px var(--menu-ph);
    gap: var(--gap, 4px);
    flex-direction: column
}

.mobilemenu__menu-dropdown:has(>.mobilemenu__menu-item>.mobilemenu__menu-item-back) {
    padding: 16px var(--menu-ph) 20px
}

.mobilemenu__menu-item--expanded > .mobilemenu__menu-dropdown {
    display: flex
}

.mobilemenu__menu-item {
    border-radius: var(--theme-button-border-radius);
    display: block;
    line-height: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.mobilemenu__menu-item:last-child {
    margin-bottom: 0
}

.mobilemenu__menu-item--title {
    margin: 0
}

.mobilemenu__menu-item > .link-wrapper > a:hover {
    --text-opacity: 100%
}

.mobilemenu__menu--with-hover .mobilemenu__menu-item:not(.mobilemenu__menu-item--title,.mobilemenu__menu-item--no-hover):hover {
    background-color: var(--card_bg_hover)
}

.mobilemenu__menu-item > .link-wrapper {
    position: relative;
    padding-inline: 12px
}

.mobilemenu__menu-item > .link-wrapper a:not(.flexbox,.icon-block__content) {
    display: block;
    padding-block: 10px;
    position: relative;
    word-break: break-word
}

.mobilemenu__menu--contacts .mobilemenu__menu-item > .link-wrapper a {
    padding-block: 0
}

.mobilemenu__menu-item > .link-wrapper button:not(.btn,.no-gutters) {
    padding-block: 10px
}

.mobilemenu__menu-item--parent > .link-wrapper a:not(.btn) {
    padding-right: 50px
}

.mobilemenu .menu-arrow.svg {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: inherit
}

.mobilemenu .menu-arrow svg {
    vertical-align: middle
}

.mobilemenu__menu--with-hover .mobilemenu__menu-item:has(.mobilemenu__menu-item--selected), .mobilemenu__menu--with-hover .mobilemenu__menu-item:has(.mobilemenu__menu-item--selected):hover {
    --text-opacity: 100%;
    background-color: var(--card_bg_active);
    position: static
}

.mobilemenu__menu-item--expanded {
    position: static
}

.mobilemenu .logo {
    height: 38px
}

.mobilemenu__menu-item.mobilemenu__menu-item--with-icon > .link-wrapper a {
    align-items: center;
    display: flex;
    gap: 8px
}

.mobilemenu__menu .mobilemenu__menu-item-svg {
    position: static
}

.mobilemenu__menu *:is(.header-cart__count,.icon-count) {
    right: 0;
    top: 50%;
    transform: translateY(-8px)
}

.mobilemenu__separator {
    height: 1px;
    background: var(--stroke_black)
}

.mobilemenu__overlay {
    display: none;
    background: #3a3f44;
    opacity: 0.7 !important;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2999
}

.mobilemenu__close {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 3
}

.mobilemenu .mobilemenu__regions-wrapper:not(:has(.mobilemenu__menu--regions)) {
    min-height: 1em
}

#headerfixed .header__main-part {
    height: 79px
}

#headerfixed .header__inner {
    padding-top: 0;
    padding-bottom: 0
}

#headerfixed .header__main-part {
    height: auto
}

#headerfixed .ajax-header + * {
    display: none
}

#headerfixed.fixed:has(.ajax-header,.header-tabs) {
    backdrop-filter: none;
    -webkit-backdrop-filter: none
}

#headerfixed:has(.ajax-header,.header-tabs) .header {
    background-color: var(--black_bg_black)
}

@media not print {
    #headerfixed {
        display: none;
        opacity: 0;
        transition: opacity ease 0.01s;
        display: none
    }

    #headerfixed.fixed {
        opacity: 1
    }

    .header__inner--shadow-fixed {
        box-shadow: 0 4px 10px rgb(0 0 0 / .1)
    }

    header.fixed, #headerfixed.fixed {
        left: var(--left-column-width, 0);
        margin: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: calc(100% - var(--left-column-width, 0px));
        z-index: 998;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px)
    }

    #main #headerfixed .header__inner {
        position: static
    }
}

@media (max-width: 1200px) {
    #headerfixed .header__icon-name {
        display: none
    }
}

@media (min-width: 992px) {
    #headerfixed.fixed {
        display: block
    }

    body #headerfixed > .maxwidth-theme > .logo-row {
        padding-left: 16px;
        padding-right: 16px
    }

    body.fill_bg_y.visible_banner #headerfixed {
        background: none;
        box-shadow: none
    }

    body.fill_bg_y.visible_banner #headerfixed > .maxwidth-theme {
        box-shadow: 0 1px 5px rgb(0 0 0 / .136)
    }

    #headerfixed .header {
        background-color: hsl(var(--dark_light-hue) var(--dark_light-saturation) var(--dark_light-lightness) / 80%)
    }

html #headerfixed .header__inner {
        background: none
    }
}

.container .page-top-wrapper {
    margin-left: -16px;
    margin-right: -16px
}

section.page-top.center {
    text-align: center
}

section.page-top.center .topic__heading {
    justify-content: center
}

.cowl > div:not(.topic):not(#navigation):not(.basket-back) {
    margin: 3px -13px 0 19px;
    width: 41px;
    text-align: center;
    position: relative;
    cursor: pointer;
    float: right
}

#main .heading-icons .btn-heading.btn_heading--with_title {
    width: initial;
    position: relative;
    cursor: pointer;
    text-align: center;
    margin: 0 -13px 0 25px;
    display: flex;
    align-items: center
}

#main .heading-icons .btn-heading.btn_heading--with_title .title {
    display: inline-block;
    font-size: .875rem;
    line-height: calc(1em + 7px);
    margin: 0 15px 0 12px;
    vertical-align: middle
}

.page-top-wrapper--top-breadcrumb .cowl > div:not(.topic):not(#navigation) {
    margin-top: 3px
}

.cowl .colored_theme_hover_bg-block:not(:hover) .svg path, .heading-icons .colored_theme_hover_bg-block:not(:hover) .svg path {
    fill: #b8b8b8
}

.bottom_nav {
    text-align: center
}

.bottom_nav .nums {
    display: inline-flex;
    gap: 8px
}

.ajax_load_btn {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto
}

.more_text_ajax {
    display: flex
}

.more_text_ajax.btn:not(:hover) {
    color: var(--white_text_black)
}

.cur.module-pagination__item {
    background-color: var(--grey_bg)
}

.module-pagination__item:not(.cur):hover {
    background-color: var(--darkerblack_bg_black)
}

.header_opacity .heading-icons {
    --fill_dark_light: #fff;
    --fill_dark_lite_hover: #fff
}

.header_opacity .heading-icons .svg {
    opacity: 1
}

.header_opacity .heading-icons:hover .svg {
    opacity: .5
}

@media (min-width: 601px) {
    .bottom_nav.mobile_slider {
        display: none
    }

    .has-long-banner .page-top .fill-theme-hover .title {
        color: #fff
    }

    .has-long-banner .page-top .fill-theme-hover:hover .title {
        opacity: .5
    }
}

@media (max-width: 600px) {
    .bottom_nav.hidden-nav {
        display: none
    }
}

@media (max-width: 768px) {
    .cowl .download .title {
        display: none
    }
}

@media (max-width: 600px) {
    #main .bottom_nav.mobile_slider {
        width: auto;
        flex: 0 0 auto
    }

    .bottom_nav.mobile_slider .ajax_load_btn {
        padding: 0 !important;
        height: 100%;
        display: block;
        margin: 0;
        border: none;
        width: calc(99px + 16px);
        border-radius: 8px;
        border-radius: var(--theme-button-border-radius)
    }

    .bottom_nav.mobile_slider .more_text_ajax {
        height: 100%;
        margin: 0 0 0 1px;
        white-space: normal;
        padding: 0 15px;
        display: flex;
        align-items: center;
        background: 0 0;
        line-height: calc(1em + 2px);
        font-size: .875rem
    }

    .bottom_nav.mobile_slider .more_text_ajax:hover {
        color: var(--fill_dark_lite_white_hover)
    }

    .bottom_nav.mobile_slider .module-pagination {
        display: none
    }

    .bottom_nav.mobile_slider .svg {
        top: calc(50% - 27px);
        left: calc(50% - 10px);
        width: auto;
        height: auto
    }

    .bottom_nav.mobile_slider .svg svg {
        width: 18px;
        height: 18px
    }
}

.phones__dropdown-item.social-item {
    padding: 18px 0 0 0
}

.phones__dropdown--top .phones__dropdown-item.social-item {
    padding: 0 0 18px 0
}

.social {
    position: relative
}

.popup .social__title {
    padding-top: 0
}

.social__items .social__item:before, .main ul.social__items li:before {
    display: none
}

.social__items .social__item {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.social__items .social__item span {
    display: none
}

.social__items .social__link {
    --icon-size: 24px;
    align-items: center;
    border-radius: var(--theme-button-border-radius);
    display: flex;
    justify-content: center;
    min-width: var(--icon-size);
    width: 100%
}

.social__items.social__items--md .social__link {
    height: 40px;
    min-width: 40px
}

@media (prefers-reduced-motion: no-preference) and (any-hover: hover) {
    .social__item {
        transition: opacity .2s ease
    }

    .social__item:hover {
        opacity: .5
    }
}

.social__items .social__link:before {
    --icon-position: 1;
    --sprite-step: -32px;
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    display: block !important;
    position: relative;
    background: url(../images/social__q_4ea93c6a1e.svg) calc(var(--sprite-step) * var(--icon-position)) 0 no-repeat
}

.social__items.social__items--grid {
    grid-template-columns:repeat(auto-fit, minmax(48px, 1fr));
    grid-gap: 8px;
    display: grid
}

.social__items.grid-list--items-4 {
    grid-template-columns:repeat(4, 1fr)
}

.social__items.social__items--md.social__items--grid {
    grid-template-columns:repeat(auto-fit, minmax(40px, 1fr));
    grid-gap: 4px
}

.social__items .social__item:where(.zoom) .social__link:before {
    --icon-position: 1
}

.social__items .social__item:where(.office365) .social__link:before {
    --icon-position: 0
}

.social__items .social__item:where(.vkontakte,.vk) .social__link:before {
    --icon-position: 4
}

.social__items .social__item:where(.odnoklassniki,.odn) .social__link:before {
    --icon-position: 6
}

.social__items .social__item:where(.facebook,.fb) .social__link:before {
    --icon-position: 17
}

.social__items .social__item:where(.twitter,.tw) .social__link:before {
    --icon-position: 18
}

.social__items .social__item:where(.yandex) .social__link:before {
    --icon-position: 14
}

.social__items .social__item:where(.mailru2,.mail) .social__link:before {
    --icon-position: 15
}

.social__items .social__item:where(.mymailru) .social__link:before {
    --icon-position: 15
}

.social__items .social__item:where(.openid-mail-ru) .social__link:before {
    --icon-position: 32
}

.social__items .social__item:where(.yandex-zen) .social__link:before {
    --icon-position: 5
}

.social__items .social__item:where(.telegram) .social__link:before {
    --icon-position: 2
}

.social__items .social__item:where(.max) .social__link:before {
    background: url(../images/max.svg) center / contain no-repeat
}

.social__items .social__item:where(.whatsapp) .social__link:before {
    --icon-position: 0
}

.social__items .social__item:where(.viber) .social__link:before {
    --icon-position: 1
}

.social__items .social__item:where(.snapchat) .social__link:before {
    --icon-position: 19
}

.social__items .social__item:where(.tenchat) .social__link:before {
    --icon-position: 20
}

.social__items .social__item:where(.linkedin) .social__link:before {
    --icon-position: 21
}

.social__items .social__item:where(.youtube) .social__link:before {
    --icon-position: 7
}

.social__items .social__item:where(.rutube) .social__link:before {
    --icon-position: 11
}

.social__items .social__item:where(.vkvideo) .social__link:before {
    --icon-position: 47
}

.social__items .social__item:where(.max) .social__link:before {
    --icon-position: 48
}

.social__items .social__item:where(.tiktok) .social__link:before {
    --icon-position: 3
}

.social__items .social__item:where(.instagram,.inst) .social__link:before {
    --icon-position: 22
}

.social__items .social__item:where(.pinterest) .social__link:before {
    --icon-position: 16
}

.social__items .social__item:where(.acloud) .social__link:before {
    --icon-position: 36
}

.social__items .social__item:where(.avito) .social__link:before {
    --icon-position: 23
}

.social__items .social__item:where(.wb) .social__link:before {
    --icon-position: 15
}

.social__items .social__item:where(.ozon) .social__link:before {
    --icon-position: 12
}

.social__items .social__item:where(.google) .social__link:before {
    --icon-position: 24
}

.social__items .social__item:where(.livejournal) .social__link:before {
    --icon-position: 25
}



.social__items .social__item:where(.box) .social__link:before {
    --icon-position: 29
}

.social__items .social__item:where(.dropbox) .social__link:before {
    --icon-position: 28
}

.social__items .social__item:where(.liveid) .social__link:before {
    --icon-position: 34
}

.social__items .social__item:where(.liveinternet) .social__link:before {
    --icon-position: 34
}

.social__items .social__item:where(.apple) .social__link:before {
    --icon-position: 31
}

.social__items .social__item:where(.blogger) .social__link:before {
    --icon-position: 35
}

.social__items .social__item:where(.openid) .social__link:before {
    --icon-position: 33
}

.social__items .social__item:where(.skype) .social__link:before {
    --icon-position: 28
}

.social__items--type-color .social__link {
    background-color: var(--darkerblack_bg_black)
}

.social__items--type-color .social__item {
    padding: 0
}

.social__more .social__item {
    padding: 10px 15px
}

html:not(.mobile) .social__item.hide_on_desktop {
    display: none
}

html.mobile .social__item.hide_on_mobile {
    display: none
}

.soc-avt .row a {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 0;
    margin: 0
}

.soc-avt .row a i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/social.svg) -2px -190px no-repeat
}

.soc-avt .row a:hover {
    opacity: .8
}

.soc-avt .row a {
    display: inline-block
}


.sidearea div.banner {
    margin-bottom: var(--margin-bottom)
}

.side-menu li.child {
    gap: 8px
}

.side-menu .link-wrapper {
    display: flex;
    position: relative;
    align-items: center
}

#main .side-menu li:before {
    display: none
}

.bg-theme-parent-hover:hover .svg-inline-down path {
    fill: #fff
}

.side-menu li.active .link--active {
    background-color: var(--card_bg_active);
    font-weight: 500;
    color: var(--white_text_black)
}

.toggle_block:not(.btn,button) {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 2
}

.side-menu li.opened.child > .submenu-wrapper {
    display: block
}

.tabs .bordered {
    border: none;
    box-shadow: none
}

.tabs .nav > li > a:hover, .tabs .nav > li > a:focus {
    background-color: #fff0
}

.tabs .nav-tabs li:not(.active) a:hover, .tabs .nav-tabs li:not(.active) span:hover, .tabs .nav-tabs .nav-tabs__item:not(.active):hover {
    background-color: var(--light, #E8E9ED) var(--dark, #4a4a53)
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    background: none
}

.tabs .nav-tabs li.active a, .tabs .nav-tabs li.active > span, .tabs .nav-tabs .nav-tabs__item.active {
    background-color: var(--theme-base-color);
    color: var(--button_color_text);
    cursor: default;
    --nav-counter-color: var(--button_color_text)
}

.tabs .nav-tabs li.active:hover {
    box-shadow: none;
    transform: none;
    border-color: #e5e5e5;
    border-color: var(--stroke_black)
}

.tabs .tab-content .content {
    margin: -8px 0 0
}

.pagination > li:before {
    margin: 0;
    padding: 0
}

.nav:after {
    clear: both;
    content: " ";
    display: table
}

.tabs.horizontal-scrolling .nav {
    margin: 0;
    white-space: nowrap;
    padding: 0
}

.tabs.horizontal-scrolling .nav > li {
    float: none;
    display: inline-block;
    margin: 0
}

.tabs.horizontal-scrolling .nav > li:not(:last-of-type) {
    margin-right: 4px
}

.tabs.horizontal-scrolling.bottom-line .nav > li:not(:last-of-type) {
    margin-right: 2.266rem
}

.tabs.bottom-line li.active:after {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    border-radius: 0
}

.tab-nav .active, .tab-nav .active .tab-nav__item {
    cursor: default;
    color: #fff;
    background-color: #fff0
}

.arrow_scroll .nav.nav-tabs {
    white-space: nowrap;
    min-width: 300%;
    z-index: 1;
    position: relative
}

.arrow_scroll .nav.nav-tabs > li {
    float: none;
    display: inline-block;
    vertical-align: top
}

.arrow_scroll_init .arrows_wrapper .arrow {
    position: absolute;
    width: 38px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: var(--black_bg_black);
    z-index: 1;
    cursor: pointer
}

.grey_block .arrow_scroll_init .arrows_wrapper .arrow {
    background-color: #f9f9fa;
    background-color: var(--darkerblack_bg_black)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left {
    left: -14px;
    border-right: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_left svg {
    transform: rotate(-90deg)
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: -14px;
    border-left: 1px solid #ececec;
    border-color: var(--stroke_black)
}

.dropdown-select .arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
    right: 14px
}

.dropdown-select .arrow_scroll_init .arrows_wrapper {
    right: -14px
}

.arrow_scroll_init .arrows_wrapper .arrow.arrow_right svg {
    transform: rotate(90deg)
}

.arrow_scroll_init .arrows_wrapper .arrow.disabled {
    display: none
}

.dropdown-select .line-block {
    position: relative
}

body.fill_bg_y.visible_banner .maxwidth-theme {
    background: #fff
}

body.fill_bg_y.visible_banner.header_fill_none.header_opacity header .top-block + .logo_and_menu-row .maxwidth-theme {
    background: none
}

body.fill_bg_y.visible_banner header.topmenu-LIGHT .logo_and_menu-row > .logo-row > .maxwidth-theme {
    border-bottom: 1px solid #f5f5f5
}

body.fill_bg_y.visible_banner .greyline .maxwidth-theme {
    background: #f9f9fa
}

body.fill_bg_y.visible_banner .maxwidth-banner {
    background: #fff
}

body.fill_bg_y.visible_banner .maxwidth-banner .maxwidth-theme {
    background: none
}

body.fill_bg_y.visible_banner > .body > .main {
    background: #fff;
    z-index: 1;
    position: relative;
    margin: auto
}

body.fill_bg_y.visible_banner .company-block .maxwidth-theme {
    background: none
}

body.fill_bg_y.visible_banner .page-top-wrapper.grey > .maxwidth-theme, body.fill_bg_y.visible_banner .tabs_ajax .body-block .maxwidth-theme {
    background: #f9f9f9
}

body.fill_bg_y.visible_banner.title-v4 .page-top-wrapper .maxwidth-theme {
    background: none
}

body.fill_bg_y.visible_banner .contacts.contacts-page-map-overlay.maxwidth-theme {
    background: none
}

body.fill_bg_y.visible_banner .banner.TOP_HEADER, body.fill_bg_y.visible_banner .banner.TOP_UNDERHEADER {
    margin-left: auto;
    margin-right: auto
}

body.fill_bg_y.visible_banner .contacts-page-top > .maxwidth-theme {
    padding-top: 35px
}

body.fill_bg_y.visible_banner .basket_order .maxwidth-theme {
    background: none
}

body.fill_bg_y.visible_banner footer.compact {
    background: #373d44
}

body.fill_bg_y.visible_banner.footer-v2 footer {
    background: #fff
}

body.fill_bg_y.visible_banner.footer-v2 footer {
    background: #f9f9f9
}

body.fill_bg_y.visible_banner.footer-v1 .subscribe-block-wrapper .maxwidth-theme {
    background: #ffffff0d
}

body.fill_bg_y.visible_banner.footer-v2 .subscribe-block-wrapper .maxwidth-theme {
    background: #f9f9f9
}

body.fill_bg_y.visible_banner footer .maxwidth-theme {
    background: none
}

.accordion-type-1 .item, .accordion-type-2 .item, .accordion-type-1 .item:hover, .accordion-type-2 .item:hover {
    border-color: var(--stroke_black) !important
}

.accordion-type-1 .item .accordion-body, .accordion-type-2 .item .accordion-body, .accordion-type-1 .item .panel-collapse, .accordion-type-2 .item .panel-collapse, .accordion-type-1 .item .accordion-head, .accordion-type-2 .item .accordion-head {
    border: none !important
}

.accordion-type-1 .item .accordion-head, .accordion-type-2 .item .accordion-head {
    margin-bottom: 0 !important
}

.accordion-head.accordion-open .fa:before {
    content: "\f106"
}

.accordion-head .fa {
    border-radius: 30px;
    color: #222;
    position: absolute;
    top: 23px;
    font-size: 24px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    text-align: center
}

.accordion-head:hover .fa {
    background: #e5e5e5
}

.accordion-type-1 .accordion-head .fa {
    right: 29px
}

.accordion-type-2 .accordion-head .fa {
    left: 26px
}

.accordion-type-2 .accordion-head.accordion-open .fa {
    line-height: 25px
}

body {
    background-color: #fff;
    background-color: var(--black_bg_black);
    color: #555;
    color: var(--basic_text_black)
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    margin: 32px 0 16px;
    color: var(--white_text_black)
}

h1, h2, h3, h4 {
    letter-spacing: normal
}

h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0
}

p {
    margin-top: 0;
    margin-bottom: 16px
}

p.short {
    margin-bottom: 0
}

p.tall {
    margin-bottom: 20px
}

hr {
    height: 1px;
    margin: 25px 0;
    border: none;
    border-top: 1px solid #f2f2f2;
    border-color: var(--lite_bg_black)
}

table.table {
    border-collapse: collapse;
    border-spacing: 0
}

table.table > thead > tr > th, table.table > tbody > tr > th, table.table > tfoot > tr > th, table.table > thead > tr > td, table.table > tbody > tr > td, table.table > tfoot > tr > td {
    border: 0;
    padding: 11px
}

table.table b, table.table strong {
    font-weight: 600
}

table.table > thead > tr > th, table.table > tbody > tr > th, table.table > tfoot > tr > th {
    color: #fff;
    border-color: var(--stroke_black)
}

table.table.table-striped tr:nth-child(even) td {
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #f8f8f8;
    background: var(--darkerblack_bg_black)
}

table.table.table-striped tr:nth-child(odd) td {
    background: #fff;
    background: var(--black_bg_black)
}

table.table.table-striped tr:nth-child(odd) td {
    background: #fff;
    background: var(--black_bg_black)
}

table.table.table-bordered td {
    border: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

table.table.table-bordered-line td {
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black)
}

table.table.table-light th {
    background-color: #fff0;
    color: inherit;
    border-bottom: 2px solid #b8b8b8;
    border-color: var(--stroke_black)
}

table.table .table-bg-gray {
    background: linear-gradient(0deg, #f5f5f5, #f5f5f5), #f8f8f8;
    background: var(--darkerblack_bg_black)
}

table.table th {
    background: #555
}

table.table > thead > tr > th {
    font-size: 14px;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 12px
}

@media (max-width: 600px) {
    table.table:not(.table-full-width), table.table:not(.table-full-width) thead, table.table:not(.table-full-width) tbody, table.table:not(.table-full-width) th, table.table:not(.table-full-width) td, table.table:not(.table-full-width) tr {
        display: block;
        clear: both
    }

    table.table:not(.table-full-width) thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    table.table:not(.table-full-width) thead + tbody td .th-mobile {
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    table.table:not(.table-full-width) thead + tbody tr:not(.nomobile) td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left !important;
        min-height: 32px;
        word-break: break-all
    }

    table.table thead + tbody td.table-head-group .th-mobile {
        display: none
    }

    table.table thead + tbody tr:not(.nomobile) td.table-head-group {
        padding-left: 6px
    }

    table.table .td-hidden-xs {
        display: none
    }
}

blockquote {
    color: var(--white_text_black);
    position: relative;
    padding: clamp(1rem + 8px, 3vw, 1rem + 16px) clamp(1rem, 3vw, 1rem + 16px) clamp(1rem + 8px, 3vw, 1rem + 16px) clamp(1rem + 8px, 3vw, 1rem + 32px);
    border: 1px solid var(--stroke_black);
    border-radius: var(--theme-outer-border-radius, 12px);
    font-weight: 500;
    font-size: clamp(1rem, 2vw, 1rem + 2px);
    line-height: calc(1em + 8px);
    margin: 32px 0;
    display: grid;
    gap: clamp(24px, 3vw, 32px)
}

blockquote p {
    line-height: normal;
    margin: 0
}

blockquote > div {
    display: grid;
    font-style: normal;
    padding: 0
}

blockquote > div span {
    font-weight: 400
}

blockquote > div span:first-of-type {
    font-size: calc(1rem - 1px);
    line-height: calc(1em + 7px)
}

blockquote > div span:last-of-type {
    font-size: calc(1rem - 3px);
    line-height: calc(1em + 5px);
    color: #8D8D8D
}

blockquote:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 40px;
    left: -4px;
    width: 20px;
    height: 15px;
    background-color: var(--theme-base-color);
    -webkit-mask: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==) no-repeat center;
    mask: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==) no-repeat center
}

blockquote:not(.danger,.info,.code):after {
    content: "";
    position: absolute;
    top: 30px;
    left: -4px;
    width: 20px;
    height: 35px;
    background-color: var(--black_bg_black)
}

blockquote.info {
    border-color: rgb(91 177 71 / .4)
}

blockquote.info * {
    color: #5a8051
}

blockquote.info:before {
    display: none
}

blockquote.code {
    border-color: var(--stroke_black);
    color: #999
}

blockquote.code:before {
    display: none
}

blockquote small {
    color: #222;
    color: var(--white_text_black);
    font-style: normal;
    margin-top: 10px;
    font-size: .93333rem;
    line-height: calc(1em + 7px)
}

ul + h3, ul + h4, ul + h5, ul + h6, ol + h3, ol + h4, ol + h5, ol + h6 {
    margin-top: 28px
}

ul.list.icons {
    padding-left: 30px
}

ul.list.icons .fa {
    margin-left: -22px;
    margin-right: 5px
}

dl {
    margin-top: 16px
}

dt {
    margin-bottom: 1px
}

dd {
    margin-bottom: 14px;
    color: #444;
    color: var(--basic_text_black)
}

dd + dd {
    margin-top: -14px
}

ul {
    list-style: none
}

ul, ol {
    padding-left: 0
}

ul ul, ul ol, ol ul {
    padding-left: 12px
}



li {
    margin: 8px 0;
    position: relative
}

ol {
    margin: 12px 0 12px 16px
}

ol > li {
    padding-left: 12px
}

header ul li:before, #headerfixed ul li:before, #mobileheader ul li:before, #mobilefilter ul li:before {
    content: none
}

.main ul li p {
    display: inline;
    vertical-align: top
}

.main ul.list-unstyled li p {
    display: block
}

button {
    cursor: pointer
}

.rounded-x {
    border-radius: var(--theme-button-border-radius, 8px)
}

.rounded {
    border-radius: 100%
}

.button-rounded-x {
    border-radius: var(--theme-button-border-radius, 6px)
}

.outer-rounded-x {
    border-radius: var(--theme-outer-border-radius, 12px)
}

.image-rounded-x {
    border-radius: var(--theme-image-border-radius, 6px)
}

.noradius {
    border-radius: 0
}

.bordered {
    --box_shadow: var(--stroke_black);
    border: none;
    box-shadow: inset 0 0 0 1px var(--box_shadow)
}

.border-bottom {
    border-bottom: 1px solid var(--stroke_black)
}

.border-none {
    border: none
}

.category-separator {
    --margin-inline: 12px;
    margin-inline: var(--margin-inline);
    background: var(--gray_bg_black);
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    position: relative
}

.category-separator-sibling {
    display: inline-block;
    vertical-align: middle
}

.category-separator-sibling--inline {
    display: inline
}

.countdown__item .text {
    display: inline-block;
    padding: 0 0 0 1px;
    opacity: 1
}

.countdown__item .text {
    display: none
}

.countdown__icon .svg {
    top: -1px;
    left: 1px
}

.sticker .countdown {
    display: block
}

.cross {
    position: relative;
    height: 18px;
    width: 18px
}

.cross:before, .cross:after {
    content: '';
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 1px
}

.cross:before {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 2px;
    transition: width 0.5s ease-in-out
}

.cross:after {
    transform: translate(-50%, -50%);
    left: 50%;
    height: 18px;
    width: 2px;
    transition: height 0.5s ease-in-out
}

.animate-cross-hover:hover .cross:before {
    width: 26px
}

.animate-cross-hover:hover .cross:after {
    height: 26px
}

:root {
    --ON_toggle: initial;
    --OFF_toggle:
}

.theme-default, .theme-light, body:is(.theme-default,.theme-light) .theme-root {
    --light: var(--ON_toggle);
    --dark: var(--OFF_toggle)
}

.theme-dark, body.theme-dark .theme-root {
    --light: var(--OFF_toggle);
    --dark: var(--ON_toggle)
}

.theme-default, .theme-root, .theme-light, .theme-dark {
    --basic_text_black: var(--light, #555558) var(--dark, #d1d1d7);
    --secondary: var(--light, #6b6b70) var(--dark, #A1A1A7);
    --secondary-color: var(--light, #6b6b70) var(--dark, #A1A1A7);
    --light_basic_text_black: var(--light, #6b6b70) var(--dark, #A1A1A7);
    --white_text_black: var(--light, #222228) var(--dark, #fff);
    --white_text_black_reverse: var(--light, #fff) var(--dark, #222228);
    --secondary-black-dark-light-bg: var(--light, #EFF0F2) var(--dark, #38383F);
    --lite_basic_text_black: var(--light, #090808) var(--dark, #d1d1d7);
    --grey_bg: var(--light, #F3F4F7) var(--dark, #313137);
    --black_bg_black: var(--light, #fff) var(--dark, #222228);
    --darkerblack_bg_black: var(--light, #F8F8FC) var(--dark, #2A2A31);
    --darkgrey_bg_black: var(--light, #f4f4f4) var(--dark, #343434);
    --stroke_black: var(--light, #EBECEF) var(--dark, #3F3F45);
    --stroke_black_hover: var(--light, #fff) var(--dark, #3F3F45);
    --card_bg_black: var(--light, #fff) var(--dark, #2A2A31);
    --card_bg_hover: var(--light, #F8F8FC) var(--dark, #313137);
    --card_bg_active: var(--light, #F3F4F7) var(--dark, #38383F);
    --card_bg_hover_black: var(--light, #fff) var(--dark, #2b2b2b);
    --card_bg_hover_grey: var(--light, #fff) var(--dark, #F4F4F4);
    --arrows_bg_black: var(--light, #fff) var(--dark, #444);
    --lite_bg_black: var(--light, #F8F8FC) var(--dark, #222228);
    --light2_bg_black: var(--light, #fafafa) var(--dark, #232323);
    --gray_bg_black: var(--light, #B8B8B9) var(--dark, #8D8D8D);
    --white_bg_ccc: var(--light, #fff) var(--dark, #ccc);
    --fill_dark_light: var(--light, #222228) var(--dark, #fff);
    --fill_dark_lite_ccc: var(--light, #222228) var(--dark, #ccc);
    --fill_dark_lite_hover: var(--secondary);
    --fill_dark_lite_white_hover: var(--light, #222228) var(--dark, #fff);
    --fill_theme_hover: var(--light, var(--theme-base-color)) var(--dark, rgba(255, 255, 255, 0.7));
    --dark_light-wtheme-hue: var(--light, var(--theme-base-color-hue)) var(--dark, 0);
    --dark_light-wtheme-saturation: var(--light, var(--theme-base-color-saturation)) var(--dark, 0%);
    --dark_light-wtheme-lightness: var(--light, var(--theme-base-color-lightness)) var(--dark, 100%);
    --dark_light-hue: var(--light, 0) var(--dark, 0);
    --dark_light-saturation: var(--light, 0%) var(--dark, 0%);
    --dark_light-lightness: var(--light, 97%) var(--dark, 7%);
    --checkbox_dark_light: var(--light, #afafaf) var(--dark, #3a3a3a);
    --opacity_dark_lite_hover: var(--light, var(--theme-base-opacity-color)) var(--dark, #3a3a3a);
    --dff_dark_light: var(--light, #fff) var(--dark, #121212);
    --stroke_input: var(--light, #d7d8da) var(--dark, #505056);
    --icon_on_card: var(--light, #B8B8B9) var(--dark, #696B70);
    --tag_hover: var(--light, #E8E9ED) var(--dark, #4B4B51);
    --input_color: var(--white_text_black);
    --input_bg_color: var(--black_bg_black);
    --input_bg_color-hover: var(--black_bg_black);
    --input_bg_color-focus: var(--black_bg_black);
    --input_border_color: var(--stroke_input);
    --input_border_color-hover: var(--icon_on_card);
    --input_border_color-focus: var(--secondary);
    --button_color_text: var(--theme-button-color-light, #fff) var(--theme-button-color-dark, #fff)
}

@media (prefers-color-scheme: dark) {
    .theme-default, body.theme-default .theme-root {
        --light: var(--OFF_toggle);
        --dark: var(--ON_toggle)
    }
}

.body.index .main > .container, .flexbox {
    display: flex;
    flex-direction: column;
    flex: 1
}

.row.flexbox {
    flex-direction: row;
    flex-wrap: wrap
}




.flexbox--row {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
}

.flexbox--direction-row {
    flex-direction: row
}

.flexbox--direction-column {
    flex-direction: column
}

.flexbox--direction-column-reverse {
    flex-direction: column-reverse
}

.flexbox--justify-between {
    justify-content: space-between
}

.flexbox--justify-center {
    justify-content: center
}

.flexbox--align-center {
    align-items: center
}

.flexbox--align-start {
    align-items: start
}

.flexbox--align-end {
    align-items: flex-end
}

.flex-1 {
    flex: 1
}

.flex-auto {
    flex: auto
}

.flex-50 {
    flex: 0 1 50%
}

.no-shrinked, .flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow-0 {
    flex-grow: 0
}

.flexbox--wrap {
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .flexbox--column-t767 {
        flex-direction: column
    }
}

h1 {
    font-size: clamp(1rem + 10px, 3vw, 1rem + 20px);
    line-height: calc(1em + 8px)
}

h2 {
    font-size: clamp(1rem + 8px, 2vw, 1rem + 12px);
    line-height: calc(1em + 8px)
}

h3, .font_24 {
    font-size: clamp(1rem + 4px, 2vw, 1rem + 8px);
    line-height: calc(1em + 8px)
}

h4, .font_20 {
    font-size: clamp(1rem + 2px, 2vw, 1rem + 4px);
    line-height: calc(1em + 8px)
}

h5, .font_18 {
    font-size: clamp(1rem, 2vw, 1rem + 2px);
    line-height: calc(1em + 8px)
}

h6, .font_16 {
    font-size: 1rem;
    line-height: calc(1em + 8px)
}

.font_15 {
    font-size: calc(1rem - 1px);
    line-height: calc(1em + 7px)
}

.font_14 {
    font-size: calc(1rem - 2px);
    line-height: calc(1em + 6px)
}

@media (max-width: 600px) {
    .font_14--to-600 {
        font-size: calc(1rem - 2px);
        line-height: calc(1em + 6px)
    }
}

.font_13 {
    font-size: calc(1rem - 3px);
    line-height: calc(1em + 5px)
}

.font_12 {
    font-size: calc(1rem - 4px);
    line-height: calc(1em + 4px)
}

.font_10 {
    font-size: calc(1rem - 6px);
    line-height: calc(1em + 4px)
}

.fw-500 {
    font-weight: 500
}

.line-height-0 {
    line-height: 0
}

.grid-list {
    --gap: var(--theme-items-gap);
    gap: var(--gap);
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(350px, 1fr))
}

.grid-list__item {
    min-width: 0
}

.grid-list--items {
    --items-count: 1;
    grid-template-columns:repeat(var(--items-count), 1fr)
}

.grid-list--no-gap .grid-list-border-outer {
    margin: 0 -1px -1px 0
}

@media (min-width: 601px) {
    .grid-list--items-2-from-601 {
        --items-count: 2
    }

    .grid-list--auto-masonry--26-in-loop-span-4-1st-from-1200 .grid-list__item:nth-of-type(26n+1), .grid-list--auto-masonry--26-in-loop-span-4-14th-from-1200 .grid-list__item:nth-of-type(26n+14) {
        grid-column: span 2
    }
}

@media (min-width: 768px) {
    .grid-list--items-3-from-768 {
        --items-count: 3
    }

    .grid-list--items-2-from-768 {
        --items-count: 2
    }
}

@media (min-width: 992px) {
    .grid-list--items-4-from-992 {
        --items-count: 4
    }

    .grid-list--items-3-from-992 {
        --items-count: 3
    }

    .grid-list--items-2-from-992 {
        --items-count: 2
    }

    .grid-list--auto-masonry--26-in-loop-span-4-1st-from-1200 .grid-list__item:nth-of-type(26n+1), .grid-list--auto-masonry--26-in-loop-span-4-14th-from-1200 .grid-list__item:nth-of-type(26n+14) {
        grid-column: span 3
    }
}

@media (min-width: 1200px) {
    .grid-list--items-5-from-1200 {
        --items-count: 5
    }

    .grid-list--items-4-from-1200 {
        --items-count: 4
    }

    .grid-list--items-3-from-1200 {
        --items-count: 3
    }

    .grid-list--auto-masonry--6-in-loop-span-3rd-from-1200 .grid-list__item:nth-of-type(6n+3), .grid-list--auto-masonry--6-in-loop-span-4th-from-1200 .grid-list__item:nth-of-type(6n+4), .grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .grid-list__item:nth-of-type(14n+1), .grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .grid-list__item:nth-of-type(14n+10) {
        grid-column: span 2
    }

    .grid-list--auto-masonry--26-in-loop-span-4-1st-from-1200 .grid-list__item:nth-of-type(26n+1), .grid-list--auto-masonry--26-in-loop-span-4-14th-from-1200 .grid-list__item:nth-of-type(26n+14) {
        grid-column: span 4
    }
}

@media (max-width: 600px) {
    #main .grid-list.grid-list--compact {
        --items-count: 2
    }

    .grid-list {
        --gap: min(var(--theme-items-gap), 8px)
    }
}

@media (max-width: 450px) {
    #main .grid-list.grid-list--compact {
        gap: 0
    }

    #main .grid-list.grid-list--compact .grid-list-border-outer {
        margin: 0 -1px -1px 0
    }

    #main .grid-list.grid-list--compact .grid-list__item > .bordered, #main .grid-list.grid-list--compact .js-popup-block {
        border-radius: 0
    }
}

.grid-list--fill-bg > .grid-list__item > div {
    background: var(--card_bg_black)
}

.grid-column-span {
    --span: 2;
    grid-column: span var(--span)
}

@media (max-width: 1101px) {
    .grid-column-span {
        --span: 1
    }
}

.gap {
    --gap: 0;
    gap: var(--gap)
}

.gap--2 {
    --gap: 2px
}

.gap--12 {
    --gap: 12px
}

.gap--16 {
    --gap: 16px
}

.gap--20 {
    --gap: 20px
}

.gap--24 {
    --gap: 24px
}

.gap--48 {
    --gap: clamp(40px, 3vw, 48px)
}

.gap--x {
    --gap: var(--theme-items-gap)
}

.m {
    --m: 0;
    margin: var(--m)
}

.mi {
    --mi: 0;
    margin-inline: var(--mi)
}

.mi--auto {
    --mi: auto
}

.mt {
    --mt: 0;
    margin-top: var(--mt)
}

.mt--auto {
    --mt: auto
}

.mt--4 {
    --mt: 4px
}

.mt--6 {
    --mt: 6px
}

.mt--8 {
    --mt: 8px
}

.mt--12 {
    --mt: 12px
}

.mt--16 {
    --mt: 16px
}

.mt--20 {
    --mt: 20px
}

.mt--40 {
    --mt: 40px
}

.mb {
    --mb: 0;
    margin-bottom: var(--mb)
}

.mb--auto {
    --mb: auto
}

.mb--1 {
    --mb: 1px
}

.mb--4 {
    --mb: 4px
}

.mb--6 {
    --mb: 6px
}

.mb--8 {
    --mb: 8px
}

.mb--16 {
    --mb: 16px
}

.mb--20 {
    --mb: 20px
}

.mb--32 {
    --mb: 32px
}

.mb--48 {
    --mb: clamp(40px, 4vw, 48px)
}

.ml {
    --ml: 0;
    margin-left: var(--ml)
}

.ml--4 {
    --ml: 4px
}

.ml--12 {
    --ml: 12px
}

.ml--20 {
    --ml: 20px
}

.p {
    --padding: 0;
    padding: var(--padding)
}

.p--20 {
    --padding: 20px
}

.p--24 {
    --padding: 24px
}

.p--32 {
    --padding: clamp(24px, 3vw, 32px)
}

.p-block {
    --p-block: 0;
    padding-block: var(--p-block)
}

.p-block--4 {
    --p-block: 4px
}

.p-block--12 {
    --p-block: 12px
}

.p-block--18 {
    --p-block: 18px
}

.p-block--20 {
    --p-block: 20px
}

.p-block--48 {
    --p-block: clamp(40px, 4vw, 48px)
}

.p-inline {
    --p-inline: 0;
    padding-inline: var(--p-inline)
}

@media (width < 992px) {
    .p-inline--to-992 {
        --p-inline: 0;
        padding-inline: var(--p-inline)
    }
}

.p-inline--8 {
    --p-inline: 8px
}

.p-inline--12 {
    --p-inline: 12px
}

.p-inline--20 {
    --p-inline: clamp(16px, 2vw, 20px)
}

.p-inline--24 {
    --p-inline: clamp(16px, 2vw, 24px)
}

.pt {
    --pt: 0;
    padding-top: var(--pt)
}

.pt--8 {
    --pt: 8px
}

.pt--20 {
    --pt: 20px
}

.pt--24 {
    --pt: 24px
}

.pb {
    --pb: 0;
    padding-bottom: var(--pb)
}

.pb--compensate {
    margin-bottom: calc(var(--pb) * -1) !important
}

.pb--10 {
    --pb: 10px
}

.pb--16 {
    --pb: 16px
}

.pb--24 {
    --pb: 24px
}

.pb--32 {
    --pb: 32px
}

.pr {
    --pr: 0;
    padding-right: var(--pr)
}

.pr--8 {
    --pr: 8px
}

.pl {
    --pl: 0;
    padding-left: var(--pl)
}

.pl--16 {
    --pl: 16px
}

.icon-block {
    display: flex;
    align-items: center
}

.icon-block__icon {
    --icon-size: 16px;
    display: inline-grid;
    place-content: center;
    height: var(--icon-size);
    width: var(--icon-size)
}

.icon-block__icon.icon-block__icon--dropdown {
    height: 4px;
    margin-left: 6px;
    width: 5px
}

.icon-block__icon.icon-block__icon--md {
    --icon-size: 20px
}

.icon-block__icon.icon-block__icon--lg {
    --icon-size: 32px
}

.icon-block__text {
    --icon-text-offset: 6px;
    margin-left: var(--icon-text-offset)
}

.image-list {
    width: 100%;
    position: relative
}

.image-list-wrapper {
    --img-aspect-ratio: 1;
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: block;
    aspect-ratio: var(--img-aspect-ratio)
}

.catalog-img-aspect-vertical .image-list-wrapper {
    --img-aspect-ratio: 3/4
}

.catalog-img-aspect-horizontal .image-list-wrapper {
    --img-aspect-ratio: 4/3
}

.image-list-wrapper:has(.side-icons) .sticker {
    padding-right: 32px
}

.image-list__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.image-list-wrapper img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    mix-blend-mode: darken
}

.section-gallery-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-direction: row;
    z-index: 2
}

.section-gallery-wrapper__item {
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1
}

.section-gallery-wrapper__item-nav {
    display: block;
    position: relative;
    margin: 0 1px;
    height: 100%
}

.section-gallery-wrapper__item img {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    left: 0;
    right: 0;
    border-radius: 8px;
    border-radius: var(--theme-button-border-radius)
}

.section-gallery-wrapper__item.active img {
    opacity: 1
}

.section-gallery-nav {
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    line-height: 0
}

.section-gallery-nav__wrapper {
    display: block
}

.section-gallery-nav__item {
    display: inline-block;
    width: 2px;
    height: 2px;
    background: var(--secondary);
    border-radius: 8px
}

.section-gallery-nav__item:not(.active) {
    cursor: pointer
}

.section-gallery-nav__item.active {
    background-color: var(--white_text_black);
    width: 8px
}

.image-list .price-economy {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2
}

.toggle-white-grey-bg {
    --toggle-bg: #fff;
    background: var(--toggle-bg)
}

.grey-bg-goods-y .toggle-white-grey-bg {
    --toggle-bg: #F8F8FC
}

.line-block {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 -16px
}

.line-block--column {
    flex-direction: column
}

.line-block--align-normal {
    align-items: normal
}

.line-block--justify-center {
    justify-content: center
}

.line-block--justify-between {
    justify-content: flex-end
}

.line-block--justify-end {
    justify-content: end
}

.line-block > .line-block__item {
    padding-left: 16px;
    padding-right: 16px
}

.line-block--40 {
    margin-left: -20px;
    margin-right: -20px
}

.line-block--40 > .line-block__item {
    padding-left: 20px;
    padding-right: 20px
}

.line-block--48 > .line-block__item {
    padding-left: 24px;
    padding-right: 24px
}

.line-block--100 > .line-block__item {
    padding-left: 50px;
    padding-right: 50px
}

.line-block--80 > .line-block__item {
    padding-left: 40px;
    padding-right: 40px
}

.line-block--24 > .line-block__item {
    padding-left: 12px;
    padding-right: 12px
}

.line-block--20 > .line-block__item {
    padding-left: 10px;
    padding-right: 10px
}

.line-block--16 > .line-block__item {
    padding-left: 8px;
    padding-right: 8px
}

.line-block--12 > .line-block__item {
    padding-left: 6px;
    padding-right: 6px
}

.line-block--8 > .line-block__item {
    padding-left: 4px;
    padding-right: 4px
}

.line-block--6 > .line-block__item {
    padding-left: 3px;
    padding-right: 3px
}

.line-block--4 > .line-block__item {
    padding-left: 2px;
    padding-right: 2px
}

.line-block--2 > .line-block__item {
    padding-left: 1px;
    padding-right: 1px
}

.line-block--0 {
    margin-left: 0;
    margin-right: 0
}

.line-block--0 > .line-block__item {
    padding-left: 0;
    padding-right: 0
}

.line-block--flex-100 > .line-block__item {
    flex-basis: 100%
}

@media all and (max-width: 1400px) {
    .line-block--24-narrow > .line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width: 1300px) {
    .line-block--24-1300 > .line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width: 1200px) {
    .line-block--24-1200 > .line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width: 1100px) {
    .line-block--24-1100 > .line-block__item {
        padding: 0 12px
    }
}

@media all and (max-width: 1400px) {
    .line-block--32-narrow > .line-block__item {
        padding: 0 16px
    }

    .line-block--32-1400 > .line-block__item {
        padding: 0 16px
    }
}

@media all and (max-width: 1300px) {
    .line-block--32-1300 > .line-block__item {
        padding: 0 16px
    }
}

@media all and (max-width: 1200px) {
    .line-block--32-1200 > .line-block__item {
        padding: 0 16px
    }
}

@media all and (max-width: 1100px) {
    .line-block--32-1100 > .line-block__item {
        padding: 0 16px
    }
}

@media (max-width: 767px) {
    .line-block--block {
        display: block
    }
}

.line-block--24-vertical > .line-block__item {
    padding-top: 12px;
    padding-bottom: 12px
}

.line-block--20-vertical > .line-block__item {
    padding-top: 10px;
    padding-bottom: 10px
}

.line-block--16-vertical > .line-block__item {
    padding-top: 8px;
    padding-bottom: 8px
}

.line-block--12-vertical > .line-block__item {
    padding-top: 6px;
    padding-bottom: 6px
}

.line-block--8-vertical > .line-block__item {
    padding-top: 4px;
    padding-bottom: 4px
}

.line-block--8-1-vertical > .line-block__item {
    padding-top: 8px;
    padding-bottom: 1px
}

.line-block--6-vertical > .line-block__item {
    padding-top: 3px;
    padding-bottom: 3px
}

.line-block--5-6-vertical > .line-block__item {
    padding-top: 5px;
    padding-bottom: 6px
}

.line-block--4-vertical > .line-block__item {
    padding-top: 2px;
    padding-bottom: 2px
}

.line-block--gap {
    --gap: var(--theme-items-gap);
    margin: 0;
    gap: var(--gap)
}

.line-block--gap > .line-block__item {
    padding: 0;
    min-width: 0
}

.line-block--column > .line-block__item {
    min-height: 0
}

.line-block--gap-0 {
    --gap: 0px
}

.line-block--gap-6 {
    --gap: 6px
}

.line-block--gap-8 {
    --gap: 8px
}

.line-block--gap-12 {
    --gap: 12px
}

.line-block--gap-16 {
    --gap: 16px
}

.line-block--gap-20 {
    --gap: 20px
}

.line-block--gap-24 {
    --gap: 24px
}

.line-block--gap-32 {
    --gap: 32px
}

.line-block--gap-70 {
    --gap: 70px
}

.line-block--row-gap {
    --row-gap: 0;
    margin: 0;
    row-gap: var(--row-gap)
}

.line-block--row-gap-4 {
    --row-gap: 4px
}

@media (max-width: 600px) {
    .mobile-scrolled {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 15px !important;
        margin-bottom: -15px !important;
        padding-top: 15px !important;
        margin-top: -15px !important;
        -webkit-overflow-scrolling: touch
    }

    #main .mobile-scrolled > *:where(a,div) {
        width: 320px;
        flex-shrink: 0;
        box-sizing: content-box;
        order: unset
    }

    #main .mobile-scrolled--items-2 > *:where(a,div) {
        width: 260px
    }

    #main .mobile-scrolled--items-3 > *:where(a,div) {
        width: 164px
    }

    #main .mobile-scrolled.mobile-scrolled--items-auto > *:where(a,div) {
        width: auto;
        padding: 0
    }

    #main .mobile-offset {
        margin: 0 calc(-1 * var(--theme-page-width-padding));
        padding: 0 var(--theme-page-width-padding);
        flex-wrap: nowrap
    }

    #main .mobile-offset--right {
        padding: 0 var(--theme-page-width-padding)
    }
}

@media (max-width: 450px) {
    .mobile-scrolled > div {
        width: 320px
    }
}

.popup.loading-state {
    background-color: #fff;
    background-color: var(--black_bg_black)
}

.jqmWindow > .scrollbar {
    max-height: 100vh;
    display: block;
    height: 100%
}

.review_frame.popup {
    max-width: 700px
}

.ocb_frame.popup:not(.compact) {
    max-width: 957px
}

.replenishment_frame.popup, .change_payment_frame.popup, .popup--order-pay.popup {
    max-width: 800px
}

.stores_frame.popup {
    display: none !important
}

.stores_frame.popup:not(:has(.stores-list--onerow)) {
    max-width: 1240px
}

.mobile .jqmWindow.popup {
    overflow: hidden;
    overflow-y: auto
}

.form.popup .form-header {
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px
}


.form.popup .form-body {
    padding-left: 32px;
    padding-right: 32px
}

.form.popup .form-error {
    padding-left: 32px;
    padding-right: 32px
}

.form.popup .form-footer {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
    text-align: left
}

.form.popup .captcha-row {
    margin-bottom: 32px
}

.form.popup .captcha-row.normal, .form.popup .captcha-row.compact {
    margin-bottom: 21px
}

.form.popup .captcha-row.invisible {
    margin-top: 0;
    margin-bottom: 0
}

.form.popup.success .form-header {
    padding-bottom: 0
}

.form.popup.success .form-header .text {
    display: none
}

@media (max-width: 600px) {
    .form-body .tabs table:not(.table) tr {
        display: flex;
        flex-direction: column-reverse
    }
}

.goods-popup .status-icon {
    display: inline
}

.fast_view_frame.popup {
    max-width: 976px;
    z-index: 2998;
    max-height: 800px
}

@media (max-height: 750px) {
    .fast_view_frame.popup {
        height: 100vh
    }
}

.navigation-wrapper-fast-view .fast-view-nav.prev .svg {
    transform: translateX(-1px)
}

.navigation-wrapper-fast-view .fast-view-nav.next .svg {
    transform: translateX(1px)
}

@media (max-width: 600px) {
    .form.popup .form-header, .form.popup .form-body, .form.popup .form-footer {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 430px) {
    .jqmWindow > .scrollbar {
        max-height: 100vh
    }
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.static {
    position: static
}

@media (min-width: 992px) {
    #table-scroller-wrapper.scroller {
        overflow-x: auto;
        overflow-y: hidden
    }
}

section.toggle {
    margin: 10px 0 0;
    position: relative;
    clear: both
}

section.toggle input {
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 45px;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

section.toggle label {
    border-left: 3px solid;
    transition: all 0.15s ease-out;
    background: var(--card_bg_black);
    border-radius: 3px;
    display: block;
    font-size: 1.1em;
    min-height: 20px;
    padding: 12px 20px 12px 10px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    border-color: var(--light, var(--fill_dark_lite_white_hover)) var(--dark, #cccccc)
}

section.toggle .toggle-content {
    display: none
}

section.toggle label::-moz-selection {
    background: none
}

section.toggle label i.fa-minus {
    display: none
}

section.toggle label i.fa-plus {
    display: inline
}

section.toggle label::selection {
    background: none
}

section.toggle label::before {
    border: 6px solid #fff0;
    border-left-color: inherit;
    content: "";
    margin-top: -6px;
    position: absolute;
    right: 4px;
    top: 50%
}

section.toggle label + p {
    color: #999;
    display: block;
    overflow: hidden;
    padding-left: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 25px
}

section.toggle label i {
    font-size: .7em;
    margin-right: 8px;
    position: relative;
    top: -1px
}

section.toggle.active i.fa-minus {
    display: inline
}

section.toggle.active i.fa-plus {
    display: none
}

section.toggle.active > label {
    color: #fff;
    background-color: var(--light, var(--fill_dark_lite_white_hover)) var(--dark, var(--card_bg_hover_black));
    border-color: var(--light, var(--fill_dark_lite_white_hover)) var(--dark, var(--card_bg_hover_black))
}

section.toggle.active > label::before {
    border: 6px solid #fff0;
    border-top-color: inherit;
    margin-top: -3px;
    right: 10px
}

section.toggle > p.preview-active {
    height: auto
}

section.toggle > p.preview-active, section.toggle.active > p {
    white-space: normal
}

.shadow {
    box-shadow: 0 5px 30px rgb(34 34 40 / .08)
}

.shadow-hovered {
    transition: box-shadow ease 0.3s, background ease 0.3s
}

.shadow-no-border-hovered {
    transition: box-shadow ease 0.3s, border ease 0.3s, background ease 0.3s
}

@media (any-hover: hover) {
    .shadow-hovered:hover {
        box-shadow: 0 5px 30px rgb(34 34 40 / .08)
    }

    .shadow-no-border-hovered:hover {
        border-color: var(--stroke_black_hover);
        background-color: var(--card_bg_hover)
    }

    .shadow-no-border-hovered:hover .shadow-no-border-hovered__target {
        border: 0;
        box-shadow: none
    }
}

.social-list__item .svg {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

#main .sticky-block {
    position: sticky;
    z-index: 5;
    top: 32px
}

#main.fixed_y .sticky-block {
    top: 86px
}

#main .sticky-block--top-0 {
    top: 0
}

#main .sticky-block--show-N {
    position: static
}

@media (min-width: 992px) {
    #main .sticky-from-992 {
        position: sticky;
        z-index: 5;
        top: 32px
    }

    #main.fixed_y .sticky-from-992 {
        top: 86px
    }
}

.sticky {
    --top: 0px;
    position: sticky;
    top: var(--top)
}

.lineclamp-2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    overflow: hidden;
    word-break: break-word
}

.lineclamp-3 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 3;
    overflow: hidden;
    word-break: break-word
}

.lineclamp-6 {
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 6;
    overflow: hidden;
    word-break: break-word
}

.primary-color {
    color: var(--basic_text_black, #555558)
}

.secondary-color {
    color: var(--secondary, #8D8D8D)
}

.body.index .main > .container > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.drag-block[data-order] {
    order: var(--order-index, 1)
}

.drag-block.container {
    position: relative
}


.index-block--padding-top-12 > div {
    padding-top: 12px
}

.index-block--padding-top-24 > div {
    padding-top: 24px
}

.index-block--padding-top-40 > div {
    padding-top: 40px
}

.index-block--padding-top-80 > div {
    padding-top: 80px
}

.index-block--padding-bottom-12 > div {
    padding-bottom: 40px
}

.index-block--padding-bottom-40 > div {
    padding-bottom: 40px
}

.index-block--padding-bottom-80 > div {
    padding-bottom: 80px
}

.index-block--padding-top-12 .index-block--mt-dynamic {
    margin-top: -12px
}

.index-block--padding-top-24 .index-block--mt-dynamic {
    margin-top: -24px
}

.index-block--padding-top-40 .index-block--mt-dynamic {
    margin-top: -40px
}

.index-block--padding-top-80 .index-block--mt-dynamic {
    margin-top: -80px
}

.index-block--padding-bottom-40 .index-block--mb-dynamic {
    margin-bottom: -40px
}

.index-block--padding-bottom-80 .index-block--mb-dynamic {
    margin-bottom: -80px
}

@media (max-width: 767px) {
    .index-block--padding-top-80 > div {
        padding-top: 64px
    }

    .index-block--padding-bottom-80 > div {
        padding-bottom: 64px
    }

    .index-block--padding-top-80 .index-block--mt-dynamic {
        margin-top: -64px
    }

    .index-block--padding-bottom-80 .index-block--mb-dynamic {
        margin-bottom: -64px
    }
}

@media (max-width: 600px) {
    .index-block--padding-bottom-N .mobile-scrolled {
        margin-bottom: 0 !important
    }

    .index-block--padding-top-N .mobile-scrolled {
        margin-top: 0 !important
    }
}

.index-block--fon {
    background: #f8f8f8;
    background: var(--darkerblack_bg_black)
}

.index-block--delimiter > div {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--stroke_black)
}

.header-no-border .BIG_BANNER_INDEX .index-block--delimiter > div {
    border-bottom: none
}

.index-block__title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.index-block__title {
    margin: 0
}

@media (min-width: 992px) {
    .tariffs-list .index-block__title-wrapper--with-center-block .index-block__part--left {
        flex-basis: auto
    }
}

@media (max-width: 991px) {
    .index-block__space-wrapper.flexbox {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    .index-block__title {
        font-size: 30px;
        line-height: 40px
    }
}

@media (max-width: 600px) {
    .index-block__title {
        font-size: 20px;
        line-height: 30px
    }
}

.index-block__link-wrapper {
    display: flex;
    align-items: center
}

.index-block__part--left {
    display: flex;
    align-items: center;
    position: relative
}

@media (max-width: 600px) {
    .index-block__title-wrapper.index-block__title-wrapper--align-baseline {
        align-items: center
    }

    .index-block__title-wrapper.index-block__title-wrapper--mb-52 {
        margin-bottom: 18px
    }
}

.index-block__arrow {
    font-size: 0;
    vertical-align: middle;
    line-height: 12px;
    height: 12px;
    display: inline-block;
    margin-bottom: 1px
}

.index-block__arrow .svg {
    top: 0
}

.index-block__arrow svg * {
    stroke: #333;
    stroke: var(--white_text_black)
}

.fill_bg_n .drag-block.container.noborder {
    border-top: none
}

.fill_bg_n .drag-block.container.noborder .item-views {
    border-top: 1px solid #f2f2f2
}

div[data-class="BIG_BANNER_INDEX_drag"][data-order="1"], div[data-class="BIG_BANNER_INDEX_drag"] + div[data-class="TEASERS_INDEX_drag"], div.TEASERS_INDEX:not(.hidden) + div.NEWS_INDEX {
    border-top-width: 0
}

body.tizersPadding0 div[data-class="BIG_BANNER_INDEX_drag"]:not(.hidden) + div[data-class="TEASERS_INDEX_drag"][data-order="2"] .tizers_block2 {
    padding-top: 0
}

.fill_bg_n div.TEASERS_INDEX:not(.hidden) + div.NEWS_INDEX .item-views {
    border-top: 1px solid #f2f2f2
}

.styled-block.front {
    margin-bottom: 56px
}

.styled-block.front h2 {
    margin-bottom: 15px;
    margin-top: -1px
}

.index-block__preview {
    max-width: 1094px
}

.item-action__inner {
    --item-action-width: 20px;
    --item-action-height: 20px;
    width: var(--item-action-width);
    height: var(--item-action-height);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.item-action__inner .svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.item-action__inner .svg:not([class*='item-action']) {
    opacity: .35
}

.item-action-static-fill-svg .item-action__wrapper path {
    fill: #fff
}

.item-action-static-fill-svg .item-action__normal path {
    fill: #B8B8B9
}

@media (hover: hover) {
    .item-action__inner:hover .svg:not([class*='item-action']) {
        opacity: 1
    }

    .item-action__inner:hover .item-action__normal path {
        fill: var(--basic_text_black)
    }

    .item-action-static-fill-svg .item-action__inner:hover .item-action__normal path {
        fill: #555558
    }
}

.item-action.active .item-action__active, .item-action__wrapper.svg {
    opacity: 1
}

.item-action.active .item-action__normal, .item-action:not(.active) .item-action__active {
    opacity: 0
}

.item-action.active .item-action__active path {
    fill: var(--theme-base-color)
}

@media (max-width: 991px) {
    .mfixed_y .notice-surface {
        top: 74px
    }

    .bottom-icons-panel_y .notice-surface--reverse {
        bottom: 72px
    }
}

.notice {
    min-width: 0;
    box-shadow: 0 5px 20px rgb(0 0 0 / .15);
    background: #fff;
    background: var(--black_bg_black);
    border-radius: var(--theme-outer-border-radius);
    position: relative;
    width: 346px;
    max-width: 100%;
    transition: transform .1s linear;
    flex-shrink: 0;
    margin: 4px 0
}

@media (max-width: 320px) {
    .notice {
        word-break: break-all
    }
}

.notice__image {
    height: 60px;
    width: 60px
}

.notice__image img {
    max-height: 100%;
    max-width: 100%
}

.notice .line-block__item + .line-block__item {
    align-self: center
}

.notice .line-block__item + .line-block__item .notice__title:first-child {
    margin-top: -7px;
    color: #222;
    color: var(--white_text_black);
    font-weight: 700
}

.notice .line-block__item + .line-block__item .notice__detail:first-child {
    margin-top: -3px
}

@-webkit-keyframes animate--notice-show--right {
    from {
        right: calc(-100% - 32px)
    }
    50% {
        right: 32px
    }
    to {
        right: 0
    }
}

@-ms-keyframes animate--notice-show--right {
    from {
        right: calc(-100% - 32px)
    }
    50% {
        right: 32px
    }
    to {
        right: 0
    }
}

@keyframes animate--notice-show--right {
    from {
        right: calc(-100% - 32px)
    }
    50% {
        right: 32px
    }
    to {
        right: 0
    }
}

@-webkit-keyframes animate--notice-show--left {
    from {
        left: calc(-100% - 32px)
    }
    50% {
        left: 32px
    }
    to {
        left: 0
    }
}

@-ms-keyframes animate--notice-show--left {
    from {
        left: calc(-100% - 32px)
    }
    50% {
        left: 32px
    }
    to {
        left: 0
    }
}

@keyframes animate--notice-show--left {
    from {
        left: calc(-100% - 32px)
    }
    50% {
        left: 32px
    }
    to {
        left: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center
    }
    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.regions__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 170px
}

.header-menu__wrapper {
    display: flex
}

.header-menu--centered .header-menu__wrapper {
    justify-content: center
}

.header-menu.header-menu--left .header-menu__wrapper {
    justify-content: left
}

.header-menu__item {
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: var(--menu-height, auto)
}

.header__top-part.header__section--transparent .header-menu__item {
    height: auto
}

.header__section--transparent .header-menu__item--first.header-menu__item--last {
    height: auto
}

.header-menu__link {
    padding: 0 8px
}

.header-menu__item--wide .header-menu__link {
    padding: 0 12px
}

.header-menu__item--more-items {
    display: none;
    opacity: 0;
    margin-right: 0;
    cursor: pointer
}

.header-menu__item.header-menu__item--more-items a:hover {
    text-decoration: none
}

.header-menu__item--more-items:hover > .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__item--more-items .header-menu__item, .header-menu__item--more-items .header-menu__title {
    height: auto;
    font-size: .9375rem;
    line-height: calc(1em + 7px)
}

.header-menu__item--more-items .header-menu__wide-submenu-right-arrow.svg {
    transform: rotate(-90deg)
}

.header-menu__item--more-items .fill-dark-light-block :is(path,use) {
    fill: var(--fill_dark_light)
}

@media (hover: hover) {
    .header-menu__item--more-items .fill-dark-light-block:hover :is(path,use) {
        opacity: 1
    }
}

#main .header-menu__item--more-items a {
    color: var(--white_text_black);
    opacity: 1
}

.header-menu__item--more-items .header-menu__dropdown-menu-inner {
    padding: 0
}

.header-menu__item--more-items .header-menu__dropdown-maxwidth {
    padding: 0
}

.header-menu__item--more-items .header-menu__dropdown-item {
    padding: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu {
    position: absolute;
    right: calc(100% + 8px);
    left: auto;
    top: -8px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu.dropdown {
    top: -8px
}

.header-menu__more-items-list .header-menu__link {
    padding: 9px 16px 10px 16px
}

.header-menu__item--more-items .dropdown-submenu:hover > .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__item--more-items .header-menu__item--dropdown.active > a, .header-menu__item--more-items .header-menu__dropdown-item.active > div > a, .header-menu__item--more-items .header-menu__wide-submenu-item.active {
    --text-opacity: 100%;
    background-color: var(--darkerblack_bg_black);
    text-decoration: none
}

body.menu_lowercase_n .header-menu__title {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: .08em
}

body.menu_lowercase_n .header-menu__dropdown-menu .header-menu__title {
    text-transform: none;
    font-size: 1em;
    line-height: calc(1em + 7px);
    letter-spacing: 0em
}

.header-menu__link {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.active > .header-menu__link {
    --text-opacity: 72%
}

.active > .header-menu__link > .svg use, .active > .header-menu__link > .svg path {
    opacity: .72
}

.header-menu__dropdown-menu {
    --max-height-dropdown: min(680px, (100vh - 24px - var(--header-height)));
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    transition-delay: 0.2s
}

.header__top-part--menu-no-gap .header-menu__dropdown-menu {
    top: 100%
}

.header-menu__dropdown-menu.dropdown {
    min-width: 240px
}

.header-menu__item--more-items > .header-menu__dropdown-menu.dropdown {
    left: -30px
}

.header-menu__dropdown-menu > .dropdown {
    min-width: 240px;
    padding: 17px 0;
    left: -29px
}

.header-menu__dropdown-item {
    margin: 0
}

.header-menu__dropdown-item > a {
    white-space: normal;
    word-break: break-word
}

.header-menu__dropdown-item.active > a, .header-menu__dropdown-item.active:hover > a, .header-menu__dropdown-item:has(.active) > a, .header-menu__dropdown-item:has(.active):hover > a {
    background-color: var(--card_bg_active);
    font-weight: 500
}

.header-menu__dropdown-item--with-dropdown:hover > .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__dropdown-item--with-dropdown > a {
    padding-right: 30px
}

.header-menu__wrapper .header-menu__dropdown-menu--submenu {
    position: absolute;
    left: calc(100% + 8px);
    top: -8px
}

.header-menu__dropdown-menu .header-menu__dropdown-menu.header-menu__dropdown-menu--submenu {
    z-index: 2
}

.svg.header-menu__dropdown-right-arrow {
    position: absolute;
    top: calc(1em + 5px);
    transform: translateY(-50%) rotate(-90deg);
    right: 16px
}

.header-menu__item--dropdown:hover > .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__dropdown-menu-inner {
    margin-bottom: 0;
    display: grid;
    gap: 2px
}

@media (max-width: 1500px) {
    .header--narrow.header--offset .header-menu--bottom-1500 {
        border-bottom: none;
        box-shadow: 0 3px 7px rgb(0 0 0 / .05);
        border-radius: 0 0 4px 4px
    }
}

@media (max-width: 1200px) {
    .header--narrow.header--offset .header-menu--bottom-1200 {
        left: 32px;
        right: 32px
    }

    .header--offset:not(.header--narrow) .header-menu--bottom-1200 {
        left: -24px;
        right: -24px
    }
}

.header-menu__item--wide {
    position: static
}

.header-menu__item--wide > .header-menu__dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding-top: 1px
}

.header-menu__wide-limiter {
    max-height: var(--max-height-dropdown);
    min-height: 240px
}

.header-menu__item--wide .header-menu__dropdown-menu > .dropdown {
    padding: 0;
    left: 0
}

.header--narrow .header-menu__dropdown-menu--grids {
    grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))
}

.header-menu__item--in-dotted .header-menu__dropdown-item:hover > div > a, .header-menu__dropdown-item:hover > a {
    background-color: var(--card_bg_hover);
    color: var(--white_text_black)
}

.header-menu__item--in-dotted .link:hover {
    text-decoration: none
}

.header-menu__item--in-dotted .fill-theme-hover {
    --fill_dark_lite_hover: var(--white_text_black)
}

.header-menu__wide-submenu-item--more_items.opened svg {
    transform: rotate(180deg) translateY(2px)
}

.header-menu__item--in-dotted .collapsed {
    display: block !important
}

.header-menu__dropdown-item-img .svg svg {
    max-height: var(--size);
    max-width: var(--size)
}

.header-menu__wide-submenu-item-inner .toggle_block {
    display: inline-block;
    position: static;
    transform: translateX(-17px);
    width: 0
}

body .header-menu__wide-submenu-right-arrow.menu-arrow {
    top: 5px;
    right: 6px
}

.header-menu__wide-submenu-item-inner.opened .menu-arrow.svg {
    transform: rotate(180deg)
}

.header-menu__item--wide > .header-menu__dropdown-menu {
    padding-top: 0
}

.header-menu__item--wide > .header-menu__dropdown-menu > .dropdown-menu-inner {
    max-width: 100%
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item-img, .header-menu__item--more-items .show-more-items-btn {
    display: none
}

.header-menu__item--more-items .header-menu__wide-limiter.scrollbar, .header-menu__item--more-items .header-menu__more-items-list.dropdown-menu-inner {
    max-height: none;
    min-height: auto;
    overflow: visible
}

.header-menu__item--more-items .header-menu__dropdown-menu .maxwidth-theme {
    padding: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu {
    background: var(--card_bg_black);
    border-radius: var(--theme-button-border-radius);
    box-shadow: 0 5px 20px rgb(0 0 0 / .15);
    gap: 1px;
    margin: 0;
    min-width: 240px;
    opacity: 0;
    padding: 8px;
    position: absolute;
    right: calc(100% + 8px);
    top: -8px;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
    visibility: hidden
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown:hover > .header-menu__wide-item-wrapper > .header-menu__wide-submenu {
    opacity: 1;
    visibility: visible
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu-item-inner {
    position: static
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown:hover .header-menu__wide-submenu-item-inner .submenu-wrapper .header-menu__wide-submenu {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    margin-left: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown .header-menu__wide-submenu-item-inner .submenu-wrapper {
    display: block !important
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item--with-dropdown .header-menu__wide-submenu-item--with-dropdown .header-menu__wide-submenu-item-inner .toggle_block {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .switcher-title {
    font-family: inherit
}

.header-menu__item--wide:not(.header-menu__item--in-dotted) .only_more_items {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
    display: flex;
    flex-direction: column;
    gap: 1px
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide {
    position: relative
}

.header-menu__item--more-items .header-menu__wide-item-wrapper {
    width: 100%;
    margin-top: 0
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-right-part {
    display: none
}

.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
    width: 100%
}

.header-menu__item--more-items .header-menu__wide-child-link:not(:hover) {
    color: var(--white_text_black)
}

.header-menu__item--more-items li.active > a, .header-menu__item--more-items li.active > div > a, .header-menu__item--more-items li.active > span > a {
    color: var(--white_text_black);
    border-radius: var(--theme-button-border-radius);
    cursor: default;
    font-weight: 500
}

.header-menu__item--more-items li.active:hover > a {
    color: var(--white_text_black)
}

.header-menu__item--more-items .header-menu__dropdown-menu {
    --banner-light-text: var(--fill_dark_light);
    --banner-light-text-hover: var(--fill_dark_lite_hover)
}

.header-menu__item--more-items .header-menu__dropdown-menu.scrollbar {
    overflow: visible
}

.header-menu__item--more-items .header-menu__wide-child-link, .header-menu__item--more-items .menu-navigation__sections-item-link {
    padding: 9px 16px 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: .9375rem;
    line-height: calc(1em + 7px);
    text-decoration: none;
    border-radius: var(--theme-button-border-radius)
}

.header-menu__item--more-items .header-menu__wide-submenu-item {
    padding: 0
}

.header-menu .header-menu__wide-submenu-item--more_items .menu-arrow svg {
    position: static
}

.header-menu .header-menu__wide-submenu-item--more_items .with_dropdown {
    padding-right: 20px
}

.header-menu__link--only-catalog > .header-menu__title {
    padding-right: 0;
    padding-left: 12px;
    font-size: 1.06667em;
    font-weight: 600
}

.header-menu__item .header-menu__link--only-catalog ~ .header-menu__dropdown-menu {
    opacity: 0;
    visibility: hidden
}

.header-menu__item .header-menu__link--only-catalog.opened ~ .header-menu__dropdown-menu {
    opacity: 1;
    visibility: visible
}

.header-menu__link--only-catalog ~ .header-menu__dropdown-menu {
    transition-delay: 0s
}

.header-menu__wrapper .menu-arrow.svg {
    position: static;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 11px
}

.menu-arrow.svg {
    position: absolute;
    right: 18px;
    top: 21px;
    text-align: center;
    line-height: 8px;
    border-radius: 3px;
    margin: 0
}

.menu-arrow.svg svg {
    display: inline-block
}

.active > .menu-arrow-wrapper > .menu-arrow {
    transform: rotate(180deg)
}

.dropdown-menu-wrapper {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    display: none;
    z-index: 107;
    cursor: default
}

.dropdown-menu-wrapper--visible {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out
}

.dropdown-menu-wrapper--toright {
    right: -1px;
    left: auto
}

.dropdown-menu-wrapper--woffset .dropdown-menu-inner {
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.dropdown-menu-wrapper .dropdown-menu-inner {
    background: #fff;
    background: var(--card_bg_black);
    text-align: left;
    box-shadow: 0 5px 30px rgb(34 34 40 / .08);
    overflow: hidden;
    max-width: 450px;
    min-width: 248px
}

.dropdown-select {
    cursor: pointer;
    position: relative
}

.dropdown-select .dropdown-select__title {
    display: flex;
    align-items: center;
    color: var(--white_text_black)
}

.dropdown-select__title.bordered {
    padding: 8px 16px
}

.dropdown-select__title.bordered:hover {
    background-color: var(--darkerblack_bg_black)
}

.dropdown-select__title--lg.bordered {
    height: 44px;
    padding: 2px 20px
}

.dropdown-menu-item {
    --dropdown-menu__p-inline: 16px;
    display: block;
    padding: 9px var(--dropdown-menu__p-inline) 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    color: var(--white_text_black);
    border-radius: var(--theme-button-border-radius)
}

.dropdown-menu-wrapper--woffset .dropdown-menu-item--current {
    border-radius: var(--theme-button-border-radius)
}

@media (any-hover: hover) {
    .dropdown-select__list-item:hover .dropdown-menu-item {
        background-color: var(--card_bg_hover);
        color: var(--white_text_black)
    }
}

.dropdown-select__title.opened .dropdown-select__icon-down svg {
    transform: scaleY(-1)
}

.dropdown-select__title.opened .dropdown-select__arrow-right {
    display: none
}

.dropdown-select__title:not(.opened) .dropdown-select__arrow-down {
    display: none
}

.long-menu-items .header-menu__wide-limiter {
    height: 100%;
    max-height: 100%
}

.menu-navigation__sections-item-link .image img {
    width: 100%
}

.menu-navigation__sections-item-link .image .svg svg {
    width: 20px;
    height: 20px
}

.menu-navigation__content .header-menu__dropdown-menu-inner {
    width: 100%
}

.menu-navigation__sections-item.active .menu-navigation__sections-item-link {
    font-weight: 500
}

.header-menu__item--more-items .menu-navigation__sections-item-image, .header-menu__item--more-items .menu-navigation__content, .header-menu__item--more-items .menu-navigation__sections-item .svg {
    display: none
}

.header-menu__item--more-items .menu-navigation__sections-wrapper {
    width: 100%
}

.header-menu__item--more-items .menu-navigation {
    height: auto
}

.header-menu__item--more-items .menu-navigation__sections {
    --padding: 0
}

.header-menu__item--more-items .menu-navigation__sections-item-link--active {
    background-color: unset
}

.header-menu__item--more-items .menu-navigation__scroll {
    padding: 0
}

@media (hover: hover) {
    .header-menu__item--more-items .menu-navigation__sections-item-link:hover {
        background-color: var(--darkgrey_bg_black)
    }
}

.brands-list__items-wrapper .swiper-slide {
    width: auto
}

.ui-card {
    position: relative;
    overflow: hidden
}

.ui-card__image {
    --aspect-ratio: 3 / 2;
    overflow: hidden;
    position: relative;
    aspect-ratio: var(--aspect-ratio)
}

.ui-card:has(.ui-card__image--masonry-low,.ui-card__image--masonry-low-span-2,.ui-card__image--masonry-low-span-3,.ui-card__image--masonry-low-span-4) {
    min-height: 250px
}

@media (any-hover: hover) {
    a.ui-card:hover .ui-card__img {
        scale: 1.1
    }

    .ui-card:hover a.chip--white-blur:not(:hover), .ui-card:hover button.chip--white-blur:not(:hover) {
        background-color: var(--theme-base-color);
        border-color: var(--theme-base-color);
        color: #fff
    }

    .ui-card--image-scale:hover .ui-card__img {
        scale: 1.1
    }
}

.ui-card__link {
    position: absolute;
    inset: 0;
    z-index: 1
}

.ui-card__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale .6s ease
}

.ui-card--image-scale .ui-card__img.lazyloaded {
    transition: scale .6s ease, opacity .3s ease
}

.ui-card__info--absolute {
    --offset: 24px;
    position: absolute;
    bottom: var(--offset);
    left: var(--offset);
    right: var(--offset)
}

.ui-card__info--absolute-off-40 {
    --offset: clamp(24px, 4vw, 40px)
}

.ui-card__image--masonry-high {
    --aspect-ratio: .84
}

.ui-card__image--masonry-high-span-2 {
    --aspect-ratio: 1.71
}

@media (max-width: 1101px) {
    .ui-card__image--masonry-high-span-2 {
        --aspect-ratio: .84
    }
}

.theme-selector__inner {
    height: 100%
}

.theme-selector__items {
    display: flex;
    flex-direction: row;
    height: 100%
}

.theme-selector__item {
    flex: 1;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 6px
}

.theme-selector__item-icon {
    opacity: .5;
    display: flex;
    align-items: center;
    justify-content: center
}

.theme-selector__item.current {
    display: flex
}

.theme-selector__item.current .theme-selector__item-icon {
    opacity: 1
}

.theme-selector:hover .theme-selector__item-icon {
    opacity: 1
}

.inline-search-block.show {
    top: 0
}

.inline-search-block.fixed {
    position: fixed;
    z-index: 2999
}

.inline-search-block.fixed .title-search-result {
    box-shadow: none;
    border-radius: 0
}

.inline-search-block .search-wrapper {
    max-width: 720px
}

.inline-search-block .overlay {
    background: #3a3f44;
    opacity: .7 !important;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0
}

.inline-search-block--big form.search {
    display: flex
}

.inline-search-block--big .top-close.inline-search-hide {
    position: static;
    transform: translateX(4px)
}

.inline-search-block--cover.show {
    bottom: 0;
    display: block
}

.inline-search-block--cover .search-wrapper {
    max-width: 991px;
    margin: 152px auto 0
}

.inline-search-block--cover .search-title {
    padding-bottom: 37px
}

.inline-search-block--cover .search .search-input {
    height: 48px
}

.inline-search-block--cover .search .search-input:focus {
    box-shadow: 0 1px 1px rgb(0 0 0 / .015) inset;
    border-color: #999
}

.search-title__form-container {
    position: relative;
    z-index: 101
}

form.search-title__form {
    padding: var(--padding)
}

.title-search-result {
    border: none;
    padding: 0;
    position: absolute;
    z-index: 100
}

.search-result.scrollbar {
    max-height: min(350px, calc(100vh - 135px));
    overflow: auto
}

@media (width < 768px) {
    .search-result.scrollbar {
        max-height: min(350px, calc(50vh - 135px))
    }
}

@media screen and (min-width: 600px) {
    .search-result--offset.pr {
        --pr: 36px
    }
}

.title-search-result .item-parent {
    color: #999;
    font-weight: 400;
    line-height: calc(1em + 4px)
}

.search:has(input[type="text"]:placeholder-shown) .btn-clear-search {
    display: none
}

.search .btn-search {
    background: #fff0;
    border: none
}

.search:has(.search-button-div) {
    position: relative
}

.search:has(.search-button-div) .search-input {
    padding-right: 84px;
    display: block;
    width: 100%
}

.btn-clear-search {
    background: var(--darkgrey_bg_black);
    border-width: 0;
    height: 20px;
    line-height: 0;
    padding: 5px
}

.title-search-price .price {
    font-weight: 500
}

body .search:focus-within .btn-search:hover {
    opacity: 1
}

#mobileheader .title-search-result {
    width: 100% !important
}

.mobileheader .search-result {
    --mt: 0px
}

.mobileheader__burger + .header__search .maxwidth-theme--conditional {
    --theme-page-width-padding: 0px
}

.search-wrapper.pb .pb--conditional {
    --pb: 0px
}

.header-search.opened .pt--conditional {
    --pt: 0px
}

.mobileheader .search-wrapper .p-inline--conditional {
    padding-inline: 0
}

@media (width < 992px) {
    div.title-search-result {
        width: 100% !important
    }

    .search-wrapper {
        --pt: 12px;
        --pb: 12px
    }
}

@media (width > 991px) {
    .header .search-wrapper {
        position: relative
    }
}

@media (max-width: 600px) {
    .inline-search-block--cover .search-wrapper {
        margin-top: 24px
    }

    .inline-search-block--cover .search-title {
        display: none
    }

    .inline-search-block.fixed #title-search-fixed .top-close {
        top: 19px
    }

    .inline-search-block--big .search .search-input {
        padding-right: 10px
    }
}


@media (prefers-reduced-motion: no-preference) {
    .search-input {
        transition: background-color .2s ease, border-color .2s ease
    }
}

@media (any-hover: hover) {
    .search:hover {
        background: var(--input_bg_color-hover);
        border-color: var(--input_border_color-hover)
    }
}

.search-title .maxwidth-theme {
    --theme-page-width-padding: 12px
}

.search-title__additional-option:has(+.search-title__submit) {
    --p-inline: 8px 16px
}

.search-title .dropdown-select:has(+.search-title__submit) .dropdown-select__title {
    --pr: 16px
}

.search-title__additional-option.loading-state-before {
    cursor: progress;

    .svg {
        opacity: 0;
        visibility: hidden
    }

    &::before {
        background-position: 8px 50%;
        background-size: 20px;
        background-color: #fff0
    }
}

.dropdown-select.searchtype {
    position: static
}

.search-title-options:has(.search-title-options__button) + .btn-search::before, .search-title__additional-option + .btn-search::before {
    content: '';
    display: block;
    background-color: var(--fill_dark_light);
    height: 20px;
    width: 1px;
    opacity: .3;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.search-title-options__button.xpopover-toggle--active *:is(use) {
    opacity: .72
}

@keyframes xpopover-loading {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.search-title-options__dropdown-select .dropdown-menu-item {
    --dropdown-menu__p-inline: var(--p-inline)
}

.search-title-options__dropdown-select .dropdown-select__checkmark {
    opacity: 0
}

.search-title-options__dropdown-select:has(.dropdown-select__list-item:only-child) .dropdown-select__list-title {
    display: none
}

.search-title__form .xpopover--dropdown-select {
    position: absolute;
    right: 0 !important;
    top: 100% !important;
    left: auto !important;
    transform: translateX(0) !important
}

.search-title__form {
    &:not(._voice-active) .additional-option__icon-active {
        display: none
    }
}

.scroll-header-tags__item {
    align-items: center;
    display: flex;
    height: var(--panel-items-height, auto)
}

.scroll-header-tags__item.scroll-header-tags__item--bg:hover {
    --text-opacity: 100%
}

.scroll-header-tags__item--bg .scroll-header-tags__item-container {
    padding: 0 12px 2px;
    @media (width < 601px) {
        padding: 0 8px 2px
    }
}

.drag-scroll {
    position: relative;
    z-index: 0
}

.drag-scroll__content-wrap {
    overflow: hidden
}

.drag-scroll__content {
    position: relative;
    width: 100%;
    overflow: visible;
    white-space: nowrap;
    transition: transform 0ms;
    will-change: transform;
    user-select: none;
    z-index: 1
}

.drag-scroll--scrollable .drag-scroll__content {
    cursor: pointer
}

.drag-scroll__arrows {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.drag-scroll__arrow {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: var(--arrows_bg_black);
    border-radius: 50px;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0 5px 20px rgb(0 0 0 / .07)
}

.drag-scroll__arrow:hover {
    background: var(--theme-base-color)
}

.drag-scroll__arrow:hover path {
    stroke: #fff
}

.drag-scroll__arrow--left svg {
    transform: rotate(180deg)
}

.drag-scroll__arrow--right svg {
    transform: translateX(1px)
}

.drag-scroll__arrow--left {
    transform: translateX(-16px)
}

.drag-scroll__arrow--right {
    transform: translateX(16px)
}

.drag-scroll__arrow--disabled {
    opacity: 0;
    visibility: hidden
}

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-autoheight .swiper-slide {
    height: auto
}

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

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

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgb(0 0 0 / .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgb(0 0 0 / .5), #fff0)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgb(0 0 0 / .5), #fff0)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgb(0 0 0 / .5), #fff0)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / .5), #fff0)
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

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

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

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

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

.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: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: #fff0
}

.swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

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

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

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

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

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

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

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

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

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

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

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 6px
}

.swiper-slide.swiper-slide--height-auto {
    height: auto
}

.slider-solution--hide-before-loaded:not(.swiper-initialized) {
    opacity: 0;
    visibility: hidden;
    max-height: 0
}

.slider-solution--hide-before-loaded:not(.swiper-initialized) ~ .slider-nav {
    display: none
}

.swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    background: rgb(255 255 255 / .4);
    opacity: 1;
    position: relative;
    background-color: var(--light, rgb(34 34 40 / .4)) var(--dark, rgb(255 255 255 / .2));
    backdrop-filter: blur(10px)
}

.autoplay-progress {
    --progress: 0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff0;
    accent-color: #fff;
    border-radius: 1px;
    border: 0;
    box-shadow: 0
}

.autoplay-progress::-webkit-progress-bar {
    background-color: #fff0;
    border-radius: 1px
}

.autoplay-progress::-webkit-progress-value {
    background-color: #fff;
    border-radius: 1px
}

.autoplay-progress::-moz-progress-bar {
    background-color: #fff;
    border-radius: 1px
}

.swiper-pagination-bullet-active {
    width: 48px;
    height: 2px;
    border-radius: 100vw
}

.swiper-pagination--active-bullet-white .swiper-pagination-bullet-active {
    background-color: #fff
}

.swiper-pagination--dark-light .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--light, rgb(34 34 40 / .48)) var(--dark, rgb(255 255 255 / .48))
}

.swiper-pagination--short .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    bottom: 1px
}

.swiper-pagination-bullet-active:before {
    display: none
}

.swiper-pagination-bullet-active .autoplay-progress {
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
}

.swiper-pagination--compact.swiper-pagination-bullets .swiper-pagination-bullet {
    --swiper-pagination-bullet-horizontal-gap: 2px;
    width: 2px;
    height: 2px;
    background: var(--secondary);
    border-radius: 8px
}

.swiper-pagination--compact .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    background-color: var(--white_text_black)
}

@media screen and (max-width: 600px) {
    .swiper-pagionation-bullet--line-to-600.swiper-pagination-horizontal .swiper-pagination-bullet {
        --swiper-pagination-bullet-horizontal-gap: 2px
    }

    .swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet {
        border-radius: 5px;
        height: 2px;
        background: rgb(136 136 136 / .5)
    }

    .swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--light, #222) var(--dark, white)
    }

    .swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet:before {
        display: none
    }
}

.swiper-button-next, .swiper-button-prev {
    --swiper-button: 40px;
    width: var(--swiper-button);
    height: var(--swiper-button);
    background: var(--arrows_bg_black);
    transition: all .3s ease-in-out;
    translate: 0 5%;
    border-radius: 50%
}

.swiper-button-next {
    right: 20px
}

.swiper-button-prev {
    left: 20px
}

.swiper-button-prev .svg {
    transform: translateX(-1px)
}

.swiper-button-next .svg {
    transform: translateX(1px)
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.swiper-button-next:hover use, .swiper-button-prev:hover use {
    stroke: var(--button_color_text)
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none
}

.navigation_on_hover:not(:hover) .swiper-button-next, .navigation_on_hover:not(:hover) .swiper-button-prev {
    opacity: 0;
    visibility: hidden
}

.swiper-nav-offset .swiper-button-prev {
    left: calc(-1 * min(var(--theme-page-width-padding, 20px), 20px))
}

.swiper-nav-offset .swiper-button-next {
    right: calc(-1 * min(var(--theme-page-width-padding, 20px), 20px))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    display: none
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    flex-shrink: 0
}

.swiper:has(.swiper-pagination:not(.swiper-pagination-lock)) {
    padding-bottom: var(--pb) !important
}

.slider-nav--shadow {
    box-shadow: 0 5px 20px rgb(0 0 0 / .07)
}

@media (max-width: 767px) {
    .slider-nav:not(.slider-nav--no-auto-hide) {
        display: none
    }
}

.slider-solution--static-dots .slider-pagination {
    position: static
}

.slider-nav:hover svg {
    stroke: var(--button_color_text)
}

.slider-nav.slider-nav--static {
    position: static;
    margin-top: 0
}

.slider-nav.slider-nav--blur:not(:hover) {
    background-color: rgb(34 34 40 / .24);
    backdrop-filter: blur(10px)
}

html .slider-solution--show-nav-hover:not(:hover) .slider-button-prev {
    left: -50px
}

html .slider-solution--show-nav-hover:not(:hover) .slider-button-next {
    right: -50px
}

.slider-nav.swiper-button-prev {
    translate: 0
}

.slider-nav.swiper-button-next {
    translate: 0
}

.banners-big {
    --big-banner-height: 760px;
    --big-banner-padding: var(--theme-page-width-padding);
    --big-banner-inner-padding: clamp(1rem, 3vw, 3rem)
}

.banners-big--normal {
    --big-banner-height: 584px;
    --big-banner-inner-padding: clamp(1rem, 2.5vw, 2.5rem)
}

.banners-big .maxwidth-banner {
    position: relative;
    display: flex
}

.banners-big .maxwidth-banner .maxwidth-theme {
    position: absolute;
    inset: 0
}

.banners-big__wrapper {
    position: relative;
    width: 100%
}

.main-slider .main-slider__item {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

.main-slider .target {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.banners-big__item {
    background-size: cover
}

.banners-big__item--opacity.theme-light:before {
    background: rgb(0 0 0 / .3)
}

.banners-big__depend-height {
    height: var(--big-banner-height)
}

.banners-big .banners-big__inner-wrap {
    padding-inline: var(--big-banner-inner-padding)
}

.banners-big__inner {
    height: 100%;
    display: flex;
    align-items: flex-end
}

.banners-big .vvideo.started {
    background-color: var(--black_bg_black)
}

.banners-big__item .banners-big__img-wrapper .banners-big__img {
    width: auto;
    max-height: 100%;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0
}

.banners-big__item .banners-big__img-wrapper--back-right .banners-big__img {
    left: 0;
    right: auto
}

@media (min-width: 992px) {
    body.header_opacity .banners-big__depend-padding {
        height: calc(var(--big-banner-height) + var(--header-height, 0px))
    }
}

@media (max-width: 991px) {
    .banners-big--side-banners .banners-big__wrapper {
        width: 100%
    }
}

body.header_opacity .banner.TOP_UNDERHEADER {
    display: none !important
}

.banners-big__buttons .btn.btn-white.btn-transparent:not(:hover) {
    background-color: rgb(255 255 255 / .24)
}

.banners-big__buttons .btn-video.with-text .svg {
    padding-right: 15px
}

.only_img--video .play {
    width: 100px;
    height: 100px;
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    background: #fff0;
    z-index: 8;
    cursor: pointer
}

.only_img--video .play:after {
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    border-radius: 100%
}

.only_img--video .play:before {
    border: 14px solid #fff0;
    border-left: 25px solid #fff;
    z-index: 2;
    margin: -14px 0 0 -9px
}

.only_img--video .play:after, .only_img--video .play:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform .3s
}

.only_img--video .play:hover:after, .only_img--video .play:hover:before {
    transform: scale(1.2)
}

.vvideo.started .only_img--video .play {
    display: none
}

@media (max-width: 767px) {
    .only_img--video .play:after {
        margin: -40px 0 0 -40px;
        width: 80px;
        height: 80px
    }
}

.banners-big__nav-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: end;
    justify-content: flex-end
}

.banners-big--low .banners-big__nav-wrap {
    margin-bottom: clamp(1rem, 3vw, 2rem)
}

.banners-big--normal .banners-big__nav-wrap {
    margin-bottom: clamp(1rem, 3vw, 2.5rem)
}

.banners-big--high .banners-big__nav-wrap {
    margin-bottom: var(--big-banner-inner-padding)
}

.banners-big__nav-wrap .swiper-pagination {
    max-width: 600px;
    width: auto;
    padding-right: 28px;
    position: static
}

.banners-big__nav-wrap .slider-nav-wrap {
    display: flex;
    justify-content: space-between;
    width: 88px
}

@media (max-width: 767px) {
    .banners-big__nav-wrap .slider-nav-wrap {
        display: none
    }

    .banners-big__nav-wrap .swiper-pagination {
        padding-right: 0
    }

    body .banners-big .maxwidth-theme.banners-big__nav-wrap {
        justify-content: center
    }
}

@media (max-width: 991px) {
    .banners-big .maxwidth-theme {
        --theme-page-width-padding: 24px
    }

    .banners-big .maxwidth-banner {
        flex-direction: column
    }

    .banners-big__depend-height {
        --big-banner-height: 456px
    }
}

@media (max-width: 767px) {
    .banners-big--adaptive-1 .banners-big__depend-height {
        height: 500px
    }

    .banners-big--adaptive-3 .banners-big__depend-height {
        height: 100%
    }

    .banners-big--adaptive-1 .banners-big__inner, .banners-big--adaptive-3 .banners-big__inner {
        position: relative
    }

    .banners-big--adaptive-3 .banners-big__text {
        width: 100%;
        align-items: center;
        text-align: center;
        justify-content: center;
        padding: 0
    }

    .banners-big--adaptive-3 .banners-big__title, .banners-big--adaptive-3 .banners-big__title h1 {
        font-size: 30px;
        line-height: 40px;
        width: 100%
    }

    .banners-big--adaptive-2 .banners-big__item {
        position: relative
    }

    .banners-big--adaptive-2.banners-big .main-slider {
        height: auto
    }

    .banners-big--adaptive-2 .banners-big__item .banners-big__img-wrapper .banners-big__img {
        position: relative;
        left: 0;
        transform: none
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg {
        background-color: #fff;
        color: #9e9e9e !important;
        color: var(--theme-base-color) !important;
        border-color: #9e9e9e;
        border-color: var(--theme-base-color)
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border *, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent *, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg * {
        fill: #9e9e9e !important;
        fill: var(--theme-base-color) !important
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border:hover, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent:hover, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg:hover {
        background-color: #9e9e9e;
        background-color: var(--theme-base-color);
        color: #fff !important
    }

    .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-border:hover *, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent:hover *, .banners-big--adaptive-2 .banners-big__buttons .btn.btn-transparent-bg:hover * {
        fill: #fff !important
    }

    .banners-big--adaptive-2 .maxwidth-banner .banners-big__nav-wrap {
        top: 180px;
        bottom: auto !important
    }

    .banners-big--adaptive-2 .banners-big__inner-wrap {
        height: 200px;
        position: relative !important;
        background-size: cover;
        background-position: center
    }

    .banners-big--adaptive-2 .swiper-slide {
        height: auto
    }

    .banners-big--adaptive-3 .banners-big__adaptive-img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: 3
    }

    .banners-big--adaptive-3 .target {
        z-index: 4
    }

    .banners-big--adaptive-3 .banners-big__item {
        padding-top: 68%;
        height: 0
    }

    .banners-big--adaptive-2 .banners-big__item.banners-big__depend-height {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .banners-big--adaptive-3 .banners-big__img-wrapper, .banners-big--adaptive-3 .banners-big__text > :not(.banners-big__buttons), .banners-big--adaptive-3 .main-slider__item:not(.vvideo) .banners-big__buttons, .banners-big--adaptive-3 .main-slider__item:not(.started) .play.btn-video {
        display: none
    }
}

@media (max-width: 600px) {
    .banners-big .maxwidth-theme {
        --theme-page-width-padding: 16px
    }

    .banners-big__buttons .btn {
        --button-height: 37px;
        --button-font-size: 13px;
        --button-pl: 14px;
        --button-pr: 14px
    }

    .banners-big--adaptive-1 .banners-big__depend-height {
        height: 400px
    }

    .banners-big--adaptive-3 .banners-big__title, .banners-big--adaptive-3 .banners-big__title h1 {
        font-size: 20px;
        line-height: 30px
    }

    .banners-big.hidden_narrow {
        display: none
    }
}

.vvideo.loading .banners-big__inner {
    position: relative;
    z-index: 1
}

body .banners-big .started.vvideo, body .banners-big .started .banners-big__adaptive-img {
    background-image: none !important
}

.banners-big .wrapper_video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.banners-big .wrapper_video iframe, .banners-big .wrapper_video object, .banners-big .wrapper_video video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vvideo:is(.started,.loading) .banners-big__item .banners-big__img-wrapper {
    opacity: 0;
    visibility: hidden
}

.vvideo.started .banners-big__item.banners-big__item--opacity:before {
    content: none
}

@media (min-width: 768px) {
    .banners-big .maxwidth-banner .maxwidth-theme {
        background-image: none !important
    }
}

@media (max-width: 767px) {
    .banners-big--adaptive-3 .vvideo.started.swiper-slide-active {
        opacity: 1 !important;
        height: auto;
        position: relative;
        z-index: 4
    }

    body .banners-big--adaptive-3 .started.vvideo iframe, body .banners-big--adaptive-3 .started.vvideo object, body .banners-big--adaptive-3 .started.vvideo video {
        opacity: 1
    }

    .banners-big--adaptive-3 .vvideo.started .wrapper_video {
        z-index: 4
    }

    body .banners-big--adaptive-2 .swiper-slide, body .banners-big--adaptive-3 .swiper-slide {
        background-image: none !important
    }
}

@media screen and (min-width: 992px) {
    .header_opacity .header__inner {
        --header-delimeter-color: var(--light, rgba(34, 34, 34, .08)) var(--dark, rgba(255, 255, 255, .08))
    }

    .header_opacity .active > .header-menu__link:not(:hover) > .svg use {
        fill: var(--banner-light-text)
    }

    .header_opacity header .header__search .search {
        --input_bg_color: color-mix(in oklab, #FFF 24%, transparent);
        --input_bg_color-hover: color-mix(in oklab, #FFF 18%, transparent);
        --input_bg_color-focus: color-mix(in oklab, #FFF 18%, transparent);
        --input_border_color: color-mix(in oklab, #000 12%, transparent);
        --input_border_color-hover: color-mix(in oklab, #000 9%, transparent);
        --input_border_color-focus: color-mix(in oklab, #000 9%, transparent)
    }

    .header_opacity header .header__search .search-input::placeholder {
        color: var(--white_text_black)
    }

    header:not(.theme-dark) .logo .fill-theme-svg {
        fill: var(--theme-base-color)
    }
}

.stories-item--unseen .stories-item__image {
    outline: 2px solid var(--theme-base-color) !important;
    outline-offset: 2px
}

.stories-item__image {
    max-width: 120px;
    width: 100%
}

.stories-slider:not(.swiper-initialized) .stories-slider__item {
    width: calc(100% / 8)
}

@media screen and (max-width: 1199px) {
    .stories-slider:not(.swiper-initialized) .stories-slider__item {
        width: calc(100% / 6)
    }
}

@media screen and (max-width: 1099px) {
    .stories-slider:not(.swiper-initialized) .stories-slider__item {
        width: calc(100% / 5)
    }
}

@media screen and (max-width: 991px) {
    .stories-slider:not(.swiper-initialized) .stories-slider__item {
        width: calc(100% / 4)
    }
}

@media screen and (max-width: 600px) {
    .stories-slider:not(.swiper-initialized) .stories-slider__item {
        width: calc(100% / 3)
    }
}

@media screen and (max-width: 424px) {
    .stories-slider:not(.swiper-initialized) .stories-slider__item {
        width: calc(100% / 2)
    }
}

.skeleton-item {
    background-size: 1000px;
    background-color: color-mix(in oklab, var(--secondary) 10%, #FFF);
    background-image: linear-gradient(90deg, transparent 0, color-mix(in oklab, #FFF 50%, transparent) 100px, transparent 200px);
    animation: shine-lines 1.5s infinite linear
}

@keyframes shine-lines {
    0% {
        background-position: -500px
    }
    40%, 100% {
        background-position: 500px
    }
}

@keyframes skeleton-shine {
    to {
        background-position-x: -200%
    }
}

.stories-popup__element-slider:has(.xpopover.show) :where(.stories-popup__element-slider-panel,.stories-popup__element-slider-header) {
    opacity: .5;
    pointer-events: none
}

@keyframes story-bar-progressing {
    0% {
        transform: scaleX(0)
    }
    to {
        transform: scaleX(1)
    }
}

@media (max-width: 566px) {
    .stories-popup:has(.xpopover.show) .stories-popup__close {
        opacity: .5;
        pointer-events: none
    }
}

.sections-slider .sections-slider__wrapper {
    width: auto
}

.sections-slider__item {
    --item-size: 144px;
    width: var(--item-size)
}

.sections-slider__item--big {
    --item-size: 216px;
    width: var(--item-size)
}

.sections-slider__item-image-wrapper {
    height: var(--item-size)
}

.sections-slider__item-image-wrapper--ICONS .sections-slider__item-image {
    width: 40px;
    height: 40px
}

@media (max-width: 600px) {
    .sections-slider__item--big {
        --item-height: 164px
    }
}

.tab-content-block {
    display: none
}

.tab-content-block.active {
    display: block
}

.sticker {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.sticker--offset-16 {
    top: 16px;
    left: 16px
}

.sticker__item {
    --sticker_color: #0cbc3d;
    --sticker-height: 24px;
    padding: 1px 8px 1px 8px;
    color: #fff;
    background: var(--sticker_color);
    border-radius: var(--theme-sticker-border-radius);
    font-weight: 500;
    position: relative;
    height: var(--sticker-height);
    display: inline-flex;
    align-items: center
}

.sticker .sticker__item {
    line-height: 12px;
    display: flex
}

.sticker--upper .sticker__item {
    text-transform: uppercase
}

.sticker__item--stock {
    --sticker_color: #ffeca8;
    color: #222
}

.sticker__item--blur {
    --sticker_color: rgba(34, 34, 40, .32)
}

.status-icon {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    color: #19752c
}

.status-icon.nostock {
    color: #f91a35
}

.status-icon.order {
    color: #25a4f1
}

.status-icon.pending {
    color: #fc9e41
}

.btn-fast-view {
    position: absolute;
    transform: translateX(-50%);
    bottom: 40px;
    left: 50%;
    z-index: 4;
    opacity: 0;
    transition: opacity .3s ease
}

.btn-fast-view .btn-fast-view {
    bottom: 0
}

.grid-list__item:hover .btn-fast-view {
    opacity: 1
}

.btn-fast-view-container--cover .btn-fast-view {
    transform: none;
    inset: 0;
    background-color: color-mix(in oklab, #FFF 80%, transparent)
}

.prices {
    display: flex;
    flex-direction: column
}

.price {
    --animation-duration: .2s;
    position: relative
}

.price__row {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 8px
}

.price .sticker {
    display: inline-flex;
    position: relative;
    top: auto;
    bottom: 2px;
    left: 0;
    gap: 2px;
    z-index: initial;
    white-space: nowrap
}

.price .price__economy .sticker__item {
    --sticker-height: 18px;
    padding-inline: 6px
}

.price__row + .price__row {
    margin-top: 2px
}

.price + .price.price--with-title.price--with-range {
    margin-top: 8px
}

.price__popup-toggle.animate::after {
    animation: price_popup_toggle_loadings .3s linear infinite alternate
}

.xpopover:has(.price__popup) > .scrollbar {
    max-height: calc(min(100vh, 400px) - var(--xpopover-pt) - var(--xpopover-pb))
}

@media (max-width: 380px),(max-width: 760px) and (min-resolution: 2dppx) {
    .xpopover:has(.price__popup) > .scrollbar {
        max-height: calc(100vh - var(--xpopover-pt) - var(--xpopover-pb))
    }
}

@keyframes price_popup_toggle_loadings {
    from {
        content: "."
    }
    50% {
        content: ".."
    }
    to {
        content: "..."
    }
}

.buy_block {
    display: block
}

body .buy_block .item-action--basket:not(.active) + .in_cart, body .buy_block .item-action--basket.loadings + .in_cart {
    display: none
}

body .buy_block .item-action--basket.active:not(.loadings) {
    display: none
}

.btn-actions__inner {
    flex: 1;
    max-width: 100%;
    text-overflow: ellipsis
}

.btn-actions--with-icons .buy_block {
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.btn-actions--with-icons .buttons {
    flex: 1
}

.buy_block .btn {
    white-space: normal;
    max-width: 100%;
    text-overflow: ellipsis;
    text-align: center
}

.counter {
    display: flex;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 103px;
    min-width: 103px;
    overflow: hidden
}

.counter__action {
    flex: 0 0 30px;
    position: relative
}

.counter__action:hover {
    background-color: var(--tag_hover)
}

.counter__action:before, .counter__action:after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--white_text_black);
    border-radius: 1px;
    top: 50%;
    left: 50%
}

.counter__action:before {
    width: 12px;
    height: 2px;
    margin-top: -1px;
    margin-left: -6px
}

.counter__action--plus:after {
    width: 2px;
    height: 12px;
    margin-top: -6px;
    margin-left: -1px
}

.counter__count {
    --input_bg_color-focus: transparent;
    --input_border_color-focus: transparent;
    flex: 1;
    width: 100%;
    height: 100%;
    border: none;
    background: #fff0;
    text-align: center;
    color: var(--white_text_black)
}

.btn .counter {
    height: calc(var(--button-height) - 3px)
}

.btn-wide .counter {
    width: auto;
    flex: 1
}

.btn-lg .counter__action {
    flex-basis: 44px
}

.btn-elg .counter__action {
    flex-basis: 48px
}

.buttons + .info-buttons {
    margin-top: 8px
}

.info-buttons__item .btn {
    display: block;
    padding-left: 14px;
    padding-right: 14px
}

.info-buttons__item + .info-buttons__item--question .btn-sm {
    width: 44px;
    margin-left: 8px
}

.info-buttons__item--question .btn-default:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-wide) {
    width: 50px;
    margin-left: 12px
}

.buttons-big-gap .buttons + .info-buttons {
    margin-top: 12px
}

.buttons-big-gap .info-buttons__item + .info-buttons__item--question .btn {
    margin-left: 12px;
    width: 56px
}

.info-buttons__item--compare .btn.active {
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    border-color: #9e9e9e;
    border-color: var(--theme-base-color)
}

.counter--basket .counter__action {
    flex-basis: 26px;
    border: none;
    cursor: pointer
}

.counter--basket .counter__action:hover:before, .counter--basket .counter__action:hover:after {
    background-color: #333;
    background-color: var(--fill_dark_lite_white_hover)
}

.counter--basket .counter__action:before, .counter--basket .counter__action:after {
    background-color: #999
}

.counter--basket .counter__action:before {
    width: 8px;
    margin-left: -4px
}

.counter--basket .counter__action.counter__action--plus:after {
    height: 8px;
    margin-top: -4px
}

.counter--basket .counter__count {
    color: #333;
    color: var(--white_text_black);
    font-size: .8em
}

@media (max-width: 600px) {
    .grid-list.grid-list--compact .js-popup-block, .owl-carousel .catalog-block__item {
        padding: 10px
    }

    .grid-list .js-popup-block .countdown, .owl-carousel .catalog-block__item .countdown, .owl-carousel .sticker {
        display: none
    }

    .grid-list.grid-list--compact div[class*="info-title"], .owl-carousel .catalog-block__item div[class*="info-title"] {
        line-height: calc(1em + 7px)
    }
}

@media (max-width: 600px) {
    .hide-600 {
        display: none !important
    }

    .catalog-items .product-analog-filter .btn, body .js-btn-state-wrapper .btn, body .js-replace-more.btn {
        --button-height: 36px;
        --button-pl: 8px;
        --button-pr: 8px;
        width: 100%
    }
}

.sku-props--list .sku-props__values > .line-block__item {
    padding-top: 4px
}

.grid-list.catalog-detail__forms {
    --gap: 16px
}

.sale_gift_product_container .btn-fast-view{
    display: none
}

.visible-by-container-rule:not(.visible-by-container-rule--ignore-hidden):has(.hidden) {
    display: none
}

.side-icons {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 4;
    width: 20px
}

.catalog-block__item {
    --catalog-block-radius: var(--theme-outer-border-radius);
    --catalog-block-padding: 16px;
    padding: var(--catalog-block-padding) var(--catalog-block-padding) var(--catalog-block-padding);
    height: 100%;
    border-radius: 12px;
    border-radius: var(--catalog-block-radius);
    position: relative
}

.catalog-block__inner {
    position: relative
}

.catalog-block__item .catalog-block__item--img-corner {
    width: auto;
    margin: calc(-1 * calc(var(--catalog-block-padding) - 1px)) calc(-1 * calc(var(--catalog-block-padding) - 1px)) 0
}

.catalog-block__info-bottom .catalog-block__info-btn {
    min-width: 0
}

.grid-list--no-gap .catalog-block__item .catalog-block__item--img-corner {
    border-radius: 0
}

.catalog-block__item .catalog-block__item--img-corner .image-list__link {
    border-radius: var(--catalog-block-radius);
    overflow: hidden
}

.catalog-block__item .catalog-block__item--img-corner .sticker {
    left: var(--catalog-block-padding);
    top: var(--catalog-block-padding)
}

.catalog-block__item .catalog-block__item--img-corner .side-icons {
    right: var(--catalog-block-padding);
    top: var(--catalog-block-padding)
}

.catalog-block__item .catalog-block__item--img-corner .price-economy {
    left: var(--catalog-block-padding)
}

.catalog-block__item .catalog-block__item--img-corner img {
    border-radius: 0
}

.catalog-block__item .catalog-block__item--img-corner .countdown-list-image {
    bottom: 27px;
    left: 34px
}

body .catalog-block__info {
    margin-top: 16px;
    flex-basis: auto;
    flex-grow: 0;
    margin-bottom: auto
}

.catalog-block__info-title {
    line-height: calc(1em + 7px)
}

.catalog-block__info-tech {
    margin: 6px 0 0
}

.catalog-block__info-bottom {
    margin-top: 16px;
    position: relative
}

.catalog-block__info-bottom-wrapper {
    width: max-content;
    max-width: 100%
}

@media (min-width: 769px) {
    .properties-absolute-outer:hover ~ .image-list-outer .sticker {
        left: 100%;
        right: -100%
    }

    .properties-absolute-outer:hover ~ .image-list-outer .image-list__link {
        left: 100%
    }

    .image-list-outer .sticker, .image-list-outer .image-list__link {
        transition: all ease .2s
    }

    .properties-absolute-outer:hover ~ .image-list-outer .to-top .sticker {
        top: 100%
    }

    .properties-absolute-outer:hover ~ .image-list-outer .to-top .image-list__link, .properties-absolute-outer:hover ~ .image-list-outer .to-top .countdown {
        top: 100%
    }

    .catalog-block__offers .sku-props {
        display: none
    }

    .catalog-block__wrapper {
        position: relative
    }

    .catalog-block__wrapper:hover {
        z-index: 6
    }

    .catalog-block__wrapper[data-hovered="true"] .catalog-block__item {
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 4
    }

    .catalog-block__wrapper[data-hovered="true"] .catalog-block__offers .sku-props {
        display: block
    }
}

@media (max-width: 768px) {
    .catalog-block__wrapper, .catalog-block__info {
        height: auto !important
    }

    .catalog-block__info-bottom {
        display: flex;
        flex-direction: column
    }

    .catalog-block__offers {
        order: -1;
        margin-top: -16px
    }

    .catalog-block__info-bottom .sku-props {
        margin-bottom: 10px
    }

    .catalog-block__info-bottom .btn .counter {
        width: 100%
    }
}

@media (min-width: 601px) {
    #main .catalog-block__info-price {
        text-align: left;
        flex: 1
    }

    .catalog-block__info-bottom .line-block {
        justify-content: normal
    }

    .catalog-block__item--centered .catalog-block__info-bottom .line-block {
        justify-content: center
    }

    .catalog-block--bottom-btn .btn {
        display: block
    }

    .catalog-block--bottom-btn .counter {
        width: auto
    }
}

.detail-block .catalog-block .owl-stage {
    display: flex;
    flex-direction: row
}

.detail-block .catalog-block .owl-item {
    flex-shrink: 0
}

@media (max-width: 600px) {
    .catalog-block__item {
        --catalog-block-padding: 10px
    }

    .catalog-block__info-tech {
        margin-top: 8px
    }

    .catalog-block__info-bottom-wrapper {
        width: 100%
    }
}

.grey-bg-goods-y [data-option-type=".CATALOG_TAB"] .subs:first-of-type, .grey-bg-goods-y [data-option-id="ELEMENTS_TABLE_TYPE_VIEW"] .subs {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed
}

.grey-bg-goods-y .block .catalog-block__item {
    padding: 0;
    box-shadow: none !important;
    background-color: #fff0
}

.catalog-block__underlay {
    display: none
}

@media (min-width: 769px) {
    .grey-bg-goods-y .grid-list .catalog-block__item:hover .catalog-block__underlay {
        position: absolute;
        inset: calc(var(--catalog-block-padding) * -1);
        display: block;
        background: var(--card_bg_black);
        border-radius: var(--catalog-block-radius)
    }

    .grey-bg-goods-y .catalog-block__wrapper:hover .catalog-block__underlay {
        box-shadow: 0 5px 30px rgb(34 34 40 / .08)
    }
}

.grey-bg-goods-y .block.grid-list {
    row-gap: 40px
}

.grey-bg-goods-y .catalog-block__item--img-corner {
    margin: 0 !important
}

.grey-bg-goods-y .catalog-items .image-list .sticker {
    left: 12px;
    top: 12px
}

.grey-bg-goods-y .image-list .side-icons {
    right: 12px;
    top: 12px
}

.grey-bg-goods-y .catalog-complect__amount {
    right: 12px;
    top: 12px
}

@media (max-width: 450px) {
    .grey-bg-goods-y .grid-list.grid-list--compact {
        column-gap: min(var(--theme-items-gap), 8px) !important;
        row-gap: 40px !important
    }
}

@media (min-width: 601px) and (max-width: 1399px) {
    .catalog-block__info-bottom .js-btn-state-wrapper {
        flex: none
    }
}

.hint.active .tooltip {
    opacity: 1;
    z-index: 204;
    cursor: auto
}

.hint.active .hint__icon {
    border-color: #9e9e9e;
    border-color: var(--theme-base-color);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color);
    color: #fff
}

.properties__item {
    position: relative;
    word-break: break-word
}

.properties__item--inline {
    display: inline
}

.properties__item.properties__item--compact {
    margin-top: 0
}

.properties__hr {
    margin: 0 4px 0 -2px
}

@media (min-width: 768px) {
    .properties_absolute.to-top {
        right: 0;
        top: 100%
    }

    .properties-absolute-outer:hover .properties_absolute.to-top {
        top: 0
    }
}

.properties__title .hint {
    display: inline-flex;
    position: relative;
    margin: 0 3px 0 2px;
    top: -1px
}

.properties.list .properties__value {
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis
}

.landings-products {
    --coll-gap: 8px;
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    gap: var(--coll-gap)
}

@media (max-width: 991px) {
    .landings-products {
        grid-template-columns:repeat(3, 1fr)
    }
}

.chip.active {
    color: var(--button_color_text);
    cursor: pointer
}

.chip.active:not(.chip--toggle) {
    cursor: default
}

.chip.active:hover .chip__icon {
    opacity: .64
}

.tab-content-block {
    display: none
}

.tab-content-block.active {
    display: block
}

.lookbooks__goods-list .catalog-list-simple__image {
    width: 136px
}

.lookbooks__goods-list {
    margin-bottom: -1px
}

.lookbooks__image .ui-card__image {
    padding-top: 66.6%;
    aspect-ratio: auto;
    min-height: 500px
}

@media (min-width: 768px) {
    .lookbooks__goods {
        width: 480px
    }

    .lookbooks__goods-list {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media (max-width: 1300px) {
    .lookbooks__goods {
        width: 400px
    }
}

@media (max-width: 1199px) {
    .lookbooks__goods {
        width: 320px
    }

    .lookbooks__goods-list .catalog-list-simple__image {
        width: 80px
    }

    .lookbooks__goods-list .catalog-list-simple__item {
        padding: 16px
    }
}

@media (max-width: 767px) {
    .lookbooks__goods-list {
        max-height: 350px
    }

    .lookbooks__goods {
        width: 100%
    }

    .lookbooks__image .ui-card__image {
        min-height: auto
    }
}

@media (max-width: 600px) {
    .lookbooks-list-card .mobile-scrolled .fadeslider__item {
        display: block
    }
}

.catalog-list-simple__image {
    width: 136px
}

.image-banner {
    display: flex;
    overflow: hidden
}

.image-banner--one-low {
    height: 192px
}

.image-banner__img--absolute {
    position: absolute;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%
}

@media (max-width: 1079px) {
    .image-banner--one-low {
        height: auto;
        aspect-ratio: 5.2
    }
}

@media (any-hover: hover) {
    .brightness:hover {
        animation: brightness 0.8s ease forwards
    }
}

@keyframes brightness {
    10% {
        filter: brightness(.7)
    }
}

@media screen and (min-width: 768px) {
    .swiper:not(.swiper-initialized) .review {
        margin-right: var(--theme-items-gap)
    }

    .review.review--items-2, .review.review--items-3 {
        width: calc(50% - var(--theme-items-gap) / 2)
    }
}

@media screen and (min-width: 992px) {
    .review.review--items-3 {
        width: calc(33% - var(--theme-items-gap) / 3)
    }
}

.rate__bar {
    --size: 14px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-mask-image: url(../images/star_sm.svg);
    -webkit-mask-size: cover;
    accent-color: #E5AC1A;
    appearance: none;
    background-color: #ccc;
    border: none;
    flex: 0 0 var(--size);
    height: var(--size);
    mask-image: url(../images/star_sm.svg);
    mask-size: cover;
    width: var(--size)
}

.rate__bar::-webkit-progress-bar {
    background-color: #ccc
}

.rate__bar::-webkit-progress-value {
    background-color: #E5AC1A
}

.rate__bar::-moz-progress-bar {
    background-color: #E5AC1A
}

.rate__bar--static, .rate__bar--static::-webkit-progress-bar {
    background-color: #E5AC1A
}

@media (max-width: 600px) {
    .rate {
        justify-content: start
    }
}

.rating {
    display: flex;
    margin: 0 -2px;
    line-height: 0
}

.slider-solution .review {
    display: flex;
    height: auto
}

.review--small {
    flex-direction: column
}

.review__info .category-separator {
    --margin-inline: 8px
}

@media (max-width: 600px) {
    .slider-solution .review {
        flex-direction: column
    }

    .review__info.line-block {
        align-items: start;
        flex-direction: column
    }
}

.news-list-masonry__item--bg_img .ui-card__image {
    --aspect-ratio: none;
    height: 100%;
    min-height: 336px
}

.news-list-masonry__item--bg_img .ui-card__info {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 24px;
    justify-content: end;
    gap: 12px
}

.news-list-masonry__item--bg_img .ui-card__text {
    color: rgb(255 255 255 / .72)
}

.news-list-masonry__item--bg_img .ui-card__title {
    color: #fff
}

@media (min-width: 601px) {
    .ui-cards--26-in-loop-span-4-1st-from-1200 .ui-card:nth-of-type(26n+1), .ui-cards--26-in-loop-span-4-14th-from-1200 .ui-card:nth-of-type(26n+14) {
        display: flex;
        gap: 12px;

        .ui-card__image, .ui-card__info {
            flex: 1 1 50%
        }

        .ui-card__image {
            --aspect-ratio: 1.88
        }

        .ui-card__info {
            margin: 0;
            padding: clamp(24px, 3vw, 32px) clamp(16px, 3vw, 24px);
            border-top: 1px solid var(--stroke_black);
            border-bottom: 1px solid var(--stroke_black);
            gap: 12px
        }

        .ui-card__title {
            font-size: clamp(1rem + 8px, 2vw, 1rem + 12px);
            line-height: calc(1em + 8px)
        }

        .ui-card__text {
            margin-top: auto
        }
    }

    .ui-cards--26-in-loop-span-4-14th-from-1200 .ui-card:nth-of-type(26n+14) {
        flex-direction: row-reverse
    }
}

@media (min-width: 1200px) {
    .grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .ui-card:nth-of-type(14n+1), .grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .ui-card:nth-of-type(14n+10) {
        min-height: 336px;

        .ui-card__image {
            --aspect-ratio: none;
            height: 100%
        }

        .ui-card__image:before {
            content: '';
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg, rgb(0 0 0 / .4) 0%, #fff0 50%)
        }

        .ui-card__info {
            margin: 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            padding: clamp(16px, 3vw, 24px) clamp(16px, 3vw, 24px);
            justify-content: end;
            gap: 12px
        }

        .ui-card__title {
            color: #fff;
            font-size: clamp(1rem + 4px, 2vw, 1rem + 8px);
            line-height: calc(1em + 8px)
        }

        .ui-card__text {
            color: rgb(255 255 255 / .72)
        }
    }

    .grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .blog-item:nth-of-type(14n+1), .grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .blog-item:nth-of-type(14n+10) {
        .blog-item__title {
            color: #fff;
            font-size: clamp(1rem + 4px, 2vw, 1rem + 8px);
            line-height: calc(1em + 8px);
            margin: 0
        }
    }

    @media (any-hover: hover) {
        .grid-list--auto-masonry--14-in-loop-span-1st-from-1200 .blog-item:nth-of-type(14n+1):hover .blog-item__img, .grid-list--auto-masonry--14-in-loop-span-10th-from-1200 .blog-item:nth-of-type(14n+10):hover .blog-item__img {
            scale: 1.05
        }
    }
}

.company-item__info {
    height: 100%
}

.company-item__picture-wrapper {
    position: relative;
    height: 100%
}

.company-item__picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.company-item__text p:last-of-type {
    margin-bottom: 0
}

.company-item__picture-wrapper .video-block iframe, .company-item__picture .video-block iframe {
    display: none
}

.company-item__heading {
    padding: clamp(24px, 4vw, 40px) clamp(16px, 4vw, 40px);
    background: var(--card_bg_black)
}

.company-item__heading .company-item__title {
    padding-bottom: clamp(24px, 4vw, 40px)
}

@media (min-width: 992px) {
    .company-item__info > div:first-of-type {
        margin-top: 0
    }

    .company-item__picture {
        position: static;
        height: 100%;
        min-height: 484px
    }
}

@media (max-width: 991px) {
    .company-item__picture-wrapper {
        padding-top: 50%;
        margin-top: 0
    }

    .company-front-wrapper.flexbox {
        flex-direction: column
    }

    .company-image-type .company-item__right {
        order: -1
    }

    .company-item__right {
        margin-bottom: 48px
    }
}

@media (max-width: 600px) {
    .company-item__picture-wrapper {
        padding-top: 81%
    }

    .company-item__right {
        margin-bottom: 24px
    }

    .company-item__heading .company-item__title {
        margin-bottom: 24px
    }
}

.banner {
    display: flex
}

.banner.CROP, .banner.CONTENT_TOP, .banner.CONTENT_BOTTOM, .banner.SIDE {
    overflow: hidden
}

.banner.CROP, .banner.CONTENT_BOTTOM, .banner.CONTENT_TOP, .banner.FOOTER, .banner.TOP_HEADER, .banner.TOP_UNDERHEADER {
    justify-content: center
}

.banner.CONTENT_TOP {
    margin-bottom: 24px
}

.banner.CROP.TOP_HEADER {
    position: relative;
    z-index: 2
}

.banner img {
    vertical-align: top
}

body > .body:not(.index) > .main .banner.FOOTER {
    margin-bottom: -80px
}

.banner.CONTENT_BOTTOM {
    margin-top: 40px
}

.body:not(.index) .banner.FOOTER {
    margin-top: 40px
}

@media (max-width: 991px) and (min-width: 768px) {
    .banner.hidden-sm {
        display: none
    }
}

@media (max-width: 767px) {
    .banner.hidden-xs {
        display: none
    }
}

@media (max-width: 600px) {
    body > .body:not(.index) > .main .banner.FOOTER {
        margin-bottom: -40px
    }
}

.popup.dyn_mp_jqm_frame {
    max-width: 768px;
    width: auto
}

.marketing-popup__btn .btn {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.popup.dyn_mp_jqm_frame {
    --dyn-mp-margin: 20px
}

@media (min-width: 768px) {
    .popup.dyn_mp_jqm_frame {
        margin: var(--dyn-mp-margin)
    }
}

.marketing-popup.with_web_form .form .form-header {
    padding-top: 0
}

.marketing-popup.with_web_form .form .form-footer, .dyn_mp_jqm_frame .marketing-popup.with_web_form .form .form-result.success {
    margin-bottom: 0;
    padding-bottom: 0
}

.marketing-popup.with_web_form .form .form-body, .marketing-popup.with_web_form .form .form-header, .marketing-popup.with_web_form .form .form-footer, .marketing-popup.with_web_form .form .form-result {
    padding-left: 0;
    padding-right: 0
}

.dyn_mp_jqm_frame .marketing-popup-bg-block .form-control {
    background-color: #fff0
}

.popup.dyn_mp_jqm_frame.IMAGE {
    max-width: 100vw;
    min-width: 50px;
    min-height: 50px
}

.popup.dyn_mp_jqm_frame.light-close-btn .top-close svg *, .popup.dyn_mp_jqm_frame.light-close-btn .top-close:hover svg * {
    fill: #fff
}

.popup.dyn_mp_jqm_frame.light-close-btn .top-close {
    background: #ffffff12
}

.popup.dyn_mp_jqm_frame.light-close-btn:hover .top-close {
    background: #22222824
}

@media (min-width: 1200px) {
    .popup.dyn_mp_jqm_frame.WEBFORM {
        max-width: 850px
    }

    .popup.dyn_mp_jqm_frame.MAIN {
        max-width: 850px
    }

    body .popup .marketing-popup.with_web_form.marketing-popup--has-img .captcha-row .captcha_image {
        left: 145px
    }
}

@media (min-width: 768px) {
    .popup .marketing-popup.with_web_form.marketing-popup--has-img .captcha-row .captcha_image {
        left: 105px
    }
}

.d-block {
    display: block
}

a, .link-opacity-color, body a:focus {
    --text-opacity: 100%;
    color: color-mix(in oklab, var(--white_text_black) var(--text-opacity), transparent)
}

a, .link-opacity-color {
    text-decoration: none
}

a:where(:hover,:focus-visible):not(.color_light,.underline-hover), .link-opacity-color--hover:hover {
    --text-opacity: 72%
}

.base-to-title-hover {
    --text-opacity: 72%
}

a:not(.no-decoration,.btn,.chip,.link,.dark_link) {
    --underline-opacity: 16%;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: color-mix(in oklab, var(--white_text_black) var(--underline-opacity), transparent);
    text-underline-offset: .2em
}

@media (any-hover: hover) {
    a:is(:hover,:focus-visible) {
        color: color-mix(in oklab, var(--white_text_black) var(--text-opacity), transparent);
        text-decoration-line: none
    }
}

@media (any-hover: hover) {
    .base-to-title-hover:hover {
        --text-opacity: 100%
    }

    .no-decoration, .dark_link {
        text-decoration-line: none
    }
}

.label[href]:hover, .label[href]:focus {
    color: #555;
    color: var(--basic_text_black);
    cursor: default
}

.body_media {
    display: none;
    position: absolute;
    top: 2
}

.ask_a_question .text {
    margin-top: 8px
}

.progress {
    background-color: var(--darkerblack_bg_black)
}

.no-appearance {
    appearance: none
}

.transparent-bg {
    background-color: #fff0
}

.grey-bg {
    background-color: var(--darkerblack_bg_black)
}

.white-bg {
    background-color: var(--card_bg_black)
}

.order-block .row {
    margin: 0
}

.order-block .row > div {
    text-align: center;
    padding: 41px 0 40px;
    min-height: 83px
}

.order-block .btn {
    margin: 0
}

.order-block .text {
    padding: 0 0 0 131px;
    min-height: 46px;
    line-height: 24px;
    text-align: left;
    position: relative
}

.order-block .text .svg {
    display: block;
    width: 48px;
    height: 58px;
    position: absolute;
    top: 39px;
    top: -2px;
    left: 52px
}

h1 {
    margin-top: 0
}

.order-block .text h1, .order-block .text h2, .order-block .text h3, .order-block .text h4, .order-block .text h5, .order-block .text h6 {
    margin-bottom: 5px;
    margin-top: 0
}

.styled-block .row > div, .order-block .row > div {
    display: table-cell;
    vertical-align: middle
}

.styled-block .row > div.col-md-3, .order-block .row > vib.col-md-3 {
    text-align: center
}

.styled-block .row > div.col-md-3 .btn, .order-block .row > vib.col-md-3 .btn {
    position: relative;
    margin: 0
}

.order-info-block .price .line-block__item {
    margin-top: 0
}

.order-info-block .text {
    min-width: 205px
}

.order-info-block .buy_block {
    min-width: 175px
}

.order-info-block .price + .order-info-btn {
    margin-top: 20px
}

.select-outer i.fa {
    top: 0;
    width: 28px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 1px 1px 0 2px;
    border-right: 0 solid #f2f2f2;
    left: 0;
    vertical-align: top;
    font-size: 13px;
    margin-right: -28px
}

.select-outer i.fa:before {
    color: #fff;
    background: url(../images/more_arrow.svg) 2px 4px no-repeat
}

.select-outer select + i.fa {
    border-left: 0 solid #f2f2f2;
    right: 0;
    left: auto;
    border-right-width: 0;
    padding-left: 0;
    margin-left: -28px
}

.select-outer.black i.fa {
    color: #222
}


.no-margin-p p:last-child {
    margin-bottom: 0
}

.btn-inline.rounded i {
    margin: 0 8px;
    border-radius: 50%;
    width: 18px;
    text-align: center;
    height: 18px;
    line-height: 17px;
    position: relative;
    top: 1px
}

.btn-inline.rounded i:before {
    margin-left: 2px
}


.btn-inline.rounded:hover i {
    color: #fff;
    background: #ccc
}

.btn-inline.sm {
    font-size: .867em
}

.btn-inline.sm i {
    margin: 0 12px
}

.btn-inline.sm.rounded i {
    margin: 0 6px
}

.btn-inline.xs.rounded i {
    margin: 0 4px
}

.fa.big-icon {
    height: 54px;
    width: 54px;
    line-height: 54px;
    font-size: 29px;
    border-radius: 50%;
    background: var(--theme-base-color);
    color: #fff;
    text-align: center
}

.fa.big-icon.grey {
    color: var(--theme-base-color);
    background: #efefef
}

.fa.big-icon.s50 {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 29px
}

.fa.big-icon.s45 {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 25px
}

.fa.big-icon.s40 {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 22px
}

.fa.big-icon.s35 {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 19px
}

.fa.big-icon.s30 {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 17px
}

.fa.big-icon.s25 {
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 13px
}

.icon-text .fa {
    font-size: 30px;
    margin-top: -7px;
    vertical-align: middle;
    margin-right: 10px
}

.icon-text.s50 .fa {
    margin-top: -2px;
    font-size: 26px;
    margin-right: 6px
}

.icon-text.s45 .fa {
    margin-top: -2px;
    font-size: 22px;
    margin-right: 4px
}

.icon-text.s40 .fa {
    font-size: 22px;
    margin-top: -4px;
    margin-right: 4px
}

.icon-text.s35 .fa {
    margin-top: 0;
    font-size: 18px;
    margin-right: 4px
}

.icon-text.s30 .fa {
    margin-top: 0;
    font-size: 15px;
    margin-right: 2px;
    line-height: 13px
}

.icon-text.s25 .fa {
    margin-top: 0;
    font-size: 14px;
    margin-right: 2px;
    line-height: 13px
}

.label {
    border-radius: 1px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    height: 22px;
    padding: .4em .6em;
    display: inline-block;
    vertical-align: top
}

.review {
    position: relative
}

.color_222 {
    color: var(--white_text_black)
}

.color_light {
    color: #fff
}

.color_light--opacity {
    color: #fff;
    opacity: .8
}

.color_dark {
    --text-opacity: 100%;
    color: color-mix(in oklab, var(--white_text_black) var(--text-opacity), transparent)
}

.index-block--fon .shadow-no-border-hovered:hover {
    border-color: var(--lite_bg_black)
}

.height-100 {
    height: 100%
}

.width-100 {
    width: 100%
}

.min-height-0 {
    min-height: 0
}

.pointer {
    cursor: pointer
}

.ratio-1 {
    aspect-ratio: 1
}

.z-index-1 {
    z-index: 1
}

.table {
    width: 100%
}

@media (min-width: 992px) {
    .visible-991 {
        display: none !important
    }

    .maxwidth-theme.maxwidth-theme--no-maxwidth-f992 {
        max-width: none;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (max-width: 991px) {
    .order-info-block .line-block {
        flex-wrap: wrap;
        gap: 20px
    }

    .order-info-block .line-block__item:not(.order-info-btns) {
        margin-top: 0;
        flex: auto
    }

    .maxwidth-theme--no-maxwidth-to-992 {
        max-width: none;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media all and (min-width: 768px) {
    .visible-767 {
        display: none !important
    }

    .order-info-btns .btn.min_width--300 {
        min-width: 300px
    }
}

@media all and (min-width: 601px) {
    .maxwidth-theme.maxwidth-theme--no-maxwidth-f601 {
        max-width: none;
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media all and (max-width: 600px) {
    .hide-600 {
        display: none
    }

    body .order-block .text {
        text-align: left;
        padding: 25px 20px 0 25px
    }

    .order-block .text .svg {
        position: relative;
        left: 0;
        width: 100%
    }

    .order-info-btns .btn {
        width: 100%
    }
}

@media all and (max-width: 360px) {
    .order-info-block .order-info-btns .line-block__item {
        flex-grow: 1
    }

    .order-info-block .order-info-btns .line-block__item .buy_block {
        width: auto
    }
}

@media all and (min-width: 992px) {
    .index-block__part--right.flexbox--direction-column {
        flex-basis: 55%;
        flex-shrink: 0
    }
}

@media all and (max-width: 1200px) {
    .hide-1200 {
        display: none
    }
}

.cover {
    position: relative;
    --degrees: 0deg;
    --alpha-1: 0.48;
    --alpha-2: 0;
    --spread: 50%
}

.cover::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(var(--degrees), rgba(0, 0, 0, var(--alpha-1)) 0%, rgba(0, 0, 0, var(--alpha-2)) var(--spread))
}

.absolute-link {
    position: absolute;
    inset: 0
}

.min-width-0 {
    min-width: 0
}

.img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.object-fit-cover {
    object-fit: cover
}

html {
    width: 100%;
    height: 100%;
    scrollbar-gutter: stable
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    font-size: 1rem;
    font-family: var(--theme-font-family), Arial, sans-serif;
    line-height: calc(1em + 8px)
}

.switcher-title,
.topic__heading > h1#pagetitle {
    font-family: var(--theme-font-title-family), Arial, sans-serif;
    font-weight: var(--theme-font-title-weight)
}

.body {
    height: auto !important;
    flex-grow: 1
}

body .body:not(.index) > .main {
    padding-bottom: 80px
}

@media (max-width: 600px) {
    body .body:not(.index) > .main {
        padding-bottom: 40px
    }
}

.body > .main {
    position: relative;
    z-index: 2
}

.container {
    width: 100% !important;
    padding: 0
}

.container > .row > .maxwidth-theme > .content-md {
    display: flex;
    flex-direction: row-reverse
}

.container .left_block {
    --width: 304px;
    --padding: 40px;
    width: var(--width);
    flex-shrink: 0
}

.container .right_block {
    width: 100%;
    min-width: 0
}

.container .right_block.narrow_Y {
    width: calc(100% - 270px)
}

.side_left .container .left_block {
    padding-right: var(--padding)
}

.side_right .container .left_block {
    padding-left: var(--padding);
    padding-right: 0
}

.side_right .container > .row > .maxwidth-theme > .content-md {
    flex-direction: row
}

.side_left .main-wrapper {
    flex-direction: row-reverse
}

.row.clearfix, .clearfix.block {
    display: block
}


.overflow-block {
    overflow: hidden
}

* {
    outline: none !important
}

a:focus-visible, button:focus-visible, [role="button"]:focus-visible {
    outline: 1px solid var(--white_text_black) !important
}

*[data-event="jqm"] {
    cursor: pointer
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms
}

.loading-state-before:before {
    content: "";
    display: block;
    background: rgb(255 255 255 / .5) url(../images/double_ring.svg) center 50px no-repeat;
    position: absolute;
    z-index: 105;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    background-position: center center
}

.scrollbar:not(.scroller) {
    overflow: hidden;
    overflow-y: auto
}

.overscroll-behavior-contain {
    overscroll-behavior: contain
}

@media (any-hover: hover) {
    :root {
        --scrollbar-width: 6px
    }

.scrollbar::-webkit-scrollbar {
        width: var(--scrollbar-width);
        height: 6px
    }

.scrollbar::-webkit-scrollbar-track {
        border-radius: 5px
    }

.scrollbar::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: var(--gray_bg_black, #ccc);
        border: 1px solid #fff;
        border-color: var(--black_bg_black, #fff)
    }

.scrollbar::-webkit-scrollbar-thumb:window-inactive-thumb {
        background: var(--gray_bg_black, #ccc);
        border: 2px solid #fff;
        border-color: var(--black_bg_black, #fff)
    }
}

@supports not selector(::-webkit-scrollbar) {
    .scrollbar:not(.scroller) {
        scrollbar-width: thin
    }
}

.scrollbar.scrollbar--horizontal {
    overflow: hidden;
    overflow-x: auto;
    overscroll-behavior: auto
}

.scrollbar.scrollbar--overscroll-auto {
    overscroll-behavior: auto
}

.scrollbar.scrollbar--gutter-stable {
    scrollbar-gutter: stable
}

.container iframe, .container object, .container video:not(.cover) {
    display: block;
    border-radius: var(--theme-button-border-radius)
}

.container iframe:not(.cover), .container object:not(.cover), .container video:not(.cover) {
    max-width: 100%
}

.maxwidth-theme {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(var(--theme-page-width) + calc(2 * var(--theme-page-width-padding)));
    padding-inline: var(--theme-page-width-padding, 32px);
    width: 100%
}

@media (max-width: 600px) {
    .maxwidth-theme {
        --theme-page-width-padding: 16px
    }
}

@media (max-width: 991px) {
    :root {
        --theme-page-width-padding: 24px
    }
}

.maxwidth-theme.maxwidth-theme--no-maxwidth {
    max-width: none
}

.maxwidth-theme.wide-Y {
    max-width: initial;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0;
    padding-left: 0
}

.greyline > .row, .logo_and_menu-row > .row, .main > .row, .container > .row, .border_content > .row {
    margin-left: 0;
    margin-right: 0
}

.container > .row > .maxwidth-theme:not(.wide-Y) > .content-md, .greyline > .row > .maxwidth-theme, .logo_and_menu-row > .row > .maxwidth-theme, .main > .row > .maxwidth-theme, section.page-top > .row > .maxwidth-theme {
    padding: 0
}

div[id^="wait_comp"] {
    display: none
}

.hover_zoom .shine {
    will-change: transform;
    transition: transform 0.8s
}

.hover_zoom:hover .shine {
    transform: scale(1.1)
}

form.search {
    position: relative
}

.search .search-input-div {
    width: 100%;
    position: relative
}

.body .main > .container.with_error .left-menu-md, .body .main > .container.with_error .page-top, .body .main > .container.with_error .right-menu-md {
    display: none !important
}

.body .main > .container.with_error .content-md {
    width: 100%;
    display: block
}

body .container.with_error .right_block.narrow_Y {
    float: none !important;
    width: 100% !important
}

.loadings {
    background: url(../images/preloader.gif) no-repeat scroll center center #fff0 !important;
    border-color: #fff0 !important;
    color: #fff0 !important;
    cursor: default !important
}

.loadings * {
    background: #fff0 !important;
    border-color: #fff0 !important;
    color: #fff0 !important;
    cursor: default !important;
    visibility: hidden
}

.links-block .links {
    font-size: 0;
    line-height: 0
}

.links-block .links > a {
    font-size: 15px;
    line-height: 24px
}

.links-block .links a.next-url {
    float: right
}

.content + .order-block {
    margin-top: 51px;
    margin-bottom: 57px
}

.fill-block ul li a .text {
    font-size: .933em;
    padding: 0 12px 0 0
}

.fill-block ul li a .count, .fill-block ul li a:hover .count {
    font-size: .867em;
    float: right;
    color: #999
}

.item span.zoom {
    opacity: 0
}

.items .item:hover span.zoom {
    opacity: 1
}

.detail .galery {
    margin-right: 0;
    margin-left: 0
}

.detail .galery .inner {
    border: 1px solid #f2f2f2;
    max-height: 673px;
    overflow: hidden;
    padding: 50px 62px;
    position: relative
}

.detail .galery .inner .stickers {
    top: -10px;
    left: 28px
}

.detail .galery .item {
    padding: 0;
    text-align: center;
    position: relative
}

.detail .galery .item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    display: inline;
    zoom: 1
}

.detail .galery .item:hover span.zoom {
    opacity: 1
}

.detail .galery .flexslider.top-bigs {
    border: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
    background: #fff0
}

.detail .galery .flexslider.s_1 {
    margin-left: 0
}

.detail .galery .flexslider .flex-viewport, .detail .galery .items {
    height: 100%
}

.head-block-item.dropdown-select__title {
    position: relative;
    padding: 12px 55px 12px 20px;
    color: #333;
    color: var(--white_text_black);
    margin-bottom: 48px
}

.head-block-item .menu-arrow {
    color: #000
}

.head-block-item .menu-arrow path {
    fill: var(--fill_dark_light)
}

.shadow-block .item:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / .1)
}

.flexslider.shadow.front .flex-direction-nav .flex-prev, .flexslider.shadow.front .flex-direction-nav .flex-next {
    top: 7px
}

.item-views .shadow .item:hover, .projects.item-views.table .flexslider .item:hover {
    box-shadow: 0 0 27px 0 rgb(0 0 0 / .1)
}

.wbot .drag-block.container.CATALOG_INDEX {
    display: none
}

.wbot .banners-big .flexslider {
    background: none
}

.wbot .banners-big .flexslider > .slides > li {
    display: none !important
}

.wbot .banners-big .flexslider > .slides > li:first-of-type {
    display: block !important
}

.wbot .banners-big .flexslider > .slides > li:first-of-type .text .inner {
    opacity: 1
}

.banners-big .flexslider .target {
    display: none
}

.flexslider .target {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 10
}

.more_wrapper .title {
    color: #333;
    color: var(--white_text_black);
    font-size: 16px
}

.centered {
    text-align: center
}

.layout {
    display: flex;
    flex-direction: column
}

label {
    font-weight: 400;
    display: inline-block
}

.form label {
    color: var(--white_text_black)
}

.form .form-group > label {
    margin-bottom: 4px
}

.form .text_block {
    color: var(--secondary);
    margin: 4px 0 0 0
}

input {
    outline: none
}

input[type="password"] {
    font-size: 20px
}

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

form input i[class*="fa"] {
    font-family: FontAweSome
}

.input.error input, .input.error textarea {
    border-color: #fba0b0
}

textarea {
    resize: none
}

select {
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    padding: 5px 39px 5px 7px;
    background: none;
    color: #777;
    cursor: pointer;
    line-height: 17px;
    position: relative
}

.form {
    position: relative
}

.form.sending:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--white_bg_ccc) url(../images/double_ring.svg) center no-repeat;
    z-index: 993;
    opacity: .8
}

.form:not(.form--success) .form__info {
    align-self: center
}

body#main .sticky-block.form__img--WIDE {
    top: 0
}

.index-block--padding-top-80 .form__img--SIDE_IMG.form--static {
    margin-top: -80px
}

.index-block--padding-bottom-80 .form__img--SIDE_IMG.form--static {
    margin-bottom: -80px
}

.index-block--padding-top-40 .form__img--SIDE_IMG.form--static {
    margin-top: -40px
}

.index-block--padding-bottom-40 .form__img--SIDE_IMG.form--static {
    margin-bottom: -40px
}

.form--centered .index-block__preview {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.form--BG_IMG .index-block__title, .form .form-inner label * {
    color: #222
}

.form--SIDE_IMG .index-block__title {
    color: var(--white_text_black)
}

#main .form--light .form-header *, #main .form--light label * {
    color: #fff
}

#main .form--light .form-checkbox--agreement label {
    color: rgb(255 255 255 / .6)
}

#main .form .star {
    color: var(--white_text_black);
    margin-left: 0
}

#main .form--light .form-checkbox__input + .form-checkbox__label .form-checkbox__box {
    border-color: #fff;
    background-color: #fff
}

#main .form--light .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
    border: 8px solid #9e9e9e;
    border-color: var(--theme-base-color);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

#main .form--light .form-checkbox__input:hover + .form-checkbox__label .form-checkbox__box {
    box-shadow: 0 0 0 1px inset var(--theme-base-color);
    border-color: var(--theme-base-color)
}

.form .form-header {
    padding: 0 0 40px
}

.form .form-header .title {
    font-weight: 500
}

.form .form-header .form_desc {
    margin-top: 12px
}

.form .form-header p:last-child {
    margin: 0
}

.form .form-footer {
    padding: 0;
    text-align: left
}

.form .form-error {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px
}

.form img.calendar-icon-hover {
    margin: 1px;
    margin-left: 2px
}

.form .refresh {
    color: #666;
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.form .refresh a {
    border-bottom: 1px dotted;
    font-size: .8em;
    line-height: 14px
}

.form-control::placeholder {
    color: var(--secondary)
}

.form-control, .form *:where(input,textarea,select) {
    color: var(--input_color);
    box-shadow: none;
    background: var(--input_bg_color);
    border: 1px solid var(--input_border_color);
    height: 44px;
    padding: 6px 16px;
    font-size: .9375rem;
    line-height: 1.47;
    border-radius: var(--theme-button-border-radius);
    position: relative
}

.form select[multiple] {
    height: 75px
}

div.form-control {
    font-size: .9375rem
}

input:-internal-autofill-selected {
    background: #fff !important;
    background: var(--input_bg_color) !important
}

.form textarea {
    overflow: auto;
    padding-top: 10px;
    min-height: 96px;
    resize: vertical
}

.form-control + .form-control {
    margin-top: 5px
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #fff;
    background: var(--card_bg_hover_black);
    cursor: not-allowed !important
}

.form-control:not([readonly]):not([disabled]):hover {
    background: var(--input_bg_color-hover);
    border: 1px solid var(--input_border_color-hover)
}

.form-control:not([readonly]):not([disabled]):focus, form.form-control:focus-within {
    box-shadow: 0 1px 1px rgb(0 0 0 / .015) inset;
    border-color: #999;
    background-color: var(--input_bg_color-focus);
    border-color: var(--input_border_color-focus)
}

.form .form-group {
    margin-bottom: 20px;
    position: relative
}

.form .form-group .input {
    position: relative
}

.form .form-group .input.error {
    margin: 0 0 -3px 0
}

.form .form-group .input.dates {
    font-size: 0
}

.form .form-group .input.dates label.error {
    font-size: 12px
}

.form .form-group .input.dates img {
    display: none
}

.form .form-group i:not(.svg) {
    position: absolute;
    top: 16px;
    right: 10px;
    font-size: 17px;
    color: #c4ccd1
}

.form .form-group .hint {
    font-size: 11px;
    line-height: 18px;
    margin-top: 7px
}

form .row .form-group.animated-labels label:not(.error) {
    left: 28px
}

form .row div .form-group.animated-labels label:not(.error) {
    left: 12px
}

form .row .form-group.animated-labels.input-filed label:not(.error) {
    left: 23px
}

form .row div .form-group.animated-labels.input-filed label:not(.error) {
    left: 7px
}


.form.success .form-header {
    border-top-color: #38ac61 !important;
    background: none
}

.form.success .form-header {
    border-top-color: #38ac61 !important;
    background: none
}

.form.success .form-header i {
    background: #38ac61 !important
}

.form_result.success .text_msg {
    margin-bottom: 30px
}





div[data-sid="FILE"] .input br {
    display: none
}

.form .captcha-row .captcha_image {
    position: relative;
    width: 217px
}

.form.inline img.captcha_img, .form.contacts img.captcha_img {
    margin-right: 20px;
    max-width: 100%
}

.captcha-row.form-control {
    border: 0 solid #d5dadc;
    box-shadow: none;
    border-radius: 0;
    height: auto;
    padding: 0;
    background: #fff0
}

.form .captcha-row .input label.error {
    white-space: nowrap
}

.form .captcha-row .captcha-img {
    margin-top: 4px
}

body .captcha-row.invisible.inline {
    height: auto;
    margin-bottom: 10px;
    margin-top: 0
}

body .captcha-row.normal label.error, body .captcha-row.compact label.error {
    top: 0
}

.uploader.hover {
    border-color: var(--theme-base-color)
}

.uploader.hover:before {
    --position: 1
}

.uploader .action {
    display: none;
    position: absolute;
    top: 9px;
    left: 9px;
    background: #fff;
    background: var(--black_bg_black);
    border-radius: 8px;
    border-radius: var(--theme-button-border-radius);
    color: #fff;
    color: var(--white_text_black_reverse);
    padding: 7px 12px;
    font-size: 1em;
    line-height: 15px;
    margin-right: 10px
}

.uploader.hover .action {
    color: #fff;
    color: var(--white_text_black_reverse)
}

.uploader.hover .filename {
    color: #fff
}

.form .input .add_file {
    font-size: .8em;
    cursor: pointer;
    padding: 4px 10px 0 0;
    display: inline-block
}

.form .input .add_file:hover {
    color: #222
}

.form .input .add_file span {
    border-bottom: 1px dotted
}

.uploader.files_add:not(.hover):not(.error):before {
    --position: 2
}

.uploader.files_add:not(.hover).error:before {
    --position: 3
}

.form-checkbox.relative:has(:checked) .form-checkbox__box {
    border: 8px solid #9e9e9e;
    border-color: var(--theme-base-color);
    background-color: #9e9e9e;
    background-color: var(--theme-base-color)
}

.form-checkbox.relative:has(:checked) .form-checkbox__box:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -3px;
    top: 0;
    width: 4px;
    height: 8px;
    border-right: 2px solid #fff0;
    border-bottom: 2px solid #fff0;
    content: "";
    box-sizing: content-box;
    transform-origin: 0 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4, 0, .23, 1) forwards
}

.layout .disabled .form-checkbox__box {
    opacity: .64
}

.layout .disabled .form-box {
    border-color: #ddd;
    box-shadow: none
}

.layout .disabled {
    color: #666;
    color: var(--lite_basic_text_black);
    cursor: not-allowed !important;
    opacity: .6
}

.layout .disabled .form-checkbox__input:checked + .form-checkbox__label .form-checkbox__box {
    background-color: #ddd
}

.ratings .item-rating .svg svg path {
    fill: #ddd
}

.ratings .item-rating.filed .svg svg path {
    fill: #ffb45b
}

.row[data-sid="RATING"] label, .row[data-sid="FILE1"] label, .row[data-sid="FILES1"] label {
    display: none
}

.row > .eye-password:after {
    right: 17px
}

.form .eye-password input {
    background-size: 0px !important
}

@media (min-width: 992px) {
    .form--BG_IMG:not(.form--centered) .sticky-block {
        padding-right: 100px
    }
}

@media (max-width: 991px) {
    .form:not(.form--success) .form__info {
        align-self: auto
    }
}

@media (max-width: 400px) {
    .form .captcha_image {
        width: 100%
    }

    .form .captcha-row .captcha_image {
        width: 170px
    }

    .form .captcha-row .captcha_image img {
        width: 140px
    }

    .form .captcha-row .captcha_input {
        left: 164px
    }
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: var(--button_color_text);
        transform: translate3d(0, 0, 0) rotate(45deg)
    }
    33% {
        width: .2em;
        width: 4px;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg)
    }
    100% {
        width: .2em;
        width: 4px;
        height: .5em;
        height: 8px;
        border-color: var(--button_color_text);
        transform: translate3d(0, -8px, 0) rotate(45deg)
    }
}

.form-control {
    width: 100%
}

@media (any-hover: hover) {
    .color-theme-hover:hover, .color-theme-parent:hover > .color-theme-target, .color-theme-parent-all:hover .color-theme-target, .color-theme-hover-no-active:not(.active):hover {
        --text-opacity: 72%
    }

    .bg-theme-parent-hover:hover .bg-theme-target {
        background-color: var(--theme-base-color)
    }

    .bg-theme-parent-hover:hover .bg-theme-target.btn-transparent-border {
        color: #fff
    }

    .bg-theme-white-hover:hover {
        background-color: var(--fill_dark_lite_white_hover)
    }

    .bg-theme-hover-active:hover.active {
        background-color: var(--theme-base-color) !important
    }

    .bg-theme-hover-active:hover.active {
        background-color: var(--theme-more-color) !important
    }

    .fill-theme-hover:hover *, .fill-theme-parent:hover > .fill-theme-target *, .fill-theme-parent-all:hover .fill-theme-target * {
        fill: var(--fill_theme_hover)
    }

    .stroke-theme-parent-all:hover .stroke-theme-target * {
        stroke: var(--theme-base-color)
    }

    .colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el-svg svg path {
        fill: var(--fill_dark_lite_white_hover)
    }

    .fill-dark-light-block:hover *:is(path,use) {
        opacity: .72
    }

    .stroke-dark-light-block:hover *:is(path,use) {
        opacity: .72
    }

    .color-dark-parent:hover > .color-dark-target, .color-dark-parent-all:hover .color-dark-target {
        --text-opacity: 72%
    }

    .fill-dark-parent:hover > .fill-dark-target, .fill-dark-parent-all:hover .fill-dark-target *:is(path,use) {
        opacity: .72
    }

    .stroke-dark-parent:hover > .stroke-dark-target, .stroke-dark-parent-all:hover .stroke-dark-target *:is(path,use) {
        opacity: .72
    }

    .fill-black-parent:hover > .fill-black-target, .fill-black-parent-all:hover .fill-black-target *:is(path,use) {
        fill: var(--white_text_black)
    }

    .stroke-black-parent:hover > .stroke-black-target, .stroke-black-parent-all:hover .stroke-black-target *:is(path,use) {
        stroke: var(--white_text_black)
    }

    .bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target {
        background-color: var(--secondary)
    }
}

.bg-theme-active.active, .active .bg-theme-active-child {
    background-color: var(--theme-base-color)
}

.bg-theme-active.active, .active .bg-theme-active-child {
    background-color: var(--theme-more-color)
}

.bg-opacity-theme-parent-hover:hover .bg-opacity-theme-target, .bg-opacity-theme-active.active {
    background-color: var(--opacity_dark_lite_hover)
}

.border-theme-active.active, .border-theme-parent-hover:hover .border-theme-target, .active .border-theme-active-child {
    box-shadow: inset 0 0 0 1px var(--theme-base-color)
}

#main .colored_theme_svg svg path {
    fill: var(--theme-base-color)
}

.fill-use-button-color svg {
    fill: var(--button_color_text)
}

.fill-use-icon-on-card use {
    fill: var(--icon_on_card)
}

@media (any-hover: hover) {
    .fill-use-icon-on-card--hover:hover use {
        fill: var(--fill_dark_light)
    }
}

.fill-use-svg-888, .fill-use-888 svg {
    fill: #888
}

.stroke-use-icon-on-card use {
    stroke: var(--icon_on_card)
}

.stroke-use-svg-fff {
    stroke: #fff
}

.stroke_secondary * {
    stroke: var(--secondary, #8d8d8d)
}

.svg.colored:not(.svg-inline-icon) * {
    fill: var(--fill_theme_hover)
}

.bg-more-theme {
    background-color: var(--theme-more-color)
}

.colored_theme_hover_bg-block:hover .colored_theme_hover_bg-el {
    background-color: var(--theme-base-color)
}

.fill-dark-light, .fill-dark-light path, .fill-dark-light use, .fill-dark-light-block path, .fill-dark-light-block use {
    fill: var(--fill_dark_light)
}

.stroke-dark-light, .stroke-dark-light *, .stroke-dark-light-block path, .stroke-dark-light-block use {
    stroke: var(--fill_dark_light)
}

.dark-light--opacity use {
    opacity: .5
}

.style-switcher .options > div.more_color.current > span, .style-switcher .options > div.more_color.current > span:hover {
    border-color: var(--theme-more-color)
}

.uploader.hover {
    background-color: var(--theme-base-color)
}

.opened .link-with-flag:before {
    background-color: var(--theme-more-color)
}

.link-button-color-target:not(a) {
    --text-opacity: 100%
}

.link-button-color-parent-all .link-button-color-target {
    color: color-mix(in oklab, var(--button_color_text) var(--text-opacity), transparent)
}

.fill-button-color-parent-all .fill-button-color-target *:where(path,use) {
    fill: var(--button_color_text)
}

@media (min-width: 992px) {
    .popup_video.mobile {
        display: none
    }
}

@media (max-width: 991px) {
    .side_left .main-wrapper {
        display: block
    }

    .container .left_block {
        display: none
    }

    .container > .row > .maxwidth-theme > .content-md {
        display: block
    }

    .container > .row > .maxwidth-theme > .content-md > .left_block > div, .container > .row > .maxwidth-theme > .content-md > .left_block > aside {
        display: none !important
    }

    .container > .row > .maxwidth-theme > .content-md > .right_block.narrow_Y {
        width: 100%
    }
}

@media (max-width: 767px) {
    .head-block .line-block {
        display: block
    }

    .dropdown-select .head-block {
        overflow-y: scroll !important;
        position: absolute !important
    }

    .dropdown-select .head-block .head-block__item {
        white-space: normal
    }
}

@media (max-width: 600px) {
    .compact-hidden-t600 {
        display: none !important
    }

    .height-auto-t600 {
        height: auto !important
    }

    #main .shadow-hovered-f600:hover {
        box-shadow: none;
        border-color: #e5e5e5;
        border-color: var(--stroke_black)
    }
}

.mf-collapsed-block:not(.-expanded) {
    max-height: 400px;
    overflow: hidden
}

.mf-collapsed-block:not(.-expanded)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    box-shadow: inset 0 -170px 80px -80px #fff
}

.mf-btn-show-more.active i {
    transform: rotate(135deg) translate(-2px, -3px)
}

.content .icon-text {
    white-space: normal;
    height: auto;
    line-height: 1.4;
    min-height: 54px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #676767
}

.content .icon-text * {
    display: contents
}

.content .icon-text .fa {
    margin-right: 10px;
    display: inline-flex;
    margin-top: 0
}

html {
    --theme-base-color: #ff7a13;
    --theme-base-opacity-color: #fbdb8e1a;
    --theme-more-color: #ff7a13;
    --theme-text-transform: none;
    --theme-letter-spacing: normal;
    --theme-button-font-size: 0%;
    --theme-button-color-light: var(--OFF_toggle);
    --theme-button-color-dark: var(--ON_toggle);
    --theme-button-padding-2px: 0%;
    --theme-button-padding-1px: 0%;
    --theme-button-border-radius: 6px;
    --theme-sticker-border-radius: 4px;
    --theme-outer-border-radius: 12px;
    --theme-image-border-radius: 8px;
    --theme-more-color-hue: 26;
    --theme-more-color-saturation: 100%;
    --theme-more-color-lightness: 54%;
    --theme-base-color-hue: 26;
    --theme-base-color-saturation: 100%;
    --theme-base-color-lightness: 54%;
    --theme-lightness-hover-diff: -6%;
    --theme-items-gap: 12px
}

html {
    font-size: 17px;
    --theme-font-family: Rubik;
    --theme-font-title-family: Roboto Slab;
    --theme-font-title-weight: 500
}

html {
    --theme-page-width: 1696px;
    --theme-page-width-padding: 32px
}

@media print {
    @media print {
        *, *::after, *::before {
            background: transparent !important;
            border-color: black !important;
            box-shadow: none !important;
            color: #000;
            text-shadow: none !important
        }

        body .body, #footer {
            margin: 0px !important
        }

        header, #headerfixed, #mobileheader {
            display: none !important
        }

        body .body:not(.index) .main > .container {
            padding-bottom: 50px
        }

        body .main {
            padding-bottom: 0 !important;
            margin-top: 0 !important
        }

        body .body {
            margin-bottom: 0 !important;
            min-height: 0
        }

        a[href]:after {
            display: none
        }

        body .bottom-menu {
            display: none
        }

        body .btn.btn-responsive-nav {
            display: none !important
        }

        .item .buy_block, .page-top .share.top, .detail .galery span.zoom {
            display: none
        }

        .label {
            border: none
        }

        body .banners-big.front {
            display: none
        }

        body .banners-big .flexslider, body .banners-big .slides, body .banners-big .slides li {
            height: 240px;
            opacity: 1
        }

        body .banners-big .slides li {
            display: none !important
        }

        body .banners-big .slides li.flex-active-slide {
            display: block !important
        }

        body .banners-big .slides li .text {
            height: 240px;
            line-height: 237px
        }

        body .banners-big .flexslider .slides .inner {
            padding-top: 0px !important;
            vertical-align: middle;
            display: inline-block;
            opacity: 1
        }

        body .banners-big .flexslider .slides .inner .title {
            font-size: 30px;
            padding-bottom: 19px
        }

        body .banners-big .flexslider .slides .inner .text-block {
            margin-bottom: 20px;
            font-size: 15px;
            line-height: 24px
        }

        body .banners-big .flexslider .slides .img {
            display: none
        }

        body .banners-small .bottom_nav {
            display: none
        }

        body .banners-small .item .title a {
            display: block;
            font-size: 15px
        }

        body .banners-small .item .image .type-block {
            color: #fff !important;
            background: rgb(46 46 47 / .6) !important
        }

        body .row.block-with-bg + .row .item-views.blocks h3 {
            padding-top: 46px
        }

        .banners-small .custom-md .item, .banners-small.blog .items .item {
            width: 100%;
            display: block;
            height: auto !important
        }

        body .banners-small .item .image {
            max-height: none
        }

        body .banners-big .btn {
            margin-bottom: 0
        }

        body .float-banners.v3.list .items .item .img {
            display: none
        }

        body .float-banners.v3.list .items .item .img + .text-wrapper {
            padding-left: 0
        }

        .item-views.table-type-block .items > div {
            width: 50%;
            float: left
        }

        .item-views.table-type-block:not(.staff-items) .items > div:nth-child(2n+1) {
            clear: left
        }

        .head-block.top {
            display: none
        }

        .btn {
            display: none
        }

        body .teasers.item-views.front, body .partners.front.blocks {
            padding-bottom: 20px
        }

        body .tabs_ajax .body-block .catalog.item-views.table .flexslider .slides {
            padding-bottom: 20px
        }

        body .item-views.front.staff-items {
            padding-bottom: 20px
        }

        body .reviews.item-views.front h3, body .row.block-with-bg .blocks h3 {
            padding-top: 46px
        }

        body .company-block .item-views.front .props {
            display: none
        }

        .reviews.item-views .item .video {
            display: none
        }

        .accordion.accordion-type-block .item .accordion-head, .accordion.accordion-type-block .item .accordion-body {
            padding-left: 0
        }

        .accordion-head .fa {
            display: none
        }

        .accordion.accordion-type-block .item .panel-collapse {
            display: block !important
        }

        .accordion.item-views .item .text hr {
            display: none
        }

        body .catalog.detail .head .brand {
            float: right;
            margin: 0
        }

        .detail .ask_a_question, .content + .order-block {
            display: none
        }

        .banners-content .maxwidth-banner {
            background-image: none !important
        }

        .banners-content .text .intro-text + p {
            display: none
        }

        .banners-content .text {
            width: 100%;
            padding: 0 20px
        }

        .banners-content .img {
            display: none
        }

        .catalog.detail .head {
            border: none !important
        }

        .catalog.detail .head .row > div {
            width: 100%
        }

        body .detail .galery {
            width: 100%;
            max-width: none
        }

        body .detail .galery .inner {
            border: 1px solid #d7dee3 !important
        }

        .detail .galery .inner .stickers {
            left: 0;
            text-align: center
        }

        .detail .galery .inner .stickers .stickers-wrapper {
            display: inline-block
        }

        .galery .flexslider .items, .gallery-block .flexslider .items, .banners-big .flexslider, .banners-big .slides {
            width: 100% !important;
            transform: none !important
        }



        .catalog.detail .nav.nav-tabs {
            display: none
        }

        .catalog.detail .tab-pane {
            display: block
        }

        .catalog.detail .title-tab-heading {
            display: block !important
        }

        .catalog.detail .tab-pane.active .title-tab-heading + div {
            display: block;
            margin-bottom: 16px;
            padding-top: 23px
        }

        .catalog.detail .tab-pane .title-tab-heading + div {
            display: none
        }

        .detail .galery .flexslider .slides > li, .gallery-block .flexslider .items li, .banners-big .slides li {
            width: 100% !important
        }

        .detail .gallery-block .bigs.flexslider .slides.items {
            height: 300px;
            overflow: hidden
        }

        .detail .galery .flexslider .slides.items {
            height: 470px;
            overflow: hidden
        }

        .gallery-block .flexslider .items li {
            height: 300px !important;
            line-height: 297px !important
        }

        .detail .galery .flexslider .items li {
            height: 470px !important;
            line-height: 467px !important
        }

        .detail .gallery-block .bigs.flexslider .slides.items li a {
            display: inline
        }

        .detail .gallery-block .bigs .item img {
            max-width: 100%;
            max-height: 100%
        }

        .tarifs.partners.front.slider-items .flexslider .slides > li {
            width: 240px !important
        }

        .detail .chars .props_table .char_name span, .detail .chars .props_table .char_value span {
            color: #666 !important
        }

        .catalog.detail .bottom-item-block .item-views .row > div {
            width: 100%
        }

        .catalog.detail .bottom-item-block .item-views .row > div .item {
            height: auto !important
        }

        .partners.front.slider-items .flexslider .slides > li {
            width: 767px !important
        }

        .catalog.item-views.table .flexslider .slides > li {
            width: 300px !important
        }

        .item-views .item {
            height: auto !important
        }

        .catalog.item-views > .row > div[class*="col-"]:nth-child(2n+1) {
            clear: left
        }

        .bottoms + .row > div {
            width: 50%;
            float: left;
            margin: 0;
            display: none
        }

        .bottoms + .row > div.share {
            float: right
        }

        .staff-items .group-content .items > div {
            width: 33.33%;
            float: left
        }

        .item-views.staff-items.table-type-block .item {
            overflow: hidden
        }

        footer .contact-block .info .row > div {
            width: 100%;
            float: none
        }

        footer .svg svg, footer .phone .more_phone {
            display: none
        }

        body .basket.default .buy_block .counter .ctrl {
            display: none
        }

        body .basket.default .buy_block.lg .counter .input {
            padding-left: 0;
            padding-right: 0
        }

        body .basket.default .buy_block.lg .counter input {
            padding-left: 0
        }

        body .basket.default .items .item .remove {
            display: none
        }

        body .basket.default .foot .remove {
            display: none
        }

        body .basket.default .foot {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0
        }

        body .basket.default .buttons {
            display: none
        }

        body .basket.default {
            margin-bottom: 0
        }

        body .basket.default .items .head {
            display: table;
            border-color: #000
        }

        body .basket.default .items .head .title.prices {
            width: 115px
        }

        body .basket.default .items .head .title.prices.summ {
            width: 125px
        }

        body .basket.default .items .head .title.counter_t {
            width: 115px
        }

        body .basket.default .items .item {
            padding: 0;
            border-color: #000
        }

        #basket-root .sticker__item {
            border: 1px solid
        }

        body .basket.default .items .item .box {
            display: table-cell
        }

        body .basket.default .items .item .box {
            float: none !important
        }

        body .basket.default .items .item .box:not(.remove_bl) {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 29px !important;
            padding-bottom: 29px !important
        }

        body .basket.default .items .item .box:first-of-type {
            padding-left: 29px
        }

        body .basket.default .items .item .image {
            margin-top: 0;
            margin-left: 0
        }

        body .basket.default .items .item .description {
            margin-bottom: 0;
            padding-left: 140px
        }

        body .basket.default .items .item .prices {
            margin-top: 0
        }

        body .basket.default .items .item .counter {
            width: auto;
            margin-right: 0
        }

        body .basket.default .items .item .counter {
            margin-top: 9px
        }

        body .basket.default .items .item .prices .price_new {
            margin-top: 14px
        }

        body .basket.default .items .item .prices {
            width: 115px !important
        }

        body .basket.default .items .item .box.buy_block {
            width: 115px !important
        }

        body .basket.default .items .item .prices.summ {
            width: 125px !important
        }

        body .basket.default .foot .total {
            text-align: left;
            width: 194px
        }

        .services_in_basket_page .counter {
            width: 80px;
            min-width: 80px
        }

        body footer {
            min-height: 103px;
            margin-top: 0 !important;
            text-align: left
        }

        body footer .info {
            display: inline-block;
            text-align: left
        }

        body footer .info + .social {
            display: none
        }

        body footer .maxwidth-theme > .col-md-3 {
            float: left;
            width: 25%
        }

        body footer .maxwidth-theme > .col-md-9 {
            float: left;
            width: 75%
        }

        body footer .maxwidth-theme > .col-md-3 {
            display: block !important
        }

        body footer .maxwidth-theme > .col-md-9 > .row > .col-md-3 {
            width: 100% !important;
            text-align: right
        }

        body footer .maxwidth-theme > .col-sm-3.hidden-lg {
            display: none !important
        }

        body footer .container {
            margin-left: auto !important;
            margin-right: auto !important;
            max-width: 1345px;
            position: relative;
            width: 100%;
            font-size: 0;
            padding: 0
        }

        body footer .container > .row {
            width: 50%;
            padding: 0;
            display: inline-block;
            vertical-align: top;
            font-size: 12px
        }

        body footer .container > .bottom-middle .maxwidth-theme > div {
            display: none
        }

        body footer .container > .bottom-middle .maxwidth-theme .contact-block {
            display: block;
            width: 100%
        }

        body footer .container > .bottom-middle .maxwidth-theme .contact-block .col-md-9 {
            margin-left: 0
        }

        body footer .info .blocks {
            padding-left: 0
        }

        body footer .info .blocks:before {
            display: none
        }

        body footer .container > .bottom-under {
            text-align: right
        }

        body footer .contact-block .info {
            margin: 0;
            border: none;
            padding: 10px 0 0
        }

        #panel {
            display: none !important
        }

        .footer__main-part-inner {
            flex-direction: column
        }

        .footer__main-part .footer__part--right {
            margin-left: 0
        }

        body footer .info .blocks {
            margin-bottom: 12px
        }

        body footer.compact .container .bottom-middle {
            width: 100%
        }

body footer.compact .print-block{
            display: none
        }

        footer.compact .social-block {
            display: none
        }

        body footer.compact .container > .bottom-middle .maxwidth-theme > div {
            display: block
        }

        body footer.compact .white_middle_text {
            display: none
        }

        body footer.compact .info > div {
            width: 100%;
            float: none;
            display: block
        }

        body footer.compact .copy-block {
            float: right
        }

        footer div[data-ajax-load-block="FOOTER_TOGGLE_SUBSCRIBE"], footer .footer__bottom-part {
            display: none
        }

        #main .body .main > .container {
            padding-bottom: 0
        }

        .bottom-icons-panel {
            display: none
        }
    }@media print and (orientation: landscape) {
    .tarifs.partners.front.slider-items .flexslider .slides > li {
        width: 214px !important
    }

    .partners.front.slider-items .flexslider .slides > li {
        width: 1200px !important
    }

    .catalog.item-views.table .flexslider .slides > li {
        width: 320px !important
    }
}
}

html {
    --header-height: 178px
}

@-webkit-keyframes b24-widget-button-visible {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    30.001% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    62.999% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes b24-widget-button-visible {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    30.001% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    62.999% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes b24-widget-button-disable {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50.001% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    92.999% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes b24-widget-button-disable {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50.001% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    92.999% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes b24-widget-show {
    from {
        opacity: 0
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes b24-widget-show {
    from {
        opacity: 0
    }
    to {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes b24-widget-hidden {
    from {
        opacity: 1;
        visibility: visible
    }
    50% {
        opacity: 1
    }
    99.999% {
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes b24-widget-hidden {
    from {
        opacity: 1;
        visibility: visible
    }
    50% {
        opacity: 1
    }
    99.999% {
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes hideIconsBottom {
    from {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        visibility: hidden
    }
}

@keyframes hideIconsBottom {
    from {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        visibility: hidden
    }
}

@-webkit-keyframes hideIconsTop {
    from {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px);
        visibility: hidden
    }
}

@keyframes hideIconsTop {
    from {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px);
        visibility: hidden
    }
}

@-webkit-keyframes bottomOpen {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes bottomOpen {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes topOpen {
    from {
        opacity: 0;
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes topOpen {
    from {
        opacity: 0;
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes socialRotate {
    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes socialRotate {
    from {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes socialRotateBack {
    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes socialRotateBack {
    from {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes widgetPulse {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@keyframes widgetPulse {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

:root {
    --ui-icon-size-xs: 26px;
    --ui-icon-size-sm: 31px;
    --ui-icon-size-md: 39px;
    --ui-icon-size-lg: 47px;
    --ui-icon-size: 39px;
    --ui-icon-service-bg-color: #ebeff2
}

jdiv, [class*='jivo'] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important
}

x:default {
    font: 0/0 a;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: none
}

@-ms-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

x:-moz-any-link, x:-moz-any-link {
    border-right-style: dotted
}

x:-moz-any-link, x:-moz-any-link {
    border-top-style: dotted
}

.logo img {
    display: block;
    width: auto;
    height: auto
}

.local-catalog-menu {
    display: block !important;
    position: fixed !important;
    left: 24px !important;
    right: 24px !important;
    top: var(--local-catalog-top, 86px) !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    z-index: 3200 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-6px);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important
}

.header-menu__link--only-catalog.opened ~ .local-catalog-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0)
}

.local-catalog-menu__inner {
    box-sizing: border-box;
    display: grid;
    grid-template-columns:304px minmax(0, 1fr);
    gap: 32px;
    width: 100%;
    max-height: calc(100vh - var(--local-catalog-top, 86px) - 24px);
    padding: 16px 16px 28px;
    overflow: auto;
    background: var(--card_bg_black, #fff);
    color: var(--white_text_black, #222228);
    border-radius: 8px;
    box-shadow: 0 14px 50px rgb(0 0 0 / .16)
}

.local-catalog-menu__inner--with-promo {
    grid-template-columns:304px minmax(0, 1fr) 264px
}

.local-catalog-menu__sidebar {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.local-catalog-menu__category {
    appearance: none;
    border: 0;
    background: #fff0;
    color: inherit;
    width: 100%;
    min-height: 47px;
    padding: 10px 16px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font: inherit;
    font-size: 15px;
    line-height: 1.2;
    text-align: left;
    cursor: pointer
}

.local-catalog-menu__category:hover, .local-catalog-menu__category.is-active {
    background: var(--card_bg_hover, #f4f4f5)
}

.local-catalog-menu__category span {
    font-size: 17px;
    opacity: .8
}

.local-catalog-menu__category .local-catalog-menu__category-title {
    flex: 1;
    min-width: 0;
    font-size: inherit;
    opacity: 1;
    margin-right: 8px
}

.local-catalog-menu .local-catalog-count {
    display: inline-block;
    margin-left: 3px;
    font-size: 10px;
    font-weight: 400;
    line-height: 0;
    vertical-align: super;
    white-space: nowrap;
    opacity: .7
}

.local-catalog-menu__content {
    min-width: 0;
    padding: 8px 0
}

.local-catalog-panel {
    display: none
}

.local-catalog-panel.is-active {
    display: block
}

.local-catalog-panel > h3 {
    margin: 0 0 24px;
    font-family: var(--theme-font-title-family, 'Roboto Slab'), serif;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600
}

.local-catalog-grid {
    display: grid;
    grid-template-columns:repeat(4, minmax(150px, 1fr));
    gap: 34px 28px
}

.local-catalog-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0
}

.local-catalog-group__title {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 34px;
    margin-bottom: 3px;
    font-family: var(--theme-font-title-family, 'Roboto Slab'), serif;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 600;
    color: var(--white_text_black, #222228)
}

.local-catalog-group__title img {
    width: 52px;
    height: 40px;
    object-fit: contain
}

.local-catalog-group a {
    color: var(--basic_text_black, #666);
    font-size: 15px;
    line-height: 1.35;
    text-decoration: none
}

.local-catalog-group a:hover, .local-catalog-group a.more {
    color: var(--white_text_black, #222228);
    text-decoration: underline;
    text-underline-offset: 3px
}

.local-catalog-menu__promo {
    min-width: 0;
    padding-top: 16px
}

.local-catalog-promo-card {
    position: relative;
    overflow: hidden;
    min-height: 320px;
    border-radius: 8px;
    background: #eee
}

.local-catalog-promo-card > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.local-catalog-promo-card::after {
    content: "";
    position: absolute;
    inset: 35% 0 0;
    background: linear-gradient(to bottom, transparent, rgb(0 0 0 / .65))
}

.local-catalog-promo-card__text {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    bottom: 20px;
    color: #fff
}

.local-catalog-promo-card__text small, .local-catalog-promo-card__text strong {
    display: block
}

.local-catalog-promo-card__text small {
    margin-bottom: 8px;
    font-size: 13px
}

.local-catalog-promo-card__text strong {
    font-family: var(--theme-font-title-family, 'Roboto Slab'), serif;
    font-size: 18px;
    line-height: 1.35
}

#mobilemenu {
    z-index: 3002 !important
}

.main-slider .swiper-pagination {
    font-size: 0
}

.main-slider__item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 1250px) {
    .local-catalog-menu__inner {
        grid-template-columns:250px minmax(0, 1fr)
    }

    .local-catalog-menu__promo {
        display: none
    }

    .local-catalog-grid {
        grid-template-columns:repeat(3, minmax(150px, 1fr))
    }
}

@media (max-width: 991px) {
    .local-catalog-menu {
        display: none !important
    }
}

.header__icon svg, .icon-block__icon svg, .icon-block-with-counter svg {
    display: block;
    overflow: visible
}

.header__icon svg path, .header__icon svg circle, .icon-block__icon svg path, .icon-block__icon svg circle, .icon-block-with-counter svg path, .icon-block-with-counter svg circle {
    fill: currentColor
}

.header__icon svg path[fill="none"], .header__icon svg circle[fill="none"], .icon-block__icon svg path[fill="none"], .icon-block-with-counter svg path[fill="none"] {
    fill: none;
    stroke: currentColor
}

.header-menu__title-wrapper.local-has-dropdown {
    gap: 6px
}

.header-menu__title-wrapper.local-has-dropdown .header-menu__wide-submenu-right-arrow {
    display: inline-flex !important;
    width: 5px !important;
    min-width: 5px !important;
    height: 3px !important;
    margin-left: 2px;
    opacity: .85
}

.header-menu__title-wrapper.local-has-dropdown .header-menu__wide-submenu-right-arrow svg {
    width: 5px !important;
    height: 3px !important;
    display: block !important
}

.header-cabinet__link .header__icon, .compare-link .header__icon, .header-icon .header__icon, .basket-link .header__icon, .icon-block-with-counter .header__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    min-height: 18px;
    color: var(--white_text_black, #222228)
}

.header-cabinet__link .header__icon svg, .compare-link .header__icon svg, .header-icon .header__icon svg, .basket-link .header__icon svg, .icon-block-with-counter .header__icon svg {
    opacity: 1 !important;
    visibility: visible !important
}

.local-catalog-menu {
    top: var(--local-catalog-top, 150px) !important;
    max-height: calc(100vh - var(--local-catalog-top, 150px) - 16px) !important
}

.local-catalog-menu__inner {
    max-height: calc(100vh - var(--local-catalog-top, 150px) - 16px) !important
}

.header-menu__title-wrapper.local-has-dropdown .header-menu__wide-submenu-right-arrow svg path {
    fill: #222228 !important;
    opacity: 1 !important
}

.header-cabinet__link .header__icon svg path, .compare-link .header__icon svg path, .header-icon[href*="favorite"] .header__icon svg path, .basket-link .header__icon svg path, .js-basket-block .header__icon svg path {

    opacity: 1 !important
}

.header-cabinet__link .header__icon svg, .compare-link .header__icon svg, .header-icon[href*="favorite"] .header__icon svg, .basket-link .header__icon svg, .js-basket-block .header__icon svg {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.mobilemenu__overlay {
    display: none !important
}

#mobilemenu .loadings[data-nlo], #mobilemenu .mobile-cities .loadings {
    display: none !important
}

.local-load-more-item[hidden] {
    display: none !important
}

.local-load-more-item.local-load-more-reveal {
    animation: localCardReveal .32s ease both
}

@keyframes localCardReveal {
    from {
        opacity: 0;
        transform: translateY(12px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.local-fast-view {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: none
}

.local-fast-view.is-open {
    display: block
}

.local-fast-view__main-image {
    display: block;
    max-width: 100%;
    max-height: 520px;
    object-fit: contain
}

.local-fast-view__thumbs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 14px
}

.local-fast-view__thumb {
    width: 74px;
    height: 74px;
    padding: 5px;
    border: 1px solid var(--stroke_black, #ddd);
    border-radius: 7px;
    background: #fff0;
    cursor: pointer
}

.local-fast-view__thumb.is-active {
    border-color: var(--theme-base-color, #d3ad54);
    box-shadow: inset 0 0 0 1px var(--theme-base-color, #d3ad54)
}

.local-fast-view__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.local-fast-view__badges {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-bottom: 14px
}

.local-fast-view__badge {
    padding: 5px 9px;
    border-radius: 4px;
    background: var(--theme-base-color, #d3ad54);
    color: #171717;
    font-size: 12px;
    font-weight: 500
}

.local-fast-view__title {
    margin: 0 50px 10px 0;
    font-family: var(--theme-font-title-family, 'Roboto Slab'), serif;
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.25;
    font-weight: 600
}

.local-fast-view__article {
    color: var(--light_basic_text_black, #888);
    font-size: 13px;
    margin-bottom: 12px
}

.local-fast-view__status {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    color: #4b8b42;
    font-size: 14px
}

.local-fast-view__status:not(:empty)::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 50%;
    background: currentColor
}

.local-fast-view__price {
    font-size: 28px;
    line-height: 1;
    font-weight: 600
}

.local-fast-view__old-price {
    color: var(--light_basic_text_black, #999);
    text-decoration: line-through;
    font-size: 16px
}

.local-fast-view__properties {
    display: grid;
    gap: 0;
    border-top: 1px solid var(--stroke_black, #e5e5e5)
}

.local-fast-view__property {
    display: grid;
    grid-template-columns:minmax(130px, 1fr) minmax(120px, 1fr);
    gap: 18px;
    padding: 11px 0;
    border-bottom: 1px solid var(--stroke_black, #e5e5e5);
    font-size: 14px
}

.local-fast-view__property-name {
    color: var(--light_basic_text_black, #777)
}

.local-fast-view__property-value {
    color: var(--white_text_black, #222);
    font-weight: 500
}

html.local-fast-view-lock, html.local-fast-view-lock body {
    overflow: hidden !important
}

body.header_opacity header .header-cabinet, body.header_opacity header .header-compare, body.header_opacity header .header-favorite, body.header_opacity header .header-cart {
    transition: color .2s ease
}

body.header_opacity header .header-cabinet a, body.header_opacity header .header-compare a, body.header_opacity header .header-favorite a, body.header_opacity header .header-cart a {
    color: inherit !important
}

body.header_opacity header .header-cabinet svg path, body.header_opacity header .header-compare svg path, body.header_opacity header .header-favorite svg path, body.header_opacity header .header-cart svg path {
    fill: currentColor !important;
    transition: fill .2s ease, stroke .2s ease
}

body.header_opacity header.theme-dark .header-cabinet, body.header_opacity header.theme-dark .header-compare, body.header_opacity header.theme-dark .header-favorite, body.header_opacity header.theme-dark .header-cart {
    color: #fff !important
}

body.header_opacity header.theme-light .header-cabinet, body.header_opacity header.theme-light .header-compare, body.header_opacity header.theme-light .header-favorite, body.header_opacity header.theme-light .header-cart {
    color: #222228 !important
}

body.header_opacity header.theme-dark :is(.header-cabinet,.header-compare,.header-favorite,.header-cart) .header__icon-name {
    color: #fff !important
}

body.header_opacity header.theme-light :is(.header-cabinet,.header-compare,.header-favorite,.header-cart) .header__icon-name {
    color: #222228 !important
}

.main-slider .swiper-pagination {
    font-size: 0;
    line-height: 0
}

.main-slider .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 4px;
    height: 4px;
    margin-inline: 6px;
    opacity: 1;
    border: 0;
    border-radius: 50%;
    background: rgb(255 255 255 / .4);
    backdrop-filter: blur(10px);
    transition: width .2s ease, background-color .2s ease
}

.main-slider .swiper-pagination .swiper-pagination-bullet-active {
    width: 48px;
    height: 2px;
    border-radius: 100vw;
    background: rgb(255 255 255 / .48)
}

.main-slider .autoplay-progress {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    border: 0;
    border-radius: 100vw;
    background: #fff0
}

.main-slider .swiper-pagination-bullet-active > .autoplay-progress {
    display: block
}

.main-slider .autoplay-progress::-webkit-progress-bar {
    background: #fff0;
    border-radius: 100vw
}

.main-slider .autoplay-progress::-webkit-progress-value {
    background: #fff;
    border-radius: 100vw
}

.main-slider .autoplay-progress::-moz-progress-bar {
    background: #fff;
    border-radius: 100vw
}

.main-slider .banners-big__nav-wrap.theme-light .swiper-pagination-bullet {
    background: rgb(34 34 40 / .35)
}

.main-slider .banners-big__nav-wrap.theme-light .swiper-pagination-bullet-active {
    background: rgb(34 34 40 / .48)
}

.main-slider .banners-big__nav-wrap.theme-light .autoplay-progress::-webkit-progress-value {
    background: #222228
}

.main-slider .banners-big__nav-wrap.theme-light .autoplay-progress::-moz-progress-bar {
    background: #222228
}

.local-fast-view {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: none
}

.local-fast-view.is-open {
    display: block
}

.local-fast-view__gallery {
    position: relative;
    min-width: 0;
    padding: 28px 22px 66px 28px;
    overflow: hidden
}

.local-fast-view__main-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.local-fast-view__thumbs {
    display: none
}

.local-fast-view__gallery-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 8px
}

.local-fast-view__gallery-dot {
    width: 4px;
    height: 4px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #b9b9bd;
    cursor: pointer
}

.local-fast-view__gallery-dot.is-active {
    width: 22px;
    height: 2px;
    border-radius: 10px;
    background: #8b8b90
}

.local-fast-view__product-link {
    position: absolute;
    left: 50%;
    bottom: 13px;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #29292e;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap
}

.local-fast-view__product-link:hover span {
    text-decoration: underline;
    text-underline-offset: 3px
}

.local-fast-view__badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap
}

.local-fast-view__badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 4px;
    background: #ffe69c;
    color: #28282d;
    font-size: 12px;
    line-height: 1;
    font-weight: 500
}

.local-fast-view__title {
    margin: 10px 38px 14px 0;
    font-family: var(--theme-font-title-family, 'Roboto Slab'), serif;
    font-size: 23px;
    line-height: 1.28;
    font-weight: 600;
    color: #28282d
}

.local-fast-view__article {
    color: #999;
    font-size: 14px;
    line-height: 20px
}

.local-fast-view__mini-action {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    background: #fff0;
    color: inherit;
    cursor: pointer;
    transition: color .15s ease
}

.local-fast-view__mini-action:hover, .local-fast-view__mini-action.is-active {
    color: #28282d
}

.local-fast-view__favorite.is-active svg path {
    fill: currentColor
}

.local-fast-view__price {
    color: #28282d;
    font-size: 27px;
    line-height: 1;
    font-weight: 600
}

.local-fast-view__old-price {
    color: #a0a0a4;
    font-size: 15px;
    text-decoration: line-through
}

.local-fast-view__cart-btn, .local-fast-view__one-click-btn {
    width: 100%;
    height: 53px;
    border-radius: 6px;
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: filter .15s ease, background-color .15s ease
}

.local-fast-view__cart-btn {
    border: 1px solid #fbdb8e;
    background: #fbdb8e;
    color: #28282d
}

.local-fast-view__cart-btn:hover {
    filter: brightness(.97)
}

.local-fast-view__cart-btn.is-added {
    background: #28282d;
    border-color: #28282d;
    color: #fff
}

.local-fast-view__one-click-btn {
    border: 1px solid #cfcfd2;
    background: #fff;
    color: #28282d
}

.local-fast-view__one-click-btn:hover {
    background: #f7f7f8
}

.local-fast-view__status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: #26c13a;
    font-size: 14px;
    line-height: 20px
}

.local-fast-view__status:not(:empty)::before {
    content: "✓";
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    margin-right: 9px;
    border-radius: 50%;
    background: #26c13a;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    font-weight: 700
}

.local-fast-view__delivery {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 9px;
    padding: 0;
    border: 0;
    background: #fff0;
    color: #444449;
    font: inherit;
    font-size: 14px;
    cursor: pointer
}

.local-fast-view__delivery span {
    text-decoration: underline;
    text-underline-offset: 3px
}

.local-fast-view__properties {
    display: grid;
    gap: 8px;
    padding-bottom: 12px
}

.local-fast-view__property {
    display: grid;
    grid-template-columns:max-content minmax(0, 1fr);
    gap: 8px;
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 18px
}

.local-fast-view__property-name {
    color: #96969a
}

.local-fast-view__property-name::after {
    content: ":"
}

.local-fast-view__property-value {
    min-width: 0;
    color: #444449;
    font-weight: 400;
    text-decoration: underline;
    text-decoration-color: #c8c8ca;
    text-underline-offset: 2px
}

html.local-fast-view-lock, html.local-fast-view-lock body {
    overflow: hidden !important
}

@media (max-width: 850px) {
    .local-fast-view__gallery {
        min-height: 450px;
        padding: 18px 18px 58px
    }

    .local-fast-view__product-link {
        bottom: 10px
    }
}

.js-item-action[data-action="favorite"], .js-item-action[data-action="compare"] {
    cursor: pointer
}

.item-action.active .item-action__active {
    opacity: 1 !important
}

.item-action.active .item-action__normal {
    opacity: 0 !important
}

.item-action:not(.active) .item-action__active {
    opacity: 0 !important
}

.item-action.active .item-action__active path {
    fill: var(--theme-base-color, #f5cd73) !important
}

.icon-count--favorite.empted, .icon-count--compare.empted {
    display: none
}

.local-action-notices {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 12000;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: min(346px, calc(100vw - 32px));
    pointer-events: none
}

.local-action-notice {
    position: relative;
    display: grid;
    grid-template-columns:62px minmax(0, 1fr) 24px;
    gap: 14px;
    align-items: start;
    min-height: 112px;
    padding: 18px 14px 18px 14px;
    overflow: hidden;
    border-radius: 12px;
    background: var(--card_bg_black, #fff);
    color: var(--white_text_black, #28282d);
    box-shadow: 0 8px 28px rgb(0 0 0 / .13);
    pointer-events: auto;
    animation: localNoticeIn .24s ease both
}

.local-action-notice.is-leaving {
    animation: localNoticeOut .2s ease both
}

.local-action-notice__image-wrap {
    display: grid;
    place-items: center;
    width: 62px;
    height: 78px;
    overflow: hidden;
    border-radius: 4px;
    background: var(--darkerblack_bg_black, #f5f5f6)
}

.local-action-notice__image {
    display: block;
    width: 100%;
    height: 100%;
    padding: 3px;
    object-fit: contain
}

.local-action-notice__body {
    min-width: 0;
    padding-top: 1px
}

.local-action-notice__heading {
    margin: 0 0 7px;
    font-family: var(--theme-font-title-family, 'Roboto Slab'), serif;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 600;
    color: var(--white_text_black, #28282d)
}

.local-action-notice__product {
    display: -webkit-box;
    overflow: hidden;
    color: var(--basic_text_black, #66666a);
    font-size: 14px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.local-action-notice__close {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    margin-top: -7px;
    margin-right: -5px;
    padding: 0;
    border: 0;
    background: #fff0;
    color: var(--light_basic_text_black, #99999d);
    cursor: pointer;
    font: inherit;
    font-size: 27px;
    font-weight: 300;
    line-height: 1
}

.local-action-notice__close:hover {
    color: var(--white_text_black, #28282d)
}

@keyframes localNoticeIn {
    from {
        opacity: 0;
        transform: translateX(26px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes localNoticeOut {
    from {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(28px)
    }
}

@media (max-width: 600px) {
    .local-action-notices {
        top: 10px;
        right: 10px;
        width: calc(100vw - 20px)
    }

    .local-action-notice {
        grid-template-columns:52px minmax(0, 1fr) 22px;
        min-height: 96px;
        padding: 14px 12px
    }

    .local-action-notice__image-wrap {
        width: 52px;
        height: 66px
    }
}

.local-shop-modal {
    position: fixed;
    inset: 0;
    z-index: 13000;
    display: none
}

.local-shop-modal.is-open {
    display: block
}

.local-shop-modal-lock, .local-shop-modal-lock body {
    overflow: hidden !important
}

.local-shop-modal label {
    display: grid;
    gap: 7px;
    color: #333;
    font-size: 14px
}

.local-shop-modal input, .local-shop-modal textarea, .local-shop-modal select {
    box-sizing: border-box;
    width: 100%;
    min-height: 45px;
    padding: 10px 13px;
    border: 1px solid #cfcfd2;
    border-radius: 6px;
    background: #fff;
    color: #29292e;
    font: inherit;
    outline: none
}

.local-shop-modal textarea {
    resize: vertical
}

.local-shop-modal input:focus, .local-shop-modal textarea:focus, .local-shop-modal select:focus {
    border-color: #999
}

.local-cart-modal__items {
    display: grid;
    gap: 0
}

.local-cart-item {
    display: grid;
    grid-template-columns:92px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #ececef
}

.local-cart-item__image {
    display: grid;
    place-items: center;
    width: 92px;
    height: 92px;
    padding: 7px;
    border-radius: 7px;
    background: #f6f6f7
}

.local-cart-item__image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.local-cart-item__title {
    margin: 0 0 7px;
    font: 600 15px/1.35 var(--theme-font-title-family, 'Roboto Slab'), serif
}

.local-cart-item__article {
    color: #aaa;
    font-size: 12px
}

.local-cart-item__right {
    display: grid;
    justify-items: end;
    gap: 10px
}

.local-cart-item__price {
    font-size: 17px;
    font-weight: 600;
    white-space: nowrap
}

.local-cart-item__controls {
    display: flex;
    align-items: center;
    gap: 8px
}

.local-cart-item__qty {
    width: 44px;
    text-align: center
}

.local-cart-item__qty-btn, .local-cart-item__remove {
    border: 0;
    background: #f1f1f3;
    color: #444;
    cursor: pointer
}

.local-cart-item__qty-btn {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    font-size: 18px
}

.local-cart-item__remove {
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 12px
}

.local-cart-item__remove:hover {
    background: #e7e7e9
}

.local-cart-modal__empty {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: #777
}

.local-cart-modal__empty[hidden] {
    display: none
}

.local-order-form, .local-one-click-form {
    display: grid;
    gap: 15px
}

.local-search-result {
    display: grid;
    grid-template-columns:64px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    padding: 9px;
    border: 1px solid #ececef;
    border-radius: 7px
}

.local-search-result img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    background: #f6f6f7;
    border-radius: 5px
}

.local-search-result__title {
    font-size: 14px;
    line-height: 1.35
}

.local-search-result__price {
    font-weight: 600;
    white-space: nowrap
}

.local-search-empty {
    padding: 30px;
    text-align: center;
    color: #888
}

.item-action--basket.local-in-cart {
    display: none !important
}

.item-action--basket.local-in-cart + .in_cart {
    display: block !important
}

.header-cart__inner:not(.header-cart__inner--empty) .header-cart__count {
    display: inline-flex
}

.local-order-success {
    padding: 36px 12px;
    text-align: center
}

.local-order-success__icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #32cb41;
    color: #fff;
    font-size: 27px
}

.local-order-success strong {
    display: block;
    margin-bottom: 7px;
    font: 600 22px/1.3 var(--theme-font-title-family, 'Roboto Slab'), serif
}

.local-order-success span {
    color: #777;
    font-size: 14px
}

@media (max-width: 850px) {
    .local-cart-item {
        grid-template-columns:72px minmax(0, 1fr)
    }

    .local-cart-item__image {
        width: 72px;
        height: 72px
    }

    .local-cart-item__right {
        grid-column: 2;
        justify-items: start
    }
}

#local-cookie-popup.local-cookie-popup {
    position: fixed !important;
    left: 24px !important;
    bottom: 24px !important;
    top: auto !important;
    right: auto !important;
    z-index: 15000 !important;
    display: block !important;
    width: min(420px, calc(100vw - 32px));
    max-width: none !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    border-radius: 12px;
    box-shadow: 0 12px 38px rgb(0 0 0 / .22)
}

#local-cookie-popup[hidden] {
    display: none !important
}

#local-cookie-popup .marketing-popup {
    position: relative;
    border-radius: 12px
}

#local-cookie-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 9px;
    border: 0;
    border-radius: 50%;
    background: #fff0;
    color: #fff;
    opacity: .78;
    cursor: pointer
}

#local-cookie-close:hover {
    opacity: 1;
    background: rgb(255 255 255 / .08)
}

#local-cookie-close svg {
    display: block;
    width: 14px;
    height: 14px;
    pointer-events: none
}

#local-cookie-close path {
    fill: currentColor !important
}

#local-cookie-accept {
    cursor: pointer
}

@media (max-width: 767px) {
    #local-cookie-popup.local-cookie-popup {
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
        width: auto
    }
}

.local-review-modal__author {
    margin: 0 0 7px;
    font-family: var(--theme-font-title-family, 'Roboto Slab'), serif;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 600;
    color: #28282d
}

.local-review-modal__meta {
    color: #99999d;
    font-size: 14px;
    line-height: 1.4
}

.local-review-modal__rating {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    color: #28282d
}

.local-review-modal__text {
    color: #404045;
    font-size: 16px;
    line-height: 1.65;
    white-space: normal
}

.local-review-modal__text p {
    margin: 0 0 14px
}

.local-review-modal__text p:last-child {
    margin-bottom: 0
}

@media (max-width: 600px) {
    .local-review-modal__author {
        font-size: 21px
    }
}

.review .rate {
    display: inline-flex;
    align-items: center;
    gap: 6px
}

.review .rate .local-rate-source {
    display: none !important
}

.review .local-rate-star {
    display: inline-block;
    color: #e7b129;
    font-size: 20px;
    line-height: 1;
    transform: translateY(-1px)
}

.review .rate__value {
    line-height: 1
}

@keyframes localOasisReveal {
    from {
        opacity: 0;
        transform: translateY(12px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (min-width: 992px) {
    #headerfixed.local-sticky-header {
        display: none;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-100%);
        transition: transform .3s ease, opacity .2s ease;
        will-change: transform
    }

    #headerfixed.local-sticky-header.fixed {
        display: block;
        position: fixed;
        left: var(--left-column-width, 0);
        right: 0;
        top: 0 !important;
        width: calc(100% - var(--left-column-width, 0px));
        z-index: 998;
        opacity: 1;
        pointer-events: auto;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px)
    }

    #headerfixed.local-sticky-header.fixed.local-sticky-visible {
        transform: translateY(0)
    }

    #headerfixed.local-sticky-header .header {
        background-color: hsl(var(--dark_light-hue) var(--dark_light-saturation) var(--dark_light-lightness) / 88%)
    }
}

@media (max-width: 991px) {
    body.mfixed_y.mfixed_view_scroll_top #mobileheader.local-mobile-sticky {
        transition: transform .25s ease, box-shadow .25s ease
    }

    body.mfixed_y.mfixed_view_scroll_top #mobileheader.local-mobile-sticky.fixed {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
        width: 100%;
        box-shadow: 0 4px 12px rgb(0 0 0 / .1)
    }

    #mobileheader.local-mobile-sticky.fixed {
        transform: translateY(-100%);
        visibility: hidden;
    }
    #mobileheader.local-mobile-sticky.fixed.local-mobile-visible {
        transform: translateY(0);
        visibility: visible;
    }
    #mobileheader.local-mobile-sticky.fixed .mobileheader__inner > .maxwidth-theme:first-child {
        position: absolute;
        left: 16px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        width: 20px;
        z-index: 2;
    }
    #mobileheader.local-mobile-sticky.fixed .mobileheader__inner-part {
        padding: 0;
    }
    #mobileheader.local-mobile-sticky.fixed .mobileheader__inner-part > :not(.mobileheader__burger) {
        display: none;
    }
    #mobileheader.local-mobile-sticky.fixed .mod-menu-scroll-tags {
        display: none;
    }
    #mobileheader.local-mobile-sticky.fixed .header__search {
        margin: 0;
        padding: 12px 16px 12px 48px;
    }
    #mobileheader.local-mobile-sticky.fixed .search-title__form-container {
        padding: 0;
    }
}

#mobilemenu .mobilemenu__menu-item > .link-wrapper, #mobilemenu .mobilemenu__menu-item > .p-inline {
    border-radius: 7px;
    transition: background-color .16s ease, color .16s ease
}

#mobilemenu .mobilemenu__menu-item:not(.mobilemenu__menu-item--title) > .link-wrapper:hover, #mobilemenu .mobilemenu__menu-item:not(.mobilemenu__menu-item--title) > .p-inline:hover {
    background: var(--card_bg_hover, #f3f3f5)
}

#mobilemenu .mobilemenu__menu-item--parent > .link-wrapper, #mobilemenu .mobilemenu__menu-item--parent > .p-inline, #mobilemenu .mobilemenu__menu-item--parent > .link-wrapper > a, #mobilemenu [data-local-mobile-action] {
    cursor: pointer
}

#mobilemenu .mobilemenu__menu-item--parent > .link-wrapper:hover .menu-arrow, #mobilemenu .mobilemenu__menu-item--parent > .link-wrapper:hover .icon-block__dropdown-icon {
    transform: translateY(-50%) translateX(2px)
}

#mobilemenu .mobilemenu__menu-item--parent > .link-wrapper .menu-arrow, #mobilemenu .mobilemenu__menu-item--parent > .link-wrapper .icon-block__dropdown-icon {
    transition: transform .16s ease
}

#mobilemenu .mobilemenu__menu-item > .link-wrapper:active, #mobilemenu .mobilemenu__menu-item > .p-inline:active {
    background: var(--card_bg_active, #ebebee)
}

.local-list-item {
    display: grid;
    grid-template-columns:82px minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid var(--stroke_black, #e6e6e8)
}

.local-list-item__image {
    display: grid;
    place-items: center;
    width: 82px;
    height: 82px;
    border-radius: 7px;
    overflow: hidden;
    background: var(--darkerblack_bg_black, #f5f5f6)
}

.local-list-item__image img {
    width: 100%;
    height: 100%;
    padding: 5px;
    object-fit: contain
}

.local-list-item__title {
    margin-bottom: 7px;
    color: var(--white_text_black, #28282d);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500
}

.local-list-item__price {
    color: var(--white_text_black, #28282d);
    font-size: 15px;
    font-weight: 600
}

.local-list-item__remove {
    border: 0;
    background: #fff0;
    color: #929296;
    font: inherit;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer
}

.local-list-item__remove:hover {
    color: #28282d
}

@media (max-width: 600px) {
    .local-list-item {
        grid-template-columns:64px minmax(0, 1fr)
    }

    .local-list-item__image {
        width: 64px;
        height: 64px
    }

    .local-list-item__remove {
        grid-column: 2;
        justify-self: start
    }
}

#mobilemenu .mobilemenu__menu-item > .link-wrapper, #mobilemenu .mobilemenu__menu-item > .p-inline {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    border-radius: 7px !important;
    transition: background-color .14s ease, color .14s ease, transform .14s ease !important
}

#mobilemenu .mobilemenu__menu-item > .link-wrapper > a, #mobilemenu .mobilemenu__menu-item > .link-wrapper > button, #mobilemenu .mobilemenu__menu-item > .p-inline > a, #mobilemenu .mobilemenu__menu-item > .p-inline > button {
    width: 100% !important;
    box-sizing: border-box
}

#mobilemenu .mobilemenu__menu--top > .mobilemenu__menu-list > .mobilemenu__menu-item:not(.mobilemenu__menu-item--title):hover > .link-wrapper, #mobilemenu :is(.mobilemenu__menu--cabinet,.mobilemenu__menu--compare,.mobilemenu__menu--favorite,.mobilemenu__menu--cart) .mobilemenu__menu-item:hover > .link-wrapper, #mobilemenu .mobilemenu__menu--regions .mobilemenu__menu-item:hover > .p-inline {
    background: #f5f5f8 !important
}

#mobilemenu .mobilemenu__menu-dropdown > .mobilemenu__menu-item:not(.mobilemenu__menu-item--title):not(.mobilemenu__menu-item--no-hover):hover > .link-wrapper {
    background: #f5f5f8 !important
}

#mobilemenu .mobilemenu__menu-item:hover > .link-wrapper .font_15, #mobilemenu .mobilemenu__menu-item:hover > .p-inline .font_15 {
    color: #242429 !important
}



.local-template-fixed-count .bottom_nav, .local-template-fixed-count .ajax_load_btn {
    display: none !important
}

#mobilemenu .mobilemenu__menu-item > .link-wrapper, #mobilemenu .mobilemenu__menu-item > .p-inline {
    border-radius: 7px !important;
    background-color: transparent !important;
    transition: background-color .14s ease, color .14s ease !important
}

#mobilemenu .mobilemenu__menu-item:not(.mobilemenu__menu-item--title):hover > .link-wrapper, #mobilemenu .mobilemenu__menu-item:not(.mobilemenu__menu-item--title):hover > .p-inline, #mobilemenu .mobilemenu__menu-item.local-menu-hovered > .link-wrapper, #mobilemenu .mobilemenu__menu-item.local-menu-hovered > .p-inline {
    background-color: #f3f3f6 !important
}

#mobilemenu .mobilemenu__menu-item:not(.mobilemenu__menu-item--title) > .link-wrapper > :is(a,button):hover, #mobilemenu .mobilemenu__menu-item.local-menu-hovered > .link-wrapper > :is(a,button), #mobilemenu .mobilemenu__menu-item:not(.mobilemenu__menu-item--title) > .p-inline > :is(a,button):hover, #mobilemenu .mobilemenu__menu-item.local-menu-hovered > .p-inline > :is(a,button) {
    background-color: #f3f3f6 !important;
    border-radius: 7px !important
}

#mobilemenu .mobilemenu__menu--top > .mobilemenu__menu-list > .mobilemenu__menu-item > .link-wrapper, #mobilemenu :is(.mobilemenu__menu--cabinet,.mobilemenu__menu--compare,.mobilemenu__menu--favorite,.mobilemenu__menu--cart) .mobilemenu__menu-item > .link-wrapper {
    margin-inline: 0 !important
}

#mobilemenu .mobilemenu__menu-item.local-menu-hovered .font_15, #mobilemenu .mobilemenu__menu-item:hover .font_15 {
    color: #202026 !important
}



.services-list .local-service-more-item[hidden] {
    display: none !important
}

.services-list .local-service-more-item.local-service-reveal {
    animation: localServiceReveal .28s ease both
}

@keyframes localServiceReveal {
    from {
        opacity: 0;
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

#mobilemenu .mobilemenu__menu--local-catalog > .mobilemenu__menu-list > .mobilemenu__menu-item.local-mobile-catalog-root > .link-wrapper {
    padding: 0 !important;
    background: transparent !important
}

#mobilemenu .local-mobile-catalog-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 45px;
    box-sizing: border-box;
    padding: 12px 18px !important;
    border-radius: 7px !important;
    background: #f9d983 !important;
    color: #222228 !important;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    transition: background-color .15s ease !important
}

#mobilemenu .local-mobile-catalog-root:hover > .link-wrapper > .local-mobile-catalog-button, #mobilemenu .local-mobile-catalog-button:hover {
    background: #f5ce68 !important
}

#mobilemenu .local-mobile-catalog-root.local-menu-hovered > .link-wrapper, #mobilemenu .local-mobile-catalog-root:hover > .link-wrapper {
    background: transparent !important
}

#mobilemenu .mobilemenu__menu--local-catalog .mobilemenu__menu-dropdown > .mobilemenu__menu-item:not(.mobilemenu__menu-item--title):not(.mobilemenu__menu-item--no-hover) > .link-wrapper {
    min-height: 42px;
    display: flex !important;
    align-items: center
}

#mobilemenu .mobilemenu__menu--local-catalog .mobilemenu__menu-parent-link {
    color: #222228 !important
}

header .header-favorite, header .header-favorite .header-icon, header .header-favorite .favorite-block, header .header-favorite .favorite-block svg, header .header-favorite .favorite-block svg path {
    color: inherit !important
}

header .header-favorite .favorite-block svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
    transition: fill .2s ease, stroke .2s ease !important
}

header.theme-dark .header-favorite, header.theme-dark .header-favorite .favorite-block svg path {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important
}

header.theme-light .header-favorite, header.theme-light .header-favorite .favorite-block svg path {
    color: #222228 !important;
    fill: #222228 !important;
    stroke: #222228 !important
}

.stories-slider {
    overflow: hidden !important;
    cursor: grab;
    touch-action: pan-y
}

.stories-slider:active {
    cursor: grabbing
}

.stories-slider .swiper-wrapper, .stories-slider__wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start
}

.stories-slider .swiper-slide, .stories-slider__item {
    flex-shrink: 0 !important;
    min-width: 0;
    user-select: none;
    -webkit-user-drag: none
}

.stories-slider .stories-item__image img {
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none
}

.headers-container header.header .logo img {
    transition: opacity .16s ease
}

#scrollToTop.local-scroll-to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 5000;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--theme-base-color, #ff7a13);
    color: #fff;
    box-shadow: 0 6px 20px rgb(0 0 0 / .12);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease, background-color .15s ease
}

#scrollToTop.local-scroll-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0)
}

#scrollToTop.local-scroll-to-top:hover {
    background: #e96000
}

#scrollToTop.local-scroll-to-top svg {
    display: block;
    pointer-events: none
}

@media (max-width: 767px) {
    #scrollToTop.local-scroll-to-top {
        right: 14px;
        bottom: 14px;
        width: 42px;
        height: 42px
    }
}

.local-fast-view__property {
    margin-inline: -10px;
    padding: 7px 10px;
    border-radius: 6px;
    transition: background-color .14s ease, color .14s ease
}

.local-fast-view__property-name, .local-fast-view__property-value {
    transition: color .14s ease, text-decoration-color .14s ease
}

@media (any-hover: hover) {
    .local-fast-view__property:hover {
        background: #f6f6f8
    }

    .local-fast-view__property:hover .local-fast-view__property-name {
        color: #77777c
    }

    .local-fast-view__property:hover .local-fast-view__property-value {
        color: #222228;
        text-decoration-color: #8f8f94
    }
}

body.theme-dark .local-fast-view__property:hover {
    background: #313137
}

body.theme-dark .local-fast-view__property:hover .local-fast-view__property-name {
    color: #a1a1a7
}

body.theme-dark .local-fast-view__property:hover .local-fast-view__property-value {
    color: #fff;
    text-decoration-color: #77777d
}

.local-fast-view__property, .local-fast-view__property:hover {
    background: transparent !important;
    border-radius: 0 !important;
    transition: none !important
}

.local-fast-view__property:hover .local-fast-view__property-name {
    color: #96969a !important
}

.local-fast-view__property-value {
    --local-prop-text-opacity: 100%;
    --local-prop-underline-opacity: 16%;
    display: inline;
    width: fit-content;
    max-width: 100%;
    color: color-mix(in oklab, var(--white_text_black, #28282d) var(--local-prop-text-opacity), transparent) !important;
    font-weight: 400 !important;
    text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    text-decoration-style: solid !important;
    text-decoration-color: color-mix(in oklab, var(--white_text_black, #28282d) var(--local-prop-underline-opacity), transparent) !important;
    text-underline-offset: .2em !important;
    cursor: pointer;
    transition: color .15s ease
}

@media (any-hover: hover) {
    .local-fast-view__property-value:hover, .local-fast-view__property-value:focus-visible, .local-fast-view__property:hover .local-fast-view__property-value:hover {
        --local-prop-text-opacity: 72%;
        color: color-mix(in oklab, var(--white_text_black, #28282d) 72%, transparent) !important;
        text-decoration-line: none !important
    }

    .local-fast-view__property:hover .local-fast-view__property-value:not(:hover) {
        --local-prop-text-opacity: 100%;
        color: color-mix(in oklab, var(--white_text_black, #28282d) 100%, transparent) !important;
        text-decoration-line: underline !important;
        text-decoration-color: color-mix(in oklab, var(--white_text_black, #28282d) 16%, transparent) !important
    }
}

body.theme-dark .local-fast-view__property, body.theme-dark .local-fast-view__property:hover {
    background: transparent !important
}

body.theme-dark .local-fast-view__property:hover .local-fast-view__property-name {
    color: var(--light_basic_text_black, #99999d) !important
}

@media (max-width: 990px) {
    .header__main-part.part-with-search.line-block.line-block--gap {
        display: none
    }
}

.main-slider__item, .banners-big__item {
    position: relative
}

.pm-hero-overlay {
    position: absolute;
    z-index: 8;
    inset: 0;
    pointer-events: none
}

.pm-hero-overlay__container {
    display: flex;
    align-items: center;
    height: 100%
}

.pm-hero-content {
    width: min(590px, 52%);
    pointer-events: auto
}

.pm-hero-title {
    display: inline-block;
    max-width: 100%;
    margin: 0;
    padding: 20px 24px 21px;
    border-radius: 11px;
    font-size: clamp(36px, 2.55vw, 40px);
    line-height: 1.04;
    font-weight: 650;
    letter-spacing: -.038em;
    -webkit-backdrop-filter: blur(24px) saturate(120%)
}

.pm-hero-description {
    width: fit-content;
    max-width: 510px;
    margin-top: 9px;
    padding: 14px 18px 15px;
    border-radius: 9px;
    font-size: 16px;
    line-height: 1.52;
    font-weight: 400;
    -webkit-backdrop-filter: blur(24px) saturate(120%)
}

.pm-hero-content--dark .pm-hero-title {
    color: rgb(28 25 23 / .69);
    text-transform: uppercase
}

.pm-hero-content--dark .pm-hero-description {
    color: rgb(28 25 23 / .59);
    box-shadow: 0 8px 30px rgb(0 0 0 / .08), inset 0 0 0 rgb(255 255 255 / .60)
}

.pm-hero-content--light .pm-hero-title {
    text-transform: uppercase;
    color: rgb(244 241 236 / .80)
}

.pm-hero-content--light .pm-hero-description {
    color: rgb(244 241 236 / .70)
}

.pm-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 17px;
    text-decoration: none
}

.pm-hero-btn svg {
    flex: none;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .2s ease
}

.pm-hero-btn:hover svg {
    transform: translateX(3px)
}

.main-slider__item .target {
    z-index: 2
}

.pm-hero-overlay {
    z-index: 8
}

@media (max-width: 1200px) {
    .pm-hero-content {
        width: min(550px, 55%)
    }

    .pm-hero-title {
        padding: 18px 21px 19px;
        font-size: clamp(33px, 3.2vw, 44px)
    }

    .pm-hero-description {
        max-width: 480px;
        font-size: 15px
    }
}

a.btn.btn-default.pm-hero-btn {
    margin: 0 0 0 18px
}

.drag-block.container.CATALOG_SECTIONS {
    padding-top: 40px
}

@media (max-width: 991px) {
    a.btn.btn-default.pm-hero-btn {
        margin: 0 auto;
        display: flex;
        margin-top: 5px
    }

    .pm-hero-content--dark .pm-hero-description {
        color: rgb(28 25 23 / .59);
        box-shadow: 0 8px 30px rgb(0 0 0 / .08), inset 0 0 0 rgb(255 255 255 / .6);
        background: rgb(244 241 236 / .50)
    }

    .pm-hero-content {
        width: min(500px, 65%)
    }

    .pm-hero-title {
        padding: 17px 20px 18px;
        font-size: 34px
    }

    .pm-hero-description {
        max-width: 450px;
        padding: 13px 16px 14px;
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .pm-hero-overlay__container {
        align-items: center
    }

    .pm-hero-content {
        width: min(100%, 520px)
    }

    .pm-hero-title {
        padding: 15px 17px 16px;
        border-radius: 9px;
        font-size: clamp(27px, 7vw, 34px);
        line-height: 1.07
    }

    .pm-hero-description {
        max-width: 94%;
        margin-top: 7px;
        padding: 12px 15px 13px;
        border-radius: 8px;
        font-size: 14px;
        line-height: 1.45
    }

    .pm-hero-btn {
        margin-top: 13px
    }
}

@media (max-width: 480px) {
    .pm-hero-title {
        font-size: 24px;
        padding: 14px 15px
    }

    .pm-hero-description {
        max-width: 100%;
        padding: 11px 14px 12px;
        font-size: 13px
    }
}

.pm-collections .pm-collection-clip-svg {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none
}

.pm-collections .pm-collection-card {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.pm-collections .pm-collection-card__content {
    width: 100%
}

.pm-collections .pm-collection-title {
    padding-right: 8px
}

.pm-collections .pm-collection-desc {
    margin: 0
}

.pm-collections .pm-collection-arrow {
    flex: 0 0 auto
}

.pm-collections .absolute-link {
    z-index: 3
}

.pm-collections .pm-collection-mosaic {
    position: relative;
    display: block !important;
    width: 100%;
    aspect-ratio: 3 / 2;
    margin-top: auto;
    background: #fff;
    overflow: visible
}

.pm-collections .pm-collection-mosaic__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-clip-path: url(#pm-collection-six-tiles);
    clip-path: url(#pm-collection-six-tiles)
}

.pm-collections .pm-collection-card {
    transition: border-color 0.2s ease
}

.pm-collections .pm-collection-card:hover {
    border-color: #e7e7e7
}

@media (max-width: 768px) {
    .pm-collections .pm-collection-card {
        padding: 24px
    }
}

.pm-storage-banner {
    position: relative;
    overflow: hidden
}

.pm-storage-banner__content {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: clamp(28px, 5vw, 95px);
    width: min(42%, 590px);
    transform: translateY(-50%);
    color: #fff
}

.pm-storage-banner__title {
    max-width: 570px;
    font-size: clamp(22px, 2vw, 36px);
    line-height: 1.08;
    font-weight: 600;
    letter-spacing: -.025em;
    color: #fff
}

.pm-storage-banner__text {
    margin-top: 13px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: rgb(255 255 255 / .76)
}

@media (max-width: 991px) {
    .pm-storage-banner__content {
        left: 34px;
        width: 43%
    }

    .pm-storage-banner__title {
        font-size: 24px
    }

    .pm-storage-banner__text {
        margin-top: 9px;
        font-size: 13px
    }
}

@media (max-width: 600px) {
    .pm-storage-banner__content {
        left: 16px;
        width: 46%
    }

    .pm-storage-banner__title {
        font-size: clamp(12px, 3.7vw, 12px);
        line-height: 1.1;
        letter-spacing: -.015em
    }

    .pm-storage-banner__text {
        margin-top: 5px;
        font-size: 9px;
        line-height: 1.25;
        color: rgb(255 255 255 / .72)
    }
}

.pm-contacts-layout {
    display: flex;
    align-items: stretch;
    gap: 24px
}

.pm-contacts-aside {
    flex: 0 0 390px;
    width: 390px;
    max-width: 390px
}

.pm-contacts-list {
    min-height: 528px
}

.pm-contacts-list .map-items__inner-wrapper {
    height: 100%
}

.pm-contacts-list .map-items__inner {
    height: 100%;
    display: flex;
    flex-direction: column
}

.pm-contact-branch + .pm-contact-branch {
    margin-top: 16px
}

.pmcontacts-map-wrap {
    position: relative
}

.pmcontacts-map-wrap .pmcontacts-map-marker {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    cursor: default
}

.pmcontacts-map-marker__pin {
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 4px solid #fff;
    border-radius: 50% 50% 50% 0;
    background: #ff6414;
    box-shadow: 0 2px 8px rgb(0 0 0 / .25);
    transform: rotate(-45deg);
    cursor: pointer;
    transition: transform .2s ease
}

.pmcontacts-map-marker__pin::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin: 7px;
    border-radius: 50%;
    background: #fff
}

.pmcontacts-map-marker.is-active .pmcontacts-map-marker__pin {
    transform: rotate(-45deg) scale(1.15)
}

.pmcontacts-map-popup {
    position: absolute;
    left: 15px;
    bottom: 42px;
    width: 220px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 24px rgb(0 0 0 / .2);
    color: #222;
    font-size: 13px;
    line-height: 1.4;
    transform: translateX(-50%)
}

.pmcontacts-map-popup strong,
.pmcontacts-map-popup span {
    display: block
}

.pmcontacts-map-popup span {
    margin-top: 4px;
    color: #666
}

.pmcontacts-map-open {
    position: absolute;
    z-index: 2;
    left: 12px;
    bottom: 40px;
    padding: 9px 13px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 10px rgb(0 0 0 / .18);
    color: #222 !important;
    font-size: 12px;
    font-weight: 600;
    min-height: 24px;
    box-sizing: border-box;
    text-decoration: none !important
}

.pmcontacts-map-load {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    min-height: 44px;
    padding: 11px 18px;
    border: 0;
    border-radius: var(--theme-button-border-radius, 8px);
    background: var(--theme-base-color, #ff7a13);
    color: #fff;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

.pm-map-place {
    position: relative;
    border-bottom: 1px solid rgb(0 0 0 / .08);
    transition: background-color .2s ease, box-shadow .2s ease
}

.pm-map-place::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: var(--theme-base-color, #ff7a13);
    opacity: 0;
    transform: scaleY(.45);
    transition: opacity .2s ease, transform .2s ease
}

.pm-map-place:hover, .pm-map-place.is-active {
    background: rgb(255 122 19 / .055)
}

.pm-map-place.is-active::before {
    opacity: 1;
    transform: scaleY(1)
}

.pm-map-place__badge {
    margin-bottom: 7px;
    color: var(--theme-base-color, #ff7a13);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 500
}

.pm-map-place__top .map-items__item-title {
    line-height: 1.35
}

.pm-map-place__info {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 14px
}

.pm-map-place__row {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--basic_text_black, #555)
}

.pm-map-place__row svg {
    flex: 0 0 18px;
    margin-top: 1px;
    color: #999
}

.pm-map-place__buttons {
    margin-top: 16px
}

.pm-map-place__buttons .btn {
    white-space: nowrap
}

.pm-contacts-aside .map-container {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: auto !important
}

.pm-contacts-map-wrapper::before {
    display: none !important
}

.pm-contacts-map-wrapper {
    min-width: 0;
    min-height: 528px;
    background: #f2f2f2
}

#pm-contacts-map {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 528px
}

.pm-yandex-map-frame {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 528px;
    border: 0
}

@media (max-width: 991px) {
    .pm-contacts-layout {
        flex-direction: column
    }

    .pm-contacts-aside {
        flex: none;
        width: 100%;
        max-width: none
    }

    .pm-contacts-list {
        height: auto
    }

    .pm-contacts-map-wrapper {
        width: 100%;
        min-height: 430px
    }

    #pm-contacts-map, .pm-yandex-map-frame {
        min-height: 430px
    }
}

@media (max-width: 600px) {
    .pm-contacts-layout {
        gap: 16px
    }

    .pm-map-place {
        padding: 18px !important
    }

    .pm-map-place__buttons .btn {
        width: 100%;
        text-align: center
    }

    .pm-contacts-map-wrapper {
        min-height: 360px;
        border-radius: var(--theme-outer-border-radius, 12px)
    }

    #pm-contacts-map, .pm-yandex-map-frame {
        min-height: 360px
    }
}

.pm-footer-bottom {
    display: grid;
    grid-template-columns:190px minmax(0, 1fr) 320px;
    gap: 48px;
    align-items: start;
    padding: 8px 0
}

.pm-footer-bottom__copy {
    align-self: center;
    line-height: 1.6;
    color: var(--basic_text_black, #555)
}

.pm-footer-bottom__notice {
    max-width: 900px;
    line-height: 1.7;
    color: var(--light_basic_text_black, #6b6b70)
}

.pm-footer-bottom__docs {
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px
}

.pm-footer-bottom__docs a {
    color: var(--secondary, #6b6b70);
    line-height: 1.55;
    text-decoration: none
}

.footer__bottom-part-inner {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

@media (max-width: 1199px) {
    .pm-footer-bottom {
        grid-template-columns:180px minmax(0, 1fr) 270px;
        gap: 32px
    }
}

@media (max-width: 991px) {
    .pm-footer-bottom {
        grid-template-columns:180px minmax(0, 1fr);
        gap: 24px 36px
    }

    .pm-footer-bottom__copy {
        align-self: start
    }

    .pm-footer-bottom__docs {
        grid-column: 2;
        align-self: start
    }
}

@media (max-width: 600px) {
    .footer__bottom-part-inner {
        padding-top: 28px !important;
        padding-bottom: 28px !important
    }

    .pm-footer-bottom {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0
    }

    .pm-footer-bottom__copy, .pm-footer-bottom__docs {
        align-self: stretch
    }

    .pm-footer-bottom__notice {
        max-width: none;
        line-height: 1.65
    }

    .pm-footer-bottom__docs {
        gap: 8px
    }
}

.pm-modal {
    width: min(520px, calc(100vw - 32px));
    padding: 34px;
    border-radius: var(--theme-outer-border-radius, 12px);
    background: var(--black_bg_black, #fff);
    color: var(--white_text_black, #222)
}

.pm-modal__head {
    margin-bottom: 24px
}

.pm-modal__eyebrow {
    margin-bottom: 8px;
    color: var(--theme-base-color, #ff7a13);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em
}

.pm-modal__title {
    margin: 0;
    font: 500 26px/1.2 var(--theme-font-title-family, 'Roboto Slab'), serif
}

.pm-modal__text {
    margin: 12px 0 0;
    color: var(--light_basic_text_black, #777);
    font-size: 14px;
    line-height: 1.55
}

.pm-modal__form {
    display: grid;
    gap: 15px
}

.pm-modal__field {
    display: grid;
    gap: 7px;
    margin: 0;
    font-size: 13px;
    font-weight: 500
}

.pm-modal__field input, .pm-modal__field textarea {
    width: 100%;
    min-height: 46px;
    padding: 11px 13px;
    border: 1px solid var(--stroke_black, #ddd);
    border-radius: var(--theme-button-border-radius, 6px);
    background: var(--black_bg_black, #fff);
    color: var(--white_text_black, #222);
    font: inherit;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease
}

.pm-modal__field textarea {
    resize: vertical
}

.pm-modal__field input:focus, .pm-modal__field textarea:focus {
    border-color: var(--theme-base-color, #ff7a13);
    box-shadow: 0 0 0 3px rgb(255 122 19 / .12)
}

.pm-modal__check {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 2px 0 3px;
    color: var(--light_basic_text_black, #777);
    font-size: 12px;
    line-height: 1.45
}

.pm-modal__check input {
    margin-top: 2px;
    accent-color: var(--theme-base-color, #ff7a13)
}

.pm-modal__status {
    min-height: 0;
    color: var(--light_basic_text_black, #777);
    font-size: 13px;
    line-height: 1.45
}

.pm-modal__status.is-success {
    padding: 11px 13px;
    border-radius: 6px;
    background: rgb(255 122 19 / .08);
    color: var(--white_text_black, #333)
}

.pm-modal__link-btn {
    justify-self: start;
    padding: 0;
    border: 0;
    background: #fff0;
    color: var(--theme-base-color, #ff7a13);
    font: inherit;
    cursor: pointer
}

@media (max-width: 600px) {
    .pm-modal {
        width: calc(100vw - 20px);
        padding: 24px 20px
    }

    .pm-modal__title {
        font-size: 22px
    }
}

/* Joomla content / error pages */
.pm-component-page {
    padding: 40px 0 80px;
    min-height: 45vh
}

.pm-error-body {
    margin: 0;
    min-width: 320px;
    background: #f7f7f7;
    color: #222
}

.pm-error-page {
    width: min(100% - 32px, 760px);
    min-height: 100vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 48px 0
}

.pm-error-page__logo {
    display: inline-flex;
    margin-bottom: 48px
}

.pm-error-page__logo img {
    display: block;
    max-width: 100%;
    height: auto
}

.pm-error-page__code {
    font: 600 clamp(64px, 12vw, 128px)/.9 var(--theme-font-title-family, 'Roboto Slab', serif);
    color: var(--theme-base-color, #ff7a13);
    margin-bottom: 24px
}

.pm-error-page h1 {
    margin: 0 0 16px;
    font: 500 clamp(28px, 5vw, 48px)/1.15 var(--theme-font-title-family, 'Roboto Slab', serif)
}

.pm-error-page p {
    max-width: 600px;
    margin: 0 0 28px;
    line-height: 1.6;
    color: #666
}

@media (max-width: 600px) {
    .pm-component-page {
        padding: 24px 0 56px
    }

    .pm-error-page {
        padding: 32px 0
    }

    .pm-error-page__logo {
        margin-bottom: 36px
    }
}

/* PM174: mobile off-canvas overlay — canonical rule */

:root {
    --pm-overlay-background: rgba(18, 18, 20, .34);
    --pm-overlay-blur: blur(4px);
}

/* PM174 mobile off-canvas overlay.
 * Keep the overlay and #mobilemenu under body, outside the transformed sticky
 * header. They share the viewport stacking context, with the page below them,
 * while the drawer itself stays crisp above it. */
.local-mobilemenu-overlay {
    position: fixed !important;
    inset: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: 100dvh !important;
    z-index: 3001 !important;
    background: var(--pm-overlay-background) !important;
    -webkit-backdrop-filter: var(--pm-overlay-blur) !important;
    backdrop-filter: var(--pm-overlay-blur) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .22s ease, visibility .22s ease !important;
}

.local-mobilemenu-overlay.show,
body.pm-mobilemenu-open .local-mobilemenu-overlay {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#mobilemenu {
    position: fixed !important;
    z-index: 3002 !important;
}

/* The drawer must never inherit the blur/dimming from the backdrop. */
body.pm-mobilemenu-open #mobilemenu,
#mobilemenu.show {
    -webkit-filter: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/* Keep every modal/off-canvas backdrop consistent with the burger menu. */
.uk-offcanvas-overlay::before,
.uk-modal,
.fancybox__backdrop,
dialog::backdrop {
    background: var(--pm-overlay-background) !important;
    -webkit-backdrop-filter: var(--pm-overlay-blur) !important;
    backdrop-filter: var(--pm-overlay-blur) !important;
}
/* Desktop catalog: category image like donor mega-menu */
.local-catalog-grid
.local-catalog-group.header-menu__dropdown-item.has_img {
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

.local-catalog-grid
.local-catalog-group.header-menu__dropdown-item.has_img
.header-menu__dropdown-item-img {
    flex: 0 0 56px;
    width: 56px;
}

.local-catalog-grid
.local-catalog-group.header-menu__dropdown-item.has_img
.header-menu__dropdown-item-img-inner {
    width: 56px;
    height: 56px;
}

.local-catalog-grid
.local-catalog-group.header-menu__dropdown-item.has_img
.header-menu__dropdown-item-img-inner a {
    display: block;
    width: 56px;
    height: 56px;
}

.local-catalog-grid
.local-catalog-group.header-menu__dropdown-item.has_img
.local-catalog-group__image {
    border-radius: 5px;
    display: block;
    width: 56px;
    height: 56px;
    object-fit: cover;
}

.local-catalog-grid
.local-catalog-group.header-menu__dropdown-item.has_img
.header-menu__wide-item-wrapper {
    min-width: 0;
    flex: 1 1 auto;
}

svg.pm-menu-svg {
    height: 20px;
    width: 20px;
}

/* RadicalMart breadcrumb override. */
.pm-breadcrumbs .breadcrumbs {
    padding-block: 16px;
}

.pm-breadcrumbs .breadcrumbs__item {
    position: relative;
}

.pm-breadcrumbs .breadcrumbs__link {
    color: var(--secondary, #777);
}

.pm-breadcrumbs .breadcrumbs__link:hover {
    color: var(--white_text_black, #222);
}

.pm-breadcrumbs [aria-current="page"] {
    color: #999;
}

.pm-breadcrumbs .category-separator {
    background: #aaa;
}

.pm-breadcrumbs .breadcrumbs__link-svg {
    display: inline-block;
    margin: 0 3px 1px 5px;
    opacity: .5;
    line-height: 0;
}

.pm-breadcrumbs .breadcrumbs__dropdown-wrapper {
    position: absolute;
    top: 100%;
    left: -15px;
    z-index: 108;
    width: 250px;
    max-width: 80vw;
    padding-top: 8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease, visibility .15s ease;
}

.pm-breadcrumbs .breadcrumbs__item--with-dropdown:hover .breadcrumbs__dropdown-wrapper,
.pm-breadcrumbs .breadcrumbs__item--with-dropdown:focus-within .breadcrumbs__dropdown-wrapper {
    opacity: 1;
    visibility: visible;
}

.pm-breadcrumbs .breadcrumbs__dropdown {
    padding: 8px;
    max-height: 288px;
    overflow: auto;
    background: var(--black_bg_black, #fff);
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 5px 20px #0002;
}

.pm-breadcrumbs .breadcrumbs__dropdown-item {
    display: block;
    padding: 4px 8px;
    white-space: normal;
    font-size: 13px;
}

.pm-breadcrumbs .breadcrumbs__dropdown-item:hover {
    background: #f5f5f5;
}

@media (max-width: 600px) {
    .pm-breadcrumbs .breadcrumbs {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        margin-right: calc(var(--theme-page-width-padding) * -1);
        margin-left: calc(var(--theme-page-width-padding) * -1);
        padding-left: var(--theme-page-width-padding);
        scrollbar-width: none;
    }

    .pm-breadcrumbs .breadcrumbs::-webkit-scrollbar {
        display: none;
    }

    .pm-breadcrumbs .hide-600 {
        display: none;
    }
}
/* Parket Master RM3 product gallery.
     * The FIRST gallery image fills the whole image area while keeping its proportions.
     * object-fit: cover intentionally crops only the excess edges instead of distorting the photo.
     */
.pm-rm-products-module .section-gallery-wrapper__item:first-child {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.pm-rm-products-module .section-gallery-wrapper__item:first-child > img.img-responsive {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-width: 100%;
    min-height: 100%;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover;
    object-position: center center;
}

/* Parket Master RM3 quantity + package calculator (module grid v6).
 * Full-width order block for compact 5-column product cards.
 */
.pm-rm-products-module .pm-rm-price-unit {
    display: inline-block;
    margin-left: 5px;
    font-weight: 400;
    white-space: nowrap;
}

/* Keep the whole calculator inside the full available width of the card. */
.pm-rm-products-module .catalog-block__info-bottom,
.pm-rm-products-module .catalog-block__info-bottom-wrapper,
.pm-rm-products-module .catalog-block__info-bottom-wrapper > .flex-1,
.pm-rm-products-module .buy_block,
.pm-rm-products-module .buy_block .buttons,
.pm-rm-products-module .btn-actions__primary-button,
.pm-rm-products-module .pm-rm-cart {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Keep the commerce row on one baseline across equal-height home cards. */
.pm-rm-products-module .pm-rm-card .catalog-block__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pm-rm-products-module .pm-rm-card .catalog-block__info {
    flex: 1 1 auto;
    flex-direction: column;
    margin-bottom: 0;
}
.pm-rm-products-module .pm-rm-card .catalog-block__info-bottom {
    margin-top: auto;
    padding-top: 16px;
}

.pm-rm-products-module .pm-rm-cart__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

/* The quantity control receives all free width left by the Add to cart button. */
.pm-rm-products-module .pm-rm-qty {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
}
.pm-rm-products-module .pm-rm-qty__btn {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: opacity .18s ease, transform .18s ease, background-color .18s ease;
}
.pm-rm-products-module .pm-rm-qty__btn:hover { transform: translateY(-1px); }
.pm-rm-products-module .pm-rm-qty__btn:disabled { opacity: .4; cursor: default; transform: none; }
.pm-rm-products-module .pm-rm-qty__btn--minus {
    background: var(--stroke_black, #ececec);
    color: var(--white_text_black, #222228);
}
.pm-rm-products-module .pm-rm-qty__btn--plus {
    background: var(--theme-base-color, #ff7a13);
    color: #fff;
}
.pm-rm-products-module .pm-rm-qty__field {
    position: relative;
    display: block;
    flex: 1 1 0;
    width: auto;
    min-width: 50px;
    height: 40px;
    margin: 0;
}
.pm-rm-products-module .pm-rm-qty__input {
    display: block;
    width: 100%;
    min-width: 0;
    height: 40px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid var(--stroke_black, #dedede);
    border-radius: 10px;
    outline: none;
    background: var(--card_bg_black, #fff);
    color: var(--white_text_black, #222228);
    text-align: center;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 38px;
    box-sizing: border-box;
    appearance: textfield;
    -moz-appearance: textfield;
}
.pm-rm-products-module .pm-rm-qty__input::-webkit-outer-spin-button,
.pm-rm-products-module .pm-rm-qty__input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.pm-rm-products-module .pm-rm-cart--pack .pm-rm-qty__input {
    padding-left: 10px;
    padding-right: 27px;
}
.pm-rm-products-module .pm-rm-qty__input:focus {
    border-color: var(--theme-base-color, #ff7a13);
}
.pm-rm-products-module .pm-rm-qty__unit {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 10px;
    line-height: 1;
    color: var(--secondary-color, #8b8b8b);
}

/* Do not let the basket button consume the free width intended for quantity. */
.pm-rm-products-module .pm-rm-cart__submit {
    display: block;
    flex: 0 0 112px;
    width: 112px;
    min-width: 112px;
}
.pm-rm-products-module .pm-rm-cart__submit .btn {
    width: 100%;
    min-width: 0;
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
}

/* The package result spans the same full width as the controls above. */
.pm-rm-products-module .pm-rm-pack-summary {
    width: 100%;
    margin-top: 8px;
    padding: 9px 11px;
    border: 1px solid var(--stroke_black, #ececec);
    border-radius: 10px;
    background: var(--card_bg_black, #fff);
    font-size: 11px;
    line-height: 1.3;
    min-width: 0;
    box-sizing: border-box;
}
.pm-rm-products-module .pm-rm-pack-summary__meta,
.pm-rm-products-module .pm-rm-pack-summary__total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}
.pm-rm-products-module .pm-rm-pack-summary__meta {
    color: var(--secondary-color, #8b8b8b);
}
.pm-rm-products-module .pm-rm-pack-summary__meta > span,
.pm-rm-products-module .pm-rm-pack-summary__total > span {
    min-width: 0;
}
.pm-rm-products-module .pm-rm-pack-summary strong {
    color: var(--white_text_black, #222228);
    font-weight: 600;
    white-space: nowrap;
}
.pm-rm-products-module .pm-rm-pack-summary__total {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid var(--stroke_black, #ececec);
}
.pm-rm-products-module .pm-rm-pack-summary__package-price {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    min-width: 88px;
    min-height: 2.6em;
    text-align: right;
}
.pm-rm-products-module .pm-rm-pack-summary__package-price strong {
    font-weight: 400;
}
.pm-rm-products-module .pm-rm-pack-summary__price {
    color: var(--theme-base-color, #ff7a13) !important;
    font-size: 13px;
    font-weight: 700 !important;
}

@media (max-width: 1199px) {
    .pm-rm-products-module .pm-rm-cart__submit {
        flex-basis: 118px;
        width: 118px;
        min-width: 118px;
    }
}

@media (max-width: 600px) {
    .pm-rm-products-module .pm-rm-cart__actions {
        gap: 6px;
    }
    .pm-rm-products-module .pm-rm-qty {
        gap: 4px;
    }
    .pm-rm-products-module .pm-rm-qty__btn {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        font-size: 20px;
    }
    .pm-rm-products-module .pm-rm-qty__field,
    .pm-rm-products-module .pm-rm-qty__input {
        height: 36px;
    }
    .pm-rm-products-module .pm-rm-qty__input {
        font-size: 12px;
        line-height: 34px;
    }
    .pm-rm-products-module .pm-rm-cart__submit {
        flex-basis: 100px;
        width: 100px;
        min-width: 100px;
    }
    .pm-rm-products-module .pm-rm-cart__submit .btn {
        height: 36px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .pm-rm-products-module .pm-rm-pack-summary {
        padding: 7px 8px;
        font-size: 10px;
    }
    .pm-rm-products-module .pm-rm-pack-summary__price {
        font-size: 12px;
    }
}
.image-list-wrapper img {
    height: 100%;
}

/* RadicalMart category: Joomla-native layout switcher and four catalog views. */
.pm-category-layout {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    margin-top: 24px;
}

.pm-category-content {
    min-width: 0;
}

.pm-category-layout.pm-category-layout--wide {
    grid-template-columns: minmax(0, 1fr);
}

.pm-category-sidebar {
    min-width: 0;
}

.pm-catalog-container .pm-category-layout > .pm-category-sidebar {
    align-self: stretch;
    width: auto;
    padding: 0;
}

#main .pm-category-sidebar__sticky {
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    scrollbar-width: thin;
}

.pm-category-toolbar__filters {
    flex: 1 1 100%;
    min-width: 0;
}

.pm-category-toolbar__filters .pm-rm-filter {
    margin-bottom: 0;
}

.pm-category-toolbar__left {
    flex: 1;
    flex-wrap: wrap;
}

.pm-category-toolbar__right {
    align-self: flex-start;
    flex-shrink: 0;
}

@media (min-width: 960px) and (max-width: 991px) {
    .pm-catalog-container .pm-category-layout {
        display: grid;
    }
    .pm-catalog-container .pm-category-layout > .pm-category-sidebar {
        display: block;
    }
}

.pm-category-nav {
    margin-bottom: 24px;
    color: var(--white_text_black, #222);
    font-size: 14px;
}

.pm-category-nav__heading {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 0 12px;
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    font-weight: 600;
}

.pm-category-nav__heading::-webkit-details-marker {
    display: none;
}

.pm-category-nav:not([open]) .pm-category-nav__heading svg {
    transform: rotate(-90deg);
}

.pm-category-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pm-category-nav li {
    margin: 0;
}

.pm-category-nav li::before {
    content: none;
    display: none;
}

.pm-category-nav a {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 7px;
    color: inherit;
    line-height: 1.5;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.pm-category-nav__parents a,
.pm-category-nav a[aria-current="page"] {
    font-weight: 600;
}

.pm-category-nav__parents svg {
    flex-shrink: 0;
}

.pm-category-nav ul.pm-category-nav__categories {
    padding-left: 12px;
}

.pm-category-nav ul.pm-category-nav__children {
    padding-left: 14px;
}

.pm-category-nav a:hover,
.pm-category-nav a[aria-current="page"] {
    background: var(--light_bg_black, #f4f4f6);
}

.pm-category-nav a:hover {
    color: var(--theme-base-color, #ff7a13);
}

.pm-category-sidebar__menu,
.pm-category-sidebar__filter {
    overflow: hidden;
    border: 1px solid var(--stroke_black, #ececec);
    border-radius: var(--theme-outer-border-radius, 12px);
    background: var(--card_bg_black, #fff);
}

.pm-category-sidebar__menu {
    margin-bottom: 24px;
    padding: 16px;
}

.pm-category-sidebar__menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pm-category-sidebar__menu a {
    display: block;
    padding: 7px 8px;
    border-radius: 7px;
    color: var(--white_text_black, #222);
    text-decoration: none;
}

.pm-category-sidebar__menu a:hover,
.pm-category-sidebar__menu .active > a {
    color: var(--theme-base-color, #ff7a13);
    background: var(--light_bg_black, #f6f6f6);
}

.pm-category-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.pm-category-topic {
    margin-bottom: 24px;
}

.pm-category-topic .topic__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.pm-category-topic h1 {
    margin: 0;
    line-height: 1.2;
}

.pm-category-topic .element-count {
    display: inline-block;
    padding: 8px 12px;
    line-height: 1;
}

.pm-category-toolbar__left,
.pm-category-toolbar__right {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.pm-category-toolbar .uk-select {
    min-width: 220px;
    height: 38px;
    border-radius: var(--theme-button-border-radius, 8px);
    border-color: var(--stroke_black, #dedede);
    background-color: var(--card_bg_black, #fff);
}

.pm-view-switcher {
    display: inline-flex;
    gap: 4px;
    padding: 3px;
    border-radius: 9px;
    background: var(--light_bg_black, #f3f3f3);
}

.pm-view-switcher__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 8px;
    border: 0;
    border-radius: 7px;
    color: var(--secondary, #888);
    background: transparent;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.pm-view-switcher__button:hover,
.pm-view-switcher__button.is-active {
    color: var(--theme-base-color, #ff7a13);
    background: var(--card_bg_black, #fff);
    box-shadow: 0 1px 4px #0001;
}

.pm-view-switcher__button svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.pm-catalog-products {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.pm-catalog-products--tile {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pm-catalog-products--table {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pm-catalog-products--list,
.pm-catalog-products--price {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

.pm-catalog-products > div,
.pm-rm-card,
.pm-rm-card > .catalog-block__item {
    min-width: 0;
    height: 100%;
}

.pm-catalog-products--tile > .pm-catalog-products__ad,
.pm-catalog-products--table > .pm-catalog-products__ad {
    grid-column: span var(--pmads-grid-span, 1);
}

.pm-catalog-products__ad > .pmads {
    height: 100%;
}

.pm-rm-category .pm-rm-card .catalog-block__inner {
    height: 100%;
}

.pm-rm-products-module .section-gallery-wrapper {
    touch-action: pan-y pinch-zoom;
}

.pm-rm-category .pm-rm-card--tile .catalog-block__item,
.pm-rm-category .pm-rm-card--table .catalog-block__item {
    --catalog-block-padding: 0px;
}

/* Expand the hover surface outward without moving the card content. */
@media (min-width: 769px) and (hover: hover) {
    .pm-rm-category .pm-rm-card--tile[data-hovered="true"] > .catalog-block__item,
    .pm-rm-category .pm-rm-card--table[data-hovered="true"] > .catalog-block__item {
        --catalog-block-padding: 16px;
        top: -16px;
        left: -16px;
        right: -16px;
        padding: 16px;
        background: #fff;
        box-shadow: 0 5px 30px rgb(34 34 40 / 8%);
    }
}

.pm-rm-card--table .catalog-block__info-title {
    font-size: 13px;
}

/* Reserve two title lines in category/module tiles, including expanded cards. */
.pm-rm-card--tile .catalog-block__info-title,
.pm-rm-card--table .catalog-block__info-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: calc(1em + 7px);
    height: calc(2em + 14px);
    min-height: calc(2em + 14px);
    max-height: calc(2em + 14px);
    overflow: hidden;
}

.pm-rm-card--table .pm-rm-cart__actions {
    flex-wrap: wrap;
}

.pm-rm-card--table .pm-rm-qty,
.pm-rm-card--table .pm-rm-cart__submit {
    flex-basis: 100%;
    width: 100%;
}

.pm-rm-card--list,
.pm-rm-card--price {
    border-bottom: 1px solid var(--stroke_black, #ececec);
}

.pm-rm-card--list .catalog-block__item,
.pm-rm-card--price .catalog-block__item {
    border-radius: 0;
    box-shadow: none;
}

.pm-rm-category .pm-rm-card--list .catalog-block__inner,
.pm-rm-category .pm-rm-card--price .catalog-block__inner {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) minmax(260px, 320px);
    gap: 24px;
    align-items: start;
}

.pm-rm-category .pm-rm-card--price .catalog-block__inner {
    grid-template-columns: 132px minmax(0, 1fr) minmax(300px, 360px);
    gap: 20px;
}

.pm-rm-card--list .catalog-block__info,
.pm-rm-card--price .catalog-block__info,
.pm-rm-card--list .catalog-block__info-bottom,
.pm-rm-card--price .catalog-block__info-bottom {
    margin-top: 0;
}

.pm-rm-card--list .catalog-block__offers .sku-props,
.pm-rm-card--price .catalog-block__offers .sku-props {
    display: block;
}

@media (min-width: 769px) {
    .pm-rm-card--list[data-hovered="true"] .catalog-block__item,
    .pm-rm-card--price[data-hovered="true"] .catalog-block__item {
        position: relative;
        inset: auto;
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .pm-category-layout {
        grid-template-columns: minmax(210px, 240px) minmax(0, 1fr);
        gap: 24px;
    }

    .pm-catalog-products--tile {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pm-catalog-products--table {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pm-rm-card--list .catalog-block__inner,
    .pm-rm-card--price .catalog-block__inner {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    .pm-rm-card--list .catalog-block__info-bottom,
    .pm-rm-card--price .catalog-block__info-bottom {
        grid-column: 2;
    }
}

/* RadicalMart pagination uses the same compact visual language as blog/reviews. */
.pm-rm-category .list-pagination nav,
.pm-rm-category .list-pagination .pagination__wrapper {
    width: 100%;
}
.pm-rm-category .list-pagination .pagination,
.pm-rm-category .list-pagination .uk-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}
.pm-rm-category .list-pagination .page-item,
.pm-rm-category .list-pagination .uk-pagination > li {
    margin: 0;
}
.pm-rm-category .list-pagination .page-link,
.pm-rm-category .list-pagination .uk-pagination > li > a,
.pm-rm-category .list-pagination .uk-pagination > li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--light_basic_text_black, #777);
    line-height: 1;
    text-decoration: none;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}
.pm-rm-category .list-pagination .page-item.active .page-link,
.pm-rm-category .list-pagination .page-link:hover,
.pm-rm-category .list-pagination .page-link:focus-visible,
.pm-rm-category .list-pagination .uk-pagination > li > a:hover,
.pm-rm-category .list-pagination .uk-pagination > li > a:focus-visible {
    border-color: var(--stroke_black, #e5e5e5);
    background: var(--light2_bg_black, #f5f5f5);
    color: var(--white_text_black, #222);
}
.pm-rm-category .list-pagination .page-item.active .page-link,
.pm-rm-category .list-pagination .uk-pagination > .uk-active > span {
    border-color: var(--theme-base-color, #ff7a13);
    background: var(--theme-base-color, #ff7a13);
    color: #fff;
}
.pm-rm-category .list-pagination .page-item.disabled .page-link {
    opacity: .35;
    pointer-events: none;
}
.pm-rm-category .list-pagination .pagination-start,
.pm-rm-category .list-pagination .pagination-end {
    display: none;
}

@media (max-width: 959px) {
    .pm-category-toolbar__right:has(.pm-view-switcher:only-child) {
        display: none;
    }

    .pm-category-layout {
        display: block;
    }

    .pm-category-toolbar {
        flex-wrap: wrap;
    }

    .pm-category-toolbar__left {
        flex: 1 1 100%;
        justify-content: space-between;
    }

    .pm-category-toolbar__right {
        margin-left: auto;
    }
}

@media (max-width: 600px) {
    .pm-category-layout {
        margin-top: 16px;
    }

    .pm-category-toolbar {
        align-items: stretch;
        padding: 0;
    }

    .pm-category-toolbar__left,
    .pm-category-toolbar__right {
        width: 100%;
    }

    .pm-category-toolbar .uk-select {
        width: 100%;
        min-width: 0;
    }

    .pm-catalog-products--tile,
    .pm-catalog-products--table {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

@media (max-width: 479px) {
    .pm-catalog-products--tile,
    .pm-catalog-products--table {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pm-catalog-products--tile > .pm-catalog-products__ad,
    .pm-catalog-products--table > .pm-catalog-products__ad {
        grid-column: span 1;
    }

    .pm-rm-category .pm-rm-card--tile .pm-rm-cart__actions,
    .pm-rm-category .pm-rm-card--table .pm-rm-cart__actions {
        flex-wrap: wrap;
    }
    .pm-rm-category .pm-rm-card--tile .pm-rm-qty,
    .pm-rm-category .pm-rm-card--tile .pm-rm-cart__submit {
        flex-basis: 100%;
        width: 100%;
    }
}

/* Native commerce states retain the existing Parket Master action icons. */
.item-action .item-action__inner.is-active .item-action__active { opacity: 1 !important; }
.item-action .item-action__inner.is-active .item-action__normal { opacity: 0 !important; }
.item-action .item-action__inner.is-active .item-action__active path { fill: var(--theme-base-color, #f5cd73) !important; }
.item-action--horizontal .item-action__inner.is-active { color: var(--theme-base-color, #f5cd73); }
.item-action__inner[disabled], .local-fast-view__mini-action[disabled] { cursor: wait; opacity: .6; }

/* Native commerce counters are visible whenever their list is nonempty. */
.icon-count--favorite,
.icon-count--compare {
    display: block;
}
.icon-count--favorite.empted,
.icon-count--compare.empted {
    display: none;
}

/* Native cart, presented through the active template UIkit layouts. */
.pm-cart-panel, .pm-cart-notification { z-index: 13000; }
.pm-cart-panel .pm-cart-panel__body {
    box-sizing: border-box; width: min(440px, 100%); max-width: 100vw; padding: 22px 14px 16px;
    display: flex; flex-direction: column;
    background: var(--black_bg_white, #fff); color: var(--white_text_black, #28282d);
}
.pm-cart-panel .pm-cart-heading { padding: 0 4px 10px; border-bottom: 1px solid #e4e7ec; }
.pm-cart-panel .pm-cart-title { display: flex; align-items: center; gap: 10px; margin: 0 36px 5px 0; }
.pm-cart-panel .pm-cart-count {
    display: inline-grid; place-items: center; min-width: 27px; height: 27px; padding: 0 7px;
    box-sizing: border-box; border-radius: 999px; background: color-mix(in srgb, var(--theme-base-color, #ff8000) 12%, white);
    color: var(--theme-base-color, #ff8000); font-size: 13px; font-weight: 700;
}
.pm-cart-panel .pm-cart-subtitle { margin: 0; color: #7b8495; font-size: 13px; line-height: 1.35; }
.pm-cart-panel .local-cart-item {
    position: relative; grid-template-columns: 70px minmax(0, 1fr); gap: 11px; align-items: start;
    margin: 11px 0 0; padding: 12px 44px 12px 12px; border: 1px solid #e3e5e9; border-radius: 18px;
    background: var(--black_bg_white, #fff); box-shadow: 0 2px 7px rgba(31, 36, 44, .04);
}
.pm-cart-panel .local-cart-modal__items { overflow-y: auto; flex: 1; padding-right: 3px; }
.pm-cart-panel a:not(.btn) { color: inherit; }
.pm-cart-title { margin: 0 32px 24px 0; font: inherit; font-size: 24px; font-weight: 600; }
.pm-cart-close { color: var(--white_text_black, #28282d); }
.pm-cart-panel .pm-cart-close { top: 14px; right: 10px; }
.pm-cart-footer { margin-top: 12px; padding-top: 14px; border-top: 1px solid #e4e7ec; display: grid; gap: 10px; }
.pm-cart-total { display: flex; justify-content: space-between; gap: 16px; padding: 0 12px; font-size: 14px; align-items: center; }
.pm-cart-total strong { font-size: 21px; }
.pm-cart-notes { padding: 13px 12px; border: 1px solid #e3e5e9; border-radius: 18px; background: #fafbfc; color: #607087; }
.pm-cart-notes p { position: relative; margin: 0 0 3px; padding-left: 14px; font-size: 12px; line-height: 1.35; }
.pm-cart-notes p:last-child { margin-bottom: 0; }
.pm-cart-notes p::before { content: '✓'; position: absolute; left: 0; color: var(--theme-base-color, #ff8000); font-weight: 700; }
.pm-cart-panel .pm-cart-checkout,
.pm-cart-panel .pm-cart-link { display: flex; align-items: center; justify-content: center; min-height: 50px; border-radius: 999px; font-size: 16px; font-weight: 600; }
.pm-cart-panel .pm-cart-link { border: 1px solid var(--white_text_black, #28282d); color: var(--white_text_black, #28282d); background: transparent; }
.pm-cart-panel .local-cart-item__content { min-width: 0; padding-top: 3px; }
.pm-cart-panel .local-cart-item__title { display: -webkit-box; overflow: hidden; margin-bottom: 9px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 14px; line-height: 1.3; }
.pm-cart-panel .local-cart-item__article { color: #718096; font-size: 12px; }
.pm-cart-panel .local-cart-item__right { display: block; grid-column: 2; }
.pm-cart-panel .local-cart-item__price { margin-top: 8px; font-size: 17px; }
.pm-cart-panel .local-cart-item__remove {
    position: absolute; top: 10px; right: 10px; display: grid; place-items: center;
    width: 34px; height: 34px; padding: 0; border-radius: 50%;
    background: var(--theme-base-color, #ff8000); color: #fff; font-size: 26px; line-height: 1;
}
.pm-cart-panel .local-cart-item__remove:hover { background: var(--theme-more-color, #e36f00); color: #fff; }
.pm-cart-notification__body {
    border-radius: 12px; background: var(--black_bg_white, #fff); color: var(--white_text_black, #28282d);
}
.pm-cart-notification .local-cart-item { grid-template-columns: 64px minmax(0, 1fr); }
.pm-cart-notification__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
@media (max-width: 600px) {
    .pm-cart-panel .pm-cart-panel__body { padding: 18px 12px 12px; }
    .pm-cart-panel .local-cart-item { grid-template-columns: 64px minmax(0, 1fr); padding-left: 10px; }
    .pm-cart-notification__body { padding: 24px 16px; }
    .pm-cart-notification__actions { flex-direction: column; }
}

.pm-cart-panel .pm-cart-title,
.pm-cart-panel .pm-cart-close,
.pm-cart-panel .pm-cart-total { color: var(--white_text_black, #28282d); }
.pm-cart-panel .local-cart-item__image,
.pm-cart-notification .local-cart-item__image { width: 64px; height: 70px; padding: 0; border-radius: 12px; overflow: hidden; }
.pm-cart-panel .local-cart-item__image img { object-fit: cover; }

.pm-cart-panel .local-cart-modal__items { align-content: start; }
.pm-cart-panel .local-cart-item__title,
.pm-cart-notification .local-cart-item__title { font-family: inherit; }

/* Catalog landing: donor image cards with live product-count badges. */
.pm-catalog-index__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 15px;
    margin: 20px 0;
}
.pm-catalog-index__grid > div { min-width: 0; }
.pm-catalog-index .pm-catalog-index__card {
    display: block;
    border-radius: var(--theme-outer-border-radius, 12px);
    color: #fff;
    text-decoration: none;
    isolation: isolate;
}
.pm-catalog-index__image { --aspect-ratio: 1.235; }
.pm-catalog-index__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .7) 100%);
    pointer-events: none;
}
.pm-catalog-index .pm-catalog-index__info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    z-index: 1;
}
.pm-catalog-index .pm-catalog-index__title {
    margin: 0;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
.pm-catalog-index__arrow { flex: 0 0 8px; margin-bottom: 4px; }
.pm-catalog-index__count {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    padding: 6px 12px;
    border-radius: 20px;
    background: #fff;
    color: #28282d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}
.pm-catalog-index__card:focus-visible { outline: 3px solid var(--theme-base-color, #ff7815); outline-offset: 3px; }
.pm-catalog-index__brand-logo {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 66%;
    max-width: 164px;
    height: 58px;
    padding: 10px 14px;
    border-radius: 6px;
    background: #fff;
    pointer-events: none;
}
.pm-catalog-index__brand-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* Orac supplies a white wordmark and inverts it on its own light surfaces. */
.pm-catalog-index__brand-logo img[src*="brands/oracdecor-logo.svg"] { filter: brightness(0); }
.pm-catalog-index__brand-logo:has(img[src*="brands/quickstep-logo.svg"]),
.pm-catalog-index__brand-logo:has(img[src*="brands/offwood-logo.svg"]) { background: #1d2425; }
.pm-catalog-index__image .ui-card__img[src*="stonefloor-room"] { object-position: center 65%; }
@media (max-width: 1199px) {
    .pm-catalog-index__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .pm-catalog-index__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .pm-catalog-index__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .pm-catalog-index__image { --aspect-ratio: 1; }
    .pm-catalog-index .pm-catalog-index__info { --offset: 12px; gap: 8px; }
    .pm-catalog-index .pm-catalog-index__title { font-size: 13px; }
    .pm-catalog-index__arrow { display: none; }
    .pm-catalog-index__count { top: 8px; right: 8px; padding: 4px 8px; font-size: 11px; }
}

/* PM Contacts: donor contacts-v2 structure with dynamic component data. */
.contacts-v2 {
    margin-top: 40px;
}
.contacts-v2 .contacts__row {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.contacts-v2 .contacts__col--left {
    min-width: 0;
}
.contacts-v2 .contacts__col--right {
    flex: 0 0 320px;
    width: 320px;
    align-self: stretch;
}
.contacts-v2 .contacts__map-wrapper,
.contacts-v2 .contacts__map,
.contacts-v2 .bx-map-view-layout,
.contacts-v2 .bx-yandex-view-layout,
.contacts-v2 .bx-yandex-view-map {
    width: 100%;
}
.contacts-v2 .contacts__map {
    overflow: hidden;
    background: var(--light2_bg_black, #f4f5f6);
}
.contacts-v2 .contacts__sticky-panel {
    position: sticky;
    top: 96px;
    overflow: hidden;
    background: var(--black_bg_black, #fff);
}
.contacts-v2 .contacts__sticky-panel__image {
    position: relative;
}

/* Stage 1 accessibility: keep compact text links at the WCAG minimum target size. */
.catalog-block__category > a,
.footer__main-part-menu .item-link .title > a {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
}
.contacts-v2 .contact-property--image {
    overflow: hidden;
    border-radius: 0;
    aspect-ratio: 320 / 210;
    background: var(--light2_bg_black, #f4f5f6);
}
.contacts-v2 .contact-property--image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contacts-v2 .contacts__sticky-panel__image > .contact-property--address {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
}
.contacts-v2 .contacts__sticky-panel__image > .contact-property--address .contact-property__label {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: var(--theme-button-border-radius, 8px);
    background: rgb(255 255 255 / .92);
    color: #28282d;
}
.contacts-v2 .contacts__sticky-panel__info {
    padding: 24px 28px 28px;
}
.contacts-v2 .contacts-list__section-title {
    font-weight: 500;
}
.contacts-v2 .contacts-list__section {
    margin-top: 48px;
}
.contacts-v2 .contacts-list__section > .grid-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}
.contacts-v2 .contacts-list__wrapper {
    min-width: 0;
    border: 1px solid var(--stroke_black, #e5e5e5);
    background: var(--black_bg_black, #fff);
}
.contacts-v2 .contacts-list__wrapper + .contacts-list__wrapper {
    margin-top: -1px;
}
.contacts-v2 .contacts-list__wrapper:first-child {
    border-radius: var(--theme-outer-border-radius, 12px) var(--theme-outer-border-radius, 12px) 0 0;
}
.contacts-v2 .contacts-list__wrapper:last-child {
    border-radius: 0 0 var(--theme-outer-border-radius, 12px) var(--theme-outer-border-radius, 12px);
}
.contacts-v2 .contacts-list__wrapper:only-child {
    border-radius: var(--theme-outer-border-radius, 12px);
}
.contacts-v2 .contacts-list__item {
    position: relative;
    align-items: stretch;
    min-width: 0;
    padding-block: 28px;
}
.contacts-v2 .contacts-list__item-image-wrapper {
    flex: 0 0 180px;
    width: 180px;
    margin-right: 28px;
}
.contacts-v2 .contacts-list__item-link,
.contacts-v2 .contacts-list__item-image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 128px;
}
.contacts-v2 .contacts-list__item-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contacts-v2 .contacts-list__item-text-wrapper,
.contacts-v2 .contacts-list__item-text-top-part {
    min-width: 0;
}
.contacts-v2 .contacts-list__item-text-top-part {
    justify-content: space-between;
    gap: 28px;
    height: 100%;
}
.contacts-v2 .contacts-list__item-col--left {
    min-width: 0;
    flex: 1 1 auto;
}
.contacts-v2 .contacts-list__item-col--right {
    flex: 0 0 190px;
    width: 190px;
}
.contacts-v2 .contacts-list__item-title {
    line-height: 1.45;
}
.contacts-v2 .contacts-list__item-info > .flexbox {
    flex-direction: column;
    align-items: flex-start;
}
.contacts-v2 .contacts-list__item-coord {
    margin-top: 12px;
}
.contacts-v2 .contacts-list__item-pay {
    margin-top: 16px;
}
.contacts-v2 .contacts-list__item-pay .social__items {
    position: relative;
    z-index: 2;
}

@media (max-width: 1299px) {
    .contacts-v2 .contacts__col--right {
        flex-basis: 290px;
        width: 290px;
    }
    .contacts-v2 .contacts-list__item--hidden-t1299 {
        display: none;
    }
    .contacts-v2 .contacts-list__item--hidden-f1300 {
        display: block;
    }
}
@media (min-width: 1300px) {
    .contacts-v2 .contacts-list__item--hidden-f1300 {
        display: none;
    }
}
@media (max-width: 991px) {
    .contacts-v2 {
        margin-top: 28px;
    }
    .contacts-v2 .contacts__row {
        display: block;
    }
    .contacts-v2 .contacts__col--right {
        display: none;
    }
}
@media (max-width: 767px) {
    .contacts-v2 .contacts-list__item {
        display: block;
    }
    .contacts-v2 .contacts-list__item-image-wrapper {
        width: 100%;
        margin: 0 0 20px;
    }
    .contacts-v2 .contacts-list__item-image {
        min-height: 210px;
    }
}
@media (max-width: 600px) {
    .contacts-v2 .contacts__sticky-panel {
        display: block;
    }
    .contacts-v2 .contact-property--image {
        aspect-ratio: 16 / 10;
    }
    .contacts-v2 .contacts__sticky-panel__info {
        padding: 20px;
    }
    .contacts-v2 .contacts-list__item-image {
        min-height: 180px;
    }
    .contacts-v2 .contacts-list__item {
        padding-block: 20px;
    }
}
.pm-filter-value-link {
    color: inherit;
    text-decoration: none;
}

.pm-filter-value-link:hover,
.pm-filter-value-link:focus-visible {
    color: inherit;
    text-decoration: underline;
}

/* Static articles with donor-style sticky section navigation. */
.pm-static-article-layout {
    margin-top: 40px;
}

.pm-static-article-layout__content {
    display: flex;
    flex-direction: row-reverse;
}

.pm-static-article-layout .right_block.pm-static-article-layout__main {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

.pm-static-article-layout__sidebar-column {
    box-sizing: border-box;
    flex-shrink: 0;
    padding-right: 40px;
    width: 304px;
}

.pm-static-sidebar,
.pm-static-sidebar .moduletable,
.pm-static-sidebar .mod-menu {
    width: 100%;
}

.pm-static-sidebar .mod-menu {
    display: flex;
    flex-direction: column;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pm-static-sidebar .mod-menu li {
    margin: 0;
    padding: 0;
}

#main .pm-static-sidebar .mod-menu li::before {
    display: none;
}

.pm-static-sidebar .mod-menu a {
    border-radius: var(--theme-outer-border-radius, 8px);
    color: var(--white_text_black);
    display: block;
    font-size: 15px;
    line-height: 1.35;
    padding: 10px 16px;
    text-decoration: none;
}

.pm-static-sidebar .mod-menu a:hover,
.pm-static-sidebar .mod-menu a:focus-visible,
.pm-static-sidebar .mod-menu .active > a,
.pm-static-sidebar .mod-menu .current > a,
.pm-static-sidebar .mod-menu a[aria-current="page"] {
    background-color: var(--card_bg_active);
}

.pm-static-sidebar .mod-menu .mod-menu__sub {
    list-style: none;
    margin: 4px 0 0;
    padding: 0 0 0 16px;
}

@media (max-width: 991px) {
    .pm-static-article-layout {
        margin-top: 24px;
    }

    .pm-static-article-layout__content {
        display: block;
    }

    .pm-static-article-layout .right_block.pm-static-article-layout__main {
        width: 100%;
    }

    .pm-static-article-layout__sidebar-column {
        display: none;
    }
}

/* Shared company/services module layout: donor spacing and active state. */
.pm-sidebar-menu .side-menu,
.pm-sidebar-menu .pm-sidebar-menu__sub {
    display: flex;
    flex-direction: column;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.pm-sidebar-menu .side-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pm-sidebar-menu .side-menu li::before {
    display: none;
}
.pm-sidebar-menu .side-menu .top-level-link {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 10px 12px;
    border-radius: 6px;
    color: var(--white_text_black, #222);
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    overflow-wrap: break-word;
}
.pm-sidebar-menu .side-menu .top-level-link:hover,
.pm-sidebar-menu .side-menu .top-level-link:focus-visible {
    background-color: var(--card_bg_active, #f4f4f6);
}
.pm-sidebar-menu .side-menu li.active > .link-wrapper > .link--active {
    background-color: var(--card_bg_active, #f4f4f6);
    font-weight: 600;
}
.pm-sidebar-menu .pm-sidebar-menu__sub {
    box-sizing: border-box;
    padding-left: 12px;
}

/* Services module preserves donor stories geometry and accessible links. */
.pm-service-stories .stories-slider__item { display: block; color: inherit; text-decoration: none; }
.pm-service-stories .stories-slider__item:focus-visible { outline: 2px solid #ff7a13; outline-offset: -3px; border-radius: 8px; }
.pm-service-stories .stories-slider__item:hover .name { color: #ff7a13; }

/* Home service cards keep donor design and align tariff/action rows. */
.pm-services-cards .pm-services-cards__body { flex: 1; min-height: 0; }
.pm-services-cards .blog-item__title { min-height: 48px; line-height: 1.5; }
.pm-services-cards .price__new-val { display: block; line-height: 1.5; }
.pm-services-cards .bottom_nav_wrapper { padding-top: 24px; }

/* Home blog: separate wrapping tag badges over the article image. */
.BLOG .pm-blog-card-tags {
    right: 16px;
    gap: 4px;
    align-items: flex-start;
}
.BLOG .pm-blog-card-tags .sticker__item {
    --sticker_color: #3e4b63;
    height: auto;
    min-height: 24px;
    max-width: 100%;
    padding: 5px 8px;
    border-radius: 3px;
    line-height: 14px;
    font-weight: 600;
}

/* Keep the pre-footer banner proportional at narrow viewport widths. */
.banner.CONTENT_BOTTOM>a{display:block;width:100%}
.banner.CONTENT_BOTTOM img{display:block;width:100%;height:auto}