.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-26 .elementor-element.elementor-element-dd7d784{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-26 .elementor-element.elementor-element-eeeaa46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-0440112{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-77e6127{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-e93fe00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-d53516d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-a537a75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-6b2c63e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-6b77257 *//* ============================
   Eat Nation – About Us Section (Centered)
   ============================ */
.en-aboutus{
  background: var(--stm-bg, #fffefb);
  font-family: 'Baloo 2', cursive, system-ui, sans-serif;
  color: var(--stm-text, #2a1f17);
  padding: 40px 16px;
  text-align: center;   /* center all text */
}

.en-aboutus__wrap{
  max-width: 900px;
  margin: 0 auto;
}

.en-aboutus__kicker{
  display:inline-block;
  font-weight:700;
  font-size:.95rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color: #d66a19;
  background: #fff3ea;
  border: 1px solid #ffe4d1;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.en-aboutus__title{
  font-size: 28px;
  line-height: 1.3;
  margin: 0 0 16px;
  font-weight: 700;
}

.en-aboutus__text{
  font-size: 18px;
  line-height: 1.6;
  color: #7a5f4a;
  margin: 0 auto;
  max-width: 720px;   /* keeps text centered in smaller column */
}

/* ============================
   MOBILE (<=767px)
   ============================ */
@media (max-width: 767pxpx){
  .en-aboutus{ padding: 10px 10px; }
  .en-aboutus__title{ font-size: 38px; }
  .en-aboutus__text{ font-size: 18px; line-height: 1.5;}
}

/* ============================
   TABLET (768px–1024px)
   ============================ */
@media (min-width: 768px) and (max-width: 1024px){
  .en-aboutus{ padding: 36px 18px; }
  .en-aboutus__title{ font-size: 26px; }
  .en-aboutus__text{ font-size: 15px; }
}

/* ============================
   DESKTOP (>=1025px)
   ============================ */
@media (min-width: 1025px){
  .en-aboutus{ padding: 26px 20px; }
  .en-aboutus__title{ font-size: 48px; }
  .en-aboutus__text{ font-size: 18px; line-height: 1.7; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0f927a *//* Baloo 2 already imported on your page; if not, uncomment: */
/* @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700&display=swap'); */

/* ============================
   Eat Nation – Our Story Section
   ============================ */
:root{
  /* Colors */
  --story-bg: #fffefb;
  --story-card: #ffffff;
  --story-text: #2a1f17;
  --story-muted: #7a5f4a;
  --story-accent: #d66a19;
  --story-accent-soft: #fff3ea;
  --story-ring: rgba(214,106,25,.18);

  /* Layout & Type */
  --story-max: 1180px;
  --story-radius: 20px;
  --story-gap: 40px;     /* desktop column gap */
  --story-gap-t: 28px;   /* tablet gap */
  --story-gap-m: 18px;   /* mobile gap */
  --story-pad-y: 72px;
  --story-pad-y-t: 56px;
  --story-pad-y-m: 44px;

  --story-title-d: 34px;
  --story-title-t: 28px;
  --story-title-m: 24px;

  /* Breakpoints */
  --bp-tablet: 1024px;
  --bp-mobile: 767px;
}

.en-story{
  background:
    radial-gradient(1000px 360px at 15% -20%, rgba(214,106,25,.05), transparent 60%),
    var(--story-bg);
  padding: var(--story-pad-y) 20px;
  color: var(--story-text);
  font-family: 'Baloo 2', cursive, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
}

.en-story__wrap{
  max-width: var(--story-max);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1.05fr .95fr;  /* image | copy */
  gap: var(--story-gap);
  align-items: center;
}

/* Media (image + badge) */
.en-story__media{
  position: relative;
  background: var(--story-card);
  border-radius: var(--story-radius);
  overflow: hidden;
  box-shadow:
    0 10px 25px rgba(0,0,0,.06),
    0 1px 0 rgba(255,255,255,.6) inset;
  isolation: isolate;
}
.en-story__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
  transform: scale(1.02);
  transition: transform .35s ease;
}
.en-story__media:hover img{ transform: scale(1.04); }

.en-story__badge{
  position: absolute;
  left: 18px; bottom: 18px;
  background: #fff;
  color: var(--story-accent);
  border: 1px solid var(--story-ring);
  padding: 10px 14px;
  font-weight: 700;
  border-radius: 999px;
  box-shadow: 0 8px 20px var(--story-ring);
  backdrop-filter: blur(6px);
  white-space: nowrap;
}

/* Copy card */
.en-story__copy{
  background: var(--story-card);
  border: 1px solid #f3e7db;
  border-radius: var(--story-radius);
  padding: 34px;
  box-shadow:
    0 10px 25px rgba(0,0,0,.05),
    0 1px 0 rgba(255,255,255,.6) inset;
}

.en-story__kicker{
  display:inline-block;
  font-weight:700;
  font-size:.95rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color: var(--story-accent);
  background: var(--story-accent-soft);
  border: 1px solid #ffe4d1;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.en-story__title{
  font-size: var(--story-title-d);
  line-height: 1.18;
  margin: 8px 0 12px;
  font-weight: 700;
}

.en-story__text{
  font-size: 17px;
  line-height: 1.6;
  color: var(--story-muted);
  font-weight: 500;
  margin: 0;
}

/* Optional highlight chips */
.en-story__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.en-story__chips li{
  background: #fffdfb;
  border: 1px dashed #f2dfcd;
  color: var(--story-text);
  font-weight: 600;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 13px;
}

/* Tablet */
@media (max-width: var(--bp-tablet)) and (min-width: calc(var(--bp-mobile) + 1px)){
  .en-story{ padding: var(--story-pad-y-t) 18px; }
  .en-story__wrap{
    grid-template-columns: 1fr; /* stack */
    gap: var(--story-gap-t);
  }
  .en-story__media{ order: -1; }  /* show image first */
  .en-story__title{ font-size: var(--story-title-t); }
  .en-story__text{ font-size: 16px; }
}

/* Mobile */
@media (max-width: var(--bp-mobile)){
  .en-story{ padding: var(--story-pad-y-m) 16px; }
  .en-story__wrap{
    grid-template-columns: 1fr; /* stack */
    gap: var(--story-gap-m);
  }
  .en-story__title{ font-size: var(--story-title-m); }
  .en-story__text{ font-size: 15px; }
  .en-story__chips li{ font-size: 12px; padding: 7px 10px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .en-story__media img{ transition: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-998848b *//* ============================
   Eat Nation – Our Story (Full bordered card, Left aligned)
   ============================ */

.en-story-m{
  background: var(--stm-bg, #fffefb);
  padding: 24px 16px;
  font-family: 'Baloo 2', cursive, system-ui, sans-serif;
  color: var(--stm-text, #2a1f17);
}

/* full card wrapper */
.en-story-m__card{
  background: #ffffff;
  border: 1px solid #f3e7db;
  border-radius: 10px;
  padding: 10px 16px;
  max-width: 900px;
  margin: 0 auto;
  box-shadow:
    0 10px 22px rgba(0,0,0,.05),
    0 1px 0 rgba(255,255,255,.6) inset;
}

/* Title */
.en-story-m__head{
  text-align: left;   /* changed from center to left */
  margin-bottom: 14px;
}
.en-story-m__kicker{
  display:inline-block;
  font-weight:700;
  font-size:.95rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color: #d66a19;
  background: #fff3ea;
  border: 1px solid #ffe4d1;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}
.en-story-m__title{
  font-size: 28px;
  line-height: 1.2;
  margin: 4px 0 0;
  font-weight: 700;
  text-align: left;   /* ensure title left aligned */
}

/* Image */
.en-story-m__media{
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  margin: 12px 0 16px;
}
.en-story-m__media img{
  width: 100%;
  display: block;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.en-story-m__badge{
  position: absolute;
  left: 14px; bottom: 14px;
  background: #fff;
  color: #d66a19;
  border: 1px solid rgba(214,106,25,.18);
  padding: 8px 12px;
  font-weight: 700;
  border-radius: 999px;
  font-size: 13px;
  box-shadow: 0 8px 20px rgba(214,106,25,.18);
  backdrop-filter: blur(6px);
}

/* Content */
.en-story-m__copy{
  text-align: left;   /* make content left aligned */
}
.en-story-m__text{
  font-size: 15px;
  line-height: 1.6;
  color: #7a5f4a;
  margin: 0;
}
.en-story-m__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.en-story-m__chips li{
  background: #fffdfb;
  border: 1px dashed #f2dfcd;
  color: #2a1f17;
  font-weight: 600;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12.5px;
}

/* Responsive */
@media (min-width:768px){
  .en-story-m__title{ font-size: 28px; }
  .en-story-m__text{ font-size: 16px; }
}
@media (min-width:1025px){
  .en-story-m{ padding: 40px 20px; }
  .en-story-m__title{ font-size: 32px; }
  .en-story-m__text{ font-size: 17px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af5b787 *//* Uses Baloo 2 already imported on page */
/* ============================
   Eat Nation – What Makes Us Different
   ============================ */
:root{
  --diff-bg: #fffefb;
  --diff-card: #ffffff;
  --diff-text: #2a1f17;
  --diff-muted: #7a5f4a;
  --diff-accent: #d66a19;
  --diff-ring: rgba(214,106,25,.16);

  --diff-radius: 18px;
  --diff-gap: 20px;
  --diff-pad-y: 64px;
  --diff-pad-y-t: 52px;
  --diff-pad-y-m: 40px;

  --diff-title: 22px;

  --bp-tablet: 1024px;
  --bp-mobile: 767px;
}

.en-diff{
  background:
    radial-gradient(900px 320px at 85% -20%, rgba(214,106,25,.05), transparent 60%),
    var(--diff-bg);
  padding: var(--diff-pad-y) 20px;
  color: var(--diff-text);
  font-family: 'Baloo 2', cursive, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
}

.en-diff__wrap{
  max-width: 1400px;
  margin-inline: auto;
}

.en-diff__head{
  text-align: center;
  margin-bottom: 22px;
}
.en-diff__kicker{
  display: inline-block;
  font-weight: 700;
  font-size: 48px;
  letter-spacing: .02em;
  color: var(--diff-text);
}

.en-diff__grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--diff-gap);
}

.en-diff__card{
  background: var(--diff-card);
  border: 1px solid #f3e7db;
  border-radius: var(--diff-radius);
  padding: 20px 18px;
  box-shadow:
    0 10px 22px rgba(0,0,0,.05),
    0 1px 0 rgba(255,255,255,.6) inset;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.en-diff__card:hover{
  transform: translateY(-4px);
  border-color: #ffd9bd;
  box-shadow: 0 14px 28px rgba(214,106,25,.10);
}

.en-diff__icon{
  width: 44px; height: 44px;
  border-radius: 12px;
  display: grid; place-items: center;
  margin-bottom: 10px;
  color: var(--diff-accent);
  background: #fff3ea;
  border: 1px solid #ffe4d1;
  box-shadow: 0 6px 16px var(--diff-ring);
}

.en-diff__title{
  font-size: var(--diff-title);
  line-height: 1.25;
  margin: 6px 0 6px;
  font-weight: 700;
  color: var(--diff-text);
}

.en-diff__text{
  font-size: 15.5px;
  line-height: 1.45;
  color: var(--diff-muted);
  font-weight: 500;
  margin: 0;
}

/* Tablet */
@media (max-width: var(--bp-tablet)) and (min-width: calc(var(--bp-mobile) + 1px)){
  .en-diff{ padding: var(--diff-pad-y-t) 18px; }
  .en-diff__grid{ grid-template-columns: repeat(2, 1fr); }
}

/* Mobile (2×2 grid instead of 1 column) */
@media (max-width: var(--bp-mobile)){
  .en-diff{ padding: var(--diff-pad-y-m) 16px; }
  .en-diff__grid{ grid-template-columns: repeat(2, 1fr); }
  .en-diff__title{ font-size: 18px; }
  .en-diff__text{ font-size: 14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0264d8 *//* If Baloo 2 isn’t already loaded site-wide, uncomment: */
/* @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700&display=swap'); */

/* MOBILE-ONLY block: hidden on ≥768px */
.en-diff-m{ 
  display:block;
  padding: 40px 16px;
  background: #fffefb;
  font-family: 'Baloo 2', cursive, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  color: #2a1f17;
}
@media (min-width:768px){
  .en-diff-m{ display:none !important; }
}

/* Wrap + Title */
.en-diff-m__wrap{ max-width: 420px; margin-inline:auto; }
.en-diff-m__title{
  text-align:center;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 14px;
}

/* 2×2 Grid on mobile */
.en-diff-m__grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

/* Cards */
.en-diff-m__card{
  background: #ffffff;
  border: 1px solid #f3e7db;
  border-radius: 14px;
  padding: 14px 12px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height: 150px;               /* keeps rows visually even */
  box-shadow:
    0 10px 18px rgba(0,0,0,.05),
    0 1px 0 rgba(255,255,255,.6) inset;
}

/* Icon */
.en-diff-m__icon{
  width: 38px; height: 38px;
  border-radius: 10px;
  display:grid; place-items:center;
  color:#d66a19;
  background:#fff3ea;
  border:1px solid #ffe4d1;
  box-shadow: 0 6px 14px rgba(214,106,25,.14);
  margin-bottom: 6px;
}

/* Text */
.en-diff-m__cardtitle{
  font-size: 18px;
  line-height: 1.2;
  margin: 6px 0 4px;
  font-weight: 700;
}
.en-diff-m__text{
  font-size: 14px;
  line-height: 1.35;
  color:#7a5f4a;
  margin: 0;
  font-weight: 500;
}

/* Optional: super-small phones (≤340px) switch to 1 column */
@media (max-width:340px){
  .en-diff-m__grid{ grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1827252 *//* If Baloo 2 isn’t already loaded site-wide, uncomment: */
/* @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700&display=swap'); */

/* ============================
   Eat Nation – Backed by Experience
   ============================ */
:root{
  --backed-bg: #fff9f2;
  --backed-card: #ffffff;
  --backed-text: #2a1f17;
  --backed-muted: #7a5f4a;
  --backed-accent: #d66a19;
  --backed-ring: rgba(214,106,25,.16);

  --backed-radius: 18px;
  --backed-pad-y: 68px;
  --backed-pad-y-t: 56px;
  --backed-pad-y-m: 42px;

  --backed-title-d: 32px;
  --backed-title-t: 28px;
  --backed-title-m: 24px;

  --bp-tablet: 1024px;
  --bp-mobile: 767px;
}

.en-backed{
  background:
    radial-gradient(1100px 360px at 12% -20%, rgba(214,106,25,.05), transparent 60%),
    var(--backed-bg);
  padding: var(--backed-pad-y) 20px;
  color: var(--backed-text);
  font-family: 'Baloo 2', cursive, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
}

.en-backed__wrap{ max-width: 1180px; margin-inline: auto; }

.en-backed__head{
  text-align: center;
  max-width: 880px;
  margin: 0 auto 22px;
}

.en-backed__kicker{
  display:inline-block;
  font-weight:700;
  font-size:.95rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color: var(--backed-accent);
  background:#fff3ea;
  border:1px solid #ffe4d1;
  padding:6px 12px;
  border-radius:999px;
  margin-bottom:10px;
}

.en-backed__title{
  font-size: var(--backed-title-d);
  line-height: 1.18;
  margin: 8px 0 10px;
  font-weight: 700;
}

.en-backed__lead{
  color: var(--backed-muted);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 auto;
}

/* ===== Stats row (desktop/tablet) ===== */
.en-backed__stats{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 20px auto 16px;
  padding: 14px 16px;
  background: #fffdfb;
  border: 1px dashed #f2dfcd;
  border-radius: 14px;
  max-width: 500px;
}

.en-backed__stat{
  display: flex;
  flex-direction: column;
  text-align: center;
  line-height: 1.1;
  min-width: 10px;
}

.en-backed__stat strong{ font-size: 18px; font-weight:700; color: var(--backed-text); }
.en-backed__stat span{ font-size: 12.5px; color: var(--backed-muted); font-weight:500; }

.en-backed__divider{ width: 1px; height: 26px; background: #f0e2d3; }

/* ===== Logos marquee (desktop/tablet) ===== */
.en-backed__logos{
  position: relative;
  overflow: hidden;
  margin: 12px auto 0;
  padding: 12px 0 0;
  max-width: 980px;
}
.en-backed__logos-track{
  display: flex;
  align-items: center;
  gap: 24px;
  width: max-content;
  animation: en-logos-marquee 28s linear infinite;
}
.en-backed__logos:hover .en-backed__logos-track{ animation-play-state: paused; }

.en-backed__logos img{
  width: 120px;
  height: auto;
  display: block;
  /* removed grayscale so logos show in original colors */
  transition: transform .2s ease;
}
.en-backed__logos img:hover{
  transform: translateY(-2px) scale(1.05);
}

/* Two identical logo sets are inside the track for seamless looping */
@keyframes en-logos-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ===== Tablet only ===== */
@media (max-width: 1024px) and (min-width: 768px){
  .en-backed__logos img{ width: 110px; }
}

/* ===== Mobile (<=767px) ===== */
@media (max-width: 767px){
  .en-backed__logos{ max-width: 100%; padding: 8px 0 0; }
  .en-backed__logos-track{
    gap: 18px;
    animation-duration: 24s; 
    -webkit-overflow-scrolling: touch;
  }
  .en-backed__logos img{ width: 100px; border-radius: 6px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9627208 *//* Uses Baloo 2 already imported on page */
/* ============================
   Eat Nation – Our Promise
   ============================ */
:root{
  --promise-bg: #fffefb;
  --promise-card: #ffffff;
  --promise-text: #2a1f17;
  --promise-muted: #7a5f4a;
  --promise-accent: #d66a19;
  --promise-accent-soft: #fff3ea;
  --promise-ring: rgba(214,106,25,.16);

  --promise-radius: 18px;
  --promise-pad-y: 68px;
  --promise-pad-y-t: 54px;
  --promise-pad-y-m: 42px;

  --promise-title-d: 32px;
  --promise-title-t: 28px;
  --promise-title-m: 24px;

  --bp-tablet: 1024px;
  --bp-mobile: 767px;
}

.en-promise{
  background:
    radial-gradient(1100px 360px at 85% -20%, rgba(214,106,25,.05), transparent 60%),
    var(--promise-bg);
  padding: var(--promise-pad-y) 20px;
  color: var(--promise-text);
  font-family: 'Baloo 2', cursive, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
}

.en-promise__wrap{
  max-width: 980px;
  margin-inline: auto;
}

.en-promise__head{
  text-align: center;
  margin: 0 auto 18px;
}

.en-promise__kicker{
  display:inline-block;
  font-weight:700;
  font-size:.95rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color: var(--promise-accent);
  background: var(--promise-accent-soft);
  border: 1px solid #ffe4d1;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.en-promise__title{
  font-size: var(--promise-title-d);
  line-height: 1.18;
  margin: 6px 0 6px;
  font-weight: 700;
}

.en-promise__lead{
  color: var(--promise-muted);
  font-size: 17px;
  font-weight: 500;
  margin: 0 auto;
}

/* ===== Promise list ===== */
.en-promise__list{
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 14px 18px;
  margin: 18px auto 0;
  padding: 0;
  list-style: none;
  max-width: 860px;
}

.en-promise__item{
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--promise-card);
  border: 1px solid #f3e7db;
  border-radius: var(--promise-radius);
  padding: 14px 16px;
  box-shadow:
    0 10px 22px rgba(0,0,0,.05),
    0 1px 0 rgba(255,255,255,.6) inset;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.en-promise__item:hover{
  transform: translateY(-3px);
  border-color: #ffd9bd;
  box-shadow: 0 14px 28px rgba(214,106,25,.10);
}

.en-promise__tick{
  flex: 0 0 auto;
  width: 42px; height: 42px;
  display: grid; place-items: center;
  border-radius: 12px;
  color: var(--promise-accent);
  background: var(--promise-accent-soft);
  border: 1px solid #ffe4d1;
  box-shadow: 0 6px 16px var(--promise-ring);
  font-size: 22px;
  line-height: 1;
}

.en-promise__text{
  font-size: 15.5px;
  color: var(--promise-text);
  font-weight: 600;
  line-height: 1.35;
}

/* ===== Tablet (768px–1024px) ===== */
@media (max-width: var(--bp-tablet)) and (min-width: calc(var(--bp-mobile) + 1px)){
  .en-promise{ padding: var(--promise-pad-y-t) 18px; }
  .en-promise__title{ font-size: var(--promise-title-t); }
  .en-promise__lead{ font-size: 16px; }
  .en-promise__list{ grid-template-columns: repeat(2, 1fr); }
}

/* ===== Mobile (<=767px) ===== */
@media (max-width: 767px){
  .en-promise{ padding: var(--promise-pad-y-m) 16px; }
  .en-promise__title{ font-size: var(--promise-title-m); }
  .en-promise__lead{ font-size: 18px; }

  /* 2 columns layout */
  .en-promise__list{
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }

  /* Keep tick + text inline */
  .en-promise__item{
    display: flex;
    flex-direction: row;      /* inline layout */
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    padding: 12px;
  }

  .en-promise__tick{
    margin-bottom: 0;         /* remove stacked spacing */
    margin-right: 8px;        /* gap between tick & text */
    width: 32px; height: 32px;
    font-size: 22px;
  }

  .en-promise__text{
    font-size: 18px;
    line-height: 1.3;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c61949a *//* Uses Baloo 2 already imported on page */
/* ============================
   Eat Nation – Final CTA Section
   ============================ */
:root{
  --join-bg: #fff9f2;
  --join-card: #ffffff;
  --join-text: #2a1f17;
  --join-muted: #7a5f4a;
  --join-accent: #d66a19;
  --join-accent-2: #8a3c00;
  --join-ring: rgba(214,106,25,.16);

  --join-radius: 18px;
  --join-pad-y: 72px;
  --join-pad-y-t: 56px;
  --join-pad-y-m: 44px;

  --join-title-d: 34px;
  --join-title-t: 28px;
  --join-title-m: 24px;

  --bp-tablet: 1024px;
  --bp-mobile: 767px;
}

.en-join{
  background:
    radial-gradient(1200px 360px at 20% -25%, rgba(214,106,25,.06), transparent 60%),
    var(--join-bg);
  padding: var(--join-pad-y) 20px;
  color: var(--join-text);
  font-family: 'Baloo 2', cursive, system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  text-align: center;
}

.en-join__wrap{
  max-width: 980px;
  margin-inline: auto;
}

.en-join__kicker{
  display:inline-block;
  font-weight: 700;
  font-size: .95rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--join-accent);
  background: #fff3ea;
  border: 1px solid #ffe4d1;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.en-join__title{
  font-size: var(--join-title-d);
  line-height: 1.18;
  margin: 8px 0 10px;
  font-weight: 700;
}

.en-join__lead{
  color: var(--join-muted);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 auto 18px;
  max-width: 760px;
}

/* CTA buttons (reusing earlier button styles for consistency) */
.en-join__cta{
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  margin: 6px 0 16px;
  flex-wrap: wrap;
}

.en-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  font-weight: 700;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: all .2s ease;
  will-change: transform;
}
.en-btn--primary{
  background: var(--join-accent);
  color: #ffff;
  box-shadow: 0 8px 18px var(--join-ring);
}
.en-btn--primary:hover{ background: var(--join-accent-2); transform: translateY(-2px); }
.en-btn--ghost{
  background: #ffff;
  color: var(--join-accent);
  border-color: #ffcaa6;
}
.en-btn--ghost:hover{ border-color: #ffcaa6; transform: translateY(-2px); }

/* Optional trust pills */
.en-join__trust{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.en-join__pill{
  background: var(--join-card);
  border: 1px dashed #f2dfcd;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--join-text);
  box-shadow:
    0 10px 22px rgba(0,0,0,.05),
    0 1px 0 rgba(255,255,255,.6) inset;
}

/* Tablet */
@media (max-width: var(--bp-tablet)) and (min-width: calc(var(--bp-mobile) + 1px)){
  .en-join{ padding: var(--join-pad-y-t) 18px; }
  .en-join__title{ font-size: var(--join-title-t); }
  .en-join__lead{ font-size: 16px; }
}

/* Mobile */
@media (max-width: var(--bp-mobile)){
  .en-join{ padding: var(--join-pad-y-m) 16px; }
  .en-join__title{ font-size: var(--join-title-m); }
  .en-join__lead{ font-size: 15px; }
}/* End custom CSS */