@media (max-width: 900px) {
    #main-content {
        padding: 26px 16px;
    }

    .package1-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .package1-card-overview {
        grid-column: 1 / -1;
    }

    .package1-card {
        min-height: 180px;
        padding: 24px 16px;
        gap: 14px;
        border-radius: 20px;
    }

    .package1-icon-badge {
        width: 72px;
        height: 72px;
        border-radius: 20px;
    }

    .package1-icon-svg {
        width: 46px;
        height: 46px;
    }

    .package1-card-text h3 {
        font-size: 1rem;
        line-height: 1.3;
    }

    .package1-card[href="/package1/reports.php"] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 480px) {
    #main-content {
        padding: 22px 12px;
    }

    .package1-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .package1-card {
        min-height: 155px;
        padding: 20px 12px;
        gap: 12px;
        border-radius: 18px;
    }

    .package1-card-overview {
        grid-column: 1 / -1;
    }

    .package1-card[href="/package1/reports.php"] {
        grid-column: 1 / -1;
    }

    .package1-icon-badge {
        width: 62px;
        height: 62px;
        border-radius: 17px;
    }

    .package1-icon-svg {
        width: 38px;
        height: 38px;
    }

    .package1-card-text h3 {
        font-size: 0.9rem;
        line-height: 1.25;
    }
}