
/*** BannerDouble ***/
.wmc-banner-double {
	display: flex;
	align-items: center;
	justify-content: center;
}
	.wmc-banner-double a {
		margin: 0;
	}
		.wmc-banner-double img {
			display: block;
			width: auto;
			max-width: 100%;
		}

@media screen and (min-width: 1021px) {
	.wmc-banner-double a {
		flex-grow: 1;
		flex-shrink: 1;
	}
	.wmc-banner-double a:first-child {
		margin-right: 2rem;
	}
}
	@media screen and (min-width: 601px) and (max-width: 1020px) {
		.wmc-banner-double {
			flex-direction: column;
		}
			.wmc-banner-double a {
				flex-grow: 0;
				flex-shrink: 1;
			}
			.wmc-banner-double a:first-child {
				margin-bottom: 2rem;
			}
	}
		@media screen and (max-width: 600px) {
			.wmc-banner-double {
				flex-direction: column;
			}
				.wmc-banner-double a {
					flex-grow: 1;
					flex-shrink: 1;
				}
				.wmc-banner-double a:first-child {
					margin-bottom: 1rem;
				}
					.wmc-banner-double img {
						width: 100%;
					}
		}

/*** BannerPanelNarrow ***/
.wmc-banner-panel-narrow {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	margin: 0 auto;
}
	.wmc-banner-panel-narrow .__banner {
		flex-shrink: 1;
		flex-grow: 0;
		border-radius: 6px;
		overflow: hidden;
	}
	
	.wmc-banner-panel-narrow a {
		margin: 0;
	}
		.wmc-banner-panel-narrow img {
			display: block;
			width: auto;
			max-width: 100%;
		}

@media screen and (min-width: 1021px) {

}
	@media screen and (min-width: 601px) and (max-width: 1020px) {
		.wmc-banner-panel-narrow {
			flex-direction: column;
		}
			.wmc-banner-panel-narrow a {
				flex-grow: 0;
				flex-shrink: 1;
			}
	}
		@media screen and (max-width: 600px) {
			.wmc-banner-panel-narrow {
				flex-direction: column;
			}
				.wmc-banner-panel-narrow a {
					flex-grow: 1;
					flex-shrink: 1;
				}
				.wmc-banner-panel-narrow a:first-child {
					margin-bottom: 1rem;
				}
					.wmc-banner-panel-narrow img {
						width: 100%;
					}
		}

/*** BenefitsGeneral ***/
.wmc-benefits {
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(4, 1fr);
}
	.wmc-benefits > div {
		position: relative;
		padding-left: 6rem;
		margin: 0;
		min-height: 4rem;
		max-width: 28rem;
		
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 2rem;
		color: #67608A;
	}
		.wmc-benefits > div > img {
			display: block;
			width: 4rem;
			height: 4rem;
			position: absolute;
			left: 0;
			top: 0;
		}
		.wmc-benefits > div > :is(b, strong) {
			font-weight: 700;
			color: #201A3D;
		}
	
	@media (max-width: 1020px) {
		.wmc-benefits {
			grid-template-columns: repeat(2, min(calc(50% - 1rem), 28rem));
		}
	}
		@media (max-width: 600px) {
			.wmc-benefits {
				grid-template-columns: min(100%, 28rem);
			}
		}

/*** BenefitsGeneralHomepage ***/
.wmc-benefits-homepage {
	margin-bottom: 6rem;
	
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(4, 1fr);
}
	.wmc-benefits-homepage > div {
		position: relative;
		padding-left: 6rem;
		margin: 0;
		min-height: 4rem;
		max-width: 28rem;
		
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 2rem;
		color: #67608A;
	}
		.wmc-benefits-homepage > div > img {
			display: block;
			width: 4rem;
			height: 4rem;
			position: absolute;
			left: 0;
			top: 0;
		}
		.wmc-benefits-homepage > div > :is(b, strong) {
			font-weight: 700;
			color: #201A3D;
		}
	
	@media (max-width: 1020px) {
		.wmc-benefits-homepage {
			padding: 0 3rem;
		}
			.wmc-benefits-homepage > div {
				padding-left: 0;
				text-align: center;
			}
				.wmc-benefits-homepage > div > img {
					display: none;
				}
	}
		@media (max-width: 700px) {
			.wmc-benefits-homepage {
				display: none;
			}
		}

/*** CartridgeQrCode ***/
.wmc-cartridge-qrcode {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 2rem;
}
	.wmc-cartridge-qrcode > .__qrcode-panel {
		margin:0;
		flex-basis: 58rem;
		flex-grow: 1;
		
		border-radius: 6px;	
		background-color: #F4F6F8;
		
		display: flex;
		align-items: center;
	}
		.wmc-cartridge-qrcode > .__qrcode-panel > .__info-container {
			margin: 0;
			flex-grow: 1;
			flex-shrink: 1;
			
			padding: 4rem 2rem 4rem 4rem;
			
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
			.wmc-cartridge-qrcode > .__qrcode-panel > .__info-container > h3 {
				font-weight: 700;
				font-size: 2rem;
				line-height: 2.8rem;
				margin: 0 0 2rem 0;
			}
			.wmc-cartridge-qrcode > .__qrcode-panel > .__info-container > p {
				font-size: 1.5rem;
				line-height: 2.2rem;
				margin: 0 0 2rem 0;
			}
			.wmc-cartridge-qrcode > .__qrcode-panel > .__info-container .button-basic {
				align-self: flex-start;
			}
		.wmc-cartridge-qrcode > .__qrcode-panel > img {
			margin: 2rem 2.6rem 2rem 0;
		}
	
	.wmc-cartridge-qrcode > .__banners {
		margin: 0 auto;
		display: flex;
		gap: 2rem;
	}
		.wmc-cartridge-qrcode > .__banners > .__banner {
			flex-basis: 28rem;
			flex-shrink: 1;
			flex-grow: 0;
			border-radius: 6px;
			overflow: hidden;
		}
			.wmc-cartridge-qrcode > .__banners > .__banner img {
				display: block;
				width: 100%;
				height: auto;
			}

	@media screen and (max-width: 1020px) {
		.wmc-cartridge-qrcode {
			flex-direction: column;
			max-width: 58rem;
		}
			.wmc-cartridge-qrcode > .__qrcode-panel {
				flex-basis: auto;
			}
				.wmc-cartridge-qrcode > .__qrcode-panel > img {
					width: 20rem;
				}
	}
		@media screen and (max-width:700px) {
			.wmc-cartridge-qrcode {
				max-width: 57rem;
				gap: 1rem;
			}
				.wmc-cartridge-qrcode > .__qrcode-panel {
					flex-direction: column-reverse;
				}
					.wmc-cartridge-qrcode > .__qrcode-panel > .__info-container {
						padding: 2rem 3rem 3rem 3rem;
					}
						.wmc-cartridge-qrcode > .__qrcode-panel > .__info-container > .button-basic {
							align-self: stretch;
						}
					.wmc-cartridge-qrcode > .__qrcode-panel > img {
						width: 14rem;
						margin: 3rem auto 0 auto;
					}
				.wmc-cartridge-qrcode > .__banners {
					gap: 1rem;
				}
		}

/*** FavouritePrinters ***/
.wmc-favourite-printers {
	background: #F4F6F8;
	padding: 8rem 0;
}
	.wmc-favourite-printers__title {
		font-weight: 500;
		font-size: 2.4rem;
		line-height: 3rem;
		text-align: center;
		margin: 0 0 3rem 0;
	}
	.wmc-favourite-printers__brands {
		display: flex;
		justify-content: center;
		gap: 1rem;
	}
		.wmc-favourite-printers__brands > .__brand {
			margin: 0;
			flex-basis: 20%;
			
			padding: 3rem 2rem 2rem 2rem;
			background: #FFFFFF;
			border-radius: 6px;
			
			display: flex;
			flex-direction: column;
			gap: 2rem;
		}
			.wmc-favourite-printers__brands > .__brand > .__logo {
				width: 10rem;
				height: 4rem;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 0 auto;
			}
				.wmc-favourite-printers__brands > .__brand > .__logo > img {
					display: block;
					max-width: 100%;
					max-height: 100%;
				}
			.wmc-favourite-printers__brands > .__brand > .__printers {
				margin: 0;
				display: flex;
				flex-direction: column;
				gap: 0.4rem;
			}
				.wmc-favourite-printers__brands > .__brand > .__printers > a {
					font-weight: 400;
					font-size: 1.3rem;
					line-height: 2.2rem;
				}
			.wmc-favourite-printers__brands > .__brand > .__link {
				font-weight: 400;
				font-size: 1.4rem;
				line-height: 1.6rem;
				color: #201A3D;
			}
		
		@media screen and (max-width: 1260px) {
			.wmc-favourite-printers__brands {
				flex-wrap: wrap;
				max-width: 71rem;
			}
				.wmc-favourite-printers__brands > .__brand {
					flex-basis: 23rem;
				}
		}
			@media screen and (max-width: 700px) {
				.wmc-favourite-printers {
					padding: 6rem 0;
				}
					.wmc-favourite-printers__brands {
						max-width: 100%;
					}
						.wmc-favourite-printers__brands > .__brand {
							flex-basis: 100%;
						}
			}

.wmc-favourite-printers__other-brands {
	margin: 3rem 0 0 0;
	display: grid;
	grid-template-columns: 28rem calc(100% - 30rem);
	gap: 2rem;
}
	.wmc-favourite-printers__other-brands > h3 {
		font-weight: 700;
		font-size: 2rem;
		line-height: 2.8rem;
		margin: 0;
	}
	.wmc-favourite-printers__other-brands > .__slider {
		width: 100%;
	}	
		.wmc-favourite-printers__slider-item {
			display: flex;
			max-width: 10rem;
			height: 4rem;
		}
			.wmc-favourite-printers__slider-item > img {
				max-width: 100%;
				max-height: 100%;
			}
	@media screen and (max-width: 700px) {
		.wmc-favourite-printers__other-brands {
			margin: 2rem 0 0 0;
			grid-template-columns: 100%;
		}
			.wmc-favourite-printers__other-brands > h3 {
				text-align: center;
			}
	}
	
	/* fix zobrazení, jinak se slider někdy zalamuje na 2 řádky + obrázek někdy zajíždí kousek přes hranu */
	.wmc-favourite-printers__other-brands > .__slider .owl-carousel .owl-stage {
		display: flex;
	}
		.wmc-favourite-printers__other-brands > .__slider .owl-carousel .owl-item {
			flex-grow: 0;
			flex-shrink: 0;
		}
	
	/* navigace */
	.wmc-favourite-printers__other-brands .owl-carousel .owl-nav :is(.owl-prev, .owl-next) {
		display: block;
		width: 4rem;
		height: 4rem;
		margin: 0;
		
		background: #FFFFFF;
		border: 1px solid #E7E9ED;
		box-shadow: 0px 4px 10px rgba(27, 43, 67, 0.1), 0 0 10px 10px #F4F6F8;
		border-radius: 5px;
		
		position: absolute;
		top: 50%;
		margin-top: -2rem;
	}
	.wmc-favourite-printers__other-brands .owl-carousel .owl-nav :is(.owl-prev, .owl-next).disabled {
		display: none!important;
	}
	.wmc-favourite-printers__other-brands .owl-carousel .owl-nav .owl-prev {
		left: 0;
	}
	.wmc-favourite-printers__other-brands .owl-carousel .owl-nav .owl-next {
		right: 0;
	}
		.wmc-favourite-printers__other-brands .owl-carousel .owl-nav :is(.owl-prev, .owl-next):before {
			content: '';
			display: block;
			width: 1.4rem;
			height: 1.4rem;
			background: url('/template/images/slider-nav-arrow.svg') center center no-repeat;
			background-size: contain;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -0.7rem;
			margin-left: -0.7rem;
		}
		.wmc-favourite-printers__other-brands .owl-carousel .owl-nav .owl-prev:before {
			transform: scaleX(-1);
		}

/*** HelpBox ***/
.wmc-help-box {
	padding: 3rem;
	background: #EBF5FF;
	border-radius: 0.6rem;
	max-width: 100rem;
	display: flex;
	align-items: center;
	gap: 2rem;
}
	.wmc-help-box > h3 {
		font-weight: 700;
		font-size: 2rem;
		line-height: 2.8rem;
		margin: 0;
	}
		.wmc-help-box > h3 > span {
			display: inline-block;
		}
	.wmc-help-box__person {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		gap: 1rem;
	}
		.wmc-help-box__person-img {
			margin: -1.5rem 0;
			display: block;
			width: 8rem;
			height: 8rem;
			object-fit: cover;
			border-radius: 50%;
		}
			.wmc-help-box__person-role {
				font-weight: 700;
				font-size: 1.8rem;
				line-height: 2.4rem;
			}
	.wmc-help-box__contacts {
		flex-shrink: 0;
		display: flex;
		gap: 2rem;
	}
		.wmc-help-box__contact {
			display: flex;
			align-items: center;
			gap: 1rem;
		}
			.wmc-help-box__contact-icon {
				width: 3.2rem;
				height: 3.2rem;
			}
			.wmc-help-box__contact-info {
				display: flex;
				flex-direction: column;
			}
				.wmc-help-box__phone {
					font-weight: 700;
					font-size: 1.5rem;
					line-height: 2rem;
				}
				.wmc-help-box__hours {
					font-weight: 400;
					font-size: 1.4rem;
					line-height: 1.8rem;
					color: #67608A;
				}
				.wmc-help-box__email {
					font-weight: 700;
					font-size: 1.5rem;
					line-height: 2rem;
				}
		
		@media screen and (max-width: 1020px) {
			.wmc-help-box {
				flex-direction: column;
			}
				.wmc-help-box__person-img {
					margin: -0.5rem 0;
				}
				.wmc-help-box > h3 {
					width: 100%;
				}
				.wmc-help-box__person {
					width: 100%;
					gap: 1.6rem;
				}
					.wmc-help-box__person-info {
						margin: 0;
					}
				.wmc-help-box__contacts {
					margin: 0;
					align-self: start;
				}
		}
			@media screen and (max-width: 700px) {
				.wmc-help-box {
					gap: 1.5rem;
				}
					.wmc-help-box__contacts {
						flex-direction: column;
						gap: 1.5rem;
					}
						.wmc-help-box__contact {
							margin: 0;
						}
							.wmc-help-box__contact-info {
								margin: 0;
							}
						.wmc-help-box__contacts > .button-basic {
							width: max-content;
						}
			}

/*** HelpBoxNarrow ***/
.wmc-help-box-narrow {
	margin: 0;
	padding: 2rem;
	background: #EBF5FF;
	border-radius: 6px;
	max-width: 28rem;
	
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.6rem;
}
	.wmc-help-box-narrow > h3 {
		margin: 0;
		font-weight: 700;
		font-size: 2rem;
		line-height: 2.8rem;
	}
		.wmc-help-box-narrow > h3 > span {
			display: inline-block;
		}
		
	.wmc-help-box-narrow__person {
		margin: 0;
		display: flex;
		gap: 1.6rem;
	}
		.wmc-help-box-narrow__person-img {
			display: block;
			width: 8rem;
			height: 8rem;
			object-fit: cover;
			border-radius: 50%;
		}
		.wmc-help-box-narrow__person-info {
			margin: auto 0;
		}
			.wmc-help-box-narrow__person-info > h4 {
				margin: 0;
				font-weight: 700;
				font-size: 1.8rem;
				line-height: 2.4rem;
			}
	.wmc-help-box-narrow__contacts {
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
		.wmc-help-box-narrow__contact {
			margin: 0;
		}
			.wmc-help-box-narrow__phone {
				display: block;
				font-weight: 700;
				font-size: 1.5rem;
				line-height: 2rem;
			}
			.wmc-help-box-narrow__hours {
				display: block;
				font-weight: 400;
				font-size: 1.4rem;
				line-height: 1.8rem;
				color: #67608A;
			}
			.wmc-help-box-narrow__email {
				display: block;
				font-weight: 700;
				font-size: 1.5rem;
				line-height: 2rem;
			}
/*** HelpBoxNarrowSimple ***/
.wmc-help-box-narrow-simple {
	position: relative;
	width: 28rem;
	background: #EBF5FF;
	border-radius: 0.6rem;
	padding: 2rem 8rem 2rem 2rem;
	margin: 0;
}
	.wmc-help-box-narrow-simple > .__contact {
		display: flex;
		flex-direction: column;
		position: relative;
		z-index: 1;
	}
		.wmc-help-box-narrow-simple > .__contact > h3 {
			margin: 0;
			font-weight: 700;
			font-size: 2rem;
			line-height: 2.8rem;
		}
		.wmc-help-box-narrow-simple > .__contact > .__phone {
			font-weight: 700;
			font-size: 1.5rem;
			line-height: 2rem;
			margin: 1.6rem 0 0 0;
		}
		.wmc-help-box-narrow-simple > .__contact > .__time {
			font-weight: 400;
			font-size: 1.4rem;
			line-height: 1.8rem;
			color: #67608A;
		}
		.wmc-help-box-narrow-simple > .__contact > .__mail {
			font-weight: 700;
			font-size: 1.5rem;
			line-height: 2rem;
			margin: 1rem 0 0 0;
		}

/*** LatestArticles ***/
.wmc-latest-articles {
}
	.wmc-latest-articles > h2 {
		font-weight: 500;
		font-size: 2.4rem;
		line-height: 3rem;
		margin: 0 0 3rem 0;
	}
	.wmc-latest-articles > .__items {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
		.wmc-latest-articles > .__items > .wmc-latest-articles__item {
			width: 100%;
			display: grid;
			grid-template-columns: 27rem 1fr;
			gap: 3rem;
		}
			.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__image {
				position: relative;
			}
				.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__image > img {
					display: block;
					width: 27rem;
					height: auto;
					border-radius: 6px;
				}
				.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__image > .__length {
					position: absolute;
					top: 1.6rem;
					right: 1.6rem;
					
					padding: 0 1rem;
					background: #FFFFFF;
					border-radius: 1.2rem;
					
					font-weight: 700;
					font-size: 1.2rem;
					line-height: 2.4rem;
					color: #201A3D;
				}
			.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__content {
				width: 100%;
				display: flex;
				flex-direction: column;
				gap: 1rem;
			}
				.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__content > h3 {
					font-weight: 600;
					font-size: 1.8rem;
					line-height: 2.2rem;
					margin: 0;
					
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}
				.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__content > .__date {
					font-weight: 500;
					font-size: 1.3rem;
					line-height: 2.2rem;
					color: #77808E;
				}
				.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__content > .__text {
					font-weight: 400;
					font-size: 1.5rem;
					line-height: 2.2rem;
					margin: 0;
					
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}
				.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__content > .__link {
					font-weight: 500;
					font-size: 1.5rem;
					line-height: 2.2rem;
				}
			
	.wmc-latest-articles > .button-basic {
		margin: 3rem 0 0 0;
	}
	@media screen and (max-width: 700px) {
		.wmc-latest-articles > .__items {
			gap: 3rem;
		}
			.wmc-latest-articles > .__items > .wmc-latest-articles__item {
				grid-template-columns: 1fr;
				gap: 2rem;
			}
				.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__image > img {
					width: 100%;
				}
				.wmc-latest-articles > .__items > .wmc-latest-articles__item > .__content > .__text {
					-webkit-line-clamp: 3;
				}
		.wmc-latest-articles > .button-basic {
			width: 100%;
			justify-content: center;
		}
	}

/*** LogonPanel ***/
.wmc-login-panel {
	display: flex;
	flex-wrap: wrap;
}
	.wmc-login-panel__logon {
		margin: 0;
		flex-basis: 40rem;
		flex-grow: 1;
		
		padding: 4rem;
	}
		.wmc-login-panel__logon > h3 {
			margin: 0 0 2rem 0;
			font-weight: 700;
			font-size: 2rem;
			line-height: 2.8rem;
		}
		.wmc-login-panel__logon > p {
			font-weight: 400;
			font-size: 1.5rem;
			line-height: 2.2rem;
			margin: 0 0 0.6rem 0;
		}
		.wmc-login-panel__logon > .__input-container {
			margin: 0 0 2rem 0;
			position: relative;
		}
			.wmc-login-panel__logon > .__input-container > input {
				width: 100%;
				padding-left: 5rem;
			}
			.wmc-login-panel__logon > .__input-container > img {
				display: block;
				width: 2rem;
				height: 2rem;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				left: 1.5rem;
			}
		.wmc-login-panel__logon > .__password {
			display: flex;
			justify-content: space-between;
			margin: 0 0 0.6rem 0;
		}
			.wmc-login-panel__logon > .__password > p {
				margin: 0;
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 2.2rem;
			}
			.wmc-login-panel__logon > .__password > a {
				font-weight: 400;
				font-size: 1.3rem;
				line-height: 2.2rem;
			}
		.wmc-login-panel__logon > .button-basic {
			justify-content: center;
			width: 100%;
		}
	.wmc-login-panel__registration {
		margin: 0;
		flex-basis: 38rem;
		flex-grow: 1;
		
		padding: 4rem;
		background: #F4F6F8;
	}
		.wmc-login-panel__registration > h3 {
			margin: 0 0 2rem 0;
			font-weight: 700;
			font-size: 2rem;
			line-height: 2.8rem;
		}
		.wmc-login-panel__registration > p {
			margin: 0 0 3rem 0;
			font-weight: 400;
			font-size: 1.5rem;
			line-height: 2.2rem;
		}
		.wmc-login-panel__registration-advantages {
			margin: 0;
			display: flex;
			flex-direction: column;
			gap: 1.6rem;
		}
			.wmc-login-panel__registration-advantage {
				width: 100%;
				
				padding-left: 3rem;
				background: url('/template/images/checkmark-circle.svg') left top no-repeat;
				background-size: 2rem;
				
				font-weight: 600;
				font-size: 1.5rem;
				line-height: 2.2rem;
			}
		.wmc-login-panel__registration > .button-basic3 {
			width: 100%;
			margin: 4rem 0 0 0;
		}
/*** LoyaltyPointsAndLatestArticles ***/
.wmc-loyalty-points-and-latest-articles {
	display: flex;
}
	.wmc-loyalty-points-and-latest-articles > .__panel {
		margin: 0;
		padding: 8rem 0;
		position: relative;
	}
	.wmc-loyalty-points-and-latest-articles > .__panel.--loyalty-points {
		padding-right: 6rem;
		width: 40rem;
		background: #F4F6F8;
	}
	.wmc-loyalty-points-and-latest-articles > .__panel.--latest-articles {
		padding-left: 6rem;
		width: calc(100% - 40rem);
		background: #EBEFF3;
	}
		.wmc-loyalty-points-and-latest-articles > .__panel:before,
		.wmc-loyalty-points-and-latest-articles > .__panel:after {
			content: '';
			display: none;
			position: absolute;
			top: 0;
			bottom: 0;
			width: 9999px;
			background: inherit;
		}
		.wmc-loyalty-points-and-latest-articles > .__panel:before {
			right: calc(100% - 1px);
		}
		.wmc-loyalty-points-and-latest-articles > .__panel:after {
			left: calc(100% - 1px);
		}
		
		.wmc-loyalty-points-and-latest-articles > .__panel.--loyalty-points:before,
		.wmc-loyalty-points-and-latest-articles > .__panel.--latest-articles:after {
			display: block;
		}
	
	@media screen and (max-width: 1020px) {
		
		.wmc-loyalty-points-and-latest-articles {
			flex-direction: column-reverse;
		}
			.wmc-loyalty-points-and-latest-articles > .__panel.--loyalty-points,
			.wmc-loyalty-points-and-latest-articles > .__panel.--latest-articles {
				width: auto;
				padding: 8rem 0;
			}
				.wmc-loyalty-points-and-latest-articles > .__panel:before,
				.wmc-loyalty-points-and-latest-articles > .__panel:after {
					display: block;
				}
	}
		@media screen and (max-width: 700px) {
			.wmc-loyalty-points-and-latest-articles > .__panel.--loyalty-points,
			.wmc-loyalty-points-and-latest-articles > .__panel.--latest-articles {
				padding: 6rem 0;
			}
		}
/*** LoyaltyPointsPanel ***/
.wmc-loyalty-points-panel {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: max-content minmax(20rem, 1fr);
}
	.wmc-loyalty-points-panel > .__content {
		display: flex;
		flex-direction: column;
		position: relative;
		z-index: 1;
	}
		.wmc-loyalty-points-panel > .__content > h2 {
			font-weight: 500;
			font-size: 2.4rem;
			line-height: 3rem;
			margin: 0 0 3rem 0;
		}
		.wmc-loyalty-points-panel > .__content > p {
			font-weight: 400;
			font-size: 1.5rem;
			line-height: 2.2rem;
			margin: 0 0 2rem 0;
		}
		.wmc-loyalty-points-panel > .__content > .button-basic {
			align-self: flex-start;
		}
	.wmc-loyalty-points-panel > .__image {
		margin: -2rem -6rem -6.5rem -4rem;
		position: relative;
	}
		.wmc-loyalty-points-panel > .__image > img {
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: scale-down;
		}
	
	@media screen and (max-width: 1020px) {
		.wmc-loyalty-points-panel {
			grid-template-columns: 1fr 34rem;
			grid-template-rows: 1fr;
		}
			.wmc-loyalty-points-panel > .__content {
				margin-left: 6rem;
				max-width: 32rem;
			}
			.wmc-loyalty-points-panel > .__image {
				object-fit: contain;
				max-height: 37.5rem ;
				margin: -6.4rem 1.6rem;
			}
	}
		@media screen and (max-width: 700px) {
			.wmc-loyalty-points-panel {
				grid-template-columns: 1fr;
				grid-template-rows: 19rem 1fr;
			}
				.wmc-loyalty-points-panel > .__content {
					margin: 0 auto;
					max-width: 40rem;
				}
					.wmc-loyalty-points-panel > .__content > h2 {
						margin: 0 0 2rem 0;
					}
						.wmc-loyalty-points-panel > .__content > h2 > br {
							display: none;
						}
					.wmc-loyalty-points-panel > .__content > .button-basic {
						align-self: stretch;
					}
				.wmc-loyalty-points-panel > .__image {
					grid-row: 1;
					margin: -3rem 0 2rem 0;
					height: 20rem;
					max-width: 100%;
				}
		}
/*** MainCategoryNavigation ***/
.wmc-main-category-navigation {
	background: #EBEFF3;
}
	.wmc-main-category-navigation > .page {
		position: relative;
	}
	
	
	.wmc-main-category-navigation__mascot {
		position: absolute;
		bottom: 0;
		left: -5rem;
		width: 24rem;
		height: auto;
	}
	.wmc-main-category-navigation__content {
		padding: 6rem 3rem 6rem 18rem;
	}
		.wmc-main-category-navigation__content > h2 {
			font-weight: 500;
			font-size: 2.4rem;
			line-height: 3rem;
			margin: 0 0 6rem 0;
		}
		.wmc-main-category-navigation__content > .__categories {
			display: flex;
			flex-wrap: wrap;
			column-gap: 0.8rem;
			row-gap: 5rem;
		}
			.wmc-main-category-navigation__content > .__categories > a {
				background-image: linear-gradient(to top, transparent 4px, #FFFFFF 4px);
				background-color: #FFFFFF;
				border-radius: 6px 6px 4px 4px;
				
				width: 15rem;
				height: 12rem;
				padding: 6.2rem 1.5rem 1.8rem 1.5rem;
				
				position: relative;
			}
				.wmc-main-category-navigation__content > .__categories > a > img {
					position: absolute;
					mix-blend-mode: multiply;
					width: 8rem;
					height: 8rem;
					top: -3rem;
					left: 50%;
					transform: translateX(-50%);
				}
				.wmc-main-category-navigation__content > .__categories > a > .__title {
					font-weight: 600;
					font-size: 1.5rem;
					line-height: 2rem;
					text-align: center;
					
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}
	@media screen and (min-width: 701px) and (max-width: 1240px) {
		.wmc-main-category-navigation__content {
			padding: 6rem 3rem;
		}
			.wmc-main-category-navigation__content > h2 {
				text-align: center;
			}
			.wmc-main-category-navigation__content > .__categories {
				max-width: 47rem;
				margin-left: 15rem;
			}
	}
		@media screen and (max-width: 700px) {
			.wmc-main-category-navigation__mascot {
				display: none;
			}
			.wmc-main-category-navigation__content {
				padding: 6rem 0;
			}
				.wmc-main-category-navigation__content > h2 {
					text-align: center;
				}
				.wmc-main-category-navigation__content > .__categories {
					justify-content: center;
				}
		}

/*** MainSlider ***/
.wmc-main-slider {
}
	.wmc-main-slider > .__slide-count[data-slide-count="1"] {
		display: none;
	}
	.wmc-main-slider > .__slide-count[data-slide-count="2"] {
		display: block;
	}
	.wmc-main-slider .owl-carousel {
	}
		.wmc-main-slider .owl-carousel .owl-item {
			border-radius: 6px;
			overflow: hidden;
		}
	
	/* skok na 1 slide */
	@media screen and (max-width: 1300px) {
		.wmc-main-slider > .__slide-count[data-slide-count="1"] {
			display: block;
		}
		.wmc-main-slider > .__slide-count[data-slide-count="2"] {
			display: none;
		}
		.wmc-main-slider .owl-carousel {
			max-width: 580px;
		}
	}


/* NAVIGACE */
.wmc-main-slider .owl-carousel .owl-nav,
.wmc-main-slider .owl-carousel .owl-nav.disabled {
	display: block;
}
	.wmc-main-slider .owl-carousel .owl-nav .owl-prev,
	.wmc-main-slider .owl-carousel .owl-nav .owl-next {
		display: block;
		width: 4rem;
		height: 4rem;
		margin: 0;
		
		background: #FFFFFF;
		border: 1px solid #E7E9ED;
		box-shadow: 0px 4px 10px rgba(27, 43, 67, 0.1);
		border-radius: 5px;
		
		position: relative;
	}
		.wmc-main-slider .owl-carousel .owl-nav .owl-prev:before,
		.wmc-main-slider .owl-carousel .owl-nav .owl-next:before {
			content: '';
			display: block;
			width: 1.4rem;
			height: 1.4rem;
			background: url('/template/images/slider-nav-arrow.svg') center center no-repeat;
			background-size: contain;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -0.7rem;
			margin-left: -0.7rem;
		}
		.wmc-main-slider .owl-carousel .owl-nav .owl-prev:before {
			transform: scaleX(-1);
		}
	
	/* desktop */
	@media screen and (min-width: 701px) {
		.wmc-main-slider .owl-carousel .owl-nav,
		.wmc-main-slider .owl-carousel .owl-nav.disabled {
			position: absolute;
			inset: 0;
			pointer-events: none;
		}
			.wmc-main-slider .owl-carousel .owl-nav .owl-prev,
			.wmc-main-slider .owl-carousel .owl-nav .owl-next {
				position: absolute;
				top: 50%;
				margin-top: -2rem;
				pointer-events: auto;
			}
			.wmc-main-slider .owl-carousel .owl-nav .owl-prev {
				left: -5rem;
			}
			.wmc-main-slider .owl-carousel .owl-nav .owl-next {
				right: -5rem;
			}
	}
	/* mobil */
	@media screen and (max-width: 700px) {
		.wmc-main-slider .owl-carousel .owl-nav,
		.wmc-main-slider .owl-carousel .owl-nav.disabled {
			margin: 1rem 0 0 0;
			display: flex;
			justify-content: center;
			gap: 1rem;
		}
	}

/*** NavigationCategoryCard ***/
.wmc-navigation-category-card {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	background-image: linear-gradient(to right, #F4F6F8, #F7F7F8);
	display: grid;
	grid-template-columns: minmax(18rem, 1fr) min(calc(100% - 18rem), 13rem);
	grid-template-rows: 100%;
}
	.wmc-navigation-category-card > .__info-container {
		margin: 0;
		padding: 3rem 1rem 3rem 3rem;
		display: flex;
		flex-direction: column;
	}
		.wmc-navigation-category-card > .__info-container > .__title {
			font-weight: bold;
			font-size: 1.8rem;
			line-height: 2.4rem;
			color: #201A3D;
			margin: 0 0 1rem 0;
		}
		.wmc-navigation-category-card > .__info-container > .__item-list {
			margin: 0 0 1rem 0;
			overflow: hidden;
		}
			.wmc-navigation-category-card > .__info-container > .__item-list > a {
				display: block;
				font-weight: 400;
				font-size: 1.4rem;
				line-height: 1.6rem;
				margin-bottom: 0.4rem;
			}
			.wmc-navigation-category-card > .__info-container > .__item-list > a:last-child {
				margin-bottom: 0;
			}
		.wmc-navigation-category-card > .__info-container > .__link {
			font-weight: 400;
			font-size: 1.4rem;
			line-height: 1.6rem;
			color: #201A3D;
			margin-top: auto;
		}
	.wmc-navigation-category-card > .__image-container {
	}
		.wmc-navigation-category-card > .__image-container > img {
			margin: 0 0 0 -4rem;
			display: block;
			width: 16rem;
			height: auto;
			mix-blend-mode: multiply;
		}

@media screen and (min-width: 701px) {
	.wmc-navigation-category-card.--naplne {
		display: none;
	}
}

@media screen and (max-width: 700px) {
	.wmc-navigation-category-card {
		grid-template-columns: 3.8rem 1fr;
		min-height: 6rem;
	}
		.wmc-navigation-category-card > .__info-container {
			padding: 0;
		}
			.wmc-navigation-category-card > .__info-container > .__title {
				margin: 0;
				padding: 1rem 2rem 1rem 2rem;
				height: 100%;
				display: flex;
				align-items: center;
				position: relative;
				z-index: 1;
				font-size: max(13px, 1.4rem);
				line-height: 1.7rem;
			}
			.wmc-navigation-category-card > .__info-container > .__item-list {
				display: none;
			}
			.wmc-navigation-category-card > .__info-container > .__link {
				display: none;
			}
		.wmc-navigation-category-card > .__image-container {
			grid-area: 1;
		}
			.wmc-navigation-category-card > .__image-container > img {
				width: 100%;
				margin: 0 0 0 1rem;
			}
}
	@media screen and (max-width: 400px) {
		.wmc-navigation-category-card > .__info-container > .__title {
			word-break: break-word;
			padding: 1px 1rem 1px 2rem;
		}
	}

/*** NavigationPrinterSearchCard ***/
.wmc-navigation-printer-search-card {
	grid-column: 1 / 3;
	background: linear-gradient(0deg, #F4F6F8, #F4F6F8), #F7F7F8;
	border-top: 2px solid #1188E1;
	border-radius: 0.6rem;
	padding: 3rem 17rem 3rem 3rem;
	margin: 0;
	position: relative;
	overflow: hidden;
}
	.wmc-navigation-printer-search-card::after {
		content: '';
		background-image: url("/template/temp/printer-navigation-printer-search.png?v2");
		background-size: contain;
		background-repeat: no-repeat;
		width: 16rem;
		height: 16rem;
		position: absolute;
		bottom: 1.8rem;
		right: 0;
		margin: 0 -2rem 0 0;
		overflow: hidden;
	}
	
	.wmc-navigation-printer-search-card > .__search-by-text-title {
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin: 0 0 1rem 0;
		color: #201A3D;
	}
		.wmc-navigation-printer-search-card > .__search-by-text-title > a {
			color: inherit;
		}
	.wmc-navigation-printer-search-card > .__search-by-text {
		margin: 0;
		display: flex;
		gap: 1rem;
	}
		.wmc-navigation-printer-search-card > .__search-by-text > .__search-input {
			flex-grow: 1;
			flex-shrink: 1;
			position: relative;
		}
			.wmc-navigation-printer-search-card > .__search-by-text > .__search-input > input {
				width: 100%;
				padding-left: 4.5rem;
				
				/* loading indicator fix */
				background-repeat: no-repeat;
				background-position: right 1rem center;
			}
			.wmc-navigation-printer-search-card > .__search-by-text > .__search-input > .svg-mask--search {
				position: absolute;
				width: 1.7rem;
				height: 1.7rem;
				top: 50%;
				transform: translateY(-50%);
				left: 1.5rem;
				background: #201A3D;
			}
	
	.wmc-navigation-printer-search-card > .__search-by-select-title {
		font-weight: 500;
	}
	.wmc-navigation-printer-search-card > .__search-by-select {
		margin: 0;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1rem;
	}
		.wmc-navigation-printer-search-card > .__search-by-select > .__select,
		.wmc-navigation-printer-search-card > .__search-by-select > .__search-button {
			margin: 0;
			width: 100%;
		}
			.wmc-navigation-printer-search-card > .__search-by-select > .__search-button > .button-basic {
				white-space: normal;
				width: 100%;
			}
		
		@media screen and (max-width: 700px) {
			.wmc-navigation-printer-search-card {
				padding: 2rem;
			}
				.wmc-navigation-printer-search-card::after {
					display: none;
				}
				.wmc-navigation-printer-search-card > .__search-by-select {
					grid-template-columns: 1fr;
				}
		}

/*** PrinterSearchBrandCategory ***/
.cartridge-brand-printer-search {
	background: #201A3D;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	padding: 2.5rem;
}
	.cartridge-brand-printer-search > div {
		width: 100%;
	}
	.cartridge-brand-printer-search > .__content {
		flex-grow: 1;
		margin: 0 auto;
		display: flex;
		margin-bottom: 2rem;
	}
		.cartridge-brand-printer-search > .__content > img {
			width: 6rem;
			height: 6rem;
		}
		.cartridge-brand-printer-search > .__content > div {
			margin-left: 2rem;
		}
			.cartridge-brand-printer-search > .__content > div > h4 {
				font-weight: 500;
				font-size: 2.4rem;
				line-height: 3rem;
				color: #fff;
				margin: auto 0;
			}
	.cartridge-brand-printer-search > .__select {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		margin-bottom: 1rem;
	}
		.cartridge-brand-printer-search > .__select > .select_container {
			width: calc(50% - 0.5rem);
			height: 5rem;
			background: #fff;
			border-radius: 0.5rem;
			margin: 0;
		}
		.cartridge-brand-printer-search > .__select > .__search-button {
			width: 100%;
		}
			.cartridge-brand-printer-search > .__select > .__search-button > button {
				width: 100%;
			}
		.cartridge-brand-printer-search > .__info-text p {
			color: #fff;
			font-size: 1.3rem;
			line-height: 1.8rem;
			font-weight: 500;
			margin-bottom: 0;
		}
			.cartridge-brand-printer-search > .__info-text p a {
				color: #FFCD1C;
			}
	@media screen and (max-width: 1020px) {
		.cartridge-brand-header__printer-search {
			width: 100%;
		}
			.cartridge-brand-printer-search > .__select {
				flex-wrap: nowrap;
			}
				.cartridge-brand-printer-search > .__select > .select_container {
					width: 33.33%;
					flex-grow: 1;
				}
				.cartridge-brand-printer-search > .__select > .__search-button {
					width: auto;
				}
	}
		@media screen and (max-width: 700px) {
			.cartridge-brand-printer-search {
				width: 100%;
				padding: 2rem;
			}
				.cartridge-brand-printer-search > .__select {
					flex-direction: column;
					width: 100%;
				}
					.cartridge-brand-printer-search > .__select > .select_container,
					.cartridge-brand-printer-search > .__select > .__search-button {
						width: 100%;
					}
		}
/*** PrinterSearchCartridgeIntro ***/
.cartridge-intro-printer-search {
	background: #201A3D;
	border-radius: 1rem;
	display: flex;
	padding: 2.5rem 3rem;
	gap: 1.6rem;
}
	.cartridge-intro-printer-search > .__content {
		flex-grow: 0;
		margin: auto 0;
		display: flex;
	}
		.cartridge-intro-printer-search > .__content > img {
			margin-right: 1.6rem;
			width: 6rem;
			height: 6rem;
		}
		.cartridge-intro-printer-search > .__content > div {
			margin: auto 0;
		}
			.cartridge-intro-printer-search > .__content > div > h4 {
				font-weight: 700;
				font-size: 1.8rem;
				line-height: 2.4rem;
				color: #fff;
				margin: 0 0 0.6rem 0;
			}
			.cartridge-intro-printer-search > .__content > div > span {
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 2rem;
				color: #fff;
			}
	.cartridge-intro-printer-search > .__select {
		display: flex;
		gap: 1rem;
		flex-grow: 1;
		justify-content: flex-end;
	}
		.cartridge-intro-printer-search > .__select > .select_container {
			width: 33.33%;
			min-width: 22rem;
			margin: 0;
		}
		.cartridge-intro-printer-search > .__select > .__search-button {
			margin: 0;
		}
		
	@media screen and (max-width: 1020px) {
		.cartridge-intro-printer-search {
			flex-direction: column;
			padding: 2.5rem;
			gap: 2rem;
		}
		.cartridge-intro-printer-search > .__select {
			width: 100%;
		}
			.cartridge-intro-printer-search > .__select > .select_container {
				width: 100%;
			}
	}
		@media screen and (max-width: 700px) {
			.cartridge-intro-printer-search {
				width: 100%;
				padding: 2rem;
			}
				.cartridge-intro-printer-search > .__select {
					flex-direction: column;
					width: 100%;
				}
				.cartridge-intro-printer-search > .__select > .select_container {
					width: 100%;
				}
				.cartridge-intro-printer-search > .__select > .__search-button {
					width: 100%;
				}
					.cartridge-intro-printer-search > .__select > .__search-button > .--button-search {
						width: 100%;
					}
		}
/*** PrinterSearchSlider ***/
.wmc-printer-search-slider {
	background: #201A3D;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	padding: 2.5rem;
}
	.wmc-printer-search-slider > div {
		width: 100%;
	}
	.wmc-printer-search-slider > .__content {
		flex-grow: 1;
		margin: 0 auto;
		display: flex;
		margin-bottom: 2rem;
	}
		.wmc-printer-search-slider > .__content > img {
			margin-right: 2rem;
			width: 6rem;
			height: 6rem;
		}
			.wmc-printer-search-slider > .__content  > h4 {
				font-weight: 500;
				font-size: 2.4rem;
				line-height: 3rem;
				color: #fff;
				margin: auto 0;
			}
	.wmc-printer-search-slider > .__description,
	.wmc-printer-search-slider > .__description2 {
		margin-bottom: 1rem
	}
		.wmc-printer-search-slider > .__description > span,
		.wmc-printer-search-slider > .__description2 > span {
			font-weight: 400;
			font-size: 1.5rem;
			line-height: 2rem;
			color: #fff;
		}
	.wmc-printer-search-slider > .__search-by-text {
		margin-bottom: 1.5rem;
		
		display: flex;
		align-items: center;
		gap: 1rem;
	}
		.wmc-printer-search-slider > .__search-by-text > input {
			width: 100%;
		}
	.wmc-printer-search-slider > .__select {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		margin-bottom: 2rem;
	}
		.wmc-printer-search-slider > .__select > .select_container {
			width: calc(50% - 0.5rem);
			height: 5rem;
			background: #fff;
			border-radius: 0.5rem;
			margin: 0;
		}
		.wmc-printer-search-slider > .__select > .__search-button {
			width: 100%;
		}
			.wmc-printer-search-slider > .__select > .__search-button > button {
				width: 100%;
			}
		.wmc-printer-search-slider > .__info-text p {
			color: #fff;
			font-size: 1.3rem;
			line-height: 1.8rem;
			font-weight: 500;
			margin-bottom: 0;
		}
			.wmc-printer-search-slider > .__info-text p a {
				color: #FFCD1C;
			}
	.wmc-printer-search-slider > .__badges {
		display: flex;
		justify-content: space-between;
	}
		.wmc-printer-search-slider > .__badges > div {
			flex-shrink: 1;
		}
			.wmc-printer-search-slider > .__badges > div.--trustprofile {
				transform: scale(0.75);
			}
				.wmc-printer-search-slider > .__badges > div.--trustprofile > iframe {
					width: 195px;
					height: 80px;
					border: none;
				}
			.wmc-printer-search-slider > .__badges > div > img {
				display: block;
				max-height: 4.8rem;
			}
	@media screen and (max-width: 1020px) {
		.wmc-printer-search-slider > .__select {
			flex-wrap: nowrap;
		}
			.wmc-printer-search-slider > .__select > .select_container {
				width: 33.33%;
				flex-grow: 1;
			}
			.wmc-printer-search-slider > .__select > .__search-button {
				width: auto;
			}
		.wmc-printer-search-slider > .__badges {
			gap: 1rem;
			margin: auto;
			width: auto;
		}
	}
		@media screen and (max-width: 700px) {
			.wmc-printer-search-slider {
				width: 100%;
				padding: 2rem;
			}
				.wmc-printer-search-slider > .__select {
					flex-direction: column;
					width: 100%;
				}
					.wmc-printer-search-slider > .__select > .select_container,
					.wmc-printer-search-slider > .__select > .__search-button {
						width: 100%;
					}
		}
/*** ProductDetailGiftPanel ***/
.wmc-product-detail-gift-panel {
	margin: 2rem 0;
	background: #201A3D;
	border-radius: 0.4rem;
	box-shadow: 0 0 1rem 0 rgba(247, 192, 63, 0.20);
	padding: 2rem 2.8rem 2rem 15rem;
	position: relative;
}
	.wmc-product-detail-gift-panel > img {
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 15rem;
		height: auto;
	}
	.wmc-product-detail-gift-panel > .__content {
		margin: 0;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 2.2rem;
		color: #FFFFFF;
	}

/*** ProductSlider ***/
.wmc-product-slider {
	
}
	.wmc-product-slider > h2 {
		font-weight: 500;
		font-size: 2.4rem;
		line-height: 3rem;
		text-align: center;
		margin: 0 0 3rem 0;
	}
	

.wmc-product-slider .owl-carousel {
	width: auto;
}
	.wmc-product-slider .owl-carousel .owl-stage-outer {
		margin: -1px;
		padding: 1px;
	}
		.wmc-product-slider .owl-carousel .owl-stage {
			display: flex;
			align-items: stretch;
		}
			.wmc-product-slider .owl-carousel .owl-item {
				flex-grow: 0;
				flex-shrink: 0;
				margin: 0;
			}
				.wmc-product-slider .owl-carousel .owl-item > * {
					width: 100%;
					height: 100%;
				}
	
	.wmc-product-slider .owl-carousel .owl-dots {
		margin-top: 2rem;
		display: flex;
		justify-content: center;
		gap: 4px;
	}
		.wmc-product-slider .owl-carousel .owl-dot {
			margin: 0;
			width: 8px;
			height: 8px;
			border-radius: 50%;
		}
		.wmc-product-slider .owl-carousel .owl-dot:not(.active) {
			border: 2px solid #201A3D;
			opacity: 0.2;
		}
		.wmc-product-slider .owl-carousel .owl-dot.active {
			background: #201A3D;
		}
	
	.wmc-product-slider .owl-carousel .owl-nav,
	.wmc-product-slider .owl-carousel .owl-nav.disabled {
		display: block;
	}
		.wmc-product-slider .owl-carousel .owl-nav .owl-prev,
		.wmc-product-slider .owl-carousel .owl-nav .owl-next {
			display: block;
			width: 4rem;
			height: 4rem;
			margin: 0;
			
			background: #FFFFFF;
			border: 1px solid #E7E9ED;
			box-shadow: 0px 4px 10px rgba(27, 43, 67, 0.1);
			border-radius: 5px;
			
			position: absolute;
			top: 50%;
			margin-top: -2rem;
		}
		.wmc-product-slider .owl-carousel .owl-nav .owl-prev {
			left: -5rem;
		}
		.wmc-product-slider .owl-carousel .owl-nav .owl-next {
			right: -5rem;
		}
			.wmc-product-slider .owl-carousel .owl-nav .owl-prev:before,
			.wmc-product-slider .owl-carousel .owl-nav .owl-next:before {
				content: '';
				display: block;
				width: 1.4rem;
				height: 1.4rem;
				background: url('/template/images/slider-nav-arrow.svg') center center no-repeat;
				background-size: contain;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -0.7rem;
				margin-left: -0.7rem;
			}
			.wmc-product-slider .owl-carousel .owl-nav .owl-prev:before {
				transform: scaleX(-1);
			}
			
			@media screen and (max-width: 1300px) {
				.wmc-product-slider .owl-carousel {
					max-width: calc(100% - 6rem);
				}
			}
				@media screen and (max-width: 1020px) {
					.wmc-product-slider .owl-carousel {
						max-width: calc(100% - 8rem);
					}
				}
					@media screen and (max-width: 700px) {
						.wmc-product-slider .owl-carousel {
							max-width: calc(100% - 10rem);
						}
					}
/*** ProductSliderIntro ***/
.wmc-product-slider {
	
}
	.wmc-product-slider > h2 {
		font-weight: 500;
		font-size: 2.4rem;
		line-height: 3rem;
		text-align: center;
		margin: 0 0 3rem 0;
	}
	

.wmc-product-slider .owl-carousel {
	width: auto;
}
	.wmc-product-slider .owl-carousel .owl-stage-outer {
		margin: -1px;
		padding: 1px;
	}
		.wmc-product-slider .owl-carousel .owl-stage {
			display: flex;
			align-items: stretch;
		}
			.wmc-product-slider .owl-carousel .owl-item {
				flex-grow: 0;
				flex-shrink: 0;
				margin: 0;
			}
				.wmc-product-slider .owl-carousel .owl-item > * {
					width: 100%;
					height: 100%;
				}
	
	.wmc-product-slider .owl-carousel .owl-dots {
		margin-top: 2rem;
		display: flex;
		justify-content: center;
		gap: 4px;
	}
		.wmc-product-slider .owl-carousel .owl-dot {
			margin: 0;
			width: 8px;
			height: 8px;
			border-radius: 50%;
		}
		.wmc-product-slider .owl-carousel .owl-dot:not(.active) {
			border: 2px solid #201A3D;
			opacity: 0.2;
		}
		.wmc-product-slider .owl-carousel .owl-dot.active {
			background: #201A3D;
		}
	
	.wmc-product-slider .owl-carousel .owl-nav,
	.wmc-product-slider .owl-carousel .owl-nav.disabled {
		display: block;
	}
		.wmc-product-slider .owl-carousel .owl-nav .owl-prev,
		.wmc-product-slider .owl-carousel .owl-nav .owl-next {
			display: block;
			width: 4rem;
			height: 4rem;
			margin: 0;
			
			background: #FFFFFF;
			border: 1px solid #E7E9ED;
			box-shadow: 0px 4px 10px rgba(27, 43, 67, 0.1);
			border-radius: 5px;
			
			position: absolute;
			top: 50%;
			margin-top: -2rem;
		}
		.wmc-product-slider .owl-carousel .owl-nav .owl-prev {
			left: -5rem;
		}
		.wmc-product-slider .owl-carousel .owl-nav .owl-next {
			right: -5rem;
		}
			.wmc-product-slider .owl-carousel .owl-nav .owl-prev:before,
			.wmc-product-slider .owl-carousel .owl-nav .owl-next:before {
				content: '';
				display: block;
				width: 1.4rem;
				height: 1.4rem;
				background: url('/template/images/slider-nav-arrow.svg') center center no-repeat;
				background-size: contain;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -0.7rem;
				margin-left: -0.7rem;
			}
			.wmc-product-slider .owl-carousel .owl-nav .owl-prev:before {
				transform: scaleX(-1);
			}
			
			@media screen and (max-width: 1300px) {
				.wmc-product-slider .owl-carousel {
					max-width: calc(100% - 6rem);
				}
			}
				@media screen and (max-width: 1020px) {
					.wmc-product-slider .owl-carousel {
						max-width: calc(100% - 8rem);
					}
				}
					@media screen and (max-width: 700px) {
						.wmc-product-slider .owl-carousel {
							max-width: calc(100% - 10rem);
						}
					}
/*** ProductState ***/
.wmc-product-state {
	display: flex;
	gap: 0;
	row-gap: 1.2rem;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap; 
}
	.wmc-product-state > .__state-icon {
		display: block;
		width: 2rem;
		height: 2rem;
		margin: 0;
	}
	.wmc-product-state > .__content {
		margin: 0;
		display: flex;
		flex-direction: row;
		align-items: start;
		gap: 1rem;
		flex-wrap: nowrap; 
	}
	.wmc-product-state.--double > .__content {
		flex-wrap: wrap;
		flex-direction: row;
		flex-wrap: nowrap;
	}
		.wmc-product-state > .__content > div {
			flex-grow: 1;
		}
			.wmc-product-state > .__content > div > .__title {
				font-weight: 700; 
				font-size: 1.5rem;
				line-height: 1.8rem;
				margin: 0;
			}
			.wmc-product-state > .__content > div > .__description {
				font-weight: 400;
				font-size: 1.2rem;
				line-height: 1.8rem;
				color: #67608A;
				margin: 0;
			}
		.wmc-product-state > .button-basic {
			margin: 0 0 0 3rem;
		}

/*** ProductStateSmall ***/
.wmc-product-state-small {
		padding: 1rem;
		background: #FFFFFF;
		border-radius: 0.4rem;
		
		display: flex;
		gap: 1.4rem;
	}
	.wmc-product-state-small > .__state-icon {
		display: block;
		width: 2rem;
		height: 2rem;
	}
	.wmc-product-state-small > .__content {
		margin: 0;
		display: flex;
		flex-direction: column;
	}
		.wmc-product-state-small > .__content > .__title {
			font-weight: 700;
			font-size: 1.5rem;
			line-height: 1.8rem;
		}
		.wmc-product-state-small > .__content > .__description {
			font-weight: 400;
			font-size: 1.2rem;
			line-height: 1.6rem;
			color: #67608A;
		}

/*** Reviews ***/
.wmc-reviews {
	display: grid;
	grid-template-columns: 38rem calc(100% - 40rem);
	gap: 2rem;
}
	.wmc-reviews > .__shop-rating {
		max-width: 34rem;
		margin: auto 0;
		justify-self: left;
	}
		.wmc-reviews > .__shop-rating > h2 {
			font-weight: 500;
			font-size: 2.4rem;
			line-height: 3rem;
			margin: 0 0 3rem 0;
		}
		.wmc-reviews > .__shop-rating > .__content {
			display: flex;
			gap: 3rem;
		}
			.wmc-reviews > .__shop-rating > .__content > .__logo {
				margin: 0;
				width: 10rem;
				flex-grow: 0;
				flex-shrink: 0;
			}
				.wmc-reviews > .__shop-rating > .__content > .__logo > img {
					max-width: 100%;
				}
			.wmc-reviews > .__shop-rating > .__content > .__info {
				margin: 0;
				display: flex;
				flex-direction: column;
				gap: 2rem;
			}
				.wmc-reviews > .__shop-rating > .__content > .__info > .__rating {
					font-weight: 800;
					font-size: 4.2rem;
					line-height: 3.2rem;
					color: #E7C520;
				}
				.wmc-reviews > .__shop-rating > .__content > .__info > .__text {
					font-weight: 400;
					font-size: 1.5rem;
					line-height: 2rem;
				}
		.wmc-reviews > .__shop-rating > .__content.--vertical {
			flex-direction: column;
		}
			.wmc-reviews > .__shop-rating > .__content.--vertical > .__logo {
				width: 100%;
			}
			.wmc-reviews > .__shop-rating > .__content.--vertical > .__info {
				flex-direction: row;
			}
		@media screen and (max-width: 1020px) {
			.wmc-reviews > .__shop-rating {
				justify-self: center;
			}
				.wmc-reviews > .__shop-rating > h2 {
					text-align: center;
				}
		}
	
	.wmc-reviews > .__reviews {
		width: 100%;
		padding: 0 2rem;
	}
	
	
	.wmc-reviews > .__reviews .owl-carousel .owl-stage {
		display: flex;
	}
		.wmc-reviews > .__reviews .owl-carousel .owl-item {
			margin-top: 0;
			margin-bottom: 0;
			
		}
	
		.wmc-reviews__review {
			padding: 3rem 4rem;
			background: linear-gradient(0deg, #F4F6F8, #F4F6F8), #FFFFFF;
			border-radius: 6px;
			/*height: 19rem;*/
			height: 100%;
			
			display: flex;
			flex-direction: column;
			gap: 1rem;
		}
			.wmc-reviews__review > .__stars {
				display: flex;
				gap: 0.4rem;
			}
				.wmc-reviews__review > .__stars > img {
					width: auto;
					height: 1.8rem;
				}
			.wmc-reviews__review > .__name {
				font-weight: 700;
				font-size: 1.5rem;
				line-height: 2.2rem;
			}
			.wmc-reviews__review > .__text {
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 2rem;
				
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}
			
			.wmc-reviews__review > .__text.--summary {
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 2rem;
				
				/*display: -webkit-box;*/
				/*-webkit-line-clamp: 3;*/
				/*-webkit-box-orient: vertical;*/
				/*overflow: hidden;*/
			}
			.wmc-reviews__review > .__text.--summary.--short {
				/*-webkit-line-clamp: 2;*/
			}
			.wmc-reviews__review > .__text.--pros {
				font-weight: 500;
				font-size: 1.4rem;
				line-height: 2.2rem;
				color: #279F13;
				
				padding-left: 2rem;
				background: url(/template/images/review.pros.svg) top 0.5rem left no-repeat;
				background-size: 1.2rem;
				
				/*display: -webkit-box;*/
				/*-webkit-line-clamp: 3;*/
				/*-webkit-box-orient: vertical;*/
				/*overflow: hidden;*/
			}
			.wmc-reviews__review > .__text.--pros.--short {
				/*-webkit-line-clamp: 1;*/
			}
		
		.wmc-reviews .owl-carousel .owl-nav .owl-prev,
		.wmc-reviews .owl-carousel .owl-nav .owl-next {
			display: block;
			width: 4rem;
			height: 4rem;
			margin: 0;
			
			background: #FFFFFF;
			border: 1px solid #E7E9ED;
			box-shadow: 0px 4px 10px rgba(27, 43, 67, 0.1);
			border-radius: 5px;
			
			position: absolute;
			top: 50%;
			margin-top: -2rem;
			pointer-events: auto;
		}
		.wmc-reviews .owl-carousel .owl-nav .owl-prev {
			left: -2rem;
		}
		.wmc-reviews .owl-carousel .owl-nav .owl-next {
			right: -2rem;
		}
			.wmc-reviews .owl-carousel .owl-nav .owl-prev:before,
			.wmc-reviews .owl-carousel .owl-nav .owl-next:before {
				content: '';
				display: block;
				width: 1.4rem;
				height: 1.4rem;
				background: url('/template/images/slider-nav-arrow.svg') center center no-repeat;
				background-size: contain;
				position: absolute;
				top: 50%;
				left: 50%;
				margin-top: -0.7rem;
				margin-left: -0.7rem;
			}
			.wmc-reviews .owl-carousel .owl-nav .owl-prev:before {
				transform: scaleX(-1);
			}
	
	@media screen and (max-width: 1020px) {
		.wmc-reviews {
			grid-template-columns: 100%;
			gap: 3rem;
		}
	}
/*** ReviewsNarrow ***/
.wmc-reviews-narrow {
	max-width: 28rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 2rem;
}
	.wmc-reviews-narrow > h2 {
		margin: 0;
		font-weight: 500;
		font-size: 2.4rem;
		line-height: 3rem;
	}
	.wmc-reviews-narrow > a > img {
		display: block;
		width: 10rem;
		height: auto;
	}
	.wmc-reviews-narrow > a > img.--wide {
		width: 20rem;
	}
	.wmc-reviews-narrow > .__rating {
		font-weight: 800;
		font-size: 4.2rem;
		line-height: 3.2rem;
		color: #E7C520;
	}
	.wmc-reviews-narrow > .__text {
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 2rem;
	}

/*** TpCartridgeBenefits ***/
.wmc-tp-cartridge-benefits {
	display: flex;
	align-items: center;
	gap: 3rem;
	
	text-align: left;
}
	.wmc-tp-cartridge-benefits > h4 {
		margin: 0;
		flex-grow: 1;
		
		font-weight: 700;
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.wmc-tp-cartridge-benefits > .__content {
		margin: 0;
		
		display: flex;
		gap: 2.7rem;
	}
		.wmc-tp-cartridge-benefits > .__content > .__item {
			margin: 0;
			
			display: flex;
			align-items: center;
			gap: 1.6rem;
		}
			.wmc-tp-cartridge-benefits > .__content > .__item > * {
				margin: 0;
			}
			.wmc-tp-cartridge-benefits > .__content > .__item > img {
				width: 4rem;
				height: 4rem;
			}
			.wmc-tp-cartridge-benefits > .__content > .__item > .__text {
				display: flex;
				flex-direction: column;
			}
				.wmc-tp-cartridge-benefits > .__content > .__item > .__text > .__title {
					font-weight: 600;
					font-size: 1.8rem;
					line-height: 2rem;
				}
				.wmc-tp-cartridge-benefits > .__content > .__item > .__text > .__description {
					font-weight: 400;
					font-size: 1.5rem;
					line-height: 2rem;
					color: #67608A;
				}
				
		@media screen and (max-width: 1020px) {
			.wmc-tp-cartridge-benefits {
				flex-direction: column;
				
				text-align: center;
			}
				.wmc-tp-cartridge-benefits > .__content {
					width: 100%;
					gap: 2rem;
				}
					.wmc-tp-cartridge-benefits > .__content > .__item {
						flex-basis: 33.3333%;
						flex-direction: column;
						gap: 2rem;
					}
		}
			@media screen and (max-width: 700px) {
				.wmc-tp-cartridge-benefits {
					align-items: start;
					
					text-align: left;
				}
					.wmc-tp-cartridge-benefits > .__content {
						flex-direction: column;
					}
						.wmc-tp-cartridge-benefits > .__content > .__item {
							flex-direction: row;
							align-items: start;
							gap: 1.2rem;
						}
			}
/*** TpCartridgeBenefitsDetail ***/
.wmc-tp-cartridge-benefits-detail {
	margin: 2rem 0;
	
	padding: 2rem 2.7rem 2rem 10rem;
	background: #F4F6F8;
	border-radius: 4px;
	
	position: relative;
}
	.wmc-tp-cartridge-benefits-detail > img {
		display: block;
		width: 9rem;
		height: auto;
		
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.wmc-tp-cartridge-benefits-detail > h4 {
		margin: 0 0 0.8rem 0;
		
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.wmc-tp-cartridge-benefits-detail > .__content {
		margin: 0;
		
		display: flex;
		gap: 2.3rem;
	}
		.wmc-tp-cartridge-benefits-detail > .__content > .__item {
			margin: 0;
			
			display: flex;
			gap: 1.4rem;
		}
			.wmc-tp-cartridge-benefits-detail > .__content > .__item > img {
				margin: auto 0;
				width: 4rem;
				height: 4rem;
			}
			.wmc-tp-cartridge-benefits-detail > .__content > .__item > .__text {
				display: flex;
				flex-direction: column;
				gap: 0.4rem;
			}
				.wmc-tp-cartridge-benefits-detail > .__content > .__item > .__text > .__title {
					font-weight: 600;
					font-size: 1.5rem;
					line-height: 2rem;
				}
				.wmc-tp-cartridge-benefits-detail > .__content > .__item > .__text > .__description {
					font-weight: 400;
					font-size: 1.3rem;
					line-height: 1.8rem;
					color: #67608A;
				}
				
		@media screen and (max-width: 700px) {
			.wmc-tp-cartridge-benefits-detail > .__content {
				flex-direction: column;
				align-items: start;
				gap: 1rem;
			}
		}
/*** TpCartridgeBenefitsDetailDouble ***/
.wmc-tp-cartridge-benefits-detail-double {
	width: 100%;
	height: 100%;
	
	padding: 2rem;
	background: #FFFFFF;
	border-radius: 4px;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3rem;
	
	text-align: center;
}
	.wmc-tp-cartridge-benefits-detail-double > h4 {
		margin: 0;
		
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 2.4rem;
	}
	.wmc-tp-cartridge-benefits-detail-double > .__content {
		margin: 0;
		
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}
		.wmc-tp-cartridge-benefits-detail-double > .__content > .__item {
			margin: 0;
			
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 1rem;
		}
			.wmc-tp-cartridge-benefits-detail-double > .__content > .__item > * {
				margin: 0;
			}
			.wmc-tp-cartridge-benefits-detail-double > .__content > .__item > img {
				width: 4rem;
				height: 4rem;
			}
			.wmc-tp-cartridge-benefits-detail-double > .__content > .__item > .__text {
				display: flex;
				flex-direction: column;
			}
				.wmc-tp-cartridge-benefits-detail-double > .__content > .__item > .__text > .__title {
					font-weight: 600;
					font-size: 1.4rem;
					line-height: 2rem;
				}
				.wmc-tp-cartridge-benefits-detail-double > .__content > .__item > .__text > .__description {
					font-weight: 400;
					font-size: 1.3rem;
					line-height: 1.8rem;
					color: #67608A;
				}

/*** TrustedSellerPanel ***/
.wmc-trusted-seller-panel {
	padding: 3rem;
	background: #F4F6F8;
	border-radius: 6px;
	
	display: flex;
}
	.wmc-trusted-seller-panel > img {
		align-self: end;
		margin: -100% 2rem -3rem -4rem;
	}
	.wmc-trusted-seller-panel > .__container {
		margin: 0;
		flex-grow: 1;
		
		display: flex;
		gap: 2rem;
	}
		.wmc-trusted-seller-panel > .__container > .__trust {
			margin: 0;
			flex-grow: 1;
			flex-shrink: 0;
			
			display: flex;
			align-items: center;
			gap: 2rem;
		}
			.wmc-trusted-seller-panel > .__container > .__trust > h2 {
				margin: 0;
				
				font-weight: 500;
				font-size: 2.4rem;
				line-height: 3rem;
			}
				.wmc-trusted-seller-panel > .__container > .__trust > h2 > span {
					display: block;
				}
			.wmc-trusted-seller-panel > .__container > .__trust > .__certs {
				margin: 0;
				
				display: flex;
				align-items: center;
				gap: 2rem;
			}
				.wmc-trusted-seller-panel > .__container > .__trust > .__certs > .__cert {
					margin: 0;
				}
					.wmc-trusted-seller-panel > .__container > .__trust > .__certs > .__cert > img {
						display: block;
					}
					.wmc-trusted-seller-panel > .__container > .__trust > .__certs > .__cert > .__rating {
						margin: 0.8rem 0 0 0;
						
						display: flex;
						align-items: center;
						gap: 1rem;
					}
						.wmc-trusted-seller-panel > .__container > .__trust > .__certs > .__cert > .__rating > .__text {
							font-weight: 700;
							font-size: 2.4rem;
							line-height: 2.4rem;
						}
						.wmc-trusted-seller-panel > .__container > .__trust > .__certs > .__cert > .__rating > .__stars {
							display: flex;
							gap: 0.2rem;
						}
							.wmc-trusted-seller-panel > .__container > .__trust > .__certs > .__cert > .__rating > .__stars > img {
								width: 1.8rem;
								height: 1.8rem;
							}
				
				@media screen and (max-width: 1240px) {
					.wmc-trusted-seller-panel > .__container > .__trust {
						flex-direction: column;
						align-items: start;
						gap: 1rem;
					}
						.wmc-trusted-seller-panel > .__container > .__trust > h2 > span {
							display: inline;
						}
				}
		.wmc-trusted-seller-panel > .__container > .__advantages {
			margin: auto 0;
		}
			.wmc-trusted-seller-panel > .__container > .__advantages > .__content {
				display: grid;
				grid-template-columns: repeat(2, minmax(auto, max-content));
				grid-column-gap: 2rem;
				grid-row-gap: 1rem;
			}
				.wmc-trusted-seller-panel > .__container > .__advantages> .__content > div {
					margin: 0;
					
					display: flex;
					align-items: start;
					gap: 1rem;
				}
					.wmc-trusted-seller-panel > .__container > .__advantages > .__content > div > img {
						width: 2rem;
						height: 2rem;
					}
					.wmc-trusted-seller-panel > .__container > .__advantages > .__content > div > span {
						font-weight: 700;
						font-size: 1.45rem;
						line-height: 2rem;
					}
			
		@media screen and (max-width: 1020px) {
			.wmc-trusted-seller-panel > .__container {
				flex-direction: column;
			}
		}
			@media screen and (max-width: 700px) {
				.wmc-trusted-seller-panel {
					display: grid;
					position: relative;
				}
					.wmc-trusted-seller-panel > img {
						position: absolute;
						bottom: 0;
						height: max-content;
						margin: 0;
					}
					.wmc-trusted-seller-panel > .__container > .__advantages {
						margin: 0;
						padding: 0 0 0 10rem;
					}
						.wmc-trusted-seller-panel > .__container > .__advantages > .__content {
							grid-template-columns: 1fr;
						}
			}
				@media screen and (max-width: 380px) {
					.wmc-trusted-seller-panel > .__container > .__trust {
						flex-direction: column;
					}
						.wmc-trusted-seller-panel > .__container > .__trust > h2 {
							align-self: start;
						}
				}
/*** UserInfoPanel ***/
.wmc-user-info-panel {
	background: #F4F6F8;
	border-radius: 0.6rem;
	padding: 2rem;
	margin: 0;
}
	.wmc-user-info-panel > .__user {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
		.wmc-user-info-panel > .__user > h4 {
			margin: 0;
			font-weight: 700;
			font-size: 1.8rem;
			line-height: 2.4rem;
		}
		.wmc-user-info-panel > .__user > .__adress {
			margin: 0;
			display: flex;
			flex-direction: column;
		}
			.wmc-user-info-panel > .__user > .__adress > span {
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 2rem;
			}
		.wmc-user-info-panel > .__user > .__contact {
			margin: 0;
			display: flex;
			flex-direction: column;
		}
			.wmc-user-info-panel > .__user > .__contact > span {
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 2rem;
			}
	.wmc-user-info-panel > .__bonus-panel {
		margin: 2rem 0 0 0;
		padding: 2rem;
		background: #FFF;
		border-radius: 0.4rem;
		display: flex;
		flex-direction: column;
	}
		.wmc-user-info-panel > .__bonus-panel > .__account {
			margin: 0;
			display: flex;
			flex-direction: column;
		}
			.wmc-user-info-panel > .__bonus-panel > .__account > span {
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 2rem;
				text-align: center;
			}
			.wmc-user-info-panel > .__bonus-panel > .__account > .__summary {
				font-weight: 700;
				font-size: 3rem;
				line-height: 3rem;
				color: #D90000;
				text-align: center;
				margin: 1rem 0 0 0;
			}
			.wmc-user-info-panel > .__bonus-panel > .__account > a {
				text-align: center;
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 2rem;
			}
		.wmc-user-info-panel > .__bonus-panel > .__separator {
			margin: 2rem auto;
			width: 20rem;
			height: 1px;
			background: #BCCAD7;
		}
		.wmc-user-info-panel > .__bonus-panel > .__skill-panel {
			margin: 0;
			display: flex;
			flex-direction: column;
		}
			.wmc-user-info-panel > .__bonus-panel > .__skill-panel > span {
				font-weight: 400;
				font-size: 1.5rem;
				line-height: 2rem;
				text-align: center;
			}
			.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill {
				margin: 1.6rem 0 2rem 1.1rem;
				display: flex;
				flex-direction: column;
				gap: 2rem;
				position: relative;
			}
				.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress {
					display: flex;
					gap: 1.4rem;
					margin: 0;
				}
				.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress.--current {
					gap: 1.2rem;
				}
					.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress > .__point {
						width: 1.6rem;
						height: 1.6rem;
						background: #F4F6F8;
						border-radius: 50%;
						position: relative;
						z-index: 2;
						margin: 0;
						display: block;
					}
					.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress.--completed > .__point {
						background: #6FA32E;
					}
					.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress.--current > .__point {
						width: 2.4rem;
						height: 2.4rem;
						background-image: url("/template/images/checkmark.svg");
						background-repeat: no-repeat;
						background-position: center;
						background-color: #6FA32E;
						margin: 0 0 0 -0.4rem;
					}
						.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress:not(:last-child):after {
							content: "";
							width: 0.4rem;
							height: 4.4rem;
							background: #F4F6F8;
							display: block;
							z-index: 1;
							position: absolute;
							left: 0.6rem;
						}
						.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress.--completed:after {
							background: #6FA32E;
						}
						.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress:not(:last-child):before {
							content: "";
							width: 0.4rem;
							height: 4.4rem;
							background: #F4F6F8;
							display: block;
							z-index: 1;
							position: absolute;
							left: 0.6rem;
						}
					.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress > span {
						font-weight: 400;
						font-size: 1.5rem;
						line-height: 2rem;
					}
					.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__skill > .__progress.--current > span {
						font-weight: 700;
						color: #6FA32E;
					}
			.wmc-user-info-panel > .__bonus-panel > .__skill-panel > .__text {
				font-weight: 400;
				font-size: 1.3rem;
				line-height: 2rem;
				text-align: center;
			}
