.category-tabs-container{flex-wrap:wrap;gap:10px;position:relative;max-width:1200px;margin:30px auto}.category-tab-button,.category-tabs-container{display:flex;justify-content:center;align-items:center}.category-tab-button{padding:8px 16px;background:#fff;color:#943211;border:1px solid #f29726;font-weight:700;font-size:14px;cursor:pointer;outline:none;transition:all .2s ease-in-out;border-radius:20px;white-space:nowrap}.category-tab-button.active{background:#8e2e0f;color:#fff;border-color:transparent}.article-dropdown-wrapper{position:relative;display:flex;flex-direction:column}.article-dropdown-wrapper .category-tab-button{flex:1}.article-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #f29726;border-top:none;z-index:1000;box-shadow:0 4px 12px #ffd08555;margin-top:1px}.article-dropdown-item{width:100%;padding:8px 12px;background:#fff;color:#943211;border:none;border-bottom:1px solid #f29726;font-weight:700;font-size:13px;cursor:pointer;outline:none;text-align:left;transition:background .2s,color .2s}.article-dropdown-item:last-child{border-bottom:none}.article-dropdown-item:hover{background:#ffd085;color:#943211}.article-dropdown-item.active{background:#8e2e0f;color:#fff}@media (max-width:768px){.category-tabs-container{gap:8px;margin:20px 10px}.category-tab-button{font-size:13px;padding:6px 12px}}@media (max-width:480px){.category-tabs-container{gap:6px;margin:15px 5px}.category-tab-button{font-size:12px;padding:6px 10px;white-space:normal;text-align:center}}