/* Section border glow animation */
.shop-section {
    border: 2px solid rgba(0,191,166,0.3); /* teal base */
    border-radius: 10px;
    padding: 4rem 1rem;
    text-align: center;
    animation: glowShop 2.5s infinite alternate;
    transition: transform 0.3s, box-shadow 0.3s;
    background: #0F1F2E; /* dark navy */
}

.shop-section:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 25px rgba(0,191,166,0.4);
}

/* Glow animation keyframes (teal shades) */
@keyframes glowShop {
    0% { 
        border-color: rgba(0,191,166,0.2);
        box-shadow: 0 0 5px rgba(0,191,166,0.2);
    }
    50% {
        border-color: rgba(0,255,209,0.5);
        box-shadow: 0 0 15px rgba(0,255,209,0.4);
    }
    100% { 
        border-color: rgba(0,191,166,0.7);
        box-shadow: 0 0 25px rgba(0,191,166,0.5);
    }
}
/* Icon bounce */
.shop-icon {
    display: inline-block;
    animation: bounceIcon 2s infinite;
}

@keyframes bounceIcon {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

/* Button hover glow */
.btn-enterprise {
    display: inline-block;
    background:#00BFA6;
    color:#0F1F2E;
    padding:1rem 2.5rem;
    font-weight:700;
    border-radius:8px;
    text-decoration:none;
    transition:0.3s, box-shadow 0.3s, transform 0.3s;
}

.btn-enterprise:hover {
    box-shadow: 0 0 15px #00FFD1, 0 0 30px #00BFA6;
    transform: translateY(-3px);
}

/* Sequential fade-in for scroll */
.sequential {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.sequential.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Mobile responsiveness */
@media(max-width:768px){
    .shop-section {
        padding: 3rem 1rem;
    }
    .shop-icon { font-size: 3rem; }
    .btn-enterprise { padding:0.8rem 2rem; font-size:0.95rem; }
}