﻿.espelho-home #middle{
  max-width: 100%!important;
  width:100%;
}

.espelho-home  .wrapper:before, 
.espelho-home  .wrapper:after{
  content: unset!important;
}

.espelho-home .wd-browsing-breadcrumbs, .accordionpdpnew.mobile{
   display: none;
}

.espelho-home .wd-marketing-banner img{
  width: 100%;
  height: auto;
}

.accordionpdpnew details {
  display: block;
  width: 100%;
  margin: 10px 0;
}

.accordionpdpnew .accordion-content {
  padding: 16px 0 0 0px;
  font-size: 12px;
  color: #A2A2A2;
  font-family: 'Lato';
}

.accordionpdpnew summary, body[class*="context-product-"] #middle .product-detail .ingrediente-descricao .wd-content .wd-descriptions-text h1 {
  display: flex;
    background: transparent;
    color: #666666;
    border-radius: 0;
    padding: 8px 0px;
	padding-bottom: 16px;
    cursor: pointer;
    font-weight: 500;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    font-family: 'obviously';
    font-size: 14px;
    border-bottom: 1px solid #ECECEC;
	position: relative;
}

.accordionpdpnew summary::-webkit-details-marker {
  display: none;
}

.accordionpdpnew summary:before, body[class*="context-product-"] #middle .product-detail .ingrediente-descricao .wd-content .wd-descriptions-text h1:after {
  content: "";
  font-weight: bold;
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px; 
  text-align: center;
  background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/arrow-up.svg) no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
}

.accordionpdpnew details[open] summary:before, body[class*="context-product-"] #middle .product-detail .ingrediente-descricao .wd-content .wd-descriptions-text h1.active-ativos:after {
  content: "";
  background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/arrow-down.svg) no-repeat;
  background-position: center;
}

.BasketIndexRoute #popup-overlay {
	display: none !important;
}


@media screen and (min-width: 980px) {
	body.context-category-1577.grid-products #middle#content-wrapper>.row {
    	display:flex;
	}
}
@media (min-width: 1100px) {
	#main .wrapper, body.HomeRoute #middle #content-wrapper #motivos-amar .wrapper,
	body.HomeRoute #middle #content-wrapper #tipos-cabelos .wrapper {
    	max-width: 1240px;
	}
	.grid-products #middle.wrapper, body[class*=context-product] #main .product-detail.wrapper  {
		max-width: 1480px;
	}
	.supertopo ul li p {
		font-size: 18px;
		font-weight: 500;
	}
	.supertopo ul li p strong {
		font-weight: 800;
		font-size: 20px;
	}
	#header .main-bar .wrapper .row .icons-resume #top-search.active-search .wd-search {
		width: 730px;
	}
	body #header .main-bar .wrapper .row .icons-resume {
		width: auto;
	}
	#top-searchnovo {
		position: relative;
	}
	#top-searchnovo .wd-search .input-wrapper {
		margin-right: 0;
		margin-bottom: 0;
	}
	#top-searchnovo .close-search, body.HomeRoute #middle #content-wrapper .banner-beneficios,
	body.HomeRoute #middle #content-wrapper #redes-home,
	.main-category .wd-category-menu .level-1 .level-2>li.has-children>h4>a .icon,
	#tipos-cabelos .left-icon-1, #tipos-cabelos .left-icon-2,
	body.HomeRoute #middle #content-wrapper #tipos-cabelos .right-icon-1,
	body.HomeRoute #middle #content-wrapper #tipos-cabelos .right-icon-2,
	body.HomeRoute #middle #content-wrapper #tipos-cabelos .right-icon-3,
	.wd-product-line .cashback-info,
	.main-category .wd-category-menu .level-1 .level-2>li:hover .level-3 {
		display: none;
	}
	#footer .rastreio-rodape {
		display: none !important;
	}
	#bg-search {
		background: transparent;
	}
	.main-category .wd-category-menu .level-1>li.linhas h3:hover a {
		border-bottom: 1.5px solid #9D5FDD;
	}
	.main-category .wd-category-menu .level-1>li.promocao h3:hover a {
		border-bottom: 1.5px solid #EA136A;
	}
	.main-category .wd-category-menu .level-1>li.cabelos h3:hover a {
		border-bottom: 1.5px solid #03D896;
	}
	.main-category .wd-category-menu .level-1>li.lolaterapia h3:hover a {
		border-bottom: 1.5px solid #37C8D3;
	}
	.main-category .wd-category-menu .level-1>li.dica-da-lola h3:hover a {
		border-bottom: 1.5px solid #EF86D1;
	}
	.main-category .wd-category-menu .level-1>li.lancamentos h3:hover a {
		border-bottom: 1.5px solid #F49416;
	}
	body .vitrine-2-produtos .title-lola, .vitrine-4-produtos .title-lola, #conteudo-lolistico .title-lola {
		justify-content: left;
		margin-top: 0;
	}
	body.HomeRoute #middle #content #content-wrapper #motivos-amar .wd-header {
		justify-content: center;
	}
	.main-category .wd-category-menu .level-1>li h3:hover a,
	.main-category .wd-category-menu .level-1>li .level-2>li:hover>h4>a {
		color: #3F3F3F !important;
	}
	#header .main-bar .wrapper .row:first-child {
		justify-content: center;
		gap: 78.50px;
		height: 120px;
	}
	#header .area-rastrear {
		background: #03D896;
		padding: 8px 16px;
		border-radius: 8px;
		color: #3F3F3F;
		font-size: 12px;
		width: 131px;
	}
	#header .area-rastrear a {
		display: flex;
		align-items: center;
		color: #3F3F3F;
		justify-content: center;
    	gap: 10px;
		font-family: "Leelawadee Bold V1";
	}
	#header .area-rastrear a:hover {
		text-decoration: inherit;
		cursor: pointer;
	}
	body #top-searchnovo .wd-search button {
		font-size: 0;
		background: transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath d='M2.62241 12.3665C3.86939 13.6149 5.52996 14.3643 7.29129 14.4735C9.05263 14.5829 10.7932 14.0444 12.185 12.9598L16.9739 17.7473C17.1437 17.9113 17.3712 18.002 17.6073 18C17.8434 17.9979 18.0692 17.9033 18.2362 17.7364C18.4031 17.5695 18.4979 17.3437 18.5 17.1076C18.502 16.8716 18.4112 16.6442 18.2472 16.4744L13.4583 11.6868C14.5914 10.2331 15.1272 8.40195 14.9562 6.5669C14.7852 4.73184 13.9205 3.03109 12.5384 1.8115C11.1562 0.591899 9.36079 -0.0546789 7.51819 0.00362649C5.67559 0.0619319 3.92463 0.820729 2.62241 2.12527C1.94955 2.7976 1.41578 3.59588 1.05161 4.47448C0.687439 5.3531 0.5 6.29483 0.5 7.2459C0.5 8.19695 0.687439 9.1387 1.05161 10.0173C1.41578 10.8959 1.94955 11.6942 2.62241 12.3665ZM3.89573 3.40003C4.78595 2.51007 5.9573 1.95624 7.21018 1.83287C8.46307 1.70949 9.71998 2.02421 10.7668 2.72341C11.8136 3.42262 12.5855 4.46303 12.951 5.66741C13.3166 6.87178 13.253 8.16559 12.7713 9.32841C12.2897 10.4912 11.4196 11.4511 10.3093 12.0445C9.19905 12.6379 7.91736 12.8281 6.68257 12.5827C5.44779 12.3372 4.33631 11.6715 3.53751 10.6987C2.73871 9.72587 2.30202 8.50629 2.30183 7.24769C2.29936 6.53251 2.43898 5.82396 2.7126 5.16315C2.98621 4.50233 3.38837 3.90242 3.89573 3.39822V3.40003Z' fill='%23EA136A'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
    	background-position: center;
    	top: -4px;
    	width: 30px;
    	right: 10px;
	}
	body #top-searchnovo input[type="text"] {
		border-bottom: 1px solid #e7e7e7;
		border: 1px solid #CCCCCC;
		border-radius: 10px;
		background: transparent;
		width: 606px;
	}
	body #header .main-bar {
		height: auto;
		margin-top: 0;
	}
	body #header .main-bar .wrapper .row #logo {
		width: auto;
	}
	#header .main-category, body.HomeRoute li[class*="product-"] .btn-product-novo form .btn-buy-fake,
	body.HomeRoute #content .fullbanner .wd-marketing-banner img, body.HomeRoute .fullbanner .wd-marketing-banner video {
		width: 100%;
	}
	.main-category .wd-category-menu .level-1>li.linhas h3 a,
	.main-category .wd-category-menu .level-1>li.promocao h3 a,
	.main-category .wd-category-menu .level-1>li h3 a {
		background: transparent !important;
		color: #3F3F3F !important;
		font-size: 16px;
		text-transform: uppercase;
		font-family: "Inter", sans-serif;
    	font-weight: 600;
	}
	body #main .main-category .wd-category-menu .level-1 .level-2>li a {
		background: #fff !important;
		color: #3F3F3F !important;
		font-size: 13px;
		font-weight: 500;
	}
	.main-category .wd-category-menu .level-1>li .level-2,
	.main-category .wd-category-menu .level-1>li .level-2 .level-3 {
		background: #fff !important;
	}
	body .main-category .wd-category-menu .level-1>li {
		width: auto;
	}
	body .main-category .wd-category-menu .level-1 .level-2 {
		top: 56px;
	}
	body:not(.BasketIndexRoute) #middle {
		padding-top: 223px !important;
	}
	body.HomeRoute #middle #content-wrapper .vitrine ul li {
		width: 100% !important;
	}
	.main-category .wd-category-menu .level-1>li.linhas .level-2 {
		left: 0;
	}
	body.HomeRoute #middle #content-wrapper .vitrine .wd-header .wd-more:hover {
		text-decoration: inherit;
	}
	body.HomeRoute #middle #content #content-wrapper #tipos-cabelos {
		margin-top: 48px;
	}
	body.HomeRoute li[class*="product-"] .wd-product-line-medias a.thumb {
		width: 225px !important;
	}
	body.HomeRoute #middle #content-wrapper .vitrine ul li {
		width: auto !important;
	}
	#motivos-amar .icon svg {
		width: 42px;
		height: 42px;
	}
	body.HomeRoute #middle #content-wrapper .vitrine-4-produtos+.vitrine-2-produtos {
		margin-top: 48px;
		margin-bottom: 0;
	}
	body.HomeRoute li[class*="product-"] .item-description h3 a {
		color: #1C1C1C;
		font-weight: 700;
	}
	body.HomeRoute .wd-product-price-description .priceContainer .sale-price {
		color: #EA136A;
		font-weight: 800;
		font-size: 27px;
		margin: 4px 0;
	}
	body.HomeRoute .wd-product-price-description .priceContainer .sale-price:after {
		color: #1C1C1C;
		font-weight: 600;
		font-size: 16px;
	}
	.wd-product-price-description .priceContainer .condition {
		color: #1C1C1C;
	}
	.wd-product-price-description .priceContainer .list-price.de-por {
		top: -17px;
	}
	.main-category .wd-category-menu .level-1>li.dica-da-lola .level-2 {
    	left: -400px;
	}
	.main-category .wd-category-menu .level-1>li.lancamentos .level-2 {
    	left: -560px;
	}
	.main-category .category-banner {
    	display: block;
    	position: absolute;
    	top: 0;
	}
	.main-category .wd-category-menu .level-1 .level-2 {
    	width: 706px !important;
    	padding-top: 120px !important;
		border-radius: 5px;
	}
	.main-category .wd-marketing-banner img {
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}
	.main-category .wd-category-menu .level-1>li.lolaterapia .level-2 {
		left: -130px;
	}
	body.HomeRoute #middle #content #content-wrapper .vitrine-2-produtos .wd-content .banner-vitrine img {
		height: 606px;
	}
	body h1 {
		margin-top: 0;
		margin-bottom: 0;
	}
	body #content .title-lola {
		margin-bottom: 0;
	}
	body #footer #rodape .wrapper .cms-page-menu .wd-page-menu li a {
		font-size: 11px;
	}
	/*customização página de produto*/
	body[class*=context-product] #middle {
		max-width: 1240px !important;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .buy-info .wd-product-deliveryfee {
		display: block;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .buy-info .cep-controle {
		display: flex;
		justify-content: space-between;
		background: #FFFFFF;
		border-radius: 42px;
		padding-left: 24px;
        padding-right: 24px;
        margin-top: 8px;
		max-width: 388px;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .buy-info .wd-product-deliveryfee .button-wrapper {
		position: relative;
    	right: 0;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .buy-info .wd-product-deliveryfee .input-wrapper input {
		border-bottom: 0;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .buy-info .wd-product-deliveryfee .icon {
		margin-right: 8px;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .buy-info .wd-product-deliveryfee .input-wrapper input::placeholder {
		color: #A2A2A2;
		font-size: 12px;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .row.buy-box .wd-buy-button {
		padding-bottom: 24px;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .price-page-produto {
		padding-bottom: 16px;
		gap: 0;
	}
	body[class*="context-product-"] .slick-vertical .slick-slide {
		width: 65px !important;
    	height: 65px !important;
		margin-bottom: 8px;
	}
	body[class*="context-product-"] #middle .product-detail .head .medias .wd-product-medias .wd-product-media-selector ul li img {
		max-width: 65px;
		cursor: pointer;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .tags-produto {
		margin-top: 16px;
		padding-top: 0;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .tags-produto .linha-produto {
		margin-bottom: 0;
	}
	body[class*="context-product-"] li[class*="product-"] .wd-product-line-medias a.thumb {
		width: 100% !important;
	}
	body[class*="context-product-"] .price-page-produto .flag.off {
		background: #03D896;
		width: 54px;
    	height: 29px;
		font-family: "Lato";
		color: #1C1C1C;
		font-size: 16px;
		font-weight: 800;
		border-radius: 4px;
	}
	body[class*="context-product-"] #middle .product-detail .head .information .price-page-produto .priceContainer .condition {
		margin-bottom: 0;
	}
	#conteudo-lolistico .wd-more {
		margin-top: 27px;
	}
	/*fim customização página de produto*/
}


/*NOVA PDP GERAL*/
body[class*="context-product-"] #middle .product-detail .head .information .brand-ref .code, 
body[class*="context-product-"] li[class*="product-"] .btn-product-novo form .qtd-vitrine,
body[class*="context-product-"] #middle .product-detail .head .information .wd-product-bundle .destaque-produto,
body[class*="context-product-"] #middle .product-detail .head .medias .botao-zoom,
body[class*="context-product-"] .flag.off strong {
	display: none;
}
body[class*="context-product-"] #middle .product-detail .head .information .wd-product-bundle #btn-kit-lola>.wd-buy-button .btn-buy,
body[class*="context-product-"] #middle .product-detail .head .information .row.buy-box .wd-buy-button .btn-buy {
	font-size: 0;
}
body[class*="context-product-"] #middle .product-detail .head .information .wd-product-bundle #btn-kit-lola>.wd-buy-button .btn-buy::after,
body[class*="context-product-"] #middle .product-detail .head .information .row.buy-box .wd-buy-button .btn-buy::after {
	content: 'Comprar';
	font-family: 'obviously';
    font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 12px;
}
body[class*="context-product-"] li[class*="product-"] .btn-product-novo form .btn-buy-fake {
	border-radius: 8px;
	background: #9D5FDD;
	width: 100%;
}
body[class*="context-product-"] #middle .product-detail .head .information .wd-product-bundle #btn-kit-lola>.wd-buy-button .btn-buy,
body[class*="context-product-"] #middle .product-detail .head .information .row.buy-box .wd-buy-button .btn-buy {
	background: #9D5FDD;
    border-radius: 8px;
}
body[class*="context-product-"] #middle .product-detail .head .information .price-page-produto .priceContainer .list-price.de-por span,
body[class*="context-product-"] #middle .product-detail .head .information .price-page-produto .priceContainer .condition .parcels,
body[class*="context-product-"] #middle .product-detail .head .information .price-page-produto .priceContainer .condition .parcel-value {
	color: #A2A2A2;
    font-family: "lato";
	font-weight: 400;
}
body[class*="context-product-"] .information .wd-product-price-description .priceContainer .sale-price {
	color: #EA136A;
    font-family: 'Lato';
    font-size: 36px;
}
body[class*="context-product-"] #middle .product-detail .head .information .price-page-produto .priceContainer .sale-price:after {
	content: "à vista";
	color: #3F3F3F;
    font-size: 21px;
    font-family: "lato";
    font-weight: 400;
}
body[class*="context-product-"] #main #middle .product-detail .head .information .buy-info .wd-product-deliveryfee strong {
	width: 100%;
}
body[class*="context-product-"] #middle .product-detail .head .information .buy-info .wd-product-deliveryfee .controle-frete {
	display: flex;
    align-items: center;
}
body[class*="context-product-"] #middle .product-detail .head .information .buy-info .wd-product-deliveryfee .button-wrapper button {
	font-size: 12px;
    font-family: "Lato";
    font-weight: 600;
    color: #EA136A;
}
body[class*="context-product-"] #middle .product-detail .head .information .buy-info .wd-product-deliveryfee strong {
	font-size: 12px;
	font-weight: 400;
}
body[class*="context-product-"] .wd-product-associations .cashback-info.d-none {
	display: flex;
    align-items: center;
    gap: 4px;
}
body[class*="context-product-"] #middle .product-detail .head .information .wd-product-bundle #btn-kit-lola .wd-product-amount div.single,
body[class*="context-product-"] #middle .product-detail .head .information .row.buy-box .quantidade div.single {
	background: transparent;
	border: 1px solid #CCCCCC;
}
body[class*="context-product"] #middle .product-detail .head .information .name {
	font-size: 27px;
    font-weight: 400;
    font-family: 'Lato';
}
body[class*="context-product-"] #middle .product-detail .associations.compre-junto-lola form .cross-sell-footer .btn-buy {
	background: #9D5FDD;
    border-radius: 8px;
}
body[class*="context-product-"] #_sincero_widget {
	background: transparent;
}

body[class*="context-product-"] #middle .product-detail .ingrediente-descricao,
body[class*="context-product-"] #middle .product-detail .descriptions  {
	background: transparent;
	box-shadow: inherit;
}
body[class*="context-product-"] #main #middle .product-detail .descriptions .wd-descriptions-nav li a,
body[class*="context-product-"] #main #middle .product-detail .descriptions .wd-content .wd-descriptions-text,
body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao .wd-title,
body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao small,
body[class*="context-product-"] #main #middle .acc-content,
body[class*="context-product-"] #main #middle .product-detail .descriptions .wd-content #Como_usar:before,
body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao .wd-content .wd-descriptions-text h1.active-ativos+h2,
body[class*="context-product-"] #main #middle .product-detail .descriptions .wd-content #LongDescription:before  {
	color: #A2A2A2;
	font-size: 14px;
	font-family: "Lato", sans-serif;
	text-align: left;
}
body[class*="context-product-"] #middle .product-detail .ingrediente-descricao:before,
body[class*="context-product-"] #middle .product-detail .ingrediente-descricao:after,
body[class*="context-product-"] #middle .product-detail .descriptions .wd-content #LongDescription:before,
body[class*="context-product-"] #middle .product-detail .descriptions .wd-descriptions-nav,
body[class*="context-product-"] #middle .descricao_curta_2, body[class*="context-product-"] #middle .LongDescription wd-title,
body[class*="context-product-"] #middle .product-detail .ingrediente-descricao .wd-footer:after {
	display: none;
}
body[class*="context-product-"] #middle .product-detail .ingrediente-descricao .wd-footer {
	background: transparent;
}
body[class*="context-product-"] #middle .product-detail .ingrediente-descricao .wd-descriptions-panel {
	max-width: 100%;
}
body[class*="context-product-"] #middle .product-detail .ingrediente-descricao,
body[class*="context-product-"] #middle .product-detail .descriptions  {
	padding-bottom: 12px;
	padding-top: 12px;
	margin-bottom: 0;
}
body[class*="context-product-"] #middle .wd-descriptions .wd-descriptions-panel {
	margin: 0;
}
body[class*="context-product-"] #middle .product-detail .ingrediente-descricao .wd-content.active-ver-mais {
	padding-bottom: 0;
}
body[class*="context-product-"] #middle .product-detail .ingrediente-descricao .wd-content .wd-descriptions-text h1.active-ativos+h2,
body[class*="context-product-"] #middle .product-detail .ingrediente-descricao small  {
	padding-bottom: 12px;
	padding-top: 12px;
}
body[class*="context-product-"] accordionpdpnew {
	margin-top: 32px;
}
body[class*="context-product-"] #middle .acc-content {
	padding-top: 12px;
}
body[class*="context-product-"] #middle .product-detail .head .information .destaque-produto ul li strong {
	font-weight: 200;
	font-family: 'Lato';
}
body[class*="context-product-"] #middle .product-detail .head .information .destaque-produto ul li:first-child .icon,
body[class*="context-product-"] #middle .product-detail .head .information .destaque-produto ul li .icon  {
	height: auto;
}
body[class*="context-product-"] #middle .product-detail .head .information .destaque-produto {
	padding-bottom: 0;
}
body[class*="context-product-"] #main #middle .product-detail .head .information .tags-produto .linha-produto {
	border: 1px solid #EA136A;
	color: #666666;
	background: transparent;
}
body[class*="context-product-"] .wd-product-associations .flag.off {
	background: #F49416;
    width: 101px;
    height: 32px;
    left: 0px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 12px;
    flex-direction: row;
    gap: 4px;
}
body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao .wd-title {
	display: none;
}
/*FIM NOVA PDP GERAL*/

/*COMPRE JUNTO LOLA NOVO*/
body[class*="context-product-"] #main .product-detail .associations.compre-junto-lola .title-lola {
	margin-top: 0;
	padding-bottom: 24px;
}
body[class*="context-product-"] #main .product-detail .descriptions .wd-content p {
    color: #A2A2A2;
}
body[class*="context-product-"] #main .product-detail .associations.compre-junto-lola form>ul {
    width: 100%;
    padding-right: 0;
}

body[class*="context-product-"] #main .product-detail .associations.compre-junto-lola form>ul li {
	width: 100%;
	min-height: auto;
}

body[class*="context-product-"] #main .product-detail .associations.compre-junto-lola form>ul li .wd-product-line {
    display: flex;
	align-items: center;
    width: 100%;
    background: transparent;
    gap: 8px;
    padding: 0;
    padding-top: 16px;
    padding-bottom: 8px;
	border: 0;
    border-radius: 0;
}

body[class*="context-product-"] #main .compre-junto-lola li[class*="product-"] .wd-product-line-medias a.thumb {
    width: 86px !important;
    height: 86px !important;
}

body[class*="context-product-"] #main .product-detail .associations.compre-junto-lola form {
    display: block;
}

body[class*="context-product-"] #main .product-detail .associations.compre-junto-lola form .cross-sell-footer {
    background: transparent;
    width: 100%;
    padding: 0;
    height: auto;
    flex-direction: column-reverse;
}   

body[class*="context-product"] #main #middle .product-detail .head .information .compre-junto-lola .name {
   font-size: 16px;
   color: #3F3F3F;
   margin-bottom: 0;
}

body[class*="context-product-"] #main .product-detail .associations.compre-junto-lola form {
    position: relative;
}

body[class*="context-product-"] #main .product-detail .associations.compre-junto-lola form>ul:before {
    background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/icons/adicionar.png) no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 165px;
    z-index: 2;
    right: 0;
}

body[class*="context-product-"] #main .product-detail .associations.compre-junto-lola form>ul:after {
    background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/icons/igual.png) no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 2;
}

body[class*="context-product-"] #main .compre-junto-lola .wd-product-associations .total .asyncprice-area {
    text-align: center;
	margin: 16px 0;
}

body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola form .cross-sell-footer .btn-buy {
    color: #1C1C1C;
    background: #37C8D3;
}

body[class*="context-product-"] #middle .product-detail .associations.compre-junto-lola form .cross-sell-footer .btn-buy:before {
    filter: invert(1);
}

body[class*="context-product-"] #middle .product-detail .associations.compre-junto-lola form .cross-sell-footer .btn-buy:hover {
    background: #31bec9 !important;
}

body[class*="context-product-"] #middle .information .compre-junto-lola .wd-product-price-description .priceContainer .sale-price {
    font-size: 16px;
}

body[class*="context-product-"] #middle .information .compre-junto-lola .trustvox-shelf-container {
    text-align: left;
}

body[class*="context-product-"] #middle .information .compre-junto-lola .title-lola h2 {
    font-weight: 500;
    font-size: 21px;
    font-family: 'obviously';
}

body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola form>ul {
    margin-bottom: 0;
	display: block;
	position: relative;
}
body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola .cross-sell-footer .sale-price {
	color: #EA136A;
    font-size: 27px;
    font-weight: 800;
    font-family: 'Lato';
}
body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola .cross-sell-footer .condition {
	color: #A2A2A2;
    font-size: 16px;
}
/*FIM COMPRE JUNTO LOLA NOVO*/

/*Seção blog lola*/
body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul li a h3 {
	font-size: 21px;
	color: #1C1C1C;
	font-family: "Lato", sans-serif;
	text-align: left;
}
body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul li p {
	color: #666666;
    font-size: 12px;
	height: 65px;
    overflow: hidden;
	text-align: left;
}
body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul li a {
	background: transparent;
	box-shadow: inherit;
}
body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul li a span {
	width: 100%;
	border-radius: 4px;
	font-size: 14px;
}
#conteudo-lolistico .wd-more {
	font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    border-bottom: 1px solid #EA136A;
    color: #EA136A;
}
#conteudo-lolistico .wd-more:hover {
	text-decoration: inherit;
}
/*Fim blog seção lola*/

body.HomeRoute #middle #content #content-wrapper #motivos-amar {
	padding-top: 0;
	margin-top: 48px;
	padding-bottom: 48px;
	box-shadow: inherit;
}

body.HomeRoute #main .wd-product-list .wd-content>ul {
	margin: 0;
	padding: 0;
}

body.HomeRoute #main #middle #content #content-wrapper .wd-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
body.HomeRoute #middle #content-wrapper .vitrine .wd-header .wd-more {
	font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    border-bottom: 1px solid #EA136A;
    color: #EA136A;
}
body.HomeRoute li[class*="product-"] .btn-product-novo form .btn-buy-fake {
	border-radius: 8px;
	background: #9D5FDD;
}
body.HomeRoute li[class*="product-"] .btn-product-novo form .qtd-vitrine,
body .vitrine-4-produtos .title-lola .wd-icon, body .vitrine-2-produtos .title-lola .wd-icon, 
#conteudo-lolistico .title-lola .wd-icon, body.HomeRoute #middle #content-wrapper #redes-home {
	display: none;
}
body.HomeRoute #content .fullbanner .wd-marketing-banner .slick-dots li {
	background: #ECECEC;
}
body.HomeRoute #content .fullbanner .wd-marketing-banner .slick-dots li.slick-active {
	background: #F49416;
}
body.HomeRoute #content .fullbanner .wd-marketing-banner .slick-dots {
	bottom: -35px;
}
body.HomeRoute #middle #content #content-wrapper .title-special {
	margin-top: 75px;
}
body.HomeRoute #middle #content #content-wrapper #conteudo-lolistico {
	margin-top: 48px;
	padding-top: 0;
}
body.HomeRoute #middle #content #content-wrapper #conteudo-lolistico .wd-title {
	margin-top: 11px;
}
body.HomeRoute #main #middle #content #content-wrapper h2 {
	font-family: "obviously";
	font-weight: 600;
	color: #1C1C1C;
	font-size: 27px;
	margin-bottom: 0;
}
body.HomeRoute #main #middle #content #content-wrapper #motivos-amar .wrapper ul li a h3 {
	font-family: "obviously";
	font-weight: 600;
	color: #1C1C1C;
	font-size: 16px;
	margin: 8px 0;
}

body.HomeRoute .flag.off {
	background: #F49416;
	width: 101px;
	height: 32px;
	left: 0px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 12px;
	flex-direction: row;
    gap: 4px;
	}
body.HomeRoute .wd-product-line .cashback-info {
	display: flex;
	align-items: center;
	gap: 4px;
}
.wd-product-line .cashback-info p {
	margin-bottom: 0;
	color: #049E04;
	font-size: 12px;
	font-weight: 600;
}
.wpp-button, .BasketIndexRoute .wd-checkout-basket-grid .grid-informations .col.nested-grid,
.wd-easy-checkout .basket-product-nested, .HomeRoute .backtop {
	display: none !important;
}
.HomeRoute .wpp-button {
    display: block !important;
    position: fixed;
    right: 10px;
    bottom: 0px;
    z-index: 100;
}

/*Flag lola bundle*/ 
body[class*="context-product-"] .bundle-price .wd-product-price-description { 
	position: relative;
}

body[class*="context-product-"] .bundle-price .flag.off {
	background: #03D896;
    width: 54px;
    height: 29px;
    font-family: "Lato";
    color: #1C1C1C;
    font-size: 16px;
    font-weight: 800;
    border-radius: 4px;
    left: unset;
    right: 170px;
    top: 10px;
}

/*Fim flag lola bundle*/

@media (max-width: 991px) {
	body.HomeRoute .fullbanner .wd-marketing-banner img, body.HomeRoute .fullbanner .wd-marketing-banner video {
		width: 100%;
	}
	#header .dropdown-menu .account .wd-profile-welcome-shopper {
		display: flex;
		align-items: center;
	}
	body .banner-beneficios-mobile img, #header .dropdown-menu .logo-menu,
	#footer #rodape .wrapper .pagamento img, .accordionpdpnew.desktop,
	body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao:before,
	body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao:after {
		display: none;	
	}
    #main #header .main-bar .wrapper .row .icons-resume .area-rastrear, .accordionpdpnew.mobile,
	body[class*="context-product-"] #middle .product-detail .head .information .row:nth-child(2) {
		display: block;
	}
	#main #header .main-bar .wrapper .row {
		justify-content: flex-start;
	}
	body.HomeRoute li[class*="product-"] .btn-product-novo form .btn-buy-fake {
		position: relative;
		width: 100%;
		right: 0;
	}
	body #header .main-bar .wrapper .row #logo {
		width: 50%;
	}
	#header .main-bar #top-search .wd-search input {
		border: 1px solid #ccc;
        border-radius: 10px;
	}
	body.HomeRoute #middle #content-wrapper #motivos-amar .wd-header {
		justify-content: center;
	}
	#header .hamburguer .account.rastrearmobile svg {
		filter: inherit;
        transform: inherit;
	}
	body #header .dropdown-menu .account .widget-title, 
	body #header .dropdown-menu .account .widget-title a  {
		font-size: 16px;
		font-weight: 400;
    	color: #3F3F3F;
    	text-transform: uppercase;
	}
	#header .dropdown-menu .account {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	#header .dropdown-menu .account.rastrearmobile {
		border-top: 1px solid #F3F3F3;
	}
	#header .dropdown-menu.active-menu {
		background: #fff;
	}
	#header .category-menu-small .level-1 li h3 .icon {
		right: 65px;
	}
	#header .dropdown-menu .account {
		align-items: center;
	}
	body #main .category-menu-small .level-1 .level-2>li>h4>a,
	body #main .category-menu-small .level-1 .level-2 li a {
		color: #3F3F3F;
        font-weight: 500;
        font-size: 16px;
        height: 25px;
	}
	body .category-menu-small .level-1 li.linhas .level-2, 
	body .category-menu-small .level-1 li.cabelos .level-2,
	body .category-menu-small .level-1 .level-2.active-menu-2,
	body #main .category-menu-small .level-1 .level-2>li>h4>a  {
		background: #fff !important;
	}	
	body .category-menu-small .level-1 li h3 {
		text-transform: uppercase;
		letter-spacing: 0;
		font-size: 16px;
		border-bottom: 1px solid #F3F3F3;
		height: 48px;
	}
	body .category-menu-small .level-1 li h3 {
		position: relative;
		text-indent: unset;
		padding-left: 30px;
	}
	body .category-menu-small .level-1 li h3:before {
		content:'';
		position: absolute;
		background: transparent;
		width: 19px;
		height: 48px !important;
		left: 0;
		top: 0;
	}
	body .category-menu-small .level-1 li.linhas h3, body .category-menu-small .level-1 li.promocao h3,
	body .category-menu-small .level-1 li.cabelos h3, body .category-menu-small .level-1 li.lolaterapia h3,
	body .category-menu-small .level-1 li.dica-da-lola h3, body .category-menu-small .level-1 li.lancamentos h3 {
		background: transparent;
		color: #3F3F3F;
	}
	body .category-menu-small .level-1 li.linhas h3:before {
		background: #9d5fdd;
	}
	body .category-menu-small .level-1 li.promocao h3:before {
		background: #ef86d1;
	}
	body .category-menu-small .level-1 li.cabelos h3:before {
		background: #ea136a;
	}
	body .category-menu-small .level-1 li.lolaterapia h3:before {
		background: #f49416;
	}
	body .category-menu-small .level-1 li.dica-da-lola h3:before {
		background: #03d896;
	}
	body .category-menu-small .level-1 li.lancamentos h3:before {
		background: #37c8d3;
	}
	body #main #header .dropdown-menu .linhas .ver-todas h4 a {
		background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/menu-mob/linhas-mob.jpg) no-repeat !important;
		background-position: center;
        background-size: contain !important;
        font-size: 0;
        height: 96px;
	}
	body #main #header .dropdown-menu .cabelos .ver-todas h4 a {
		background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/menu-mob/cabelos-mob.jpg) no-repeat !important;
		background-position: center;
        background-size: contain !important;
        font-size: 0;
        height: 96px;
	}
	body #main #header .dropdown-menu .lolaterapia .ver-todas h4 a {
		background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/menu-mob/lolaterapia-mob.jpg) no-repeat !important;
		background-position: center;
        background-size: contain !important;
        font-size: 0;
        height: 96px;
	}
	body #main #header .dropdown-menu .lancamentos .ver-todas h4 a {
		background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/menu-mob/dicas-mob.jpg) no-repeat !important;
		background-position: center;
        background-size: contain !important;
        font-size: 0;
        height: 96px;
	}
	body #main #header .dropdown-menu .dica-da-lola .ver-todas h4 a {
		background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/menu-mob/lancamentos-mob.jpg) no-repeat !important;
		background-position: center;
        background-size: contain !important;
        font-size: 0;
        height: 96px;
	}
	body #main #header .dropdown-menu .promocao .ver-todas h4 a {
		background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/menu-mob/promocoes-mob.jpg) no-repeat !important;
		background-position: center;
        background-size: contain !important;
        font-size: 0;
        height: 96px;
	}
	body #main .category-menu-small .level-1 .level-2 .ver-todas {
		padding-bottom: 0;
	}
	#main .category-menu-small .level-1 .level-2 li h4 {
		font-size: 0;
	}
	.supertopo ul li p {
        font-size: 12px;
        font-weight: 500;
    }
	body.HomeRoute #main #middle #content #content-wrapper .wd-header {
		padding: 0 15px;
		margin-bottom: 32px;
	}
	body.HomeRoute #main #middle #content #content-wrapper h2 {
		font-size: 17px;
        margin-bottom: 0px;
        text-align: left;
		max-width: 240px;
	}
	body #header .main-bar #top-search .wd-search button {
        background: url(https://lolacosmetics.admin.core.dcg.com.br/Custom/Content/Themes/Lola/Imagens/lupamob.svg) no-repeat;
		background-position: center;
	}
	body.HomeRoute #middle #content-wrapper .vitrine-2-produtos .wd-content #contador-lola > div {
		margin-top: 0 !Important;
	}
	body.HomeRoute .title-lola {
		margin-top: 0;
		margin-bottom: 0;
	}
	body.HomeRoute #middle #content #content-wrapper #conteudo-lolistico .wrapper ul li a {
		height: auto;
	}	
	body.HomeRoute #middle #content #content-wrapper #conteudo-lolistico .wrapper ul li {
		width: 100%;
		margin: 0;
		margin-bottom: 16px;
	}
	body.HomeRoute #middle #content #content-wrapper #conteudo-lolistico .wrapper ul li:last-child,
	body.HomeRoute #middle #content #content-wrapper .vitrine-4-produtos+.vitrine-2-produtos {
		margin-bottom: 0;
	}
	body.HomeRoute #middle #content #content-wrapper #tipos-cabelos .wrapper {
		max-width: 90%;
	}
	body.HomeRoute #middle #content #content-wrapper .vitrine-2-produtos .wd-content .banner-vitrine {
		margin-bottom: 22px;
	}
	body.HomeRoute #middle #content #content-wrapper .vitrine-4-produtos .slick-list li,
	body.HomeRoute #middle #content #content-wrapper .vitrine-2-produtos .wd-content .slick-list li  {
		width: auto !Important;
	}
	body.HomeRoute #middle #content #content-wrapper .wrapper {
		width: 94% !important;
	}
	body.HomeRoute li[class*="product-"] .wd-product-line-medias a.thumb {
		width: auto !important;
        margin-left: 0;
        margin-right: 0;
	}
	body.HomeRoute li[class*="product-"] .btn-product-novo form .btn-buy-fake {
		font-size: 12px;
	}
	body.HomeRoute li[class*="product-"] .item-description h3 {
		height: 39px;
		overflow: hidden;
	}
	body.HomeRoute .wd-product-price-description .priceContainer .sale-price {
		font-size: 21px;
	}
	body.HomeRoute #middle #content #content-wrapper .vitrine-2-produtos .wd-content #contador-lola small {
		margin-top: 90px;
	}
	body.HomeRoute #main #middle #content-wrapper .post-avaliacao #depoimento-home .posts-ind-avaliacao {
		display: block;
	}
	#footer #rodape .wrapper .footer-newsletter .redes-social {
		justify-content: center;
	}
	#main #footer #rodape .wrapper .cms-page-menu .cms-sobre, #main #footer #rodape .wrapper .cms-page-menu .cms-ajuda, 
	#main #footer #rodape .wrapper .central-atendimento, #main #footer #rodape .wrapper .central-atendimento {
		padding: 15px 0;
	}
	#main #footer #rodape .wrapper .pagamento h4 {
		margin-top: 0;
		padding: 15px 0;
	}
	#main #footer #rodape .wrapper .pagamento h4:last-child {
		padding-bottom: 0;
	}
	body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wd-header .title-lola .wd-title {
		width: 100%;
        text-align: left;
        padding-top: 32px;
        padding-bottom: 24px;
        margin-top: 0;
	}
	body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul .slick-list {
		padding: 0 !important;
	}
	body.HomeRoute #main #middle #content #content-wrapper #conteudo-lolistico .wd-header {
		margin-bottom: 0;
	}
	#main #header .main-bar .wrapper .row .icons-resume {
		gap: 14px;
	}
	/*CUSTOMIZAÇÃO PDP MOBILE*/
	body[class*="context-product-"] #main #middle .product-detail .head .information .buy-info .wd-product-deliveryfee .button-wrapper {
		top: 0px;
		position: relative;
	}
	body[class*="context-product-"] #main .product-detail .cep-controle {
		display: flex;
    	align-items: center;
		background: #FFFFFF;
        border-radius: 42px;
		margin-top: 8px;
	}
	body[class*="context-product-"] li[class*="product-"] .btn-product-novo form .btn-buy-fake {
		position: relative;
		font-size: 12px;
	}
	body[class*="context-product-"] #main #middle .product-detail .head .information .buy-info .wd-product-deliveryfee .input-wrapper {
		padding-top: 0;
	}
	body[class*="context-product-"] #main .product-detail .head .information .buy-info .wd-product-deliveryfee .input-wrapper input,
	body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao .wd-title {
		border-bottom: 0;
		color: #A2A2A2;
		font-size: 12px;
	} 
	body[class*="context-product-"] .information .wd-product-trustvox-rating {
		margin-top: 8px;
		margin-bottom: 16px;
	}
	body[class*="context-product-"] #middle.wrapper {
		width: 94% !important;
		min-width: 94%;
	}
	body[class*="context-product-"] #main .product-detail .vitrine-upsell ul.row li[class*="product-"] .wd-product-line-medias a.thumb,
	body[class*="context-product-"] #main #middle .product-detail .head .information  {
		width: 100% !important;
	}
	body[class*="context-product-"] #main #middle .product-detail .associations,
	body[class*="context-product-"] #main #middle .product-detail .descriptions .wd-descriptions {
		max-width: 100%;
	}
	body[class*="context-product-"] li[class*="product-"] .item-description h3 {
		height: 65px;
	}
	body[class*="context-product-"] #main .product-detail .head .information .price-page-produto {
		padding-bottom: 16px;
	}
	body[class*="context-product-"] #main .product-detail .head {
		padding-bottom: 0;
	}
	body[class*="context-product-"] #main .wd-browsing-breadcrumbs {
		padding-left: 0;
		padding-right: 0;
	}
	body[class*="context-product-"] #main .product-detail .wd-product-media-selector2 .slick-dots li.slick-active button {
		background: #F49416;
	}
	body[class*="context-product-"] #middle {
		padding-top: 160px;
	}
	body[class*="context-product-"] #main .product-detail .ingrediente-descricao .wd-content.active-ver-mais {
		padding-bottom: 0;
	}
	body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao small {
		padding: 0;
	}
	body[class*="context-product-"] #main .product-detail .ingrediente-descricao .wd-content .wd-descriptions-text h1.active-ativos+h2,
	body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao small {
		padding-bottom: 16px;
		padding-top: 16px;
		font-size: 14px;
	}
	body[class*="context-product-"] #main #middle .product-detail .ingrediente-descricao .wd-content .wd-descriptions-text h1 {
		padding-bottom: 16px;
	}
	body[class*="context-product-"] #main #middle .product-detail .head .information .tags-produto .linha-produto {
		margin-top: 10px;
	}
	body[class*="context-product-"] #main #middle .product-detail .head .information .price-page-produto .flag {
		position: relative;
        top: 0;
        left: 0;
        background: #03D896;
        width: 54px;
        height: 29px;
        font-family: "Lato";
        color: #1C1C1C;
        font-size: 16px;
        font-weight: 800;
        border-radius: 4px;
	}
	body[class*="context-product-"] li[class*="product-"] .btn-product-novo .buy-unavailable a span {
		font-size: 12px;
	}
	body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola form>ul li {
        width: 100%
    }
    body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola form>ul:before {
       	width: 100%;
        height: 24px;
		top: 175px;
		left: 208px;
    }
    body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola form>ul:after {
        width: 100%;
        height: 24px;
        bottom: -414px;
		left: 208px;
    }
	body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola form .cross-sell-footer {
		margin-top: 0;
	}
	body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola form>ul li .wd-product-line a.thumb {
		width: 86px !important;
        height: 86px !important;
	}
	body[class*="context-product-"] #main #middle .product-detail .associations.compre-junto-lola form>ul li {
		min-height: 200px;
	}
	body[class*="context-product-"] .upsell .wd-product-price-description .priceContainer .sale-price {
		font-size: 21px;
	}
	body[class*="context-product-"] #main #middle .product-detail .descriptions .wd-content .wd-descriptions-text,
	body[class*="context-product-"] #main #middle .acc-content  {
		font-size: 14px;
	}
	body[class*="context-product-"] .bundle-price .flag.off {
		right: 60px;
	}
	/*FIM CUSTOMIZAÇÃO PDP MOBILE*/

	/*CUSTOMIZAÇÃO AREA BLOG*/
	body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul li p {
		padding: 0;
		height: auto;
	}
	body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul li a h3,
	body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul .slick-list .slick-slide>div {
		padding-inline: 0;
	}
	body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul .slick-arrow {
		display: none !important;
	}
	body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .slick-initialized .slick-slide {
		padding: 0 10px;
	}
	body.HomeRoute #main #middle #content #content-wrapper #conteudo-lolistico {
		overflow: hidden;
	}
	body.HomeRoute #main #middle #content-wrapper #conteudo-lolistico .wrapper ul .slick-list {
		overflow: visible;
	}
	/*FIM CUSTOMIZAÇÃO AREA BLOG*/

}

@media (max-width: 320px) {
	body[class*="context-product-"] .upsell .wd-product-price-description .priceContainer .sale-price {
		font-size: 15px;
	}
}