.gtcpe-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;z-index:9999}
.gtcpe-modal.show{display:block}
.gtcpe-dialog{max-width:720px;width:95%;height:80vh;margin:5vh auto;background:#fff;border-radius:12px;overflow:hidden;position:relative}
.gtcpe-close{position:absolute;top:8px;right:8px;font-size:22px;line-height:1;background:transparent;border:0;cursor:pointer}
.gtcpe-iframe{width:100%;height:100%;border:0}
.gtcpe-cta .gtcpe-open{padding:12px 20px;border:0;border-radius:8px;cursor:pointer}
html.gtcpe-noscroll, html.gtcpe-noscroll body{overflow:hidden}
/* ---- Tema etkisini kırmak için değişkenler ---- */
:root{
  --gtcpe-primary: #0f3d4c;      /* buton zemin rengi */
  --gtcpe-primary-hover:#0c3340; /* hover rengi */
  --gtcpe-ring: #55b6ff;         /* focus halkası */
  --gtcpe-radius: 12px;
  --gtcpe-shadow: 0 6px 18px rgba(0,0,0,.12);
  --gtcpe-shadow-lg: 0 12px 26px rgba(0,0,0,.18);
}

/* Modal */
.gtcpe-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;z-index:9999}
.gtcpe-modal.show{display:block}
.gtcpe-dialog{max-width:720px;width:95%;max-height:90vh;height:auto;margin:5vh auto;background:#fff;border-radius:12px;overflow:auto;position:relative;box-shadow:var(--gtcpe-shadow)}
.gtcpe-iframe{width:100%;height:520px;border:0}

/* --- BUTON: tema stilini sıfırla ve modern görünüm ver --- */
.gtcpe-cta .gtcpe-open{
  all: unset;                          /* reset: temanın buton/typography kurallarını siler */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 20px 40px !important;
  min-height: 44px;                    /* dokunmatik erişilebilirlik */
  background: var(--gtcpe-primary);
  color: white!important;
	background: #00283c!important;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  border-radius: var(--gtcpe-radius);
  box-shadow: var(--gtcpe-shadow);
  border: 1px solid rgba(255,255,255,.08);
  cursor: pointer;
  text-decoration: none;
  transition: transform .12s ease, box-shadow .2s ease, background-color .2s ease, filter .2s ease;
}
.gtcpe-cta .gtcpe-open:hover{
  background: var(--gtcpe-primary-hover);
  box-shadow: var(--gtcpe-shadow-lg);
  transform: translateY(-1px);
}
.gtcpe-cta .gtcpe-open:active{
  transform: translateY(0);
  filter: brightness(.98);
}
.gtcpe-cta .gtcpe-open:focus-visible{
  outline: 2px solid var(--gtcpe-ring);
  outline-offset: 2px;
}

/* Küçük ekranlarda tam genişlik */
@media (max-width: 480px){
  .gtcpe-cta .gtcpe-open{ width: 100%; }
}

/* Kapatma tuşu – temiz ve tutarlı */
.gtcpe-close{
  all: unset;
  position:absolute; top:10px; right:10px;
  width:34px; height:34px;
  display:grid; place-items:center;
  border-radius: 999px;
  font-size: 20px;
  color:#111;
  background: #f2f4f7;
  cursor:pointer;
  transition: background-color .2s ease, transform .12s ease;
}
.gtcpe-close:hover{ background:#e6e9ef; transform: rotate(0deg) scale(1.03); }
.gtcpe-close:focus-visible{ outline:2px solid var(--gtcpe-ring); outline-offset:2px; }

/* “no-scroll” davranışı */
html.gtcpe-noscroll, html.gtcpe-noscroll body{overflow:hidden}