/* Case-specific layout corrections for /cases/lizingopoluchatel/.
   Keep the shared IQ case system, but prevent the long project name and screen mockups from overlapping. */

main.detail-page[data-case="lizingopoluchatel"] .detail-hero-grid {
  grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
  gap: 48px;
}

main.detail-page[data-case="lizingopoluchatel"] .detail-title {
  max-width: none;
  font-size: clamp(46px, 3.55vw, 54px);
  letter-spacing: -.055em;
  line-height: .98;
}

main.detail-page[data-case="lizingopoluchatel"] .detail-visual-stage,
main.detail-page[data-case="lizingopoluchatel"] .detail-visual-stage--desktop-only {
  min-height: 0;
}

main.detail-page[data-case="lizingopoluchatel"] .detail-visual-stage--desktop-only .detail-browser {
  position: relative;
  inset: auto;
  width: 100%;
  transform: none;
}

main.detail-page[data-case="lizingopoluchatel"] .detail-visual-stage--desktop-only .detail-browser img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

main.detail-page[data-case="lizingopoluchatel"] .screen-composition {
  display: grid;
  gap: 22px;
  min-height: 0;
}

main.detail-page[data-case="lizingopoluchatel"] .screen-primary {
  width: 100%;
}

main.detail-page[data-case="lizingopoluchatel"] .screen-secondary-grid,
main.detail-page[data-case="lizingopoluchatel"] .screen-secondary-grid.count-2 {
  position: static;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  width: 100%;
  margin: 0;
}

main.detail-page[data-case="lizingopoluchatel"] .screen-browser img,
main.detail-page[data-case="lizingopoluchatel"] .screen-secondary-grid .screen-browser img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top center;
}

@media (max-width: 1240px) and (min-width: 1101px) {
  main.detail-page[data-case="lizingopoluchatel"] .detail-hero-grid {
    grid-template-columns: minmax(0, 470px) minmax(0, 1fr);
    gap: 34px;
  }

  main.detail-page[data-case="lizingopoluchatel"] .detail-title {
    font-size: 46px;
  }
}

@media (max-width: 1100px) {
  main.detail-page[data-case="lizingopoluchatel"] .detail-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
  }

  main.detail-page[data-case="lizingopoluchatel"] .detail-title {
    max-width: 760px;
    font-size: clamp(46px, 6.6vw, 62px);
  }

  main.detail-page[data-case="lizingopoluchatel"] .screen-secondary-grid,
  main.detail-page[data-case="lizingopoluchatel"] .screen-secondary-grid.count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}

@media (max-width: 640px) {
  main.detail-page[data-case="lizingopoluchatel"] .detail-title {
    max-width: 100%;
    font-size: clamp(28px, 8.2vw, 36px);
    letter-spacing: -.06em;
    line-height: 1;
  }

  main.detail-page[data-case="lizingopoluchatel"] .screen-secondary-grid,
  main.detail-page[data-case="lizingopoluchatel"] .screen-secondary-grid.count-2 {
    grid-template-columns: minmax(0, 1fr);
  }
}