/*
 * Mobile adaptation for octolab info pages (privacy, cookies, terms, return, payment, FAQ).
 * Targets body.octo-text-page and body.octo-faq-page.
 * Mobile-only under @media; desktop untouched.
 * Figma reference: 282:14132 (privacy), 282:14857 (cookies), 282:15083 (terms),
 *                  282:15309 (return), 282:15535 (payment), 282:15761 (FAQ).
 */

@media (max-width: 768px) {

  /* Scope to content area only — DO NOT include .e-con-inner here, it leaks to
     footer (Elementor footer uses .e-con-inner too) and adds extra 16px padding. */
  body.octo-text-page .site-main,
  body.octo-text-page .entry-content,
  body.octo-faq-page .site-main,
  body.octo-faq-page .entry-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.octo-text-page main h1.wp-block-heading,
  body.octo-text-page main h1,
  body.octo-text-page .page-content h1,
  body.octo-faq-page main h1.wp-block-heading,
  body.octo-faq-page main h1,
  body.octo-faq-page .page-content h1 {
    font-family: "Bebas Neue Cyrillic", "Bebas Neue", sans-serif !important;
    font-size: 56px !important;
    line-height: 0.9 !important;
    letter-spacing: -0.011em !important;
    color: #f9f9f9 !important;
    text-transform: uppercase !important;
    margin: 0 0 16px !important;
  }

  body.octo-text-page main p,
  body.octo-text-page main .entry-content p,
  body.octo-text-page main p.octo-lead,
  body.octo-faq-page main p,
  body.octo-faq-page main .entry-content p {
    font-family: "e-Ukraine", sans-serif;
    font-weight: 200;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.011em;
    color: #f9f9f9;
    margin: 0 0 16px;
  }

  body.octo-text-page main ul,
  body.octo-text-page main ol,
  body.octo-text-page main .entry-content ul,
  body.octo-text-page main .entry-content ol,
  body.octo-text-page .page-content ul.wp-block-list,
  body.octo-text-page .page-content ol.wp-block-list,
  body.octo-faq-page main ul,
  body.octo-faq-page main ol {
    padding-left: 21px !important;
    margin: 0 0 16px !important;
    list-style: disc outside !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body.octo-text-page main ol,
  body.octo-text-page .page-content ol.wp-block-list,
  body.octo-faq-page main ol {
    list-style: decimal outside !important;
  }

  body.octo-text-page main li,
  body.octo-text-page main .entry-content li,
  body.octo-text-page .page-content li,
  body.octo-faq-page main li {
    font-family: "e-Ukraine", sans-serif !important;
    font-weight: 200 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.011em !important;
    color: #f9f9f9 !important;
    margin: 0 0 8px !important;
  }

  body.octo-text-page main h2,
  body.octo-text-page main h3,
  body.octo-text-page main h4,
  body.octo-faq-page main h2,
  body.octo-faq-page main h3,
  body.octo-faq-page main h4 {
    font-family: "Bebas Neue Cyrillic", "Bebas Neue", sans-serif;
    color: #f9f9f9;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 24px 0 12px;
  }

  body.octo-text-page main h2,
  body.octo-faq-page main h2 { font-size: 36px; letter-spacing: -0.011em; }
  body.octo-text-page main h3,
  body.octo-faq-page main h3 { font-size: 24px; color: #7c7cff; }
  body.octo-text-page main h4,
  body.octo-faq-page main h4 { font-size: 20px; }

  body.octo-text-page main a,
  body.octo-faq-page main a {
    color: #7c7cff;
    text-decoration: underline;
  }

  body.octo-text-page main,
  body.octo-faq-page main {
    padding-top: 8px;
    padding-bottom: 60px;
  }
}