/* style.css */
.category-container { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 18px; 
    padding: 25px 15px; 
    max-width: 1100px; 
    margin: auto; 
}

@media (min-width: 768px) { 
    .category-container { grid-template-columns: repeat(3, 1fr); } 
}

.category-card { 
    background: white; 
    padding: 25px 15px; 
    border-radius: 22px; 
    text-align: center; 
    text-decoration: none; 
    color: #1a1a1a; 
    box-shadow: 0 5px 20px rgba(0,0,0,0.06); 
    transition: transform 0.2s; 
    border: 1px solid #eee; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
}

.category-card:active { transform: scale(0.98); }

.icon-box { 
    width: 65px; 
    height: 65px; 
    border-radius: 20px; 
    margin-bottom: 15px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 28px; 
}

/* Category Colors */
.retail { background: #fff3e0; color: #e65100; }
.bus { background: #e3f2fd; color: #0d47a1; }
.hardware { background: #f3e5f5; color: #4a148c; }
.cloth { background: #fce4ec; color: #880e4f; }
.salon { background: #e8f5e9; color: #1b5e20; }
.spare { background: #e0f2f1; color: #004d40; }
.software { background: #d1d9ff; color: #1a237e; }
.other { background: #f1f2f6; color: #2d3436; }
.electric { background: #fffde7; color: #827717; }
.pro-services { background: #6c5ce7; color: white; }

.category-card span { font-weight: 700; font-size: 17px; margin-bottom: 4px; }
.category-card small { font-size: 13px; color: #333; }

footer { text-align: center; padding: 50px 20px; color: #636e72; font-size: 14px; font-weight: 600; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }