/* NewMe Medikal — Ana sayfa stilleri
   Yer: child theme -> assets/home.css
   Tum kurallar .newme-home altinda kapsullendi (tema ile catismaz). */

.newme-home {
	--cyan: #16BEF2;
	--cyan-dark: #0E9BD0;
	--teal: #5BD3DC;
	--red: #F23440;
	--ink: #05121A;
	--ink-2: #0A1922;
	--bg: #F7FCFE;
	--surface: #ffffff;
	--line: rgba(5, 18, 26, 0.08);
	--muted: #51626C;

	font-family: "Hanken Grotesk", system-ui, sans-serif;
	color: var(--ink);
	background: var(--bg);
	overflow-x: hidden;
}

.newme-home h1,
.newme-home h2,
.newme-home h3 {
	font-family: "Bricolage Grotesque", sans-serif;
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.02em;
	margin: 0;
}

.newme-home .nm-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 22px;
}

.newme-home a { text-decoration: none; }

/* ---------- Butonlar ---------- */
.nm-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 15px 28px;
	border-radius: 999px;
	font-weight: 700;
	font-family: "Hanken Grotesk", sans-serif;
	font-size: 15px;
	cursor: pointer;
	border: 0;
	position: relative;
	overflow: hidden;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.nm-btn-primary {
	color: #042430;
	background: linear-gradient(120deg, var(--cyan), var(--teal));
	box-shadow: 0 10px 28px -8px rgba(22, 190, 242, 0.65);
}
.nm-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -8px rgba(22, 190, 242, 0.75); }
/* kayan isik */
.nm-btn-primary::after {
	content: "";
	position: absolute;
	top: 0; left: -120%;
	width: 60%; height: 100%;
	background: linear-gradient(100deg, transparent, rgba(255,255,255,0.55), transparent);
	transform: skewX(-18deg);
	animation: nm-sweep 3.6s ease-in-out infinite;
}
@keyframes nm-sweep { 0% { left: -120%; } 55%,100% { left: 160%; } }
.nm-btn-ghost {
	color: #fff;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.22);
}
.nm-btn-ghost:hover { background: rgba(255,255,255,0.16); }

/* ---------- HERO ---------- */
.nm-hero {
	position: relative;
	background:
		radial-gradient(1200px 600px at 78% -10%, rgba(22,190,242,0.22), transparent 60%),
		radial-gradient(800px 500px at 0% 100%, rgba(91,211,220,0.16), transparent 60%),
		linear-gradient(160deg, var(--ink) 0%, var(--ink-2) 60%, #0c2230 100%);
	color: #eaf6fb;
	padding: 26px 0 64px;
}
.nm-hero .nm-strip {
	display: flex; flex-wrap: wrap; gap: 18px; justify-content: center;
	font-size: 12.5px; letter-spacing: 0.04em; text-transform: uppercase;
	color: #bfe6f3; opacity: 0.9; margin-bottom: 38px;
}
.nm-hero .nm-strip span { display: inline-flex; align-items: center; gap: 7px; }
.nm-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); animation: nm-blink 2s infinite; }
.nm-dot.red { background: var(--red); box-shadow: 0 0 10px var(--red); animation-delay: 1s; }
@keyframes nm-blink { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }

.nm-hero-grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 48px;
	align-items: center;
}
.nm-badge {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 7px 14px; border-radius: 999px;
	background: rgba(22,190,242,0.12);
	border: 1px solid rgba(22,190,242,0.35);
	color: #cdeefb; font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em;
	margin-bottom: 20px;
}
.nm-hero h1 { font-size: clamp(34px, 5vw, 56px); color: #fff; }
.nm-hero h1 .nm-accent {
	background: linear-gradient(100deg, var(--cyan), var(--teal), var(--cyan));
	background-size: 220% auto;
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: nm-flow 6s linear infinite;
}
@keyframes nm-flow { to { background-position: 220% center; } }
.nm-hero p.nm-lead { font-size: 17px; line-height: 1.55; color: #b9d3df; margin: 18px 0 26px; max-width: 540px; }

/* Fiyat karti */
.nm-pricecard {
	display: inline-flex; flex-direction: column; gap: 4px;
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 18px; padding: 18px 22px; margin-bottom: 26px;
	backdrop-filter: blur(6px);
}
.nm-pricecard .nm-launch {
	font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
	color: #042430; background: var(--teal); padding: 4px 10px; border-radius: 6px; align-self: flex-start;
}
.nm-pricecard .nm-now { font-family: "Bricolage Grotesque", sans-serif; font-size: 40px; font-weight: 800; color: #fff; line-height: 1; margin-top: 8px; }
.nm-pricecard .nm-now small { font-size: 16px; font-weight: 600; color: #b9d3df; }
.nm-pricecard .nm-anchor { font-size: 13.5px; color: #9fbecb; }
.nm-pricecard .nm-anchor s { color: #7fa0ad; }
.nm-pricecard .nm-anchor a { color: var(--cyan); border-bottom: 1px dashed rgba(22,190,242,0.5); }

.nm-cta-row { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 22px; }
.nm-chips { display: flex; flex-wrap: wrap; gap: 16px; font-size: 13px; color: #cfe6f0; }
.nm-chips span { display: inline-flex; align-items: center; gap: 7px; }
.nm-chips svg { width: 16px; height: 16px; color: var(--cyan); }

/* Hero gorsel + glow halka */
.nm-hero-media { position: relative; display: flex; justify-content: center; }
.nm-glow-ring {
	position: absolute; inset: 0; margin: auto;
	width: 380px; height: 380px; border-radius: 50%;
	background: conic-gradient(from 0deg, var(--cyan), var(--teal), var(--red), var(--cyan));
	filter: blur(46px); opacity: 0.45;
	animation: nm-spin 14s linear infinite;
}
@keyframes nm-spin { to { transform: rotate(360deg); } }
.nm-hero-media img {
	position: relative; z-index: 1;
	max-width: 100%; width: 420px; height: auto;
	border-radius: 18px;
	filter: drop-shadow(0 30px 50px rgba(0,0,0,0.45));
}
.nm-hero-media .nm-ph {
	position: relative; z-index: 1; width: 380px; height: 380px; border-radius: 22px;
	background: rgba(255,255,255,0.06); border: 1px dashed rgba(255,255,255,0.25);
	display: flex; align-items: center; justify-content: center; text-align: center;
	color: #9fbecb; font-size: 14px; padding: 20px;
}

/* ---------- Genel bolum baslik ---------- */
.nm-section { padding: 72px 0; }
.nm-section .nm-eyebrow { color: var(--cyan-dark); font-weight: 700; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; }
.nm-section h2 { font-size: clamp(26px, 3.4vw, 38px); text-align: center; margin: 10px 0 8px; }
.nm-section .nm-sub { text-align: center; color: var(--muted); max-width: 620px; margin: 0 auto 44px; line-height: 1.55; }

/* ---------- Guven seridi ---------- */
.nm-trust { background: var(--ink); color: #dceef6; padding: 22px 0; }
.nm-trust .nm-wrap { display: flex; flex-wrap: wrap; gap: 14px 36px; justify-content: center; }
.nm-trust span { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 600; }
.nm-trust svg { width: 18px; height: 18px; color: var(--cyan); }

/* ---------- Karsilastirma (piyasada tek) ---------- */
.nm-compare { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.nm-col { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 26px 22px; text-align: center; }
.nm-col h3 { font-size: 18px; margin-bottom: 16px; }
.nm-col.is-hero {
	background: linear-gradient(165deg, var(--ink), var(--ink-2));
	color: #fff; border: 0; position: relative; transform: translateY(-10px);
	box-shadow: 0 24px 50px -18px rgba(22,190,242,0.45);
}
.newme-home .nm-col.is-hero h3 { color: #fff; }
.nm-col.is-hero::before {
	content: "PİYASADA TEK"; position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
	background: var(--red); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.06em;
	padding: 5px 12px; border-radius: 999px;
}
.nm-feat-line { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 0; font-size: 15px; border-top: 1px solid var(--line); }
.nm-col.is-hero .nm-feat-line { border-top: 1px solid rgba(255,255,255,0.12); }
.nm-yes { color: #16a34a; font-weight: 700; }
.nm-col.is-hero .nm-yes { color: var(--teal); }
.nm-no { color: #b91c1c; font-weight: 700; }

/* ---------- Ozellik kartlari ---------- */
.nm-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.nm-card { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 26px; transition: transform 0.18s ease, box-shadow 0.18s ease; }
.nm-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -22px rgba(14,155,208,0.5); }
.nm-card .nm-ic { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(140deg, rgba(22,190,242,0.16), rgba(91,211,220,0.16)); margin-bottom: 16px; }
.nm-card .nm-ic svg { width: 24px; height: 24px; color: var(--cyan-dark); }
.nm-card h3 { font-size: 17px; margin-bottom: 8px; }
.nm-card p { color: var(--muted); font-size: 14.5px; line-height: 1.5; margin: 0; }

/* ---------- Klinik bandi ---------- */
.nm-clinic { background: linear-gradient(160deg, #eaf7fc, #f7fcfe); }
.nm-clinic .nm-clinicbox { background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 34px; text-align: center; box-shadow: 0 20px 50px -30px rgba(14,155,208,0.4); }
.nm-clinic .nm-clinicbox h2 { margin-bottom: 12px; }
.nm-clinic .nm-note { margin-top: 18px; font-size: 13px; color: var(--muted); font-style: italic; }

/* ---------- Orta gorsel bantlari ---------- */
.nm-imgband { padding: 64px 0; }
.nm-imgband .nm-imgband-in { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }
.nm-imgband.alt .nm-imgband-media { order: 2; }
.nm-imgband .nm-eyebrow2 { color: var(--cyan-dark); font-weight: 700; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 8px; }
.newme-home .nm-imgband h2 { font-size: clamp(24px, 3vw, 34px); margin-bottom: 12px; }
.nm-imgband p { color: var(--muted); line-height: 1.6; margin: 0; }
.nm-imgband .nm-stat b { font-family: "Bricolage Grotesque", sans-serif; font-size: 2.2rem; color: var(--cyan-dark); }
.nm-imgband .nm-imgband-media img { width: 100%; border-radius: 20px; box-shadow: 0 24px 60px -28px rgba(11,37,48,0.5); display: block; }
.nm-imgband .nm-imgph {
	border: 2px dashed rgba(22,190,242,0.45); border-radius: 20px; background: rgba(22,190,242,0.05);
	min-height: 300px; display: flex; align-items: center; justify-content: center; text-align: center;
	color: var(--cyan-dark); font-weight: 600; padding: 26px; font-size: 0.95rem; line-height: 1.6;
}
.nm-imgband .nm-imgph .var { font-family: monospace; background: rgba(22,190,242,0.12); padding: 1px 6px; border-radius: 5px; }
@media (max-width: 880px) {
	.nm-imgband .nm-imgband-in { grid-template-columns: 1fr; gap: 28px; }
	.nm-imgband.alt .nm-imgband-media { order: 0; }
}

/* ---------- Belgeler seridi ---------- */
.nm-belge-strip { padding: 56px 0; background: linear-gradient(160deg, #eaf7fc, #f7fcfe); }
.nm-belge-strip .nm-belge-in {
	background: linear-gradient(135deg, var(--ink), #0c2734); color: #eaf6fb;
	border-radius: 22px; padding: 40px 32px;
	display: flex; align-items: center; gap: 36px; flex-wrap: wrap; justify-content: space-between;
	overflow: hidden; border: 1px solid rgba(120,225,255,0.18);
	box-shadow: 0 24px 60px -34px rgba(11,37,48,0.6);
}
.nm-belge-strip .nm-belge-lead { flex: 1 1 320px; min-width: 280px; }
.nm-belge-strip .eb { color: var(--teal); font-weight: 700; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 8px; }
.newme-home .nm-belge-strip h2 { color: #fff; font-size: clamp(24px, 3vw, 32px); margin: 0 0 10px; }
.nm-belge-strip p { color: #b9d3df; margin: 0 0 18px; max-width: 460px; line-height: 1.55; }
.nm-belge-strip .nm-belge-badges { display: flex; gap: 14px; flex-wrap: wrap; flex: 1 1 280px; justify-content: center; }
.nm-belge-strip .bdg { min-width: 96px; text-align: center; padding: 16px 14px; border-radius: 14px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); }
.nm-belge-strip .bdg .t { font-family: "Bricolage Grotesque", sans-serif; font-weight: 800; font-size: 1.25rem; color: #fff; }
.nm-belge-strip .bdg .d { font-size: 0.74rem; color: var(--teal); margin-top: 4px; }

/* ---------- Yetkili bayi bandi ---------- */
.nm-dist { background: linear-gradient(135deg, var(--ink), #0c2734); color: #eaf6fb; text-align: center; }
.nm-dist h2 { color: #fff; }
.nm-dist p { color: #b9d3df; max-width: 600px; margin: 12px auto 18px; line-height: 1.55; }
.nm-dist p a { color: var(--cyan); border-bottom: 1px dashed rgba(22,190,242,0.5); }
.nm-dist a.nm-src { color: var(--cyan); border-bottom: 1px dashed rgba(22,190,242,0.5); font-size: 14px; }

/* ---------- Final CTA ---------- */
.nm-final { text-align: center; padding: 80px 0; }
.nm-final .nm-bigprice { font-family: "Bricolage Grotesque", sans-serif; font-size: 46px; font-weight: 800; }
.nm-final .nm-bigprice small { font-size: 18px; color: var(--muted); }

/* ---------- Responsive ---------- */
@media (max-width: 880px) {
	.nm-hero-grid { grid-template-columns: 1fr; gap: 32px; text-align: center; }
	.nm-hero p.nm-lead, .nm-pricecard { margin-left: auto; margin-right: auto; }
	.nm-cta-row, .nm-chips { justify-content: center; }
	.nm-badge { margin-left: auto; margin-right: auto; }
	.nm-compare { grid-template-columns: 1fr; }
	.nm-col.is-hero { transform: none; }
	.nm-features { grid-template-columns: 1fr 1fr; }
	.nm-glow-ring { width: 280px; height: 280px; }
	.nm-belge-strip .nm-belge-in { text-align: center; }
	.nm-belge-strip p { margin-left: auto; margin-right: auto; }
	.nm-belge-strip .nm-belge-lead { flex-basis: 100%; }
}
@media (max-width: 560px) {
	.nm-features { grid-template-columns: 1fr; }
}