/* Custom styles for Drucker Drugs and Medical Equipment */

    /* Smooth scrolling */
    html {
        scroll-behavior: smooth;
    }

    /* Selection color */
    ::selection {
        background-color: rgba(13, 148, 136, 0.2);
        color: #1e293b;
    }

    /* Service card hover effects */
    .service-card {
        will-change: transform;
    }

    /* Equipment card hover */
    .equip-card {
        will-change: transform;
    }

    /* Navbar scroll state */
    #navbar.scrolled {
        box-shadow: 0 1px 20px rgba(0, 0, 0, 0.06);
    }

    /* Subtle gradient text for hero (if needed) */
    .gradient-text {
        background: linear-gradient(135deg, #0d9488, #14b8a6);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* Reduced motion */
    @media (prefers-reduced-motion: reduce) {
        html {
            scroll-behavior: auto;
        }
        *, *::before, *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
        }
    }

    /* Focus visible for accessibility */
    :focus-visible {
        outline: 2px solid #0d9488;
        outline-offset: 2px;
    }

    /* Mobile menu transitions */
    #mobileMenu {
        animation: slideDown 0.2s ease-out;
    }

    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-8px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Floating card animation */
    .absolute.-bottom-6.-left-6 {
        animation: float 4s ease-in-out infinite;
    }

    @keyframes float {
        0%, 100% {
            transform: translateY(0);
        }
        50% {
            transform: translateY(-8px);
        }
    }