/* =========================================================
   GILDONGSEKKI HOME CONTENT POPUP
   CAROUSEL V45
========================================================= */

.gs-home-popup-overlay{
  position:fixed;
  inset:0;

  z-index:50000;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:24px;

  background:
    rgba(12,18,14,.70);

  -webkit-backdrop-filter:
    blur(6px);

  backdrop-filter:
    blur(6px);
}


.gs-home-popup{
  position:relative;

  width:min(920px,94vw);

  overflow:hidden;

  border:
    1px solid
    rgba(255,255,255,.13);

  border-radius:18px;

  background:#121a14;

  box-shadow:
    0 32px 100px
    rgba(0,0,0,.48);
}


/* TOP */

.gs-home-popup-top{
  display:grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items:center;

  min-height:50px;

  padding:
    7px 12px;

  background:
    linear-gradient(
      180deg,
      rgba(46,61,48,.98),
      rgba(27,39,30,.98)
    );

  border-bottom:
    1px solid
    rgba(255,255,255,.08);
}


.gs-home-popup-counter{
  grid-column:2;

  color:
    rgba(255,255,255,.66);

  font-size:11px;

  font-weight:800;

  letter-spacing:.08em;
}


.gs-home-popup-actions{
  grid-column:3;

  display:flex;

  align-items:center;
  justify-content:flex-end;

  gap:5px;
}


.gs-home-popup-action{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-height:33px;

  padding:
    0 10px;

  border:0;

  border-radius:8px;

  background:transparent;

  color:
    rgba(255,255,255,.86);

  font-size:11px;

  font-weight:700;

  cursor:pointer;
}


.gs-home-popup-action:hover{
  background:
    rgba(255,255,255,.07);
}


.gs-home-popup-close{
  width:34px;

  padding:0;

  font-size:21px;
}


/* VIEWPORT */

.gs-home-popup-viewport{
  position:relative;

  overflow:hidden;

  width:100%;

  background:#101711;

  touch-action:pan-y;
}


.gs-home-popup-track{
  display:flex;

  width:100%;

  transform:
    translate3d(0,0,0);

  transition:
    transform .32s
    cubic-bezier(.22,.72,.22,1);
}


.gs-home-popup-slide{
  flex:
    0 0 100%;

  width:100%;
  min-width:100%;
}


.gs-home-popup-link{
  display:block;

  width:100%;

  color:inherit;

  text-decoration:none;
}


.gs-home-popup-image-box{
  display:flex;

  align-items:center;
  justify-content:center;

  width:100%;

  min-height:360px;

  max-height:
    calc(86vh - 126px);

  background:
    radial-gradient(
      circle at center,
      #1e2b21 0%,
      #101711 70%
    );
}


.gs-home-popup-image{
  display:block;

  width:100%;
  height:auto;

  max-width:100%;

  max-height:
    calc(86vh - 126px);

  object-fit:contain;

  user-select:none;

  -webkit-user-drag:none;
}


/* META */

.gs-home-popup-meta{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:15px;

  min-height:48px;

  padding:
    10px 64px 11px;

  background:
    rgba(24,36,27,.99);
}


.gs-home-popup-meta strong{
  min-width:0;

  overflow:hidden;

  color:#fff;

  font-size:12px;

  font-weight:800;

  text-overflow:ellipsis;

  white-space:nowrap;
}


.gs-home-popup-meta span{
  flex:0 0 auto;

  color:
    rgba(255,255,255,.53);

  font-size:10px;

  white-space:nowrap;
}


/* ARROWS */

.gs-home-popup-arrow{
  position:absolute;

  top:50%;

  z-index:5;

  display:flex;

  align-items:center;
  justify-content:center;

  width:46px;
  height:58px;

  padding:0;

  transform:
    translateY(-50%);

  border:
    1px solid
    rgba(255,255,255,.14);

  border-radius:13px;

  background:
    rgba(12,20,15,.64);

  color:#fff;

  font-family:Arial,sans-serif;

  font-size:37px;

  font-weight:300;

  cursor:pointer;

  -webkit-backdrop-filter:
    blur(8px);

  backdrop-filter:
    blur(8px);
}


.gs-home-popup-arrow:hover{
  background:
    rgba(42,61,46,.91);
}


.gs-home-popup-prev{
  left:14px;
}


.gs-home-popup-next{
  right:14px;
}


.gs-home-popup-arrow[hidden]{
  display:none !important;
}


/* DOTS */

.gs-home-popup-bottom{
  display:flex;

  align-items:center;
  justify-content:center;

  min-height:35px;

  padding:
    7px 12px 10px;

  background:#172219;
}


.gs-home-popup-dots{
  display:flex;

  align-items:center;
  justify-content:center;

  gap:7px;
}


.gs-home-popup-dot{
  width:7px;
  height:7px;

  padding:0;

  border:0;

  border-radius:999px;

  background:
    rgba(255,255,255,.25);

  cursor:pointer;

  transition:
    width .18s ease,
    background .18s ease;
}


.gs-home-popup-dot.active{
  width:22px;

  background:#ddc582;
}


.gs-home-popup-bottom[hidden]{
  display:none !important;
}


body.gs-home-popup-open{
  overflow:hidden !important;
}


/* MOBILE */

@media(max-width:820px){

  .gs-home-popup-overlay{
    padding:10px;
  }


  .gs-home-popup{
    width:100%;

    max-height:88svh;

    border-radius:15px;
  }


  .gs-home-popup-top{
    grid-template-columns:
      auto 1fr auto;

    min-height:46px;

    padding:
      5px 7px;
  }


  .gs-home-popup-counter{
    grid-column:1;

    padding-left:7px;

    font-size:10px;
  }


  .gs-home-popup-actions{
    grid-column:3;
  }


  .gs-home-popup-action{
    min-height:33px;

    padding:
      0 7px;

    font-size:10px;
  }


  .gs-home-popup-close{
    width:30px;

    font-size:20px;
  }


  .gs-home-popup-image-box{
    min-height:230px;

    max-height:
      calc(88svh - 124px);
  }


  .gs-home-popup-image{
    max-height:
      calc(88svh - 124px);
  }


  .gs-home-popup-arrow{
    width:38px;
    height:48px;

    border-radius:11px;

    font-size:30px;
  }


  .gs-home-popup-prev{
    left:7px;
  }


  .gs-home-popup-next{
    right:7px;
  }


  .gs-home-popup-meta{
    min-height:44px;

    padding:
      9px 50px 10px;
  }


  .gs-home-popup-meta strong{
    font-size:11px;
  }


  .gs-home-popup-meta span{
    font-size:9px;
  }


  .gs-home-popup-bottom{
    min-height:30px;

    padding:
      6px 9px 8px;
  }

}


/* =========================================================
   HOME POPUP OPTIONAL LINK V46
========================================================= */

.gs-home-popup-no-link{
  cursor:default !important;
}

.gs-home-popup-no-link
.gs-home-popup-image{
  cursor:default !important;
}