/* ============================================================
   GSMArena banner – v3.0 CLEAN solid layout
   ============================================================ */

body.single-aps-products .gsma-hero {
	--gsma-light: transparent;
	--gsma-mid: transparent;
	--gsma-dark: transparent;
	--gsma-action: #888888;
	--gsma-text: #5a2878;
	--gsma-muted: #6a3890;
	background: var(--gsma-mid) !important;
	background-image: linear-gradient(90deg, var(--gsma-light) 0%, var(--gsma-mid) 45%, var(--gsma-dark) 100%) !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	overflow: hidden !important;
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
	border: none !important;
	border-radius: 4px !important;
	box-sizing: border-box !important;
}

body.single-aps-products .gsma-hero-inner {
	display: table !important;
	width: 100% !important;
	table-layout: fixed !important;
	border-collapse: collapse !important;
	min-height: 280px !important;
}

body.single-aps-products .gsma-hero-left {
	display: table-cell !important;
	vertical-align: middle !important;
	width: 240px !important;
	max-width: 240px !important;
	padding: 16px 12px !important;
	text-align: center !important;
	background: transparent !important;
}

body.single-aps-products .gsma-hero-left .aps-product-pic,
body.single-aps-products .gsma-hero-left .aps-main-image {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	margin: 0 auto !important;
	float: none !important;
	width: auto !important;
	padding: 0 !important;
}

body.single-aps-products .gsma-hero-left .aps-main-image img,
body.single-aps-products .gsma-hero-left .aps-image-zoom {
	max-width: 200px !important;
	max-height: 260px !important;
	width: auto !important;
	height: auto !important;
	display: block !important;
	margin: 0 auto !important;
	background: transparent !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: 0 8px 24px rgba(80, 30, 100, 0.15) !important;
	padding: 0 !important;
}

body.single-aps-products .gsma-hero-left .aps-image-gallery {
	display: none !important;
}

body.single-aps-products .gsma-hero-right {
	display: table-cell !important;
	vertical-align: top !important;
	padding: 18px 20px 0 !important;
	color: var(--gsma-text, #4a2068) !important;
	background: transparent !important;
}

body.single-aps-products .gsma-hero-title,
body.single-aps-products .gsma-hero .aps-main-title {
	color: var(--gsma-text, #5a2878) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	margin: 0 0 10px !important;
	line-height: 1.25 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	text-align: left !important;
}

body.single-aps-products .gsma-style {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	background: transparent !important;
}

body.single-aps-products .gsma-banner {
	display: block !important;
	width: 100% !important;
	background: transparent !important;
}

.gsma-top-row {
	display: table !important;
	width: 100% !important;
	margin-bottom: 12px !important;
}

.gsma-quick-list {
	display: table-cell !important;
	vertical-align: top !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: var(--gsma-text, #5a2878) !important;
}

.gsma-quick-list li {
	margin: 0 0 2px !important;
	padding: 0 !important;
	color: var(--gsma-text, #5a2878) !important;
}

.gsma-stats {
	display: table-cell !important;
	vertical-align: top !important;
	text-align: right !important;
	width: 110px !important;
}

.gsma-hits-box {
	display: inline-block !important;
	background: rgba(255,255,255,0.4) !important;
	border-radius: 6px !important;
	padding: 8px 12px !important;
	text-align: center !important;
}

.gsma-hits-pct {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: var(--gsma-text, #5a2878) !important;
	line-height: 1.1 !important;
}

.gsma-hits-num {
	font-size: 11px !important;
	font-weight: 700 !important;
	color: var(--gsma-muted, #6a3890) !important;
}

/* Chips - one row */
body.single-aps-products .gsma-chips {
	display: table !important;
	width: 100% !important;
	table-layout: fixed !important;
	list-style: none !important;
	margin: 8px 0 0 !important;
	padding: 10px 0 !important;
	border-top: 1px solid rgba(255,255,255,0.45) !important;
	background: transparent !important;
}

.gsma-chip {
	display: table-cell !important;
	vertical-align: top !important;
	text-align: center !important;
	padding: 4px 6px !important;
	background: transparent !important;
	border: none !important;
}

.gsma-chip-ico {
	display: block !important;
	font-size: 16px !important;
	margin-bottom: 4px !important;
	line-height: 1 !important;
}

.gsma-chip-value {
	display: block !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	color: var(--gsma-text, #4a2068) !important;
	line-height: 1.15 !important;
	word-break: keep-all !important;
}

.gsma-chip-sub {
	display: block !important;
	font-size: 11px !important;
	color: var(--gsma-muted, #6a3890) !important;
	margin-top: 2px !important;
	line-height: 1.25 !important;
	word-break: keep-all !important;
}

/* Action bar - full width bottom rectangle */
body.single-aps-products .gsma-actions {
	display: table !important;
	width: 100% !important;
	table-layout: fixed !important;
	margin: 12px 0 0 !important;
	padding: 0 !important;
	background: var(--gsma-action, #c48ad8) !important;
	background-image: none !important;
	border: none !important;
}

.gsma-action {
	display: table-cell !important;
	vertical-align: middle !important;
	text-align: center !important;
	padding: 12px 4px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: #fff !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	border-right: 1px solid rgba(255,255,255,0.25) !important;
	background: transparent !important;
	cursor: pointer !important;
	white-space: nowrap !important;
}

.gsma-action:last-child {
	border-right: none !important;
}

.gsma-action:hover {
	background: rgba(255,255,255,0.15) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.gsma-compare-btn {
	cursor: pointer !important;
}

.gsma-compare-btn input {
	display: none !important;
}

.gsma-a-ico {
	margin-right: 3px !important;
}

.aps-single-product > .aps-main-title:not(.gsma-hero-title) {
	display: none !important;
}

/* Specs below */
.aps-specs-group { margin-bottom: 18px !important; }
.aps-specs-group h3, .aps-group-title {
	background: #f3f3f3 !important;
	border: 1px solid #e0e0e0 !important;
	border-bottom: none !important;
	padding: 8px 12px !important;
	margin: 0 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #222 !important;
}
.aps-specs-table {
	width: 100% !important;
	border-collapse: collapse !important;
	border: 1px solid #e0e0e0 !important;
	font-size: 13px !important;
}
.aps-specs-table td {
	padding: 6px 12px !important;
	border-bottom: 1px solid #eee !important;
}
.aps-attr-title {
	width: 30% !important;
	color: #555 !important;
	background: #fafafa !important;
}


}


/* FORCE hide tabs – highest priority */
body.single-aps-products .aps-tabs,
body .aps-single-product .aps-tabs,
body.single-aps-products .aps-tabs,
body.single-aps-products ul.aps-tabs,
.aps-tabs-init > ul {
	display: none !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
body.single-aps-products .aps-tab-content,
body.single-aps-products .aps-tab-container .aps-tab-content {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	height: auto !important;
	position: static !important;
	width: 100% !important;
}
body.single-aps-products .aps-tab-title { display: none !important; }

/* ========== GSMArena specs tables – aligned to longest category (CONNECTIVITY) ========== */
body.single-aps-products .gsma-specs {
	width: 100% !important;
	margin: 0 0 24px !important;
	clear: both !important;
}

body.single-aps-products .gsma-specs-table {
	width: 100% !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	margin: 0 !important;
	table-layout: fixed !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
	background: #fff !important;
	border-top: 1px solid #d0d0d0 !important;
}

body.single-aps-products .gsma-specs-table tbody tr {
	border-bottom: 1px solid #e5e5e5 !important;
}

body.single-aps-products .gsma-specs-table td {
	padding: 7px 10px !important;
	vertical-align: top !important;
	border: none !important;
	border-bottom: 1px solid #e5e5e5 !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

/*
 * Category column width fixed to fit longest label: CONNECTIVITY
 * So NETWORK, LAUNCH, BODY, DISPLAY, etc. all leave the same
 * starting line for attribute names (Device Type, Colors, …)
 */
body.single-aps-products .gsma-spec-cat,
body.single-aps-products td.gsma-spec-cat {
	width: 130px !important;
	min-width: 130px !important;
	max-width: 130px !important;
	color: #c0392b !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
	background: #fafafa !important;
	border-right: 1px solid #e5e5e5 !important;
	vertical-align: top !important;
	padding: 7px 8px !important;
	line-height: 1.45 !important;
	white-space: normal !important;
	word-break: break-word !important;
	-webkit-text-stroke: 0.2px #c0392b;
}

/* Attribute names all start at the same x-position */
body.single-aps-products .gsma-spec-name,
body.single-aps-products td.gsma-spec-name {
	width: 160px !important;
	min-width: 160px !important;
	max-width: 180px !important;
	color: #555 !important;
	font-weight: 600 !important;
	background: #fff !important;
	white-space: normal !important;
	padding-left: 12px !important;
}

body.single-aps-products .gsma-spec-value,
body.single-aps-products td.gsma-spec-value {
	width: auto !important;
	color: #222 !important;
	font-weight: 400 !important;
	background: #fff !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

body.single-aps-products .gsma-specs-table tr:first-child td {
	padding-top: 8px !important;
}

@media (max-width: 700px) {
	.gsma-specs-table { font-size: 12px !important; }
	.gsma-spec-cat {
		width: 100px !important;
		min-width: 100px !important;
		max-width: 100px !important;
		font-size: 11px !important;
	}
	.gsma-spec-name {
		width: 120px !important;
		min-width: 100px !important;
		max-width: 130px !important;
	}
}



/* ========== Scope only – do not force container width ========== */
/* Theme / APS control overall width; we only style banner + specs inside */
body.single-aps-products .gsma-hero,
body.single-aps-products .gsma-specs,
body.single-aps-products .gsma-banner {
	max-width: 100% !important;
	box-sizing: border-box !important;
}


/* No purple flash on load – color comes only from inline (PHP/JS) */
body.single-aps-products .gsma-hero {
	background: var(--gsma-mid, #f0f0f0) !important;
	background-image: linear-gradient(
		90deg,
		var(--gsma-light, #f5f5f5) 0%,
		var(--gsma-mid, #f0f0f0) 45%,
		var(--gsma-dark, #e8e8e8) 100%
	) !important;
	transition: background-color 0.25s ease, background-image 0.25s ease;
}
body.single-aps-products .gsma-actions {
	background: var(--gsma-action, #999) !important;
}


/* ============================================================
   v4.6 MOBILE – exact GSMArena m.gsmarena layout
   Title top | Image left + 4 chips right | hits | action list
   ============================================================ */
@media screen and (max-width: 768px) {

	/* White page-style banner (no purple slab on mobile) */
	body.single-aps-products .gsma-hero {
		background: #ffffff !important;
		background-image: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		margin: 0 0 8px !important;
		border: none !important;
		border-bottom: 1px solid #eee !important;
		overflow: visible !important;
		padding: 0 !important;
	}

	/* Flatten nested wrappers so we can grid the pieces */
	body.single-aps-products .gsma-hero-inner,
	body.single-aps-products .gsma-hero-right,
	body.single-aps-products .gsma-style,
	body.single-aps-products .gsma-banner {
		display: contents !important;
	}

	body.single-aps-products .gsma-hero {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"title title"
			"img chips"
			"hits hits"
			"actions actions";
		column-gap: 8px;
		row-gap: 6px;
		align-items: start;
		padding: 0 12px 8px !important;
		box-sizing: border-box !important;
	}

	/* Title full width */
	body.single-aps-products .gsma-hero-title,
	body.single-aps-products .gsma-hero .aps-main-title,
	body.single-aps-products h1.aps-main-title {
		grid-area: title !important;
		color: #1a1a1a !important;
		font-size: 22px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		margin: 8px 0 4px !important;
		padding: 0 !important;
		text-align: left !important;
		background: none !important;
		width: 100% !important;
	}

	/* Phone image – LEFT, larger */
	body.single-aps-products .gsma-hero-left {
		grid-area: img !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 4px 4px 4px 0 !important;
		margin: 0 !important;
		background: transparent !important;
		text-align: center !important;
		display: block !important;
	}

	body.single-aps-products .gsma-hero-left .aps-product-pic,
	body.single-aps-products .gsma-hero-left .aps-main-image {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	body.single-aps-products .gsma-hero-left .aps-main-image img,
	body.single-aps-products .gsma-hero-left .aps-image-zoom {
		max-width: 100% !important;
		width: 100% !important;
		max-height: 340px !important;
		height: auto !important;
		object-fit: contain !important;
		margin: 0 auto !important;
		display: block !important;
		background: transparent !important;
		border: none !important;
		border-radius: 14px !important;
		box-shadow: none !important;
		padding: 0 !important;
	}

	body.single-aps-products .gsma-hero-left .aps-image-gallery {
		display: none !important;
	}

	/* Hide quick-list on mobile */
	body.single-aps-products .gsma-quick-list,
	body.single-aps-products .gsma-top-row .gsma-quick-list {
		display: none !important;
	}

	/* Chips – RIGHT, light gray vertical list (GSMArena style) */
	body.single-aps-products .gsma-chips {
		grid-area: chips !important;
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 8px 0 0 !important;
		padding: 6px 8px !important;
		background: #f2f2f2 !important;
		border-radius: 12px !important;
		border: none !important;
		border-top: none !important;
		list-style: none !important;
		box-sizing: border-box !important;
	}

	body.single-aps-products .gsma-chip {
		display: grid !important;
		grid-template-columns: 28px 1fr !important;
		grid-template-rows: auto auto !important;
		column-gap: 6px !important;
		align-items: center !important;
		text-align: left !important;
		padding: 10px 4px !important;
		margin: 0 !important;
		border: none !important;
		border-bottom: 1px solid #e4e4e4 !important;
		background: transparent !important;
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
	}

	body.single-aps-products .gsma-chip:last-child {
		border-bottom: none !important;
	}

	body.single-aps-products .gsma-chip-ico {
		grid-row: 1 / span 2 !important;
		grid-column: 1 !important;
		font-size: 16px !important;
		margin: 0 !important;
		opacity: 0.65 !important;
		line-height: 1 !important;
		align-self: center !important;
	}

	body.single-aps-products .gsma-chip-value {
		grid-column: 2 !important;
		grid-row: 1 !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		color: #1a1a1a !important;
		line-height: 1.15 !important;
		display: block !important;
	}

	body.single-aps-products .gsma-chip-sub {
		grid-column: 2 !important;
		grid-row: 2 !important;
		font-size: 12px !important;
		color: #777 !important;
		margin: 2px 0 0 !important;
		line-height: 1.2 !important;
		display: block !important;
	}

	/* Hits under the image+chips row */
	body.single-aps-products .gsma-top-row {
		grid-area: hits !important;
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
		width: 100% !important;
		margin: 4px 0 !important;
		padding: 4px 0 !important;
	}

	body.single-aps-products .gsma-stats,
	body.single-aps-products .gsma-hits-box {
		display: block !important;
		background: transparent !important;
		padding: 0 !important;
		text-align: left !important;
	}

	body.single-aps-products .gsma-hits-pct {
		color: #555 !important;
		font-size: 14px !important;
		font-weight: 700 !important;
	}

	body.single-aps-products .gsma-hits-num {
		color: #888 !important;
		font-size: 12px !important;
	}

	/* Action rows full width – GSMArena list style */
	body.single-aps-products .gsma-actions {
		grid-area: actions !important;
		display: block !important;
		width: 100% !important;
		margin: 4px 0 0 !important;
		padding: 0 !important;
		background: #fff !important;
		background-image: none !important;
		border-top: 1px solid #eee !important;
	}

	body.single-aps-products .gsma-action {
		display: block !important;
		width: 100% !important;
		text-align: left !important;
		padding: 14px 4px !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		color: #1a1a1a !important;
		text-transform: uppercase !important;
		border: none !important;
		border-bottom: 1px solid #eee !important;
		background: #fff !important;
		letter-spacing: 0.3px !important;
		box-sizing: border-box !important;
	}

	body.single-aps-products .gsma-action:hover {
		background: #fafafa !important;
		color: #1a1a1a !important;
	}

	body.single-aps-products .gsma-a-ico {
		margin-right: 10px !important;
		opacity: 0.7 !important;
	}
}

/* ============================================================
   Mobile specs tables – GSMArena style
   ============================================================ */
@media screen and (max-width: 768px) {

	body.single-aps-products .gsma-specs {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow-x: hidden !important;
	}

	body.single-aps-products .gsma-specs-table {
		width: 100% !important;
		max-width: 100% !important;
		table-layout: fixed !important;
		border-collapse: collapse !important;
		border-spacing: 0 !important;
		margin: 0 !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
		border-top: 1px solid #d8d8d8 !important;
		background: #fff !important;
	}

	body.single-aps-products .gsma-specs-table td {
		padding: 9px 8px !important;
		vertical-align: top !important;
		border: none !important;
		border-bottom: 1px solid #e8e8e8 !important;
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
	}

	body.single-aps-products .gsma-spec-cat {
		width: 78px !important;
		min-width: 72px !important;
		max-width: 84px !important;
		color: #c0392b !important;
		font-size: 11px !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.2px !important;
		background: #fafafa !important;
		border-right: 1px solid #e8e8e8 !important;
		padding: 9px 6px !important;
		line-height: 1.3 !important;
		word-break: break-word !important;
	}

	body.single-aps-products .gsma-spec-name {
		width: 32% !important;
		min-width: 0 !important;
		max-width: none !important;
		color: #555 !important;
		font-weight: 600 !important;
		font-size: 13px !important;
		background: #fff !important;
		white-space: normal !important;
		padding-left: 8px !important;
		padding-right: 6px !important;
	}

	body.single-aps-products .gsma-spec-value {
		width: auto !important;
		color: #222 !important;
		font-weight: 400 !important;
		font-size: 13px !important;
		background: #fff !important;
		padding-left: 4px !important;
		padding-right: 8px !important;
	}

	body.single-aps-products .aps-content,
	body.single-aps-products .aps-container {
		overflow-x: hidden !important;
	}
}

@media screen and (max-width: 380px) {
	body.single-aps-products .gsma-spec-cat {
		width: 64px !important;
		min-width: 58px !important;
		max-width: 68px !important;
		font-size: 10px !important;
		padding: 8px 4px !important;
	}
	body.single-aps-products .gsma-spec-name {
		width: 30% !important;
		font-size: 12px !important;
	}
	body.single-aps-products .gsma-spec-value {
		font-size: 12px !important;
	}
}


/* ============================================================
   FORCE: category labels bold red on ALL platforms
   ============================================================ */
body.single-aps-products .gsma-specs-table td.gsma-spec-cat,
body.single-aps-products table.gsma-specs-table .gsma-spec-cat,
body.single-aps-products .gsma-spec-cat {
	color: #c0392b !important;
	font-weight: 900 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.4px !important;
}

body.single-aps-products .gsma-spec-cat strong,
body.single-aps-products td.gsma-spec-cat strong {
	color: #c0392b !important;
	font-weight: 900 !important;
}

@media screen and (max-width: 768px) {
	body.single-aps-products .gsma-specs {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow-x: hidden !important;
	}
	body.single-aps-products .gsma-specs-table {
		width: 100% !important;
		max-width: 100% !important;
		table-layout: fixed !important;
		font-size: 13px !important;
		border-top: 1px solid #d8d8d8 !important;
	}
	body.single-aps-products .gsma-specs-table td {
		padding: 9px 8px !important;
		vertical-align: top !important;
		border-bottom: 1px solid #e8e8e8 !important;
		word-wrap: break-word !important;
	}
	body.single-aps-products .gsma-spec-cat,
	body.single-aps-products td.gsma-spec-cat {
		width: 78px !important;
		min-width: 72px !important;
		max-width: 84px !important;
		color: #c0392b !important;
		font-weight: 900 !important;
		font-size: 11px !important;
		background: #fafafa !important;
		border-right: 1px solid #e8e8e8 !important;
		padding: 9px 6px !important;
	}
	body.single-aps-products .gsma-spec-name,
	body.single-aps-products td.gsma-spec-name {
		width: 32% !important;
		min-width: 0 !important;
		max-width: none !important;
		color: #555 !important;
		font-weight: 600 !important;
		white-space: normal !important;
	}
	body.single-aps-products .gsma-spec-value,
	body.single-aps-products td.gsma-spec-value {
		color: #222 !important;
		font-weight: 400 !important;
	}
}