/* Force Cairo on homepage regardless of html lang */
.av-home,
.av-home button,
.av-home a,
.av-home h1,
.av-home h2,
.av-home h3,
.av-home p,
.av-home span {
	font-family: "Cairo", Tahoma, "Segoe UI", Arial, sans-serif !important;
}

/* AppVortex homepage commercial layer */

.av-home {
	background: linear-gradient(180deg, #d7ebff 0%, #f3f8ff 22%, #ffffff 48%);
}

/* Hero as a sticker on the page */
.av-home-hero {
	position: relative;
	overflow: visible;
	padding: 28px 0 8px;
	background: transparent !important;
	color: #f4f8ff;
}
.av-home-hero::before,
.av-home-hero::after {
	display: none !important;
}
.av-home-hero > .av-home-container {
	position: relative;
	width: min(1380px, calc(100% - 32px));
	padding: 28px 32px 26px;
	border-radius: 28px;
	background:
		radial-gradient(600px 220px at 12% 0%, rgba(47,155,255,.22), transparent 50%),
		linear-gradient(145deg, #0b1a2c 0%, #12385f 58%, #0d2948 100%);
	box-shadow:
		0 18px 40px rgba(13, 34, 58, 0.18),
		0 1px 0 rgba(255,255,255,.16) inset;
}
.av-home-hero__title { color: #fff; }
.av-home-hero__description { color: rgba(244,248,255,.82); }
.av-home-hero__grid {
	position: relative;
	z-index: 2;
	grid-template-columns: minmax(0, 1.05fr) minmax(280px, .9fr);
	gap: 28px;
	align-items: center;
}
.av-home-hero__content {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	backdrop-filter: none;
}
.av-home-featured-game {
	transform: none;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 16px 32px rgba(0,0,0,.25);
}
.av-home-featured-game::after { display: none; }
.av-home-featured-game__media,
.av-home-featured-game__image {
	min-height: 260px;
	height: 260px;
}

.av-home-hero__actions {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
}

/* Shell + aside aligned to View All News */
.av-home-shell {
	width: min(1380px, calc(100% - 32px));
	margin: 8px auto 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 24px;
	align-items: start;
}
.av-home-primary .av-home-container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding-inline: 0;
}
.av-home-news,
.av-home-primary,
.av-home-shell {
	background: transparent !important;
}

.av-home-aside {
	position: sticky;
	top: 88px;
	display: grid;
	gap: 14px;
	margin-top: 9.75rem;
}
.av-aside-card {
	padding: 16px;
	border: 1px solid rgba(36, 99, 168, .14);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 24px rgba(13, 34, 58, .05);
}
.av-aside-card__title {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #1476e8;
}
.av-aside-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.av-aside-item {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	text-decoration: none;
	color: inherit;
}
.av-aside-item__media {
	width: 54px;
	height: 54px;
	overflow: hidden;
	border-radius: 12px;
	background: #e8f3ff;
}
.av-aside-item__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.av-aside-item__body strong {
	display: block;
	font-size: 14px;
	line-height: 1.3;
	color: #0d223a;
}
.av-aside-item__body small { color: #5b7390; }
.av-aside-social { display: flex; flex-wrap: wrap; gap: 8px; }
.av-aside-social a {
	padding: 6px 10px;
	border-radius: 999px;
	background: #e8f3ff;
	color: #1476e8;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.av-home-games,
.av-home-apps { overflow: visible; }
.av-home-games.av-home-section--soft { background: transparent; }
.av-home-section__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 16px;
}
.av-home-section__more { white-space: nowrap; }
.av-home-games__grid--medium {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 1100px) {
	.av-home-games__grid--medium {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 980px) {
	.av-home-shell { grid-template-columns: 1fr; }
	.av-home-aside {
		position: static;
		margin-top: 0;
		grid-template-columns: 1fr 1fr;
	}
	.av-home-hero > .av-home-container { padding: 20px 18px; border-radius: 22px; }
	.av-home-hero__grid { grid-template-columns: 1fr; gap: 18px; }
	.av-home-featured-game__media,
	.av-home-featured-game__image { min-height: 200px; height: 200px; }
}

@media (max-width: 700px) {
	.av-home-hero__actions {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
		margin-top: 18px;
	}
	.av-home-hero__actions .av-home-button {
		width: 100%;
		min-height: 40px;
		padding: 0 6px;
		font-size: 11px;
		white-space: nowrap;
		border-radius: 10px;
	}
	.av-home-aside { grid-template-columns: 1fr; }
	.av-home-section__header { grid-template-columns: 1fr; }
}

/* Ranked sidebar */
.av-aside-rank__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 8px;
}
.av-aside-rank__link {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 8px;
	border-radius: 16px;
	text-decoration: none;
	color: inherit;
	border: 1px solid transparent;
}
.av-aside-rank__item.is-featured .av-aside-rank__link {
	background: linear-gradient(180deg, #2f9bff 0%, #1476e8 100%);
	color: #fff;
}
.av-aside-rank__media,
.av-aside-rank__media img {
	width: 58px;
	height: 58px;
	border-radius: 14px;
	object-fit: cover;
	display: block;
	background: #e8f3ff;
}
.av-aside-rank__body {
	display: grid;
	gap: 4px;
	min-width: 0;
}
.av-aside-rank__index {
	font-size: 11px;
	font-weight: 800;
	color: #1476e8;
	font-variant-numeric: lining-nums tabular-nums;
}
.av-aside-rank__item.is-featured .av-aside-rank__index { color: rgba(255,255,255,.85); }
.av-aside-rank__body strong {
	font-size: 13px;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.av-aside-rank__cta {
	justify-self: start;
	padding: 3px 10px;
	border-radius: 999px;
	border: 1px solid rgba(20, 118, 232, .25);
	font-size: 11px;
	font-weight: 800;
	color: #1476e8;
	background: #fff;
}
.av-aside-rank__item.is-featured .av-aside-rank__cta {
	border-color: transparent;
	background: #0d5fc0;
	color: #fff;
}

@media (max-width: 767px) {
	.av-aside-rank__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.av-aside-rank__link {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
		padding: 10px 8px;
	}
	.av-aside-rank__cta { justify-self: center; }
}

/* Games grid + ranked list */
.av-games-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 24px;
	align-items: start;
}
.av-home-games__grid--medium {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 1100px) {
	.av-games-layout { grid-template-columns: 1fr; }
	.av-home-games__grid--medium {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.av-games-rank .av-aside-rank__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	.av-home-games__grid--medium {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Quick nav as a sticker off the hero */
.av-home-hero { padding-bottom: 0 !important; }
.av-home-hero > .av-home-container { padding-bottom: 56px; margin-bottom: 0; }
.av-home-quick {
	margin-top: -72px !important;
	margin-bottom: 8px;
	position: relative;
	z-index: 12;
}
.av-home-quick .av-home-container { position: relative; z-index: 12; }

/* Tighten news → games gap */
.av-home-shell { margin-top: 4px; }
.av-home-news.av-home-section { padding-top: 28px !important; padding-bottom: 20px !important; }
.av-home-games.av-home-section { padding-top: 28px !important; padding-bottom: 24px !important; }
.av-home-apps.av-home-section { padding-top: 28px !important; }

/* Rank hover instead of fixed blue */
.av-aside-rank__item.is-featured .av-aside-rank__link {
	background: transparent;
	color: inherit;
}
.av-aside-rank__item.is-featured .av-aside-rank__index { color: #1476e8; }
.av-aside-rank__item.is-featured .av-aside-rank__cta {
	background: #fff;
	color: #1476e8;
	border-color: rgba(20, 118, 232, .25);
}
.av-aside-rank__item:hover .av-aside-rank__link,
.av-aside-rank__item:focus-within .av-aside-rank__link {
	background: linear-gradient(180deg, #2f9bff 0%, #1476e8 100%);
	color: #fff;
}
.av-aside-rank__item:hover .av-aside-rank__index,
.av-aside-rank__item:focus-within .av-aside-rank__index { color: rgba(255,255,255,.85); }
.av-aside-rank__item:hover .av-aside-rank__cta,
.av-aside-rank__item:focus-within .av-aside-rank__cta {
	border-color: transparent;
	background: #0d5fc0;
	color: #fff;
}

.av-games-layout {
	align-items: start;
}
.av-games-rank,
.av-games-rank .av-aside-rank {
	margin: 0;
}

.av-home-ad--after-hero + .av-home-quick,
.av-home-quick--after-ad {
	margin-top: 20px !important;
	z-index: 2;
}

/* Quick nav as its own section under the hero */
.av-home-quick,
.av-home-quick--after-ad,
.av-home-ad--after-hero + .av-home-quick {
	margin-top: 24px !important;
	margin-bottom: 0;
	z-index: 1;
	position: relative;
}
.av-home-hero > .av-home-container {
	padding-bottom: 28px;
}

.av-aside-rating{color:#e6b422;font-weight:800;}
.av-aside-rank__index{display:none!important;}
.av-home-news-card__date,.av-home-game-card__meta{display:none!important;}
.av-games-layout{align-items:stretch;}
.av-games-rank,.av-games-rank .av-aside-rank{height:100%;min-height:100%;}
.av-home-games__grid--medium{align-content:stretch;}
.av-home-game-card{height:100%;}
.av-game-card__meta.av-home-game-card__tech{display:flex;gap:10px;margin-top:8px;color:#5b7390;font-size:12px;font-weight:700;}
.av-home-game-card__tech .av-game-card__meta-icon{margin-inline-end:4px;opacity:.7;}

/* News cards: taller row matching stacked aside cards */
.av-home-shell { align-items: stretch; }
.av-home-primary { display: flex; flex-direction: column; min-height: 100%; }
.av-home-news__grid--large {
	flex: 1;
	align-items: stretch;
	grid-auto-rows: 1fr;
}
.av-home-news-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.av-home-news-card__media {
	min-height: 210px;
	flex: 1 1 auto;
}
.av-home-news-card__body {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
}
.av-home-news-card:hover {
	background: linear-gradient(180deg, #e8f3ff 0%, #fff 48%);
	border-color: rgba(20, 118, 232, .28);
	box-shadow: 0 18px 34px rgba(20, 118, 232, .14);
	transform: translateY(-4px);
}

/* News read button — editorial, not download */
.av-home-card-cta.av-home-news-card__read {
	width: auto;
	align-self: flex-start;
	margin-top: 14px;
	min-height: 38px;
	padding: 0 16px;
	border-radius: 999px;
	background: #fff;
	color: #1476e8;
	border: 1.5px solid rgba(20, 118, 232, .35);
	box-shadow: none;
}
.av-home-news-card:hover .av-home-news-card__read,
.av-home-card-cta.av-home-news-card__read:hover {
	background: #1476e8;
	color: #fff;
	border-color: #1476e8;
}

.av-back-top {
	position: fixed;
	inset-inline-end: 22px;
	bottom: 22px;
	z-index: 60;
	width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	padding: 0;
	border: 1px solid rgba(255,255,255,.35);
	border-radius: 16px;
	background: linear-gradient(180deg, #2f9bff 0%, #1476e8 100%);
	color: #fff;
	cursor: pointer;
	box-shadow: 0 12px 28px rgba(20, 118, 232, .32);
	backdrop-filter: blur(8px);
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.av-back-top:hover {
	transform: translateY(-3px);
	filter: brightness(1.06);
	box-shadow: 0 16px 32px rgba(20, 118, 232, .4);
}
.av-back-top svg { display: block; }