/* ============================================================
   MOBILE-ONLY TWEAKS (May 2026) — applied via mu-plugin
   1. Hero feature row: tighter icon/text alignment
   2. Hero slider: show prev/next arrows on mobile
   4. "Why Choosing Organico" section: uniform light bg
   ============================================================ */
@media (max-width: 768px) {
  /* 1. Hero features — tighter alignment */
  .o-hero-features { gap: 14px 22px !important; justify-content: flex-start !important; padding: 18px 4px 0 !important; }
  .o-hero-feat { gap: 10px !important; line-height: 1.35 !important; align-items: center !important; font-size: 14px !important; }
  .o-hero-feat svg { flex-shrink: 0 !important; width: 18px !important; height: 18px !important; vertical-align: middle !important; margin: 0 !important; }

  /* 2. Hero slider arrows on mobile — visible icons + no sticky hover + aligned with CTA buttons */
  .o-slider-arrow { display: flex !important; width: 40px !important; height: 40px !important; background: #fff !important; color: #155724 !important; box-shadow: 0 2px 8px rgba(0,0,0,.15) !important; opacity: 1 !important; top: 42% !important; }
  .o-slider-arrow.prev { left: 10px !important; }
  .o-slider-arrow.next { right: 10px !important; }
  .o-slider-arrow svg { width: 18px !important; height: 18px !important; stroke: #155724 !important; color: #155724 !important; display: block !important; }
  /* Disable sticky hover state on touch devices */
  .o-slider-arrow:hover, .o-slider-arrow:focus, .o-slider-arrow:active { background: #fff !important; color: #155724 !important; }
  .o-slider-arrow:hover svg, .o-slider-arrow:focus svg, .o-slider-arrow:active svg { stroke: #155724 !important; color: #155724 !important; }

  /* 4. "Why Choosing Organico" — uniform background (no split) */
  .o-about { background: #fbfbf8 !important; }

  /* 6. Trust badges (Secure Checkout / 100% Natural / Easy Returns / Fast Delivery) */
  .o-trust-grid { flex-direction: column !important; align-items: flex-start !important; gap: 18px !important; padding: 8px 16px !important; }
  .o-trust-card { width: 100% !important; gap: 14px !important; align-items: center !important; }
  .o-trust-card > svg { width: 40px !important; height: 40px !important; min-width: 40px !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; fill: currentColor !important; color: #155724 !important; }
  .o-trust-card > div { flex: 1 !important; min-width: 0 !important; }
  .o-trust-card .t { font-size: 15px !important; line-height: 1.3 !important; margin: 0 0 2px 0 !important; }
  .o-trust-card .d { font-size: 12.5px !important; line-height: 1.35 !important; }

  /* 7. "5,000+ Happy Families" badge — hangs off bottom-left edge of image (like desktop) */
  .o-about-img-wrap { margin-bottom: 50px !important; position: relative !important; overflow: visible !important; }
  .o-about-img { display: block !important; }
  .o-about-badge { position: absolute !important; bottom: -28px !important; left: -8px !important; right: auto !important; top: auto !important; margin: 0 !important; max-width: 230px !important; width: auto !important; padding: 14px 18px !important; box-shadow: 0 8px 24px rgba(0,0,0,.18) !important; z-index: 2 !important; }
  .o-about-badge h3 { font-size: 24px !important; margin-bottom: 2px !important; line-height: 1 !important; }
  .o-about-badge p { font-size: 11.5px !important; line-height: 1.25 !important; white-space: nowrap !important; }
}