.elementor-2482 .elementor-element.elementor-element-eefa194{--display:flex;--min-height:30vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;}.elementor-2482 .elementor-element.elementor-element-eefa194:not(.elementor-motion-effects-element-type-background), .elementor-2482 .elementor-element.elementor-element-eefa194 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tesla-shop.kg/wp-content/uploads/2026/04/about-us-image-1-scaled.png");background-position:center center;background-size:cover;}.elementor-2482 .elementor-element.elementor-element-eefa194::before, .elementor-2482 .elementor-element.elementor-element-eefa194 > .elementor-background-video-container::before, .elementor-2482 .elementor-element.elementor-element-eefa194 > .e-con-inner > .elementor-background-video-container::before, .elementor-2482 .elementor-element.elementor-element-eefa194 > .elementor-background-slideshow::before, .elementor-2482 .elementor-element.elementor-element-eefa194 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2482 .elementor-element.elementor-element-eefa194 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-2482 .elementor-element.elementor-element-eefa194.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2482 .elementor-element.elementor-element-64ed2ab > .elementor-widget-container{margin:300px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2482 .elementor-element.elementor-element-64ed2ab{text-align:center;}.elementor-2482 .elementor-element.elementor-element-64ed2ab .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:700;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-2482 .elementor-element.elementor-element-c4f2b3d .woocommerce-breadcrumb{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-align:start;}.elementor-2482 .elementor-element.elementor-element-c4f2b3d .woocommerce-breadcrumb > a{color:var( --e-global-color-text );}.elementor-2482 .elementor-element.elementor-element-90cac8b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2482 .elementor-element.elementor-element-90cac8b:not(.elementor-motion-effects-element-type-background), .elementor-2482 .elementor-element.elementor-element-90cac8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e9838c );}.elementor-2482 .elementor-element.elementor-element-6895eb9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2482 .elementor-element.elementor-element-af0248a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2482 .elementor-element.elementor-element-f1fcc6e{--display:flex;}.elementor-2482 .elementor-element.elementor-element-c45c349 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products ul.products li.product{text-align:left;}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-2482 .elementor-element.elementor-element-bc0b7da nav.woocommerce-pagination{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2482 .elementor-element.elementor-element-bc0b7da nav.woocommerce-pagination ul li a{color:var( --e-global-color-secondary );}.elementor-2482 .elementor-element.elementor-element-bc0b7da nav.woocommerce-pagination ul li a:hover{color:var( --e-global-color-text );background-color:var( --e-global-color-1e9838c );}.elementor-2482 .elementor-element.elementor-element-bc0b7da nav.woocommerce-pagination ul li span.current{color:var( --e-global-color-accent );background-color:var( --e-global-color-1e9838c );}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-2482 .elementor-element.elementor-element-a8469a7{--display:flex;}@media(max-width:1024px){.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2482 .elementor-element.elementor-element-eefa194{--width:328.2px;}.elementor-2482 .elementor-element.elementor-element-f1fcc6e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2482 .elementor-element.elementor-element-bc0b7da.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-2482 .elementor-element.elementor-element-6895eb9{--width:25%;}.elementor-2482 .elementor-element.elementor-element-f1fcc6e{--width:75%;}}/* Start custom CSS for wp-widget-woocommerce_price_filter, class: .elementor-element-47f4ac0 */.elementor-2482 .elementor-element.elementor-element-47f4ac0 .price_slider_amount .price_label { font-size: 0 !important; }
.elementor-2482 .elementor-element.elementor-element-47f4ac0 .price_slider_amount .price_label span { font-size: 14px !important; }
/* Возвращаем тире между цифрами */
.elementor-2482 .elementor-element.elementor-element-47f4ac0 .price_slider_amount .price_label span.to::before { content: " — "; font-size: 14px !important; color: #8A8A8A !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6895eb9 *//* 1. БАЗА СПИСКОВ (Выжигаем дефолтные отступы) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .elementor-widget-container ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. ПЛАШКИ (Убиваем красный цвет темы и делаем кнопки) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .elementor-widget-container ul li a {
    display: block !important;
    color: #8A8A8A !important; /* Строгий серый вместо красного */
    text-decoration: none !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
    background-color: transparent !important;
    border-radius: 4px !important;
    transition: 0.2s ease !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

/* Наведение */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .elementor-widget-container ul li a:hover {
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
}

/* 3. АКТИВНЫЙ ФИЛЬТР (Выбранный атрибут или категория) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .elementor-widget-container ul li.chosen a,
.elementor-2482 .elementor-element.elementor-element-6895eb9 .elementor-widget-container ul li.current-cat > a {
    color: #FFFFFF !important;
    background-color: #111111 !important;
    border-left: 3px solid #FFF !important;
    border-radius: 0 4px 4px 0 !important;
    font-weight: 700 !important;
}

/* 4. ИЕРАРХИЯ КАТЕГОРИЙ (Лесенка для нативного виджета WP) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .elementor-widget-container ul.children {
    margin-left: 15px !important;
    border-left: 1px solid #333 !important;
    padding-left: 5px !important;
    margin-top: 5px !important;
}

/* 5. СКРЫВАЕМ СЧЕТЧИКИ (Цифры) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .count {
    display: none !important;
}

/* 6. ЗАГОЛОВКИ ВИДЖЕТОВ (Делаем терминальными) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .elementor-widget-container h5, 
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget-title {
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid #333 !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
}

/* РИСУЕМ ФЕЙКОВЫЕ ЧЕКБОКСЫ ДЛЯ АТРИБУТОВ */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav li a::before {
    content: "" !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    border: 1px solid #555 !important;
    border-radius: 2px !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;
    transition: 0.2s !important;
}

/* ЗАЛИВАЕМ ЧЕКБОКС И СТАВИМ ГАЛОЧКУ ПРИ ВЫБОРЕ */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav li.chosen a::before {
    content: "✔" !important;
    color: #000 !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
    font-size: 10px !important;
    line-height: 14px !important;
    text-align: center !important;
}

/* ПРЯЧЕМ СИСТЕМНЫЙ КРАСНЫЙ КРЕСТИК И ТЕКСТ (WooCommerce Native) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav li.chosen a::after,
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav li.chosen a::first-letter {
    /* Если Woo подставляет крестик первым символом, мы его скроем, оставив только наш чистый UI */
}

/* Прячем подкатегории на старте */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_product_categories ul.children {
    display: none; 
}
/* 1. Даем родительским спискам якорь для позиционирования */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_product_categories li {
    position: relative !important;
}

/* 2. Жестко фиксируем плюсик в правом верхнем углу строки */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .tesla-toggle {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important; /* Прибиваем к потолку своей строки */
    cursor: pointer !important;
    color: #555 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    padding: 10px 14px !important; /* Синхронизируем с отступами самих ссылок */
    z-index: 10 !important;
    transition: 0.2s !important;
    user-select: none !important; /* Чтобы юзер не выделял текст плюса при двойном клике */
    font-weight: 400 !important;
}

.elementor-2482 .elementor-element.elementor-element-6895eb9 .tesla-toggle:hover {
    color: #FFFFFF !important;
}

/* 1. БАЗА ВЫПАДАШКИ (Делаем фон черным, рамки строгими) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .select2-container .select2-selection--multiple {
    background-color: #111111 !important;
    border: 1px solid #333 !important;
    border-radius: 4px !important;
    min-height: 40px !important;
}

/* 2. ТЕГИ ВЫБРАННЫХ АТРИБУТОВ (Стиль плашек x10, x16) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #222222 !important;
    border: 1px solid #555 !important;
    color: #FFFFFF !important;
    border-radius: 2px !important;
    padding: 4px 8px !important;
    margin-top: 6px !important;
}

/* Крестик удаления на теге */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .select2-container .select2-selection--multiple .select2-selection__choice__remove {
    color: #8A8A8A !important;
    margin-right: 6px !important;
    font-weight: normal !important;
}
.elementor-2482 .elementor-element.elementor-element-6895eb9 .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ff4444 !important;
}

/* Поле ввода внутри селекта */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .select2-search__field {
    color: #FFFFFF !important;
    background-color: transparent !important;
}

/* 3. КНОПКА "ПРИМЕНИТЬ" (Терминальный минимализм) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav button {
    width: 100% !important;
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid #555 !important;
    padding: 10px !important;
    margin-top: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    transition: 0.2s ease !important;
    cursor: pointer !important;
}
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav button:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

/* 4. САМ ВЫПАДАЮЩИЙ СПИСОК (Который появляется при клике) */
/* Внимание: этот блок рендерится в конце <body>, поэтому .elementor-2482 .elementor-element.elementor-element-6895eb9 тут не пишем */
.select2-dropdown {
    background-color: #111111 !important;
    border: 1px solid #333 !important;
    color: #8A8A8A !important;
}
.select2-results__option[aria-selected="true"] {
    background-color: #222222 !important;
    color: #FFFFFF !important;
}
.select2-results__option--highlighted[aria-selected] {
    background-color: #333333 !important;
    color: #FFFFFF !important;
}

/* 1. Ограничиваем высоту длинных фильтров атрибутов */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav ul {
    max-height: 240px !important; /* Высота примерно на 6-7 пунктов */
    overflow-y: auto !important;
    padding-right: 5px !important;
}

/* 2. Кастомизируем скроллбар (Терминальный индастриал) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav ul::-webkit-scrollbar {
    width: 4px;
}
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav ul::-webkit-scrollbar-track {
    background: #111111; 
    border-radius: 2px;
}
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav ul::-webkit-scrollbar-thumb {
    background: #444444; 
    border-radius: 2px;
}
.elementor-2482 .elementor-element.elementor-element-6895eb9 .widget_layered_nav ul::-webkit-scrollbar-thumb:hover {
    background: #888888; 
}

/* БАЗА ПОЛЗУНКА (Трек) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_wrapper .ui-slider {
    background-color: #222222 !important;
    border-radius: 2px !important;
    height: 4px !important;
    border: none !important;
    margin-top: 15px !important;
}
/* АКТИВНАЯ ЗОНА (Между ползунками) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_wrapper .ui-slider-range {
    background-color: #FFFFFF !important;
}
/* САМИ КНОПКИ (Ползунки) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_wrapper .ui-slider-handle {
    background-color: #000000 !important;
    border: 2px solid #FFFFFF !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    top: -6px !important; /* Центруем по треку */
    outline: none !important;
    cursor: pointer !important;
}
/* ТЕКСТ "ЦЕНА: ОТ И ДО" */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_amount .price_label {
    color: #8A8A8A !important;
    font-size: 14px !important;
}
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_amount .price_label span {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}
/* КНОПКА ФИЛЬТРОВАТЬ */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_amount .button {
    background-color: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid #555 !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    transition: 0.2s !important;
    padding: 8px 15px !important;
}
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_amount .button:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

/* 1. Ломаем стандартный макет Woo и выстраиваем в колонку */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_amount {
    display: flex !important;
    flex-direction: column-reverse !important; /* Магия: кнопка падает вниз, текст наверх */
    align-items: flex-start !important;
    margin-top: 15px !important;
}

/* 2. Текст с диапазоном цен (в одну строчку) */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_amount .price_label {
    width: 100% !important;
    margin-bottom: 15px !important; /* Отбиваем кнопку вниз */
    text-align: left !important;
    white-space: nowrap !important; /* Жестко запрещаем перенос текста на новую строку */
    font-size: 14px !important;
}

/* 3. Кнопка фильтрации */
.elementor-2482 .elementor-element.elementor-element-6895eb9 .price_slider_amount .button {
    width: 100% !important; /* Растягиваем на всю ширину для массивности */
    text-align: center !important;
    float: none !important;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-bc0b7da *//* 1. Карточка как Flex-контейнер (База для выравнивания) */
.elementor-2482 .elementor-element.elementor-element-bc0b7da ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* 2. Заголовок (Растягиваем его, чтобы он толкал цену вниз) */
.elementor-2482 .elementor-element.elementor-element-bc0b7da .woocommerce-loop-product__title {
    font-size: 16px;
    line-height: 1.3em;
    margin-bottom: 15px !important;
    flex-grow: 1 !important; /* Заменяет твой min-height, работая умно */
    display: block !important;
}

/* 3. Цена (Выталкиваем в самый низ) */
.elementor-2482 .elementor-element.elementor-element-bc0b7da .price {
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: auto !important; /* Магия флексбокса */
    align-self: flex-start !important;
}

/* 4. Вырезаем кнопку В корзину */
.elementor-2482 .elementor-element.elementor-element-bc0b7da .add_to_cart_button,
.elementor-2482 .elementor-element.elementor-element-bc0b7da .ajax_add_to_cart {
    display: none !important;
}

/* 1. БАЗА КНОПКИ СОРТИРОВКИ */
.elementor-2482 .elementor-element.elementor-element-bc0b7da .woocommerce-ordering select {
    background-color: #111111 !important;
    color: #8A8A8A !important;
    border: 1px solid #333 !important;
    padding: 10px 35px 10px 15px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    appearance: none !important; /* Убиваем дефолтную системную стрелку */
    -webkit-appearance: none !important;
    /* Рисуем свою кастомную стрелку через SVG, чтобы было в стиле SpaceX */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%238A8A8A%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px top 50% !important;
    background-size: 10px auto !important;
    transition: 0.2s !important;
}

.elementor-2482 .elementor-element.elementor-element-bc0b7da .woocommerce-ordering select:focus {
    outline: none !important;
    border-color: #555 !important;
    color: #FFFFFF !important;
}

/* 2. ВЫПАДАЮЩИЙ СПИСОК (Насколько позволяет браузер) */
.elementor-2482 .elementor-element.elementor-element-bc0b7da .woocommerce-ordering select option {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    padding: 10px !important;
}


@media (max-width: 767px) {
    .elementor-2482 .elementor-element.elementor-element-bc0b7da ul.products {
        display: grid !important;
        grid-template-columns: 1fr !important; /* Строго 1 колонка */
        gap: 20px !important; /* Воздух между карточками */
    }
    .elementor-2482 .elementor-element.elementor-element-bc0b7da ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1fcc6e */@media (max-width: 767px) {
    /* Растягиваем кнопку фильтров на 100% */
    .elementor-2482 .elementor-element.elementor-element-f1fcc6e .elementor-button {
        width: 100% !important;
        justify-content: center !important;
        margin-bottom: 10px !important;
    }
    /* Растягиваем выпадашку сортировки на 100% */
    .elementor-2482 .elementor-element.elementor-element-f1fcc6e select.orderby {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        /* Сдвигаем стрелочку правее, чтобы не наезжала на текст */
        background-position: calc(100% - 15px) center !important;
    }
}/* End custom CSS */