.gallery-section {
                min-height: auto;
            }

            .gallery-title {
                font-size: 2.5rem;
                font-weight: 400;
                color: #ffffff;
                margin-bottom: 3rem;
                position: relative;
                text-transform: uppercase;
                letter-spacing: 2px;
            }

            .gallery-title::after {
                content: '';
                display: block;
                width: 100px;
                height: 3px;
                background: linear-gradient(90deg, transparent, #ffd700, transparent);
                margin: 15px auto 0;
            }

            .gallery-img {
                height: 280px;
                width: 100%;
                object-fit: cover;
                border-radius: 12px;
                transition: all 0.4s ease;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
                cursor: pointer;
            }

            .gallery-img:hover {
                transform: translateY(-8px) scale(1.03);
                box-shadow: 0 12px 30px rgba(255, 215, 0, 0.4);
            }

            .gallery-section .row.g-4 {
                row-gap: 2rem !important;
            }

            /* ============================================
       GALLERY RESPONSIVE - ONLY AFFECTS GALLERY
       ============================================ */

            @media (max-width: 768px) {
                .gallery-img {
                    height: 220px;
                }

                .gallery-title {
                    font-size: 1.8rem;
                }

                /* IMPORTANT: Only target gallery columns */
                .gallery-section .col-md-3 {
                    flex: 0 0 50%;
                    max-width: 50%;
                }
            }

            @media (max-width: 576px) {
                .gallery-section {
                    padding: 40px 0;
                }

                .gallery-title {
                    font-size: 1.5rem;
                    margin-bottom: 1.5rem;
                }

                .gallery-img {
                    height: 120px;
                    border-radius: 6px;
                }

                /* IMPORTANT: Only target gallery columns */
                .gallery-section .col-md-3 {
                    flex: 0 0 25% !important;
                    max-width: 25% !important;
                    padding: 0 4px !important;
                }

                .gallery-section .row.g-4 {
                    row-gap: 0.8rem !important;
                    margin: 0 -4px !important;
                }
            }

            @media (max-width: 400px) {
                .gallery-img {
                    height: 130px;
                }

                .gallery-section .col-md-3 {
                    padding: 0 3px !important;
                }

                .gallery-section .row.g-4 {
                    margin: 0 -3px !important;
                }
            }

            /* ============================================
       GLIGHTBOX STYLES
       ============================================ */

            .glightbox-slide .gslide-media {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 1200px;
                margin: auto;
            }

            .gslide-image img {
                width: auto;
                height: auto;
                max-width: 100%;
                max-height: 100%;
                display: block;
                margin: auto;
                object-fit: contain;
                border-radius: 10px;
            }

            .glightbox-container button.gnext,
            .glightbox-container button.gprev,
            .glightbox-container .gnext,
            .glightbox-container .gprev,
            .gcontainer button.gnext,
            .gcontainer button.gprev {
                all: unset !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                position: absolute !important;
                cursor: pointer !important;
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
                z-index: 99999 !important;
                width: 45px !important;
                height: 45px !important;
                border-radius: 50% !important;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
                transition: all 0.3s ease !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                border: none !important;
                outline: none !important;
                padding: 0 !important;
                margin: 0 !important;
                line-height: 1 !important;
                font-size: 0 !important;
            }

            .glightbox-container button.gnext,
            .glightbox-container .gnext,
            .gcontainer button.gnext {
                right: 20px !important;
            }

            .glightbox-container button.gprev,
            .glightbox-container .gprev,
            .gcontainer button.gprev {
                left: 20px !important;
            }

            .glightbox-container button.gnext svg,
            .glightbox-container button.gprev svg,
            .glightbox-container .gnext svg,
            .glightbox-container .gprev svg {
                width: 24px !important;
                height: 24px !important;
                fill: #1a1a2e !important;
                display: block !important;
            }

            .glightbox-container button.gnext:hover,
            .glightbox-container button.gprev:hover,
            .glightbox-container .gnext:hover,
            .glightbox-container .gprev:hover {
                transform: translateY(-50%) scale(1.1) !important;
            }

            @media (max-width: 768px) {

                .glightbox-container button.gnext,
                .glightbox-container button.gprev,
                .glightbox-container .gnext,
                .glightbox-container .gprev,
                .gcontainer button.gnext,
                .gcontainer button.gprev {
                    width: 50px !important;
                    height: 50px !important;
                }

                .glightbox-container button.gnext,
                .glightbox-container .gnext {
                    right: 15px !important;
                }

                .glightbox-container button.gprev,
                .glightbox-container .gprev {
                    left: 15px !important;
                }

                .glightbox-container button.gnext svg,
                .glightbox-container button.gprev svg,
                .glightbox-container .gnext svg,
                .glightbox-container .gprev svg {
                    width: 26px !important;
                    height: 26px !important;
                }

                .glightbox-container button.gnext:active,
                .glightbox-container button.gprev:active,
                .glightbox-container .gnext:active,
                .glightbox-container .gprev:active {
                    transform: translateY(-50%) scale(0.95) !important;
                }
            }

            @media (max-width: 400px) {

                .glightbox-container button.gnext,
                .glightbox-container button.gprev,
                .glightbox-container .gnext,
                .glightbox-container .gprev {
                    width: 45px !important;
                    height: 45px !important;
                }

                .glightbox-container button.gnext,
                .glightbox-container .gnext {
                    right: 10px !important;
                }

                .glightbox-container button.gprev,
                .glightbox-container .gprev {
                    left: 10px !important;
                }
            }