/**
 * NIYAPRESS Homepage — Premium Design System
 */

/* ===== Global Section ===== */
.niya-section {
	padding: clamp(24px, 3.5vw, 40px) 0;
	position: relative;
}

.niya-section-header {
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--brand-red, #001D83);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.niya-section-title {
	font-size: clamp(1.25rem, 2.2vw, 1.5rem);
	font-weight: 900;
	color: var(--brand-red, #001D83);
	margin: 0;
	letter-spacing: -0.01em;
}

/* ===== Premium Card Base ===== */
.niya-card {
	background: var(--news-surface, #ffffff);
	border-radius: 12px;
	overflow: hidden;
	transition: transform 0.3s var(--news-ease-out), box-shadow 0.3s var(--news-ease-out);
	box-shadow: 0 1px 3px rgba(15,23,42,0.04), 0 4px 16px rgba(15,23,42,0.06);
}

.niya-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(15,23,42,0.1), 0 20px 48px rgba(15,23,42,0.12);
}

.niya-card-img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	display: block;
	transition: transform 0.5s var(--news-ease-out);
}

.niya-card:hover .niya-card-img {
	transform: scale(1.05);
}

.niya-card-body {
	padding: 14px 16px;
}

.niya-card-title {
	font-size: clamp(0.9375rem, 1.4vw, 1.0625rem);
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
}

.niya-card-title a {
	color: var(--news-ink, #1a1a1a);
	text-decoration: none;
	transition: color 0.2s ease;
}

.niya-card-title a:hover {
	color: var(--brand-red-bright, #063FEB);
}

/* ===== Ad Banners ===== */
.footer-bottom-ad img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.footer-bottom-ad {
	background: var(--news-canvas, #F3F4F6);
	padding: 12px 0;
	text-align: center;
}

.header-ad-banner {
	background: var(--news-canvas, #F3F4F6);
	padding: 16px 0;
	text-align: center;
}

.header-ad-link {
	display: inline-block;
	max-width: 100%;
}

.header-ad-img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

@media (max-width: 991px) {
	.header-ad-img {
		width: 100%;
		height: auto;
	}
}

/* ===== Opinions + Video Section ===== */
.niya-opinion-video {
	background: var(--news-canvas, #F3F4F6);
}

.niya-opinion-video-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(16px, 2vw, 24px);
	align-items: start;
}

.niya-opinion-col,
.niya-video-col {
	background: var(--news-surface, #ffffff);
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(15,23,42,0.04), 0 4px 16px rgba(15,23,42,0.06);
}

.niya-opinion-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.niya-opinion-item {
	display: flex;
	gap: 12px;
	padding: 14px 0;
	border-bottom: 1px solid var(--news-border, #e4e7ec);
	transition: transform 0.2s ease;
}

.niya-opinion-item:last-child {
	border-bottom: none;
}

.niya-opinion-item:hover {
	transform: translateX(-3px);
}

.niya-opinion-thumb {
	flex: 0 0 80px;
	width: 80px;
	height: 60px;
	border-radius: 8px;
	overflow: hidden;
}

.niya-opinion-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.niya-opinion-item:hover .niya-opinion-img {
	transform: scale(1.08);
}

.niya-opinion-title {
	font-size: clamp(0.875rem, 1.4vw, 0.9375rem);
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 4px;
}

.niya-opinion-title a {
	color: var(--news-ink, #1a1a1a);
	text-decoration: none;
	transition: color 0.2s ease;
}

.niya-opinion-title a:hover {
	color: var(--brand-red-bright, #063FEB);
}

.niya-opinion-meta {
	font-size: 0.75rem;
	color: var(--news-muted, #5c6670);
}

.niya-video-featured {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 12px;
}

.niya-video-featured-img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.niya-video-featured:hover .niya-video-featured-img {
	transform: scale(1.05);
}

.niya-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: rgba(0, 29, 131, 0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	backdrop-filter: blur(4px);
	transition: transform 0.3s ease, background 0.3s ease;
}

.niya-video-featured:hover .niya-video-play {
	transform: translate(-50%, -50%) scale(1.1);
	background: rgba(6, 63, 235, 0.95);
}

.niya-video-featured-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: clamp(14px, 2vw, 20px);
	margin: 0;
	font-size: clamp(1rem, 1.8vw, 1.25rem);
	font-weight: 800;
	color: #fff;
	background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
	line-height: 1.35;
}

.niya-video-thumbs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.niya-video-thumb {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	display: block;
}

.niya-video-thumb-img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}

.niya-video-thumb:hover .niya-video-thumb-img {
	transform: scale(1.08);
}

.niya-video-play-sm {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	background: rgba(0, 29, 131, 0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: transform 0.3s ease;
}

.niya-video-thumb:hover .niya-video-play-sm {
	transform: translate(-50%, -50%) scale(1.15);
}

.niya-video-thumb-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px;
	font-size: 0.75rem;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ===== Fares Pink Section ===== */
.niya-fares {
	background: linear-gradient(135deg, #E91E63 0%, #C2185B 100%);
	color: #fff;
	padding: clamp(28px, 4vw, 40px) 0;
	position: relative;
	overflow: hidden;
}

.niya-fares::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 60% 80% at 50% -20%, rgba(255,255,255,0.1) 0%, transparent 60%);
	pointer-events: none;
}

.niya-fares-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.niya-fares-title {
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 900;
	margin: 0;
	color: #fff;
	letter-spacing: -0.01em;
}

.niya-fares-more {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.875rem;
	padding: 7px 16px;
	border: 1.5px solid rgba(255,255,255,0.4);
	border-radius: 999px;
	transition: all 0.3s ease;
}

.niya-fares-more:hover {
	background: rgba(255,255,255,0.15);
	border-color: rgba(255,255,255,0.7);
}

.niya-fares-slider {
	position: relative;
	z-index: 1;
}

.niya-fares-track {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding-bottom: 8px;
}

.niya-fares-track::-webkit-scrollbar {
	display: none;
}

.niya-fares-card {
	flex: 0 0 280px;
	scroll-snap-align: start;
}

.niya-fares-link {
	display: block;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-fares-link:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 30px rgba(0,0,0,0.25);
}

.niya-fares-img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.niya-fares-link:hover .niya-fares-img {
	transform: scale(1.06);
}

.niya-fares-card-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: clamp(12px, 1.5vw, 16px);
	margin: 0;
	font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
	font-weight: 700;
	color: #fff;
	background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);
	line-height: 1.35;
}

.niya-fares-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.95);
	border: none;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	color: #E91E63;
	box-shadow: 0 2px 12px rgba(0,0,0,0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-fares-nav:hover {
	transform: translateY(-50%) scale(1.1);
	box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.niya-fares-prev {
	left: -20px;
}

.niya-fares-next {
	right: -20px;
}

/* ===== Four Columns Section ===== */
.niya-four-cols {
	background: var(--news-canvas, #F3F4F6);
}

.niya-four-cols-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(16px, 2vw, 24px);
}

.niya-col-card {
	background: var(--news-surface, #ffffff);
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(15,23,42,0.04), 0 4px 16px rgba(15,23,42,0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-col-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(15,23,42,0.1), 0 20px 48px rgba(15,23,42,0.12);
}

.niya-col-header {
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--brand-red, #001D83);
}

.niya-col-title {
	font-size: clamp(1rem, 1.3vw, 1.125rem);
	font-weight: 900;
	color: var(--brand-red, #001D83);
	margin: 0;
}

.niya-col-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.niya-col-item {
	padding: 12px 0;
	border-bottom: 1px solid var(--news-border, #e4e7ec);
	transition: transform 0.2s ease;
}

.niya-col-item:last-child {
	border-bottom: none;
}

.niya-col-item:hover {
	transform: translateX(-3px);
}

.niya-col-item--first {
	padding-top: 0;
}

.niya-col-thumb {
	display: block;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
}

.niya-col-img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.niya-col-item:hover .niya-col-img {
	transform: scale(1.06);
}

.niya-col-item-title {
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
}

.niya-col-item-title a {
	color: var(--news-ink, #1a1a1a);
	text-decoration: none;
	transition: color 0.2s ease;
}

.niya-col-item-title a:hover {
	color: var(--brand-red-bright, #063FEB);
}

.niya-col-excerpt {
	font-size: 0.8125rem;
	color: var(--news-muted, #5c6670);
	margin-top: 6px;
	line-height: 1.5;
}

/* ===== Prayer Times Section ===== */
.niya-prayer {
	background: var(--news-canvas, #F3F4F6);
}

.niya-prayer-card {
	background: var(--news-surface, #ffffff);
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 1px 3px rgba(15,23,42,0.04), 0 4px 16px rgba(15,23,42,0.06);
	max-width: 900px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.niya-prayer-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #001D83, #063FEB, #FAA31B);
}

.niya-prayer-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--news-border, #e4e7ec);
}

.niya-prayer-location {
	display: flex;
	flex-direction: column;
}

.niya-prayer-country {
	font-size: 0.875rem;
	color: var(--news-muted, #5c6670);
}

.niya-prayer-city {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--brand-red, #001D83);
}

.niya-prayer-countdown {
	text-align: center;
}

.niya-prayer-countdown-time {
	display: block;
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--brand-red, #001D83);
}

.niya-prayer-countdown-label {
	font-size: 0.75rem;
	color: var(--news-muted, #5c6670);
}

.niya-prayer-times {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
}

.niya-prayer-time {
	background: var(--news-canvas, #F3F4F6);
	border-radius: 8px;
	padding: 12px 8px;
	text-align: center;
	transition: background 0.2s ease, transform 0.2s ease;
}

.niya-prayer-time:hover {
	background: rgba(6, 63, 235, 0.08);
	transform: translateY(-2px);
}

.niya-prayer-time.is-current {
	background: rgba(0, 29, 131, 0.1);
	box-shadow: inset 0 0 0 1.5px var(--brand-red, #001D83);
}

.niya-prayer-time-label {
	display: block;
	font-size: 0.8125rem;
	color: var(--news-muted, #5c6670);
	margin-bottom: 4px;
}

.niya-prayer-time-value {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	color: var(--news-ink, #1a1a1a);
}

.niya-prayer-select-label {
	display: block;
	font-size: 0.8125rem;
	color: var(--news-muted, #5c6670);
	margin-bottom: 6px;
}

.niya-prayer-city-select {
	width: 100%;
	max-width: 300px;
	padding: 10px 14px;
	border: 1px solid var(--news-border, #e4e7ec);
	border-radius: 8px;
	background: var(--news-surface, #ffffff);
	font-size: 0.9375rem;
	cursor: pointer;
	transition: border-color 0.2s ease;
}

.niya-prayer-city-select:focus {
	border-color: var(--brand-red-bright, #063FEB);
	outline: none;
}

/* ===== Premium Video Section — فيديو ===== */
.niya-videos {
	background: var(--news-canvas, #F3F4F6);
}

.niya-videos-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(16px, 2vw, 24px);
	align-items: stretch;
}

/* Featured large video */
.niya-video-featured-card {
	position: relative;
}

.niya-video-featured-link {
	display: block;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	height: 100%;
	min-height: 420px;
	box-shadow: 0 2px 16px rgba(15,23,42,0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-video-featured-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgba(15,23,42,0.18);
}

.niya-video-featured-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.niya-video-featured-link:hover .niya-video-featured-img {
	transform: scale(1.06);
}

.niya-video-featured-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.1) 70%, transparent 100%);
}

.niya-video-play-big {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 72px;
	height: 72px;
	background: rgba(0, 29, 131, 0.92);
	border: 3px solid rgba(255,255,255,0.3);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	z-index: 2;
	backdrop-filter: blur(6px);
	transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease;
}

.niya-video-featured-link:hover .niya-video-play-big {
	transform: translate(-50%, -50%) scale(1.12);
	background: rgba(6, 63, 235, 0.95);
	border-color: rgba(255,255,255,0.6);
}

.niya-video-featured-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: clamp(24px, 3vw, 36px);
}

.niya-video-label {
	display: inline-block;
	background: var(--brand-red, #001D83);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	padding: 4px 14px;
	border-radius: 20px;
	margin-bottom: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.niya-video-featured-title {
	margin: 0 0 8px;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 800;
	line-height: 1.35;
	color: #fff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

.niya-video-featured-meta {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--brand-yellow, #FAA31B);
	font-weight: 600;
}

/* Side video thumbnails */
.niya-video-side-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	align-content: start;
}

.niya-video-side-card {
	position: relative;
}

.niya-video-side-link {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	box-shadow: 0 2px 12px rgba(15,23,42,0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-video-side-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(15,23,42,0.15);
}

.niya-video-side-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.niya-video-side-link:hover .niya-video-side-img {
	transform: scale(1.08);
}

.niya-video-side-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
}

.niya-video-side-card .niya-video-play-sm {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 36px;
	height: 36px;
	background: rgba(0, 29, 131, 0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	z-index: 2;
	backdrop-filter: blur(4px);
	transition: transform 0.3s ease;
}

.niya-video-side-link:hover .niya-video-play-sm {
	transform: translate(-50%, -50%) scale(1.15);
}

.niya-video-side-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 12px;
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.35;
}

.niya-video-side-time {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0,0,0,0.7);
	color: var(--brand-yellow, #FAA31B);
	font-size: 10px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 4px;
	font-family: 'Tajawal', sans-serif;
}

/* ===== Triple Columns ===== */
.niya-triple-cols {
	background: var(--news-canvas, #F3F4F6);
}

.niya-triple-cols-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(16px, 2vw, 24px);
}

.niya-triple-col {
	background: var(--news-surface, #ffffff);
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(15,23,42,0.04), 0 4px 16px rgba(15,23,42,0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-triple-col:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(15,23,42,0.1), 0 20px 48px rgba(15,23,42,0.12);
}

.niya-triple-featured {
	margin-bottom: 14px;
}

.niya-triple-featured-link {
	display: block;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.niya-triple-featured-img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	display: block;
	transition: transform 0.5s ease;
}

.niya-triple-featured-link:hover .niya-triple-featured-img {
	transform: scale(1.06);
}

.niya-triple-featured-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: clamp(10px, 1.2vw, 14px);
	margin: 0;
	font-size: clamp(0.9375rem, 1.3vw, 1.0625rem);
	font-weight: 700;
	color: #fff;
	background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);
	line-height: 1.35;
}

.niya-triple-item {
	display: flex;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--news-border, #e4e7ec);
	transition: transform 0.2s ease;
}

.niya-triple-item:last-child {
	border-bottom: none;
}

.niya-triple-item:hover {
	transform: translateX(-3px);
}

.niya-triple-item-thumb {
	flex: 0 0 70px;
	width: 70px;
	height: 52px;
	border-radius: 8px;
	overflow: hidden;
}

.niya-triple-item-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.niya-triple-item:hover .niya-triple-item-img {
	transform: scale(1.08);
}

.niya-triple-item-title {
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
}

.niya-triple-item-title a {
	color: var(--news-ink, #1a1a1a);
	text-decoration: none;
	transition: color 0.2s ease;
}

.niya-triple-item-title a:hover {
	color: var(--brand-red-bright, #063FEB);
}

/* ===== Culture Section — ثقافة ===== */
.niya-culture {
	background: var(--news-canvas, #F3F4F6);
}

.niya-culture-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(16px, 2vw, 24px);
	align-items: stretch;
}

.niya-culture-featured {
	position: relative;
}

.niya-culture-featured-link {
	display: block;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	height: 100%;
	min-height: 420px;
	box-shadow: 0 2px 16px rgba(15,23,42,0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-culture-featured-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgba(15,23,42,0.18);
}

.niya-culture-featured-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.niya-culture-featured-link:hover .niya-culture-featured-img {
	transform: scale(1.06);
}

.niya-culture-featured-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.08) 75%, transparent 100%);
}

.niya-culture-featured-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: clamp(24px, 3vw, 36px);
}

.niya-culture-badge {
	display: inline-block;
	background: var(--brand-red, #001D83);
	color: var(--brand-yellow, #FAA31B);
	font-size: 10px;
	font-weight: 800;
	padding: 4px 14px;
	border-radius: 20px;
	margin-bottom: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.niya-culture-featured-title {
	margin: 0 0 10px;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 800;
	line-height: 1.35;
	color: #fff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

.niya-culture-featured-excerpt {
	margin: 0 0 8px;
	font-size: 0.875rem;
	line-height: 1.55;
	color: rgba(255,255,255,0.82);
}

.niya-culture-featured-date {
	margin: 0;
	font-size: 0.75rem;
	color: var(--brand-yellow, #FAA31B);
	font-weight: 600;
}

/* Side cards */
.niya-culture-side {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	align-content: start;
}

.niya-culture-card {
	position: relative;
}

.niya-culture-link {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	box-shadow: 0 2px 12px rgba(15,23,42,0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-culture-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(15,23,42,0.15);
}

.niya-culture-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.niya-culture-link:hover .niya-culture-img {
	transform: scale(1.08);
}

.niya-culture-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.15) 55%, transparent 100%);
}

.niya-culture-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 12px;
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.35;
}

/* ===== Entertainment Section — منوعات ===== */
.niya-entertainment {
	background: var(--news-surface, #ffffff);
}

.niya-entertainment-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(16px, 2vw, 24px);
	align-items: stretch;
}

/* Featured card */
.niya-ent-featured {
	position: relative;
}

.niya-ent-featured-link {
	display: block;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	height: 100%;
	min-height: 380px;
	box-shadow: 0 2px 16px rgba(15,23,42,0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-ent-featured-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgba(15,23,42,0.18);
}

.niya-ent-featured-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.niya-ent-featured-link:hover .niya-ent-featured-img {
	transform: scale(1.06);
}

.niya-ent-featured-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.1) 75%, transparent 100%);
}

.niya-ent-featured-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: clamp(24px, 3vw, 36px);
}

.niya-ent-badge {
	display: inline-block;
	background: var(--brand-yellow, #FAA31B);
	color: var(--brand-red, #001D83);
	font-size: 10px;
	font-weight: 800;
	padding: 4px 14px;
	border-radius: 20px;
	margin-bottom: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.niya-ent-featured-title {
	margin: 0 0 8px;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 800;
	line-height: 1.35;
	color: #fff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

.niya-ent-featured-date {
	margin: 0;
	font-size: 0.8125rem;
	color: rgba(255,255,255,0.75);
	font-weight: 600;
}

/* Side cards grid */
.niya-ent-side {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	align-content: start;
}

.niya-ent-card {
	position: relative;
}

.niya-ent-link {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	box-shadow: 0 2px 12px rgba(15,23,42,0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-ent-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(15,23,42,0.15);
}

.niya-ent-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.niya-ent-link:hover .niya-ent-img {
	transform: scale(1.08);
}

.niya-ent-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 50%, transparent 100%);
}

.niya-ent-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 12px;
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.35;
}

.niya-ent-time {
	position: absolute;
	top: 10px;
	right: 10px;
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 4px;
}

/* ===== Technology Section ===== */
.niya-tech {
	background: var(--news-canvas, #F3F4F6);
}

.niya-section-more {
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--brand-red-bright, #063FEB);
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.2s ease;
}

.niya-section-more span {
	font-size: 0.875rem;
}

.niya-section-more:hover {
	color: var(--brand-red, #001D83);
}

.niya-tech-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(16px, 2vw, 24px);
	align-items: stretch;
}

/* Featured card */
.niya-tech-featured {
	position: relative;
}

.niya-tech-featured-link {
	display: block;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	height: 100%;
	min-height: 400px;
	box-shadow: 0 2px 16px rgba(15,23,42,0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-tech-featured-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 28px rgba(15,23,42,0.18);
}

.niya-tech-featured-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.niya-tech-featured-link:hover .niya-tech-featured-img {
	transform: scale(1.06);
}

.niya-tech-featured-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0.1) 75%, transparent 100%);
}

.niya-tech-featured-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: clamp(24px, 3vw, 36px);
}

.niya-tech-featured-title {
	margin: 0 0 10px;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 800;
	line-height: 1.35;
	color: #fff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

.niya-tech-featured-excerpt {
	margin: 0 0 8px;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: rgba(255,255,255,0.85);
}

.niya-tech-featured-date {
	font-size: 0.75rem;
	color: var(--brand-yellow, #FAA31B);
	font-weight: 600;
}

/* Side cards grid */
.niya-tech-side {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	align-content: start;
}

.niya-tech-card {
	position: relative;
}

.niya-tech-link {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	box-shadow: 0 2px 12px rgba(15,23,42,0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.niya-tech-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(15,23,42,0.15);
}

.niya-tech-card-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.niya-tech-link:hover .niya-tech-card-img {
	transform: scale(1.08);
}

.niya-tech-card-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
}

.niya-tech-card-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: clamp(10px, 1.2vw, 14px);
	margin: 0;
	font-size: 0.875rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.35;
}

/* ===== Responsive ===== */
@media (max-width: 1200px) {
	.niya-four-cols-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 1024px) {
	.niya-opinion-video-grid {
		grid-template-columns: 1fr;
	}

	.niya-triple-cols-grid {
		grid-template-columns: 1fr;
	}

	.niya-culture-grid {
		grid-template-columns: 1fr;
	}

	.niya-culture-featured-link {
		min-height: 300px;
	}

	.niya-culture-side {
		grid-template-columns: 1fr 1fr;
	}

	.niya-entertainment-grid {
		grid-template-columns: 1fr;
	}

	.niya-ent-featured-link {
		min-height: 300px;
	}

	.niya-ent-side {
		grid-template-columns: 1fr 1fr;
	}

	.niya-tech-grid {
		grid-template-columns: 1fr;
	}

	.niya-tech-featured-link {
		min-height: 300px;
	}

	.niya-tech-side {
		grid-template-columns: 1fr 1fr;
	}

	.niya-fares-card {
		flex: 0 0 240px;
	}

	.niya-videos-grid {
		grid-template-columns: 1fr;
	}

	.niya-video-featured-link {
		min-height: 320px;
	}

	.niya-fares-nav {
		display: none;
	}
}

@media (max-width: 768px) {
	.niya-four-cols-grid {
		grid-template-columns: 1fr;
	}

	.niya-video-thumbs {
		grid-template-columns: repeat(2, 1fr);
	}

	.niya-tech-side {
		grid-template-columns: 1fr;
	}

	.niya-tech-featured-link {
		min-height: 260px;
	}

	.niya-fares-card {
		flex: 0 0 260px;
	}

	.niya-ent-featured-link {
		min-height: 240px;
	}

	.niya-ent-side {
		grid-template-columns: 1fr;
	}

	.niya-prayer-times {
		grid-template-columns: repeat(3, 1fr);
	}
}