.scroll-container {
            //background: #2d2e3a;
            //border-radius: 20px;
            //margin-bottom: 30px;
            //padding: 16px 0;
            overflow-x: auto;
            overflow-y: hidden;
            cursor: grab;
            scrollbar-width: thin;
            -webkit-overflow-scrolling: touch; /* плавный инерционный скролл на iOS */
        }

        .scroll-container:active {
            cursor: grabbing;
        }

        .scroll-wrapper {
            display: flex;
            //gap: 16px;
            //padding: 0 20px;
            //width: max-content;
        }

        .card {
            //width: 200px;
            //height: 140px;
            //background: #3b3e55;
            //border-radius: 24px;
            display: flex;
            //align-items: center;
            //justify-content: center;
            //font-size: 1.2rem;
            //font-weight: bold;
            //color: white;
            flex-shrink: 0;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        }
        .title {
            color: white;
            //margin-bottom: 10px;
            //padding-left: 20px;
            //font-weight: 500;
        }