:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--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: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #83b735;
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--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-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;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--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: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@media (max-width: 576px) {
	/* =========================================================
   BMK — центральная кнопка "Объявления"
   Woodmart Mobile Bottom Navbar
   ========================================================= */

@media (max-width: 1024px) {

    /* 3-й пункт Woodmart */
    .wd-toolbar > .wd-toolbar-item:nth-of-type(3) {
        position: relative;
        overflow: visible !important;
        z-index: 50;

        /* Кнопка немного выступает над панелью */
        transform: translateY(-1px);
    }


    /* =====================================================
       Основная круглая кнопка
       ===================================================== */

    .wd-toolbar > .wd-toolbar-item:nth-of-type(3) > a {
        position: relative !important;

        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;

        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 50% !important;

        overflow: hidden !important;
        isolation: isolate;

        /* Постоянная зелёная база */
        background:
            linear-gradient(
                145deg,
                #45b936 0%,
                #78d545 45%,
                #55c53d 100%
            ) !important;

        border:
            1px solid
            rgba(255,255,255,0.95) !important;

        box-shadow:
            0 8px 22px rgba(0,0,0,0.18),
            0 3px 8px rgba(0,0,0,0.10),
            inset 0 0 0 1px rgba(255,255,255,0.2) !important;

        opacity: 1 !important;
        filter: none !important;

        transform: scale(1);

        transition:
            transform 0.14s ease,
            box-shadow 0.18s ease !important;

        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }


    /* =====================================================
       Контейнер живого фона
       ===================================================== */

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a
    > .bmk-liquid-background {

        position: absolute !important;

        z-index: 0 !important;

        inset: -12px !important;

        border-radius: 50% !important;

        overflow: hidden !important;

        pointer-events: none !important;

        opacity: 1 !important;

        transform: translateZ(0);

        contain: layout paint;
    }


    /* Общий стиль мягких цветовых пятен */

    .bmk-liquid-background .bmk-liquid-blob {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        border-radius: 50% !important;

        pointer-events: none !important;

        will-change: transform;

        filter: blur(8px);

        opacity: 1;
    }


    /* Белое мягкое пятно */

    .bmk-liquid-background .bmk-liquid-white-1 {
        width: 42px;
        height: 42px;

        background:
            radial-gradient(
                circle,
                rgba(255,255,255,0.95) 0%,
                rgba(255,255,255,0.76) 34%,
                rgba(255,255,255,0.18) 70%,
                rgba(255,255,255,0) 100%
            );
    }


    /* Второе белое пятно */

    .bmk-liquid-background .bmk-liquid-white-2 {
        width: 30px;
        height: 30px;

        background:
            radial-gradient(
                circle,
                rgba(255,255,255,0.75) 0%,
                rgba(255,255,255,0.38) 55%,
                rgba(255,255,255,0) 100%
            );
    }


    /* Жёлтое пятно */

    .bmk-liquid-background .bmk-liquid-yellow-1 {
        width: 46px;
        height: 46px;

        background:
            radial-gradient(
                circle,
                rgba(255,224,70,1) 0%,
                rgba(255,221,52,0.84) 38%,
                rgba(255,221,52,0.24) 72%,
                rgba(255,221,52,0) 100%
            );
    }


    /* Второе жёлтое пятно */

    .bmk-liquid-background .bmk-liquid-yellow-2 {
        width: 30px;
        height: 30px;

        background:
            radial-gradient(
                circle,
                rgba(255,244,133,0.95) 0%,
                rgba(255,218,45,0.52) 55%,
                rgba(255,218,45,0) 100%
            );
    }


    /* Светло-зелёное пятно */

    .bmk-liquid-background .bmk-liquid-green {
        width: 48px;
        height: 48px;

        background:
            radial-gradient(
                circle,
                rgba(155,232,80,0.95) 0%,
                rgba(92,200,56,0.62) 48%,
                rgba(92,200,56,0) 100%
            );
    }


    /* =====================================================
       Очень лёгкий стеклянный блик
       Не анимируется
       ===================================================== */

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a
    > .bmk-liquid-shine {

        position: absolute !important;

        z-index: 2 !important;

        inset: 1px !important;

        border-radius: 50% !important;

        background:
            radial-gradient(
                circle at 31% 20%,
                rgba(255,255,255,0.25) 0%,
                rgba(255,255,255,0.10) 25%,
                rgba(255,255,255,0) 53%
            ) !important;

        pointer-events: none !important;
    }


    /* =====================================================
       Пользовательская иконка
       ===================================================== */

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a
    .wd-tools-icon {

        position: relative !important;

        z-index: 10 !important;

        width: 32px !important;
        height: 32px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        opacity: 1 !important;
        filter: none !important;

        transform: none !important;
    }


    /* =====================================================
       Полностью убираем стандартную шестерёнку Woodmart
       ===================================================== */

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a
    .wd-tools-icon::before {

        content: none !important;
        display: none !important;

        width: 0 !important;
        height: 0 !important;
    }


    /* Пользовательский IMG */

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a
    .wd-tools-icon img {

        position: relative !important;

        z-index: 11 !important;

        display: block !important;

        width: 32px !important;
        height: 32px !important;

        max-width: 32px !important;
        max-height: 32px !important;

        object-fit: contain !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        filter: none !important;

        transform: none !important;
    }


    /* Пользовательский SVG */

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a
    .wd-tools-icon svg {

        position: relative !important;

        z-index: 11 !important;

        display: block !important;

        width: 32px !important;
        height: 32px !important;

        max-width: 32px !important;
        max-height: 32px !important;

        opacity: 1 !important;
        filter: none !important;

        transform: none !important;
    }


    /* =====================================================
       Подпись Woodmart оставляем в HTML,
       но визуально скрываем
       ===================================================== */

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a
    .wd-tools-text,

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a
    .wd-toolbar-label {

        position: absolute !important;

        width: 1px !important;
        height: 1px !important;

        padding: 0 !important;
        margin: -1px !important;

        overflow: hidden !important;

        clip: rect(0,0,0,0) !important;
        clip-path: inset(50%) !important;

        white-space: nowrap !important;

        border: 0 !important;
    }


    /* =====================================================
       Нажатие
       ===================================================== */

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a:active,

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a.bmk-classifieds-pressed {

        transform: scale(0.90) !important;
    }


    /* Не позволяем Woodmart осветлять кнопку */

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a:hover,

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a:focus,

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a:focus-visible,

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3)
    > a:active,

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3).active
    > a,

    .wd-toolbar
    > .wd-toolbar-item:nth-of-type(3).wd-active
    > a {

        opacity: 1 !important;

        filter: none !important;

        outline: none !important;
    }


    /* =====================================================
       Выноска
       ===================================================== */

    #bmk-classifieds-popover {
        position: fixed !important;

        z-index: 999999 !important;

        left: 50% !important;

        bottom:
            calc(
                84px + env(safe-area-inset-bottom, 0px)
            ) !important;

        width: calc(100% - 28px) !important;
        max-width: 390px !important;

        padding:
            17px
            42px
            17px
            17px !important;

        border-radius: 18px !important;

        background:
            rgba(255,255,255,0.95) !important;

        border:
            1px solid
            rgba(255,255,255,0.85) !important;

        box-shadow:
            0 14px 38px rgba(0,0,0,0.16),
            0 4px 12px rgba(0,0,0,0.08) !important;

        -webkit-backdrop-filter:
            blur(16px) !important;

        backdrop-filter:
            blur(16px) !important;

        opacity: 0 !important;
        visibility: hidden !important;

        transform:
            translate(-50%, 22px)
            scale(0.97) !important;

        transition:
            opacity 0.25s ease,
            transform 0.32s cubic-bezier(0.22,1,0.36,1),
            visibility 0.25s ease !important;

        pointer-events: none !important;
    }


    #bmk-classifieds-popover.bmk-show {
        opacity: 1 !important;
        visibility: visible !important;

        transform:
            translate(-50%,0)
            scale(1) !important;

        pointer-events: auto !important;
    }


    #bmk-classifieds-popover
    .bmk-classifieds-content {

        position: relative;

        display: flex;
        align-items: flex-start;

        gap: 11px;
    }


    #bmk-classifieds-popover
    .bmk-classifieds-icon {

        flex: 0 0 auto;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 35px;
        height: 35px;

        font-size: 24px;
    }


    #bmk-classifieds-popover
    .bmk-classifieds-title {

        display: block;

        margin: 0 0 5px !important;

        color: #1f1f1f !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }


    #bmk-classifieds-popover
    .bmk-classifieds-text {

        display: block;

        margin: 0 !important;

        color: #555 !important;

        font-size: 13.5px !important;
        line-height: 1.42 !important;
    }


    /* Крестик */

    #bmk-classifieds-popover
    .bmk-classifieds-close {

        position: absolute !important;

        top: 8px !important;
        right: 10px !important;

        z-index: 5 !important;

        width: 30px !important;
        height: 30px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;

        box-shadow: none !important;

        color: #777 !important;

        font-family: Arial, sans-serif !important;
        font-size: 25px !important;
        font-weight: 300 !important;
        line-height: 1 !important;

        cursor: pointer !important;

        opacity: 1 !important;
    }


    #bmk-classifieds-popover
    .bmk-classifieds-close:hover,

    #bmk-classifieds-popover
    .bmk-classifieds-close:focus,

    #bmk-classifieds-popover
    .bmk-classifieds-close:active {

        border: 0 !important;

        background: transparent !important;

        box-shadow: none !important;

        outline: none !important;
    }


    #bmk-classifieds-popover
    .bmk-classifieds-sparkle {

        position: absolute;

        color: #ffb000;

        font-size: 12px;

        pointer-events: none;
    }


    #bmk-classifieds-popover
    .bmk-sparkle-1 {

        top: -7px;
        left: 24px;
    }


    #bmk-classifieds-popover
    .bmk-sparkle-2 {

        top: 12px;
        right: 2px;

        font-size: 9px;
    }
}
}

