/* logo wall ลูกค้า
   ใช้ที่: หน้าแรก, เกี่ยวกับเรา */

/* "ลูกค้าของเรา" - logo wall สไตล์โมเดิร์น
               Scoped to .clients-modern; palette #062452 / #0a4091 / #17396c */
            .company-logos-one.clients-modern {
                background: #F1F5F9;
                padding: 72px 0 78px;
            }

            .company-logos-one.clients-modern .sec-title {
                margin-bottom: 40px;
            }

            .company-logos-one.clients-modern .row {
                --bs-gutter-y: 6px;
            }

            /* ---- การ์ดโลโก้ ---- */
            .company-logos-one.clients-modern .swiper-slide {
                background: #ffffff;
                border: 1px solid rgba(0, 0, 0, .08);
                border-radius: 14px;
                box-shadow: 0 8px 20px -14px rgba(0, 0, 0, .22);
                height: 100%;
                min-height: 104px;
                padding: 16px 18px;
                transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
            }

            /* ---- โลโก้: สีเต็มก่อน แล้วเป็นเทาตอน hover ---- */
            .company-logos-one.clients-modern .swiper-slide img.client {
                border-radius: 0;
                box-shadow: none;
                filter: grayscale(0);
                max-height: 104px;
                object-fit: contain;
                opacity: 1;
                transition: filter .35s ease, opacity .35s ease;
                width: auto;
            }

            .company-logos-one.clients-modern .swiper-slide:hover img.client {
                filter: grayscale(1);
                opacity: .65;
            }

            /* ---- ปุ่มท้าย section ---- */
            .company-logos-one.clients-modern .projects-one--two--projects__btn {
                margin-top: 36px;
            }

            @media (max-width: 767px) {
                .company-logos-one.clients-modern {
                    padding: 54px 0 58px;
                }

                .company-logos-one.clients-modern .sec-title {
                    margin-bottom: 28px;
                }

                .company-logos-one.clients-modern .swiper-slide {
                    min-height: 88px;
                }

                .company-logos-one.clients-modern .swiper-slide img.client {
                    max-height: 52px;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                .company-logos-one.clients-modern .swiper-slide {
                    transition: none;
                }

                .company-logos-one.clients-modern .swiper-slide:hover {
                    transform: none;
                }
            }