/* Plaud Mobile Bar: hidden on desktop by default */
          .plaud-mobile-bar {
            display: none;
          }

          @media (max-width: 768px) {
            /* 1. Hide the top horizontal scroll pill tabs */
            #interactive-features .features-tabs,
            #interactive-features .home-ask-carousel .features-tabs,
            #interactive-features .hp-video-carousel .features-tabs {
              display: none !important;
            }

            /* Hide the video overlay play button on mobile so bottom controls are central */
            #interactive-features .video-play-btn {
              display: none !important;
            }

            /* 2. 1:1 Aspect Ratio Card for Mobile */
            #interactive-features .features-content {
              max-width: 420px;
              margin: 0 auto;
            }

            #interactive-features .feature-video-wrapper {
              aspect-ratio: 1 / 1 !important;
              width: 100% !important;
              padding-bottom: 0 !important;
              background: linear-gradient(180deg, #E0E4EB 0%, #CFD5DF 100%) !important;
              border-radius: 24px !important;
              overflow: hidden !important;
              box-shadow: none !important;
              border: none !important;
              outline: none !important;
              position: relative !important;
            }

            #interactive-features .feature-video-wrapper.is-active {
              display: block !important;
              animation: slideFadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
            }

            /* Hide the 16:9 landscape background image on mobile */
            #interactive-features .feature-video-wrapper picture {
              display: none !important;
            }

            /* Smartphone frame: centered, flush bottom, UI elements 100% fully visible, no border/shadow */
            #interactive-features .feature-video-overlay {
              position: absolute !important;
              right: auto !important;
              top: auto !important;
              left: 50% !important;
              bottom: 0 !important;
              width: calc(94% * (518 / 1020)) !important;
              height: 94% !important;
              aspect-ratio: 518 / 1020 !important;
              border-radius: 28px 28px 0 0 !important;
              overflow: hidden !important;
              transform: translateX(-50%) !important;
              box-shadow: none !important;
              border: none !important;
              outline: none !important;
              background-color: transparent !important;
              margin: 0 !important;
            }

            #interactive-features .feature-video-overlay video {
              width: 100% !important;
              height: 100% !important;
              object-fit: cover !important;
              object-position: center top !important;
              display: block !important;
              border-radius: 28px 28px 0 0 !important;
              border: none !important;
              outline: none !important;
              box-shadow: none !important;
            }

            /* 3. Plaud Mobile Bar Container */
            .plaud-mobile-bar {
              display: flex !important;
              flex-direction: column;
              width: 100%;
              max-width: 420px;
              margin: 18px auto 0;
              padding: 0 4px;
              box-sizing: border-box;
            }

            /* Feature Title: Big, eye-catching, smooth transition */
            .plaud-mobile-title {
              font-size: 20px;
              font-weight: 600;
              line-height: 28px;
              color: var(--color-text-main, #191C1D);
              letter-spacing: -0.01em;
              margin-bottom: 18px;
              min-height: 28px;
              transition: opacity 0.2s ease, transform 0.2s ease;
            }

            .plaud-mobile-title.is-changing {
              opacity: 0;
              transform: translateY(3px);
            }

            /* Controls row: Progress bar on left, buttons on right */
            .plaud-mobile-controls {
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 100%;
              gap: 16px;
            }

            /* Indicator Group on Left */
            .plaud-indicator-group {
              display: flex;
              align-items: center;
              gap: 8px;
              flex: 1;
              height: 38px;
            }

            .plaud-indicator-item {
              height: 4px;
              background-color: #E5E7EB;
              border-radius: 999px;
              overflow: hidden;
              position: relative;
              transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
              cursor: pointer;
              flex-shrink: 0;
            }

            .plaud-indicator-item::before {
              content: '';
              position: absolute;
              top: -12px;
              bottom: -12px;
              left: -4px;
              right: -4px;
            }

            /* Inactive: subtle dot */
            .plaud-indicator-item:not(.is-active) {
              width: 6px;
              height: 6px;
              border-radius: 50%;
              background-color: #9CA3AF;
            }

            /* Active: elongated pill bar */
            .plaud-indicator-item.is-active {
              width: 48px;
              height: 4px;
              border-radius: 999px;
              background-color: #E5E7EB;
            }

            /* Inner fill of active pill */
            .plaud-indicator-fill {
              height: 100%;
              width: 0%;
              background-color: var(--color-primary, #2277FF) !important;
              border-radius: 999px;
            }

            /* Navigation Buttons on Right */
            .plaud-nav-buttons {
              display: flex;
              align-items: center;
              gap: 8px;
              flex-shrink: 0;
            }

            .plaud-btn {
              width: 38px;
              height: 38px;
              border-radius: 50% !important;
              background-color: #000000 !important;
              color: #FFFFFF !important;
              border: none;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              padding: 0;
              transition: transform 0.15s ease, opacity 0.15s ease, background-color 0.2s ease;
              -webkit-tap-highlight-color: transparent;
            }

            .plaud-btn:hover {
              background-color: #262626 !important;
            }

            .plaud-btn:active {
              transform: scale(0.92);
              opacity: 0.85;
            }

            .plaud-btn svg {
              width: 18px;
              height: 18px;
            }
          }