@font-face {
    src: url(fonts/opensans-regular.woff2) format("woff2");
    font-display: swap;
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal
}

@font-face {
    src: url(fonts/opensans-semibold.woff2) format("woff2");
    font-display: swap;
    font-family: "Open Sans";
    font-weight: 600;
    font-style: normal
}

@font-face {
    src: url(fonts/rubik-regular.woff2) format("woff2");
    font-display: swap;
    font-family: Rubik;
    font-weight: 400;
    font-style: normal
}

@font-face {
    src: url(fonts/rubik-medium.woff2) format("woff2");
    font-display: swap;
    font-family: Rubik;
    font-weight: 500;
    font-style: normal
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
.js-locked {
    overflow: hidden !important
}

body.js-locked {
    position: fixed;
    width: 100%
}

.is-hidden {
    visibility: hidden!important;
    width: 0!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 0!important
}

[data-reader] {
    overflow: hidden!important;
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    white-space: nowrap!important;
    border: 0!important
}

.block-link {
    font-size: 0
}

.block-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    background-color: transparent;
    pointer-events: auto
}

:root {
    --grid-cols: repeat(4, 1fr);
    --grid-gaps: 8px;
    --grid-wrap: 1600px
}

:root {
    --color-about-project: #1B5790;
    --color-badges: #FF00009E;
    --color-badges-info: #00000061;
    --color-click: #FF3F35;
    --color-click-hover: #E72020;
    --color-extra: #3C7BB8;
    --color-extra-hover: #2D679E;
    --color-gray-01: #F8F8F9;
    --color-gray-02: #F2F2F3;
    --color-gray-03: #E5E5E7;
    --color-gray-04: #B5B5B6;
    --color-gray-05: #4A4B4C;
    --color-gray-06: #D3D3D5;
    --color-gray-07: #A1A1A3;
    --color-head: #272829;
    --color-main: #1FB6A1;
    --color-main-hover: #23A492;
    --color-main-light: #A1E0D7;
    --color-over: #505152;
    --color-overlay: rgba(0, 0, 0, 0.45);
    --color-select: #67686A;
    --color-spec: #E72020;
    --color-spec-hover: #FF3F35;
    --color-text: #121314;
    --color-vars: #FFB03E;
    --color-vars-hover: #F8A42A;
    --color-ymaps: #FCFCF7
}

:root {
    --font-size-desc: 16px;
    --font-size-head-1: 24px;
    --font-size-head-2: 24px;
    --font-size-head-3: 20px;
    --font-size-head-4: 16px;
    --font-size-hint: 13px;
    --font-size-main: 15px;
    --font-size-nano: 12px;
    --font-size-spec: 22px;
    --font-size-spec-2: 20px;
	--font-size-spec-3: 20px
}

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

html {
    line-height: 1.5;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-family: "Open Sans",sans-serif;
    font-size: var(--font-size-main);
    font-weight: 400;
    color: var(--color-text);
    text-rendering: optimizeSpeed;
    letter-spacing: 0
}

:focus:not(:focus-visible) {
    outline-width: 0
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background-color: var(--color-select)
}

::selection {
    color: #fff;
    text-shadow: none;
    background-color: var(--color-select)
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
	margin-bottom: 10px;
    text-rendering: optimizeLegibility
}

p {
    margin: 0
}

ol,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

hr {
    margin: 0
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-text-decoration-skip: edges;
    text-decoration-skip: edges
}

b,strong {
    font-weight: 600
}

sub,sup {
    position: relative;
    vertical-align: baseline;
    line-height: 0;
    font-size: 75%
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

small {
    font-size: 1em
}

mark {
    background-color: rgba(0,0,0,0)
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted
}

code,kbd,pre,samp {
    font-family: "Courier New",monospace;
    font-size: 1em
}

img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

iframe {
    border: 0
}

video {
    outline: 0
}

input,textarea {
    letter-spacing: inherit;
    border-width: 0;
    outline: 0
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1
}

input::placeholder,textarea::placeholder {
    opacity: 1
}

button {
    padding: 0;
    background-color: rgba(0,0,0,0);
    border: 0
}

button:not([disabled]) {
    cursor: pointer
}

button,input[type=button],input[type=submit] {
    letter-spacing: inherit
}

button,input,optgroup,select,textarea {
    margin: 0;
    line-height: 1.5;
    font-family: inherit;
    font-size: 1em
}

[type=button],[type=reset],[type=submit],button {
    padding: 0
}

[type=button] {
    border: 0
}

select {
    border: 0
}

fieldset {
    padding: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

textarea {
    resize: vertical
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

::-webkit-file-upload-button {
    font: inherit
}

summary {
    display: list-item
}

.app-body {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-content: space-between;
    min-height: 100vh;
    min-height: calc(var(--vh,1vh) * 100)
}

.app-header {
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end]
}

.app-header.js-locked {
    z-index: 2100
}

.app-content {
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end];
    padding: 20px 0 64px
}

.app-content.mod-spec {
    padding: 0
}

.app-footer {
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end]
}

.app-overlay__bground {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    background-color: var(--color-overlay);
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.app-overlay__bground.is-enabled {
    animation-name: app-overlay--active;
    animation-duration: .5s
}

.app-overlay__bground.is-disabled {
    animation-name: app-overlay--disable;
    animation-duration: .4s
}

.section,.wrapper {
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end];
    grid-column: wide
}

.section {
    padding: 0 12px;
    background-repeat: no-repeat;
    background-size: cover
}

.section.mod-summary {
    background-color: var(--color-gray-05);
    background-image: url(decor/background-img.jpg)
}

.section.mod-offer {
    position: relative;
    background-color: var(--color-gray-05);
    background-image: url(decor/offer-bground.jpg)
}

.section.mod-offer::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,2,5,.35);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.section.mod-reviews {
    background-color: var(--color-gray-01)
}

.section.mod-about {
    background-color: var(--color-about-project)
}

.section.mod-first {
    order: -1
}

.basic-group {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-column: main;
    -moz-column-gap: 24px;
    column-gap: 24px
}

.basic-group__aside {
    order: -1
}

.content-group {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-column: main;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 32px
}

.module {
    grid-column: main
}

.bcrumbs-module {
    grid-column: main;
    margin: -2px 0 21px
}

@keyframes app-overlay--active {
    0% {
        opacity: 0;
        transform: translateX(-200vw)
    }

    1% {
        opacity: 0;
        transform: translateX(0)
    }

    100% {
        opacity: 1
    }
}

@keyframes app-overlay--disable {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-200vw)
    }
}

[class*=icon-] {
    display: inline-flex;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px
}

.icon-locate {
    background-image: url(icons/locate.svg)
}

.icon-address {
    background-image: url(icons/address.svg)
}

.icon-address-brand {
    background-image: url(icons/address-brand.svg)
}

.icon-schedule-brand {
    background-image: url(icons/schedule-brand.svg)
}

.icon-email-brand {
    background-image: url(icons/email-brand.svg)
}

.icon-cart {
    background-image: url(icons/cart.svg)
}

.icon-cart-alt {
    background-image: url(icons/cart-alt.svg)
}

.icon-cart-clk {
    background-image: url(icons/cart-clk.svg?v2)
}

.check__input:checked+.check__title::after,.icon-check {
    background-image: url(icons/check.svg)
}

.icon-compare {
    background-image: url(icons/compare.svg)
}

.icon-compare-alt {
    background-image: url(icons/compare-alt.svg)
}

.icon-favorite {
    background-image: url(icons/favorite.svg)
}

.icon-favorite-alt {
    background-image: url(icons/favorite-alt.svg)
}

.icon-filter {
    background-image: url(icons/filter.svg)
}

.icon-filter-alt {
    background-image: url(icons/filter-alt.svg)
}

.icon-menu {
    background-image: url(icons/menu.svg)
}

.icon-close {
    background-image: url(icons/close.svg)
}

.icon-minimize {
    background-image: url(icons/minimize.svg)
}

.icon-minus {
    background-image: url(icons/minus.svg)
}

.icon-phone {
    background-image: url(icons/phone.svg)
}

.icon-phone-alt {
    background-image: url(icons/phone-alt.svg)
}

.icon-phone-brand {
    background-image: url(icons/phone-brand.svg)
}

.icon-scroll-top {
    background-image: url(icons/scroll-top.svg)
}

.icon-plus {
    background-image: url(icons/plus.svg)
}

.icon-prev {
    background-image: url(icons/prev.svg)
}

.icon-next {
    background-image: url(icons/next.svg)
}

.icon-read-more {
    background-image: url(icons/read-more.svg)
}

.icon-read-more-alt {
    background-image: url(icons/read-more-alt.svg)
}

.icon-search {
    background-image: url(icons/search.svg)
}

.icon-zoom {
    background-image: url(icons/zoom.svg)
}

.icon-walk {
    background-image: url(icons/walk.svg)
}

.icon-ride {
    background-image: url(icons/ride.svg)
}

.icon-warning-brand {
    background-image: url(icons/warning-brand.svg)
}

.icon-telegram {
    background-image: url(icons/telegram.svg)
}

.icon-telegram-alt {
    background-image: url(icons/telegram-alt.svg)
}

.icon-telegram-brand {
    background-image: url(icons/telegram-brand.svg)
}

.icon-telegram-color {
    background-image: url(icons/telegram-color.svg)
}

.icon-vk {
    background-image: url(icons/vk.svg)
}

.icon-whatsapp {
    background-image: url(icons/message.svg)
}

.icon-whatsapp-brand {
    background-image: url(icons/message.svg)
}

.icon-whatsapp-color {
    background-image: url(icons/message.svg)
}

.header {
    display: flex;
    flex-direction: column
}

.catcontent .header {
    display: flex;
    flex-direction: row;
    gap:12px;
}

.catcontent.catalog-feed {gap:12px;}

.header__title {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    color: var(--color-head);
    letter-spacing: -.02em
}

.header__icon {
    display: inline-flex;
    width: 32px;
    height: 32px
}

.header__desc {
    margin-top: 20px
}

.header__desc strong {
    color: #000
}

.image,.wysiwyg img {
    background-color: rgba(0,0,0,.1);
    -o-object-fit: cover;
    object-fit: cover
}

.dopinfo {
	line-height: 2em;
}

.wysiwyg>:first-child {
    margin-top: 0
}

.wysiwyg h2,.wysiwyg h3,.wysiwyg h4 {
    line-height: 1.3;
    font-family: Rubik,sans-serif;
    font-weight: 500;
    color: var(--color-head)
}

.wysiwyg h2 {
    margin-top: 8px;
    font-size: var(--font-size-head-3)
}

.wysiwyg h2+h3 {
    margin-top: 20px
}

.wysiwyg h3 {
    margin-top: 32px;
    font-size: var(--font-size-head-3)
}

.wysiwyg h3+h4 {
    margin-top: 20px
}

.wysiwyg h4 {
    margin-top: 28px;
    font-size: var(--font-size-head-4)
}

.wysiwyg p {
    margin-top: 12px
}

.wysiwyg p+.wysiwyg p {
    margin-top: 16px
}

.wysiwyg p+ol,.wysiwyg p+ul {
    margin-top: 4px
}

.wysiwyg p>img {
    margin-top: 8px
}

.wysiwyg ol,.wysiwyg ul {
    margin-top: 12px
}

.wysiwyg ol+ol,.wysiwyg ol+p,.wysiwyg ol+ul,.wysiwyg ul+ol,.wysiwyg ul+p,.wysiwyg ul+ul {
    margin-top: 16px
}

.wysiwyg ol>li,.wysiwyg ul>li {
    position: relative;
    padding-left: 24px
}

.wysiwyg ul li::before {
    content: "";
    position: absolute;
    /*top: 10px;*/
	top: 45%;
    left: 6px;
    display: flex;
    width: 5px;
    height: 5px;
    background-color: var(--color-gray-05);
    border-radius: 50%
}

.wysiwyg ol {
    counter-reset: myCounter
}

.wysiwyg ol li::before {
    content: counter(myCounter) ".";
    position: absolute;
    top: 0;
    left: 4px;
    counter-increment: myCounter;
    font-weight: 600
}

.wysiwyg a {
    color: var(--color-main-hover);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: all .15s
}

[class*=button-] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint);
    font-weight: 500;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s
}

[class*=button-] [class*=icon-] {
    width: 40px
}

[class*=button-].mod-plus {
    height: 46px;
    font-size: 15px
}

.button-main {
    padding: 0 18px;
    color: #fff;
    background-color: var(--color-main)
}

.button-main.mod-plus {
    padding: 0 32px;
    font-size: 17px;
    text-transform: uppercase
}

.button-extra {
    padding: 0 18px;
    color: var(--color-text);
    border: 1px solid var(--color-gray-03)
}

.button-aux {
    height: 28px;
    margin: 0 -8px;
    padding: 0 8px;
    font-weight: 400;
    color: var(--color-text);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px
}

.button-spec {
    width: 40px;
    border: 1px solid transparent;
    border-radius: 3px
}
.button-spec2 {
    width: 260px;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition:all .3s;
}
.button-spec2 span {font-weight:400 !important;}
.button-spec2:hover {
  /*  background-color: var(--color-main);*/
    border-color: var(--color-main);}
    

    
.input {
    display: inline-flex;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    color: var(--color-gray-05);
    background-color: transparent;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.input::-moz-placeholder {
    font-size: 0
}

.input::placeholder {
    font-size: 0
}

.input:active,.input:focus {
    color: var(--color-text);
    border-color: var(--color-main)
}

.input[disabled=disabled],.input[disabled] {
    opacity: .5
}

.check {
    position: relative;
    display: inline-flex
}

.check:active,.check:focus,.check:hover {
    cursor: pointer
}

.check:active .check__input:not([disabled])~.check__title,.check:focus .check__input:not([disabled])~.check__title,.check:hover .check__input:not([disabled])~.check__title {
    color: var(--color-main-hover)
}

.check:active .check__input:not([disabled])~.check__title::before,.check:focus .check__input:not([disabled])~.check__title::before,.check:hover .check__input:not([disabled])~.check__title::before {
    border-color: var(--color-main-hover)
}

.check:active .check__input:not([disabled])~.check__title::after,.check:focus .check__input:not([disabled])~.check__title::after,.check:hover .check__input:not([disabled])~.check__title::after {
    color: var(--color-text)
}

.check:active .check__input:not([disabled]):checked~.check__title::before,.check:focus .check__input:not([disabled]):checked~.check__title::before,.check:hover .check__input:not([disabled]):checked~.check__title::before {
    border-color: var(--color-main-hover)
}

.check__title {
    position: relative;
    display: flex;
    min-height: 16px;
    padding-left: 28px;
    font-family: Rubik,sans-serif;
    color: var(--color-head);
    transition: all .15s;
    width:100%;
}

.check__title::after,.check__title::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    display: flex;
    width: 16px;
    height: 16px;
    transition: all .15s
}

.check__title::before {
    background-color: #fff;
    border: 1px solid var(--color-gray-04);
    border-radius: 3px
}

.check__title::after {
    text-align: center
}

.check__input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    opacity: 0;
    display:none;
}

.check__input:checked+.check__title::before {
    border-color: var(--color-main)
}

.check__input:checked+.check__title::after {
    top: 3px;
    left: 2px;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px
}

.check__input:disabled~.check__title {
    opacity: .5
}

.modal {
    display: flex;
    flex-direction: column;
    width: 100%!important;
    border-top: 3px solid var(--color-main);
    border-radius: 3px
}

.modal__header {
    margin-bottom: 36px
}

.modal__title {
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-3);
    font-weight: 500;
    color: var(--color-head);
    text-transform: uppercase
}

.modal__desc {
    margin-top: 12px;
    line-height: 1.2
}

.modal__content {
    overflow: hidden;
    display: flex;
    row-gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 5px
}
.modal__content .product-order__main{width: 100%;padding-bottom:50px;}
.modal__item {
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%
}
.wall-other li a {    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    transition: all .15s;}
.wall-other li:hover a {
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover);
        color: var(--color-main-hover);
    }


.modal__item:last-of-type {
    margin-top: 8px;
    padding-top: 28px;
    border-top: 1px dashed var(--color-gray-03)
}

.modal__label {
    order: -1;
    height: 20px;
    font-size: var(--font-size-hint);
    font-weight: 600;
    cursor: text;
    transition: all .3s
}

.modal__action {
    width: 144px
}

.modal__hint {
    margin-top: 12px;
    font-size: var(--font-size-nano);
    color: var(--color-gray-05)
}

.modal__close,.removeBasketItem {
    position: absolute;
    top: -3px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--color-main);
    border-radius: 0 3px 0 3px;
    transition: all .3s
}
.removeBasketItem {width:26px;height:26px;}
.removeBasketItem.modal__close { background-color: var(--color-spec) !important;border-radius: 3px;top:0;}
.removeBasketItem.modal__close:hover { background-color: var(--color-spec-hover) !important;}

.modal__close svg {
    width: 26px;
    height: 26px
}

.glightbox-container {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999!important;
    width: 100%;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    outline: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    touch-action: none;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.glightbox-container.inactive {
    display: none
}

.glightbox-container .gcontainer {
    overflow: hidden;
    position: relative;
    z-index: 9999;
    width: 100%;
    height: 100%
}

.glightbox-container .gslider {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    display: flex!important;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: transform .4s ease;
    transform: translate3d(0,0,0)
}

.glightbox-container .gslide {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glightbox-container .gslide.current {
    position: relative;
    z-index: 99999;
    opacity: 1
}

.glightbox-container .gslide.prev {
    z-index: 9999;
    opacity: 1
}

.glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    margin: auto
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%
}

.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top {
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right {
    max-width: 100%!important
}

.gslide iframe,.gslide video {
    min-height: 165px;
    border: none;
    outline: 0!important;
    touch-action: auto
}

.gslide:not(.current) {
    pointer-events: none
}

.gslide-image {
    align-items: center
}

.gslide-image img {
    display: block;
    float: none;
    width: auto;
    min-width: 200px;
    max-width: 100vw;
    height: auto;
    max-height: 100vh;
    margin: auto;
    padding: 0;
    border: none;
    outline: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: none
}

.desc-bottom .gslide-image img,.desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img,.desc-right .gslide-image img {
    width: auto;
    max-width: 100%
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important;
    transition: none
}

.gslide-video {
    position: relative;
    width: 100%!important;
    max-width: 100vh
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display: none
}

.gslide-video .gvideo-wrapper {
    width: 100%;
    margin: auto
}

.gslide-video::before {
    content: "";
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255,0,0,.34)
}

.gslide-video.playing::before {
    display: none
}

.gslide-video.fullscreen {
    min-width: 100%;
    max-width: 100%!important;
    height: 75vh
}

.gslide-video.fullscreen video {
    width: 100%!important;
    max-width: 100%!important
}

.gslide-inline {
    overflow: auto;
    max-width: 100%;
    max-height: calc(100vh - 40px);
    margin: auto;
    text-align: left;
    background: #fff
}

.gslide-inline .ginlined-content {
    width: 100%;
    padding: 20px
}

.gslide-inline .dragging {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important;
    transition: none
}

.ginlined-content {
    overflow: auto;
    display: block!important;
    opacity: 1
}

.gslide-external {
    overflow: auto;
    display: flex;
    width: 100%;
    min-width: 100%;
    height: 100%;
    max-height: 75vh;
    padding: 0;
    background: #fff
}

.gslide-media {
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    box-shadow: none!important
}

.desc-bottom .gslide-media,.desc-top .gslide-media {
    flex-direction: column;
    margin: 0 auto
}

.gslide-description {
    position: relative;
    flex: 1 0 100%
}

.gslide-description.description-left,.gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom,.gslide-description.description-top {
    width: 100%;
    margin: 0 auto
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p:last-child {
    margin-bottom: 0
}

.zoomed .gslide-description {
    display: none
}

.glightbox-button-hidden {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    overflow: auto!important;
    position: absolute;
    bottom: 0;
    order: 2!important;
    width: 100%;
    max-width: 100vw!important;
    height: auto!important;
    max-height: 78vh;
    padding: 19px 11px;
    padding-bottom: 50px;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);
    transition: opacity .3s linear
}

.glightbox-mobile .glightbox-container .gslide-title {
    font-size: 1em;
    color: #fff
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    font-weight: 700;
    color: #fff
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    opacity: .4;
    transition: opacity .5s ease
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    opacity: 1;
    transition: opacity .5s ease
}

.greset {
    transition: all .3s ease
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none!important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    position: absolute;
    top: 47%;
    right: 0;
    left: 0;
    z-index: 9999;
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    animation: lightboxLoader .8s infinite linear
}

.goverlay {
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    height: calc(100vh + 1px);
    background: #000;
    will-change: opacity
}

.glightbox-mobile .goverlay {
    background: #000
}

.gclose,.gnext,.gprev {
    z-index: 99999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 44px;
    border: none;
    cursor: pointer
}

.gclose svg,.gnext svg,.gprev svg {
    display: block;
    width: 25px;
    height: auto;
    margin: 0;
    padding: 0
}

.gclose.disabled,.gnext.disabled,.gprev.disabled {
    opacity: .1
}

.gclose .garrow,.gnext .garrow,.gprev .garrow {
    stroke: #fff
}

.gbtn.focused {
    outline: 2px solid #0f3d81
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev {
    opacity: 0!important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    margin-bottom: 19px;
    line-height: 1.4em;
    font-family: arial;
    font-size: 1em;
    font-weight: 400;
    color: #000
}

.glightbox-clean .gslide-desc {
    margin-bottom: 0;
    line-height: 1.4em;
    font-family: arial;
    font-size: .86em
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev {
    background-color: rgba(0,0,0,.75);
    border-radius: 4px
}

.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path {
    fill: #fff
}

.glightbox-clean .gprev {
    position: absolute;
    top: -100%;
    left: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gnext {
    position: absolute;
    top: -100%;
    right: 30px;
    width: 40px;
    height: 50px
}

.glightbox-clean .gclose {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 35px;
    height: 35px
}

.glightbox-clean .gclose svg {
    width: 18px;
    height: auto
}

.glightbox-clean .gclose:hover {
    opacity: 1
}

.gfadeIn {
    animation: gfadeIn .5s ease
}

.gfadeOut {
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    animation: gslideInRight .3s ease
}

.gzoomIn {
    animation: gzoomIn .5s ease
}

.gzoomOut {
    animation: gzoomOut .5s ease
}

@keyframes lightboxLoader {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes gfadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gfadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes gslideInLeft {
    from {
        opacity: 0;
        transform: translate3d(-60%,0,0)
    }

    to {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes gslideOutLeft {
    from {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0,0,0)
    }

    to {
        visibility: hidden;
        opacity: 0;
        transform: translate3d(-60%,0,0)
    }
}

@keyframes gslideInRight {
    from {
        visibility: visible;
        opacity: 0;
        transform: translate3d(60%,0,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes gslideOutRight {
    from {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(60%,0,0)
    }
}

@keyframes gzoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 1
    }
}

@keyframes gzoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

:root {
    --hystmodal-speed: 0.2s;
    --hystmodal-zindex: 70
}

.hystmodal {
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    position: fixed;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 0 -webkit-min-content 0;
    grid-template-rows: 0 min-content 0;
    justify-content: center;
    align-content: space-between;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none
}

.hystmodal::-webkit-scrollbar {
    display: none
}

.hystmodal::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    pointer-events: none
}

.hystmodal--animated::before {
    transition: opacity var(--hystmodal-speed) ease
}

.hystmodal--active::before {
    opacity: .6
}

.hystmodal--active,.hystmodal--moved {
    visibility: visible;
    opacity: 1;
    pointer-events: none
}

.hystmodal--active {
    pointer-events: auto
}

.hystmodal__wrap {
    display: block;
    grid-row: 2/3;
    min-width: 0
}

.hystmodal__window {
    box-sizing: border-box;
    overflow: visible;
    position: relative;
    z-index: 10;
    grid-row: 2/3;
    flex-grow: 0;
    flex-shrink: 0;
    width: 600px;
    min-width: 0;
    max-width: 100%;
    margin: 50px auto;
    background: #fff;
    opacity: 0;
    transform: scale(.95)
}

.hystmodal__window--loading {
    min-height: 400px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width=\"105\" height=\"105\" viewBox=\"0 0 105 105\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23aaa\"%3E%3Ccircle cx=\"12.5\" cy=\"12.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"0s\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"12.5\" cy=\"52.5\" r=\"12.5\" fill-opacity=\".5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"100ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"52.5\" cy=\"12.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"300ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"52.5\" cy=\"52.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"600ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"92.5\" cy=\"12.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"800ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"92.5\" cy=\"52.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"400ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"12.5\" cy=\"92.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"700ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"52.5\" cy=\"92.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"500ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3Ccircle cx=\"92.5\" cy=\"92.5\" r=\"12.5\"%3E%3Canimate attributeName=\"fill-opacity\" begin=\"200ms\" dur=\"1s\" values=\"1;.2;1\" calcMode=\"linear\" repeatCount=\"indefinite\" /%3E%3C/circle%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 48px
}

.hystmodal--animated .hystmodal__window {
    transition: transform var(--hystmodal-speed) ease 0s,opacity var(--hystmodal-speed) ease 0s
}

.hystmodal--active .hystmodal__window {
    opacity: 1;
    transform: none
}

.hystmodal__close--wh {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"%3E%3Cpath fill=\"%23fff\" stroke=\"%23fff\" stroke-linecap=\"square\" stroke-miterlimit=\"50\" stroke-width=\"2\" d=\"M22 2L2 22\"/%3E%3Cpath fill=\"none\" stroke=\"%23fff\" stroke-linecap=\"square\" stroke-miterlimit=\"50\" stroke-width=\"2\" d=\"M2 2l20 20\"/%3E%3C/svg%3E")
}

.hystmodal__close--wh:focus {
    outline: 2px dotted rgba(255,255,255,.7)
}


:host {
    position: relative;
    z-index: 1;
    display: block;
    margin-right: auto;
    margin-left: auto
}


.tns-outer {
    padding: 0!important
}

.tns-outer [hidden] {
    display: none!important
}

.tns-outer [aria-controls],.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all 0s
}

.tns-slider>.tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    content: "";
    display: table;
    clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-no-calc {
    position: relative;
    left: 0
}

.tns-gallery {
    position: relative;
    left: 0;
    min-height: 1px
}

.tns-gallery>.tns-item {
    position: absolute;
    left: -100%;
    transition: transform 0s,opacity 0s
}

.tns-gallery>.tns-slide-active {
    position: relative;
    left: auto!important
}

.tns-gallery>.tns-moving {
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    opacity: .6;
    transition: opacity .6s
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    position: absolute;
    left: -10000em
}

.tns-transparent {
    visibility: hidden;
    opacity: 0
}

.tns-fadeIn {
    z-index: 0;
    opacity: 1
}

.tns-fadeOut,.tns-normal {
    z-index: -1;
    opacity: 0
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    overflow: hidden;
    position: relative;
    width: 310px;
    height: 10px;
    margin: 0 auto
}

.tns-t-ct {
    position: absolute;
    right: 0;
    width: calc(100% * 70 / 3)
}

.tns-t-ct::after {
    content: "";
    display: table;
    clear: both
}

.tns-t-ct>div {
    float: left;
    width: calc(100% / 70);
    height: 10px
}

.review-lab {
    margin: 16px 0 63px;
    background-color: var(--color-gray-03)
}

.review-lab .widget {
    width: calc(100% + 16px)!important;
    max-width: calc(100% + 16px)!important;
    margin: 0 -8px!important;
    background-color: var(--color-gray-01)!important
}

.review-lab .widget__header__block {
    -moz-column-gap: 24px!important;
    column-gap: 24px!important;
    margin-bottom: 0!important;
    padding: 0 8px!important
}

.review-lab .widget__footer {
    display: none!important
}

.review-lab .widget__tabs {
    -moz-column-gap: 8px!important;
    column-gap: 8px!important;
    height: 40px!important;
    background-color: transparent!important;
    box-shadow: none!important
}

.review-lab .widget__tab_all {
    overflow: hidden!important;
    display: flex!important;
    align-items: center!important;
    height: 100%!important;
    font-family: Rubik,sans-serif!important;
    font-size: var(--font-size-hint)!important;
    font-weight: 500!important;
    background-color: #fff!important;
    border-radius: 3px!important
}

.review-lab .widget-65c2147db79f9bb73b12e0ce .widget__tab {
    font-size: var(--font-size-hint)!important
}

.review-lab .widget__tab-name {
    margin-right: 4px!important
}

.review-lab .widget__tab_yaSprav {
    overflow: hidden!important;
    display: flex!important;
    align-items: center!important;
    height: 100%!important;
    font-family: Rubik,sans-serif!important;
    font-size: var(--font-size-hint)!important;
    font-weight: 500!important;
    background-color: #fff!important;
    border-radius: 3px!important
}

.review-lab .widget__tab_active {
    background-color: rgba(0,0,0,.05)!important
}

.review-lab .widget__leave {
    width: 146px!important
}

.review-lab .widget__leave-link {
    display: inline-flex!important;
    justify-content: center!important;
    align-items: center!important;
    width: auto!important;
    height: 40px!important;
    padding: 0 18px!important;
    white-space: nowrap!important;
    font-family: Rubik,sans-serif!important;
    font-size: var(--font-size-hint)!important;
    font-weight: 500!important;
    color: #fff!important;
    background-color: var(--color-main)!important;
    border-radius: 3px!important;
    box-shadow: none!important;
    cursor: pointer!important;
    transition: all .3s!important
}

.review-lab .review {
    border-radius: 5px!important;
    box-shadow: none!important
}

.review-lab .tile {
    padding: 0!important;
    border: 1px solid transparent!important;
    border-radius: 3px!important;
    transition: all .3s!important
}

.review-lab .widget__pag {
    top: calc(50% + 3px)!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    width: 40px!important;
    height: 40px!important;
    padding: 1px 0 0!important;
    font-family: Rubik,sans-serif!important;
    background-color: transparent!important;
    border-radius: 3px!important;
    box-shadow: none!important;
    transition: all .3s!important
}

.review-lab .widget__pag.widget__pag_prev-bottom-center {
    right: calc(100% - 1px)!important;
    left: auto!important
}

.review-lab .widget__pag.widget__pag_next-bottom-center {
    left: calc(100% - 1px)!important
}

.hystmodal {
    z-index: 1000!important
}

.hystmodal::before {
    background-color: var(--color-overlay);
    opacity: 1;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.catalog-card {
    position: relative;
    display: flex;
    row-gap: 16px;
    flex-direction: column;
    padding: 8px;
    border: 1px solid var(--color-gray-03);
    border-radius: 5px;
    transition: all .3s
}

.catalog-card__title {
    padding: 0 4px;
    line-height: 1.3;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head)
}

.catalog-card__title a {
    display: flex;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    transition: all .15s
}

.catalog-card__desc {
    margin-top: -8px;
    padding: 0 4px;
    font-size: var(--font-size-hint)
}

.catalog-card__cover {
    overflow: hidden;
    display: flex;
    order: -1;
    border-radius: 3px
}

.catalog-card__cover.mod-color {
    background-color: var(--color-gray-03)
}

.catalog-card__cover img {
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s
}

.catalog-card__cover img:not(:first-of-type) {
    display: none
}

.catalog-card__cover .images {
    overflow: hidden;
    display: grid
}

.catalog-card__cover .image,.catalog-card__cover .wysiwyg img,.wysiwyg .catalog-card__cover img {
    display: block
}

.catalog-card__cover .hvr {
    position: relative;
    max-width: 100%
}

.catalog-card__cover .hvr__images {
    position: relative
}

.catalog-card__cover .hvr__sectors {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: flex
}

.catalog-card__cover .hvr__sector {
    flex-grow: 1
}

.catalog-card__cover .hvr__dots {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 20;
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    justify-content: center;
    align-items: center
}

.catalog-card__cover .hvr__dot {
    display: flex;
    width: 28px;
    height: 3px;
    background-color: var(--color-gray-03)
}

.catalog-card__cover .hvr__dot--active {
    background-color: var(--color-vars-hover)
}

.catalog-card__badges {
    position: absolute;
    top: 16px;
    left: 8px;
    display: flex;
    row-gap: 4px;
    flex-direction: column;
    align-items: flex-start;
    font-family: Rubik,sans-serif;
    font-size: 9px;
    font-weight: 500;
    color: #fff;
        z-index:2;
}
.images picture {
    display: inline-grid;
    width: 100%;
}
.catalog-card__badges span {
    padding: 4px 8px 3px;
    text-transform: uppercase
}

.catalog-card__badges .is-sale {
    background-color: var(--color-badges)
}

.catalog-card__badges .is-info {
    background-color: var(--color-badges-info)
}

.catalog-card__data {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto
}

.catalog-card__price {
    margin-bottom: 10px;
    padding-left: 4px;
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec-3);
    font-weight: 500;
    color: var(--color-head)
}

.catalog-card__price small {
    display: flex;
    margin-bottom: 6px;
    font-size: var(--font-size-main);
    color: var(--color-gray-04);
    text-decoration: line-through
}

.catalog-card__user {
    margin: 12px 0 0 auto
}

.catalog-card__action {
    width: calc(100% - 136px);
    margin-top: 12px;
    font-size: 0;
    color: #fff;
    background-color: var(--color-main);
    border-color: var(--color-main)
}

.catalog-card__action i {
    margin-bottom: -2px
}

.catalog-menu {
    position: relative;
    z-index: 25;
    display: grid;
    width: calc(100% + 24px);
    height: 714px;
    margin-left: -24px;
    background-color: #fff;
    border-radius: 0 5px 5px 0
}

.catalog-menu__main {
    overflow-y: auto;
    display: grid;
    row-gap: 24px;
    margin: 13px 12px 12px 32px;
    padding: 11px 0 15px
}

.catalog-menu__main::-webkit-scrollbar {
    width: 6px;
    padding: 0 3px
}

.catalog-menu__main::-webkit-scrollbar-track {
    background-color: transparent
}

.catalog-menu__main::-webkit-scrollbar-thumb {
    background-color: var(--color-main);
    border-radius: 2px
}

.catalog-menu__main::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-main-hover)
}

.catalog-menu__open {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 53px;
    margin: 0 32px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--color-gray-02)
}

.catalog-menu__open-name {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head);
    text-transform: uppercase
}

.catalog-menu__open-link {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    margin: -4px -8px -5px;
    padding: 4px 8px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-head);
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase;
    transition: all .15s
}

.catalog-menu__open-link i {
    width: 12px;
    height: 12px;
    background-size: 12px;
    transform: rotate(-90deg)
}

.catalog-menu__block {
    position: relative
}

.catalog-menu__block:not(:last-of-type) {
    padding: 0 0 22px
}

.catalog-menu__block:not(:last-of-type)::after {
    content: "";
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 0;
    height: 1px;
    border-bottom: 1px dashed var(--color-gray-03)
}

.catalog-menu__title {
    display: flex;
    align-items: center;
    padding-bottom: 12px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-main-hover);
    text-transform: uppercase
}

.catalog-menu__merge .catalog-menu__list.is-disabled {
    display: none
}

.catalog-menu__merge .catalog-menu__list.is-enabled {
    display: grid
}

.catalog-menu__more {
    margin-top: 8px;
    color: var(--color-main-hover);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    transition: all .15s
}

.catalog-menu__more span:first-of-type {
    display: block
}

.catalog-menu__more span:last-of-type {
    display: none
}

.catalog-menu__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    -moz-column-gap: 30px;
    column-gap: 30px
}

.catalog-menu__item {
    grid-column: span 1
}

.catalog-menu__link {
    display: inline-flex;
    min-height: 16px;
    margin: -1px -8px;
    padding: 2px 8px;
    font-family: Rubik,sans-serif;
    color: var(--color-head);
    transition: all .15s
}

.catalog-menu__link img {
    flex-shrink: 0;
    width: 23px;
    height: 23px;
    margin: -1px 12px 0 0;
    border-radius: 3px;
    float:left;
}

.catalog-menu__link small {
    margin-left: 8px;
    color: var(--color-gray-04)
}

.catalog-menu__link:active,.catalog-menu__link:focus,.catalog-menu__link:hover {
    color: var(--color-main-hover)
}

.read-more {
    display: inline-flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    margin: 12px -8px -4px;
    padding: 4px 8px;
    color: var(--color-main-hover);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    transition: color .3s,-webkit-text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms,-webkit-text-decoration-color 225ms
}

.read-more__icon {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    background-size: 12px;
    transition: all .3s;
    transform: rotate(-90deg)
}

.callback-popup .modal {
    max-width: 368px!important;
    padding: 40px 28px 32px
}

.oneclick-popup .modal {
    max-width: 588px!important;
    padding: 40px 28px 32px
}

.cleanBasket-popup .modal{
    max-width: 388px!important;
    padding: 40px 28px 32px
}
.cartnote-popup .modal {
    max-width: 588px!important;
    padding: 40px 28px 32px
}
.add2cart-popup .modal {
    max-width: 588px!important;
   /* padding: 40px 28px 32px*/
}

.errors-page {
    display: flex;
    justify-content: center;
    margin: 8vh 0 8.75vh
}

.errors-page__main {
    max-width: 436px;
    color: var(--color-head);
    text-align: center
}

.errors-page__title {
    display: flex;
    flex-direction: column;
    line-height: 1;
    font-family: Rubik,sans-serif;
    font-size: 120px;
    font-weight: 500
}

.errors-page__title span {
    margin-top: 16px;
    line-height: 1.2;
    font-size: var(--font-size-head-1)
}

.errors-page__desc {
    margin-top: 16px
}

.global-search {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.global-search__input {
    display: none;
    width: 100%;
    height: 40px;
    padding: 0 12px 0 42px;
    font-family: Rubik,sans-serif;
    background-color: transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s
}

.global-search__input::-moz-placeholder {
    color: var(--color-gray-05);
    -moz-transition: all .3s;
    transition: all .3s
}

.global-search__input::placeholder {
    color: var(--color-gray-05);
    transition: all .3s
}

.global-search__action {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: 0;
    font-weight: 400;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s
}

.global-search__action [class*=icon-] {
    width: 40px
}

.main-footer {
    display: grid;
    row-gap: 44px;
    padding-top: 60px
}

.main-footer__main {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 36px
}

.main-footer__brand {
    display: flex;
    row-gap: 36px;
    flex-direction: column
}

.main-footer__logo {
    margin-top: -13px
}

.main-footer__data {
    padding: 0 15px
}

.main-footer__extra {
    display: flex;
    row-gap: 40px;
    flex-wrap: wrap;
    padding: 40px 15px 0;
    border-top: 1px solid rgba(255,255,255,.1)
}

.main-footer__nav {
    width: 100%
}

.main-footer__social {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    align-items: center
}

.main-footer__legal {
    position: relative;
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    flex-direction: column;
    padding: 37px 64px 22px 15px
}

.main-footer__legal::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    height: 1px;
    background-color: rgba(255,255,255,.1)
}

.main-footer__copy {
    color: var(--color-gray-06)
}

.main-footer__policy a {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: rgba(255,255,255,.1);
    text-decoration-color: rgba(255,255,255,.1);
    text-underline-offset: 2px;
    transition: all .15s
}

.main-footer__dev {
    margin-top: 24px;
    color: var(--color-gray-06)
}

.main-footer__dev a {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: var(--color-vars);
    text-decoration-color: var(--color-vars);
    text-underline-offset: 2px;
    transition: all .15s
}

.main-navbar {
    position: relative;
    z-index: 70;
    display: grid;
    grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end];
    grid-column: wide;
    order: -1;
    height: 148px;
    padding: 0 12px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08)
}

.main-navbar__brand {
    display: flex;
    grid-column: main;
    -moz-column-gap: 20px;
    column-gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0 21px
}

.main-navbar__logo {
    position: relative;
    z-index: 20
}

.main-navbar__logo::before {
    content: "";
    position: absolute;
    top: -10px;
    right: 0;
    left: -18px;
    z-index: -20;
    width: 120px;
    height: 120px;
    border: 60px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%
}

.main-navbar__contact {
    margin-top: 17px
}

.main-navbar__browse {
    position: relative;
    z-index: 20;
    display: flex;
    grid-column: main;
    justify-content: center;
    width: 100%;
    height: 57px;
    border-top: 1px solid var(--color-gray-02)
}

.main-navbar__browse.is-sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 12px
}

.main-navbar__browse.is-sticky::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 57px;
    background-color: #fff;
    border-bottom: 1px solid var(--color-gray-03);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.18)
}

.main-navbar__browse-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: var(--grid-wrap);
    height: 100%
}

.main-navbar__search {
    margin: auto 8px auto auto
}

.main-navbar__cart {
    position: relative
}

.main-navbar__extra {
    grid-column: main;
    order: -1;
   /* height: 3px;*/
    background-color: var(--color-main)
}



.main-navbar__extra::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
/*    height: 3px;*/
    background-color: var(--color-main)
}

.main-navbar__notify {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	font-family: "PT Sans", sans-serif;
    font-size: 17px;
    color: #fff;
    letter-spacing: .04em;
   /* text-transform: uppercase*/
}

.main-navbar__notify {
  /*  text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: rgba(255,255,255,.4);
    text-decoration-color: rgba(255,255,255,.4);*/
    text-underline-offset: 2px;
    transition: all .3s
}

.main-navbar__notify::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-navbar.mod-notify {
    height: /*177*/190px
}
/*
.main-navbar.mod-notify .main-navbar__extra {
    min-height: 32px
}
*/
.main-navbar.mod-notify .main-navbar__extra::before {
    min-height: 32px
}

.project-logo {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    align-items: center
}

.project-logo__link {
    display: flex
}

.project-logo__desc {
    margin-top: 19px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint)
}

.project-logo__desc strong {
    font-weight: 500
}
 
.assist-widget {
    position: fixed;
    right: 12px;
    bottom: 8px;
    z-index: 1000;
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    opacity: 0;
    transition: all .3s;
    display:none;
}

.assist-widget.is-enabled {
    opacity: 1;
        display:block;
}

.assist-widget__action {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: 0 0 12px 0 rgba(0,0,0,.18);
    transition: all .3s;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px)
}

.assist-widget__action svg {
    display: flex
}

.assist-widget__action.mod-filter {
    background-color: var(--color-extra)
}

.assist-widget__action.mod-filter i {
    width: 22px;
    height: 22px;
    background-size: 22px
}

.assist-widget__action.mod-scroll {
    background-color: #fff;
    border-color: var(--color-gray-06)
}

.assist-widget__action.mod-scroll i {
    width: 18px;
    height: 18px;
    margin-top: -3px;
    background-size: 18px
}

.breadcrumbs {
    display: flex;
    row-gap: 4px;
    flex-wrap: wrap
}

.breadcrumbs__back {
    display: flex;
    align-items: center;
    padding: 4px 0;
    white-space: nowrap;
    letter-spacing: 0;
    transition: all .3s
}

.breadcrumbs__back-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: var(--color-main);
    border-radius: 5px;
    transition: all .3s
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
    margin: -2px 0;
    font-family: Rubik,sans-serif;
    font-size: 11px;
    text-transform: uppercase
}

.breadcrumbs__item:not(:last-of-type)::after {
    content: " - ";
    padding: 3px 8px 5px;
    font-weight: 600;
    color: var(--color-gray-04)
}

.breadcrumbs__here,.breadcrumbs__link {
    display: inline-flex;
    margin: 0 -8px;
    padding: 2px 8px;
   /* white-space: nowrap;*/
    color: var(--color-gray-05)
}

.breadcrumbs__link {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    transition: all .15s
}

.extra-nav {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 36px
}

.extra-nav__title {
    margin-bottom: 15px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

.extra-nav__list {
    display: grid;
    row-gap: 9px
}

.extra-nav__link {
    display: inline-flex;
    margin: -4px -8px;
    padding: 4px 8px;
    line-height: 1.2;
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: rgba(255,255,255,.1);
    text-decoration-color: rgba(255,255,255,.1);
    text-underline-offset: 2px;
    transition: all .15s
}

.general-nav {
    position: relative;
    display: flex
}

.general-nav__fast {
    display: flex;
    align-items: center
}

.general-nav__list {
    display: none
}

.general-nav__list-item.mod-sale .general-nav__list-link {
    color: var(--color-spec)
}

.general-nav__list-link {
    display: inline-flex;
    align-items: center;
    height: 100%;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-weight: 500;
    transition: all .15s
}

.general-nav__open {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    order: -1;
    height: 40px;
    padding: 0 20px 0 16px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint);
    font-weight: 500;
    color: #fff;
    background-color: var(--color-main);
    border-radius: 3px;
    transition: all .3s
}

.general-nav__open i {
    display: flex;
    width: 15px;
    height: 15px;
    margin-right: 12px;
    background-size: 15px
}

.general-nav__open span:first-of-type {
    display: flex
}

.general-nav__open span:last-of-type {
    display: none
}

.general-nav__open small {
    display: none
}

.general-nav__full {
    display: none;
 
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2200;
    max-width: 320px;
    height: 100vh;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    
    
    
    
}

.general-nav__full.is-enabled {
    z-index: 2030;
    display: flex;
    animation-name: general-nav--enabled;
    animation-duration: .5s
}

.general-nav__full.is-disabled {
    display: flex;
    animation-name: general-nav--disabled;
    animation-duration: .4s
}

.general-nav__full-wrap {
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    display: flex;
    grid-column: main;
    flex-direction: column;
    padding: 64px 20px 72px;
    background-color: #fff;
    border-radius: 0 5px 5px 0
}

.general-nav__search {
    width: 100%!important;
    height: 44px;
    margin: 4px 0 28px
}

.general-nav__search .global-search__action {
    justify-content: flex-start;
    width: 100%!important;
    height: 44px;
    padding-left: 3px;
    font-size: var(--font-size-main);
    border-color: var(--color-gray-03)
}

.general-nav__search .global-search__action span {
    margin-left: 4px
}

.general-nav__menu {
    display: flex;
    grid-column: 1/span 3;
    flex-direction: column;
    margin-top: 4px
}

.general-nav__menu-item:not(:last-of-type) {
    border-bottom: 1px solid var(--color-gray-02)
}

.general-nav__menu-item.mod-sale .general-nav__menu-link {
    color: var(--color-main)
}

.general-nav__menu-item.mod-prod .general-nav__menu-link {
    padding-left: 13px;
    font-weight: 400
}

.general-nav__menu-item.mod-prod .general-nav__menu-link::before {
    display: none
}

.general-nav__menu-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-right: 13px
}

.general-nav__menu-icon.mod-extra {
    width: 26px;
    height: 26px;
    margin: -2px 11px -2px -2px
}

.general-nav__menu-link {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 10px 48px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-weight: 600;
    transition: all .15s
}

.general-nav__menu-link::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 18px;
    width: 10px;
    height: 2px;
    background-color: var(--color-gray-03);
    transition: all .15s
}

.general-nav__menu-more {
    display: none;
    width: 12px;
    height: 12px;
    margin-left: auto;
    fill: var(--color-gray-04);
    background-size: 12px;
    transition: all .15s;
    transform: rotateZ(-90deg)
}

.general-nav__contact {
    margin-top: 28px
}

.general-nav__contact li {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.general-nav__contact-data {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    padding: 7px 12px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec-2);
    font-weight: 500
}

a.general-nav__contact-data {
    transition: all .15s
}

.general-nav__contact-place {
    margin: -12px 0 8px;
    padding-left: 49px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec-2);
    font-weight: 500
}

.general-nav__contact-hint {
    margin: -4px 0 20px;
    padding-left: 49px;
    font-size: var(--font-size-nano)
}

.general-nav__contact-hint small {
    display: flex
}

.general-nav__contact-tg {
    margin: 0 2px 0 -2px;
    background-size: 21px
}

.general-nav__contact-wa {
    margin: 0 1px 0 -1px;
    background-size: 21px
}

.general-nav__phone {
    display: flex;
    flex-direction: column
}

.general-nav__phone a {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    padding: 7px 12px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec-2);
    font-weight: 500;
    transition: all .15s
}

.general-nav__phone span {
    margin: -5px 0 0 49px;
    font-size: var(--font-size-nano)
}

.general-nav__extra {
    grid-column: 4/span 9
}

.general-nav__close {
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 30;
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    height: 40px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text);
    text-transform: uppercase;
    transition: all .3s
}

.general-nav__close svg {
    display: block;
    width: 32px;
    height: 32px;
    transition: all .3s
}

.general-nav__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: none;
    background-color: var(--color-overlay);
    animation-fill-mode: both;
    animation-timing-function: ease-out;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.general-nav__overlay.is-enabled {
    display: flex;
    animation-name: general-nav__overlay--active;
    animation-duration: .5s
}

.general-nav__overlay.is-disabled {
    display: flex;
    animation-name: general-nav__overlay--disable;
    animation-duration: .4s
}

.general-nav__abort {
    position: fixed;
    top: 0;
    left: 320px;
    z-index: 0;
    width: calc(100vw - 320px);
    height: 100vh;
}

@keyframes general-nav--enabled {
    0% {
        transform: translateX(-1000px)
    }

    1% {
        width: 0;
        opacity: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}

@keyframes general-nav--enabled-desk {
    0% {
        transform: translateY(-1000px)
    }

    1% {
        opacity: 0;
        transform: translateY(0)
    }

    100% {
        opacity: 1
    }
}

@keyframes general-nav--disabled {
    0% {
        width: 100%;
        opacity: 1
    }

    99% {
        width: 0;
        opacity: 0
    }

    100% {
        transform: translateX(-1000px)
    }
}

@keyframes general-nav--disabled-desk {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0;
        transform: translateY(0)
    }

    100% {
        transform: translateY(-1000px)
    }
}

@keyframes general-nav__close--active {
    0% {
        opacity: 0;
        transform: translateY(-80px)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes general-nav__close--disable {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    99% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: translateY(-80px)
    }
}

@keyframes general-nav__overlay--active {
    0% {
        opacity: 0;
        transform: translateX(-200vw)
    }

    1% {
        opacity: 0;
        transform: translateX(0)
    }

    100% {
        opacity: 1
    }
}

@keyframes general-nav__overlay--disable {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0;
        transform: translateX(0)
    }

    100% {
        opacity: 0;
        transform: translateX(-200vw)
    }
}

.pagination {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.pagination__item:first-of-type {
    margin-right: auto
}

.pagination__item:last-of-type {
    margin-left: auto
}

.pagination__item.is-enabled .pagination__link {
    color: #fff;
    background-color: var(--color-main);
    cursor: default
}

.pagination__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 36px;
    padding-top: 1px;
    font-family: Rubik,sans-serif;
    background-color: #fff;
    border-radius: 3px;
    transition: all .3s
}

.pagination__link.mod-next,.pagination__link.mod-prev {
    font-size: 19px
}

.pagination__link.mod-prev {
    padding-right: 1px
}

.pagination__link.mod-next {
    padding-left: 1px
}

.tags-list {
    display: grid;
    row-gap: 12px
}

.tags-list h2,.tags-list .h2 {
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500
}

.tags-list__data {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.tags-list__data a {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 8px 2px;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .15s
}

.basic-contact {
    display: flex;
    -moz-column-gap: 40px;
    column-gap: 40px;
    align-items: center
}

.basic-contact__info {
    display: none;
    -moz-column-gap: 36px;
    column-gap: 36px
}

.basic-contact__comms {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.basic-contact__data {
    display: grid;
    grid-template-columns: repeat(2,auto);
    grid-template-rows: repeat(2,auto);
    -moz-column-gap: 16px;
    column-gap: 16px;
    align-items: center;
    height: 42px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint)
}

.basic-contact__data b {
    display: block;
    font-weight: 500
}

.basic-contact__data-link {
    display: inline-flex;
    grid-column: 2;
    grid-row: 1;
    margin-top: -3px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text)
}

.basic-contact__data-hint {
    grid-column: 2;
    grid-row: 2;
    margin: -1px 0 1px;
    font-size: var(--font-size-nano)
}

.basic-contact__data-icon {
    grid-column: 1;
    grid-row: 1/span 2;
    margin-top: -5px
}

.basic-contact__data-icon.icon-address {
    width: 32px;
    height: 32px;
    background-size: 32px 32px
}

.basic-contact__data-icon.icon-phone {
    width: 36px;
    height: 36px;
    background-size: 36px 36px
}

.basic-contact__action {
    margin-right: -28px;
    background-color: var(--color-extra)
}

.basic-contact__chat-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    transition: all .3s
}

.basic-contact__chat-link.mod-tg {
    background-color: #24a1de
}

.basic-contact__chat-link.mod-wa {
    background-color: #25d366
}

.basic-contact__chat-link.mod-cd {
    border: 1px solid var(--color-gray-03)
}

.basic-contact__chat-link.mod-cp {
    background-color: var(--color-extra)
}

.cart-widget {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    font-family: Rubik,sans-serif
}

.cart-widget__button {
    position: relative;
    border: 1px solid transparent;
    border-radius: 3px
}

.cart-widget__button .compare-icon {
    height: 26px;
    background-size: 26px
}

.cart-widget__count {
    position: absolute;
    top: 0;
    right: -8px;
   /*z-index: 20;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    padding: 0 6px;
    font-size: 11px;
    color: #fff;
    background-color: var(--color-main);
    border-radius: 8px
}

.cart-widget__open {
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: 12px;
    white-space: nowrap;
    font-size: var(--font-size-hint);
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.cart-widget__open span {
    margin-left: 12px
}

.cart-widget__open.is-active {

	border-color:var(--color-main);
	background:var(--color-main);

}
.cart-widget__open.is-active span {color:#fff;}





.extra-contact {
    display: grid;
    row-gap: 32px
}

.extra-contact__place {
    color: var(--color-gray-06)
}

.extra-contact__place p {
    font-family: Rubik,sans-serif;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

.extra-contact__place ul {
    margin-top: 4px
}

.extra-contact__place ul li {
    position: relative;
    padding-left: 20px
}

.extra-contact__place ul li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 1px;
    display: flex;
    width: 8px;
    height: 3px;
    background-color: var(--color-gray-04);
    border-radius: 3px
}

.extra-contact__comms {
    display: flex;
    flex-direction: column
}

.extra-contact__comms span {
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint);
    color: var(--color-gray-06)
}

.extra-contact__link {
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: 22px;
    font-weight: 500;
    color: #fff
}

.extra-contact__link:not(:first-of-type) {
    margin-top: 16px
}

.item-compare {
    display: flex;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.item-compare li:last-of-type {
    margin-right: -8px
}

.item-compare__button {
    overflow: hidden;
    position: relative
}

.item-compare__button i {
    width: 26px;
    height: 26px;
    background-size: 26px 26px
}

.item-compare__button i:last-of-type {
    display: none
}

.item-compare__button.is-enabled::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 6px;
    height: 6px;
    background-color: var(--color-main);
    border-radius: 50%
}

.item-compare__button.is-enabled i:first-of-type {
    display: none
}

.item-compare__button.is-enabled i:last-of-type {
    display: flex
}

.item-compare__button .icon-favorite,.item-compare__button .icon-favorite-alt {
    width: 24px;
    height: 24px;
    background-size: 24px
}

.item-compare.mod-card {
    -moz-column-gap: 0;
    column-gap: 0
}

.item-compare.mod-card li:first-of-type {
    margin-right: -1px
}

.item-compare.mod-card li:first-of-type .item-compare__button {
    border-radius: 3px 0 0 3px
}

.item-compare.mod-card li:last-of-type .item-compare__button {
    border-radius: 0 3px 3px 0
}

.item-compare.mod-card .item-compare__button {
    position: relative;
    width: 64px;
    border-color: var(--color-gray-03)
}

.social-pages ul {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.social-pages__link {
    display: flex;
    margin: -8px;
    padding: 8px;
    transition: all .3s
}

.social-pages__icon {
    display: flex;
    width: 36px;
    height: 36px;
    background-size: 36px
}

.yandex-rating {
    display: flex;
    background-color: #fff;
    border-radius: 3px
}

.catalog-aside {
    display: none
}

.catalog-aside__wrap {
    display: flex;
    row-gap: 12px;
    flex-direction: column;
    align-items: center
}

.catalog-aside__block {
    width: 100%;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 5px
}

.catalog-aside__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 23px 16px 19px
}

.catalog-aside__header h3,.catalog-aside__header .h3 {
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    pointer-events: none;
    transition: all .3s
}

.catalog-aside__header .catalog-aside__toggle {
    display: flex;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    pointer-events: none;
    transition: all .3s
}

.catalog-aside__header.is-enabled {
    border-radius: 5px 5px 0 0
}

.catalog-aside__header.is-enabled .catalog-aside__toggle {
    transform: rotate(0)
}

.catalog-aside__header.is-enabled+.catalog-aside__main {
    animation-name: catalog-aside__main--enabled;
    animation-duration: .3s;
    animation-timing-function: ease
}

.catalog-aside__header.is-disabled .catalog-aside__toggle {
    transform: rotate(-90deg)
}

.catalog-aside__header.is-disabled+.catalog-aside__main {
    animation-name: catalog-aside__main--disabled;
    animation-duration: .2s;
    animation-timing-function: ease
}

.catalog-aside__hint {
    display: none
}

.catalog-aside__price {
    padding: 0 20px 16px
}

.catalog-aside__main {
    overflow: hidden;
    padding: 0 20px;
    animation-fill-mode: both
}

.catalog-aside__list:not(:first-of-type) {
    display: none
}

.catalog-aside__item {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.catalog-aside__item.mod-spec::before {
    display: none
}

.catalog-aside__item.mod-spec img {
    display: flex;
    width: 23px;
    height: 23px;
    margin-right: 12px;
    border-radius: 2px;
    transition: all .15s
}

.catalog-aside__check {
    display: flex;
    width: 100%;
    padding: 2px 0
}

.catalog-aside__check small {
    margin-left: 8px;
    color: var(--color-gray-04);
    display:inline-block;
    text-align: right;
}

.catalog-aside__type {
    display: flex;
    width: 100%;
    min-height: 16px;
    padding: 2px 0;
    font-family: Rubik,sans-serif;
    color: var(--color-head);
    transition: all .15s
}

.catalog-aside__type:active,.catalog-aside__type:focus,.catalog-aside__type:hover {
    color: var(--color-main)
}

.catalog-aside__type span {
    padding-left: 8px;
    color: var(--color-gray-04)
}

.catalog-aside__more.button-aux {
    margin-top: 12px;
    color: var(--color-main-hover);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    transition: all .15s
}

.catalog-aside__view {
    width: 100%
}

.catalog-aside__close {
    position: absolute;
    top: 12px;
    right: 14px;
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    height: 40px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text);
    text-transform: uppercase;
    transition: all .3s
}

.catalog-aside__close svg {
    display: block;
    width: 32px;
    height: 32px;
    transition: all .3s
}

@keyframes catalog-aside--enabled {
    0% {
        display: flex;
        transform: translateX(-1000px)
    }

    1% {
        width: 0;
        opacity: 0
    }

    100% {
        width: 100%;
        opacity: 1
    }
}

@keyframes catalog-aside--disabled {
    0% {
        width: 100%;
        opacity: 1
    }

    99% {
        width: 0;
        opacity: 0
    }

    100% {
        display: none;
        transform: translateX(-1000px)
    }
}

@keyframes catalog-aside__main--enabled {
    0% {
        max-height: 0;
        padding-bottom: 0
    }

    100% {
        max-height: 100%;
        padding-bottom: 16px
    }
}

@keyframes catalog-aside__main--disabled {
    0% {
        max-height: 800px;
        padding-bottom: 16px
    }

    100% {
        max-height: 0;
        padding-bottom: 0
    }
}

.catalog-feed {
    display: grid;
    row-gap: 24px;
    padding-top: 6px
}

.catalog-feed__more {
    display: inline-flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    margin: 8px -8px -4px;
    padding: 4px 8px;
    color: var(--color-main-hover);
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed;
    text-underline-offset: 2px;
    transition: color .3s,-webkit-text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms,-webkit-text-decoration-color 225ms
}

.catalog-feed__more i {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    background-size: 12px 12px;
    transition: all .3s;
    transform: rotate(-90deg)
}

.catalog-feed__palette {
    margin-top: -16px
}

.catalog-feed__filter {
    margin: 8px 0 -4px
}

.catalog-feed__header+.catalog-feed__filter {
    margin-top: -8px
}

.feed-filter__open i {
    width: 18px;
    height: 18px;
    background-size: 18px 18px
}

.catalog-feed__list {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
    flex-wrap: wrap;
    transition: all .15s;
    margin-top:12px;
}

.catalog-feed__item {
    width: 100%;
    margin: -1px 0 0 -1px
}

.catalog-feed__nav {
    display: flex;
    row-gap: 24px;
    flex-direction: column;
    align-items: center
}

.catalog-feed__load {
    background-color: var(--color-extra)
}

.catalog-feed__pages {
    width: 100%;
    padding: 8px;
    background-color: var(--color-gray-01);
    border-radius: 5px
}

.catalog-feed__about {
    order: 1;
    padding: 0 8px
}

.catalog-recent {
    display: grid;
    row-gap: 72px;
    padding: 30px 0
}

.catalog-recent__block {
    display: grid;
    row-gap: 24px
}

.catalog-recent__header {
    display: flex;
    align-items: flex-start
}

.catalog-recent__title {
    display: flex;
    align-items: flex-start;
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    color: var(--color-head);
    letter-spacing: -.02em
}

.catalog-recent__title span {
    margin-bottom: 6px
}

.catalog-recent__title img {
    display: inline-flex;
    width: 40px;
    height: 40px;
    margin: -6px 20px 0 0
}

.catalog-recent__more {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    height: 40px;
    font-weight: 600;
    color: var(--color-main);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase;
    transition: all .15s
}

.catalog-recent__more i {
    width: 16px;
    height: 16px;
    margin-left: auto;
    background-size: 16px;
    transform: rotateZ(-90deg)
}

.catalog-recent__feed {
    display: grid;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px
}

.catalog-type {
    margin-top: 24px
}

.catalog-type__feed {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px
}

.catalog-type__item {
    position: relative;
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px;
    align-items: center;
    padding: 14px 16px;
    border: 1px solid var(--color-gray-03);
    border-radius: 5px;
    transition: all .3s
}

.catalog-type__icon {
    flex-shrink: 0;
    width: 64px;
    height: 44px
}

.catalog-type__icon.mod-spec {
    -o-object-fit: contain;
    object-fit: contain
}

.catalog-type__link {
    line-height: 1.3;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head);
    transition: all .15s
}

.catalog-type__link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.catalog-widget {
    position: relative;
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    margin: 24px 0 44px
}

.catalog-widget__main {
    z-index: 30
}

.catalog-widget__types {
    position: relative;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
    height: 100%
}

.catalog-widget__types-link {
    font-family: Rubik,sans-serif;
    font-weight: 400;
    transition: all .15s
}

.catalog-widget__types-link span {
    padding: 7px 0;
    line-height: 1.2
}

.catalog-widget__types-icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    float:left;
}

.catalog-widget__types-more {
    display: none;
    width: 12px;
    height: 12px;
    margin-left: auto;
    background-size: 12px;
    transform: rotateZ(-90deg)
}

.catalog-widget__types-more fill {
    transition: all .15s
}

.catalog-widget__spec {
    display: none;
    grid-template-rows: repeat(2,1fr);
    grid-column: 4/span 5;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px
}

.catalog-widget__video {
    grid-column: 1/span 2;
    background-color: var(--color-gray-04);
    border-radius: 5px
}

.catalog-widget__promo {
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray-01);
    border-radius: 5px;
    outline: 1px solid transparent;
    transition: all .3s
}

.catalog-widget__promo img {
   width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s
}

    .catalog-widget__spec li:nth-of-type(1) img {
        -o-object-fit: scale-down;
    object-fit: scale-down;
    }

.color-palette {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.color-palette__title {
    margin-bottom: 15px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500
}

.color-palette__list {
    display: flex;
    -moz-column-gap: 1px;
    column-gap: 1px
}

.color-palette__item {
    display: flex!important;
    row-gap: 1px;
    flex-direction: column
}

.color-palette__hue {
    position: relative;
    display: flex;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.color-palette__hue::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid transparent
}
.catalog-feed__palette {position:relative;}
.color-palette__ctrl {
  /*  display: none!important;
    display: flex;
    justify-content: space-between;
    height: 28px;
    margin-top: 1px;
    background-color: var(--color-gray-01)*/
    
}

.color-palette__arrow {
    display: flex;
    width: 28px;
    height: 28px;
    background-color: var(--color-main);
    border-color: var(--color-main);
}

.feed-filter {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px;
    justify-content: space-between;
    align-items: center
}

.feed-filter__title {
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500
}

.feed-filter__sort {
    display: none;
    -moz-column-gap: 24px;
    column-gap: 24px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main)
}

.feed-filter__sort small {
    display: inline-flex;
    margin: -4px 0 0 4px
}

.feed-filter__sort .sort-top {
    font-size: 17px;
    transform: translateY(1px)
}

.feed-filter__sort .sort-asc,.feed-filter__sort .sort-desc {
    font-size: 12px;
    transform: translateY(-1px)
}

.feed-filter__select {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 240px;
    height: 32px;
    padding: 0 10px;
    font-size: var(--font-size-main);
    color: var(--color-gray-05);
    background-color: #fff;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.feed-filter__select>option {
    font-family: "Open Sans",sans-serif
}

.feed-filter__open {
    display: none;
    font-size: var(--font-size-main);
    font-weight: 500
}

.feed-filter__open i {
    width: 18px!important;
    margin-right: 8px
}

.price-filter {
    display: flex;
    row-gap: 16px;
    flex-wrap: wrap
}

.price-filter__value {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px
}

.price-filter__input {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    width: calc(50% - 6px)
}

.price-filter__input span {
    display: flex;
    width: 20px;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase
}

.price-filter__input input {
    background-color: #fff
}

.price-filter__input input::-moz-placeholder {
    font-size: var(--font-size-main);
    color: var(--color-gray-04)
}

.price-filter__input input::placeholder {
    font-size: var(--font-size-main);
    color: var(--color-gray-04)
}

.price-filter__range {
    position: relative;
    width: 100%;
    height: 4px;
    margin: 12px 0;
    background-color: var(--color-main)
}

.price-filter__range::after,.price-filter__range::before {
    content: "";
    position: absolute;
    top: -6px;
    width: 16px;
    height: 16px;
    background-color: var(--color-main);
    border-radius: 50%;
    opacity:0;
}

.price-filter__range::before {
    left: 0
}

.price-filter__range::after {
    right: 0
}

.about-company {
    display: grid;
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding: 104px 0 72px
}

.about-company__wrap {
    display: grid;
    row-gap: 32px;
    padding: 56px 16px 62px;
    background-color: rgba(60,62,65,.8);
    border-radius: 5px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.about-company__main {
    color: #fff
}

.about-company__main p:not([class]) {
    margin-top: 12px
}

.about-company__main strong {
    font-weight: 600;
    text-decoration: underline
}

.about-company__title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -.02em
}

.about-company__list {
    margin-top: 32px
}

.about-company__list li {
    position: relative;
    padding-left: 24px
}

.about-company__list li:not(:first-of-type) {
    margin-top: 12px
}

.about-company__list li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    display: flex;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%
}

.about-company__promo {
    margin-top: 36px
}

.basic-specs {
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    align-items: flex-start
}

.basic-specs h2,.basic-specs .h2 {
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500
}

.basic-specs__list {
    width: 100%;
    display:none;
}

.basic-specs__list li {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0 9px;
    border-bottom: 1px dashed var(--color-gray-04)
}

.basic-specs__list span:first-of-type {
    font-weight: 600
}

.basic-specs__list span:last-of-type {
    text-align: right
}

.basic-specs__list a {
  /*  color: var(--color-main-hover);*/
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: all .15s
}

.catalog-offer {
    position: relative;
    z-index: 20;
    display: grid;
    -moz-column-gap: 32px;
    column-gap: 32px;
    padding: 66px 0 72px
}

.catalog-offer__wrap {
    display: grid;
    padding: 0 9px;
    color: #fff
}

.catalog-offer__title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -.02em
}

.catalog-offer__desc {
    margin: 20px 0 6px;
    line-height: 1.5;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-desc);
    letter-spacing: -.02em
}

.catalog-offer__action {
    margin: 28px auto 0 0;
    padding: 0 52px
}

.company-legal {
    padding: 14px 16px 24px;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 5px
}

.company-legal__item {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 8px 0 9px;
    border-bottom: 1px dashed var(--color-gray-04)
}

.company-legal__item b {
    white-space: nowrap
}

.company-news {
    display: grid;
    row-gap: 12px;
    padding-top: 4px
}

.company-news__feed,.recent-news__feed {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px
}

.company-news__card,.recent-news__card {
    position: relative;
    display: flex;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
    min-height: 174px;
    padding: 18px 16px 21px;
    border: 1px solid var(--color-gray-03);
    border-radius: 5px;
    transition: all .3s
}

.company-news__card-main,.recent-news__card-main {
    display: grid;
    row-gap: 12px
}

.company-news__card-title,.recent-news__card-title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-3);
    font-weight: 500;
    text-transform: uppercase;
    transition: all .15s
}

.company-news__card-link,.recent-news__card-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0
}

.company-news__card-date,.recent-news__card-date {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    align-items: center;
    order: -1;
    min-width: 144px;
    margin-top: -2px;
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-gray-07)
}

.company-news__card-date span:first-of-type,.recent-news__card-date span:first-of-type {
    font-size: 36px
}

.company-news__card-date span:last-of-type,.recent-news__card-date span:last-of-type {
    text-transform: uppercase
}

.company-news__ctrl {
    width: 100%;
    padding: 8px;
    background-color: var(--color-gray-01);
    border-radius: 5px
}

.contact-data {
    display: grid;
    -moz-column-gap: 48px;
    column-gap: 48px;
    row-gap: 28px;
    margin-top: 40px
}

.contact-data__block {
    /*display: flex;*/
    flex-direction: column
}
.contact-data__block span {display:inline-block;width:100%;text-align:center;}
.contact-data__list {
    display: flex;
    row-gap: 28px;
    flex-direction: column
}

.contact-data__item {
    display: flex
}

.contact-data__item.mod-warn .contact-data__text {
    font-size: var(--font-size-spec);
    color: #f0506e
}

.contact-data__item.mod-warn .contact-data__icon {
    background-size: 32px
}

.contact-data__title {
    margin-bottom: 6px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500;
    color: var(--color-main-hover)
}

.contact-data__link {
    white-space: nowrap;
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-2);
    font-weight: 500;
    color: var(--color-head)
}

.contact-data__desc {
    display: flex;
    margin-top: 4px;
    font-size: var(--font-size-nano);
    text-transform: lowercase
}

.contact-data__text {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-2);
    font-weight: 500;
    color: var(--color-head)
}

.contact-data__text small {
    display: flex;
    margin-top: 6px;
    font-size: var(--font-size-main)
}

.contact-data__icon {
    display: flex;
    order: -1;
    width: 28px;
    height: 28px;
    margin: 8px 20px 0 0;
    background-size: 28px;
    opacity: .65
}

.contact-data__hint {
    display: flex;
    margin-top: 28px;
    padding: 12px 16px 15px;
    border: 1px solid var(--color-main-light);
    border-radius: 5px
}

.contact-data__info {
    margin: 28px -15px -24px;
    padding: 14px 16px 24px;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 0 5px 5px 0
}

.contact-data__info p:not(:first-of-type) {
    margin-top: 12px
}

.contact-data__cover {
    overflow: hidden;
    display: flex;
    width: 100%;
    height: calc(100% + 16px);
    margin-top: -16px;
    background-color: var(--color-gray-03);
    border-radius: 5px
}

.contact-data__cover img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.content-tabs {
    display: flex;
    flex-direction: column
}

.content-tabs__tabs {
    overflow: hidden;
    position: relative;
    z-index: 20;
    display: flex;
    background: radial-gradient(circle at 100% 100%,#fff 0,#fff 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#e5e5e7 0,#f2f2f2 100%);
    border-radius: 5px 5px 0 0
}

.content-tabs__tabs::before {
    content: "";
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 20;
    width: 4px;
    height: 4px;
    background-color: #fff
}

.content-tabs__toggle {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 6px 16px 7px 12px;
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-hint);
    font-weight: 500;
    border: 1px solid transparent;
    transition: all .3s
}

.content-tabs__toggle::before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 20;
    height: 4px;
    background-color: #fff
}

.content-tabs__toggle.is-enabled {
    color: var(--color-main);
    border-color: var(--color-gray-03);
    border-bottom-color: #fff;
    cursor: default
}

.content-tabs__toggle.is-enabled::before {
    right: 0;
    left: 0
}

.content-tabs__toggle.is-disabled::before {
    left: 0;
    width: 3px
}

.content-tabs__icon {
    margin-right: 10px
}

.content-tabs__icon.mod-walk {
    width: 16px;
    height: 16px;
    background-size: 16px
}

.content-tabs__icon.mod-ride {
    width: 22px;
    height: 22px;
    background-size: 22px
}

.content-tabs__pane {
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: none;
    margin-top: -1px;
    padding: 22px 16px 24px;
    background: radial-gradient(circle at 100% 100%,#fff 0,#fff 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#e5e5e7 0,#fff 80%,#fff 100%);
    animation-fill-mode: both;
    animation-timing-function: ease
}

.content-tabs__pane::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    left: 1px;
    z-index: 20;
    height: 4px;
    background-color: #fff
}

.content-tabs__pane.is-enabled {
    display: block;
    animation-name: content-tabs__pane--enabled;
    animation-duration: .4s
}

.content-tabs__pane.is-disabled {
    display: block;
    animation-name: content-tabs__pane--disabled;
    animation-duration: .3s
}

@keyframes content-tabs__pane--enabled {
    0% {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    100% {
        max-height: 2000px
    }
}

@keyframes content-tabs__pane--disabled {
    0% {
        max-height: 2000px
    }

    100% {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.extra-specs {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    padding: 14px 16px 24px;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 5px
}

.extra-specs__item {
    display: flex;
    grid-column: span 1;
    -moz-column-gap: 16px;
    column-gap: 16px;
    justify-content: space-between;
    padding: 8px 0 9px;
    border-bottom: 1px dashed var(--color-gray-04)
}

.extra-specs__name {
    font-weight: 600
}

.extra-specs__data {
    text-align: left
}

.extra-specs__data a {
/*    color: var(--color-main-hover);*/
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: all .15s
}

.freq-questions {
    display: grid;
    row-gap: 24px;
    padding-top: 64px
}

.freq-questions__header {
    display: flex;
    align-items: flex-start
}

.freq-questions__title {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding-bottom: 1px;
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    color: var(--color-head);
    letter-spacing: -.02em
}

.freq-questions__more {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    height: 40px;
    font-weight: 600;
    color: var(--color-main);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase;
    transition: all .15s
}

.freq-questions__more i {
    width: 16px;
    height: 16px;
    margin-left: auto;
    background-size: 16px;
    transform: rotateZ(-90deg)
}

.freq-questions__feed {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px
}

.freq-questions__card {
    position: relative;
    display: flex;
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 16px;
    flex-direction: column;
    padding: 18px 16px 21px;
    border: 1px solid var(--color-gray-03);
    border-radius: 5px;
    transition: all .3s
}

.freq-questions__card-head {
    padding-bottom: 6px
}

.freq-questions__card-title {
    display: flex;
    margin-bottom: 8px;
    font-family: Rubik,sans-serif;
    font-weight: 500;
    color: var(--color-main);
    text-transform: uppercase
}

.freq-questions__card-main {
    padding-top: 20px;
    border-top: 1px dashed var(--color-gray-03)
}

.freq-questions__card-main p:not(:first-of-type) {
    margin-top: 12px
}

.how-to-get {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 28px;
    margin-top: 28px
}

.how-to-get__title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-2);
    font-weight: 500;
    color: var(--color-head)
}

.how-to-get__main {
    display: flex;
    row-gap: 20px;
    flex-direction: column
}

.how-to-get__legal {
    display: flex;
    row-gap: 20px;
    flex-direction: column
}

.our-advantages {
    display: flex;
    margin-bottom: -32px
}

.our-advantages__slider {
    width: calc(100% + 24px);
    margin: 0 -12px;
    padding: 0 12px
}

.our-advantages__card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 36px
}

.our-advantages__card-main {
    height: 100%;
    padding: 58px 32px 40px 32px;
    background-color: var(--color-gray-01);
    background-size: cover;
    border-top: 4px solid var(--color-main);
    border-radius: 5px
}

.our-advantages__card-main h3 {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-text-head);
    text-transform: uppercase;
    text-align: center
}

.our-advantages__card-main p {
    margin-top: 12px;
    text-align: center
}

.our-advantages__card-main.mod-delivery {
    background-image: url(images/our-advantages/delivery-bg.jpg)
}

.our-advantages__card-main.mod-payment {
    background-image: url(images/our-advantages/payment-bg.jpg)
}

.our-advantages__card-main.mod-laying {
    background-image: url(images/our-advantages/laying-bg.jpg)
}

.our-advantages__card-main.mod-address {
    background-image: url(images/our-advantages/address-bg.jpg)
}

.our-advantages__card-main.mod-storage {
    background-image: url(images/our-advantages/storage-bg.jpg)
}

.our-advantages__card-icon {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    order: -1;
    width: 72px;
    height: 72px;
    margin-left: -36px;
    background-color: var(--color-main);
    border-radius: 50%
}

.our-advantages__arrow {
    position: absolute;
    top: calc(60% - 20px);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--color-main);
    transition: all .3s
}

.our-advantages__arrow.swiper-button-disabled {
    opacity: .35;
    cursor: default
}

.our-advantages__arrow-icon {
    display: flex;
    width: 20px;
    height: 20px;
    background-size: 20px
}

.our-advantages__arrow.mod-next {
    right: 0;
    padding-left: 4px;
    border-radius: 3px 0 0 3px
}

.our-advantages__arrow.mod-prev {
    left: 0;
    padding-right: 4px;
    border-radius: 0 3px 3px 0
}

.place-gallery {
    position: relative;
    margin-top: 36px
}

.place-gallery__feed {
    width: 100%
}

.place-gallery__card {
    position: relative;
    display: flex
}

.place-gallery__card img {
    display: flex;
    border-radius: 5px
}

.place-gallery__zoom {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-overlay);
    border-radius: 5px;
    opacity: 0;
    transition: all .3s
}

.place-gallery__zoom i {
    width: 52px;
    height: 52px;
    background-size: 52px;
    opacity: .85
}

.place-gallery__arrow {
    position: absolute;
    top: calc(50% - 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--color-main);
    transition: all .3s
}

.place-gallery__arrow-icon {
    display: flex;
    width: 20px;
    height: 20px;
    background-size: 20px
}

.place-gallery__arrow.mod-next {
    right: 0;
    padding-left: 4px;
    border-radius: 3px 0 0 3px
}

.place-gallery__arrow.mod-prev {
    left: 0;
    padding-right: 4px;
    border-radius: 0 3px 3px 0
}

.recent-news {
    display: grid;
    row-gap: 24px;
    padding-top: 64px
}

.recent-news__header {
    display: flex;
    align-items: flex-start
}

.recent-news__title {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding-bottom: 1px;
    line-height: 1.1;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-1);
    font-weight: 500;
    color: var(--color-head);
    letter-spacing: -.02em
}

.recent-news__more {
    display: flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    height: 40px;
    font-weight: 600;
    color: var(--color-main);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    text-transform: uppercase;
    transition: all .15s
}

.recent-news__more i {
    width: 16px;
    height: 16px;
    margin-left: auto;
    background-size: 16px;
    transform: rotateZ(-90deg)
}

.yandex-maps {
    display: flex;
    margin-top: 36px;
    background-color: var(--color-ymaps);
    border: 1px solid var(--color-gray-02);
    border-radius: 5px
}

.yandex-maps__frame {
    overflow: hidden;
    width: 100%;
    height: 360px;
    border-radius: 5px
}

.product-gallery {
    display: flex;
    max-height:596px;
    overflow:hidden;
}
.product-gallery  .paintImg {border:0;height:auto;border-radius:0;}
.product-gallery__main {
   /* overflow: hidden;*/
    /*display: flex;*/
    width: 100%;
    padding: 8px;
    border: 1px solid var(--color-gray-03);
    border-radius: 0 5px 5px 5px
}

.product-gallery__photo {
    overflow: hidden;
    display: flex;
    border-radius: 3px;
    aspect-ratio: 1/1;
    cursor:pointer;
    position:relative;
}
.product-gallery__photo .zoom{
	opacity:0;
	transition:all .3s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
}
.product-gallery__photo:hover .zoom {
	opacity:1;
}
.product-gallery__photo .zoom svg {

	position:absolute;
	top:calc(50% - 22px);
	left:calc(50% - 22px);

}


.product-gallery__photo img {
   width: 100%
}

.product-gallery__nav {
    display: none;
    flex-direction: column;
    order: -1;
    /*max-height:600px;*/
}

.product-gallery__slide {
    overflow: hidden;
    position: relative;
    z-index: 20;
    display: flex;
    width: 121px;
    height: 120px;
    min-height: 120px;
    margin-right: -1px;
    padding: 8px;
    border: 1px solid var(--color-gray-03);
    cursor:pointer;
}

.product-gallery__slide:not(:first-of-type) {
    margin-top: -1px
}

.product-gallery__slide img {
    width: 100%;
    opacity: .8;
    transition:all .3s;
}

.product-gallery__slide.is-enabled {
    z-index: 20;
    border-right-color: #fff
}

.product-gallery__slide.is-enabled img,.product-gallery__slide:hover img {
    opacity: 1
}

.product-order {
    display: grid;
    row-gap: 20px
}

.product-order__wrap {
    display: grid;
    row-gap: 20px
}

.product-order__badges {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
    flex-wrap: wrap;
    justify-content: space-between
}

.product-order__main {
    position: relative;
    background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
    border-radius: 5px
}

.product-order__main-wrap {
    display: grid;
    row-gap: 12px;
    padding: 20px 16px 0
}

.product-order__header {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    justify-content: space-between;
    align-items: center
}

.product-order__model {
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-desc);
/*    font-weight: 500; */
    color: var(--color-gray-05)
}

.product-order__user {
    margin-top: -1px
}

.product-order__title {
    margin-bottom: auto;
    padding-bottom: 4px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500;
    color: var(--color-head)
}

.product-order__price {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.product-order__price-main {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 6px;
    flex-direction: column;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-spec);
    font-weight: 500;
    color: var(--color-head)
}

.product-order__price-main span {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    margin-left: -6px;
    padding: 2px 6px;
/*   background-color: var(--color-main-light); */
/*	border: 2.5px solid var(--color-main-light); */
/*    border-radius: 3px */
}

.product-order__price-main small {
    font-size: var(--font-size-main);
    font-weight: 400
}

.product-order__price-main del {
    display: flex;
    font-size: var(--font-size-desc);
    color: var(--color-gray-04);
    text-decoration: line-through
}

.product-order__price-extra {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    padding: 2px 0;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-desc);
    font-weight: 500;
	color: var(--color-main)
/*	color: var(--color-head) */
}

.product-order__price-extra small {
    font-size: var(--font-size-main)
}

.product-order__data {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 18px 0 6px;
    border-top: 1px dashed var(--color-gray-04)
}

.product-order__data.mod-vars {
    display: grid;
    padding-bottom: 0
}

.product-order__data-block {
    display: flex;
    flex-direction: column
}

.product-order__data-block.mod-lite {
    grid-column: span 1
}

.product-order__check {
    padding: 2px 0
}

.product-order__value {
    display: flex;
    -moz-column-gap: 4px;
    column-gap: 4px;
    margin-top: 6px
}

.product-order__value-input {
    width: 64px;
    text-align: center;
    background-color: #fff

}

.product-order__value-change {
    width: 32px;
    font-size: 0;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px
}

.product-order__value-change i {
    width: 8px;
    height: 8px;
    background-size: 8px 8px
}

.product-order__select {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 5px;
    padding: 0 12px;
    font-size: var(--font-size-main);
    color: var(--color-gray-05);
    background-color: #fff;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.product-order__select>option {
    font-family: "Open Sans",sans-serif
}

.product-order__about {
    margin-top: 8px;
    padding: 18px 0 20px;
    border-top: 1px dashed var(--color-gray-04)
}

.product-order__action {
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin-top: 8px;
    padding: 16px 28px 28px
}

.product-order__action.is-sticky {
    right: 0;
    bottom: 0;
    left: 0
}

.product-order__to-cart {
    width: calc(62% - 32px);
 #   font-size: 0!important;
    color: #fff;
    background-color: var(--color-main);
    border-color: var(--color-main)
}

.product-order__one-click {
    width: calc(38% - 32px);
    background-color: var(--color-click)
}

.product-order__payment {
    padding: 8px 0 0
}

.product-order__payment-name {
    margin-bottom: 12px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head);
    text-transform: uppercase
}

.product-order__payment-list {
    margin: 4px 0 20px
}

.product-order__payment-list li {
    position: relative;
    padding-left: 24px
}

.product-order__payment-list li:not(:first-of-type) {
    margin-top: 4px
}

.product-order__payment-list li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    display: flex;
    width: 5px;
    height: 5px;
    background-color: var(--color-gray-05);
    border-radius: 50%
}

.product-order__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 20px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-main);
    font-weight: 500;
    border-top: 1px dashed var(--color-gray-04)
}

.product-order__total b {
    font-size: var(--font-size-desc);
    font-weight: 500;
    color: var(--color-main)
}

.product-order__bonus {
    display: grid;
    row-gap: 6px;
    margin-top: 20px;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-nano)
}

.product-order__more {
    display: inline-flex;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center;
    margin: -4px -8px;
    padding: 4px 8px;
    color: var(--color-main-hover);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: color .3s,-webkit-text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms;
    transition: color .3s,text-decoration-color 225ms,-webkit-text-decoration-color 225ms
}

.product-order__more i {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    background-size: 12px 12px;
    transition: all .3s;
    transform: rotate(-90deg)
}

.product-page {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 36px
}

.product-page__badges {
    display: flex;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 6px;
    flex-wrap: wrap;
    margin-top: 16px
}

.product-page__badges li {
    display: flex;
    height: 28px;
    padding: 6px 12px 3px;
    font-family: Rubik,sans-serif;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    background-color: var(--color-gray-04);
    border-radius: 14px
}

.product-page__badges .badge-spec {
    background-color: var(--color-main)
}

.product-page__badges .badge-promo {
    background-color: var(--color-spec-hover)
}

.product-page__badges .badge-vars {
    background-color: var(--color-vars);
    transition: all .3s
}

.product-page__content {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 36px;
    margin-top: -12px
}

.product-page__info {
    display: flex;
    row-gap: 24px;
    flex-direction: column
}

.product-page__section {
    display: grid;
    row-gap: 20px
}

.product-page__section .catalog-card__action {
    color: #fff;
    background-color: var(--color-main);
    border-color: var(--color-main)
}

.product-page__title {
    line-height: 1.2;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-2);
    font-weight: 500;
    color: var(--color-head)
}

.product-page__about {
    padding: 2px 16px 5px;
    border-left: 1px solid var(--color-gray-03)
}



.product-page__hint {
    display: flex;
    margin-top: 12px;
    padding: 12px 16px 15px;
    border: 1px solid var(--color-main-light);
    border-radius: 5px
}

.product-variants__list {
    display: grid;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 8px
}

.product-variants__item {
    position: relative;
    display: flex;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 12px;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 8px;
    border: 1px solid var(--color-gray-03);
    border-radius: 3px;
    transition: all .3s
}

.product-variants__item:not(:first-of-type) {
    margin-top: -1px
}

.product-variants__item:nth-of-type(2n+2) {
    background-color: var(--color-gray-01)
}

.product-variants__title {
    width: calc(100% - 76px);
    margin-top: 3px;
    line-height: 1.3;
    font-family: Rubik,sans-serif;
    font-size: var(--font-size-head-4);
    font-weight: 500;
    color: var(--color-head)
}

.product-variants__title a {
    display: flex;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 2px;
    transition: all .15s
}

.product-variants__desc {
    margin-left: 4px;
    font-size: var(--font-size-hint)
}

.product-variants__cover {
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
    order: -1;
    width: 64px;
    border-radius: 3px
}

.product-variants__cover img {
    transition: all .15s
}

.product-variants__data {
    display: flex;
    -moz-column-gap: 32px;
    column-gap: 32px;
    justify-content: space-between;
    align-items: center
}

.product-variants__price {
    padding-left: 4px;
    white-space: nowrap;
    font-family: Rubik,sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-head)
}

.product-variants__price small {
    display: flex;
    font-size: var(--font-size-main);
    color: var(--color-gray-04);
    text-decoration: line-through
}

.product-variants__action {
    color: #fff;
    background-color: var(--color-main);
    border-color: var(--color-main)
}

@media (min-width: 360px) {
    .errors-page {
        padding-right:20px;
        padding-left: 20px
    }

    .main-footer__social {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .main-footer__legal {
        row-gap: 4px;
        padding-right: 48px
    }

    .general-nav__search {
        display: none
    }

    .item-compare.mod-card li {
        width: 100%
    }

    .catalog-feed__item {
        width: calc(50% - 6px)
    }

    .catalog-recent__feed {
        grid-template-columns: repeat(2,1fr)
    }

    .extra-specs__data {
        text-align: right
    }

}

@media (min-width: 576px) {
    :root {
        --grid-gaps:12px
    }

    .section {
        padding: 0 16px
    }

    .catalog-card__badges {
        font-size: 10px
    }

    .global-search {
        width: 104px
    }

    .global-search__action {
        width: auto;
        padding: 0 15px 0 5px;
        font-size: var(--font-size-hint)
    }

    .main-footer__legal {
        padding-bottom: 28px
    }

    .main-navbar {
        padding: 0 16px
    }

    .main-navbar__browse.is-sticky {
        padding: 0 16px
    }

    .main-navbar__search {
        margin-right: 16px
    }

    .assist-widget {
        right: 16px
    }

    .basic-contact__chat:nth-of-type(3),.basic-contact__chat:nth-of-type(4) {
        display: none
    }

    .cart-widget__open {
        margin-left: 16px;
        padding: 0 15px
    }

    .catalog-feed__item {
        width: calc((100% - 21px)/ 3)
    }

    .catalog-recent__feed {
        grid-template-columns: repeat(3,1fr)
    }

    .catalog-type__feed {
        grid-template-columns: repeat(2,1fr)
    }

    .about-company__wrap {
        padding: 56px 56px 62px
    }

    .catalog-offer__wrap {
        padding: 0 32px
    }

    .our-advantages__slider {
        width: calc(100% + 32px);
        margin: 0 -16px;
        padding: 0 16px
    }

    .product-order__badges {
        -moz-column-gap: 24px;
        column-gap: 24px;
        padding: 0 20px
    }

    .product-order__payment {
        padding: 8px 16px 0
    }
	
}


@media (min-width: 768px) {
    :root {
        --grid-cols:repeat(8, 1fr);
        --grid-gaps: 16px
    }

    :root {
        --font-size-head-1: 30px;
        --font-size-head-2: 26px;
        --font-size-head-3: 22px;
        --font-size-spec: 24px;
        --font-size-spec-2: 22px;
		--font-size-spec-3: 20px
    }

    .section {
        padding: 0 20px
    }
     .basic-specs__list {display:block;}
    .header__icon {
        width: 40px;
        height: 40px
    }

    [class*=button-].mod-plus {
        height: 50px;
        font-size: 16px
    }

    .button-main.mod-plus {
        padding: 1px 40px 0
    }

    .callback-popup .modal ,.cartnote-popup .modal ,.oneclick-popup .modal ,.cleanBasket-popup .modal{
        padding: 40px 40px 32px
    }
   .add2cart-popup .modal {
        padding: 0px 0px 0px;
        min-height:100px;
    }
 .add2cart-popup .cartPreloader {width:100%;text-align:center;padding:30px 0 0 0;}
    .errors-page {
        margin: 10vh 0 10.75vh
    }

    .errors-page__title {
        font-size: 160px
    }

    .main-footer__legal {
        padding-bottom: 32px
    }

    .main-navbar {
        padding: 0 20px
    }

    .main-navbar__browse.is-sticky {
        padding: 0 20px
    }

    .project-logo {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .assist-widget {
        right: 20px
    }

    .general-nav__list {
        display: flex
    }

    .general-nav__list {
        /*padding-left: 16px*/
        display:none;
    }

    .general-nav__list-link {
        padding: 0 16px 1px
    }

    .pagination {
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .basic-contact__info {
        display: flex
    }

    .extra-contact {
        row-gap: 48px
    }

    .catalog-feed {
        row-gap: 28px
    }

    .catalog-feed__filter {
        margin: 8px 0 -8px
    }

    .catalog-feed__nav {
        row-gap: 28px
    }

    .catalog-feed__pages {
        padding: 12px
    }

    .catalog-feed__about {
        padding: 0 12px
    }

    .catalog-recent__header {
        justify-content: space-between;
        align-items: center
    }

    .catalog-recent__title img {
        width: 48px;
        height: 48px
    }

    .catalog-type {
        margin-top: 28px
    }

    .catalog-type__feed {
        grid-template-columns: repeat(3,1fr)
    }

    .catalog-type__item {
        flex-direction: column;
        padding: 28px 24px
    }

    .catalog-type__icon {
        width: 145px;
        height: 100px
    }

    .catalog-type__link {
        text-align: center
    }

    .catalog-widget {
        grid-template-columns: repeat(8,1fr)
    }

    .catalog-widget__main {
        grid-column: span 3
    }

    .catalog-widget__types {
        display: flex;
        row-gap: 0;
        flex-direction: column;
        padding: 8px 23px 8px 19px;
        background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%);
        border-radius: 5px
    }

    .catalog-widget__types-item:not(:last-of-type) {
        border-bottom: 1px solid var(--color-gray-03)
    }

    .catalog-widget__types-link {
        position: relative;
        display: flex;
        align-items: center;
        max-width: 100%;
        height: 100%;
        padding: 6px 8px 6px 4px
    }

    .catalog-widget__types-icon {
        width: 32px;
        height: 32px;
        margin-right: 18px;
    float:left;
    }

    .catalog-widget__types-icon.mod-extra {
        width: 36px;
        height: 36px;
        margin: -2px 16px -2px -2px
    }

    .catalog-widget__types-icon.mod-spec {
        width: 26px;
        height: 26px;
        margin: 3px 21px 3px 3px
    }

    .catalog-widget__spec {
        display: grid
    }

    .company-legal {
        padding: 18px 24px 28px
    }

    .company-news__feed,.recent-news__feed {
        grid-template-columns: repeat(2,1fr)
    }

    .company-news__card,.recent-news__card {
        padding: 28px 32px 32px 24px
    }

    .company-news__card-main,.recent-news__card-main {
        row-gap: 16px
    }

    .company-news__ctrl {
        padding: 12px
    }

    .contact-data {
        grid-template-columns: repeat(8,1fr)
    }

    .contact-data__block:nth-of-type(1) {
        grid-column: span 4
    }

    .contact-data__block:nth-of-type(2) {
        grid-column: span 4
    }

    .contact-data__block:nth-of-type(3) {
        grid-column: span 8
    }

    .contact-data__list {
        row-gap: 48px
    }

    .contact-data__hint {
        margin-top: auto;
        padding: 12px 24px 15px
    }

    .contact-data__info {
        margin: 48px 0 0;
        padding: 18px 24px 28px;
        border-radius: 5px
    }

    .content-tabs__pane {
        padding: 24px 24px 28px
    }

    .extra-specs {
        grid-template-columns: repeat(2,1fr);
       grid-template-rows: repeat(12, auto);
        padding: 18px 24px 28px;
        grid-auto-flow:column;
    }

    .freq-questions__header {
        justify-content: space-between;
        align-items: center
    }

    .freq-questions__title {
        min-height: 48px
    }

    .freq-questions__card {
        padding: 28px 32px 32px 24px
    }

    .freq-questions__card-head {
        margin-bottom: 12px
    }

    .freq-questions__card-title {
        margin-bottom: 12px
    }

    .freq-questions__card-main {
        padding-top: 28px
    }

    .how-to-get {
        grid-template-columns: repeat(8,1fr);
        margin-top: 36px
    }

    .how-to-get__main {
        grid-column: 1/span 4;
        padding-right: 16px
    }

    .how-to-get__legal {
        grid-column: 5/span 4
    }

    .our-advantages__slider {
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 0 20px
    }

    .our-advantages__card-main {
        padding-bottom: 52px
    }

    .our-advantages__card-main h3 {
        text-align: left
    }

    .our-advantages__card-main p {
        text-align: left
    }

    .our-advantages__card-icon {
        left: 28px;
        margin-left: 0
    }

    .place-gallery {
        margin-top: 56px
    }

    .place-gallery__ctrl {
        top: calc(50% - 25px);
        right: -25px;
        left: -25px
    }

    .place-gallery__arrow {
        top: calc(50% - 25px);
        width: 50px;
        height: 50px;
        border-radius: 3px
    }

    .place-gallery__arrow-icon {
        width: 24px;
        height: 24px;
        background-size: 24px
    }

    .place-gallery__arrow.mod-next {
        right: -11.76471px;
        border-radius: 3px
    }

    .place-gallery__arrow.mod-prev {
        left: -11.76471px;
        border-radius: 3px
    }

    .recent-news__header {
        justify-content: space-between;
        align-items: center
    }

    .recent-news__title {
        min-height: 48px
    }

    .yandex-maps {
        margin-top: 56px
    }

    .product-order__main-wrap {
        padding: 24px 24px
    }

    .product-order__payment {
        padding: 8px 24px 0
    }

    .product-page {
        grid-template-columns: repeat(10,1fr);
        row-gap: 40px
    }

    .product-page__header {
        grid-column: 1/span 9
    }

    .product-page__content {
        grid-template-columns: repeat(10,1fr);
        grid-column: 1/span 10
    }

    .product-page__gallery {
        grid-column: 1/span 6
    }

    .product-page__info {
        padding-top: 8px
    }

    .product-page__info {
        grid-column: 7/span 4;
        row-gap: 28px
    }

    .product-page__section {
        grid-column: 1/span 10
    }

    .product-page__hint {
        padding: 12px 24px 15px
    }

    .product-variants__cover {
        width: 72px
    }

    .product-variants__data {
        margin-left: auto;
        padding-right: 4px
    }
	
}

@media screen and (min-width: 768px) and (hover:hover) {
    .catalog-widget__types-link:hover {
        color:var(--color-main-hover)
    }

    .place-gallery__arrow.mod-next:hover {
        transform: translateX(8px)
    }

    .place-gallery__arrow.mod-prev:hover {
        transform: translateX(-8px)
    }
	

}

@media (min-width: 769px) {
    .glightbox-container .ginner-container {
        flex-direction:row;
        width: auto;
        height: auto
    }

    .glightbox-container .ginner-container.desc-top .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img {
        order: 1
    }

    .glightbox-container .ginner-container.desc-left .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-left .gslide-image {
        order: 1
    }

    .gslide-image img {
        max-width: 100%;
        max-height: 97vh
    }

    .gslide-image img.zoomable {
        cursor: zoom-in
    }

    .zoomed .gslide-image img.zoomable {
        cursor: -webkit-grab;
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left,.gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: rgba(0,0,0,.92)
    }

    .glightbox-clean .gslide-media {
        box-shadow: 1px 2px 9px 0 rgba(0,0,0,.65)
    }

    .glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner {
        overflow-y: auto;
        position: absolute;
        height: 100%
    }

    .glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev {
        background-color: rgba(0,0,0,.32)
    }

    .glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover {
        background-color: rgba(0,0,0,.7)
    }

    .glightbox-clean .gprev {
        top: 45%
    }

    .glightbox-clean .gnext {
        top: 45%
    }

}
@media (max-width: 576px) {
    .main-navbar__notify {
        font-size: 14px
    }
	
/* для мобилки увеличели фото и сдвинули ярлыки */
	.catalog-card {
     padding: 0;
  }
  .catalog-card__title {
    padding: 0 8px 0;
  }
  .catalog-card__desc {
    padding: 0 8px 0;
  }
  .catalog-card__badges {
  left: 0 !important;
  top: 5px !important;
  }
  .catalog-card__data {
    padding: 0 8px 8px;
  }
  	.basic-specs {
		display: none;
	}
.product-page__content {
    row-gap: 12px;
   }
 }
@media (min-width: 992px) {
    :root {
        --grid-gaps:20px
    }

    :root {
        --font-size-hint: 14px
    }

    .basic-group {
        grid-template-columns: repeat(10,1fr)
    }

    .basic-group__page {
        grid-column: 4/span 7
    }

    .basic-group__aside {
        grid-column: 1/span 3
    }

    .content-group {
        grid-template-columns: repeat(11,1fr)
    }

    .content-group__main {
        grid-column: 1/span 7
    }

    .content-group__aside {
        grid-column: 8/span 4;
        padding-left: 8px
    }

    .glightbox-clean .gclose {
        right: 20px;
        opacity: .7
    }

    .main-footer {
        row-gap: 60px
    }

    .main-footer__main {
        grid-template-columns: repeat(10,1fr)
    }

    .main-footer__brand {
        grid-column: 1/span 3;
        row-gap: 56px
    }

    .main-footer__extra {
        grid-column: 4/span 7;
        row-gap: 48px;
        padding-top: 5px;
        border: 0
    }


    .main-navbar.mod-notify {
        height: 182px
    }

  /*  .main-navbar.mod-notify .main-navbar__extra {
        min-height: 30px
    }*/

    .main-navbar.mod-notify .main-navbar__extra::before {
        min-height: 30px
    }

    .project-logo {
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    .assist-widget {
        bottom: 16px;
        row-gap: 12px
    }

    .assist-widget__action.mod-filter {
        display: none
    }

    .extra-nav {
        grid-template-columns: repeat(3,1fr)
    }

    .extra-nav__block:nth-of-type(1) {
        grid-column: 1/span 3
    }

    .extra-nav__block:nth-of-type(2) {
        grid-column: 1/span 3
    }

    .extra-nav__title {
        margin-bottom: 19px
    }

    .extra-nav__list {
        grid-template-columns: repeat(3,1fr);
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .general-nav__full {
        max-width: 340px
    }

    .catalog-aside {
        display: flex
    }

    .catalog-feed__list.mod-spec .catalog-feed__item {
        width: calc((100% - 32px)/ 4)
    }

    .catalog-recent__feed {
        grid-template-columns: repeat(4,1fr)
    }

    .catalog-type__feed {
        grid-template-columns: repeat(4,1fr)
    }

    .catalog-widget {
        grid-template-columns: repeat(12,1fr)
    }

    .catalog-widget__main {
        grid-column: span 4
    }

    .catalog-widget__spec {
        grid-column: 5/span 8
    }

    .feed-filter__sort {
        display: flex
    }

    .feed-filter__select {
        display: none
    }

    .feed-filter__open {
        display: none
    }

    .about-company {
        grid-template-columns: repeat(12,1fr)
    }

    .about-company__wrap {
        grid-column: 2/span 10;
        padding: 56px 72px 62px
    }

    .catalog-offer {
        grid-template-columns: repeat(12,1fr)
    }

    .catalog-offer__wrap {
        grid-column: span 9
    }

    .content-tabs__tabs {
        background: radial-gradient(circle at 100% 100%,#fff 0,#fff 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#e5e5e7 0,#f6f6f6 100%)
    }

    .content-tabs__toggle {
        padding: 0 24px 0 18px
    }

    .freq-questions__feed {
        grid-template-columns: repeat(2,1fr)
    }

    .how-to-get__main {
        grid-column: 1/span 5
    }

    .how-to-get__legal {
        grid-column: 6/span 3
    }

    .our-advantages__arrow {
        top: calc(60% - 25px);
        width: 42px;
        height: 42px;
        border-radius: 3px
    }

    .our-advantages__arrow {
        width: 46px;
        height: 46px
    }

    .our-advantages__arrow-icon {
        width: 24px;
        height: 24px;
        background-size: 24px
    }

    .product-order__main-wrap {
        padding: 24px 28px 0
    }

    .product-order__data.mod-vars {
        grid-template-columns: repeat(2,1fr)
    }

    .product-order__about {
        border-bottom: 1px dashed var(--color-gray-04)
    }

    .product-order__action.is-sticky {
        position: -webkit-sticky;
        position: sticky;
        padding: 16px 28px 16px;
        background: radial-gradient(circle at 100% 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#f8f8f9 0,#f8f8f9 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#f8f8f9,#f8f8f9) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#f8f8f9 0,#e5e5e7 100%)
    }

    .product-order__to-cart {
        width: calc(80% - 18px)
    }

    .product-order__one-click {
        width: calc(20% - 18px)
    }

    .product-page__header {
        grid-column: 1/span 10
    }
}

@media (min-width: 1262px) {
    :root {
        --grid-cols:repeat(12, 1fr);
        --grid-gaps: 24px
    }

    :root {
        --font-size-head-1: 32px;
        --font-size-head-2: 28px;
        --font-size-spec: 22px
    }

    .app-content {
        padding-bottom: 20px
    }

    .section {
        padding: 0 28px
    }

    .basic-group {
        grid-template-columns: repeat(12,1fr);
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .basic-group__page {
        grid-column: 4/span 9
    }

    .content-group {
        grid-template-columns: repeat(12,1fr);
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .content-group__main {
        grid-column: 1/span 8
    }

    .content-group__aside {
        grid-column: 9/span 4
    }

    .errors-page {
        margin: 12vh 0 12.75vh
    }

    .main-footer__main {
        grid-template-columns: repeat(12,1fr);
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .main-footer__extra {
        grid-column: 4/span 9
    }

    .main-footer__legal {
        padding-bottom: 40px
    }

    .main-navbar {
        padding: 0 28px
    }

    .main-navbar__browse.is-sticky {
        padding: 0 28px
    }

    .main-navbar__browse.is-sticky .general-nav__full {
        top: 81px;
        height: calc(100vh - 81px)
    }

    .main-navbar__browse.is-sticky .general-nav__abort {
        height: calc(100vh - 57px)
    }

    .main-navbar__browse.is-sticky .general-nav__overlay {
        top: 57px
    }

    .assist-widget {
        right: 28px
    }

    .extra-nav {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .general-nav__list-link {
        padding: 0 14px 1px
    }

    .general-nav__open span:first-of-type {
        display: none
    }

    .general-nav__open span:last-of-type {
        display: block
    }

    .general-nav__full {
        top: 172px;
        right: 0;
        left: 0;
        grid-template-columns: [wide-start] 1fr [main-start] minmax(0,var(--grid-wrap)) [main-end] 1fr [wide-end];
        width: 100%;
        max-width: none;
        height: calc(100vh - 212px);
        max-height: 722px;
        padding: 0 12px
    }

    .general-nav__full.is-enabled {
        z-index: 2030;
        display: grid;
        animation-name: general-nav--enabled-desk;
        animation-duration: .35s
    }

    .general-nav__full.is-disabled {
        display: grid;
        animation-name: general-nav--disabled-desk;
        animation-duration: .2s
    }

    .general-nav__full-wrap {
        overflow-y: auto;
        padding: 0;
        border-radius: 5px
    }

    .general-nav__main {
        display: grid;
        grid-template-columns: repeat(12,1fr);
        -moz-column-gap: 24px;
        column-gap: 24px;
        height: 100%
    }

    .general-nav__menu {
        position: relative;
        z-index: 30;
        height: 100%;
        margin: 0;
        padding: 7px 22px 8px 19px;
        background-color: var(--color-gray-01);
        border-right: 1px solid var(--color-gray-03)
    }

    .general-nav__menu-item:not(.mod-prod) {
        display: none
    }

    .general-nav__menu-item:not(:last-of-type) {
        border-bottom: 1px solid var(--color-gray-03)
    }

    .general-nav__menu-item.is-active {
        position: relative;
        z-index: 40;
        background-color: #fff;
        border-top: 1px solid var(--color-gray-03);
        border-bottom: 1px solid var(--color-gray-03);
        outline: 2px solid var(--color-gray-01)
    }

    .general-nav__menu-item.is-active::after,.general-nav__menu-item.is-active::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: -1px;
        background-color: #fff
    }

    .general-nav__menu-item.is-active::before {
        left: -11px;
        width: 11px;
        border: 1px solid var(--color-gray-03);
        border-right: 0;
        border-radius: 3px 0 0 3px
    }

    .general-nav__menu-item.is-active::after {
        right: -23px;
        width: 23px;
        border-top: 1px solid var(--color-gray-03);
        border-bottom: 1px solid var(--color-gray-03)
    }

    .general-nav__menu-item.is-active .general-nav__menu-link {
        color: var(--color-main-hover)
    }

    .general-nav__menu-item.is-active .general-nav__menu-more {
        display: none
    }

    .general-nav__menu-icon {
        width: 32px;
        height: 32px;
        margin-right: 14px
    }

    .general-nav__menu-icon.mod-extra {
        width: 36px;
        height: 36px;
        margin: -2px 12px -2px -2px
    }

    .general-nav__menu-icon.mod-spec {
        width: 26px;
        height: 26px;
        margin: 3px 17px 3px 3px
    }

    .general-nav__menu-link {
        position: relative;
        display: flex;
        align-items: center;
        max-width: 100%;
        height: 100%;
        padding: 6px 8px 6px 2px!important;
        white-space: normal
    }

    .general-nav__menu-link span {
        padding: 7px 0;
        line-height: 1.2
    }

    .general-nav__contact {
        display: none
    }

    .general-nav__close {
        top: 10px;
        right: 28px;
        -moz-column-gap: 9px;
        column-gap: 9px
    }

    .general-nav__close svg {
        width: 20px;
        height: 20px
    }

    .general-nav__overlay {
        top: 148px
    }

    .general-nav__abort {
        top: -24px;
        left: 0;
        width: 100vw;
        height: calc(100vh - 148px)
    }

    .catalog-aside__close {
        display: none
    }

    .catalog-feed {
        row-gap: 32px
    }

    .catalog-feed__filter {
        margin-bottom: -20px
    }

    .catalog-feed__nav {
        row-gap: 32px
    }

    .catalog-type {
        margin-top: 32px
    }

    .catalog-type__item {
        padding: 32px 32px
    }

    .catalog-widget__main {
        grid-column: span 3
    }

    .catalog-widget__spec {
        grid-template-columns: repeat(2,1fr)
    }

    .catalog-widget__spec {
        grid-column: 4/span 9
    }

    .feed-filter {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .about-company__wrap {
        grid-column: 3/span 8;
        padding: 56px 72px 62px
    }

    .catalog-offer__wrap {
        grid-column: span 8
    }

    .company-legal {
        padding: 22px 32px 32px
    }

    .company-news__card,.recent-news__card {
        flex-direction: row;
        padding: 28px 44px 32px 32px
    }

    .contact-data {
        grid-template-columns: repeat(12,1fr)
    }

    .contact-data__block:nth-of-type(1) {
        padding-right: 28px
    }

    .contact-data__block:nth-of-type(2) {
        grid-column: span 4;
        margin: 0 20px 0 -28px
    }

    .contact-data__block:nth-of-type(3) {
        grid-column: span 4
    }

    .contact-data__hint {
        padding: 12px 32px 15px
    }

    .contact-data__info {
        margin-top: 64px;
        padding: 22px 32px 32px
    }

    .contact-data__cover {
        height: calc(100% + 56px);
        margin-top: -56px
    }

    .contact-data__cover img {
        -o-object-position: 72% 0;
        object-position: 72% 0
    }

    .content-tabs__pane {
        padding: 28px 32px 32px
    }

    .extra-specs {
        -moz-column-gap: 32px;
        column-gap: 32px;
        padding: 22px 32px 32px
    }

    .freq-questions__card {
        padding: 28px 44px 32px 32px
    }

    .how-to-get {
        grid-template-columns: repeat(12,1fr);
        margin-top: 48px
    }

    .how-to-get__main {
        grid-column: 1/span 7
    }

    .how-to-get__legal {
        grid-column: 8/span 5
    }

    .our-advantages__slider {
        width: calc(100% + 56px);
        margin: 0 -28px;
        padding: 0 28px
    }

    .place-gallery {
        margin-top: 64px
    }

    .place-gallery__arrow.mod-next {
        right: -16.66667px
    }

    .place-gallery__arrow.mod-prev {
        left: -16.66667px
    }

    .yandex-maps {
        margin-top: 64px
    }

    .yandex-maps__frame {
        height: 520px
    }

    .product-gallery__nav {
        display: flex
    }

    .product-order__badges {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .product-order__payment {
        padding: 8px 28px 0
    }

    .product-page {
        -moz-column-gap: 32px;
        column-gap: 32px;
        row-gap: 44px
    }

    .product-page__header {
        grid-column: 1/span 9
    }

    .product-page__content {
        -moz-column-gap: 32px;
        column-gap: 32px
    }

    .product-page__info {
        row-gap: 32px
    }

    .product-page__hint {
        padding: 12px 32px 15px
    }

    .product-variants__item {
        -moz-column-gap: 20px;
        column-gap: 20px;
        flex-wrap: nowrap;
        align-items: center
    }

    .product-variants__desc {
        width: 50%;
        margin-left: 12px
    }

    .product-variants__cover {
        width: 56px
    }
	
}

@media (min-width: 1262px) and (min-width:576px) {
    .general-nav__full {
        padding:0 16px
    }
}

@media (min-width: 1262px) and (min-width:768px) {
    .general-nav__full {
        padding:0 20px
    }
}

@media (min-width: 1262px) and (min-width:1262px) {
    .general-nav__full {
        padding:0 28px
    }
}

@media (min-width: 1262px) and (min-width:1440px) {
    .general-nav__full {
        padding:0 36px
    }
}

@media (min-width: 1440px) {
    .section {
        padding:0 36px
    }

    .catalog-menu__list {
        grid-template-columns: repeat(4,1fr)
    }

    .main-footer__extra {
        row-gap: 20px
    }

    .main-footer__legal {
        padding-bottom: 48px
    }

    .main-navbar {
        padding: 0 36px
    }

    .main-navbar {
        height: 164px
    }

    .main-navbar__brand {
        -moz-column-gap: 56px;
        column-gap: 56px;
        padding: 2px 0 25px
    }

    .main-navbar__logo::before {
        left: -9px
    }

    .main-navbar__contact {
        margin-top: 22px
    }

    .main-navbar__browse.is-sticky {
        padding: 0 36px
    }

    .main-navbar__browse.is-sticky .general-nav__full {
        top: 81px;
        max-height: 722px
    }

    .main-navbar.mod-notify {
        height: 197px
    }

    .project-logo {
        -moz-column-gap: 56px;
        column-gap: 56px
    }

    .project-logo__desc {
        margin-top: 22px
    }

    .assist-widget {
        right: 36px
    }

    .extra-nav {
        grid-template-columns: repeat(4,1fr)
    }

    .extra-nav__block:nth-of-type(2) {
        grid-column: 4/span 1
    }

    .extra-nav__list.mod-spec {
        grid-template-columns: auto
    }

    .general-nav__list {
        padding-left: 20px
    }

    .general-nav__list-link {
        padding: 0 18px 1px
    }

    .general-nav__open small {
        display: inline-flex
    }

    .general-nav__full {
        top: 188px
    }

    .general-nav__menu-item.is-active::after {
        right: -23px;
        width: 23px
    }

    .general-nav__menu-icon {
        margin-right: 18px
    }

    .general-nav__menu-icon.mod-extra {
        margin-right: 16px
    }

    .general-nav__menu-icon.mod-spec {
        margin-right: 21px
    }

    .general-nav__menu-link {
        padding: 6px 8px 6px 4px!important
    }

    .general-nav__menu-more {
        display: flex
    }

    .general-nav__overlay {
        top: 164px
    }

    .general-nav__abort {
        height: calc(100vh - 164px)
    }

    .basic-contact {
        -moz-column-gap: 64px;
        column-gap: 64px
    }

    .basic-contact__info {
        -moz-column-gap: 64px;
        column-gap: 64px
    }

    .basic-contact__action {
        margin-right: -32px
    }

    .cart-widget__open {
        margin-left: 24px
    }

    .catalog-feed__list.mod-spec .catalog-feed__item {
        width: calc((100% - 43px)/ 5)
    }

    .catalog-feed__item {
        width: calc((100% - 32px)/ 4)
    }

    .catalog-recent__feed {
        grid-template-columns: repeat(5,1fr)
    }

    .catalog-type__feed {
        grid-template-columns: repeat(5,1fr)
    }

    .catalog-widget__types-more {
        display: flex
    }

    .catalog-offer__wrap {
        grid-column: span 6
    }

    .contact-data__block:nth-of-type(1) {
        padding-right: 84px
    }

    .contact-data__block:nth-of-type(2) {
        margin: 0 40px 0 -44px
    }

    .contact-data__item.mod-warn .contact-data__icon {
        background-size: 46px
    }

    .contact-data__icon {
        width: 40px;
        height: 40px;
        margin-right: 32px;
        background-size: 40px
    }

    .contact-data__cover img {
        -o-object-position: 73% 0;
        object-position: 73% 0
    }

    .content-tabs__tabs {
        background: radial-gradient(circle at 100% 100%,#fff 0,#fff 4px,transparent 4px) 0 0/5px 5px no-repeat,radial-gradient(circle at 0 100%,#fff 0,#fff 4px,transparent 4px) 100% 0/5px 5px no-repeat,radial-gradient(circle at 100% 0,#fff 0,#fff 4px,transparent 4px) 0 100%/5px 5px no-repeat,radial-gradient(circle at 0 0,#fff 0,#fff 4px,transparent 4px) 100% 100%/5px 5px no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 2px) calc(100% - 10px) no-repeat,linear-gradient(#fff,#fff) 50% 50%/calc(100% - 10px) calc(100% - 2px) no-repeat,linear-gradient(135deg,#e5e5e7 0,#fff 100%)
    }

    .how-to-get__main {
        grid-column: 1/span 8
    }

    .how-to-get__legal {
        grid-column: 9/span 4
    }

    .our-advantages__ctrl {
        display: none
    }

    .our-advantages__arrow {
        top: calc(60% - 25px);
        width: 50px;
        height: 50px;
        border-radius: 3px
    }

    .our-advantages__arrow.mod-next {
        right: -16.66667px;
        border-radius: 3px
    }

    .our-advantages__arrow.mod-next {
        right: -25px
    }

    .our-advantages__arrow.mod-prev {
        left: -16.66667px;
        border-radius: 3px
    }

    .our-advantages__arrow.mod-prev {
        left: -25px
    }

    .place-gallery__arrow.mod-next {
        right: -25px
    }

    .place-gallery__arrow.mod-prev {
        left: -25px
    }

    .yandex-maps__frame {
        height: 680px
    }
}

@media screen and (min-width: 1440px) and (hover:hover) {
    .our-advantages__arrow.mod-next:hover {
        transform:translateX(8px)
    }

    .our-advantages__arrow.mod-prev:hover {
        transform: translateX(-8px)
    }
}

@media (min-width: 1560px) {
    .basic-group {
        grid-template-columns:repeat(14,1fr)
    }

    .basic-group__page {
        grid-column: 4/span 11
    }

    .content-group {
        grid-template-columns: repeat(14,1fr)
    }

    .content-group__main {
        grid-column: 1/span 10
    }

    .content-group__aside {
        grid-column: 11/span 4
    }

    .main-footer__main {
        grid-template-columns: repeat(14,1fr)
    }

    .main-footer__extra {
        grid-column: 4/span 11
    }

    .main-navbar__brand {
        -moz-column-gap: 64px;
        column-gap: 64px
    }

    .contact-data__cover img {
        -o-object-position: 74% 0;
        object-position: 74% 0
    }

    .product-variants__cover {
        width: 72px
    }
}

@media (min-width: 1760px) {
    .catalog-card__action {
        width:48px
    }

    .catalog-card.mod-lite .catalog-card__data {
        flex-wrap: wrap
    }

    .catalog-card.mod-lite .catalog-card__action,.catalog-card.mod-lite .catalog-card__price,.catalog-card.mod-lite .catalog-card__user {
        width: 100%
    }

    .catalog-card.mod-lite .catalog-card__user {
        margin-right: 8px
    }

    .catalog-card.mod-lite .item-compare__button {
        width: 100%
    }

    .assist-widget__action {
        width: 50px;
        height: 50px
    }

    .item-compare.mod-card .item-compare__button {
        width: 40px
    }

    .contact-data__cover img {
        -o-object-position: 75% 0;
        object-position: 75% 0
    }

    .product-order__to-cart {
        width: calc(80% - 6px)
    }

    .product-order__one-click {
        width: calc(20% - 6px)
    }
}

@media (max-width: 1759.98px) {
    .catalog-card__data {
        flex-wrap:wrap
    }

    .catalog-card__price {
        width: 100%
    }

    .app-body.mod-product .assist-widget__action {
        box-shadow: none
    }

    .product-order__to-cart {
        height: 40px!important
    }

    .product-order__one-click {
        height: 40px!important;
        font-size: 15px!important
    }
}

@media (max-width: 1559.98px) {
    .catalog-card__cover {
        max-height:320px
    }
}

@media (max-width: 1439.98px) {
    .project-logo__link {
        width:184px
    }

    .product-variants__data {
        width: 100%
    }
}

@media (max-width: 1261.98px) {
    .general-nav__extra {
        display:none
    }

    .basic-contact__data.mod-phone {
        display: none
    }

    .contact-data__block:nth-of-type(3) {
        order: -2
    }
}

@media (max-width: 991.98px) {
body.is-over {overflow:hidden;}
    .app-body.mod-product .main-footer {
        padding-bottom:77px
    }

    .basic-contact__data.mod-place {
        display: none
    }

    .catalog-aside {
        overflow-x: hidden;
        overflow-y: scroll;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 2000;
        flex-direction: column;
        max-width: 320px;
        height: 100vh;
        padding: 64px 20px 72px;
        background-color: #fff;
        animation-fill-mode: both;
        animation-timing-function: ease-out
    }

    .catalog-aside.is-enabled {
        z-index: 2030;
        display: flex;
        animation-name: catalog-aside--enabled;
        animation-duration: .5s
    }
    .catalog-aside    .catalog-aside__view {}

    .catalog-aside.is-disabled {
        display: flex;
        animation-name: catalog-aside--disabled;
        animation-duration: .4s
    }

    .product-order__action.is-sticky {
        position: fixed;
        z-index: 200;
        background-color: var(--color-gray-02);
        border-top: 1px solid var(--color-gray-03)
    }
    .modal__content   .product-order__action.is-sticky {/*position: relative;*/}
}

@media (max-width: 767.98px) {
    .hystmodal__window {
        margin-top:0;
        margin-bottom: 0
    }

    .callback-popup .modal ,.add2cart-popup .modal ,.cartnote-popup .modal,.oneclick-popup .modal ,.cleanBasket-popup .modal {
        width: calc(100% - 40px)!important
    }

    .project-logo__desc {
        display: none
    }

    .pagination__item:nth-of-type(3),.pagination__item:nth-of-type(4),.pagination__item:nth-of-type(6) {
      /*  display: none*/
    }

    .catalog-recent__header {
        flex-direction: column
    }

    .catalog-widget__types-item {
        border: 1px solid var(--color-gray-03);
        border-radius: 3px;
        transition: all .3s
    }

    .catalog-widget__types-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 12px 12px 10px;
        text-align: center
    }

    .catalog-widget__types-icon.mod-extra {
        width: 64px;
        height: 64px;
        margin: -2px
    }

    .catalog-widget__types-icon.mod-spec {
        width: 52px;
        height: 52px;
        margin: 4px
    }

    .contact-data__block:nth-of-type(2) {
        order: -1
    }

    .contact-data__cover {
        max-height: 160px
    }

    .freq-questions__header {
        flex-direction: column
    }

    .recent-news__header {
        flex-direction: column
    }

    .product-gallery__photo {
        width: 100%;
        max-height: 360px;
        cursor:pointer;
    }

    .product-page__info {
        margin-top: -8px
    }
}

@media screen and (max-width: 767.98px) and (hover:hover) {
    .catalog-widget__types-item:hover {
        border-color:var(--color-main)
    }

    .catalog-widget__types-item:hover .catalog-widget__types-link {
        color: var(--color-main-hover)
    }
}

@media (max-width: 575.98px) {
    .basic-contact__data-link {
        width:40px;
        height: 40px;
        font-size: 0!important
    }

    .basic-contact__data-hint {
        font-size: 0!important
    }

    .basic-contact__action {
        display: none
    }

    .basic-contact__chat:nth-of-type(1),.basic-contact__chat:nth-of-type(2) {
        display: none
    }

    .basic-contact__chat-link.mod-cd i {
        background-image: url(icons/address--alt.svg)
    }

    .basic-contact__chat-link.mod-cp i {
        background-image: url(icons/phone-brand--alt.svg);
        background-size: 20px
    }

    .cart-widget__open {
        justify-content: center;
        width: 60px
    }

    .cart-widget__open span {
        display: none
    }

    .catalog-recent__more {
        margin-top: -2px
    }

    .company-legal__item {
        flex-direction: column
    }

    .freq-questions__more {
        margin-top: -2px
    }

    .recent-news__more {
        margin-top: -2px
    }

    .product-order__action.is-sticky {
        padding: 8px 12px 16px
    }
	.assist-widget {
    position: fixed;
    right: 12px;
    bottom: 16px;
    z-index: 1000;
    display: flex;
    row-gap: 8px;
    flex-direction: column;
    opacity: 0;
    transition: all .3s;
    display:none;
}
}

@media (max-width: 359.98px) {
    .main-navbar__search {
        display:none
    }

    .catalog-recent__item:not(:first-of-type) {
        display: none
    }

    .content-tabs__icon {
        display: none
    }

    .product-order__badges img {
        width: auto;
        height: 44px
    }

    .product-order__data-block {
        width: 100%
    }
}

@media (max-width: 359px) {
    .catalog-feed__about {
        padding:0
    }

    .extra-specs__item {
        flex-direction: column
    }

    .product-page__section .catalog-feed__item:not(:first-of-type) {
        display: none
    }
}

@media (min-width: 360px) and (max-width:1559px) {
    .catalog-card__user {
        width:100%;
        margin-right: 8px;
        margin-left: 0
    }

    .catalog-card__action {
        width: 100%
    }

    .item-compare.mod-card .item-compare__button {
        width: 100%
    }
}

@media (min-width: 576px) and (max-width:991.98px) {
    .extra-nav {
        grid-template-columns:repeat(2,1fr)
    }

    .extra-nav__block:nth-of-type(1) {
        grid-column: 1
    }

    .extra-nav__block:nth-of-type(2) {
        grid-column: 2
    }

    .extra-contact {
        grid-template-columns: repeat(2,1fr);
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .catalog-recent__item:nth-of-type(4),.catalog-recent__item:nth-of-type(5) {
        display: none
    }

    .extra-specs__item {
        align-items: center
    }

    .freq-questions__card-head {
        max-width: 80%
    }

    .freq-questions__card-answer {
        max-width: 80%
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    .extra-nav__block:nth-of-type(2) {
        padding-left:16px
    }

    .extra-contact__comms {
        margin-top: -3px;
        padding-left: 16px
    }

    .catalog-widget__types {
        grid-template-columns: repeat(3,1fr)
    }

    .company-news__card-title,.recent-news__card-title {
        max-width: 80%
    }

    .company-news__card-desc,.recent-news__card-desc {
        max-width: 80%
    }

    .product-order__action.is-sticky {
        padding: 8px 16px
    }
}

@media (min-width: 360px) and (max-width:575.98px) {
    .extra-nav__list {
        display:flex;
        flex-wrap: wrap
    }

    .extra-nav__list li:nth-of-type(2n+1) {
        width: 56%;
        padding-right: 20px
    }

    .extra-nav__list li:nth-of-type(2n+2) {
        width: 44%
    }

    .catalog-recent__item:nth-of-type(3),.catalog-recent__item:nth-of-type(4),.catalog-recent__item:nth-of-type(5) {
        display: none
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .general-nav__list-item:nth-of-type(3),
    .general-nav__list-item:nth-of-type(4),
    .general-nav__list-item:nth-of-type(5){
        display:none
    }

    .product-order__wrap {
        grid-column: 1/span 10
    }

    .product-order__action.is-sticky {
        padding: 8px 20px
    }
}

@media (min-width: 992px) and (max-width:1261.98px) {
    .general-nav__list-item:nth-of-type(3),.general-nav__list-item:nth-of-type(4),.general-nav__list-item:nth-of-type(5) {
        display:none
    }
}

@media (min-width: 992px) and (max-width:1439.98px) {
    .catalog-recent__item:nth-of-type(5) {
        display:none
    }
}

@media (min-width: 1262px) and (max-width:1439.98px) {
    .catalog-widget__types {
        padding:8px 21px 8px 17px
    }

    .catalog-widget__types-icon {
        margin-right: 14px
        
    }

    .catalog-widget__types-icon.mod-extra {
        margin-right: 12px
    }

    .catalog-widget__types-icon.mod-spec {
        margin-right: 17px
    }

    .product-page__section .catalog-feed__item:nth-of-type(4) {
        display: none
    }
}

@media (min-width: 768px) and (max-width:1261.98px) {
    .catalog-widget__spec li {
        grid-column:1/span 2
    }

    .catalog-widget__spec li:nth-of-type(3) {
        display: none
    }

    .company-legal__item {
        flex-direction: column
    }

    .contact-data__cover {
        max-height: 320px
    }
}

@media (min-width: 1440px) and (max-width:1559.98px) {
    .product-order__badges img {
        width:auto;
        height: 44px
    }
}

@media (min-width: 360px) and (max-width:991.98px) {
    .product-order__data.mod-vars {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (min-width: 576px) and (max-width:1261.98px) {
    .product-page__section .catalog-feed__item:nth-of-type(4) {
        display:none
    }

    .product-variants__list {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (min-width: 768px) and (max-width:1439.98px) {
    .product-variants__title {
        width:calc(100% - 84px)
    }
}

@media print {
    *,::after,::before {
        text-shadow: none!important;
        background: rgba(0,0,0,0)!important;
        box-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]::after {
        content: " (" attr(href) ")"
    }

    a[href^="#"]::after {
        content: ""
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    table {
        border-collapse: collapse!important
    }

    table td,table th {
        background-color: #fff!important
    }
}

@media screen and (hover: hover) {
    .wysiwyg a:hover {
        color:var(--color-text)
    }

    .button-main:hover {
        background-color: var(--color-main-hover)
    }

    .button-extra:hover {
        color: #fff;
        background-color: var(--color-main-hover);
        border-color: var(--color-main-hover)
    }

    .button-aux:hover {
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .button-spec:hover {
        border-color: var(--color-gray-03)
    }

    .input:hover {
        border-color: var(--color-main)
    }

    .check__input:disabled~.check__title:hover {
        cursor: default
    }

    .modal__close:hover {
        background-color: var(--color-main-hover)
    }

    .review-lab .widget__tab_all:hover {
        background-color: rgba(0,0,0,.05)!important
    }

    .review-lab .widget__tab_yaSprav:hover {
        background-color: rgba(0,0,0,.05)!important
    }

    .review-lab .widget__leave-link:hover {
        background-color: var(--color-main-hover)!important
    }

    .review-lab .tile:hover {
        border-color: var(--color-gray-04)!important
    }

    .review-lab .widget__pag:hover {
        color: #fff!important;
        background-color: var(--color-main)!important
    }

    .catalog-card:hover {
        border-color: var(--color-main)
    }

    .catalog-card:hover .catalog-card__title {
        color: var(--color-main-hover)
    }

    .catalog-card:hover .catalog-card__cover img {
        transform: scale(1.05)
    }

    .catalog-card__title a:hover {
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover);
        color: var(--color-main-hover)
    }

    .catalog-card__action:hover {
        background-color: var(--color-main-hover);
        border-color: var(--color-main-hover)
    }

    .catalog-menu__open-link:hover {
        color: var(--color-extra-hover);
        -webkit-text-decoration-color: var(--color-extra-hover);
        text-decoration-color: var(--color-extra-hover)
    }

    .catalog-menu__more:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .read-more:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .read-more:hover .read-more__icon {
        transform: rotate(0)
    }

    .global-search:hover .global-search__input {
        color: var(--color-main)
    }

    .global-search:hover .global-search__input::-moz-placeholder {
        color: var(--color-main)
    }

    .global-search:hover .global-search__input::placeholder {
        color: var(--color-main)
    }

    .global-search__input:hover {
        color: var(--color-main-hover)
    }

    .global-search__input:hover::-moz-placeholder {
        color: var(--color-main-hover)
    }

    .global-search__input:hover::placeholder {
        color: var(--color-main-hover)
    }

    .global-search__action:hover {
        border-color: var(--color-gray-03)
    }

    .main-footer__policy a:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }

    .main-footer__dev a:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }

    .main-navbar__notify:hover {
     text-decoration: underline;
    text-decoration-thickness: 1px;

    
        -webkit-text-decoration-color: rgba(255,255,255,.8);
        text-decoration-color: rgba(255,255,255,.8)
    }

    .assist-widget__action.mod-filter:hover {
        background-color: var(--color-extra-hover)
    }

    .assist-widget__action.mod-scroll:hover {
        background-color: var(--color-main-light);
        border-color: var(--color-main-light)
    }

    .breadcrumbs__back:hover {
        color: var(--color-main)
    }

    .breadcrumbs__back:hover .breadcrumbs__back-icon {
        transform: translateX(-4px)
    }

    .breadcrumbs__link:hover {
        color: var(--color-text);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .extra-nav__link:hover {
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff
    }

    .general-nav__list-item.mod-sale .general-nav__list-link:hover {
        color: var(--color-spec-hover)
    }

    .general-nav__list-link:hover {
        color: var(--color-main-hover)
    }

    .general-nav__open:hover {
        background-color: var(--color-main-hover)
    }

    .general-nav__search .global-search__action:hover {
        border-color: var(--color-main)
    }

    .general-nav__menu-item.mod-sale .general-nav__menu-link:hover {
        color: var(--color-main-hover)
    }

    .general-nav__menu-link:hover {
        color: var(--color-main-hover)
    }

    .general-nav__menu-link:hover::before {
        background-color: var(--color-gray-04)
    }

    .general-nav__menu-link:hover .general-nav__menu-more {
        fill: var(--color-main)
    }

    a.general-nav__contact-data:hover {
        color: var(--color-main-hover)
    }

    .general-nav__phone a:hover {
        color: var(--color-main-hover)
    }

    .general-nav__close:hover {
        color: var(--color-main)
    }

    .general-nav__close:hover svg {
        fill: var(--color-main-hover)
    }

    .pagination__link:hover {
        color: #fff;
        background-color: var(--color-main)
    }

    .tags-list__data a:hover, .tags-list__data a.is-enable {
        background-color: var(--color-main-light);
        border-color: var(--color-main-light)
    }

    .basic-contact__data-link:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        -webkit-text-decoration-color: var(--color-gray-03);
        text-decoration-color: var(--color-gray-03);
        text-underline-offset: 2px
    }

    .basic-contact__action:hover {
        background-color: var(--color-extra-hover)
    }

    .basic-contact__chat-link.mod-tg:hover {
        background-color: #1b82b4
    }

    .basic-contact__chat-link.mod-wa:hover {
        background-color: #1da851
    }

    .basic-contact__chat-link.mod-cd:hover {
        background-color: var(--color-gray-02)
    }

    .basic-contact__chat-link.mod-cp:hover {
        background-color: var(--color-extra-hover)
    }

    .cart-widget__button:hover {
        border-color: var(--color-gray-03)
    }

    .cart-widget__open:hover {
        background-color: var(--color-gray-02)
    }

    .extra-contact__link:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 2px
    }

    .item-compare.mod-card .item-compare__button:hover {
        z-index: 20;
        border-color: var(--color-main)
    }

    .social-pages__link:hover {
        transform: translateY(-4px)
    }

    .catalog-aside__header:hover:not(.mod-price) {
        cursor: pointer
    }

    .catalog-aside__header:hover:not(.mod-price) h3 {
        color: var(--color-main)
    }

    .catalog-aside__more.button-aux:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .catalog-aside__close:hover {
        color: var(--color-main)
    }

    .catalog-aside__close:hover svg {
        fill: var(--color-main-hover)
    }

    .catalog-feed__more:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .catalog-feed__more:hover i {
        transform: rotate(0)
    }

    .catalog-feed__load:hover {
        background-color: var(--color-extra-hover)
    }

    .catalog-recent__more:hover {
        color: var(--color-main-hover);
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover)
    }

    .catalog-type__item:hover {
        border-color: var(--color-main)
    }

    .catalog-type__item:hover .catalog-type__link {
        color: var(--color-main-hover)
    }

    .catalog-widget__types-link:hover .catalog-widget__types-more {
        fill: var(--color-main)
    }

    .catalog-widget__promo:hover {
        border-color: var(--color-gray-04);
        outline: 1px solid var(--color-main)
    }

    .catalog-widget__promo:hover img {
        transform: scale(1.03)
    }

    .color-palette__hue:hover::before {
        border-color: #fff
    }

    .feed-filter__select:hover {
        border-color: var(--color-main)
    }

    .basic-specs__list a:hover {
     /*   color: var(--color-text)*/
     color: var(--color-main-hover);
    }

    .company-news__card:hover,.recent-news__card:hover {
        border-color: var(--color-main)
    }

    .company-news__card:hover .company-news__card-title,.company-news__card:hover .recent-news__card-title,.recent-news__card:hover .company-news__card-title,.recent-news__card:hover .recent-news__card-title {
        color: var(--color-main-hover)
    }

    .contact-data__link:hover {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        -webkit-text-decoration-color: var(--color-gray-03);
        text-decoration-color: var(--color-gray-03);
        text-underline-offset: 2px
    }

    .content-tabs__toggle.is-disabled:hover {
        color: var(--color-main)
    }

    .extra-specs__data a:hover {
    /*    color: var(--color-text)*/
     color: var(--color-main-hover);
    }

    .freq-questions__more:hover {
        color: var(--color-main-hover);
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover)
    }

    .our-advantages__arrow:hover {
        background-color: var(--color-main-hover)
    }

    .our-advantages__arrow.swiper-button-disabled:hover {
        background-color: var(--color-main);
        transform: none
    }

    .place-gallery__zoom:hover {
        opacity: 1
    }

    .place-gallery__arrow:hover {
        background-color: var(--color-main-hover)
    }

    .recent-news__more:hover {
        color: var(--color-main-hover);
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover)
    }

    .recent-news__card:hover .recent-news__card-title {
        color: var(--color-main-hover)
    }

    .product-order__value-change:hover {
        border-color: var(--color-main)
    }

    .product-order__select:hover {
        border-color: var(--color-main)
    }

    .product-order__one-click:hover {
        background-color: var(--color-click-hover)
    }

    .product-order__more:hover {
        color: var(--color-head);
        -webkit-text-decoration-color: var(--color-gray-04);
        text-decoration-color: var(--color-gray-04)
    }

    .product-order__more:hover i {
        transform: rotate(-90deg) translateY(4px)
    }

    .product-page__badges .badge-vars:hover {
        background-color: var(--color-vars-hover)
    }

    .product-variants__item:hover {
        border-color: var(--color-main)
    }

    .product-variants__item:hover .product-variants__title {
        color: var(--color-main-hover)
    }

    .product-variants__title a:hover {
        -webkit-text-decoration-color: var(--color-main-hover);
        text-decoration-color: var(--color-main-hover)
    }

    .product-variants__action:hover {
        background-color: var(--color-main-hover);
        border-color: var(--color-main-hover)
    }
}

@media screen and (max-height: 420px) {
    .goverlay {
        background:#000
    }
}


/*-------------------------------*/


:root {
    --swiper-theme-color: #007AFF
}

:host {
    position: relative;
    z-index: 1;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.swiper {
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    list-style: none
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

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

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

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

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

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

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

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

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

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

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

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

.swiper-3d {
    perspective: 1200px
}

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

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before);-webkit-margin-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    width: var(--swiper-centered-offset-after);
    height: 100%;
    min-height: 1px
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.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;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none
}

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

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top-color: transparent;
    border-radius: 50%;
    transform-origin: 50%
}

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

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #FFFFFF
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    width: var(--swiper-virtual-size);
    height: 1px
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer
}

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

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

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

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

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    right: auto;
    left: var(--swiper-navigation-sides-offset,10px)
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    z-index: 10;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0)
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    display: inline-block;
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    top: 50%;
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    transform: translate3d(0,-50%,0)
}

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

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

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

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%)
}

.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-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    position: absolute;
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25))
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    transform: scale(0);
    transform-origin: left top
}

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

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

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

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    position: relative;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    top: var(--swiper-scrollbar-top,auto);
    bottom: var(--swiper-scrollbar-bottom,4px);
    left: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
    height: var(--swiper-scrollbar-size,4px)
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    top: var(--swiper-scrollbar-sides-offset,1%);
    right: var(--swiper-scrollbar-right,4px);
    left: var(--swiper-scrollbar-left,auto);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px)
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center
}

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

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

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

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

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

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

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

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    visibility: hidden;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 0 0
}

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

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    visibility: visible;
    pointer-events: auto
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: .6
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    filter: blur(50px)
}

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

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    z-index: 1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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

.swiper.swiper-cards {
    overflow: visible
}

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


/*-------------------------------*/


@media (min-width: 360px) {
.section.data-search    .catalog-feed__item {
        width:100%
    }
}
@media (min-width: 667px) {
.section.data-search    .catalog-feed__item {
        width:calc(50% - 6px)
    }

}

@media (min-width: 997px) {
.section.data-search    .catalog-feed__item {
        width:calc(25% - 12px)
    }
}

@media (min-width: 991px) {
    .general-nav__list {
        padding-left: 16px;
        display:flex;

    }
 .main-navbar__extra::before {height:3px;}   
    .main-navbar__extra.mobile_contact {
    grid-column: main;
    order: -1;
    height: 3px;
    background-color: var(--color-main)
}
    }
    
 @media (max-width: 667px) {   
        .product-gallery__slide {min-height:50px !important;height:auto !important;}    
        
        
  }

/*-------------------------------*/

.faq-section {
 /* max-width: 800px;*/
  margin: 20px auto 0px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

.faq-item {
  background: #f8f9fa;
  border-radius: 3px;
  margin-bottom: 16px;
 /* border: 1px solid #e9ecef;*/
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  border-color: var(--color-main)
  box-shadow: 0 4px 12px rgba(0,123,255,0.1);
}
.faq-question span {display:inline-block;padding:0 45px 10px 0px;}
.faq-question {
  /*  padding: 10px 60px 10px 25px;*/
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  cursor: pointer;
  position: relative;
  line-height: 1.4;
  background: white;
  margin: 0;
}

.faq-question:after {
  content: '+';
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #47C0AF;
  transition: transform 0.3s ease;
}

.faq-item.active .faq-question:after {
  content: '−';
}

/* SEO-оптимизированные стили для скрытия */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  padding: 0 25px;
  background: white;
}

.faq-item.active .faq-answer {
  max-height: 1000px;
  opacity: 1;
  padding: 20px 25px;
  border-top: 1px solid #e9ecef;
}

/* Всегда показываем контент для поисковых ботов */
@media (prefers-reduced-motion: no-preference) {
  .faq-answer {
    max-height: none;
    opacity: 1;
    display: block !important;
  }
}

.faq-answer p {
  margin-bottom: 12px;
  line-height: 1.6;
  color: #495057;
}

.faq-answer ul {
  margin: 12px 0;
  padding-left: 20px;
}

.faq-answer li {
  margin-bottom: 8px;
  line-height: 1.5;
}

.faq-answer strong {
  color: #2c3e50;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
.product-page__about.question {padding:0 0 0 5px !important;border:0;}

/* Адаптивность */
@media (max-width: 768px) {
  .faq-question {
    padding: 16px 40px 1px 5px;
    font-size: 16px;
  }
  
  .faq-answer {
    padding: 0 20px;
  }
  
  .faq-item.active .faq-answer {
    padding: 16px 20px;
  }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .an-mini-expert {
        padding: 12px 15px !important;
        margin: 15px 0 !important;
    }
    
    .an-mini-expert img {
        width: 55px !important;
        height: 55px !important;
    }
    
    .an-mini-expert strong {
        font-size: 15px !important;
    }
    
    .an-mini-expert > div {
        gap: 12px !important;
    }
}

@media (max-width: 480px) {
    .an-mini-expert {
        padding: 10px 12px !important;
    }
    
    .an-mini-expert img {
        width: 50px !important;
        height: 50px !important;
    }
    
    .an-mini-expert > div > div {
        gap: 8px !important;
    }
    
    .an-mini-expert strong {
        font-size: 14px !important;
    }
    
    .an-mini-expert span[style*="color: #47C0AF"] {
        font-size: 12px !important;
    }
    
    .an-mini-expert div[style*="color: #666"] {
        font-size: 13px !important;
    }
}

/* Дополнительные улучшения */
.an-mini-expert {
    transition: all 0.3s ease;
}

.an-mini-expert:hover {
    background: #f0f2f5 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(71, 192, 175, 0.1);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .an-mini-expert {
        padding: 12px 15px !important;
        margin: 15px 0 !important;
    }
    
    .an-mini-expert img {
        width: 55px !important;
        height: 55px !important;
    }
    
    .an-mini-expert strong {
        font-size: 15px !important;
    }
    
    .an-mini-expert > div {
        gap: 12px !important;
    }
}

@media (max-width: 480px) {
    .an-mini-expert {
        padding: 10px 12px !important;
    }
    
    .an-mini-expert img {
        width: 50px !important;
        height: 50px !important;
    }
    
    .an-mini-expert > div > div {
        gap: 8px !important;
    }
    
    .an-mini-expert strong {
        font-size: 14px !important;
    }
    
    .an-mini-expert span[style*="color: #47C0AF"] {
        font-size: 12px !important;
    }
    
    .an-mini-expert div[style*="color: #666"] {
        font-size: 13px !important;
    }
}
    .catalog-widget__main.mobile {
        grid-column: span 1;
        display:none;
    }

/* Дополнительные улучшения */
.an-mini-expert {
    transition: all 0.3s ease;
}

.an-mini-expert:hover {
    background: #f0f2f5 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(71, 192, 175, 0.1);
}

/* Адаптивность */
@media (max-width: 767px) {
    .an-compact-expert {
        padding: 15px !important;
        margin: 15px 0 !important;
    }
    .an-compact-expert > div {
        gap: 15px !important;
    }
    .expert-avatar img {
        width: 55px !important;
        height: 55px !important;
    }
    .expert-quote {
        font-size: 13px !important;
    }
    .an-compact-expert strong {
        font-size: 15px !important;
    }

    
}

@media (max-width: 479px) {
    .an-compact-expert {
        padding: 12px !important;
        margin: 12px 0 !important;
    }
    .an-compact-expert > div {
        gap: 12px !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    .expert-avatar img {
        width: 50px !important;
        height: 50px !important;
    }
    .expert-quote {
        font-size: 12px !important;
    }
    .an-compact-expert strong {
        font-size: 14px !important;
    }
    .expert-badge {
        font-size: 11px !important;
        padding: 3px 10px !important;
    }
}

@media (max-width: 767px) {
    .catalog-widget__main.mobile {display:block;margin: 0 0 12px 0 !important;}    
}