/* Shell mobil comun pentru paginile individuale cu CTA flotant.
   Documentul rămâne fix la viewport, iar numai această suprafață derulează,
   identic cu modelul celor cinci pagini principale. Desktopul păstrează
   document scroll prin `display: contents`. */
.mobile-detail-scroll-surface {
  display: contents;
}

@media (max-width: 991.98px) {
  body.mobile-detail-app-shell {
    --mobile-browser-toolbar-offset: 0px;
    --mobile-detail-floating-pill-bottom: var(--mobile-floating-pill-bottom);
    position: fixed;
    inset: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    height: 100svh;
    min-height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    overscroll-behavior: none;
    background: #f8fafc;
  }

  body.mobile-detail-app-shell .mobile-detail-scroll-surface {
    position: fixed;
    inset: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    scroll-padding-bottom: calc(
      var(--mobile-nav-float-gap, 10px)
      + var(--mobile-safe-bottom, 0px)
      + 88px
    );
  }

  body.mobile-detail-app-shell.modal-open .mobile-detail-scroll-surface,
  body.mobile-detail-app-shell.zoom-open .mobile-detail-scroll-surface {
    overflow: hidden;
  }

  body.mobile-detail-app-shell [data-detail-scroll-top] {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
}