.flink a {
            transition: all 0.3s ease;
            border-bottom: 1px solid transparent;
        }
        .flink a:hover {
            color: #e63946;
            border-bottom-color: #e63946;
        }
        .nav-link.active {
            color: #e63946 !important;
            font-weight: 600;
        }
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        .hero-bg {
            background: linear-gradient(rgba(0, 84, 179, 0.85), rgba(0, 84, 179, 0.9)), url('https://images.unsplash.com/photo-1629654291660-3c98113a0438?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
        }
        @media (max-width: 768px) {
            .hero-bg {
                background-position: 70% center;
            }
        }