/* Header & Footer logo image styles (increased for better visibility) */
        .logo-container{ display:flex; align-items:center; }
        .site-logo{
            height:72px;
            width:auto;
            display:inline-block;
            vertical-align:middle;
            border-radius:8px;
            object-fit:cover;
            /* box-shadow: 0 6px 18px rgba(0,0,0,0.12);
            border: 1px solid rgba(0,0,0,0.06); */
        }

        .footer-logo img{
            height:56px;
            width:auto;
            border-radius:6px;
            margin-right:10px;
            vertical-align:middle;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        }

        @media (max-width:1024px){
            .site-logo{ height:64px; }
            .footer-logo img{ height:50px; }
        }

        @media (max-width:768px){
            .site-logo{ height:56px; }
            .footer-logo img{ height:44px; }
        }

        @media (max-width:420px){
            .site-logo{ height:44px; }
            .footer-logo img{ height:36px; }
        }

        /* Cart Badge Styles - Red Dot Notification */
        .cart-badge {
            position: absolute !important;
            top: -4px !important;
            right: -4px !important;
            background: linear-gradient(135deg, #ffc72c 0%, #f5b800 100%) !important;
            color: white !important;
            border-radius: 50% !important;
            width: 12px !important;
            height: 12px !important;
            display: block !important; /* Always visible */
            border: 2px solid white !important;
            box-shadow: 0 2px 8px rgba(255, 199, 44, 0.5) !important;
            transition: transform 0.2s ease !important;
            z-index: 10 !important;
            font-size: 0 !important; /* Hide any text/numbers */
            line-height: 0 !important;
            overflow: hidden !important;
        }
        
        .cart-badge.active {
            display: block !important;
        }

        .cart-badge-pulse {
            animation: cartPulse 0.6s ease-in-out !important;
        }

        @keyframes cartPulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.4); }
        }

        /* Responsive Cart Badge */
        @media (max-width: 768px) {
            .cart-badge {
                width: 10px !important;
                height: 10px !important;
                top: -3px !important;
                right: -3px !important;
            }
        }

        @media (max-width: 420px) {
            .cart-badge {
                width: 9px !important;
                height: 9px !important;
                top: -2px !important;
                right: -2px !important;
                border-width: 1.5px !important;
            }
        }

        /* Cart Button Position */
        .btn-icon {
            position: relative !important;
            display: inline-block !important;
        }
        
        /* Cart Icon Color */
        .cart-btn i {
            color: #2F3C7E;
            font-size: 1.5rem;
        }
        
        /* Join Network Button Styles */
        .btn-join-network {
            background: linear-gradient(135deg, #2F3C7E 0%, #1e2654 100%);
            color: #FFC72C;
            border: none;
            padding: 8px 16px;
            border-radius: 25px;
            font-weight: 600;
            font-size: 0.9rem;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(47, 60, 126, 0.3);
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
        }
        
        .btn-join-network:hover {
            background: linear-gradient(135deg, #1e2654 0%, #2F3C7E 100%);
            color: #FFD700;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(47, 60, 126, 0.4);
        }
        
        .btn-join-network i {
            font-size: 1rem;
        }
        
        /* Mobile Responsive */
        @media (max-width: 767.98px) {
            .btn-join-network {
                padding: 7px 12px;
                font-size: 0.8rem;
            }
            
            .btn-join-network .btn-text {
                display: inline;
            }
            
            .btn-join-network i {
                font-size: 0.9rem;
            }
        }
        
        @media (max-width: 575.98px) {
            .btn-join-network {
                padding: 6px 10px;
                font-size: 0.75rem;
            }
            
            .btn-join-network .btn-text {
                display: none; /* Hide text on very small screens */
            }
            
            .btn-join-network i {
                font-size: 1.1rem;
                margin-right: 0 !important;
            }
        }
        
        @media (max-width: 420px) {
            .btn-join-network {
                padding: 6px 8px;
                min-width: 36px;
            }
            
            .cart-btn i {
                font-size: 1.3rem;
            }
        }