﻿	/* Temp */

	.product-tile .product-tile-text {
		height: 120px;
	}
	
	/* Menu caroussel */
		
	.menu-caroussel{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.menu-caroussel div{
		margin: 20px;
		cursor: pointer;
		filter: opacity(0.5);
	}

	.menu-caroussel div h3{
		font-size: 22px;
		font-weight: 400;
		line-height: 32px;
		margin: 0;
		color: #222426;
	}

	.menu-caroussel div:nth-child(1){
		filter: opacity(1);
		border-bottom: solid 2px #1840DD;
	}

	/* C1 Swiper */

	.swiper-featured .swiper-grid{
		display: grid;
		grid-template-columns: repeat(11, calc(20% - 9.5px));
		gap: 12px;

	}	

	.swiper-featured .swiper-slide .row div{
		width: 100%;
	}

	.swiper-featured .carrousel-plus{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: calc(100% - 140px);
		background-color: white;
		cursor: pointer;
		padding: 0 24px;
		text-align: center;
	}

	.swiper-featured .carrousel-plus a:nth-child(3) button{
		margin-top: 12px;
	}

	.swiper-featured .swiper-slide {
		height: auto;
	}

	.swiper-featured a{
		-webkit-user-drag: none;
		-webkit-user-select: none;
	}

	/* Custom arrows swiper */

	.swiper-featured .custom-next-container{
		position: absolute;
		top: 0;
		right: 11px;
		height: calc(100% - 140px);
	}

	.swiper-featured .custom-prev-container{
		position: absolute;
		top: 0;
		left: 11px;
		height: calc(100% - 140px);
	}

	.swiper-featured .swiper-button-prev,
	.swiper-featured .swiper-button-next{
		background-image: none !important;
		filter: unset !important;
		background: white;
		margin: 0;
		padding: 30px 26.9px;
		width: fit-content;
		border-radius: 50px;
		top: calc(50% - 30px);
		box-shadow: 0px 4px 16px #22242629;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.swiper-featured .swiper-button-prev:hover,
	.swiper-featured .swiper-button-next:hover{
		background: #1840DD;
	}

	.swiper-featured .swiper-button-prev:hover svg path,
	.swiper-featured .swiper-button-next:hover svg path{
		fill: #FFFFFF;
	}

	.swiper-featured .swiper-button-prev:after, 
	.swiper-featured .swiper-button-next:after{
		content: '';
		font-size: unset;
	}	

	.swiper-featured .swiper-button-prev svg, .marque-categories-02 .swiper-button-prev svg{
		transform: rotate(180deg);
	}

	.swiper-featured .swiper-button-next.swiper-button-disabled, 
	.swiper-featured .swiper-button-prev.swiper-button-disabled {
		opacity: 0;
	}

	/* Swiper scrollbar */


	.swiper-featured .swiper-container-scrollbar{
		padding: 12px 0;
		overflow: hidden;
		position: relative;
		z-index: 2;
		bottom: 12px;
	}

	.swiper-featured .swiper-container-scrollbar:hover{
		cursor: grab;
	}

	.swiper-featured .swiper-container-scrollbar:hover .swiper-scrollbar{
		height: 5px;
		margin: 0;
	}

	.swiper-featured .swiper-container-scrollbar:hover:active .swiper-scrollbar{
		height: 2px;
		margin: 1.5px 0;
	}

	.swiper-featured .swiper-container-scrollbar:active{
		cursor: grabbing;
	}	

	.swiper-featured .swiper-container-scrollbar:active .swiper-scrollbar-drag{
		height: 200%;
		top: -1.5px;
	}	

	.swiper-featured .swiper-scrollbar{
		height: 2px;
		margin: 1.5px 0;
		left: 0;
		width: 100%;
	}

	/* feature color */

	.feature-background{
		position: relative;
		padding: 0;
		background: unset;
	}

	.feature-background h2{
		font-size: 30px;
		line-height: 32px;
		font-weight: 400;
		margin: 0 0 8px;
		text-align: center;
	}

	.feature-background .product-tile-media{
		background-color: white;
		height: auto;
	}

	.feature-background .product-tile-overlay {
		background: transparent;
	}

	.feature-background .product-tile .product-tile-media:hover {
		background: white; 
	}

	.feature-background .product-tile .product-tile-media:hover {
		background: white;
	}

	.feature-background .product-tile{
		position: relative;
		overflow: hidden;
	}

	.feature-background .product-tile .product-tile-media:hover img {
		transform: scale(1.05);
	}

	.feature-background .product-tile .product-tile-media img {
		padding: 5px 15px;
		transition: all 0.3s;
	}

	.feature-background .product-tile .product-tile-text:before, .feature-background .product-tile .product-tile-text:after {
		background-image: none;
	}

	.feature-background .swiper-featured .swiper-slide .product-tile-special-price, .feature-background .swiper-featured .swiper-slide .product-tile-price{
		width: auto;
	}

	/* Multi carrousel */

	.swiper-container-03, .swiper-container-04, .swiper-container-05{
		display: none;
	}

	@media (max-width: 992px){
		.swiper-featured .swiper-grid {
			grid-template-columns: repeat(11, calc(30% - 9px));
		}
	}

	@media (max-width: 768px){
		.swiper-featured .custom-prev-container,
		.swiper-featured .custom-next-container{
			display: none;
		}

		.swiper-featured .swiper-grid {
			grid-template-columns: repeat(11, calc(40% - 9px));
		}
	}

	@media (max-width: 576px){

		/*.menu-caroussel {
			flex-direction: column;
		}*/

		.swiper-featured .swiper-grid {
			grid-template-columns: repeat(11, calc(66% - 9px));
		}

		.menu-caroussel div {
			margin: 20px 12px;
		}
	}