.st-home{
	padding-bottom:40px;
}

.st-home .col-full{
	max-width:1240px;
	margin:0 auto;
	padding-left:16px;
	padding-right:16px;
}

.st-hero{
	padding:28px 0 18px;
}

.st-hero__grid{
	display:grid;
	grid-template-columns:1.25fr .75fr;
	gap:24px;
	align-items:stretch;
}

.st-hero__main{
	background:linear-gradient(135deg, #0ea5ff 0%, #0161AE 100%);
	color:#fff;
	border-radius:28px;
	padding:42px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	position:relative;
	overflow:hidden;
}

.st-hero__main::before,
.st-hero__main::after{
	content:"";
	position:absolute;
	border-radius:999px;
	background:rgba(255,255,255,.10);
}

.st-hero__main::before{
	width:320px;
	height:320px;
	right:-80px;
	top:-80px;
}

.st-hero__main::after{
	width:220px;
	height:220px;
	right:120px;
	bottom:-90px;
}

.st-hero__badge{
	display:inline-flex;
	align-items:center;
	padding:8px 14px;
	border-radius:999px;
	background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.15);
	font-size:13px;
	font-weight:700;
	margin-bottom:18px;
}

.st-hero__title{
	font-size:48px;
	line-height:1.05;
	margin:0 0 16px;
	color:#fff;
}

.st-hero__text{
	font-size:18px;
	line-height:1.55;
	max-width:620px;
	margin:0 0 24px;
	color:rgba(255,255,255,.92);
}

.st-hero__points{
	list-style:none;
	padding:0;
	margin:0 0 26px;
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

.st-hero__points li{
	background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.16);
	padding:10px 14px;
	border-radius:999px;
	font-size:14px;
	font-weight:700;
}

.st-hero__search{
	display:flex;
	gap:10px;
	background:#fff;
	border-radius:20px;
	padding:10px;
	box-shadow:0 12px 30px rgba(0,0,0,.14);
	max-width:720px;
}

.st-hero__search input{
	flex:1;
	border:0;
	outline:0;
	background:transparent;
	padding:16px 18px;
	font-size:17px;
	color:#1b1f23;
}

.st-hero__search button{
	border:0;
	background:#FED23A;
	color:#111827;
	font-weight:800;
	font-size:16px;
	padding:0 28px;
	border-radius:16px;
	cursor:pointer;
}

.st-hero__side{
	display:grid;
	grid-template-rows:1fr 1fr;
	gap:20px;
}

.st-side-card{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:24px;
	padding:26px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.st-side-card--blue{
	background:linear-gradient(180deg, #f7fcff 0%, #E2F4FF 100%);
}

.st-side-card h3{
	margin:0 0 10px;
	font-size:24px;
	line-height:1.1;
}

.st-side-card p{
	margin:0;
	color:#6b7280;
	font-size:15px;
	line-height:1.55;
}

.st-discount-circle{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:94px;
	height:94px;
	border-radius:999px;
	background:#E91C00;
	color:#fff;
	font-size:26px;
	font-weight:800;
	margin-bottom:14px;
	box-shadow:0 12px 24px rgba(233,28,0,.22);
}

.st-mini-products{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	margin-top:18px;
}

.st-mini-product{
	background:#fff;
	border:1px solid #d7e8f5;
	border-radius:16px;
	padding:14px;
}

.st-mini-product strong{
	display:block;
	font-size:14px;
	margin-bottom:8px;
}

.st-mini-product .old{
	display:block;
	font-size:13px;
	color:#9ca3af;
	text-decoration:line-through;
}

.st-mini-product .new{
	display:block;
	font-size:20px;
	font-weight:800;
	color:#0161AE;
}

.st-cats,
.st-products,
.st-why,
.st-search-block,
.st-seo{
	padding:18px 0;
}

.st-section-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:18px;
}

.st-section-head h2{
	margin:0;
	font-size:28px;
	line-height:1.1;
}

.st-section-head a{
	color:#0161AE;
	font-weight:700;
	text-decoration:none;
}

.st-cats__grid{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:14px;
}

.st-cat{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:22px;
	padding:22px 18px;
	text-align:center;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	text-decoration:none;
	color:#1b1f23;
	transition:transform .2s ease;
}

.st-cat:hover{
	transform:translateY(-3px);
}

.st-cat .icon{
	width:56px;
	height:56px;
	border-radius:16px;
	background:#E2F4FF;
	display:grid;
	place-items:center;
	margin:0 auto 12px;
	font-size:24px;
}

.st-cat strong{
	display:block;
	font-size:16px;
	margin-bottom:6px;
}

.st-cat small{
	display:block;
	font-size:13px;
	color:#6b7280;
}

.st-promo{
	padding:0 0 18px;
}

.st-promo__box{
	background:linear-gradient(90deg, #111827 0%, #1f2937 100%);
	color:#fff;
	border-radius:22px;
	padding:18px 22px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.st-promo__box strong{
	font-size:18px;
	display:block;
	margin-bottom:4px;
}

.st-promo__box p{
	margin:0;
	color:#cbd5e1;
}

.st-products__grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:18px;
}

.st-product-card{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:24px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	overflow:hidden;
}

.st-product-card__image{
	display:block;
	height:240px;
	background:linear-gradient(180deg, #f9fbfd 0%, #eef4fa 100%);
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.st-product-card__image img{
	max-height:180px;
	width:auto;
	object-fit:contain;
}

.st-product-card__image--fake{
	position:relative;
}

.st-product-card__image--fake::before{
	content:"";
	width:120px;
	height:160px;
	border-radius:18px;
	background:linear-gradient(180deg, #0196F2 0%, #0161AE 100%);
	display:block;
	box-shadow:0 16px 30px rgba(1,97,174,.18);
}

.st-product-card__body{
	padding:18px;
}

.st-product-card__title{
	font-size:17px;
	line-height:1.3;
	margin:0 0 10px;
	min-height:44px;
}

.st-product-card__title a{
	text-decoration:none;
	color:#1b1f23;
}

.st-product-card__price{
	margin-bottom:14px;
	font-size:18px;
	font-weight:800;
}

.st-product-card__price del{
	color:#9ca3af;
	margin-right:8px;
	font-weight:400;
}

.st-product-card__price ins{
	text-decoration:none;
	color:#111827;
}

.st-product-card__actions{
	display:flex;
}

.st-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	border-radius:14px;
	font-weight:800;
	font-size:14px;
	padding:14px 18px;
	cursor:pointer;
}

.st-btn--blue{
	background:#0196F2;
	color:#fff;
	width:100%;
}

.st-btn--yellow{
	background:#FED23A;
	color:#111827;
	padding:13px 20px;
}

.st-why__grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:16px;
}

.st-why-card{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:22px;
	padding:24px 20px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.st-why-card .icon{
	width:52px;
	height:52px;
	border-radius:16px;
	background:#E2F4FF;
	display:grid;
	place-items:center;
	margin-bottom:12px;
	font-size:22px;
}

.st-why-card h3{
	margin:0 0 8px;
	font-size:18px;
}

.st-why-card p{
	margin:0;
	color:#6b7280;
	font-size:14px;
	line-height:1.55;
}

.st-search-block__box{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:28px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	padding:34px;
	display:grid;
	grid-template-columns:1fr 280px;
	gap:20px;
	align-items:center;
}

.st-search-block__content h2{
	margin:0 0 8px;
	font-size:34px;
	line-height:1.1;
}

.st-search-block__content p{
	margin:0 0 18px;
	color:#6b7280;
	max-width:560px;
}

.st-search-block__form{
	display:flex;
	gap:10px;
	max-width:620px;
}

.st-search-block__form input{
	flex:1;
	border:1px solid #dbe3ec;
	border-radius:16px;
	padding:16px 18px;
	font-size:16px;
	outline:0;
}

.st-search-block__form button{
	border:0;
	border-radius:16px;
	background:#0161AE;
	color:#fff;
	padding:0 22px;
	font-weight:800;
	cursor:pointer;
}

.st-search-block__side{
	background:linear-gradient(180deg, #f8fbff 0%, #E2F4FF 100%);
	border:1px solid #d7e8f5;
	border-radius:22px;
	padding:22px;
}

.st-search-block__side strong{
	display:block;
	font-size:18px;
	margin-bottom:10px;
}

.st-search-block__side ul{
	margin:0;
	padding-left:18px;
	color:#6b7280;
}

.st-seo__box{
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:28px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	padding:32px;
}

.st-seo__box h2{
	margin:0 0 14px;
	font-size:28px;
	line-height:1.1;
}

.st-seo__box p{
	margin:0 0 12px;
	color:#374151;
	line-height:1.65;
}

@media (max-width: 1180px){
	.st-hero__grid,
	.st-search-block__box{
		grid-template-columns:1fr;
	}

	.st-cats__grid{
		grid-template-columns:repeat(3, 1fr);
	}

	.st-products__grid{
		grid-template-columns:repeat(2, 1fr);
	}

	.st-why__grid{
		grid-template-columns:repeat(2, 1fr);
	}
}

@media (max-width: 768px){
	.st-hero__main{
		padding:28px 22px;
	}

	.st-hero__title{
		font-size:34px;
	}

	.st-hero__search,
	.st-search-block__form,
	.st-promo__box{
		flex-direction:column;
		align-items:stretch;
	}

	.st-cats__grid{
		grid-template-columns:repeat(2, 1fr);
	}

	.st-products__grid,
	.st-why__grid,
	.st-mini-products{
		grid-template-columns:1fr;
	}

	.st-search-block__box{
		padding:22px;
	}

	.st-search-block__content h2,
	.st-section-head h2,
	.st-seo__box h2{
		font-size:24px;
	}
}

@media (max-width: 520px){
	.st-home .col-full{
		padding-left:12px;
		padding-right:12px;
	}

	.st-hero__title{
		font-size:30px;
	}

	.st-product-card__image{
		height:200px;
	}
}