/* GERÇEK BİLGİSAYAR V153 — project-specific finish; deliberately scoped. */
/* Actual screenshots, cards and image masks use consistent rounded rectangles. */
.v150-project-detail .v150-gallery {
  overflow: hidden;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(12,57,98,.09);
}
.v150-project-detail .v150-gallery-main {
  min-height: clamp(240px,31vw,410px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background: #eaf4fb;
  overflow: hidden;
  isolation: isolate;
  box-shadow: inset 0 0 0 1px rgba(189,216,233,.75);
}
.v150-project-detail .v150-gallery-main > img {
  display: block;
  flex: 0 1 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: clamp(240px,31vw,410px);
  border-radius: 16px;
  clip-path: inset(0 round 16px);
  object-fit: contain;
  box-shadow: 0 8px 20px rgba(12,57,98,.09);
}
.v150-project-detail .v150-gallery-main::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 14px rgba(8,53,91,.11);
}
.v150-project-detail .v150-gallery-thumb {
  overflow: hidden;
  border-radius: 13px;
  background: #eef7fd;
}
.v150-project-detail .v150-gallery-thumb > img {
  border-radius: 9px;
  clip-path: inset(0 round 9px);
}
/* Lightbox: frame and actual image both receive rounded clipping.
   Width/height auto prevents object-fit letterboxing from leaving square corners. */
.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-stage-image {
  overflow: hidden;
  border-radius: 20px;
  padding: 8px;
  background: #edf5fa;
  box-shadow: inset 0 0 0 1px rgba(198,221,238,.8);
}
.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-stage-image > img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 16px;
  clip-path: inset(0 round 16px);
}
.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-rail-thumb {
  overflow: hidden;
  border-radius: 13px;
}
.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-rail-thumb > img {
  border-radius: 9px;
  clip-path: inset(0 round 9px);
}
.v150-project-detail .v150-project-info-grid.v153-project-info-four {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media(max-width:720px) {
  .v150-project-detail .v150-gallery {border-radius: 18px;}
  .v150-project-detail .v150-gallery-main { min-height: min(63vw,300px); border-radius: 12px; }
  .v150-project-detail .v150-gallery-main > img {
    max-height: min(63vw,300px); border-radius: 12px; clip-path: inset(0 round 12px);
  }
  .v150-gallery-dialog.v152-gallery-dialog .v151-gallery-stage-image {border-radius: 14px; padding: 5px;}
  .v150-gallery-dialog.v152-gallery-dialog .v151-gallery-stage-image > img {
    border-radius: 11px; clip-path: inset(0 round 11px);
  }
  .v150-project-detail .v150-project-info-grid.v153-project-info-four {grid-template-columns: minmax(0,1fr);}
}
@media(prefers-reduced-motion:reduce) {
  .v150-project-detail .v150-gallery-main > img {transition:none;}
}