/* =========================
   GG HERO SLIDER - FINAL
   Font: Playfair Display
   ========================= */

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&display=swap');

.gg-slider{
  position:relative;
  width:100%;
  max-width:100%;
  visibility:hidden;
}
.gg-slider.gg-ready{visibility:visible;}

.gg-slides{position:relative;}

/* Slide */
.gg-slide{
  display:none;
  position:relative;
}
.gg-slide.is-active{display:block;}
.gg-slide picture,
.gg-slide img{
  width:100%;
  height:auto;
  display:block;
}

/* Fade */
@keyframes ggFadeIn{from{opacity:0;}to{opacity:1;}}
.gg-slide.is-active.gg-fade{animation:ggFadeIn .45s ease;}

/* Full click */
.gg-slide__click{
  position:absolute;
  inset:0;
  z-index:1;
}

/* Overlay */
.gg-slide__overlay{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px;
  pointer-events:none;
}

/* ===== TITLE (GÖRSELDEKİ FONT) ===== */
.gg-slide__title{
  font-family:'Playfair Display', serif;
  color:#fff;
  font-weight:800;
  letter-spacing:-0.4px;
  line-height:1.1;
  font-size:clamp(28px, 3.4vw, 56px);
  text-shadow:0 14px 36px rgba(0,0,0,.55);
  margin-bottom:14px;
  max-width:1100px;
}

/* ===== BUTTON (SMALL) ===== */
.gg-slide__btn{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:7px 14px;
  font-size:10px;
  border-radius:8px;

  background:#ffffff;
  color:#111;
  text-decoration:none;
  font-family:inherit;
  font-weight:600;
  letter-spacing:.7px;
  text-transform:uppercase;
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}

/* Desktop arrows */
.gg-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border:0;
  background:#fff;
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  cursor:pointer;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
}
.gg-arrow span{
  font-size:28px;
  color:#111;
}
.gg-prev{left:18px;}
.gg-next{right:18px;}

/* Mobile */
@media (max-width: 767px){
  .gg-arrow{display:none !important;}

  .gg-slide__overlay{padding:14px;}

  .gg-slide__title{
    font-size:clamp(20px, 6vw, 32px);
    letter-spacing:-0.3px;
    margin-bottom:10px;
  }

  .gg-slide__btn{
    padding:6px 12px;
    font-size:9.5px;
    border-radius:7px;
  }
}