/* ANC mobile polish: typography alignment, compact icon grids, and mobile accordions */
@media (max-width: 768px) {
  /* Natural reading alignment on mobile */
  html[lang="en"] main p,
  html[lang="en"] main li,
  html[lang="en"] main .rv-text,
  html[lang="en"] main .pi-body,
  html[lang="en"] main .faq-a,
  html[lang="en"] main .product-content,
  html[lang="en"] main .article-body,
  html[lang="en"] main .ov-body {
    text-align: left !important;
  }
  html[lang="ar"] main p,
  html[lang="ar"] main li,
  html[lang="ar"] main .rv-text,
  html[lang="ar"] main .pi-body,
  html[lang="ar"] main .faq-a,
  html[lang="ar"] main .product-content,
  html[lang="ar"] main .article-body,
  html[lang="ar"] main .ov-body {
    text-align: right !important;
  }

  /* Keep deliberately centered UI centered */
  main .center-head,
  main .center-head p,
  main .section-header,
  main .section-header p,
  main .cta,
  main .cta p,
  main .hero,
  main .hero p,
  main .metrics,
  main .metrics p,
  main .metric,
  main .metric p {
    text-align: center !important;
  }

  /* Small trust/certification rows: two tidy columns with aligned icons */
  .trust-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 14px !important;
    align-items: stretch !important;
  }
  .trust-row .trust-badge {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[lang="en"] .trust-row .trust-badge { justify-content: flex-start !important; text-align: left !important; }
  html[lang="ar"] .trust-row .trust-badge { justify-content: flex-start !important; text-align: right !important; direction: rtl !important; }
  .trust-row .trust-badge i,
  .trust-row .trust-badge img,
  .trust-row .trust-badge .ic {
    flex: 0 0 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .trust-row .trust-badge span {
    min-width: 0 !important;
    line-height: 1.35 !important;
  }

  /* Generic compact icon lists that share the same visual pattern */
  .hero-trust,
  .cta-feats {
    align-items: stretch !important;
  }

  /* Mobile tabs become an accordion: selected content sits directly under its choice */
  .tabs {
    display: block !important;
  }
  .tabs .tabs-list {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0 !important;
  }
  .tabs .tab-btn {
    width: 100% !important;
  }
  .tabs .tab-panel.mobile-inline-panel {
    width: 100% !important;
    margin: 10px 0 18px !important;
    animation: none !important;
  }
  .tabs .tab-panel.mobile-inline-panel:not(.active) {
    display: none !important;
  }
  .tabs .tab-panel.mobile-inline-panel.active {
    display: block !important;
  }
  .tabs .tab-panel.mobile-inline-panel .panel-img {
    width: 100% !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }
  .tabs .tab-panel.mobile-inline-panel .panel-img > img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    display: block !important;
  }
  .tabs .tab-panel.mobile-inline-panel .pi-body {
    padding: 16px !important;
  }

  /* Footer headings: no red decorative underlines */
  .footer-col h4::after,
  .footer-col h4:after,
  .footer-col .bar,
  footer .footer-col .bar {
    display: none !important;
    content: none !important;
  }
}