/* Ana sayfa hero son düzeni: sade, dengeli ve referanstaki ölçülere yakın. */
.home-main .tb-hero {
	min-height: 0 !important;
	padding: 74px 0 34px !important;
	overflow: hidden !important;
	background:
		radial-gradient(circle at 83% 8%, rgba(255, 83, 62, .13), transparent 30%),
		radial-gradient(circle at 8% 82%, rgba(239, 43, 51, .07), transparent 27%),
		#09090a !important;
}

/* Eski temadan kalan beyaz, kırıklı alt şekli tamamen kaldır. */
.home-main .hero.tb-hero::after {
	content: none !important;
	display: none !important;
	clip-path: none !important;
}

.home-main .tb-hero::before {
	width: 520px !important;
	height: 520px !important;
	right: -110px !important;
	top: -210px !important;
	background: radial-gradient(circle, rgba(239, 43, 51, .16), transparent 67%) !important;
}

.home-main .tb-hero-grid {
	width: min(calc(100% - 40px), 1180px) !important;
	min-height: 535px !important;
	grid-template-columns: minmax(0, 620px) minmax(390px, 470px) !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 70px !important;
}

.home-main .tb-hero-copy {
	max-width: 620px !important;
	padding: 0 !important;
}

.home-main .tb-hero .eyebrow {
	padding: 8px 15px !important;
	font-size: 12px !important;
	letter-spacing: .025em !important;
	text-transform: none !important;
}

.home-main .tb-hero h1 {
	max-width: 620px !important;
	margin: 25px 0 20px !important;
	font-size: clamp(52px, 4.25vw, 68px) !important;
	line-height: 1.04 !important;
	letter-spacing: -.052em !important;
	white-space: nowrap !important;
}

/* Referanstaki temiz tek satırlı başlık. Alt slogan açıklama ve güven alanında devam ediyor. */
.home-main .tb-hero h1 br,
.home-main .tb-hero h1 span {
	display: none !important;
}

.home-main .tb-hero-copy > p {
	max-width: 610px !important;
	font-size: 17px !important;
	line-height: 1.8 !important;
}

.home-main .tb-hero-actions {
	margin-top: 32px !important;
	gap: 22px !important;
}

.home-main .tb-hero .hero-button {
	min-width: 245px !important;
	min-height: 58px !important;
	padding: 0 28px !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-size: 15px !important;
}

.home-main .tb-hero-track {
	font-size: 14px !important;
	color: #d6d6d8 !important;
}

.home-main .tb-hero-trust {
	gap: 14px !important;
	margin-top: 34px !important;
}

.home-main .tb-proof-row {
	width: fit-content !important;
	display: flex !important;
	gap: 0 !important;
	margin-top: 32px !important;
}

.home-main .tb-proof-row span {
	min-width: 165px !important;
	padding: 0 28px !important;
	border: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, .14) !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.home-main .tb-proof-row span:first-child { padding-left: 0 !important; }
.home-main .tb-proof-row span:last-child { border-right: 0 !important; }
.home-main .tb-proof-row b { color: #ff4651 !important; font-size: 28px !important; line-height: 1.1 !important; }
.home-main .tb-proof-row small { margin-top: 7px !important; font-size: 10px !important; text-transform: uppercase !important; }

.home-main .tb-hero-visual {
	width: 470px !important;
	height: 500px !important;
	justify-self: end !important;
	margin: 0 !important;
	border-radius: 34px !important;
}

.home-main .tb-hero-visual .hero-mascot {
	position: static !important;
	transform: none !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
	box-shadow: 0 28px 75px rgba(0, 0, 0, .42) !important;
}

.home-main .tb-hero-visual::before {
	background: linear-gradient(to bottom, rgba(9, 9, 10, .42), transparent 30%, rgba(9, 9, 10, .2)) !important;
}

.home-main .tb-card-followers { left: -28px !important; top: 64px !important; }
.home-main .tb-card-views { left: -38px !important; bottom: 88px !important; }
.home-main .tb-card-likes { right: -22px !important; bottom: 36px !important; }

/* Hızlı sipariş kutusunu ana kompozisyondan ayır; görsele taşmasın. */
.home-main .tb-quick-order {
	margin-top: 54px !important;
	margin-bottom: 0 !important;
}

@media (max-width: 1100px) {
	.home-main .tb-hero-grid {
		grid-template-columns: minmax(0, 1fr) 400px !important;
		gap: 42px !important;
	}
	.home-main .tb-hero h1 { font-size: clamp(46px, 5.2vw, 60px) !important; }
	.home-main .tb-hero-visual { width: 400px !important; height: 470px !important; }
	.home-main .tb-proof-row span { min-width: 140px !important; padding-inline: 20px !important; }
}

@media (max-width: 860px) {
	.home-main .tb-hero { padding-top: 54px !important; }
	.home-main .tb-hero-grid { grid-template-columns: 1fr !important; min-height: 0 !important; }
	.home-main .tb-hero-copy { text-align: center !important; margin-inline: auto !important; }
	.home-main .tb-hero h1 { white-space: normal !important; }
	.home-main .tb-hero-copy > p { margin-inline: auto !important; }
	.home-main .tb-hero-actions, .home-main .tb-hero-trust { justify-content: center !important; }
	.home-main .tb-proof-row { margin-inline: auto !important; }
	.home-main .tb-hero-visual { justify-self: center !important; width: min(100%, 520px) !important; }
	.home-main .tb-quick-order { margin-top: 36px !important; }
}

@media (max-width: 560px) {
	.home-main .tb-hero { padding: 38px 0 24px !important; }
	.home-main .tb-hero h1 { font-size: 42px !important; }
	.home-main .tb-hero-actions { flex-direction: column !important; align-items: stretch !important; }
	.home-main .tb-hero .hero-button { width: 100% !important; }
	.home-main .tb-proof-row { width: 100% !important; }
	.home-main .tb-proof-row span { min-width: 0 !important; flex: 1 !important; padding-inline: 10px !important; }
	.home-main .tb-proof-row b { font-size: 22px !important; }
	.home-main .tb-proof-row small { font-size: 8px !important; }
	.home-main .tb-hero-visual { height: 390px !important; }
	.home-main .tb-floating-card { transform: scale(.88) !important; }
}