/* GERÇEK BİLGİSAYAR V154 | Standardised project gallery sizing.
 * Active only on project detail pages; the other site sections stay unchanged. */
.v150-project-detail .v150-gallery {
  box-sizing:border-box;
  overflow:hidden;
  padding:12px;
  border-radius:20px;
  background:#fff;
  border:1px solid #d4e6f2;
  box-shadow:0 12px 30px rgba(17,65,105,.07);
}
/* Consistent 8:5 canvas matches the three new EUS images precisely.
 * Images scale with the parent card instead of floating smaller/larger inside it. */
.v150-project-detail .v150-gallery-main {
  box-sizing:border-box;
  isolation:isolate;
  position:relative;
  display:block;
  width:100%;
  min-height:0;
  height:auto;
  aspect-ratio:1586 / 992;
  overflow:hidden;
  border-radius:15px;
  background:#edf6fb;
  box-shadow:inset 0 0 0 1px #d5e7f3;
}
.v150-project-detail .v150-gallery-main > img {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  border-radius:inherit;
  clip-path:none;
  object-fit:cover;
  object-position:center;
  box-shadow:none;
  transform:none;
  transition:transform .22s ease;
}
.v150-project-detail .v150-gallery-main:hover > img {transform:scale(1.012)}
.v150-project-detail .v150-gallery-main::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(182,212,231,.52);
}
.v150-project-detail .v150-gallery-thumbs {display:flex;gap:9px;padding:12px 1px 1px;overflow-x:auto;scrollbar-width:thin}
.v150-project-detail .v150-gallery-thumb {
  box-sizing:border-box;
  flex:0 0 101px;
  width:101px;
  height:72px;
  padding:4px;
  margin:0;
  border-radius:12px;
  overflow:hidden;
  background:#edf6fc;
  border:1px solid #d7e7f2;
}
.v150-project-detail .v150-gallery-thumb > img {
  display:block;
  width:100%;
  height:100%;
  border-radius:8px;
  object-fit:cover;
  clip-path:none;
}
/* The full-size dialog uses contain so no labels are clipped. Both image and
 * frame have rounded clipping to remove square-corner/ellipse mismatch. */
dialog.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-stage-image {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:0;
  overflow:hidden;
  border-radius:16px;
  background:#eaf4fa;
  border:1px solid #d7e6f1;
  box-shadow:none;
}
dialog.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-stage-image > img {
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:15px;
  clip-path:none;
}
dialog.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-rail-thumb {
  box-sizing:border-box;
  overflow:hidden;
  border-radius:13px;
  background:#eef6fc;
}
dialog.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-rail-thumb > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:9px;
  clip-path:none;
}
@media(max-width:720px) {
  .v150-project-detail .v150-gallery {padding:8px;border-radius:16px}
  .v150-project-detail .v150-gallery-main {height:auto;min-height:0;aspect-ratio:1586 / 992;border-radius:12px}
  .v150-project-detail .v150-gallery-main > img {height:100%;max-height:none;border-radius:inherit;clip-path:none}
  .v150-project-detail .v150-gallery-thumb {flex-basis:88px;width:88px;height:64px}
  dialog.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-stage-image {border-radius:12px}
  dialog.v150-gallery-dialog.v152-gallery-dialog .v151-gallery-stage-image > img {border-radius:11px}
}
@media(prefers-reduced-motion:reduce) {
  .v150-project-detail .v150-gallery-main > img {transition:none}
}