:root{--ma-cream:#fff8ea;--ma-soft:#fffdf7;--ma-gold:#c9962e;--ma-brown:#3e271c;--ma-muted:#776250;--ma-line:#ead7ad;--ma-green:#53601f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ma-brown);background:linear-gradient(180deg,#fff8ea 0%,#fffdf7 55%,#fff9ed 100%);line-height:1.78}.blog-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:40px;align-items:center;padding:34px 5vw 52px;border-bottom:1px solid #f0ddba}.crumb{font-size:13px;color:#6c5b4a;margin-bottom:28px}.crumb a{text-decoration:none;color:#6c5b4a}.tag{display:inline-flex;border:1px solid var(--ma-line);border-radius:100px;padding:7px 13px;color:#9a681c;background:#fff7e2;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.blog-hero h1{font-family:Georgia,serif;font-weight:600;line-height:1.08;font-size:clamp(42px,6vw,74px);margin:22px 0 18px;color:#25170f}.summary{font-size:20px;max-width:690px;color:#604838}.meta{display:flex;gap:18px;flex-wrap:wrap;color:#7d6a57;margin-top:24px;font-size:14px}.hero-img{width:100%;border-radius:0 0 0 80px;box-shadow:0 28px 80px rgba(68,42,14,.14);border:1px solid #ead8b7}.blog-layout{display:grid;grid-template-columns:300px minmax(0,760px) 310px;gap:34px;max-width:1480px;margin:0 auto;padding:52px 5vw}.toc,.side-card,.author-card{background:rgba(255,252,244,.88);border:1px solid var(--ma-line);border-radius:16px;padding:24px;box-shadow:0 12px 42px rgba(90,62,20,.05)}.toc{position:sticky;top:105px;align-self:start}.toc h3,.side-card h3,.author-card h3{margin:0 0 18px;font-size:15px;letter-spacing:.08em;text-transform:uppercase}.toc a{display:block;text-decoration:none;color:#4c3b2d;margin:11px 0;font-size:14px}.article h2{font-family:Georgia,serif;font-size:34px;line-height:1.25;margin:8px 0 15px;color:#26170f}.article h2:after{content:"";display:block;width:48px;height:3px;background:var(--ma-gold);margin-top:10px}.article p{font-size:18px;color:#3d3028;margin:0 0 22px}.article-section{margin-bottom:52px}.inline-img{width:100%;height:auto;border-radius:14px;margin:18px 0 26px;border:1px solid var(--ma-line);box-shadow:0 18px 45px rgba(58,38,15,.08)}.highlight{background:#fff4d7;border-left:4px solid var(--ma-gold);border-radius:12px;padding:18px 22px;margin:28px 0;color:#4f351e}.compare{width:100%;border-collapse:collapse;margin:28px 0;background:#fffdf7;border-radius:14px;overflow:hidden}.compare th,.compare td{border:1px solid #ead8b7;padding:15px;text-align:left}.compare th{background:#fff0c7}.cta{background:linear-gradient(135deg,#f6e1b6,#fff9e8);border:1px solid #e7cc91;border-radius:20px;padding:28px;margin:38px 0;text-align:center}.btn{display:inline-block;background:var(--ma-green);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:800;padding:13px 24px;border-radius:8px;font-size:13px}.author-info{display:flex;gap:16px;align-items:center}.avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f3d790,#fff8dd);display:grid;place-items:center;color:#6b461d;font-weight:900;font-size:26px;border:1px solid var(--ma-line)}.related a{display:grid;grid-template-columns:72px 1fr;gap:12px;text-decoration:none;color:#2d2119;margin-bottom:16px}.related img{width:72px;height:72px;object-fit:cover;border-radius:10px}.mini-title{font-weight:800;line-height:1.25}.newsletter input{width:100%;padding:14px;border:1px solid var(--ma-line);border-radius:8px;margin:10px 0;background:#fff}.faq details{border:1px solid var(--ma-line);background:#fffdf7;border-radius:12px;padding:16px 18px;margin:12px 0}.faq summary{font-weight:800;cursor:pointer}.ma-footer{background:#1f160f;color:#fff7e8;margin-top:70px;padding:52px 5vw}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;max-width:1320px;margin:auto}.ma-footer a{display:block;color:#f2d695;text-decoration:none;margin:8px 0}.progress{position:fixed;top:0;left:0;height:3px;background:var(--ma-gold);z-index:999;width:0}.sticky-cta{position:fixed;right:20px;bottom:24px;background:#25D366;color:#fff;text-decoration:none;padding:14px 18px;border-radius:999px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18);z-index:40}
@media(max-width:1100px){.blog-layout{grid-template-columns:1fr}.toc{position:relative;top:0}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.blog-hero{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.blog-layout,.blog-hero,.sidebar{display:block}.blog-hero h1{font-size:39px}.summary,.article p{font-size:16px}.footer-grid{grid-template-columns:1fr}}

/* Blog navbar compatibility: main site navbar is used on blog pages */
.blog-hero{margin-top:0;}
body 
body 


/* Use main website navbar on all blog pages */
body{padding-top:0!important}
.blog-hero{margin-top:0!important}
body .ma-navbar, body .ma-topbar, body .ma-topbar-track{font-family:Manrope,Arial,sans-serif;}

/* Blog pages use exact homepage navbar/topbar; custom blog layout only below navbar. */
.blog-hero{margin-top:0!important;} body{padding-top:0!important;}


/* Final compact announcement + marquee height */
.ma-topbar{
  padding:8px 14px !important;
  min-height:auto !important;
  line-height:1.25 !important;
  font-size:16px !important;
}
.ma-topbar-track{
  padding:8px 0 !important;
  min-height:auto !important;
  line-height:1.2 !important;
  font-size:16px !important;
}
.ma-topbar-track span{
  line-height:1.2 !important;
}
@media(max-width:900px){
  .ma-topbar{font-size:14px !important;padding:7px 10px !important;}
  .ma-topbar-track{font-size:13px !important;padding:7px 0 !important;}
}


/* FINAL BLOG NAVBAR FIX - same compact navbar on all blog pages */
.ma-topbar{
  background:linear-gradient(90deg,#743613,#d8a640,#78340f)!important;
  color:#fff!important;
  text-align:center!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  padding:8px 14px!important;
  line-height:1.25!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:16px!important;
}
.ma-topbar-track{
  background:#303908!important;
  color:#fff!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  display:flex!important;
  justify-content:space-around!important;
  gap:28px!important;
  padding:8px 0!important;
  line-height:1.2!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:16px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.ma-topbar-track span{line-height:1.2!important}
.ma-navbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:18px 5vw!important;
  background:linear-gradient(90deg,#fff8ea,#fff3d6,#fff8ea)!important;
  border-bottom:1px solid #ead7ad!important;
  font-family:Manrope,Arial,sans-serif!important;
  min-height:auto!important;
}
.ma-logo{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  text-decoration:none!important;
  color:#3e271c!important;
  min-width:220px!important;
}
.ma-logo img{
  width:150px!important;
  height:auto!important;
  max-height:70px!important;
  object-fit:contain!important;
  display:block!important;
}
.ma-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:rgba(255,253,247,.88)!important;
  border:1px solid #ead7ad!important;
  border-radius:999px!important;
  padding:9px 18px!important;
  box-shadow:0 12px 38px rgba(80,55,20,.08)!important;
}
.ma-menu a{
  color:#3e271c!important;
  text-decoration:none!important;
  font-weight:900!important;
  font-size:18px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  line-height:1!important;
}
.ma-menu a:hover,.ma-menu a.active{
  background:linear-gradient(135deg,#4b350b,#a87513)!important;
  color:#fff!important;
}
.ma-actions{display:flex!important;align-items:center!important;gap:12px!important}
.ma-actions a{
  color:#3e271c!important;
  text-decoration:none!important;
  font-weight:900!important;
  font-size:18px!important;
  background:#fffaf0!important;
  border:1px solid #ead7ad!important;
  border-radius:999px!important;
  padding:14px 22px!important;
  line-height:1!important;
}
.ma-actions .shop{background:linear-gradient(135deg,#583808,#b07a14)!important;color:#fff!important}
.ma-cart{
  position:relative!important;
  border-radius:50%!important;
  width:58px!important;
  height:58px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:linear-gradient(135deg,#583808,#d0a23c)!important;
  color:#fff!important;
}
.ma-cart-count{
  position:absolute!important;
  right:-7px!important;
  top:-8px!important;
  background:#d0a23c!important;
  color:#fff!important;
  border-radius:999px!important;
  min-width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  font-size:13px!important;
  font-weight:900!important;
}
@media(max-width:900px){
  .ma-navbar{flex-direction:column!important;align-items:center!important;padding:16px!important}
  .ma-menu{flex-wrap:wrap!important;border-radius:24px!important}
  .ma-menu a{font-size:15px!important;padding:9px 12px!important}
  .ma-actions{flex-wrap:wrap!important;justify-content:center!important}
  .ma-topbar{font-size:14px!important;padding:7px 10px!important}
  .ma-topbar-track{font-size:13px!important;padding:7px 0!important}
  .ma-logo{min-width:auto!important}
  .ma-logo img{width:130px!important}
}


/* FINAL COMPACT NAVBAR + DUPLICATE TOPBAR FIX */
.ma-topbar{
  padding:6px 12px !important;
  min-height:0 !important;
  height:auto !important;
  line-height:1.2 !important;
  font-size:15px !important;
}
.ma-topbar-track{
  padding:6px 0 !important;
  min-height:0 !important;
  height:auto !important;
  line-height:1.1 !important;
  font-size:15px !important;
}
.ma-topbar-track span{
  line-height:1.1 !important;
}
.ma-navbar{
  padding:14px 4vw !important;
  min-height:0 !important;
  height:auto !important;
}
.ma-logo img{
  width:120px !important;
  max-height:54px !important;
  object-fit:contain !important;
}
.ma-menu{
  padding:7px 14px !important;
}
.ma-menu a{
  padding:10px 15px !important;
  font-size:16px !important;
}
.ma-actions a{
  padding:12px 18px !important;
  font-size:16px !important;
}
.ma-cart{
  width:50px !important;
  height:50px !important;
}
@media(max-width:900px){
  .ma-topbar{font-size:13px !important;padding:6px 8px !important;}
  .ma-topbar-track{font-size:12px !important;padding:6px 0 !important;}
  .ma-navbar{padding:12px 14px !important;}
  .ma-logo img{width:105px !important;max-height:48px !important;}
  .ma-menu a{font-size:14px !important;padding:8px 10px !important;}
  .ma-actions a{font-size:14px !important;padding:10px 14px !important;}
}


/* FINAL HEADER CLEANUP: single top banner + full-width marquee */
.ma-topbar{
  padding:7px 12px!important;
  line-height:1.2!important;
  font-size:15px!important;
  min-height:0!important;
  height:auto!important;
}
.ma-topbar + .ma-topbar,
.ma-topbar-duplicate,
.announcement-duplicate{
  display:none!important;
}
.ma-topbar-track{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:7px 0!important;
  line-height:1.1!important;
  font-size:15px!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.ma-topbar-track span{
  text-align:center!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  line-height:1.1!important;
}
.ma-navbar{padding:13px 4vw!important}
.ma-logo img{width:118px!important;max-height:52px!important}
.ma-menu a{font-size:16px!important;padding:10px 15px!important}
.ma-actions a{font-size:16px!important;padding:12px 18px!important}
.ma-cart{width:50px!important;height:50px!important}
@media(max-width:900px){
  .ma-topbar{font-size:13px!important;padding:6px 8px!important}
  .ma-topbar-track{font-size:12px!important;grid-template-columns:repeat(2,1fr)!important}
  .ma-navbar{padding:12px 14px!important}
}