{{-- Sade banner reklam — $ad: App\Models\Ad
     NOT: class/attribute isimleri bilerek nötr ("ad"/"banner" içermez) —
     adblocker'lar .ad-banner / [data-ad-id] gibi seçicileri cosmetic filter ile gizliyor.
     Ayrıca .home-section KULLANMA — o class'ta opacity:0 (scroll reveal) var. --}}
@if($ad && $ad->media_url)

@once
<style>
.hp-feature-slot{
  max-width:1400px;
  margin:0 auto;
  padding:32px clamp(16px,4vw,48px) 40px;
  position:relative;
}
.hp-feature-inner{max-width:970px;margin:0 auto}
.hp-feature-label{
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.28);margin-bottom:7px;text-align:center;
}
.hp-feature-media{
  display:block;border-radius:12px;overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
  line-height:0;
}
.hp-feature-media img{width:100%;display:block;max-height:140px;object-fit:cover}
@media(max-width:640px){
  .hp-feature-slot{padding:24px 16px 28px}
  .hp-feature-media img{max-height:96px}
}
</style>
@endonce

<div class="hp-feature-slot">
  <div class="hp-feature-inner">
    <div class="hp-feature-label">Sponsorlu</div>
    @if($ad->click_url)
    <a href="{{ $ad->click_url }}" target="_blank" rel="noopener sponsored"
       class="hp-feature-media" data-slot-id="{{ $ad->id }}">
        <img src="{{ $ad->media_url }}" alt="{{ $ad->name }}" loading="lazy">
    </a>
    @else
    <div class="hp-feature-media" data-slot-id="{{ $ad->id }}">
        <img src="{{ $ad->media_url }}" alt="{{ $ad->name }}" loading="lazy">
    </div>
    @endif
  </div>
</div>
@endif