.ns-blog-title{
  font-size: 34px;
  font-weight: 1000;
  color:#3f2b32;
  position:relative;
  padding-bottom: 12px;
text-align:center;
}

.ns-blog-title::after{
  content:"";
  position:absolute;
  width: 90px;
  height: 3px;
  background:linear-gradient(90deg, #d8b08c, #8b5e3c);
  bottom:0;
  right:50%;
  transform:translateX(50%);
  border-radius: 2px;
}

.ns-blog-subtitle{
  margin-top: 14px;
  font-size:15px;
  color:#6f5961;
  font-weight:800;
text-align:center;
}

.blog-wrapper{
  padding: 42px 0 70px;
 
}

.blog-wrapper .container{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.blog-wrapper .container{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

/* ===== Blog Card ===== */
.blog-card{
  background: rgba(255,255,255,0.72);
  border-radius: 26px;
  border: 1px solid rgba(224,199,205,0.55);

  box-shadow:
    0 18px 50px rgba(92,55,67,0.07),
    inset 0 1px 0 rgba(255,255,255,0.7);

  transition: all .35s ease;
  overflow: hidden;
}

.blog-card:hover{
  transform: translateY(-6px);
  box-shadow:
    0 32px 80px rgba(92,55,67,0.10),
    inset 0 1px 0 rgba(255,255,255,0.85);
}

.blog-content-wrapper{
  display:flex;
  align-items:center;
  gap: 20px;
  padding: 22px;
}

.blog-text-content{
  flex: 1;
}

.blog-thumbnail-wrapper{
  width: 240px;
  min-width: 240px;
  border-radius: 20px;
  overflow:hidden;
}

.blog-thumbnail-wrapper img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .35s ease;
}

.blog-card:hover .blog-thumbnail-wrapper img{
  transform: scale(1.06);
}

/* ===== Title ===== */
.blog-title{
  font-size: 18px;
  font-weight: 1000;
  margin-bottom: 10px;
}

.blog-title a{
  color:#3f2b32;
  text-decoration:none;
  transition:color .25s ease;
}

.blog-title a:hover{
  color:#8b5e3c;
}

/* ===== Meta ===== */
.blog-meta{
  font-size: 13px;
  font-weight: 800;
  color:#8a6f78;
  margin-bottom: 12px;
}

/* ===== Excerpt ===== */
.blog-excerpt{
  font-size: 14px;
  line-height: 1.9;
  font-weight: 700;
  color:#6f5961;
  margin-bottom: 18px;
text-align:justify;
}

/* ===== Read More Button ===== */
.read-more-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 22px;

  font-size:13.5px;
  font-weight:900;
  text-decoration:none;

  border-radius:14px;
  color:#fff;

  background: linear-gradient(
    135deg,
    rgba(216,176,140,0.30),
    rgba(139,94,60,0.18)
  );

  border:1px solid rgba(200,150,120,0.45);

  box-shadow:0 14px 34px rgba(139,94,60,0.08);
  transition: all .25s ease;
}

.read-more-btn:hover{
  transform: translateY(-2px);
  background: linear-gradient(
    135deg,
    rgba(216,176,140,0.45),
    rgba(139,94,60,0.26)
  );
}

/* ===== Responsive ===== */
@media(max-width: 900px){
  .blog-wrapper .container{
    grid-template-columns: 1fr; /* برای صفحه‌های باریک تک ستونه */
  }
}

@media(max-width: 768px){
  .blog-content-wrapper{
    flex-direction:column-reverse;
    text-align:right;
  }

  .blog-thumbnail-wrapper{
    width:100%;
    min-width:unset;
    height:200px;
  }
}

@media(max-width: 576px){
  .page-banner h1{
    font-size: 28px;
  }

  .blog-title{
    font-size: 16px;
  }
}