/* App mockup: exact NajlepszaKsiegowosc geometry, only accent changed to FNR blue */
.offer .app-stage {
  position: relative;
  min-height: 470px;
  display: grid;
  place-items: center;
}

.offer .app-stage::before {
  content: "";
  position: absolute;
  width: 84%;
  height: 82%;
  background: var(--b);
  transform: rotate(-5deg);
}

.offer .app-stage .phone {
  position: relative !important;
  z-index: 1;
  width: min(300px, 68vw) !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 18px !important;
  border: 4px solid #f3f1e9 !important;
  border-radius: 42px !important;
  background: #171815 !important;
  box-shadow: 18px 18px 0 rgba(0,0,0,.28) !important;
  transform: rotate(3deg) !important;
  margin: 0 !important;
  overflow: visible !important;
}

.offer .app-stage .phone::before,
.offer .app-stage .phone::after {
  content: none !important;
  display: none !important;
}

.offer .phone__screen {
  display: block !important;
  width: 100%;
  min-height: 0;
  aspect-ratio: 884 / 1779;
  overflow: hidden;
  border-radius: 27px;
  background: url('https://najlepszaksiegowosc.pl/app-dashboard.webp') center top / cover no-repeat;
  color: #10110f;
  padding: 0;
}

.offer .phone__screen > * {
  display: none !important;
}

@media (max-width: 820px) {
  .offer .app-stage { min-height: 470px; }
  .offer .app-stage .phone { min-height: 0 !important; width: min(280px, 74vw) !important; }
  .offer .phone__screen { min-height: 0; }
}