/* ==========================================================================
   CamERP — host accent: cam mavisi (#DDE7F1), yalnızca hero ve ekran zemini
   ========================================================================== */

body {
  --accent-soft: #dde7f1;
}

.camerp-hero {
  margin-top: 46px;
}

.camerp-hero__photo {
  display: block;
  aspect-ratio: 1282 / 549;
  overflow: hidden;
  background: var(--accent-soft);
}

.camerp-hero__photo img {
  object-position: 30% 50%;
}

.camerp-hero__shot {
  position: relative;
  width: 84%;
  margin: -13.96% 0 0 8%;
  --ph-ratio: 1440 / 900;
  box-shadow: 0 40px 80px -30px rgba(17, 17, 16, 0.25);
}

.p-problem__text {
  padding-left: 12px;
}

@media (max-width: 1023px) {
  .p-problem__text {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .camerp-hero {
    margin-top: 32px;
    padding-inline: 0;
  }

  .camerp-hero__photo {
    aspect-ratio: 390 / 262;
  }

  .camerp-hero__shot {
    width: 88%;
    margin: -24% auto 0;
    --ph-ratio: 1440 / 900;
  }

  .camerp-hero + .container .p-spec {
    margin-top: 32px;
  }
}