/* ═══════════════════════════════════════
   PAGE TRANSITION ANIMATION
   ═══════════════════════════════════════ */
@keyframes viewEnter {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
}
.view-entering {
    animation: viewEnter 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

/* ═══════════════════════════════════════
   GLOBAL ENHANCED HOVER EFFECTS
   ═══════════════════════════════════════ */

/* Product cards */
.product-card {
    will-change: transform;
    transition: transform 0.28s cubic-bezier(0.22,1,0.36,1),
                box-shadow 0.28s cubic-bezier(0.22,1,0.36,1),
                border-color 0.25s ease !important;
}
.product-card:hover {
    transform: translateY(-5px) scale(1.018) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,215,0,0.12) !important;
}

/* Primary CTA buttons */
.btn-buy, .btn-confirm, .cta-btn, .edit-trigger-btn {
    transition: transform 0.22s cubic-bezier(0.22,1,0.36,1),
                box-shadow 0.22s ease,
                filter 0.22s ease !important;
}
.btn-buy:hover, .btn-confirm:hover, .cta-btn:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.12) !important;
    box-shadow: 0 8px 28px rgba(212,175,55,0.35) !important;
}
.edit-trigger-btn:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.1) !important;
}

/* Nav items */
.mobile-nav-item, .nav-link {
    transition: color 0.2s ease, transform 0.2s ease !important;
}
.mobile-nav-item:hover { transform: translateY(-2px) !important; }

/* Stat cards & generic cards with class */
.stat-card, .info-card {
    transition: transform 0.25s cubic-bezier(0.22,1,0.36,1),
                box-shadow 0.25s ease !important;
}
.stat-card:hover, .info-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.55) !important;
}

/* ── SVG icon helpers (emoji replacements) ── */
.lv2-ico-img {
    width: 22px; height: 22px; object-fit: contain; display: block;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.35));
}
.lv2-hero-ico-img {
    width: 2.8rem; height: 2.8rem; object-fit: contain; display: block;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5));
}
.faq-btn-ico { width: 0.9em; height: 0.9em; object-fit: contain; vertical-align: middle; }
.mp-eyebrow-ico { width: 1em; height: 1em; object-fit: contain; vertical-align: middle; }
.ad-label-ico { width: 0.85em; height: 0.85em; object-fit: contain; vertical-align: middle; }
.blog-badge-ico { width: 0.9em; height: 0.9em; object-fit: contain; vertical-align: middle; }
.blog-comments-ico { width: 0.85em; height: 0.85em; object-fit: contain; vertical-align: middle; }
.vouch-badge-ico { width: 0.85em; height: 0.85em; object-fit: contain; vertical-align: middle; }