/* UYUM | FAALIYET ALANLARI */

.ug-gallery{
  overflow:hidden;
  padding:clamp(75px,8vw,125px) 0;
  background:#f5faf8;
  color:#16394e;
}

.ug-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:35px;
  margin-bottom:42px;
}

.ug-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#118a70;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.7px;
}

.ug-eyebrow::before{
  content:"";
  width:28px;
  height:2px;
  background:#118a70;
}

.ug-heading h2{
  margin:17px 0 0;
  font-size:clamp(38px,4vw,60px);
  line-height:1.12;
  letter-spacing:-.055em;
  font-weight:800;
}

.ug-heading h2 span{
  color:#118a70;
}

.ug-heading p{
  max-width:360px;
  margin:0 0 5px;
  color:#728792;
  font-size:14px;
  line-height:1.8;
}

.ug-gallery-window{
  overflow:hidden;
  width:100%;
}

.ug-gallery-track{
  display:flex;
  width:max-content;
  animation:ugMove 48s linear infinite;
  will-change:transform;
}

.ug-gallery-window:hover .ug-gallery-track,
.ug-gallery-window:focus-within .ug-gallery-track{
  animation-play-state:paused;
}

.ug-gallery-group{
  display:flex;
  flex:none;
  gap:19px;
  padding-right:19px;
}

.ug-card{
  position:relative;
  isolation:isolate;
  display:block;
  flex:none;
  width:clamp(300px,27vw,420px);
  height:clamp(350px,32vw,465px);
  border-radius:19px;
  background:#163a4c;
  overflow:hidden;
  color:white;
  text-decoration:none;
  transform:translateZ(0);
}

.ug-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .9s cubic-bezier(.22,1,.36,1);
}

.ug-card:hover img{
  transform:scale(1.09);
}

.ug-card-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(5,23,35,.16) 10%,
    rgba(5,23,35,.18) 38%,
    rgba(5,23,35,.88) 100%
  );
}

.ug-card-index{
  position:absolute;
  top:24px;
  left:24px;
  font-size:12px;
  letter-spacing:2px;
  font-weight:800;
  color:#e7f6f0;
}

.ug-card-content{
  position:absolute;
  left:25px;
  right:25px;
  bottom:27px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}

.ug-card-content small{
  color:#91e9c5;
  font-size:11px;
  letter-spacing:1.1px;
  font-weight:800;
  text-transform:uppercase;
}

.ug-card-content strong{
  font-size:clamp(22px,2vw,29px);
  line-height:1.2;
  letter-spacing:-.6px;
  font-weight:800;
}

.ug-card-arrow{
  position:absolute;
  right:0;
  bottom:0;
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border:1px solid #ffffff65;
  border-radius:50%;
  font-size:22px;
  transition:background .25s,transform .25s;
}

.ug-card:hover .ug-card-arrow{
  background:#118a70;
  border-color:#118a70;
  transform:rotate(45deg);
}

@keyframes ugMove{
  to{transform:translateX(-50%)}
}

@media(max-width:767px){
  .ug-gallery{padding:70px 0}
  .ug-heading{
    display:block;
    margin-bottom:28px;
  }
  .ug-heading h2{
    font-size:clamp(34px,8.5vw,46px);
  }
  .ug-heading p{
    margin-top:16px;
    font-size:13px;
  }

  /* Mobilde elle kaydırılabilir */
  .ug-gallery-window{
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    touch-action:pan-x;
    padding-bottom:4px;
  }
  .ug-gallery-window::-webkit-scrollbar{
    display:none;
  }
  .ug-gallery-track{
    animation:none;
  }
  .ug-gallery-group{
    gap:13px;
    padding-right:13px;
  }
  .ug-gallery-group[aria-hidden="true"]{
    display:none;
  }
  .ug-card{
    width:min(79vw,330px);
    height:375px;
    scroll-snap-align:center;
    border-radius:16px;
  }
  .ug-card-content{
    left:20px;
    right:20px;
    bottom:22px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ug-gallery-track{
    animation:none!important;
  }
  .ug-gallery-window{
    overflow-x:auto;
  }
}

/* GALERI BASLIK DUZENI */
.ug-heading{
  display:block!important;
}
.ug-heading > p{
  display:none!important;
}