/* ============================================================
   Junior Eats — Blue Glossy Professional Theme
   Built on Bootstrap 5. Mobile & tablet friendly.
   ============================================================ */

:root {
  --je-blue-900: #062a63;
  --je-blue-800: #0a3a86;
  --je-blue-700: #0d47a1;
  --je-blue-600: #1256c4;
  --je-blue-500: #1a6cff;
  --je-blue-400: #4d94ff;
  --je-sky: #38bdf8;
  --je-cyan: #22d3ee;
  --je-ink: #0f1b3d;
  --je-slate: #52607a;
  --je-mist: #eef4ff;
  --je-line: #e2ebfb;
  --je-white: #ffffff;
  --je-amber: #ffb703;
  --je-green: #16b364;

  --je-grad: linear-gradient(135deg, #1a6cff 0%, #0d47a1 55%, #062a63 100%);
  --je-grad-soft: linear-gradient(135deg, #eaf2ff 0%, #f6faff 100%);
  --je-grad-sheen: linear-gradient(135deg, #4d94ff 0%, #1256c4 100%);
  --je-shadow-sm: 0 6px 18px rgba(13, 71, 161, 0.10);
  --je-shadow: 0 18px 45px rgba(13, 71, 161, 0.16);
  --je-shadow-lg: 0 30px 70px rgba(6, 42, 99, 0.22);
  --je-radius: 18px;
  --je-radius-lg: 26px;
}

* { scroll-behavior: smooth; }

body {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--je-ink);
  background: var(--je-white);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .navbar-brand {
  font-family: "Baloo 2", "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.text-je { color: var(--je-blue-600) !important; }
.text-navy { color: var(--je-blue-900) !important; }
.text-slate { color: var(--je-slate) !important; }
.bg-mist { background: var(--je-mist) !important; }
.bg-soft { background: var(--je-grad-soft) !important; }
.bg-je-grad { background: var(--je-grad) !important; }
.section { padding: 5rem 0; }
@media (max-width: 767.98px){ .section { padding: 3.25rem 0; } }

.lead-slate { color: var(--je-slate); font-size: 1.05rem; }

/* ---------- Section eyebrow / titles ---------- */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-weight: 600;
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--je-blue-600);
  background: var(--je-mist);
  border: 1px solid var(--je-line);
  padding: .45rem .9rem;
  border-radius: 100px;
}
.section-title { font-size: clamp(1.6rem, 3.4vw, 2.6rem); color: var(--je-blue-900); }

/* ---------- Buttons ---------- */
.btn { font-weight: 600; border-radius: 100px; padding: .7rem 1.5rem; transition: all .25s ease; }
.btn-je {
  color: #fff;
  background: var(--je-grad-sheen);
  border: none;
  box-shadow: 0 12px 26px rgba(18, 86, 196, 0.35);
  position: relative;
  overflow: hidden;
}
.btn-je::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.45) 50%, transparent 80%);
  transform: translateX(-120%);
  transition: transform .6s ease;
}
.btn-je:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 18px 34px rgba(18, 86, 196, 0.45); }
.btn-je:hover::after { transform: translateX(120%); }
.btn-outline-je {
  color: var(--je-blue-600);
  border: 2px solid var(--je-blue-400);
  background: rgba(255,255,255,.7);
}
.btn-outline-je:hover { background: var(--je-blue-600); color: #fff; border-color: var(--je-blue-600); transform: translateY(-2px); }
.btn-light-glass {
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.35);
  color: #fff;
  backdrop-filter: blur(6px);
}
.btn-light-glass:hover { background: #fff; color: var(--je-blue-700); }

/* ---------- Navbar ---------- */
.navbar {
  background: rgba(255,255,255,.82);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--je-line);
  transition: box-shadow .3s ease, padding .3s ease;
}
.navbar.scrolled { box-shadow: var(--je-shadow-sm); }
.navbar-brand img { height: 46px; }
.navbar .nav-link {
  position: relative;
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  font-weight: 600;
  color: var(--je-ink) !important;
  margin: 0 .15rem;
  border-radius: 0;
  padding: .5rem .85rem .65rem !important;
  transition: color .2s ease;
  background: none !important;
}
.navbar .nav-link:hover { color: var(--je-blue-600) !important; }
.navbar .nav-link.active {
  color: var(--je-blue-600) !important;
}
.navbar .nav-link.active::after {
  content: "";
  position: absolute;
  left: .85rem;
  right: .85rem;
  bottom: .35rem;
  height: 3px;
  border-radius: 99px;
  background: var(--je-grad-sheen);
}
.navbar-toggler { border: none; padding: .35rem .5rem; }
.navbar-toggler:focus { box-shadow: none; }

/* ---------- Hero ---------- */
.hero {
  position: relative;
  background: radial-gradient(1200px 600px at 15% -10%, rgba(56,189,248,.18), transparent 60%),
              radial-gradient(900px 500px at 100% 0%, rgba(26,108,255,.14), transparent 55%),
              var(--je-grad-soft);
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute; right: -8%; top: -20%;
  width: 460px; height: 460px;
  background: radial-gradient(circle at center, rgba(56,189,248,.35), transparent 65%);
  filter: blur(10px);
  z-index: 0;
}
.hero .container { position: relative; z-index: 2; }
.hero-title { font-size: clamp(2.2rem, 5.2vw, 3.7rem); line-height: 1.05; color: var(--je-blue-900); }
.hero-title .grad-text {
  background: var(--je-grad-sheen);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero-sub { color: var(--je-slate); font-size: 1.12rem; max-width: 34rem; }
.hero-img-wrap {
  position: relative;
  border-radius: var(--je-radius-lg);
  overflow: hidden;
  box-shadow: var(--je-shadow-lg);
  border: 6px solid #fff;
  transform: rotate(.4deg);
}
.hero-img-wrap img { width: 100%; display: block; }

.trust-chip {
  display: inline-flex; align-items: center; gap: .5rem;
  background: #fff; border: 1px solid var(--je-line);
  color: var(--je-blue-800); font-weight: 600; font-size: .85rem;
  padding: .5rem .9rem; border-radius: 100px; box-shadow: var(--je-shadow-sm);
}
.trust-chip i { color: var(--je-green); }

.floating-badge {
  position: absolute; background: #fff; border-radius: 16px;
  box-shadow: var(--je-shadow); padding: .7rem 1rem; z-index: 3;
  display: flex; align-items: center; gap: .6rem; font-weight: 600; color: var(--je-blue-900);
  animation: floaty 4s ease-in-out infinite;
}
.floating-badge .ico {
  width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center;
  background: var(--je-grad); color: #fff; font-size: 1.05rem;
}
@keyframes floaty { 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-9px);} }

/* ---------- Stats ---------- */
.stat-card { background:#fff; border:1px solid var(--je-line); border-radius: var(--je-radius); padding:1.3rem; text-align:center; box-shadow: var(--je-shadow-sm); height:100%; }
.stat-card .num { font-family:"Baloo 2",sans-serif; font-size:2rem; font-weight:800; color:var(--je-blue-600); line-height:1; }
.stat-card .lbl { color:var(--je-slate); font-size:.85rem; font-weight:600; margin-top:.35rem; }

/* ---------- Feature / service cards ---------- */
.feature-card {
  background: #fff;
  border: 1px solid var(--je-line);
  border-radius: var(--je-radius);
  padding: 1.6rem;
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow: var(--je-shadow-sm);
}
.feature-card:hover { transform: translateY(-6px); box-shadow: var(--je-shadow); border-color: var(--je-blue-400); }
.feature-ico {
  width: 58px; height: 58px; border-radius: 16px;
  display: grid; place-items: center; font-size: 1.5rem; color: #fff;
  background: var(--je-grad); box-shadow: 0 10px 22px rgba(18,86,196,.28); margin-bottom: 1rem;
}
.feature-card h5 { color: var(--je-blue-900); margin-bottom: .5rem; }
.feature-card p { color: var(--je-slate); margin: 0; font-size: .95rem; }

/* ---------- Steps ---------- */
.step-card { position: relative; background:#fff; border:1px solid var(--je-line); border-radius: var(--je-radius); padding:1.8rem 1.4rem; height:100%; text-align:center; box-shadow: var(--je-shadow-sm); }
.step-num {
  width:66px; height:66px; margin:0 auto 1rem; border-radius:50%;
  display:grid; place-items:center; font-family:"Baloo 2",sans-serif; font-size:1.6rem; font-weight:800; color:#fff;
  background: var(--je-grad); box-shadow: 0 12px 26px rgba(18,86,196,.3);
}
.step-card h5 { color:var(--je-blue-900); }
.step-card p { color:var(--je-slate); font-size:.93rem; margin:0; }

/* ---------- Standards strip ---------- */
.standard-pill {
  display:flex; align-items:center; gap:.7rem;
  background:#fff; border:1px solid var(--je-line); border-radius:100px;
  padding:.7rem 1.1rem; font-weight:600; color:var(--je-blue-900); box-shadow: var(--je-shadow-sm); height:100%;
}
.standard-pill i { color: var(--je-green); font-size:1.1rem; }

/* ---------- Menu ---------- */
.menu-toolbar {
  background:#fff; border:1px solid var(--je-line); border-radius: var(--je-radius);
  padding:1rem; box-shadow: var(--je-shadow-sm);
}
.menu-search .form-control, .menu-search .input-group-text { border-color: var(--je-line); }
.menu-search .input-group-text { background:#fff; color:var(--je-blue-600); }
.menu-search .form-control:focus { box-shadow:none; border-color: var(--je-blue-400); }

.cat-tabs { display:flex; flex-wrap:wrap; gap:.5rem; }
.cat-tab {
  border:1px solid var(--je-line); background:#fff; color:var(--je-blue-800);
  border-radius:100px; padding:.5rem 1.1rem; font-weight:600; font-size:.9rem; cursor:pointer; transition:all .2s ease;
}
.cat-tab:hover { border-color: var(--je-blue-400); }
.cat-tab.active { background: var(--je-grad); color:#fff; border-color:transparent; box-shadow:0 8px 18px rgba(18,86,196,.28); }

.menu-card {
  background:#fff; border:1px solid var(--je-line); border-radius: var(--je-radius);
  overflow:hidden; height:100%; box-shadow: var(--je-shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease; cursor:pointer;
}
.menu-card:hover { transform: translateY(-6px); box-shadow: var(--je-shadow); }
.menu-thumb { position:relative; aspect-ratio: 1 / 1; overflow:hidden; background: var(--je-mist); }
.menu-thumb img { width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }
.menu-card:hover .menu-thumb img { transform: scale(1.06); }
.menu-thumb.no-img { display:grid; place-items:center; background: var(--je-grad-soft); }
.menu-thumb.no-img i { font-size:2.6rem; color: var(--je-blue-400); }
.diet-dot { position:absolute; top:.6rem; left:.6rem; width:20px; height:20px; border-radius:5px; display:grid; place-items:center; background:#fff; box-shadow: var(--je-shadow-sm); }
.diet-dot span { width:10px; height:10px; border-radius:50%; display:block; }
.diet-veg span { background: var(--je-green); }
.diet-egg span { background: var(--je-amber); }
.diet-dot { border:2px solid; }
.diet-veg { border-color:#16b364; }
.diet-egg { border-color:#ffb703; }
.menu-price { position:absolute; bottom:.6rem; right:.6rem; background:#fff; color:var(--je-blue-700); font-weight:700; font-size:.85rem; padding:.25rem .6rem; border-radius:100px; box-shadow: var(--je-shadow-sm); }
.menu-body { padding: .95rem 1rem 1.1rem; }
.menu-body h6 { color: var(--je-blue-900); margin-bottom:.2rem; font-weight:700; }
.menu-body .tag { color: var(--je-slate); font-size:.82rem; margin:0 0 .55rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.menu-cat-badge { font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:var(--je-blue-600); font-weight:700; }

.menu-meta-links {
  display:flex; flex-wrap:wrap; align-items:center; gap:.35rem .5rem;
  margin-top:.15rem; padding-top:.55rem; border-top:1px solid var(--je-line);
}
.menu-meta-link {
  display:inline-flex; align-items:center; gap:.2rem;
  border:none; background:none; padding:0;
  font-size:.68rem; font-weight:700; line-height:1.2;
  cursor:pointer; transition: opacity .2s ease;
}
.menu-meta-link:hover { opacity:.75; }
.menu-meta-ing { color:#5e35b1; }
.menu-meta-alg.safe { color:#2e7d32; }
.menu-meta-alg.warn { color:#c62828; }
.menu-meta-nut { color:#0976a1; }
.menu-meta-link i { font-size:.78rem; }
.menu-alg-icon { position:relative; display:inline-grid; place-items:center; width:.95rem; height:.95rem; }
.menu-alg-icon .bi-exclamation-triangle { font-size:.78rem; }
.menu-alg-icon .alg-ok {
  position:absolute; font-size:.45rem; font-weight:800; color:#2e7d32; line-height:1;
}
.dish-section { scroll-margin-top:1rem; }

.menu-empty { text-align:center; padding:3rem 1rem; color: var(--je-slate); }

/* ---------- Menu detail modal ---------- */
.modal-content { border:none; border-radius: var(--je-radius-lg); overflow:hidden; box-shadow: var(--je-shadow-lg); }
.dish-hero { position:relative; aspect-ratio: 16/10; background: var(--je-mist); }
.dish-hero img { width:100%; height:100%; object-fit:cover; }
.dish-hero .btn-close { position:absolute; top:1rem; right:1rem; background-color:#fff; border-radius:50%; padding:.6rem; opacity:1; box-shadow: var(--je-shadow); }
.chip {
  display:inline-flex; align-items:center; gap:.4rem; background: var(--je-mist);
  border:1px solid var(--je-line); color:var(--je-blue-800); border-radius:100px;
  padding:.35rem .75rem; font-size:.82rem; font-weight:600; margin:.2rem .3rem .2rem 0;
}
.chip.allergen { background:#fff5e6; border-color:#ffe1b0; color:#a9660a; }
.nutri-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:.6rem; }
.nutri-box { background: var(--je-grad-soft); border:1px solid var(--je-line); border-radius:14px; padding:.7rem; text-align:center; }
.nutri-box .v { font-family:"Baloo 2",sans-serif; font-weight:800; color:var(--je-blue-700); font-size:1.15rem; line-height:1; }
.nutri-box .k { font-size:.72rem; color:var(--je-slate); font-weight:600; margin-top:.25rem; }

/* ---------- Plans ---------- */
.plan-card { background:#fff; border:1px solid var(--je-line); border-radius: var(--je-radius-lg); padding:2rem 1.6rem; height:100%; box-shadow: var(--je-shadow-sm); transition: transform .25s ease, box-shadow .25s ease; position:relative; }
.plan-card:hover { transform: translateY(-6px); box-shadow: var(--je-shadow); }
.plan-card.featured { background: var(--je-grad); color:#fff; border:none; }
.plan-card.featured .plan-price, .plan-card.featured h4, .plan-card.featured li { color:#fff; }
.plan-badge { position:absolute; top:-14px; left:50%; transform:translateX(-50%); background: var(--je-amber); color:#3a2a00; font-weight:700; font-size:.72rem; padding:.35rem .9rem; border-radius:100px; letter-spacing:.04em; }
.plan-price { font-family:"Baloo 2",sans-serif; font-weight:800; font-size:2.2rem; color:var(--je-blue-700); }
.plan-card ul { list-style:none; padding:0; margin:1rem 0 1.5rem; }
.plan-card li { padding:.4rem 0; color:var(--je-slate); font-size:.94rem; display:flex; gap:.55rem; align-items:flex-start; }
.plan-card li i { color: var(--je-green); margin-top:.2rem; }
.plan-card.featured li i { color:#c9f2df; }

/* ---------- App CTA ---------- */
.app-cta { background: var(--je-grad); color:#fff; border-radius: var(--je-radius-lg); overflow:hidden; position:relative; }
.app-cta::before { content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.08); }
.app-cta::after { content:""; position:absolute; left:-40px; bottom:-80px; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.07); }
.store-btns { gap: .75rem !important; }
.store-btn { display:inline-flex; align-items:center; gap:.6rem; background:#0b1220; color:#fff; border-radius:14px; padding:.6rem 1.1rem; text-decoration:none; transition: transform .2s ease; border:none; }
.store-btn:hover { transform: translateY(-2px); color:#fff; }
.store-btn img { height:26px; }
.store-btn .store-apple-icon { font-size:1.65rem; line-height:1; }
.store-btn small { display:block; font-size:.62rem; opacity:.8; line-height:1; }
.store-btn b { font-size:.98rem; line-height:1.1; }
.store-btn-disabled {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(.15);
}
.store-btn-disabled:hover { transform: none; color:#fff; }

/* ---------- Testimonials ---------- */
.testi-card { background:#fff; border:1px solid var(--je-line); border-radius: var(--je-radius); padding:1.6rem; height:100%; box-shadow: var(--je-shadow-sm); }
.testi-card .stars i { color: var(--je-amber); }
.testi-card p { color:var(--je-ink); }
.testi-person { display:flex; align-items:center; gap:.8rem; }
.testi-avatar { width:46px; height:46px; border-radius:50%; background: var(--je-grad); color:#fff; display:grid; place-items:center; font-weight:700; }

/* ---------- FAQ ---------- */
.accordion-item { border:1px solid var(--je-line); border-radius: var(--je-radius)!important; overflow:hidden; margin-bottom:.9rem; box-shadow: var(--je-shadow-sm); }
.accordion-button { font-weight:600; color:var(--je-blue-900); }
.accordion-button:not(.collapsed) { background: var(--je-mist); color:var(--je-blue-700); box-shadow:none; }
.accordion-button:focus { box-shadow:none; }

/* ---------- Footer ---------- */
.footer { background: var(--je-blue-900); color: #c9d8f5; }
.footer a { color:#c9d8f5; text-decoration:none; transition: color .2s ease; }
.footer a:hover { color:#fff; }
.footer h6 { color:#fff; font-weight:700; margin-bottom:1.1rem; }
.footer .brand-blurb { color:#a9bde6; }
.soc-btn { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.08); color:#fff; transition: all .25s ease; }
.soc-btn:hover { background: var(--je-grad-sheen); color:#fff; transform: translateY(-3px); }
.copyright { background: var(--je-blue-900); border-top:1px solid rgba(255,255,255,.08); color:#9fb4df; }

/* ---------- Floating helpers ---------- */
.back-to-top { position:fixed; right:20px; bottom:20px; width:46px; height:46px; border-radius:50%; background: var(--je-grad-sheen); color:#fff; display:grid; place-items:center; box-shadow: var(--je-shadow); z-index:60; opacity:0; pointer-events:none; transition: all .3s ease; }
.back-to-top.show { opacity:1; pointer-events:auto; }
.back-to-top:hover { color:#fff; transform: translateY(-3px); }
.wa-float { position:fixed; left:20px; bottom:20px; width:56px; height:56px; border-radius:50%; background:#25d366; color:#fff; display:grid; place-items:center; font-size:1.6rem; box-shadow: var(--je-shadow); z-index:60; animation: floaty 3.5s ease-in-out infinite; }
.wa-float:hover { color:#fff; }

/* ---------- Page hero (inner pages) ---------- */
.page-hero { background: var(--je-grad); color:#fff; position:relative; overflow:hidden; }
.page-hero::before { content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.08); }
.page-hero h1 { color:#fff; }
.page-hero .breadcrumb-je { color:#cfe0ff; font-weight:600; }

/* ---------- Reveal animation ---------- */
.reveal { opacity:0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.reveal.in { opacity:1; transform:none; }

/* ---------- Contact ---------- */
.contact-card { background:#fff; border:1px solid var(--je-line); border-radius: var(--je-radius); padding:1.5rem; box-shadow: var(--je-shadow-sm); height:100%; }
.contact-ico { width:50px; height:50px; border-radius:14px; background: var(--je-grad); color:#fff; display:grid; place-items:center; font-size:1.2rem; }
.form-control, .form-select { border-radius:12px; border-color: var(--je-line); padding:.7rem .9rem; }
.form-control:focus, .form-select:focus { border-color: var(--je-blue-400); box-shadow: 0 0 0 .2rem rgba(77,148,255,.15); }

/* ---------- Policy pages ---------- */
.policy-doc { max-width: 720px; }
.policy-doc h2 { font-size: 1.05rem; font-weight: 700; color: var(--je-blue-900); margin: 1.5rem 0 .65rem; }
.policy-doc p, .policy-doc li { color: var(--je-slate); line-height: 1.75; font-size: .94rem; }
.policy-doc a { color: var(--je-blue-600); font-weight: 600; }

/* ---------- Blog ---------- */
.blog-card {
  background: #fff; border: 1px solid var(--je-line); border-radius: var(--je-radius);
  overflow: hidden; box-shadow: var(--je-shadow-sm); transition: transform .25s ease, box-shadow .25s ease;
}
.blog-card:hover { transform: translateY(-5px); box-shadow: var(--je-shadow); }
.blog-thumb { aspect-ratio: 16/10; overflow: hidden; background: var(--je-mist); }
.blog-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.blog-card:hover .blog-thumb img { transform: scale(1.05); }
.blog-thumb.no-img { display: grid; place-items: center; color: var(--je-blue-400); font-size: 2.4rem; }
.blog-body { padding: 1rem 1.1rem 1.15rem; }
.blog-cat, .blog-cat-hero {
  font-size: .68rem; letter-spacing: .08em; text-transform: uppercase;
  color: var(--je-blue-600); font-weight: 700;
}
.blog-cat-hero { display: inline-block; margin-bottom: .35rem; color: #cfe0ff; }
.blog-title a { color: var(--je-blue-900); text-decoration: none; }
.blog-title a:hover { color: var(--je-blue-600); }
.blog-excerpt { color: var(--je-slate); font-size: .88rem; margin: .45rem 0 .75rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.blog-meta { display: flex; flex-wrap: wrap; gap: .75rem; font-size: .78rem; color: var(--je-slate); margin-bottom: .65rem; }
.blog-read { font-size: .86rem; font-weight: 700; color: var(--je-blue-600); text-decoration: none; }
.blog-read:hover { color: var(--je-blue-700); }
.blog-hero-img { width: 100%; border-radius: var(--je-radius); aspect-ratio: 16/9; object-fit: cover; box-shadow: var(--je-shadow-sm); }
.blog-article h2 { font-size: 1.15rem; font-weight: 700; color: var(--je-blue-900); margin: 1.75rem 0 .65rem; }
.blog-article p { color: var(--je-slate); line-height: 1.75; }
.blog-article a { color: var(--je-blue-600); font-weight: 600; }
.blog-back a { color: var(--je-blue-600); font-weight: 600; text-decoration: none; }

@media (max-width: 575.98px){
  .nutri-grid { grid-template-columns: repeat(2,1fr); }
  .floating-badge { display:none; }
}