/* Homepage benefits – pevné rozměry (bez Vite) */
.hero-benefits {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
    margin-top: 1.75rem !important;
}

@media (min-width: 640px) {
    .hero-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    .hero-benefits {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 0.85rem !important;
    }
}

.hero-benefit {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
    padding: 0.85rem 0.9rem !important;
    border-radius: 0.9rem !important;
    background: rgba(255, 255, 255, 0.06) !important;
}

.hero-benefit__badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 0.7rem !important;
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fbbf24 !important;
}

.hero-benefit svg {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    display: block !important;
}

.hero-benefit__title {
    margin: 0 !important;
    font-size: 0.95rem !important;
    font-weight: 650 !important;
    color: #fff !important;
    line-height: 1.3 !important;
}

.hero-benefit__text {
    margin: 0.2rem 0 0 !important;
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    color: #c5cdd6 !important;
}