/* ============================================
 TF BIKE HOMEPAGE - CUSTOM CSS
 Trail & Fitness Bicycles | tf.bike
 TF Green: #4c7938
 ============================================ */

/* --- HERO OVERLAY --- */
.tf-hero-overlay {
 display: flex;
 align-items: flex-end;
 min-height: 520px;
 padding: 48px 40px;
 box-sizing: border-box;
}

.tf-hero-inner {
 max-width: 560px;
}

.tf-hero-eyebrow {
 display: inline-block;
 background: #4c7938;
 color: #ffffff;
 font-size: 0.72rem;
 font-weight: 700;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 padding: 5px 12px;
 border-radius: 2px;
 margin-bottom: 14px;
}

.tf-hero-headline {
 font-size: 3.6rem;
 font-weight: 800;
 color: #ffffff;
 line-height: 1.05;
 margin: 0 0 16px 0;
}

.tf-hero-sub {
 font-size: 1rem;
 color: rgba(255,255,255,0.90);
 line-height: 1.65;
 margin: 0 0 26px 0;
}

.tf-hero-ctas {
 display: flex;
 gap: 12px;
 flex-wrap: wrap;
 margin-bottom: 22px;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
 .tf-hero-overlay {
 padding: 36px 24px;
 min-height: 400px;
 }

 .tf-hero-headline {
 font-size: 2.4rem;
 }
}

@media (max-width: 480px) {
 .tf-hero-headline {
 font-size: 2rem;
 }

 .tf-hero-ctas {
 flex-direction: column;
 }
}