.contact-channels-page {
    background: #f8f9fb;
}

.contact-channels-intro {
    max-width: 720px;
    margin: 0 auto 2rem;
    text-align: center;
    color: #5c6670;
}

.contact-channels-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
}

.contact-channel-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 16px;
    text-decoration: none !important;
    color: #2c3e50;
    box-shadow: 0 8px 24px rgba(44, 62, 80, 0.06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    min-height: 96px;
}

.contact-channel-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(44, 62, 80, 0.12);
    border-color: #b69d74;
}

.contact-channel-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.6rem;
    color: #fff;
}

.contact-channel-body h3 {
    font-size: 1rem;
    margin: 0 0 .35rem;
    font-weight: 700;
}

.contact-channel-body p {
    margin: 0;
    font-size: .9rem;
    color: #6c757d;
    word-break: break-word;
}

.channel-phone { background: linear-gradient(135deg, #2ecc71, #27ae60); }
.channel-email { background: linear-gradient(135deg, #3498db, #2980b9); }
.channel-whatsapp { background: linear-gradient(135deg, #25d366, #128c7e); }
.channel-instagram { background: linear-gradient(135deg, #f77737, #c13584); }
.channel-telegram { background: linear-gradient(135deg, #29b6f6, #039be5); }
.channel-eitaa { background: linear-gradient(135deg, #ff7043, #e64a19); }
.channel-rubika { background: linear-gradient(135deg, #7e57c2, #5e35b1); }
.channel-bale { background: linear-gradient(135deg, #00c853, #009624); }
.channel-soroush { background: linear-gradient(135deg, #26a69a, #00897b); }
.channel-facebook { background: linear-gradient(135deg, #4267b2, #29487d); }
.channel-youtube { background: linear-gradient(135deg, #ff0000, #c4302b); }
.channel-aparat { background: linear-gradient(135deg, #ef394e, #c62828); }
.channel-pinterest { background: linear-gradient(135deg, #e60023, #bd081c); }
.channel-app { background: linear-gradient(135deg, #b69d74, #8b7355); }
.channel-address { background: linear-gradient(135deg, #78909c, #546e7a); }

.contact-channels-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

@media (max-width: 575px) {
    .contact-channels-grid {
        grid-template-columns: 1fr;
    }
}