/* ==========================================================
   MAMGOC Website V2
   06-industries.css
========================================================== */

.industries-v2{
    padding:7rem 0;
    background:linear-gradient(180deg,var(--gray-50),#fff);
}

.industry-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.industry-card{
    min-height:100%;
    padding:34px;
    border-radius:var(--radius-lg);
    background:var(--white);
    border:1px solid var(--gray-200);
    box-shadow:var(--shadow);
    transition:var(--transition);
}

.industry-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-lg);
}

.industry-icon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#fff7d6;
    color:var(--primary);
    font-size:1.35rem;
    font-weight:900;
    margin-bottom:1.6rem;
    border:1px solid #f7e7a3;
}

.industry-card h3{
    font-size:1.25rem;
    margin-bottom:1rem;
}

.industry-card ul{
    display:grid;
    gap:.45rem;
    margin-bottom:1.5rem;
}

.industry-card li{
    color:var(--text-light);
    position:relative;
    padding-left:1.5rem;
}

.industry-card li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#d49a16;
    font-weight:900;
}

.industry-card a{
    color:var(--secondary);
    font-weight:800;
}

.industry-card a:hover{
    color:var(--secondary-hover);
}

.coming-badge{
    display:inline-flex;
    padding:10px 18px;
    border-radius:999px;
    background:#facc15;
    color:var(--primary);
    font-weight:900;
}

.industry-card.coming-soon{
    background:linear-gradient(180deg,#fff,#fffbeb);
}

/* Premium industry icon upgrade */
.industry-icon{
    width:68px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:linear-gradient(135deg,#16233A,#24385C);
    color:#F7C948;
    font-size:1rem;
    font-weight:800;
    box-shadow:0 12px 25px rgba(22,35,58,.15), inset 0 1px 0 rgba(255,255,255,.08);
    margin-bottom:1.75rem;
    transition:.3s ease;
}

.industry-card:hover .industry-icon{
    transform:scale(1.08) rotate(-4deg);
}