/* HOME mobile only. Keep the approved desktop rules and shared PDP styles.
   data-template also prevents this layer leaking during page transitions. */
@media screen and (max-width: 749px) {
  #MainContent[data-template="index"] {
    /* Conservative hero: retain all content, media and native CTA behaviour. */
    /* Keep the transparent header clear without changing the header itself. */
    .hero-wrapper { margin-top: 0 !important; }
    .hero-wrapper .hero { min-height: calc(min(100svh, 44rem) - var(--hero-height-offset)); }
    .hero-wrapper .hero__container { padding-block: calc(var(--header-height, 60px) + 20px) 20px; }
    .hero-wrapper .hero__content-wrapper { gap: 8px; }
    .hero-wrapper h1 { font-size: clamp(2.25rem, 10vw, 2.75rem); }
    .hero-wrapper h1 br { display: none; }
    .hero-wrapper .group-block-content:has(> a.button) { gap: 10px; }

    /* Four visible commitments; only the HOME instance is targeted. */
    .qv3-confidence { padding-block: 18px; }
    .qv3-confidence__grid article {
      min-height: 0;
      grid-template-columns: 36px minmax(0, 1fr);
      gap: 6px 10px;
      padding: 14px 12px;
      align-content: start;
      align-items: center;
    }
    .qv3-confidence__grid article > div { display: contents; }
    .qv3-confidence__icon { width: 36px; height: 36px; }
    .qv3-confidence__grid span:not(.qv3-confidence__icon),
    .qv3-confidence__grid small { grid-column: 1 / -1; margin-top: 0; }
    .qv3-confidence__terms { margin-top: 10px; }

    /* One tactile row, with a visible hint of the next model. */
    .qv3-explorer__section { padding-block: 36px; }
    .qv3-explorer__heading { margin-bottom: 20px; }
    .qv3-explorer__selector {
      display: flex;
      gap: 8px;
      min-width: 0;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x proximity;
      scroll-padding-inline: 9px;
      scrollbar-width: thin;
      padding: 9px;
    }
    .qv3-explorer__tab, .qv3-explorer__tab:first-child {
      flex: 0 0 172px;
      min-height: 78px;
      padding: 12px 26px 12px 12px;
      scroll-snap-align: start;
    }
    .qv3-explorer__panel { min-height: 0; }
    .qv3-explorer__media { aspect-ratio: 3 / 2; }
    .qv3-explorer__content { padding: 22px 18px; }
    .qv3-explorer__kicker { margin-bottom: 8px; }
    .qv3-explorer__content h3 { font-size: 34px; }
    .qv3-explorer__profile { margin-block: 12px 16px; }
    .qv3-explorer__fact { grid-template-columns: 76px minmax(0, 1fr); gap: 10px; padding-block: 8px; }
    .qv3-explorer__commercial { margin-top: 18px; gap: 12px; }
    .qv3-explorer__price > span { width: auto; }
    /* Respect the existing JS state: never reveal an empty Junior price. */
    .qv3-explorer [hidden] { display: none !important; }

    /* Independent arguments: one full item and a hint of the next. */
    .qv3-common-quality { padding-block: 36px; }
    .qv3-common-quality__container { min-width: 0; gap: 22px; }
    .qv3-common-quality__content { min-width: 0; }
    .qv3-common-quality header > p:last-child { margin-block: 14px 20px; }
    .qv3-common-quality__benefits {
      min-width: 0;
      display: grid;
      grid-template-columns: none;
      grid-auto-flow: column;
      grid-auto-columns: calc(100% - 28px);
      gap: 12px;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      scroll-padding-inline: 0;
      scrollbar-width: thin;
      border-top: 0;
      padding-block: 2px 12px;
    }
    .qv3-common-quality__benefits article,
    .qv3-common-quality__benefits article:nth-child(even) {
      min-width: 0;
      padding: 16px 14px;
      border: 1px solid var(--qv3c-line);
      border-radius: 12px;
      scroll-snap-align: start;
    }
    .qv3-common-quality__benefits:focus-visible { outline: 2px solid #91b4ee; outline-offset: 3px; }

    /* Topper stays vertical. Give descriptive copy the full panel width. */
    .qv3-topper { padding-block: 36px; }
    .qv3-topper__heading { margin-bottom: 20px; }
    .qv3-topper__media { aspect-ratio: 3 / 2; }
    .qv3-topper__media > img { object-fit: contain; object-position: center; }
    .qv3-topper__content { padding: 22px 18px; }
    .qv3-topper__intro > p:first-child { margin-bottom: 8px; }
    .qv3-topper__intro h3 { font-size: 30px; }
    .qv3-topper__intro > p:last-child { margin-top: 12px; }
    .qv3-topper__benefits { margin-top: 20px; gap: 16px; }
    .qv3-topper__benefits > div { grid-template-columns: 36px minmax(0, 1fr); gap: 6px 10px; }
    .qv3-topper__benefits > div > span { width: 36px; border-radius: 10px; }
    .qv3-topper__benefits p { display: contents; }
    .qv3-topper__benefits strong { align-self: center; }
    .qv3-topper__benefits small { grid-column: 1 / -1; margin-top: 0; }
    .qv3-topper__product { margin-top: 22px; }
    .qv3-topper__product > img { object-fit: contain; }

    /* Explanatory content remains sequential, not another carousel. */
    .qv3-hybrid-tech { padding-block: 36px; }
    .qv3-hybrid-tech__container { gap: 22px; }
    .qv3-hybrid-tech header > p:last-child { margin-block: 14px 18px; }
    .qv3-hybrid-tech__benefits article { grid-template-columns: 24px minmax(0, 1fr); gap: 6px 8px; padding-block: 12px; }
    .qv3-hybrid-tech__benefits div { display: contents; }
    .qv3-hybrid-tech__benefits h3 { margin-bottom: 0; }
    .qv3-hybrid-tech__benefits p { grid-column: 1 / -1; }
    .qv3-hybrid-tech__closing { margin-top: 16px; }
    .qv3-hybrid-tech__visual { aspect-ratio: 3 / 2; }

    /* Keep the existing review cards, content and carousel unchanged. */
    .qv3-reviews { padding-block: 44px; }
    .qv3-reviews__heading { gap: 14px; margin-bottom: 20px; }
  }
}