/* custom efek kartu & style sesuai warna brand */
        .card-market {
            transition: all 0.25s ease;
            background: white;
            border-radius: 1rem;
            overflow: hidden;
            border: 1px solid #dcdcdc;
        }

        .card-market:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 35px -12px rgba(0, 0, 0, 0.15);
            border-color: #ff6347;
        }

        .sale-ribbon {
            position: absolute;
            top: 12px;
            right: -28px;
            background: linear-gradient(135deg, #ff6347, #e55a3e);
            transform: rotate(45deg);
            width: 120px;
            text-align: center;
            font-size: 12px;
            font-weight: bold;
            padding: 4px 0;
            color: white;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .star-rating {
            color: #ffb800;
            letter-spacing: 2px;
        }

        .gradient-border {
            background: linear-gradient(90deg, #ff6347, #00bfff, #ff6347);
            height: 3px;
            width: 80px;
            border-radius: 4px;
        }

        .btn-primary {
            background-color: #ff6347;
            transition: all 0.2s;
        }

        .btn-primary:hover {
            background-color: #e55a3e;
            transform: scale(1.02);
        }

        .btn-outline-primary {
            border: 1.5px solid #ff6347;
            color: #ff6347;
            transition: all 0.2s;
        }

        .btn-outline-primary:hover {
            background-color: #ff6347;
            color: white;
        }

        .badge-hot {
            background-color: #ff6347;
            color: white;
        }

        .text-gradient {
            background: linear-gradient(135deg, #ff6347, #00bfff);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        body {
            background-color: #fafafc;
        }

        .hero-bg-pattern {
            background: radial-gradient(circle at 10% 20%, rgba(255, 99, 71, 0.03) 0%, rgba(0, 191, 255, 0.02) 80%);
        }

        /*Logo Hover animasi*/
        .group:hover .fa-brands {
            animation: float-icon 0.5s ease-out;
        }

        @keyframes float-icon {
            0% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-3px);
            }

            100% {
                transform: translateY(0);
            }
        }