.link-card {
    background: #fff;
    border-radius: 1rem;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.link-card:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
}

@media (max-width: 575.98px) {
    .link-card {
        padding: 0.75rem 1rem !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-card .icon {
        display: none;
    }

    .link-card h5 {
        font-size: 1rem;
        margin: 0;
    }

    .row.g-4 {
        --bs-gutter-x: 0.75rem;
        --bs-gutter-y: 0.75rem;
    }
}

.hero-section {
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    overflow: hidden;
}

.hero-text {
    position: relative;
    z-index: 2;
    max-width: 480px;
}

@media (max-width: 767.98px) {
    .hero-section {
        min-height: 300px;
    }

    .hero-text {
        margin-top: 1rem;
        max-width: 100%;
    }
}

/* Bas-stil för länkkorten */
.link-card {
    background: #fff;
    border-radius: 1rem;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
}

.link-card:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
}

/* När länkarna staplas (xs < 576px) */
@media (max-width: 575.98px) {
    .link-card {
        padding: 0.75rem 1rem !important;
        /* Betydligt smalare höjd */
        display: flex;
        /* Använd flexbox */
        justify-content: center;
        /* Centrera horisontellt */
        align-items: center;
        /* Centrera vertikalt */
    }

    .link-card .icon {
        display: none;
        /* Dölj ikonerna helt */
    }

    .link-card h5 {
        font-size: 1rem;
        /* Lite mindre text */
        margin: 0;
    }
}

/* Mindre mellanrum mellan korten när de staplas */
@media (max-width: 575.98px) {
    .row.g-4 {
        --bs-gutter-x: 0.75rem;
        /* Standard är 1.5rem (g-4), vi halverar */
        --bs-gutter-y: 0.75rem;
    }
}