.all-categories, .all-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: start;
    margin: 15px 0;
}

.cat-btn {
    display: inline-block;
    padding: 10px 30px 10px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 300;
    transition: 0.3s ease;
    font-family: 'ایران سنس';
    font-weight: 900
}

/* 🎨 رنگ دکمه‌های دسته‌بندی‌ها */
.cat-btn-blue {
    background-color: #396ed5;
    color: #FFF;
    font-weight: 900;
    border: 2px solid #396ed5;
    }
.cat-btn-blue:hover {
    background-color: #ffffff00;
    color: #396ed5;
}

/* 📱 بهینه‌سازی برای موبایل */
@media (max-width: 768px) {
.all-categories, .all-tags {
    gap: 5px;
    justify-content: center; /* دکمه‌ها وسط چین بشن */
}

.cat-btn {
    padding: 8px 20px;
    font-size: 13px;
    border-radius: 25px;
    width: auto;
}

/* در موبایل فاصله بین خطوط دکمه‌ها بهتر دیده بشه */
.cat-btn {
    flex: 1 1 45%; /* دو دکمه در هر ردیف */
    text-align: center;
}
}

@media (max-width: 480px) {
.cat-btn {
    flex: 1 1 25%; /* هر دکمه در یک ردیف */
}
}