body.alertforce-booking .sidebar,
body.alertforce-booking #sidebar,
body.alertforce-booking .widget-area,
body.alertforce-booking #secondary,
body.alertforce-booking .comments-area,
body.alertforce-booking #comments {
    display: none !important;
}

.alertforce-booking-page {
    --af-booking-navy: #051E36;
    --af-booking-teal: #1b6b8e;
    --af-booking-text: #1f2937;
    --af-booking-bg: #f3f6f9;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(180deg, var(--af-booking-bg) 0%, #eef3f7 100%);
    padding: 40px 20px 64px;
    font-family: inherit;
    color: var(--af-booking-text);
}

.alertforce-booking-container {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    box-sizing: border-box;
}

.alertforce-booking-card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(5, 30, 54, 0.06);
    border-radius: 24px;
    box-shadow:
        0 1px 2px rgba(5, 30, 54, 0.04),
        0 18px 40px rgba(5, 30, 54, 0.1),
        0 40px 80px rgba(27, 107, 142, 0.08);
}

.alertforce-booking-card::before {
    content: "";
    display: block;
    height: 5px;
    background: linear-gradient(90deg, var(--af-booking-navy) 0%, var(--af-booking-teal) 100%);
}

.alertforce-booking-header {
    padding: 28px 32px 20px;
    border-bottom: 1px solid #eef2f6;
}

.alertforce-booking-eyebrow {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--af-booking-teal);
}

.alertforce-booking-title {
    margin: 0;
    font-size: clamp(1.4rem, 2.4vw, 2rem) !important;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.alertforce-booking-frame {
    background: #fff;
}

.alertforce-booking-iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 820px;
    height: calc(100vh - 280px);
    border: 0;
    background: #fff;
}

@media (max-width: 767px) {
    .alertforce-booking-page {
        padding: 20px 12px 40px;
    }

    .alertforce-booking-card {
        border-radius: 16px;
        box-shadow:
            0 1px 2px rgba(5, 30, 54, 0.05),
            0 12px 28px rgba(5, 30, 54, 0.1);
    }

    .alertforce-booking-header {
        padding: 20px 18px 16px;
    }

    .alertforce-booking-iframe {
        min-height: 700px;
        height: calc(100vh - 220px);
    }
}