/* PatiKanat Popup Manager */
html.pkpm-open, body.pkpm-open{overflow:hidden!important}

.pkpm-popup{
  --pkpm-overlay:.70;
  --pkpm-width:720px;
  --pkpm-mobile-width:94vw;
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-sizing:border-box;
}

.pkpm-popup.is-visible{display:flex}

.pkpm-backdrop{
  position:absolute;
  inset:0;
  background:rgba(12,27,21,var(--pkpm-overlay));
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.pkpm-dialog{
  position:relative;
  z-index:2;
  width:min(var(--pkpm-width),94vw);
  max-height:92vh;
  animation:pkpmIn .22s ease-out;
}

@keyframes pkpmIn{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.pkpm-media-wrap{
  position:relative;
  display:block;
  line-height:0;
  overflow:hidden;
  border-radius:16px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  background:#fff;
}

.pkpm-image-link{display:block}
.pkpm-image{display:block;width:100%;height:auto;max-height:88vh;object-fit:contain}

.pkpm-close{
  position:absolute;
  z-index:20;
  right:-13px;
  top:-13px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#173e30;
  font-size:28px;
  line-height:1;
  box-shadow:0 5px 20px rgba(0,0,0,.2);
  cursor:pointer;
}

.pkpm-hotspot{
  position:absolute;
  z-index:10;
  display:block;
  cursor:pointer;
  background:transparent;
}

.pkpm-hotspot:focus{
  outline:3px solid rgba(255,122,50,.9);
  outline-offset:-3px;
}

.pkpm-counter{
  margin:10px auto 0;
  width:max-content;
  max-width:90%;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.72);
  color:#fff;
  font:600 11px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Tema 1.4.27 içindeki eski popup ile çakışmayı engeller. */
#pkWelcomePopup{display:none!important}

@media(max-width:640px){
  .pkpm-popup{padding:12px}
  .pkpm-dialog{width:var(--pkpm-mobile-width)}
  .pkpm-media-wrap{border-radius:13px}
  .pkpm-close{
    right:-7px;
    top:-7px;
    width:34px;
    height:34px;
    font-size:24px;
  }
}