/* ===================== MOBILE ===================== */
      @media (max-width: 720px) {
        .quiz-hero {
          width: calc(100% - 20px);
          padding: 15px 12px 13px;
          border-radius: 20px;
        }

        .quiz-hero-title {
          font-size: clamp(1.45rem, 8vw, 2.15rem);
        }

        .quiz-hero-sub {
          font-size: 0.86rem;
        }

        .quiz-hero-proof {
          gap: 6px;
        }

        .quiz-hero-proof span {
          min-height: 26px;
          padding: 4px 8px;
          font-size: 0.72rem;
        }

        .quiz-hero-actions {
          grid-template-columns: 1fr;
          gap: 9px;
        }

        .quiz-hero-action {
          min-height: 56px;
          border-radius: 15px;
          padding: 10px 12px;
        }

        .quiz-hero-action-main {
          min-height: 86px;
        }

        .quiz-container {
          padding: 12px;
          max-width: 100%;
        }

        .quiz-poster {
          width: 210px;
          height: 300px;
        }

        .navbar-inner {
          padding: 10px 14px;
          flex-wrap: wrap;
        }

        .nav-right {
          width: 100%;
          justify-content: flex-start;
          flex-wrap: wrap;
          gap: 10px;
        }

        .nav-links {
          width: 100%;
          justify-content: flex-start;
          gap: 8px;
        }

        .nav-link {
          font-size: 0.82rem;
          padding: 6px 9px;
        }

        .nav-search {
          width: 100%;
        }

        .nav-search input {
          width: 100%;
        }

        .carousel-btn {
          display: none;
        }

        .carousel-wrapper {
          padding: 14px 0;
        }

        .carousel-track {
          padding: 6px 16px 36px;
          gap: 12px;
        }
      }
      .seo-discovery {
        margin: 6px auto 0;
        max-width: 760px;
        width: calc(100% - 32px);
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 10px;
        background: rgba(8, 12, 24, 0.96);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
        padding: 10px 10px;
      }
      .seo-discovery h2 {
        margin: 0 0 3px;
        font-size: 0.8rem;
      }
      .seo-discovery p {
        margin: 0 0 6px;
        color: var(--text-muted);
        font-size: 0.7rem;
      }
      .seo-discovery-links {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
      }
      .seo-discovery-links a {
        display: block;
        border: 1px solid rgba(255, 255, 255, 0.14);
        color: #e8eefc;
        background: rgba(255, 255, 255, 0.03);
        text-decoration: none;
        border-radius: 9px;
        padding: 5px 7px;
        font-size: 0.68rem;
        line-height: 1.24;
      }
      .seo-discovery-links a:hover {
        background: rgba(255, 255, 255, 0.08);
        border-color: rgba(255, 255, 255, 0.22);
      }
      @media (max-width: 760px) {
        .quiz-hero-actions {
          grid-template-columns: 1fr;
        }
        .quiz-hero-action {
          width: 100%;
        }
        .seo-discovery-links {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 1180px) {
        .qv-app-shell {
          grid-template-columns: 78px minmax(0, 1fr);
        }
        .qv-logo span,
        .qv-menu a:not(.active),
        .qv-profile,
        .qv-taste-cta {
          display: none;
        }
        .qv-menu a {
          justify-content: center;
          padding: 0;
        }
        .qv-menu a span {
          width: auto;
        }
        .qv-topbar {
          grid-template-columns: minmax(240px, 1fr) auto;
        }
        .qv-topnav {
          display: none;
        }
        .qv-lower-grid {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 760px) {
        .qv-app-shell {
          display: block;
        }
        .qv-sidebar {
          display: none;
        }
        .qv-main {
          padding: 14px;
        }
        .qv-topbar {
          grid-template-columns: 1fr;
        }
        .qv-account {
          display: none;
        }
        .qv-hero {
          min-height: auto;
          display: flex;
          flex-direction: column;
          overflow: visible;
        }
        .qv-hero-copy {
          width: 100%;
          padding: 24px 18px 18px;
        }
        .qv-hero h1 {
          font-size: clamp(2rem, 12vw, 3.2rem);
        }
        .qv-hero-score,
        .qv-hero-reasons {
          position: relative;
          right: auto;
          top: auto;
          bottom: auto;
          transform: none;
          width: auto;
          margin: 0 16px 16px;
          border-radius: 16px;
        }
        .qv-hero-reasons {
          padding: 18px;
        }
        .qv-hero-reasons li {
          min-height: auto;
        }
        .qv-hero-taste-actions {
          position: relative;
          right: auto;
          bottom: auto;
          width: auto;
          margin: 0 16px 16px;
          grid-template-columns: 1fr;
        }
        .qv-hero-stats {
          position: relative;
          left: auto;
          bottom: auto;
          max-width: none;
          margin: -8px 16px 14px;
        }
        body.qv-finder-mode #qvHomeDashboard {
          display: block !important;
        }
        body.qv-finder-mode.layout-quiz-top > main.app {
          width: 100%;
          margin-left: 0;
          padding: 0;
        }
        .qv-filter-row,
        .qv-benefits {
          grid-template-columns: 1fr;
        }
        .qv-trending-grid,
        .qv-genres-box {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }