:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(140,188,103);
	--wd-alternative-color: rgb(224,86,51);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(140,188,103);
	--btn-accented-bgcolor-hover: rgb(128,171,94);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-hb {
	background-color: rgb(221,51,51);
	background-image: none;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 400px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(140,188,103);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps, html table th {
	text-transform: capitalize;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-size: 32px;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(250,248,245);
	background-image: none;
}
html .widget_price_filter [class*="price_slider_amount"] .button {
	color: rgb(255,255,255);
	background: rgb(140,188,103);
}
html .widget_price_filter [class*="price_slider_amount"] .button:hover {
	color: rgb(255,255,255);
	background: rgb(128,171,94);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 20px;
	--wd-arrow-color: rgb(51,51,51);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgba(51,51,51,0.8);
	--wd-arrow-bg: rgb(255,255,255);
	--wd-arrow-bg-hover: rgb(140,188,103);
	--wd-arrow-bg-dis: rgb(255,255,255);
	--wd-arrow-radius: 10px;
	--wd-arrow-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}
.wd-nav-scroll {
	--wd-nscroll-height: 3px;
	--wd-nscroll-drag-bg: rgb(140,188,103);
	--wd-nscroll-drag-bg-hover: rgb(128,171,94);
}
.wd .product-label.new {
	background-color: rgb(140,188,103);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	--wd-sticky-btn-height: 95px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 28px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1480px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1480px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1480px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1480px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgb(250,248,245);
}

/* ==========================================================
   GLAFENCY — WOODMART GIFT FILTER
   ПОЛНЫЙ ЧИСТЫЙ CSS

   Порядок фильтров в WoodMart:
   1. Повод для подарка
   2. Кому подарок
   3. Профессия
   4. Хобби
   5. Имя на подарке
   6. Животные
   7. Знаки Зодиака
   8. Школьный класс
   9. Тематика

   DESKTOP:
   1 ряд: Повод | Кому | Профессия | Хобби | Имя | Кнопка
   2 ряд: Животные | Зодиак | Класс | Тематика
   ========================================================== */


/* ==========================================================
   1. ОБЩИЕ НАСТРОЙКИ ПОЛЕЙ
   ========================================================== */

.wd-pf-checkboxes {
    min-width: 0 !important;
}

.wd-pf-checkboxes .wd-pf-title {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 62px !important;

    padding: 10px 36px 10px 14px !important;

    box-sizing: border-box !important;

    background: #fff !important;

    overflow: hidden !important;
}


/* ==========================================================
   2. НАЗВАНИЕ ФИЛЬТРА
   ========================================================== */

.wd-pf-checkboxes .wd-pf-title .title-text {
    display: block !important;

    margin: 0 0 4px !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.15 !important;

    font-weight: 500 !important;

    color: #777 !important;

    text-transform: uppercase !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    max-width: 100% !important;
}


/* ==========================================================
   3. ВЫБРАННОЕ ЗНАЧЕНИЕ
   ========================================================== */

.wd-pf-checkboxes .wd-pf-title .wd-pf-results {
    display: block !important;

    width: 100% !important;
    min-height: 19px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.25 !important;

    font-weight: 500 !important;

    color: #222 !important;

    background: transparent !important;

    white-space: nowrap !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* Если ничего не выбрано — сохраняем высоту */

.wd-pf-checkboxes .wd-pf-title .wd-pf-results:empty::before {
    content: "\00a0";
    display: block;
    min-height: 19px;
}


/* ==========================================================
   4. УБИРАЕМ СИСТЕМНЫЕ ПЛАШКИ WOODMART
   ========================================================== */

.wd-pf-checkboxes .wd-pf-title .wd-pf-results li,
.wd-pf-checkboxes .wd-pf-title .wd-pf-results li span {
    display: inline !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: inherit !important;

    color: inherit !important;

    background: transparent !important;
}


/* Несколько выбранных значений разделяем запятой */

.wd-pf-checkboxes .wd-pf-title .wd-pf-results li:not(:last-child)::after {
    content: ", ";
}


/* ==========================================================
   5. СТРЕЛКА
   ========================================================== */

.wd-pf-checkboxes .wd-pf-title::after {
    position: absolute !important;

    right: 13px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    margin: 0 !important;
}


/* ==========================================================
   6. DROPDOWN
   ========================================================== */

.wd-pf-dropdown {
    z-index: 1000 !important;
}

.wd-pf-dropdown ul li {
    transition:
        background-color .12s ease,
        color .12s ease !important;
}


/* Hover */

.wd-pf-dropdown ul li:hover,
.wd-pf-dropdown ul li:hover > a,
.wd-pf-dropdown ul li:hover .swatch-inner,
.wd-pf-dropdown ul li:hover .layer-term-name {
    background-color: #8db55c !important;
    color: #fff !important;
}


/* Выбранное значение */

.wd-pf-dropdown ul li.wd-active,
.wd-pf-dropdown ul li.wd-active > a,
.wd-pf-dropdown ul li.current-item,
.wd-pf-dropdown ul li.current-item > a,
.wd-pf-dropdown ul li[class*="active"],
.wd-pf-dropdown ul li[class*="active"] > a {
    background-color: #8db55c !important;
    color: #fff !important;
}


/* Вложенный текст тоже белый */

.wd-pf-dropdown ul li:hover *,
.wd-pf-dropdown ul li.wd-active *,
.wd-pf-dropdown ul li.current-item * {
    color: #fff !important;
}


/* ==========================================================
   7. КНОПКА
   ========================================================== */

.wd-pf-btn {
    display: flex !important;

    align-items: stretch !important;

    min-width: 0 !important;

    margin: 0 !important;
}


.wd-pf-btn button {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 62px !important;
    height: 62px !important;

    margin: 0 !important;

    padding: 0 18px !important;

    box-sizing: border-box !important;

    font-size: 0 !important;

    white-space: nowrap !important;
}


.wd-pf-btn button::after {
    content: "Найти подарок";

    font-size: 16px !important;
    line-height: 1 !important;

    font-weight: 600 !important;

    letter-spacing: 0 !important;
}


/* ==========================================================
   8. DESKTOP
   ========================================================== */

@media (min-width: 1200px) {

    /*
       Используем 12 колонок.

       Первый ряд:
       5 фильтров × 2 колонки
       кнопка × 2 колонки

       Второй ряд:
       4 фильтра × 3 колонки
    */

    .wd-product-filters {
        display: grid !important;

        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;

        column-gap: 12px !important;
        row-gap: 10px !important;

        align-items: stretch !important;
    }


    .wd-product-filters > .wd-pf-checkboxes,
    .wd-product-filters > .wd-pf-btn {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        margin: 0 !important;
    }


    /* ------------------------------------------
       1 РЯД
       ------------------------------------------ */

    /* 1. Повод */

    .wd-product-filters >
    .wd-pf-checkboxes:nth-child(1 of .wd-pf-checkboxes) {
        grid-column: 1 / span 2 !important;
        grid-row: 1 !important;
    }


    /* 2. Кому */

    .wd-product-filters >
    .wd-pf-checkboxes:nth-child(2 of .wd-pf-checkboxes) {
        grid-column: 3 / span 2 !important;
        grid-row: 1 !important;
    }


    /* 3. Профессия */

    .wd-product-filters >
    .wd-pf-checkboxes:nth-child(3 of .wd-pf-checkboxes) {
        grid-column: 5 / span 2 !important;
        grid-row: 1 !important;
    }


    /* 4. Хобби */

    .wd-product-filters >
    .wd-pf-checkboxes:nth-child(4 of .wd-pf-checkboxes) {
        grid-column: 7 / span 2 !important;
        grid-row: 1 !important;
    }


    /* 5. Имя */

    .wd-product-filters >
    .wd-pf-checkboxes:nth-child(5 of .wd-pf-checkboxes) {
        grid-column: 9 / span 2 !important;
        grid-row: 1 !important;
    }


    /* Кнопка */

    .wd-product-filters > .wd-pf-btn {
        grid-column: 11 / span 2 !important;
        grid-row: 1 !important;
    }


    /* ------------------------------------------
       2 РЯД
       ------------------------------------------ */

    /* 6. Животные */

    .wd-product-filters >
    .wd-pf-checkboxes:nth-child(6 of .wd-pf-checkboxes) {
        grid-column: 1 / span 3 !important;
        grid-row: 2 !important;
    }


    /* 7. Знаки Зодиака */

    .wd-product-filters >
    .wd-pf-checkboxes:nth-child(7 of .wd-pf-checkboxes) {
        grid-column: 4 / span 3 !important;
        grid-row: 2 !important;
    }


    /* 8. Школьный класс */

    .wd-product-filters >
    .wd-pf-checkboxes:nth-child(8 of .wd-pf-checkboxes) {
        grid-column: 7 / span 3 !important;
        grid-row: 2 !important;
    }


    /* 9. Тематика */

    .wd-product-filters >
    .wd-pf-checkboxes:nth-child(9 of .wd-pf-checkboxes) {
        grid-column: 10 / span 3 !important;
        grid-row: 2 !important;
    }

}


/* ==========================================================
   9. ПЛАНШЕТ
   Ничего вручную не переставляем
   ========================================================== */

@media (min-width: 768px) and (max-width: 1199px) {

    .wd-product-filters {
        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }


    .wd-product-filters > .wd-pf-checkboxes,
    .wd-product-filters > .wd-pf-btn {
        grid-column: auto !important;
        grid-row: auto !important;

        width: auto !important;

        margin: 0 !important;
    }


    .wd-product-filters > .wd-pf-btn {
        grid-column: 1 / -1 !important;
    }


    .wd-pf-checkboxes .wd-pf-title {
        min-height: 60px !important;
    }


    .wd-pf-btn button {
        min-height: 56px !important;
        height: 56px !important;
    }

}


/* ==========================================================
   10. МОБИЛЬНЫЙ
   Сохраняем естественный порядок WoodMart
   ========================================================== */

@media (max-width: 767px) {

    .wd-product-filters {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }


    /*
       ВАЖНО:
       здесь никаких nth-child и order.
       Порядок остаётся таким,
       как он задан в WoodMart.
    */

    .wd-product-filters > .wd-pf-checkboxes,
    .wd-product-filters > .wd-pf-btn {
        grid-column: auto !important;
        grid-row: auto !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    .wd-pf-checkboxes .wd-pf-title {
        min-height: 58px !important;

        padding:
            9px
            32px
            9px
            11px !important;
    }


    .wd-pf-checkboxes .wd-pf-title .title-text {
        font-size: 10px !important;

        margin-bottom: 3px !important;
    }


    .wd-pf-checkboxes .wd-pf-title .wd-pf-results {
        font-size: 14px !important;
    }


    /* Кнопка отдельной строкой */

    .wd-product-filters > .wd-pf-btn {
        grid-column: 1 / -1 !important;

        margin-top: 2px !important;
    }


    .wd-pf-btn button {
        min-height: 52px !important;
        height: 52px !important;
    }


    .wd-pf-btn button::after {
        font-size: 15px !important;
    }

}


/* ==========================================================
   11. СОВСЕМ МАЛЕНЬКИЙ ЭКРАН
   ========================================================== */

@media (max-width: 420px) {

    .wd-product-filters {
        grid-template-columns: 1fr !important;
    }


    .wd-product-filters > .wd-pf-btn {
        grid-column: 1 !important;
    }

}