#hero h1 { font-size: clamp(1.7rem, 4vw, 2.4rem); line-height: 1.15; margin-bottom: 8px; }
#hero h3 { color: #00ADBA; margin-top: 0; }
.post_meta { color: #666; font-size: 15px; margin: 8px 0 18px; }
.post_author { font-weight: 700; color: #00ADBA; }
.elizabeth-bio img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 18%;
  vertical-align: middle;
  margin-right: 8px;
}
.post-author-bio {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin: 28px 0;
}
.author-img {
  flex: 0 0 96px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
}
.author-img img {
  width: 96px !important;
  height: 96px !important;
  max-width: none !important;
  min-width: 96px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center 18%;
  border-radius: 50%;
  display: block;
}
.comment_count { margin-left: 10px; }
.post_inner h3 { margin-top: 1.4em; }
.alert-warning { background: #fff8e6; border: 1px solid #f0d48a; padding: 14px 16px; margin: 18px 0; }
.alert-green { background: #e7f6ee; border: 1px solid #b7e0c8; padding: 8px 18px 16px; margin: 22px 0; }
.review { display: flex; gap: 24px; flex-wrap: wrap; align-items: flex-start; margin: 18px 0 28px; }
.pros-cons { flex: 1 1 280px; }
.product { flex: 0 0 230px; text-align: center; }
.product img { max-height: 280px; width: auto; margin: 0 auto 12px; object-fit: contain; }
a.buy-now {
  display: inline-block;
  background: #329d40;
  color: #fff !important;
  font-weight: 800;
  padding: 14px 16px;
  text-align: center;
  text-decoration: none;
}
.product a.buy-now { width: 100%; }
.pros li i { color: #329d40; }
.cons li i { color: #d44950; }
.media { display: flex; gap: 12px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid #eee; }
.media-left { float: none; flex: 0 0 48px; width: 48px; height: 48px; }
.media-object {
  width: 48px !important;
  height: 48px !important;
  max-width: none !important;
  min-width: 48px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.media-body { flex: 1; min-width: 0; }
.media-heading { margin: 0 0 4px; }
.bg-lgray { background: #f7f7f7; padding: 0 12px; }
@media (max-width: 700px) {
  .product { flex-basis: 100%; }
}
