/* ZAYO — homepage: hero, beneficii, grid categorii, banner promo */

.zy-hero .wp-block-column { gap: var(--zy-space-5); display: flex; flex-direction: column; }
.zy-hero h1 { margin: 0; }
.zy-hero-mark { justify-content: center; }
.zy-hero-mark .wp-block-site-logo img { max-width: 100%; }

.zy-hero-chips { gap: var(--zy-space-2) !important; margin-top: var(--zy-space-2); }
.zy-hero-chips .zy-chip { margin: 0; background: var(--zy-white); }

.zy-benefits {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--zy-space-6);
}
.zy-benefit { text-align: center; }
.zy-benefit__icon { font-size: 28px; display: block; margin-bottom: var(--zy-space-3); }
.zy-benefit__title { font-weight: 600; margin: 0 0 4px; color: var(--zy-ink); }
.zy-benefit .zy-meta { margin: 0; }

.zy-cat-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--zy-space-5);
}
.zy-cat-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--zy-space-2);
	padding: var(--zy-space-6);
	background: var(--zy-white);
	border: 1px solid var(--zy-line);
	border-radius: var(--zy-radius-md);
	text-decoration: none;
	color: var(--zy-ink);
	transition: transform var(--zy-dur) var(--zy-ease), box-shadow var(--zy-dur) var(--zy-ease), border-color var(--zy-dur) var(--zy-ease);
}
.zy-cat-card:hover {
	color: var(--zy-ink);
	transform: translateY(-3px);
	box-shadow: var(--zy-shadow-md);
	border-color: var(--zy-orange-700);
}
.zy-cat-card__icon { font-size: 32px; }
.zy-cat-card__name { font-weight: 600; font-size: var(--zy-fs-md); }
.zy-cat-card__count { font-size: var(--zy-fs-xs); color: var(--zy-muted); }

.zy-promo-banner h2 { margin: var(--zy-space-2) 0; }

@media (max-width: 1024px) {
	.zy-cat-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
	.zy-benefits { grid-template-columns: repeat(2, 1fr); }
	.zy-cat-grid { grid-template-columns: repeat(2, 1fr); }
	.zy-hero .wp-block-columns { flex-wrap: wrap; }
}
@media (max-width: 480px) {
	.zy-cat-grid { grid-template-columns: 1fr 1fr; gap: var(--zy-space-3); }
	.zy-cat-card { padding: var(--zy-space-4); }
}