/* ======================================================== */
/* 🚀 MARTY HUB PREMIUM PRODUCT CARD CORE STYLES            */
/* ======================================================== */

/* 1. BASE CARD SETUP */
.aiz-card-box {
    position: relative;
    overflow: hidden !important; /* Required to clip moving lines and hidden buttons */
    z-index: 1;
    transition: box-shadow 0.3s ease !important;
    background: #fff;
}

/* 2. RIGHT SIDE ICONS SLIDE-IN */
.aiz-p-hov-icon a {
    transform: translateX(calc(100% + 15px)) !important;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; /* Smooth bounce effect */
}

/* Stagger icons */
.aiz-p-hov-icon a:nth-child(2) { transition-delay: 0.05s !important; }
.aiz-p-hov-icon a:nth-child(3) { transition-delay: 0.1s !important; }

/* 3. BOTTOM CART BUTTON SLIDE-UP */
.cart-btn {
    transform: translateY(100%) !important;
    transition: transform 0.3s ease-in-out !important;
    z-index: 5 !important;
}

/* 4. HOVER TRIGGERS (Action) */
.aiz-card-box:hover .aiz-p-hov-icon a {
    transform: translateX(0) !important;
}

.aiz-card-box:hover .cart-btn {
    transform: translateY(0) !important;
}

/* ======================================================== */
/* ✨ PREMIUM MOVING BORDER & NEON GLOW ANIMATION           */
/* ======================================================== */

/* The Background Spinner */
.aiz-card-box::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: transparent;
    background-image: conic-gradient(transparent, var(--primary), transparent, transparent);
    animation: rotate-border 4s linear infinite; /* 4 seconds for professional speed */
    opacity: 0;
    transition: opacity 0.4s ease;
}

/* The White Inner Shield (Thickness controller) */
.aiz-card-box::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 2px; /* 2px border thickness */
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: white;
    border-radius: inherit;
}

/* Hover State for Border and Glow */
.aiz-card-box:hover {
    border-color: transparent !important;
    box-shadow: 0 0 15px rgba(247, 123, 11, 0.4) !important; /* Neon Glow effect */
}

.aiz-card-box:hover::before {
    opacity: 1;
}

/* The Rotation Keyframes */
@keyframes rotate-border {
    100% {
        transform: rotate(1turn);
    }
}

/* Mobile Fix: Ensure animations don't look broken on small screens */
@media (max-width: 767px) {
    .aiz-card-box::before {
        display: none; /* Disable rotating border on mobile to save battery/performance */
    }
    .aiz-card-box {
        border: 1px solid #e2e5ec !important;
    }
}