﻿header#header {
	background-color: #000;
}

header p {
	margin: 0;
	font-size: 14px;
}

nav.wd-browsing-breadcrumbs ul li.first a span:before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.823' height='13.328' viewBox='0 0 14.823 13.328'%3E%3Cg id='noun_Home_1889954' transform='translate(301.952 -218.75)'%3E%3Cpath id='Caminho_414' data-name='Caminho 414' d='M28.654,23.77l-6.885-4.927a.528.528,0,0,0-.6,0L14.265,23.77a.518.518,0,0,0,.6.845l.062-.041v6.989a.51.51,0,0,0,.515.515H27.479a.51.51,0,0,0,.515-.515V24.574l.062.041a.506.506,0,0,0,.309.1.538.538,0,0,0,.412-.206A.55.55,0,0,0,28.654,23.77Zm-1.69,7.277H15.955V23.852l5.5-3.937,5.5,3.937Z' transform='translate(-316 200)'/%3E%3C/g%3E%3C/svg%3E%0A");
	margin-right: 5px;
	opacity: 0.7;
    vertical-align: text-bottom;
}

nav.wd-browsing-breadcrumbs ul li a span {
    font-weight: bold;
    color: black;
}

.faixa-topo {
	background: #ffe600;
	height: 25px;
	color: #111
}

.faixa-topo a {
	font-size: 11.5px;
}

.faixa-topo a:hover{
	color: #111;
	opacity: 0.8;
	text-decoration: none;
}
.trio-topo a:hover{
	color: #ffe600;
	text-decoration: none;
}

.faixa-topo .content-topo p:nth-of-type(2) a::before {  
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.574' height='11.574' viewBox='0 0 11.574 11.574'%3E%3Cg id='Layer_2' data-name='Layer 2' transform='translate(0 0)'%3E%3Cg id='Interface-Solid' transform='translate(0 0)'%3E%3Cg id='interface-solid-pin-location'%3E%3Ccircle id='Elipse_8' data-name='Elipse 8' cx='1.323' cy='1.323' r='1.323' transform='translate(4.464 2.37)' fill='none'/%3E%3Cpath id='Caminho_216' data-name='Caminho 216' d='M9.765,20.37a.386.386,0,1,0-.24.733c.883.289,1.278.635,1.278.848,0,.538-2,1.35-5.015,1.35S.772,22.489.772,21.951c0-.214.4-.559,1.278-.848a.386.386,0,1,0-.24-.733C.314,20.86,0,21.5,0,21.951c0,1.393,2.911,2.122,5.787,2.122s5.787-.729,5.787-2.122C11.574,21.5,11.26,20.86,9.765,20.37Z' transform='translate(0 -12.499)' fill='%23fff'/%3E%3Cpath id='Caminho_217' data-name='Caminho 217' d='M8.88,9.946a.386.386,0,0,0,.482,0c.141-.113,3.452-2.8,3.452-6.254a3.693,3.693,0,0,0-7.385,0C5.429,7.145,8.739,9.833,8.88,9.946ZM7.8,3.693A1.323,1.323,0,1,1,9.121,5.015,1.323,1.323,0,0,1,7.8,3.693Z' transform='translate(-3.334 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	margin: 5px 3px 0 0;
	filter: invert(1)
}

.wd-browsing-breadcrumbs li:nth-last-of-type(2) :before {
    display: none;
}

.meio-topo-mobile {
	display:
}

a.cadastr {
    width: 64%;
}

.content-topo {
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	max-width: 1290px;
	margin: auto;
}

.content-topo p {
	margin: 4px 11px;
}

.content-topo a {
	color: #111;
}

.meio-topo {
	max-width: 1300px;
	margin: auto;
	display: grid;
	grid-template-columns: 15% 50% 35%;
	align-items: center;
	padding: 10px;
	gap: 7px;
}

.pesquisa input {
	width: 115% !important;
}

.pesquisa .wd-search button {
	border: none;
	background-color: transparent;
	font-size: 0;
	padding: 21px;
	right: 0px;
    left: 88%;
	position: absolute;
	cursor: pointer;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.242' height='13.481' viewBox='0 0 13.242 13.481'%3E%3Cg id='noun_Search_966309' transform='translate(-28.6 -28.2)'%3E%3Cpath id='Caminho_7' data-name='Caminho 7' d='M41.587,40.1l-4.051-4.051a4.922,4.922,0,1,0-3.989,2.041,5.03,5.03,0,0,0,2.659-.773L40.288,41.4a.9.9,0,0,0,1.3,0A.954.954,0,0,0,41.587,40.1ZM31.352,35.343a3.079,3.079,0,0,1,0-4.36,3.113,3.113,0,0,1,2.2-.9,3.167,3.167,0,0,1,2.2.9,3.136,3.136,0,0,1,0,4.391h0A3.145,3.145,0,0,1,31.352,35.343Z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.trio-topo {
	display: grid;
	grid-template-columns: 44% 43% 13%;
	align-items: center;
	color: white;
	cursor: pointer;
	margin-left: 30px;
}

a.item-carrinho {
	display: none !important;
}

.login a:before {
	content: url("data:image/svg+xml,%3Csvg id='Profile' xmlns='http://www.w3.org/2000/svg' width='19.901' height='25.17' viewBox='0 0 19.901 25.17'%3E%3Cpath id='Stroke_1' data-name='Stroke 1' d='M14.951,24.975C9.583,24.975,5,24.139,5,20.794s4.554-6.433,9.951-6.433c5.367,0,9.951,3.058,9.951,6.4S20.347,24.975,14.951,24.975Z' transform='translate(-5 0.195)' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath id='Stroke_3' data-name='Stroke 3' d='M13.828,15.155a6.356,6.356,0,1,0-.045,0Z' transform='translate(-3.877 -2.4)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
	filter: invert(1);
}

.favoritos a::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.484' height='25.17' viewBox='0 0 28.484 25.17'%3E%3Cpath id='XMLID_810_' d='M26.122,29.88a8.074,8.074,0,0,0-11.431.006l-.44.44-.452-.452A8.081,8.081,0,0,0,0,35.587,8.013,8.013,0,0,0,2.374,41.3L13.383,52.308a1.236,1.236,0,0,0,.874.362,1.257,1.257,0,0,0,.874-.362L26.11,41.317a8.089,8.089,0,0,0,.012-11.437Z' transform='translate(0 -27.5)' fill='%23fff'/%3E%3C/svg%3E");
}

.trio-topo a {
	display: flex;
	gap: 5px;
	align-items: center;
	color: white;
	font-size: 12px;
}

/*Menu de Categorias*/
.menu-topo {
	background: #ffe600;
	color: #111;
}

.menu-topo > div {
	display: grid;
	grid-template-columns: 21% 79%;
	text-align: center;
	align-items: center;
	font-weight: 100;
	max-width: 1350px;
	margin: auto;
	font-size: 17px;
}

.menu-topo>div>.wd-category-menu ul.level-1 {
	display: grid;
	grid-auto-flow: column;
	align-items: center;
}



.menu-topo h3, .menu-topo a {
	margin: 0;
	color: white;
	font-size: 14px;
	text-align: center;
	font-weight: 100;
}

.menu-topo a{
	color: #111 !important;
}

.todos-dpt p i {
    margin-bottom: 1px;
    margin-left: 7px;
    color: #111;
}

.menu-topo i {
    border: solid #111;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 2px;
    margin-bottom: 5px;
    align-self: center;
}

.menu-topo>div>.todos-dpt ul.section.level-1 > li i {
    display: none !important;
}

ul.section.level-1 li {
	display: flex;
    align-items: center;
    gap: 6px;
    flex-direction: row;
}

.fundo-dpt {
	background-color: #029add;
}

.todos-dpt:hover {
	color: #111;
}

.todos-dpt {
	transition: transform 0.2s;
	padding: 7px 4px;
	background-color: #ffe600;
	color: #111;
	max-width: 1300px;
	margin: auto;
	display: flex;
	align-items: center;
	gap: 6px;
}

.menu-topo>div>.wd-category-menu ul.level-1 a:hover {
	text-decoration: none;
	color: white;
}

.wd-checkout-basket-summaryheader {
	height: auto;
}

.wd-checkout-basket-summaryheader>a .basket-size-wrapper {
	background-color: #ffe600;
	color: #111;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 20px;
	bottom: 14px;
	font-size: .8em;
	text-align: center;
	line-height: 17px;
	border: 2px solid #fff;
	font-weight: 700;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.todos-dpt>div {
	z-index: 10;
	position: absolute;
	background-color: #ffe600;
	text-align: initial;
	padding: 15px;
	min-width: 210px;
	top: 140px;
	-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.67);
	box-shadow: 3px 4px 15px 0px rgb(0 0 0 / 67%);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s, visibility 0.2s;
}

.todos-dpt:hover>div {
	visibility: visible;
	opacity: 1;
}

.todos-dpt ul li {
	padding: 5px;
}

.sacola span {
	color: white;
}

.menu-topo > div > div:not(.todos-dpt) .section.level-1 li {
    position: relative;
}

div#mySidenav {
	display: grid;
}

.sidenav {
	height: 100%;
	width: 0; 
	position: fixed; 
	z-index: 1; 
	top: 0; 
	right: 0;
	background-color: white; 
	overflow-x: hidden;
	transition: 0.5s;
}


.sidenav a:hover {
	color: #f1f1f1;
}

.sidenav{
	position: absolute;
	top: 0;
	font-size: 36px;
	margin-left: 50px;
	cursor: pointer;
}

.closebtn {
	padding: 20px;
	text-align: center;
	background-color: #029add;
	color: white;

}

/*HOVERS DE CATEGORIAS*/

.menu-topo .submenu {
	position: absolute;
	z-index: 10;
	left: 0%;
	padding: 10px;
	background: #ffe600;
	width: 250px;
	text-align: left;
	box-shadow: 0px 1px 5px 1px #3b3b3bb8;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s, visibility 0.2s;
	top: 20px;
}

.menu-topo .submenu .level-2 li h4{
	margin: 0 !important;
}

.todos-dpt .submenu {
	left: 80%;
	top: 0;
}

.menu-topo ul.section.level-1 li {
}

.menu-topo ul.section.level-1 li:hover .submenu {
	visibility: visible;
	opacity: 1;
}

/*menu mobile e header mobile*/
.menu-mobile {
	display: none;
	background: #F6F6F6;
	width: 75%;
	position: absolute;
	z-index: 150;
	height: 100%;
}

.meio-mobile {
	display: grid;
	grid-template-columns: 25% 50% 25%;
	align-items: center;
	padding: 10px 0;
}

.input-wrapper {
	width: 100%;
	margin: auto !important;
}

.pesquisa-mobile button {
	border: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.242' height='13.481' viewBox='0 0 13.242 13.481'%3E%3Cg id='noun_Search_966309' transform='translate(-28.6 -28.2)'%3E%3Cpath id='Caminho_7' data-name='Caminho 7' d='M41.587,40.1l-4.051-4.051a4.922,4.922,0,1,0-3.989,2.041,5.03,5.03,0,0,0,2.659-.773L40.288,41.4a.9.9,0,0,0,1.3,0A.954.954,0,0,0,41.587,40.1ZM31.352,35.343a3.079,3.079,0,0,1,0-4.36,3.113,3.113,0,0,1,2.2-.9,3.167,3.167,0,0,1,2.2.9,3.136,3.136,0,0,1,0,4.391h0A3.145,3.145,0,0,1,31.352,35.343Z'/%3E%3C/g%3E%3C/svg%3E");
	font-size: 0;
	right: 18px;
	background-repeat: no-repeat;
	top: 0px;
	padding: 21px;
	background-position: center;
}

.topo-mobile {
	padding: 15px;
}

.btn-menu {
	padding-left: 10px;
}

.cart-mobile {
	text-align: end;
	padding-right: 10px;
}

.meio-mobile .logo {
	text-align: center;
}

.meio-mobile .wd-checkout-basket-summaryheader>a .basket-size-wrapper {
	left: 70px;
}

.menu-mobile .faixa-topo {
	height: unset;
	padding: 5px 15px;
}

.duo-topo a {
	color: #111;
	gap: 10px;
}

.duo-topo {
	display: grid;
	grid-auto-flow: column;
	justify-content: start;
	gap: 30px;
	padding: 5px 0;
}

.menu-mobile .login a {
	display: flex;
	align-items: center;
	gap: 5px;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	margin: 10px 0;
}

.menu-mobile ul.section.level-1 {
	font-size: 10px;
	padding: 10px;
}

.menu-mobile ul.section.level-1 li {
}

.menu-mobile ul.section.level-1 h3 {
	margin: 0;
	padding: 10px 10px;
	border: 1px solid lightgray;
	background: white;
	font-size: 13px;
}

.menu-mobile ul.sub-section.level-2 {
	border: 1px solid lightgray;
	padding: 0 5px;
	margin-top: 5px;
}

.menu-mobile ul.sub-section.level-2 a {
	color: #484848;
	font-weight: 500;
	font-size: 14px;
}

.bg-menu {
	background: #1b1b1b8a;
	height: 360vh;
	width: 100%;
	z-index: 149;
	position: absolute;
	display: none;
}

/* carrinho */
.wd-checkout-basket-summaryheader>a b:before {
	color: white;
}

.wd-checkout-basket-summaryheader .wd-widget::before {
	right: 22px;
	top: 0;
}

.wd-checkout-basket-summaryheader.empty .wd-widget:after {
    color: black;
    font-weight: bold;
}

.wd-checkout-basket-summaryheader .wd-widget {
	right: 0;
	top: 30px;
}

.wd-checkout-basket-summaryheader .wd-widget .wd-footer .go-to-basket {
	background-color: black;
}

ul.loyalty-total-of-product-points {
	display: none;
}

@media only screen and (max-width: 1200px){
	
	/*menu mobile*/

	ul.section.level-1 li {
    display: flex;
    flex-direction: column;
    align-items: unset;
    gap: 0;
    margin: auto;
    margin-bottom: 5px;
	}
	
	.menu-mobile ul.sub-section.level-2 {
    border: 1px solid lightgray;
    padding: 0 5px;
    margin-top: 5px;
    display: none;
	}
	
	.menu-mobile ul.section.level-1 h3 a::after {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cimage id='image0' width='24' height='24' x='0' y='0' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJN%0AAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElN%0ARQfmBA4XEhaM3/O7AAAAYklEQVQ4y+2OMQqAMAxFXwbP6mKreBCxm4eVxEGxgkQ7OEnflvDfT6Dy%0AC5qCzYXASrhtOl8YMJR4zhHF6H1BmDH0iLQoxoI8PZWVoviuJAxFMdJ7PF9x2sVRRmDCSvorH7AB%0Aq5QfpgLxlQYAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDQtMTRUMjA6MTg6MjIrMDM6MDBsC8d3%0AAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTA0LTE0VDIwOjE4OjIyKzAzOjAwHVZ/ywAAAABJRU5E%0ArkJggg==' /%3E%3C/svg%3E%0A");
	position: absolute;
    right: 15px;
    margin-top: -6px;
    opacity: 0.2;
	}
	
	.menu-mobile ul.section.level-1 h3 a.\.girar-seta::after{
    transform: rotate(-135deg) !important;
    -webkit-transform: rotate(-180deg) !important;
    animation: 0.3s;
	}
	
	.menu-mobile ul.section.level-1 h3 a {
    text-decoration: unset;
	}
	
	nav.wd-browsing-breadcrumbs ul li a:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.823' height='13.328' viewBox='0 0 14.823 13.328'%3E%3Cg id='noun_Home_1889954' transform='translate(301.952 -218.75)'%3E%3Cpath id='Caminho_414' data-name='Caminho 414' d='M28.654,23.77l-6.885-4.927a.528.528,0,0,0-.6,0L14.265,23.77a.518.518,0,0,0,.6.845l.062-.041v6.989a.51.51,0,0,0,.515.515H27.479a.51.51,0,0,0,.515-.515V24.574l.062.041a.506.506,0,0,0,.309.1.538.538,0,0,0,.412-.206A.55.55,0,0,0,28.654,23.77Zm-1.69,7.277H15.955V23.852l5.5-3.937,5.5,3.937Z' transform='translate(-316 200)'/%3E%3C/g%3E%3C/svg%3E%0A");;
    margin-right: 5px;
	}
	
}
.pesquisa *:not(.suggestion-box), .pesquisa-mobile *:not(.suggestion-box), .pesquisa-mobile .wd-search .input-wrapper {
    position: unset;
}

.pesquisa .wd-search button, .pesquisa-mobile .wd-search button {
    position: absolute;
}

.pesquisa, .pesquisa-mobile {
    position: relative;
}

.wd-search .suggestion-title {
    color: #029add;
}

/*CARRINHO*/
#basket-summary .items{
	margin-bottom: 166px;
}

#basket-summary .go-to-checkout{
	background-color: #46b872;
}
header #basket-summary .items ul li .quantity button.more{
	display: block !important;
}

@media(max-width: 756px){
	header .menu-offcanvas .offcanvas{
		width: 95%
	}
	/*CART MOBILE - OFFCANVAS*/
    /*Habilitar rolagem Y no OffCanvas carrinho*/
    #offcanvasCart.show:not(.hiding),
    #offcanvasCart.show:not(.hiding){
        overflow-y: auto;
		overflow-x: hidden;
    }
    /*###---###*/
    header #offcanvasCart #basket-summary{
        display: block;
		position: relative;
        top: 0px;
        width: 100%;
        border: none;
        box-shadow: none;
        padding: 1rem;
    }
    header #offcanvasCart #basket-summary .items ul{
        padding: 0;
    }
    header #offcanvasCart #basket-summary:before{
        display: none;
    }
    header #offcanvasCart #basket-summary .go-to-basket,
    header #offcanvasCart #basket-summary .go-to-checkout{
        margin: 0px 0px 10px 0px;
        border-radius: 25px;
		display: flex;
    }
    header #offcanvasCart #basket-summary .go-to-basket{
        border: 1px solid #002f82;
    }
    header #offcanvasCart #basket-summary .go-to-checkout{
        color: #fff;
    }
    
    /*BOTÃO ADICIONAR MAIS PRODUTOS NO CARRINHO*/
    header #offcanvasCart #basket-summary .items ul li{
        padding: 0px 0;
        margin-bottom: 0;
    }
    header #offcanvasCart #basket-summary .items ul li .quantity{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
    }
    header #offcanvasCart #basket-summary .items ul li .quantity input{
        width: 50%;
    }
    header #offcanvasCart #basket-summary .items ul li .quantity button{
        position: absolute;
        padding: 0;
        background-color: transparent;
        color: inherit;
        width: 40px;
        border: 1px solid #DDD;
        height: 40px;
        border-radius: 0;
		color: #fff
    }
    header #offcanvasCart #basket-summary .items ul li .quantity button.less{
        left: 0;
    }
    header #offcanvasCart #basket-summary .items ul li .quantity button.more{
        right: 0
    }
    header #offcanvasCart #basket-summary .items ul li .price span{
        font-size: 16px;
        font-weight: 600;
        color: #212529
    }
	header .offcanvas #basket-summary .position-fixed.sticky-bottom{
		width: 95%;
		padding: 0 1rem;
	}
    /*###---###*/
}

@media(min-width: 992px){
    #basket-summary{
        display: block;
    }
    header .basket button:hover{
        background-color: transparent
    }
    header .offcanvas .offcanvas-header button i{
        font-size: initial;
    }
    header .offcanvas #basket-summary{
        position: inherit;
        width: auto;
        box-shadow: none;
        border: none;
    }
	header .offcanvas #basket-summary .items ul li .quantity input{
		width: 40px;
	}
    header .offcanvas #basket-summary .items ul li .quantity{
        display: flex;
        justify-content: end;
    }
    header .offcanvas #basket-summary .items ul li .quantity button{
        position: initial !important;
        width: 40px;
        height: auto;
        border-top: 1px solid #ddd;
		padding: 0
    }
	header .offcanvas #basket-summary .position-fixed.sticky-bottom{
		width: 399px;
		padding: 0 1rem;
	}
}