@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/fonts/TitilliumWeb-Bold.eot');
    src: url('../assets/fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/TitilliumWeb-Bold.woff2') format('woff2'),
    url('../assets/fonts/TitilliumWeb-Bold.woff') format('woff'),
    url('../assets/fonts/TitilliumWeb-Bold.ttf') format('truetype'),
    url('../assets/fonts/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/fonts/TitilliumWeb-Regular.eot');
    src: url('../assets/fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/TitilliumWeb-Regular.woff2') format('woff2'),
    url('../assets/fonts/TitilliumWeb-Regular.woff') format('woff'),
    url('../assets/fonts/TitilliumWeb-Regular.ttf') format('truetype'),
    url('../assets/fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/fonts/TitilliumWeb-SemiBold.eot');
    src: url('../assets/fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
    url('../assets/fonts/TitilliumWeb-SemiBold.woff') format('woff'),
    url('../assets/fonts/TitilliumWeb-SemiBold.ttf') format('truetype'),
    url('../assets/fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../assets/fonts/TitilliumWeb-SemiBold.eot');
    src: url('../assets/fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
    url('../assets/fonts/TitilliumWeb-SemiBold.woff') format('woff'),
    url('../assets/fonts/TitilliumWeb-SemiBold.ttf') format('truetype'),
    url('../assets/fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/fonts/OpenSans-Bold.eot');
    src: url('../assets/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/OpenSans-Bold.woff2') format('woff2'),
    url('../assets/fonts/OpenSans-Bold.woff') format('woff'),
    url('../assets/fonts/OpenSans-Bold.ttf') format('truetype'),
    url('../assets/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/fonts/OpenSans-Medium.eot');
    src: url('../assets/fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/OpenSans-Medium.woff2') format('woff2'),
    url('../assets/fonts/OpenSans-Medium.woff') format('woff'),
    url('../assets/fonts/OpenSans-Medium.ttf') format('truetype'),
    url('OpenSans-Medium.svg#OpenSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/fonts/OpenSans-Regular.eot');
    src: url('../assets/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/OpenSans-Regular.woff2') format('woff2'),
    url('../assets/fonts/OpenSans-Regular.woff') format('woff'),
    url('../assets/fonts/OpenSans-Regular.ttf') format('truetype'),
    url('../assets/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../assets/fonts/OpenSans-SemiBold.eot');
    src: url('../assets/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/OpenSans-SemiBold.woff2') format('woff2'),
    url('../assets/fonts/OpenSans-SemiBold.woff') format('woff'),
    url('../assets/fonts/OpenSans-SemiBold.ttf') format('truetype'),
    url('../assets/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


:root {

    --B2B_corner_4: 4px;

    --B2B_danger_50:#C53939;

    --B2B_warning_0: #FFD952;
    --B2B_warning_50: #E8BB1F;


    --B2B_Blue_0:#C9F6FF;
    --B2B_Blue_50: #0098B9;
    --B2B_Blue_100:#066892;

    --B2B_green_0:#799E79;
    --B2B_green_50: #3F783D;
    --B2B_green_100: #185B15;


    --B2B_grey_0: #FDFEFE;
    --B2B_grey_50: #F6F8FC;
    --B2B_grey_100: #E6EBF1;
    --B2B_grey_200: #BCC9D1;
    --B2B_grey_300: #8093A0;
    --B2B_grey_400: #475865;
    --B2B_grey_500: #2B343B;
    --B2B_grey_600: #0C1114;
    
    --B2B_sucess_50: #4EB94E;
    --B2B_sucess_100: #2D7A2D;

    --B2B_bonificado: #CCFFF3;


}

.bg-danger {
    background-color: var(--B2B_danger_50) !important;
}


.success {
    color: var(--sucess) !important;
}

.danger {
    color: var(--tgt-theme--300) !important;
}

.danger-100 {
    color: var(--tgt-danger--100) !important;
}

.b2b_blue_50 {
    color: var(--B2B_Blue_50) !important;
}


.btn-primary {
    --bs-btn-color: var(--B2B_grey_0);
    --bs-btn-bg: var(--cor_principal);
    --bs-btn-border-color: var(--cor_principal);
    --bs-btn-hover-color: var(--B2B_grey_0);
    --bs-btn-hover-bg: var(--cor_principal);
    --bs-btn-hover-border-color: var(--cor_principal);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--B2B_grey_0);
    --bs-btn-active-bg: var(--cor_principal);
    --bs-btn-active-border-color: var(--cor_principal);

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: var(--B2B_grey_0);
    --bs-btn-disabled-bg: var(--cor_principal);
    --bs-btn-disabled-border-color: var(--cor_principal);

    --bs-btn-border-radius: 4px;
    --bs-btn-font-weight: 600;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: var(--cor_principal);
    border-color: var(--cor_principal);
}

.btn-outline-primary {
    --bs-btn-color: var(--cor_principal);
    --bs-btn-border-color: var(--cor_principal);
    --bs-btn-hover-color: var(--B2B_grey_0);
    --bs-btn-hover-bg: var(--cor_principal);
    --bs-btn-hover-border-color: var(--cor_principal);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--B2B_grey_0);
    --bs-btn-active-bg: var(--cor_principal);
    --bs-btn-active-border-color: var(--cor_principal);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cor_principal);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--cor_principal);
    --bs-gradient: none;
    --bs-btn-border-radius: 4px;
}


.btn-outline-danger {
    --bs-btn-color: var(--tgt-theme--300);
    --bs-btn-border-color: var(--tgt-theme--300);
    --bs-btn-hover-color: var(--B2B_grey_0);
    --bs-btn-hover-bg: var(--tgt-theme--300);
    --bs-btn-hover-border-color: var(--tgt-theme--300);
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: var(--B2B_grey_0);
    --bs-btn-active-bg: var(--tgt-theme--300);
    --bs-btn-active-border-color: var(--tgt-theme--300);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--tgt-theme--300);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--tgt-theme--300);
    --bs-gradient: none;
}

.btn-link {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--B2B_grey_400);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--B2B_grey_400);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--B2B_grey_400);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: none;
}

.alert-success {
    --bs-alert-color: var(--B2B_grey_0);
    --bs-alert-bg: var(--sucess);
    --bs-alert-border-color: var(--sucess);

}
.alert-success-2 {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.card-produto .badge{
    border-radius: 14px;
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}
.text-bg-light{
    background: var(--B2B_grey_100)!important;
    color: var(--B2B_grey_400)!important;
}
.text-bg-info{
    background: var(--B2B_Blue_0)!important;
    color: var(--B2B_Blue_100)!important;
}

.modal-header,
.modal-footer {
    border: none;
}

.modal-header {
    justify-content: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding: 0 0rem 1rem 0rem;
}

.modal-body,
.modal-footer {
    padding: 0 2rem;
}

.modal-content .btn-close {
    padding: 1rem;
    margin-left: auto;
}

.modal-footer {
    margin: 1rem 0;
}

.modal-footer button {
    width: 100%;
}

.req {
    color: red;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5,
h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article,
aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;

}

body {
    height: 100%;
    overflow: unset;
    font-family: "Titillium Web";
    background-color: var(--B2B_grey_0);
    margin: 0;
}

.body_bloqueada {
    overflow: hidden;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--B2B_grey_600);
    font-family: 'Titillium Web';
    font-size: 18px;
    font-weight: 600;
}

a:hover {
    color: var(--primary);
    text-decoration: none;
}

header {
    background: var(--B2B_grey_0);
}

.tgt-header {
    align-items: center;
    flex-wrap: wrap;
    border-bottom: none;
    background-color: var(--B2B_grey_0);
    padding: 0.5rem;
    font-size: 16px;
}

@media (min-width: 768px) {
    .tgt-header {
        padding: 1rem;
    }
}
@media (min-width: 992px) {
    .tgt-header {
        align-items: flex-end;
        flex-wrap: nowrap;
    }
}

.tgt-header .container-logo {
    display: inline-flex;
    align-items: center;
    max-width: 96px;
    height: 30px;
}

@media (min-width: 340px) {
    .tgt-header .container-logo {
        max-width: 120px;
    }
}

@media (min-width: 768px) {
    .tgt-header .container-logo {
        max-width: 160px;
        height: 36px;
    }
}
@media (min-width: 992px) {
    .tgt-header .container-logo {
        max-width: 220px;
        height: 48px;
        align-items: flex-end;
    }
}
@media (min-width: 1200px) {
    .tgt-header .container-logo {
        max-width: 270px;
        height: 60px;
    }
}

.tgt-header .container-logo img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

@media (min-width: 992px) {
    .header-fixed.fixed-top .tgt-header {
        padding: 0.5rem 2rem;
    }
    
    .header-fixed.fixed-top .container-logo img {
        height: 70%;
        margin-top: 5%;
    }
}


.tgt-header .botoes-acao {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.tgt-header .botoes-acao li {
    display: inline-flex;
    align-items: center;
    height: 41px;
}

@media (min-width: 768px) {
    .tgt-header .botoes-acao li {
        height: 48px;
    }
}

@media (max-width: 767.98px) {
    .tgt-header .botoes-acao li.meu_carrinho {
        order: 1;
    }
    .tgt-header .botoes-acao li.minha_notificacao {
        order: 2;
    }
}

.tgt-header .botoes-acao li:hover {
    border-radius: var(--B2B_corner_4);
    background: var(--B2B_grey_50);
}

.tgt-header .botoes-acao .botao-acao {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 120%;
    padding: 8px;
}
@media (min-width: 768px) {
    .tgt-header .botoes-acao .botao-acao {
        padding: 8px 16px;
    }
}

.tgt-header .botoes-acao .bi {
    font-size: 24px;
    color: var(--B2B_grey_400);
}

.tgt-header .botoes-acao p {
    color: var(--B2B_grey_600);
}

.mx-auto {
    width: min-content !important;
}

.tgt-header .botoes-acao .detalhe-icone {
    width: 37px;
    height: 37px;
    background: var(--B2B_grey_100);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1px;
    position: relative;
}

/* .tgt-header .minha_notificacao a {
    margin-top: 3px;
} */

.notificacao_carrinho {
    position: absolute;
    top: 0;
    color: #fff;
    background: var(--B2B_danger_50);
    border-radius: 50%;
    font-size: 10px;
    width: 13px;
    height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 13px;
    padding-top: 1px;
}

.tgt-header .tgt-icone {
    font-size: 1rem;
}

.tgt-header .buscar {
    width: 35vw;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 0 1rem 0 1rem;
    background-color: var(--B2B_grey_100);
}

.tgt-header .buscar input[type="search"] {
    border: none;
    width: 100%;
    height: 100%;
    padding-left: 0.5rem;
    background-color: var(--cor-fundo-primario);
    outline: none;
}

.tgt-header .buscar ::placeholder {
    color: var(--B2B_grey_300);
    font-family: 'Titillium Web';
    font-weight: 300;
}

.tgt-header .buscar i {
    color: var(--B2B_grey_400);
}

.tgt-header .buscar-geral {
    width: 100%;
}

.tgt-header .buscar-geral .links-superior-buscar {
    display: none;
}

.tgt-header .buscar-geral .filtro_busca_geral {
    position: relative;
    cursor: pointer;
}

.tgt-header .buscar-geral .filtro_busca_geral_hover {
    display: none;
    position: absolute;
    right: -13px;
    top: -6px;
}

.tgt-header .buscar-geral .filtro_busca_geral_hover.ativo {
    display: block;
}

nav {
    background: var(--cor_principal);
}

.tgt-nav {
    display: none;
    padding: 0.5rem 0;
    align-items: flex-start;
    justify-content: space-around;
    position: relative;
    background: var(--cor_principal);

}

.tgt-nav > .t_nav-item {
    font-size: 24px;
    color: var(--B2B_grey_0);
}

.tgt-nav .t_nav-item a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--B2B_grey_0);
    text-transform: capitalize;
    font-size: 16px;
}

.tgt-nav > .t_nav-item:hover {
    background: none !important;
}


.tgt-nav .t_nav-item:hover .submenu,
.tgt-nav .t_nav-item .submenu.ativo {
    display: block;
}


.tgt-nav .submenu {
    display: none;
    max-width: 400px;
    position: fixed;
    z-index: 11;
    background: var(--B2B_grey_0);
    margin-top: -1px;
    border-radius: 8px 0 0 8px;
    padding: 1rem;
    border-right: 1px solid var(--B2B_grey_100);
    box-shadow: 2px 2px 4px 0 rgba(111, 121, 125, 0.25), -2px -2px 4px 0 rgba(111, 121, 125, 0.25);


}

.tgt-nav .submenu li {
    position: relative;
}

.tgt-nav .t_nav-item .submenu li a:hover {
    /* background-color: #F6F8FC; */
    border-radius: 0 8px 8px 8px;
}

.tgt-nav .t_nav-item:hover .submenu li:hover .submenu3,
.tgt-nav .t_nav-item .submenu3.ativo {
    display: block;
}

.painel-adm-mobile {
    width: 100%;
    gap: 0.85rem;
    display: flex;
    flex-direction: column;

}

.painel-adm-mobile li a {
    display: flex;
    justify-content: space-between;
}

.painel-adm-mobile li:last-child {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--B2B_grey_100);
}


.minha-conta,
.meu_carrinho,
.minha_notificacao {
    position: relative;
}

.meu_carrinho:hover .card_carrinho_hover,
.minha-conta:hover .minha_conta_hover,
.minha-conta:focus-within .minha_conta_hover,
.minha_notificacao:hover .card_notificacoes_hover {
    display: block;
}

.minha_conta_hover,
.card_carrinho_hover,
.card_notificacoes_hover {
    display: none;
    position: absolute;
    z-index: 99;
    background: var(--B2B_grey_0);
    border-radius: 8px;
    top: 41px;
    right: 0;
    width: 270px;
    box-shadow: 4px 4px 12px 4px rgb(139 122 106 / 25%);
}
@media (min-width: 768px) {
    .minha_conta_hover,
    .card_carrinho_hover,
    .card_notificacoes_hover {
        top: 48px;
    }
}

.minha_conta_hover input {
    height: 40px;
}


.minha_conta_hover {
    width: max-content;
    left: 0;
}

.hover_deslogado {
    width: 275px !important;
}

.minha_conta_hover .minha_conta_hover_deslogado {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    font-family: "Titillium Web";
}

.minha_conta_hover .minha_conta_hover_logado {
    padding: 0.5rem 0;
}

.minha_conta_hover .minha_conta_hover_logado li {
    display: flex;
    height: auto;
    padding: 0;
}

.minha_conta_hover .minha_conta_hover_logado li:hover {
    background-color: var(--B2B_grey_50);
}

.minha_conta_hover .minha_conta_hover_logado li a {
    font-weight: 500;
    font-size: 1rem;
    line-height: 24px;
    display: flex;
    gap: 9px;
    align-items: center;
    padding: 0.5rem 1rem;
    width: 100%;
}

.minha_conta_hover .minha_conta_hover_logado li a .bi {
    font-size: 1rem !important;
}

.containerMenu .minha-conta {
    animation: show-right .5s forwards;
}
.containerMenu .minha-conta #login_form {
    display: none;
}
.containerMenu .minha-conta .botao-acao {
    display: flex;
    padding: 0.75rem 1rem;
    background-color: var(--cor_principal);
    color: var(--B2B_grey_0);
}
.containerMenu .minha-conta .botao-acao i {
    display: none;
}
.containerMenu .minha_conta_hover {
    display: block;
    position: initial;
    background: var(--B2B_grey_0);
    border-radius: 0;
    border-bottom: 1px solid var(--B2B_grey_100);
    top: 0;
    right: 0;
    width: 100%;
    box-shadow: none;
}
.containerMenu .minha_conta_hover li a:hover {
    color: var(--B2B_grey_600);
}

.senha {
    display: flex;
    flex-direction: column;
    /* justify-content: end; */
}

.senha a {
    align-self: flex-end;
    text-align: end;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--cor_principal);
    margin-right: -10px;
}

.box-senha #passwd::-ms-reveal,
input::-ms-clear {
    display: none;
}

.primeiro-acesso a {
    text-decoration: none !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--cor_principal);
}

.primeiro-acesso .btn-link:hover {
    text-decoration: underline !important;
}


.card_carrinho_hover .carrinho-vazio {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.card_carrinho_hover .carrinho-vazio .bi,
.card_notificacoes_hover .sem-notificacao .bi {
    font-size: 3rem !important;
    color: var(--B2B_grey_300) !important;
}

.card_carrinho_hover .carrinho-vazio span,
.card_notificacoes_hover .sem-notificacao span {
    font-family: "Titillium Web";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.card_carrinho_hover .title_card_carrinho {
    padding: 1rem;
}

.card_carrinho_hover .title_card_carrinho h3 {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: var(--B2B_grey_500);
}

.card_carrinho_hover .info-carrinho-hover {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.card_carrinho_hover .info-carrinho-hover p {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    width: 100% !important;

    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--B2B_grey_400);
}


.card_carrinho_hover .footer_card_carrinho div {

    background: var(--B2B_grey_50);
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
}

.card_carrinho_hover .footer_card_carrinho .subtotal_carrinho {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: -webkit-fill-available;
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--B2B_grey_600);
}

.card_carrinho_hover .footer_card_carrinho .btn {
    width: -webkit-fill-available;
    margin: 1rem;

}

.card_notificacao,
.card_notificacoes_hover {
    width: 400px;
    padding: 16px;
}

.card_notificacoes_hover .sem-notificacao {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card_notificacao ul,
.card_notificacoes_hover ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card_notificacao ul li,
.card_notificacoes_hover ul li {
    display: flex;
    padding: 0.5rem 1rem;
    height: auto !important;
    align-items: center;

}

.card_notificacoes_hover ul li:hover {
    background: var(--B2B_grey_50);
    border-radius: var(--B2B_corner_4);
}

.card_notificacao ul li img,
.card_notificacoes_hover ul li img {
    width: 32px;
    height: auto;

}

.card_notificacao .info_notificacao,
.card_notificacoes_hover .info_notificacao {
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.card_notificacao ul li h2,
.card_notificacoes_hover ul li h2 {
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: var(--B2B_grey_600);
}

.card_notificacao ul li p,
.card_notificacoes_hover ul li p {
    font-family: "Titillium Web";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--B2B_grey_400) !important;
    width: 100% !important;
}

.card_notificacao .btns_notificacao,
.card_notificacoes_hover .btns_notificacao {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    align-items: end;
    gap: 0.5rem;
}

.card_notificacao .btns_notificacao span,
.card_notificacoes_hover .btns_notificacao span {
    font-family: "Titillium Web";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--B2B_grey_600);
}

.card_notificacao .btns_notificacao a,
.card_notificacoes_hover .btns_notificacao a {
    color: var(--B2B_grey_400);
    font-family: "Titillium Web";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    text-decoration-line: underline;
}

.card_notificacoes_hover .todas_notificacoes {
    color: var(--B2B_grey_400);
    font-family: "Titillium Web";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    text-decoration-line: underline;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 8px;
}


.submenu3 {
    display: none;
    position: absolute;
    left: 100%;
    background: var(--B2B_grey_0);
    width: max-content;
    top: 0;
    box-shadow: 3px 3px 2px 0 rgba(114, 127, 134, 0.25);
    border-radius: 0 8px 8px 0;
}

.tgt-nav .submenu li a {
    display: flex;
    gap: 1rem;
    padding: 0.5rem;
    flex-direction: row;
    color: var(--B2B_grey_400);

}

.tgt-nav .submenu li a:hover {
    background-color: var(--B2B_grey_50);

}

.tgt-nav .t_nav-item .detalhe-icon {
    width: 44px;
    height: 44px;
    background: var(--B2B_grey_0);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes show-right {
    from {
        opacity: 0;
        transform: translate3d(-30px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0px, 0, 0);
    }
}

nav.ativo-menu .tgt-nav {
    display: flex;
    flex-direction: column;
    /*gap: .85rem;*/
    align-items: flex-start;
    animation: show-right .5s forwards;
    z-index: 99;
    background-color: var(--B2B_grey_0);
    /*padding: 0;*/
    /*width: 80%;*/
    justify-content: flex-start;
    /* height: calc(100% - 104px); */
    /*overflow-y: scroll;*/
}
nav.ativo-menu .tgt-nav .item_menu {
    width: 100%;
    margin-right: 0;
    border-radius: 0;
}

nav.ativo-menu .tgt-nav .t_nav-item {
    width: 100%;
    margin-right: 0;
    border-radius: 0;
}

nav.ativo-menu .tgt-nav .t_nav-item a {
    flex-direction: row;
    /* justify-content: flex-start; */
    align-items: center;
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

}
nav.ativo-menu #boxMenu {
    width: 280px;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: var(--B2B_grey_0);
    z-index: 100;
    overflow-y: auto;
}

/* .tgt-nav .t_nav-item a .icone-menu {
    filter: invert(45%) sepia(2%) saturate(1973%) hue-rotate(151deg) brightness(102%) contrast(81%);
} */

.tgt-nav .login {
    background-color: var(--cor_principal);
    padding: 0.75rem;

}

.tgt-nav .login a {
    color: #fff !important;
    display: flex;
    justify-content: space-between;
}

/*MENU MOBILE*/
.icone_menu_mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 3;
    padding: 0.75rem;
}

.icone_menu_mobile .hamburger {
    border-top: 2px solid var(--B2B_grey_600);
    width: 16px;
}

.icone_menu_mobile .hamburger::after,
.icone_menu_mobile .hamburger::before {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    background: var(--B2B_grey_600);
    margin-top: 5px;
    position: relative;
    transition: .3s;
}

.tgt-header.ativo .hamburger {
    border-top-color: transparent;
}

.tgt-header.ativo .hamburger::before {
    transform: rotate(135deg);
}

.tgt-header.ativo .hamburger::after {
    transform: rotate(-135deg);
    top: -7px;
}

.chavron-mobile {
    margin-left: auto;
    display: block;
    color: #000;
    font-size: medium;
}

.televendas-mobile {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    background: var(--cor_principal);
    color: var(--B2B_grey_0) !important;
    padding: 8px 1rem;
}

.televendas-mobile a {
    font-family: "Titillium Web";
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 120%;
    color: var(--B2B_grey_0) !important;
}

.televendas-mobile p {
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: var(--B2B_grey_0) !important;
}


.televendas-mobile button .chavron-mobile {
    color: #fff;
}

.tgt-nav .submenu.ativo {
    position: unset;
    background: none;
    margin-left: 20px;
    margin-top: 10px;
    border-left: 2px solid var(--primary);
}

.breadcrumb {
    display: flex;
    gap: 4px;
    align-items: center;
    margin: 1rem 0;
}

.breadcrumb .bi-house-door-fill {
    font-size: 1rem;
    color: var(--B2B_grey_400);
}

.breadcrumb p,
.breadcrumb .setinha-breadcrumbs {
    color: var(--B2B_grey_400);
    cursor: pointer;
    font-family: "Titillium Web";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.breadcrumb .setinha-breadcrumbs {
    color: var(--B2B_grey_300);
}

.breadcrumb p:last-child {
    color: var(--B2B_grey_300);
}


.container section {
    margin: 32px 0;
}

.container:before, .container:after {
    content: unset;
    display: unset;
}

.cards {
    padding: 1rem;
}

/* CARDS PRODUTOS */
.section_titulo {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.f-700 {
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    color: var(--B2B_grey_400);
}

.cards-produtos {
    display: flex;
    gap: 20px;
}

.card-produto.deslogado .header-card,
.card-produto.deslogado .valores,
.card-produto.deslogado .calculo_imposto,
.card-produto.deslogado .promocoes,
.card-produto.deslogado .opcoes,
.card-produto.deslogado .quantidade_btn,
.card-produto.deslogado .promocoes,
.card-produto.deslogado .btn-carrinho i {
    display: none;
}

.card-produto {
    background: var(--B2B_grey_0);
    border: 2px solid var(--B2B_grey_100);
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    position: relative;
}
.card-produto .content-produto {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-produto .imagem-produto {
    text-align: center;
}
.card-produto .msgAtualizada {
    display: flex;
    height: 65px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: var(--cor_principal);
    opacity: 0.8;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    justify-content: center;
    align-items: center;
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out;
}
.card-produto .msgAtualizada.open { display: flex; transform: translateY(0%); }
.card-produto img {
    max-width: 100%;
    height: auto;
}
.produtos-relacionados .card-produto img {
    max-width: 50%;
}

.card-produto .descricao-produto {
    margin: 1rem 0 4px 0;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--B2B_grey_600);
}

.card-produto .info-card-produto {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.card-produto .marca {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: var(--B2B_grey_400);
}

.produto-detalhes {
    display: flex;
    flex-direction: column;
}

.card-produto .fabricante-listagem {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: var(--B2B_grey_400);
}

.card-produto .ref {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--B2B_grey_400);
}

.card-produto .valores {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.card-produto .preco-produto,
.card_descricao_produto .preco-produto {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color: var(--B2B_grey_600);
}
.card-produto .preco-produto small.labelUnidVar,
.card_descricao_produto .preco-produto small.labelUnidVar {
    display: block;
    color: #333;
    font-size: 12px;
}
.card-produto .preco-produto small.vlrUnidVar,
.card_descricao_produto .preco-produto small.vlrUnidVar {
    display: block;
    line-height: 21px;
    margin: 0px 0 8px 0;
    font-size: 20px;
    font-weight: bold;
    color: var(--cor_principal);
}
.card-produto .preco-produto small.vlrUnidVar > span,
.card_descricao_produto .preco-produto small.vlrUnidVar > span {
    font-size: 15px;
}
.card-produto .preco-produto span.lbValorUnidade,
.card_descricao_produto .preco-produto span.lbValorUnidade {
    display: block;
    font-size:10px;
    font-weight: normal;
    color:#666;
}

.card-produto .preco-promocao,
.card_descricao_produto .preco-promocao {
    text-decoration-line: line-through;
    color: var(--B2B_grey_400);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}

.card-produto .promocao,
.card_descricao_produto .promocao {
    display: flex;
    gap: .5rem;
    justify-content: start;
    align-items: flex-end;
}

.card-produto .desconto,
.card_descricao_produto .desconto {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 20px;
    background: var(--B2B_Blue_50);
    border-radius: 0 80px 80px 0;
    color: var(--B2B_grey_0);
    font-weight: 600;
    font-size: 12px;
    padding: 2px 4px;
}

.pesoVariavel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 21px;
    background: #C53939;
    border-radius: 0 80px 80px 0;
    color: var(--B2B_grey_0);
    font-weight: 600;
    font-size: 12px;
    padding: 4px 10px 4px 5px;
}

.pesoVariavel img {
    margin: 0 3px;
}

.card-produto .calculo_imposto {
    position: relative;
}

.card-produto .imposto-produto {
    color: var(--B2B_grey_400);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 4px;
}


.card-produto .imposto-produto i {
    margin-left: 4px;
    color: var(--B2B_grey_400);
    font-size: 1rem;
}

.card-produto .selecao_lista {
    display: none;
}

.lightbox {
    display: block;
    position: absolute;
    z-index: 99;
    box-shadow: 2px 2px 4px 0 rgba(111, 121, 125, 0.25);
    border-radius: 8px;
    background: var(--B2B_grey_0);
    padding: 1rem;
    width: max-content;
}

.tooltip-valores-detalhados .lightbox,
.tooltip-desconto-qtde .lightbox {
    position: initial;
}

.tooltip-valores-detalhados .lightbox .titulo_lightbox,
.tooltip-desconto-qtde .lightbox .titulo_lightbox {
    margin-bottom: 1rem;
    text-align: left;
}

.tooltip-valores-detalhados .lightbox .titulo_lightbox h3,
.tooltip-desconto-qtde .lightbox .titulo_lightbox h3 {
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    color: var(--B2B_grey_400);
}

.tooltip-valores-detalhados .lightbox .titulo_lightbox p,
.tooltip-desconto-qtde .lightbox .titulo_lightbox p {
    font-family: "Titillium Web";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--B2B_grey_400);
}

.tooltip-valores-detalhados .lightbox .conteudo_lightbox ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tooltip-valores-detalhados .lightbox .conteudo_lightbox ul li p:first-child {
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: var(--B2B_grey_400);
}

.tooltip-valores-detalhados .lightbox .conteudo_lightbox .valor_imposto {
    font-family: "Titillium Web";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.tooltip-desconto-qtde .lightbox .conteudo_lightbox .table {
    font-family: "Titillium Web";
    font-size: 12px;
}
.tooltip-desconto-qtde .lightbox .conteudo_lightbox .table th {
    font-weight: 700;
    background-color: unset;
}
.tooltip-desconto-qtde .lightbox .conteudo_lightbox .table th,
.tooltip-desconto-qtde .lightbox .conteudo_lightbox .table td {
    border: none!important;
}
.tooltip-valores-detalhados.tooltip.show,
.tooltip-desconto-qtde.tooltip.show {
    opacity: 1;
}
.tooltip-valores-detalhados .tooltip-arrow,
.tooltip-desconto-qtde .tooltip-arrow {
    display: none;
}
.tooltip-valores-detalhados .tooltip-inner,
.tooltip-desconto-qtde .tooltip-inner {
    background-color: unset !important;
    font-size: inherit !important;
    color: inherit;
    max-width: unset;
    padding: 0;
    text-align: unset;
}


.card-produto .imposto-produto .conteudo_calculo_imposto ul li,
.card-produto .promocoes {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background: var(--B2B_grey_50);
    padding: 6px 8px;
    position: relative;

}

.card-produto .promocoes-link {
    margin-top: 8px;
    justify-content: start;
    border-radius: 4px;
}

.card-produto .promocoes a,
.card-produto .promocoes .desconto_qnt {

    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-decoration-line: underline;
    color: var(--B2B_grey_400) !important;
    cursor: pointer;

}


.desconto_qnt_hover {
    position: absolute;
    display: none;
    left: 0;
    bottom: 70px;
}

.imposto_calculado_hover {
    display: none;
}

.card-produto .calculo_imposto:hover .imposto_calculado_hover,
.card-produto .desconto_qnt:hover .desconto_qnt_hover {
    display: block;
}


.info_produto .info_marca .detalhe-icone,
.card-produto .detalhe-icone {
    width: 2rem;
    height: 2rem;
    background: var(--B2B_grey_100);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    cursor: pointer;
    color: var(--B2B_grey_400);
}


.info_produto .info_marca .detalhe-icone i {
    color: var(--B2B_grey_600);
}

.info_produto .info_marca .detalhe-icone i:hover,
.card-produto .detalhe-icone i:hover {
    color: var(--B2B_grey_600);
}

.card-produto .header-card {
    display: flex;

}

.card-produto .valores button,
.card_descricao_produto .valores button {
    margin-top: 1rem;
    font-size: .925rem;
    width: 100%;
}

.banner-secundario {
    margin: 0 auto;
}

.banner-secundario img,
.banner-rodape img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.card-produto .btn_opcao {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

.card-produto .btn_opcao .btn {
    border-color: var(--B2B_grey_300);
    background: var(--B2B_grey_0);
    font-size: 12px;
    width: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}

.card-produto .btn_opcao .melhor-opcao {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px;

}

.card-produto .btn_opcao .melhor-opcao .estrela {
    position: absolute;
    color: var(--B2B_warning_0);
    font-size: 1rem;
    top: -14px;
    right: -7px;
    -webkit-text-stroke: 1px #FFC774;
}


.card-produto .btn_opcao label {
    font-weight: 600;
}

.card-produto .btn_opcao label span {
    font-weight: 400;
}

.card-produto .btn_opcao .btn.active, .card-produto .btn_opcao .btn:hover {
    color: var(--B2B_grey_0);
    background-color: var(--B2B_grey_400) !important;
    border-color: var(--B2B_grey_300);
}

.card-produto .quantidade_btn {
    margin-top: 1rem;
    display: flex;
}

.card-produto .quantidade_btn input {
    width: 100%;
}

.card-produto .btn_menos,
.card-produto .btn_mais {
    width: 100% !important;
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
}


.card-produto .btn-carrinho {
    display: flex;
    width: 100%;
    gap: 10px;
    justify-content: center;
    margin-top: 1rem;
}

.card-produto .btn-carrinho p {
    margin-bottom: 0 !important;
}

.card-produto.lista {
    flex-direction: row;
}

.quantidade_btn button {
    border: 1px solid #F0F3F4;
    background: none;
}

.quantidade_btn input {
    width: 3rem;
    padding: 0 4px;
    border: 1px solid #F0F3F4;
    font-size: 1rem;
    height: 40px;
    text-align: center;
    border-radius: 0;
}

.card-produto .produto-indisponivel {
    border-radius: 4px;
    border: 1px solid var(--B2B_grey_100);
    background: var(--B2B_grey_50);
    text-align: center;
    margin-top: 1rem;
    padding: 8px;
    color: var(--B2B_grey_400);
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.card-produto .btn-avise {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    width: 100%;
    justify-content: center;
    margin-top: 1rem;
}

.toast-b2b {
    border-radius: var(--B2B_corner_4);
    border: 1px solid var(--B2B_grey_500);
    background: var(--B2B_grey_50);
    box-shadow: 2px 2px 4px 0 rgba(111, 121, 125, 0.25);
    color: var(--B2B_grey_500);
}

.toast-b2b button {
    color: var(--B2B_grey_500);
}


.card-produto .deslogado .header-card {
    display: none;
}


.swiper-container .footer-card-swiper {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    margin-bottom: 1rem;
    margin-top: 8px;

}

.swiper-container .footer-card-swiper .ver_mais {
    display: flex;
    justify-content: flex-end;
    color: var(--primary);
}

.swiper-container .footer-card-swiper .swiper-pagination {
    position: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
    width: 90%;
}

.marcas {
    margin-bottom: 48px;
}

.marcas .swiper-container .mySwiperMarcas .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 4px;
    padding: 0.5rem;
}

.menu_classico .marcas {
    margin-bottom: 0 !important;
    width: auto !important
}

footer {
    background: var(--B2B_grey_50);
    height: fit-content;

}

/*
footer h3 {
    margin-bottom: .5rem;
    color: var(--B2B_grey_400);

}    */
footer h3 {
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 1rem;
    color: var(--B2B_grey_400);
}

footer .info {
    margin-bottom: 24px;
}

footer .info-footer {
    padding-top: 24px;
    padding-bottom: 2.5rem;
}

footer .info-footer .info p,
footer .info-footer .info ul li {
    color: var(--B2B_grey_500);
    margin: 1rem 0;
}

footer .info-footer .info p, footer .info-footer .info ul li:first-child {
    margin-top: 0;
}

footer .info-footer .info p, footer .info-footer .info ul li:last-child {
    margin-bottom: 0;
}

footer .info-footer .info ul li a {
    font-size: 14px;
    color: var(--B2B_grey_500);
    cursor: pointer;
}

footer .info-footer .info ul li a:hover {
    text-decoration: revert;
}

footer .info-footer .info .redes-sociais-icones {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

footer .info-footer .info .redes-sociais-icones .t_icon {
    width: 1.5rem;
    height: 2rem;
}

footer .info-footer .info .icones_pagamento {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

footer .info-footer .info .icones_pagamento img {
    width: auto;
    height: 16px;

}

footer .info-footer .info .selo img {
    width: auto;
    height: 36px;
}

footer .info-empresa-footer {
    background: var(--cor_principal);
    color: var(--B2B_grey_0);
    padding-top: 10px;
    padding-bottom: 10px;
}

footer .info-empresa-footer p {
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
}

footer .info-empresa-footer .target {
    color: var(--tgt-grey-0, #FDFEFE);
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
}

.accordion-button {
    color: var(--B2B_grey_600);
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    background: var(--B2B_grey_50);
}

.accordion-button:not(.collapsed) {
    color: var(--B2B_grey_600);
    font-weight: 600;
}

.accordion-button:not(.collapsed) {
    background-color: var(--B2B_grey_50);
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-item {
    border: none;
    margin-bottom: 0.5rem;
}

.accordion-body {
    background: var(--B2B_grey_50);
}

.form-check-input:checked {
    background-color: var(--B2B_grey_400);
    border-color: var(--B2B_grey_400);
}

.form-switch .form-check-input:focus {
    background-color: var(--B2B_grey_100);
    box-shadow: none;
}

.form-check-input:focus {
    border-color: var(--B2B_grey_300);
}

.bi-heart {
    margin-top: 2px;
}

.frete-calculado {
    display: none;
}

.frete {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.frete input[type=text] {
    height: 2.5rem;
    border-radius: 4px;
    border: 1px solid var(--B2B_grey_100);
    width: 120px;
    padding: 1rem 0.5rem;
}

.frete button {
    border-radius: 8px;
    border: 1px solid var(--primary);
    color: var(--primary);
    font-weight: 700;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    background-color: var(--B2B_grey_0);
}

.frete a {
    color: var(--B2B_grey_300);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;

}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;

}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;

}

.resultado-frete {
    display: flex;
    gap: 0.5rem;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--tgt-grey-300, #8093A0);
}

.op_entrega .title_op_entrega {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--B2B_grey_500);
    margin-bottom: 0.5rem;
}

.op_entrega ul {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.op_entrega ul li {
    display: flex;
    gap: 2rem;
    margin: 0 !important;
}

.op_entrega .transportadora {
    color: var(--B2B_grey_300);
}

.op_entrega .valor-transportadora {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: var(--B2B_grey_300);
}

.op_entrega .frete_gratis {
    color: var(--primary);
    font-weight: 700;
}

.icone-senha {
    display: flex;
    position: relative;
}

.icone-senha input {
    position: relative;
}

.icone-senha i {
    margin-left: -25px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 8px;
}

#text:not(.authentication i#text) {
    display: none;
}

@media (max-width: 370px) {

    .card-produto .btn_opcao {
        overflow-x: scroll;
        padding: 0.5rem 0;
    }

    /* .tgt-header .botoes-acao {
        margin-right: auto !important;
    } */
}

@media (max-width: 375px) {
    .tgt-header .minha_notificacao a {
        margin-top: 0;
    }

    .card-produto .imposto-produto .conteudo_calculo_imposto ul li, .card-produto .promocoes {
        gap: 0.2rem
    }

    .card-produto .btn_opcao .btn {
        font-size: 11px;
    }

    .card-produto .promocoes-link {
        justify-content: space-around;
    }
}

@media (min-width: 360px) and (max-width: 991.98px) {

    .tgt-header .container-fluid .logo {
        margin-left: 32px;
    }
}

@media screen and (max-width: 575.98px) {
    .tgt-header .botoes-acao .detalhe-icone {
        width: 32px;
        height: 32px;
    }

}


@media screen and (max-width: 768px) {
    /* header {
        height: 0;
    } */

    .t_nav-item .menu-mobile .login a {
        color: var(--B2B_grey_0);
    }

    .todas_categorias {
        display: none;
    }

    .t_nav-item .menu-mobile .login a {
        color: var(--B2B_grey_0);
    }

    nav.ativo-menu .tgt-nav .t_nav-item {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .t_nav-item .menu-mobile .login {
        color: var(--B2B_grey_0) !important;
    }

    .tgt-nav .t_nav-item a {
        color: var(--B2B_grey_600);
    }

    /* .tgt-header .botoes-acao {
        margin-right: 1rem;
    } */
}

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

    .card-produto .desconto {
        font-size: 12px;
        padding: 1px 8px;
        margin-left: 0;
    }


}

@media screen and (max-width: 767.98px) {

    header .botao-acao .info-textos {
        display: none !important;
    }

    .tgt-header .botoes-acao p {
        display: none;
    }


    .cards-produtos {
        flex-direction: column;
        align-items: center;
    }

    .card-produto {
        /*margin: 0 2px;*/
        padding: 0.5rem;
    }

    .cards-marcas-parceiras {
        display: flex;
        overflow: scroll;
    }

    .banner-secundario {
        gap: 1rem;
        width: 100%;
        height: 100%;

    }

    .banner-secundario img,
    .banner-rodape img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .card-produto .descricao-produto {
        margin: 0.5rem 0;
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
    }


    .card-produto .valores .detalhe-icone {
        background: var(--B2B_Blue_0);
        color: var(--primary);
        margin-top: 1rem;
    }

    footer .info-footer {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        text-align: center;
    }

    footer .info-empresa-footer p {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
    }

    footer .info-footer .info .redes-sociais-icones {
        justify-content: center;
    }

}

@media screen and (min-width: 992px) {

    .tgt-header .buscar-geral {
        width: auto;
    }

    .tgt-header .buscar-geral .links-superior-buscar {
        display: flex;
        gap: 14px;
        padding-bottom: 4px;

    }

    .tgt-header .buscar-geral .links-superior-buscar a {
        display: flex;
        gap: 4px;
        font-weight: 400;
        line-height: 120%;
        text-decoration-line: underline !important;
        font-size: 12px !important;
        color: var(--B2B_grey_400);
        white-space: nowrap;
    }

    .icone_menu_mobile,
    .chavron-mobile {
        display: none;
    }

    .tgt-header .logo {
        order: 1;
    }

    .tgt-header .buscar-geral {
        order: 2;
        margin-left: 24px;
        max-width: 40%;
        min-width: 30%;
    }

    .tgt-header .buscar {
        width: 100%;
    }

    .botoes-acao {
        order: 3;
    }

    .painel-adm-mobile {
        display: none;
    }

    .ambiente-seguro {
        order: 2;
        font-size: 1.5rem;
    }

    .tgt-nav .t_nav-item:first-child,
    .tgt-nav .t_nav-item:last-child {
        display: none;
    }

    /* .tgt-nav {
        display: flex;
        gap: 2rem;

    } */

    .card-produto .valores .detalhe-icone {
        display: none;
    }

    .swiper-container .footer-card-swiper .swiper-pagination {
        margin: 0;
    }

    .swiper-container .footer-card-swiper {
        gap: 8px;
    }

    footer .info-footer .info .icones_pagamento {
        justify-content: left;
    }

    footer .info {
        margin-bottom: 0;
    }

    footer .info-selos {
        gap: 1.5rem;
    }

}

@media screen and (max-width: 991.98px) {
    .tgt-header .container-fluid,
    .tgt-header .container {
        flex-wrap: wrap;
    }

    .tgt-header .container-fluid .logo,
    .tgt-header .container .logo {
        width: 120px !important;
        height: auto !important;
    }

    .tgt-header .buscar {
        width: 100%;
        margin-top: 0.5rem;
    }

    /* .tgt-header .botoes-acao .botao-acao:first-child {
        display: none;
    } */
    .tgt-header .botoes-acao .minha-conta {
        display: none;
    }

    .tgt-nav .t_nav-item:hover .submenu {
        position: initial;
        /* margin: 1rem 0 0 1rem; */
        box-shadow: none;
        border: none;
    }

    nav.ativo-menu {
        display: flex;
    }

    .submenu3 {
        position: initial;
        box-shadow: none;
        margin-left: 1rem;
    }

    footer .info-footer {

        flex-direction: column;
        align-items: center;
        gap: 12px;
        text-align: center;
    }

    footer .info-empresa-footer {
        height: 130px;
        padding: 20px 1rem;
        text-align: center;
        gap: 1rem;
        justify-content: center;
    }

    footer .info-empresa-footer p,
    footer .info-empresa-footer .target {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
    }


    footer .info-footer .info .redes-sociais-icones {
        justify-content: center;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* .tgt-header{
        padding: 24px 3rem 1rem 3rem;
    } */
}

@media screen and (min-width: 1200px) {
    .tgt-header .botoes-acao {
        gap: 1rem;
    }

}

@media screen and (min-width: 1400px) {
    /* .tgt-nav {
        gap: 4rem;
    } */

    .tgt-nav .submenu li a {
        align-items: center;
        flex-direction: row;
    }

    .card-produto .valores button {
        font-size: 1rem;
    }

}

.radio {
    position: absolute !important;
    clip: rect(0, 0, 0, 0) !important;
    pointer-events: none !important;
}

.form-check {
    display: flex;
    padding-left: 0;
    align-items: center;
}
.form-check-control {
    padding: 0.375rem 0.75rem;
}
.form-check .form-check-input {
    flex-shrink: 0;
    margin: 0;
}

.checked {
    color: var(--B2B_grey_0) !important;
    background-color: var(--B2B_grey_400) !important;
    border-color: var(--B2B_grey_300) !important;
}

.item_level_1 > .linkMenu {
    color: var(--B2B_grey_600);
}

.menu_level_3 > .linkMenu {
    color: #999;
}

.adicionado-carrinho {
    color: var(--cor_principal) !important;
    text-align: center !important;
    margin-top: 1.2rem !important;
    text-decoration: underline !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-bottom: 10px !important;
}

.right-card {
    position: fixed;
    top: 0;
    right: -30%; /* Inicia fora da tela */
    width: 23%;
    height: 100%;
    background-color: white;
    transition: right 0.5s ease-in-out;
    z-index: 10000; /* Garante que o pop-up fique acima de outros conteúdos */
}

.right-card.active {
    right: 0;
    box-shadow: -35vw 0 50px 55rem rgba(0, 0, 0, 0.7); /* Sombra extensa para a esquerda */

}

.header-right-card {
    display: flex;
    padding: 18px 10px 0 25px;
    margin-top: 3rem;
}

.img-right-card {
    border-radius: 50%;
}

.img-right-card img {
    border: 3px solid #00a650;
    box-sizing: border-box;
    border-radius: 50%;
    margin-right: 2rem;
}

.info-product-card {
    margin-top: 1rem;
}

.info-product-card h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: var(--B2B_grey_600);
}

.info-product-card p {
    font-size: 16px;
    line-height: 20px;
    color: var(--B2B_grey_600);
}

.close-right-card {
    background-color: transparent; /* Fundo transparente */
    color: #333; /* Cor do texto escuro */
    border: none; /* Sem borda */
    padding: 10px; /* Espaçamento interno menor */
    font-size: 18px; /* Tamanho do ícone maior */
    cursor: pointer; /* Cursor em forma de ponteiro */
    border-radius: 50%; /* Forma circular */
    transition: color 0.3s; /* Transição suave da cor */
    position: absolute; /* Posicionamento absoluto */
    top: 10px; /* Posicionado no topo */
    right: 10px; /* Posicionado à direita */
    left: 11rem;
}

.close-right-card:hover {
    color: #666; /* Cor mais clara ao passar o mouse */
}

.footer-right-card {
    display: flex;
    align-items: center;
    justify-content: center;
}


.right-card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Ajuste a altura conforme necessário */
}

.footer-right-card {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 15px; /* Ajuste os valores de padding conforme necessário */
}

.right-card.active .swiper-slide {
    width: 100% !important;
    height: auto;
}

.right-card.active .footer-card-swiper {
    display: none;
}

.cart_quantity_delete {
    margin-left: 20px;
    color: #C53939;
    cursor:pointer;
}

.bi-check2-circle {
    margin-right: 5px;
}

.form-group label {
    font-family: "Titillium Web";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    color: var(--B2B_grey_400);
}

.form-control,
.form-select {
    border: 1px solid var(--B2B_grey_400);
    height: unset;
}

.form-control:focus,
.form-select:focus {
    color: var(--bs-body-color);
    border-color: var(--B2B_grey_400);
    outline: 0;
    box-shadow: none;
}

.form-select option:hover {
    background: var(--B2B_grey_100) !important;
}

.empty_state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 48px 0;
}

.empty_state .bi {
    font-size: 48px;
    color: var(--B2B_grey_300);
}

.empty_state h3 {
    color: var(--B2B_grey_500);
    font-family: "Titillium Web";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.empty_state p {
    color: var(--B2B_grey_400);
    text-align: center;
    font-family: "Titillium Web";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 8px;
}

.login_text {
    width: 100% !important;
    text-wrap: nowrap;
}

.form-label {
    font-weight: normal !important;
    margin-bottom: 0;
}

.box-senha {
    display: flex;
    align-items: center;
}

.box-senha .showPass {
    margin-left: -2rem;
}

.box-senha i {
    font-weight: normal;
}

.form-check-label {
    font-family: "Titillium Web" !important;
    font-weight: normal !important;
    padding: 5px 10px 5px 7px;
}

.close-hover {
    display: flex;
    justify-content: flex-end;
    margin-top: -5px;
}

.close-hover i {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--B2B_grey_100);
    color: #FFFFFF;
    font-size: 18px;
    border: 1px solid var(--B2B_grey_200);
    border-radius: .25rem;
    padding: 0 3px 0 3px;
}

@media (max-width: 768px) {
    #boxMenu {
        display: none;
    }

    #index main img {
        margin-top: 0;
    }

    .mySwiperBanner .swiper-wrapper .swiper-slide img {
        min-height: auto !important;
    }

    .linkMenu {
        color: var(--B2B_grey_600);
        font-size: 14px !important;
        font-weight: normal !important;
        padding-bottom: 10px !important;
    }

    .tgt-nav .submenu {
        padding: 0;
    }

    .menu-item-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .linkMenu {
        display: flex;
        align-items: center;
        flex-grow: 1;
    }

    .chavron-mobile {
        margin-left: auto;
    }

    .menu-list {
        margin-left: -1rem;
    }

    /* .minha_notificacao {
        margin-top: -7px;
        margin-right: -0.75rem;
    } */

    /* .clube-beneficio {
        margin-right: 0.75rem;
    } */

    .tgt-header .buscar {
        padding: 0 1rem 0 0.3rem;
    }

    .tgt-header .buscar input[type="search"] {
        padding-left: 0;
    }
}

.preco-unitario {
    margin-bottom: 0;
}

.loadingValores {
    display: flex;
    justify-content: start;
    align-items: center;
    padding:10px 0;
}
.loadingValores .ballsLoading {
    display: flex;
    gap: 0.25rem;
}
.loadingValores .ballsLoading span {
    width: 15px;
    height: 15px;
    background: #ccc;
    display: inline-block;
    border-radius: 50%;
    animation : fading 4s ease-in-out infinite;
}
.loadingValores .ballsLoading span._1 {
    animation-delay : 0s;
}
.loadingValores .ballsLoading span._2 {
    animation-delay : 1s;
}
.loadingValores .ballsLoading span._3 {
    animation-delay : 2s;
}

@keyframes fading {
    0% {
        opacity : 1;
    }
    50% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}

.form-text {
    font-size: 0.75rem;
}

.bodyArticle {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
}

.blogReadMore {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}