/* Page Title Bar */
.page-title-bar{
  padding:60px 0;
  position:relative;
  overflow:hidden;
}
.page-title-bar::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&h=400&fit=crop');
  background-size:cover;
  background-position:center;
  z-index:1;
}
.page-title-bar::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(135deg, rgba(239,68,68,0.7), rgba(220,38,38,0.6));
  z-index:2;
}
.page-title{
  font-size:42px;
  font-weight:800;
  margin-bottom:12px;
  color:#fff;
  position:relative;
  z-index:3;
}
.breadcrumb{
  background:transparent;
  margin:0;
  padding:0;
  position:relative;
  z-index:3;
}
.breadcrumb-item{
  color:rgba(255,255,255,0.8);
  font-size:14px;
}
.breadcrumb-item a{
  color:rgba(255,255,255,0.9);
  text-decoration:none;
  transition:color 0.2s ease;
}
.breadcrumb-item a:hover{
  color:#fff;
}
.breadcrumb-item.active{
  color:#fff;
}
.breadcrumb-item + .breadcrumb-item::before{
  color:rgba(255,255,255,0.6);
}

/* Blog Section */
.blog-section{
  background:#fff;
}

/* Sidebar */
.blog-sidebar{
  display:flex;
  flex-direction:column;
  gap:24px;
  position:sticky;
  top:20px;
  align-self:flex-start;
}
.sidebar-widget{
  background:#fff;
  border-radius:16px;
  padding:28px;
  box-shadow:0 4px 16px rgba(0,0,0,0.06);
  border:1px solid #f3f4f6;
  transition:all 0.3s ease;
}
.sidebar-widget:hover{
  box-shadow:0 8px 24px rgba(0,0,0,0.1);
  transform:translateY(-2px);
}
.widget-title{
  font-size:18px;
  font-weight:800;
  margin-bottom:20px;
  color:#111;
  position:relative;
  padding-bottom:12px;
}
.widget-title::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:40px;
  height:3px;
  background:linear-gradient(90deg, #ef4444, #dc2626);
  border-radius:2px;
}

/* Search Box */
.search-box{
  position:relative;
}
.search-box .form-control{
  padding:14px 50px 14px 16px;
  border-radius:12px;
  border:2px solid #f3f4f6;
  background:#f9fafb;
  font-size:15px;
  transition:all 0.3s ease;
}
.search-box .form-control:focus{
  border-color:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,0.1);
  background:#fff;
}
.search-btn{
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  background:linear-gradient(135deg, #ef4444, #dc2626);
  border:none;
  color:#fff;
  width:44px;
  height:44px;
  border-radius:10px;
  cursor:pointer;
  transition:all 0.3s ease;
  display:flex;
  align-items:center;
  justify-content:center;
}
.search-btn:hover{
  transform:translateY(-50%) scale(1.05);
  box-shadow:0 4px 12px rgba(239,68,68,0.4);
}

/* Category List */
.category-list{
  list-style:none;
  padding:0;
  margin:0;
}
.category-list li{
  margin-bottom:8px;
}
.category-list li:last-child{
  margin-bottom:0;
}
.category-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#6b7280;
  text-decoration:none;
  padding:12px 16px;
  border-radius:10px;
  transition:all 0.3s ease;
  font-weight:500;
  position:relative;
  overflow:hidden;
}
.category-list a::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg, #ef4444, #dc2626);
  transform:scaleY(0);
  transition:transform 0.3s ease;
}
.category-list a:hover{
  background:linear-gradient(90deg, rgba(239,68,68,0.08), transparent);
  color:#ef4444;
  padding-left:20px;
}
.category-list a:hover::before{
  transform:scaleY(1);
}
.category-list a span{
  color:#9ca3af;
  font-size:13px;
}

/* Popular Posts */
.popular-posts{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.popular-post{
  display:flex;
  gap:12px;
}
.popular-post img{
  width:80px;
  height:60px;
  object-fit:cover;
  border-radius:8px;
  flex-shrink:0;
}
.popular-post div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.popular-post a{
  color:#111;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  line-height:1.4;
  transition:color 0.2s ease;
}
.popular-post a:hover{
  color:#ef4444;
}
.popular-post .post-date{
  font-size:12px;
  color:#9ca3af;
}

/* Tag Cloud */
.tag-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.tag{
  display:inline-block;
  padding:8px 16px;
  background:#f9fafb;
  color:#6b7280;
  border-radius:20px;
  font-size:13px;
  text-decoration:none;
  border:2px solid #f3f4f6;
  transition:all 0.3s ease;
  font-weight:600;
}
.tag:hover{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  border-color:#ef4444;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(239,68,68,0.3);
}

/* Blog Card */
.blog-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,0.06);
  transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  height:100%;
  display:flex;
  flex-direction:column;
  border:1px solid #f3f4f6;
}
.blog-card:hover{
  box-shadow:0 12px 32px rgba(0,0,0,0.12);
  transform:translateY(-8px);
  border-color:#ef4444;
}
.blog-image{
  position:relative;
  overflow:hidden;
  height:240px;
}
.blog-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.3s ease;
}
.blog-card:hover .blog-image img{
  transform:scale(1.05);
}
.blog-badge{
  position:absolute;
  top:16px;
  left:16px;
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  padding:8px 16px;
  border-radius:20px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
  box-shadow:0 4px 12px rgba(239,68,68,0.4);
}
.blog-content{
  padding:28px;
  flex:1;
  display:flex;
  flex-direction:column;
  background:#fff;
}
.blog-meta{
  display:flex;
  gap:16px;
  margin-bottom:16px;
  flex-wrap:wrap;
  align-items:center;
}
.blog-meta span{
  font-size:13px;
  color:#9ca3af;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:6px;
}
.blog-meta i{
  color:#ef4444;
}
.blog-tag{
  background:linear-gradient(135deg, #fef2f2, #fee2e2);
  color:#ef4444 !important;
  padding:4px 12px;
  border-radius:12px;
  font-size:11px !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:0.5px;
  border:1px solid #fecaca;
}
.blog-title{
  font-size:22px;
  font-weight:800;
  margin-bottom:14px;
  line-height:1.3;
}
.blog-title a{
  color:#111;
  text-decoration:none;
  transition:all 0.3s ease;
  background:linear-gradient(to right, #ef4444, #ef4444) no-repeat;
  background-size:0% 2px;
  background-position:left bottom;
}
.blog-title a:hover{
  color:#ef4444;
  background-size:100% 2px;
}
.blog-excerpt{
  color:#6b7280;
  line-height:1.7;
  margin-bottom:20px;
  flex:1;
  font-size:15px;
}
.read-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ef4444;
  font-weight:700;
  text-decoration:none;
  transition:all 0.3s ease;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
.read-more:hover{
  gap:14px;
  color:#dc2626;
}
.read-more i{
  font-size:14px;
  transition:transform 0.3s ease;
}
.read-more:hover i{
  transform:translateX(4px);
}

/* Pagination */
.pagination{
  gap:10px;
}
.page-link{
  border:2px solid #f3f4f6;
  color:#6b7280;
  border-radius:12px;
  padding:12px 18px;
  transition:all 0.3s ease;
  font-weight:600;
  background:#fff;
  min-width:48px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page-link:hover{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  border-color:#ef4444;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(239,68,68,0.3);
}
.page-item.active .page-link{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  border-color:#ef4444;
  color:#fff;
  box-shadow:0 4px 12px rgba(239,68,68,0.4);
}
.page-item.disabled .page-link{
  opacity:0.3;
  cursor:not-allowed;
  pointer-events:none;
  background:#f9fafb;
}

/* Blog Detail Hero */
.blog-detail-hero{
  position:relative;
  height:500px;
  display:flex;
  align-items:flex-end;
  padding-bottom:60px;
  overflow:hidden;
}
.hero-image{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
}
.hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}
.hero-content{
  position:relative;
  z-index:2;
  color:#fff;
}
.hero-badge{
  display:inline-block;
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  padding:8px 20px;
  border-radius:20px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:20px;
}
.hero-title{
  font-size:48px;
  font-weight:900;
  margin-bottom:20px;
  color:#fff;
  line-height:1.2;
}
.hero-meta{
  display:flex;
  gap:32px;
  flex-wrap:wrap;
}
.meta-item{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,0.9);
  font-size:15px;
  font-weight:500;
}
.meta-item i{
  color:#ef4444;
  font-size:16px;
}
.blog-category-tag{
  background:rgba(255,255,255,0.2);
  color:#fff !important;
  padding:6px 16px;
  border-radius:16px;
  font-size:12px !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:0.5px;
  border:1px solid rgba(255,255,255,0.3);
}

/* Blog Detail Content */
.blog-detail-section{
  background:#fff;
}
.blog-detail-content{
  background:#fff;
}

/* Share Buttons */
.share-buttons{
  display:flex;
  align-items:center;
  gap:12px;
  padding:20px 0;
  border-bottom:2px solid #f3f4f6;
  margin-bottom:32px;
}
.share-label{
  font-weight:700;
  color:#111;
  margin-right:8px;
}
.share-btn{
  width:40px;
  height:40px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  transition:all 0.3s ease;
  text-decoration:none;
}
.share-btn.facebook{
  background:#1877f2;
}
.share-btn.twitter{
  background:#1da1f2;
}
.share-btn.linkedin{
  background:#0a66c2;
}
.share-btn.whatsapp{
  background:#25d366;
}
.share-btn:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 16px rgba(0,0,0,0.2);
}

/* Article Content */
.article-content{
  font-size:17px;
  line-height:1.8;
  color:#374151;
}
.article-content .lead{
  font-size:22px;
  font-weight:500;
  color:#111;
  line-height:1.6;
  margin-bottom:32px;
}
.article-content h2{
  font-size:32px;
  font-weight:800;
  color:#111;
  margin-top:48px;
  margin-bottom:20px;
  position:relative;
  padding-bottom:12px;
}
.article-content h2::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:60px;
  height:4px;
  background:linear-gradient(90deg, #ef4444, #dc2626);
  border-radius:2px;
}
.article-content p{
  margin-bottom:24px;
}
.article-content ul{
  margin:24px 0;
  padding-left:0;
}
.article-content ul li{
  list-style:none;
  padding-left:32px;
  margin-bottom:12px;
  position:relative;
}
.article-content ul li::before{
  content:'';
  position:absolute;
  left:0;
  top:10px;
  width:8px;
  height:8px;
  background:#ef4444;
  border-radius:50%;
}

/* Blog Quote */
.blog-quote{
  background:linear-gradient(135deg, #fef2f2, #fee2e2);
  border-left:4px solid #ef4444;
  padding:32px;
  margin:40px 0;
  border-radius:12px;
  position:relative;
}
.blog-quote i{
  font-size:32px;
  color:#ef4444;
  opacity:0.3;
  position:absolute;
  top:24px;
  left:24px;
}
.blog-quote p{
  font-size:20px;
  font-style:italic;
  color:#111;
  margin:0 0 16px 40px;
  font-weight:500;
}
.blog-quote cite{
  font-size:15px;
  color:#6b7280;
  font-style:normal;
  margin-left:40px;
}

/* Content Image */
.content-image{
  margin:40px 0;
  border-radius:16px;
  overflow:hidden;
}
.content-image img{
  width:100%;
  height:auto;
  display:block;
}
.image-caption{
  background:#f9fafb;
  padding:16px;
  text-align:center;
  color:#6b7280;
  font-size:14px;
  margin:0;
}

/* Info Box */
.info-box{
  background:linear-gradient(135deg, #fef3c7, #fde68a);
  border-radius:16px;
  padding:28px;
  margin:40px 0;
  display:flex;
  gap:20px;
  border:2px solid #fbbf24;
}
.info-box-icon{
  width:48px;
  height:48px;
  background:#fbbf24;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:24px;
  flex-shrink:0;
}
.info-box-content h4{
  font-size:18px;
  font-weight:800;
  color:#111;
  margin-bottom:8px;
}
.info-box-content p{
  margin:0;
  color:#374151;
  font-size:15px;
}

/* Article Tags */
.article-tags{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding:32px 0;
  border-top:2px solid #f3f4f6;
  border-bottom:2px solid #f3f4f6;
  margin:48px 0;
}
.tags-label{
  font-weight:700;
  color:#111;
}
.article-tag{
  display:inline-block;
  padding:8px 16px;
  background:#f9fafb;
  color:#6b7280;
  border-radius:20px;
  font-size:13px;
  text-decoration:none;
  border:2px solid #f3f4f6;
  transition:all 0.3s ease;
  font-weight:600;
}
.article-tag:hover{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  border-color:#ef4444;
  transform:translateY(-2px);
}

/* Author Box */
.author-box{
  background:linear-gradient(135deg, #f9fafb, #f3f4f6);
  border-radius:16px;
  padding:32px;
  display:flex;
  gap:24px;
  margin-bottom:48px;
  border:2px solid #e5e7eb;
}
.author-avatar{
  width:80px;
  height:80px;
  border-radius:50%;
  object-fit:cover;
  border:4px solid #fff;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
.author-info{
  flex:1;
}
.author-name{
  font-size:20px;
  font-weight:800;
  color:#111;
  margin-bottom:8px;
}
.author-bio{
  color:#6b7280;
  margin-bottom:16px;
  font-size:15px;
}
.author-social{
  display:flex;
  gap:12px;
}
.author-social a{
  width:36px;
  height:36px;
  border-radius:8px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#6b7280;
  transition:all 0.3s ease;
  text-decoration:none;
}
.author-social a:hover{
  background:#ef4444;
  color:#fff;
  transform:translateY(-2px);
}

/* Comments Section */
.comments-section{
  margin-top:48px;
}
.comments-title{
  font-size:28px;
  font-weight:800;
  color:#111;
  margin-bottom:32px;
  position:relative;
  padding-bottom:16px;
}
.comments-title::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:60px;
  height:4px;
  background:linear-gradient(90deg, #ef4444, #dc2626);
  border-radius:2px;
}

/* Comment Item */
.comment-item{
  display:flex;
  gap:20px;
  padding:24px 0;
  border-bottom:1px solid #e5e7eb;
}
.comment-avatar{
  width:60px;
  height:60px;
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0;
}
.comment-content{
  flex:1;
}
.comment-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
.comment-author{
  font-size:16px;
  font-weight:700;
  color:#111;
  margin:0;
}
.comment-date{
  font-size:13px;
  color:#9ca3af;
}
.comment-text{
  color:#6b7280;
  line-height:1.6;
  margin-bottom:12px;
}
.comment-reply{
  background:transparent;
  border:none;
  color:#ef4444;
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  padding:0;
  transition:color 0.2s ease;
}
.comment-reply:hover{
  color:#dc2626;
}

/* Comment Form */
.comment-form{
  background:#f9fafb;
  border-radius:16px;
  padding:32px;
  margin-top:32px;
  border:2px solid #f3f4f6;
}
.form-title{
  font-size:22px;
  font-weight:800;
  color:#111;
  margin-bottom:24px;
}
.comment-form .form-control{
  border:2px solid #e5e7eb;
  border-radius:12px;
  padding:14px 16px;
  font-size:15px;
  transition:all 0.3s ease;
}
.comment-form .form-control:focus{
  border-color:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,0.1);
}
.btn-submit{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  border:none;
  padding:14px 32px;
  border-radius:12px;
  font-weight:700;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:0.5px;
  cursor:pointer;
  transition:all 0.3s ease;
}
.btn-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(239,68,68,0.4);
}

/* Newsletter Widget */
.newsletter-widget{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
}
.newsletter-widget .widget-title{
  color:#fff;
}
.newsletter-widget .widget-title::after{
  background:#fff;
}
.newsletter-text{
  color:rgba(255,255,255,0.9);
  margin-bottom:20px;
}
.newsletter-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.newsletter-form .form-control{
  border:2px solid rgba(255,255,255,0.3);
  background:rgba(255,255,255,0.1);
  color:#fff;
  padding:14px 16px;
  border-radius:12px;
}
.newsletter-form .form-control::placeholder{
  color:rgba(255,255,255,0.7);
}
.newsletter-form .form-control:focus{
  border-color:#fff;
  background:rgba(255,255,255,0.2);
  box-shadow:none;
}
.newsletter-btn{
  background:#fff;
  color:#ef4444;
  border:none;
  padding:14px;
  border-radius:12px;
  font-weight:700;
  cursor:pointer;
  transition:all 0.3s ease;
}
.newsletter-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(0,0,0,0.2);
}

/* Search Hero */
.search-hero{
  padding:50px 0 40px;
  position:relative;
  overflow:hidden;
}
.search-hero::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&h=300&fit=crop');
  background-size:cover;
  background-position:center;
  z-index:1;
}
.search-hero::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(135deg, rgba(239,68,68,0.7), rgba(220,38,38,0.6));
  z-index:2;
}
.search-hero-content{
  position:relative;
  z-index:3;
  max-width:800px;
  margin:0 auto;
  text-align:center;
}
.search-title{
  font-size:36px;
  font-weight:900;
  color:#fff;
  margin-bottom:12px;
}
.search-subtitle{
  font-size:16px;
  color:rgba(255,255,255,0.9);
  margin-bottom:28px;
}

/* Search Hero Form */
.search-hero-form{
  margin-bottom:20px;
}
.search-input-wrapper{
  position:relative;
  display:flex;
  align-items:center;
  background:#fff;
  border-radius:12px;
  padding:6px;
  box-shadow:0 12px 24px rgba(0,0,0,0.15);
}
.search-icon{
  position:absolute;
  left:24px;
  color:#9ca3af;
  font-size:20px;
}
.search-input{
  flex:1;
  border:none;
  outline:none;
  padding:12px 20px 12px 50px;
  font-size:15px;
  border-radius:10px;
  background:transparent;
}
.search-submit{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  border:none;
  padding:12px 28px;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
  transition:all 0.3s ease;
  white-space:nowrap;
  font-size:14px;
}
.search-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(239,68,68,0.4);
}

/* Quick Filters */
.quick-filters{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.filter-label{
  font-size:13px;
  font-weight:600;
  color:rgba(255,255,255,0.9);
}
.filter-btn{
  background:rgba(255,255,255,0.2);
  backdrop-filter:blur(10px);
  color:#fff;
  border:1px solid rgba(255,255,255,0.3);
  padding:6px 16px;
  border-radius:20px;
  font-weight:600;
  font-size:13px;
  cursor:pointer;
  transition:all 0.3s ease;
}
.filter-btn:hover{
  background:rgba(255,255,255,0.3);
  transform:translateY(-2px);
}
.filter-btn.active{
  background:#fff;
  color:#ef4444;
  border-color:#fff;
}

/* Search Results Section */
.search-results-section{
  background:#fff;
}

/* Results Header */
.results-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:32px;
  padding-bottom:24px;
  border-bottom:2px solid #f3f4f6;
  flex-wrap:wrap;
  gap:20px;
}
.results-title{
  font-size:32px;
  font-weight:800;
  color:#111;
  margin-bottom:8px;
}
.results-count{
  color:#6b7280;
  font-size:16px;
  margin:0;
}
.results-count strong{
  color:#ef4444;
  font-weight:700;
}
.results-sort{
  display:flex;
  align-items:center;
  gap:12px;
}
.results-sort label{
  color:#6b7280;
  font-weight:600;
  margin:0;
}
.sort-select{
  border:2px solid #e5e7eb;
  border-radius:10px;
  padding:10px 16px;
  font-size:14px;
  font-weight:600;
  color:#111;
  cursor:pointer;
  transition:all 0.3s ease;
  background:#fff;
}
.sort-select:focus{
  border-color:#ef4444;
  outline:none;
}

/* Result Item */
.results-list{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.result-item{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  display:flex;
  gap:24px;
  border:2px solid #f3f4f6;
  transition:all 0.3s ease;
  padding:20px;
}
.result-item:hover{
  border-color:#ef4444;
  box-shadow:0 8px 24px rgba(0,0,0,0.1);
  transform:translateY(-4px);
}
.result-image{
  position:relative;
  width:280px;
  height:180px;
  border-radius:12px;
  overflow:hidden;
  flex-shrink:0;
}
.result-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 0.3s ease;
}
.result-item:hover .result-image img{
  transform:scale(1.05);
}
.result-badge{
  position:absolute;
  top:12px;
  left:12px;
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  padding:6px 14px;
  border-radius:16px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
.result-content{
  flex:1;
  display:flex;
  flex-direction:column;
}
.result-meta{
  display:flex;
  gap:20px;
  margin-bottom:12px;
}
.result-meta span{
  font-size:13px;
  color:#9ca3af;
  font-weight:500;
  display:flex;
  align-items:center;
  gap:6px;
}
.result-meta i{
  color:#ef4444;
}
.result-title{
  font-size:24px;
  font-weight:800;
  margin-bottom:12px;
  line-height:1.3;
}
.result-title a{
  color:#111;
  text-decoration:none;
  transition:color 0.3s ease;
}
.result-title a:hover{
  color:#ef4444;
}
.result-excerpt{
  color:#6b7280;
  line-height:1.6;
  margin-bottom:16px;
  flex:1;
  font-size:15px;
}
.result-excerpt mark{
  background:linear-gradient(135deg, #fef2f2, #fee2e2);
  color:#ef4444;
  padding:2px 6px;
  border-radius:4px;
  font-weight:600;
}
.result-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.result-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.result-tag{
  display:inline-block;
  padding:4px 12px;
  background:#f9fafb;
  color:#6b7280;
  border-radius:12px;
  font-size:12px;
  text-decoration:none;
  border:1px solid #e5e7eb;
  transition:all 0.3s ease;
  font-weight:600;
}
.result-tag:hover{
  background:#ef4444;
  color:#fff;
  border-color:#ef4444;
}
.result-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ef4444;
  font-weight:700;
  text-decoration:none;
  font-size:14px;
  transition:all 0.3s ease;
}
.result-link:hover{
  gap:12px;
  color:#dc2626;
}
.result-link i{
  font-size:12px;
}

/* Load More */
.load-more-section{
  text-align:center;
  margin-top:48px;
}
.btn-load-more{
  background:#fff;
  border:2px solid #e5e7eb;
  color:#111;
  padding:16px 48px;
  border-radius:12px;
  font-weight:700;
  font-size:16px;
  cursor:pointer;
  transition:all 0.3s ease;
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.btn-load-more:hover{
  background:linear-gradient(135deg, #ef4444, #dc2626);
  color:#fff;
  border-color:#ef4444;
  transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(239,68,68,0.3);
}
.btn-load-more i{
  animation:spin 2s linear infinite;
}
@keyframes spin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

/* Popular Searches */
.popular-searches{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.popular-search-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  background:#f9fafb;
  border-radius:10px;
  text-decoration:none;
  color:#111;
  font-weight:600;
  transition:all 0.3s ease;
  border:2px solid transparent;
}
.popular-search-item:hover{
  background:linear-gradient(90deg, rgba(239,68,68,0.08), transparent);
  border-color:#ef4444;
  color:#ef4444;
}
.popular-search-item i{
  color:#ef4444;
  font-size:16px;
}

/* Responsive */
@media (max-width: 991px){
  .page-title{
    font-size:36px;
  }
  .blog-sidebar{
    position:static;
  }
  .hero-title{
    font-size:32px;
  }
  .author-box{
    flex-direction:column;
    text-align:center;
  }
  .author-social{
    justify-content:center;
  }
  .search-title{
    font-size:36px;
  }
  .result-item{
    flex-direction:column;
  }
  .result-image{
    width:100%;
    height:200px;
  }
  .results-header{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width: 767px){
  .page-title{
    font-size:28px;
  }
  .page-subtitle{
    font-size:16px;
  }
  .blog-image{
    height:200px;
  }
}