/* ── Home Page Specific Styles ── */

.v2-page .home-hero {
    background: #ffffff;
    padding-bottom: 80px;
}

.v2-page .home-hero .h2ci {
    align-items: center;
}

.v2-page .hero-widget-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
}

.v2-page .hero-conversion-badge {
    background: var(--ye);
    color: var(--ch);
    font-size: 12px;
    font-weight: 800;
    padding: 9px 16px;
    border-radius: 11px;
    box-shadow: 0 4px 14px rgba(255, 214, 0, 0.4);
    position: absolute;
    top: -20px;
    right: -10px;
    z-index: 2;
}

.v2-page .hero-widget {
    width: 380px;
    border-radius: 20px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
}

.v2-page .hero-widget-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--tm);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.v2-page .hero-calendar-header {
    font-size: 11px;
    font-weight: 700;
    color: var(--tm);
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
}

.v2-page .hero-timeslot-label {
    font-size: 10px;
    font-weight: 700;
    color: var(--tm);
    margin-bottom: 7px;
}

.v2-page .hero-cta-wrap {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* ── HOME RESPONSIVE ── */
@media (max-width: 768px) {
    .v2-page .home-hero { padding-bottom: 40px; }
    .v2-page .hero-widget { width: 100%; max-width: 340px; margin: 0 auto; }
    .v2-page .hero-widget-wrap { justify-content: center; }
    .v2-page .hero-conversion-badge { top: -12px; right: 0; }
}

@media (max-width: 480px) {
    .v2-page .hero-widget { max-width: 100%; }
}