/* ============================================================
   TemaDepo Ana Sayfa Hero v2 — 4 şablon
   tema · hizmet · host · sektorel
   ============================================================ */

.h2-hero {
	--h2-primary: #5558df;
	--h2-primary-soft: #7a7ef0;
	--h2-coral: #df7a5c;
	--h2-violet: #8b5cf6;
	--h2-green: #1c9d6b;

	position: relative;
	background: linear-gradient(180deg, #f5f4f9 0%, #ecebf3 100%);
	border-radius: 26px;
	padding: 24px clamp(20px, 3vw, 40px) 28px;
	margin: 0 auto;
	max-width: var(--max, min(94vw, 1480px));
	box-shadow: 0 1px 0 rgba(20,24,38,.04), 0 30px 80px rgba(20,24,38,.08);
	overflow: hidden;
}

/* ÜST KOMPAKT KONTROL ÇUBUĞU */
.h2-hero__top {
	position: relative; z-index: 5;
	display: flex; align-items: center; gap: 16px;
	margin-bottom: clamp(20px, 3vh, 32px);
}
.h2-hero__live {
	display: inline-flex; align-items: center; gap: 9px;
	font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
	color: var(--h2-primary, #5558df);
	background: rgba(255,255,255,.78);
	border: 1px solid rgba(85,88,223,.16);
	padding: 8px 14px; border-radius: 999px;
	white-space: nowrap;
	flex: 0 0 auto;
}
.h2-hero__dot {
	width: 7px; height: 7px; border-radius: 50%;
	background: #16a394;
	box-shadow: 0 0 10px rgba(22,163,148,.7);
	animation: h2pulse 1.6s ease-in-out infinite;
	flex: 0 0 auto;
}
@keyframes h2pulse { 0%,100%{opacity:1} 50%{opacity:.3} }

.h2-hero__bars {
	flex: 1 1 auto;
	display: flex; gap: 5px;
	min-width: 0;
}
.h2-hero__bar {
	flex: 1 1 0; height: 4px;
	background: rgba(20,18,43,.10);
	border: 0; padding: 0; border-radius: 2px;
	cursor: pointer; overflow: hidden;
	transition: background .2s ease;
	position: relative;
}
.h2-hero__bar:hover { background: rgba(20,18,43,.16); }
.h2-hero__bar.is-done { background: rgba(85,88,223,.35); }
.h2-hero__bar-fill {
	display: block; width: 0%; height: 100%;
	background: linear-gradient(90deg, #5558df, #df5c9a);
	border-radius: 2px;
}

.h2-hero__ctrls {
	display: flex; align-items: center; gap: 8px;
	flex: 0 0 auto;
}
.h2-hero__count {
	font-family: ui-monospace, "SF Mono", Consolas, monospace;
	font-size: .8rem; font-weight: 700;
	color: rgba(20,18,43,.55);
	font-variant-numeric: tabular-nums;
	letter-spacing: .04em;
	padding: 0 6px;
}
.h2-hero__cbtn {
	width: 34px; height: 34px; border-radius: 50%;
	background: rgba(255,255,255,.7);
	border: 1px solid rgba(20,18,43,.08);
	color: #14122b;
	display: grid; place-items: center;
	cursor: pointer; padding: 0;
	transition: all .18s ease;
}
.h2-hero__cbtn:hover { background: #14122b; color: #fff; transform: scale(1.06); }
.h2-hero__cbtn svg { width: 15px; height: 15px; }
.h2-hero__cbtn--play { background: linear-gradient(135deg, #5558df, #7a7ef0); color: #fff; border-color: transparent; box-shadow: 0 6px 14px rgba(85,88,223,.4); }
.h2-hero__cbtn--play:hover { background: linear-gradient(135deg, #5558df, #7a7ef0); color: #fff; transform: scale(1.1); }

@media (max-width: 700px) {
	.h2-hero__top { flex-wrap: wrap; }
	.h2-hero__live { order: 1; }
	.h2-hero__bars { order: 3; width: 100%; flex: 0 0 100%; }
	.h2-hero__ctrls { order: 2; margin-left: auto; }
}
/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 900px) {
	.h2-hero { padding: 22px 18px 28px; border-radius: 18px; }
	.h2-slide { grid-template-columns: 1fr; gap: 24px; }
	.h2-hero__track { min-height: 0; }
	.h2-host, .h2-sektorel { grid-template-columns: 1fr; }
	.h2-slide__title { font-size: clamp(1.6rem, 7vw, 2.4rem); }
}

/* ════════════════════════════════════════════════
   TEMA ŞABLONU — WOW (h2t)
   ════════════════════════════════════════════════ */
.h2-slide--tema { display: none; }
.h2-slide--tema[data-active="true"] { display: block; }

.h2t {
	--h2t-violet: #5558df;
	--h2t-violet2: #7a7ef0;
	--h2t-pink: #df5c9a;
	--h2t-coral: #df7a5c;
	--h2t-cyan: #16a394;
	--h2t-green: #1c9d6b;
	--h2t-ink: #14122b;
	--h2t-soft: #45415f;
	--h2t-mute: #6d6a85;
	display: grid;
	grid-template-columns: minmax(0,1.18fr) minmax(0,1fr);
	gap: clamp(32px, 4vw, 60px);
	align-items: center;
	min-height: 540px;
}
.h2t__copy { animation: h2t-rise .9s cubic-bezier(.2,.7,.3,1) both; }
@keyframes h2t-rise { from{opacity:0; transform:translateY(28px)} to{opacity:1; transform:translateY(0)} }

.h2t__eyebrow {
	display: inline-flex; align-items: center; gap: 9px;
	font-size: .82rem; font-weight: 800; letter-spacing: .04em;
	color: #fff;
	background: linear-gradient(135deg, var(--h2t-violet), var(--h2t-pink));
	padding: 9px 18px; border-radius: 999px; margin-bottom: 26px;
	box-shadow:
		0 12px 28px rgba(20,18,43,.42),
		0 0 0 1.5px rgba(255,255,255,.95),
		inset 0 1px 0 rgba(255,255,255,.32);
	text-shadow: 0 1px 2px rgba(20,18,43,.5);
	position: relative;
	z-index: 2;
}
.h2t__eyebrow svg {
	width: 16px; height: 16px;
	filter: drop-shadow(0 1px 1px rgba(20,18,43,.4));
}

.h2t__title {
	font-family: "Syne", "Manrope", sans-serif;
	font-size: clamp(2.3rem, 4vw, 3.8rem);
	font-weight: 800; line-height: 1.06; letter-spacing: -.03em;
	margin: 0 0 22px; color: var(--h2t-ink);
	max-width: 100%;
}
.h2t__title .grad { display: inline; }
.h2t__title .grad {
	background: linear-gradient(115deg, var(--h2t-violet) 5%, var(--h2t-pink) 52%, var(--h2t-coral) 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
	background-size: 200% auto; animation: h2t-shimmer 6s linear infinite;
}
@keyframes h2t-shimmer { to { background-position: 200% center; } }

.h2t__lead {
	font-size: 1.08rem; line-height: 1.6; color: var(--h2t-soft);
	max-width: 56ch; margin: 0 0 30px;
	background: rgba(255,255,255,.55);
	border: 1px solid rgba(255,255,255,.7);
	border-radius: 14px; padding: 14px 18px;
	backdrop-filter: blur(6px);
}

.h2t__cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 28px; }
.h2t__btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 14px 24px; border-radius: 13px;
	font-weight: 700; font-size: .98rem; text-decoration: none; cursor: pointer;
	border: 1px solid transparent; transition: all .25s cubic-bezier(.2,.7,.3,1);
}
.h2t__btn svg { width: 16px; height: 16px; }
.h2t__btn--ghost { background: rgba(85,88,223,.08); color: var(--h2t-violet); border-color: rgba(85,88,223,.22); }
.h2t__btn--ghost:hover { border-color: var(--h2t-violet); background: rgba(85,88,223,.14); transform: translateY(-2px); }
.h2t__btn--buy {
	background: linear-gradient(135deg, var(--h2t-green), #25b07d);
	color: #fff; box-shadow: 0 12px 30px rgba(28,157,107,.4);
}
.h2t__btn--buy:hover { color: #fff; transform: translateY(-3px) scale(1.02); box-shadow: 0 18px 40px rgba(28,157,107,.52); }

.h2t__trust { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.h2t__trust-item { display: inline-flex; align-items: center; gap: 7px; font-size: .88rem; color: var(--h2t-soft); font-weight: 600; }
.h2t__trust-item svg { width: 17px; height: 17px; color: var(--h2t-green); }

/* sağ sahne */
.h2t__stage { position: relative; animation: h2t-rise 1.1s cubic-bezier(.2,.7,.3,1) .15s both; perspective: 1500px; }
.h2t__frame {
	position: relative; border-radius: 20px; overflow: hidden;
	border: 1px solid rgba(255,255,255,.85);
	box-shadow: 0 44px 100px rgba(40,30,90,.3);
	transform: rotateY(-6deg) rotateX(2.5deg);
	transition: transform .6s cubic-bezier(.2,.7,.3,1);
}
.h2t__stage:hover .h2t__frame { transform: rotateY(-2deg) rotateX(.5deg) scale(1.012); }
.h2t__frame img { width: 100%; height: auto; display: block; }
.h2t__placeholder { width: 100%; }
.h2t__placeholder svg { width: 100%; height: auto; display: block; }

/* 3 skor tek karta — yatay grup, sol üst kayar (resme baskı yapmaz) */
.h2t__scores {
	position: absolute; top: -22px; left: -28px; z-index: 3;
	display: flex; gap: 6px;
	background: rgba(255,255,255,.92);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255,255,255,.95);
	border-radius: 16px; padding: 10px 8px;
	box-shadow: 0 18px 44px rgba(40,30,90,.22);
	animation: h2t-float 5.5s ease-in-out infinite;
}
.h2t__scoreitem {
	display: flex; flex-direction: column; align-items: center;
	padding: 4px 14px; min-width: 64px;
	position: relative;
}
.h2t__scoreitem + .h2t__scoreitem::before {
	content: ""; position: absolute; left: 0; top: 8px; bottom: 8px;
	width: 1px; background: rgba(20,18,43,.08);
}
.h2t__scoreitem-v {
	font-family: "Syne", sans-serif; font-size: 1.45rem; font-weight: 800; line-height: 1;
	color: var(--h2t-cyan); letter-spacing: -.02em;
}
.h2t__scoreitem:nth-child(2) .h2t__scoreitem-v { color: var(--h2t-violet); }
.h2t__scoreitem:nth-child(3) .h2t__scoreitem-v { color: var(--h2t-pink); }
.h2t__scoreitem-l {
	font-size: .58rem; font-weight: 700; letter-spacing: .1em;
	color: var(--h2t-mute); text-transform: uppercase; margin-top: 4px;
	white-space: nowrap;
}
@keyframes h2t-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }

.h2t__badge {
	position: absolute; bottom: 16px; right: 16px; z-index: 4;
	background: rgba(20,18,43,.82); backdrop-filter: blur(8px);
	color: #fff; font-weight: 700; font-size: .72rem; letter-spacing: .06em;
	padding: 8px 14px; border-radius: 999px;
	display: inline-flex; align-items: center; gap: 6px;
}
.h2t__badge-dot { width: 6px; height: 6px; border-radius: 50%; background: #36e0c8; box-shadow: 0 0 8px #36e0c8; animation: h2t-blink 1.4s infinite; }
@keyframes h2t-blink { 0%,100%{opacity:1} 50%{opacity:.3} }

/* fiyat + satın al kartı */
.h2t__pricecard {
	position: absolute; bottom: -22px; left: -28px; z-index: 4;
	background: #fff; border-radius: 18px; padding: 15px 20px;
	box-shadow: 0 24px 56px rgba(40,30,90,.28);
	border: 1px solid rgba(255,255,255,.9);
	display: flex; align-items: center; gap: 18px;
	animation: h2t-float 5.5s ease-in-out infinite .4s;
}
.h2t__price { display: flex; flex-direction: column; line-height: 1.05; }
.h2t__price-old { font-size: .82rem; color: var(--h2t-mute); text-decoration: line-through; text-decoration-color: var(--h2t-coral); font-weight: 600; }
.h2t__price-now { font-family: "Syne", sans-serif; font-size: 1.7rem; font-weight: 800; color: var(--h2t-ink); letter-spacing: -.02em; }
.h2t__price-now small { font-size: .68rem; color: var(--h2t-mute); font-weight: 600; letter-spacing: 0; }
.h2t__pricebtn {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 12px 18px; border-radius: 12px;
	background: linear-gradient(135deg, var(--h2t-green), #25b07d);
	color: #fff; font-weight: 700; font-size: .9rem; text-decoration: none;
	white-space: nowrap; box-shadow: 0 10px 24px rgba(28,157,107,.4);
	transition: transform .2s ease;
}
.h2t__pricebtn:hover { color: #fff; transform: translateY(-2px); }
.h2t__pricebtn svg { width: 15px; height: 15px; }

@media (max-width: 940px) {
	.h2t { grid-template-columns: 1fr; gap: 56px; min-height: 0; }
	.h2t__frame { transform: none; }
	.h2t__scores { left: 0; top: -20px; }
	.h2t__pricecard { left: 0; bottom: -30px; }
	.h2t__title { font-size: clamp(2.1rem, 8vw, 3rem); }
}

/* ════════════════════════════════════════════════
   HİZMET ŞABLONU — WOW (h2h)
   ════════════════════════════════════════════════ */
.h2-slide--hizmet { display: none; }
.h2-slide--hizmet[data-active="true"] { display: block; }

.h2h {
	--h2h-violet: #5558df;
	--h2h-violet2: #7a7ef0;
	--h2h-cyan: #16a394;
	--h2h-green: #1c9d6b;
	--h2h-pink: #df5c9a;
	--h2h-orange: #f59e0b;
	--h2h-ink: #14122b;
	--h2h-soft: #2a2746;
	--h2h-mute: #555174;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr);
	gap: clamp(28px, 4vw, 50px);
	align-items: start;
	min-height: 0;
}
.h2h__copy { animation: h2h-rise .9s cubic-bezier(.2,.7,.3,1) both; }
@keyframes h2h-rise { from{opacity:0; transform:translateY(28px)} to{opacity:1; transform:translateY(0)} }

.h2h__eyebrow {
	display: inline-flex; align-items: center; gap: 9px;
	font-size: .82rem; font-weight: 800; letter-spacing: .02em;
	color: #fff;
	background: linear-gradient(135deg, var(--h2h-green), var(--h2h-violet));
	padding: 9px 18px; border-radius: 999px; margin-bottom: 24px;
	box-shadow: 0 10px 26px rgba(28,157,107,.32);
}
.h2h__eyebrow svg { width: 16px; height: 16px; }

.h2h__title {
	font-family: "Syne", "Manrope", sans-serif;
	font-size: clamp(1.9rem, 3.2vw, 2.9rem);
	font-weight: 800; line-height: 1.08; letter-spacing: -.025em;
	margin: 0 0 18px; color: var(--h2h-ink);
	max-width: 100%;
}
.h2h__title em, .h2h__title .grad {
	font-style: normal;
	background: linear-gradient(115deg, var(--h2h-green) 8%, var(--h2h-cyan) 48%, var(--h2h-violet) 92%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
	background-size: 200% auto;
	animation: h2h-shimmer 6s linear infinite;
}
@keyframes h2h-shimmer { to { background-position: 200% center; } }

.h2h__lead {
	font-size: 1.08rem; line-height: 1.6; color: var(--h2h-soft);
	max-width: 52ch; margin: 0 0 16px;
	background: rgba(255,255,255,.78);
	border: 1px solid rgba(255,255,255,.95);
	border-radius: 12px; padding: 12px 16px;
	backdrop-filter: blur(6px);
}

/* Fiyat algı kartı */
.h2h__value {
	display: flex; align-items: center; gap: 14px;
	background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
	border: 1px solid rgba(28,157,107,.22);
	border-left: 4px solid var(--h2h-green);
	border-radius: 14px;
	padding: 14px 18px;
	margin-bottom: 18px;
	box-shadow: 0 12px 28px rgba(28,157,107,.10);
	backdrop-filter: blur(6px);
	max-width: 540px;
}
.h2h__value-icon {
	flex: 0 0 auto;
	width: 38px; height: 38px;
	display: grid; place-items: center;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--h2h-green), #25b07d);
	color: #fff;
	box-shadow: 0 6px 14px rgba(28,157,107,.32);
}
.h2h__value-icon svg { width: 18px; height: 18px; }
.h2h__value-body { display: flex; flex-direction: column; gap: 2px; line-height: 1.35; min-width: 0; }
.h2h__value-body strong { font-size: .98rem; font-weight: 800; color: var(--h2h-ink); letter-spacing: -.005em; }
.h2h__value-body small { font-size: .82rem; color: var(--h2h-mute); font-weight: 500; }

.h2h__cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 26px; }
.h2h__btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 14px 24px; border-radius: 13px;
	font-weight: 700; font-size: .98rem; text-decoration: none; cursor: pointer;
	border: 1px solid transparent; transition: all .25s cubic-bezier(.2,.7,.3,1);
}
.h2h__btn svg { width: 16px; height: 16px; }
.h2h__btn--ghost { background: rgba(85,88,223,.08); color: var(--h2h-violet); border-color: rgba(85,88,223,.22); }
.h2h__btn--ghost:hover { border-color: var(--h2h-violet); background: rgba(85,88,223,.14); transform: translateY(-2px); }
.h2h__btn--buy {
	background: linear-gradient(135deg, var(--h2h-green), #25b07d);
	color: #fff; box-shadow: 0 12px 30px rgba(28,157,107,.4);
}
.h2h__btn--buy:hover { color: #fff; transform: translateY(-3px) scale(1.02); box-shadow: 0 18px 40px rgba(28,157,107,.52); }

.h2h__trust { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.h2h__trust-item { display: inline-flex; align-items: center; gap: 7px; font-size: .88rem; color: var(--h2h-soft); font-weight: 600; }
.h2h__trust-item svg { width: 17px; height: 17px; color: var(--h2h-green); }

/* Sağ sahne — 3 kart STACK (yarım yarım bindirme) */
.h2h__stage {
	position: relative;
	animation: h2h-rise 1.1s cubic-bezier(.2,.7,.3,1) .15s both;
	min-height: 460px;
	display: flex; align-items: center; justify-content: center;
}
.h2h__stack {
	position: relative;
	width: 100%;
	height: 460px;
	perspective: 1400px;
}
.h2h__card {
	position: absolute;
	top: 50%; left: 50%;
	width: 320px;
	background: #fff;
	border-radius: 20px;
	padding: 24px 22px 20px;
	border: 1px solid rgba(20,18,43,.06);
	box-shadow: 0 22px 50px rgba(40,30,90,.16);
	display: flex; flex-direction: column; gap: 12px;
	cursor: pointer;
	transition: transform .55s cubic-bezier(.2,.7,.3,1), opacity .45s ease, box-shadow .45s ease;
	will-change: transform, opacity;
}
.h2h__card.is-active {
	transform: translate(-50%, -50%) translateX(0) scale(1);
	z-index: 5;
	box-shadow: 0 32px 70px rgba(85,88,223,.26);
}
.h2h__card.is-prev {
	transform: translate(-50%, -50%) translateX(-78%) scale(.86);
	z-index: 3; opacity: .55;
}
.h2h__card.is-next {
	transform: translate(-50%, -50%) translateX(78%) scale(.86);
	z-index: 3; opacity: .55;
}
.h2h__card.is-far {
	transform: translate(-50%, -50%) scale(.7);
	opacity: 0; pointer-events: none; z-index: 1;
}
.h2h__card.is-prev:hover { transform: translate(-50%, -50%) translateX(-70%) scale(.92); opacity: .82; }
.h2h__card.is-next:hover { transform: translate(-50%, -50%) translateX(70%) scale(.92); opacity: .82; }

.h2h__card-num {
	position: absolute; top: 15px; right: 18px;
	font-family: "Syne", sans-serif; font-size: .8rem; font-weight: 800;
	background: var(--h2h-ink); color: #fff;
	padding: 3px 9px; border-radius: 6px;
	letter-spacing: .04em;
}
.h2h__card.is-active .h2h__card-num {
	background: linear-gradient(135deg, var(--h2h-violet), var(--h2h-pink));
}
.h2h__card-icon {
	width: 50px; height: 50px;
	border-radius: 13px;
	display: grid; place-items: center;
	background: rgba(85,88,223,.10);
	color: var(--h2h-violet);
}
.h2h__card.is-active .h2h__card-icon {
	background: linear-gradient(135deg, var(--h2h-violet), var(--h2h-violet2));
	color: #fff;
	box-shadow: 0 12px 24px rgba(85,88,223,.4);
}
.h2h__card-icon svg { width: 25px; height: 25px; }

.h2h__card-title {
	font-family: "Syne", sans-serif; font-size: 1.22rem;
	font-weight: 800; color: var(--h2h-ink);
	line-height: 1.2; letter-spacing: -.01em;
}
.h2h__card-lead { font-size: .9rem; color: var(--h2h-soft); line-height: 1.5; }
.h2h__card-list { list-style: none; display: flex; flex-direction: column; gap: 6px; padding: 0; margin: 0; }
.h2h__card-list li { display: flex; align-items: flex-start; gap: 7px; font-size: .85rem; color: var(--h2h-soft); font-weight: 500; }
.h2h__card-list svg { width: 14px; height: 14px; color: var(--h2h-green); flex: 0 0 auto; margin-top: 3px; }
.h2h__card-cta {
	margin-top: auto;
	display: inline-flex; align-items: center; gap: 5px;
	font-size: .8rem; font-weight: 700;
	color: var(--h2h-violet); text-decoration: none;
	padding-top: 8px;
	border-top: 1px dashed rgba(20,18,43,.1);
}
.h2h__card-cta svg { width: 13px; height: 13px; transition: transform .2s ease; }
.h2h__card-cta:hover svg { transform: translateX(3px); }
.h2h__card-badge {
	position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
	background: linear-gradient(135deg, var(--h2h-violet), var(--h2h-pink));
	color: #fff; font-size: .64rem; font-weight: 800; letter-spacing: .08em;
	padding: 5px 12px; border-radius: 999px;
	box-shadow: 0 8px 18px rgba(85,88,223,.5);
	text-transform: uppercase; white-space: nowrap;
}

@media (max-width: 940px) {
	.h2h { grid-template-columns: 1fr; gap: 40px; min-height: 0; }
	.h2h__stage { min-height: 520px; }
	.h2h__stack { height: 520px; }
	.h2h__card { width: 280px; padding: 20px 18px; }
	.h2h__card.is-prev { transform: translate(-50%, -50%) translateX(-58%) scale(.82); opacity: .35; }
	.h2h__card.is-next { transform: translate(-50%, -50%) translateX(58%) scale(.82); opacity: .35; }
	.h2h__title { font-size: clamp(1.7rem, 7vw, 2.4rem); }
}

/* ════════════════════════════════════════════════
   HOST ŞABLONU — WOW (h2ho)
   ════════════════════════════════════════════════ */
.h2-slide--host { display: none; }
.h2-slide--host[data-active="true"] { display: block; }

.h2ho {
	--h2ho-violet: #5558df;
	--h2ho-violet2: #7a7ef0;
	--h2ho-coral: #df7a5c;
	--h2ho-coral2: #e89a7c;
	--h2ho-pink: #df5c9a;
	--h2ho-green: #1c9d6b;
	--h2ho-cyan: #16a394;
	--h2ho-orange: #f59e0b;
	--h2ho-ink: #14122b;
	--h2ho-soft: #2a2746;
	--h2ho-mute: #555174;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
	gap: clamp(30px, 4vw, 56px);
	align-items: center;
	min-height: 0;
}
.h2ho__copy { animation: h2ho-rise .9s cubic-bezier(.2,.7,.3,1) both; }
@keyframes h2ho-rise { from{opacity:0; transform:translateY(28px)} to{opacity:1; transform:translateY(0)} }

.h2ho__eyebrow {
	display: inline-flex; align-items: center; gap: 9px;
	font-size: .82rem; font-weight: 800; letter-spacing: .02em;
	color: #fff;
	background: linear-gradient(135deg, var(--h2ho-coral), var(--h2ho-violet));
	padding: 9px 18px; border-radius: 999px; margin-bottom: 22px;
	box-shadow: 0 10px 26px rgba(223,122,92,.35);
}
.h2ho__eyebrow svg { width: 16px; height: 16px; }

.h2ho__title {
	font-family: "Syne", "Manrope", sans-serif;
	font-size: clamp(1.9rem, 3.2vw, 2.9rem);
	font-weight: 800; line-height: 1.08; letter-spacing: -.025em;
	margin: 0 0 18px; color: var(--h2ho-ink);
	max-width: 100%;
}
.h2ho__title .grad {
	background: linear-gradient(115deg, var(--h2ho-coral) 8%, var(--h2ho-pink) 48%, var(--h2ho-violet) 92%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
	background-size: 200% auto;
	animation: h2ho-shimmer 6s linear infinite;
}
@keyframes h2ho-shimmer { to { background-position: 200% center; } }

.h2ho__lead {
	font-size: 1.05rem; line-height: 1.6; color: var(--h2ho-soft);
	max-width: 52ch; margin: 0 0 16px;
	background: rgba(255,255,255,.8);
	border: 1px solid rgba(255,255,255,.95);
	border-radius: 12px; padding: 12px 16px;
	backdrop-filter: blur(6px);
}

/* uptime kartı */
.h2ho__uptime {
	display: flex; align-items: center; gap: 14px;
	background: rgba(255,255,255,.88);
	border: 1px solid rgba(28,157,107,.22);
	border-left: 4px solid var(--h2ho-green);
	border-radius: 14px; padding: 12px 16px;
	margin-bottom: 20px;
	max-width: 540px;
	box-shadow: 0 12px 28px rgba(28,157,107,.08);
}
.h2ho__uptime-icon {
	flex: 0 0 auto;
	width: 38px; height: 38px;
	display: grid; place-items: center;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--h2ho-green), #25b07d);
	color: #fff;
	box-shadow: 0 6px 14px rgba(28,157,107,.32);
}
.h2ho__uptime-icon svg { width: 18px; height: 18px; }
.h2ho__uptime-body { display: flex; flex-direction: column; gap: 2px; line-height: 1.35; min-width: 0; }
.h2ho__uptime-body strong { font-size: .96rem; font-weight: 800; color: var(--h2ho-ink); }
.h2ho__uptime-body small { font-size: .82rem; color: var(--h2ho-mute); font-weight: 500; display: inline-flex; align-items: center; }
.h2ho__uptime-dot {
	display: inline-block;
	width: 6px; height: 6px; border-radius: 50%;
	background: var(--h2ho-green);
	margin-right: 6px;
	box-shadow: 0 0 8px rgba(28,157,107,.7);
	animation: h2ho-blink 1.4s infinite;
}
@keyframes h2ho-blink { 0%,100%{opacity:1} 50%{opacity:.3} }

.h2ho__cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 22px; }
.h2ho__btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 13px 22px; border-radius: 13px;
	font-weight: 700; font-size: .95rem; text-decoration: none; cursor: pointer;
	border: 1px solid transparent; transition: all .25s cubic-bezier(.2,.7,.3,1);
}
.h2ho__btn svg { width: 16px; height: 16px; }
.h2ho__btn--ghost { background: rgba(223,122,92,.10); color: var(--h2ho-coral); border-color: rgba(223,122,92,.26); }
.h2ho__btn--ghost:hover { background: rgba(223,122,92,.16); transform: translateY(-2px); }
.h2ho__btn--buy {
	background: linear-gradient(135deg, var(--h2ho-coral), #d6604a);
	color: #fff; box-shadow: 0 12px 30px rgba(223,122,92,.42);
}
.h2ho__btn--buy:hover { color: #fff; transform: translateY(-3px) scale(1.02); box-shadow: 0 18px 40px rgba(223,122,92,.55); }

.h2ho__trust { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.h2ho__trust-item { display: inline-flex; align-items: center; gap: 7px; font-size: .85rem; color: var(--h2ho-soft); font-weight: 600; }
.h2ho__trust-item svg { width: 16px; height: 16px; color: var(--h2ho-green); }

/* SAĞ — 2 paket kartı + ortada canlı rozet */
.h2ho__stage {
	position: relative;
	animation: h2ho-rise 1.1s cubic-bezier(.2,.7,.3,1) .15s both;
	display: flex; align-items: center; justify-content: center;
	padding-top: 16px;
}
.h2ho__packs {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	position: relative;
}
.h2ho__packs[data-count="1"] { grid-template-columns: minmax(0, 360px); justify-content: center; }
.h2ho__packs[data-count="3"] { grid-template-columns: repeat(3, 1fr); gap: 12px; }
.h2ho__packs[data-count="4"] { grid-template-columns: repeat(2, 1fr); gap: 14px; }

/* canlı rozet — kartların arasında ortada */
.h2ho__live {
	position: absolute;
	top: 50%; left: 42%;
	transform: translate(-50%, -50%);
	z-index: 5;
	background: linear-gradient(135deg, var(--h2ho-ink), #2a2548);
	color: #fff;
	padding: 8px 14px;
	border-radius: 999px;
	font-family: "JetBrains Mono", ui-monospace, monospace;
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .04em;
	box-shadow: 0 14px 28px rgba(0,0,0,.32);
	display: inline-flex; align-items: center; gap: 7px;
	border: 1px solid rgba(255,255,255,.1);
	white-space: nowrap;
}
.h2ho__live-dot {
	width: 7px; height: 7px; border-radius: 50%;
	background: #36e0c8;
	box-shadow: 0 0 10px #36e0c8;
	animation: h2ho-blink 1.4s infinite;
}

.h2ho__pack {
	position: relative;
	background: #fff;
	border-radius: 22px;
	padding: 26px 22px 24px;
	border: 1px solid rgba(20,18,43,.06);
	box-shadow: 0 24px 56px rgba(40,30,90,.14);
	display: flex; flex-direction: column; gap: 14px;
	transition: transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s ease;
}
.h2ho__pack:hover { transform: translateY(-6px); box-shadow: 0 36px 76px rgba(40,30,90,.22); }
.h2ho__pack--featured {
	border: 2px solid rgba(223,122,92,.4);
	box-shadow: 0 32px 70px rgba(223,122,92,.26);
}

.h2ho__pack-badge {
	position: absolute; top: -10px; left: 50%; transform: translateX(-50%);
	background: linear-gradient(135deg, var(--h2ho-coral), var(--h2ho-pink));
	color: #fff; font-size: .65rem; font-weight: 800; letter-spacing: .08em;
	padding: 5px 12px; border-radius: 999px;
	box-shadow: 0 8px 18px rgba(223,122,92,.5);
	text-transform: uppercase; white-space: nowrap;
}

.h2ho__pack-head { display: flex; align-items: center; gap: 12px; }
.h2ho__pack-icon {
	flex: 0 0 auto;
	width: 48px; height: 48px;
	border-radius: 13px;
	display: grid; place-items: center;
	background: rgba(85,88,223,.12);
	color: var(--h2ho-violet);
}
.h2ho__pack-icon svg { width: 24px; height: 24px; }
.h2ho__pack--featured .h2ho__pack-icon {
	background: linear-gradient(135deg, var(--h2ho-coral), var(--h2ho-coral2));
	color: #fff;
	box-shadow: 0 10px 22px rgba(223,122,92,.42);
}
.h2ho__pack-name { display: flex; flex-direction: column; gap: 2px; line-height: 1.15; min-width: 0; }
.h2ho__pack-name strong { font-family: "Syne", sans-serif; font-size: 1.18rem; font-weight: 800; color: var(--h2ho-ink); letter-spacing: -.01em; }
.h2ho__pack-name small { font-size: .78rem; color: var(--h2ho-mute); font-weight: 500; }

.h2ho__pack-price {
	display: flex; align-items: baseline; gap: 8px;
	padding: 12px 0 8px;
	border-top: 1px dashed rgba(20,18,43,.1);
	border-bottom: 1px dashed rgba(20,18,43,.1);
}
.h2ho__pack-now { font-family: "Syne", sans-serif; font-size: 1.95rem; font-weight: 800; color: var(--h2ho-ink); letter-spacing: -.02em; line-height: 1; }
.h2ho__pack-now small { font-size: .82rem; color: var(--h2ho-mute); font-weight: 600; }
.h2ho__pack-yearly { margin-left: auto; font-size: .72rem; color: var(--h2ho-mute); font-weight: 600; text-align: right; line-height: 1.3; }
.h2ho__pack-yearly b { color: var(--h2ho-green); font-weight: 800; }

.h2ho__pack-list { list-style: none; display: flex; flex-direction: column; gap: 8px; padding: 0; margin: 0; }
.h2ho__pack-list li { display: flex; align-items: flex-start; gap: 8px; font-size: .87rem; color: var(--h2ho-soft); font-weight: 500; line-height: 1.45; }
.h2ho__pack-list svg { width: 15px; height: 15px; color: var(--h2ho-green); flex: 0 0 auto; margin-top: 2px; }

.h2ho__pack-cta {
	margin-top: auto;
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 13px 18px; border-radius: 12px;
	font-weight: 700; font-size: .94rem; text-decoration: none;
	background: rgba(85,88,223,.08); color: var(--h2ho-violet); border: 1px solid rgba(85,88,223,.22);
	transition: all .25s ease;
}
.h2ho__pack-cta:hover { background: rgba(85,88,223,.14); transform: translateY(-2px); }
.h2ho__pack-cta svg { width: 15px; height: 15px; transition: transform .2s ease; }
.h2ho__pack-cta:hover svg { transform: translateX(3px); }
.h2ho__pack--featured .h2ho__pack-cta {
	background: linear-gradient(135deg, var(--h2ho-coral), #d6604a);
	color: #fff; border-color: transparent;
	box-shadow: 0 10px 24px rgba(223,122,92,.42);
}
.h2ho__pack--featured .h2ho__pack-cta:hover { color: #fff; transform: translateY(-3px) scale(1.02); }

@media (max-width: 940px) {
	.h2ho { grid-template-columns: 1fr; gap: 40px; }
	.h2ho__packs, .h2ho__packs[data-count="3"], .h2ho__packs[data-count="4"] { grid-template-columns: 1fr; gap: 22px; }
	.h2ho__live { display: none; }
	.h2ho__title { font-size: clamp(1.7rem, 7vw, 2.4rem); }
}

/* ════════════════════════════════════════════════
   SEKTÖREL ŞABLONU — premium butik (h2s)
   mor + altın aksanlı, 4 yetenek kartı 2x2, akan teknoloji bandı
   ════════════════════════════════════════════════ */
.h2-slide--sektorel { display: none; }
.h2-slide--sektorel[data-active="true"] { display: block; }

.h2s {
	--h2s-violet-deep: #4338ca;
	max-width: 100%;
	--h2s-violet: #5558df;
	--h2s-violet-2: #7a7ef0;
	--h2s-pink: #df5c9a;
	--h2s-gold: #d4a857;
	--h2s-gold-2: #e8c47a;
	--h2s-green: #1c9d6b;
	--h2s-cyan: #16a394;
	--h2s-ink: #14122b;
	--h2s-soft: #2a2746;
	--h2s-mute: #555174;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	gap: clamp(30px, 4vw, 56px);
	align-items: center;
	min-height: 0;
}
.h2s__copy { animation: h2s-rise .9s cubic-bezier(.2,.7,.3,1) both; min-width: 0; }
@keyframes h2s-rise { from{opacity:0; transform:translateY(28px)} to{opacity:1; transform:translateY(0)} }

.h2s__eyebrow {
	display: inline-flex; align-items: center; gap: 9px;
	font-size: .82rem; font-weight: 800; letter-spacing: .02em;
	color: #fff;
	background: linear-gradient(135deg, var(--h2s-violet-deep), var(--h2s-gold));
	padding: 9px 18px; border-radius: 999px; margin-bottom: 22px;
	box-shadow: 0 10px 26px rgba(67,56,202,.35);
}
.h2s__eyebrow svg { width: 16px; height: 16px; }

.h2s__title {
	font-family: "Syne", "Manrope", sans-serif;
	font-size: clamp(1.9rem, 3.2vw, 2.9rem);
	font-weight: 800; line-height: 1.08; letter-spacing: -.025em;
	margin: 0 0 18px; color: var(--h2s-ink);
	max-width: 100%;
}
.h2s__title .grad {
	background: linear-gradient(115deg, var(--h2s-violet-deep) 5%, var(--h2s-pink) 48%, var(--h2s-gold) 95%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
	background-size: 200% auto;
	animation: h2s-shimmer 6s linear infinite;
}
@keyframes h2s-shimmer { to { background-position: 200% center; } }

.h2s__lead {
	font-size: 1.05rem; line-height: 1.6; color: var(--h2s-soft);
	max-width: 52ch; margin: 0 0 16px;
	background: rgba(255,255,255,.8);
	border: 1px solid rgba(255,255,255,.95);
	border-radius: 12px; padding: 12px 16px;
	backdrop-filter: blur(6px);
}

/* prestige kartı - altın aksanlı, butik hissi */
.h2s__prestige {
	display: flex; align-items: center; gap: 14px;
	background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(252,247,237,.85));
	border: 1px solid rgba(212,168,87,.4);
	border-left: 4px solid var(--h2s-gold);
	border-radius: 14px;
	padding: 12px 16px;
	margin-bottom: 20px;
	max-width: 540px;
	box-shadow: 0 12px 28px rgba(212,168,87,.12);
}
.h2s__prestige-icon {
	flex: 0 0 auto;
	width: 38px; height: 38px;
	display: grid; place-items: center;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--h2s-gold), var(--h2s-gold-2));
	color: #fff;
	box-shadow: 0 6px 14px rgba(212,168,87,.4);
}
.h2s__prestige-icon svg { width: 18px; height: 18px; }
.h2s__prestige-body { display: flex; flex-direction: column; gap: 2px; line-height: 1.35; min-width: 0; }
.h2s__prestige-body strong { font-size: .96rem; font-weight: 800; color: var(--h2s-ink); }
.h2s__prestige-body small { font-size: .82rem; color: var(--h2s-mute); font-weight: 500; }

.h2s__cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 22px; }
.h2s__btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 13px 24px; border-radius: 13px;
	font-weight: 700; font-size: .95rem; text-decoration: none; cursor: pointer;
	border: 1px solid transparent; transition: all .25s cubic-bezier(.2,.7,.3,1);
}
.h2s__btn svg { width: 16px; height: 16px; }
.h2s__btn--ghost { background: rgba(67,56,202,.08); color: var(--h2s-violet-deep); border-color: rgba(67,56,202,.22); }
.h2s__btn--ghost:hover { background: rgba(67,56,202,.14); transform: translateY(-2px); }
.h2s__btn--buy {
	background: linear-gradient(135deg, var(--h2s-violet-deep), var(--h2s-violet));
	color: #fff; box-shadow: 0 12px 30px rgba(67,56,202,.42);
}
.h2s__btn--buy:hover { color: #fff; transform: translateY(-3px) scale(1.02); box-shadow: 0 18px 40px rgba(67,56,202,.55); }

.h2s__trust { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.h2s__trust-item { display: inline-flex; align-items: center; gap: 7px; font-size: .85rem; color: var(--h2s-soft); font-weight: 600; }
.h2s__trust-item svg { width: 16px; height: 16px; color: var(--h2s-gold); }

/* SAĞ — 4 yetenek kartı 2x2 grid + akan band */
.h2s__stage {
	position: relative;
	animation: h2s-rise 1.1s cubic-bezier(.2,.7,.3,1) .15s both;
	display: flex; flex-direction: column;
	gap: 14px;
	min-width: 0;
}
.h2s__skills {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.h2s__skills[data-count="1"] { grid-template-columns: minmax(0, 360px); justify-content: center; }
.h2s__skills[data-count="2"] { grid-template-columns: 1fr 1fr; }
.h2s__skills[data-count="3"] { grid-template-columns: 1fr; gap: 10px; }
.h2s__skills[data-count="5"], .h2s__skills[data-count="6"] { grid-template-columns: repeat(3, 1fr); gap: 10px; }

.h2s__skill {
	position: relative;
	background: #fff;
	border-radius: 18px;
	padding: 22px 20px;
	border: 1px solid rgba(20,18,43,.06);
	box-shadow: 0 16px 38px rgba(40,30,90,.10);
	display: flex; flex-direction: column; gap: 10px;
	transition: transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease, border-color .3s ease;
	overflow: hidden;
}
.h2s__skill::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, transparent 60%, rgba(67,56,202,.04) 100%);
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s ease;
}
.h2s__skill:hover {
	transform: translateY(-5px);
	box-shadow: 0 26px 56px rgba(67,56,202,.20);
	border-color: rgba(67,56,202,.18);
}
.h2s__skill:hover::before { opacity: 1; }

.h2s__skill-icon {
	width: 46px; height: 46px;
	border-radius: 12px;
	display: grid; place-items: center;
	color: #fff;
	box-shadow: 0 8px 18px rgba(67,56,202,.32);
}
.h2s__skill-icon svg { width: 24px; height: 24px; }
/* 4 farklı kart için 4 farklı renk */
.h2s__skill:nth-child(1) .h2s__skill-icon { background: linear-gradient(135deg, var(--h2s-violet-deep), var(--h2s-violet)); }
.h2s__skill:nth-child(2) .h2s__skill-icon { background: linear-gradient(135deg, var(--h2s-pink), #c44680); box-shadow: 0 8px 18px rgba(223,92,154,.4); }
.h2s__skill:nth-child(3) .h2s__skill-icon { background: linear-gradient(135deg, var(--h2s-gold), var(--h2s-gold-2)); box-shadow: 0 8px 18px rgba(212,168,87,.4); }
.h2s__skill:nth-child(4) .h2s__skill-icon { background: linear-gradient(135deg, var(--h2s-cyan), var(--h2s-green)); box-shadow: 0 8px 18px rgba(22,163,148,.4); }
.h2s__skill:nth-child(5) .h2s__skill-icon { background: linear-gradient(135deg, var(--h2s-violet), var(--h2s-pink)); box-shadow: 0 8px 18px rgba(85,88,223,.4); }
.h2s__skill:nth-child(6) .h2s__skill-icon { background: linear-gradient(135deg, var(--h2s-gold), var(--h2s-pink)); box-shadow: 0 8px 18px rgba(212,168,87,.4); }

.h2s__skill-title {
	font-family: "Syne", sans-serif;
	font-size: 1.08rem;
	font-weight: 800; color: var(--h2s-ink);
	letter-spacing: -.01em; line-height: 1.25;
}
.h2s__skill-lead {
	font-size: .85rem;
	color: var(--h2s-soft);
	line-height: 1.5;
	flex: 1;
}
.h2s__skill-tags {
	display: flex; flex-wrap: wrap; gap: 5px;
	margin-top: 4px;
}
.h2s__skill-tag {
	display: inline-block;
	font-size: .68rem; font-weight: 700; letter-spacing: .04em;
	color: var(--h2s-mute);
	background: rgba(20,18,43,.05);
	padding: 3px 8px; border-radius: 5px;
}

/* AKAN TEKNOLOJİ BANDI */
.h2s__marquee {
	position: relative;
	overflow: hidden;
	margin-top: 4px;
	max-width: 100%;
	padding: 12px 0;
	background: linear-gradient(135deg, rgba(67,56,202,.06), rgba(212,168,87,.05));
	border-radius: 12px;
	border: 1px solid rgba(67,56,202,.08);
}
.h2s__marquee::before, .h2s__marquee::after {
	content: "";
	position: absolute; top: 0; bottom: 0;
	width: 60px; z-index: 2;
	pointer-events: none;
}
.h2s__marquee::before { left: 0; background: linear-gradient(90deg, #fcfaff, transparent); }
.h2s__marquee::after { right: 0; background: linear-gradient(-90deg, #fcfaff, transparent); }
.h2s__marquee-track {
	display: flex; gap: 24px;
	width: max-content;
	animation: h2s-marquee 24s linear infinite;
}
@keyframes h2s-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
.h2s__marquee-item {
	display: inline-flex; align-items: center; gap: 6px;
	font-family: "JetBrains Mono", ui-monospace, monospace;
	font-size: .75rem; font-weight: 600;
	color: var(--h2s-soft);
	white-space: nowrap;
}
.h2s__marquee-item::before {
	content: "▸";
	color: var(--h2s-gold);
	font-size: .68rem;
}

@media (max-width: 940px) {
	.h2s { grid-template-columns: 1fr; gap: 40px; }
	.h2s__skills, .h2s__skills[data-count="2"], .h2s__skills[data-count="5"], .h2s__skills[data-count="6"] { grid-template-columns: 1fr; gap: 12px; }
	.h2s__title { font-size: clamp(1.7rem, 7vw, 2.4rem); }
	.h2s__prestige, .h2s__lead { max-width: 100%; }
}
@media (max-width: 700px) {
	.h2s__marquee { padding: 10px 0; }
	.h2s__marquee::before, .h2s__marquee::after { width: 30px; }
	.h2s__marquee-item { font-size: .7rem; }
	.h2s__marquee-track { gap: 18px; animation-duration: 20s; }
	.h2s__skill { padding: 18px 16px; }
	.h2s__skill-title { font-size: 1rem; }
	.h2s__skill-lead { font-size: .82rem; }
	.h2s__cta { gap: 8px; }
	.h2s__btn { padding: 11px 18px; font-size: .9rem; }
	.h2s__eyebrow { font-size: .72rem; padding: 7px 14px; }
	.h2s__title { font-size: clamp(1.5rem, 8vw, 2rem); margin-bottom: 14px; }
}

/* ════════════════════════════════════════════════
   YAKINDA ROZETİ + PASİF BUTON DURUMU
   Slayt başına toggle — tema şablonu için
   ════════════════════════════════════════════════ */

/* Sağ üst rozet — büyük, dikkat çekici, pulse animasyonlu */
.h2t__stage { position: relative; }
.h2t__soon {
	position: absolute;
	top: 14px; right: 14px;
	z-index: 6;
	display: inline-flex; align-items: center; gap: 7px;
	font-family: "Syne", "Manrope", sans-serif;
	font-size: .82rem; font-weight: 800; letter-spacing: .12em;
	color: #fff;
	background: linear-gradient(135deg, #f59e0b, #df5c2c);
	padding: 9px 16px;
	border-radius: 999px;
	box-shadow:
		0 14px 32px rgba(245,158,11,.5),
		0 0 0 2.5px rgba(255,255,255,.95),
		inset 0 1px 0 rgba(255,255,255,.45);
	text-shadow: 0 1px 2px rgba(120,60,0,.6);
	text-transform: uppercase;
	animation: h2t-soon-pulse 2.2s ease-in-out infinite;
}
.h2t__soon svg { filter: drop-shadow(0 1px 1px rgba(120,60,0,.5)); }

@keyframes h2t-soon-pulse {
	0%, 100% {
		transform: scale(1) translateZ(0);
		box-shadow: 0 14px 32px rgba(245,158,11,.5), 0 0 0 2.5px rgba(255,255,255,.95), inset 0 1px 0 rgba(255,255,255,.45);
	}
	50% {
		transform: scale(1.06) translateZ(0);
		box-shadow: 0 18px 42px rgba(245,158,11,.75), 0 0 0 3px rgba(255,255,255,1), inset 0 1px 0 rgba(255,255,255,.45);
	}
}

/* YAKINDA modunda görsel "perdeli" — biraz uçuk, daha az çekici */
.h2t__stage.is-coming-soon .h2t__frame { filter: saturate(.82) brightness(.95); }
.h2t__stage.is-coming-soon .h2t__frame::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(245,158,11,.06), rgba(223,92,44,.04));
	pointer-events: none;
	border-radius: inherit;
}

/* CTA pasif — butonlar görsel olarak soluk + tıklanamaz */
.h2t__cta.is-coming-soon,
.h2t__pricecard.is-coming-soon {
	position: relative;
}
.h2t__cta.is-coming-soon .h2t__btn,
.h2t__pricecard.is-coming-soon .h2t__pricebtn {
	opacity: .42;
	pointer-events: none;
	cursor: not-allowed;
	filter: grayscale(.35);
	user-select: none;
}
.h2t__pricecard.is-coming-soon .h2t__price { opacity: .55; }
.h2t__pricecard.is-coming-soon::after {
	content: "Henüz alınamaz";
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%) rotate(-4deg);
	font-family: "Syne", "Manrope", sans-serif;
	font-size: .78rem; font-weight: 800; letter-spacing: .1em;
	color: #df5c2c;
	background: rgba(255,255,255,.96);
	padding: 5px 14px;
	border-radius: 7px;
	border: 1.5px solid rgba(223,92,44,.4);
	box-shadow: 0 6px 16px rgba(223,92,44,.3);
	text-transform: uppercase;
	pointer-events: none;
	white-space: nowrap;
}

/* Mobil — rozet biraz küçülsün */
@media (max-width: 700px) {
	.h2t__soon {
		top: 10px; right: 10px;
		font-size: .72rem;
		padding: 7px 12px;
		letter-spacing: .08em;
	}
	.h2t__soon svg { width: 12px; height: 12px; }
}