/* ==========================================================
   01. Foundation & Global Styles
   ========================================================== */
:root {
	--ev-page-max:1600px;
	--ev-green:#1aae50;
	--ev-green2:#4ade80;
	--ev-bg:#2b3648;
	--ev-panel:#333f53;
	--ev-panel2:#2f3a4e;
	--ev-border:rgba(255,255,255,.09);
	--ev-muted:#aeb9cd;
	--ev-text:#f5f7fb;
	--ev-shadow:0 16px 40px rgba(0,0,0,.25);
}
body {
	margin:0;
	background:#2b3648;
	color:#fff;
	font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	line-height:1.6;
	padding-top:72px;
	overflow-x:hidden;
	min-height:100vh;
	-webkit-font-smoothing:antialiased;
	min-width:0;
}
* {
	box-sizing:border-box;
}
a {
	color:inherit;
	text-decoration:none;
}
button,input {
	font:inherit;
}

*,*::before,*::after {
	box-sizing:border-box;
	margin:0;
	padding:0;
}
img {
	max-width:100%;
	height:100%;
	display:block;
	object-fit: cover;
}
ul {
	list-style:none;
}
button {
	font-family:inherit;
	cursor:pointer;
	border:none;
	background:none;
	color:inherit;
}

.container {
	width:100%;
	max-width:var(--ev-page-max);
	margin:0 auto;
	padding:0 clamp(16px,4vw,32px);
	box-sizing:border-box;
	position:relative;
	overflow-x: hidden;
}


#scrollTopBtn.on {
    opacity: 1;
    visibility: visible;
}

#scrollTopBtn {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 48px;
    height: 48px;
    color: rgb(255, 255, 255);
    z-index: 7000;
    opacity: 0;
    visibility: hidden;
    box-shadow: rgba(74, 222, 128, 0.4) 0px 10px 26px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgb(26, 174, 80), rgb(22, 163, 74));
    transition: 0.2s;
}
/* ==========================================================
   02. Header & Navigation
   ========================================================== */
header#mainHeader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:72px;
	background:rgba(51,63,83,.96);
	border-bottom:1px solid rgba(255,255,255,.08);
	z-index:9000;
	box-shadow:0 8px 25px rgba(0,0,0,.12);
}

header#mainHeader::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:2px;
	pointer-events:none;
	background:linear-gradient(90deg,transparent 0%,rgba(26,174,80,0) 18%,rgba(26,174,80,.85) 38%,rgba(74,222,128,.95) 50%,rgba(26,174,80,.85) 62%,rgba(26,174,80,0) 82%,transparent 100%);
	background-size:220% 100%;
	animation:evantAurora 9s linear infinite;
	opacity:.85;
}
@keyframes evAurora {
	from {
	background-position:120% 0;
}
to {
	background-position:-120% 0;
}
}
.header-inner {
	width:100%;
	max-width:var(--ev-page-max);
	height:72px;
	margin:0 auto;
	padding:0 clamp(16px,2vw,32px);
	box-sizing:border-box;
	position:relative;
}
.hi {
	height:72px;
	margin:0 auto;
	display:flex;
	align-items:center;
	gap:16px;
	justify-content:space-between;
}
.logo-wrap {
	display:flex;
	align-items:center;
	flex:0 0 auto;
	gap:0;
	text-decoration:none;
}
.logo-text strong {
	font-size:clamp(1.2rem,3.2vw,1.55rem);
	font-weight:900;
	letter-spacing:2px;
	display:block;
}
.logo-text strong .logo-first {
	color:var(--ev-logo-first,#fff);
}
.logo-text strong .logo-second {
	background:none;
	-webkit-background-clip:initial;
	background-clip:initial;
	color:var(--ev-logo-second,#22c55e);
	-webkit-text-fill-color:var(--ev-logo-second,#22c55e);
}
.main-nav {
	flex:1;
	display:flex;
	justify-content:center;
}
.nav-list {
	display:flex;
	gap:5px;
	padding:4px;
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.08);
	border-radius:14px;
}
.nav-ic {
	color:var(--ev-green2);
}
.nav-list a {
	padding: 9px 18px;
    font-weight: 600;
    white-space: nowrap;
    display: flex;
    gap: 10px;
    align-items: center;
    border-radius: 10px;
    color: #bcc6d8;
    font-size: .8rem;
}
.nav-list a:hover,.nav-list a.active {
	background:rgba(74,222,128,.11);
	color:#fff;
}
.header-actions {
	display:flex;
	align-items:center;
	gap:7px;
	justify-content:flex-end;
	flex:0 0 auto;
	min-width:0;
	height:40px;
}
.icon-btn {
	width:40px;
	height:40px;
	border-radius:12px;
	border:1px solid rgba(255,255,255,.08);
	background:rgba(255,255,255,.04);
	color:#BCC4DA;
	display:grid;
	place-items:center;
	position:relative;
	font-size:.88rem;
}
.icon-btn:hover {
	background:rgba(74,222,128,.12);
	color:#fff;
}
.icon-btn-saved.has-saved {
	border-color:rgba(74,222,128,.35);
	background:rgba(26,174,80,.10);
	color:#4ade80;
}
.header-app-btn {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	width:auto;
	height: 30px;
	padding:0 13px;
	border-radius: 50px;
	background:#1aae50;
	color:#fff;
	font-weight:600;
}
.header-app-btn:hover {
	background:#18a44b;
}
.hdr-bm-count {
	position:absolute;
	top:-5px;
	right:-5px;
	min-width:16px;
	height:16px;
	border-radius:50px;
	background:var(--ev-green);
	color:#ffffff;
	font-size:10px;
	font-weight:900;
	display:grid;
	place-items:center;
}

/* ==========================================================
   03. Mobile Menu Section
   ========================================================== */

.mms {
	position:fixed;
	top:0;
	right:-340px;
	width:min(320px,90vw);
	height:100vh;
	background:#2b3648;
	border-left:1px solid rgba(74,222,128,.22);
	z-index:9998;
	padding:18px;
	transition:.3s;
	overflow:hidden;
}
.mms.on {
	right:0;
}
.mms-head {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.mms-close {
	width:38px;
	height:38px;
	border:1px solid var(--ev-border);
	border-radius:10px;
	color:#fff;
}
.mms-search {
	display:flex;
	gap:6px;
	margin:20px 0;
}
.mms-search input {
	min-width:0;
	flex:1;
	background:var(--ev-panel);
	border:1px solid var(--ev-border);
	color:#fff;
	border-radius:10px;
	padding:9px;
}
.mms-search button {
	width:42px;
	background:var(--ev-green);
	border-radius:10px;
}
.mms-links {
	list-style:none;
	padding:0;
	margin:0;
}
.mms-links li {
	margin:5px 0;
}
.mms-links a {
	display:flex;
	gap:10px;
	align-items:center;
	padding:10px;
	border-radius:10px;
	color:#bcc6d8;
	font-size:.8rem;
}
.mms-links a:hover {
	background:rgba(74,222,128,.1);
	color:#fff;
}
.mms-links i {
	width:18px;
	color:var(--ev-green2);
}
.mms-social {
	margin-top:25px;
}
.mms-social-label {
	font-size:.7rem;
	color:#8492aa;
	margin-bottom:8px;
}
.social-row {
	display:flex;
	gap:8px;
}

/* ==========================================================
   04. Search Overlay
   ========================================================== */
.evant-search-overlay.on {
	display:block;
}
.evant-search-overlay {
	position:fixed;
	inset:0;
	background:rgba(20,27,40,.88);
	backdrop-filter:blur(8px);
	z-index:9999;
	display:none;
	padding:90px 20px;
}
.evant-search-close {
	position: absolute;
    top: 28px;
    right: 28px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--ev-panel);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.evant-search-form {
	max-width:760px;
	margin:0 auto;
	display:flex;
	align-items:center;
	gap:8px;
	background:var(--ev-panel);
	padding:10px;
	border:1px solid rgba(74,222,128,.28);
	border-radius:16px;
}
.evant-search-form input {
	flex:1;
	min-width:0;
	background:none;
	border:0;
	outline:0;
	color:#fff;
	font-size:1rem;
}
.evant-search-submit {
	background:var(--ev-green);
	color:#ffffff;
	border-radius:10px;
	padding:9px 15px;
	font-weight:600;
}

.evant-search-hint {
	max-width:760px;
	margin:12px auto;
	color:#8795ab;
	font-size:.8rem;
}
.evant-search-hint kbd {
	padding:2px 6px;
	background:#202a3c;
	border-radius:5px;
}


/* ==========================================================
   04. Section Badges & Heading
   ========================================================== */
.sec-head {
	display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.sec-head::after {
	content:"";
	flex:1 1 auto;
	height:2px;
	min-width:36px;
	border-radius:2px;
	background:linear-gradient(90deg,#4ade80,rgb(26 174 80 / 22%) 45%,transparent);
}
.sec-badge {
	flex: 0 0 auto;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    height: 22px;
    margin: 0;
    border: 1px solid rgba(74, 222, 128, .38);
    background: rgba(26, 174, 80, .10);
    color: #4ade80;
    border-radius: 999px;
    padding: 0 10px;
    font-size: .54rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .75px;
}
.sec-head h2 {
	color:#fff;
	font-size:20px;
	line-height:1;
	font-weight:800;
}
.sec-head h2 i {
	color: var(--ev-green2);
	margin-right:5px;
}
.sec-head h2 em {
	font-style:normal;
	color:#1aae50;
}
.sec-more {
	color: var(--ev-green2);
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 800;
    order: 2;
}


/* ==========================================================
   05. Hero Section
   ========================================================== */
   .hero {
	padding:48px 0 64px;
	overflow:hidden;
	position:relative;
}
.cn {
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:1;
	margin-inline:auto;
}
.hero-grid {
	display:grid;
	grid-template-columns:1.05fr .95fr;
	gap:24px;
	align-items:center;
}

/*Hero Left*/
.hn-trend {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}
.hn-trend-card {
	background:var(--ev-panel);
	border:1px solid var(--ev-border);
	border-radius:14px;
	overflow:hidden;
	transition:.25s;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}
.hn-trend-media {
	display:block;
	position:relative;
	aspect-ratio:16/9;
	overflow:hidden;
}
.hn-trend-media img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.hn-trend-grad {
	position:absolute;
	inset:35% 0 0;
	background:linear-gradient(transparent,rgba(0,0,0,.75));
}
.hn-trend-badge {
	position: absolute;
    top: 8px;
    left: 8px;
    bottom: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #1aae50;
    font-size: 10px;
    font-weight: 800;
    color: #fff;
    z-index: 2;
}
.hn-trend-txt {
	padding:9px 11px 11px;
	display:block;
}
.hn-trend-cat {
	display:block;
	color:var(--ev-green2);
	font-size:.58rem;
	font-weight:800;
	letter-spacing: 1.1px;
	text-transform:uppercase;
}
.hn-trend-name {
	font-size:.85rem;
	font-weight:800;
	line-height:1.3;
	margin-top:3px;
	display:block;
	overflow:hidden;
}
.hn-platforms {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:12px 0 0;
}
.hn-plat {
	padding:6px 10px;
	border:1px solid var(--ev-border);
	background:rgba(255,255,255,.035);
	border-radius:999px;
	font-size:.65rem;
	color:#c4ccdc;
}
.hn-plat i {
	color:var(--ev-green2);
	margin-right:4px;
}

/*Hero Right*/

.hero-right {
	position:relative;
	min-height:560px;
	margin:0;
	display:block;
	isolation:isolate;
	overflow:visible;
	width:100%;
}
.float-game {
	position: absolute;
    width: 64px;
    height: 64px;
    padding: 4px;
    background: #333F53;
    border: 1px solid rgb(255 255 255 / .16);
    border-radius: 15px;
    z-index: 6;
    animation: evRefIconFloat 5.8s ease-in-out infinite;
    will-change: transform;
    box-shadow: 0 10px 24px rgb(0 0 0 / .45);
}
@keyframes evRefIconFloat {
	50% {
	transform:translate3d(0,-10px,0) rotate(2deg);
}
}
.hero-right .fg-1 {
	top: 72.5%;
    right: 10%;
    animation-delay: 2.8s;
    bottom: auto;
    left: auto;
    transform: rotate(15deg);
}
.hero-right .fg-2 {
	top: 87.5%;
    left: 7.0%;
    animation-delay: 3.5s;
    bottom: auto;
    right: auto;
    transform: rotate(350deg);
}
.hero-right .fg-3 {
	top: 8.8%;
    right: auto;
    animation-delay: .4s;
    left: 16.8%;
    bottom: auto;
    transform: rotate(15deg);
}
.hero-right .fg-4 {
	bottom:auto;
	left:auto;
	animation-delay:1.4s;
	top:45.6%;
	right: 16.8%;
	transform: rotate(-18deg);
}
.hero-right .fg-5 {
	bottom: auto;
    right: auto;
    animation-delay: 2.1s;
    top: 27.3%;
    left: 7.3%;
    transform: rotate(336deg);
}
.hero-right .fg-6 {
	top: -3.3%;
    left: auto;
    right: 15.8%;
    bottom: auto;
    animation-delay: .9s;
    transform: rotate(15deg);
    width: 52px;
    height: 52px;
}
.hero-right .fg-7 {
	bottom: auto;
    left: auto;
    animation-delay: 1.9s;
    top: 20.1%;
    right: 7.8%;
    transform: rotate(15deg);
}
.hero-right .fg-8 {
	width: 58px;
    height: 58px;
    top: 100%;
    right: auto;
    animation-delay: 4.3s;
    left: 41%;
    bottom: auto;
    transform: rotate(343deg);
}
.float-game img {
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:10px;
}
.phone-3d {
	position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 580px;
    transform:translate(-50%,-50%);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .48), 0 0 42px rgba(26, 174, 80, .10), inset 0 0 0 2px rgba(255, 255, 255, .045), inset -8px -10px 24px rgba(0, 0, 0, .20);
    transform-origin: center center;
    will-change: transform;
    border-radius: 42px;
    border: 9px solid #3A4763;
}
.phone-3d::before {
	content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 100px;
    height: 22px;
    transform: translateX(-50%);
    border-radius: 0 0 18px 18px;
    background: #0e1725;
    z-index: 1;
}
.phone-3d::after {
	content: "";
    position: absolute;
    right: -12px;
    top: 35%;
    width: 5px;
    height: 60px;
    border-radius: 3px 0 0 3px;
    background: #3a4763;
}
.phone-screen {
	width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #202c3e 0%, #1d293a 100%);
    padding: 20px 14px 16px;
    box-sizing: border-box;
    border-radius: 35px;
    position: relative;
    box-shadow: inset 0 0 28px rgba(0, 0, 0, .18);
}
.phone-screen::after {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(115deg,rgba(255,255,255,.065),transparent 24%,transparent 72%,rgba(255,255,255,.018));
	pointer-events:none;
	z-index:20;
}
.ph-status {
	height:18px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#d9dfeb;
	padding: 0 8px;
	font-size:.68rem;
	font-weight:600;
}
.ph-status .right {
	display:flex;
	align-items:center;
	gap:4px;
}
.ph-app-header {
	text-align:center;
	padding:16px 0 12px;
}
.ph-app-header strong {
	display: block;
    font-size: .92rem;
    line-height: 1.1;
    color: #fff;
    font-weight: 900;
    letter-spacing: .3px;
}
.ph-app-header strong .ph-logo-first {
	color:var(--ev-logo-first,#fff);
}
.ph-app-header strong .ph-logo-second {
	color:var(--ev-logo-second,#1aae50);
}
.ph-app-header em {
	display:block;
	font-style:normal;
	font-size:.65rem;
	color:#aeb9cd;
	margin-top:2px;
}
.ph-search {
	border-radius:9px;
	border:1px solid rgba(255,255,255,.12);
	background:#2b3648;
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 12px;
	color:#94a1b6;
	font-size:.65rem;
	overflow:hidden;
	white-space:nowrap;
}
.ph-search i {
	color: var(--ev-green2);
    font-size: .66rem;
}
.ph-panels{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ph-grid-title {
	font-size: .6rem;
    color: #4ade80;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin: 9px 0 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 6px 0;
}
.ph-codes {
	display:grid;
	gap:7px;
}
.ph-code-row {
	display:flex;
	align-items:center;
	gap:8px;
	padding:7px 8px;
	border-radius:12px;
	background:#2b3648;
	border:1px solid rgba(255,255,255,.06);
	min-width:0;
}
.ph-code-ic {
	width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 6px;
    overflow: hidden;
}
.ph-code-txt {
	min-width:0;
	flex:1;
}
.ph-code-name {
	font-size:.60rem;
	font-weight:700;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.ph-code-chip {
	display: inline-block;
    margin-top: 3px;
    font-size: .5rem;
    font-weight: 700;
    color: #4ade80;
    background: rgba(74, 222, 128, .1);
    border: 1px dashed rgba(74, 222, 128, .45);
    border-radius: 5px;
    padding: 1px 6px;
    letter-spacing: 1.2px;
}
.ph-code-copy {
	font-size: .50rem;
    font-weight: 700;
    color: #fff;
    background: #1aae50;
    border-radius: 6px;
    padding: 3px 8px;
    letter-spacing: 0.5px;
    white-space: nowrap;
    box-shadow: 0 3px 10px rgba(74, 222, 128, .3);
}
.ph-code-row.done .ph-code-copy {
	background: rgba(26, 174, 80, .16);
    color: #4ade80;
    border: 1px solid rgba(26, 174, 80, .3);
    box-shadow: none;
}
.ph-reward {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .4px;
    color: #4ADE80;
    background: rgba(26, 174, 80, .08);
    border: 1px dashed rgb(74 222 128 / .3);
    border-radius: 10px;
    padding: 6px;
}
.ph-reward b {
	color:#fff;
	font-weight: 600;
}
.ph-cta {
	display: block;
    text-align: center;
    margin-top: 20px;
    background: #1aae50;
    color: #fff;
    padding: 11px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(74, 222, 128, .5);
    text-transform: uppercase;
    cursor: pointer;
}

/* ==========================================================
   06. Category Scrolling
   ========================================================== */
   
.sec {
	padding:24px 0;
}
.mapk-trend {
	border:1px solid rgba(26,174,80,.3);
	background:#2f3a4e;
	border-radius:15px;
	display:flex;
	align-items:stretch;
	overflow:hidden;
	box-shadow:0 10px 25px rgba(0,0,0,.12);
	flex-direction:row;
}
.mapk-trend-tag {
	background: #1aae50;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .74rem;
    font-weight: 700;
    gap: 6px;
    flex: 0 0 auto;
    padding: 14px 18px;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.mapk-trend-track {
	display: block;
    padding: 9px 0;
    overflow: hidden;
    flex: 1 1 auto;
    min-width: 0;
    position: relative;
    mask-image: linear-gradient(90deg, transparent, #000 40px, #000 calc(100% - 40px), transparent);
}
.mapk-trend-move {
	display:flex;
	flex-direction:row;
	align-items:center;
	gap: 7px;
	width:max-content;
	min-width:max-content;
	will-change:transform;
	transform:translate3d(0,0,0);
}
.mapk-trend-pill {
	display:flex;
	align-items:center;
	gap:7px;
	padding:7px 12px 7px 8px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:9px;
	background:#333f53;
	flex-direction:row;
	flex-shrink:0;
}
.mapk-trend-pill img {
	width:40px;
	height:40px;
	border-radius:7px;
	object-fit:cover;
}
.mapk-trend-pill .tp-txt {
	display:block;
	min-width:0;
	flex:1 1 auto;
	overflow:hidden;
}
.mapk-trend-pill .tp-txt strong {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.78rem;
}
.mapk-trend-pill .tp-txt em {
	display:block;
	font-style:normal;
	color:#8f9caf;
	font-size:.64rem;
	line-height:1.1;
}
.mapk-trend-pill .tp-badge.tr-hot {
	padding: 3px 8px;
    border-radius: 7px;
    font-size:.54rem;
    font-width: 800;
    line-height: 1;
    letter-spacing: .6px;
    color: #fff;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    box-shadow: 0 3px 8px rgb(250 21 21 / 67%);
}

/* =========================================================
   07.Cards & Game Listings
   ========================================================= */
.game-grid {
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap:16px;
	align-items:stretch;
}
.mapk-flat {
	position:relative;
	display:flex;
	flex-direction:row;
	align-items:center;
	min-width:0;
	height: auto;
	box-sizing:border-box;
	padding:13px 15px;
	gap:14px;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.10);
	border-radius:13px;
	background:#344157;
	box-shadow:none;
	transition:transform .2s ease,border-color .2s ease;
	cursor:pointer;
}
.mapk-flat:hover {
	transform:translateY(-2px);
	border-color:rgba(74,222,128,.30);
}
#games #gameGrid > .mapk-flat.mapk-page-hidden {
	display:none;
}
#games #gameGrid > .mapk-flat:not(.mapk-page-hidden) {
	display:flex;
}
.game-img-wrap {
	position:relative;
	display:block;
	width:64px;
	height:64px;
	line-height:0;
}
.game-img {
	border-radius:16px;
}
.game-mod-badge {
	position: absolute;
    left: 50%;
    right: auto;
    top: auto;
    bottom: -7px;
    transform: translateX(-50%);
    padding: 7px 10px;
    z-index: 3;
    border-radius: 10px;
    color: #fff;
    font-size: 8px;
    letter-spacing: .5px;
    font-weight: 600;
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    background: linear-gradient(135deg, #EF4444, #DC2626);
    box-shadow: 0 3px 8px rgb(239 68 68 / .5);
}
.game-mod-badge.gb-gold {
    background: #e9b912;
    color: #fff;
    box-shadow: 0 3px 8px rgb(250 204 21 / 67%);
}
.game-mod-badge.gb-green {
    background: #10c61a;
    color: #fff;
    box-shadow: 0 3px 8px rgb(21 250 69 / 67%);
}
.game-mod-badge.gb-purple {
    background: #9f46f7;
	color:#fff;
	box-shadow: 0 3px 8px rgb(186 21 250 / 67%);
}
.game-mod-badge.gb-pink {
    background: #ff2095;
	color:#fff;
	box-shadow: 0 3px 8px rgb(250 21 103 / 67%);
}
.game-mod-badge.gb-sky {
    background: #38bdf8;
	color:#fff;
	box-shadow: 0 3px 8px rgb(21 173 250 / 67%);
}
.game-body {
	flex:1 1 auto;
	min-width:0;
	width:auto;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	gap:5px;
	padding:0;
	margin:0;
	text-align:left;
}
.game-title {
	font-size: .92rem;
    font-weight: 800;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.game-meta {
	display:flex;
	flex-wrap:wrap;
	gap:6px 12px;
	color:#bcc4da;
	font-size:.72rem;
	font-weight: 600;
	min-height: 2.2em;
}
.game-meta span {
	display:inline-flex;
	align-items:center;
	gap:10px;
	min-width:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.game-meta i {
    color: var(--ev-green2);
    font-size: .75rem;
}
.mapk-feat-line {
	color:#42dc7d;
	font-weight:700;
}
.mapk-bm {
	position:absolute;
	top:9px;
	right:9px;
	width:26px;
	height:26px;
	display:grid;
	place-items:center;
	margin:0;
	padding:0;
	border:1px solid rgba(74,222,128,.16);
	border-radius:7px;
	background:rgba(26,174,80,.06);
	color:#39c979;
	font-size:.66rem;
}
.mapk-bm:hover,.mapk-bm:focus-visible {
	background:rgba(26,174,80,.16);
	color:#5af08d;
}
@media(max-width:640px) {

.game-img-wrap,.game-img-wrap>a,.game-img {
	width:55px;
	height:55px;
}
.game-title {
	font-size:.85rem;
}
.game-meta {
	font-size:.60rem;
}
}

/* ==========================================================
   08. Games Library Section
   ========================================================== */
.mapk-layout {
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:16px;
	align-items:start;
}
.mapk-pagination {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:6px;
	margin:25px 0 0;
	min-height:36px;
}
.mapk-pagination button {
	min-width:34px;
	height:34px;
	padding:0 9px;
	border-radius:9px;
	border:1px solid rgba(26,174,80,.36);
	background:rgba(255,255,255,.025);
	color:#d7deea;
	font-size:.7rem;
	font-weight:900;
	cursor:pointer;
}
.mapk-pagination button:hover {
	background:rgba(26,174,80,.12);
	color:#fff;
}
.mapk-pagination button.active {
	background:#1aae50;
	border-color:#1aae50;
	color:#fff;
}
.mapk-pagination .dots {
	color:#aeb8ca;
	padding:0 2px;
	font-weight:900;
}
.mapk-pagination button[disabled] {
	opacity:.4;
	cursor:default;
}

/* ==========================================================
   09. Games Library Sidebar Category
   ========================================================== */

.mapk-side {
	display:grid;
	gap:12px;
}
.mapk-widget {
	background:#333f53;
	border:1px solid rgba(255,255,255,.09);
	border-radius:13px;
	padding:12px;
}
.mapk-widget-head {
	display:flex;
	align-items:center;
	gap:7px;
	margin-bottom:9px;
}
.mapk-widget-ic {
	width:25px;
	height:25px;
	display:grid;
	place-items:center;
	border-radius:7px;
	background:rgba(26,174,80,.13);
	color:#4ade80;
}
.mapk-widget-head h3 {
    font-weight: 800;
	font-size:1rem;
	letter-spacing: -.2px;
	margin:0;
}
.mapk-viewall {
    margin-left:auto;
	font-size: .72rem;
    font-weight: 800;
    color: #4ade80;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgb(26 174 80 / .12);
    transition: background .18s ease, color .18s ease;
}
.mapk-viewall:hover {
    background: rgb(26 174 80 / .25);
    color: #fff;
}
.mapk-cat-list {
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:6px 10px;
}
.mapk-cat-list a {
	display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: .8rem;
    font-weight: 600;
    color: #bcc4da;
    background: rgb(255 255 255 / .03);
    border: 1px solid #fff0;
    transition: all .18s ease;
    overflow: hidden;
}
.mapk-cat-list a:hover {
	color: #fff;
    border-color: rgb(26 174 80 / .4);
    background: rgb(26 174 80 / .1);
    transform: translateX(2px);
}
.mapk-cat-list i {
	color:#1aae50;
	margin-right:3px;
}

/* ==========================================================
   10. Today on
   ========================================================== */

.evn-feat {
	display:grid;
	grid-template-columns: 1.9fr 1fr;
	gap:22px;
}
.evn-feat-main {
	position:relative;
	display:block;
	min-height:400px;
	border-radius:22px;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.09);
	background:#333f53;
}
.evn-feat-grad {
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(8,13,22,.03) 25%,rgba(8,13,22,.94) 100%);
}
.evn-feat-body {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:17px;
}
.evn-tag {
	display: inline-block;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(74, 222, 128, .16);
    border: 1px solid rgba(74, 222, 128, .35);
    color: #4ADE80;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.evn-feat-body h2 {
	font-size:1.8rem;
	line-height:1.3;
	margin:5px 0;
}
.evn-feat-body p {
	font-size:.92rem;
	line-height:1.45;
	color:#8f9caf;
	max-width: 640px;
	margin:0 0 14px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.evn-feat-meta {
	font-size:.82rem;
	color:#8f9caf;
}
.evn-feat-read {
	color:#4ade80;
	font-weight: 700;
}

/*Latest Sidebar Section*/
.evn-rail {
	background:#333f53;
	border:1px solid rgba(255,255,255,.09);
	border-radius:22px;
	padding:18px;
	overflow:hidden;
}
.evn-rail-head {
	font-weight: 700;
    font-size: .74rem;
    letter-spacing: .18em;
    color: #4ADE80;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 4px 6px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.evn-rail-item {
	display: flex;
    gap: 12px;
    padding: 9px 8px;
}
.evn-rail-thumb {
	width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 12px;
    overflow: hidden;
}
.evn-rail-thumb img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.evn-rail-time {
	color: #8D96B0;
    font-size: .7rem;
    font-weight: 600;
}
.evn-rail-title {
	display: block;
    font-size: .86rem;
    line-height: 1.25;
    font-weight: 700;
    color: #F1F5FB;
}
.evn-rail-more {
	display:block;
	text-align:center;
	padding:10px 8px;
	margin:10px 0 0;
	border:1px dashed rgba(26,174,80,.55);
	border-radius:9px;
	color: #1aae50;
	font-size: .78rem;
    font-weight: 800;
	background:transparent;
	text-transform:uppercase;
	letter-spacing:.4px;
	transition: background .3s;
}
.evn-rail-more:hover {
	background:rgba(26,174,80,.08);
	border-color:#1aae50;
}

/* ==========================================================
   11. Latest in Code
   ========================================================== */

.evn-strip-head {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.cat-section {
    display: flex;
    align-items: center;
}
.evn-strip-head h2 {
	display: inline;
    margin: 0 0 0 14px;
    font-weight: 900;
    color: #fff;
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    line-height: 1.2;
}
.evn-viewall {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 17px;
    border: 1px solid rgba(74, 222, 128, .35);
    border-radius: 12px;
    color: #4ade80;
    background: rgba(74, 222, 128, .035);
    font-weight: 700;
    font-size: .8rem;
    letter-spacing: .25px;
    text-transform: uppercase;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.evn-viewall:hover {
	background: rgba(74, 222, 128, .16);
	border-color:rgba(74,222,128,.7);
    transform: translateX(2px);
}
.evn-grid-3 {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:18px;
}
.evn-card {
	display:flex;
	flex-direction:column;
	min-width:0;
	background:#292d50;
	border:1px solid rgba(116,132,178,.34);
	border-radius:18px;
	overflow: hidden;
	box-shadow:0 8px 24px rgba(0,0,0,.08);
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.evn-card:hover {
	transform:translateY(-3px);
	border-color:rgba(74,222,128,.45);
	box-shadow: 0 22px 46px rgba(0, 0, 0, .5), 0 0 0 1px rgba(74, 222, 128, .22);
}
.evn-card .blog-card-img {
	position:relative;
	overflow:hidden;
	background:#202641;
	aspect-ratio:16/9;
}
.evn-card .blog-card-img img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .35s ease;
}
.evn-card:hover .blog-card-img img {
	transform:scale(1.035);
}
.evn-card .blog-card-body {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	padding: 20px 20px 16px;
	background:transparent;
}
.evn-card .blog-card-title {
	margin: 0;
    color: #fff;
    font-size: 1.08rem;
    line-height: 1.42;
    font-weight: 800;
}
.evn-card .blog-card-ex {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 2.65em;
    margin: 9px 0 13px;
    color: #9ba8c0;
    font-size: .86rem;
}
.evn-card .blog-card-meta {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 11px;
    border-top: 1px solid rgba(154, 169, 204, .18);
    color: #9ba8c0;
    font-size: .68rem;
    font-weight: 600;
}
.evn-card .blog-card-meta i {
	margin-right: 4px;
}
.evn-card .blog-card-more {
    color: #4ade80;
    font-size: .70rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: transform .25s;
}
.evn-card:hover .blog-card-more {
    transform: translateX(3px);
}

/* =========================================================
   12. Latest News Section
   ========================================================= */

.evn-news-list {
	display: flex;
    flex-direction: column;
    gap: 12px;
}
.evn-news-row {
	display:flex;
	align-items:center;
	gap:16px;
	min-height:76px;
	padding:14px 16px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:14px;
	background:#333f53;
	transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.evn-news-row:hover {
	background:#39475d;
	border-color:rgba(74,222,128,.38);
	transform:translateY(-1px);
}
.evn-news-thumb {
	width:88px;
	height:64px;
	border-radius:12px;
	overflow:hidden;
}
.evn-news-txt {
    min-width: 0;
    flex: 1;
}
.evn-news-txt h3 {
	margin:0;
	color:#fff;
	font-size:.98rem;
	line-height:1.35;
	font-weight:850;
}
.evn-news-txt p {
	margin:5px 0 0;
	color:#a9b5c9;
	font-size:.82rem;
	line-height:1.35;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.evn-news-time {
	color:#a9b5c9;
	font-size:.74rem;
	white-space:nowrap;
}


/* =========================================================
   13. Footer Section
   ========================================================= */

.mapk-footer {
	margin-top:42px;
	padding:44px 0 0;
	background:#2b3648;
	border-top:1px solid rgba(74,222,128,.22);
	color:#fff;
}
.f-grid {
	display:grid;
	grid-template-columns:2.15fr repeat(3,1fr);
	gap:48px;
	padding-bottom:36px;
}
.f-brand {
	line-height:1.2;
}
.f-desc {
	margin:14px 0 12px;
	color:#aeb9cc;
	font-size:.85rem;
	line-height:1.6;
	max-width:340px;
}
.f-social {
	display:flex;
	gap:8px;
}
.f-social a,.social-row a {
	width:34px;
	height:34px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:10px;
	display:grid;
	place-items:center;
	color:#aeb9cc;
	font-size:.85rem;
	background:rgba(255,255,255,.035);
	transition:all .25s ease;
}
.f-social a:hover,.social-row a:hover {
	color:var(--ev-green2,#22d66f);
	border-color:rgba(74,222,128,.35);
	transform:translateY(-2px);
}
.f-col h4 {
	margin:0 0 12px;
	color:#fff;
	font-size:.82rem;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.8px;
}
.f-col ul {
	list-style:none;
	padding:0;
	margin:0;
}
.f-col li {
	margin:8px 0;
}
.f-col a {
	color:#aeb9cc;
	font-size:.83rem;
	font-weight: 600;
	display:inline-flex;
	align-items:center;
	transition:color .2s ease;
}
.f-col a:hover {
	color:#4ade80;
}
.f-col i {
	color:var(--ev-green2,#22d66f);
	font-size:.5rem;
	margin-right:8px;
}
.f-bottom {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    border-top: 1px solid rgb(255 255 255 / 9%);
    padding: 16px 0 18px;
}
.f-copy {
    color: #bcc4da;
    font-size: .8rem;
}
.f-copy strong {
	color:#fff;
}
.f-links {
	display:flex;
	align-items:center;
	gap:16px;
}
.f-links li {
	list-style:none;
	margin:0;
	padding:0;
}
.f-links a {
    font-size: .78rem;
	color:#aeb9cc;
	font-weight: 600;
	transition:color .2s ease;
}
.f-links a:hover {
	color:#4ade80;
}


/* =========================================================
   SAVED GAMES PAGE
   ========================================================= */
.saved-page-head h1 {
	font-size:clamp(1.4rem,3vw,1.9rem);
	margin:0;
}
.saved-page-head-accent {
	background: linear-gradient(135deg, #1AAE50, #38BDF8);
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.saved-page-head i {
	font-size:1.3rem;
	color:#39c979;
}
.saved-controls {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:18px;
}
.saved-count-pill {
	display:inline-flex;
	align-items:center;
	height:26px;
	padding:0 14px;
	border:1px solid rgba(74,222,128,.4);
	border-radius:999px;
	background:rgba(26,174,80,.06);
	color:#4ade80;
	font-size:.68rem;
	font-weight:900;
	letter-spacing:.5px;
	text-transform:uppercase;
	white-space:nowrap;
}
.saved-clear-btn {
	display:inline-flex;
	align-items:center;
	gap:6px;
	height:26px;
	padding:0 14px;
	border:1px solid rgba(248,113,113,.35);
	border-radius:999px;
	background:rgba(248,113,113,.08);
	color:#f87171;
	font-size:.68rem;
	font-weight:800;
	cursor:pointer;
	transition:background .2s ease,border-color .2s ease;
}
.saved-clear-btn:hover {
	background:rgba(248,113,113,.16);
	border-color:rgba(248,113,113,.55);
}
.saved-clear-btn:disabled {
	opacity:.4;
	cursor:not-allowed;
}
.saved-page-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:14px;
}
.saved-page-grid[hidden] {
	display:none;
}
.svc-card {
	min-width:0;
	display:grid;
	grid-template-columns:72px minmax(0,1fr) 26px;
	align-items:center;
	gap:12px;
	padding:12px;
	border:1px solid rgba(255,255,255,.11);
	border-radius:14px;
	background:#344156;
	position:relative;
	transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.svc-card:hover {
	transform:translateY(-2px);
	border-color:rgba(74,222,128,.30);
	background:#37455a;
}
.svc-img-wrap {
	width:72px;
	height:72px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}
.svc-img-link {
	display:block;
	line-height:0;
}
.svc-img {
	width:72px;
	height:72px;
	object-fit:cover;
	border-radius:14px;
	display:block;
}
.svc-badge {
	position:absolute;
	left:6px;
	bottom:-4px;
	min-width:30px;
	height:15px;
	padding:0 5px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(255,255,255,.25);
	border-radius:4px;
	background:#ff3b3b;
	color:#fff;
	font-size:.48rem;
	font-weight:900;
	line-height:1;
	box-shadow:0 2px 5px rgba(0,0,0,.28);
}
.svc-body {
	min-width:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:5px;
	overflow:hidden;
}
.svc-title {
	margin:0;
	font-size:.85rem;
	font-weight:900;
	letter-spacing:-.1px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.svc-title-link {
	color:#fff;
	text-decoration:none;
}
.svc-meta {
	display:flex;
	align-items:center;
	gap:5px;
	font-size:.65rem;
	color:#aeb9cb;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.svc-ver i {
	color:#22c55e;
	font-size:.6rem;
}
.svc-feat {
	color:#4ade80;
	font-weight:800;
}
.svc-feat i {
	font-size:.6rem;
}
.saved-page-grid .mapk-bm {
	justify-self:end;
	align-self:start;
	width:24px;
	height:24px;
	border:1px solid rgba(74,222,128,.23);
	border-radius:7px;
	color:#4ade80;
	background:rgba(26,174,80,.05);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:.68rem;
	cursor:pointer;
	transition:background .2s ease,border-color .2s ease;
}
.saved-page-grid .mapk-bm:hover {
	border-color:rgba(74,222,128,.55);
	background:rgba(26,174,80,.10);
}
.saved-empty {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	gap:8px;
	padding:64px 20px;
	border:1px dashed rgba(255,255,255,.14);
	border-radius:16px;
	background:rgba(255,255,255,.02);
}
.saved-empty[hidden] {
	display:none;
}
.saved-empty i {
	font-size:2rem;
	color:#7b8698;
	margin-bottom:6px;
}
.saved-empty h2 {
	margin:0;
	font-size:1.1rem;
	color:#fff;
}
.saved-empty p {
	margin:0;
	max-width:360px;
	color:#a9b5c9;
	font-size:.82rem;
	line-height:1.5;
}
.saved-explore-btn {
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin-top:10px;
	padding:10px 22px;
	border-radius:999px;
	background:#1aae50;
	color:#fff;
	font-weight:800;
	font-size:.82rem;
	text-decoration:none;
}
.saved-explore-btn i {
	color:#fff;
	font-size:.85rem;
	line-height:1;
	margin:0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	position:relative;
	top:1px;
}
.saved-explore-btn:hover {
	background:#189a47;
}
/* =========================================================
   Mobile Mode
   ========================================================= */
@media (max-width:768px) {
	/* Header layout: menu toggle on the left, App + Search icons on the right */
	.main-nav {
		display:none;
	}
	.icon-btn-saved,
	.icon-btn-tg {
		display:none;
	}
	.header-actions {
		display:contents;
	}
	.hi {
		justify-content:flex-start;
		gap:10px;
	}
	.icon-btn-menu {
		order:-2;
	}
	.logo-wrap {
		order:-1;
		flex:1 1 auto;
		min-width:0;
	}
	.header-app-btn {
		order:1;
		margin-left:auto;
	}
	.icon-btn-search {
		order:2;
	}
	.header-app-btn-label {
		display:none;
	}
	.header-app-btn {
		width:40px;
		height:40px;
		padding:0;
		border-radius:12px;
		gap:0;
	}
	.hero {
	padding:10px 0 12px;
}
.hero-grid {
	gap: 8px;
    grid-template-columns: 1fr;
}
  .hero-left {
	width:100%;
	min-width:0;
	display:flex;
	flex-direction:column;
	align-self:stretch;
}
.hn-trend {
	grid-template-columns: 1fr;
}
.hn-trend-card {
	display:none;
	opacity:0;
}
.hn-trend-card.is-active {
	display:block;
	opacity:1;
	animation:evantHotFade .28s ease both;
}
@keyframes evantHotFade {
	from {
	opacity:0;
	transform:translateY(3px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}
.hn-trend-txt {
	text-align:center;
}
  .hn-trend-dots {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	height:24px;
	margin:2px 0 2px;
}
.hn-trend-dot {
	display:block;
	width:7px;
	height:7px;
	padding:0;
	border:0;
	border-radius:50%;
	background:#697486;
	opacity:.8;
	cursor:pointer;
}
.hn-trend-dot.active {
	width:19px;
	border-radius:99px;
	background:#1aae50;
	opacity:1;
}
.hn-platforms {
	justify-content:center;
}
.hn-plat {
	font-size:.60rem;
	line-height:1;
}
.hero-right .float-game {
	width:48px;
	height:48px;
	padding:3px;
	border-radius:13px;
}
.hero-right .fg-1 {
	right:4%;
	bottom:20%;
}
.hero-right .fg-2 {
	left: 8%;
    bottom: 12%;
    top: 78%;
}
.hero-right .fg-3 {
	left:7%;
	top:16%;
}
.hero-right .fg-4 {
	right:8%;
	top:30%;
}
.hero-right .fg-5 {
	left:4%;
	top:46%;
}
.hero-right .fg-6 {
	right:10%;
	top:8%;
}
.hero-right .fg-7 {
	right:0;
	top:50%;
}
.hero-right .fg-8 {
	left:49%;
	bottom:0;
	top: 91%;
}
.phone-3d {
	width:244px;
	height:500px;
}
.ph-grid-title {
    font-size: .48rem;
    letter-spacing: 1.2px;
}
.ph-code-row:nth-child(4) {
        display: none;
}
.ph-cta {
    padding: 10px;
    font-size: .6rem;
    margin-top: 15px;
}
.game-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mapk-layout {
    gap: 40px;
    grid-template-columns: 1fr !important;
}
.sec-badge {
    font-size: .50rem;
}
.sec-head h2 {
    font-size: 16px;
}
 .evn-strip-head h2 {
	font-size:1.15rem;
	margin-left:8px;
}
 .evn-viewall {
	min-height:36px;
	padding:0 12px;
	font-size:.58rem;
}
.evn-feat, .evn-grid-3, .f-grid {
	grid-template-columns:1fr;
}
.evn-news-thumb {
	width:64px;
	height:52px;
}
.evn-news-txt h3 {
	font-size:.78rem;
}
.evn-news-time {
	display:none;
}
.f-bottom {
    justify-content: center;
}
.saved-page-grid {
	grid-template-columns:1fr;
}
.svc-img-wrap,.svc-img {
	width:64px;
	height:64px;
}
}