/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.svg-inline-authorization *,
.svg.colored.svg-inline-icon * {
    fill: #0a1eff;
}

.side-block__text .introtext {
    margin: 0 0 14px;
    font-size: 1.3333em;
    line-height: 1.2941em;
    padding: 0;
    font-weight: bold;
}

body .side-block__bottom .btn {
    width: 100%;
}

body .btn.btn-transparent-border-color {
    border-color: #0044ff !important;
}

body .btn[data-event="jqm"][data-name="ask"] {
    background-color: transparent !important;
    border-color: #0044ff !important;
    color: #0044ff !important;
    font-size: 0.7333em;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
}

body .btn[data-event="jqm"][data-name="ask"]:hover,
body .btn[data-event="jqm"][data-name="ask"]:focus,
body .btn[data-event="jqm"][data-name="ask"]:active {
    background-color: #0044ff !important;
    border-color: #0044ff !important;
    color: #fff !important;
}

.counter_block.big {
    height: 49px;
    width: 100%;
}

.counter_block.big input[type="text"] {
    height: 47px;
}

/* Диагональная подсветка варианта B для кнопок «В корзину» и «Выбрать свою технику». */
.to-cart,
body .btn[data-event="jqm"][data-name="contacts"] {
    position: relative;
    overflow: hidden;
    clip-path: polygon(
        20px 0,
        100% 0,
        100% calc(100% - 20px),
        calc(100% - 20px) 100%,
        0 100%,
        0 20px
    );
}

body .btn[data-event="jqm"][data-name="contacts"] {
    isolation: isolate;
}

body a.btn.btn-transparent-border-color.btn-sm[href="/sale/"],
body .btn[data-event="jqm"][data-name="question"] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    clip-path: polygon(
        20px 0,
        100% 0,
        100% calc(100% - 20px),
        calc(100% - 20px) 100%,
        0 100%,
        0 20px
    );
}

body .btn.btn-default.white.white-border[data-event="jqm"][data-name="contacts"],
body .btn.btn-default.white.white-border[data-event="jqm"][data-name="contacts"]:hover,
body .btn.btn-default.white.white-border[data-event="jqm"][data-name="contacts"]:focus,
body .btn.btn-default.white.white-border[data-event="jqm"][data-name="contacts"]:active {
    color: #fff !important;
}

.counter_wrapp.list .to-cart {
    padding-left: 4px;
    padding-right: 4px;
    width: 100%;
    border: 0;
}

.in-cart {
    clip-path: polygon(
        20px 0,
        100% 0,
        100% calc(100% - 20px),
        calc(100% - 20px) 100%,
        0 100%,
        0 20px
    );
}

body .btn.to-cart,
body .btn.to-cart:hover,
body .btn.to-cart:focus,
body .btn.to-cart:active,
body .btn[data-event="jqm"][data-name="contacts"],
body .btn[data-event="jqm"][data-name="contacts"]:hover,
body .btn[data-event="jqm"][data-name="contacts"]:focus,
body .btn[data-event="jqm"][data-name="contacts"]:active,
body a.btn.btn-transparent-border-color.btn-sm[href="/sale/"],
body a.btn.btn-transparent-border-color.btn-sm[href="/sale/"]:hover,
body a.btn.btn-transparent-border-color.btn-sm[href="/sale/"]:focus,
body a.btn.btn-transparent-border-color.btn-sm[href="/sale/"]:active,
body .btn[data-event="jqm"][data-name="question"],
body .btn[data-event="jqm"][data-name="question"]:hover,
body .btn[data-event="jqm"][data-name="question"]:focus,
body .btn[data-event="jqm"][data-name="question"]:active {
    background-color: #1a1a1a !important;
    background-image: none !important;
    color: #fff !important;
}

.to-cart::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 60%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(135deg, #0a1eff, #0044ff);
    transform: skewX(135deg) translateX(-40%);
    transition: transform 0.35s ease;
}

.to-cart:hover::before {
    transform: skewX(135deg) translateX(-10%);
}

.btn[data-event="jqm"][data-name="contacts"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 60%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(135deg, #0a1eff, #0044ff);
    transform: skewX(135deg) translateX(-40%);
    transition: transform 0.35s ease;
}

.btn[data-event="jqm"][data-name="contacts"]:hover::before {
    transform: skewX(135deg) translateX(-10%);
}

body a.btn.btn-transparent-border-color.btn-sm[href="/sale/"]::before,
.btn[data-event="jqm"][data-name="question"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 60%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(135deg, #0a1eff, #0044ff);
    transform: skewX(135deg) translateX(-40%);
    transition: transform 0.35s ease;
}

body a.btn.btn-transparent-border-color.btn-sm[href="/sale/"]:hover::before,
.btn[data-event="jqm"][data-name="question"]:hover::before {
    transform: skewX(135deg) translateX(-10%);
}

.to-cart > * {
    position: relative;
    z-index: 1;
}