/* ==========================================================================
   FIXSCHNITT MOBILE V2 EXPERIENCE
   Optimized exclusively for touch devices & screen widths <= 899px.
   Scoped under html[data-mobile-experience="v2"] to preserve legacy mobile.
   Desktop (>= 900px) remains completely unaffected.
   ========================================================================== */

@media (max-width: 899px) {
  html[data-mobile-experience="v2"] {
    --mv-primary: #1e874b;
    --mv-primary-hover: #176f3d;
    --mv-primary-light: #eef8f1;
    --mv-dark: #122d1e;
    --mv-ink: #173f2b;
    --mv-muted: #566d60;
    --mv-subtle: #7a9183;
    --mv-bg: #f8faf6;
    --mv-card-bg: #ffffff;
    --mv-border: rgba(23, 63, 43, 0.09);
    --mv-shadow: 0 8px 28px rgba(18, 69, 39, 0.08);
    --mv-shadow-lg: 0 16px 44px rgba(18, 69, 39, 0.12);
    --mv-radius: 20px;
    --mv-radius-sm: 14px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
  }

  html[data-mobile-experience="v2"] body {
    background-color: var(--mv-bg);
    color: var(--mv-dark);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 90px; /* Space for mobile sticky bottom bar */
  }

  /* Reset all desktop animations, filters, transitions and stage locking */
  html[data-mobile-experience="v2"] *,
  html[data-mobile-experience="v2"] *::before,
  html[data-mobile-experience="v2"] *::after {
    animation-delay: 0s !important;
    animation-duration: 0s !important;
  }

  html[data-mobile-experience="v2"] [data-scroll-stage],
  html[data-mobile-experience="v2"] .section,
  html[data-mobile-experience="v2"] .garden-stage,
  html[data-mobile-experience="v2"] .lower-stage-v14,
  html[data-mobile-experience="v2"] .project-section,
  html[data-mobile-experience="v2"] .services-section,
  html[data-mobile-experience="v2"] .home-seo-locations,
  html[data-mobile-experience="v2"] .process-section,
  html[data-mobile-experience="v2"] .ai-section,
  html[data-mobile-experience="v2"] .assurance-section,
  html[data-mobile-experience="v2"] .faq-section,
  html[data-mobile-experience="v2"] .final-cta {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    filter: none !important;
  }

  html[data-mobile-experience="v2"] [data-stage-content],
  html[data-mobile-experience="v2"] [data-stage-art],
  html[data-mobile-experience="v2"] [data-reveal],
  html[data-mobile-experience="v2"] [data-hero-stagger] > *,
  html[data-mobile-experience="v2"] .hero-copy > *,
  html[data-mobile-experience="v2"] .site-header {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    filter: none !important;
  }

  /* Hide desktop-only elements */
  html[data-mobile-experience="v2"] .section-rail,
  html[data-mobile-experience="v2"] .section-next-cue,
  html[data-mobile-experience="v2"] .hero-wind-canvas,
  html[data-mobile-experience="v2"] .hero-escape-leaves,
  html[data-mobile-experience="v2"] .project-ambient,
  html[data-mobile-experience="v2"] .review-atmosphere {
    display: none !important;
  }

  @keyframes soft-header-enter {
    from { opacity: 1 !important; transform: none !important; }
    to { opacity: 1 !important; transform: none !important; }
  }

  /* --------------------------------------------------------------------------
     1. SITE HEADER (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .site-header,
  html[data-mobile-experience="v2"] * .site-header,
  html[data-mobile-experience="v2"].html-loaded .site-header,
  html[data-mobile-experience="v2"] body[data-site-version="new"] .site-header,
  html[data-mobile-experience="v2"] body[data-site-version="new"].html-loaded .site-header {
    position: fixed !important;
    top: 8px !important;
    left: 8px !important;
    right: 8px !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    box-sizing: border-box !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 6px 0 10px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(23, 63, 43, 0.12) !important;
    box-shadow: 0 8px 24px rgba(18, 69, 39, 0.08) !important;
    z-index: 1000 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    grid-template-columns: none !important;
    transform: none !important;
    animation: none !important;
    overflow: visible !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .site-header::after {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .brand {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .brand img,
  html[data-mobile-experience="v2"] .brand img {
    width: 102px !important;
    height: auto !important;
    display: block !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .desktop-nav,
  html[data-mobile-experience="v2"] .desktop-nav {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .header-actions,
  html[data-mobile-experience="v2"] .header-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .phone-action,
  html[data-mobile-experience="v2"] .phone-action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50% !important;
    background: var(--mv-primary-light) !important;
    color: var(--mv-primary) !important;
    padding: 0 !important;
    border: 1px solid rgba(30, 135, 75, 0.18) !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
  }

  html[data-mobile-experience="v2"] .phone-action svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
  }

  html[data-mobile-experience="v2"] .header-phone-label {
    display: none !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .header-cta,
  html[data-mobile-experience="v2"] .header-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #249a54, #187a3e) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 3px 10px rgba(24, 122, 62, 0.25) !important;
    gap: 2px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }

  html[data-mobile-experience="v2"] .header-cta .cta-label-long {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .header-cta .cta-label-short {
    display: inline-block !important;
    font-size: 11px !important;
  }

  html[data-mobile-experience="v2"] .header-cta-arrow {
    margin-left: 2px !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .menu-button,
  html[data-mobile-experience="v2"] .menu-button {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50% !important;
    background: #eef3ef !important;
    border: 1px solid rgba(23, 63, 43, 0.1) !important;
    cursor: pointer !important;
    padding: 0 !important;
    gap: 3.5px !important;
    flex-shrink: 0 !important;
  }

  html[data-mobile-experience="v2"] .menu-button span {
    width: 13px !important;
    height: 2px !important;
    background-color: var(--mv-dark) !important;
    border-radius: 2px !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
  }

  /* --------------------------------------------------------------------------
     2. BURGER MENU & VERSION SWITCHER (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .mobile-menu {
    position: fixed !important;
    top: 68px !important;
    left: 8px !important;
    right: 8px !important;
    max-height: calc(100dvh - 80px) !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border: 1px solid rgba(23, 63, 43, 0.12) !important;
    box-shadow: 0 16px 50px rgba(18, 69, 39, 0.2) !important;
    z-index: 999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  html[data-mobile-experience="v2"] .mobile-menu[hidden] {
    display: none !important;
  }

  .mobile-menu-version-card {
    background: linear-gradient(135deg, #eef7f0 0%, #f4fbf5 100%);
    border: 1px solid rgba(30, 135, 75, 0.25);
    border-radius: 16px;
    padding: 10px 12px;
    margin-bottom: 4px;
  }

  .mobile-menu-version-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
  }

  .mobile-menu-version-title {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #1a6f3b;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .mobile-menu-version-toggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    background: rgba(255, 255, 255, 0.9);
    padding: 3px;
    border-radius: 12px;
    border: 1px solid rgba(23, 63, 43, 0.1);
  }

  .mobile-version-btn {
    appearance: none;
    border: none;
    background: transparent;
    padding: 7px 6px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 750;
    color: #556c5e;
    cursor: pointer;
    text-align: center;
    transition: all 0.15s ease;
  }

  .mobile-version-btn.is-active {
    background: #ffffff;
    color: #173f2b;
    box-shadow: 0 2px 8px rgba(18, 69, 39, 0.15);
  }

  .mobile-version-btn-tag {
    display: block;
    font-size: 9.5px;
    font-weight: 600;
    opacity: 0.85;
    margin-top: 1px;
  }

  html[data-mobile-experience="v2"] .mobile-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    background: #f7faf7 !important;
    color: var(--mv-dark) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    border: 1px solid rgba(23, 63, 43, 0.05) !important;
  }

  html[data-mobile-experience="v2"] .mobile-menu a::after {
    content: "→";
    font-size: 14px;
    color: var(--mv-primary);
    opacity: 0.6;
  }

  html[data-mobile-experience="v2"] .mobile-menu-direct-call {
    background: linear-gradient(135deg, #1b8a43, #136932) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(24, 122, 62, 0.25) !important;
  }

  html[data-mobile-experience="v2"] .mobile-menu-direct-call::after {
    content: "📞" !important;
    opacity: 1 !important;
  }

  /* --------------------------------------------------------------------------
     3. HERO SECTION (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero,
  html[data-mobile-experience="v2"] .hero {
    padding-top: 72px !important;
    padding-bottom: 24px !important;
    background: radial-gradient(circle at 50% 10%, rgba(220, 245, 226, 0.8) 0%, rgba(248, 250, 246, 1) 75%) !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero-inner,
  html[data-mobile-experience="v2"] .hero-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero-copy,
  html[data-mobile-experience="v2"] .hero-copy {
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* Regional Pill Badge */
  html[data-mobile-experience="v2"] .hero-location {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 30px !important;
    padding: 0 12px !important;
    margin-bottom: 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(30, 135, 75, 0.22) !important;
    color: #176f3d !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    box-shadow: 0 2px 8px rgba(18, 69, 39, 0.06) !important;
  }

  html[data-mobile-experience="v2"] .hero-location svg {
    width: 13px !important;
    height: 13px !important;
    fill: #1e874b !important;
  }

  /* Main Headline */
  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero h1,
  html[data-mobile-experience="v2"] #hero-title {
    font-size: clamp(28px, 7.8vw, 36px) !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
    letter-spacing: -0.02em !important;
    color: #10291a !important;
    margin: 0 0 10px 0 !important;
  }

  html[data-mobile-experience="v2"] .hero-title-line {
    display: block !important;
  }

  html[data-mobile-experience="v2"] .hero-title-line-green {
    color: #1e874b !important;
    background: linear-gradient(135deg, #1b8a43 0%, #2ecc71 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  html[data-mobile-experience="v2"] .hero-title-shine {
    display: none !important;
  }

  /* Lead Text */
  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero-lead,
  html[data-mobile-experience="v2"] .hero-lead {
    font-size: 14.5px !important;
    line-height: 1.48 !important;
    color: #435b4c !important;
    margin: 0 0 16px 0 !important;
  }

  /* Primary Action Buttons */
  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero-actions,
  html[data-mobile-experience="v2"] .hero-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 0 14px 0 !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero .button-primary,
  html[data-mobile-experience="v2"] .hero-actions .button-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 20px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #249a54 0%, #157339 100%) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(21, 115, 57, 0.32) !important;
    cursor: pointer !important;
  }

  html[data-mobile-experience="v2"] .hero-actions .button-primary .button-arrow {
    margin-left: 8px !important;
    font-size: 16px !important;
  }

  html[data-mobile-experience="v2"] .hero-phone {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid rgba(23, 63, 43, 0.12) !important;
    color: #173f2b !important;
    text-decoration: none !important;
    box-shadow: 0 2px 10px rgba(18, 69, 39, 0.05) !important;
    gap: 10px !important;
  }

  html[data-mobile-experience="v2"] .hero-phone-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: var(--mv-primary-light) !important;
    color: var(--mv-primary) !important;
  }

  html[data-mobile-experience="v2"] .hero-phone-icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
  }

  html[data-mobile-experience="v2"] .hero-phone strong {
    font-size: 13.5px !important;
    font-weight: 750 !important;
  }

  html[data-mobile-experience="v2"] .hero-phone small {
    display: inline-block !important;
    margin-left: 6px !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    background: #edf7ef !important;
    color: #1a743c !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
  }

  /* Proof Bar */
  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero-proof,
  html[data-mobile-experience="v2"] .hero-proof {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px 12px !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(23, 63, 43, 0.08) !important;
    font-size: 11.5px !important;
    color: #4a6354 !important;
    text-align: center !important;
  }

  html[data-mobile-experience="v2"] .hero-proof p {
    margin: 0 !important;
  }

  html[data-mobile-experience="v2"] .hero-proof small {
    display: block !important;
    width: 100% !important;
    font-size: 10.5px !important;
    color: #6c8475 !important;
    margin-top: 2px !important;
  }

  /* Hero Media (Framed 3D Garden Art) */
  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero-media,
  html[data-mobile-experience="v2"] .hero-media {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 180px !important;
    margin: 4px 0 0 0 !important;
    padding: 12px !important;
    border-radius: 22px !important;
    background: linear-gradient(160deg, #edf7f0 0%, #dff2e5 100%) !important;
    border: 1px solid rgba(30, 135, 75, 0.16) !important;
    box-shadow: var(--mv-shadow) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .hero-visual-backdrop,
  html[data-mobile-experience="v2"] .hero-weather-layer {
    display: none !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero-media picture,
  html[data-mobile-experience="v2"] .hero-media picture {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] .hero-media img.hero-garden-art,
  html[data-mobile-experience="v2"] .hero-media img.hero-garden-art {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }

  /* Micro badges inside Hero Media */
  html[data-mobile-experience="v2"] .hero-float {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(23, 63, 43, 0.12) !important;
    box-shadow: 0 4px 12px rgba(18, 69, 39, 0.15) !important;
    z-index: 2 !important;
    width: auto !important;
    min-height: auto !important;
  }

  html[data-mobile-experience="v2"] .hero-float-schedule {
    top: 14px !important;
    left: 14px !important;
    right: auto !important;
  }

  html[data-mobile-experience="v2"] .hero-float-care {
    bottom: 14px !important;
    right: 14px !important;
    top: auto !important;
  }

  html[data-mobile-experience="v2"] .hero-float-icon {
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-mobile-experience="v2"] .hero-float-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  html[data-mobile-experience="v2"] .hero-float p {
    margin: 0 !important;
  }

  html[data-mobile-experience="v2"] .hero-float strong {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    color: #173f2b !important;
    display: block !important;
  }

  html[data-mobile-experience="v2"] .hero-float small {
    display: none !important;
  }

  /* --------------------------------------------------------------------------
     4. WHY FIXSCHNITT / BENEFITS (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .top-benefits {
    padding: 32px 16px 20px !important;
    background: #ffffff !important;
    border-top: 1px solid var(--mv-border) !important;
    border-bottom: 1px solid var(--mv-border) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .top-benefits-inner {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }

  /* Customer Review Card */
  html[data-mobile-experience="v2"] .top-benefits-inner .reviews-showcase {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
  }

  html[data-mobile-experience="v2"] .review-card-stage {
    min-height: auto !important;
    height: auto !important;
    display: block !important;
  }

  html[data-mobile-experience="v2"] .review-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 16px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #f2faf4 0%, #e8f5ec 100%) !important;
    border: 1px solid rgba(30, 135, 75, 0.18) !important;
    box-shadow: 0 4px 14px rgba(18, 69, 39, 0.05) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  html[data-mobile-experience="v2"] .review-quote-mark {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .review-card blockquote {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    font-size: 13px !important;
    line-height: 1.48 !important;
    font-weight: 600 !important;
    color: #173f2b !important;
    margin: 0 0 8px 0 !important;
    transform: none !important;
  }

  html[data-mobile-experience="v2"] .review-card blockquote .review-quote-line {
    display: inline !important;
    white-space: normal !important;
    margin-right: 0.22em !important;
  }

  html[data-mobile-experience="v2"] .review-card blockquote .review-quote-line:last-child {
    margin-right: 0 !important;
  }

  html[data-mobile-experience="v2"] .review-author {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html[data-mobile-experience="v2"] .review-avatar {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 50% !important;
    background: #249a54 !important;
    color: #ffffff !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-mobile-experience="v2"] .review-person strong {
    font-size: 12px !important;
    color: #173f2b !important;
    display: block !important;
  }

  html[data-mobile-experience="v2"] .review-person small {
    font-size: 10.5px !important;
    color: #5d7567 !important;
  }

  html[data-mobile-experience="v2"] .review-person {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    transform: none !important;
  }

  html[data-mobile-experience="v2"] .review-accent {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .review-progress {
    display: none !important;
  }

  /* 2x2 Benefits Cards */
  html[data-mobile-experience="v2"] .benefit-card {
    background: #f7faf7 !important;
    border: 1px solid rgba(23, 63, 43, 0.08) !important;
    border-radius: 16px !important;
    padding: 12px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  html[data-mobile-experience="v2"] .benefit-icon {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 6px !important;
  }

  html[data-mobile-experience="v2"] .benefit-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  html[data-mobile-experience="v2"] .benefit-card h3 {
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #143724 !important;
    margin: 0 0 3px 0 !important;
    line-height: 1.25 !important;
  }

  html[data-mobile-experience="v2"] .benefit-card p {
    font-size: 11px !important;
    line-height: 1.35 !important;
    color: #556c5e !important;
    margin: 0 !important;
  }

  /* --------------------------------------------------------------------------
     5. SERVICES SECTION (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .services-section {
    padding: 36px 16px !important;
    background: #f8faf6 !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .services-stage-shell {
    width: 100% !important;
    padding: 0 !important;
  }

  html[data-mobile-experience="v2"] .services-stage-heading {
    margin-bottom: 16px !important;
  }

  html[data-mobile-experience="v2"] .eyebrow {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #1e874b !important;
    margin-bottom: 4px !important;
  }

  html[data-mobile-experience="v2"] #services-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #122d1e !important;
    margin: 0 !important;
  }

  html[data-mobile-experience="v2"] #services-title span {
    display: inline !important;
  }

  html[data-mobile-experience="v2"] .services-all-link {
    display: none !important;
  }

  /* Clean Vertical List of Mobile Service Cards */
  html[data-mobile-experience="v2"] .services-stage-shell .services-stage-list,
  html[data-mobile-experience="v2"] .service-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 14px 0 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }

  html[data-mobile-experience="v2"] .services-stage-shell .services-stage-list .service-card,
  html[data-mobile-experience="v2"] .service-card {
    background: #ffffff !important;
    border: 1px solid rgba(23, 63, 43, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(18, 69, 39, 0.04) !important;
    height: auto !important;
    min-height: auto !important;
    position: relative !important;
    display: block !important;
    transform: none !important;
  }

  html[data-mobile-experience="v2"] .services-stage-shell .services-stage-list .service-card > a,
  html[data-mobile-experience="v2"] .service-card > a {
    display: grid !important;
    grid-template-columns: 80px 1fr 24px !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px !important;
    text-decoration: none !important;
    color: inherit !important;
    height: auto !important;
    min-height: auto !important;
    position: relative !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .service-card-number {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .services-stage-shell .services-stage-list .service-card-art,
  html[data-mobile-experience="v2"] .service-card-art {
    width: 80px !important;
    height: 64px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #eef6f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex-shrink: 0 !important;
  }

  html[data-mobile-experience="v2"] .services-stage-shell .services-stage-list .service-card-art img,
  html[data-mobile-experience="v2"] .service-card-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    position: relative !important;
    transform: none !important;
    filter: none !important;
  }

  html[data-mobile-experience="v2"] .services-stage-shell .services-stage-list .service-card-copy,
  html[data-mobile-experience="v2"] .service-card-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    padding: 0 !important;
    transform: none !important;
  }

  html[data-mobile-experience="v2"] .services-stage-shell .services-stage-list .service-card-copy strong,
  html[data-mobile-experience="v2"] .service-card-copy strong {
    font-size: 14.5px !important;
    font-weight: 800 !important;
    color: #143724 !important;
    line-height: 1.2 !important;
    display: block !important;
  }

  html[data-mobile-experience="v2"] .services-stage-shell .services-stage-list .service-card-copy small,
  html[data-mobile-experience="v2"] .service-card-copy small {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    color: #556c5e !important;
    display: block !important;
  }

  html[data-mobile-experience="v2"] .services-stage-shell .services-stage-list .service-card-arrow,
  html[data-mobile-experience="v2"] .service-card-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #eef7f0 !important;
    color: #1e874b !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
  }

  html[data-mobile-experience="v2"] .service-card-arrow svg {
    width: 13px !important;
    height: 13px !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    fill: none !important;
  }

  /* Services Bottom Contact Banner */
  html[data-mobile-experience="v2"] .services-contact-bar {
    background: linear-gradient(135deg, #173f2b 0%, #0d271a 100%) !important;
    color: #ffffff !important;
    border-radius: 18px !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    box-shadow: 0 8px 24px rgba(13, 39, 26, 0.15) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .services-contact-icon {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .services-contact-copy strong {
    font-size: 14px !important;
    font-weight: 800 !important;
    display: block !important;
    margin-bottom: 3px !important;
  }

  html[data-mobile-experience="v2"] .services-contact-copy small {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #a3c2b0 !important;
    display: block !important;
  }

  html[data-mobile-experience="v2"] .services-contact-cta {
    width: 100% !important;
    height: 42px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #173f2b !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    cursor: pointer !important;
  }

  html[data-mobile-experience="v2"] .services-contact-cta svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
  }

  /* --------------------------------------------------------------------------
     6. OUR CRAFT / PROJECTS SECTION (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .project-section {
    padding: 36px 16px !important;
    background: #ffffff !important;
    border-top: 1px solid var(--mv-border) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .project-stage-inner {
    width: 100% !important;
    padding: 0 !important;
  }

  html[data-mobile-experience="v2"] .project-section-heading {
    margin-bottom: 16px !important;
  }

  html[data-mobile-experience="v2"] #projects-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #122d1e !important;
    margin: 0 0 10px 0 !important;
  }

  html[data-mobile-experience="v2"] #projects-title em {
    font-style: normal !important;
    color: #1e874b !important;
  }

  html[data-mobile-experience="v2"] .project-title-leaf {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .project-proof-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    margin-top: 10px !important;
  }

  html[data-mobile-experience="v2"] .project-proof {
    background: #f7faf7 !important;
    border: 1px solid rgba(23, 63, 43, 0.08) !important;
    border-radius: 14px !important;
    padding: 10px 6px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  html[data-mobile-experience="v2"] .project-proof-icon {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #eef7f0 !important;
    color: #1e874b !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 4px !important;
  }

  html[data-mobile-experience="v2"] .project-proof-icon svg {
    width: 13px !important;
    height: 13px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
  }

  html[data-mobile-experience="v2"] .project-proof strong {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: #173f2b !important;
    display: block !important;
  }

  html[data-mobile-experience="v2"] .project-proof small {
    font-size: 9.5px !important;
    color: #556c5e !important;
    line-height: 1.2 !important;
  }

  html[data-mobile-experience="v2"] .project-heading-aside {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .project-showcase {
    margin-top: 14px !important;
  }

  html[data-mobile-experience="v2"] .project-scenes {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    position: relative !important;
    transform: none !important;
  }

  html[data-mobile-experience="v2"] .project-scene {
    background: #f9fbf9 !important;
    border: 1px solid rgba(23, 63, 43, 0.08) !important;
    border-radius: 16px !important;
    padding: 16px 58px 16px 16px !important;
    position: relative !important;
    display: block !important;
    transform: none !important;
    height: auto !important;
  }

  html[data-mobile-experience="v2"] .project-scene-copy {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    transform: none !important;
  }

  html[data-mobile-experience="v2"] .project-scene + .project-scene::before {
    display: none !important;
  }

  html[data-mobile-experience="v2"] body[data-site-version="new"] #projekte .project-scenes .project-scene::before,
  html[data-mobile-experience="v2"] body[data-site-version="new"] #projekte .project-scenes .project-scene::after {
    content: none !important;
    display: none !important;
  }

  html[data-mobile-experience="v2"] .project-scene-kicker {
    font-size: 10.5px !important;
    font-weight: 750 !important;
    color: #1e874b !important;
    margin-bottom: 3px !important;
  }

  html[data-mobile-experience="v2"] .project-scene h3 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #122d1e !important;
    margin: 0 0 4px 0 !important;
  }

  html[data-mobile-experience="v2"] .project-scene p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    color: #556c5e !important;
    margin: 0 !important;
  }

  html[data-mobile-experience="v2"] .project-card-arrow {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    transform: translateY(-50%) !important;
  }

  html[data-mobile-experience="v2"] .project-art {
    display: none !important;
  }

  /* --------------------------------------------------------------------------
     7. 3-STEP PROCESS / ABLAUF (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .process-section {
    padding: 36px 16px !important;
    background: #f8faf6 !important;
    border-top: 1px solid var(--mv-border) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .p16-shell {
    width: 100% !important;
    padding: 0 !important;
  }

  html[data-mobile-experience="v2"] .p16-head {
    margin-bottom: 16px !important;
  }

  html[data-mobile-experience="v2"] #process-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #122d1e !important;
    margin: 0 0 6px 0 !important;
  }

  html[data-mobile-experience="v2"] .p16-lead {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #556c5e !important;
    margin: 0 !important;
  }

  html[data-mobile-experience="v2"] .p16-rail {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .p16-track {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
  }

  html[data-mobile-experience="v2"] .p16-step {
    background: #ffffff !important;
    border: 1px solid rgba(23, 63, 43, 0.08) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(18, 69, 39, 0.04) !important;
  }

  html[data-mobile-experience="v2"] .p16-step button {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px !important;
    width: 100% !important;
    text-align: left !important;
    background: none !important;
    border: none !important;
    color: inherit !important;
    cursor: default !important;
  }

  html[data-mobile-experience="v2"] .p16-marker {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
    background: #eef7f0 !important;
    color: #1e874b !important;
  }

  html[data-mobile-experience="v2"] .p16-ring {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .p16-icon svg {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
  }

  html[data-mobile-experience="v2"] .p16-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  html[data-mobile-experience="v2"] .p16-num {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #1e874b !important;
    text-transform: uppercase !important;
  }

  html[data-mobile-experience="v2"] .p16-body strong {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #143724 !important;
  }

  html[data-mobile-experience="v2"] .p16-body small {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #556c5e !important;
  }

  html[data-mobile-experience="v2"] .p16-hint {
    display: inline-block !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: #1e874b !important;
    margin-top: 3px !important;
  }

  html[data-mobile-experience="v2"] .p16-close {
    background: #edf7f0 !important;
    border: 1px solid rgba(30, 135, 75, 0.2) !important;
    border-radius: 16px !important;
    padding: 14px !important;
    text-align: center !important;
  }

  html[data-mobile-experience="v2"] .p16-close p {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #173f2b !important;
    margin: 0 0 8px 0 !important;
  }

  html[data-mobile-experience="v2"] .p16-close .button-primary {
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 12px !important;
  }

  /* --------------------------------------------------------------------------
     8. AI PRICE CHECK CARD (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .ai-section {
    padding: 36px 16px !important;
    background: #ffffff !important;
    border-top: 1px solid var(--mv-border) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .ai-v14-shell {
    width: 100% !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, #173f2b 0%, #102e1f 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 30px rgba(16, 46, 31, 0.18) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] #ai-title {
    font-size: 22px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #ffffff !important;
    margin: 0 0 8px 0 !important;
  }

  html[data-mobile-experience="v2"] #ai-title span {
    color: #4ade80 !important;
  }

  html[data-mobile-experience="v2"] .ai-copy p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    color: #b5d5c2 !important;
    margin: 0 0 14px 0 !important;
  }

  html[data-mobile-experience="v2"] .ai-v14-actions button {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 12px !important;
    background: #4ade80 !important;
    color: #0d271a !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(74, 222, 128, 0.3) !important;
  }

  html[data-mobile-experience="v2"] .ai-v14-actions small {
    display: block !important;
    text-align: center !important;
    font-size: 10.5px !important;
    color: #8bb59c !important;
    margin-top: 6px !important;
  }

  html[data-mobile-experience="v2"] .ai-v14-canvas {
    display: none !important;
  }

  /* --------------------------------------------------------------------------
     9. LOCATIONS / EINSATZGEBIET (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .home-seo-locations {
    padding: 36px 16px !important;
    background: #f8faf6 !important;
    border-top: 1px solid var(--mv-border) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-shell {
    width: 100% !important;
    padding: 0 !important;
  }

  html[data-mobile-experience="v2"] #locations-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #122d1e !important;
    margin: 0 0 6px 0 !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-title-green {
    color: #1e874b !important;
    margin: 0 4px !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-lead {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #556c5e !important;
    margin: 0 0 14px 0 !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-actions {
    display: none !important;
  }

  /* Compact Map & Location Pills */
  html[data-mobile-experience="v2"] .locations-v10-map {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #eaf4ed !important;
    border: 1px solid rgba(23, 63, 43, 0.1) !important;
    padding: 12px !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-map picture {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-routes,
  html[data-mobile-experience="v2"] .locations-v10-hub {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-map-labels {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-label {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid rgba(23, 63, 43, 0.1) !important;
    color: #173f2b !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(18, 69, 39, 0.04) !important;
  }

  html[data-mobile-experience="v2"] .mobile-menu-version-card {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-label i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #249a54 !important;
  }

  html[data-mobile-experience="v2"] .locations-v10-benefits {
    display: none !important;
  }

  /* --------------------------------------------------------------------------
     10. QUALITY / ASSURANCE SECTION (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .assurance-section {
    padding: 36px 16px !important;
    background: #ffffff !important;
    border-top: 1px solid var(--mv-border) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-shell {
    width: 100% !important;
    padding: 0 !important;
  }

  html[data-mobile-experience="v2"] #assurance-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #122d1e !important;
    margin: 0 0 6px 0 !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-intro p:not(.eyebrow) {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #556c5e !important;
    margin: 0 0 16px 0 !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-seal {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-standards {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-standards li {
    background: #f7faf7 !important;
    border: 1px solid rgba(23, 63, 43, 0.08) !important;
    border-radius: 14px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: 28px 1fr !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-index {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #eef7f0 !important;
    color: #1e874b !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-icon svg {
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-standards h3 {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #143724 !important;
    margin: 0 0 2px 0 !important;
  }

  html[data-mobile-experience="v2"] .quality-v14-standards p {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    color: #556c5e !important;
    margin: 0 !important;
  }

  /* --------------------------------------------------------------------------
     11. FAQ SECTION (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .faq-section {
    padding: 36px 16px !important;
    background: #f8faf6 !important;
    border-top: 1px solid var(--mv-border) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-shell {
    width: 100% !important;
    padding: 0 !important;
  }

  html[data-mobile-experience="v2"] #faq-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #122d1e !important;
    margin: 0 0 6px 0 !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-intro p:not(.eyebrow) {
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #556c5e !important;
    margin: 0 0 14px 0 !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-call {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-list details {
    background: #ffffff !important;
    border: 1px solid rgba(23, 63, 43, 0.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-list summary {
    padding: 12px 14px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    color: #143724 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    list-style: none !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-list summary::-webkit-details-marker {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-list summary span {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-list summary i {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #eef7f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1e874b !important;
    font-style: normal !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-list summary i::after {
    content: "+" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-list details[open] summary i::after {
    content: "−" !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-answer {
    padding: 0 14px 12px !important;
  }

  html[data-mobile-experience="v2"] .faq-v14-answer p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    color: #556c5e !important;
    margin: 0 !important;
  }

  /* --------------------------------------------------------------------------
     12. FINAL CONTACT SECTION (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .final-cta {
    padding: 36px 16px !important;
    background: #ffffff !important;
    border-top: 1px solid var(--mv-border) !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .contact-v14-shell {
    width: 100% !important;
    padding: 22px 16px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #173f2b 0%, #0d271a 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 36px rgba(13, 39, 26, 0.22) !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] #contact-title {
    font-size: 22px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    color: #ffffff !important;
    margin: 0 0 8px 0 !important;
  }

  html[data-mobile-experience="v2"] #contact-title span {
    color: #4ade80 !important;
  }

  html[data-mobile-experience="v2"] .contact-v14-copy p {
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #b5d5c2 !important;
    margin: 0 0 16px 0 !important;
  }

  html[data-mobile-experience="v2"] .contact-v14-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  html[data-mobile-experience="v2"] .contact-v14-actions .button-light {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 12px !important;
    background: #4ade80 !important;
    color: #0d271a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 16px rgba(74, 222, 128, 0.35) !important;
  }

  html[data-mobile-experience="v2"] .contact-v14-actions a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  html[data-mobile-experience="v2"] .contact-v14-art {
    display: none !important;
  }

  html[data-mobile-experience="v2"] .contact-v14-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
    margin-top: 16px !important;
  }

  html[data-mobile-experience="v2"] .contact-v14-meta span {
    font-size: 10.5px !important;
    color: #92bfa5 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
  }

  /* --------------------------------------------------------------------------
     13. SITE FOOTER (Mobile V2)
     -------------------------------------------------------------------------- */
  html[data-mobile-experience="v2"] .site-footer {
    padding: 32px 16px 24px !important;
    background: #0f2418 !important;
    color: #8ca395 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    box-sizing: border-box !important;
  }

  html[data-mobile-experience="v2"] .site-footer > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-bottom: 16px !important;
  }

  html[data-mobile-experience="v2"] .site-footer > div:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }

  html[data-mobile-experience="v2"] .seo-footer-title {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
  }

  html[data-mobile-experience="v2"] .site-footer a {
    color: #b0c9bb !important;
    font-size: 12.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 2px 0 !important;
  }

  /* --------------------------------------------------------------------------
     14. STICKY MOBILE BOTTOM ACTION BAR (Mobile V2)
     -------------------------------------------------------------------------- */
  .mobile-v2-bottom-bar {
    display: none;
  }

  html[data-mobile-experience="v2"] .mobile-v2-bottom-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 900 !important;
    display: grid !important;
    grid-template-columns: 1fr 1.4fr !important;
    gap: 8px !important;
    padding: 8px 12px max(8px, env(safe-area-inset-bottom)) !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-top: 1px solid rgba(23, 63, 43, 0.1) !important;
    box-shadow: 0 -6px 20px rgba(18, 69, 39, 0.08) !important;
    box-sizing: border-box !important;
  }

  /* Hide bottom bar when dialog or mobile menu is open */
  html[data-mobile-experience="v2"].is-modal-open .mobile-v2-bottom-bar,
  html[data-mobile-experience="v2"].is-menu-open .mobile-v2-bottom-bar {
    transform: translateY(100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
  }

  .mobile-v2-bottom-call {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 46px !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(23, 63, 43, 0.15) !important;
    color: #173f2b !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(18, 69, 39, 0.04) !important;
  }

  .mobile-v2-bottom-call svg {
    width: 14px !important;
    height: 14px !important;
    fill: #1e874b !important;
  }

  .mobile-v2-bottom-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    height: 46px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #249a54 0%, #16773a 100%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 3px 12px rgba(24, 122, 62, 0.28) !important;
  }
}