body {
            font-family: 'Segoe UI', sans-serif;
            background: #f5f5f5;
        }

        /* Navbar */
        .navbar-glass {
            backdrop-filter: blur(12px);
            background: rgba(255, 255, 255, 0.6);
        }

        /* Hero */
        .hero {
            height: 90vh;
            background: linear-gradient(135deg, #6e8efb, #a777e3);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .hero h1 {
            font-size: 3rem;
            font-weight: 700;
        }

        /* Product cards */
        .product-card {
            transition: transform .3s, box-shadow .3s;
            overflow: hidden;
            border-radius: 1rem;
        }

        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
        }

        .product-img {
            height: 260px;
            object-fit: cover;
            transition: transform .3s;
        }

        .product-card:hover .product-img {
            transform: scale(1.05);
        }

        .add-btn {
            position: absolute;
            bottom: 1rem;
            right: 1rem;
            opacity: 0;
            transition: all .3s;
        }

        .product-card:hover .add-btn {
            opacity: 1;
        }

        /* Lazy load shimmer */
        .skeleton {
            background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
            background-size: 400% 100%;
            animation: shimmer 1.4s infinite;
        }

        @keyframes shimmer {
            0% {
                background-position: -400px 0;
            }

            100% {
                background-position: 400px 0;
            }
        }

        /* Reveal */
        .reveal {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.8s ease;
        }

        .reveal.show {
            opacity: 1;
            transform: none;
        }


        .footer {
            height: 100px;
            text-align: center;
            background-color: #000;
            color: #fff;
            padding: 30px;
        }

        .productView img {
            height: 220px;
            object-fit: contain;
        }

        .productView {
            text-align: center;
        }

/* Attractive 3-column dropdown submenu for UltraShopTheme */
.custom-dropdown-menu {
    min-width: 420px;
    padding: 18px 24px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(44, 62, 80, 0.13);
    display: flex;
    flex-wrap: wrap;
    gap: 18px 0;
}

.custom-dropdown-menu li {
    width: 33.3333%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.custom-dropdown-menu .dropdown-item {
    display: block;
    padding: 14px 18px;
    margin: 4px 10px;
    border-radius: 10px;
    background: #f8f9fa;
    color: #0d6efd;
    font-weight: 600;
    text-align: center;
    transition: background 0.18s, color 0.18s, box-shadow 0.18s;
    box-shadow: 0 1px 6px rgba(44,62,80,0.08);
    font-size: 1rem;
    letter-spacing: 0.02em;
}

.custom-dropdown-menu .dropdown-item:hover,
.custom-dropdown-menu .dropdown-item:focus {
    background: linear-gradient(90deg, #e3f0ff 0%, #0d6efd 100%);
    color: #fff;
    box-shadow: 0 2px 12px rgba(44,62,80,0.18);
    text-decoration: none;
}

.navbar .dropdown-menu.custom-dropdown-menu {
    border: none;
    margin-top: 0.5rem;
}
.custom-dropdown-menu {
    display: none;
}
.custom-dropdown-menu.show {
    display: flex !important;
    flex-wrap: wrap;
}
.loginItem{
   text-align: right;
    position: absolute;
    top: 12px;
    float: right;
    right: 21px;
}