.cat-desc-wrap {
margin-top: 15px;
}

.cat-desc-title {
font-size: 22px;
font-weight: 700;
color: #c4002f;
margin-bottom: 10px;
}

.cat-desc-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}

.cat-desc-content.open {
max-height: 3000px;
}

.read-more-btn {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 12px;
padding: 6px 14px;
font-size: 14px;
font-weight: 600;
background: #e5e7eb;
color: #000;
border-radius: 20px;
cursor: pointer;
text-decoration: none;
}

function toggleCatDesc() {
var content = document.getElementById(“catDesc”);
var btn = event.target;

if (content.classList.contains(“open”)) {
content.classList.remove(“open”);
btn.innerHTML = ‘Read More ⬇’;
} else {
content.classList.add(“open”);
btn.innerHTML = ‘Read Less ⬆’;
}
}