.blogs-page{width:100%}.blogs-banner{text-align:center;background:#f28c28;justify-content:center;align-items:center;width:100%;min-height:240px;display:flex}.blogs-banner-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.blogs-banner h1{color:#fff;margin:0 0 12px;font-size:clamp(38px,5vw,58px);font-weight:600;line-height:1.1}.blogs-breadcrumb{color:#fff;align-items:center;gap:10px;font-size:16px;display:flex}.blogs-breadcrumb a{color:#fff;text-decoration:none;transition:opacity .3s}.blogs-breadcrumb a:hover{opacity:.75}.blogs-section{background:#fff;width:100%;padding:60px 20px}.blogs-container{width:100%;max-width:1400px;margin:0 auto}.blogs-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:55px;display:grid}.blogs-main{min-width:0}.blogs-grid{grid-template-columns:repeat(2,1fr);gap:35px 25px;display:grid}.blog-card{background:#fff;border:1px solid #e8e8e8;width:100%;overflow:hidden}.blog-card:hover{cursor:pointer}.blog-card-image-link{text-decoration:none;display:block}.blog-card-image{background:#f5f5f5;width:100%;height:280px;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.blog-card-content{padding:25px}.blog-card-meta{color:#777;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:500;display:flex}.blog-card-meta span:first-child{color:#f28c28;font-weight:600}.blog-meta-divider{color:#ccc}.blog-card-content h2{color:#111;margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.3}.blog-card-content h2 a{color:inherit;text-decoration:none;transition:color .3s}.blog-card-content p{color:#666;margin:0 0 20px;font-size:15px;line-height:1.7}.blog-read-more{color:#111;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s;display:inline-flex}.blog-read-more span{font-size:18px;line-height:1;transition:transform .3s}.blog-read-more:hover{color:#f28c28}.blog-read-more:hover span{transform:translate(4px)}.blogs-sidebar{width:100%;position:sticky;top:30px}.blog-sidebar-box{background:#fff;border:1px solid #e5e5e5;width:100%;margin-bottom:25px;padding:25px}.blog-sidebar-box h3{color:#111;border-bottom:2px solid #f28c28;margin:0 0 20px;padding-bottom:13px;font-size:21px;font-weight:600;line-height:1.3}.blog-search{width:100%;position:relative}.blog-search input{color:#333;background:#fff;border:1px solid #ddd;outline:none;width:100%;height:48px;padding:0 45px 0 15px;font-family:inherit;font-size:14px;transition:border-color .3s}.blog-search input::placeholder{color:#999}.blog-search-icon{color:#777;pointer-events:none;font-size:22px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.blog-categories{flex-direction:column;display:flex}.blog-categories button{color:#555;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:11px 0;font-family:inherit;font-size:14px;transition:color .3s;display:flex}.blog-categories button:last-child{border-bottom:none}.blog-categories button span:last-child{color:#777;background:#f5f5f5;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 6px;font-size:12px;transition:background .3s,color .3s;display:flex}.blog-categories button:hover,.blog-categories button.active{color:#f28c28}.blog-categories button:hover span:last-child,.blog-categories button.active span:last-child{color:#fff;background:#f28c28}.recent-blogs{flex-direction:column;gap:18px;display:flex}.recent-blog{gap:13px;text-decoration:none;display:flex}.recent-blog-image{background:#f5f5f5;width:82px;min-width:82px;height:68px;overflow:hidden}.recent-blog-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.recent-blog:hover .recent-blog-image img{transform:scale(1.05)}.recent-blog-content{min-width:0}.recent-blog-content h4{color:#222;margin:0 0 7px;font-size:14px;font-weight:600;line-height:1.4;transition:color .3s}.recent-blog:hover .recent-blog-content h4{color:#f28c28}.recent-blog-content span{color:#999;font-size:12px}.blog-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-tags button{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;padding:8px 12px;font-family:inherit;font-size:12px;transition:all .3s}.blog-tags button:hover{color:#fff;background:#f28c28;border-color:#f28c28}.blogs-message{text-align:center;border:1px solid #eee;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;padding:50px 20px;display:flex}.blogs-message h3{color:#222;margin:0 0 10px;font-size:24px}.blogs-message p{color:#777;margin:0;font-size:15px}.blogs-error{color:#d33}.sidebar-empty{color:#888;margin:0;font-size:13px}@media (max-width:1100px){.blogs-layout{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.blogs-grid{gap:25px 20px}.blog-card-image{height:230px}.blog-card-content{padding:20px}.blog-card-content h2{font-size:20px}}@media (max-width:850px){.blogs-section{padding:70px 20px}.blogs-layout{grid-template-columns:1fr;gap:50px}.blogs-sidebar{position:static}.blogs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blogs-banner{min-height:190px;padding:30px 20px}.blogs-banner h1{margin-bottom:10px;font-size:38px}.blogs-breadcrumb{gap:8px;font-size:14px}.blogs-section{padding:60px 20px}.blogs-layout{gap:40px}.blogs-grid{grid-template-columns:1fr;gap:25px}.blog-card-image{height:240px}.blog-card-content{padding:22px}.blog-card-content h2{font-size:21px}.blog-card-content p{font-size:14px}.blog-sidebar-box{padding:20px}.blog-sidebar-box h3{font-size:19px}}.blog-skeleton-card{pointer-events:none}.blog-skeleton-image,.skeleton-shimmer{background:#eee;position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:100%;height:100%;animation:1.5s infinite skeleton-shimmer;position:absolute;top:0;left:-150%}.blog-skeleton-meta{align-items:center;gap:10px;margin-bottom:15px;display:flex}.skeleton-meta-line{width:85px;height:13px}.skeleton-meta-small{width:65px;height:13px}.skeleton-title-line{width:90%;height:22px;margin-bottom:8px}.skeleton-title-short{width:65%;margin-bottom:18px}.blog-skeleton-description{margin-bottom:22px}.skeleton-description-line{width:100%;height:14px;margin-bottom:8px}.skeleton-description-short{width:75%;height:14px}.skeleton-read-more{width:85px;height:16px}@keyframes skeleton-shimmer{to{left:150%}}