:root{--blog-primary:#0066cc;--blog-secondary:#00a8e8;--blog-text:#333333;--blog-light-text:#666666;--blog-bg:#ffffff;--blog-border:#e8e8e8;--blog-hover:#f8f9fa;--blog-accent:#ffcc00;--transition:0.3s ease}.alsaif-blog-section{padding:100px 20px;background:linear-gradient(180deg,#ffffff 0%,#f8f9fa 100%);font-family:'Cairo',sans-serif;direction:rtl;position:relative;overflow:hidden}.alsaif-blog-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgb(0 102 204 / .03) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgb(0 168 232 / .03) 0%,transparent 50%);pointer-events:none;z-index:0}.alsaif-blog-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.blog-section-header{text-align:center;margin-bottom:60px}.blog-section-badge{display:inline-block;background:linear-gradient(135deg,var(--blog-primary) 0%,var(--blog-secondary) 100%);color:#fff;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:700;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.blog-section-title{font-size:clamp(32px, 4vw, 42px);font-weight:900;color:var(--blog-text);margin-bottom:15px;line-height:1.2}.blog-section-title span{color:var(--blog-primary);position:relative}.blog-section-title span::after{content:'';position:absolute;bottom:-5px;right:0;width:100%;height:4px;background:var(--blog-accent);border-radius:2px}.blog-section-subtitle{font-size:18px;color:var(--blog-light-text);max-width:600px;margin:0 auto;line-height:1.7}.blog-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.blog-card{background:var(--blog-bg);border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgb(0 0 0 / .08);transition:all var(--transition);display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgb(0 102 204 / .15)}.blog-card-image{position:relative;width:100%;height:240px;overflow:hidden;background:#f0f0f0}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover .blog-card-image img{transform:scale(1.1)}.blog-category-badge{position:absolute;top:15px;right:15px;background:var(--blog-primary);color:#fff;padding:6px 15px;border-radius:50px;font-size:12px;font-weight:700;z-index:2;box-shadow:0 3px 10px rgb(0 102 204 / .3)}.blog-card-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.blog-card-meta{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-size:13px;color:var(--blog-light-text)}.blog-meta-item{display:flex;align-items:center;gap:5px}.blog-meta-item svg,.blog-meta-item span[aria-hidden="true"]{font-size:14px}.blog-card-title{font-size:20px;font-weight:800;color:var(--blog-text);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-title a{color:var(--blog-text);text-decoration:none;transition:color var(--transition)}.blog-card-title a:hover{color:var(--blog-primary)}.blog-card-excerpt{font-size:15px;color:var(--blog-light-text);line-height:1.7;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.blog-read-more{display:inline-flex;align-items:center;gap:8px;color:var(--blog-primary);font-weight:700;font-size:15px;text-decoration:none;transition:all var(--transition);position:relative}.blog-read-more::after{content:'←';transition:transform var(--transition)}.blog-read-more:hover{gap:12px;color:var(--blog-secondary)}.blog-read-more:hover::after{transform:translateX(-5px)}.blog-view-all-container{text-align:center;margin-top:50px}.blog-view-all-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--blog-primary) 0%,var(--blog-secondary) 100%);color:#fff;padding:15px 35px;border-radius:50px;font-weight:800;font-size:16px;text-decoration:none;transition:all var(--transition);box-shadow:0 5px 20px rgb(0 102 204 / .3)}.blog-view-all-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgb(0 102 204 / .4);color:#fff}.blog-skeleton{animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%,100%{opacity:1}50%{opacity:.5}}.skeleton-image{width:100%;height:240px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:10px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.blog-no-posts{text-align:center;padding:60px 20px}.blog-no-posts-icon{font-size:64px;margin-bottom:20px;opacity:.3}.blog-no-posts-text{font-size:18px;color:var(--blog-light-text)}@media (max-width:992px){.blog-posts-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width:768px){.alsaif-blog-section{padding:70px 20px}.blog-section-header{margin-bottom:40px}.blog-posts-grid{grid-template-columns:1fr;gap:25px}.blog-card-image{height:200px}}@media (max-width:480px){.blog-section-title{font-size:28px}.blog-card-content{padding:20px}.blog-card-title{font-size:18px}}.blog-card,.blog-card-image img{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}