/*
Theme Name:   redparts
Theme URI:    https://mauto.kz
Author:       Almas Yessen
Author URI:   https://goodweb.kz
Description:  Дизайн сайта autodop.kz
Version:      1.1.0
License:      Goodweb.kz
License URI:  https://mauto.kz
Text Domain:  redparts
*/
:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: none !important;
}
.chosen-container {
    font-size: 14px;
}
.autosx .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}
.autocat-array-block {
    min-width: 260px;
    height: 60px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #eee;
    margin: 4px 0;
    border-radius: 3px;
    display: flex;
}
.autocat-array-block:hover {
    z-index: 5;
    box-shadow: 0 0 0 3px #1a79ff;
    transition: box-shadow .1s;
}
.autocat-array-block .zp-element-title {
    display: block;
    align-self: center;
    color: #000;
    line-height: 56px;
    height: 56px;
}
.spritecar {
    background-image: url(/logo/makes.jpg);
    background-repeat: no-repeat;
    margin-right: 15px;
    display: flex;
    align-self: center;
    transform: scale(0.7);
}
.sprite-audi{width:56px;height:21px;background-position:-2px -2px}
.sprite-bmw{width:56px;height:56px;background-position:-62px -2px}
.sprite-cadillac{width:56px;height:56px;background-position:-122px -2px}
.sprite-chevrolet{width:56px;height:56px;background-position:-182px -2px}
.sprite-ford{width:56px;height:56px;background-position:-2px -62px}
.sprite-honda{width:56px;height:42px;background-position:-62px -62px}
.sprite-hyundai{width:56px;height:27px;background-position:-122px -62px}
.sprite-infiniti{width:56px;height:31px;background-position:-182px -62px}
.sprite-kia{width:56px;height:33px;background-position:-122px -97px}
.sprite-lexus{width:56px;height:33px;background-position:-182px -97px}
.sprite-mazda{width:56px;height:40px;background-position:-2px -134px}
.sprite-merce{width:56px;height:56px;background-position:-62px -134px}
.sprite-nissan{width:56px;height:51px;background-position:-122px -134px}
.sprite-renault{width:56px;height:66px;background-position:-182px -134px}
.sprite-seat{width:56px;height:56px;background-position:-2px -204px}
.sprite-skoda{width:56px;height:55px;background-position:-62px -204px}
.sprite-ssang-yong{width:56px;height:55px;background-position:-122px -204px}
.sprite-subaru{width:56px;height:34px;background-position:-182px -204px}
.sprite-suzuki{width:56px;height:56px;background-position:-242px -2px}
.sprite-toyota{width:56px;height:56px;background-position:-242px -62px}
.sprite-volvo{width:56px;height:57px;background-position:-242px -122px}
.sprite-vw{width:56px;height:56px;background-position:-242px -183px}

.homesslied {
    background: #eee url(/back-rd.jpg) no-repeat center center;
    background-size: cover;
}
.homesslied h1.elementor-heading-title.elementor-size-large {
    color: #fff;
    font-weight: 300;
}
.homesslied h5 {
    color: #ddd;
    font-weight: 300;
}
a.woo-vpf-reset-search.button.wc-forward {
    margin: 10px 0px;
}
.homesslied .widget-woo-vpf-filter form .woo-vpf-field input.button {
    margin: 0;
}
.btn-bloks a.th-button {
    display: block;
    padding: 10px;
    margin-top: 20px;
}
.autocat-array-center img.autocat-array-img {
    max-height: 50px;
}
.rx-media-field-wrapper {
    display: block;
    align-items: center;
    width: 100%;
    background: #fff;
    padding: 11px;
    border: 1px dashed #ddd;
    border-radius: 4px;
    margin: 0!important;
}
p#billing_address_2_field, p#shipping_address_2_field {
    display: none!important;
}
.rx-thumb-container.rx-has-thumb img {
    border-radius: 3px;
}
.rx-media-remove-button {
    padding: 3px;
    position: absolute;
    right: 3px;
    top: 3px;
    color: #1a79ff;
    background: #fff;
    width: 21px;
    line-height: 13px;
    height: 21px;
    border-radius: 50px;
}
.th-product-card .th-product-card__name h2 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.th-view-options__legend p.woocommerce-result-count {
    display: none;
}
ul.th-topbar.th-topbar--end.th-topbar--compare {
    background: #007bff;
}
.geolocation a {
    font-weight: 500;
}
ul.th-topbar.th-topbar--end.th-topbar--compare a {
    color: #fff;
    padding: 0px;
    padding-left: 10px;
}
ul.th-topbar.th-topbar--end.th-topbar--compare a span.menu-item-value {
    padding: 9px;
    color: #fff;
    background: #0765cb;
    margin-left: 5px;
}
.rx_listing_style_2 .rx_review_block .rx_thumb img.avatar {
    width: 100%;
    height: 100%;
}
.rx_rating_graph_wrapper {
    box-shadow: none!important;
    background: #f5f5f5!important;
}
.rx_recommended_wrapper {
    box-shadow: 0 0 0 1px #ddd!important;
}
.reviewx-star-rating {
    margin-top: 0px!important;
}
.rx-review-form-area-style-2 #respond input#submit {
    width: 100%;
    border-radius: 3px!important;
}
.rx-images {
    display: block;
    width: 100%;
}
.rx-comment-form-attachment .rx_upload_file {
    width: 100%!important;
}
.reviewx-rating {
    margin-bottom: 15px;
}
.rx_tooltip {
    padding: 5px 15px!important;
    width: 160px!important;
    border-radius: 3px!important;
    background: #fff!important;
    border: 1px solid #eee!important;
}
.rx_tooltip::after {
    border-color: #ffffff transparent transparent transparent!important;
}
.rx-filter-bar-style-2 .rx_filter_header h4, .rx-filter-bar-style-2 .rx-short-by h4 {
    font-weight: 700!important;
    font-size: 15px!important;
    color: #000!important;
}
.rx_review_shorting_2 .box .rx-selection-arrow {
    width: 30px!important;
    border-radius: 3px!important;
}
.rx-selection-arrow b {
    margin-left: -4px!important;
}
.rx_review_shorting_2 .box select {
    font-size: 14px;
}
.woocommerce-address-fields__field-wrapper .form-row {
    width: 50%!important;
    padding-right: 10px!important;
}
@media only screen and (max-width: 768px) {
.autosx .link-wrap {
    overflow: hidden;
    width: 100%;
}
.autosx .autocat-array-block {
    padding: 10px 15px;
    width: 100%;
}
.spritecar {
    margin-right: 15px;
}
.autocat-array-block:hover {
    background: #fafafa;
    box-shadow: none;
}
.autocat-array-block .zp-element-title {
    text-align: left;
}
}
.woocommerce-tabs .wc-tab p {
    line-height: 2;
}
#cfw-cart .cart-item-row .cfw-cart-item-description .cfw-cart-item-title {
    font-weight: 400;
}
body.checkout-wc, main.checkoutwc {
    line-height: 1.5;
}
.checkoutwc .form-row input[type=email], .checkoutwc .form-row input[type=number], .checkoutwc .form-row input[type=password], .checkoutwc .form-row input[type=tel], .checkoutwc .form-row input[type=text].input-text, .checkoutwc .form-row select, .checkoutwc .form-row textarea {
    line-height: 1.5;
}
.checkoutwc .form-row.cfw-label-is-floated input[type=email], .checkoutwc .form-row.cfw-label-is-floated input[type=number], .checkoutwc .form-row.cfw-label-is-floated input[type=password], .checkoutwc .form-row.cfw-label-is-floated input[type=tel], .checkoutwc .form-row.cfw-label-is-floated input[type=text].input-text, .checkoutwc .form-row.cfw-label-is-floated select, .checkoutwc .form-row.cfw-label-is-floated textarea {
    padding: 1.8em 0.8em 0.28em;
}
.th-section-header__groups-item + .th-section-header__groups-item {
    margin-left: 2.5px;
    margin-right: 2.5px;
}
nav.rank-math-breadcrumb {
    display: block;
    margin: 15px 0px;
}
.th-megamenu__image img, .th-megamenu__image picture {
    width: 100%;
}
.term-description {
    margin-bottom: 15px;
}

.catalogs-block .container-grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    grid-template-areas:
        "q w e r t y"
        "q s d f g h";
}
.catalogs-block .container-grid .item.item-0 {
    grid-area: q;
}
.catalogs-block .container-grid .item.item-1 {
    grid-area: w;
}
.catalogs-block .container-grid .item.item-2 {
    grid-area: e;
}
.catalogs-block .container-grid .item.item-3 {
    grid-area: r;
}
.catalogs-block .container-grid .item.item-4 {
    grid-area: t;
}
.catalogs-block .container-grid .item.item-5 {
    grid-area: y;
}
.catalogs-block .container-grid .item.item-6 {
    grid-area: s;
}
.catalogs-block .container-grid .item.item-7 {
    grid-area: d;
}
.catalogs-block .container-grid .item.item-8 {
    grid-area: f;
}
.catalogs-block .container-grid .item.item-9 {
    grid-area: g;
}
.catalogs-block .container-grid .item.item-10 {
    grid-area: h;
}
.catalogs-block .category {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: block;
    height: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #00000015;
}
.catalogs-block .category>img {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: -100px;
    right: -100px;
    display: block;
    margin: 0 auto;
}
.catalogs-block .category .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
}
a.category.category-0 .title {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0px 2px 4px rgb(0 0 0 / 40%);
}
.catalogs-block .category .count {
    margin-top: 5px;
    color: #757575;
}
header .logo-line a span {
    display: block;
    margin: 15px 0px;
    font-size: 11px;
}

a.category.category-0 {
    background: url(/logo/cat/c1.jpg) no-repeat center center;
    background-size: cover;
}
.panel-inline .inline-panel-list {
    float: left;
    margin: 0 0 15px 12%;
    padding: 0;
    width: 88%;
}
.panel-inline .inline-panel-column {
    padding-top: 10px;
    padding-left: 0;
}
.panel-inline .inline-panel-first-letter {
    color: #888b94;
    clear: left;
    float: left;
    font-size: 13px;
    margin: 2px -20px 0 0;
    font-weight: 600;
}
.col-sm-3 {
    width: 25%;
    float: left;
}
.panel-inline .inline-panel-list {
    float: left;
    margin: 0 0 15px 12%;
    padding: 0;
    width: 88%;
}
.panel-inline .inline-panel-list .inline-panel-item {
    list-style: none;
    padding: 2px 3px 3px;
}
.th-login-form.th-login-form--columns--two {
    margin-top: 30px;
}

/*@media screen and (min-width: 1185px)*/
@media screen and (min-width: 1185px) {
.catalogs-block .category.category-0, .catalogs-block .category.category-1, .catalogs-block .category.category-2, .catalogs-block .category.category-3, .catalogs-block .category.category-4, .catalogs-block .category.category-5 {
    transition: box-shadow .1s;
}
.catalogs-block .category.category-6, .catalogs-block .category.category-7, .catalogs-block .category.category-8, .catalogs-block .category.category-9, .catalogs-block .category.category-10 {
    transition: background-color .1s;
}
.catalogs-block .category.category-6:hover, .catalogs-block .category.category-7:hover, .catalogs-block .category.category-8:hover, .catalogs-block .category.category-9:hover, .catalogs-block .category.category-10:hover {
    background-color: #1a79ff;
}
.catalogs-block .category.category-0:hover, .catalogs-block .category.category-1:hover, .catalogs-block .category.category-2:hover, .catalogs-block .category.category-3:hover, .catalogs-block .category.category-4:hover, .catalogs-block .category.category-5:hover {
    box-shadow: 0 0 0 3px #1a79ff;
}
.catalogs-block .category.category-6:hover .count, .catalogs-block .category.category-6:hover .title, .catalogs-block .category.category-7:hover .count, .catalogs-block .category.category-7:hover .title, .catalogs-block .category.category-8:hover .count, .catalogs-block .category.category-8:hover .title, .catalogs-block .category.category-9:hover .count, .catalogs-block .category.category-9:hover .title, .catalogs-block .category.category-10:hover .count, .catalogs-block .category.category-10:hover .title {
    color: #fff;
}
.catalogs-block .category.category-6:hover .icon svg, .catalogs-block .category.category-7:hover .icon svg, .catalogs-block .category.category-8:hover .icon svg, .catalogs-block .category.category-9:hover .icon svg, .catalogs-block .category.category-10:hover .icon svg {
    fill: #fff;
}
}


/*@media screen and (min-width: 1001px)
*/@media screen and (min-width: 1001px) {
.catalogs-block .container-grid .item-1, .catalogs-block .container-grid .item-2, .catalogs-block .container-grid .item-3, .catalogs-block .container-grid .item-4, .catalogs-block .container-grid .item-5 {
    height: 260px;
}
.catalogs-block .category.category-0>img {
    top: 40%;
    bottom: auto;
    left: auto;
    right: 0;
}
}

/*@media screen and (max-width: 1000px)*/
@media screen and (max-width: 1000px) {
.catalogs-block .container-grid {
    grid-template-columns: repeat(3,1fr);
    grid-template-areas:
        "q w e"
        "q r t"
        "y s d"
        "f g h";
}

.catalogs-block .category.category-0 img {
    top: 65%;
    bottom: auto;
    height: 80%;
}
.catalogs-block .category.category-1>img, .catalogs-block .category.category-2>img, .catalogs-block .category.category-3>img, .catalogs-block .category.category-4>img, .catalogs-block .category.category-5>img {
    display: none;
}
}

/*@media screen and (max-width: 694px)*/
@media screen and (max-width: 694px) {

.catalogs-block .container-grid {
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
        "q w"
        "q e"
        "r t"
        "y s"
        "d f"
        "g h";
}
}

div.nsl-container .nsl-button-default div.nsl-button-label-container {
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 300!important;
    font-size: 14px!important;
}
div.nsl-container.nsl-container-block .nsl-container-buttons {
    display: block!important;
}
.woocommerce-mini-cart-item a {
    width: 100%;
    font-size: 14px;
    display: block;
    overflow-wrap: anywhere;
}
.th-departments__button {
    color: #ffffff!important;
    background: #007bff!important;
    font-weight: 500!important;
}
.th-departments__button .th-departments__button-icon {
    color: #ffffff!important;
}
.th-departments__button .th-departments__button-arrow {
    color: #ffffff!important;
}
.th-site-footer__bottom {
    padding: 15px 0px;
}
.grecaptcha-badge {
    bottom: 110px!important;
}
.search-form-au {
    margin: 25px 0px;
}
.search-form-au h2 {
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    margin: 0;
}
.search-form-au h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    opacity: .8;
    margin-top: 5px;
}
.ymm-selector.ymm-horizontal .ymm-submit-any-selection {
    width: 100%;
    display: block;
    margin: 15px 0;
    background: #0e62bb;
    font-weight: 500;
}
.ymm-selector.ymm-horizontal .level select.ymm-select, .ymm-selector.ymm-horizontal .level select.ymm-category-select {
    width: 100%;
}
.ymm-selector.ymm-horizontal .level {
    margin: 5px 0px;
    display: block;
    width: 100%;
}
.ymm-selector.ymm-box .ymm-garage .ymm-garage-select {
    width: 100%;
}
button.button.ymm-submit-any-selection {
    display: block;
    width: 100%;
}
.woocommerce-breadcrumb li div:after, .woocommerce-breadcrumb li div:before, .woocommerce-breadcrumb li div a:after, .woocommerce-breadcrumb li div a:before {
    pointer-events: auto;
    position: absolute;
    background-color: #ebebeb;
    top: 0;
    bottom: 0;
    z-index: -2;
    border-radius: 3px;
    transition: background .1s;
}
.woocommerce-breadcrumb li div:before, .woocommerce-breadcrumb li div a:before {
    content: "";
    left: -9.06217px;
    right: -9.06217px;
}
.woocommerce-breadcrumb li div a:after, .woocommerce-breadcrumb li div a:before {
    z-index: -1;
}
.woocommerce-breadcrumb li div {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
    height: 21px;
    margin: 0 12px;
    pointer-events: none;
}
section#pektsekye_ymm_selector-2 {
    display: block!important;
}
span.ymm-filter-links {
    text-align: center;
    display: block;
    margin-top: 10px;
}
.th-header__navbar-phone {
    height: 100%;
}
.th-header__navbar-phone.th-phone {
    background: #f7f7f7;
    border-radius: 3px;
}
.woocommerce ul#shipping_method li .select2-container {
    display: none;
}
.th-tags__list a {
    display: block;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    text-align: center;
    padding: 8px 15px;
    color: #000;
}
select#shipping_method_select {
    display: none;
}
ul#shipping_method span.select2-selection.select2-selection--single {
    display: none;
}
section#home-search:before {
    background: url(/bg.png) repeat 0 0;
    background-size: 296px 296px;
    content: "";
    height: 100%;
    left: 0;
    opacity: .25;
    position: absolute;
    top: 0;
    width: 100%;
}



/* ============================================
   КАСТОМНАЯ ЦВЕТОВАЯ СХЕМА MAUTO.KZ
   ============================================ */

/* Переменные цветов */
:root {
    --mauto-primary: #7FA8CC;
    --mauto-secondary: #3D6B9F;
    --mauto-accent: #84FF00;
    --mauto-text: #2B2B2B;
    --mauto-bg: #E8F1FC;
}

/* Фон страницы */
body {
    background: var(--mauto-bg) !important;
}

/* Кнопки */
.button,
.btn-primary,
.woocommerce-button,
.add_to_cart_button,
button[type="submit"] {
    background: linear-gradient(90deg, var(--mauto-primary), var(--mauto-secondary)) !important;
    border: none !important;
    color: #FFFFFF !important;
}

/* Департаменты (меню категорий) */
.th-departments__button {
    background: var(--mauto-secondary) !important;
}

/* Топбар */
ul.th-topbar.th-topbar--end.th-topbar--compare {
    background: var(--mauto-primary) !important;
}

ul.th-topbar.th-topbar--end.th-topbar--compare a span.menu-item-value {
    background: var(--mauto-secondary) !important;
}

/* Цены */
.price,
.woocommerce-Price-amount,
.amount {
    color: var(--mauto-secondary) !important;
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
    color: var(--mauto-secondary) !important;
}

/* Ссылки */
a:hover {
    color: var(--mauto-primary) !important;
}

/* Карточки товаров */
.th-product-card {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

/* Бейдж "Распродажа" */
.onsale,
.product-badge {
    background: #FF3B3B !important;
}

/* Фильтры сайдбара */
.widget,
aside .widget {
    background: #FFFFFF !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Кнопка "Filter" */
button.ymm-submit-any-selection {
    background: var(--mauto-secondary) !important;
}

/* Хлебные крошки */
.woocommerce-breadcrumb li div:after,
.woocommerce-breadcrumb li div:before {
    background-color: #f0f0f0 !important;
}

/* Hover эффекты на карточках */
.th-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
}

/* Активные элементы */
.active,
.current,
.selected {
    color: var(--mauto-secondary) !important;
}

/* Чекбоксы */
input[type="checkbox"]:checked {
    background: var(--mauto-secondary) !important;
}

/* Переключатели видов */
.th-view-options__control--active {
    color: var(--mauto-secondary) !important;
}

/* Пагинация */
.page-numbers.current {
    background: var(--mauto-secondary) !important;
    color: #FFFFFF !important;
}