:root {
            --primary-purple: #a29bfe;
            --soft-pink: #ff75a0;
            --glass: rgba(255, 255, 255, 0.75);
            --glass-border: rgba(255, 255, 255, 0.4);
            --bg-body: #f9fafc;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif; }
        body { background: var(--bg-body); padding-bottom: 100px; }

        header {
            background: var(--glass);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border-bottom: 1px solid var(--glass-border);
            padding: 15px 6%;
            position: sticky; top: 0; z-index: 1000;
        }
        .nav-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
        .logo { font-size: 24px; font-weight: 800; background: linear-gradient(to right, #6c5ce7, #ff75a0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .search-container { position: relative; width: 100%; max-width: 500px; margin: 0 auto; }
        .search-container input { width: 100%; padding: 10px 20px; border-radius: 25px; border: 1px solid #ddd; outline: none; background: rgba(255,255,255,0.5); }

        .details-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            padding: 40px 6%;
            max-width: 1200px;
            margin: 0 auto;
        }
    header{
        z-index:9999;
    }
        .product-gallery {
            background: white;
            border-radius: 30px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            box-shadow: 0 10px 30px rgba(0,0,0,0.02);
        }
        .main-img { width: 100%; max-width: 400px; border-radius: 20px; object-fit: contain; }
        .thumb-group { display: flex; gap: 10px; margin-top: 20px; }
        .thumb { width: 60px; height: 60px; border-radius: 12px; border: 2px solid transparent; cursor: pointer; background: #f0f0f0; object-fit: cover; }
        .thumb.active { border-color: var(--primary-purple); }

        .product-info h1 { font-size: 28px; color: #333; margin-bottom: 10px; }
        .price-tag { font-size: 24px; font-weight: 800; color: var(--soft-pink); margin-bottom: 20px; display: block; }
        
        .description { line-height: 1.6; color: #666; margin-bottom: 25px; font-size: 15px; }

        .action-btns { display: flex; gap: 15px; margin-top: 30px; }
        .btn-cart { flex: 2; background: var(--primary-purple); color: white; border: none; padding: 15px; border-radius: 15px; font-weight: 700; cursor: pointer; transition: 0.3s; text-decoration:none; text-align:center; }
        .btn-wishlist { flex: 0.5; background: #f1f1f1; border: none; border-radius: 15px; cursor: pointer; font-size: 18px; display: flex; align-items: center; justify-content: center; }
        .btn-cart:hover { background: #8e85f1; box-shadow: 0 10px 20px rgba(162, 155, 254, 0.3); }

        @media (max-width: 768px) {
            .details-container { grid-template-columns: 1fr; padding: 20px 6%; }
            .product-gallery { border-radius: 20px; }
            .product-info h1 { font-size: 22px; }
            .main-img { max-width: 300px; }
        }
 
/* =========================================
   FIX: HEADER & MOBILE NAV LINK UNDERLINE
========================================= */

/* PC Header */
.pc-header a,
.pc-header a:hover,
.pc-header a:focus,
.pc-header a:active,
.pc-header a:visited,

/* Mobile Bottom Navigation */
.mobile-bottom-nav a,
.mobile-bottom-nav a:hover,
.mobile-bottom-nav a:focus,
.mobile-bottom-nav a:active,
.mobile-bottom-nav a:visited {
    text-decoration: none !important;
}

/* Remove underline from nested elements */
.pc-header a *,
.mobile-bottom-nav a * {
    text-decoration: none !important;
}

/* Prevent inherited underline on navigation labels */
.pc-header .nav-link,
.pc-header .nav-item,
.mobile-bottom-nav .nav-link,
.mobile-bottom-nav .nav-item,
.mobile-bottom-nav span,
.pc-header span {
    text-decoration: none !important;
}

/* Preserve navigation appearance */
.pc-header a,
.mobile-bottom-nav a,
.drawer-footer a{
    -webkit-text-decoration: none !important;
    text-decoration-line: none !important;
}