﻿	
		/* 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;
			}
		}