.projects-slider .real-mockup:has(.phone-shot:only-child) {
  justify-content: center !important;
}

.projects-slider .real-mockup:has(.phone-shot:only-child) .phone-shot {
  width: min(48%, 310px) !important;
  transform: none !important;
}

@media (width <= 620px) {
  .projects-slider .real-mockup:has(.phone-shot:only-child) .phone-shot {
    width: auto !important;
    height: min(35svh, 330px) !important;
  }

  .projects-slider .project-slider-nav > div {
    gap: 5px !important;
  }

  .projects-slider .project-slider-nav > div button {
    flex: 0 0 auto;
  }
}