@media (max-width: 1080px) {
    .dacar-plans-grid,
    .dacar-plans-notes-grid {
        grid-template-columns: 1fr;
    }

    .dacar-plan-card {
        min-height: auto;
    }
}

@media (max-width: 760px) {
    .dacar-plans-shell {
        padding: 52px 0;
    }

    .dacar-plans-family-tabs,
    .dacar-plans-period-toggle {
        border-radius: 18px;
        flex-direction: column;
        width: 100%;
    }

    .dacar-plans-family-tabs button,
    .dacar-plans-period-toggle button {
        width: 100%;
    }

    .dacar-plans-hero {
        text-align: left;
    }

    .dacar-plans-hero h1 {
        font-size: clamp(34px, 10.5vw, 48px);
    }

    .dacar-plans-panel-head {
        text-align: left;
    }

    .dacar-plan-card {
        padding: 24px;
    }

    .dacar-plan-name {
        padding-right: 0;
    }

    .dacar-plan-badge {
        display: inline-flex;
        margin: 0 0 16px;
        position: static;
        width: fit-content;
    }
}