.news-content {
                            display: flex;
                            flex-direction: column;
                        }

.news-content {
                            display: flex;
                            flex-direction: column;
                        }

.news-content {
                            display: flex;
                            flex-direction: column;
                        }

.news-content {
                            display: flex;
                            flex-direction: column;
                        }

/* Shimmer Animation */
                            @keyframes shimmerLoading {
                                0% {
                                    background-position: -200% 0;
                                }

                                100% {
                                    background-position: 200% 0;
                                }
                            }

                            /* Base shimmer block */
                            .shimmer-base {
                                background: linear-gradient(90deg, #e3e3e3 25%, #f5f5f5 50%, #e3e3e3 75%);
                                background-size: 200% 100%;
                                animation: shimmerLoading 1.6s infinite;
                                border-radius: 6px;
                            }

                            /* Main Container */
                            .category-banner-shimmer {
                                display: flex;
                                width: 100%;
                                height: 380px;
                                background: #fff;
                                border-radius: 12px;
                                overflow: hidden;
                                margin-bottom: 10px;
                            }

                            /* LEFT SIDEBAR */
                            .shimmer-sidebar {
                                width: 250px;
                                padding: 16px;
                                border-right: 1px solid #ddd;
                            }

                            .shimmer-item {
                                height: 40px;
                                margin-bottom: 12px;
                                background: linear-gradient(90deg, #e3e3e3 25%, #f5f5f5 50%, #e3e3e3 75%);
                                background-size: 200% 100%;
                                animation: shimmerLoading 1.6s infinite;
                                border-radius: 6px;
                            }

                            /* RIGHT CONTENT */
                            .shimmer-content {
                                flex: 1;
                                padding: 20px;
                            }

                            .shimmer-title {
                                width: 200px;
                                height: 25px;
                                margin-bottom: 22px;
                                background: linear-gradient(90deg, #e3e3e3 25%, #f5f5f5 50%, #e3e3e3 75%);
                                background-size: 200% 100%;
                                animation: shimmerLoading 1.6s infinite;
                                border-radius: 6px;
                            }

                            .shimmer-grid {
                                display: grid;
                                grid-template-columns: repeat(3, 1fr);
                                gap: 15px;
                            }

                            .shimmer-box {
                                height: 80px;
                                background: linear-gradient(90deg, #e3e3e3 25%, #f5f5f5 50%, #e3e3e3 75%);
                                background-size: 200% 100%;
                                animation: shimmerLoading 1.6s infinite;
                                border-radius: 6px;
                            }

/* Scoped styles for home page category banner only */
                                #home-page-category-banner {
                                    position: relative;
                                    z-index: 1000;
                                    overflow: visible !important;
                                }

                                /* Ensure parent containers don't clip subcategories */
                                .hero-section {
                                    overflow: visible !important;
                                }

                                .hero-slider-section {
                                    overflow: visible !important;
                                }

                                .hero-slider-section .container {
                                    overflow: visible !important;
                                }

                                .category-banner-container {
                                    position: relative;
                                    display: flex;
                                    background: white;
                                    border-radius: 12px;
                                    z-index: 100;
                                    overflow: visible !important;
                                }

                                .category-banner-sidebar {
                                    width: 270px;
                                    background: #fffcfc;
                                    color: white;
                                    padding: 5px 0;
                                    height: 380px;
                                    overflow-y: scroll;
                                    scrollbar-width: none;
                                    border: 1px solid #ddd;
                                    border-radius: 5px;
                                }

                                .category-banner-sidebar::-webkit-scrollbar {
                                    display: none;
                                }

                                .category-banner-title {
                                    font-size: 22px;
                                    font-weight: 700;
                                    padding: 0 25px 20px;
                                    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                                    margin-bottom: 15px;
                                    color: #ecf0f1;
                                }

                                .category-banner-list {
                                    list-style: none;
                                    list-style: none;
                                    padding-left: 0px;
                                    margin-bottom: 0px;

                                }

                                .category-banner-item {
                                    font-size: 14px;
                                    display: flex;
                                    cursor: pointer;
                                    transition: all 0.3s ease;
                                    position: relative;
                                    color: #374151;
                                    border-bottom: 1px solid #ebebeb;
                                }

                                .category-banner-item a {
                                    display: flex;
                                    align-items: center;
                                    gap: 12px;
                                    width: 100%;
                                    padding: 6px 12px;
                                    color: inherit;
                                    text-decoration: none;
                                    font-weight: 600;
                                }

                                .category-banner-item:hover {
                                    background: rgba(219, 157, 22, 0.2);
                                }

                                .category-banner-item:hover {
                                    padding-left: 20px;
                                }

                                .category-banner-item.active {
                                    background: rgba(219, 127, 52, 0.2);
                                    border-left: 4px solid #DA5726;
                                }

                                .category-banner-content {
                                    background: #fff;
                                    min-height: 380px;
                                    height: 380px;
                                    /* z-index: 999; */
                                    margin-left: -1px;
                                    /* position: relative; */
                                    overflow: visible !important;
                                }

                                .category-banner-subtitle {
                                    font-size: 20px;
                                    font-weight: 600;
                                    margin-bottom: 20px;
                                    color: #2c3e50;
                                    padding-bottom: 10px;
                                    border-bottom: 2px solid #DA5726;
                                    display: inline-block;
                                }

                                .category-banner-subcategory-part {
                                    display: grid;
                                    grid-template-columns: repeat(3, 1fr);
                                    gap: 10px;
                                    /* padding: 20px; */
                                }

                                .category-banner-subitem {
                                    border-radius: 8px;
                                    transition: all 0.3s ease;
                                    cursor: pointer;
                                    display: flex;
                                    align-items: center;
                                    padding-bottom: 10px;
                                    font-size: 14px;
                                }

                                .category-banner-subitem a {
                                    color: #374151;
                                    text-decoration: none;
                                    transition: all 0.3s ease;
                                }

                                .category-banner-subitem:hover a {
                                    color: #DA5726;
                                }

                                .category-banner-subitem i {
                                    margin-right: 10px;
                                    font-size: 18px;
                                }

                                .category-banner-image {
                                    text-align: center;
                                    margin-top: 30px;
                                }

                                .category-banner-image img {
                                    max-width: 100%;
                                    border-radius: 8px;
                                    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
                                }

                                .category-banner-subcategory {
                                    padding: 20px;
                                    border: 1px solid #ddd;
                                    border-radius: 5px;
                                    width: 810px;
                                    min-height: 380px;
                                    max-height: 380px;
                                    overflow-y: auto;
                                    position: absolute;
                                    left: 270px;
                                    top: 0;
                                    z-index: 99999;
                                    background: white;
                                    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                                    opacity: 0;
                                    transform: translateY(-10px) scale(0.98);
                                    transition: opacity 0.25s ease-out, transform 0.25s ease-out;
                                    pointer-events: none;
                                    display: block;
                                    visibility: hidden;
                                }

                                /* Ensure subcategory is visible when active */
                                .category-banner-subcategory.active {
                                    opacity: 1;
                                    transform: translateY(0) scale(1);
                                    pointer-events: auto;
                                    visibility: visible;
                                }

                                .category-banner-view {
                                    text-align: center;
                                    /* margin-bottom: 5px; */
                                    padding: 5px;
                                }

                                .category-banner-view a {
                                    font-size: 15px;
                                    color: #DA5726;
                                    text-decoration: none;
                                }

                                .category-banner-subitem-main {
                                    padding: 16px;
                                }

                                .category-banner-subcategories {
                                    border-right: 1px solid #ddd;
                                }

                                .category-banner-icon {
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    background: #ffecdeb5;
                                    border-radius: 8px;
                                }

                                .category-banner-icon img {
                                    width: 32px;
                                    height: 32px;
                                    padding: 9px;
                                }


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

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

                                @media (max-width: 768px) {
                                    .category-banner-container {
                                        flex-direction: column;
                                        width: 100%;
                                    }

                                    .category-banner-sidebar {
                                        width: 100%;
                                    }

                                    .category-banner-content {
                                        min-height: 300px;
                                    }

                                    .category-banner-subcategory {
                                        width: 100%;
                                    }
                                }

.list {
                        font-size: 11px;
                        margin-bottom: 7px;
                    }

                    .ticker-box {
                        width: 400px;
                        height: 40px;
                        overflow: hidden;
                        background: transparent;
                        padding: 0;
                        position: relative;
                        color: white;
                    }

                    .scroll-wrapper {
                        position: absolute;
                        width: 100%;
                        top: 50px;
                        left: 0;
                        animation: scrollUp linear infinite;
                        --scrollDistance: 100px;
                        --duration: 10s;
                        animation-duration: var(--duration);
                    }

                    .scroll-wrapper .list svg {
                        width: 12px;
                        stroke: yellow;
                        margin-bottom: 2px;
                    }

                    .scroll-wrapper .list .cart-icon {
                        width: 12px;
                        stroke: #ddd;
                    }

                    @keyframes scrollUp {
                        from {
                            transform: translateY(0);
                        }

                        to {
                            transform: translateY(calc(-1 * var(--scrollDistance)));
                        }
                    }

                    .comment {
                        background: #334155;
                        padding: 6px 10px;
                        border-radius: 6px;
                        font-size: 14px;
                        margin: 0;
                        line-height: 32px;
                        height: 32px;
                    }