/* ---- Products pages (hub + category subpages) ---- */
/* Palette matches the URICH logo: deep navy -> cyan gradient, charcoal text */

.product-hero{ padding-top:10px; }
.product-hero h1{ margin:0 0 18px 0; padding:0; font-family:"OpenSansRegular", Arial, sans-serif; }

.product-lead{
	font-family:"OpenSansRegular", Arial, sans-serif !important;
	font-size:15px !important;
	line-height:24px !important;
	color:#333 !important;
	border-left:4px solid #1B3A93;
	background:#f4f8fc;
	padding:16px 20px !important;
	margin:0 0 16px 0 !important;
	text-align:left !important;
}

.product-hero > p{ margin-bottom:0; font-family:"OpenSansRegular", Arial, sans-serif; }

/* ---- Hub grid on products.php ---- */

.product-grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
	margin:30px 0 10px 0;
}

.product-card{
	display:block;
	background:#fff;
	border:1px solid #e8edf4;
	border-top:3px solid transparent;
	border-radius:10px;
	padding:28px 20px;
	text-align:left;
	text-decoration:none !important;
	box-shadow:0 1px 3px rgba(20,30,60,0.04);
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.product-card:hover{
	transform:translateY(-4px);
	box-shadow:0 14px 24px rgba(27,58,147,0.10);
	border-top-color:#00AEEF;
}

.product-card-icon{
	width:64px;
	height:64px;
	margin:0 0 16px 0;
	border-radius:50%;
	background:linear-gradient(135deg,#1B3A93,#00AEEF);
	display:flex;
	align-items:center;
	justify-content:center;
}

.product-card-icon svg{
	width:30px;
	height:30px;
	stroke:#fff;
	fill:none;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.product-card h3{
	margin:0 0 8px 0 !important;
	padding:0 !important;
	color:#20242c !important;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:15px !important;
	font-weight:700;
	text-transform:none !important;
}

.product-card p{
	margin:0 0 10px 0 !important;
	padding:0 !important;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:12.5px !important;
	line-height:19px !important;
	color:#666 !important;
	text-align:left !important;
}

.product-card-link{
	display:inline-block;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:12.5px;
	font-weight:700;
	color:#1B3A93;
	text-transform:uppercase;
	letter-spacing:.03em;
}
.product-card:hover .product-card-link{ color:#00AEEF; }

.product-note{
	margin-top:26px !important;
	padding:14px 20px !important;
	background:#fff6f6;
	border-left:4px solid #ed1e26;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:13px !important;
	color:#333 !important;
	text-align:left !important;
}

@media only screen and (max-width:1000px){
	.product-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media only screen and (max-width:600px){
	.product-grid{ grid-template-columns:1fr; }
}

/* ---- Category subpages (brand tag list) ---- */

.brand-tags-title{
	margin:28px 0 14px 0;
	padding:0;
	color:#20242c;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:16px;
	font-weight:700;
}

.brand-tags{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

.brand-tags li{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	border:1px solid #e8edf4;
	border-radius:8px;
	padding:10px 22px;
	min-width:110px;
	height:56px;
	box-sizing:border-box;
	list-style:none !important;
	margin:0 !important;
	transition:box-shadow .2s ease, border-color .2s ease;
}

.brand-tags li:hover{
	box-shadow:0 6px 14px rgba(27,58,147,0.10);
	border-color:#a9d8f0;
}

.brand-tags li img{
	max-height:30px;
	max-width:130px;
	object-fit:contain;
}

.brand-tags li.text-only{
	background:#f4f8fc;
	border-color:#d7e8f5;
	font-family:"OpenSansRegular", Arial, sans-serif;
	font-size:13px;
	font-weight:700;
	color:#20242c;
	text-align:center;
}