/* GOCCE Ana Sayfa Kampanya Banner Pro v1.2 */

.gocce-old-campaign-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

#gocce-home-campaign-footer-fallback{
  display:none!important;
}

.gocce-home-campaign-banner-pro{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:18px 16px 16px!important;
  background:#fff!important;
  position:relative!important;
  z-index:2!important;

  opacity:0;
  visibility:hidden;
  transform:translateY(22px) scale(.992);
  transition:
    opacity .65s ease,
    transform .80s cubic-bezier(.16,1,.3,1)!important;
}

.gocce-home-campaign-banner-pro.gocce-campaign-placed{
  visibility:visible!important;
}

.gocce-home-campaign-banner-pro.gocce-campaign-revealed{
  opacity:1!important;
  transform:none!important;
}

.gocce-home-campaign-banner-pro__link{
  --gocce-rx:0deg;
  --gocce-ry:0deg;
  --gocce-shine-x:50%;
  --gocce-shine-y:45%;

  display:block!important;
  position:relative!important;
  width:min(1820px,100%)!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#1a0f08!important;
  text-decoration:none!important;
  isolation:isolate!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;

  box-shadow:
    0 18px 52px rgba(22,13,8,.13),
    0 3px 10px rgba(22,13,8,.06)!important;

  transition:
    transform .48s cubic-bezier(.16,1,.3,1),
    box-shadow .48s cubic-bezier(.16,1,.3,1),
    filter .40s ease!important;

  animation:gocceCampaignShadow 7.5s ease-in-out infinite;
}

/* moving light sweep */
.gocce-home-campaign-banner-pro__link::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  inset:-25% -45%!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      115deg,
      transparent 39%,
      rgba(255,255,255,.04) 46%,
      rgba(255,255,255,.20) 50%,
      rgba(255,255,255,.05) 54%,
      transparent 61%
    )!important;
  transform:translateX(-55%) rotate(0.001deg)!important;
  opacity:.72!important;
  animation:gocceCampaignSweep 6.8s cubic-bezier(.45,0,.25,1) infinite!important;
  mix-blend-mode:soft-light!important;
}

/* subtle responsive cursor glow */
.gocce-campaign-banner-glow{
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(
      circle at var(--gocce-shine-x) var(--gocce-shine-y),
      rgba(255,255,255,.16) 0,
      rgba(255,255,255,.07) 17%,
      rgba(255,255,255,0) 44%
    )!important;
  opacity:0!important;
  transition:opacity .30s ease!important;
  mix-blend-mode:soft-light!important;
}

/* clean inner rim */
.gocce-home-campaign-banner-pro__link::after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.09),
    inset 0 -32px 70px rgba(0,0,0,.05)!important;
}

.gocce-home-campaign-banner-pro img{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  transform:translateZ(0)!important;
  transition:
    transform .58s cubic-bezier(.16,1,.3,1),
    filter .42s ease!important;
}

@media(hover:hover) and (pointer:fine){
  .gocce-home-campaign-banner-pro__link.gocce-banner-hover{
    transform:
      perspective(1300px)
      translateY(-8px)
      scale(1.012)
      rotateX(var(--gocce-rx))
      rotateY(var(--gocce-ry))!important;

    box-shadow:
      0 32px 78px rgba(22,13,8,.22),
      0 10px 24px rgba(22,13,8,.10)!important;

    filter:saturate(1.02) contrast(1.01)!important;
  }

  .gocce-home-campaign-banner-pro__link.gocce-banner-hover img{
    transform:scale(1.024)!important;
    filter:brightness(1.018) saturate(1.025)!important;
  }

  .gocce-home-campaign-banner-pro__link.gocce-banner-hover .gocce-campaign-banner-glow{
    opacity:1!important;
  }
}

.gocce-home-campaign-banner-pro__link:active{
  transform:scale(.992)!important;
  transition-duration:.12s!important;
}

.gocce-home-campaign-banner-pro__link:focus-visible{
  outline:2px solid #111!important;
  outline-offset:4px!important;
}

@keyframes gocceCampaignSweep{
  0%,18%{transform:translateX(-62%) rotate(0.001deg);opacity:0}
  26%{opacity:.55}
  50%{transform:translateX(58%) rotate(0.001deg);opacity:.72}
  58%,100%{transform:translateX(58%) rotate(0.001deg);opacity:0}
}

@keyframes gocceCampaignShadow{
  0%,100%{
    box-shadow:
      0 18px 52px rgba(22,13,8,.13),
      0 3px 10px rgba(22,13,8,.06);
  }
  50%{
    box-shadow:
      0 24px 64px rgba(22,13,8,.17),
      0 6px 16px rgba(22,13,8,.08);
  }
}

@media(max-width:900px){
  .gocce-home-campaign-banner-pro{
    padding:10px 7px 10px!important;
  }

  .gocce-home-campaign-banner-pro__link{
    border-radius:12px!important;
    animation:gocceCampaignShadowMobile 7s ease-in-out infinite!important;
  }
}

@keyframes gocceCampaignShadowMobile{
  0%,100%{box-shadow:0 12px 32px rgba(22,13,8,.10)}
  50%{box-shadow:0 16px 38px rgba(22,13,8,.14)}
}

@media(max-width:520px){
  .gocce-home-campaign-banner-pro{
    padding:7px 4px!important;
  }

  .gocce-home-campaign-banner-pro__link{
    border-radius:9px!important;
  }

  .gocce-home-campaign-banner-pro__link::before{
    opacity:.42!important;
    animation-duration:8s!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .gocce-home-campaign-banner-pro,
  .gocce-home-campaign-banner-pro__link,
  .gocce-home-campaign-banner-pro__link::before,
  .gocce-home-campaign-banner-pro img,
  .gocce-campaign-banner-glow{
    transition:none!important;
    animation:none!important;
  }
}