#section-blog.blog-section .blog-grid > .blog-card,
#section-blog.blog-section .blog-grid > a[class^="blog-card"] {
  --blog-card-border: rgba(160, 40, 70, .14);
  --blog-card-border-hover: rgba(160, 40, 70, .28);
  --blog-card-bg: #fffdf8;
  --blog-card-shadow: 0 12px 40px rgba(107, 18, 40, .12);
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid var(--blog-card-border) !important;
  border-radius: 28px !important;
  background: var(--blog-card-bg) !important;
  color: inherit !important;
  text-decoration: none !important;
  transform: translateY(0) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  will-change: transform, box-shadow, border-color !important;
}

#section-blog.blog-section .blog-grid > .blog-card:hover,
#section-blog.blog-section .blog-grid > .blog-card:focus-visible,
#section-blog.blog-section .blog-grid > .blog-card.is-hover,
#section-blog.blog-section .blog-grid > a[class^="blog-card"]:hover,
#section-blog.blog-section .blog-grid > a[class^="blog-card"]:focus-visible,
#section-blog.blog-section .blog-grid > a[class^="blog-card"].is-hover {
  z-index: 3 !important;
  transform: translateY(-4px) !important;
  border-color: var(--blog-card-border-hover) !important;
  box-shadow: var(--blog-card-shadow) !important;
  color: inherit !important;
  text-decoration: none !important;
}

#section-blog.blog-section .blog-card .blog-img,
#section-blog.blog-section .blog-grid > a[class^="blog-card"] .blog-img {
  position: relative !important;
  overflow: hidden !important;
  height: 220px !important;
  border-radius: 27px 27px 0 0 !important;
  background: #f8f0e0 !important;
}

#section-blog.blog-section .blog-card--main .blog-img,
#section-blog.blog-section .blog-grid > a[class*="blog-card--main"] .blog-img {
  height: 320px !important;
}

#section-blog.blog-section .blog-card .blog-img img,
#section-blog.blog-section .blog-grid > a[class^="blog-card"] .blog-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  transform: scale(1) !important;
  transition: transform .55s ease !important;
  will-change: transform !important;
}

#section-blog.blog-section .blog-grid > .blog-card:hover .blog-img img,
#section-blog.blog-section .blog-grid > .blog-card:focus-visible .blog-img img,
#section-blog.blog-section .blog-grid > .blog-card.is-hover .blog-img img,
#section-blog.blog-section .blog-grid > a[class^="blog-card"]:hover .blog-img img,
#section-blog.blog-section .blog-grid > a[class^="blog-card"]:focus-visible .blog-img img,
#section-blog.blog-section .blog-grid > a[class^="blog-card"].is-hover .blog-img img {
  transform: scale(1.06) !important;
}

#section-blog.blog-section .blog-card .blog-link,
#section-blog.blog-section .blog-grid > a[class^="blog-card"] .blog-link {
  display: inline-flex !important;
  align-items: center !important;
  transition: gap .2s ease !important;
}

#section-blog.blog-section .blog-grid > .blog-card:hover .blog-link,
#section-blog.blog-section .blog-grid > .blog-card:focus-visible .blog-link,
#section-blog.blog-section .blog-grid > .blog-card.is-hover .blog-link,
#section-blog.blog-section .blog-grid > a[class^="blog-card"]:hover .blog-link,
#section-blog.blog-section .blog-grid > a[class^="blog-card"]:focus-visible .blog-link,
#section-blog.blog-section .blog-grid > a[class^="blog-card"].is-hover .blog-link {
  gap: 12px !important;
}

#section-blog.blog-section .blog-card .blog-cat,
#section-blog.blog-section .blog-grid > a[class^="blog-card"] .blog-cat {
  border: 1px solid var(--blog-card-border) !important;
  background: rgba(255, 253, 248, .96) !important;
  color: #6b1228 !important;
  box-shadow: 0 4px 14px rgba(107, 18, 40, .08) !important;
}

#section-blog.blog-section .blog-card .blog-body,
#section-blog.blog-section .blog-grid > a[class^="blog-card"] .blog-body {
  background: var(--blog-card-bg) !important;
  border-radius: 0 0 27px 27px !important;
}

#section-blog.blog-section .blog-card .blog-title,
#section-blog.blog-section .blog-grid > a[class^="blog-card"] .blog-title {
  color: #6b1228 !important;
}

#section-blog.blog-section .blog-card .blog-excerpt,
#section-blog.blog-section .blog-grid > a[class^="blog-card"] .blog-excerpt {
  color: #6b2438 !important;
}

#section-blog.blog-section .blog-card .blog-date,
#section-blog.blog-section .blog-grid > a[class^="blog-card"] .blog-date {
  color: #c08090 !important;
}