/* 4dsHub homepage game portals — Recep Holoğlu */
.home-game-showcase{
  position:absolute!important;
  left:50%!important;
  top:clamp(270px,31svh,330px)!important;
  width:min(1240px,90vw)!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  gap:clamp(34px,5vw,96px)!important;
  margin:0!important;
  padding:0!important;
  z-index:80!important;
  pointer-events:auto!important;
}
.home-game-link{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:clamp(205px,28svh,270px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-decoration:none!important;
  line-height:0!important;
  cursor:pointer!important;
  isolation:isolate!important;
  -webkit-tap-highlight-color:transparent!important;
}
.home-game-link::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:74%!important;
  height:66%!important;
  transform:translate(-50%,-50%) scale(.88)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.075),rgba(255,255,255,0) 68%)!important;
  opacity:0!important;
  transition:opacity .3s ease,transform .3s ease!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.home-game-link img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:360px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.48))!important;
  transform:translateZ(0) scale(1)!important;
  transform-origin:center!important;
  transition:transform .3s cubic-bezier(.2,.75,.2,1),filter .3s ease,opacity .3s ease!important;
  backface-visibility:hidden!important;
}
.home-game-link.is-elie img{max-width:292px!important;}
.home-game-link.is-catpuf img{max-width:403px!important;}
.home-game-link.is-shitart img{max-width:347px!important;}
.home-game-link:hover img,
.home-game-link:focus-visible img{
  transform:translateZ(0) translateY(-5px) scale(1.035)!important;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.58)) drop-shadow(0 0 18px rgba(255,255,255,.10))!important;
}
.home-game-link:hover::before,
.home-game-link:focus-visible::before{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
.home-game-link:focus-visible{outline:1px solid rgba(255,255,255,.42)!important;outline-offset:12px!important;border-radius:10px!important;}

body.concept-mode .home-game-showcase,
body.services-mode .home-game-showcase,
body.contact-mode .home-game-showcase,
body.power-mode .home-game-showcase,
body.form-mode .home-game-showcase,
body.brand-universe-mode .home-game-showcase,
body.fiktir-open .home-game-showcase,
body.bok-open .home-game-showcase,
body.don-open .home-game-showcase,
body.recep-podcast-open .home-game-showcase,
body.brief-modal-open .home-game-showcase,
body.recep-any-modal-open .home-game-showcase{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Keep the two lower destinations perfectly centered as one group. */
.footer{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.footer-row{
  align-self:center!important;
  justify-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.footer-copyright{
  align-self:center!important;
  justify-self:center!important;
}

@media(max-height:720px) and (min-width:901px){
  .home-game-showcase{top:clamp(220px,29svh,255px)!important;width:min(1120px,88vw)!important;}
  .home-game-link{height:clamp(170px,27svh,215px)!important;}
  .home-game-link.is-elie img{max-width:245px!important;}
  .home-game-link.is-catpuf img{max-width:335px!important;}
  .home-game-link.is-shitart img{max-width:300px!important;}
}

@media(max-width:900px){
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode):not(.don-open) .site{
    padding-top:clamp(455px,56svh,510px)!important;
    min-height:auto!important;
  }
  .home-game-showcase{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    order:1!important;
    width:min(94vw,820px)!important;
    transform:none!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(12px,3vw,30px)!important;
    margin:0 auto clamp(34px,6svh,64px)!important;
  }
  .home-game-link{height:clamp(150px,25vw,205px)!important;}
  .home-game-link img{max-width:100%!important;}
  .home-game-link.is-elie img{max-width:210px!important;}
  .home-game-link.is-catpuf img{max-width:270px!important;}
  .home-game-link.is-shitart img{max-width:235px!important;}
}

@media(max-width:640px){
  body:not(.concept-mode):not(.services-mode):not(.contact-mode):not(.power-mode):not(.brand-universe-mode):not(.form-mode):not(.don-open) .site{
    padding-top:clamp(440px,54svh,485px)!important;
    padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
  }
  .home-game-showcase{
    width:min(92vw,430px)!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    margin-bottom:42px!important;
  }
  .home-game-link{height:clamp(190px,57vw,235px)!important;}
  .home-game-link.is-elie img{max-width:235px!important;}
  .home-game-link.is-catpuf img{max-width:315px!important;}
  .home-game-link.is-shitart img{max-width:285px!important;}
}

@media(prefers-reduced-motion:reduce){
  .home-game-link img,.home-game-link::before{transition:none!important;}
}
