/*-- -------------------------- -->
        <---          Gallery           -->
        <--- -------------------------- -*/

        /* Mobile - 360px */
        @media only screen and (min-width: 0rem) {
            #gallery-1446 {
                padding: var(--sectionPadding);
            }

            #gallery-1446 .cs-container {
                width: 100%;
                max-width: 80rem;
                margin: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: clamp(2.5rem, 4.5vw, 4rem);
            }

            #gallery-1446 .cs-content {
                text-align: left;
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
            }

            #gallery-1446 .cs-topper {
                font-size: 1rem;
                color: var(--primary);
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                margin-bottom: 0.5rem;
            }

            #gallery-1446 .cs-title {
                font-size: clamp(2rem, 4vw, 3rem);
                font-weight: 700;
                color: var(--headerColor);
                margin: 0;
                max-width: 55rem;
            }

            #gallery-1446 .swiper {
                width: 100%;
            }

            #gallery-1446 .swiper-wrapper {
                align-items: stretch;
            }

            #gallery-1446 .swiper-slide {
                height: auto;
                display: flex;
            }

            #gallery-1446 .cs-image {
                width: 100%;
                height: 100%;
                min-height: clamp(16.25rem, 60vw, 25rem);
                border-radius: 1rem;
                overflow: hidden;
                display: block;
                position: relative;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            #gallery-1446 .cs-image:hover {
                transform: translateY(-5px);
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            }

            #gallery-1446 .cs-image img {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                object-fit: cover;
                transition: transform 0.3s ease;
            }

            #gallery-1446 .cs-image:hover img {
                transform: scale(1.05);
            }

            /* Hover Text Overlay */
            #gallery-1446 .cs-overlay {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
                color: white;
                padding: 1.5rem 1rem 1rem;
                transform: translateY(100%);
                transition: transform 0.3s ease;
                z-index: 2;
            }

            #gallery-1446 .cs-image:hover .cs-overlay {
                transform: translateY(0);
            }

            #gallery-1446 .cs-location-type {
                font-size: 1.125rem;
                font-weight: 700;
                margin-bottom: 0.25rem;
                color: #fff;
            }

            #gallery-1446 .cs-location-desc {
                font-size: 0.875rem;
                line-height: 1.4;
                color: rgba(255, 255, 255, 0.9);
                margin: 0;
            }

            /* Navigation Buttons Container */
            #gallery-1446 .navigation-buttons {
                display: flex;
                justify-content: center;
                gap: 1.5rem;
                z-index: 10;
            }

            /* Navigation Buttons */
            #gallery-1446 .swiper-button-next,
            #gallery-1446 .swiper-button-prev {
                width: 3rem;
                height: 3rem;
                margin-top: 0;
                background: #fff;
                border-radius: 50%;
                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
                transition: all 0.3s ease;
                position: static;
            }

            #gallery-1446 .swiper-button-next:after,
            #gallery-1446 .swiper-button-prev:after {
                font-size: 1rem;
                font-weight: 700;
                color: var(--primary);
            }

            #gallery-1446 .swiper-button-next:hover,
            #gallery-1446 .swiper-button-prev:hover {
                background: var(--primary);
                transform: scale(1.1);
            }

            #gallery-1446 .swiper-button-next:hover:after,
            #gallery-1446 .swiper-button-prev:hover:after {
                color: #fff;
            }

            #gallery-1446 .swiper-button-disabled {
                opacity: 0.5;
                cursor: not-allowed;
            }
        }

        /* Tablet - 768px */
        @media only screen and (min-width: 48rem) {
            #gallery-1446 .swiper-slide {
                width: auto;
            }
        }

        /* Desktop - 1024px */
        @media only screen and (min-width: 64rem) {
            #gallery-1446 .cs-image {
                min-height: clamp(20rem, 30vw, 28rem);
            }
        }