/* Axo E-Ticaret Paketleri — karşılaştırma sayfası */
.etp-page{
	--etp-navy:#1a2433;
	--etp-ink:#0f172a;
	--etp-muted:#64748b;
	--etp-line:#e2e8f0;
	--etp-grad:linear-gradient(135deg,#2f8cff 0%,#7c3aed 35%,#e11d8f 65%,#f97316 100%);
	padding-bottom:70px;
	background:#f8fafc;
	color:var(--etp-ink);
	overflow-x:visible;
}
.etp-page > .container{
	overflow-x:visible;
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	width:100%;
}
.etp-hero .container{
	max-width:1120px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}
.etp-hero{
	background:linear-gradient(145deg,#1a2433 0%,#111827 55%,#1f2937 100%);
	color:#fff;
	padding:56px 0 48px;
	margin-bottom:36px;
	text-align:center;
}
.etp-eyebrow{
	margin:0 0 10px;
	font-size:12px;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	opacity:.75;
}
.etp-hero h1{
	margin:0 0 12px;
	font-size:clamp(28px,4vw,40px);
	font-weight:800;
	line-height:1.2;
	color:#fff;
}
.etp-lead{
	margin:0 auto;
	max-width:640px;
	font-size:16px;
	line-height:1.6;
	opacity:.85;
	color:#fff;
}

.etp-benefits{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
	margin:28px 0 36px;
	position:relative;
	z-index:2;
}
.etp-benefit{
	background:#fff;
	border:1px solid var(--etp-line);
	border-radius:14px;
	padding:18px 16px;
	box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.etp-benefit strong{display:block;margin-bottom:4px;font-size:14px;color:var(--etp-navy);}
.etp-benefit span{font-size:13px;color:var(--etp-muted);line-height:1.45;}

.etp-cards{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:18px;
	margin-bottom:48px;
}
.etp-card{
	position:relative;
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid var(--etp-line);
	border-radius:18px;
	padding:22px 20px 20px;
	box-shadow:0 12px 32px rgba(15,23,42,.05);
}
.etp-card--onerilen{
	border:2px solid transparent;
	background:
		linear-gradient(#fff,#fff) padding-box,
		var(--etp-grad) border-box;
	box-shadow:0 18px 40px rgba(124,58,237,.18);
	transform:translateY(-6px);
}
.etp-card-gift{
	font-size:12px;
	font-weight:700;
	color:#7c3aed;
	margin-bottom:8px;
}
.etp-card-badge{
	position:absolute;
	top:14px;
	right:14px;
	background:var(--etp-grad);
	color:#fff;
	font-size:11px;
	font-weight:800;
	padding:4px 9px;
	border-radius:999px;
}
.etp-card h2{
	margin:0 0 8px;
	font-size:22px;
	font-weight:800;
	color:var(--etp-navy);
}
.etp-card-desc{
	margin:0 0 14px;
	font-size:13px;
	color:var(--etp-muted);
	line-height:1.5;
	min-height:40px;
}
.etp-card-price{margin-bottom:14px;}
.etp-month{
	font-size:22px;
	font-weight:800;
	color:var(--etp-ink);
}
.etp-month small{font-size:13px;font-weight:600;color:var(--etp-muted);}
.etp-year{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:8px;
	margin-top:4px;
	font-size:13px;
	color:var(--etp-muted);
}
.etp-year s{opacity:.65;}
.etp-year strong{font-size:18px;color:var(--etp-navy);}
.etp-2year{margin-top:6px;font-size:12px;color:var(--etp-muted);}
.etp-2year strong{color:#e11d8f;}

.etp-card-list{
	list-style:none;
	margin:0 0 16px;
	padding:0;
	flex:1;
}
.etp-card-list li{
	display:flex;
	gap:8px;
	align-items:flex-start;
	padding:7px 0;
	border-bottom:1px solid #f1f5f9;
	font-size:13px;
	line-height:1.4;
	color:#334155;
}
.etp-card-list li:last-child{border-bottom:0;}
.etp-card-list i{color:#059669;margin-top:2px;}

.etp-cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:12px 16px;
	border-radius:12px;
	background:var(--etp-navy);
	color:#fff!important;
	font-weight:700;
	font-size:14px;
	text-decoration:none!important;
	transition:filter .2s ease, transform .2s ease;
}
.etp-cta:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff!important;}
.etp-card--onerilen .etp-cta{
	background:var(--etp-grad);
}
.etp-cta-sm{padding:10px 12px;font-size:13px;}

.etp-compare-title{
	margin:0 0 8px;
	font-size:26px;
	font-weight:800;
	color:var(--etp-navy);
	text-align:center;
}
.etp-compare-lead{
	margin:0 0 22px;
	text-align:center;
	color:var(--etp-muted);
	font-size:15px;
}
.etp-compare-wrap{
	position:relative;
	max-width:100%;
}
.etp-scroll-hint{
	display:none;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin:0 0 12px;
	padding:10px 14px;
	border-radius:10px;
	background:#eef2ff;
	color:#4338ca;
	font-size:13px;
	font-weight:600;
}
.etp-scroll-hint i{opacity:.85;}
.etp-scroll-hint.is-hidden{display:none!important;}

.etp-mob-tabs{
	display:none;
	flex-wrap:nowrap;
	gap:8px;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	padding:0 0 14px;
	margin-bottom:4px;
	scrollbar-width:none;
}
.etp-mob-tabs::-webkit-scrollbar{display:none;}
.etp-mob-tab{
	flex:0 0 auto;
	border:1px solid var(--etp-line);
	background:#fff;
	color:var(--etp-navy);
	border-radius:999px;
	padding:8px 14px;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
	white-space:nowrap;
	transition:border-color .2s ease, background .2s ease, color .2s ease;
}
.etp-mob-tab.is-active{
	border-color:transparent;
	background:var(--etp-navy);
	color:#fff;
}

.etp-table-scroll{
	position:relative;
	overflow-x:auto;
	overflow-y:visible;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-x:contain;
	max-width:100%;
	border:1px solid var(--etp-line);
	border-radius:16px;
	background:#fff;
	box-shadow:0 12px 32px rgba(15,23,42,.05);
}
.etp-table-scroll::after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:28px;
	height:100%;
	pointer-events:none;
	background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95));
	opacity:1;
	transition:opacity .25s ease;
}
.etp-table-scroll.is-scrolled-end::after{opacity:0;}

.etp-table{
	width:100%;
	min-width:860px;
	border-collapse:separate;
	border-spacing:0;
	margin:0;
}
.etp-table thead th{
	position:sticky;
	top:0;
	z-index:2;
	background:var(--etp-navy);
	color:#fff;
	padding:16px 12px;
	text-align:center;
	font-weight:700;
	border-bottom:1px solid rgba(255,255,255,.1);
}
.etp-table thead th.etp-col-feature{
	position:sticky;
	left:0;
	z-index:4;
	text-align:left;
	min-width:200px;
	max-width:200px;
	box-shadow:2px 0 8px rgba(0,0,0,.12);
}
.etp-table thead th.is-featured{
	background:linear-gradient(180deg,#243447,#1a2433);
	box-shadow:inset 0 -3px 0 #e11d8f;
}
.etp-th-name{display:block;font-size:15px;}
.etp-th-price{display:block;margin-top:4px;font-size:12px;font-weight:600;opacity:.8;}

.etp-group-row td{
	background:#f1f5f9;
	color:var(--etp-navy);
	font-weight:800;
	font-size:13px;
	letter-spacing:.02em;
	text-transform:uppercase;
	padding:12px 14px;
}
.etp-table tbody td{
	padding:12px 14px;
	border-bottom:1px solid #f1f5f9;
	text-align:center;
	font-size:13px;
	color:#334155;
	vertical-align:middle;
}
.etp-table tbody td.etp-col-feature{
	position:sticky;
	left:0;
	z-index:3;
	text-align:left;
	font-weight:600;
	color:#1e293b;
	background:#fff;
	min-width:200px;
	max-width:200px;
	box-shadow:2px 0 8px rgba(15,23,42,.06);
}
.etp-table tfoot td.etp-col-feature{
	position:sticky;
	left:0;
	z-index:3;
	background:#f8fafc;
	box-shadow:2px 0 8px rgba(15,23,42,.06);
}
.etp-table tbody tr:hover td{background:#f8fafc;}
.etp-table tbody tr:hover td.etp-col-feature{background:#f8fafc;}
.etp-table tfoot td{
	padding:14px;
	text-align:center;
	background:#f8fafc;
	border-top:1px solid var(--etp-line);
}

.etp-check{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	background:rgba(5,150,105,.12);
	color:#059669;
}
.etp-dash{color:#cbd5e1;font-weight:700;}
.etp-text{font-weight:700;color:var(--etp-navy);font-size:12px;}
.etp-empty{padding:40px;text-align:center;color:var(--etp-muted);}

@media (max-width:1100px){
	.etp-cards,.etp-benefits{grid-template-columns:repeat(2,1fr);}
	.etp-card--onerilen{transform:none;}
}
@media (max-width:900px){
	.etp-scroll-hint{display:flex;}
	.etp-mob-tabs{display:flex;}
	.etp-compare-wrap{
		margin-left:-12px;
		margin-right:-12px;
	}
	.etp-table-scroll{
		border-radius:12px;
		border-left:0;
		border-right:0;
	}
	.etp-table{
		min-width:720px;
	}
	.etp-table thead th,
	.etp-table tbody td,
	.etp-table tfoot td{
		padding:11px 10px;
	}
	.etp-table thead th.etp-col-feature,
	.etp-table tbody td.etp-col-feature{
		min-width:160px;
		max-width:160px;
		font-size:12px;
	}
	.etp-th-name{font-size:13px;}
	.etp-th-price{font-size:11px;}
}
@media (max-width:700px){
	.etp-cards,.etp-benefits{grid-template-columns:1fr;}
	.etp-benefits{margin-top:18px;}
	.etp-compare-title{font-size:22px;}
	.etp-compare-lead{font-size:14px;padding:0 12px;}
}