.blog-article{max-width:860px;margin:0 auto;padding:clamp(32px,6vw,90px) 0 120px}.blog-article h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.25;margin:18px 0}.blog-excerpt{font-size:1.2rem;color:#615a54;line-height:2}.blog-cover-frame{display:flex;justify-content:center;margin:32px auto 40px}.blog-cover{display:block;width:212px;height:310px;max-width:100%;aspect-ratio:212/310;object-fit:cover;border-radius:18px;margin:0 auto;box-shadow:0 10px 30px rgba(45,30,20,.12)}.blog-content{font-size:1.1rem;line-height:2.25;overflow-wrap:anywhere;margin-bottom:40px}.blog-content h2,.blog-content h3{line-height:1.6;margin:2em 0 .7em}.blog-content p{margin:0 0 1.3em}.blog-content ul,.blog-content ol{padding-right:1.4em}.blog-content .indent-1{margin-inline-start:2rem}.blog-content .indent-2{margin-inline-start:4rem}.blog-content .indent-3{margin-inline-start:6rem}.blog-content img{display:block;max-width:100%;height:auto;border-radius:18px;margin:28px auto}.blog-content figure{margin:32px 0}.blog-content figcaption{color:#756b65;text-align:center;font-size:.9rem}.blog-content blockquote{margin:30px 0;padding:16px 24px;border-right:4px solid #a71e25;background:#fff4ee}.blog-content a{color:#1a73e8;text-decoration:underline;text-underline-offset:4px;transition:color .15s ease,opacity .15s ease}.blog-content a:hover{color:#1557b0;opacity:.9}.blog-content table{width:100%;border-collapse:collapse;margin:30px 0;display:block;overflow-x:auto;border-radius:12px}.blog-content th,.blog-content td{min-width:120px;border:1px solid #d9cdc3;padding:11px 13px;text-align:start}.blog-content th{background:#f6efe9}.blog-content tr:nth-child(even) td{background:#fcfaf8}.blog-content hr{border:0;border-top:1px solid #d9cdc3;margin:36px 0}.blog-article .text-link{display:inline-flex;margin-top:32px}.blog-related{margin:64px 0 18px;padding-top:34px;border-top:1px solid #d9cdc3}.blog-related-heading{margin-bottom:22px}.blog-related-heading h2{margin:7px 0 0;font-size:clamp(1.7rem,4vw,2.7rem)}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.blog-related-card{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:16px;align-items:start;padding:14px;border:1px solid #e2d6cd;border-radius:18px;background:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.blog-related-card:hover{transform:translateY(-3px);border-color:#a71e25}.blog-related-card>span{color:#a71e25;font-size:.78rem;font-weight:700}.blog-related-card img{grid-row:1/4;width:110px;height:110px;border-radius:13px;object-fit:cover;background:#f5eee8}.blog-related-card.product-suggestion img{object-fit:contain}.blog-related-card strong{margin-top:5px;font-size:1.05rem;line-height:1.7}.blog-related-card small{color:#756b65;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Blog Listing Grid - Cards on same horizontal line with uniform 212x310px render size */
.recipes.blog-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:36px 28px!important;align-items:stretch!important}
.recipes.blog-grid .recipe,.recipes.blog-grid .recipe:first-child,.recipes.blog-grid .recipe:nth-child(2),.recipes.blog-grid .recipe:nth-child(3){margin-top:0!important;grid-column:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:right!important;background:#ffffff;padding:18px;border-radius:20px;border:1px solid #ebdcd0;box-shadow:0 4px 18px rgba(45,30,20,.04);transition:transform .3s cubic-bezier(0.16,1,0.3,1),box-shadow .3s ease,border-color .3s ease!important}
.recipes.blog-grid .recipe:hover{transform:translateY(-5px)!important;box-shadow:0 12px 28px rgba(167,30,37,.1)!important;border-color:#a71e25!important}
.recipes.blog-grid .recipe-image-wrap{width:212px!important;height:310px!important;max-width:100%!important;aspect-ratio:212/310!important;border-radius:14px!important;overflow:hidden!important;background:#f4ede6!important;margin:0 auto 16px!important;align-self:center!important;flex-shrink:0!important;position:relative!important;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.recipes.blog-grid .recipe-cover,.recipes.blog-grid .recipe:first-child .recipe-cover{width:212px!important;height:310px!important;max-width:100%!important;aspect-ratio:212/310!important;object-fit:cover!important;display:block!important;border-radius:14px!important;margin:0 auto!important;transition:transform .6s cubic-bezier(0.16,1,0.3,1)!important}
.recipes.blog-grid .recipe:hover .recipe-cover{transform:scale(1.05)!important}
.recipes.blog-grid h3{font-size:1.2rem!important;font-weight:750!important;line-height:1.5!important;margin:6px 0 8px!important;color:#2b3027!important}
.recipes.blog-grid .meta{font-size:12px!important;color:#8c8278!important;margin-bottom:10px!important;display:block!important}
.recipes.blog-grid p{font-size:13.5px!important;line-height:1.8!important;color:#666a5c!important;margin:0 0 12px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

/* SEO Tags at the end of the blog */
.blog-tags{display:flex;flex-direction:column;gap:12px;margin:40px 0 28px;padding-top:24px;border-top:1px solid #d9cdc3}
.blog-tags-label{font-size:14px;font-weight:700;color:#50443d;display:flex;align-items:center;gap:6px}
.blog-tags-list{display:flex;flex-wrap:wrap;gap:8px}
.blog-tag{display:inline-flex;align-items:center;background:#f2ebe4;color:#43342d;padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid #e2d6cd;text-decoration:none;transition:all .2s ease}
.blog-tag:hover{background:#a71e25;color:#ffffff;border-color:#a71e25;transform:translateY(-1px)}

@media(max-width:700px){.blog-content .indent-2,.blog-content .indent-3{margin-inline-start:2rem}.blog-content table{font-size:.95rem}.blog-related{margin-top:44px}.blog-related-grid{grid-template-columns:1fr}.blog-related-card{grid-template-columns:86px minmax(0,1fr)}.blog-related-card img{width:86px;height:86px}}
@media(max-width:600px){.recipes.blog-grid{grid-template-columns:1fr!important;gap:24px!important}.recipes.blog-grid .recipe{max-width:320px;margin-inline:auto!important;width:100%}}

/* Blog Product Showcase Card */
.blog-product-card {
  display: flex;
  align-items: center;
  gap: 32px;
  background: linear-gradient(135deg, #ffffff 0%, #fdfbf9 100%);
  border: 1px solid rgba(167, 30, 37, 0.16);
  border-radius: 24px;
  padding: 24px 28px;
  margin: 36px 0;
  box-shadow: 0 10px 30px rgba(45, 30, 20, 0.06), 0 2px 8px rgba(167, 30, 37, 0.04);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}
.blog-product-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(to bottom, #a71e25, #e0533c);
  border-radius: 0 24px 24px 0;
}
.blog-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 38px rgba(167, 30, 37, 0.12);
  border-color: rgba(167, 30, 37, 0.35);
}
.blog-product-photo-wrap {
  width: 140px;
  height: 200px;
  flex-shrink: 0;
  border-radius: 16px;
  background: #fbf6f2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  border: 1px solid #ebdcd0;
}
.blog-product-photo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.blog-product-card:hover .blog-product-photo {
  transform: scale(1.08);
}
.blog-product-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  text-align: right;
  gap: 8px;
}
.blog-product-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 700;
  color: #a71e25;
  background: rgba(167, 30, 37, 0.08);
  padding: 3px 12px;
  border-radius: 20px;
  letter-spacing: 0.2px;
}
.blog-product-name {
  font-size: 1.35rem;
  font-weight: 800;
  color: #242c23;
  margin: 2px 0 4px;
  line-height: 1.4;
}
.blog-product-desc {
  font-size: 14px;
  line-height: 1.85;
  color: #5c5852;
  margin: 0 0 12px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-product-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #a71e25 0%, #8c161c 100%);
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 13.5px;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 50px;
  box-shadow: 0 4px 14px rgba(167, 30, 37, 0.28);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  margin-top: 4px;
}
.blog-product-btn:hover {
  background: linear-gradient(135deg, #b8222a 0%, #9c1a20 100%);
  transform: translateY(-2px);
  box-shadow: 0 7px 20px rgba(167, 30, 37, 0.4);
  color: #ffffff !important;
}
.blog-product-btn .btn-arrow {
  font-size: 15px;
  transition: transform 0.2s ease;
  display: inline-block;
}
.blog-product-btn:hover .btn-arrow {
  transform: translate(-3px, -2px);
}

/* Dedicated Blog Suggested Product Wrapper */
.blog-suggested-product-wrap {
  margin: 48px 0 24px;
  padding-top: 32px;
  border-top: 1px solid #d9cdc3;
}
.blog-suggested-product-heading {
  margin-bottom: 18px;
}
.blog-suggested-product-heading h2 {
  font-size: clamp(1.4rem, 3vw, 2rem);
  color: #2b3027;
  margin: 6px 0 0;
}

/* Standalone Live Preview Mode Pill Bar */
.preview-mode-pill-bar {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  background: rgba(30, 48, 38, 0.95);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #ffffff;
  padding: 8px 22px;
  border-radius: 50px;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  white-space: nowrap;
  animation: previewPillSlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes previewPillSlideUp {
  from { opacity: 0; transform: translate(-50%, 20px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}
.preview-pill-badge {
  background: #a71e25;
  color: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.3px;
}
.preview-pill-close {
  border: 0;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  border-radius: 20px;
  padding: 4px 12px;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  transition: background 0.2s ease;
}
.preview-pill-close:hover {
  background: rgba(255, 255, 255, 0.35);
}

@media(max-width: 650px) {
  .blog-product-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px 18px;
    gap: 20px;
  }
  .blog-product-card::before {
    top: 0;
    right: 0;
    width: 100%;
    height: 5px;
    border-radius: 24px 24px 0 0;
  }
  .blog-product-details {
    align-items: center;
    text-align: center;
  }
  .blog-product-photo-wrap {
    width: 130px;
    height: 180px;
  }
  .blog-product-btn {
    width: 100%;
    justify-content: center;
  }
  .preview-mode-pill-bar {
    width: 90%;
    max-width: 380px;
    font-size: 12px;
    padding: 8px 14px;
    gap: 8px;
    justify-content: space-between;
  }
}