/* =========================================
               หน้าแรก : ข่าวประชาสัมพันธ์จาก CMS
               ========================================= */

            .home-news-grid{
                margin-top:10px;
            }

            .home-news-card{
                position:relative;
                height:100%;
                background:#fff;
                border:1px solid #e7edf3;
                border-radius:18px;
                overflow:hidden;
                box-shadow:0 7px 24px rgba(15,23,42,.055);
                transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
            }

            .home-news-card:hover{
                transform:translateY(-6px);
                border-color:#dce8f1;
                box-shadow:0 16px 34px rgba(15,23,42,.11);
            }

            .home-news-media{
                position:relative;
                display:block;
                aspect-ratio:16 / 9;
                overflow:hidden;
                background:#edf3f7;
            }

            .home-news-media img{
                width:100%;
                height:100%;
                display:block;
                object-fit:cover;
                object-position:center;
                transition:transform .45s ease;
            }

            .home-news-card:hover .home-news-media img{
                transform:scale(1.035);
            }

            .home-news-badge{
                position:absolute;
                top:13px;
                left:13px;
                z-index:3;
                padding:5px 10px;
                border-radius:999px;
                background:#0089E4;
                color:#fff;
                font-size:.72rem;
                font-weight:700;
                box-shadow:0 4px 12px rgba(0,137,228,.22);
            }

            .home-news-body{
                padding:17px 18px 19px;
            }

            .home-news-meta{
                display:flex;
                align-items:center;
                flex-wrap:wrap;
                gap:7px;
                margin-bottom:8px;
            }

            .home-news-date{
                color:#0089E4;
                font-size:.76rem;
                font-weight:600;
            }

            .home-news-category{
                display:inline-flex;
                align-items:center;
                padding:3px 8px;
                border-radius:999px;
                background:#f0f7fc;
                border:1px solid #dcecf7;
                color:#006bb3;
                font-size:.68rem;
                font-weight:600;
            }

            .home-news-title{
                margin:0 0 8px;
                color:#172033;
                font-size:1.03rem;
                line-height:1.52;
                font-weight:700;

                display:-webkit-box;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
                overflow:hidden;
            }

            .home-news-excerpt{
                margin:0 0 13px;
                color:#6f7b8d;
                font-size:.86rem;
                line-height:1.65;

                display:-webkit-box;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
                overflow:hidden;
            }

            .home-news-more{
                display:inline-flex;
                align-items:center;
                gap:4px;
                color:#0089E4;
                font-size:.82rem;
                font-weight:600;
                text-decoration:none;
            }

            .home-news-more span{
                transition:transform .2s ease;
            }

            .home-news-more:hover{
                color:#006bb3;
            }

            .home-news-more:hover span{
                transform:translateX(4px);
            }

            .home-news-empty{
                padding:35px 20px;
                background:#fff;
                border:1px solid #e7edf3;
                border-radius:16px;
                color:#778396;
                text-align:center;
            }

            @media (max-width:575.98px){
                .home-news-body{
                    padding:16px 16px 18px;
                }

                .home-news-title{
                    font-size:1rem;
                }
            }

/* หน้าแรก: กิจกรรมแบบแนวนอน 16:9 */
        .gallery-landscape .activity-photo {
            width: 100%;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            border-radius: 18px;
            background: #eaf3f9;
            box-shadow: 0 6px 24px rgba(15, 23, 42, .07);
        }

        .gallery-landscape .activity-photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform .45s ease;
        }

        .gallery-landscape .activity-photo:hover img {
            transform: scale(1.035);
        }

        @media (max-width: 575.98px) {
            .gallery-landscape {
                --bs-gutter-y: 1rem;
            }

            .gallery-landscape .activity-photo {
                border-radius: 14px;
            }
        }

/* หน้าแรก: ระบบโรงเรียน - ห้ามบังคับภาพเป็นสี่เหลี่ยม */
        .system-grid > [class*="col-"] {
            display: flex;
        }

        .system-grid .system-card {
            display: block;
            width: 100%;
            padding: 12px;
            background: #fff;
            border: 1px solid var(--border);
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(15, 23, 42, .05);
            transition: transform .25s ease, box-shadow .25s ease;
        }

        .system-grid .system-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow);
        }

        .system-grid .system-image {
            width: 100%;
            line-height: 0;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
        }

        .system-grid .system-image img {
            display: block;
            width: 100% !important;
            height: auto !important;
            max-width: 100%;
            object-fit: contain;
            aspect-ratio: auto !important;
        }

/* ===== ความภาคภูมิใจ : 3 ภาพใหญ่เรียงแนวนอน ===== */
        .pride-gallery {
            display: flex !important;
            flex-wrap: wrap !important;
        }

        @media (min-width: 768px) {
            .pride-gallery > .col-md-4 {
                width: 33.333333% !important;
                flex: 0 0 33.333333% !important;
            }
        }

        .pride-gallery .activity-photo {
            width: 100%;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            border-radius: 18px;
            background: #eaf3f9;
            box-shadow: 0 8px 28px rgba(15, 23, 42, .08);
        }

        .pride-gallery .activity-photo img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform .45s ease;
        }

        .pride-gallery .activity-photo:hover img {
            transform: scale(1.035);
        }

        @media (max-width: 767.98px) {
            .pride-gallery .activity-photo {
                border-radius: 14px;
            }
        }