/* about-kratom-responsive.css — page-specific responsive rules
   Generated by _build/extract-css.cjs. Load AFTER kp-global.css. */

@media (max-width: 1024px) {
  [data-r="hero-grid"] { grid-template-columns: 1fr 1fr !important; gap: 36px !important; padding: 56px 24px !important; min-height: auto !important; }
  [data-r="hero-headline"] { font-size: 64px !important; }
  [data-r="hero-image"] { max-width: 100% !important; }
  [data-r="whatis-grid"] { grid-template-columns: 1fr 1fr !important; gap: 36px !important; }
  [data-r="whatis-headline"] { font-size: 40px !important; }
  [data-r="origin-row"] { grid-template-columns: 1fr !important; gap: 20px !important; }
  [data-r="origin-supplier-row"] { grid-template-columns: 1fr !important; gap: 20px !important; }
  [data-r="origin-headline"] { font-size: 40px !important; }
  [data-r="strains-grid"] { grid-template-columns: 1fr 1fr !important; }
  [data-r="strains-headline"] { font-size: 40px !important; }
  [data-r="strains-head"] { flex-direction: column !important; align-items: flex-start !important; gap: 16px; }
  [data-r="strains-head"] > p { text-align: left !important; }
  [data-r="processing-grid"] { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
  [data-r="processing-line"] { display: none !important; }
  [data-r="processing-headline"] { font-size: 40px !important; }
  [data-r="processing-stats"] { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
  [data-r="quality-grid"] { grid-template-columns: 1fr 1fr !important; }
  [data-r="quality-headline"] { font-size: 40px !important; }
  [data-r="faq-grid"] { grid-template-columns: 1fr !important; gap: 32px !important; }
  [data-r="faq-side"] { position: static !important; }
  [data-r="faq-headline"] { font-size: 40px !important; }
  [data-r="cta-grid"] { grid-template-columns: 1fr !important; gap: 28px !important; padding: 40px 32px !important; }
  [data-r="cta-headline"] { font-size: 36px !important; }
}

@media (max-width: 950px) {
  [data-r="section"] { padding-top: 48px !important; padding-bottom: 48px !important; }
  [data-r="hero-grid"] { grid-template-columns: 1fr !important; padding: 36px 20px !important; gap: 28px !important; }
  html { overflow-x: hidden; }
  [data-r="hero-text"] { order: 2; }
  [data-r="hero-image"] { order: 1; max-width: 480px !important; margin: 0 auto !important; justify-self: center !important; }
  [data-r="hero-headline"] { font-size: 44px !important; }
  [data-r="hero-meta"] { flex-wrap: wrap !important; gap: 16px !important; }
  [data-r="whatis-grid"] { grid-template-columns: 1fr !important; gap: 28px !important; }
  [data-r="whatis-image"] { order: -1; max-width: 480px; margin: 0 auto; }
  [data-r="whatis-headline"] { font-size: 32px !important; }
  [data-r="whatis-facts"] { grid-template-columns: 1fr 1fr !important; }
  [data-r="origin-headline"] { font-size: 32px !important; }
  [data-r="origin-chain"] { flex-wrap: wrap !important; gap: 12px !important; justify-content: center; }
  [data-r="origin-chain"] > div { flex: 0 0 calc(50% - 8px) !important; }
  [data-r="origin-chain-arrow"] { display: none !important; }
  [data-r="origin-chain-meta"] { flex-wrap: wrap !important; gap: 16px !important; }
  [data-r="strains-grid"] { grid-template-columns: 1fr !important; }
  [data-r="strains-headline"] { font-size: 32px !important; }
  [data-r="processing-grid"] { grid-template-columns: 1fr 1fr !important; }
  [data-r="processing-headline"] { font-size: 32px !important; }
  [data-r="processing-stats"] { padding: 18px 20px !important; }
  [data-r="quality-grid"] { grid-template-columns: 1fr !important; }
  [data-r="quality-headline"] { font-size: 32px !important; }
  [data-r="quality-card"] { min-height: auto !important; }
  [data-r="faq-headline"] { font-size: 36px !important; }
  [data-r="faq-question"] { padding: 18px 16px !important; gap: 12px !important; }
  [data-r="faq-question"] > span:nth-of-type(2) { font-size: 13px !important; }
  [data-r="faq-answer"] { padding: 0 16px 18px 16px !important; }
  [data-r="cta-grid"] { padding: 36px 24px !important; }
  [data-r="cta-headline"] { font-size: 30px !important; }
}

@media (max-width: 480px) {
  [data-r="section"] { padding-top: 40px !important; padding-bottom: 40px !important; }
  [data-r="hero-headline"] { font-size: 36px !important; }
  [data-r="hero-meta"] { gap: 14px !important; }
  [data-r="hero-meta"] > div { flex: 1 1 calc(50% - 8px); }
  [data-r="whatis-headline"] { font-size: 28px !important; }
  [data-r="origin-headline"] { font-size: 28px !important; }
  [data-r="origin-region-card"] { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }
  [data-r="origin-region-head"] { flex-wrap: wrap !important; }
  [data-r="origin-supplier-facts"] { grid-template-columns: 1fr !important; gap: 12px !important; }
  [data-r="origin-chain"] > div { flex: 0 0 100% !important; }
  [data-r="strains-headline"] { font-size: 28px !important; }
  [data-r="processing-grid"] { grid-template-columns: 1fr !important; gap: 12px !important; }
  [data-r="processing-headline"] { font-size: 28px !important; }
  [data-r="processing-stats"] { grid-template-columns: 1fr !important; gap: 16px !important; }
  [data-r="quality-headline"] { font-size: 28px !important; }
  [data-r="faq-headline"] { font-size: 32px !important; }
  [data-r="cta-headline"] { font-size: 26px !important; }
  [data-r="cta-buttons"] button { width: 100%; }
}