.custom-select {
                position: relative;
                user-select: none;
                cursor: pointer;
            }

            .custom-select-trigger {
                background: #fff;
                border: 1px solid #eaeaea;
                color: #333;
                border-radius: 8px;
                padding: 6px 14px;
                font-size: 13px;
                display: flex;
                align-items: center;
                gap: 8px;
                backdrop-filter: blur(8px);
                transition: all 0.2s;
            }

            .custom-select-trigger:hover {
                border-color: rgba(212, 175, 55, 0.4);
                background: rgba(212, 175, 55, 0.05);
            }

            .custom-select-options {
                position: absolute;
                top: calc(100% + 4px);
                right: 0;
                background: rgba(15, 20, 30, 0.95);
                border: 1px solid rgba(255, 255, 255, 0.1);
                border-radius: 8px;
                overflow: hidden;
                display: none;
                flex-direction: column;
                min-width: 100%;
                box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
                z-index: 50;
                backdrop-filter: blur(10px);
            }

            .custom-select.open .custom-select-options {
                display: flex;
                animation: trendFadeIn 0.2s ease-out forwards;
            }

            .custom-select-option {
                padding: 8px 14px;
                font-size: 13px;
                color: rgba(255, 255, 255, 0.7);
                white-space: nowrap;
                transition: all 0.2s;
            }

            .custom-select-option:hover,
            .custom-select-option.selected {
                background: rgba(212, 175, 55, 0.15);
                color: #d0bd95;
            }

            .custom-select-icon {
                font-size: 16px !important;
                transition: transform 0.3s;
            }

            .custom-select.open .custom-select-icon {
                transform: rotate(180deg);
            }
        

                @keyframes trendShimmerPulse {
                    0% {
                        opacity: 0.4;
                    }

                    50% {
                        opacity: 0.8;
                    }

                    100% {
                        opacity: 0.4;
                    }
                }

                .t-skel {
                    animation: trendShimmerPulse 1.5s ease-in-out infinite;
                    background: var(--trend-skel-bg);
                    border-radius: 8px;
                    backdrop-filter: blur(4px);
                    position: relative;
                    overflow: hidden;
                }

                .t-skel::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: -100%;
                    width: 50%;
                    height: 100%;
                    background: var(--trend-skel-sweep);
                    animation: shimmerSweep 2s infinite;
                }

                @keyframes shimmerSweep {
                    100% {
                        left: 200%;
                    }
                }
            

        .trending-content-area::-webkit-scrollbar {
            width: 3px;
        }

        .trending-content-area::-webkit-scrollbar-track {
            background: transparent;
        }

        .trending-content-area::-webkit-scrollbar-thumb {
            background: rgba(212, 175, 55, 0.3);
            border-radius: 10px;
        }

        #floating-trending-toggle:hover {
            padding-right: 14px !important;
        }

        #close-trending-btn:hover {
            color: #fff !important;
        }


        @keyframes trendFadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }



        /* Fixed mobile visibility */