.summary-container {
    scrollbar-width: thin;
    scrollbar-color: #adb5bd transparent;
}

.summary-container::-webkit-scrollbar {
    width: 8px;
}

.summary-container::-webkit-scrollbar-track {
    background: transparent;
}

.summary-container::-webkit-scrollbar-thumb {
    background-color: #adb5bd;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .summary-container {
        max-height: 200px !important;
    }

    .mobile-collapsed {
        display: none;
    }

    .mobile-total {
        display: flex !important;
    }
}

@media (max-width: 767.98px) {
    .summary-mobile {
        position: fixed !important;
        bottom: 56px !important;
        left: 0;
        right: 0;
        z-index: 1020 !important;
        background-color: white;
        box-shadow: 0 -2px 4px rgba(0,0,0,0.1);
        padding: 0.5rem;
    }
    .summary-mobile + div {
        margin-bottom: 120px;
    }
}