/* Custom styles to blend clinical trust with premium design */
.glass-panel {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(229, 231, 235, 0.5);
}

.trust-badge {
    background: rgba(30, 58, 138, 0.05);
    border: 1px solid rgba(30, 58, 138, 0.1);
    color: #1E3A8A;
}

/* Subtle grid background for the clinical touch */
.bg-clinical-grid {
    /* background-image:
        linear-gradient(to right, rgba(229, 231, 235, 0.5) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(229, 231, 235, 0.5) 1px, transparent 1px); */
    background-size: 40px 40px;
}

/* Hero Slider Animations */
@keyframes fadeSlider {

    0%,
    25% {
        opacity: 1;
        z-index: 10;
        transform: scale(1.05);
    }

    33%,
    92% {
        opacity: 0;
        z-index: 0;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        z-index: 10;
        transform: scale(1.05);
    }
}

.hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeSlider 12s infinite ease-in-out;
}

.hero-slide:nth-child(1) {
    animation-delay: 0s;
}

.hero-slide:nth-child(2) {
    animation-delay: 4s;
}

.hero-slide:nth-child(3) {
    animation-delay: 8s;
}

/* Testimonial Slider Animations */
@keyframes fadeTestimonial {

    0%,
    5% {
        opacity: 0;
        z-index: 0;
        transform: translateY(5px);
    }

    10%,
    25% {
        opacity: 1;
        z-index: 10;
        transform: translateY(0);
    }

    30%,
    100% {
        opacity: 0;
        z-index: 0;
        transform: translateY(-5px);
    }
}

.testimonial-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: fadeTestimonial 15s infinite ease-in-out;
}

.testimonial-slide:nth-child(1) {
    animation-delay: 0s;
}

.testimonial-slide:nth-child(2) {
    animation-delay: 5s;
}

.testimonial-slide:nth-child(3) {
    animation-delay: 10s;
}

a.added_to_cart.wc-forward {
    display: none !important;
}