html[data-assul-theme="light"] {
color-scheme: light;
}
html[data-assul-theme="dark"] {
color-scheme: dark;
}
body,
#cabecalho,
#corpo,
#rodape,
.listagem-item,
.assul-parts-panel {
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
a:focus,
button:focus,
input:focus {
outline: 3px solid #c74600 !important;
outline-offset: 2px !important;
}
html[data-assul-theme="dark"] a:focus,
html[data-assul-theme="dark"] button:focus,
html[data-assul-theme="dark"] input:focus {
outline-color: #fb6807 !important;
}
#cabecalho .carrinho .titulo,
#cabecalho .carrinho .cor-secundaria,
#cabecalho .carrinho .vazio-text,
.box-header-full #cabecalho .carrinho > a > strong.titulo,
.box-header-full #cabecalho .carrinho > a > span.vazio-text {
color: #ffffff !important;
}
body #cabecalho .carrinho .qtd-carrinho {
background-color: #c74600 !important;
color: #ffffff !important;
}
.listagem .botao-comprar,
.produto .acoes-produto .botao-comprar {
background-color: #c74600 !important;
border-color: #c74600 !important;
color: #ffffff !important;
}
.listagem .botao-comprar:hover,
.listagem .botao-comprar:focus,
.produto .acoes-produto .botao-comprar:hover,
.produto .acoes-produto .botao-comprar:focus {
background-color: #a93b00 !important;
border-color: #a93b00 !important;
color: #ffffff !important;
}
.produto .acoes-produto .buy-for-whats a {
background-color: #147a3d !important;
border-color: #147a3d !important;
color: #ffffff !important;
}
.produto .acoes-produto .buy-for-whats a:hover,
.produto .acoes-produto .buy-for-whats a:focus {
background-color: #0f6f37 !important;
border-color: #0f6f37 !important;
color: #ffffff !important;
}
.listagem .bandeira-promocao {
background-color: #010834 !important;
color: #ffffff !important;
}
.listagem .titulo-categoria {
border-color: #fb6807 !important;
}
.menu.superior {
background: #111936 !important;
border-bottom: 3px solid #fb6807;
box-shadow: 0 6px 18px rgba(1, 8, 52, 0.16);
z-index: 80 !important;
}
body .menu.superior.menu-show {
background-color: #111936 !important;
background-image: none !important;
}
.menu.superior > .nivel-um {
align-items: stretch;
gap: 4px;
}
.menu.superior > .nivel-um > li {
min-width: 0;
}
.menu.superior > .nivel-um > li > a {
align-items: center;
border-radius: 6px;
display: flex;
height: 50px;
justify-content: center;
padding: 0 14px !important;
transition: background-color 150ms ease, color 150ms ease;
}
.menu.superior > .nivel-um > li > a strong {
color: #ffffff !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.25;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.menu.superior > .nivel-um > li > a:hover,
.menu.superior > .nivel-um > li > a:focus,
.menu.superior > .nivel-um > li:hover > a {
background-color: #25304d !important;
}
.menu.superior > .nivel-um > .categoria-todas {
flex: 0 0 224px;
}
.menu.superior > .nivel-um > .categoria-todas > a {
background-color: #fb6807 !important;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16);
justify-content: flex-start;
}
.menu.superior > .nivel-um > .categoria-todas > a strong,
.menu.superior > .nivel-um > .categoria-todas > a > i {
color: #010834 !important;
}
.menu.superior > .nivel-um > .categoria-todas > a:hover,
.menu.superior > .nivel-um > .categoria-todas > a:focus {
background-color: #d95400 !important;
}
.menu.superior .categoria-todas > a .icone-menu {
align-items: center;
display: flex;
flex: 0 0 20px;
justify-content: center;
margin-right: 10px;
}
.menu.superior .categoria-todas > a > i,
.menu.superior > .nivel-um > li > a > i {
color: #ffffff !important;
margin-left: 8px;
}
@media (min-width: 768px) {
.menu.superior .categoria-todas > .nivel-dois {
background: #ffffff !important;
border: 1px solid #d6dae1 !important;
border-radius: 0 0 6px 6px;
box-shadow: 0 18px 40px rgba(1, 8, 52, 0.2) !important;
max-height: calc(100vh - 190px);
overflow-x: hidden !important;
overflow-y: hidden !important;
padding: 16px !important;
z-index: 1000 !important;
}
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um {
align-items: start;
display: grid !important;
gap: 16px;
grid-template-columns: 24% 17% 55%;
width: 100% !important;
}
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias {
overflow: hidden !important;
}
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um > li {
background: transparent;
border: 0 !important;
border-radius: 0;
float: none !important;
margin: 0 !important;
min-width: 0;
padding: 0;
width: auto !important;
}
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um > li + li {
border-left: 1px solid #d6dae1 !important;
padding-left: 16px;
}
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um > li > a {
align-items: center;
background: #111936 !important;
border-radius: 4px;
display: flex !important;
min-height: 44px;
padding: 10px 12px !important;
}
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um > li > a strong {
color: #ffffff !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 0;
line-height: 1.25;
}
.menu.superior .categoria-todas > .nivel-dois .nivel-um > li > .nivel-dois {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
display: block !important;
opacity: 1 !important;
padding: 8px 0 0 !important;
position: static !important;
transform: none !important;
visibility: visible !important;
width: 100% !important;
}
.menu.superior .categoria-todas .nivel-dois .wrap_categorias > li {
border: 0 !important;
float: none !important;
margin: 0 !important;
width: auto !important;
}
.menu.superior .categoria-todas .nivel-dois .wrap_categorias > li > a {
border-radius: 4px;
color: #141b27 !important;
display: block;
font-size: 12px;
line-height: 1.3;
padding: 7px 8px !important;
}
.menu.superior .categoria-todas .nivel-dois .wrap_categorias > li > a:hover,
.menu.superior .categoria-todas .nivel-dois .wrap_categorias > li > a:focus {
background: #e9edf3 !important;
color: #010834 !important;
}
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um > li > .nivel-dois > .wrap_categorias {
max-height: 250px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.menu.superior .categoria-id-24397489 > .nivel-dois > .wrap_categorias {
display: grid !important;
gap: 0 8px;
grid-template-columns: 32% 32% 32%;
max-height: 250px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
padding-right: 4px;
}
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um > li > .nivel-dois > .wrap_categorias {
scrollbar-color: #fb6807 #e4e8ee;
scrollbar-width: thin;
}
}
@media (min-width: 768px) and (max-width: 1099px) {
.menu.superior > .nivel-um > .categoria-todas {
flex-basis: 196px;
}
.menu.superior > .nivel-um > li > a {
padding: 0 8px !important;
}
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um {
grid-template-columns: 48% 48%;
justify-content: space-between;
}
.menu.superior .categoria-id-24397489 {
grid-column: 1 / -1;
}
}
@media (min-width: 768px) and (max-height: 600px) {
.menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um > li > .nivel-dois > .wrap_categorias {
max-height: 200px !important;
}
}
.li-whatsapp > a {
align-items: center !important;
animation: assul-whatsapp-pulse 2.4s ease-in-out infinite;
background: #147a3d !important;
border: 3px solid #ffffff !important;
border-radius: 50% !important;
bottom: 20px !important;
box-shadow: 0 10px 24px rgba(10, 111, 54, 0.34) !important;
color: #ffffff !important;
display: flex !important;
height: 64px !important;
justify-content: center !important;
position: fixed !important;
right: 18px !important;
width: 64px !important;
z-index: 10002 !important;
}
.li-whatsapp > a::after {
border: 2px solid rgba(20, 122, 61, 0.42);
border-radius: 50%;
content: "";
bottom: -8px;
left: -8px;
right: -8px;
top: -8px;
position: absolute;
}
.li-whatsapp > a .fa-whatsapp {
color: #ffffff !important;
font-size: 38px !important;
line-height: 1 !important;
}
.header-anchor {
bottom: 28px !important;
right: 96px !important;
}
@keyframes assul-whatsapp-pulse {
0%,
100% {
box-shadow: 0 10px 24px rgba(10, 111, 54, 0.34), 0 0 0 0 rgba(20, 122, 61, 0.32);
transform: scale(1);
}
50% {
box-shadow: 0 12px 28px rgba(10, 111, 54, 0.42), 0 0 0 10px rgba(20, 122, 61, 0);
transform: scale(1.04);
}
}
#assul-parts-launcher {
align-items: center;
background: #010834 !important;
border: 3px solid #ffffff;
border-radius: 50%;
bottom: 104px;
box-shadow: 0 10px 24px rgba(1, 8, 52, 0.28);
color: #ffffff;
cursor: pointer;
display: flex;
height: 58px;
justify-content: center;
padding: 0;
position: fixed;
right: 21px;
width: 58px;
z-index: 10002;
}
#assul-parts-launcher .fa {
font-size: 25px;
}
#assul-parts-launcher::before {
background: #141b27;
border-radius: 4px;
color: #ffffff;
content: attr(data-label);
font-size: 12px;
font-weight: 700;
opacity: 0;
padding: 7px 9px;
pointer-events: none;
position: absolute;
right: 66px;
transform: translateX(4px);
transition: opacity 120ms ease, transform 120ms ease;
white-space: nowrap;
}
#assul-parts-launcher:hover::before,
#assul-parts-launcher:focus::before {
opacity: 1;
transform: translateX(0);
}
body.assul-assistant-open #assul-parts-launcher {
display: none;
}
#assul-parts-assistant[hidden] {
display: none !important;
}
#assul-parts-assistant {
bottom: 96px;
max-height: calc(100vh - 116px);
position: fixed;
right: 18px;
width: 372px;
z-index: 10003;
}
.assul-parts-panel {
background: #ffffff;
border: 1px solid #d6dae1;
border-radius: 8px;
box-shadow: 0 22px 54px rgba(1, 8, 52, 0.3);
color: #141b27;
max-height: calc(100vh - 116px);
overflow: auto;
}
.assul-parts-head {
align-items: center;
background: #010834;
border-bottom: 3px solid #fb6807;
color: #ffffff;
display: flex;
justify-content: space-between;
min-height: 60px;
padding: 12px 14px;
}
.assul-parts-title {
display: block;
font-size: 16px;
font-weight: 800;
letter-spacing: 0;
line-height: 1.2;
}
.assul-parts-subtitle {
color: #d9deec;
display: block;
font-size: 12px;
line-height: 1.3;
margin-top: 2px;
}
.assul-parts-actions {
align-items: center;
display: flex;
gap: 4px;
}
.assul-parts-close,
.assul-theme-toggle {
align-items: center;
background: transparent;
border: 0;
border-radius: 4px;
color: #ffffff;
cursor: pointer;
display: flex;
font-size: 28px;
height: 36px;
justify-content: center;
line-height: 1;
padding: 0;
width: 36px;
}
.assul-theme-toggle {
font-size: 16px;
}
.assul-parts-close:hover,
.assul-parts-close:focus,
.assul-theme-toggle:hover,
.assul-theme-toggle:focus {
background: rgba(255, 255, 255, 0.13);
}
.assul-parts-form {
display: grid;
gap: 9px 12px;
grid-template-columns: 49% 49%;
padding: 14px;
}
.assul-parts-intro,
.assul-parts-form > .assul-parts-field:first-of-type,
.assul-parts-form > .assul-parts-field:nth-of-type(4),
.assul-delivery-note,
.assul-parts-submit,
.assul-parts-privacy {
grid-column: 1 / -1;
}
.assul-parts-intro {
color: #667085;
font-size: 13px;
line-height: 1.45;
margin: 0;
}
.assul-parts-field {
display: grid;
gap: 5px;
}
.assul-parts-field label {
color: #141b27;
font-size: 12px;
font-weight: 800;
letter-spacing: 0;
margin: 0;
}
.assul-parts-field input {
background: #ffffff;
border: 1px solid #bfc6d1;
border-radius: 6px;
box-sizing: border-box;
color: #141b27;
font-size: 14px;
height: 42px;
margin: 0;
padding: 0 11px;
width: 100%;
}
.assul-parts-field input:focus {
border-color: #fb6807;
}
.assul-delivery-note {
align-items: flex-start;
background: #f4f6f8;
border-left: 4px solid #fb6807;
border-radius: 4px;
color: #141b27;
display: flex;
font-size: 12px;
gap: 8px;
line-height: 1.4;
margin: 0;
padding: 9px 10px;
}
.assul-delivery-note .fa {
color: #fb6807;
margin-top: 2px;
}
.assul-parts-submit {
align-items: center;
background: #147a3d;
border: 1px solid #0f6f37;
border-radius: 6px;
color: #ffffff;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 800;
gap: 8px;
justify-content: center;
min-height: 46px;
padding: 10px 14px;
width: 100%;
}
.assul-parts-submit:hover,
.assul-parts-submit:focus {
background: #0f6f37;
}
.assul-parts-privacy {
color: #667085;
font-size: 11px;
line-height: 1.35;
margin: -2px 0 0;
text-align: center;
}
html[data-assul-theme="dark"] body,
html[data-assul-theme="dark"] #corpo {
background: #0b0e14 !important;
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] #cabecalho,
html[data-assul-theme="dark"] #rodape .institucional,
html[data-assul-theme="dark"] #rodape .pagamento-selos,
html[data-assul-theme="dark"] .newsletter,
html[data-assul-theme="dark"] .listagem,
html[data-assul-theme="dark"] .listagem .listagem-item,
html[data-assul-theme="dark"] .pagina-produto .principal,
html[data-assul-theme="dark"] .caixa-sombreada,
html[data-assul-theme="dark"] .modal {
background: #151a24 !important;
border-color: #364052 !important;
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] #cabecalho .busca input,
html[data-assul-theme="dark"] input,
html[data-assul-theme="dark"] select,
html[data-assul-theme="dark"] textarea {
background: #101722 !important;
border-color: #364052 !important;
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] #cabecalho .busca input::placeholder,
html[data-assul-theme="dark"] input::placeholder,
html[data-assul-theme="dark"] textarea::placeholder {
color: #aeb7c7 !important;
opacity: 1;
}
html[data-assul-theme="dark"] .cor-secundaria,
html[data-assul-theme="dark"] .listagem .nome-produto,
html[data-assul-theme="dark"] .listagem .titulo-categoria,
html[data-assul-theme="dark"] .listagem .titulo-categoria strong,
html[data-assul-theme="dark"] .breadcrumbs,
html[data-assul-theme="dark"] .breadcrumbs a,
html[data-assul-theme="dark"] #rodape,
html[data-assul-theme="dark"] #rodape a,
html[data-assul-theme="dark"] #rodape .titulo {
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .listagem .imagem-produto,
html[data-assul-theme="dark"] .produto .imagem-principal {
background: #f7f8fa !important;
border-radius: 4px;
}
html[data-assul-theme="dark"] .banner-tarja__content {
background: #151a24 !important;
border-color: #364052 !important;
}
html[data-assul-theme="dark"] .banner-tarja__content,
html[data-assul-theme="dark"] .banner-tarja__content * {
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .produto .acoes-produto .botao-comprar {
background: #c74600 !important;
border-color: #c74600 !important;
color: #ffffff !important;
}
html[data-assul-theme="dark"] .produto .acoes-produto .botao-comprar:hover,
html[data-assul-theme="dark"] .produto .acoes-produto .botao-comprar:focus {
background: #a93b00 !important;
border-color: #a93b00 !important;
color: #ffffff !important;
}
html[data-assul-theme="dark"] .produto .preco-promocional {
color: #fb6807 !important;
}
html[data-assul-theme="dark"] .listagem .preco-promocional {
color: #fb6807 !important;
}
html[data-assul-theme="dark"] .produto .codigo-produto,
html[data-assul-theme="dark"] .produto .codigo-produto * {
color: #aeb7c7 !important;
}
html[data-assul-theme="dark"] .menu.lateral {
background: #151a24 !important;
border-color: #364052 !important;
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .menu.lateral a,
html[data-assul-theme="dark"] .menu.lateral .titulo {
border-color: #364052 !important;
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .menu.lateral a:hover,
html[data-assul-theme="dark"] .menu.lateral a:focus {
background: #2a3344 !important;
color: #ffffff !important;
}
html[data-assul-theme="dark"] .ordenar-listagem .input-append label,
html[data-assul-theme="dark"] .ordenar-listagem .btn {
background: #151a24 !important;
border-color: #364052 !important;
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .ordenar-listagem .dropdown-menu {
background: #151a24 !important;
border-color: #364052 !important;
}
html[data-assul-theme="dark"] .ordenar-listagem .dropdown-menu a {
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .ordenar-listagem .dropdown-menu a:hover,
html[data-assul-theme="dark"] .ordenar-listagem .dropdown-menu a:focus {
background: #2a3344 !important;
color: #ffffff !important;
}
html[data-assul-theme="dark"] .menu.superior .categoria-todas > .nivel-dois {
background: #151a24 !important;
border-color: #364052 !important;
}
html[data-assul-theme="dark"] .menu.superior .categoria-todas > .nivel-dois > .wrap_categorias > .nivel-um > li {
background: transparent !important;
border-color: #364052 !important;
}
html[data-assul-theme="dark"] .menu.superior .categoria-todas .nivel-dois .wrap_categorias > li > a {
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .menu.superior .categoria-todas .nivel-dois .wrap_categorias > li > a:hover,
html[data-assul-theme="dark"] .menu.superior .categoria-todas .nivel-dois .wrap_categorias > li > a:focus {
background: #2a3344 !important;
color: #ffffff !important;
}
html[data-assul-theme="dark"] .assul-parts-panel {
background: #151a24;
border-color: #364052;
color: #f4f7fb;
}
html[data-assul-theme="dark"] .assul-parts-intro,
html[data-assul-theme="dark"] .assul-parts-privacy {
color: #b7c0cf;
}
html[data-assul-theme="dark"] .assul-parts-field label {
color: #f4f7fb;
}
html[data-assul-theme="dark"] .assul-parts-field input {
background: #101722;
border-color: #364052;
color: #f4f7fb;
}
html[data-assul-theme="dark"] .assul-delivery-note {
background: #1c2330;
color: #f4f7fb;
}
html[data-assul-theme="dark"] .li-whatsapp > a,
html[data-assul-theme="dark"] #assul-parts-launcher {
border-color: #0b0e14 !important;
}
@media (max-width: 767px) {
.menu.superior {
box-sizing: border-box;
overflow-x: hidden !important;
}
.menu.superior > .nivel-um,
.menu.superior .nivel-dois,
.menu.superior .wrap_categorias {
box-sizing: border-box;
max-width: 100%;
}
.menu.superior a,
.menu.superior a strong {
max-width: 100%;
overflow-wrap: anywhere;
text-overflow: clip;
white-space: normal !important;
}
#cabecalho > .conteiner > .row-fluid > .span6 {
display: none !important;
}
#cabecalho + #corpo {
margin-top: 62px !important;
}
.li-whatsapp > a {
bottom: 16px !important;
height: 58px !important;
right: 12px !important;
width: 58px !important;
}
.li-whatsapp > a .fa-whatsapp {
font-size: 34px !important;
}
#assul-parts-launcher {
bottom: 90px;
height: 54px;
right: 14px;
width: 54px;
}
#assul-parts-assistant {
bottom: 84px;
left: 12px;
max-height: calc(100vh - 100px);
right: 12px;
width: auto;
}
.assul-parts-panel {
max-height: calc(100vh - 100px);
}
.assul-parts-form {
grid-template-columns: 100%;
}
.assul-parts-form > .assul-parts-field {
grid-column: 1;
}
.header-anchor {
bottom: 22px !important;
right: 82px !important;
}
}
@media (prefers-reduced-motion: reduce) {
body,
#cabecalho,
#corpo,
#rodape,
.listagem-item,
.assul-parts-panel,
#assul-parts-launcher::before {
transition: none !important;
}
.li-whatsapp > a {
animation: none !important;
}
}
#cabecalho,
#cabecalho .atalhos-mobile {
background: #010834 !important;
background-color: #010834 !important;
background-image: none !important;
}
body .atalhos-mobile.visible-phone,
body .atalhos-mobile .header-mobile {
background: #010834 !important;
background-color: #010834 !important;
background-image: none !important;
}
#cabecalho {
border-bottom: 3px solid #fb6807 !important;
box-shadow: 0 5px 18px rgba(1, 8, 52, 0.22);
}
body .atalhos-mobile .header-mobile__content-center img,
#cabecalho .logo img {
background: #010834 !important;
border: 0 !important;
box-shadow: none !important;
filter: none !important;
object-fit: contain;
}
body .atalhos-mobile .header-mobile__menu,
body .atalhos-mobile .header-mobile__search,
body .atalhos-mobile .header-mobile__user,
body .atalhos-mobile .header-mobile__cart {
color: #ffffff !important;
}
body .atalhos-mobile .header-mobile__menu span {
background: #ffffff !important;
}
body .atalhos-mobile .header-mobile__search svg,
body .atalhos-mobile .header-mobile__user svg,
body .atalhos-mobile .header-mobile__cart svg {
fill: #ffffff !important;
}
.listagem .listagem-item {
background: #ffffff !important;
border: 1px solid #d9e0ea !important;
border-radius: 6px !important;
box-shadow: 0 7px 18px rgba(1, 8, 52, 0.09);
overflow: hidden;
padding: 6px !important;
}
.listagem .listagem-item:hover {
border-color: #aeb9c9 !important;
box-shadow: 0 10px 24px rgba(1, 8, 52, 0.14);
}
.listagem .listagem-item .wrapper-title-product {
height: 60px !important;
min-height: 60px !important;
overflow: hidden;
}
.listagem .listagem-item .nome-produto {
color: #111936 !important;
display: -webkit-box !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 20px !important;
overflow: hidden !important;
text-align: left;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.listagem .listagem-item .preco-produto {
align-items: baseline !important;
display: flex !important;
justify-content: flex-end !important;
min-height: 29px;
padding-top: 4px;
}
.listagem .listagem-item .preco-produto > div {
align-items: baseline;
display: flex;
gap: 6px;
justify-content: flex-end;
min-width: 0;
white-space: nowrap;
width: 100%;
}
.listagem .listagem-item .preco-venda {
color: #6b7280 !important;
font-size: 11px !important;
font-weight: 500 !important;
}
.listagem .listagem-item .preco-promocional {
color: #c74600 !important;
font-size: 20px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
}
.listagem .listagem-item .acoes-produto.hidden-phone {
align-items: stretch !important;
background: transparent !important;
column-gap: 6px;
display: grid !important;
grid-template-columns: 58px minmax(0, 1fr);
padding: 10px 0 0 !important;
row-gap: 7px;
}
.listagem .listagem-item .prod-counter {
height: 42px !important;
margin: 0 !important;
position: relative !important;
width: 58px !important;
}
.listagem .listagem-item .prod-counter .qtd-prod {
background: #ffffff !important;
border: 1px solid #ccd5e1 !important;
border-radius: 6px !important;
box-sizing: border-box;
color: #111936 !important;
font-size: 14px !important;
font-weight: 700;
height: 42px !important;
padding: 0 19px !important;
text-align: center;
width: 58px !important;
}
.listagem .listagem-item .prod-counter .qtd-nav {
height: 42px !important;
inset: 0;
pointer-events: none;
position: absolute !important;
width: 58px !important;
}
.listagem .listagem-item .prod-counter .button-quantity {
align-items: center;
background: #eef2f7 !important;
color: #111936 !important;
display: flex !important;
font-size: 17px !important;
font-weight: 700;
height: 42px !important;
justify-content: center;
line-height: 1 !important;
pointer-events: auto;
position: absolute !important;
top: 0 !important;
width: 19px !important;
}
.listagem .listagem-item .prod-counter .button-down {
border-radius: 6px 0 0 6px;
left: 0 !important;
}
.listagem .listagem-item .prod-counter .button-up {
border-radius: 0 6px 6px 0;
right: 0 !important;
}
.listagem .listagem-item .botao-comprar {
align-items: center !important;
background: #c74600 !important;
border: 1px solid #c74600 !important;
border-radius: 6px !important;
box-shadow: 0 4px 10px rgba(199, 70, 0, 0.2);
color: #ffffff !important;
display: flex !important;
font-size: 11px !important;
font-weight: 800 !important;
height: 42px !important;
justify-content: center !important;
margin: 0 !important;
min-width: 0;
padding: 0 5px !important;
text-transform: uppercase;
width: 100% !important;
}
.listagem .listagem-item .botao-comprar:hover,
.listagem .listagem-item .botao-comprar:focus {
background: #a93b00 !important;
border-color: #a93b00 !important;
}
.listagem .listagem-item .buy-whatsapp-list {
grid-column: 1 / -1;
margin: 0 !important;
width: 100% !important;
}
.listagem .listagem-item .buy-whatsapp-list__link {
align-items: center !important;
background: #147a3d !important;
border: 1px solid #147a3d !important;
border-radius: 6px !important;
box-sizing: border-box;
color: #ffffff !important;
display: flex !important;
font-size: 11px !important;
font-weight: 700 !important;
height: 38px !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 6px !important;
width: 100% !important;
}
.listagem .listagem-item .buy-whatsapp-list__link:hover,
.listagem .listagem-item .buy-whatsapp-list__link:focus {
background: #0f6f37 !important;
border-color: #0f6f37 !important;
color: #ffffff !important;
}
.listagem .listagem-item .buy-whatsapp-list__link .whatsapp-ico {
fill: currentColor !important;
flex: 0 0 17px;
height: 17px !important;
margin-right: 5px;
width: 17px !important;
}
.listagem .listagem-item .buy-whatsapp-list__link .whatsapp-ico path {
fill: currentColor !important;
}
html[data-assul-theme="dark"] .listagem .listagem-item {
background: #151a24 !important;
border-color: #364052 !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
}
html[data-assul-theme="dark"] .listagem .listagem-item:hover {
border-color: #596579 !important;
}
html[data-assul-theme="dark"] .listagem .listagem-item .nome-produto {
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .listagem .listagem-item .preco-venda {
color: #aeb7c7 !important;
}
html[data-assul-theme="dark"] .listagem .listagem-item .preco-promocional {
color: #ff7a1a !important;
}
html[data-assul-theme="dark"] .listagem .listagem-item .prod-counter .qtd-prod {
background: #101722 !important;
border-color: #465268 !important;
color: #ffffff !important;
}
html[data-assul-theme="dark"] .listagem .listagem-item .prod-counter .button-quantity {
background: #222b3b !important;
color: #ffffff !important;
}
@media (max-width: 767px) {
body .atalhos-mobile .header-mobile__content-center img {
height: 48px !important;
max-height: 48px !important;
max-width: 168px !important;
width: auto !important;
}
.listagem .listagem-item {
padding: 6px !important;
}
}
.pagina-produto .abas-custom {
background: #f9f9f9 !important;
border-color: #d6dae1 !important;
color: #141b27 !important;
}
.pagina-produto .abas-custom .title_description_prod,
.pagina-produto .abas-custom #descricao {
color: #141b27 !important;
}
html[data-assul-theme="dark"] .pagina-produto .abas-custom {
background: #151a24 !important;
border-color: #364052 !important;
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .pagina-produto .abas-custom .title_description_prod,
html[data-assul-theme="dark"] .pagina-produto .abas-custom #descricao {
color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .pagina-produto .principal .preco-venda.titulo {
  color: #aeb7c7 !important;
}
html[data-assul-theme="dark"] .pagina-produto .principal #formCalcularCep > label,
html[data-assul-theme="dark"] .pagina-produto .principal .wrap-share > strong {
  color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .pagina-produto .principal #formCalcularCep .btn {
  background: #222b3b !important;
  border-color: #465268 !important;
  color: #f4f7fb !important;
}
html[data-assul-theme="dark"] .pagina-produto .principal #formCalcularCep .btn:hover,
html[data-assul-theme="dark"] .pagina-produto .principal #formCalcularCep .btn:focus {
  background: #2c374a !important;
  color: #ffffff !important;
}