.elementor-kit-6{--e-global-color-primary:#0F1C2F;--e-global-color-secondary:#8DC63F;--e-global-color-text:#67737E;--e-global-color-accent:#0F1C2F;--e-global-color-5931828:#F4F9F8;--e-global-color-84bc09f:#2E5236;--e-global-color-1227562:#FFFFFF;--e-global-color-e1ccbd7:#DBDBDB;--e-global-color-2abdf04:#FAFAF3;--e-global-color-0d32149:#527A7A;--e-global-color-eabecd8:#527A7A4F;--e-global-color-6e7b2f9:#E0E0E0;--e-global-color-6e64865:#405455;--e-global-color-2d20182:#61B874;--e-global-color-95622ae:#B89962;--e-global-color-3d97cf5:#F6F8F9;--e-global-color-584410d:#EFF7F2;--e-global-color-d6ebc61:#527A7A4F;--e-global-color-e3ccf06:#FFFFFFB3;--e-global-color-62ebb42:#DFF0F2;--e-global-color-4b9a44e:#1FB7A542;--e-global-color-d545a70:#FAFAF3;--e-global-color-dcc9080:#48B6CF;--e-global-color-dc83b5b:#E7F5DA;--e-global-color-cf0dd6c:#4E8A1D;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.05;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:38px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.64;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:600;--e-global-typography-55c5b8d-font-family:"Inter";--e-global-typography-55c5b8d-font-size:14px;--e-global-typography-55c5b8d-font-weight:400;--e-global-typography-55c5b8d-letter-spacing:1.5px;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:1.65;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:56px;font-weight:700;line-height:1.1;letter-spacing:0.6px;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:36px;font-weight:700;line-height:1.15;letter-spacing:0.6px;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:22px;font-weight:600;line-height:1.25;letter-spacing:0.25px;}.elementor-kit-6 h4{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:0px;}.elementor-kit-6 h5{font-family:"Poppins", Sans-serif;}.elementor-kit-6 h6{font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:38px;line-height:1.1em;letter-spacing:-1.06px;}.elementor-kit-6 h2{font-size:28px;line-height:1.2;}.elementor-kit-6 h3{font-size:20px;line-height:1.24;letter-spacing:-0.2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================================
   Mobile Phones Factory — Customizer → Additional CSS
   Pairs with the Elementor templates (home / about-us / wholesale /
   services / insights / contact-us). Add this whole file to
   Appearance → Customize → Additional CSS (or Elementor → Custom Code →
   Custom CSS if you prefer it scoped to Elementor-rendered pages only).

   Nothing here is required for the templates to work — every layout,
   color and spacing decision already lives in native Elementor container/
   widget settings. This file only adds the handful of effects Elementor's
   panel can't express directly: soft organic "blob" backgrounds, hover
   lift/shadow transitions, the badge pills, and a couple of gradients.
   ========================================================================= */

:root{
  --mpf-ink: #101B26;
  --mpf-lime: #8FC93A;
  --mpf-lime-dark: #6FA524;
  --mpf-lime-pale: #E9F5D6;
  --mpf-cream: #F6F8EA;
  --mpf-line: #E4E9DA;
  --mpf-muted: #667080;
}

/* Google Fonts are already resolved automatically once you type
   "Space Grotesk" / "Inter" into Elementor's Typography → Font Family
   field — no @import needed here. */

/* ---------- Hero blob backdrop ---------- */
.hero{ position: relative; overflow: hidden; }
.hero::before, .hero::after{
  content:""; position:absolute; z-index:0; pointer-events:none;
  border-radius: 45% 55% 60% 40% / 50% 45% 55% 50%;
  background: var(--mpf-lime-pale);
}
.hero::before{ width:560px; height:560px; top:-220px; right:-160px; opacity:.9; }
.hero::after{ width:300px; height:300px; bottom:-120px; left:-100px; background:#EFF3DC; }
.hero > .e-con-inner{ position:relative; z-index:1; }

/* ---------- Sticky header shadow on scroll ---------- */
.site-header{ transition: box-shadow .2s ease; }
.site-header.elementor-sticky--effects{ box-shadow: 0 10px 30px -20px rgba(16,27,38,.4); }

/* ---------- Buttons: consistent lift on hover (site-wide) ---------- */
.elementor-button{ transition: transform .18s ease, box-shadow .18s ease !important; }
.elementor-button:hover{ transform: translateY(-2px); }
.btn-primary .elementor-button{ box-shadow: 0 14px 30px -14px rgba(143,201,58,.65); }
.btn-primary .elementor-button:hover{ box-shadow: 0 18px 36px -14px rgba(111,165,36,.7); }

/* ---------- Icon tiles (Icon Box replacement composition) ---------- */
.icon-tile{ flex-shrink: 0; }
.icon-tile .elementor-icon{ color: var(--mpf-lime-dark) !important; }

/* ---------- Cards: lift + border highlight on hover ---------- */
.card, .product-card, .post-card, .office-card{
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow: 0 18px 40px -22px rgba(16,27,38,.28);
  border-radius: 18px;
  border: 1px solid var(--mpf-line);
}
.card:hover, .product-card:hover, .post-card:hover{
  transform: translateY(-5px);
  box-shadow: 0 24px 60px -20px rgba(16,27,38,.35);
  border-color: var(--mpf-lime);
}
.product-card, .post-card{ overflow: hidden; }
.product-thumb img, .post-thumb{ border-radius: 0; }
.post-thumb{ background: linear-gradient(135deg, var(--mpf-lime-pale), var(--mpf-cream)); min-height: 160px; }

/* ---------- Grading / stock badges ---------- */
.badge{ display:inline-flex; }
.badge span{
  display:inline-block; padding: 5px 12px; border-radius: 999px;
  font-size: .76rem; font-weight: 700; letter-spacing: .02em;
}
.badge-a span{ background:#E7F5DA; color:#4E8A1D; }
.badge-b span{ background:#EAF1FB; color:#2E5FA6; }
.badge-c span{ background:#FBF1DE; color:#9A6C13; }
.badge-new span{ background: var(--mpf-ink); color:#fff; }

/* ---------- Brand / logistics logo strip ---------- */
.logo-txt{ opacity:.65; filter: grayscale(1); transition: opacity .2s ease, filter .2s ease; }
.logo-txt:hover{ opacity:1; filter:none; }

/* ---------- CTA band gradient + glow ---------- */
.cta-band{ position: relative; overflow: hidden; border-radius: 28px; }
.cta-band:not(.cta-band--pale){ background: linear-gradient(120deg, var(--mpf-ink), #17293A) !important; }
.cta-band:not(.cta-band--pale)::before{
  content:""; position:absolute; right:-60px; top:-60px; width:220px; height:220px; border-radius:50%;
  background: radial-gradient(circle, rgba(143,201,58,.4), transparent 70%); pointer-events:none;
}
.cta-band--pale{ background: var(--mpf-lime-pale) !important; box-shadow: 0 18px 40px -22px rgba(16,27,38,.28); }

/* ---------- Timeline connector (About page) ---------- */
.timeline{ position: relative; }
.timeline-item{ position: relative; }

/* ---------- Team card photo ---------- */
.team-photo img{ aspect-ratio: 1; object-fit: cover; border-radius: 18px; }

/* ---------- Section eyebrow ---------- */
.eyebrow .elementor-heading-title{ text-transform: none; }

/* ---------- Page hero radial glow (About/Services/Wholesale/Insights/Contact) ---------- */
.page-hero{ position: relative; overflow: hidden; }
.page-hero::after{
  content:""; position:absolute; right:-10%; bottom:-60%; width:420px; height:420px;
  background: radial-gradient(circle, rgba(143,201,58,.35), transparent 70%); pointer-events:none;
}

/* ---------- Responsive: tighten card grids on small screens ---------- */
@media (max-width: 767px){
  .cta-band .e-con-inner{ flex-direction: column; align-items: flex-start !important; }
}


.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}/* End custom CSS */