/* ===== ARTICLE.PHP ===== */
.donia-btn-article { display: inline-flex; align-items: center; justify-content: center; background-color: #d32f2f; color: white !important; padding: 0.5rem 2.2rem; font-weight: 900; font-size: 1.15rem; ext-decoration: none; transition: all 0.3s ease; border: none; cursor: pointer; text-align: center; }
.donia-btn-article:hover { background-color: #0f172a; }
@media (max-width: 767px) {
	.donia-btn-article { padding: 0.75rem 1.5rem !important; font-size: 1rem !important; }
	}
.load-more-btn { display: inline-flex; align-items: center; justify-content: center; background-color: #d32f2f; color: white !important; padding: 0.9rem 2.2rem; font-weight: 900; font-size: 1.15rem; text-decoration: none; transition: all 0.3s ease; border: none; cursor: pointer; text-align: center; }
.load-more-btn:hover { background-color: #0f172a; }
@media (max-width: 767px) {
	.load-more-btn { padding: 0.75rem 1.5rem !important; font-size: 1rem !important; }
	}
.hidden-product { display: none; }
.geo-shipping-badge { display: flex; align-items: center; gap: 10px; background: #fffdf5; border: 1px solid #fef3c7; padding: 12px 20px; border-radius: 15px; margin: 20px 0; color: #92400e; font-weight: 800; font-size: 0.9rem; }
.product-item { transition: all 0.5s ease; }
.animate-in { animation: fadeInUp 0.6s ease-out forwards; }
 @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.blog-content { line-height: 1.6; font-size: 1.15rem; color: #334155; text-align: right; }
.blog-content h1 { font-size: 2.5rem; font-weight: 900; color: #1e293b; margin-bottom: 1.5rem !important; }
.blog-content h2 { font-size: 2rem; font-weight: 800; color: #1e293b; margin-top: 2rem !important; margin-bottom: 1rem !important; }
.blog-content p { margin-bottom: 1rem !important; }
.blog-content ul, .blog-content ol { margin-right: 2rem !important; margin-bottom: 1.5rem !important; }
.blog-content li { margin-bottom: 0.5rem !important; }
.post-footer-img { max-width: 450px; width: 100%; height: auto; border-radius: 1rem; margin: 2.5rem auto; display: block; }
.page-hero { background: linear-gradient(135deg, #fcfbf7 0%, #f1f5f9 100%); border-bottom: 1px solid #e2e8f0; }
.tag-pill { display: inline-block; background: #f1f5f9; color: #64748b; padding: 0.4rem 0.8rem; border-radius: 0.5rem; font-size: 0.8rem; font-weight: 700; margin-left: 0.5rem; margin-bottom: 0.5rem; text-decoration: none; transition: 0.2s; }
.tag-pill:hover { background: #e2e8f0; color: #1e293b; }