/* Unified Product Card System - Product Page & Home Page */
.product-showcase-card,
.product-card-new {
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
    position: relative !important;
    margin-bottom: 30px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform !important;
}

.product-showcase-card:hover,
.product-card-new:hover {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 20px 50px rgba(0, 163, 255, 0.3) !important;
}

.product-showcase-image,
.product-card-image {
    overflow: hidden !important;
    position: relative !important;
}

.product-showcase-image img,
.product-card-image img {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    transition: transform 0.4s ease !important;
    will-change: transform !important;
}

.product-showcase-card:hover .product-showcase-image img,
.product-card-new:hover .product-card-image img {
    transform: scale(1.05) !important;
}

/* Live Scanning Effect - Unified */
.product-showcase-image::after,
.product-card-image::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(90deg, transparent, #00a3ff, #00d4ff, #00a3ff, transparent) !important;
    box-shadow: 0 0 20px #00a3ff, 0 0 40px rgba(0, 163, 255, 0.8), 0 0 60px rgba(0, 212, 255, 0.4) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 10 !important;
    will-change: top, opacity !important;
}

.product-showcase-card:hover .product-showcase-image::after,
.product-card-new:hover .product-card-image::after {
    opacity: 1 !important;
    animation: imageScan 3s linear infinite !important;
}

@keyframes imageScan {
    0% { 
        top: 0%; 
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% { 
        top: 100%; 
        opacity: 0;
    }
}

.product-showcase-content,
.product-card-content {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

.product-showcase-content h3,
.product-card-content h3 {
    transition: color 0.3s ease !important;
    color: #f8f3f3 !important;
}

.product-showcase-card:hover .product-showcase-content h3,
.product-card-new:hover .product-card-content h3 {
    color: #2a2b2d !important;
    text-shadow: 0 0 20px rgba(0, 163, 255, 0.3) !important;
}

.card-glow {
    display: none !important;
}

.product-showcase-section,
.our-products-section {
    overflow: visible !important;
}

.product-showcase-grid,
.product-cards-grid {
    overflow: visible !important;
    gap: 50px !important;
}

.discover-more-btn,
.discover-btn {
    transition: all 0.3s ease !important;
}

.product-showcase-card:hover .discover-more-btn,
.product-card-new:hover .discover-btn {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 102, 204, 0.4) !important;
}

/* Mobile & Tablet Support */
@media (hover: none) and (pointer: coarse) {
    .product-card-new:active .product-card-image::after,
    .product-showcase-card:active .product-showcase-image::after {
        opacity: 1 !important;
        animation: imageScan 3s linear infinite !important;
    }
    
    .product-card-new:active,
    .product-showcase-card:active {
        transform: translateY(-10px) scale(1.02) !important;
        box-shadow: 0 20px 50px rgba(0, 163, 255, 0.3) !important;
    }
    
    .product-card-new:active .product-card-image img,
    .product-showcase-card:active .product-showcase-image img {
        transform: scale(1.05) !important;
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .product-showcase-card,
    .product-card-new {
        margin-bottom: 20px !important;
    }
    
    .product-showcase-grid,
    .product-cards-grid {
        gap: 30px !important;
    }
}


/* Scrolling Text Animation */
.product-card-new,
.product-showcase-card {
    position: relative;
    overflow: hidden;
}

.scrolling-text {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    white-space: nowrap;
    font-size: 4rem;
    font-weight: 900;
    color: rgba(0, 163, 255, 0.08);
    z-index: 1;
    pointer-events: none;
    animation: scrollText 20s linear infinite;
    filter: blur(1px);
}

.product-card-new:hover .scrolling-text,
.product-showcase-card:hover .scrolling-text {
    animation: scrollTextFast 15s linear infinite;
}

@keyframes scrollText {
    0% {
        transform: translateY(-50%) translateX(100%);
    }
    100% {
        transform: translateY(-50%) translateX(-100%);
    }
}

@keyframes scrollTextFast {
    0% {
        transform: translateY(-50%) translateX(100%);
    }
    100% {
        transform: translateY(-50%) translateX(-100%);
    }
}

.product-card-image,
.product-showcase-image {
    position: relative;
    z-index: 2;
}

/* Dropdown styles removed – handled by css/header.css */
@media (max-width: 768px) {
    .scrolling-text {
        font-size: 2rem;
    }
}