@import "../general/deals-specials-card.css";
@import "../../components/tabs.css";

.deals-specials-slider {
	font-family: 'Roboto Condensed';
	letter-spacing: 0px;
	margin-bottom: 100px;
}

.deals-specials-slider-top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.deals-specials-slider-top .deals-specials-slider-header {
	margin: 0;
	line-height: 100%;
}

.deals-specials-slider-top .deals-specials-slider-header a {
	color: #000;
	font-size: 40px;
	font-weight: 600;
	font-family: inherit;
	line-height: 100%;
	letter-spacing: 0;
	position: relative;
}

.deals-specials-slider-top .deals-specials-slider-header a:hover {
	color: #FFCD11;
}

.deals-specials-slider-top .deals-specials-slider-header a::after {
	content: "\e907";
    font-family: 'icomoon';
    font-size: 20px;
	color: #FFCD11;
	position: absolute;
    top: 2px;
    height: 100%;
    margin-left: 10px;
    transition: color .4s ease-in-out;
}

.deals-specials-slider .tabs .tabs__nav {
	display: flex;
	padding: 10px 0;
    padding-right: 10px;
}

.deals-specials-slick .slick-initialized .slick-slide {
	vertical-align: top;
}

.deals-specials-slick .slick-arrow {
	top: 40%;
}


@media (max-width: 1100px) {
	.general-slick.slick-hide-side-shadow::after {
		display: none;
	}
	
	.deals-specials-slick .slick-list {
		padding: 0;
	}

	.deals-specials-slick .slick-track .slick-slide {
		margin: 0;
	}

	.deals-specials-slick .slick-next {
		right: -18px;
	}

	.deals-specials-slick .slick-prev {
		left: -18px;
	}
}

@media (max-width: 920px) {
	.deals-specials-slider-top {
		margin-bottom: 10px;
	}

	.deals-specials-slider .tabs {
		width: 100%;
		margin-top: 10px;
	}
}

@media (max-width: 600px) {
	.deals-specials-slider .tabs.deals-specials-categories .tab-link a {
		height: 42px;
		font-size: 14px;
		padding: 14px 20px;
	}
}

@media (max-width: 400px) {
	.deals-specials-slider .tabs.deals-specials-categories .tab-link a {
		padding: 14px 10px;
	}
}

@media (max-width: 350px) {
	.deals-specials-slider .tabs {
		margin: 0;
	}
	
	.deals-specials-slider .tabs .tabs__nav {
		flex-wrap: wrap;
		gap: 5px;
	}

	.deals-specials-slider .tabs .tab-link {
		width: 100%;
        flex: none;
	}

	.deals-specials-slider-top {
		margin-bottom: 10px;
    	gap: 10px;
	}
}