/*!********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!../themes/home.css ***!
  \********************************************************************/
@media (max-width: 767px) {
	.home .container.products { max-width: 100%; }
}

.home .maisvendidos h2, .home .novidades h2 {
	margin-top: 0;
	border: 0;
}

.home h2 {
	text-align: start;
	width: 100%;
	  
	font-size: 1.4rem;
	font-weight: 500;
	
	margin: 0;
	padding-bottom: 20px;
	color: var(--primary-color);

	display: flex;
	align-items: end;
	justify-content: start;
	gap: 15px;

	a{
		color: var(--fifth-color);
		text-decoration: underline;
		font-size: 1rem;
	}

}

.home .products{padding: .5rem 0}
.home .products .slick-track{margin: 0!important}
.home .products .slick-dots{margin: 1rem 0!important}
.home .products>div{padding:0 10px}
.home .banner-mini{margin:0;padding:0}
.home .banner-mini .item{padding:0 10px;margin:10px 0 0 0}
.home .banner-mini .item img {max-width: 100%; height: auto;}
.home .banner-mini .item:first-child{padding-left:0}
.home .banner-mini .item:last-child{padding-right:0}
@media (max-width:575px){
	.home .banner-mini .item{padding:0 0 20px 0 }
	.home .banner-mini .item:last-child{padding-bottom:0}
}
.home .categorias{padding-bottom:20px}
.home .categorias a{font-size:12px}

.home .products.products-lacamento{
	background-color: var(--third-color);
	border-radius: 20px;
	padding: 40px 10px;

	.product-thumb{
		background: none;
	}
	.product-thumb-img{
		/* padding-bottom: 20px; */
		border-radius: 10px;
	}
	.product-thumb-info{
		background-color: var(--third-color);
	}

	.carousel-categories-container{
		display: flex;
		flex-direction: column; 
		
		.carousel-container{
			display: grid;
			grid-template-columns: 35% 65%;
			gap: 20px;
			
			.banner-destaque-lacamento-wrapper{
				height: calc( 100%  - 52px); /* 52px = tamanho dos dots do slick*/
				background-color: #fff;
				border-radius: 15px;
				display: flex;
				align-items: center;
				justify-content: center;
				.banner-destaque-lacamento{
					max-width: 100%;
				}
			}

			.slick-slide div:first-of-type{
				display: flex;
			}

			.slick-dots li button{
				background: #fff;
			}
			
			.slick-dots li.slick-active button{
				background: var(--primary-color);
			}
		}

		.categories.carousel{
			display: flex;

			.slick-slide{
				margin: 0;
				overflow: hidden;
			}

			.slick-list {
				border-radius: 10px;
				overflow: hidden;
			}

			.card{
				display: flex !important;
				align-items: start;
				justify-content: end;
				flex-direction: column;
				width: 100%;
				padding: 0;
				margin: 0;
				border: none;
				border-radius: 0;
				overflow: hidden;

				img{
					width: 100%;
					object-fit: cover;
				}

				.title{
					display: flex;
					align-items: center;
					justify-content: space-between;
					position: absolute;
					
					width:100%;
					color: #fff;
					gap:5px;
					padding: 0 5px 20px 5px;
					font-weight: 500;
					
					.btn{
						background: var(--default-gradient);
						border-radius: var(--border-radius) ;
						padding: 3px 6px;
						opacity: 0;
						transition: .3s;
						svg{
							width: 20px;
							height: 20px;
							path{
								fill:#fff
							}
						}
					}
				}

				&:hover {
					cursor: pointer;
					.title{
						text-decoration: none;
						.btn {
							opacity: 1;
						}
					}

				}
			}
		}
	}
}

.home .banner-container{
	padding: 20px 0;
	img{
		max-width: 100%;
	}
}