.catalog-selector .block {
	border-radius: 18px;
	background: rgba(255, 255, 255, 1);
	padding: 20px 26px 22px;
}


.catalog-selector .header {
	color: rgba(0, 18, 26, 1);
	font-size: 22px;
	font-weight: 700;
	line-height: 29px;
	padding: 0px;
}
.catalog-selector .label {
	color: rgba(20, 61, 82, 0.5);
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
	margin-top: 2px;
}

.catalog-btn-rows {
	margin-left: -4px;
	margin-right: -4px;
}
.catalog-btn-col {
	padding-right: 4px;
	padding-left: 4px;
}

.catalog-btn {
	color: rgba(0, 18, 26, 1);
	font-size: 16px;
	font-weight: 600;
	line-height: 46px;
	text-align: center;
	
	/* border: 0.5px solid rgba(55, 118, 149, 0.05); */
	border-radius: 10px;
	background: rgba(255, 255, 255, 1);
	padding: 0px 18px;
	cursor: pointer;
	transition: .1s;
	min-width: 149px;
}
.main-content {
	margin-top: 0px;
}

.categories-description-block {
	margin-top: 36px;
}

.categories-description-row {
	margin-left: -7px;
	margin-right: -7px;
}

.categories-description-col {
	padding-right: 7px;
	padding-left: 7px;
	margin-top: 14px;
}


.category-block {
	padding: 8px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 1);
	cursor: pointer;
	height: 100%;
	
	.cover {
		padding-top: 74.78%;
		border-radius: 12px;
		background-position: center!important;
		background-size: cover!important;
		position: relative;
		
	}
	
	.category-information-block {
		padding: 22px 22px 8px 22px;
	}
	
	.category-header {
		color: rgba(0, 18, 26, 1);
		font-size: 26px;
		font-weight: 700;
		line-height: 30px;
	}
	.category-desciption {
		color: rgba(20, 61, 82, 0.5);
		font-size: 16px;
		font-weight: 600;
		line-height: 23px;
		margin-top: 6px;
		min-height: 46px;
	}
	
	.category-desciption-line {
		padding: 10px 0px 14px 0px;
	}
	
	.subheader {
		color: rgba(23, 43, 54, 1);
		font-size: 18px;
		font-weight: 700;
		line-height: 23px;
	}
	.subdescription {
		color: rgba(20, 61, 82, 0.5);
		font-size: 16px;
		font-weight: 600;
		line-height: 22px;
		margin-top: 2px;
	}
	
	.subtags {
		color: rgba(0, 85, 255, 1);
		font-size: 18px;
		font-weight: 600;
		line-height: 25px;
		margin-top: 2px;
		padding-top: 4px;
	}
}

.advantages-block {
	margin-top: 40px;
}

.advantages-row {
	margin-left: -5px;
	margin-right: -5px;
	 
}

.advantages-col {
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 10px;
}

.advantage-block {
	padding: 15px 40px 40px 40px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 1);
	
	
	.header {
		color: rgba(0, 18, 26, 1);
		font-size: 28px;
		font-weight: 700;
		line-height: 32px;
	}
	.description {
		color: rgba(20, 61, 82, 0.5);
		font-size: 18px;
		font-weight: 600;
		line-height: 26px;
		margin-top: 6px;
	}
	.info {
		
	}
	.img {
		height: 250px;
		text-align: center;
	}
	.img img {
		width: 100%;
	}
}

.creation-redirect-block {
	margin-top: 50px;
	margin-bottom: 60px;
	padding: 46px 60px 46px 64px;
	
	background: 
		url(/imgs/bg-green-banner.webp) center / cover no-repeat, 
		linear-gradient(90.00deg, rgba(0, 183.60000610351562, 85.68000030517578, 1),rgba(0, 214.1999969482422, 135.66000366210938, 1) 100%);;
	
	border-radius: 20px;
	
	.header {
		color: rgba(255, 255, 255, 1);
		font-size: 46px;
		font-weight: 700;
		line-height: 49px;
	}	
	.description {
		color: rgba(255, 255, 255, 1);
		font-size: 24px;
		font-weight: 600;
		line-height: 34px;
		margin-top: 10px;
		padding-bottom: 10px;
	}
	
	
	.dark-btn {
		position: relative;
		padding: 0px 60px 0px 60px;
		border-radius: 10px;
		box-shadow: 0px 4px 22px 0px rgba(0, 34, 51, 0.16);
		backdrop-filter: blur(60px);
		background: rgba(23, 43, 54, 1);
		cursor: pointer;
		overflow: visible;
		transition: background-color 0.2s;
		
		.label {
			color: rgba(255, 255, 255, 1);
			font-size: 22px;
			font-weight: 700;
			line-height: 67px;
			padding-bottom: 3px;
		}
		
		.now-price {
			color: rgba(255, 255, 255, 1);
			font-size: 23px;
			font-weight: 700;
			line-height: 26px;
			padding-bottom: 2px;
			padding-left: 3px;
		}
		
		.old-price {
			color: rgba(255, 255, 255, 0.37);
			font-size: 15px;
			font-weight: 600;
			line-height: 20px;
			text-decoration: line-through;
			text-decoration-color: rgba(255, 255, 255, 0.7);
			padding-left: 2px;
		}
		
		.dark-btn-badge {
			position: absolute;
			top: -8px;
			right: -8px;
			border-radius: 5px;
			background: rgba(244, 65, 52, 1);
			color: rgba(255, 255, 255, 1);
			font-size: 13px;
			font-weight: 700;
			line-height: 22px;
			padding: 0px 3.5px;
			z-index: 2;
			
		}
		
	}
	
		
	.dark-btn:hover {
		background: rgba(0, 18, 26, 1);
	}

	
	
}


.watch-history-block .header, .popular-block .header {
	
	color: rgba(0, 18, 26, 1);
	font-size: 26px;
	font-weight: 700;
	line-height: 31px;
	padding: 0px 10px;
	margin-bottom: 20px;
	
}

.padding-right-0-important {
	padding-right: 0px!important;
}

.tag-row {
	margin-left: -2.5px;
	margin-right: -2.5px;
}

.tag-col {
	padding-left: 2.5px;
	padding-right: 2.5px;
}

.default-tag {
	color: rgba(0, 18, 26, 1);
	font-size: 16px;
	font-weight: 700;
	line-height: 34px;
	padding: 0px 12px;
	
	box-sizing: border-box;
	box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
	border-radius: 8px;
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.8);
	
	
}
.tags {
	padding: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	
}

.telegram-tag {
	width: 34px;
	height: 34px;
	
	box-sizing: border-box;
	box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
	border-radius: 8px;
	background: url(/imgs/creation-ico-telegram.webp);
	background-position: center;
	background-size: cover;
	
}

.ai-badge {
	width: 36px;
	height: 36px;
	position: relative;
	
	box-sizing: border-box;
	box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
	border-radius: 8px;
	backdrop-filter: blur(10px);
	background: rgba(15, 63, 87, 0.3);
	
	position: absolute;
	top: 16px;
	left: 16px;
}
.ai-badge svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-bottom: 1px;
}

.wildberries-tag {
	box-sizing: border-box;
	box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
	border-radius: 8px;
	backdrop-filter: blur(10px);
	background: linear-gradient(30.64deg, rgba(111, 1, 251, 1),rgba(255, 73, 215, 1) 100%);
	height: 34px;
	width: 53px;
}
.wildberries-tag svg {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.ozon-tag {
	
	box-sizing: border-box;
	box-shadow: inset 0 0 0 0.5px rgba(31, 92, 122, 0.15);
	border-radius: 8px;
	backdrop-filter: blur(10px);
	background: rgba(0, 85, 255, 1);
	
	height: 34px;
	width: 53px;
}
.ozon-tag svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.default-tag.excel svg {
	transform: translateY(-1px);
}




@media (max-width: 924px) {
	
	.tag-row {
		margin-left: -1px;
		margin-right: -1px;
	}

	.tag-col {
		padding-left: 1px;
		padding-right: 1px;
	}

	.default-tag {
		font-size: 11px;
		font-weight: 700;
		line-height: 19px;
		padding: 1px 7px 0px 7px;
		border-radius: 6px;
		
	}
	.tags {
		padding: 6px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		
	}
	
	
	.telegram-tag {
		width: 20px;
		height: 20px;
		border-radius: 6px;
		
	}
	
	
	.ai-badge {
		width: 21px;
		height: 21px;
		border-radius: 6px;
		top: 11px;
		left: 8px;
	}
	.ai-badge svg {
		max-width: 12px;
	}
	
	
	

	.default-tag.excel {
		line-height: 20px;
		padding: 0px 2px!important;
	}
	.default-tag.excel svg {
		transform: translateY(0px);
		height: 12px;
	}
	
	
	.wildberries-tag {
		height: 20px;
		width: 30px;
		border-radius: 6px;
	}
	.wildberries-tag svg {
		width: 20px;
	}


	.ozon-tag {
		height: 20px;
		width: 30px;
		border-radius: 6px;
		
	}
	.ozon-tag svg {
		width: 20px;
		
	}
	
	
	
	
	.header-container {
		padding: 0px;
	}
	.mobile-search-block {
		position: relative;
		
	}
	.mobile-search-block input {
		box-sizing: border-box;
		border: 0.5px solid rgba(55, 118, 149, 0.05);
		border-radius: 8px;
		background: rgba(243, 245, 247, 1);
		width: 100%;
		outline: none;
		height: 44px;
		color: rgba(20, 61, 82);
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		padding-left: 35px;
		padding-right: 10px;
	}
	.mobile-search-block input::placeholder {
		color: rgba(20, 61, 82, 0.5);
	}
	
	.mobile-search-block svg {
		position: absolute;
		top: 50%;
		left: 12px;
		transform: translateY(-50%);
		display: block;
		
	}
	
	.mobile-header .mobile-catalogs-row .mobile-catalog-btns .mobile-catalogs-col:last-child {
		padding-right: 12px;
	}
	
	.mobile-header .catalog-btn {
		line-height: 38px;
	}
	
	
	.mobile-catalogs-row {
		margin-left: -2.5px;
		margin-right: -2.5px;
		
	}
	
	.scroll-x {
		overflow-x: auto; 
		overflow-y: hidden; 
		-ms-overflow-style: none;
		scrollbar-width: none; 
	}

	.scroll-x::-webkit-scrollbar {
		display: none;
	}
	
	.mobile-catalogs-col {
		padding-left: 2.5px;
		padding-right: 2.5px;
	}
	
	.mobile-header .catalog-btn {
		min-width: auto;
	}
	
	.mobile-header .catalog-btn svg {
		display: block;
	}
	
	
	.mobile-header .catalog-btn.modal-open-btn {
		width: 38px;
		height: 38px;
		padding: 0px;
		position: relative;
	}
	.mobile-header .catalog-btn.modal-open-btn svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		
	}
	
	.mobile-header {
		padding: 12px 0px 7px 0px;
		background: rgba(255, 255, 255, 1);
	}
	
	
	.mobile-modal .modal-dialog {
		max-width: 100%!important;
	}
	.catalog-btn {
		padding: 0px 16px;
		min-width: 93px;
        margin-bottom: 5px;
        background: rgba(243, 245, 247, 1);
	}
	
	.mobile-header .catalog-btn.modal-open-btn {
        width: 38px;
        height: 38px;
        padding: 0px;
        position: relative;
    }
	
	
	
	
	.categories-description-col {
		/* margin-top: 0px; */
		margin-top: 0px;
		padding: 0px 8px;
	}
	.categories-description-block {
		margin-top: 20px;
		/* padding: 0px 6px; */
	}
	
	.category-block {
		padding: 0px; 
		border-radius: 20px;
		height: 100%;
		
		.cover {
			border-radius: 20px 20px 0px 0px;
			background-repeat: no-repeat!important;
		}
		
		.category-information-block {
			padding: 14px 16px;
		}
		
		.category-header {
			font-size: 20px;
			font-weight: 700;
			line-height: 23px;
		}
		
		.category-desciption {
			font-size: 12px;
			font-weight: 600;
			line-height: 16px;
			min-height: auto;
			margin-top: 5px;
		}
		
		.block-1-ico {
			width: 22px!important;
		}
		.block-2-ico {
			width: 22px!important;
			display: block;
			transform: translateY(0px)!important;
		}
		
		.subheader {
			font-size: 15px;
			font-weight: 700;
			line-height: 19px;
			padding-top: 2px!important;
		}
		.subdescription {
			font-size: 12px;
			font-weight: 600;
			line-height: 16px;
		}
		.category-desciption-line {
			padding: 6px 0px 10px 0px;
		}
		
		.category-desciption-line.top-10 {
			margin-top: 6px!important;
		}
		.category-desciption-line .padding-right-15 {
			padding-right: 10px;
		}
	}
	
	.categories-description-row {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
		margin-bottom: -35px!important;
	}
	
	.categories-description-total {
		position: relative;
	}
	
	.advantages-block {
		margin-top: 40px;
	}
	
	.swiper-wrapper {
	  align-items: stretch;
	}

	.swiper-slide {
	  height: auto;
	}
		
	.swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		background: rgba(31, 92, 122, 0.15);
		opacity: 1;
		transition: .1s;
	}
		
	.swiper-pagination-bullet-active {
		background: rgba(0, 204, 109, 1);
		width: 22px;
		border-radius: 999px;
	}
	
	.advantage-block {
		padding: 0px;
		border-radius: 20px;
		.info {
			padding: 0px 13px 13px 13px;
		}
		.header {
			font-size: 17px;
			font-weight: 700;
			line-height: 20px;
		}
		.description {
			font-size: 11px;
			font-weight: 600;
			line-height: 15px;
			min-height: 45px;
			margin-top: 4px;
		}
		.img {
			height: 105px;
			padding-top: 5px;
		}
	}
	
	.advantages-col {
		padding-right: 2px;
		padding-left: 2px;
	}
	.advantages-row {
		margin-left: 0px;
		margin-right: 0px;
		padding-right: 6px;
		padding-left: 6px;
	}
	
	
	.creation-redirect-block {
		border-radius: 20px;
		margin-top: 20px;
		background: 
			url(/imgs/bg-green-banner.webp) center / 100% no-repeat, 
			linear-gradient(90.00deg, rgba(0, 183.60000610351562, 85.68000030517578, 1), rgba(0, 214.1999969482422, 135.66000366210938, 1) 100%);
		padding: 22px 24px 24px 24px;
		margin-bottom: 20px;
		
		.header {
			font-size: 27px;
			font-weight: 800;
			line-height: 26px;
		}
		.description {
			font-size: 14px;
			font-weight: 600;
			line-height: 17px;
			margin-top: 8px;
			padding-bottom: 0px;
		}
		
		.dark-btn {
			padding: 46px;
			padding: 0px;
			width: 100%;
			text-align: center;
			margin-top: 14px;
			
			.label {
				font-size: 14px;
				font-weight: 600;
				line-height: 46px;
				position: relative;
				top: -1px;
			}
			.now-price {
				font-size: 18px;
				font-weight: 700;
				line-height: 21px;
				position: relative;
				top: -0.5px;
			}
			.old-price {
				font-size: 12px;
				font-weight: 600;
				line-height: 14px;
				position: relative;
				top: -0.5px;
			}
			
			.dark-btn-badge {
				font-size: 11px;
				font-weight: 700;
				line-height: 21px;
				padding-top: 1px;
			}
			
		}
		
		
	}
	
	.creation-redirect-total {
		padding: 0px 8px;
	}
	
	.watch-history-block .header, .popular-block .header {
		font-size: 22px;
		font-weight: 700;
		line-height: 29px;
		margin-bottom: 10px;
	}
	
	.watch-history-block {
		padding: 0px 5.5px;
	}
	.popular-block {
		padding: 0px 5.5px;
		margin-top: 10px!important;
	}
	
	
	
	
	
}