/* brand Slider */
 /* Safari-specific keyframes with explicit percentages and units */        
       @-webkit-keyframes scroll {
            0% {
                -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
            }
            100% {
                -webkit-transform: translate3d(-1260px, 0px, 0px);
                transform: translate3d(-1260px, 0px, 0px);
            }
        }

        @keyframes scroll {
            0% {
                -webkit-transform: translate3d(0px, 0px, 0px);
                transform: translate3d(0px, 0px, 0px);
            }
            100% {
                -webkit-transform: translate3d(-1260px, 0px, 0px);
                transform: translate3d(-1260px, 0px, 0px);
            }
        }

        .slider {
            height: 100px;
            margin: auto;
            overflow: hidden;
            position: relative;
            width: 960px;
            border-radius: 8px;
            /* Critical Safari performance fixes */
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-perspective: 1000px;
            perspective: 1000px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

        .slider .slide-track {
            display: -webkit-flex;
            display: flex;
            width: 2520px; /* 180px * 14 = 2520px */
            
            /* Safari-specific animation properties */
            -webkit-animation-name: scroll;
            -webkit-animation-duration: 40s;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-play-state: running;
            
            /* Standard properties */
            animation-name: scroll;
            animation-duration: 40s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-play-state: running;
            
            /* Critical performance optimizations for Safari */
            will-change: transform;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000px;
            perspective: 1000px;
        }

        .slider .slide {
            height: 100px;
            width: 150px;
            padding-left: 15px;
            padding-right: 15px;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            /* Prevent Safari from optimizing away slides */
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        .slider .slide img {
            max-height: 80px;
            width: auto;
            height: auto;
            
            /* Safari-specific filter with explicit prefixes */
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            
            object-fit: contain;
            
            /* Safari-specific transitions */
            -webkit-transition: -webkit-filter 0.3s ease;
            transition: filter 0.3s ease;
            
            /* Prevent image selection and dragging */
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-user-drag: none;
            -khtml-user-drag: none;
            -moz-user-drag: none;
            -o-user-drag: none;
            user-drag: none;
            
            /* Force hardware acceleration */
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        .slider .slide img:hover {
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
        }

        /* Pause on hover with Safari-specific properties */
        .slider:hover .slide-track {
            -webkit-animation-play-state: paused;
            animation-play-state: paused;
        }

        /* Responsive design with Safari-specific flexbox */
        @media (max-width: 1000px) {
            .slider {
                width: 90%;
                max-width: 960px;
            }
        }

        @media (max-width: 600px) {
            .slider {
                height: 80px;
            }
            
            .slider .slide {
                height: 80px;
                width: 120px;
                padding-left: 10px;
                padding-right: 10px;
            }
            
            .slider .slide img {
                max-height: 60px;
            }
            
            /* Update keyframes for mobile */
            @-webkit-keyframes scroll {
                0% {
                    -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
                }
                100% {
                    -webkit-transform: translate3d(-1050px, 0px, 0px);
                    transform: translate3d(-1050px, 0px, 0px);
                }
            }
            
            @keyframes scroll {
                0% {
                    -webkit-transform: translate3d(0px, 0px, 0px);
                    transform: translate3d(0px, 0px, 0px);
                }
                100% {
                    -webkit-transform: translate3d(-1050px, 0px, 0px);
                    transform: translate3d(-1050px, 0px, 0px);
                }
            }
            
            .slider .slide-track {
                width: 2100px; /* 150px * 14 = 2100px */
            }
        }

        /* Force Safari to recognize the animation */
        .slider .slide-track {
            -webkit-animation-fill-mode: none;
            animation-fill-mode: none;
        }