/* ==========================================================================
   Java Burn — javaburrn.com
   CSS prefix: jbrn-
   ========================================================================== */

:root{
  --jbrn-red: #C0392B;
  --jbrn-red-dark: #8E2A1F;
  --jbrn-gold: #E8A33D;
  --jbrn-gold-light: #F6C878;
  --jbrn-cream: #FBF4E8;
  --jbrn-cream-2: #FDEEDA;
  --jbrn-coffee: #2E1D14;
  --jbrn-coffee-soft: #5B4636;
  --jbrn-white: #FFFFFF;
  --jbrn-line: #E9DCC6;
  --jbrn-shadow: 0 10px 30px rgba(46, 29, 20, 0.12);
  --jbrn-radius: 18px;
  --jbrn-max: 1180px;
  --jbrn-font-head: 'Poppins', 'Segoe UI', Arial, sans-serif;
  --jbrn-font-body: 'Inter', 'Segoe UI', Arial, sans-serif;
}

*,*::before,*::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin:0;
  font-family: var(--jbrn-font-body);
  color: var(--jbrn-coffee);
  background: var(--jbrn-cream);
  font-size: 18px;
  line-height: 1.65;
  overflow-x: hidden;
  width: 100%;
}
img{ max-width:100%; height:auto; display:block; }
a{ color: var(--jbrn-red-dark); text-decoration:none; }
a:hover{ text-decoration:underline; }
ul,ol{ padding-left: 1.3rem; }
h1,h2,h3,h4{
  font-family: var(--jbrn-font-head);
  color: var(--jbrn-coffee);
  line-height:1.25;
  margin: 0 0 0.6em;
  font-weight: 700;
}
h1{ font-size: 2rem; }
@media(min-width:700px){ h1{ font-size: 2rem; max-width: 700px; } }
h2{ font-size: 1.65rem; }
h3{ font-size: 1.25rem; }
p{ margin: 0 0 1em; }
.jbrn-container{ max-width: var(--jbrn-max); margin: 0 auto; padding: 0 20px; width:100%; }
.jbrn-section{ padding: 64px 0; }
.jbrn-section--tint{ background: var(--jbrn-cream-2); }
.jbrn-section--white{ background: var(--jbrn-white); }
.jbrn-eyebrow{ color: var(--jbrn-red); font-weight:700; letter-spacing:.02em; font-size:.95rem; margin-bottom:.4em; display:inline-block; }
.jbrn-lead{ font-size: 1.15rem; color: var(--jbrn-coffee-soft); max-width: 760px; }
.jbrn-center{ text-align:center; margin-left:auto; margin-right:auto; }

/* Buttons */
.jbrn-btn{
  display:inline-block;
  background: var(--jbrn-red);
  color: var(--jbrn-white) !important;
  font-family: var(--jbrn-font-head);
  font-weight:700;
  font-size:1.05rem;
  padding: 16px 34px;
  border-radius: 50px;
  border: none;
  cursor:pointer;
  text-decoration:none !important;
  box-shadow: 0 8px 20px rgba(192,57,43,0.35);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.jbrn-btn:hover{ background: var(--jbrn-red-dark); transform: translateY(-2px); box-shadow: 0 12px 26px rgba(192,57,43,0.4); }
.jbrn-btn--gold{ background: var(--jbrn-gold); color: var(--jbrn-coffee) !important; box-shadow:0 8px 20px rgba(232,163,61,.35); }
.jbrn-btn--gold:hover{ background: var(--jbrn-gold-light); }
.jbrn-btn--outline{ background:transparent; color:var(--jbrn-red) !important; border:2px solid var(--jbrn-red); box-shadow:none; }
.jbrn-secured{ margin-top:12px; font-size:.92rem; color: var(--jbrn-coffee-soft); display:flex; align-items:center; gap:8px; }
.jbrn-secured svg{ flex:0 0 auto; }

/* ---------------- Header ---------------- */
.jbrn-header{
  position: sticky; top:0; z-index: 500;
  background: var(--jbrn-white);
  border-bottom: 1px solid var(--jbrn-line);
}
.jbrn-header__inner{ display:flex; align-items:center; justify-content:space-between; padding: 14px 20px; max-width: var(--jbrn-max); margin:0 auto; }
.jbrn-logo{ display:flex; align-items:center; gap:10px; font-family: var(--jbrn-font-head); font-weight:800; font-size:1.3rem; color: var(--jbrn-coffee) !important; text-decoration:none !important; }
.jbrn-logo span{ color: var(--jbrn-red); }
.jbrn-nav{ display:flex; align-items:center; gap: 26px; }
.jbrn-nav a{ color: var(--jbrn-coffee); font-weight:600; font-size:.98rem; }
.jbrn-nav a:hover{ color: var(--jbrn-red); text-decoration:none; }
.jbrn-nav__cta{ background: var(--jbrn-red); color:var(--jbrn-white) !important; padding:10px 22px; border-radius:50px; font-weight:700; }
.jbrn-nav__cta:hover{ background:var(--jbrn-red-dark); }
.jbrn-burger{ display:none; background:none; border:none; cursor:pointer; padding:6px; }
.jbrn-burger span{ display:block; width:26px; height:3px; margin:5px 0; background: var(--jbrn-coffee); border-radius:2px; }
.jbrn-mobile-cta{ display:none; }

@media (max-width: 920px){
  .jbrn-nav{
    position: fixed; inset: 64px 0 0 0; background: var(--jbrn-white);
    flex-direction: column; align-items:flex-start; gap: 0; padding: 10px 24px 24px;
    transform: translateY(-110%); transition: transform .25s ease; overflow-y:auto;
    border-top:1px solid var(--jbrn-line);
  }
  .jbrn-nav.is-open{ transform: translateY(0); }
  .jbrn-nav a{ padding: 14px 0; width:100%; border-bottom:1px solid var(--jbrn-line); }
  .jbrn-nav__cta{ margin-top:14px; text-align:center; }
  .jbrn-burger{ display:block; }
}

/* Sticky mobile order bar */
.jbrn-stickybar{
  display:none; position: fixed; left:0; right:0; bottom:0; z-index: 600;
  background: var(--jbrn-coffee); padding: 10px 16px;
  box-shadow: 0 -6px 20px rgba(0,0,0,.2);
  align-items:center; justify-content:space-between; gap:10px;
}
.jbrn-stickybar strong{ color: var(--jbrn-white); font-family: var(--jbrn-font-head); font-size:.95rem; }
.jbrn-stickybar .jbrn-btn{ padding:11px 22px; font-size:.95rem; }
@media (max-width: 720px){ .jbrn-stickybar{ display:flex; } body{ padding-bottom: 68px; } }

/* ---------------- Hero ---------------- */
.jbrn-hero{ background: var(--jbrn-white); padding: 48px 0 30px; position:relative; overflow:hidden; }
.jbrn-hero__wrap{ display:grid; grid-template-columns: 1.1fr 0.9fr; gap: 44px; align-items:start; }
@media (max-width: 900px){ .jbrn-hero__wrap{ grid-template-columns: 1fr; } }
.jbrn-hero__badge{ display:inline-flex; align-items:center; gap:8px; background: var(--jbrn-cream-2); color:var(--jbrn-red-dark); font-weight:700; font-size:.85rem; padding:7px 16px; border-radius:50px; margin-bottom:16px;}
.jbrn-hero h1{ font-size: 2.1rem; }
@media (min-width:700px){ .jbrn-hero h1{ font-size: 2.6rem; } }
.jbrn-hero__lead{ font-size:1.12rem; color: var(--jbrn-coffee-soft); max-width:560px; }
.jbrn-hero__bullets{ list-style:none; padding:0; margin: 22px 0; display:grid; gap:12px; }
.jbrn-hero__bullets li{ display:flex; gap:10px; align-items:flex-start; font-weight:600; }
.jbrn-hero__bullets svg{ flex:0 0 auto; margin-top:3px; }
.jbrn-hero__table{ width:100%; border-collapse: collapse; margin: 20px 0 24px; font-size:.95rem; background:var(--jbrn-cream); border-radius:14px; overflow:hidden; }
.jbrn-hero__table th, .jbrn-hero__table td{ text-align:left; padding:10px 14px; border-bottom:1px solid var(--jbrn-line); }
.jbrn-hero__table th{ width:46%; color:var(--jbrn-coffee-soft); font-weight:600; }
.jbrn-hero__table tr:last-child th, .jbrn-hero__table tr:last-child td{ border-bottom:none; }
.jbrn-steps{ display:grid; grid-template-columns: repeat(4,1fr); gap:12px; margin: 10px 0 26px; }
@media (max-width:620px){ .jbrn-steps{ grid-template-columns: repeat(2,1fr); } }
.jbrn-steps__box{ background: var(--jbrn-cream-2); border-radius:14px; padding:14px 12px; text-align:left; }
.jbrn-steps__num{ font-family: var(--jbrn-font-head); font-weight:800; color: var(--jbrn-red); font-size:1.3rem; display:block; margin-bottom:4px; }
.jbrn-steps__box span.jbrn-steps__label{ font-size:.86rem; font-weight:600; color: var(--jbrn-coffee-soft); }

.jbrn-hero__visual-col{ position:relative; }
.jbrn-hero__arc{ position:absolute; top:-30px; right:-60px; width:340px; height:340px; border-radius:50%; background: radial-gradient(circle at 35% 30%, var(--jbrn-gold-light), var(--jbrn-gold) 60%, transparent 75%); opacity:.55; z-index:0; }
.jbrn-hero__bottle{ position:relative; z-index:1; text-align:center; }
.jbrn-hero__bottle img{ max-width: 360px; margin:0 auto; filter: drop-shadow(0 20px 26px rgba(46,29,20,.25)); }

/* meaningful product visualisation under hero bottle: daily-routine timeline */
.jbrn-routine{ margin-top: 18px; background: var(--jbrn-cream-2); border-radius:16px; padding:18px 16px; }
.jbrn-routine__title{ font-family: var(--jbrn-font-head); font-weight:700; font-size:.92rem; color:var(--jbrn-coffee-soft); margin-bottom:10px; text-align:center; }
.jbrn-routine__track{ display:flex; align-items:center; justify-content:space-between; position:relative; }
.jbrn-routine__track::before{ content:""; position:absolute; left:6%; right:6%; top:19px; height:3px; background: var(--jbrn-gold); opacity:.5; }
.jbrn-routine__stop{ position:relative; z-index:1; text-align:center; flex:1; }
.jbrn-routine__dot{ width:16px; height:16px; border-radius:50%; background: var(--jbrn-red); margin:0 auto 8px; border:3px solid var(--jbrn-white); }
.jbrn-routine__stop span{ font-size:.78rem; font-weight:600; color: var(--jbrn-coffee-soft); display:block; max-width:90px; margin:0 auto; }

/* ---------------- Trust / Why choose ---------------- */
.jbrn-trust__grid{ display:grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 30px; }
@media (max-width:820px){ .jbrn-trust__grid{ grid-template-columns: repeat(2,1fr); } }
.jbrn-trust__card{ background: var(--jbrn-white); border-radius: var(--jbrn-radius); padding: 22px 16px; text-align:center; box-shadow: var(--jbrn-shadow); }
.jbrn-trust__card img{ width:70px; margin: 0 auto 12px; }
.jbrn-trust__card h3{ font-size:1.02rem; margin-bottom:6px; }
.jbrn-trust__card p{ font-size:.92rem; color: var(--jbrn-coffee-soft); margin:0; }

/* ---------------- Wave CTA banner ---------------- */
.jbrn-wavecta{ background: linear-gradient(120deg, var(--jbrn-red) 0%, var(--jbrn-red-dark) 100%); color: var(--jbrn-white); padding: 46px 0; position:relative; overflow:hidden; }
.jbrn-wavecta::before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 85% 20%, rgba(255,255,255,.12), transparent 55%); }
.jbrn-wavecta__inner{ position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; }
.jbrn-wavecta h2{ color: var(--jbrn-white); margin:0 0 6px; font-size:1.4rem; }
.jbrn-wavecta p{ margin:0; color: rgba(255,255,255,.88); }
.jbrn-wavecta .jbrn-btn{ background: var(--jbrn-white); color: var(--jbrn-red) !important; box-shadow:none; }
.jbrn-wavecta .jbrn-btn:hover{ background: var(--jbrn-gold-light); }

/* ---------------- Two column content ---------------- */
.jbrn-split{ display:grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items:center; }
@media(max-width:860px){ .jbrn-split{ grid-template-columns:1fr; } }
.jbrn-split--imgleft{ grid-template-columns: 0.85fr 1.15fr; }
@media(max-width:860px){ .jbrn-split--imgleft{ grid-template-columns:1fr; } }
.jbrn-split img{ border-radius: var(--jbrn-radius); box-shadow: var(--jbrn-shadow); }
.jbrn-split-text p{ color: var(--jbrn-coffee-soft); }

/* ---------------- How it works steps ---------------- */
.jbrn-howsteps{ display:grid; grid-template-columns: repeat(3,1fr); gap:20px; margin-top:28px; }
@media(max-width:820px){ .jbrn-howsteps{ grid-template-columns:1fr; } }
.jbrn-howsteps__card{ background: var(--jbrn-white); border:1px solid var(--jbrn-line); border-radius: var(--jbrn-radius); padding:24px; }
.jbrn-howsteps__card h3{ color: var(--jbrn-red-dark); }

/* ---------------- Pricing ---------------- */
.jbrn-stock{ text-align:center; background: var(--jbrn-gold-light); color: var(--jbrn-coffee); font-weight:700; padding:10px 14px; border-radius:50px; display:inline-block; margin: 0 auto 26px; font-size:.92rem; }
.jbrn-stockwrap{ text-align:center; }
.jbrn-pricing{ display:grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
@media(max-width:900px){ .jbrn-pricing{ grid-template-columns:1fr; max-width:420px; margin:0 auto; } }
.jbrn-price-card{ position:relative; background: var(--jbrn-white); border-radius: var(--jbrn-radius); padding: 28px 22px; text-align:center; box-shadow: var(--jbrn-shadow); border: 2px solid transparent; display:flex; flex-direction:column; }
.jbrn-price-card--best{ border-color: var(--jbrn-gold); transform: scale(1.03); }
.jbrn-price-card__badge{ position:absolute; top:-14px; left:50%; transform:translateX(-50%); background: var(--jbrn-gold); color: var(--jbrn-coffee); font-weight:700; font-size:.8rem; padding:6px 16px; border-radius:50px; white-space:nowrap; }
.jbrn-price-card img{ max-width:150px; margin:14px auto; }
.jbrn-price-card__qty{ font-family: var(--jbrn-font-head); font-weight:700; font-size:1.05rem; }
.jbrn-price-card__per{ font-family: var(--jbrn-font-head); font-size:2.2rem; font-weight:800; color: var(--jbrn-red); margin: 6px 0 0; }
.jbrn-price-card__per span{ font-size:1rem; font-weight:600; color: var(--jbrn-coffee-soft); }
.jbrn-price-card__total{ color: var(--jbrn-coffee-soft); font-size:.92rem; margin-bottom: 14px; }
.jbrn-price-card__ship{ font-size:.85rem; color: var(--jbrn-red-dark); font-weight:700; margin-bottom: 16px; }
.jbrn-price-card .jbrn-btn{ margin-top:auto; width:100%; text-align:center; }
.jbrn-price-card__guarantee{ font-size:.8rem; color: var(--jbrn-coffee-soft); margin-top:10px; }

/* ---------------- Shipping banner ---------------- */
.jbrn-shipbanner{ background: var(--jbrn-cream-2); padding: 30px 0; }
.jbrn-shipbanner__inner{ display:flex; align-items:center; gap:18px; justify-content:center; text-align:center; flex-wrap:wrap; }
.jbrn-shipbanner p{ margin:0; font-weight:700; color: var(--jbrn-coffee); }

/* ---------------- Reviews ---------------- */
.jbrn-reviews{ display:grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 30px; }
@media(max-width:900px){ .jbrn-reviews{ grid-template-columns:1fr; } }
.jbrn-review-card{ background: var(--jbrn-white); border-radius: var(--jbrn-radius); padding: 22px; box-shadow: var(--jbrn-shadow); }
.jbrn-review-card__stars{ color: var(--jbrn-gold); font-size:1.05rem; margin-bottom:10px; letter-spacing:2px; }
.jbrn-review-card p{ color: var(--jbrn-coffee-soft); font-size:.97rem; }
.jbrn-review-card__name{ font-weight:700; color: var(--jbrn-coffee); margin-top:10px; font-size:.92rem; }
.jbrn-ratingline{ display:flex; align-items:center; gap:10px; justify-content:center; margin-top:14px; color:var(--jbrn-coffee-soft); font-size:.9rem; }

/* ---------------- Ingredients ---------------- */
.jbrn-ing-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 30px; }
@media(max-width:900px){ .jbrn-ing-grid{ grid-template-columns: repeat(2,1fr); } }
@media(max-width:620px){ .jbrn-ing-grid{ grid-template-columns: 1fr; } }
.jbrn-ing-card{ background: var(--jbrn-white); border-radius: var(--jbrn-radius); padding: 22px; box-shadow: var(--jbrn-shadow); display:flex; gap:14px; align-items:flex-start; }
.jbrn-ing-card__icon{ flex: 0 0 48px; width:48px; height:48px; border-radius:50%; background: var(--jbrn-cream-2); display:flex; align-items:center; justify-content:center; font-size:1.4rem; }
.jbrn-ing-card h3{ font-size:1.05rem; margin-bottom:4px; }
.jbrn-ing-card p{ font-size:.92rem; color: var(--jbrn-coffee-soft); margin:0; }

.jbrn-ing-detail{ display:grid; grid-template-columns: 170px 1fr; gap: 26px; padding: 26px 0; border-bottom:1px solid var(--jbrn-line); align-items:start; }
@media(max-width:640px){ .jbrn-ing-detail{ grid-template-columns:1fr; } }
.jbrn-ing-detail img{ border-radius:14px; }
.jbrn-ing-detail h3{ color: var(--jbrn-red-dark); margin-bottom:6px; }
.jbrn-ing-detail .jbrn-ing-amt{ display:inline-block; background: var(--jbrn-cream-2); font-size:.82rem; font-weight:700; padding:4px 12px; border-radius:50px; margin-bottom:8px; }

/* ---------------- Benefits ---------------- */
.jbrn-benefits{ display:grid; grid-template-columns: repeat(2,1fr); gap: 24px; margin-top: 30px; }
@media(max-width:780px){ .jbrn-benefits{ grid-template-columns: 1fr; } }
.jbrn-benefit-card{ background: var(--jbrn-white); border-radius: var(--jbrn-radius); padding: 26px; box-shadow: var(--jbrn-shadow); border-left: 5px solid var(--jbrn-gold); }
.jbrn-benefit-card__key{ font-size:.88rem; color: var(--jbrn-red-dark); font-weight:700; margin-bottom:8px; }
.jbrn-benefit-card p{ color: var(--jbrn-coffee-soft); }

/* ---------------- Guarantee ---------------- */
.jbrn-guarantee{ display:flex; gap: 36px; align-items:center; background: var(--jbrn-white); border-radius: var(--jbrn-radius); padding: 36px; box-shadow: var(--jbrn-shadow); }
@media(max-width:760px){ .jbrn-guarantee{ flex-direction:column; text-align:center; } }
.jbrn-guarantee img{ width:130px; flex:0 0 auto; }

/* ---------------- FAQ ---------------- */
.jbrn-faq{ max-width: 820px; margin: 30px auto 0; }
.jbrn-faq__item{ background: var(--jbrn-white); border-radius: 14px; margin-bottom: 14px; box-shadow: var(--jbrn-shadow); overflow:hidden; }
.jbrn-faq__q{ width:100%; text-align:left; background:none; border:none; padding: 18px 22px; font-family: var(--jbrn-font-head); font-weight:700; font-size:1rem; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:14px; color: var(--jbrn-coffee); }
.jbrn-faq__q::after{ content:"+"; font-size:1.4rem; color: var(--jbrn-red); flex:0 0 auto; transition: transform .2s ease; }
.jbrn-faq__item.is-open .jbrn-faq__q::after{ transform: rotate(45deg); }
.jbrn-faq__a{ max-height:0; overflow:hidden; transition: max-height .25s ease; padding: 0 22px; }
.jbrn-faq__item.is-open .jbrn-faq__a{ max-height: 500px; padding-bottom: 18px; }
.jbrn-faq__a p{ color: var(--jbrn-coffee-soft); margin:0; }

/* ---------------- Final CTA ---------------- */
.jbrn-finalcta{ background: var(--jbrn-coffee); color: var(--jbrn-white); text-align:center; padding: 60px 0; }
.jbrn-finalcta h2{ color: var(--jbrn-white); }
.jbrn-finalcta p{ color: rgba(255,255,255,.82); max-width:600px; margin:0 auto 24px; }

/* ---------------- Label / references ---------------- */
.jbrn-label{ display:flex; gap:36px; align-items:center; flex-wrap:wrap; justify-content:center; }
.jbrn-label img{ max-width:320px; border-radius:14px; box-shadow: var(--jbrn-shadow); }
.jbrn-refs{ font-size:.88rem; color: var(--jbrn-coffee-soft); }
.jbrn-refs li{ margin-bottom:8px; }

/* ---------------- Breadcrumb ---------------- */
.jbrn-crumb{ font-size:.86rem; color: var(--jbrn-coffee-soft); padding: 16px 0 0; }
.jbrn-crumb a{ color: var(--jbrn-coffee-soft); }

/* ---------------- Inline content pages (legal / blog) ---------------- */
.jbrn-article{ padding: 46px 0 70px; }
.jbrn-article__head{ max-width: 760px; margin: 0 auto 30px; }
.jbrn-article__body{ max-width: 760px; margin: 0 auto; color: var(--jbrn-coffee-soft); }
.jbrn-article__body h2{ margin-top:1.4em; }
.jbrn-article__body h3{ margin-top:1.2em; color: var(--jbrn-red-dark); }
.jbrn-article__body ul li{ margin-bottom:.4em; }
.jbrn-article__body img.jbrn-inline-img{ float:left; width: 220px; margin: 4px 22px 14px 0; border-radius:14px; box-shadow: var(--jbrn-shadow); }
@media(max-width:600px){ .jbrn-article__body img.jbrn-inline-img{ float:none; width:100%; margin:0 0 16px; } }
.jbrn-article__body .jbrn-cta-inline{ clear:both; background: var(--jbrn-cream-2); border-radius:14px; padding:20px 24px; margin:26px 0; }
.jbrn-meta{ color: var(--jbrn-coffee-soft); font-size:.88rem; margin-bottom: 1em; }
.jbrn-tag{ display:inline-block; background:var(--jbrn-cream-2); color:var(--jbrn-red-dark); font-size:.8rem; font-weight:700; padding:4px 12px; border-radius:50px; margin-bottom:10px; }

/* Blog index cards (styled after reference layout) */
.jbrn-blog-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap: 26px; margin-top: 30px; }
@media(max-width:920px){ .jbrn-blog-grid{ grid-template-columns: repeat(2,1fr); } }
@media(max-width:620px){ .jbrn-blog-grid{ grid-template-columns: 1fr; } }
.jbrn-blog-card{ background: var(--jbrn-white); border-radius: var(--jbrn-radius); overflow:hidden; box-shadow: var(--jbrn-shadow); display:flex; flex-direction:column; }
.jbrn-blog-card img{ width:100%; aspect-ratio: 4/3; object-fit:cover; }
.jbrn-blog-card__body{ padding: 18px 20px 22px; display:flex; flex-direction:column; flex:1; }
.jbrn-blog-card__tag{ color: var(--jbrn-red); font-weight:700; font-size:.82rem; margin-bottom:6px; }
.jbrn-blog-card h3{ font-size:1.08rem; margin-bottom:8px; }
.jbrn-blog-card p{ color: var(--jbrn-coffee-soft); font-size:.92rem; flex:1; }
.jbrn-blog-card a.jbrn-readmore{ font-weight:700; color: var(--jbrn-red-dark); }

/* Related links box used across every section for interlinking */
.jbrn-related{ background: var(--jbrn-cream-2); border-radius:14px; padding: 18px 22px; margin: 26px 0; font-size:.94rem; }
.jbrn-related strong{ display:block; margin-bottom:6px; color: var(--jbrn-coffee); }
.jbrn-related a{ margin-right:14px; font-weight:700; }

/* ---------------- Footer ---------------- */
.jbrn-footer{ background: var(--jbrn-coffee); color: rgba(255,255,255,.82); padding: 50px 0 26px; }
.jbrn-footer__grid{ display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 30px; margin-bottom: 30px; }
@media(max-width:780px){ .jbrn-footer__grid{ grid-template-columns: 1fr 1fr; } }
.jbrn-footer h4{ color: var(--jbrn-white); font-family: var(--jbrn-font-head); font-size:1rem; margin-bottom: 14px; }
.jbrn-footer ul{ list-style:none; padding:0; margin:0; }
.jbrn-footer li{ margin-bottom:10px; }
.jbrn-footer a{ color: rgba(255,255,255,.75); }
.jbrn-footer a:hover{ color: var(--jbrn-gold-light); }
.jbrn-footer__logo{ font-family: var(--jbrn-font-head); font-weight:800; font-size:1.3rem; color: var(--jbrn-white); margin-bottom:10px; display:block; }
.jbrn-footer__logo span{ color: var(--jbrn-gold); }
.jbrn-footer__bottom{ border-top: 1px solid rgba(255,255,255,.15); padding-top: 20px; font-size:.82rem; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; }
.jbrn-disclaimer{ font-size:.78rem; color: rgba(255,255,255,.55); max-width: 900px; margin: 0 auto 26px; line-height:1.6; }

/* Utility */
.jbrn-mt0{ margin-top:0; }
.jbrn-list-check{ list-style:none; padding:0; }
.jbrn-list-check li{ display:flex; gap:10px; margin-bottom:10px; }
.jbrn-list-check svg{ flex:0 0 auto; margin-top:3px; }
.jbrn-table{ width:100%; border-collapse:collapse; margin: 1em 0; }
.jbrn-table th, .jbrn-table td{ border:1px solid var(--jbrn-line); padding:10px 12px; text-align:left; font-size:.95rem; }
.jbrn-table th{ background: var(--jbrn-cream-2); }