.page-home {}
	
	.page-home .main-bnr {
		/*height: 466px;*/
		display: block;
		/*background-image: url(/image/bnr/mainbnr.jpg);*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		margin-bottom: 16px;
	}
		
	.bnrs-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-gap: 16px;
		grid-template-areas:
		"women men bed bed"
		"sale sale sale sale"
		"kids kids new home";
	}
		
		.bnrs-grid .bn {
			min-height: 200px;
		}
			
			.bnrs-grid .bn img {
				width: 100%;
			}
		
		.bnrs-grid .women { grid-area: women; }
		.bnrs-grid .men { grid-area: men; }
		.bnrs-grid .bed { grid-area: bed; }
		.bnrs-grid .sale { grid-area: sale; }
		.bnrs-grid .kids { grid-area: kids; }
		.bnrs-grid .new { grid-area: new; }
		.bnrs-grid .home { grid-area: home; }

	.page-home .offers {}
		
		.page-home .offers .side-offer {
			width: calc(50% - 8px);
			height: 420px;
		}
		
		.page-home .offers .first-offer {
			background: #F7C3DD;
			background-image: url(/image/icons/bnrflower1.png), url(/image/icons/women1.png);
			background-position: 96% center, calc(100% - 420px) center;
			background-repeat: repeat-x, no-repeat;
			padding-right: 40px;
		}
			
			.page-home .offers .first-offer .more {
				height: 40px;
				background: var(--main-color);
				line-height: 40px;
				display: block;
				padding: 0 12px;
				color: #fff;
				border-radius: 8px;
				text-transform: uppercase;
			}
			
			.page-home .offers .first-offer .text-1 {
				font-size: 24px;
				color: var(--main-color);
			}
			
			.page-home .offers .first-offer .text-2 {
				color: #202020;
				font-size: 50px;
				line-height: 50px;
			}
			
			.page-home .offers .first-offer .text-3 {
				color: var(--main-color);
				font-size: 60px;
				line-height: 60px;
				margin-bottom: 20px;
			}
			
			.page-home .offers .first-offer .text-4 {
				font-weight: 800;
				color: rgba(0, 0, 0, 0.4);
				font-size: 16px;
				line-height: 16px;
			}
		
		.page-home .offers .second-offer {
			height: calc(50% - 8px);
			background: #E7B7C8 url(/image/icons/women2.png) no-repeat 20px 100%;
		}
		
			.page-home .offers .second-offer .offer-content {
				height: 100%;
				padding-top: 20px;
				color: #000;
				text-align: center;
				width: 90%;
			}
			
				.page-home .offers .second-offer .offer-content .title {
					font-size: 40px;
					font-weight: 600;
					line-height: 40px;
					text-transform: uppercase;
					margin-bottom: 8px;
					text-align: center;
				}
				
				.page-home .offers .second-offer .offer-content .subtitle {
					font-size: 18px;
					line-height: 18px;
					text-transform: uppercase;
					text-align: center;
					margin-top: 16px;
				}
			
		.page-home .offers .third-offer {
			height: calc(50% - 8px);
			background: #a61d7b; /* Old browsers */
			background: -moz-linear-gradient(left,  #a61d7b 0%, #ef7e7e 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left,  #a61d7b 0%,#ef7e7e 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right,  #a61d7b 0%,#ef7e7e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61d7b', endColorstr='#ef7e7e',GradientType=1 ); /* IE6-9 */
			color: #fff;
			position: relative;
		}
			.page-home .offers .third-offer:before {
				content: '';
				width: 40%;
				height: 100%;
				background-image: url(/image/icons/percent.png);
				background-repeat: no-repeat;
				background-position: 94% center;
				position: absolute;
				top: 0;
				right: 0;
				background-size: 100% auto;
			}
			
			.page-home .offers .third-offer .offer-content {
				padding-left: 80px;
				width: 50%;
				height: 100%;
				padding-top: 20px;
				text-align: center;
			}
				
				.page-home .offers .third-offer .offer-content .subtitle {
					font-size: 26px;
					letter-spacing: 6px;
					text-transform: uppercase;
					margin-bottom: 16px;
					line-height: 26px;
				}
				
				.page-home .offers .third-offer .offer-content .title {
					font-size: 36px;
					letter-spacing: 6px;
					text-transform: uppercase;
					line-height: 26px;
					font-weight: 600;
				}
				
				.page-home .offers .third-offer .offer-content .categories {}
					
					.page-home .offers .third-offer .offer-content .categories .item {
						color: #fff;
						font-weight: 600;
						font-size: 15px;
						width: 50%;
						margin-bottom: 8px;
					}
					
						.page-home .offers .third-offer .offer-content .categories .item .svg {
							fill: #fff;
						}
						
	.page-home .box-products {
		
	}
		
		.page-home .box-products .title,
		.page-home p.title {
			font-size: 26px;
			line-height: 26px;
			padding: 0 16px 12px;
		}
			
			.page-home .box-products .title a,
			.page-home .box-products .title p {
				color: #2b2b2b;
			}
			
		.page-home .box-products .show-more {
			height: 40px;
			background: var(--main-color);
			line-height: 40px;
			padding: 0 20px;
			color: #fff;
			border-radius: 8px;
		}
			
			.page-home .box-products .show-more .svg {
				fill: #fff;
			}