/*************************************************************
 * COMPONENT NAME: Shared Catalog Utility Bar
 * Purpose: Advanced Filter + Size Guide are always discoverable on
 *          marketplace landing/catalog pages. Two equal horizontal
 *          actions remain side-by-side on mobile and desktop.
 *************************************************************/
.shahaz-catalog-tools{
	display:flex;
	align-items:stretch;
	gap:8px;
	width:100%;
	margin:10px auto 14px;
	padding:0 2px;
}
.shahaz-catalog-tool{
	flex:1 1 0;
	min-width:0;
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	grid-template-rows:auto auto;
	align-items:center;
	column-gap:8px;
	padding:9px 12px;
	border:1px solid rgba(194,24,91,.20);
	border-radius:14px;
	background:linear-gradient(135deg,#fff,#fff4f9);
	color:var(--shahaz-ink,#241922)!important;
	text-decoration:none!important;
	box-shadow:0 5px 14px -10px rgba(107,15,85,.34), inset 0 1px 0 rgba(255,255,255,.9);
	transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.shahaz-catalog-tool:hover{transform:translateY(-1px);border-color:var(--shahaz-magenta,#c2185b);box-shadow:0 8px 18px -10px rgba(107,15,85,.42);}
.shahaz-catalog-tool>span{grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:var(--shahaz-magenta,#c2185b);border:1px solid var(--shahaz-gold,#d4af37);color:#fff;font-weight:900;box-shadow:0 2px 0 var(--shahaz-magenta-deep,#6b0f55);}
.shahaz-catalog-tool strong{font-size:13px;line-height:1.15;color:var(--shahaz-magenta-deep,#6b0f55);}
.shahaz-catalog-tool small{font-size:10.5px;line-height:1.25;color:var(--shahaz-gray,#776674);}


@media (max-width:767px){
	.shahaz-catalog-tools{gap:6px;margin-top:8px;margin-bottom:10px;}
	.shahaz-catalog-tool{padding:8px 9px;border-radius:12px;column-gap:6px;}
	.shahaz-catalog-tool>span{width:26px;height:26px;border-radius:8px;font-size:12px;}
	.shahaz-catalog-tool strong{font-size:11.5px;}
	.shahaz-catalog-tool small{font-size:9px;}
}