@php
    // KotschAds: eingebettetes 2×2-Empfehlungs-Raster (eigene Engine, house_ads).
    // Serverseitig aus der DB; Klick über /api/ads/go/{id} (zählt). Kein Fremd-Script.
    $__emAds  = \App\Models\HouseAd::pickFor('kotsch', 'inline', 4);
    $__emIcon = fn ($t) => ['app' => 'fa-mobile-screen-button', 'webtool' => 'fa-toolbox', 'shop' => 'fa-bag-shopping', 'affiliate' => 'fa-tags'][$t] ?? 'fa-star';
@endphp
@if($__emAds->isNotEmpty())
<style>
    .dl-embed { margin: 42px 0; }
    .dl-embed-label { display:block; font-size:.6rem; font-weight:800; letter-spacing:1px;
        text-transform:uppercase; color:#94a3b8; margin-bottom:8px; }
    .dl-embed-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
    @media (max-width:560px){ .dl-embed-grid { grid-template-columns:1fr; } }
    .dl-embed-card { display:flex; align-items:center; gap:14px; text-decoration:none;
        padding:16px 18px; border-radius:16px; border:1px solid #e2e8f0; background:#fff;
        box-shadow:0 4px 18px -10px rgba(15,23,42,.12); transition:transform .15s ease, box-shadow .15s ease; }
    .dl-embed-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px -12px rgba(15,23,42,.22); }
    .dl-embed-art { flex:0 0 auto; width:56px; height:56px; border-radius:22%; display:grid; place-items:center; overflow:hidden;
        background:linear-gradient(135deg, var(--primary,#2563eb), #7c3aed); color:#fff; font-size:1.3rem;
        box-shadow:0 6px 14px -6px rgba(15,23,42,.35); }
    .dl-embed-art img { width:100%; height:100%; object-fit:cover; }
    .dl-embed-text { flex:1 1 auto; min-width:0; }
    .dl-embed-title { display:block; font-weight:800; color:#0f172a; font-size:.95rem; line-height:1.25; }
    .dl-embed-sub { display:block; color:#64748b; font-size:.8rem; margin:2px 0 6px; }
    .dl-embed-cta { display:inline-block; font-weight:800; color:var(--primary,#2563eb); font-size:.82rem; }
</style>
<div class="dl-embed" role="complementary" aria-label="Empfehlungen">
    <span class="dl-embed-label">Empfehlungen</span>
    <div class="dl-embed-grid">
        @foreach($__emAds as $ad)
            <a class="dl-embed-card" href="{{ url('/api/ads/go/' . $ad->id) }}" target="_blank" rel="noopener">
                <span class="dl-embed-art">
                    @if($ad->imageUrl())<img src="{{ $ad->imageUrl() }}" alt="" loading="lazy">
                    @else<i class="fa-solid {{ $__emIcon($ad->type) }}" aria-hidden="true"></i>@endif
                </span>
                <span class="dl-embed-text">
                    <span class="dl-embed-title">{{ $ad->title }}</span>
                    <span class="dl-embed-sub">{{ \Illuminate\Support\Str::limit($ad->body ?: '', 90) }}</span>
                    <span class="dl-embed-cta">{{ $ad->cta_text ?: 'Mehr erfahren' }} &rarr;</span>
                </span>
            </a>
        @endforeach
    </div>
</div>
@endif