/* ==============================
       YouTube Video Grid
       ============================== */

    .youtube-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        max-width: 1200px;
        margin: 0 auto 50px;
        padding: 0 20px;
    }

    /* ==============================
       วิดีโอ YouTube ปกติ 16:9
       ============================== */

    .youtube-item {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-radius: 10px;
        background: #000;
    }

    .youtube-item iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0;
    }

    /* ==============================
       YouTube Shorts 9:16
       ============================== */

    .youtube-short {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-radius: 10px;
        background: #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .youtube-short iframe {
        width: 100%;
        height: 100%;
        border: 0;
    }

    /* ==============================
       มือถือ : 1 Column
       ============================== */

    @media (max-width: 768px) {

        .youtube-grid {
            grid-template-columns: 1fr;
            gap: 25px;
            padding: 0 15px;
        }

    }