.what-you-get-section-spacing {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (max-width: 480px) {
    .what-you-get-section-spacing {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .what-you-get-title-spacing {
        margin-bottom: 2rem;
    }

    .what-you-get-card-grid {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .what-you-get-card {
        width: 100%;
        padding: 1rem;
        text-align: center;
        flex-direction: column;
        align-items: center;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        border: 1px solid rgba(0,0,0,0.05);
    }
    
    .what-you-get-icon-wrapper {
        margin-bottom: 0.75rem;
        transform: scale(0.9); /* Slightly smaller icon container */
    }

    .what-you-get-icon-wrapper-inner {
        width: 48px;
        height: 48px;
    }

    .what-you-get-icon-inner-circle {
        width: 40px;
        height: 40px;
    }

    .what-you-get-icon {
        width: 24px;
        height: 24px;
    }

    .what-you-get-card-title {
        font-size: 1rem;
        line-height: 1.3;
        height: auto;
        min-height: 2.6em; /* Allows for two lines */
        margin-bottom: 0.25rem;
    }

    .what-you-get-card-description {
        font-size: 0.875rem; /* 14px */
        line-height: 1.6;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .what-you-get-cta-spacing {
        margin-top: 2rem; /* Reduced space before CTA */
    }

    .what-you-get-cta-button {
        width: calc(100% - 2rem);
        margin-left: auto;
        margin-right: auto;
        padding: 1rem 1.5rem;
        font-size: 1rem;
    }

    .bonus-card-section-background {
        margin-top: 2rem; /* Reduced space before bonus section */
        padding: 2rem 0.5rem;
    }

    .what-you-get-bonuses-title-spacing {
        margin-bottom: 1.5rem;
    }

    .bonus-card-grid {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 0 0.5rem;
    }
    
    .bonus-card {
        width: 100%;
        padding: 1.25rem 1rem;
        background-color: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(4px);
        border: 1px solid rgba(220, 38, 38, 0.15);
        box-shadow: 0 4px 15px rgba(220, 38, 38, 0.08);
        text-align: center;
    }

    .bonus-card-badge {
        font-size: 0.6rem; /* 9.6px */
        padding: 2px 6px;
        top: 8px;
        right: 8px;
        box-shadow: 0 2px 6px rgba(220, 38, 38, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    /* Animations */
    .what-you-get-card {
        animation: card-fade-up 0.6s ease-out backwards;
    }

    .bonus-card {
         animation: card-fade-up 0.6s ease-out backwards;
    }

    .what-you-get-icon-wrapper {
        animation: icon-micro-scale 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s 1 backwards;
    }

    @keyframes card-fade-up {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes icon-micro-scale {
        from {
            transform: scale(0.95);
            opacity: 0.8;
        }
        to {
            transform: scale(1);
            opacity: 1;
        }
    }

    /* Remove desktop animations on mobile */
    .what-you-get-card, .bonus-card, .what-you-get-icon-wrapper {
       transition: none;
    }
    .what-you-get-card:hover, .bonus-card:hover {
        transform: none;
    }
}