/* av-01 — Outline Kart (görsel 16 referans DNA) */
.blok-av-01 { padding: 32px 0; background: var(--tema-bg); }
.av-01-wrap { max-width: var(--blok-container-max); margin: 0 auto; padding: 0 16px; }
.av-01-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
    list-style: none; margin: 0; padding: 0;
}
.av-01-card {
    display: flex; align-items: center; gap: 14px;
    padding: 18px 22px;
    background: var(--kart-bg); border: 1px solid var(--kart-border);
    border-radius: 12px;
    transition: border-color .15s, transform .15s, box-shadow .15s;
}
.av-01-card:hover {
    border-color: var(--tema-primary); transform: translateY(-2px);
    box-shadow: 0 10px 24px -10px color-mix(in srgb, var(--tema-primary) 25%, transparent);
}
.av-01-ikon {
    width: 44px; height: 44px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: color-mix(in srgb, var(--tema-primary) 10%, transparent);
    color: var(--tema-primary);
    flex-shrink: 0;
}
.av-01-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.av-01-text strong {
    font-family: var(--font-heading); font-size: var(--text-small);
    font-weight: 800; color: var(--tema-text);
    letter-spacing: .04em; text-transform: uppercase;
}
.av-01-text span {
    font-family: var(--font-body); font-size: var(--text-small);
    color: var(--tema-muted); line-height: 1.4;
}

@media (max-width: 991px) { .av-01-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) {
    .blok-av-01 { padding: 20px 0; }
    .av-01-grid { grid-template-columns: 1fr; }
    .av-01-card { padding: 14px 16px; }
}