@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//abelt-loja.com.br/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=7.6.0") format("woff2");
}

:root {
	--wd-cat-brd-radius: 50%;
	--wd-header-banner-h: 40px;
	--wd-text-font: "Work Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Urbanist", 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: "Urbanist", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 15px;
	--wd-primary-color: rgb(35,34,135);
	--wd-alternative-color: rgb(35,34,135);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-transform: none;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(35,34,135);
	--btn-accented-bgcolor-hover: rgb(35,34,135);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
:is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.shop-content-area.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);
}
.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: rgb(245,154,87);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 480px;
	--wd-popup-padding: 0px;
}
.header-banner {
	background-color: rgb(255,255,255);
	background-image: url(https://abelt-loja.com.br/wp-content/uploads/2026/08/Inserir-um-titulo-1920-x-50-px.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.page-title-default {
	background-color: rgb(14,22,130);
	background-image: url(https://abelt-loja.com.br/wp-content/uploads/2026/08/banner-para-pagina-loja.png);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(15,15,15);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
}
html .post.wd-post .post-title {
	font-size: 18px;
}
.page .main-page-wrapper {
	background-image: url(https://abelt-loja.com.br/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-image: url(https://abelt-loja.com.br/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-product .main-page-wrapper {
	background-image: url(https://abelt-loja.com.br/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.woodmart-archive-blog .main-page-wrapper {
	background-image: url(https://abelt-loja.com.br/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
.single-post .main-page-wrapper {
	background-image: url(https://abelt-loja.com.br/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	background-repeat: repeat;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgba(16,16,16,0.9);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(51,51,51);
}
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-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119)7;
	--wd-form-bg: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 15px;
	}
	.woocommerce-product-gallery {
		--wd-gallery-gap: 20px;
	}

}

@media (max-width: 768.98px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--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-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

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

@media (min-width: 1400px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@media (max-width: 576px) {
	/* ==========================================================
   ABELT MOBILE MENU PREMIUM
   VERSÃO CONSOLIDADA 4.3
   WOODMART

   SUBSTITUIR INTEGRALMENTE A VERSÃO ANTERIOR.
   NÃO EMPILHAR CÓDIGOS.
   ========================================================== */

@media (max-width: 1024px) {

    /* ======================================================
       IDENTIDADE VISUAL
       ====================================================== */

    .mobile-nav {
        --abelt-blue: #232287;
        --abelt-red: #e5040d;
        --abelt-bg: #ffffff;
        --abelt-soft: #f6f7fb;
        --abelt-soft-blue: #f8f8ff;
        --abelt-border: rgba(35, 34, 135, .11);
        --abelt-radius: 17px;
        --abelt-shadow: 0 5px 18px rgba(35, 34, 135, .055);
    }


    /* ======================================================
       01. PAINEL FULLSCREEN
       ====================================================== */

    .mobile-nav,
    .mobile-nav.wd-side-hidden {
        width: 100vw !important;
        max-width: 100vw !important;

        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;

        background: var(--abelt-bg) !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        box-shadow: none !important;

        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;

        scrollbar-width: thin;
        scrollbar-color: rgba(35,34,135,.20) transparent;
    }

    .mobile-nav::-webkit-scrollbar {
        width: 4px;
    }

    .mobile-nav::-webkit-scrollbar-track {
        background: transparent;
    }

    .mobile-nav::-webkit-scrollbar-thumb {
        background: rgba(35,34,135,.20);
        border-radius: 20px;
    }


    /* ======================================================
       02. CABEÇALHO
       ====================================================== */

    .mobile-nav .wd-heading {
        position: relative !important;

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

        min-height: 116px !important;

        padding:
            calc(12px + env(safe-area-inset-top))
            20px
            12px !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #ffffff 80%,
                #fafaff 100%
            ) !important;

        border-bottom: 1px solid #ededf3 !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       03. LOGOTIPO ABELT
       ====================================================== */

    .mobile-nav .wd-heading::before {
        content: "" !important;

        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        transform: translate(-50%, -50%) !important;

        width: 245px !important;
        height: 98px !important;

        background-image:
            url("https://abelt-loja.com.br/wp-content/uploads/2026/08/abelt-logo-sem-fundo.png") !important;

        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 250px 250px !important;

        pointer-events: none !important;

        z-index: 1 !important;
    }


    /* ======================================================
       04. BOTÃO FECHAR
       V4.3 - X SEM PSEUDO-ELEMENTOS

       O X agora é desenhado diretamente no background.
       Isso elimina conflito com o WoodMart.
       ====================================================== */

    .mobile-nav .close-side-widget {
        position: absolute !important;

        /*
         * Mais afastado da lateral direita.
         * Portanto o botão fica visualmente mais para dentro.
         */
        right: 24px !important;

        /*
         * Leve compensação vertical em relação
         * ao centro visual do logo.
         */
        top: calc(50% - 4px) !important;

        transform: translateY(-50%) !important;

        width: 38px !important;
        height: 38px !important;

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

        z-index: 20 !important;
    }


    .mobile-nav .close-side-widget > a {
        position: relative !important;

        display: block !important;

        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

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

        font-size: 0 !important;
        line-height: 0 !important;
        text-indent: -9999px !important;

        /*
         * CAMADA 1:
         * primeira haste do X.

         * CAMADA 2:
         * segunda haste do X.

         * CAMADA 3:
         * fundo circular do botão.
         */

        background:

            linear-gradient(
                45deg,
                transparent calc(50% - 1px),
                #232287 calc(50% - 1px),
                #232287 calc(50% + 1px),
                transparent calc(50% + 1px)
            )
            center / 15px 15px
            no-repeat,

            linear-gradient(
                -45deg,
                transparent calc(50% - 1px),
                #232287 calc(50% - 1px),
                #232287 calc(50% + 1px),
                transparent calc(50% + 1px)
            )
            center / 15px 15px
            no-repeat,

            linear-gradient(
                145deg,
                #fafaff 0%,
                #f0f0f8 100%
            )

            !important;

        border:
            1px solid rgba(35,34,135,.10) !important;

        border-radius: 50% !important;

        box-shadow:
            0 4px 14px rgba(35,34,135,.07) !important;

        overflow: hidden !important;

        transition:
            transform .18s ease,
            box-shadow .18s ease,
            border-color .18s ease !important;
    }


    /*
     * MUITO IMPORTANTE:
     * neutraliza completamente o X original do WoodMart.
     */

    .mobile-nav .close-side-widget > a::before,
    .mobile-nav .close-side-widget > a::after {
        content: none !important;
        display: none !important;

        width: 0 !important;
        height: 0 !important;

        background: none !important;

        border: 0 !important;

        transform: none !important;
    }


    .mobile-nav .close-side-widget > a:hover {
        transform: scale(1.04) !important;

        border-color:
            rgba(35,34,135,.16) !important;

        box-shadow:
            0 6px 18px rgba(35,34,135,.11) !important;
    }


    /* ======================================================
       05. ÁREA DE PESQUISA
       ====================================================== */

    .mobile-nav .wd-search-form {
        padding:
            20px
            18px
            22px !important;

        margin: 0 !important;

        background:
            linear-gradient(
                180deg,
                #f8f9fc 0%,
                #f5f6fb 100%
            ) !important;

        border-bottom: 1px solid #eceef4 !important;
    }


    .mobile-nav .searchform,
    .mobile-nav .wd-search-form form {
        min-height: 60px !important;

        background: #ffffff !important;

        border:
            1px solid var(--abelt-border) !important;

        border-radius:
            var(--abelt-radius) !important;

        overflow: hidden !important;

        box-shadow:
            var(--abelt-shadow) !important;

        transition:
            border-color .2s ease,
            box-shadow .2s ease,
            transform .2s ease !important;
    }


    .mobile-nav .searchform:focus-within,
    .mobile-nav .wd-search-form form:focus-within {
        border-color:
            rgba(35,34,135,.38) !important;

        box-shadow:
            0 7px 22px rgba(35,34,135,.10) !important;

        transform: translateY(-1px);
    }


    .mobile-nav .searchform input[type="text"],
    .mobile-nav .searchform input[type="search"],
    .mobile-nav .wd-search-form input[type="text"],
    .mobile-nav .wd-search-form input[type="search"] {
        min-height: 60px !important;

        padding-left: 21px !important;

        font-size: 16px !important;
        font-weight: 550 !important;

        color:
            var(--abelt-blue) !important;

        background: transparent !important;

        border: 0 !important;
    }


    .mobile-nav .searchform input::placeholder,
    .mobile-nav .wd-search-form input::placeholder {
        color:
            rgba(35,34,135,.57) !important;

        opacity: 1 !important;
    }


    .mobile-nav .searchsubmit {
        width: 62px !important;

        color:
            var(--abelt-blue) !important;

        background:
            transparent !important;
    }


    /* ======================================================
       06. MENU BASE
       ====================================================== */

    .mobile-nav .wd-nav-mobile {
        margin: 0 !important;
        padding: 0 !important;

        background:
            #ffffff !important;
    }


    .mobile-nav .wd-nav-mobile > li {
        position: relative !important;

        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;

        width: 100% !important;

        margin: 0 !important;

        box-sizing:
            border-box !important;

        background:
            #ffffff !important;
    }


    .mobile-nav .wd-nav-mobile a {
        color:
            var(--abelt-blue) !important;

        text-transform:
            none !important;
    }


    /* ======================================================
       07. WHATSAPP
       ====================================================== */

    .mobile-nav .wd-nav-mobile > li.abelt-whatsapp {
        border-bottom:
            1px solid #ececf2 !important;
    }


    .mobile-nav .wd-nav-mobile > li.abelt-whatsapp > a {
        flex: 1 !important;

        min-height: 70px !important;

        display: flex !important;
        align-items: center !important;

        padding:
            0 21px !important;

        font-size: 16px !important;
        font-weight: 700 !important;

        color:
            var(--abelt-blue) !important;

        background:
            linear-gradient(
                90deg,
                rgba(37,211,102,.095) 0%,
                rgba(37,211,102,.02) 70%,
                #ffffff 100%
            ) !important;
    }


    /* ======================================================
       08. ÍCONES
       ====================================================== */

    .mobile-nav li.abelt-whatsapp > a::before,
    .mobile-nav li.abelt-account > a::before,
    .mobile-nav li.abelt-orders > a::before {
        content: "" !important;

        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;

        margin-right: 15px !important;

        display:
            inline-block !important;

        border-radius:
            13px !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center !important;

        background-size:
            24px 24px !important;

        box-shadow:
            0 3px 10px rgba(35,34,135,.055) !important;
    }


    /* WHATSAPP */

    .mobile-nav li.abelt-whatsapp > a::before {
        background-color:
            rgba(37,211,102,.13) !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2325D366' d='M16.02 3C8.84 3 3 8.83 3 16c0 2.29.6 4.52 1.75 6.48L3 29l6.69-1.75A13 13 0 0 0 16.02 29C23.18 29 29 23.17 29 16S23.18 3 16.02 3Z'/%3E%3Cpath fill='white' d='M12.27 9.53c-.31-.7-.64-.71-.94-.72h-.8c-.28 0-.73.1-1.11.52-.38.42-1.45 1.42-1.45 3.45 0 2.04 1.49 4 1.69 4.28.21.28 2.92 4.46 7.08 6.25.99.43 1.76.68 2.36.87.99.32 1.89.27 2.61.17.8-.12 2.46-1.01 2.81-1.98.35-.97.35-1.81.24-1.98-.1-.18-.38-.28-.8-.49-.42-.21-2.46-1.21-2.84-1.35-.38-.14-.66-.21-.94.21-.28.42-1.08 1.35-1.32 1.63-.24.28-.49.31-.9.1-.42-.21-1.76-.65-3.36-2.07-1.24-1.11-2.08-2.48-2.32-2.9-.24-.42-.03-.65.18-.85.19-.19.42-.49.63-.73.21-.24.28-.42.42-.7.14-.28.07-.52-.03-.73-.11-.21-.92-2.27-1.27-3.08Z'/%3E%3C/svg%3E")
            !important;
    }


    /* CONTA */

    .mobile-nav li.abelt-account > a::before {
        background-color:
            rgba(35,34,135,.075) !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='10' r='6' fill='none' stroke='%23232287' stroke-width='2.4'/%3E%3Cpath d='M5.5 28c.8-6 4.7-9 10.5-9s9.7 3 10.5 9' fill='none' stroke='%23232287' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")
            !important;
    }


    /* PEDIDOS */

    .mobile-nav li.abelt-orders > a::before {
        background-color:
            rgba(35,34,135,.075) !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M7 10h18v17H7z' fill='none' stroke='%23232287' stroke-width='2.3'/%3E%3Cpath d='M11 10V8c0-2.8 2.2-5 5-5s5 2.2 5 5v2' fill='none' stroke='%23232287' stroke-width='2.3' stroke-linecap='round'/%3E%3Cpath d='M12 16h8M12 21h6' stroke='%23232287' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E")
            !important;
    }


    /* ======================================================
       09. CONTA + MEUS PEDIDOS
       ====================================================== */

    .mobile-nav .wd-nav-mobile > li.abelt-account,
    .mobile-nav .wd-nav-mobile > li.abelt-orders {
        width:
            calc(100% - 36px) !important;

        margin-left:
            18px !important;

        margin-right:
            18px !important;

        background:
            transparent !important;

        border:
            0 !important;
    }


    .mobile-nav .wd-nav-mobile > li.abelt-account {
        margin-top:
            14px !important;

        margin-bottom:
            10px !important;
    }


    .mobile-nav .wd-nav-mobile > li.abelt-orders {
        margin-top:
            0 !important;

        margin-bottom:
            15px !important;
    }


    .mobile-nav .wd-nav-mobile > li.abelt-account > a,
    .mobile-nav .wd-nav-mobile > li.abelt-orders > a {
        width:
            100% !important;

        flex:
            1 1 100% !important;

        min-height:
            66px !important;

        display:
            flex !important;

        align-items:
            center !important;

        padding:
            0 18px !important;

        font-size:
            16px !important;

        font-weight:
            750 !important;

        color:
            var(--abelt-blue) !important;

        background:
            linear-gradient(
                135deg,
                #ffffff 0%,
                #f8f8ff 100%
            ) !important;

        border:
            1px solid var(--abelt-border) !important;

        border-radius:
            var(--abelt-radius) !important;

        box-shadow:
            var(--abelt-shadow) !important;

        transition:
            transform .18s ease,
            box-shadow .18s ease,
            background .18s ease !important;
    }


    /* ======================================================
       10. DEPARTAMENTOS
       ====================================================== */

    .mobile-nav li.abelt-departments-first {
        margin-top:
            0 !important;

        padding:
            70px
            18px
            10px !important;

        border-top:
            10px solid var(--abelt-soft) !important;

        border-bottom:
            0 !important;

        background:
            #ffffff !important;
    }


    .mobile-nav li.abelt-departments-first::before {
        content:
            "Departamentos" !important;

        position:
            absolute !important;

        left:
            29px !important;

        top:
            22px !important;

        font-size:
            22px !important;

        line-height:
            1 !important;

        font-weight:
            800 !important;

        letter-spacing:
            -.02em !important;

        color:
            var(--abelt-blue) !important;

        z-index:
            3 !important;
    }


    .mobile-nav li.abelt-departments-first::after {
        content: "" !important;

        position:
            absolute !important;

        left:
            29px !important;

        top:
            52px !important;

        width:
            44px !important;

        height:
            4px !important;

        border-radius:
            20px !important;

        background:
            var(--abelt-red) !important;
    }


    .mobile-nav li.abelt-departments-first + li {
        padding:
            0
            18px
            10px !important;

        border:
            0 !important;

        background:
            #ffffff !important;
    }


    /* ======================================================
       11. CARDS DAS CATEGORIAS
       ====================================================== */

    .mobile-nav li.abelt-departments-first > a,
    .mobile-nav li.abelt-departments-first + li > a {
        flex:
            1 1 auto !important;

        min-width:
            0 !important;

        min-height:
            66px !important;

        display:
            flex !important;

        align-items:
            center !important;

        padding:
            0
            18px !important;

        font-size:
            16px !important;

        font-weight:
            750 !important;

        color:
            var(--abelt-blue) !important;

        background:
            linear-gradient(
                135deg,
                #ffffff 0%,
                #f8f8ff 100%
            ) !important;

        border:
            1px solid var(--abelt-border) !important;

        border-right:
            0 !important;

        border-radius:
            var(--abelt-radius)
            0
            0
            var(--abelt-radius) !important;

        box-shadow:
            var(--abelt-shadow) !important;
    }


    .mobile-nav li.abelt-departments-first > .wd-nav-opener,
    .mobile-nav li.abelt-departments-first + li > .wd-nav-opener {
        flex:
            0 0
            62px !important;

        width:
            62px !important;

        min-width:
            62px !important;

        height:
            66px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        color:
            var(--abelt-blue) !important;

        background:
            linear-gradient(
                145deg,
                #f8f8ff,
                #f1f1fa
            ) !important;

        border:
            1px solid var(--abelt-border) !important;

        border-radius:
            0
            var(--abelt-radius)
            var(--abelt-radius)
            0 !important;

        box-shadow:
            4px 5px 18px rgba(35,34,135,.045) !important;
    }


    .mobile-nav li.abelt-departments-first > .wd-nav-opener.wd-active,
    .mobile-nav li.abelt-departments-first + li > .wd-nav-opener.wd-active {
        color:
            #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #232287,
                #3735ab
            ) !important;

        border-color:
            var(--abelt-blue) !important;
    }


    /* ======================================================
       12. SUBMENU DOS DEPARTAMENTOS
       ====================================================== */

    .mobile-nav li.abelt-departments-first > .wd-sub-menu,
    .mobile-nav li.abelt-departments-first > .sub-menu,
    .mobile-nav li.abelt-departments-first + li > .wd-sub-menu,
    .mobile-nav li.abelt-departments-first + li > .sub-menu {
        flex:
            0 0
            100% !important;

        width:
            100% !important;

        border:
            1px solid rgba(35,34,135,.08) !important;

        border-top:
            0 !important;

        border-radius:
            0
            0
            var(--abelt-radius)
            var(--abelt-radius) !important;

        overflow:
            hidden !important;

        box-shadow:
            0 8px 22px rgba(35,34,135,.05) !important;
    }


    /* ======================================================
       13. NAVEGAÇÃO
       ====================================================== */

    .mobile-nav li.abelt-navigation-first {
        margin-top:
            10px !important;

        padding:
            66px
            18px
            10px !important;

        border-top:
            10px solid var(--abelt-soft) !important;

        border-bottom:
            0 !important;

        background:
            #ffffff !important;
    }


    .mobile-nav li.abelt-navigation-first::before {
        content:
            "NAVEGAÇÃO" !important;

        position:
            absolute !important;

        left:
            29px !important;

        top:
            22px !important;

        font-size:
            14px !important;

        font-weight:
            800 !important;

        letter-spacing:
            .12em !important;

        color:
            var(--abelt-blue) !important;
    }


    .mobile-nav li.abelt-navigation-first::after {
        content: "" !important;

        position:
            absolute !important;

        left:
            29px !important;

        top:
            49px !important;

        width:
            44px !important;

        height:
            4px !important;

        border-radius:
            20px !important;

        background:
            var(--abelt-red) !important;
    }


    /* ======================================================
       14. CARDS DA NAVEGAÇÃO
       ====================================================== */

    .mobile-nav li.abelt-navigation-first > a {
        min-height:
            60px !important;

        width:
            100% !important;

        display:
            flex !important;

        align-items:
            center !important;

        padding:
            0
            18px !important;

        font-size:
            16px !important;

        font-weight:
            700 !important;

        color:
            var(--abelt-blue) !important;

        background:
            linear-gradient(
                135deg,
                #ffffff,
                #f9f9ff
            ) !important;

        border:
            1px solid var(--abelt-border) !important;

        border-radius:
            var(--abelt-radius) !important;

        box-shadow:
            var(--abelt-shadow) !important;
    }


    .mobile-nav li.abelt-navigation-first ~ li {
        width:
            calc(100% - 36px) !important;

        margin:
            0
            18px
            10px !important;

        border:
            0 !important;

        background:
            transparent !important;
    }


    .mobile-nav li.abelt-navigation-first ~ li > a {
        flex:
            1 1 auto !important;

        min-width:
            0 !important;

        min-height:
            60px !important;

        display:
            flex !important;

        align-items:
            center !important;

        padding:
            0
            18px !important;

        font-size:
            16px !important;

        font-weight:
            700 !important;

        color:
            var(--abelt-blue) !important;

        background:
            linear-gradient(
                135deg,
                #ffffff 0%,
                #f9f9ff 100%
            ) !important;

        border:
            1px solid var(--abelt-border) !important;

        border-radius:
            var(--abelt-radius) !important;

        box-shadow:
            var(--abelt-shadow) !important;
    }


    /* ======================================================
       15. NAVEGAÇÃO COM SUBMENU
       ====================================================== */

    .mobile-nav
    li.abelt-navigation-first
    ~ li.menu-item-has-children
    > a {
        border-right:
            0 !important;

        border-radius:
            var(--abelt-radius)
            0
            0
            var(--abelt-radius) !important;
    }


    .mobile-nav
    li.abelt-navigation-first
    ~ li.menu-item-has-children
    > .wd-nav-opener {
        flex:
            0 0
            60px !important;

        width:
            60px !important;

        min-width:
            60px !important;

        height:
            60px !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        color:
            var(--abelt-blue) !important;

        background:
            #f5f5fc !important;

        border:
            1px solid var(--abelt-border) !important;

        border-radius:
            0
            var(--abelt-radius)
            var(--abelt-radius)
            0 !important;

        box-shadow:
            3px 5px 18px rgba(35,34,135,.04) !important;
    }


    .mobile-nav
    li.abelt-navigation-first
    ~ li.menu-item-has-children
    > .wd-nav-opener.wd-active {
        color:
            #ffffff !important;

        background:
            var(--abelt-blue) !important;
    }


    /* ======================================================
       16. SUBMENUS GERAIS
       ====================================================== */

    .mobile-nav .wd-nav-mobile > li > .wd-sub-menu,
    .mobile-nav .wd-nav-mobile > li > .sub-menu {
        flex:
            0 0
            100% !important;

        width:
            100% !important;
    }


    .mobile-nav .wd-nav-mobile .wd-sub-menu,
    .mobile-nav .wd-nav-mobile .sub-menu {
        background:
            #f8f9fc !important;
    }


    .mobile-nav .wd-nav-mobile .wd-sub-menu > li,
    .mobile-nav .wd-nav-mobile .sub-menu > li {
        margin:
            0 !important;

        border-top:
            1px solid #ececf2 !important;
    }


    .mobile-nav .wd-nav-mobile .wd-sub-menu > li > a,
    .mobile-nav .wd-nav-mobile .sub-menu > li > a {
        min-height:
            54px !important;

        display:
            flex !important;

        align-items:
            center !important;

        padding:
            12px
            20px
            12px
            34px !important;

        font-size:
            15px !important;

        font-weight:
            600 !important;

        line-height:
            1.35 !important;

        color:
            var(--abelt-blue) !important;

        background:
            #fafbfe !important;
    }


    .mobile-nav .wd-nav-mobile .wd-sub-menu > li > a::before,
    .mobile-nav .wd-nav-mobile .sub-menu > li > a::before {
        content: "" !important;

        width:
            5px !important;

        height:
            5px !important;

        min-width:
            5px !important;

        margin-right:
            11px !important;

        border-radius:
            50% !important;

        background:
            var(--abelt-red) !important;

        opacity:
            .72 !important;
    }


    /* ======================================================
       17. ACABAMENTO FINAL
       ====================================================== */

    .mobile-nav .mobile-pages-menu {
        padding-bottom:
            calc(
                35px +
                env(safe-area-inset-bottom)
            ) !important;
    }


    .mobile-nav *,
    .mobile-nav *::before,
    .mobile-nav *::after {
        box-sizing:
            border-box;
    }

}


/* ==========================================================
   TELAS MENORES
   ========================================================== */

@media (max-width: 390px) {

    .mobile-nav .wd-heading {
        min-height:
            108px !important;
    }


    .mobile-nav .wd-heading::before {
        width:
            220px !important;

        height:
            90px !important;

        background-size:
            228px 228px !important;
    }


    /*
     * Mais espaço lateral também nos celulares estreitos.
     */

    .mobile-nav .close-side-widget {
        right:
            20px !important;

        top:
            calc(50% - 4px) !important;

        width:
            36px !important;

        height:
            36px !important;
    }


    .mobile-nav .close-side-widget > a {
        width:
            36px !important;

        height:
            36px !important;

        min-width:
            36px !important;

        min-height:
            36px !important;

        background:

            linear-gradient(
                45deg,
                transparent calc(50% - 1px),
                #232287 calc(50% - 1px),
                #232287 calc(50% + 1px),
                transparent calc(50% + 1px)
            )
            center / 14px 14px
            no-repeat,

            linear-gradient(
                -45deg,
                transparent calc(50% - 1px),
                #232287 calc(50% - 1px),
                #232287 calc(50% + 1px),
                transparent calc(50% + 1px)
            )
            center / 14px 14px
            no-repeat,

            linear-gradient(
                145deg,
                #fafaff 0%,
                #f0f0f8 100%
            )

            !important;
    }


    .mobile-nav .wd-nav-mobile a {
        font-size:
            15px !important;
    }

}
}