/* FarmManagerPro — korekta proporcji telefonu na stronie głównej.
   Tylko prezentacja grafiki; bez zmian SEO, GA4 i treści. */
.mobile-sales .phone-shell button {
  height: auto !important;
}

.mobile-sales .phone-shell img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  aspect-ratio: auto !important;
}

@media (min-width: 981px) {
  .mobile-sales .phone-wrap {
    min-height: 510px !important;
  }

  .mobile-sales .phone-shell {
    width: 240px !important;
    max-width: 240px !important;
  }
}

@media (max-width: 980px) {
  .mobile-sales .phone-wrap {
    min-height: 490px !important;
  }

  .mobile-sales .phone-shell {
    width: min(240px, 72vw) !important;
    max-width: 240px !important;
  }
}

@media (max-width: 620px) {
  .mobile-sales .phone-wrap {
    min-height: 455px !important;
  }

  .mobile-sales .phone-shell {
    width: min(220px, 70vw) !important;
    max-width: 220px !important;
  }

  .mobile-sales .phone-note {
    right: 4% !important;
    bottom: 42px !important;
  }
}
