/* =========================================================
   SCROLLBAR
========================================================= */

body::-webkit-scrollbar {
    width: 6px;
}

body::-webkit-scrollbar-track {
    background: #CED4E0;
}

body::-webkit-scrollbar-thumb {
    background-color: #11101F;
    border-radius: 6px;
}


/* =========================================================
   COMMON STYLES
========================================================= */

.zero_btn > .tn-atom {
    padding-left: 16px;
}

::-moz-selection {
    color: #fff;
    background: #11101F;
}

::selection {
    color: #fff;
    background: #11101F;
}

.zindex_elem_1 {
    z-index: 1 !important;
}


/* =========================================================
   COMMON RESPONSIVE WIDTHS
========================================================= */

@media (max-width: 1199px) {
    .zero-map,
    .zero_mob_width_3 {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 959px) {

    .zero_mob_width_2 {
        width: calc(100% - 40px) !important;
    }

    .zero_mob_width_2_inner {
        width: calc(100% - 100px) !important;
    }

    .zero_gradient_border_inner {
        width: calc(100% - 42px) !important;
    }

    .zero_mob_width_4_left {
        width: calc(50% - 30px) !important;
    }

    .zero_mob_width_4_right {
        width: calc(50% - 30px) !important;
        right: 20px !important;
    }
}

@media (max-width: 639px) {

    .zero_mob_width,
    .zero_mob_width_4_left,
    .zero_mob_width_4_right {
        width: calc(100% - 40px) !important;
    }

    .zero_sub_form {
        width: calc(100% - 46px) !important;
    }
}


/* =========================================================
   CATALOG
========================================================= */


/* ---------------------------------------------------------
   ST305N — MAIN CATALOG PAGE
--------------------------------------------------------- */

@media (max-width: 1200px) {

    .t776 .t-store__grid-cont {
        max-width: calc(100% - 20px);
    }
}

@media (max-width: 960px) {

    .t776 .t-store__card {
        margin-left: 10px !important;
        margin-right: 10px !important;
        padding: 0;
        margin-bottom: 80px !important;
    }
}

@media (min-width: 961px) {

    .t776 .t-store__card {
        max-width: calc(25% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width: 1201px) {

    .t776 .t-store__grid-cont {
        max-width: 1180px;
    }

    .t776 .t-store__card {
        max-width: 275px;
    }
}

@media (min-width: 1400px) {

    .t776 .t-store__grid-cont {
        max-width: 1340px;
    }

    .t776 .t-store__card {
        max-width: 315px;
    }
}


/* ---------------------------------------------------------
   ST320N — CATALOG PAGE / FILTERS / GRID
--------------------------------------------------------- */

.t951__sidebar {
    padding: 0 !important;
}

/* SKU скрываем в каталоге */

.t951 .t-store__card__sku,
.t776 .t-store__card__sku {
    display: none;
}

@media (min-width: 1400px) {

    .t951__cont-w-filter {
        max-width: 1360px;
    }
}

@media (max-width: 1200px) {

    .t951 {
        padding: 0 !important;
    }

    .t951__cont-w-filter {
        max-width: 100%;
    }
}

@media (max-width: 640px) {

    .t951__cont-w-filter {
        padding: 0 !important;
    }

    .t951 .t-store__card {
        margin-bottom: 20px;
    }

    .t-store__filter__opts-mob-btn,
    .t-store__filter__item-title,
    .t951 .t-checkbox__control {
        font-size: 14px !important;
        line-height: 30px !important;
    }
}


/* =========================================================
   CHECKBOXES
========================================================= */

.t-checkbox__indicator {
    border-color: #076CB9 !important;
    border-radius: 4px;
    margin-bottom: 2px;
}

.t-checkbox__indicator::after {
    border-color: #076CB9 !important;
}


/* =========================================================
   SELECTED FILTERS
========================================================= */

.t-store__filter__chosen-bar {
    width: 290px !important;
    border-radius: 20px !important;
}

.t-store__filter__chosen-val {
    background-color: #DCEBF2 !important;
    padding: 6px 12px 5px 28px !important;
}


/* =========================================================
   CATEGORIES
========================================================= */

.t-store__parts-switch-btn {
    margin: 0 10px 10px 0 !important;
    font-weight: 700 !important;
    line-height: 1;
    padding: 12px 16px;
    border: 1px solid #BCC1CC;
    border-radius: 30px;
    opacity: 1 !important;
    transition: all 0.3s;
}

.t-store__parts-switch-btn.t-active {
    background-color: #fff;
    border: 1px solid #fff;
}

.t-store__parts-switch-btn:hover {
    color: #fff !important;
    background-color: #076CB9;
    border: 1px solid #076CB9;
}

.t951__cont-wrapper {
    margin-top: 20px;
}

@media (min-width: 960px) {

    .t951__cont-wrapper {
        margin-top: 180px;
    }

    .t951 {
        position: relative;
    }

    .t-store__parts-switch-wrapper {
        position: absolute;
        top: 0;
        flex-direction: row !important;
        flex-wrap: wrap;
    }

    .t-store__filter__search-and-sort {
        margin-bottom: 126px !important;
    }
}

@media (min-width: 1200px) {

    .t-store__parts-switch-wrapper {
        max-width: 1160px;
    }

    .t-store__parts-switch-btn {
        font-size: 12px !important;
    }
}

@media (min-width: 1400px) {

    .t-store__parts-switch-wrapper {
        max-width: 1320px;
    }

    .t-store__parts-switch-btn {
        font-size: 14px !important;
    }
}

@media (max-width: 959px) {

    .t-store__filter__chosen-bar {
        background-color: #F0F4F7 !important;
    }

    .t-store__parts-switch-btn {
        font-size: 12px !important;
        padding: 6px 10px;
        margin: 0 6px 6px 0 !important;
    }
}


/* =========================================================
   GRADIENT BUTTONS
========================================================= */

.t762__btn,
.zero_btn_gradient a,
.t706 .t-submit,
.t702 .t-submit,
.zero_big_form .t-submit,
.t862 .t-submit {
    background-size: 200% 100%;
    background-image: linear-gradient(
        to right,
        #076CB9,
        #4CD4C5,
        #076CB9
    ) !important;

    -moz-transition: all .4s ease-in-out !important;
    -o-transition: all .4s ease-in-out !important;
    -webkit-transition: all .4s ease-in-out !important;
    transition: all .4s ease-in-out !important;
}

.t762__btn:hover,
.zero_btn_gradient a:hover,
.t706 .t-submit:hover,
.t702 .t-submit:hover,
.zero_big_form .t-submit:hover,
.t862 .t-submit:hover {
    background-position: 100% 0;
}


/* =========================================================
   PRODUCT PAGE
========================================================= */

/* Favourite button on product page */

.t762 .t1002__addBtn {
    width: 46px;
    height: 46px;
    background-color: #fff !important;
    border: none;
}

.t762 .t1002__addBtn svg {
    width: 18px;
}

.t762 .t1002__addBtn:hover path {
    stroke: #FF7680 !important;
}


/* =========================================================
   POPUPS
========================================================= */

.t702 .t-popup {
    backdrop-filter: blur(5px);
}

@media (min-width: 561px) {

    .t702 .t-popup__container {
        border-radius: 30px;
    }

    .t702__img {
        border-radius: 30px 30px 0 0;
    }
}

@media (max-width: 560px) {

    .t-popup__close {
        background: #F0F4F7 !important;
    }
}


/* =========================================================
   BLOG ARTICLE PAGE
========================================================= */

@media (min-width: 641px) {

    .t225__title {
        letter-spacing: -1px;
    }
}

@media (max-width: 640px) {

    .t225__descr {
        font-size: 16px !important;
    }

    .t107 {
        margin: 0 20px;
    }
}

.t225__uptitle {
    padding-bottom: 20px;
}

.t663__bgimg,
.t107__width,
.t660__bgimg {
    border-radius: 30px;
}
/* =========================================
   ST320N — ОТСТУП ОТ КАТЕГОРИЙ ДО КАРТОЧЕК
   ========================================= */

@media (min-width: 960px) {
    .t951 .t951__cont-wrapper {
        margin-top: 220px !important;
    }
}

/* =========================================================
   СТАРЫЙ ФИКС, КОТОРЫЙ БЫЛ В КОДЕ
========================================================= */

.js-product-edition-option {
    margin-bottom: 40px !important;
}

/* Options */

.t762 .js-product-edition-option-name.t-product__option-title {
    display: block !important;
    margin-top: 20px;
}

@media (min-width: 641px) {
    .t762 .t-product__option-selected,
    .t762 .t-product__option-variants {
        max-width: 300px !important;
    }
}

.t762 .t-product__option-variants {
    top: 20px !important;
}