.urun-lansman-process-flow-section {
            padding: 60px 0;
            background: #f8f9fa;
        }

        .urun-lansman-process-flow-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .urun-lansman-process-steps {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            align-items: flex-start;
        }

        .urun-lansman-process-step {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            opacity: 0;
            animation: fadeInUp 0.8s ease-out forwards;
            height: 100%;
        }

        .urun-lansman-process-step:nth-child(1) { animation-delay: 0.1s; }
        .urun-lansman-process-step:nth-child(2) { animation-delay: 0.3s; }
        .urun-lansman-process-step:nth-child(3) { animation-delay: 0.5s; }
        .urun-lansman-process-step:nth-child(4) { animation-delay: 0.7s; }

        .urun-lansman-step-arrow {
            position: relative;
            width: 100%;
            height: 80px;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .urun-lansman-arrow-shape {
            position: relative;
            width: 85%;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 2rem;
            transition: all 0.3s ease;
            clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%);
        }

        .urun-lansman-arrow-shape::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
        }

        /* Step 1 - Blue to Orange */
        .urun-lansman-process-step:nth-child(1) .urun-lansman-arrow-shape {
            background: linear-gradient(135deg, var(--warning) 0%, #E74C3C 100%);
        }

        /* Step 2 - Orange */
        .urun-lansman-process-step:nth-child(2) .urun-lansman-arrow-shape {
            background: linear-gradient(135deg, var(--warning) 0%, #E74C3C 100%);
        }

        /* Step 3 - Orange to Pink */
        .urun-lansman-process-step:nth-child(3) .urun-lansman-arrow-shape {
            background: linear-gradient(135deg, var(--warning) 0%, #E74C3C 100%);
        }

        /* Step 4 - Pink */
        .urun-lansman-process-step:nth-child(4) .urun-lansman-arrow-shape {
            background: linear-gradient(135deg, var(--warning) 0%, #E74C3C 100%);
        }

        .urun-lansman-step-content {
            max-width: 280px;
            padding: 0 10px;
            flex-grow: 1;
            display: flex;
            align-items: flex-start;
        }

        .urun-lansman-step-text {
            font-size: 1rem;
            color: var(--dark);
            line-height: 1.5;
            font-weight: 500;
            margin: 0;
        }

        .urun-lansman-process-step:hover .urun-lansman-arrow-shape {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(236, 100, 43, 0.3);
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Responsive Design */
        @media (max-width: 1200px) {
            .urun-lansman-process-steps {
                grid-template-columns: repeat(2, 1fr);
                gap: 30px;
            }
        }

        @media (max-width: 768px) {
            .urun-lansman-process-steps {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .urun-lansman-arrow-shape {
                height: 70px;
                font-size: 1.8rem;
            }
            
            .urun-lansman-step-text {
                font-size: 0.95rem;
            }
        }

        @media (max-width: 480px) {
            .urun-lansman-arrow-shape {
                height: 60px;
                font-size: 1.5rem;
            }
        }