/* Kalistack — Ücretsiz Alan Adı sayfası (kdu-)
 *
 * Sayfanın kendi dili: kupon. Krem zemin, koyu yeşil, perfore kenarlı
 * bilet biçimli kart, kesik çizgiler. Alan Adı Sorgula'nın mavi arama
 * diliyle ve diğer sayfalarla kasıtlı olarak akraba değil.
 */

.kdu-kap { background: #F7F5EE; }

.kdu {
	--kdu-yesil: #17724A;
	--kdu-ink: #1A1E1B;
	--kdu-sus: #5C6560;
	--kdu-cizgi: #E0DCCF;
	--kdu-yzy: #FFFFFF;
	max-width: 1080px;
	margin: 0 auto;
}

.kdu-rakam { font-variant-numeric: tabular-nums; }

/* Ortak tepe */
.kdu-tepe { margin-bottom: 28px; }
.kdu-tepe--orta { text-align: center; }
.kdu-etiket {
	display: inline-block; margin: 0 0 12px;
	padding: 5px 13px; border-radius: 999px;
	background: rgba(23, 114, 74, .1);
	color: var(--kdu-yesil);
	font-size: 11.5px; font-weight: 800;
	letter-spacing: .14em; text-transform: uppercase;
}
.kdu-bas { margin: 0 0 10px; font-size: 30px; line-height: 1.22; font-weight: 800; color: var(--kdu-ink); }
.kdu-ack { margin: 0; font-size: 15px; line-height: 1.7; color: var(--kdu-sus); }
.kdu-tepe--orta .kdu-ack { max-width: 640px; margin-left: auto; margin-right: auto; }

.kdu-btn {
	display: inline-block;
	padding: 13px 24px; border-radius: 8px;
	font-size: 14.5px; font-weight: 700; text-decoration: none;
	border: 1px solid var(--kdu-yesil);
	background: var(--kdu-yesil); color: #fff;
	transition: filter .18s ease, background-color .18s ease, color .18s ease;
}
.kdu-btn:hover { filter: brightness(1.15); }
.kdu-btn--ikinci { background: transparent; color: var(--kdu-yesil); }
.kdu-btn--ikinci:hover { background: rgba(23, 114, 74, .08); filter: none; }
.kdu-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; }

/* =====================================================================
 * 1) Açılış — kupon
 * ================================================================== */
.kdu-ust2 {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: 50px;
	align-items: center;
}
.kdu-h1 { margin: 0 0 16px; font-size: 40px; line-height: 1.15; font-weight: 800; color: var(--kdu-ink); }
.kdu-giris { margin: 0 0 26px; font-size: 16px; line-height: 1.72; color: var(--kdu-sus); }

/* Bilet — sol ve sağ kenarında yarım daire kesikler */
.kdu-kupon {
	position: relative;
	max-width: 400px; margin: 0 auto;
	padding: 30px 32px;
	background: var(--kdu-yzy);
	border: 2px solid var(--kdu-yesil);
	border-radius: 14px;
}
.kdu-kupon::before,
.kdu-kupon::after {
	content: '';
	position: absolute; top: 50%;
	width: 26px; height: 26px;
	border-radius: 50%;
	background: var(--kdu-kap-zemin, #F7F5EE);
	border: 2px solid var(--kdu-yesil);
	transform: translateY(-50%);
}
.kdu-kupon::before { left: -15px; clip-path: inset(0 0 0 50%); }
.kdu-kupon::after  { right: -15px; clip-path: inset(0 50% 0 0); }

.kdu-kust {
	margin: 0 0 4px;
	font-size: 11.5px; font-weight: 800;
	letter-spacing: .16em; text-transform: uppercase; color: var(--kdu-yesil);
	text-align: center;
}
.kdu-kdeger {
	margin: 0 0 6px;
	font-size: 40px; line-height: 1.1; font-weight: 800; color: var(--kdu-ink);
	text-align: center;
}
.kdu-kalt {
	margin: 0 0 20px; padding-bottom: 20px;
	border-bottom: 2px dashed var(--kdu-cizgi);
	font-size: 13.5px; color: var(--kdu-sus); text-align: center;
}
.kdu-kliste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.kdu-kmad {
	position: relative; padding-left: 22px;
	font-size: 13.5px; line-height: 1.55; color: var(--kdu-ink);
}
.kdu-kmad::before {
	content: '';
	position: absolute; left: 2px; top: .42em;
	width: 10px; height: 5px;
	border-left: 2px solid var(--kdu-yesil);
	border-bottom: 2px solid var(--kdu-yesil);
	transform: rotate(-45deg);
}
.kdu-knot { margin: 18px 0 0; font-size: 12px; line-height: 1.55; color: var(--kdu-sus); text-align: center; }

/* =====================================================================
 * 2) Hangi pakette var — tablo
 * ================================================================== */
.kdu-kaydir { overflow-x: auto; }
.kdu-tablo {
	width: 100%; min-width: 620px;
	border-collapse: collapse;
	font-size: 14.5px;
}
.kdu-tablo th {
	padding: 12px 16px; text-align: left;
	border-bottom: 2px solid var(--kdu-ink);
	font-size: 11.5px; font-weight: 800;
	letter-spacing: .1em; text-transform: uppercase; color: var(--kdu-sus);
	white-space: nowrap;
}
.kdu-tablo td {
	padding: 15px 16px;
	border-bottom: 1px solid var(--kdu-cizgi);
	color: var(--kdu-ink);
}
.kdu-tablo tbody tr:hover { background: #FBFAF5; }
.kdu-pad { font-weight: 700; }
.kdu-pgrup { display: block; margin-top: 2px; font-size: 12px; color: var(--kdu-sus); }
.kdu-fiyat { font-weight: 700; white-space: nowrap; }
.kdu-var {
	display: inline-block;
	padding: 4px 11px; border-radius: 999px;
	background: rgba(23, 114, 74, .12);
	color: var(--kdu-yesil);
	font-size: 12px; font-weight: 700; white-space: nowrap;
}
.kdu-yok {
	display: inline-block;
	padding: 4px 11px; border-radius: 999px;
	background: #EFECE2;
	color: #8B9490;
	font-size: 12px; font-weight: 600; white-space: nowrap;
}
.kdu-al {
	color: var(--kdu-yesil); font-weight: 700; text-decoration: none; white-space: nowrap;
}
.kdu-al:hover { text-decoration: underline; }
.kdu-tnot { margin: 16px 0 0; font-size: 13px; line-height: 1.65; color: var(--kdu-sus); }

/* =====================================================================
 * 3) Koşullar — kesik çizgili kartlar
 * ================================================================== */
.kdu-kosullar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
	gap: 18px;
}
.kdu-kosul {
	padding: 22px;
	background: var(--kdu-yzy);
	border: 1px dashed var(--kdu-cizgi);
	border-radius: 12px;
}
.kdu-kobas {
	margin: 0 0 8px;
	font-size: 15.5px; font-weight: 700; line-height: 1.35; color: var(--kdu-ink);
}
.kdu-kometin { margin: 0; font-size: 13.5px; line-height: 1.65; color: var(--kdu-sus); }

/* =====================================================================
 * 4) Hesap — ne kadar kalıyor
 * ================================================================== */
.kdu-hesap {
	max-width: 620px; margin: 0 auto;
	padding: 30px 32px;
	background: var(--kdu-yzy);
	border: 1px solid var(--kdu-cizgi);
	border-radius: 14px;
}
.kdu-hsatir {
	display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
	padding: 13px 0;
	border-bottom: 1px solid var(--kdu-cizgi);
	font-size: 14.5px;
}
.kdu-had { color: var(--kdu-sus); }
.kdu-hdeger { font-weight: 700; color: var(--kdu-ink); white-space: nowrap; }
.kdu-hsatir--toplam {
	border-bottom: 0; border-top: 2px solid var(--kdu-ink);
	margin-top: 6px; padding-top: 18px;
	font-size: 16px;
}
.kdu-hsatir--toplam .kdu-had { color: var(--kdu-ink); font-weight: 700; }
.kdu-hsatir--toplam .kdu-hdeger { color: var(--kdu-yesil); font-size: 22px; font-weight: 800; }
.kdu-hnot { margin: 18px 0 0; font-size: 12.5px; line-height: 1.6; color: var(--kdu-sus); }

/* =====================================================================
 * Duyarlı
 * ================================================================== */
@media ( max-width: 1024px ) {
	.kdu-ust2 { grid-template-columns: minmax(0, 1fr); gap: 34px; }
	.kdu-h1 { font-size: 32px; }
	.kdu-bas { font-size: 25px; }
}

@media ( max-width: 620px ) {
	.kdu-h1 { font-size: 27px; }
	.kdu-giris { font-size: 15px; }
	.kdu-bas { font-size: 22px; }
	.kdu-dugmeler .kdu-btn { flex: 1 1 100%; text-align: center; }
	.kdu-kupon { padding: 24px 20px; }
	.kdu-kdeger { font-size: 31px; }
	/* Kenar kesikleri dar ekranda taşmasın diye kapatılır. */
	.kdu-kupon::before, .kdu-kupon::after { display: none; }
	.kdu-hesap { padding: 22px 18px; }
	.kdu-hsatir { flex-direction: column; gap: 3px; }
	.kdu-hsatir--toplam { flex-direction: row; }
}

@media ( prefers-reduced-motion: reduce ) {
	.kdu-btn { transition: none; }
}