/* Müşteri memnuniyeti video popup */
.vp{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:10px;background:rgba(8,8,12,.72);backdrop-filter:blur(3px)}
.vp[hidden]{display:none}
.vp-box{position:relative;display:flex;flex-direction:column;width:100%;max-width:820px;height:100%;max-height:min(calc(100dvh - 64px),760px);background:#08080c;border:1px solid rgba(255,255,255,.35);color:#fff}
.vp-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px 72px}
.vp-video{height:100%;width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;background:#000;display:block}
.vp-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:72px;border:1px solid rgba(255,255,255,.55);background:#9332c1;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.vp-nav:hover{background:#a63fd6}
.vp-prev{left:12px}.vp-next{right:12px}
.vp-close{position:absolute;top:10px;right:12px;z-index:3;width:60px;height:60px;padding:0;border:2px solid #fff;background:#d12b3a;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.vp-close:hover{background:#ec3a4b}
.vp-x{position:relative;display:block;width:32px;height:32px}
.vp-x::before,.vp-x::after{content:"";position:absolute;left:50%;top:50%;width:36px;height:5px;margin:-2.5px 0 0 -18px;background:#fff;border-radius:2px}
.vp-x::before{transform:rotate(45deg)}.vp-x::after{transform:rotate(-45deg)}
.vp-unmute{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:2px solid #fff;border-radius:999px;background:#9332c1;color:#fff;font:800 16px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.55);animation:vpPulse 1.2s ease-in-out infinite}
.vp-unmute[hidden]{display:none}
@keyframes vpPulse{50%{transform:translateX(-50%) scale(1.06)}}
.vp-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-top:1px solid rgba(255,255,255,.18);background:#13131a;font-size:15px}
.vp-ctrls{display:flex;gap:8px;margin:0 12px}
.vp-ctl{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.6);background:#9332c1;color:#fff;font:700 14px/1 inherit;font-family:inherit;cursor:pointer}
.vp-ctl[hidden]{display:none}
.vp-ctl:hover{background:#a63fd6}
.vp-ctl em{font-style:normal}
body.vp-open{overflow:hidden}
@media (max-width:640px){
  .vp{padding:14px}
  .vp-box{max-height:calc(100dvh - 28px)}
  .vp-stage{padding:56px 0 8px}
  .vp-video{width:100%;height:auto;max-height:100%}
  .vp-nav{width:40px;height:56px;font-size:16px;opacity:.92}
  .vp-prev{left:6px}.vp-next{right:6px}
  .vp-close{top:8px;right:8px}
  .vp-bar{padding:10px 12px;font-size:13px}
  .vp-bar strong{display:none}
  .vp-ctrls{margin:0}
  .vp-close{top:8px;right:8px;width:52px;height:52px}
  .vp-unmute{font-size:14px;padding:12px 16px;bottom:22px}
}

/* Sağ alttaki mini video kartı */
.vp-mini{position:relative;width:260px;background:#9332c1;border:2px solid #b13fe6;box-shadow:0 10px 28px rgba(75,21,102,.38);animation:vpIn .35s ease}
.vp-mini[hidden]{display:none}
.vp-mini-open{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;color:#fff;text-align:left;font-family:inherit}
.vp-mini-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#222}
.vp-mini-thumb video{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;pointer-events:none}
.vp-mini-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(147,50,193,.92);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.vp-mini-play i{margin-left:3px}
.vp-mini-cap{display:block;padding:11px 14px;font-weight:800;font-size:14px;background:linear-gradient(90deg,#a53bd8,#b13fe6)}
.vp-mini-x{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;border:0;border-radius:50%;background:rgba(8,8,12,.65);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vp-mini-x:hover{background:rgba(8,8,12,.9)}
@keyframes vpIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:640px){.vp-mini{width:180px}.vp-mini-play{width:34px;height:34px;font-size:13px}.vp-mini-cap{padding:8px 10px;font-size:12px}}

/* Sağ alt: Hemen Ara / WhatsApp hap butonları */
.float-actions{align-items:flex-end;gap:12px}
.float-actions .float-btn{width:auto;height:54px;padding:0 24px;gap:10px;border-radius:999px;font:800 17px/1 var(--font,inherit);border:2px solid rgba(255,255,255,.85);box-shadow:0 8px 22px rgba(75,21,102,.35)}
.float-actions .float-btn i{font-size:22px}
.float-actions .float-phone{background:linear-gradient(135deg,#c957f0,#9f2fd4)}
.float-actions .float-wa{background:linear-gradient(135deg,#2fe27a,#1faa52)}
@media (max-width:640px){.float-actions{right:12px;bottom:12px;gap:10px}.float-actions .float-btn{height:46px;padding:0 18px;font-size:15px}.float-actions .float-btn i{font-size:19px}}

/* Anasayfa en alt, sağ taraf video kartı */
.vp-mini-home{display:flex;justify-content:flex-end;margin:24px 0 8px}
.vp-mini-home .vp-mini{animation:none}

/* Sağ alttaki mini video kartı: sayfa akışından çıkar, ekrana sabitlenir (footer'ın altına düşmesin) */
.vp-mini-fixed{position:fixed;right:18px;bottom:86px;z-index:85;max-width:calc(100vw - 36px)}
.vp-mini-fixed .vp-mini{box-shadow:0 12px 32px rgba(75,21,102,.42)}
body.vp-open .vp-mini-fixed{display:none}
@media (max-width:640px){
  /* alt sabit "Hemen Ara" çubuğunun (56px) hemen üstünde */
  .vp-mini-fixed{right:12px;bottom:calc(56px + 12px + env(safe-area-inset-bottom,0px))}
  .vp-mini-fixed .vp-mini{width:min(160px,44vw)}
}