@php $fw = $full_width ?? false; @endphp
<section style="position:relative; overflow:hidden; background:linear-gradient(135deg,#1a1a1a 0%,#2d1a1a 100%); color:#fff; padding:80px {{ $fw ? '0' : '20px' }}; text-align:center;">
    @if(!empty($image_url))
    <div style="position:absolute; inset:0; background:url('{{ $image_url }}') center/cover no-repeat;"></div>
    <div style="position:absolute; inset:0; background:rgba(0,0,0,0.6);"></div>
    @endif
    <div style="position:relative; {{ $fw ? 'padding:0 40px;' : 'max-width:800px; margin:0 auto;' }}">
        @if(!empty($title))
        <h1 style="font-size:2.5rem; font-weight:900; line-height:1.2; margin-bottom:16px;">{{ $title }}</h1>
        @endif
        @if(!empty($subtitle))
        <p style="font-size:1.1rem; opacity:0.85; margin-bottom:32px; line-height:1.7;">{{ $subtitle }}</p>
        @endif
        @if(!empty($button_text) && !empty($button_url))
        <a href="{{ $button_url }}"
           style="display:inline-flex; align-items:center; padding:12px 32px; background:var(--news-red); color:#fff; font-weight:700; border-radius:6px; text-decoration:none; font-size:15px; transition:background 0.2s;"
           onmouseover="this.style.background='var(--news-red-dark)'" onmouseout="this.style.background='var(--news-red)'">
            {{ $button_text }}
        </a>
        @endif
    </div>
</section>
