/* Upsell Block for Trackpage — Desktop & Mobile */
#upsell-track-root {
    margin: 42px 0 32px 0;
}

.upsell-track-block {
    background: #fafbfc;
    border-radius: 22px;
    padding: 32px 32px 20px 32px;
    margin: 0 auto;
    max-width: 1440px;
}

.upsell-track-block > h2 {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    margin: 0 0 22px 0;
    letter-spacing: -0.02em;
    color: #232323;
}




.upsell-track-add {
    margin-top: 8px;
    display: inline-block;
    font-weight: 600;
    font-size: 15px;
    border: none;
    background: #ff8338;
    color: #fff;
    padding: 7px 18px;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.upsell-track-add:hover {
    background: #e5722f;
}



/* Grid for upsells: 4 per row on desktop, 2 per row on mobile */
.upsell-track-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

@media (max-width: 1023px) {
    .upsell-track-block {
        padding: 18px 8px 8px 8px;
        border-radius: 13px;
    }
    .upsell-track-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
}