/*
 * GOCCE Mobil Floating Fix Pro
 * Masaüstü düzenine dokunmaz.
 */
@media (max-width: 767px) {

  /* -----------------------------------------
   * DESTEK BOTU
   * JS doğru sabit elementi bulup bu sınıfı ekler.
   * ----------------------------------------- */
  .gocce-mobile-support-fixed{
    position:fixed!important;
    right:10px!important;
    left:auto!important;
    top:auto!important;
    bottom:var(--gocce-support-bottom, 102px)!important;
    z-index:2147481200!important;
    max-width:138px!important;
    margin:0!important;
    transform:none!important;
    transition:
      bottom .28s cubic-bezier(.22,1,.36,1),
      opacity .2s ease!important;
  }

  /* Destek butonunun ekranda gereksiz büyümesini engelle */
  .gocce-mobile-support-fixed button,
  .gocce-mobile-support-fixed a{
    max-width:138px!important;
  }

  /* -----------------------------------------
   * KAMPANYA LAUNCHER
   * Alttaki iyzico alanından tamamen uzaklaştır.
   * ----------------------------------------- */
  #gocce-campaign-launcher{
    position:fixed!important;
    left:8px!important;
    right:auto!important;
    top:58%!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:146px!important;
    min-height:44px!important;
    padding:7px 9px!important;
    border-radius:0 14px 14px 0!important;
    transform:translate3d(0,-50%,0)!important;
    z-index:2147481100!important;
    box-shadow:0 10px 28px rgba(0,0,0,.15)!important;
  }

  #gocce-campaign-launcher:hover{
    transform:translate3d(0,-50%,0)!important;
  }

  #gocce-campaign-launcher .gcs-dot{
    width:7px!important;
    height:7px!important;
    flex-basis:7px!important;
  }

  #gocce-campaign-launcher .gcs-launcher-copy{
    gap:1px!important;
  }

  #gocce-campaign-launcher .gcs-launcher-copy small{
    font-size:7px!important;
  }

  #gocce-campaign-launcher .gcs-launcher-copy strong{
    font-size:11px!important;
  }

  #gocce-campaign-launcher .gcs-arrow{
    font-size:13px!important;
  }

  /* -----------------------------------------
   * KAMPANYA PANELİ - AKICI AÇILMA / KAPANMA
   * ----------------------------------------- */
  #gocce-campaign-backdrop{
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:
      opacity .24s ease,
      visibility .24s ease!important;
  }

  #gocce-campaign-backdrop.gocce-mobile-campaign-open{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  #gocce-campaign-modal{
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;

    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 20px)!important;
    overflow:auto!important;

    border-radius:20px!important;
    transform:translate3d(0,34px,0) scale(.985)!important;
    transform-origin:center bottom!important;

    transition:
      transform .34s cubic-bezier(.16,1,.3,1),
      opacity .22s ease,
      visibility .34s ease!important;

    will-change:transform,opacity!important;
    z-index:2147482004!important;
  }

  #gocce-campaign-modal.gocce-mobile-campaign-open{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }

  /* hidden attribute'ünü animasyon süresince CSS yönetir */
  #gocce-campaign-modal[hidden],
  #gocce-campaign-backdrop[hidden]{
    display:block!important;
  }

  /* Panel açıkken destek/kampanya butonları arkada kaybolsun */
  body.gocce-mobile-campaign-active .gocce-mobile-support-fixed,
  body.gocce-mobile-campaign-active #gocce-campaign-launcher{
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* Daha küçük telefonlar */
@media (max-width: 390px){
  #gocce-campaign-launcher{
    top:55%!important;
    max-width:132px!important;
    padding:6px 8px!important;
  }

  .gocce-mobile-support-fixed{
    right:8px!important;
    max-width:124px!important;
  }
}

@media (prefers-reduced-motion: reduce){
  #gocce-campaign-modal,
  #gocce-campaign-backdrop,
  .gocce-mobile-support-fixed{
    transition:none!important;
  }
}