/* Overlay arkaplanı — koyu mor/lacivert gradient */ #vh-sw-overlay .vh-sw-backdrop { background: radial-gradient(ellipse at center, rgba(30, 10, 60, 0.97) 0%, rgba(10, 5, 30, 0.99) 100%) !important; } /* Havai fişek partikülleri — CSS ile simüle */ #vh-sw-overlay::before, #vh-sw-overlay::after { content: '✦ ★ ✦ ⭐ ✦ ★ ✦ ⭐ ✦ ★ ✦ ⭐ ✦ ★ ✦ ⭐ ✦'; position: fixed; top: 0; left: 0; right: 0; text-align: center; font-size: 18px; color: gold; opacity: 0.15; pointer-events: none; z-index: 99997; animation: vhStarsFloat 8s linear infinite; letter-spacing: 12px; } #vh-sw-overlay::after { top: auto; bottom: 0; animation-delay: -4s; opacity: 0.1; } @keyframes vhStarsFloat { 0% { transform: translateY(0) rotate(0deg); opacity: 0.15; } 50% { opacity: 0.25; } 100% { transform: translateY(-30px) rotate(5deg); opacity: 0.15; } } /* ── Overlay ── */ #vh-sw-overlay{position:fixed;inset:0;z-index:99998;display:none;align-items:center;justify-content:center;} #vh-sw-overlay.active{display:flex;} #vh-sw-overlay.overlay-dark .vh-sw-backdrop{background:rgba(0,0,0,.65);} #vh-sw-overlay.overlay-blur .vh-sw-backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(4px);} #vh-sw-overlay.overlay-light .vh-sw-backdrop{background:rgba(255,255,255,.6);} #vh-sw-overlay.overlay-none .vh-sw-backdrop{background:transparent;pointer-events:none;} .vh-sw-backdrop{position:fixed;inset:0;} /* ── Popup box ── */ #vh-sw-popup{ position:relative;z-index:99999; width:480px;max-width:min(96vw, 480px); background:#1e0a3c; border-radius:18px; box-shadow:0 20px 60px rgba(0,0,0,.35); overflow:hidden; animation-duration:.4s;animation-fill-mode:both; } #vh-sw-popup.fadeIn{animation-name:vhSwFadeIn;} #vh-sw-popup.slideUp{animation-name:vhSwSlideUp;} #vh-sw-popup.zoomIn{animation-name:vhSwZoomIn;} @keyframes vhSwFadeIn{from{opacity:0}to{opacity:1}} @keyframes vhSwSlideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}} @keyframes vhSwZoomIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}} @keyframes vhSwSlideUpMobile{from{transform:translateY(100%)}to{transform:translateY(0)}} @keyframes vhSwConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}100%{opacity:0;transform:translateY(120px) rotate(720deg)}} @keyframes vhSwStarFall{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(100px) scale(0.3)}} /* Faz C — Mobil pozisyon sınıfları */ @media(max-width:767px){ /* Alt konumlandırma */ #vh-sw-overlay.vh-sw-mob-bottom{align-items:flex-end;padding:0;} #vh-sw-overlay.vh-sw-mob-bottom #vh-sw-popup{ border-radius:20px 20px 0 0 !important;max-width:100% !important;width:100% !important; max-height:90vh;overflow-y:auto; animation-name:vhSwSlideUpMobile !important; animation-duration:.35s !important; animation-timing-function:cubic-bezier(.32,.72,0,1) !important; } /* Orta konumlandırma */ #vh-sw-overlay.vh-sw-mob-center{align-items:center;padding:16px 12px;} #vh-sw-overlay.vh-sw-mob-center #vh-sw-popup{ border-radius:20px !important;max-width:100% !important;width:100% !important; max-height:calc(100vh - 32px);overflow-y:auto; } #vh-sw-overlay.vh-sw-mob-center #vh-sw-popup.vh-sw-mob-anim-slide{animation-name:vhSwSlideUpMobile;animation-duration:.35s;animation-timing-function:cubic-bezier(.32,.72,0,1);} #vh-sw-overlay.vh-sw-mob-center #vh-sw-popup.vh-sw-mob-anim-fade{animation-name:vhSwFadeIn;animation-duration:.3s;} #vh-sw-overlay.vh-sw-mob-center #vh-sw-popup.vh-sw-mob-anim-zoom{animation-name:vhSwZoomIn;animation-duration:.3s;} /* Tam ekran */ #vh-sw-overlay.vh-sw-mob-full{padding:0;align-items:stretch;} #vh-sw-overlay.vh-sw-mob-full #vh-sw-popup{ border-radius:0 !important;max-width:100% !important;width:100% !important; height:100vh;max-height:100vh;overflow-y:auto; display:flex;flex-direction:column;justify-content:center; } } @media(max-width:480px){ #vh-sw-popup.fadeIn, #vh-sw-popup.slideUp, #vh-sw-popup.zoomIn{animation-name:vhSwSlideUpMobile;animation-duration:.35s;animation-timing-function:cubic-bezier(.32,.72,0,1);} } /* ── Popup içi ── */ .vh-sw-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:22px;cursor:pointer;color:rgba(255,255,255,.7);z-index:2;line-height:1;} .vh-sw-close:hover{color:#fff;} .vh-sw-body{display:flex;flex-direction:column;align-items:center;padding:28px 20px 24px;} /* ── Çark ── */ #vh-sw-canvas-wrap{position:relative;overflow:visible;width:340px;height:340px;margin:0 auto 18px;} #vh-sw-canvas{border-radius:50%;display:block;} #vh-sw-pointer{ position:absolute;top:50%;left:50%; transform:translate(-50%,-50%); width:0;height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:28px solid #f5c451; margin-top:-156px; } #vh-sw-center{ position:absolute;top:50%;left:50%; transform:translate(-50%,-50%); width:44px;height:44px; border-radius:50%; background:#0f172a; border:3px solid #fff; box-shadow:0 2px 8px rgba(0,0,0,.3); } /* ── Form ── */ #vh-sw-form{width:100%;max-width:380px;margin:0 auto;} .vh-sw-field{margin-bottom:12px;} .vh-sw-field input[type=text], .vh-sw-field input[type=email], .vh-sw-field input[type=tel]{ width:100%;padding:10px 14px; border:1.5px solid rgba(255,255,255,.25); border-radius:8px;font-size:15px;outline:none;box-sizing:border-box; transition:border-color .2s; background:rgba(255,255,255,.15); color:#fff; } .vh-sw-field input::placeholder{color:rgba(255,255,255,.55);} .vh-sw-field input:focus{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.22);} .vh-sw-field.error input{border-color:#ff6b6b;} .vh-sw-kvkk{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:rgba(255,255,255,.75);margin-bottom:14px;} .vh-sw-kvkk input{margin-top:3px;flex-shrink:0;} .vh-sw-kvkk a{color:#ffd700;text-decoration:underline;cursor:pointer;} #vh-sw-spin-btn{ width:100%;padding:13px;font-size:16px;font-weight:700; background:#f5c451;color:#111827; border:none;border-radius:8px; cursor:pointer;transition:background .2s,transform .1s; } #vh-sw-spin-btn:hover:not(:disabled){background:#d9a62f;transform:translateY(-1px);} #vh-sw-spin-btn:disabled{opacity:.6;cursor:not-allowed;} .vh-sw-err{color:#ff8a8a;font-size:13px;margin-top:6px;text-align:center;display:none;} /* ── Aşamalar ── */ .vh-sw-step{display:none;} .vh-sw-step.active{display:block;} /* ── Spinning ── */ #vh-sw-step-spin .vh-sw-spinning-msg{text-align:center;color:rgba(255,255,255,.7);font-size:14px;margin-top:10px;} /* ── Sonuç ── */ #vh-sw-step-result{text-align:center;padding:10px 0;} .vh-sw-result-title{font-size:22px;font-weight:700;color:#f5c451;margin-bottom:8px;} .vh-sw-result-reward{font-size:18px;font-weight:600;margin-bottom:14px;color:#fff;} .vh-sw-coupon-box{ background:rgba(255,255,255,.12);border:2px dashed #f5c451;border-radius:10px; padding:14px 20px;margin:0 auto 14px;max-width:280px; } .vh-sw-coupon-code{font-size:24px;font-weight:800;letter-spacing:2px;color:#ffd700;} .vh-sw-coupon-copy{ margin-top:8px;padding:7px 18px; background:#f5c451;color:#fff; border:none;border-radius:6px;font-size:13px;cursor:pointer; } .vh-sw-coupon-copy:hover{filter:brightness(0.9);} .vh-sw-expire{font-size:12px;color:rgba(255,255,255,.6);margin-bottom:16px;} .vh-sw-result-close{ padding:10px 28px;background:rgba(255,255,255,.15);color:#fff; border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;cursor:pointer; } /* ── Hazır Popup Temaları ── */ #vh-sw-popup.vh-sw-theme-vha-premium{ background: radial-gradient(circle at 82% 8%,rgba(179,142,93,.20),transparent 32%), linear-gradient(155deg,#fffdf9 0%,#f7f1e8 58%,#efe2cf 100%); border:1px solid rgba(179,142,93,.55); box-shadow:0 24px 70px rgba(26,26,46,.28),0 0 0 5px rgba(255,255,255,.55); } #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-header{ border-bottom:1px solid rgba(179,142,93,.28); } #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-header-title{ letter-spacing:.4px;text-transform:uppercase; } #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-close{color:#1a1a2e;} #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-field input[type=text], #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-field input[type=email], #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-field input[type=tel]{ background:#fff;color:#1a1a2e;border-color:#d8c09a; box-shadow:0 3px 12px rgba(111,79,50,.08); } #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-field input::placeholder{color:#8b8174;} #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-kvkk{color:#5f574d;} #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-kvkk a{color:#7d5d37;} #vh-sw-popup.vh-sw-theme-vha-premium #vh-sw-step-spin .vh-sw-spinning-msg, #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-result-reward, #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-expire{color:#4b433a;} #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-result-subtitle{color:#5f574d!important;} #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-coupon-box{background:rgba(255,255,255,.72);} #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-coupon-code{color:#1a1a2e;} #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-result-close{background:#fff;color:#1a1a2e;border-color:#d8c09a;} #vh-sw-popup.vh-sw-theme-vha-premium #vh-sw-canvas{filter:drop-shadow(0 12px 22px rgba(72,51,29,.24));} #vh-sw-overlay.vh-sw-theme-vha-premium .vh-sw-backdrop{background:rgba(15,23,42,.48)!important;backdrop-filter:blur(5px);} #vh-sw-popup.vh-sw-theme-red-festival{ background: radial-gradient(circle at 50% 42%,rgba(255,214,10,.22) 0,rgba(255,214,10,0) 34%), repeating-conic-gradient(from -8deg at 50% 42%,#f01924 0deg 14deg,#ca0712 14deg 28deg); border:2px solid #8e0008; box-shadow:0 24px 70px rgba(82,0,5,.48),0 0 0 5px rgba(255,214,10,.18); } #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-header{ background:rgba(111,0,6,.18)!important; border-bottom:1px solid rgba(255,255,255,.14); } #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-header-title{ font-size:27px!important;text-transform:uppercase;letter-spacing:1px; text-shadow:0 3px 0 rgba(105,0,0,.48),0 0 18px rgba(255,214,10,.30); } #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-header-sub{color:#fff!important;font-weight:700;} #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-close{color:#fff;} #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-field input[type=text], #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-field input[type=email], #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-field input[type=tel]{ background:#fff;color:#1f2937;border-color:rgba(255,255,255,.85); box-shadow:0 5px 16px rgba(94,0,5,.22); } #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-field input::placeholder{color:#8a8f98;} #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-kvkk, #vh-sw-popup.vh-sw-theme-red-festival #vh-sw-step-spin .vh-sw-spinning-msg, #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-result-reward, #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-expire{color:#fff;} #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-result-subtitle{color:#fff!important;} #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-kvkk a{color:#fff47a;} #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-coupon-box{background:rgba(101,0,6,.42);} #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-coupon-code{color:#fff47a;} #vh-sw-popup.vh-sw-theme-red-festival .vh-sw-result-close{background:#173763;color:#fff;border-color:#173763;} #vh-sw-popup.vh-sw-theme-red-festival #vh-sw-canvas{filter:drop-shadow(0 0 10px rgba(255,255,255,.42)) drop-shadow(0 12px 20px rgba(80,0,5,.40));} #vh-sw-overlay.vh-sw-theme-red-festival .vh-sw-backdrop{background:rgba(24,0,2,.76)!important;} #vh-sw-popup.vh-sw-theme-night-gold{ background: radial-gradient(circle at 50% 24%,rgba(245,196,81,.20),transparent 34%), linear-gradient(150deg,#101827 0%,#1e2a42 48%,#0b1020 100%); border:1px solid rgba(245,196,81,.72); box-shadow:0 24px 72px rgba(3,7,18,.68),0 0 30px rgba(245,196,81,.15); } #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-header{ background:rgba(0,0,0,.14)!important; border-bottom:1px solid rgba(245,196,81,.24); } #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-header-title{text-transform:uppercase;letter-spacing:.8px;} #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-field input[type=text], #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-field input[type=email], #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-field input[type=tel]{ background:rgba(255,255,255,.10);color:#fff;border-color:rgba(245,196,81,.45); } #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-field input::placeholder{color:rgba(255,255,255,.58);} #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-result-subtitle{color:rgba(255,255,255,.78)!important;} #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-kvkk a, #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-coupon-code{color:#f5c451;} #vh-sw-popup.vh-sw-theme-night-gold .vh-sw-coupon-box{background:rgba(0,0,0,.22);} #vh-sw-popup.vh-sw-theme-night-gold #vh-sw-canvas{filter:drop-shadow(0 0 13px rgba(245,196,81,.34)) drop-shadow(0 13px 22px rgba(0,0,0,.38));} #vh-sw-overlay.vh-sw-theme-night-gold .vh-sw-backdrop{background:rgba(2,6,18,.78)!important;} #vh-sw-popup.vh-sw-theme-christmas{ background: radial-gradient(circle at 12px 12px,rgba(255,255,255,.88) 0 1.5px,transparent 2px) 0 0/44px 44px, radial-gradient(circle at 28px 28px,rgba(245,215,110,.58) 0 1px,transparent 1.8px) 0 0/52px 52px, radial-gradient(circle at 78% 18%,rgba(245,215,110,.18),transparent 28%), linear-gradient(150deg,#073f2d 0%,#0d6845 58%,#7f1d1d 100%); border:2px solid #d4af37; box-shadow:0 24px 72px rgba(3,45,29,.50),0 0 0 5px rgba(212,175,55,.17); } #vh-sw-popup.vh-sw-theme-christmas .vh-sw-header{ border-bottom:1px solid rgba(255,244,207,.34); box-shadow:0 5px 18px rgba(72,9,15,.20); } #vh-sw-popup.vh-sw-theme-christmas .vh-sw-header-title{ font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.8px; text-shadow:0 2px 0 rgba(63,9,13,.48),0 0 16px rgba(245,215,110,.24); } #vh-sw-popup.vh-sw-theme-christmas .vh-sw-header-sub{color:#fff4cf!important;} #vh-sw-popup.vh-sw-theme-christmas .vh-sw-close{color:#fff4cf;} #vh-sw-popup.vh-sw-theme-christmas .vh-sw-field input[type=text], #vh-sw-popup.vh-sw-theme-christmas .vh-sw-field input[type=email], #vh-sw-popup.vh-sw-theme-christmas .vh-sw-field input[type=tel]{ background:rgba(255,255,255,.96);color:#12372a;border-color:#f5d76e; box-shadow:0 4px 14px rgba(2,40,26,.20); } #vh-sw-popup.vh-sw-theme-christmas .vh-sw-field input::placeholder{color:#718078;} #vh-sw-popup.vh-sw-theme-christmas .vh-sw-kvkk, #vh-sw-popup.vh-sw-theme-christmas #vh-sw-step-spin .vh-sw-spinning-msg, #vh-sw-popup.vh-sw-theme-christmas .vh-sw-result-reward, #vh-sw-popup.vh-sw-theme-christmas .vh-sw-expire{color:#fff;} #vh-sw-popup.vh-sw-theme-christmas .vh-sw-result-subtitle{color:#fff4cf!important;} #vh-sw-popup.vh-sw-theme-christmas .vh-sw-kvkk a, #vh-sw-popup.vh-sw-theme-christmas .vh-sw-coupon-code{color:#f5d76e;} #vh-sw-popup.vh-sw-theme-christmas .vh-sw-coupon-box{background:rgba(72,9,15,.34);} #vh-sw-popup.vh-sw-theme-christmas .vh-sw-result-close{background:#fff4cf;color:#7f1d1d;border-color:#f5d76e;} #vh-sw-popup.vh-sw-theme-christmas #vh-sw-canvas{filter:drop-shadow(0 0 10px rgba(245,215,110,.32)) drop-shadow(0 13px 22px rgba(2,37,24,.42));} #vh-sw-overlay.vh-sw-theme-christmas .vh-sw-backdrop{background:rgba(2,35,24,.74)!important;backdrop-filter:blur(5px);} #vh-sw-popup.vh-sw-theme-back-to-school{ background: linear-gradient(rgba(37,99,235,.12) 1px,transparent 1px) 0 0/100% 28px, linear-gradient(90deg,transparent 0 48px,rgba(239,68,68,.22) 48px 50px,transparent 50px), radial-gradient(circle at 88% 10%,rgba(250,204,21,.28),transparent 28%), linear-gradient(145deg,#fffdf4 0%,#eff6ff 62%,#dbeafe 100%); border:2px solid #2563eb; box-shadow:0 24px 68px rgba(30,64,175,.28),0 0 0 5px rgba(255,255,255,.62); } #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-header{ border-bottom:4px solid #facc15; box-shadow:0 4px 0 rgba(249,115,22,.58); } #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-header-title{ text-transform:uppercase;letter-spacing:.7px;text-shadow:0 2px 0 rgba(30,58,138,.34); } #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-header-sub{color:#eff6ff!important;font-weight:700;} #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-close{color:#fff;} #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-field input[type=text], #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-field input[type=email], #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-field input[type=tel]{ background:rgba(255,255,255,.94);color:#172554;border-color:#93c5fd; box-shadow:0 3px 12px rgba(37,99,235,.10); } #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-field input:focus{border-color:#2563eb;background:#fff;} #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-field input::placeholder{color:#7183a8;} #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-kvkk, #vh-sw-popup.vh-sw-theme-back-to-school #vh-sw-step-spin .vh-sw-spinning-msg, #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-result-reward, #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-expire{color:#1e3a5f;} #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-result-subtitle{color:#334e73!important;} #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-kvkk a{color:#1d4ed8;} #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-coupon-box{background:rgba(255,255,255,.82);} #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-coupon-code{color:#1d4ed8;} #vh-sw-popup.vh-sw-theme-back-to-school .vh-sw-result-close{background:#2563eb;color:#fff;border-color:#1d4ed8;} #vh-sw-popup.vh-sw-theme-back-to-school #vh-sw-canvas{filter:drop-shadow(0 12px 21px rgba(37,99,235,.25));} #vh-sw-overlay.vh-sw-theme-back-to-school .vh-sw-backdrop{background:rgba(30,58,138,.50)!important;backdrop-filter:blur(5px);} #vh-sw-popup.vh-sw-theme-black-friday{ background: radial-gradient(circle at 22% 16%,rgba(255,45,149,.32),transparent 29%), radial-gradient(circle at 84% 78%,rgba(255,230,0,.14),transparent 27%), repeating-linear-gradient(135deg,#070707 0 14px,#151515 14px 28px); border:2px solid #ffe600; box-shadow:0 24px 76px rgba(0,0,0,.72),0 0 0 5px rgba(255,45,149,.24),0 0 30px rgba(255,45,149,.20); } #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-header{ border-bottom:2px solid #ff2d95; box-shadow:0 4px 16px rgba(255,45,149,.22); } #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-header-title{ font-size:27px!important;text-transform:uppercase;letter-spacing:1.5px; text-shadow:0 0 10px rgba(255,230,0,.36),3px 3px 0 rgba(255,45,149,.50); } #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-header-sub{color:#fff!important;font-weight:700;} #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-close{color:#ffe600;} #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-field input[type=text], #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-field input[type=email], #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-field input[type=tel]{ background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,45,149,.72); box-shadow:0 0 0 1px rgba(255,230,0,.08),0 5px 16px rgba(0,0,0,.34); } #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-field input:focus{border-color:#ffe600;background:rgba(255,255,255,.12);} #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-field input::placeholder{color:rgba(255,255,255,.62);} #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-kvkk, #vh-sw-popup.vh-sw-theme-black-friday #vh-sw-step-spin .vh-sw-spinning-msg, #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-result-reward, #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-expire{color:#fff;} #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-result-subtitle{color:rgba(255,255,255,.82)!important;} #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-kvkk a, #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-coupon-code{color:#ffe600;} #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-coupon-box{background:rgba(0,0,0,.44);} #vh-sw-popup.vh-sw-theme-black-friday .vh-sw-result-close{background:#ff2d95;color:#fff;border-color:#ff2d95;} #vh-sw-popup.vh-sw-theme-black-friday #vh-sw-canvas{filter:drop-shadow(0 0 12px rgba(255,45,149,.48)) drop-shadow(0 0 5px rgba(255,230,0,.36)) drop-shadow(0 14px 24px rgba(0,0,0,.58));} #vh-sw-overlay.vh-sw-theme-black-friday .vh-sw-backdrop{background:rgba(0,0,0,.84)!important;} /* ── Widget ── */ #vh-sw-widget{ position:fixed;z-index:99997; left:20px;bottom:20px; background:#f09800; color:#ffffff; border-radius:50px;padding:12px 20px 12px 14px; box-shadow:0 4px 16px rgba(0,0,0,.25); cursor:pointer;display:none;align-items:center;gap:10px; transition:transform .2s; max-width:220px; } #vh-sw-widget:hover{transform:scale(1.05);} #vh-sw-widget .vh-sw-wg-icon{font-size:22px;flex-shrink:0;} #vh-sw-widget .vh-sw-wg-text .vh-sw-wg-title{font-weight:700;font-size:14px;line-height:1.2;} #vh-sw-widget .vh-sw-wg-text .vh-sw-wg-sub{font-size:11px;opacity:.85;line-height:1.2;} /* icon_only — sadece ikon, kare/daire */ #vh-sw-widget[data-type="icon_only"]{width:52px;height:52px;min-width:0;max-width:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;} #vh-sw-widget[data-type="icon_only"] .vh-sw-wg-icon{font-size:26px;} /* mini_card — sadece yazı, yuvarlak pill */ #vh-sw-widget[data-type="mini_card"]{border-radius:50px;padding:10px 22px;} #vh-sw-widget[data-type="mini_card"] .vh-sw-wg-title{font-size:14px;font-weight:700;line-height:1.2;} /* Widget kapat butonu */ #vh-sw-widget-close{ position:absolute;top:-8px;right:-8px; width:20px;height:20px;border-radius:50%; background:rgba(0,0,0,.45);color:#fff; border:none;cursor:pointer;font-size:13px;line-height:20px; text-align:center;padding:0;flex-shrink:0; display:flex;align-items:center;justify-content:center; transition:background .15s;z-index:1; } #vh-sw-widget-close:hover{background:rgba(0,0,0,.75);} #vh-sw-widget{position:fixed;overflow:visible;} /* Widget özel CSS */ /* Widget'ı yuvarlak daire + parlak gradient */ #vh-sw-widget { position: fixed; width: 76px !important; height: 76px !important; min-width: 76px !important; padding: 0 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; line-height: 1.1 !important; font-size: 11px !important; font-weight: 800 !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; overflow: visible !important; background: linear-gradient(135deg, #ff6a00 0%, #ee0979 45%, #8e2de2 100%) !important; background-size: 200% 200% !important; box-shadow: 0 8px 24px rgba(238, 9, 121, 0.45), 0 0 0 2px rgba(255,255,255,0.15) inset, 0 0 20px rgba(255, 200, 100, 0.35) !important; animation: vh-sw-shake 3s ease-in-out infinite, vh-sw-gradient 6s ease infinite, vh-sw-glow 2.4s ease-in-out infinite; transform-origin: center center; } /* Üst parlaklık (cam/glossy his) */ #vh-sw-widget::before { content: ""; position: absolute; top: 4px; left: 10px; right: 10px; height: 28px; border-radius: 50%; background: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0)); pointer-events: none; filter: blur(2px); } /* Dönen shimmer (parıltı) */ #vh-sw-widget::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; background: conic-gradient( from 0deg, transparent 0deg, rgba(255,255,255,0.7) 30deg, transparent 60deg, transparent 360deg ); -webkit-mask: radial-gradient(circle, transparent 58%, #000 60%); mask: radial-gradient(circle, transparent 58%, #000 60%); animation: vh-sw-spin 4s linear infinite; pointer-events: none; opacity: 0.75; } /* Alt yazı / ikon düzeni */ #vh-sw-widget .vh-sw-wg-sub { display: none !important; } #vh-sw-widget .vh-sw-wg-icon { font-size: 22px !important; margin: 0 !important; } #vh-sw-widget .vh-sw-wg-text { padding: 0 4px !important; position: relative; z-index: 1; } #vh-sw-widget .vh-sw-wg-title{ position: relative; z-index: 1; } /* Kapat butonu — sağ üst rozet */ #vh-sw-widget-close { position: absolute !important; top: -6px !important; right: -6px !important; width: 22px !important; height: 22px !important; min-width: 22px !important; padding: 0 !important; border-radius: 50% !important; background: #fff !important; color: #333 !important; border: 1px solid rgba(0,0,0,0.15) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.25) !important; font-size: 16px !important; line-height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; z-index: 3 !important; } /* Titreme — 3sn'de bir */ @keyframes vh-sw-shake { 0%, 85%, 100% { transform: translate(0, 0) rotate(0deg); } 86% { transform: translate(-2px, 0) rotate(-5deg); } 88% { transform: translate(2px, 0) rotate(5deg); } 90% { transform: translate(-2px, 0) rotate(-5deg); } 92% { transform: translate(2px, 0) rotate(5deg); } 94% { transform: translate(-1px, 0) rotate(-2deg); } 96% { transform: translate(1px, 0) rotate(2deg); } 98% { transform: translate(0, 0) rotate(0deg); } } /* Gradient akışı */ @keyframes vh-sw-gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Glow nabız */ @keyframes vh-sw-glow { 0%, 100% { box-shadow: 0 8px 24px rgba(238, 9, 121, 0.45), 0 0 0 2px rgba(255,255,255,0.15) inset, 0 0 20px rgba(255, 200, 100, 0.35); } 50% { box-shadow: 0 10px 30px rgba(142, 45, 226, 0.55), 0 0 0 2px rgba(255,255,255,0.2) inset, 0 0 32px rgba(255, 220, 120, 0.65); } } /* Shimmer spin */ @keyframes vh-sw-spin { to { transform: rotate(360deg); } } /* Hover'da titremeyi durdur, büyüt */ #vh-sw-widget:hover { animation-play-state: paused !important; transform: scale(1.08) !important; } /* Mobil konum */ @media (max-width: 768px) { #vh-sw-widget { bottom: auto !important; top: 580px !important; } #vh-sw-widget:hover { transform: scale(1.05) !important; } } /* Widget çalışma durumları özel CSS'ten sonra gelmeli. */ #vh-sw-widget.vh-sw-widget-hidden{display:none!important;} @media(max-width:767px){ #vh-sw-widget{ touch-action:none; -webkit-user-select:none; user-select:none; cursor:grab; } #vh-sw-widget.vh-sw-widget-dragging{ cursor:grabbing; transition:none!important; } #vh-sw-widget-close{ top:-10px!important; right:-10px!important; width:28px!important; height:28px!important; min-width:28px!important; font-size:18px!important; line-height:28px!important; z-index:20!important; touch-action:manipulation; } } /* ── KVKK Modal ── */ #vh-sw-kvkk-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;} #vh-sw-kvkk-modal.active{display:flex;} .vh-sw-kvkk-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);} .vh-sw-kvkk-box{ position:relative;z-index:1;background:#fff;border-radius:12px; padding:24px;max-width:500px;width:92vw;max-height:80vh;overflow-y:auto; box-shadow:0 8px 32px rgba(0,0,0,.3); } .vh-sw-kvkk-title{font-size:18px;font-weight:700;margin-bottom:12px;} .vh-sw-kvkk-close{float:right;background:none;border:none;font-size:20px;cursor:pointer;color:#888;} @media(max-width:480px){ #vh-sw-overlay{align-items:center;padding:16px 12px;} #vh-sw-popup{ border-radius:20px !important; width:calc(100vw - 24px) !important; max-width:calc(100vw - 24px) !important; max-height:calc(100vh - 32px); margin:0 auto !important; overflow-y:auto; } #vh-sw-popup .vh-sw-body{padding:20px 16px 28px;} #vh-sw-popup .vh-sw-header{padding:20px 16px 16px !important;} #vh-sw-canvas-wrap{width:260px!important;height:260px!important;} #vh-sw-canvas{width:260px!important;height:260px!important;} #vh-sw-pointer{margin-top:-116px!important;} } @media(min-width:481px) and (max-width:600px){ #vh-sw-popup{ max-width:calc(100vw - 32px); border-radius:16px !important; } } /* Popup tercihi: form ve sonuç adımlarından bağımsız, her ekranda erişilebilir. */ #vh-sw-popup .vh-sw-popup-preference{width:100%;margin-top:12px;text-align:center;color:#fff;} #vh-sw-popup .vh-sw-popup-preference label{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:0;cursor:pointer;font-size:13px;font-weight:400;line-height:1.4;color:inherit;} #vh-sw-popup #vh-sw-dont-show-again{appearance:auto;-webkit-appearance:checkbox;display:inline-block;position:static;opacity:1;visibility:visible;flex:0 0 18px;width:18px;height:18px;min-width:18px;margin:0;padding:0;cursor:pointer;accent-color:#f5c451;} #vh-sw-popup #vh-sw-dont-show-again:focus-visible{outline:2px solid currentColor;outline-offset:3px;} #vh-sw-popup.vh-sw-theme-vha-premium .vh-sw-popup-preference{color:#5f574d;}