/* ============================================================
   Shop MVP
   ------------------------------------------------------------
   Kleine Ergänzungen zum bestehenden Bootstrap-Design
   ============================================================ */

.shop-card {
    border-radius: 1rem;
}

.shop-card .card-img-top {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: #f4f4f4;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.shop-card .card-body {
    display: flex;
    flex-direction: column;
}

.shop-card .btn:focus,
.shop-card .btn:focus-visible,
.shop-card .form-control:focus,
.shop-card .form-select:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.shop-card .badge {
    font-size: 0.85rem;
}