/* ============================================
   CALENDAR PAGE
   ============================================ */

.sec-calendar {
    background: var(--white);
    color: var(--text);
    padding: 4.5rem 1.5rem;
}

.calendar-frame {
    max-width: var(--max-w);
    margin: 0 auto;
    background: var(--off-white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
}

.calendar-frame iframe {
    display: block;
    width: 100%;
    min-height: 650px;
    border: 0;
}

@media (max-width: 768px) {
    .calendar-frame iframe {
        min-height: 500px;
    }
}

@media (max-width: 480px) {
    .calendar-frame iframe {
        min-height: 400px;
    }
}