/* Common shadow styles for all sections */
.tools-card,
.testimonial-card,
.productList-card,
.productDetail-card,
.ourProject-card,
.leader-card,
.about-image,
.quality-banner,
.manufacturing-banner,
.team-banner,
.peopleSay-card,
.choose-card,
.productListCategory-card,
.shopList-card,
.detailVideo-card,
.blog-card,.download-card,.blog-card,
.team-member {
    box-shadow: 
    0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent; /* Make border invisible but maintain layout */
    will-change: transform, box-shadow;
    -webkit-font-smoothing: antialiased;
}

/* Hover state - subtle effect with no outer border appearance */
/* .tools-card:hover,
.testimonial-card:hover,
.productList-card:hover,
.productDetail-card:hover,
.ourProject-card:hover,
.leader-card:hover,
.choose-card:hover,
.peopleSay-card:hover,
.productListCategory-card:hover,
.shopList-card:hover,
.detailVideo-card:hover,
.blog-card:hover,
.team-member:hover {
    transform: translateY(-1px);
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.02),
        0 4px 8px rgba(0, 0, 0, 0.02);
    border-color: rgba(0, 0, 0, 0.05);
} */

/* Active/pressed state */
.tools-card:active,
.testimonial-card:active,
.productList-card:active,
.productDetail-card:active,
.ourProject-card:active,
.leader-card:active,
.choose-card:active,
.peopleSay-card:active,
.productListCategory-card:active,
.shopList-card:active,
.detailVideo-card:active,
.blog-card:active,.download-card:active,.blog-card:active
.team-member:active {
    transform: translateY(0);
    box-shadow: 
        0 1px 2px rgba(0, 0, 0, 0.01),
        0 2px 4px rgba(0, 0, 0, 0.01);
    border-color: transparent; /* Remove visible border on click */
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .tools-card,
    .testimonial-card,
    .productList-card,
    .productDetail-card,
    .ourProject-card,
    .leader-card,
    .about-image,
    .quality-banner,
    .manufacturing-banner,
    .team-banner,
    .peopleSay-card,
    .choose-card,
    .productListCategory-card,
.shopList-card,
.detailVideo-card,
.blog-card,.download-card,.blog-card,
    .team-member {
        box-shadow: 
            0 1px 2px rgba(0, 0, 0, 0.02),
            0 2px 4px rgba(0, 0, 0, 0.02);
        border: 1px solid transparent; /* Prevent visible border in dark mode */
    }

    /* .tools-card:hover,
    .testimonial-card:hover,
    .productList-card:hover,
    .productDetail-card:hover,
    .ourProject-card:hover,
    .leader-card:hover,
    .team-member:hover,
    .choose-card:hover,
    .productListCategory-card:hover,
    .shopList-card:hover,
    .detailVideo-card:hover,
    .blog-card:hover,
        .peopleSay-card:hover {
            box-shadow: 
                0 2px 4px rgba(0, 0, 0, 0.03),
                0 4px 8px rgba(0, 0, 0, 0.03);
            border-color: rgba(255, 255, 255, 0.1);
        } */
}