.banner-container {
                width: 100%;
                overflow: hidden;
                position: relative;
                height: 350px;
                margin: 5px 0 25px 0;
            }
            
            .banner-slide {
                display: flex;
                position: absolute;
                animation: slide 10s linear infinite;
                gap: 24px;
                left: 0;
                top: 0;
                /* width artık dinamik olarak JavaScript ile ayarlanacak */
            }
            
            .banner-item {
                background: #fff;
                border-radius: 12px;
                box-shadow: 4px 4px 12px rgba(0,0,0,0.1), 4px 4px 12px rgba(0,0,0,0.1);
                padding: 16px 12px;
                margin: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 200px; /* Sabit genişlik */
                flex-shrink: 0;
                transition: transform 0.3s ease;
            }
            
            .banner-item:hover {
                transform: translateY(-5px);
                box-shadow: 4px 6px 20px rgba(0,0,0,0.15);
            }
            
            .banner-item img {
                width: 100%;
                height: 150px;
                object-fit: cover;
                border-radius: 8px;
                margin-bottom: 12px;
            }
            
            .banner-item h3 {
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 8px;
                text-align: center;
                color: #333;
            }
            
            .banner-item p {
                min-height: 60px;
                max-height: 60px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                line-clamp: 3;
                -webkit-box-orient: vertical;
                line-height: 1.2;
                margin-bottom: 0;
                text-align: center;
                font-size: 14px;
                color: #666;
            }
            
            @keyframes slide {
                0% { transform: translateX(0); }
                100% { transform: translateX(-100%); }
            }