/* Homepage visual system. Loaded only on the home page. */

.is-home{
	--onp-space-section:64px;
	--onp-space-head:26px;
	--onp-space-actions:36px;
	--onp-space-after-action:56px;
	--onp-ink:#1a2b3c;
	--onp-muted:#5e6d7c;
	--onp-orange:#e77817;
	--onp-orange-hover:#cf6810;
	--onp-line:rgba(26, 43, 60, 0.08);
	--onp-surface:#f4f5f7;
	--onp-radius:12px;
}

.is-home .hcontainer{
	display:block;
}

.is-home .hcontainer > .row > .content > .spacer10{
	height:0;
}

.is-home .page_content{
	text-align:left;
	min-width:0;
	overflow-wrap:break-word;
}

.is-home .page_content > .spacer20{
	display:none;
}

.is-home .page_content img,
.is-home .background_second_desc_inf img{
	max-width:100%;
	height:auto;
}

/* Shared section heading panels. The underline from style.css is cleared here. */
.is-home .section_subtitle,
.is-home .onp-process__title{
	box-sizing:border-box;
	display:block;
	width:100%;
	max-width:100%;
	min-width:0;
	margin:0 0 var(--onp-space-head);
	padding:13px 18px;
	border:1px solid rgba(26, 43, 60, 0.06);
	border-left:3px solid var(--onp-orange);
	border-radius:var(--onp-radius);
	background:#f7f8fa;
	box-shadow:0 1px 2px rgba(26, 43, 60, 0.04), 0 6px 16px rgba(26, 43, 60, 0.04);
	color:var(--onp-ink);
	font-size:28px;
	font-weight:600;
	line-height:1.25;
	letter-spacing:-0.02em;
	text-align:left;
	text-transform:none;
}

.is-home .onp-process__title{
	background:#fff;
}

.is-home .section_subtitle:after,
.is-home .onp-process__title::after{
	content:none;
	display:none;
}

.is-home .section_subtitle_cont{
	overflow:visible;
}

.is-home .section_subtitle a{
	color:inherit;
	text-decoration:none;
}

/* Section rhythm and surfaces */
.is-home .onp-brand-marquee{
	background:var(--onp-surface);
	border-bottom:1px solid var(--onp-line);
}

.is-home .onp-new-products{
	background:#fff;
	padding:40px 0 var(--onp-space-section);
}

.is-home .onp-home-top{
	background:#f4f7fb;
	padding:36px 0 48px;
}

.is-home .onp-home-top .spacer20{
	display:none;
}

.is-home .background_second_desc_inf{
	background:var(--onp-surface);
	border-top:1px solid var(--onp-line);
	border-bottom:1px solid var(--onp-line);
	padding:48px 0 56px;
	margin:0;
}

.is-home .background_second_desc_inf .spacer30{
	display:none;
}

.is-home .background_second_desc_inf .onp-below-fold{
	color:#2c3a49;
	font-size:15px;
	line-height:1.7;
}

/* Product cards on the homepage only */
.is-home .products_list.category-products-list{
	background:transparent;
	padding:0;
}

.is-home .onp-home-top .products_list.category-products-list > .row{
	column-gap:18px;
	row-gap:20px;
}

.is-home .products_list.category-products-list > .row > .product-card{
	display:flex;
	flex-direction:column;
	height:auto;
	border:1px solid rgba(26, 43, 60, 0.08);
	border-radius:var(--onp-radius);
	background:#fff;
	box-shadow:0 1px 2px rgba(26, 43, 60, 0.04), 0 8px 18px rgba(26, 43, 60, 0.04);
	transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.is-home .products_list.category-products-list > .row > .product-card:hover{
	border-color:rgba(26, 43, 60, 0.12);
	box-shadow:0 12px 26px rgba(26, 43, 60, 0.1);
	transform:translateY(-3px);
}

.is-home .products_list.category-products-list a.topoffer,
.is-home .products_list.category-products-list a.topoffer:hover{
	height:auto;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	transform:none;
	color:var(--onp-ink);
}

.is-home .products_list.category-products-list .product_pic{
	background:#f6f7f9;
}

.is-home .products_list.category-products-list .product_pic img{
	padding:16px;
	object-fit:contain;
	background:transparent;
}

.is-home .products_list.category-products-list .product_index_desc{
	padding:12px 14px 14px;
}

.is-home .products_list.category-products-list .product_code{
	min-height:1.3em;
	margin-bottom:4px;
	color:#7b8794;
}

.is-home .products_list.category-products-list .product_title_slot{
	min-height:42px;
	margin:0 0 8px;
}

.is-home .products_list.category-products-list h2.product_title{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	font-size:14.5px;
	font-weight:600;
	line-height:1.4;
	color:var(--onp-ink);
}

.is-home .products_list.category-products-list .product_price_row{
	min-height:1.7em;
}

.is-home .products_list.category-products-list .product_card_foot{
	margin-top:auto;
	padding-top:10px;
}

.is-home .products_list.category-products-list .availability{
	min-height:1.35em;
}

.is-home .product-card .product-badge-new{
	padding:3px 8px;
	border-radius:999px;
	background:var(--onp-orange);
	color:#fff;
	font-size:10px;
	font-weight:700;
	letter-spacing:0.06em;
	box-shadow:0 1px 2px rgba(26, 43, 60, 0.16);
}

.is-home .onp-home-actions{
	display:flex;
	justify-content:center;
	margin-top:32px;
	padding:0;
}

.is-home a.onp-home-more{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:auto;
	max-width:100%;
	min-height:48px;
	margin:0;
	padding:0 22px;
	border-radius:8px;
	background:var(--onp-orange);
	color:#fff;
	font-size:15px;
	font-weight:600;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
	box-shadow:none;
	transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.is-home a.onp-home-more::after{
	content:"\2192";
	color:#fff;
	font-size:16px;
	line-height:1;
	transition:transform .2s ease;
}

.is-home a.onp-home-more:hover,
.is-home a.onp-home-more:focus{
	background:var(--onp-orange-hover);
	color:#fff;
	text-decoration:none;
	transform:translateY(-1px);
	box-shadow:0 6px 14px rgba(231, 120, 23, 0.24);
}

.is-home a.onp-home-more:hover::after,
.is-home a.onp-home-more:focus-visible::after{
	transform:translateX(3px);
}

.is-home a.onp-home-more:focus-visible{
	outline:2px solid var(--onp-ink);
	outline-offset:3px;
}

/* Corporate order process */
.is-home .onp-process{
	box-sizing:border-box;
	width:100vw;
	max-width:100vw;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	margin:0;
	padding:28px 0 40px;
	background:var(--onp-surface);
	border-top:1px solid var(--onp-line);
	border-bottom:1px solid var(--onp-line);
	text-align:left;
}

.is-home .onp-process__wrap{
	box-sizing:border-box;
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:0 15px;
}

.is-home .onp-process__header{
	text-align:left;
	margin:0 0 28px;
}

.is-home .onp-process__subtitle{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:10px 8px;
	width:100%;
	max-width:none;
	margin:0;
	font-size:14.5px;
	font-weight:600;
	line-height:1.35;
	color:var(--onp-ink);
	text-align:center;
}

.is-home .onp-flow-label{
	display:inline-flex;
	align-items:center;
	max-width:100%;
	padding:8px 14px;
	border:1px solid rgba(26, 43, 60, 0.1);
	border-radius:999px;
	background:#fff;
	color:var(--onp-ink);
	font-size:14.5px;
	font-weight:600;
	line-height:1.35;
	cursor:default;
	pointer-events:none;
}

.is-home .onp-flow-arrow{
	flex:0 0 auto;
	color:var(--onp-orange);
	font-size:14px;
	line-height:1;
}

.is-home .onp-process__grid{
	display:grid;
	grid-template-columns:minmax(0, 1fr);
	gap:12px;
	counter-reset:onpstep;
}

.is-home .onp-step{
	position:relative;
	min-width:0;
	margin:0;
	padding:20px 16px 18px;
	background:#fff;
	border:1px solid var(--onp-line);
	border-radius:14px;
	box-shadow:0 1px 2px rgba(26, 43, 60, 0.03);
	text-align:center;
	counter-increment:onpstep;
	transition:border-color .2s ease, box-shadow .2s ease;
}

.is-home .onp-step:hover{
	border-color:rgba(231, 120, 23, 0.28);
	box-shadow:0 8px 18px rgba(26, 43, 60, 0.05);
}

.is-home .onp-step__icon{
	position:relative;
	width:52px;
	height:52px;
	margin:0 auto 16px;
	border:1px solid rgba(26, 43, 60, 0.1);
	border-radius:50%;
	background:#f4f7fb;
	color:var(--onp-ink);
	transform:none;
}

.is-home .onp-step__icon i{
	font-size:20px;
	line-height:1;
}

.is-home .onp-step:hover .onp-step__icon{
	border-color:rgba(231, 120, 23, 0.5);
	color:var(--onp-orange);
	background:#fff;
	transform:none;
}

.is-home .onp-step__title{
	display:block;
	margin:0 0 8px;
	padding:0;
	font-size:16px;
	font-weight:600;
	line-height:1.35;
	letter-spacing:0;
	color:var(--onp-ink);
	text-align:center;
}

.is-home .onp-step__title::before{
	content:counter(onpstep, decimal-leading-zero);
	display:block;
	margin:0 0 6px;
	font-size:12px;
	font-weight:700;
	line-height:1;
	letter-spacing:0.08em;
	color:var(--onp-orange);
}

.is-home .onp-step__title::after{
	content:none;
	display:none;
}

.is-home .onp-step__text{
	margin:0;
	font-size:14px;
	line-height:1.55;
	color:var(--onp-muted);
	text-align:center;
}

@media (min-width:768px){
	.is-home .onp-process__wrap{
		width:750px;
	}
	.is-home .onp-process__grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:16px;
	}
}

@media (min-width:992px){
	.is-home .onp-process__wrap{
		width:970px;
	}
	.is-home .onp-process__grid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

@media (min-width:1200px){
	.is-home .onp-process__wrap{
		width:1200px;
	}
	.is-home .onp-process__grid{
		grid-template-columns:repeat(5, minmax(0, 1fr));
		gap:18px;
	}
	.is-home .onp-step:not(:last-child)::after{
		content:"";
		position:absolute;
		top:46px;
		left:calc(50% + 26px);
		width:calc(100% - 34px);
		height:1px;
		background:rgba(231, 120, 23, 0.4);
		z-index:1;
		pointer-events:none;
	}
	.is-home .onp-step__icon{
		z-index:2;
	}
}

@media (max-width:767px){
	.is-home{
		--onp-space-section:40px;
		--onp-space-head:24px;
		--onp-space-actions:32px;
		--onp-space-after-action:40px;
	}
	.is-home .section_subtitle,
	.is-home .onp-process__title{
		font-size:22px;
		padding:12px 14px;
	}
	.is-home .onp-new-products{
		padding-top:28px;
	}
	.is-home .onp-process{
		padding:24px 0 32px;
	}
	.is-home a.onp-home-more{
		white-space:normal;
		padding:10px 16px;
		line-height:1.3;
	}
	.is-home .onp-step{
		display:grid;
		grid-template-columns:52px minmax(0, 1fr);
		column-gap:14px;
		row-gap:4px;
		align-items:start;
		padding:16px;
		text-align:left;
	}
	.is-home .onp-step__icon{
		grid-row:1 / span 2;
		margin:0;
	}
	.is-home .onp-step__title,
	.is-home .onp-step__text{
		text-align:left;
	}
	.is-home .onp-step__title{
		margin:4px 0 0;
	}
	.is-home .onp-step__title::before{
		display:inline-block;
		margin:0 8px 0 0;
		vertical-align:baseline;
	}
	.is-home .onp-step__text{
		margin:0;
	}
	.is-home .products_list.category-products-list h2.product_title{
		font-size:14px;
	}
	.is-home .background_second_desc_inf{
		padding:36px 0 40px;
	}
}

/* Shared showcase width and headings for New products and Top products. */
.is-home .onp-showcase{
	box-sizing:border-box;
	width:100%;
	max-width:1520px;
	margin:0 auto;
	padding:0 32px;
}
.is-home .onp-showcase-head{
	margin:0 0 32px;
}
.is-home .onp-top-head{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:28px 36px;
}
.is-home .onp-showcase-copy{
	min-width:0;
	max-width:680px;
}
.is-home .onp-showcase-title{
	margin:0;
	padding:0;
	color:#16324f;
	font-size:36px;
	font-weight:700;
	line-height:1.15;
	letter-spacing:-0.03em;
	text-align:left;
}
.is-home .onp-showcase-title::before{
	content:"";
	display:block;
	width:36px;
	height:3px;
	margin:0 0 14px;
	border-radius:2px;
	background:var(--onp-orange);
}
.is-home .onp-showcase-intro{
	margin:12px 0 0;
	color:#5d6b7a;
	font-size:16px;
	line-height:1.5;
}
.is-home .onp-top-points{
	display:flex;
	align-items:stretch;
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid rgba(22, 50, 79, 0.08);
	border-radius:14px;
	background:#fff;
}
.is-home .onp-top-points li{
	display:flex;
	align-items:center;
	gap:12px;
	min-width:0;
	margin:0;
	padding:12px 18px;
	color:#16324f;
}
.is-home .onp-top-points li + li{
	border-left:1px solid rgba(22, 50, 79, 0.08);
}
.is-home .onp-top-points i{
	color:#2f6fbe;
	font-size:18px;
	line-height:1;
}
.is-home .onp-top-points strong,
.is-home .onp-top-points em{
	display:block;
	font-style:normal;
}
.is-home .onp-top-points strong{
	font-size:14px;
	font-weight:700;
	line-height:1.25;
}
.is-home .onp-top-points em{
	margin-top:2px;
	color:#6b7886;
	font-size:12.5px;
	font-weight:500;
	line-height:1.3;
}
.is-home .onp-top-showcase{
	display:grid;
	grid-template-columns:minmax(0, 0.4fr) minmax(0, 0.6fr);
	gap:18px;
	align-items:stretch;
}
.is-home .onp-top-showcase.is-solo{
	grid-template-columns:minmax(0, 1fr);
}
.is-home .onp-top-showcase.is-solo .onp-top-feature{
	max-width:920px;
}
.is-home .onp-top-feature,
.is-home .onp-top-card,
.is-home .onp-top-mosaic,
.is-home .onp-top-row{
	min-width:0;
}
.is-home .onp-top-feature{
	height:100%;
}
.is-home .onp-top-mosaic{
	display:flex;
	flex-direction:column;
	gap:18px;
	height:100%;
}
.is-home .onp-top-row{
	display:grid;
	gap:18px;
}
.is-home .onp-top-row.is-n1{grid-template-columns:minmax(0, 1fr);}
.is-home .onp-top-row.is-n2{grid-template-columns:repeat(2, minmax(0, 1fr));}
.is-home .onp-top-row.is-n3{grid-template-columns:repeat(3, minmax(0, 1fr));}
.is-home .onp-top-row.is-n4{grid-template-columns:repeat(4, minmax(0, 1fr));}
.is-home a.onp-top-link{
	display:flex;
	flex-direction:column;
	height:100%;
	min-width:0;
	overflow:hidden;
	border:1px solid rgba(22, 50, 79, 0.08);
	border-radius:16px;
	background:#fff;
	box-shadow:0 1px 2px rgba(22, 50, 79, 0.04), 0 8px 20px rgba(22, 50, 79, 0.05);
	color:#16324f;
	text-decoration:none;
	transition:transform .22s ease, box-shadow .22s ease;
}
.is-home .onp-top-card > a.onp-top-link{
	padding:16px 16px 14px;
}
.is-home .onp-top-feature > a.onp-top-link{
	display:grid;
	grid-template-columns:minmax(230px, 0.9fr) minmax(0, 1.1fr);
	align-items:stretch;
	gap:16px 20px;
	height:100%;
	padding:28px;
	border-radius:18px;
	background:#f7fbfe;
	box-shadow:0 1px 2px rgba(22, 50, 79, 0.04), 0 14px 32px rgba(22, 50, 79, 0.06);
}
.is-home .onp-top-feature .onp-top-copy{
	align-self:center;
}
.is-home .onp-top-feature .onp-top-visual{
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}
.is-home a.onp-top-link:hover{
	color:#16324f;
	text-decoration:none;
	box-shadow:0 12px 28px rgba(22, 50, 79, 0.1);
	transform:translateY(-2px);
}
.is-home .onp-top-badge{
	display:inline-flex;
	align-items:center;
	gap:6px;
	width:max-content;
	max-width:100%;
	margin:0 0 16px;
	padding:6px 12px;
	border-radius:999px;
	background:var(--onp-orange);
	color:#fff;
	font-size:12px;
	font-weight:700;
	letter-spacing:0.04em;
	line-height:1.2;
}
.is-home .onp-top-badge i{
	font-size:11px;
}
.is-home .onp-top-name{
	margin:0;
	color:#16324f;
	font-size:15px;
	font-weight:700;
	line-height:1.35;
}
.is-home .onp-top-card .onp-top-name{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	min-height:2.7em;
}
.is-home .onp-top-feature .onp-top-name{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	line-clamp:4;
	font-size:26px;
	line-height:1.2;
	letter-spacing:-0.03em;
}
.is-home .onp-top-lead{
	margin:8px 0 0;
	color:#667484;
	font-size:14px;
	line-height:1.45;
}
.is-home .onp-top-card .onp-top-lead{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	min-height:2.9em;
	font-size:13px;
}
.is-home .onp-top-visual{
	min-width:0;
}
.is-home .onp-top-media{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:0;
}
.is-home .onp-top-card .onp-top-media{
	height:128px;
	margin:10px 0 12px;
}
.is-home .onp-top-feature .onp-top-media{
	flex:0 1 auto;
	width:100%;
	aspect-ratio:4 / 3;
	min-height:0;
}
.is-home .onp-top-media img{
	display:block;
	width:100%;
	height:100%;
	max-height:100%;
	object-fit:contain;
}
.is-home .onp-top-card .onp-top-media img{
	padding:4px 8px;
}
.is-home .onp-top-thumbs{
	display:flex;
	gap:8px;
	margin-top:12px;
}
.is-home .onp-top-thumb{
	display:flex;
	align-items:center;
	justify-content:center;
	width:58px;
	height:58px;
	overflow:hidden;
	border:1px solid rgba(22, 50, 79, 0.1);
	border-radius:10px;
	background:#fff;
}
.is-home .onp-top-thumb img{
	width:100%;
	height:100%;
	object-fit:contain;
	padding:4px;
}
.is-home .onp-top-swatches{
	display:flex;
	align-items:center;
	gap:5px;
	min-height:14px;
}
.is-home .onp-top-swatch{
	width:14px;
	height:14px;
	border:1px solid rgba(22, 50, 79, 0.18);
	border-radius:50%;
	box-sizing:border-box;
	background-position:center;
	background-size:cover;
}
.is-home .onp-top-swatch-more{
	color:#6b7886;
	font-size:12px;
	font-weight:700;
}
.is-home .onp-top-meta{
	margin-top:auto;
	padding-top:10px;
}
.is-home .onp-top-price{
	color:#16324f;
	font-size:17px;
	font-weight:700;
	line-height:1.2;
}
.is-home .onp-top-price span{
	margin-right:4px;
	color:#7b8794;
	font-size:12px;
	font-weight:600;
}
.is-home .onp-top-feature .onp-top-price{
	margin-top:18px;
	font-size:15px;
	font-weight:600;
}
.is-home .onp-top-feature .onp-top-price span{
	display:block;
	margin:0 0 4px;
	font-size:13px;
	font-weight:500;
}
.is-home .onp-top-feature .onp-top-price strong{
	margin-right:6px;
	font-size:36px;
	font-weight:700;
	letter-spacing:-0.03em;
	line-height:1;
}
.is-home .onp-top-stock{
	display:flex;
	align-items:center;
	gap:6px;
	margin-top:6px;
	color:#7b8794;
	font-size:13px;
	line-height:1.35;
}
.is-home .onp-top-stock.is-in::before{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
	background:#22a34a;
	flex:0 0 auto;
}
.is-home .onp-top-detail{
	display:inline-flex;
	align-items:center;
	gap:8px;
	width:max-content;
	max-width:100%;
	min-height:44px;
	margin-top:22px;
	padding:0 18px;
	border-radius:8px;
	background:var(--onp-orange);
	color:#fff;
	font-size:15px;
	font-weight:600;
}
.is-home .onp-top-detail::after{
	content:"\2192";
}
.is-home a.onp-top-link:hover .onp-top-detail{
	background:var(--onp-orange-hover);
}
@media (max-width:1320px){
	.is-home .onp-top-feature .onp-top-name{
		font-size:24px;
	}
}
@media (max-width:1279px){
	.is-home .onp-top-showcase,
	.is-home .onp-top-showcase.is-solo{
		grid-template-columns:minmax(0, 1fr);
	}
	.is-home .onp-top-showcase.is-solo .onp-top-feature{
		max-width:none;
	}
	.is-home .onp-showcase-title{
		font-size:32px;
	}
	.is-home .onp-top-row.is-n4{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
@media (max-width:1099px){
	.is-home .onp-top-feature > a.onp-top-link{
		grid-template-columns:minmax(0, 1fr);
		padding:24px;
	}
	.is-home .onp-top-feature .onp-top-media{
		min-height:220px;
		height:240px;
	}
	.is-home .onp-top-feature .onp-top-name{
		font-size:26px;
	}
}
@media (max-width:991px){
	.is-home .onp-top-row.is-n3,
	.is-home .onp-top-row.is-n4{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
@media (max-width:767px){
	.is-home .onp-showcase{
		padding:0 16px;
	}
	.is-home .onp-showcase-head{
		margin-bottom:24px;
	}
	.is-home .onp-top-head{
		flex-direction:column;
		align-items:stretch;
		gap:16px;
	}
	.is-home .onp-showcase-title{
		font-size:26px;
	}
	.is-home .onp-showcase-intro{
		font-size:15px;
	}
	.is-home .onp-top-points{
		flex-direction:column;
	}
	.is-home .onp-top-points li + li{
		border-left:0;
		border-top:1px solid rgba(22, 50, 79, 0.08);
	}
	.is-home .onp-top-feature .onp-top-price strong{
		font-size:32px;
	}
}
@media (max-width:559px){
	.is-home .onp-top-row.is-n2,
	.is-home .onp-top-row.is-n3,
	.is-home .onp-top-row.is-n4{
		grid-template-columns:minmax(0, 1fr);
	}
	.is-home .onp-top-card .onp-top-name,
	.is-home .onp-top-card .onp-top-lead{
		min-height:0;
	}
}

/* Homepage category showcase. Scoped so the old table grid in style.css stays unused. */
.is-home .onp-home-cats{
	background:#f4f7fb;
	padding:40px 0 56px;
}
.is-home .onp-cat-grid{
	display:grid;
	grid-template-columns:repeat(5, minmax(0, 1fr));
	gap:18px;
}
.is-home a.onp-cat-card{
	display:flex;
	flex-direction:column;
	min-width:0;
	height:100%;
	padding:14px;
	border:1px solid rgba(22, 50, 79, 0.08);
	border-radius:16px;
	background:#fff;
	box-shadow:0 1px 2px rgba(22, 50, 79, 0.04), 0 8px 20px rgba(22, 50, 79, 0.05);
	color:#16324f;
	text-decoration:none;
	transition:transform .28s ease, box-shadow .28s ease;
}
.is-home .onp-cat-media{
	display:flex;
	align-items:center;
	justify-content:center;
	aspect-ratio:4 / 3;
	overflow:hidden;
	border-radius:12px;
	background:#f3f6fa;
}
.is-home .onp-cat-media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	padding:14px;
	transition:filter .35s ease, transform .35s ease;
}
.is-home .onp-cat-body{
	display:grid;
	grid-template-columns:minmax(0, 1fr) 34px;
	gap:10px 12px;
	align-items:center;
	margin-top:14px;
}
.is-home .onp-cat-copy{
	min-width:0;
}
.is-home .onp-cat-name{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	font-size:16px;
	font-weight:700;
	line-height:1.3;
	letter-spacing:-0.02em;
}
.is-home .onp-cat-lead{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	margin-top:4px;
	color:#667484;
	font-size:13px;
	line-height:1.4;
}
.is-home .onp-cat-go{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border:1px solid rgba(22, 50, 79, 0.12);
	border-radius:50%;
	color:#16324f;
	transition:background-color .25s ease, border-color .25s ease, color .25s ease;
}
.is-home .onp-cat-go::before{
	content:"\2192";
	font-size:16px;
	line-height:1;
}
@media (hover:hover) and (pointer:fine){
	.is-home .onp-cat-media img{
		filter:saturate(0.28) contrast(0.96) brightness(1.04);
	}
	.is-home a.onp-cat-card:hover{
		color:#16324f;
		text-decoration:none;
		box-shadow:0 14px 28px rgba(22, 50, 79, 0.12);
		transform:translateY(-3px);
	}
	.is-home a.onp-cat-card:hover .onp-cat-media img{
		filter:none;
		transform:scale(1.03);
	}
	.is-home a.onp-cat-card:hover .onp-cat-name{
		color:#0e4d8c;
	}
	.is-home a.onp-cat-card:hover .onp-cat-go{
		border-color:var(--onp-orange);
		background:var(--onp-orange);
		color:#fff;
	}
}
@media (max-width:1199px){
	.is-home .onp-cat-grid{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}
@media (max-width:900px){
	.is-home .onp-cat-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}
@media (max-width:767px){
	.is-home .onp-home-cats{
		padding:32px 0 40px;
	}
	.is-home .onp-cat-grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:14px;
	}
}
@media (max-width:479px){
	.is-home .onp-cat-grid{
		grid-template-columns:minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion:reduce){
	.is-home .products_list.category-products-list > .row > .product-card,
	.is-home .products_list.category-products-list a.topoffer,
	.is-home a.onp-home-more,
	.is-home a.onp-home-more::after,
	.is-home a.onp-top-link,
	.is-home a.onp-cat-card,
	.is-home .onp-cat-media img,
	.is-home .onp-cat-go,
	.is-home .onp-step,
	.is-home .onp-step__icon{
		transition:none;
	}
	.is-home .products_list.category-products-list > .row > .product-card:hover,
	.is-home .products_list.category-products-list a.topoffer:hover,
	.is-home a.onp-home-more:hover,
	.is-home a.onp-home-more:hover::after,
	.is-home a.onp-top-link:hover,
	.is-home a.onp-cat-card:hover,
	.is-home a.onp-cat-card:hover .onp-cat-media img{
		transform:none;
	}
}