/* Custom CSS for Tokopedia-like style and animations */
        .hover-scale:hover {
            transform: scale(1.03);
            transition: transform 0.2s ease-in-out;
        }
        .flashsale-timer {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.7; }
            100% { opacity: 1; }
        }
        .cart-count {
            position: absolute;
            top: -8px;
            right: -8px;
            background: #fff;
            color: #ef4444;
            border-radius: 50%;
            padding: 2px 6px;
            font-size: 10px;
            font-weight: bold;
            border: 1px solid #ef4444;
        }
        .notif-count {
            position: absolute;
            top: -8px;
            right: -8px;
            background: #fff;
            color: #ef4444;
            border-radius: 50%;
            padding: 2px 6px;
            font-size: 10px;
            font-weight: bold;
            border: 1px solid #ef4444;
        }        .tokopedia-green {
            background-color: #03AC0E;
        }
        .tokopedia-green-hover:hover {
            background-color: #039B0D;
        }
        .search-bar {
            box-shadow: none;
        }
        .category-card {
            transition: background-color 0.2s ease-in-out;
        }
        .category-card:hover {
            background-color: #f3f4f6;
        }
        .slider-dots {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
        }
        .slider-dot {
            width: 10px;
            height: 10px;
            background: #fff;
            border-radius: 50%;
            cursor: pointer;
            opacity: 0.5;
        }
        .slider-dot.active {
            opacity: 1;
        }