/* ============================================================
   BagsFactori body styles (SCOPED + SELF-CONTAINED)
   Loads via the importer plugin. Every rule is scoped under
   .bfi-body so it only styles the imported Elementor body
   content and NEVER touches your live theme's header/footer.
   ============================================================ */
.bfi-body{
  --bf-green:#10A66A; --bf-green-dark:#0C8253; --bf-green-light:#E7F6EF;
  --bf-navy:#0B2235; --bf-line:#E3E7EA; --bf-bg:#F5F7F8;
  --bf-text:#101828; --bf-muted:#667085;
}

.bfi-body .bf-head{ padding:56px 0 0; text-align:center; }
.bfi-body .bf-head.bf-tint{ background:var(--bf-bg); }
.bfi-body .bf-head.bf-navy{ background:var(--bf-navy); }
.bfi-body .ctr{ text-align:center; }
.bfi-body .bf-sec-h2 .elementor-heading-title{ font-family:Poppins,sans-serif; font-weight:700; font-size:clamp(26px,3.4vw,36px); color:var(--bf-text); }
.bfi-body .bf-white .elementor-heading-title{ color:#fff; }
.bfi-body .bf-sec-sub .elementor-text-editor{ color:var(--bf-muted); font-size:16px; max-width:640px; margin:8px auto 0; }
.bfi-body .bf-muted .elementor-text-editor{ color:#9FB0BE; }

.bfi-body .bf-hero{ background:linear-gradient(180deg,#fff,#F2F7F4); padding:60px 0; border-bottom:1px solid var(--bf-line); }
.bfi-body .bf-hero-h1 .elementor-heading-title{ font-family:Poppins,sans-serif; font-weight:800; font-size:clamp(30px,4.2vw,46px); line-height:1.08; color:var(--bf-text); }
.bfi-body .bf-hero-sub .elementor-text-editor{ font-size:17px; color:var(--bf-muted); margin-top:16px; }
.bfi-body .pill{ display:inline-block; background:var(--bf-green-light); color:var(--bf-green-dark); font-size:12.5px; font-weight:600; padding:6px 14px; border-radius:99px; margin-right:6px; }
.bfi-body .bf-hero-imgnote .elementor-text-editor{ background:#EDF1F3; border:2px dashed #c7d0d4; border-radius:12px; padding:60px 20px; text-align:center; color:var(--bf-muted); }

.bfi-body .btn .elementor-button{ display:inline-flex; align-items:center; justify-content:center; font-family:Poppins,sans-serif; font-weight:600; font-size:15px; border-radius:6px; padding:14px 28px; border:none; transition:all .18s; }
.bfi-body .btn-lg .elementor-button{ padding:16px 32px; font-size:16px; }
.bfi-body .btn-green .elementor-button{ background:var(--bf-green); color:#fff; }
.bfi-body .btn-green .elementor-button:hover{ background:var(--bf-green-dark); }
.bfi-body .btn-outline .elementor-button{ background:transparent; color:var(--bf-text); border:2px solid var(--bf-text); }
.bfi-body .btn-outline .elementor-button:hover{ background:var(--bf-text); color:#fff; }

.bfi-body .bf-trust{ background:var(--bf-navy); padding:18px 0; }
.bfi-body .bf-trust .elementor-text-editor{ color:#fff; text-align:center; font-size:14px; }

.bfi-body .bf-cats > .elementor-container, .bfi-body .bf-feat > .elementor-container{ gap:18px; align-items:stretch; }
.bfi-body .bf-cats, .bfi-body .bf-feat{ padding:30px 0 80px; }
.bfi-body .bf-card{ background:#fff; border:1px solid var(--bf-line); border-radius:10px; padding:22px; transition:all .18s; display:flex; flex-direction:column; }
.bfi-body .bf-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(11,31,51,.10); border-color:var(--bf-green); }
.bfi-body .bf-card-title .elementor-heading-title{ font-size:16px; font-weight:600; color:var(--bf-text); }
.bfi-body .bf-card .elementor-widget-button{ margin-top:auto; }
.bfi-body .bf-card .btn-outline .elementor-button{ width:100%; padding:10px; font-size:13.5px; }

.bfi-body .bf-ind-iconbox .elementor-icon, .bfi-body .bf-why-iconbox .elementor-icon{ background:var(--bf-green-light); color:var(--bf-green-dark); width:50px; height:50px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-size:20px; margin-bottom:12px; }
.bfi-body .bf-ind-iconbox .elementor-icon-box-title, .bfi-body .bf-why-iconbox .elementor-icon-box-title{ font-size:15px; font-weight:600; color:var(--bf-text); }
.bfi-body .bf-why-iconbox .elementor-icon-box-description{ font-size:13.5px; color:var(--bf-muted); }
.bfi-body .bf-ind-card, .bfi-body .bf-why-card{ background:#fff; border:1px solid var(--bf-line); border-radius:10px; padding:22px; text-align:center; }
.bfi-body .bf-inds > .elementor-container, .bfi-body .bf-whys > .elementor-container{ gap:14px; align-items:stretch; }
.bfi-body .bf-inds, .bfi-body .bf-whys{ padding:30px 0 80px; }

.bfi-body .bf-navy{ background:var(--bf-navy); }
.bfi-body .bf-oem-row{ padding:30px 0 80px; }
.bfi-body .bf-oem-row > .elementor-container{ gap:18px; align-items:stretch; }
.bfi-body .bf-oem-card{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:10px; padding:24px; text-align:center; }
.bfi-body .bf-oem-iconbox .elementor-icon{ color:#3ED598; font-size:24px; }
.bfi-body .bf-oem-iconbox .elementor-icon-box-title{ color:#fff; font-size:16px; font-weight:600; margin:10px 0 6px; }
.bfi-body .bf-oem-iconbox .elementor-icon-box-description{ color:#9FB0BE; font-size:13px; }

.bfi-body .bf-mats{ padding:30px 0 80px; }
.bfi-body .bf-mats > .elementor-container{ gap:16px; align-items:stretch; }
.bfi-body .bf-mat-card{ background:#fff; border:1px solid var(--bf-line); border-radius:10px; padding:22px; }
.bfi-body .bf-mat-t .elementor-heading-title{ font-size:14.5px; font-weight:600; color:var(--bf-text); }
.bfi-body .bf-mat-d .elementor-text-editor{ font-size:13px; color:var(--bf-muted); margin-top:6px; }

.bfi-body .bf-procs{ padding:30px 0 80px; }
.bfi-body .bf-procs > .elementor-container{ gap:12px; align-items:stretch; }
.bfi-body .bf-proc-card{ background:#fff; border:1px solid var(--bf-line); border-radius:10px; padding:20px 16px; }
.bfi-body .bf-proc-t .elementor-heading-title{ font-size:14px; font-weight:700; color:var(--bf-green-dark); }
.bfi-body .bf-proc-d .elementor-text-editor{ font-size:12.5px; color:var(--bf-muted); margin-top:6px; }

.bfi-body .bf-faq-sec{ padding:30px 0 80px; }
.bfi-body .bf-faq{ max-width:760px; margin:0 auto; }
.bfi-body .bf-faq .elementor-tab-title{ font-family:Poppins,sans-serif; font-weight:600; font-size:15px; color:var(--bf-text); }
.bfi-body .bf-faq .elementor-tab-content{ font-size:14.5px; color:var(--bf-muted); }

.bfi-body .bf-quote-sec{ padding:56px 0 80px; }
.bfi-body .bf-quote-sec.bf-navy{ background:var(--bf-navy); }

@media(max-width:1024px){
  .bfi-body .bf-cats > .elementor-container > .elementor-column,
  .bfi-body .bf-feat > .elementor-container > .elementor-column,
  .bfi-body .bf-inds > .elementor-container > .elementor-column,
  .bfi-body .bf-whys > .elementor-container > .elementor-column,
  .bfi-body .bf-mats > .elementor-container > .elementor-column,
  .bfi-body .bf-oem-row > .elementor-container > .elementor-column{ width:50%; }
}
@media(max-width:767px){
  .bfi-body .bf-cats > .elementor-container > .elementor-column,
  .bfi-body .bf-feat > .elementor-container > .elementor-column,
  .bfi-body .bf-inds > .elementor-container > .elementor-column,
  .bfi-body .bf-whys > .elementor-container > .elementor-column,
  .bfi-body .bf-mats > .elementor-container > .elementor-column,
  .bfi-body .bf-oem-row > .elementor-container > .elementor-column,
  .bfi-body .bf-procs > .elementor-container > .elementor-column{ width:100%; }
}