:root {
    --layout-max-width: 1200px;
    --layout-desktop-min-width: 950px;
    --layout-mobile-min-width: 320px;
}
html, body {
    height: 100%;
    -webkit-text-size-adjust: 100%;
}
.link {
    color: var(--color-link);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--color-link-decoration);

    text-underline-offset: 3px;
    cursor: pointer;
}
.link:hover {
    text-decoration: none;
    color: var(--color-link-hover);
}
.link_undecored {
    text-decoration: none;
}
.link_alt {
    color: var(--color-link-alt);
    text-decoration: underline 1px var(--color-link-alt-decoration);
}
.link_local {
    text-decoration-line: underline;
    text-decoration-style: dotted;
}
.link_collapsed:after {
    content: ' ';
    background: var(--color-link);
    background-size: contain;
    display: inline-block;
    width: 6px;
    height: 4px;
    margin-left: 3px;
    vertical-align: middle;

    -webkit-mask-image: url('/assets/img/arrow-down-mask.svg');
    mask-image: url('/assets/img/arrow-down-mask.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.link_title {
    color: var(--color-text-strong);
    text-decoration: none;
}
.link_title:hover {
    color: var(--color-link-hover);
}
.link_default {
    color: var(--color-text-default);
    text-decoration-color: var(--color-text-default);
}
.link_default:hover {
    color: var(--color-text-default);
    text-decoration-color: var(--color-text-default);
}
.link_small {
    font-size: 0.9em;
}
.link_strong {
    font-weight: bold;
}

.hidden {
    display: none;
}

.layout {
    position: relative;
    /*font: 12px 'PT Sans', Tahoma, sans-serif;*/
    font: 12px Tahoma, sans-serif;
    line-height: 1;
    background: url('/assets/img/backgrounds/default.webp') fixed no-repeat center top;
    background-color: #000;
    background-size: cover;

    min-height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: stretch;

    color: var(--color-text-default);
}

/* TODO: убрать в соответсвующие уровни переопределения */
@media (min-width: 950px) {
    .layout__item_mobile {
        display: none!important;
    }
    .layout__item_desktop {
        display: revert;
    }
}
@media (max-width: 950px) {
    .layout__item_mobile {
        display: revert;
    }
    .layout__item_desktop {
        display: none!important;
    }
}

/*
 * Тема Pulsar
 */
.layout_theme_pulsar .colorscheme_black {
    --color-content-bg: #0f1625;
    --color-content-overlay: #0f162580;
    --color-brand-bg: #385168;
    --color-info-bg: #aa0f0f;

    --bg-header-glow: radial-gradient(circle at 210px 77px, #2a313f, rgba(15, 22, 37, 0) 200px) scroll no-repeat left center var(--color-content-bg);
    --bg-header-glow-mobile: radial-gradient(circle at center center, #2a313f, rgba(15, 22, 37, 0) 200px) var(--color-content-bg);

    --bg-header-glow: -webkit-gradient(radial, 210 60%, 5, 210 60%, 200, from(#2a313f), to(rgba(15, 22, 37, 0))) scroll no-repeat left center var(--color-content-bg);
    --bg-header-glow-mobile: -webkit-gradient(radial, center 60%, 5, center 60%, 200, from(#2a313f), to(rgba(15, 22, 37, 0))) scroll no-repeat left center var(--color-content-bg);
}
.layout_theme_pulsar .colorscheme_gray {
    --color-content-bg: #29303d;
    --color-content-overlay: #29303d80;
    --bg-menu-sub-1: linear-gradient(to bottom, #2b313e, #0f1625) #2b313e;
    --bg-menu-sub-2: linear-gradient(to top, #2b313e, #0f1625) #0f1625;
}

/*
 * Тема iRay
 */
.layout_theme_iray .colorscheme_black {
    --color-brand-bg: #385168;
    --color-info-bg: #aa0f0f;
}
.layout_theme_iray .colorscheme_gray {
    --color-brand-bg: #707070;
    --color-brand-overlay: #707070e6;
}

/*
 * Тема Nocpix
 */
.layout_theme_nocpix .colorscheme_black {
    --color-brand-bg: #385168;
    --color-info-bg: #aa0f0f;
}
.layout_theme_nocpix .colorscheme_gray {
    --color-brand-bg: #707070;
    --color-brand-overlay: #707070e6;
}

/*
 * Тема Holosun
 */
.layout_theme_holosun .colorscheme_black {
    --color-brand-bg: #385168;
    --color-info-bg: #aa0f0f;
}
.layout_theme_holosun .colorscheme_gray {
    --color-brand-bg: #707070;
}

/*
 * Тема Vector Optics
 */
.layout_theme_vector-optics .colorscheme_black {
    --color-brand-bg: #385168;
    --color-info-bg: #aa0f0f;
}
.layout_theme_vector-optics .colorscheme_gray {
    --color-brand-bg: #707070;
    --color-brand-overlay: #707070e6;
}

/*
 * Тема Meade
 */
.layout_theme_meade .colorscheme_black {
    --color-content-bg: #120f36;
    --color-brand-bg: #385168;

    --bg-header-glow: radial-gradient(circle at 210px 77px, #2a313f, rgba(15, 22, 37, 0) 200px) scroll no-repeat left center var(--color-content-bg);
    --bg-header-glow-mobile: radial-gradient(circle at center center, #2a313f, rgba(15, 22, 37, 0) 200px) var(--color-content-bg);

    --bg-header-glow: -webkit-gradient(radial, 210 60%, 5, 210 60%, 200, from(#2a313f), to(rgba(15, 22, 37, 0))) scroll no-repeat left center var(--color-content-bg);
    --bg-header-glow-mobile: -webkit-gradient(radial, center 60%, 5, center 60%, 200, from(#2a313f), to(rgba(15, 22, 37, 0))) scroll no-repeat left center var(--color-content-bg);
}
.layout_theme_meade {
    background-image: url('/assets/img/background-space.webp');
}

/*
 * Прочие темы
 */
.layout_theme_space {
    background-image: url('/assets/img/backgrounds/space.webp');
}
.layout_theme_nature {
    background-image: url('/assets/img/backgrounds/nature.webp');
    background-color: #ffd77a;
}
.layout_theme_science {
    background-image: url('/assets/img/backgrounds/science.webp');
    background-color: #5f5f5f;
}
.layout_theme_winter {
    background-image: url('/assets/img/backgrounds/winter.webp');
    background-color: #5f5f5f;
}
.layout_theme_summer {
    background-image: url('/assets/img/backgrounds/summer.webp');
    background-color: #2550a0;
}
.layout_theme_new-year {
    background-image: url('/assets/img/backgrounds/winter.webp');
    background-color: #5f5f5f;
}
.layout_theme_underwater {
    background-image: url('/assets/img/backgrounds/underwater.webp');
    background-color: #202b25;
}
.layout_theme_underwater .layout__main .link {
    text-decoration-line: none;
}

.layout_theme_pulsar {
    background-image: url('/assets/img/backgrounds/pulsar.webp');
    background-color: #0f1625;
}
.layout_theme_iray {
    background-image: url('/assets/img/backgrounds/iray.webp');
    background-color: #0f1625;
}
.layout_theme_nocpix {
    background-image: url('/assets/img/backgrounds/nocpix.webp');
    background-color: #0f1625;
}
.layout_theme_levenhuk {
    background-image: url('/assets/img/backgrounds/levenhuk.webp');
    background-color: #5f5f5f;
}
.layout_theme_meade {
    background-image: url('/assets/img/backgrounds/meade.webp');
    background-color: #5f5f5f;
}

/*
 * Помощь в выборе
 */
.layout_theme_help {
    background-image: none;
    background-color: #e9e9e9;
}
.layout_theme_help .colorscheme_black {
    --bg-header-glow-mobile: radial-gradient(circle at 30% center, #3d3d3d, rgba(255, 255, 255, 0) 200px) scroll no-repeat left center var(--color-content-bg);
}

/*
 * Внутренний блок
 */
.layout__inner {
    position: relative;
    max-width: var(--layout-max-width);
    margin: 0 auto;
    box-sizing: border-box;
}

/*
 * Разделы
 */
.layout__main,
.layout__aside {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
}
.layout__main {
    flex-grow: 1;
    justify-content: stretch;
}
.layout__aside:empty {
    display: none;
}

/*
 * Контент
 */
.layout__content {
    background: var(--color-content-bg);
    color: var(--color-text-default);
    flex-grow: 1;
    padding-top: 15px;
    padding-bottom: 100px;
}
.layout__padding {
    padding-left: 15px;
    padding-right: 15px;
}
.layout__content_two-cols {
    display: flex;
    flex-flow: row nowrap;
    justify-content: stretch;
    align-items: flex-start;
    gap: 15px;
}
.layout__col {
    flex-grow: 1;
}
.layout__col_left {
    width: 230px;
    flex-grow: 0;
}
.layout__wide {
    margin-left: -15px;
    margin-right: -15px;
}
/*
 * Хлебные крошки
 */
.layout__breadcrumbs {
    margin-bottom: 10px;
}

/*
 * Плавающая плашка
 */
.layout__toast {
    position: fixed;
    left: 50%;
    bottom: 20px;
    max-width: 750px;
    transform: translateX(-50%);
    z-index: 1000;
}

/*! nouislider - 12.0.0 - 9/14/2018 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

/* Local changes */
.noUi-horizontal {
    height: 4px;
}
.noUi-target {
    border-radius: 0px;
    border: none;
}
.noUi-connect {
    background: var(--color-filter-slider);
}
.noUi-horizontal .noUi-handle {
    width: 10px;
    height: 10px;
    top: -3px;
    right: -5px!important;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    background-color: #555;
}
@media (max-width: 650px) {
    .noUi-horizontal .noUi-handle {
        width: 20px;
        height: 20px;
        top: -8px;
        right: -10px!important;
    }
}
.noUi-horizontal .noUi-handle:before {
    content: '';
    display: none;
}
.noUi-horizontal .noUi-handle:after {
    content: '';
    display: none;
}

.threesixty {
    cursor: grab;
    user-select: none;
}
.threesixty:active {
    cursor: grabbing;
}

.icon_login {
    background-image: url('img/profile-white.svg');
}
.icon_logged {
    background-image: url('img/profile-white.svg');
}
.icon_help-page {
    background-image: url('img/help-page.svg');
}

.logo_telescope,
.logo_new-year {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.logo__image,
.logo__domain {
    display: block;
}

.footer__bottom {
    background: var(--color-content-bg);;
    color: var(--color-text-default);
}
.footer__inner {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
.footer__inner_bottom {
    padding: 20px 50px;
}
.footer__copy {
    white-space: nowrap;
}
.footer__offer {
    font-family: Arial, Tahoma, sans-serif;
    font-style: italic;
}
.footer__payment {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
}

.site-search__inner {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    background: var(--color-underlay-bg);
    color: var(--color-underlay-text);
}
.site-search__form {
    position: relative;
    margin: 10px;
}
.site-search_compact .site-search__form {
    margin: 0;
}
.site-search__form input[type="text"] {
    background: var(--color-input-bg);
    outline: 1px solid var(--color-input-border);
    color: var(--color-text-default);
    padding: 3px 3px 3px 23px;
    border: none;
    width: 100%;
    height: 23px;
    box-sizing: border-box;
    font-size: 1em;
}
.site-search__form input[type="submit"] {
    background: none;
    border: none;
    outline: none;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    min-width: 0;
    min-height: 0;
    background-image: url('img/search.svg');
    background-position: center center;
    background-size: 13px 13px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    box-shadow: none;
    top: 4px;
    left: 4px;
}
.site-search__form input:focus {
    background-color: var(--color-input-focus-bg);
    color: var(--color-input-focus-text);
}
.site-search__form input:focus+input[type="submit"] {
    background-image: url('img/search-black.svg');
}

.site-search__results {
    display: none;
    color: var(--color-text-default);
    line-height: 1.2;
    padding: 5px 7px;
    overflow: auto;

    top: 40px;
    right: 0;
}
.site-search__results ul+ul {
    margin-top: 10px;
    border-top: 3px solid var(--color-content-separator);
}
.site-search__results h3 {
    color: var(--color-text-strong);
    text-align: center;
}
.site-search__results ul+ul h3 {
    margin-top: 5px;
}
.site-search__results ul li {
    padding: 2px 0;
    clear: both;
}
.site-search__results ul li:hover {
    background-color: #fff;
}
.site-search__results ul.products li {
    display: flex;
    gap: 5px;
    align-items: center;
    width: 100%;
}
.site-search__results ul.products li a:first-child {
    display: block;
    width: 60px;
    height: 60px;
}
/*
.site-search__results ul.products li img,
.site-search__results ul.products li .empty {
    display: inline-block;
    margin-right: 10px;
    width: 60px;
    height: 60px;
}
*/
.site-search__results ul.all {
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
}


.breadcrumbs {
    color: var(--color-text-weak);
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
}
.breadcrumbs__item+.breadcrumbs__item:before {
    content: '/';
}

.breadcrumbs__alt-menu {
    display: none;
    position: absolute;
    z-index: 9000;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 8px 10px;
}
.breadcrumbs__alt-link_open+.breadcrumbs__alt-menu {
    display: block;
}
.breadcrumbs__alt-item {
    display: block;
    padding: 4px 0;
    white-space: nowrap;
}
.breadcrumbs__alt-item_curr {
    font-weight: bold;
}

.scroll-up {
    background-image: url("img/scroll-up.svg");
    display: none;
    width: 46px;
    height: 46px;
    position: fixed;
    right: 20px;
    top: 50px;
    z-index: 9000;
    opacity: 0.6;
    cursor: pointer;
}

.floating-bar {
    color: var(--color-text-default);
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
}
.floating-bar__inner {
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--color-content-bg);
    padding: 5px 10px;
}

.profile__menu {
    position: relative;
    padding: 0;
}
.profile__title {
    display: inline-block;
    padding: 2px 5px;
    white-space: nowrap;
    background-color: var(--color-red);
}
.profile__title:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 4px;
    margin-left: 5px;
    background: url('img/arrow-down-white.svg') scroll no-repeat center center;
    background-size: 6px 4px;
}
.profile__menu {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 9095;
    text-align: left;
    background: var(--bg-usermenu);
    padding: 10px 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease, opacity 0.3s ease 0s;
}
.profile:hover .profile__menu {
    visibility: visible;
    opacity: 1;
}
.profile__menu-item {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    white-space: nowrap;
    padding-right: 20px;
}
.profile__menu-sep {
    content: '';
    display: block;
    margin: 5px 10px;
    height: 1px;
    background-color: var(--color-content-separator)!important;
}
.profile__menu-item_important {
    background-color: var(--color-red);
}
.profile__menu-item:hover {
    background-color: var(--color-brand-bg);
}

.profile__letter {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: var(--color-red);
    border-radius: 35px;
    color: var(--color-text-strong);
    text-align: center;
    font-size: 22px;
    text-decoration: none;
}

.top-slider {
    position: relative;
    overflow: hidden;
    text-align: center;
    min-width: 320px;
    height: 300px;
    border: none;
}
.top-slider .list {
    max-width: 1200px;
    max-height: 300px;
    min-width: 320px;
    width: 100vw;
    background-color: #252525;
    margin: 0 auto;
}
.top-slider .list .item {
    position: relative;
}
.top-slider .nav {
    position: absolute;
    top: 0;
    z-index: 100;
    transition: visibility 0.6s ease, opacity 0.6s ease 0s, background-position 0.6s ease 0s;
    border: none;
    width: 130px;
    height: 300px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
}
.top-slider .nav:focus {
    outline: none;
}
.top-slider .prev {
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-image: url('img/prev.svg');
    background-position: left center;
    background-size: 28px 54px;
}
.top-slider .next {
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-image: url('img/next.svg');
    background-position: right center;
    background-size: 28px 54px;
}
.top-slider:hover .nav {
    background-position: 52px center;
    opacity: 1;
    visibility: visible;
}
.top-slider .pager {
    position: absolute;
    z-index: 100;
    width: 111px;
    height: 54px;
    cursor: pointer;
}
_:-ms-lang(x), .top-slider .pager { display: none; }
_:-ms-lang(x), .top-slider .slick-active .pager { display: block; }
.top-slider .pager .dots {
    display: table;
}
.top-slider .pager .dots li {
    display: table-cell;
}
.top-slider .pager .dots li+li {
    padding-left: 5px;
}
.top-slider .pager .dots a {
    font-size: 0;
    display: block;
    width: 24px;
    height: 3px;
    background-color: #707070;
    border: none;
    cursor: pointer;
}
.top-slider .pager .num {
    display: table;
    margin-top: 8px;
    border: 2px solid;
    font-size: 19px;
    width: 42px;
    height: 42px;
    text-align: center;
}
.top-slider .pager .num li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 45%;
    overflow: hidden;
}
.top-slider .pager .num .break {
    width: 10%;
}
.top-slider .pager .num .page>* {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 42px;
    line-height: 42px;
    top: 0;
    left: 2px;
    transition: all 1s ease 0s;
}
.top-slider .pager .num .curr {
    opacity: 0;
    transform: translateY(-100%);
}
.top-slider .animate .pager .num .curr {
    transform: translateY(0);
    opacity: 1;
}
.top-slider .animate .pager .num .from {
    transform: translateY(100%);
    opacity: 0;
}
.top-slider .extra {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s ease 0s, opacity 1s ease 0s;
}
.top-slider .animate .extra {
    visibility: visible;
    opacity: 1;
}

.announcement {
    padding: 5px 15px;
    background: #aa0f0f;
    color: var(--color-info-text);
}
.announcement .link {
    color: var(--color-info-text);
    text-decoration-color: var(--color-info-text);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9080;
    transition: all 0.5s ease 0s;

}

@supports (color: contrast-color(white)) {
    /* Safari 26-specific styles here */
    .overlay {
        background-color: rgba(0, 0, 0, 0)!important;
    }
}

.page-topics {
    background-color: var(--color-content-bg);
    width: 240px;
}
.page-topics__frame {
    border: 1px solid var(--color-content-separator);
}
.page-topics__caption {
    background-color: var(--color-content-separator);
    padding: 7px;
    font-weight: bold;
    color: var(--color-text-strong);
}
.page-topics__inner {
    padding: 15px;
}
.page-topics__inner ul {
    padding-left: 25px;
}
.page-topics__inner ul li+li {
    margin: 14px 0 0 0;
}

.page-topics__headline {
    display: inline-block;
    margin-top: 14px;
}

.page {
    width: 100%;
}

.page_align_center {
    text-align: center;
}

.page__content_cols {
    display: flex;
    flex-flow: row nowrap;
    gap: 40px;
}

/*
 * Заголовки
 */
.page__title {
    color: var(--color-text-strong);
}
.page__headline_level_1 {
    color: var(--color-text-strong);
}
.page__headline_level_2 {
    color: var(--color-text-strong);
}

/*
 * Модификаторы
 */
.page__mod_line {
    border-top: 3px solid var(--color-content-separator);
}
.page__mod_padding {
    padding-top: 10px;
}
.page__mod_padded {
    padding: 15px;
}

/*
 * Разделы
 */
.page__section+.page__section {
    margin-top: 50px;
}
.page__subsection+.page__subsection {
    margin-top: 40px;
}
.page__section_compact .page__subsection+.page__subsection {
    margin-top: 15px;
}
.page__section_medium .page__subsection+.page__subsection {
    margin-top: 25px;
}
.page_minimal .page__title {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
}

.error-page__main {
    display: table;
    margin: 75px auto;
}
.error-page__main>div {
    display: table-cell;
    vertical-align: middle;
}
.error-page__title {
    width: 300px;
    height: 235px;
    background: var(--color-brand-bg);
    text-align: center;
    font-size: 30px;
    color: var(--color-brand-text);
}
.error-page_type_404 .error-page__title,
.error-page_type_410 .error-page__title,
.error-page_type_402 .error-page__title
{
    font-size: 100px;
}
.error-page__message {
    padding-left: 40px;
}
.error-page__message h2 {
    color: var(--color-text-strong);
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 25px;
}
.error-page__trace {
    margin-top: 40px;
    padding: 20px 50px;
    white-space: pre-wrap;
}

.sitemap ul {
    margin-bottom: 20px;
}
.sitemap ul h3 {
    margin: 0;
}
.sitemap ul li {
    padding: 2px 0;
}
.sitemap>ul>li {
    padding-left: 15px;
    display: inline-block;
    width: 31%;
    vertical-align: top;
}
.sitemap>ul>li>a {
    font-weight: bold;
}

.home .page__title {
    margin-bottom: 10px;
}
.home .page__content {
    border-top: none;
    padding-top: 10px;
}

.home__popular {
    margin-top: 80px!important;
}
.home__reviews {
    margin-top: 30px!important;
}
.home__brands {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 15px;
    margin: 15px;
}

.home__bottom {
    display: flex;
    flex-flow: column nowrap;
    gap: 25px;
}

@media (max-width: 1200px) {
    .home__widgets {
        display: none;
    }
}

/*
 * Микс для списка товаров
 */
.help-page__product-list {
    gap: 15px;
    margin-top: 10px;
}
.help-page__product-list_recommend {
    gap: 30px;
}
.help-page__legend {
    background: url('img/help-icon-recommended.png');
    width: 280px;
    height: 28px;
}

/*
 * Микс для оглавления
 */
.help-page__page-topics {
    float: right;
    padding-left: 15px;
    padding-bottom: 15px;
}

.compare__ctrls {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}

.compare__container {
    width: 1170px;
    overflow: auto
}

@media (max-width: 1200px) {
    .compare__container {
        max-width: calc(100vw - 30px);
    }
}

.delivery-map section {
    display: flex;
    flex-flow: row nowrap;
}
.delivery-map .map {
    min-width: 300px;
    min-height: 520px;
    padding-right: 15px;
    flex-grow: 1;
}
.delivery-map .controls {
    width: 270px;
}
.delivery-map .companies {
    margin-top: 10px;
}
.delivery-map .companies .headline {
    cursor: pointer;
}
.delivery-map .companies .headline>* {
    vertical-align: middle;
}
.delivery-map .companies .headline .icon {
    margin: 0 10px;
}
.delivery-map .companies .headline span {
    white-space: nowrap;
}
.delivery-map .company {
    padding: 10px;
}
.delivery-map .company.active {
    background-color: var(--color-underlay-bg);
    color: var(--color-underlay-text);
}
.delivery-map .company .addresses {
    margin-top: 10px;
    padding-left: 20px;
    max-height: 129px;
    overflow-y: auto;
}
.delivery-map .company .addresses .item {
    padding-left: 17px;
    line-height: 1.7;
}
.delivery-map .company .addresses .item+.item {
    margin-top: 5px;
}

.popup__link {
    cursor: pointer;
}

.popup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9100;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 11000;
}

/*
 * Общие
 */
.popup__inner {
    position: relative;
    overflow: hidden;
}
.popup__content {
    box-sizing: border-box;
    max-width: var(--layout-max-width);
    min-width: var(--layout-mobile-min-width);
    overflow-y: auto;

    background-color: var(--color-content-bg);
    color: var(--color-text-default);

}

/*
 * Крестик
 */
.popup__close {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 9200;
    width: 40px;
    height: 40px;
    background: url('img/close-gray.svg') scroll no-repeat center center;
    background-size: 20px 20px;
    transition: transform 0.2s linear;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.popup__close:hover {
    background-image: url('img/close-black.svg');
}
.colorscheme_black .popup__close {
    background-image: url('img/close-gray.svg');
}
.colorscheme_black .popup__close:hover {
    background-image: url('img/close-white.svg');
}
.popup_state_closing .popup__close {
    transform: rotate(90deg);
}

/*
 * Ошибка
 */
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.popup_state_error .popup__inner {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}

/*
 * Компакт
 */
.popup_layout_compact .popup__inner {
    max-width: 100%;
    max-height: 100%;

    overflow: auto;
}
.popup_layout_compact .popup__content {
    padding: 40px;
}

/*
 * Balloon
 */
.popup_layout_balloon {
    display: block!important;
    background-color: transparent;
    transition: background-color 0.2s linear 0s;
}
.popup_layout_balloon.popup_state_open {
    background-color: var(--color-content-overlay);
}
.popup_layout_balloon .popup__inner {
    min-width: 320px;
    min-height: 320px;
    max-width: 320px;
    min-height: auto;
    opacity: 0;
    transition: opacity 0.2s linear 0s, max-height 0.2s linear 0s, max-width 0.2s linear 0s;
    overflow: visible;

    position: absolute;
    top: 40px;
}
.popup_layout_balloon .popup__inner:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;

    border-bottom: 40px solid var(--color-content-bg);
    margin: -40px auto 0;
}
.popup_layout_balloon.popup_state_loading .popup__inner {
    background-image: url('img/loading.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px 50px;
}
.popup_layout_balloon.popup_state_open .popup__inner {
    opacity: 1;
}
.popup_layout_balloon .popup__content {
    padding: 15px;
    border-radius: 7px;
}
.popup_layout_balloon .popup__close {
    width: 30px;
    height: 30px;
    background-size: 15px 15px;
}


/*
 * На весь экран
 */
.popup_layout_wide .popup__content {
    width: 100%;
    height: inherit;
    padding: 40px 10px;
}

/*
 * На весь экран без рамок
 */
.popup_layout_seamless .popup__content {
    width: 100%;
    padding: 40px 0;
}

/*
 * Полный экран
 */
.popup_mode_fullscreen {
    position: fixed;
    background-color: var(--color-content-overlay);
    max-width: 100%;
    max-height: 100vh;
}
.popup_mode_fullscreen .popup__inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: var(--color-content-bg);
}

.preview {
    display: inline-block;
    color: var(--color-text-weak);
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    height: inherit;
}
.preview_empty:after {
    content: 'Нет изображения';
    text-align: center;
}

input[type="checkbox"] {
    margin: 0;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    background-color: #fff;
}
input[type="checkbox"]:checked {
    background: url('img/checkbox.svg') scroll no-repeat center center #fff;
    background-size: 15px 15px;
}
select {
    border-width: 1px;
    border-style: solid;
    font-size: 1em;
}

.messages {
    display: inline-block;
    background-color: var(--color-underlay-bg);
    padding: 20px;
    font-weight: bold;
}
.messages li {
    margin-bottom: 15px;
}
.messages li:last-child {
    margin-bottom: 0;
}
.messages {
    color: var(--color-green);
}
.messages.errors {
    color: var(--color-red);
}
.messages.notice {
    color: var(--color-underlay-text);
}

.table {
    width: 70%!important;
}
.table_type_definition tbody td:first-child:after {
    content: ':';
}
.table td, .table th {
    border: 1px solid var(--color-content-border);
    padding: 5px;
    vertical-align: middle;
}
.table th {
    text-align: left;
    color: var(--color-text-strong);
}
.table tfoot td {
    font-weight: bold;
    color: var(--color-text-strong);
}
.table tfoot td span {
    font-weight: normal;
}

.form {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}

.form__text {
    text-align: center;
}
.form input[type="text"],
.form input[type="number"],
.form input[type="tel"],
.form input[type="password"] {
    font-size: 1em;
    width: 100%;
}
.form input[type="text"],
.form input[type="number"],
.form input[type="tel"],
.form input[type="password"],
.form select,
.form textarea {
    font-size: 1.2em;
    resize: none;
    width: 100%;
    height: 35px;
    padding: 10px;
    box-sizing: border-box;
    color: var(--color-text-default);
    background-color: var(--color-input-bg);
    outline: 1px solid var(--color-input-border);
    border: none;

    max-width: 500px;
}
.form input[type="text"]:focus,
.form input[type="number"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form select:focus,
.form textarea:focus {
    outline-width: 1px;
    outline-style: solid;
    background-color: var(--color-input-focus-bg);
    color: var(--color-input-focus-text);
}
.form textarea {
    height: 90px;
}

.form input[type="text"]:disabled,
.form input[type="number"]:disabled,
.form input[type="tel"]:disabled,
.form input[type="password"]:disabled,
.form select:disabled,
.form textarea:disabled {
    background-color: var(--color-state-inactive);
    color: var(--color-text-default);
}

.form__row_error {
    color: var(--color-state-error);
}
.form__row_error input[type="text"],
.form__row_error input[type="number"],
.form__row_error input[type="tel"],
.form__row_error input[type="password"],
.form__row_error select,
.form__row_error textarea {
    outline: 1px solid var(--color-state-error)!important;
}
.form__row_buttons {
    width: 100%;
    align-self: center;
    margin-top: 10px;

    border-top: 3px solid var(--color-content-separator);
    padding-top: 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
.form__row_buttons-compact {
    padding-left: 209px;
}
.form__row_trap {
    display: none;
}
.form__links {
    margin-top: 20px;
    align-self: center;
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
}
.form__errors {
    display: none;
}
.form__errors li {
    margin-top: 5px;
}
.form_attr_errors .form__errors {
    display: initial;
}

.form__element-extra  {
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;
}
.form__element_size_small {
    width: 150px;
}
.form__element_captcha {
    display: flex;
    flex-flow: row nowrap;
    gap: 5px;
}
.form__element_captcha input[type="text"] {
    width: 100px;
}
.form__element_auth-code {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 10px;
}
.form__element_auth-code input[type="text"] {
    width: 80px;
}
.form__element_auth-code .form__element-extra {
    gap: 10px;
    text-align: center;
}
.form__element.form__element_radio {
    display: flex;
    flex-flow: column nowrap;
    gap: 7px;
}
.form__element.form__element_radio input {
    margin: 2px 5px 2px 0;
}
.form__element.form__element_radio label>* {
    display: inline;
    vertical-align: middle;
}

/*
 * Развернутая форма
 */
.form:not(.form_minimal) .form__row {
    display: flex;
    flex-flow: row nowrap;
    gap: 25px;
}
.form:not(.form_minimal) .form__label {
    font-weight: bold;
    color: var(--color-text-strong);
    width: 185px;
    min-width: 185px;
    text-align: right;
    position: relative;
}
.form:not(.form_minimal) .form__label_required:after {
    content: '*';
    color: red;
    position: absolute;
    top: 0px;
    right: -9px;
}
.form:not(.form_minimal) .form__tip {
    font-weight: normal;
    color: var(--color-text-default);
    display: block;
    font-size: 0.9em;
    margin-top: 5px;
}
.form:not(.form_minimal) .form__tip:before {
    content: '(';
}
.form:not(.form_minimal) .form__tip:after {
    content: ')';
}
.form:not(.form_minimal) .form__element {
    flex-grow: 1;
}

.form__note {
    color: var(--color-text-default);
}


/*
 * Минималистичная форма
 */
.form_minimal {
    max-width: 500px;
}
.form_minimal .form__label {
    display: block;
    margin: 0 0 5px 11px;
    font-size: 0.9em;
}
.form_minimal .form__label {
    visibility: hidden;
}
.form_minimal .form__row:has(input:focus,textarea:focus) .form__label {
    visibility: visible;
}
.form_minimal .form__links {
    margin-top: 25px;
}

/*
 * Форма в одну строчку
 */
.form_one-row {
    flex-flow: row wrap;
    max-width: 600px;
}
.form_one-row .form__row_buttons {
    width: auto;
    align-self: flex-start;
    text-align: left;
    margin-top: 17px;
    border: none;
    padding: 0;
}

/*
 * Компактная форма
 */
.form_compact {
    gap: 20px;
    align-items: center;
}
.form_compact .form__label {
    display: none;
}
.form_compact input[type="text"],
.form_compact input[type="number"],
.form_compact input[type="tel"],
.form_compact input[type="password"],
.form_compact textarea {
    outline: none;
    font-size: 1.8em;
    text-align: center;
}
.form_compact input[type="text"]:focus,
.form_compact input[type="number"]:focus,
.form_compact input[type="tel"]:focus,
.form_compact input[type="password"]:focus,
.form_compact select:focus,
.form_compact textarea:focus {
    outline: none;
}
.form_compact .form__row_buttons,
.form_compact .form__links {
    margin: 0;
}
.form_compact .form__links {
    flex-wrap: wrap;
}

.form__button_submit {
    opacity: 0.5;
}

.collapse_stable {
    padding-bottom: 22px;
}
.collapse__content {
    overflow: hidden;

}
.collapse_active .collapse__header {
    margin-top: 0;
    width: auto;
    height: auto;
}
.collapse_active .collapse__ctrl {
    display: inline-block;
    cursor: pointer;
    color: var(--color-link);
}
.collapse_active .collapse__ctrl:before {
    content: ' ';
    display: inline-block;
    width: 4px;
    height: 6px;
    margin-right: 6px;
    background-color: var(--color-link);
    vertical-align: middle;

    -webkit-mask-image: url('img/arrow-right-mask.svg');
    mask-image: url('img/arrow-right-mask.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    /* HACK: не знаю как выровнить иначе */
    position: relative;
    top: -2px;
}
.collapse_active.collapse_open .collapse__ctrl:before {
    width: 6px;
    height: 4px;
    margin-right: 4px;

    -webkit-mask-image: url('img/arrow-down-mask.svg');
    mask-image: url('img/arrow-down-mask.svg');
}
.collapse_stable .collapse__ctrl {
    position: absolute;
}
.collapse_active .collapse__ctrl_auto+.collapse__content {
    margin-top: 10px;
}
.collapse_active .collapse__content+.collapse__ctrl_auto {
    margin-top: 10px;
}

.pagination {
    text-align: center;
    margin-top: 10px;
}
.pagination__item {
    padding: 3px;
    display: inline-block;
    font-weight: bold;
}
.pagination__item_active {
    background-color: var(--color-underlay-bg);
    color: var(--color-text-strong);
    text-decoration: none;
}
.pagination__more {
    font-size: 1.1em;
    font-weight: bold;
    color: var(--color-text-strong);
    padding: 12px 0;
    background-color: var(--color-underlay-bg);
    border: 1px solid var(--color-content-border);
    cursor: pointer;
    margin-bottom: 20px;
}
.pagination__more_disabled {
    cursor: normal;
    color: var(--color-text-weak);
}

.sort__select {
    border-color: var(--color-content-border);
    background-color: var(--color-underlay-bg);
    color: var(--color-text-default);
    font-weight: bold;
    height: 25px;
}

.static {
    line-height: 1.5;
    font-size: 1.1em;
}

.static__flex {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
    align-items: center;
}

.static p {
    margin-top: 1em;
}
.static p:first-child {
    margin-top: 0;
}
.static table td, .static table th {
    border: 1px solid var(--color-content-separator);
    padding: 5px;
    vertical-align: middle;
}
.static table th {
    font-weight: bold;
    text-align: left;
}
.static table tr td {
    /*background-color: var(--color-content-bg);*/
}
.static table tr.static__table-row_even td {
    background-color: var(--color-content-separator);
}
.static ul {
    padding-left: 15px;
}
.static ol {
    padding-left: 19px;
}
.static ul li, .static ol li {
    list-style: outside disc;
    margin: 7px 0 0;
}
.static ol li {
    list-style: outside decimal;
}
.static .static_important,
.static .static_important a
{
    font-weight: bold;
    text-decoration: none;
}
.static .static_red,
.static .static_red a
{
    color: red;
}
.static a:not([class]) {
    color: var(--color-link);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;

    text-underline-offset: 2px;
}
.static a:not([class]):hover {
    text-decoration: none;
}
.static strong {
    color: var(--color-text-strong);
}
.static__list_flat {
    padding-left: 0!important;
}
.static__list_flat li {
    list-style: none!important;
}

.static dl+dl {
    margin-top: 10px;
}
.static dt {
    color: var(--color-text-strong);
    font-weight: bold;
}
.static dd {
    padding-left: 20px;
    margin-top: 5px;
}

.button {
    display: inline-block;
    background-color: var(--color-button-bg);
    font: bold 1.1em Tahoma, sans-serif;
    border: none;
    padding: 9px 10px;
    text-align: center;
    color: #fff;
    min-width: 107px;
    text-decoration: none!important;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 200ms linear 0s;
    -webkit-appearance: none;
}
.button:hover {
    background-color: var(--color-button-active-bg);
}
.button_size_compact {
    min-width: auto;
    padding: 4px 5px;
}
.button_size_medium {
    min-width: auto;
    padding: 7px 8px;
}

.button_color_blue {
    background-color: var(--color-blue);
}
.button_color_blue:hover {
    background-color: var(--color-blue-dark);
}
.button_color_green {
    background-color: var(--color-green);
}
.button_color_green:hover {
    background-color: var(--color-green-dark);
}
.button_color_white {
    background-color: var(--color-white);
    color: var(--color-black);
}
.button_color_white:hover {
    background-color: var(--color-gray-200);
}

.button:before {
    content: "";
    opacity: 0.45;
    padding: 10px 0 10px 0;
    background-repeat: no-repeat;
    background-position: left center;
    transition: opacity 0.3s ease 0s;
}
.button:hover:before {
    opacity: 1;
}

.icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.icon_text {
    width: auto;
    background-position: left center;
    padding-left: 25px;
    line-height: 18px;
}
.icon_pdf {
    background-image: url('img/pdf.svg');
    background-size: 20px 20px;
}
.icon_callback {
    background-image: url('img/call-gray.svg');
    background-size: 14px 14px;
    padding-left: 17px;
}
.icon_visa {
    background-image: url('img/visa.svg');
    background-size: cover;
    width: 37px;
    height: 12px;
}
.icon_mastercard {
    background-image: url('img/mastercard.svg');
    background-size: cover;
    width: 31px;
    height: 20px;
}
.icon_mir {
    background-image: url('img/mir.svg');
    background-size: cover;
    width: 49px;
    height: 14px;
}
.icon_sbp {
    background-image: url('img/sbp.svg');
    background-size: cover;
    width: 20px;
    height: 24px;
}
.icon_invoice {
    background-image: url('img/invoice.svg');
    background-size: cover;
    width: 15px;
    height: 19px;
}
.icon_postrf {
    background-image: url(img/postrf.svg);
    width: 120px;
    height: 24px;
}
.icon_ems {
    background-image: url(img/ems.svg);
    width: 106px;
    height: 24px;
}
.icon_dellin {
    background-image: url(img/dellin.svg);
    width: 28px;
    height: 24px;
}
.icon_cdek {
    background-image: url(img/cdek.svg);
    width: 90px;
    height: 20px;
}
.icon_yandex-go {
    background-image: url(img/yandex-go.svg);
    width: 24px;
    height: 24px;
}
.icon_postrf_gray {
    background-image: url(img/postrf-gray.svg);
    width: 120px;
    height: 24px;
}
.icon_ems_gray {
    background-image: url(img/ems-gray.svg);
    width: 106px;
    height: 24px;
}
.icon_dellin_gray {
    background-image: url(img/dellin-gray.svg);
    width: 28px;
    height: 24px;
}
.icon_cdek_gray {
    background-image: url(img/cdek-gray.svg);
    width: 90px;
    height: 20px;
}
.icon_cdek_white {
    background-image: url(img/cdek-white.svg);
    width: 90px;
    height: 20px;
}
.icon_youtube {
    background-image: url(img/youtube.svg);
    width: 40px;
    height: 40px;
}
.icon_vk {
    background-image: url(img/vk.svg);
    width: 40px;
    height: 40px;
}
.icon_yandex-maps {
    background-image: url(img/yandex-maps.svg);
    width: 40px;
    height: 40px;
}
.icon_minus {
    background-image: url(img/minus.svg);
    width: 10px;
    height: 10px;
}
.icon_plus {
    background-image: url(img/plus.svg);
    width: 10px;
    height: 10px;
}
.icon_cross {
    background-image: url(img/cross.svg);
    width: 10px;
    height: 10px;
}
.icon_cross-red {
    background-image: url(img/cross-red.svg);
    width: 10px;
    height: 10px;
}

@media (min-width: 650px) {
    .icon_size_big {
        width: 35px;
        height: 35px;
        background-size: 35px 35px;
    }
    .icon_size_big.icon_text {
        padding-left: 40px;
        font-size: 1.3em;
        line-height: 35px;
    }

    .icon_size_medium {
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
    }
    .icon_size_medium.icon_text {
        padding-left: 30px;
        font-size: 1.1em;
        line-height: 15px;
    }
}

.tab__options {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    gap: 5px;
}
.tab__option {
    padding: 4px 7px;
    line-height: 1.3;
}
.tab__option_active {
    background-color: var(--color-underlay-bg);
}
.tab__option_color_alert {
    background-color: var(--color-alert-bg);
}
.tab__content {
    display: none;
    padding-top: 5px;
    padding-left: 5px;
}
.tab__content_wide {
    padding-left: 0;
}

.underlay {
    background-color: var(--color-underlay-bg);
    color: var(--color-underlay-text);
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 1.5;
}
span.underlay,
strong.underlay {
    display: inline-block;
}
.underlay_flex {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.underlay_size_compact {
    padding: 2px 5px;
    line-height: 1.3;
}
.underlay_size_section {
    padding: 15px;
}

.underlay_color_info {
    background-color: var(--color-info-bg);
    color: var(--color-info-text);
}
.underlay_color_notice {
    background-color: var(--color-notice-bg);
    color: var(--color-notice-text);
}
.underlay_color_alert {
    background-color: var(--color-alert-bg);
    color: var(--color-alert-text);
}
.underlay_color_error {
    background-color: var(--color-error-bg);
    color: var(--color-error-text);
}
.underlay__title {
    color: var(--color-text-strong);
    font-weight: bold;
}

.image-switcher {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
}

.image-switcher__big {
    flex-grow: 1;
    line-height: 0;
}
.image-switcher__items {
    flex-grow: 1;
}
.image-switcher__item {
    display: none;
    height: 100%;
}
.image-switcher__item:first-child {
    display: block;
}
.image-switcher__thumbs {
    display: flex;
    flex-flow: column wrap;
    gap: 10px;
    align-items: center;
}
.image-switcher__thumb {
    cursor: pointer;
    text-align: center;
    line-height: 0;
    border: 1px solid transparent;
}
.image-switcher__thumb_icon {
    background-color: var(--color-white);
}
.image-switcher__thumb_active {
    border-color: var(--color-content-border);
}
.image-switcher__thumb_active {
    opacity: 0.5;
}

/*
 * Для декстопа и мобильных
 */
@media (max-width: 780px) {
    .image-switcher {
        flex-direction: column;
    }
    .image-switcher__thumbs {
        flex-direction: row;
    }
    /*
    .image-switcher__items {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    */
}

.help {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.help__link {
    display: block;
    width: 12px;
    height: 12px;
    background-image: url('img/help.svg');
    margin-left: 5px;
    cursor: help;
}
.help__popup {
    display: none;
    position: absolute;
    padding: 10px;
    z-index: 100;
    top: 0;
    left: 25px;
    background-color: var(--color-yellow);
    border: 1px solid var(--color-content-border);
    width: 300px;
    font-size: 0.9em;
    line-height: 1.2;
    font-weight: normal;
    color: var(--color-text-default);
}
.help__popup_pos_right {
    top: 15px;
    left: -300px;
}
.help__popup_bottom {
    top: initial;
    bottom: 0;
}
.help:hover .help__popup {
    display: block;
}
.help__popup p+p {
    margin-top: 10px;
}
.help__popup strong {
    color: var(--color-text-default);
}

.balloon {
    display: block;
    position: absolute;
    background: var(--color-blue);
    border-color: var(--color-blue);
    border-radius: 5px;
    padding: 13px;
    color: #fff;
    font-weight: bold;
    z-index: 9100;
    white-space: nowrap;
}
.balloon:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -19px;
    margin-left: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid var(--color-blue);
}
.balloon_revert {
    border-color: var(--color-blue);
}
.balloon_revert:before {
    bottom: 0;
    top: -19px;
    border-top: none;
    border-bottom: 20px solid var(--color-blue);
}

.advantages {
    display: flex;
    gap: 10px;
}
.advantages__item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 10px;
    min-height: 85px;

    background-repeat: no-repeat;
    border: 3px solid var(--color-content-separator);
    border-radius: 7px;
    box-sizing: border-box;
    line-height: 1.2;
}
.advantages__item_delivery {
    background-image: url('img/delivery.svg');
    background-size: 37px 27px;
    padding-left: 60px;
    background-position: 10px center;
}
.advantages__item_payment {
    padding-left: 50px;
    background-size: 24px 29px;
    background-image: url('img/payment.svg');
    background-position: 10px center;
}
.advantages__item_bonus {
    display: flex;
    column-gap: 10px;
    justify-content: center;
}
.advantages__title {
    font-weight: bold;
}

.popup-block {
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
}
.popup-block__item {
    display: inline-flex;
    flex-flow: column nowrap;
    justify-content: strech;
    width: 350px;
    height: 300px;
    box-sizing: border-box;
    border: 1px solid var(--color-content-separator);
    position: relative;
}
.popup-block__item:hover {
    box-shadow: 0 0 10px var(--color-content-border);
}
.popup-block__item-title {
    font-size: 1.1em;
    display: block;
    padding: 5px;
    font-weight: bold;
    background-color: var(--color-content-separator);
}
.popup-block__item-image {
    flex-grow: 1;
    margin: 15px;
    background-size: cover;
}
.popup-block .popup-block__content {
    display: none;
}

@font-face {
    font-family: 'PFDinTextCompProMedium';
    src: url('/assets/fonts/PFDinTextCompPro-Medium.woff');
}
@font-face {
    font-family: 'PFDinTextCompProRegular';
    src: url('/assets/fonts/PFDinTextCompPro-Regular.otf');
}
.banner {
    position: relative;
    height: 400px;
    background-size: cover;
    background-position: center center;
}
.banner__text-block {
    font: normal 21px PFDinTextCompProRegular, Tahoma, Verdana, sans-serif;
    line-height: 1.2;
    position: absolute;
    width: 400px;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px;
}
.banner__text-block_style_light {
    background-color: rgba(255, 255, 255, 0.7);
    color: #000;
}
.banner__text-block_style_dark {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.banner__text-block_pos_left {
    left: 100px;
}
.banner__text-block_pos_right {
    right: 100px;
}


.banner__title {
    font-family: PFDinTextCompProMedium, Tahoma, Verdana, sans-serif;
    font-size: 30px;
}
.banner__title+.banner__text {
    margin-top: 12px;
}

@media (max-width: 1200px) {
    .banner_bg-pos_left {
        background-position-x: 25%;
    }
    .banner_bg-pos_right {
        background-position-x: 75%;
    }
}

@media (max-width: 700px) {
    .banner {
        display: flex;
        align-items: center;
    }
    .banner_bg-pos_left {
        background-position-x: 0;
    }
    .banner_bg-pos_right {
        background-position-x: 100%;
    }
    .banner__text-block {
        position: static;
        left: auto;
        right: auto;
        margin: 0 auto;
        transform: none;
    }
}

.carousel {
    position: relative;
    max-width: 1200px;
    min-width: 320px;
    overflow: hidden;
    text-align: center;
    min-width: 320px;
    height: 400px;
    border: none;
}
.carousel__list {
    background-color: #252525;
    margin: 0 auto;
}
.carousel__item {
    position: relative;
}
.carousel__button {
    position: absolute;
    top: 0;
    z-index: 100;
    transition: visibility 0.6s ease, opacity 0.6s ease 0s, background-position 0.6s ease 0s;
    border: none;
    width: 130px;
    height: 400px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
}
.carousel__button:focus {
    outline: none;
}
.carousel__button_prev {
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-image: url('img/prev.svg');
    background-position: left center;
    background-size: 28px 54px;
}
.carousel__button_next {
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-image: url('img/next.svg');
    background-position: right center;
    background-size: 28px 54px;
}
.carousel:hover .carousel__button {
    background-position: 52px center;
    opacity: 1;
    visibility: visible;
}



/*
 * Dirty hack!!! Тебе должно быть стыдно за такое!
 */
.help-page  .carousel {
    margin: 0 -15px 0;
}

.toast {
    background-color: var(--color-underlay-bg);
    color: var(--color-text-strong);
    border-radius: 3px;
    padding: 10px;
}
.toast__cols {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.geo {
}
.geo__address {
}
.geo__metro {
    background: scroll no-repeat url('img/m.svg') left center;
    background-size: 16px 11px;
    padding-left: 20px;
}
.geo__metro_red {
    background-image: url('img/m-red.svg');
}

.location {
    display: inline-block;
    background: url('img/location.svg') scroll no-repeat left center;
    background-size: 11px 15px;
    padding-left: 15px;
    line-height: 1.3em;
}
.location_chooser:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 4px;
    background: url('img/arrow.svg') scroll no-repeat center center;
    background-size: 6px 4px;
    margin-left: 4px;
}
.location_locate-me {
    background: url('img/locate-me.svg') scroll no-repeat;
    padding-left: 20px;
}

.phone {
    text-decoration: none;
    color: var(--color-text-strong);
}
.phone_medium {
    color: var(--color-text-strong);
    font-weight: bold;
}
.phone_big {
    color: var(--color-text-strong);
}
.phone_big .phone__num {
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1;
}
.phone_big .phone__code {
    color: var(--color-text-default);
}

.geo-confirm {
    position: absolute;
    top: -10px;
    right: 30px;
    background-color: var(--color-alert-bg);
    border: 1px solid var(--color-content-border);
    color: var(--color-alert-text);
    padding: 13px;
    z-index: 10000;
}
.geo-confirm__close {
    position: absolute;
    top: 4px;
    right: 4px;
    display: block;
    width: 10px;
    height: 10px;
    border: none;
    background-image: url('img/cross.svg');
    background-size: 10px 10px;
}
.geo-confirm__title {
    font-weight: bold;
    margin-bottom: 13px;
}
.geo-confirm__button {
    min-width: 30px;
    margin-right: 20px;
}

.geo-chooser {
    display: flex;
    flex-flow: column nowrap;
    gap: 30px;
}
.geo-chooser__location {
    position: absolute;
    top: 10px;
    right: 50px;
}

.geo-cities {
    display: flex;
    flex-flow: column wrap;
    gap: 15px;
}
.geo-cities__list {
    display: flex;
    flex-flow: row wrap;
    border-top: 3px solid #707070;
    border-bottom: 3px solid #707070;
    padding: 15px 0;
}
.geo-cities__list_col {
    flex-direction: column;
}
.geo-cities__item {
    white-space: nowrap;
    font-size: 12px;
    padding: 4px 0;
}
.geo-cities__list>* {
    width: 165px;
}
.geo-cities__item a {
    color: #a1a1a1;
}
.geo-cities__item_big a {
    font-weight: bold;
    color: #fff;
}
.geo-cities__item_current a {
    background-color: var(--color-brand-bg);
    padding: 3px;
    margin-left: -3px;
    font-weight: bold;
    color: var(--color-brand-text)!important;
}

.geo-cities__delivery {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
}

.icon_reviews {
    background-image: url('img/reviews.svg');
}
.icon_favorite {
    background-image: url('img/heart.svg');
}
.icon_3d {
    background-image: url('img/3d.svg');
    width: 22px;
    height: 22px;
}
.icon_eye {
    background-image: url('img/eye.svg');
    background-size: 20px auto;
}
.icon_video {
    background-image: url('img/video.svg');
}
.icon_tile {
    background-image: url('img/view-tile.svg');
    width: 16px;
    height: 16px;
}
.icon_tile.icon_active {
    background-image: url('img/view-tile-active.svg');
    width: 16px;
    height: 16px;
}
.icon_list {
    background-image: url('img/view-list.svg');
    width: 16px;
    height: 16px;
}
.icon_list.icon_active {
    background-image: url('img/view-list-active.svg');
    width: 16px;
    height: 16px;
}

.label {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 5px;
}
.label__item {
    padding: 3px;
    width: 90px;
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    line-height: 0.9;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
}
.label__item_new {
    background-color: var(--color-blue);
}
.label__item_new:after {
    content: 'Новинка';
}
.label__item_sale {
    background-color: var(--color-red);
}
.label__item_sale:after {
    content: 'Скидка';
}
.label__item_sale-action {
    background-color: var(--color-red);
}
.label__item_sale-action:after {
    content: 'Распродажа';
}
.label__item_club-price {
    background-color: var(--color-blue);
}
.label__item_club-price:after {
    content: 'Клубная цена';
}
.label__item_club-price-auth {
    background-color: var(--color-red);
}
.label__item_club-price-auth:after {
    content: 'Клубная цена';
}
.label__item_club-discount {
    background-color: var(--color-blue);
}
.label__item_club-discount:after {
    content: 'Клубная скидка';
}
.label__item_recommend {
    background-color: var(--color-green);
}
.label__item_recommend:after {
    content: 'Рекомендуем';
}
.label__item_preorder {
    background-color: var(--color-blue);
}
.label__item_preorder:after {
    content: 'Предзаказ';
}
.label__item_complect {
    background-color: var(--color-blue);
}
.label__item_complect:after {
    content: 'Комплект';
}

.availability {
    display: inline;
    color: var(--color-text-strong);
    height: 13px;
    padding: 0 0 0 16px;
    font-weight: bold;
}
.availability_available {
    background: url('img/avail.svg') scroll no-repeat left center;
    background-size: 10px 10px;
}
.availability_not-available {
    background: url('img/not-avail.svg') scroll no-repeat left center;
    background-size: 10px 10px;
}
.availability_clarify {
    background: url('img/clarify.svg') scroll no-repeat left center;
    background-size: 10px 10px;
}

.price {
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
    align-items: center;
    line-height: 1;
}
.price__type {
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
    align-items: center;
    flex-basis: 100%;
}
.price__old {
    font-family: Tahoma, -apple-system, sans-serif;

    display: inline-block;
    font-size: 1.16em;
    text-decoration: line-through;
    text-decoration-width: 1px;
    text-decoration-color: var(--color-red);
    color: var(--color-text-strong);
}
.price__current {
    font-family: Tahoma, -apple-system, sans-serif;

    color: var(--color-text-strong);
    font-weight: bold;
    font-size: 1.7em;
    white-space: nowrap;
    width: 105px;
}
.price__club,
.price__bonus,
.price__club-auth {
    display: inline-block;
    white-space: nowrap;
    font-size: 1em;
    transition: background-color 200ms linear 0s;
    padding: 4px;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
}
.price__club {
    font-family: Tahoma, -apple-system, sans-serif;

    background-color: var(--color-blue-light);
}
.price__club:hover {
    background-color: var(--color-blue);
}
.price__bonus {
    background-color: var(--color-blue-light);
}
.price__bonus:hover {
    background-color: var(--color-blue);
}
.price__club-auth {
    background-color: var(--color-red-light);
}
.price__club-auth:hover {
    background-color: var(--color-red);
}
.price__descr {
    color: var(--color-text-strong);
    font-size: 0.9em;
}
.price__complect {
    font-weight: bold;
    display: inline-block;
    background-color: var(--color-pink);
    padding: 5px 7px;
    border-radius: 7px;
    color: var(--color-text-strong);
    font-size: 1.16em;
    vertical-align: middle;
}

.delivery {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    gap: 10px;
}
.delivery:empty {
    display: none;
}
.delivery:-moz-only-whitespace
    display: none;
}
.delivery strong {
    color: #000;
}
.delivery__item:first-of-type,
.delivery__item:last-of-type {
    margin-top: 0;
}
.delivery__item_empty {
    white-space: normal;
}

.rating {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 5px;
}
.rating__value {
    color: var(--color-text-strong);
}

.rating__star {
    width: 16px;
    height: 16px;
    background: url('img/star-gray.svg');
}
.rating__star_on {
    background: url('img/star-yellow.svg');
}

.rating__stars {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: 0 0, 21px 0, 42px 0, 63px 0, 84px 0;
    width: 103px;
    height: 19px;
    position: relative;
}
.rating__stars_val1 {
    background-image: url('img/star-yellow.svg'),
                      url('img/star-gray.svg'),
                      url('img/star-gray.svg'),
                      url('img/star-gray.svg'),
                      url('img/star-gray.svg');
}
.rating__stars_val2 {
    background-image: url('img/star-yellow.svg'),
                      url('img/star-yellow.svg'),
                      url('img/star-gray.svg'),
                      url('img/star-gray.svg'),
                      url('img/star-gray.svg');
}
.rating__stars_val3 {
    background-image: url('img/star-yellow.svg'),
                      url('img/star-yellow.svg'),
                      url('img/star-yellow.svg'),
                      url('img/star-gray.svg'),
                      url('img/star-gray.svg');
}
.rating__stars_val4 {
    background-image: url('img/star-yellow.svg'),
                      url('img/star-yellow.svg'),
                      url('img/star-yellow.svg'),
                      url('img/star-yellow.svg'),
                      url('img/star-gray.svg');
}
.rating__stars_val5 {
    background-image: url('img/star-yellow.svg'),
                      url('img/star-yellow.svg'),
                      url('img/star-yellow.svg'),
                      url('img/star-yellow.svg'),
                      url('img/star-yellow.svg');
}
.rating__vertical {
    display: flex;
    flex-flow: column nowrap;
    gap: 3px;
}
.rating__title {
    color: var(--color-text-weak);
}

.rating__count {
    color: var(--color-text-weak);
}

/*
 * Режим иконки
 */
.rating_icon {
    gap: 3px;
}
.rating_icon .rating__value {
    color: var(--color-text-weak);
    text-decoration: none;
    font-size: 0.9em;
}


/*
 * Компактный режим
 */
.rating_small .rating__value {
    display: inline-flex;
    flex-flow: row nowrap;
    gap: 5px;
    align-items: center;
    font-weight: bold;
}

/*
 * Полный режим
 */
.rating_big {
    gap: 15px;
    align-items: flex-start;
}
.rating_big .rating__value {
    display: inline-block;
    font-size: 2.9em;
}
.rating_big .rating__stars {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0 0, 28px 0, 56px 0, 84px 0, 112px 0;
    width: 137px;
    height: 25px;
    position: relative;
}

/*
 * Режим элемента формы
 */
.rating_form-element {
    display: inline-flex;
    flex-flow: row wrap;
    gap: 10px;
}
.rating_form-element .rating__star {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
    cursor: pointer;
}
.rating_form-element .rating__star-chooser {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 3px;
}

.catalog__brand {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 20px;
    font-weight: bold;
}
.catalog__ctrl-block {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.catalog__products {
    padding-top: 10px;
}

.catalog__product-view {
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
}
.catalog__product-view-item {
    cursor: pointer;
}

.popular {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
}
.popular__group {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 5px;
    color: var(--color-text-weak);
}

.accessoires {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}
.accessoires__block {
    border: 3px solid var(--color-underlay-bg);
    border-radius: 3px;
}
.accessoires__topic {
    display: inline-block;
    background-color: var(--color-underlay-bg);
    color: var(--color-text-strong);
    border-bottom-right-radius: 3px;
    padding: 4px 5px 6px;
}
.accessoires__topic span {
    display: inline-block;
    font-weight: bold;
    margin-right: 10px;
}
.accessoires__items {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    padding: 0 5px 7px;
}

.accessoires_detailed .accessoires__block {
    border-color: var(--color-alert-bg);
}
.accessoires_detailed .accessoires__topic {
    display: block;
    border-radius: 0;
    background-color: var(--color-alert-bg);
}
.accessoires_detailed .accessoires__items {
    overflow: auto;
    height: auto;
    padding: 15px;
}

.accessoires_full .accessoires__block {
    max-height: 100%;
}
.accessoires_full .accessoires__topic a {
    display: none;
}

.review__list {
    display: flex;
    flex-flow: column nowrap;
    gap: 30px;
}
.review__list>.review__item {
    border-top: 3px dotted var(--color-content-separator);
    padding-top: 30px;
}
.review__list>*:first-child {
    padding-top: 0;
    border-top: none;
}
.review__item {
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
}
.review__product {
    display: flex;
    flex-flow: row nowrap;
    min-width: 400px;
    max-width: 400px;
    gap: 10px;
}
.review__image {
    width: 140px;
    height: 140px;
}
.review__product-title {
    font-weight: bold;
}
.review__articul {
    font-size: 0.9em;
    color: var(--color-text-weak);
    margin-top: 5px;
}
.review__articul:before {
    content: 'Артикул: ';
}
.review__headline {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    margin-bottom: 15px;
    align-items: center;
}
.review__user {
    color: var(--color-text-strong);
    font-weight: bold;
}
.review__time {
    color: var(--color-text-weak);
}
.review__title {
    color: var(--color-text-strong);
    font-weight: bold;
}
.review__block {
    margin-top: 10px;
}

.category-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
.category-list__item {
    width: 140px;
    text-align: center;
    vertical-align: top;
}
.category-list__image {
    display: block;
    width: 140px;
    height: 140px;
}
.category-list__image_empty {
    line-height: 140px;
    border: 1px solid var(--color-content-border);
    text-decoration: none;
    color: var(--color-default);
}
.category-list__image_empty:after {
    content: 'Нет иконки';
}
.category-list__title {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2;
    display: inline-block;
    margin-top: 10px;
}

@media (max-width: 1200px) {
    .category-list {
        justify-content: center;
        gap: 30px;
    }
}

.product-compact {
    width: 130px;
    text-align: center;
}
.product-compact_blur {
    opacity: 0.5;
}
.product-compact__image {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
}
.product-compact__title {
    display: block;
    height: 50px;
    overflow: hidden;
    line-height: 1.2;
    padding: 0 3px;
}
.product-compact__text {
    display: none;
}
.product-compact__buy {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
}
.product-compact__prices {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    gap: 4px;
    text-align: center;
}
.product-compact__price {
    color: var(--color-text-strong);
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
}
.product-compact__old-price {
    text-decoration: line-through;
}
.product-compact_detailed {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
    margin: 0;
}
.product-compact_detailed .product-compact__image {
    display: inline-block;
    margin-right: 15px;
}
.product-compact_detailed .product-compact__title {
    height: auto!important;
    font-weight: bold;
    overflow: auto;
    font-size: 1em;
    line-height: 1.3;
    padding: 0;
}
.product-compact_detailed .product-compact__text {
    display: initial;
    max-height: 95px;
    margin-top: 3px;
    overflow: hidden;
}
.product-compact_detailed .product-compact__buy {
    margin-top: 5px;
    justify-content: left;
}

.product-list {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}
.product-list__item {
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;
    width: 187px;
}

.product-item {
    position: relative;
}
.product-item_blur {
    opacity: 0.5;
}
.product-item:hover {
    box-shadow: 0 0 10px var(--color-content-border);
}
.product-item__inner {
    display: flex;
    padding: 10px;
}
.product-item__view {
    display: flex;
    flex-flow: column nowrap;
    gap: 2px;

    grid-area: viw;
}
.product-item__text {
    grid-area: txt;
}
.product-item__buy {
    grid-area: buy;
}
.product-item__articul {
    color: var(--color-text-weak);
    font-size: 0.9em;
}
.product-item__articul:before {
    content: 'Артикул: ';
}
.product-item__image {
    width: 140px;
    height: 140px;
    flex-grow: 0;
    align-self: center;
    text-align: center;
}
.product-item__title {
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: bold;
}
.product-item__delivery {
    gap: 5px;
    flex-direction: row;
    justify-content: flex-start;
}
.product-item__icons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
}
.product-item__rating {
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;
    align-items: center;
    color: var(--color-text-weak);
}


/*
 * _buy
 */
.product-item__buy {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    gap: 5px;
    width: 200px;
    min-width: 200px;
}
/*
 * Миксы для конопок
 */
.product-item__button button {
    padding: 9px 6px;
    min-width: auto;
}

/*
 * Миксы для лэйблов
 */
.product-item__label {
    position: absolute;
    top: 35px;
    left: 10px;
    display: flex;
    flex-flow: column nowrap;
    gap: 5px;
}

/*
 * Миксы для цены
 */
.product-item .price__current_compact {
    font-size: 1.4em;
}

/*
 * Плитка
 */
.product-item_tile {
    width: 230px;
    height: 400px;;
}
.product-item_tile .product-item__inner {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.product-item_tile .product-item__title {
    margin: 10px 0;
    height: 75px;
}
.product-item_tile .product-item__descr {
    display: none;
}
.product-item_tile .product-item__text {
    padding: 0 10px;
}
.product-item_tile .product-item__buy {
    height: 80px;
    padding: 0 10px;
}
.product-item_tile .product-item__delivery {
    position: absolute;
    bottom: 20px;
}

/*
 * Список
 */
.product-item_list {
    width: 100%;
    padding-right: 20px;
}
.product-item_list {
    border-bottom: 1px solid var(--color-content-separator);
}
.product-item_list .product-item__inner {
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}
.product-item_list .product-item__descr {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    justify-content: space-between;
}
.product-item_list .product-item__text {
    display: flex;
    flex-flow: column nowrap;
    gap: 15px;
    flex-grow: 1;
    margin-top: -3px;

}
.product-item_list .product-item__buy {
    align-self: center;
}

/*
 * Компактный вид
 */
.product-item_minimal {
    width: 170px;
    text-align: center;
}
.product-item_minimal .product-item:hover {
    box-shadow: none;
}
.product-item_minimal .product-item__view {
    gap: 10px;
}
.product-item_minimal .product-item__inner {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.product-item_minimal .product-item__title {
    margin: 10px 0;
}
.product-item_minimal .product-item__descr {
    display: none;
}
.product-item_minimal .product-item__text {
    padding: 0 10px;
}
.product-item_minimal .product-item__buy {
    width: auto;
    min-width: auto;
    padding: 0 10px;
}
.product-item_minimal .product-item__price {
    justify-content: center;
}
.product-item_minimal .product-item__price .price__type {
    justify-content: center;
}
.product-item_tile .product-item__delivery {
    display: none;
}

/*
 * Вид для помощи в выборе
 */
.product-item_help {
    display: inline-block;
    width: 187px;
    border: 1px solid var(--color-content-separator);
    position: relative;
}
.product-item_help .product-item__title {
    display: block;
    padding: 7px;
    font-weight: bold;
    background-color: var(--color-content-separator);
    font-size: 0.9em;
}
.product-item_help .product-item__image {
    display: block;
    width: 140px;
    height: 140px;
    margin: 10px auto 10px;
}
.product-item_help .product-item__icons {
    position: absolute;
    top: auto;
    bottom: 10px;
    right: 10px;
    height: 140px;
    align-items: flex-start;
}

/*
 * Вид для помощи в выборе (рекомендуем)
 */
.product-item_help-recommend {
    display: inline-block;
    width: 110px;
    height: 215px;
    padding-top: 5px;
    text-align: center;
    border: 2px solid var(--color-content-separator);
    border-radius: 7px;
    text-decoration: none;
    overflow: hidden;
}
.product-item_help-recommend .product-item__image {
    width: 100px;
    height: 100px;
}
.product-item_help-recommend .product-item__bottom {
    font-weight: bold;
    padding: 5px;
    height: 105px;
    background-color: #f1f1f1;
}
.product-item_help-recommend:hover .product-item__bottom {
    background-color: var(--color-yellow-light);
}
.product-item_help-recommend .product-item__title {
    height: 85px;
    overflow: hidden;
    font-size: 0.9em;
    line-height: 1.5;
}
.product-item_help-recommend:hover .product-item__title {
    text-decoration: none;
}
.product-item_help-recommend .product-item__price {
    color: var(--color-text-strong);
}

/*
 * Вид для помощи в выборе (доп. товары)
 */
.product-item_help-minimal {
    display: inline-block;
    width: 187px;
    border: 1px solid var(--color-content-separator);
    position: relative;
    border: none;
}
.product-item_help-minimal .product-item__title {
    display: block;
    padding: 7px;
    text-align: center;
    font-size: 1em;
    font-weight: normal;
}
.product-item_help-minimal .product-item__image {
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto 0;
}

.product-card__headline {
    margin-bottom: 10px;
}
.product-card__headline h1 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 0;
}
.product-card__warranty {
    font-weight: bold;
    color: #000;
    display: inline;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.5;
}

/*
 * Основные блоки
 */
.product-card__blocks {
    display: flex;
    flex-flow: row nowrap;
    gap: 40px;
}
.product-card__block_images {
    margin-top: -3px;
    flex-grow: 1;
    aspect-ratio: 4/3;
}
.product-card__block_parameters {
    width: 290px;
    margin-top: 30px;
    flex-shrink: 0;
}
.product-card__block_offer {
    max-width: 270px;
    min-width: 270px;
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    text-align: center;
    margin-top: 10px;
}

.product-card__view-link {
    align-self: flex-end;
    margin-left: auto;
}
.product-card__articul {
    color: #000;
    order: 10;
}
.product-card__callback {
    order: 20;
}
.product-card__offer-main {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    padding: 15px 0;
    box-shadow: 0 0 20px #f1f1f1;
    border-radius: 7px;
    order: 30;
}
.product-card__discount {
    order: 35;
    line-height: 1.3;
}
.product-card__buttons {
    display: flex;
    flex-flow: row nowrap;
    gap: 15px;
    justify-content: center;
    align-items: center;
    order: 40;
}

/*
 * Официальный дилер
 */
.product-card__brand {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 5px;
    font-size: 0.8em;
    color: #707070;
    opacity: 0.75;
    line-height: 1.4;
    margin-top: 15px;
    text-align: left;
}

/*
 * Блок для оптовиков
 */
.product-card__wholesale {
    display: flex;
    justify-content: flex-end;
    padding: 0 10px;
}
.product-card__wholesale-inner {
    width: 400px;
    background-color: #ffebeb;
    border-radius: 7px;
    box-sizing: border-box;
    display: inline-flex;
    flex-flow: row nowrap;
}
.product-card__wholesale-col {
    min-width: 155px;
    width: 50%;
    padding: 7px 5px;
}
.product-card__wholesale-col:first-child {
    border-right: 1px solid #ffd5d5;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}
.product-card__wholesale-col:last-child {
    border-left: 1px solid #fff;
}
.product-card__wholesale-col:first-child div {
    text-align: center;
    font-weight: bold;
}
.product-card__wholesale table {
    width: 100%;
}
.product-card__wholesale table tr:nth-child(even) {
    background-color: #ffd5d5;
}
.product-card__wholesale table tr.strong {
    font-weight: bold;
}
.product-card__wholesale table td {
    white-space: nowrap;
    padding: 3px;
}
.product-card__wholesale table td:first-child {
    border-right: 1px dashed #ccc;
    width: 105px;
}
.product-card__wholesale-links {
    display: flex;
    height: 100%;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}
.product-card__wholesale-links>* {
    white-space: nowrap;
    margin: 3px 0;
}

/*
 * Модификации
 */
.product-card__mods {
    display: inline-block;
    margin-top: 20px;
}
.product-card__mods-group {
    display: inline-block;
    margin-right: 15px;
    line-height: 1.7;
}
.product-card__mods-group:last-child {
    margin-right: 0;
}
.product-card__mods-item_active {
    font-weight: bold;
}
.product-card__mods-item+.product-card__mods-item:before {
    content: ', ';
    font-weight: normal;
}

/*
 * Часть с табами (текст, характеристики, аксессуары)
 */
.product-card__details {
    display: flex;
    flex-flow: column nowrap;
    gap: 40px;
}
.product-card__details_two-cols {
    flex-flow: row nowrap;
    gap: 20px;
}
.product-card__details>* {
    width: 100%;
}
.product-card__details_two-cols>* {
    width: 50%;
}

.product-card__details_two-cols .static {
    max-height: 745px;
    overflow: auto;
}
.product-card__details_two-cols .accessoires__block {
    max-height: 745px;
    overflow: hidden;
}

.product-card__series {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
}
.product-card__accessoires {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}

/*
 * Доп. блоки
 */
.product-card__additional {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}
.product-card__rating {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    gap: 30px;
    margin: 10px 0 30px;
}
.product-card__shop-rate {
    font-weight: bold;
    margin-bottom: 15px;
    color: #000;
}

.product-card__recticle {
    float: left;
    margin: 0 20px 10px 0;
}

/*
 * Миксы для модуля доставки
 */
.product-card__delivery {
    border-top: 1px solid #d6d6d6;
    text-align: left;
    padding: 10px 15px 0 15px;
}
/*
 * Миксы для лэйблов
 */
.product-card__label {
    margin-left: 10px;
    position: relative;
    top: 5px;
}
/*
 * Миксы для цены
 */
.product-card__price {
    justify-content: center;
}
.product-card__price .price__type {
    justify-content: center;
}
/*
 * Миксы для image-switcher
 */
.product-card__image-switcher {
    margin-top: 10px;
}
.product-card__image-switcher_size_middle {
    min-height: 300px;
}
@media (max-width: 1200px) {
    .product-card__blocks {
        gap: 15px;
    }
    .product-card__block_parameters {
        display: none;
    }

    .product-card__details {
        flex-direction: column;
    }
    .product-card__details>* {
        width: 100%;
    }
    .product-card__details .static,
    .product-card__details .accessoires__block
    {
        max-height: 100%;
    }

    .product-card__offer-main {
        order: 40;
    }
    .product-card__buttons {
        order: 30;
    }
}

.product-article {
    padding: 0 15px;
}

/*
 * Заголовки
 */
.product-article__headline_level_1 {
    font-size: 1.7em;
    font-weight: normal;
    color: var(--color-text-strong);
}
.product-article__headline_level_2 {
    color: var(--color-text-strong);
}

/*
 * Модификаторы
 */
.product-article__mod_line {
    border-top: 3px dotted var(--color-content-separator);
    padding-top: 1.2em;
}
.product-article__mod_padding {
    padding-top: 10px;
}

/*
 * Разделы
 */
.product-article__section+.product-article__section {
    margin-top: 2em;
}

.product-article__subsection+.product-article__subsection {
    margin-top: 1em;
}

.product-article__subsection_wide {
    margin-left: -15px;
    margin-right: -15px;
}

.icon_compare {
    background-image: url('img/comp-light-gray.svg');
    width: 11px;
    height: 12px;
}
.icon_compare.icon_text {
    padding-left: 17px;
    background-size: 11px 12px;
    width: auto;
    height: auto;
}
.icon_compare-full {
    background-image: url('img/comp.svg');
    width: 11px;
    height: 12px;
}
.icon_compare-full.icon_text {
    padding-left: 17px;
    background-size: 11px 12px;
    width: auto;
    height: auto;
}

.icon_compare_big {
    background-image: url('img/comp.svg');
    width: 16px;
    height: 18px;
}
.icon_compare-full_big {
    background-image: url('img/comp-white.svg');
    width: 16px;
    height: 18px;
}
.icon_compare-full_big.icon_text {
    padding-left: 18px;
    background-size: 14px auto;
    width: auto;
    height: auto;
}

.filter-list {
    font-size: 1.1em;
    line-height: 1.3;
}
.filter-list__section+.filter-list__section {
    margin-top: 10px;;
}
.filter-list__group {
    font-size: 1em;
    font-weight: bold;
    color: var(--color-text-strong);
    margin-bottom: 10px;
}
.filter-list__definitions+.filter-list__definitions {
    margin-top: 5px;
}
.filter-list__definition-type {
    display: inline;
    color: var(--color-text-weak);
}
.filter-list__definition-type:after {
    content: ':'
}
.filter-list__definition-description {
    display: inline;
    color: var(--color-text-strong);
}

.filter-table {
    width: 100%;
    font-size: 1.1em;
    line-height: 1.3;
}
.filter-table td {
    width: 50%;
    padding: 5px;
}
.filter-table td:first-child {
    border-right: 1px dashed var(--color-content-border);
    width: 30%;
}
.filter-table__group {
    font-weight: bold;
    color: var(--color-text-strong);
}
.filter-table tr:nth-child(odd) td {
    background-color: var(--color-content-bg);
}
.filter-table tr:nth-child(even) td {
    background-color: var(--color-underlay-bg);
}

.filter {
    background-color: var(--color-underlay-bg);
    color: var(--color-underlay-text);
    border-radius: 7px;
    font-size: 1.1em;
    line-height: 1.3;
}
.filter_disabled {
    opacity: 0.5;
}

.filter__inner {
    position: relative;
    box-sizing: border-box;

    display: flex;
    flex-flow: column nowrap;
}
/*
 * Item
 */
.filter__item {
    padding: 10px 15px;
    border-bottom: 1px solid var(--color-underlay-separator);
    position: relative;
}
.filter__item:hover {
    background-color: var(--color-yellow-light);
}
.filter__item:first-child {
    margin-top: 0;
    padding-top: 15px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.filter__item:last-of-type {
    padding-bottom: 15px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: none;
}
.filter__item_hidden {
    display: none;
}

/*
 * Title и Options
 */
.filter__title {
    font-size: 1.1em;
    display: inline-block!important;
    color: var(--color-text-strong);
    font-weight: bold;
}
.filter__toggle .filter__title {
    background: url("img/arrow-right-black.svg") no-repeat scroll left center transparent;
    background-size: 4px 6px;
    cursor: pointer;
    padding: 0 15px 0 10px;
    margin-left: -10px;
}
.filter__toggle_open .filter__title {
    background-image: url("img/arrow-down-black.svg");
    background-size: 6px 4px;
}

/* 
 * Enum
 */
.filter__item_enum .filter__options {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: 7px;
}
.filter__item_enum .filter__options label {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 7px;
}
.filter__item_enum .filter__enum-title {
    cursor: pointer;
    color: var(--color-link);
}
.filter__item_enum .filter__option_inactive .filter__enum-title,
.filter__item_enum .filter__option_inactive small {
    color: var(--color-state-inactive);
}
.filter__item_enum_inactive .filter__enum-title {
    color: var(--color-state-inactive);
    border-color: var(--color-state-inactive);
}
.filter__item_enum .filter__options {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-top: 10px;
}
.filter__item_enum .filter__options label {
    width: 100%;
    box-sizing: border-box;
}

/*
 * Brand
 */
.filter__item_brand .filter__options {
    flex-flow: row wrap;
    justify-content: flex-start;

}
.filter__item_brand .filter__options label {
    width: 48%;
}
.filter__item_brand small {
    color: var(--color-text-weak);
    font-weight: normal;
    font-size: 0.7em;
}

/*
 * Bool
 */
.filter__item_bool {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 5px;
}
.filter__item_bool .inactive+label {
    color: var(--color-state-inactive);
}

/*
 * Numeric
 */
.filter__item_numeric label {
    display: block;
    font-weight: bold;
}
.filter__item_numeric .inputs {
    text-align: center;
    white-space: nowrap;
}
.filter__item_numeric .inputs input {
    width: 60px;
    height: 20px;
    background-color: var(--color-input-bg);
    border: 1px solid var(--color-input-border);
}
.filter__item_numeric .inputs input:first-child {
    margin-right: 10px;
}
.filter__item_numeric .filter__options {
    padding: 0 10px;
    height: 75px;
    margin-top: 10px;
}
.filter__item_numeric .slider {
    margin-top: 20px;
}
.filter__item_tags {
    font-weight: bold;
}

/*
 * Submit
 */
.filter__item_submit {
    text-align: center;
    padding-top: 15px;
}

/*
 * Search-bar
 * TODO: это другая цветовая схема
 */
.filter__search-bar {
    position: absolute;
    left: 275px;
    padding: 5px;
    margin-top: -12px;
    background: #303030;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    z-index: 200;
    color: #f1f1f1;
    white-space: nowrap;
    opacity: 0;
    height: 26px;
}
.filter__search-bar .button {
    margin-left: 10px;
}
.filter__search-bar:before {
    content: '';
    position: absolute;
    left: -13px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 13px solid #303030;
}

/*
 * Миксы для help
 */
.filter__help {
    position: absolute;
    top: 10px;
    right: 10px;
}

.compare-table {
    display: table;
    table-layout: fixed;
}
.compare-table__col {
    display: table-cell;
    vertical-align: top;
}
.compare-table__col:first-child td:first-child {
    white-space: nowrap;
}
.compare-table__col:first-child .filter td:first-child {
    padding-left: 30px;
}
.compare-table td {
    border: 1px solid var(--color-content-border);
    padding: 5px;
    width: 200px;
    white-space: nowrap;
}
.compare-table__col+.compare-table__col td {
    border-left: none;
}
.compare-table__product {
    text-align: center;
}
.compare-table__image a {
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto;
}
.compare-table h3 {
    position: relative;
    padding-right: 20px;
    display: inline-block;
}
.compare-table__delete {
    position: absolute;
    top: 3px;
    right: 5px;
    display: block;
    width: 9px;
    height: 9px;
    background-image: url('img/cross-red.svg');
    background-size: 9px 9px;
}
.compare-table__mod_hidden {
    display: none;
}
.compare-table__mod_visible {
    display: table-row!important;
}
.compare-table__mod_highlight {
    background-color: var(--color-alert-bg);
}

.icon_basket {
    background-image: url('img/basket.svg');
    background-size: 20px auto;
}
.icon_basket-full {
    background-image: url('img/basket-white.svg');
    background-size: 20px auto;
}
.icon_basket.icon_size_big {
    background-image: url('img/basket.svg');
    background-size: 35px auto;
}
.icon_basket-full.icon_size_big {
    background-image: url('img/basket-white.svg');
    background-size: 35px auto;
}

.basket-button__label {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 3px 5px;
    font-size: 0.9em;
    white-space: nowrap;
    background-color: var(--color-underlay-bg);
}
.basket-button__label_basket-add {
    background-color: var(--color-pink);
}

/*
 * Миксы для кнопок
 */
.basket-button__button_preorder:after {
    content: 'Предзаказ';
}
.basket-button__button_basket-add:after {
    content: 'В корзину';
}
.basket-button__button_to-basket:after {
    content: 'В корзине';
}

.basket-contents {
    width: 100%;
}
.basket-contents__blur td,
.basket-contents__blur td a
{
    color: var(--color-state-inactive);
}
table.basket-contents td, table.basket-contents th {
    border: 1px solid var(--color-content-border);
    padding: 5px;
    vertical-align: middle;
    height: 30px;
}
.basket-contents th {
    text-align: left;
    color: var(--color-text-strong);
}
.basket-contents__articul {
    width: 55px;
}
.basket-contents__title {
    line-height: 1.3;
}
.basket-contents__count {
    width: 70px;
    text-align: center;
    white-space: nowrap;
}
.basket-contents__count>* {
    vertical-align: middle;
}
.basket-contents__count input {
    width: 20px;
    margin: 0 5px;
}
.basket-contents__count a {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: scroll no-repeat center center;
}
.basket-contents__price {
    width: 100px;
}
.basket-contents__bonus {
    width: 100px;
}
.basket-contents__delete {
    width: 100px;
}
.basket-contents__delete a:after {
    content: 'удалить';
}
.basket-contents tfoot td {
    font-weight: bold;
    color: var(--color-text-strong);
    height: auto;
}
.basket-contents__total td:first-child:after {
    content: ':';
}

.basket-wizard__buttons {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.basket-wizard__accessoires {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
}

.basket-form {
    display: grid;
    grid-template-areas:
        "del pay"
        ".   inf"
        "row row";
    width: 100%;
    grid-template-columns: 1fr 1fr;
}
.basket-form__sub-form {
    border: 3px solid var(--color-content-separator);
    border-radius: 7px 7px 7px 7px;
    padding: 10px;
    box-sizing: border-box;
    min-height: 152px;
}
.basket-form__sub-form .element {
    padding-left: 0;
    padding-bottom: 0;
}
.basket-form__delivery {
    grid-area: del;
}
.basket-form__payment {
    grid-area: pay;
}
.basket-form__delivery .logos {
    margin-top: 30px;
}
.basket-form__delivery .logos .icon {
    margin-right: 10px;
    margin-bottom: 5px;
    vertical-align: middle;
}
.basket-form__delivery .choose-point {
    display: inline-block;
    position: relative;
}
.basket-form__delivery .choose-point ul {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 9000;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 8px 10px;
    display: none;
}
.basket-form__delivery .choose-point ul.visible {
    display: block;
    overflow-y: auto;
    max-height: 300px;
}
.basket-form__delivery .choose-point ul li {
    white-space: nowrap;
    padding: 5px 0;
}
.basket-form__delivery .map-link {
    font-size: 0.9em;
    color: var(--color-red);
    text-decoration-color: var(--color-red);
}
.basket-form__info {
    padding: 0 10px;
	line-height: 1.5;
    grid-area: inf;
}
.basket-form__rows {
    grid-area: row;
    width: 100%;
}
.basket-form__icons {
    display: inline-flex!important;
    flex-flow: row nowrap;
    gap: 5px;
    align-items: center;
}
.basket-form .form__row_buttons {
    justify-content: flex-end;
}
.basket-form .form__privacy-policy {
    justify-content: flex-end;
    text-align: right;
}
.basket-form .form__links {
    align-self: flex-end;
}

.user-order:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.user-order h2 span:first-child,
.user-order h2 a
{
    margin-right: 10px;
}
.user-order h2 span:last-child {
    display: inline-block;
    font-weight: normal;
    font-size: 0.6em;
}
.user-order table {
    width: 100%;
}
.user-order table+table {
    margin-top: 20px;
}
.user-order__articul {
    width: 80px;
}
.user-order__title {
    line-height: 1.3;
}
.user-order__count {
    width: 70px;
    text-align: center;
}
.user-order__count input {
    width: 30px;
}
.user-order__price {
    width: 100px;
}
.user-order__bonus {
    width: 100px;
}
.user-order__delete {
    width: 100px;
}
.user-order__ctrls {
    margin-top: 10px;
}

.user-orders__inside {
    background: var(--bg-usermenu);
    color: var(--color-usermenu-text);
}
.user-orders__list {
    padding: 7px 15px;
}
.user-orders__order+.user-orders__order {
    margin-top: 5px;
}
.user-orders__info_green {
    color: #75ff75;
}
.user-orders__info_yellow {
    color: #ffff75;
}
.user-orders__info_red {
    color: #ff5050;
}

table.help-comparison {
    width: 100%;
}
table.help-comparison td {
    padding: 10px;
    width: 50%;
    vertical-align: top;
}
table.help-comparison dl>* {
    display: inline-block;
    padding: 0;
}
table.help-comparison dl dt {
    font-weight: bold;
    color: var(--color-text-strong);
}
table.help-comparison dl dd {
    margin: 0;
}
table.help-comparison_brands ul.pro:before {
    content: 'Плюсы и минусы производителя';
    display: block;
    font-weight: bold;
    margin-left: -15px;
    color: var(--color-text-strong);
}
table.help-comparison ul.pro li {
    list-style: none;
    padding-left: 15px;
    margin-left: -15px;
    background: url('img/pro.svg') scroll no-repeat 0 center;
    background-size: 10px;
}
table.help-comparison ul.contra li {
    list-style: none;
    padding-left: 15px;
    margin-left: -15px;
    background: url('img/contra.svg') scroll no-repeat 0 center;
    background-size: 10px;
}
table.help-comparison ul.pro+ul.contra {
    margin-top: 10px;
}

.help-table {
    overflow: auto;
}
.help-table__inner {
    background-color: var(--color-content-separator);
    padding: 10px;
    margin-bottom: 20px;
}
.help-table__inner {
    display: flex;
    gap: 15px;
}

.help-table__tag {
    padding: 10px 10px;
    display: inline-flex;
}
.help-table__tag_active {
    font-weight: bold;
    color: var(--color-text-strong);
    text-decoration: none;
}

.help-table__flags {
    display: inline-flex;
    gap: 10px;
    align-items: center;
}
.help-table__flags input {
    vertical-align: middle;
}

.help-table table {
    width: 100%;
}

.help-table__help-title {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}

/*
 * Микс для всплывающих подсказок
 */
.help-table__help  .help__link {
    width: 18px;
    height: 18px;
    background: url(img/help-link.svg) scroll no-repeat center center;
    background-size: 18px 4px;
}

.help-models {
    overflow: auto;
}
.help-models table th, .help-models table td {
    text-align: center;
}
.help-models table th {
    color: var(--color-text-strong);
}
.help-models table td:first-child {
    text-align: left;
}
.help-models table tbody:nth-child(even) th,
.help-models table tbody:nth-child(even) td {
    background-color: var(--color-content-separator);
}

.help-accessoires {
    overflow: auto;
}
.help-accessoires table td {
    width: 160px;
}