/* ========================================================================= */
/* DEV ENTERPRISES - LUXURY ARCHITECTURAL ANIMATIONS & STYLES */
/* ========================================================================= */

/* 1. Architectural Product Image Hover Effect & Ambient Elevation */
.product-floating-card {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
                border-color 0.3s ease !important;
    will-change: transform, box-shadow;
}

.product-floating-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.07) !important;
    border-color: rgba(184, 144, 71, 0.45) !important;
}

/* Smooth, slow scale to image on card hover */
.product-floating-card .zoom-img,
.zoom-img {
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: transform;
}

.product-floating-card:hover .zoom-img,
.group:hover .zoom-img {
    transform: scale(1.05) !important;
}

/* 2. Exclusive Catalog Tab Switch Fade & Stagger */
@keyframes cardFadeIn {
    0% {
        opacity: 0;
        transform: translateY(12px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.card-fade-in {
    animation: cardFadeIn 0.35s ease-out forwards;
}

/* 3. Sticky Navigation Transition & Backdrop Blur */
#siteHeader {
    transition: all 0.3s ease !important;
}

.glass-header-scrolled {
    background: rgba(255, 255, 255, 0.90) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.06) !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

/* 4. Action Buttons Micro-Interactions */
a[href*="wa.me"],
a[href*="mailto:"],
.catalog-filter-btn,
.btn-action-lift {
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
                box-shadow 0.25s ease, 
                background-color 0.2s ease, 
                border-color 0.2s ease !important;
    will-change: transform, box-shadow;
}

a[href*="wa.me"]:hover,
.btn-action-lift:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px -4px rgba(16, 185, 129, 0.35) !important;
}

a[href*="wa.me"]:active,
.btn-action-lift:active {
    transform: translateY(0) scale(0.98) !important;
}

a[href*="specifications"]:hover,
.group\/pdf:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 14px -3px rgba(184, 144, 71, 0.2) !important;
}

a[href*="specifications"]:active,
.group\/pdf:active {
    transform: translateY(0) scale(0.98) !important;
}

/* 5. Header Brand Logo Smooth Hover Zoom (Pure Cursor Interaction) */
.brand-logo,
#header-logo,
#header-brand-logo,
#siteHeader a[href="#home"] {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease !important;
    will-change: transform;
}

.brand-logo:hover,
#header-logo:hover,
#header-brand-logo:hover,
#siteHeader a[href="#home"]:hover {
    transform: scale(1.05) !important;
}