/* CUNAM v106 — keeps the v104 card design, only adapts its dimensions */
@media (min-width: 1024px) {
    .premium-nav-panel,
    body.cunam-premium-nav-open .premium-nav-panel {
        max-height: calc(100dvh - 104px) !important;
        overflow: hidden !important;
    }

    .premium-nav-columns {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(12px, 1.35vw, 18px) !important;
        padding: clamp(18px, 2.7vh, 30px) clamp(28px, 4vw, 70px) clamp(15px, 2.2vh, 24px) !important;
    }

    .premium-nav-column {
        padding: clamp(15px, 2vh, 20px) clamp(15px, 1.5vw, 20px) clamp(16px, 2.2vh, 22px) 64px !important;
    }

    .premium-nav-column h3 {
        margin-bottom: clamp(9px, 1.4vh, 14px) !important;
        padding-bottom: clamp(9px, 1.4vh, 14px) !important;
    }

    .premium-nav-column ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(5px, .8vh, 8px) 10px !important;
    }

    .premium-nav-column a {
        min-height: clamp(34px, 4.5vh, 40px) !important;
        padding-top: clamp(6px, .9vh, 9px) !important;
        padding-bottom: clamp(6px, .9vh, 9px) !important;
    }

    .premium-nav-quicklinks {
        margin-bottom: clamp(15px, 2.4vh, 28px) !important;
        padding-top: clamp(10px, 1.8vh, 18px) !important;
    }
}

@media (min-width: 1024px) and (max-width: 1260px) {
    .premium-nav-columns {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .premium-nav-column {
        padding-left: 56px !important;
    }

    .premium-nav-icon {
        left: 14px !important;
    }

    .premium-nav-column ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) and (max-height: 820px) {
    .premium-nav-panel,
    body.cunam-premium-nav-open .premium-nav-panel {
        top: 88px !important;
        max-height: calc(100dvh - 96px) !important;
    }

    .premium-nav-columns {
        gap: 10px 14px !important;
        padding-top: 13px !important;
        padding-bottom: 10px !important;
    }

    .premium-nav-column {
        padding-top: 12px !important;
        padding-bottom: 13px !important;
        border-radius: 17px !important;
    }

    .premium-nav-icon {
        top: 12px !important;
        width: 32px !important;
        height: 32px !important;
    }

    .premium-nav-column h3 {
        margin-bottom: 7px !important;
        padding-bottom: 8px !important;
        font-size: .96rem !important;
    }

    .premium-nav-column ul {
        gap: 5px 8px !important;
    }

    .premium-nav-column a {
        min-height: 31px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-size: .79rem !important;
    }

    .premium-nav-quicklinks {
        margin-bottom: 10px !important;
        padding-top: 8px !important;
    }

    .premium-quick-card {
        min-height: 50px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .premium-quick-card small {
        display: none !important;
    }
}