p {
	line-height: 150%;
}

.logo-x-kom img {
	height: 42px;
}

.logo-vendor img {
	height: 42px;
}

.tab-button {
	min-width: 300px;
	min-height: 300px;
	border-radius: 16px !important;
	background: #262626 !important;
	font-size: 20px;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	color: #fff;
	transition: 0.3s ease-out;
}

.tab-button:hover {
	color: #fff;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}

.tab-zestawy {
	background-image: linear-gradient(
			180deg,
			rgba(255, 164, 13, 0.6502976190476191) 0%,
			rgba(18, 18, 18, 0.4234068627450981) 100%
		),
		url('../../img/main/zestawy-img.jfif') !important;
	background-size: cover !important ;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.tab-klawiatury {
	background-image: linear-gradient(
			180deg,
			rgba(255, 164, 13, 0.6502976190476191) 0%,
			rgba(18, 18, 18, 0.4234068627450981) 100%
		),
		url('../../img/main/klawiatury-img.jfif') !important;
	background-size: cover !important ;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.tab-myszki {
	background-image: linear-gradient(
			180deg,
			rgba(255, 164, 13, 0.6502976190476191) 0%,
			rgba(18, 18, 18, 0.4234068627450981) 100%
		),
		url('../../img/main/myszki-img.jfif') !important;
	background-size: cover !important ;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.tab-switches {
	background-image: linear-gradient(
			180deg,
			rgba(255, 164, 13, 0.6502976190476191) 0%,
			rgba(18, 18, 18, 0.4234068627450981) 100%
		),
		url('../../img/main/switches-img.jfif') !important;
	background-size: cover !important ;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.tab-keycaps {
	background-image: linear-gradient(
			180deg,
			rgba(255, 164, 13, 0.6502976190476191) 0%,
			rgba(18, 18, 18, 0.4234068627450981) 100%
		),
		url('../../img/main/keycaps-img.jfif') !important;
	background-size: cover !important ;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.tab-podkladki {
	background-image: linear-gradient(
			180deg,
			rgba(255, 164, 13, 0.6502976190476191) 0%,
			rgba(18, 18, 18, 0.4234068627450981) 100%
		),
		url('../../img/main/podkladki-img.jfif') !important;
	background-size: cover !important ;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.tab-akcesoria {
	background-image: linear-gradient(
			180deg,
			rgba(255, 164, 13, 0.6502976190476191) 0%,
			rgba(18, 18, 18, 0.4234068627450981) 100%
		),
		url('../../img/main/akcesoria-img.jfif') !important;
	background-size: cover !important ;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
/* 
.products-section ul {
	display: flex;
} */

.nav-pills .active {
	-webkit-box-shadow: 0px 4px 0px 0px rgba(255, 164, 13, 1), 0px 15px 42px -12px rgba(255, 164, 13, 1);
	-moz-box-shadow: 0px 4px 0px 0px rgba(255, 164, 13, 1), 0px 15px 42px -12px rgba(255, 164, 13, 1);
	box-shadow: 0px 4px 0px 0px rgba(255, 164, 13, 1), 0px 15px 42px -12px rgba(255, 164, 13, 1);
}

.tns-item {
	width: auto !important;
}

.text-list ul {
	display: flex;
	flex-direction: column;
}

.tab-pane img {
	max-height: 400px;
}

.tab-pane h2 {
	margin-bottom: 10px;
}

.nav {
	justify-content: space-around !important;
}

.slider__nav {
	display: block !important;
}

@media (max-width: 992px) {
	.tab-pane h3 {
		text-align: center;
		margin: 0 auto;
		padding-bottom: 10px;
	}

	.tab-pane p {
		text-align: center;
		margin: 0 auto;
	}

	.tab-pane ul {
		text-align: center;
		list-style-position: inside;
	}

	.tab-pane ol {
		text-align: center;
		list-style-position: inside;
	}

	.tab-pane .zestawy-cta {
		text-align: center;
		margin: 0 auto;
		margin-top: 20px;
	}

	.zestaw-1 {
		padding-bottom: 40px;
	}

	.slider__nav-next {
		right: 1rem;
		top: 28rem;
	}

	.slider__nav-prev {
		left: 1rem;
		top: 28rem;
	}
}

@media (max-width: 768px) {
	.logo-wrapper {
		gap: 40px;
	}

	.tab-pane h3 {
		text-align: center;
		margin: 0 auto;
	}

	.slider__nav-next {
		right: 0rem;
		top: 31rem;
	}

	.slider__nav-prev {
		left: 0rem;
		top: 31rem;
	}
}

@media (max-width: 576px) {
	.slider__nav-next {
		right: 0rem;
		top: 33rem;
	}

	.slider__nav-prev {
		left: 0rem;
		top: 33rem;
	}
}

@media (min-width: 1600px) {
	.slider__nav-next {
		right: 8rem;
	}

	.slider__nav-prev {
		left: 8rem;
	}
}

@media (min-width: 1920px) {
	.slider__nav-next {
		right: 15rem;
	}

	.slider__nav-prev {
		left: 15rem;
	}
}