@php
            $news = \App\Models\Backend\ContentArticle::with(["translations" => function($q) use ($lang) { $q->where("article_translation_language", $lang); }])->where("article_category", "NEWS")->where("article_status", "ACTIVE")->latest()->take(5)->get();
            @endphp
            <!-- ===== NEWS TICKER ===== -->
                <div class="ticker-section">
                    <div class="container">
                        <div class="ticker-wrap">
                            <div class="ticker-label"><i class="fas fa-bolt"></i> TERKINI</div>
                            <div class="ticker-content">
                                <p>@foreach($news as $item)@php $t = $item->translations->first(); @endphp@if($t){{$t->article_translation_title}} &bull; @endif @endforeach </p>
                            </div>
                        </div>
                    </div>
                </div>
            
                
            <style>
            .ticker-section {
                background: var(--white);
                border-bottom: 1px solid var(--gray-200);
            }
            .ticker-wrap {
                display: flex; align-items: stretch;
                border-radius: 0;
                overflow: hidden;
            }
            .ticker-label {
                background: var(--accent);
                color: white;
                font-weight: 700;
                font-size: 0.75rem;
                padding: 10px 20px;
                display: flex; align-items: center;
                gap: 8px;
                text-transform: uppercase;
                letter-spacing: 1px;
                flex-shrink: 0;
            }
            .ticker-label i { font-size: 0.8rem; }
            .ticker-content {
                flex: 1;
                padding: 10px 20px;
                overflow: hidden;
                display: flex;
                align-items: center;
                position: relative;
            }
            .ticker-content p {
                font-size: 0.82rem;
                color: var(--gray-500);
                white-space: nowrap;
                margin: 0;
                display: inline-block;
                flex-shrink: 0;
                padding-left: 100%;
                animation: tickerScroll 25s linear infinite;
            }
            .ticker-content:hover p {
                animation-play-state: paused;
            }
            @keyframes tickerScroll {
                0% { transform: translateX(0); }
                100% { transform: translateX(-100%); }
            }
            </style>
            