/* ==============================================================
   Yanshur — Marketplace hero banner (shop page only)
   Scoped under .ysc-hero, same visual language as the shop card
   (Fraunces / Inter / IBM Plex Mono, red/ink/paper palette).
   ============================================================== */

.ysc-hero{
	--ysc-ink:#182430;
	--ysc-paper:#F8F5EE;
	--ysc-red:#C33F31;
	--ysc-red-dark:#8f2e23;

	background:linear-gradient(135deg,var(--ysc-red),var(--ysc-red-dark));
	border-radius:24px;
	padding:56px 40px 48px;
	text-align:center;
	color:#fff;
	margin:20px 0 34px;
	font-family:'Inter',sans-serif;
}
.ysc-hero *{box-sizing:border-box;}

.ysc-hero-eyebrow{
	display:inline-flex;
	align-items:center;
	gap:7px;
	font-family:'IBM Plex Mono',monospace;
	font-size:11px;
	letter-spacing:.1em;
	text-transform:uppercase;
	background:rgba(255,255,255,0.18);
	padding:6px 16px;
	border-radius:100px;
	margin-bottom:18px;
}

.ysc-hero h1{
	font-family:'Fraunces',serif;
	font-weight:700;
	font-size:32px;
	line-height:1.25;
	margin:0 0 12px;
	color:#fff;
}

.ysc-hero p{
	color:rgba(255,255,255,0.85);
	font-size:14.5px;
	line-height:1.6;
	max-width:520px;
	margin:0 auto 30px;
}

/* ---------- Search form (ReHub's own product-searchform.php) ---------- */
.ysc-hero .product-search-form{
	max-width:640px;
	margin:0 auto;
	display:flex;
	align-items:center;
	background:#fff;
	border-radius:100px;
	padding:6px 6px 6px 22px;
	box-shadow:0 18px 40px -18px rgba(24,36,48,0.35);
	gap:8px;
}
.ysc-hero .product-search-form input[type="text"]{
	flex:1;
	border:none;
	outline:none;
	background:transparent;
	font-family:'Inter',sans-serif;
	font-size:14.5px;
	color:var(--ysc-ink);
	padding:12px 0;
}
.ysc-hero .product-search-form .rh_woo_drop_cat{
	border:none;
	border-left:1px solid rgba(24,36,48,0.12);
	color:var(--ysc-slate,#69707E);
	font-size:13px;
}
.ysc-hero .product-search-form .btnsearch{
	background:var(--ysc-ink);
	color:#fff;
	border:none;
	width:44px;
	height:44px;
	border-radius:50%;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	transition:.18s;
}
.ysc-hero .product-search-form .btnsearch:hover{
	background:var(--ysc-red);
}

@media(max-width:640px){
	.ysc-hero{padding:40px 22px;border-radius:18px;}
	.ysc-hero h1{font-size:24px;}
	.ysc-hero .product-search-form{
		flex-wrap:wrap;
		border-radius:20px;
		padding:14px;
	}
	.ysc-hero .product-search-form input[type="text"]{
		flex:1 1 100%;
		padding:8px 6px;
	}
	.ysc-hero .product-search-form .rh_woo_drop_cat{
		display:none;
	}
	.ysc-hero .product-search-form .btnsearch{
		margin-left:auto;
	}
}