/* HERO GRID STYLES (MATCHES ads-grid-v1) */
.hero-section {
	background-color: #f8fafc;
	position: relative; 
	overflow: hidden; 
	min-height: 750px;
	display: flex; 
	align-items: center; 
}
@media (min-width: 768px) { .hero-section { min-height: 850px; } }

.hero-glow {
	position: absolute;
	left: -10%;
	top: 50%;
	transform: translateY(-50%);
	width: 80%;
	height: 140%;
	background: radial-gradient(circle at 30% 50%, rgba(26, 115, 232, 0.35) 0%, rgba(26, 115, 232, 0.1) 40%, transparent 70%);
	z-index: 5;
	pointer-events: none;
	filter: blur(80px);
}

.headline-lift { text-shadow: 0 0 30px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 0.8); }

.grid-container {
	position: absolute; 
	top: -25%; 
	left: -10%; 
	width: 150%; 
	height: 150%;
	display: grid; 
	grid-template-columns: repeat(auto-fill, 135px); 
	grid-auto-rows: 185px;
	gap: 15px;
	justify-content: start;
	transform: rotate(-10deg); 
	z-index: 1;
	mask-image: linear-gradient(to right, transparent 0%, transparent 15%, black 45%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 15%, black 45%);
}

/* Renamed from .ad-card to .feed-card to avoid AdBlockers */
.feed-card {
	background: white;
	border-radius: 12px; 
	width: 135px;
	height: 185px;
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	justify-content: flex-start;
	padding: 15px;
	border: 1px solid #eef2f6;
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	position: relative; 
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
	will-change: opacity, border-color, box-shadow;
}

.feed-card.suspended { border-color: #fee2e2; background: #fffafa; }
.feed-card.suspended .feed-icon i { color: #ef4444; opacity: 0.12; filter: grayscale(100%); transform: scale(0.9); }
.feed-card.suspended .status-badge { background: #fee2e2; color: #ef4444; }

.feed-card .feed-badge {
	align-self: flex-start;
	font-size: 10px;
	font-weight: 800;
	padding: 2px 4px;
	border-radius: 2px;
	margin-bottom: 8px;
	border: 1px solid #cbd5e1; 
	color: #334155; 
	background-color: rgba(255,255,255,0.5); 
	opacity: 1 !important; 
	line-height: 1;
	display: inline-block;
	position: relative; 
	z-index: 20; 
}

.feed-card .prod-line { opacity: 0.2; background: #e2e8f0; height: 4px; border-radius: 2px; width: 80%; margin-top: 5px; }

.feed-card.active { 
	border-color: #10B981; 
	background: #ffffff; 
	z-index: 20;
	box-shadow: 0 15px 35px -10px rgba(16, 185, 129, 0.18);
}
.feed-card.active .feed-icon i { opacity: 1; filter: grayscale(0%); transform: scale(1); }
.feed-card.active .status-badge { background: #d1fae5; color: #059669; }
.feed-card.active .feed-badge { border-color: #334155; color: #334155; }
.feed-card.active .prod-line { opacity: 0.5; background: #94a3b8; }

.feed-icon { font-size: 2.3rem; margin-bottom: 12px; transition: all 0.4s; }
.status-badge { position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; transition: all 0.4s; }

/* Trigger Cards */
.trigger-card { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; height: 100%; }
.trigger-card:hover { border-color: #C5221F; background: #fffaf9; transform: translateY(-5px); }

@media (max-width: 768px) {
	.hero-glow { width: 150%; left: -25%; top: 20%; background: radial-gradient(circle at 50% 30%, rgba(66, 133, 244, 0.4), transparent 75%); }
	.grid-container { width: 250%; left: -75%; top: -10%; mask-image: none; -webkit-mask-image: none; grid-template-columns: repeat(auto-fill, 115px); grid-auto-rows: 155px; }
	.hero-section { padding-top: 1.5rem; padding-bottom: 2rem; min-height: 700px; align-items: flex-start; }
	.glass-overlay {
		background: rgba(255,255,255,0.6); /* Increased transparency */
		backdrop-filter: none; /* Removed blur effect */
		-webkit-backdrop-filter: none;
		padding: 1.5rem 1rem;
		border-radius: 0; /* Removed boxed effect */
		border: none; /* Removed borders */
		box-shadow: none; /* Removed heavy shadows */
		text-align: center;
		margin-top: 0; /* Removed excessive top gap */
		position: relative;
		z-index: 10;
	}
	.feed-card { width: 115px; height: 155px; padding: 12px; }
}