@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//moto-detal.ru/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.0") format("woff2");
}

:root {
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(221,51,51);
	--wd-alternative-color: rgb(229,135,48);
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(198,45,45);
	--btn-default-bgcolor: rgb(255,255,255);
	--btn-default-bgcolor-hover: rgb(221,51,51);
	--btn-accented-bgcolor: rgb(255,94,43);
	--btn-accented-bgcolor-hover: rgb(236,87,39);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(226,135,31);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(204,46,46);
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgb(216,32,32);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(0,0,0);
	background-image: none;
}
.page .main-page-wrapper {
	background-color: rgb(245,245,245);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-product .main-page-wrapper {
	background-color: rgb(245,245,245);
	background-image: none;
}
.woodmart-archive-blog .main-page-wrapper {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-post .main-page-wrapper {
	background-color: rgb(245,245,245);
	background-image: none;
}
.woodmart-archive-portfolio .main-page-wrapper {
	background-color: rgb(245,245,245);
	background-image: none;
}
.single-portfolio .main-page-wrapper {
	background-color: rgb(245,245,245);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 12px;
}



/* =====================================================================
   МОТО-ДЕТАЛЬ — Сверх-надежный объединенный стиль карточек
   Версия: Вывод подкатегорий строго в ДВЕ СТРОКИ с троеточием!
   ===================================================================== */

:root {
    --md-red: #e30613 !important;                /* Фирменный красный логотипа */
    --md-red-dark: #b80410 !important;           /* Темно-красный для ховера */
    --md-ink: #1c1c1c !important;                /* Насыщенный темный для заголовков */
    --md-muted: #8a8a8a !important;              /* Приглушенный серый для подписей */
    --md-line: rgba(0, 0, 0, 0.04) !important;   /* Ультра-тонкая граница карточек */
    --md-bg: #ebebeb !important;                 /* Фирменная серая подложка картинок */
    --md-card-radius: 18px !important;           /* Единый радиус скругления карточек */
    --md-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    --md-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
    --md-ease: cubic-bezier(.22, .61, .36, 1) !important;
}

/* ---------- 1. Сетка категорий (6 колонок) ---------- */
body .wd-cats-element .wd-grid-g {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 10px !important;
}

body .categories-style-alt, 
body .products-style-default,
body .products-bordered-grid-ins,
body .wd-products-with-bg:not(.products-bordered-grid),
body .wd-products-with-shadow:not(.products-bordered-grid) {
    background: transparent !important;
    --wd-prod-bg-sp: 0px !important;
}

body .products .wd-product.product-grid-item {
    padding: 1px !important;
}

/* ---------- 2. Базовый контейнер карточки (Категории & Товары) ---------- */
body .category-grid-item.cat-design-alt .wrapp-category,
body .wd-product.product-grid-item .product-wrapper {
    background-color: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.45s cubic-bezier(.22, .61, .36, 1), 
                box-shadow 0.45s cubic-bezier(.22, .61, .36, 1),
                border-color 0.45s cubic-bezier(.22, .61, .36, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important; /* Картинка растягивается во всю ширину */
}

/* Эффект парения при наведении */
body .category-grid-item.cat-design-alt .wrapp-category:hover,
body .wd-product.product-grid-item .product-wrapper:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 28px rgba(160, 9, 9, 0.19) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

/* ---------- 3. Картинки (Категории & Товары) ---------- */
body .category-grid-item.cat-design-alt .category-image-wrapp,
body .wd-product .product-element-top {
    border-radius: 0px !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Делает область картинки строго квадратной */
    align-items: center !important;
    justify-content: center !important;
    background-color: #ebebeb !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* У товара фиксируем высоту на десктопе */
body .wd-product .product-element-top,
body .wd-product .product-image-link {
    height: 280px !important;
    aspect-ratio: auto !important;
}

/* Поведение картинок при наведении */
body .category-grid-item.cat-design-alt .category-image img,
body .wd-product .product-image-link img,
body .wd-product .hover-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: opacity 0.5s ease, transform 0.6s ease !important;
}

/* Зум картинки категорий при наведении */
body .category-grid-item:hover .category-image {
    transform: scale3d(1.05, 1.05, 1) !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

body .category-grid-item.cat-design-alt .wrapp-category:hover .category-image img {
    transform: scale(1.01) !important;
}

/* Зум товара */
body .wd-product .product-wrapper:hover .product-image-link img {
    transform: scale(1.04) !important;
}

/* Второе фото товара при ховере */
body .wd-product .hover-img {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.5s ease, visibility 0.5s ease !important;
    pointer-events: none !important;
}

body .wd-product .product-wrapper:hover .hover-img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ---------- 4. Единая текстовая область ---------- */
body .category-grid-item.cat-design-alt .hover-mask,
body .wd-product .product-element-bottom {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    padding: 14px 12px 16px !important; /* Одинаковые аккуратные внутренние отступы */
    text-align: left !important;
    width: 100% !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; /* Выравнивание контента по левому краю */
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
}

body .wd-product .wd-product-header {
    width: 100% !important;
    flex: 1 1 auto !important;
}

/* ---------- 5. Стилизация заголовков ---------- */
body .category-grid-item.cat-design-alt .wd-entities-title,
body .wd-product .wd-entities-title {
    margin: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2px !important;
    text-align: left !important;
}
.wd-product.wd-hover-alt :is(.wd-product-header, .wrap-price) {
  display: block !important;
}
/* Категории: UPPERCASE, жирный, лимит 2 строки */
body .category-grid-item.cat-design-alt .wd-entities-title {
    color: #1c1c1c !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 38px !important; /* Ровное выравнивание сетки */
}

body .category-grid-item.cat-design-alt .wd-entities-title .count {
    display: none !important;
}

/* Товары: полужирный, лимит 3 строки, ховер-эффект */
body .wd-product .wd-entities-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #1c1c1c !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color .25s ease !important;
}

body .wd-product .product-wrapper:hover .wd-entities-title a {
    color: #e30613 !important;
}

/* ---------- 6. Быстрый просмотр товаров ---------- */
body .wd-product .wd-buttons.wd-pos-r-t {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 4 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

body .wd-product .wd-action-btn > a,
body .wd-product .quick-view-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 15% !important;
    background: #fff !important;
    color: #1c1c1c !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    box-shadow: 0 4px 14px rgba(16, 24, 40, .12) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 0 !important;
    transform: translateX(12px) !important;
    transition: opacity .35s ease, transform .35s ease, background .25s ease, color .25s ease !important;
}

body .wd-product .product-wrapper:hover .wd-action-btn > a,
body .wd-product .product-wrapper:hover .quick-view-button {
    opacity: 1 !important;
    transform: translateX(0) !important;
	border: 1px solid #d0021b4d !important;
}
body .wd-product .product-wrapper .wd-action-btn > a:hover,
body .wd-product .product-wrapper .quick-view-button:hover {
    opacity: 1 !important;
    transform: translateX(0) !important;
	background: #d0021b !important;
  color: #FFF !important;
}

/* ---------- 7. Красная полоса-индикатор при наведении на товар ---------- */
body .wd-product .product-element-bottom::after {
    content: "" !important;
    display: block !important;
    height: 3px !important;
    margin: 14px -12px -16px !important; 
    background: linear-gradient(90deg, #e30613, #b80410) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform .45s ease !important;
}

body .wd-product .product-wrapper:hover .product-element-bottom::after {
    transform: scaleX(1) !important;
}

/* ---------- 8. Динамические подкатегории в КАТЕГОРИЯХ (АККУРАТНЫЙ ВЫВОД СТРОГО В ДВЕ СТРОКИ С ТРОЕТОЧИЕМ!) ---------- */
body .category-grid-item.cat-design-alt .cat-subcategories {
    font-size: 11px !important;
    color: #8a8a8a !important;
    line-height: 1.45 !important;
    margin-top: 5px !important;
    margin-bottom: 8px !important;
    font-weight: 500 !important;
    text-align: left !important;
    
    /* Ограничение строго на две строки с троеточием! */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important; /* Позволяет тексту переноситься на вторую строку */
    
    /* Фиксируем высоту под две строки (2 * 11px * 1.45 = ~32px)
       Это гарантирует, что карточки с 1 и 2 строками подкатегорий будут идеально ровными! */
    min-height: 32px !important;
    max-height: 32px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body .category-grid-item.cat-design-alt .cat-positions-count {
    font-size: 11px !important;
    color: #e30613 !important; /* Яркий красный счетчик */
    font-weight: 700 !important;
    text-align: left !important;
    text-transform: none !important;
    margin-top: auto !important;
    display: block !important;
}

/* ---------- 9. Адаптивность для мобильных ---------- */
@media (max-width: 768px) {
    /* Категории */
    body .category-grid-item.cat-design-alt .wrapp-category {
        padding: 0px !important;
        border-radius: 14px !important;
    }
    body .category-grid-item.cat-design-alt .category-image-wrapp {
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
    body .category-grid-item.cat-design-alt .wd-entities-title {
        font-size: 11px !important;
        min-height: 30px !important;
        margin-bottom: 4px !important;
    }
    body .category-grid-item.cat-design-alt .cat-subcategories {
        font-size: 9.5px !important;
        line-height: 1.4 !important;
        min-height: 27px !important;
        max-height: 27px !important;
        margin-bottom: 4px !important;
    }
    body .category-grid-item.cat-design-alt .cat-positions-count {
        font-size: 9.5px !important;
    }

    /* Товары */
    body .wd-product .product-element-top,
    body .wd-product .product-image-link { 
        height: auto !important; /* У товаров на мобильных также сохраняется пропорция 1:1 */
    }
    body .wd-product .product-element-bottom { 
        padding: 10px 8px 12px !important; 
    }
    body .wd-product .wd-entities-title { 
        font-size: 12.5px !important; 
    }
}
/* --- ДОБАВИТЬ В САМЫЙ КОНЕЦ ВАШЕГО CUSTOM CSS --- */

/* Исправление пропорций картинок товаров на узких экранах */
body .wd-product .product-element-top,
body .wd-product .product-image-link {
    aspect-ratio: 1 / 1 !important;    /* Принудительный идеальный квадрат */
    height: auto !important;           /* Сброс старой высоты 280px */
    padding-bottom: 0 !important;      /* Сброс процентной высоты Woodmart */
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid #d2d2d221;
}

/* Настройка заполнения картинки внутри квадрата */
body .wd-product .product-image-link img,
body .wd-product .hover-img img {
    position: absolute !important;      /* Растягиваем изображение на весь квадрат */
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* Сохраняем пропорции фото без сплющивания */
}


/* Ограничение ширины всего контента сайта до 1500px (без шапки и подвала) */
body .main-page-wrapper .container, body .main-page-wrapper .container-fluid {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* --- ДОБАВИТЬ В САМЫЙ КОНЕЦ ВАШЕГО CUSTOM CSS --- */

/* Добавляем отступы для заголовков и цен в похожих товарах */
body .wd-product .product-wrapper > :not(.product-element-top) {
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
}

body .wd-product .product-wrapper > .wd-product-header {
    padding-top: 14px !important;
}

body .wd-product .product-wrapper > .wrap-price,
body .wd-product .product-wrapper > .price {
    padding-bottom: 16px !important;
}

/* Переносим красную полосу при наведении на самый нижний край всей карточки товара */
body .wd-product .product-wrapper::after {
    content: "" !important;
    display: block !important;
    height: 3px !important;
    background: linear-gradient(90deg, #e30613, #b80410) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform .45s cubic-bezier(.22, .61, .36, 1) !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 5 !important;
}

body .wd-product .product-wrapper:hover::after {
    transform: scaleX(1) !important;
}
/* --- ДОБАВИТЬ В САМЫЙ КОНЕЦ ВАШЕГО CUSTOM CSS --- */

/* Фиксируем высоту названий товаров для абсолютно ровной сетки */
body .wd-product .wd-entities-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;   /* Лимит названия строго 3-мя строками */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    /* Фиксированная высота блока под три строки */
    min-height: 56px !important;
    max-height: 56px !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
}

/* Ровная высота названий на телефонах */
@media (max-width: 768px) {
    body .wd-product .wd-entities-title {
        min-height: 48px !important;
        max-height: 48px !important;
    }
}