.side-news{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#fcfdf9;z-index:10000;transition:right 0.3s ease-in-out;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:-5px 0 20px rgb(0 0 0 / .05)}.news-badge{position:absolute;top:4px;right:5px;background-color:var(--nav-link-active,var(--color-green));color:var(--color-white);font-size:10px;font-weight:600;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.side-news.show{right:0}.side-news-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .4);z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s}.side-news-overlay.show{opacity:1;visibility:visible}.side-news .close-news-filter{position:absolute;top:20px;left:20px;background:#fff0;border:none;cursor:pointer;padding:5px}.side-news .close-news-filter img{width:20px;height:20px}.side-news .search-title{text-align:center;font-size:18px;font-weight:500;margin:25px 0;color:var(--color-black)}.product-news-result{padding:0 20px 20px;overflow-y:auto;flex:1}.single_news{background:var(--color-white);border-radius:10px;padding:15px;margin-bottom:20px;box-shadow:0 4px 15px rgb(0 0 0 / .03);display:flex;flex-direction:column}.single_news>img{width:100%;height:auto;border-radius:8px;object-fit:cover;margin-bottom:10px}.single_news .entry-meta{margin-bottom:10px}.single_news .post-meta{display:flex;justify-content:space-between;font-size:13px;color:#999}.single_news .news-message{font-size:13px;color:var(--color-black);line-height:1.5;margin-bottom:15px}.single_news .news-message span{color:#c9302c}.action-buttons{margin-top:auto;text-align:center}.action-buttons a{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-green);border-radius:20px;padding:10px 25px;color:var(--color-green);font-weight:500;text-decoration:none;font-size:14px;transition:all 0.3s ease;width:100%;box-sizing:border-box}.action-buttons a span{margin-left:10px}.action-buttons a:hover{background:var(--color-green);color:var(--color-white)}@media (max-width:500px){.side-news{width:100%;right:-100%}}