/**
 * /ai mobile adaptations — breakpoint matches ai-hero.js + layout.css (767px).
 */

@media (max-width: 767px) {
  /* Sticky promo bar: not enough room on small screens */
  body[data-ai-page="true"] #ai-prototype-root > .sticky-bar,
  body[data-ai-page="true"] #ai-prototype-root .sticky-bar {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html:has(body[data-ai-page="true"]),
  body[data-ai-page="true"] {
    --sticky-bar-height: 0px;
  }

  /* Hero */
  body[data-ai-page="true"] #ai-prototype-root .ai-page-main > section.ai-hero-section {
    padding-top: clamp(2rem, 6vw, 3rem) !important;
    padding-bottom: clamp(2rem, 5vw, 3rem) !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-content-wrap {
    padding-left: clamp(0.75rem, 3vw, 1rem) !important;
    padding-right: clamp(0.75rem, 3vw, 1rem) !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-trust .testimonials-trust-wrapper .simple-paragraph {
    max-width: 22rem;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-headline {
    font-size: clamp(28px, 8.5vw, 36px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-ai-page="true"].ai-audience-obsidian #ai-prototype-root .ai-hero-headline {
    font-size: clamp(24px, 7.2vw, 34px) !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-title,
  body[data-ai-page="true"] #ai-prototype-root .ai-hero-subtitle,
  body[data-ai-page="true"] #ai-prototype-root .ai-hero-cta-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-benefits {
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    max-width: 20rem;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-primary-cta {
    width: 100%;
    max-width: 22rem;
    padding: 0.9rem 1.5rem !important;
    font-size: var(--ai-font-normal) !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-author-wrap {
    margin-bottom: 2rem !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-author-name {
    white-space: normal !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-author-card {
    padding: 1rem !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-author-title {
    font-size: var(--ai-font-normal) !important;
    text-align: left;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-hero-gif-shell,
  body[data-ai-page="true"] #ai-prototype-root .mobile-gif-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  /* Section rhythm + type */
  body[data-ai-page="true"] #ai-prototype-root {
    --ai-space-section-top: clamp(2rem, 5vw, 2.75rem);
    --ai-space-section-bottom: clamp(1.5rem, 4vw, 2rem);
    --ai-space-block: clamp(1.25rem, 3vw, 1.75rem);
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-section-title:not(.section__title),
  body[data-ai-page="true"] #ai-prototype-root .ai-story-title:not(.section__title),
  body[data-ai-page="true"] #ai-prototype-root .ai-problem-title:not(.section__title),
  body[data-ai-page="true"] #ai-prototype-root .ai-solution-title:not(.section__title),
  body[data-ai-page="true"] #ai-prototype-root .ai-difference-title:not(.section__title),
  body[data-ai-page="true"] #ai-prototype-root .ai-projects-title:not(.section__title),
  body[data-ai-page="true"] #ai-prototype-root .ai-time-saving-title:not(.section__title),
  body[data-ai-page="true"] #ai-prototype-root .ai-bonuses-title:not(.section__title),
  body[data-ai-page="true"] #ai-prototype-root .ai-roadmap-title {
    font-size: clamp(24px, 6.5vw, 28px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .container-custom,
  body[data-ai-page="true"] #ai-prototype-root .content-container {
    padding-left: clamp(0.875rem, 3vw, 1rem) !important;
    padding-right: clamp(0.875rem, 3vw, 1rem) !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-section-title,
  body[data-ai-page="true"] #ai-prototype-root .ai-section-description {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Feature + curriculum + project cards */
  body[data-ai-page="true"] #ai-prototype-root .ai-feature-card,
  body[data-ai-page="true"] #ai-prototype-root .ai-curriculum-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-feature-card:hover,
  body[data-ai-page="true"] #ai-prototype-root .ai-curriculum-card:hover {
    transform: none !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-projects-grid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Testimonials */
  body[data-ai-page="true"] #ai-prototype-root .ai-testimonial-embed-section {
    padding-left: clamp(0.875rem, 3vw, 1rem) !important;
    padding-right: clamp(0.875rem, 3vw, 1rem) !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .bw-inline-007,
  body[data-ai-page="true"] #ai-prototype-root .ai-testimonial-mount {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body[data-ai-page="true"] #ai-prototype-root .bw-testimonial-db {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* Countdown */
  body[data-ai-page="true"] #ai-prototype-root .ai-countdown-box {
    padding: 0.5rem 0.625rem !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-countdown-value {
    font-size: 1.5rem !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-countdown-separator {
    font-size: 1.25rem !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-countdown-boxes-row > * + * {
    margin-left: 0.375rem !important;
  }

  /* Pricing */
  body[data-ai-page="true"] #ai-prototype-root .pricing-card.ai-pricing-card {
    padding: 1.25rem !important;
    padding-top: 2rem !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-pricing-intro-copy {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-pricing-lead-text {
    font-size: var(--ai-font-normal) !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-pricing-card-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* FAQ */
  body[data-ai-page="true"] #ai-prototype-root .ai-faq-list-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-faq-section .ai-faq-trigger {
    padding: 0.875rem 1rem !important;
  }

  /* Story blocks */
  body[data-ai-page="true"] #ai-prototype-root .ai-my-story-photo-wrap {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-my-story-flow {
    display: flex;
    flex-direction: column;
  }

  /* Time saving + solution */
  body[data-ai-page="true"] #ai-prototype-root .ai-time-saving-grid > * + * {
    margin-top: 1.5rem !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-time-saving-image-wrap {
    max-width: 100%;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-solution-grid > * + * {
    margin-top: 0 !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-solution-prose {
    gap: var(--ai-space-4);
    margin-bottom: var(--ai-space-6);
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-solution-subtitle {
    margin-bottom: clamp(1.25rem, 4vw, 2rem) !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-difference-block {
    margin-top: var(--ai-space-5) !important;
    padding-top: var(--ai-space-3) !important;
  }


  body[data-ai-page="true"] #ai-prototype-root .ai-difference-inner {
    margin-bottom: var(--ai-space-5) !important;
  }

  /* Course fit + bonuses + roadmap */
  body[data-ai-page="true"] #ai-prototype-root .ai-course-fit-card,
  body[data-ai-page="true"] #ai-prototype-root .ai-bonuses-card,
  body[data-ai-page="true"] #ai-prototype-root .ai-roadmap-step.dashboard-card {
    padding: 1.25rem !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-roadmap-stack,
  body[data-ai-page="true"] #ai-prototype-root .ai-roadmap-intro-block {
    min-width: 0;
    max-width: 100%;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-story-mission-list {
    font-size: var(--ai-font-normal) !important;
  }

  /* Problem section */
  body[data-ai-page="true"] #ai-prototype-root .ai-problem-title,
  body[data-ai-page="true"] #ai-prototype-root .ai-problem-copy,
  body[data-ai-page="true"] #ai-prototype-root .ai-problem-idea-inline {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[data-ai-page="true"] #ai-prototype-root .ai-prev-courses-row {
    padding-inline: 0 !important;
  }

  /* Cards — tighter padding on small screens */
  body[data-ai-page="true"] #ai-prototype-root .dashboard-card,
  body[data-ai-page="true"] #ai-prototype-root .card {
    padding: 1rem !important;
  }
}

@media (max-width: 767px) and (hover: none) {
  body[data-ai-page="true"] #ai-prototype-root .hover-lift:hover,
  body[data-ai-page="true"] #ai-prototype-root .dashboard-card:hover,
  body[data-ai-page="true"] #ai-prototype-root .ai-project-card:hover {
    transform: none !important;
  }
}