/* ========================================================
   LEVANT SOURCE — EXACT HOMEPAGE PIXEL-PERFECT STYLESHEET
   Matches Approved Reference Visual & index.html 1:1
   ======================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Inter:wght@400;500;600&family=Manrope:wght@600;700;800&family=Playfair+Display:ital,wght@1,600&display=swap');

:root {
  --ls-navy: #0B2942;
  --ls-navy-deep: #061E32;
  --ls-navy-light: #163E63;
  --ls-gold: #C7A36B;
  --ls-gold-hover: #B68C4F;
  --ls-gold-light: #F4EAD8;
  --ls-bg: #F8F7F4;
  --ls-white: #FFFFFF;
  --ls-text: #13293B;
  --ls-muted: #617182;
  --ls-green-accent: #244A48;
  --ls-border: #E7E8E8;
  --ls-border-dark: #1E3D59;
  --ls-radius-card: 16px;
  --ls-radius-btn: 8px;
  --ls-container-max: 1200px;
  --ls-font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --ls-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

html[dir="rtl"] {
  --ls-font-heading: 'Cairo', sans-serif;
  --ls-font-body: 'Cairo', sans-serif;
}

body {
  font-family: var(--ls-font-body) !important;
  color: var(--ls-text) !important;
  background-color: var(--ls-bg) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Base Headings & Typography */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: var(--ls-font-heading) !important;
  color: var(--ls-navy) !important;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .elementor-heading-title {
  font-family: 'Cairo', sans-serif !important;
}

/* Global Container Constraints */
.container,
.elementor-element.container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  display: block !important;
}

.container > .e-con-inner,
.elementor-element.container > .e-con-inner {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* Standard Section Spacing */
.section-py,
.elementor-element.section-py {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  width: 100% !important;
  display: block !important;
}

/* Section Header (Title Left, Link Right) */
.section-header,
.elementor-element.section-header {
  width: 100% !important;
  display: block !important;
  margin-bottom: 36px !important;
}

.section-header > .e-con-inner,
.elementor-element.section-header > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.section-title-wrap {
  max-width: 680px !important;
}

.section-title-wrap.text-center {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.section-eyebrow,
.section-eyebrow .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #C7A36B !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.section-title,
.section-title .elementor-heading-title {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #0B2942 !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
}

.section-title.text-white,
.section-title.text-white .elementor-heading-title {
  color: #FFFFFF !important;
}

.section-subtitle {
  font-size: 15px !important;
  color: #617182 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.section-subtitle.text-muted-light {
  color: #D1DDE8 !important;
}

/* Buttons */
.btn,
.elementor-widget-button .elementor-button {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  width: auto !important;
}

.btn-gold,
.elementor-element.btn-gold .elementor-button {
  background-color: #C7A36B !important;
  color: #061E32 !important;
}
.btn-gold:hover,
.elementor-element.btn-gold .elementor-button:hover {
  background-color: #B68C4F !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(199, 163, 107, 0.35) !important;
}

.btn-outline-white,
.elementor-element.btn-outline-white .elementor-button {
  background-color: transparent !important;
  color: #FFFFFF !important;
  border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
}
.btn-outline-white:hover,
.elementor-element.btn-outline-white .elementor-button:hover {
  border-color: #FFFFFF !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.btn-sm,
.elementor-element.btn-sm .elementor-button {
  padding: 8px 18px !important;
  font-size: 13px !important;
  border-radius: 20px !important;
}

.btn-link,
.elementor-element.btn-link .elementor-button {
  background: transparent !important;
  color: #0B2942 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 0 !important;
  border: none !important;
  text-decoration: none !important;
  width: auto !important;
}
.btn-link:hover,
.elementor-element.btn-link .elementor-button:hover {
  color: #C7A36B !important;
}

/* ========================================================
   1. HERO SECTION
   ======================================================== */
.elementor-element.hero-section {
  position: relative !important;
  background-color: #061E32 !important;
  background-image: url('https://levantsourcetrading.com/wp-content/uploads/2026/10/hero_frozen_strawberry_mango_navy.jpg') !important;
  background-position: right center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 95px 0 70px !important;
  overflow: hidden !important;
  width: 100% !important;
}

.elementor-element.hero-section::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(6,30,50,0.96) 0%, rgba(6,30,50,0.88) 48%, rgba(6,30,50,0.3) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

html[dir="rtl"] .elementor-element.hero-section {
  background-position: left center !important;
}

html[dir="rtl"] .elementor-element.hero-section::before {
  background: linear-gradient(270deg, rgba(6,30,50,0.96) 0%, rgba(6,30,50,0.88) 48%, rgba(6,30,50,0.3) 100%) !important;
}

.elementor-element.hero-section .container,
.elementor-element.hero-section .hero-content {
  position: relative !important;
  z-index: 2 !important;
}

.hero-content {
  max-width: 820px !important;
  width: 100% !important;
}

.hero-eyebrow,
.hero-eyebrow .elementor-heading-title {
  display: inline-block !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #C7A36B !important;
  background: rgba(199, 163, 107, 0.14) !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  border-left: 3px solid #C7A36B !important;
  margin-bottom: 20px !important;
  width: fit-content !important;
}

html[dir="rtl"] .hero-eyebrow,
html[dir="rtl"] .hero-eyebrow .elementor-heading-title {
  border-left: none !important;
  border-right: 3px solid #C7A36B !important;
}

.hero-title,
.hero-title .elementor-heading-title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 48px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #FFFFFF !important;
  margin-bottom: 20px !important;
}

html[dir="rtl"] .hero-title,
html[dir="rtl"] .hero-title .elementor-heading-title {
  font-family: 'Cairo', sans-serif !important;
  font-size: 42px !important;
}

.hero-title span {
  color: #C7A36B !important;
  display: block !important;
}

.hero-lead-wrap,
.hero-lead {
  font-size: 17px !important;
  color: #D1DDE8 !important;
  line-height: 1.65 !important;
  margin-bottom: 32px !important;
  max-width: 680px !important;
}

.hero-buttons {
  width: 100% !important;
  display: block !important;
  margin-bottom: 48px !important;
}

.hero-buttons > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  width: auto !important;
}

.hero-buttons .elementor-widget-button {
  width: auto !important;
  display: inline-block !important;
}

.hero-values-wrapper {
  width: 100% !important;
  display: block !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding-top: 28px !important;
}

.hero-values-wrapper > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}

.hero-values {
  flex-grow: 1 !important;
  display: block !important;
}

.hero-values > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
}

.hero-val-item {
  display: block !important;
}

.hero-val-item > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
}

.hero-val-icon img {
  width: 32px !important;
  height: 32px !important;
  display: block !important;
}

.hero-val-text,
.hero-val-text .elementor-heading-title {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #E2E8F0 !important;
  line-height: 1.35 !important;
}

.hero-script-badge,
.hero-script-badge .elementor-heading-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-style: italic !important;
  font-size: 20px !important;
  color: #C7A36B !important;
  line-height: 1.25 !important;
  text-align: right !important;
  white-space: nowrap !important;
  margin-left: 24px !important;
  opacity: 0.9 !important;
}

html[dir="rtl"] .hero-script-badge,
html[dir="rtl"] .hero-script-badge .elementor-heading-title {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 24px !important;
}

/* ========================================================
   2. CATEGORIES SECTION
   ======================================================== */
.categories-grid {
  width: 100% !important;
  display: block !important;
}

.categories-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.category-split-card {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #061E32 !important;
  box-shadow: 0 4px 20px rgba(11, 41, 66, 0.08) !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  display: block !important;
}

.category-split-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(11, 41, 66, 0.15) !important;
}

.category-split-card > .e-con-inner {
  display: grid !important;
  grid-template-columns: 45% 55% !important;
  width: 100% !important;
  min-height: 230px !important;
  height: 100% !important;
}

html[dir="rtl"] .category-split-card > .e-con-inner {
  grid-template-columns: 55% 45% !important;
}

html[dir="rtl"] .category-split-card .category-split-body {
  order: 1 !important;
}

html[dir="rtl"] .category-split-card .category-split-img {
  order: 2 !important;
}

.category-split-img,
.category-split-img > .e-con-inner,
.category-split-img .elementor-widget-image,
.category-split-img .elementor-widget-image .elementor-widget-container,
.category-split-img img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s ease !important;
}

.category-split-card:hover .category-split-img img {
  transform: scale(1.05) !important;
}

.category-split-body {
  padding: 32px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background: #061E32 !important;
  color: #FFFFFF !important;
}

.category-split-title,
.category-split-title .elementor-heading-title {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  margin-bottom: 8px !important;
}

.category-split-desc {
  font-size: 13.5px !important;
  color: #D1DDE8 !important;
  margin-bottom: 16px !important;
  line-height: 1.45 !important;
}

/* ========================================================
   3. FEATURED PRODUCTS (6 GRID ROW)
   ======================================================== */
.products-grid-6 {
  width: 100% !important;
  display: block !important;
}

.products-grid-6 > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.product-card-ref {
  background: #FFFFFF !important;
  border: 1px solid #E7E8E8 !important;
  border-radius: 12px !important;
  padding: 18px 14px !important;
  text-align: center !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(11, 41, 66, 0.04) !important;
  width: 100% !important;
  display: block !important;
}

.product-card-ref:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(11, 41, 66, 0.08) !important;
  border-color: #C7A36B !important;
}

.product-card-ref > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 100% !important;
  width: 100% !important;
}

.product-card-thumb {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #FFFFFF !important;
}

.product-card-thumb img {
  max-height: 100px !important;
  width: auto !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}
.product-card-ref:hover .product-card-thumb img {
  transform: scale(1.08) !important;
}

.product-card-name,
.product-card-name .elementor-heading-title {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #0B2942 !important;
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
}

.product-card-cat,
.product-card-cat .elementor-heading-title {
  font-size: 12px !important;
  color: #617182 !important;
  margin-bottom: 12px !important;
  display: block !important;
}

.product-card-btn .elementor-button {
  border: 1px solid #C7A36B !important;
  color: #0B2942 !important;
  background: transparent !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  padding: 6px 14px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}
.product-card-btn .elementor-button:hover {
  background: #C7A36B !important;
  color: #FFFFFF !important;
}

/* ========================================================
   4. WHY CHOOSE SECTION (SPLIT 45 / 55)
   ======================================================== */
.why-choose-card-wrap {
  background: #FFFFFF !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(11, 41, 66, 0.06) !important;
  width: 100% !important;
  display: block !important;
}

.why-choose-card-wrap > .e-con-inner {
  display: grid !important;
  grid-template-columns: 45% 55% !important;
  width: 100% !important;
  min-height: 400px !important;
}

html[dir="rtl"] .why-choose-card-wrap > .e-con-inner {
  grid-template-columns: 55% 45% !important;
}

html[dir="rtl"] .why-choose-card-wrap .why-choose-text-pane {
  order: 1 !important;
}

html[dir="rtl"] .why-choose-card-wrap .why-choose-img-pane {
  order: 2 !important;
}

.why-choose-img-pane,
.why-choose-img-pane > .e-con-inner,
.why-choose-img-pane .elementor-widget-image,
.why-choose-img-pane .elementor-widget-image .elementor-widget-container,
.why-choose-img-pane img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.why-choose-text-pane {
  padding: 48px 44px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.features-grid-2x2 {
  width: 100% !important;
  display: block !important;
  margin-top: 28px !important;
}

.features-grid-2x2 > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
}

.feature-row-item {
  display: block !important;
}

.feature-row-item > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

.feature-gold-icon img {
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.feature-title-text,
.feature-title-text .elementor-heading-title {
  font-size: 15.5px !important;
  font-weight: 700 !important;
  color: #0B2942 !important;
  margin-bottom: 4px !important;
}

.feature-desc-text {
  font-size: 13px !important;
  color: #617182 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* ========================================================
   5. 5-STEP PROCESS TIMELINE
   ======================================================== */
.process-timeline-bar {
  width: 100% !important;
  display: block !important;
  margin-top: 48px !important;
}

.process-timeline-bar > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px !important;
  text-align: center !important;
  width: 100% !important;
  position: relative !important;
}

.process-timeline-bar > .e-con-inner::before {
  content: '' !important;
  position: absolute !important;
  top: 24px !important;
  left: 10% !important;
  right: 10% !important;
  height: 2px !important;
  background: repeating-linear-gradient(90deg, #C7A36B 0, #C7A36B 6px, transparent 6px, transparent 12px) !important;
  z-index: 0 !important;
}

.process-step-item {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
}

.process-step-item > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.process-circle-num,
.process-circle-num .elementor-heading-title {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background-color: #C7A36B !important;
  color: #FFFFFF !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 14px !important;
}

.process-step-title,
.process-step-title .elementor-heading-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0B2942 !important;
  margin-bottom: 6px !important;
}

.process-step-desc {
  font-size: 12.5px !important;
  color: #617182 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* ========================================================
   6. QUALITY & COMPLIANCE (SPLIT 1:1)
   ======================================================== */
.quality-split-grid {
  width: 100% !important;
  display: block !important;
}

.quality-split-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  align-items: center !important;
  width: 100% !important;
}

.quality-list-check {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 24px 0 32px !important;
}

.quality-check-line {
  display: block !important;
}

.quality-check-line > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
}

.quality-check-icon img {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
}

.quality-check-text,
.quality-check-text .elementor-heading-title {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #13293B !important;
}

.quality-img-wrap img {
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(11, 41, 66, 0.1) !important;
  width: 100% !important;
  display: block !important;
}

/* ========================================================
   7. GLOBAL MARKETS (BUYER SEGMENTS 5-GRID)
   ======================================================== */
.buyer-grid-5 {
  width: 100% !important;
  display: block !important;
  margin-top: 40px !important;
}

.buyer-grid-5 > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
}

.buyer-col-item {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 24px 16px !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
  display: block !important;
}

.buyer-col-item:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-3px) !important;
}

.buyer-col-item > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.buyer-col-icon img {
  width: 36px !important;
  height: 36px !important;
  margin-bottom: 12px !important;
}

.buyer-col-title,
.buyer-col-title .elementor-heading-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
}

/* ========================================================
   8. OUR IMPACT (VALUE METRICS 4-ROW)
   ======================================================== */
.impact-split-card {
  background: #FFFFFF !important;
  border-radius: 16px !important;
  padding: 40px 48px !important;
  box-shadow: 0 4px 20px rgba(11, 41, 66, 0.06) !important;
  width: 100% !important;
  display: block !important;
}

.impact-split-card > .e-con-inner {
  display: grid !important;
  grid-template-columns: 35% 65% !important;
  gap: 32px !important;
  align-items: center !important;
  width: 100% !important;
}

.impact-note {
  font-size: 13.5px !important;
  color: #617182 !important;
  margin-top: 6px !important;
  line-height: 1.5 !important;
}

.impact-metrics-row {
  display: block !important;
  width: 100% !important;
}

.impact-metrics-row > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
}

.impact-metric-box {
  text-align: center !important;
  display: block !important;
}

.impact-metric-box > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.impact-metric-icon img {
  width: 28px !important;
  height: 28px !important;
  margin-bottom: 6px !important;
}

.impact-metric-val,
.impact-metric-val .elementor-heading-title {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #0B2942 !important;
  line-height: 1.1 !important;
  margin-bottom: 4px !important;
}

.impact-metric-lbl,
.impact-metric-lbl .elementor-heading-title {
  font-size: 13px !important;
  color: #617182 !important;
  font-weight: 600 !important;
}

/* ========================================================
   9. LATEST INSIGHTS / BLOG (3 HORIZONTAL CARDS)
   ======================================================== */
.blog-grid-3 {
  width: 100% !important;
  display: block !important;
}

.blog-grid-3 > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
}

.blog-card-horizontal {
  background: #FFFFFF !important;
  border: 1px solid #E7E8E8 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(11, 41, 66, 0.04) !important;
  width: 100% !important;
  display: block !important;
}

.blog-card-horizontal:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(11, 41, 66, 0.08) !important;
  border-color: #C7A36B !important;
}

.blog-card-horizontal > .e-con-inner {
  display: grid !important;
  grid-template-columns: 140px 1fr !important;
  height: 160px !important;
  width: 100% !important;
}

html[dir="rtl"] .blog-card-horizontal > .e-con-inner {
  grid-template-columns: 1fr 140px !important;
}

html[dir="rtl"] .blog-card-horizontal .blog-card-content-wrap {
  order: 1 !important;
}

html[dir="rtl"] .blog-card-horizontal .blog-card-thumb-wrap {
  order: 2 !important;
}

.blog-card-thumb-wrap {
  width: 140px !important;
  height: 160px !important;
}

.blog-card-thumb-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.blog-card-content-wrap {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.blog-card-date,
.blog-card-date .elementor-heading-title {
  font-size: 12px !important;
  color: #C7A36B !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
}

.blog-card-heading,
.blog-card-heading .elementor-heading-title {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #0B2942 !important;
  line-height: 1.3 !important;
  margin-bottom: 6px !important;
}

.blog-card-desc {
  font-size: 12px !important;
  color: #617182 !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
}

.blog-card-read-more .elementor-button {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #C7A36B !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

/* ========================================================
   10. FINAL CTA BANNER
   ======================================================== */
.final-cta-banner-wrap {
  background-color: #061E32 !important;
  background-image: url('https://levantsourcetrading.com/wp-content/uploads/2026/10/category_frozen_fruits.jpg') !important;
  background-position: right center !important;
  background-size: cover !important;
  position: relative !important;
  border-radius: 16px !important;
  padding: 48px 56px !important;
  overflow: hidden !important;
  width: 100% !important;
  display: block !important;
}

.final-cta-banner-wrap::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(6,30,50,0.96) 0%, rgba(6,30,50,0.88) 60%, rgba(6,30,50,0.4) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

html[dir="rtl"] .final-cta-banner-wrap::before {
  background: linear-gradient(270deg, rgba(6,30,50,0.96) 0%, rgba(6,30,50,0.88) 60%, rgba(6,30,50,0.4) 100%) !important;
}

.final-cta-banner-wrap > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
}

.final-cta-eyebrow,
.final-cta-eyebrow .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  color: #C7A36B !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.final-cta-title,
.final-cta-title .elementor-heading-title {
  font-size: 30px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
}

.final-cta-desc {
  font-size: 15px !important;
  color: #D1DDE8 !important;
  max-width: 600px !important;
  margin: 0 !important;
}

/* ========================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ======================================================== */
@media (max-width: 1024px) {
  .products-grid-6 > .e-con-inner {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .buyer-grid-5 > .e-con-inner {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .hero-values > .e-con-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .why-choose-card-wrap > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
  .quality-split-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
  .impact-split-card > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
  .blog-grid-3 > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .products-grid-6 > .e-con-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .categories-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
  .category-split-card > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
  .process-timeline-bar > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
  .buyer-grid-5 > .e-con-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .impact-metrics-row > .e-con-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .final-cta-banner-wrap > .e-con-inner {
    flex-direction: column !important;
    gap: 24px !important;
    align-items: flex-start !important;
    padding: 32px 24px !important;
  }
  .hero-title,
  .hero-title .elementor-heading-title {
    font-size: 32px !important;
  }
}