.blog-post-card{background:#ffffff;border-radius:12px;border:1px solid #d5d7da;overflow:hidden;transition:transform .3s ease;width:100%;opacity:1;display:flex;flex-direction:column}.blog-section-detail a{text-decoration:none}.blog-post-card:hover{transform:translateY(-5px)}.blog-post-image{overflow:hidden;width:100%;aspect-ratio:16/9;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.blog-post-image img{width:100%;height:100%;object-fit:contain}.blog-post-content{padding:20px;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.blog-post-content h3{font-size:20px;font-weight:600;color:#252B37;margin:0 0 10px;line-height:30px;flex-grow:1;border-bottom:1px solid #d5d7da;padding-bottom:10px}.blog-post-meta{font-size:16px;line-height:24px;color:#535862;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.blog-post-action{color:#FF4405;font-weight:500;cursor:pointer;transition:color .3s ease;margin-top:auto;display:flex;align-items:center;gap:.25rem}.blog-post-action:hover{color:#e03d04}.recent-blog-item{display:flex;gap:.75rem;transition:background .3s ease;align-items:flex-start;text-decoration:none;color:inherit}.recent-blog-image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.recent-blog-image img{width:100%;height:100%;object-fit:cover}.recent-blog-content h4{font-size:18px;line-height:26px;font-weight:500;color:#252B37;margin:0 0 6px}.recent-blog-date{font-size:16px;line-height:24px;color:#a0a0a0}.hero-section-blogs{position:relative;height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center}.blog-section{padding:0;background:#ffffff;color:#252B37;padding:60px 0}.blog-section:has(.breadcrumbs){padding:0 0 60px}.blog-container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:20px}.breadcrumbs{padding:30px 0 20px;font-size:16px;background:#ffffff;margin-bottom:0;display:flex;align-items:center;gap:.5rem}.blog-main-content{display:flex;flex-direction:column;gap:20px;min-height:400px;position:relative}.single-blog-main-content{display:flex;flex-direction:column;background:#ffffff;border-radius:16px;width:100%}.single-blog-hero-image{width:100%;height:500px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.15);margin-bottom:2rem}.single-blog-hero-image img{width:100%;height:100%;object-fit:cover}.single-blog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.safar-logo-img{width:40px;height:40px;object-fit:contain}.blog-info{display:flex;align-items:center;gap:.5rem;font-size:18px;line-height:28px;color:#252B37}.single-blog-title{font-size:24px;font-weight:800;color:#111827;line-height:32px;margin:0;letter-spacing:-.025em}.single-blog-content{font-size:1.125rem;line-height:1.8;color:#374151}.single-blog-content h1,.single-blog-content h2,.single-blog-content h3,.single-blog-content h4{color:#111827;margin:3rem 0 1.5rem;font-weight:700;font-size:1.5rem}.single-blog-content h1{font-size:2rem;margin-top:4rem}.single-blog-content p{margin-bottom:2rem;font-size:1.125rem}.single-blog-content ul{margin:2rem 0;padding-left:2rem}.single-blog-content li{margin-bottom:1rem;font-size:1.125rem;line-height:1.6}.single-blog-content strong{font-weight:600;color:#111827}.blog-posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.blog-posts-grid.loading{grid-template-columns:1fr!important}.blog-loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.blog-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top-color:#ff4405;border-radius:50%;animation:spin 1s linear infinite}.blog-pagination{gap:30px;margin:2rem auto 0;max-width:1300px}.blog-pagination,.pagination-btn{display:flex;justify-content:center;align-items:center}.pagination-btn{width:34px;height:34px;border:none;background:#fff4ed;border-radius:50%;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#ffe4d6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.pagination-btn svg{color:#ff6b35;width:18px;height:18px}.pagination-numbers{display:flex;align-items:center;gap:30px}.pagination-number{display:flex;align-items:center;justify-content:center;padding:0;font-size:20px;line-height:30px;font-weight:400;color:#A4A7AE;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.pagination-number.active,.pagination-number:hover{color:#252B37}.pagination-dots{color:#374151;font-weight:600;cursor:default;padding:0 4px}.pagination-dots:hover{background:transparent;color:#374151}.blog-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{border-width:1px;border-radius:12px;border:1px solid var(--gray-light-mode-200,#e9eaeb);padding:20px}.sidebar-section h3{font-size:18px;line-height:28px;font-weight:500;color:#181D27;margin:0 0 20px}.sidebar-search{position:relative;width:100%;max-width:420px}.sidebar-search-input{width:100%;padding:12px 45px 12px 16px;border:1px solid #e9eaeb;border-radius:8px;background:#ffffff;color:#252B37;font-size:14px;outline:none;box-sizing:border-box;height:44px;border-radius:12px}.sidebar-search-input::placeholder{color:#a0a0a0}.sidebar-search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6b7280;border:none;background-color:transparent}.recent-blogs{display:flex;flex-direction:column;gap:20px}.categories-header{display:flex;justify-content:space-between;align-items:center}.clear-categories-btn{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px;margin:0 0 20px}.clear-categories-btn:hover{background:#e5e7eb;color:#374151;border-color:#9ca3af}.clear-categories-btn:active{transform:translateY(1px)}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.category-btn{padding:10px;border:none;border-radius:8px;font-size:16px;line-height:24px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.category-btn:nth-child(6n+1){background:#FEF3F2;color:#181D27}.category-btn:nth-child(6n+2){background:#F9F5FF;color:#181D27}.category-btn:nth-child(6n+3){background:#F8F9FC;color:#181D27}.category-btn:nth-child(6n+4){background:#F5FBEE;color:#181D27}.category-btn:nth-child(6n+5){background:#ECFDFF;color:#181D27}.category-btn:nth-child(6n+6){background:#ECFDF3;color:#181D27}.category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.category-btn.active{background:#ff6b35!important;color:#ffffff!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,53,.3)}.blog-author{display:flex;align-items:center;gap:.75rem;font-size:18px;line-height:28px;font-weight:500;color:#252B37}@media (max-width:1300px){.blog-container{max-width:1000px}.categories-grid{grid-template-columns:1fr;gap:10px}.sidebar-section{padding:16px}.sidebar-section h3{margin-bottom:16px}.recent-blog-content h4{font-size:16px;line-height:normal}.recent-blog-date{font-size:14px;line-height:normal}}@media (max-width:1024px){.blog-post-card{width:100%;max-width:none;margin:0 auto}.blog-container{grid-template-columns:1fr}.blog-sidebar{grid-row-start:1;display:grid;grid-template-columns:1fr 2fr}.categories-grid{grid-template-columns:1fr 1fr}.sidebar-section:has(.recent-blogs){grid-column:span 2}.sidebar-search{max-width:100%}.blog-posts-grid{grid-template-columns:repeat(2,1fr);gap:20px}.blog-container{padding:0 12px}.blog-section:has(.breadcrumbs){padding:40px 0}.blog-section .breadcrumbs{margin-bottom:10px}}@media (max-width:768px){.blog-post-card{width:100%;max-width:100%;height:auto}.blog-post-content{padding:1.25rem}.blog-post-content h3{font-size:1.125rem}.blog-section{padding:2rem 0}.blog-section:has(.blog-posts-grid){padding:2rem 0}.breadcrumbs{font-size:.875rem}.single-blog-main-content{border-radius:12px}.single-blog-hero-image{height:300px;border-radius:12px}.single-blog-title{font-size:2rem}.single-blog-content{font-size:1rem;line-height:1.7}.single-blog-content h1{font-size:1.5rem;margin-top:2.5rem}.single-blog-content h2,.single-blog-content h3,.single-blog-content h4{font-size:1.25rem;margin:2rem 0 1rem}.single-blog-content p{font-size:1rem;margin-bottom:1.5rem}.single-blog-content ul{margin:1.5rem 0;padding-left:1.5rem}.single-blog-content li{font-size:1rem;margin-bottom:.75rem}.pagination-numbers{gap:.5rem}.pagination-number{min-width:32px;height:32px;font-size:.875rem}.blog-sidebar{margin:0 auto;width:100%;max-width:100%}.sidebar-section{padding:16px}.categories-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.hero-section-blogs{height:250px}}@media (max-width:576px){.blog-sidebar{grid-template-columns:1fr}.sidebar-section:has(.recent-blogs){grid-column:auto}}@media (max-width:480px){.blog-post-content{padding:1rem}.blog-post-content h3{font-size:1rem;margin-bottom:.75rem}.blog-post-meta{font-size:.75rem;margin-bottom:.75rem}.blog-post-action{font-size:.875rem}.recent-blog-item{gap:.75rem}.recent-blog-image{width:50px;height:50px}.recent-blog-content h4{font-size:.875rem;margin:0}.recent-blog-date{font-size:.75rem}.breadcrumbs{font-size:.8125rem;flex-wrap:wrap}.single-blog-main-content{border-radius:8px}.single-blog-hero-image{height:200px;border-radius:8px}.single-blog-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.single-blog-title{font-size:1.5rem}.single-blog-content{font-size:.9375rem;line-height:1.6}.single-blog-content h1{font-size:1.25rem;margin-top:2rem}.single-blog-content h2,.single-blog-content h3,.single-blog-content h4{font-size:1.125rem;margin:1.5rem 0 .75rem}.single-blog-content p{font-size:.9375rem;margin-bottom:1.25rem}.single-blog-content ul{margin:1.25rem 0;padding-left:1.25rem}.single-blog-content li{font-size:.9375rem;margin-bottom:.5rem}.blog-pagination{gap:.75rem}.pagination-btn{width:28px;height:28px}.pagination-numbers{gap:.25rem}.pagination-number{min-width:28px;height:28px;font-size:.75rem}.sidebar-section{padding:12px}.sidebar-section h3{font-size:1.125rem;margin-bottom:.875rem}.blog-posts-grid{gap:1rem;grid-template-columns:1fr}.category-btn{padding:.5rem 1rem;font-size:.875rem}.categories-grid{grid-template-columns:1fr;gap:.5rem}.hero-section-blogs{height:200px}}