/* App panel — SVG includes rx≈60px corners + phone layout (1728×1008) */
.home-phone-showcase {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0 clamp(0.75rem, 3vw, 2rem) var(--home-section-pad, 2.5rem);
  background: #f8fafc;
}

.home-phone-showcase__image {
  display: block;
  width: 100%;
  max-width: 108rem;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 767.98px) {
  .home-phone-showcase {
    z-index: 2;
    margin-top: 0;
    padding: 0 0.5rem var(--home-section-pad, 2.5rem);
    background: #f8fafc;
    overflow: hidden;
  }

  .home-phone-showcase__image {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-height: 0;
  }
}

@media (min-width: 768px) {
  .home-phone-showcase {
    padding-left: clamp(1rem, 4vw, 2.5rem);
    padding-right: clamp(1rem, 4vw, 2.5rem);
    padding-bottom: var(--home-section-pad, 4rem);
    background: #f8fafc;
  }

  .home-phone-showcase__image {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}