/* 1. Ховаємо всі непотрібні елементи на сторінці при друці */
@media print {

    @page {
    size: A4;
    /* Задаємо мінімальні поля (наприклад, 5 міліметрів замість стандартних 20) */
    margin: 20mm 5mm 20mm 5mm!important; /* Верх, Право, Низ, Ліво */
  }

     * {
    -webkit-print-color-adjust: exact !important; /* Для Safari, Chrome, Opera, Edge */
    print-color-adjust: exact !important;         /* Сучасний стандарт (Firefox та ін.) */
  }

  body {
    /* Обнуляємо відступи самого тіла сайту, щоб текст підійшов впритул до полів паперу */
    margin: 0!important;
    padding: 0!important;
  }

  ul, ol {
    margin-left:10px!important;
    padding-left:10px!important;
  }

    /* Ховаємо шапку сайту, підвал, бічні панелі та саму кнопку друку */
    header, footer, .sidebar, .no-print, .hero, .stats, #expo-about, #partners, #expo-video, #expo-way, #exponents, #expo-app, #speakers, #media-partners, #expo-price, #expo-hotels, #contacts {
        display: none !important;
    }

    #expo-programme {
        margin: 0!important;
        padding:0!important;
        width:100%!important;
    }

    .schedule {
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-template-rows: [tracks] auto;
        grid-template-columns: [track-1-start] 1fr [track-1-end track-2-start] 1fr [track-2-end track-3-start] 1fr [track-3-end]!important;
        gap: 15px !important;
    }

    div.track-1 {
        grid-column: 1 !important;
    }
    div.track-2 {
        grid-column: 2 !important;
    }
    div.track-3 {
        grid-column: 3 !important;
    }

    /* Робемо нашу секцію на весь екран без відступів сайту */
    body, .printable-area {
        width: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        color: #000;
        font-size: 12pt; /* Для друку краще використовувати pt замість px */
    }

    /* Налаштування полів самої сторінки PDF (A4) */
    @page {
        size: A4;
        margin: 20mm 15mm 20mm 15mm; /* Верх, право, низ, ліво */
    }

    /* Створюємо примусовий розрив сторінки, якщо потрібно */
    .page-break {
        page-break-before: always; /* Для старих браузерів */
        break-before: page;        /* Сучасний стандарт */
    }

    /* Забороняємо розривати важливі блоки (наприклад, заголовки чи картинки) навпіл */
    h1, h2, table, img {
        page-break-inside: avoid;
        break-inside: avoid;
    }
}