/* ===== index.blade.php ===== */
@media (max-width: 768px) {
                    #catalogBannerImg {
                        height: 120px !important;
                    }
                }

                #hurryDealBanner {
                    max-width: 100%;
                    min-width: 0;
                }

                .deal-title {
                    font-size: 14px;
                    line-height: 1.2;
                    white-space: normal;
                    word-break: break-word;
                }

                .deal-timer {
                    font-size: 13px;
                    line-height: 1.2;
                    white-space: nowrap;
                    font-variant-numeric: tabular-nums;
                }

                @media (max-width: 576px) {
                    #hurryDealBanner {
                        width: 100%;
                    }

                    .deal-title {
                        font-size: 13px;
                    }

                    .deal-timer {
                        font-size: 12px;
                    }
                }

/* ===== recently_viewed_products.blade.php ===== */
.recently-viewed-swiper .product-card:hover .product-thumb > img {
        transform: scale(1) !important;
    }
    
    .recently-viewed-swiper {
        position: relative;
        overflow: hidden;
    }
    
    .recently-viewed-next.slider-nav,
    .recently-viewed-prev.slider-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgb(72 72 72 / 90%);
        border: none;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        z-index: 10;
        transition: all 0.3s ease;
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .recently-viewed-next.slider-nav::after,
    .recently-viewed-prev.slider-nav::after {
        font-size: 18px;
        font-weight: bold;
    }
    
    .recently-viewed-next.slider-nav:hover,
    .recently-viewed-prev.slider-nav:hover {
        background: rgb(54 53 53);
        color: #fff;
    }
    
    .recently-viewed-prev.slider-nav {
        left: -20px;
    }
    
    .recently-viewed-next.slider-nav {
        right: -20px;
    }
    
    .recently-viewed-next.slider-nav.swiper-button-disabled,
    .recently-viewed-prev.slider-nav.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }
    
    @media (max-width: 767px) {
        .recently-viewed-next.slider-nav,
        .recently-viewed-prev.slider-nav {
            width: 35px;
            height: 35px;
            font-size: 16px;
        }
        
        .recently-viewed-next.slider-nav::after,
        .recently-viewed-prev.slider-nav::after {
            font-size: 16px;
        }
        
        .recently-viewed-prev.slider-nav {
            left: -10px;
        }
        
        .recently-viewed-next.slider-nav {
            right: -10px;
        }
    }

/* ===== related_product.blade.php ===== */
.related-product-swiper .product-card:hover .product-thumb > img {
        transform: scale(1) !important;
    }
    
    .related-product-swiper {
        position: relative;
        overflow: hidden;
    }
    
    .related-next.slider-nav,
    .related-prev.slider-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgb(72 72 72 / 90%);
        border: none;
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        z-index: 10;
        transition: all 0.3s ease;
        margin-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .related-next.slider-nav::after,
    .related-prev.slider-nav::after {
        font-size: 18px;
        font-weight: bold;
    }
    
    .related-next.slider-nav:hover,
    .related-prev.slider-nav:hover {
        background: rgb(54 53 53);
        color: #fff;
    }
    
    .related-prev.slider-nav {
        left: -20px;
    }
    
    .related-next.slider-nav {
        right: -20px;
    }
    
    .related-next.slider-nav.swiper-button-disabled,
    .related-prev.slider-nav.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }
    
    @media (max-width: 767px) {
        .related-next.slider-nav,
        .related-prev.slider-nav {
            width: 35px;
            height: 35px;
            font-size: 16px;
        }
        
        .related-next.slider-nav::after,
        .related-prev.slider-nav::after {
            font-size: 16px;
        }
        
        .related-prev.slider-nav {
            left: -10px;
        }
        
        .related-next.slider-nav {
            right: -10px;
        }
    }

/* ===== category-list.blade.php ===== */
.category-list-grid {
            display: flex;
            flex-wrap: wrap;
            margin: -12px;
        }

        .category-list-item {
            padding: 12px;
            width: 33.3333%;
        }

        @media (min-width: 768px) {
            .category-list-item {
                width: 16.6667%; /* 6 items per row */
            }
        }

        @media (min-width: 1200px) {
            .category-list-item {
                width: 12.5%; /* 8 items per row */
            }
        }

/* ===== category-list-content.blade.php ===== */
.category-list-grid {
        display: flex;
        flex-wrap: wrap;
        margin: -8px;
    }

    .category-list-item {
        padding: 8px;
        width: 50%;
    }

    @media (min-width: 400px) {
        .category-list-item {
            width: 33.3333%;
        }
    }

    @media (min-width: 600px) {
        .category-list-item {
            width: 25%;
        }
    }