.pricing-cart-sidebar {
    --pricing-cart-top: 72px;
    top: var(--pricing-cart-top);
    height: calc(100dvh - var(--pricing-cart-top) - 32px);
    max-height: calc(100dvh - var(--pricing-cart-top) - 32px);
}

/* Match the breakpoint that shows the desktop header navigation. */
@media (min-width: 1440px) {
    .pricing-cart-sidebar {
        --pricing-cart-top: 122px;
    }
}

.pricing-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, max(300px, calc((100% - 24px) / 3))), 1fr));
    gap: 12px;
}

@media (max-width: 767px) {
    .pricing-subscription-title {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: anywhere;
    }
}

.pricing-description ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    .pricing-description ul li {
        display: flex;
        align-items: flex-start;
        gap: 6px;
        font-size: 12px;
        line-height: 16px;
        color: var(--grayscale-body-light);
    }
    .pricing-description ul li::before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        min-width: 14px;
        margin-top: 1px;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 7L5.5 10L11.5 4' stroke='%2320A365' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
    }
    .pricing-description p {
        font-size: 12px;
        line-height: 16px;
        color: var(--grayscale-body-light);
        margin: 0;
    }
    .pricing-description a {
        color: var(--accent-blue);
        text-decoration: underline;
        cursor: pointer;
    }
    .bookmakers-modal-content h3 {
        font-size: 16px;
        font-weight: 600;
        color: var(--text-dark-grey);
        margin-bottom: 4px;
        margin-top: 0;
    }
    .bookmakers-modal-content h3 + p,
    .bookmakers-modal-content p {
        font-size: 14px;
        line-height: 20px;
        color: var(--grayscale-body-light);
        margin: 0 0 16px 0;
    }
    .bookmakers-modal-content h3:not(:first-child) {
        margin-top: 16px;
    }