.sgp-mobile {
  padding: 0;
  background: linear-gradient(90deg, #DBEAFF 0%, #FFE4E9 100%);
  color: #151820;
}
.sgp-mobile__inner {
  max-width: 1440px;
  min-height: 420px;
  margin-inline: auto;
  padding: 28px clamp(20px, 6.25vw, 90px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 48px;
  align-items: center;
  align-content: center;
}
.sgp-mobile__copy { max-width: 640px; }
.sgp-mobile h2 {
  margin: 0 0 18px;
  font-size: 30px;
  line-height: 1.23;
  font-weight: 600;
  letter-spacing: -.6px;
}
.sgp-mobile p { margin: 0; font-size: 16px; line-height: 1.6; color: #626b7d; }
.sgp-mobile__login { display: flex; align-items: center; gap: 14px; margin-top: 26px; }
.sgp-mobile__icon { width: 48px; height: 48px; border-radius: 12px; flex-shrink: 0; }
.sgp-mobile__login p { line-height: 1.5; }
.sgp-mobile__login b { color: #303747; font-weight: 500; }
.sgp-mobile__stores { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.sgp-mobile__store {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  height: 54px;
  min-width: 173px;
  border: 1px solid #757575;
  border-radius: 8px;
  background: #080808;
  color: #fff;
  padding: 6px 14px;
  text-align: left;
  text-decoration: none;
  font-family: Arial, sans-serif;
}
.sgp-mobile__store:disabled { opacity: 1; cursor: default; }
.sgp-mobile__store:hover { color: #fff; }
.sgp-mobile__store:focus-visible { outline: 3px solid #1861D0; outline-offset: 3px; }
.sgp-mobile__store img { width: 28px; height: 31px; object-fit: contain; }
.sgp-mobile__store small { display: block; font-size: 11px; line-height: 15px; font-weight: 400; }
.sgp-mobile__store strong { display: block; font-size: 22px; line-height: 25px; font-weight: 500; letter-spacing: -.3px; }
/* Display the full screen area inside a thin, identical phone frame. */
.sgp-mobile__phones { display: flex; justify-content: flex-start; gap: 40px; width: 508px; max-width: 100%; margin-inline: 0; }
.sgp-mobile__phone {
  position: relative;
  width: 171.63px;
  height: 364px;
  aspect-ratio: 1258 / 2668;
  flex-shrink: 0;
}
.sgp-mobile .sgp-mobile__phone > img,
.sgp-mobile .sgp-mobile__phone > svg { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
@media (max-width: 1100px) {
  .sgp-mobile__inner { padding-inline: 40px; gap: 32px; }
  .sgp-mobile__phones { width: 378px; gap: 30px; }
}
@media (max-width: 960px) {
  .sgp-mobile__inner { grid-template-columns: minmax(0, 1fr); min-height: auto; padding: 40px 20px; gap: 32px; }
  .sgp-mobile__copy { max-width: 640px; margin-inline: auto; width: 100%; }
  .sgp-mobile__phones { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; max-width: 378px; height: auto; margin-inline: auto; }
  .sgp-mobile__phone { width: 100%; height: auto; }
}
@media (max-width: 420px) {
  .sgp-mobile h2 { font-size: 26px; }
  .sgp-mobile h2 br, .sgp-mobile__description br { display: none; }
  .sgp-mobile__phones { gap: 16px; }
}

.sgp-mobile__phone--camera::after { content: ""; position: absolute; top: 3.6%; left: 50%; width: 3.5%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: #101114; }