/* =========================
   UTILITY CLASSES
   ========================= */
.height50 {
	height: 50px;
}

.height25 {
	height: 25px;
}

.popular.container-fluid .productSwiper .featured-header {
	flex-shrink: 0;
}

.hide-lg {
	display: none !important;
}

.mtb-150 {
	margin: 150px 0px;
}

.m-50 {
	margin: 50px 0px;
}

.mt-100 {
	margin-top: 100px;
}

.pe-200 {
	padding-right: 200px;
}

.ps-200 {
	padding-left: 200px;
}

.pl-20 {
	padding-left: 20px;
}

.mse-30 {
	margin-left: 30px;
	margin-right: 30px;
}

/* =========================
   HEADER & LOGO
   ========================= */
header .logo {
	height: 70px;
}

header.scrolled .logo {
	height: 50px;
}

.logo-footer {
	height: 42px !important;
}

.content .logo-footer {
	height: unset !important;
}

/* =========================
   HERO SECTION
   ========================= */
.hero {
	margin: 0px 30px;
}

/* =========================
   BUTTONS
   ========================= */
.button-item {
	height: 50px;
	width: 50px;
}

.button-item i {
	font-size: 22px;
}

.button-item img.flag {
	padding-left: 3px;
	width: 20px;
}

/* =========================
   IMAGES
   ========================= */
img.cat-product-image.team {
	height: 312px !important;
}

body:not(.home) img.cat-product-image {
	height: 150px !important;
}

.card img.cat-product-image {
	height: 100% !important;
	mix-blend-mode: unset !important;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* =========================
   PRODUCTS
   ========================= */
.product-slide h3 {
	font-size: 16px;
}

/* =========================
   SUBCATEGORY
   ========================= */
.subcategory {
	background-color: rgba(243, 244, 244, 1);
	padding: 20px;
	border-radius: 20px;
}

/* =========================
   OFFCANVAS
   ========================= */
.offcanvas.offcanvas-end {
	width: 600px;
}

.offcanvas {
	margin: 20px 0px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

/* =========================
   SIDEBAR & STICKY ELEMENTS
   ========================= */
.position-fixed-desktop {
	top: 3rem;
	bottom: 0;
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 3rem;
}

.sidebar, .entry-summary.scrolled {
	position: -webkit-sticky;
	position: sticky;
	top: 160px;
	height: 100vh;
	z-index: 998;
	padding-bottom: 220px;
}

.sidebar {
	overflow-y: auto;
}

/* =========================
   DESCRIPTION
   ========================= */
.description-container {
	float: left;
	width: 48%;
}

/* =========================
   CUSTOM CONTAINER
   ========================= */
.custom-container {
	padding: 75px;
	margin-top: 100px;
}

/* =========================
   WHITE RADIUS
   ========================= */
.whiteradius {
	background-color: #ffffff;
	border-radius: 20px;
	-webkit-box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.05);
}

/* =========================
   CHECKIT SECTION
   ========================= */
.checkit {
	padding: 50px 0px !important;
	position: relative;
}

.checkit .whiteradius {
	padding: 35px;
	padding-bottom: 31.25px;
	margin-bottom: 38.75px;
	max-width: 75%;
	position: relative;
	z-index: 998;
}

.checkit-block {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #f2f2f2;
}

.checkitimages {
	position: absolute !important;
	right: 33.75px;
	width: 50%;
	border-radius: 28.75px;
	overflow: hidden;
}

.checkitout {
	width: 56%;
	padding: 31.25px 31.25px 31.25px 37.5px !important;
	margin-top: 162.5px;
}

/* =========================
   POPULAR SECTION
   ========================= */
.popular h3 {
	font-size: 38px;
}

.popular-block {
	padding: 25px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

/* =========================
   BLOCK CONTENT
   ========================= */
.block-content .icon {
	height: 30px;
	width: 30px;
	position: relative;
}

.block-content .icon i {
	font-size: 14px;
	position: absolute;
	top: 6px;
	left: 8px;
}

/* =========================
   TRANSITIONS
   ========================= */
.collapse, .collapsing {
	transition: none !important;
}

/* =========================
   MEDIA QUERIES
   ========================= */
@media ( min-width : 1200px) { /*.container {
		max-width: 1520px;
	}*/
}

/* =========================
       POPULAR SECTION - COMPACT
       ========================= */

/* Verklein de verticale margin van het hele blok */
.popular.mtb-150 {
	margin: 80px 0px;
}

/* Compactere padding in het gele blok */
.popular-block {
	padding: 45px 25px 15px 25px;
}

/* Kleinere titel */
.popular h3 {
	font-size: 28px;
	margin-bottom: 0;
}

/* Compactere product cards in de slider */
.popular .featured-item .featured-header>a {
	padding-bottom: 65%;
}

/* Afbeeldingen volledig tonen (niet croppen) */
.popular .featured-header a>img {
	object-fit: contain;
	padding: 10px;
}

/* Minder padding in de content */
.popular .featured-content {
	min-height: 80px;
	padding: 15px;
}

/* Kleinere producttitels */
.popular .featured-body h2 {
	font-size: 15px;
}

/* Compactere swatches */
.popular .swatch li {
	width: 18px;
	height: 18px;
}

.popular ul.swatch, .popular ul.swatch-afm {
	gap: 10px;
}

.popular ul.swatch-afm li {
	padding: 2px 8px;
	font-size: 12px;
}

/* Swiper navigatie iets hoger */
.popular .swiper-button-next, .popular .swiper-button-prev {
	top: 35% !important;
}

/* Action flag positie aanpassen voor compactere cards */
.popular .action-flag {
	top: auto;
	bottom: 100px;
	font-size: 12px;
	padding: 4px 12px !important;
}