.sp-root{ position:relative; z-index:2147483000; }
.sp-item{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif; }

.sp-box{ background:#fff; color:#111; border-radius:14px; box-shadow:none; }
.sp-chrome-none{ box-shadow:none; outline:0; }
.sp-chrome-shadow{ box-shadow:0 20px 50px rgba(0,0,0,.25); }
.sp-chrome-outline{ box-shadow:none; outline:1px solid var(--sp-chrome-color, rgba(0,0,0,0.06)); }

.sp-animate-in{ animation:sp-fadein .2s ease-out; }
@keyframes sp-fadein{ from{ opacity:0 } to{ opacity:1 } }
.sp-animate-fade{ animation:sp-fade .2s ease-out; }
@keyframes sp-fade{ from{ opacity:0 } to{ opacity:1 } }

.sp-overlay{ position:absolute; inset:0; pointer-events:auto; }
.sp-single .sp-overlay, .sp-item .sp-overlay{ position:fixed; inset:0; }

.sp-modal .sp-box{ position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(var(--sp-scale,1)); max-width:min(92vw, 820px); padding:22px; }
.sp-fullscreen .sp-box{ position:fixed; inset:0; border-radius:0; padding:28px; overflow:auto; transform:scale(var(--sp-scale,1)); transform-origin:50% 50%; }

/* Yüzen Popup - Modern Flat Tasarım */
.sp-floater{ 
	position:fixed; 
	z-index:9999;
	pointer-events:none;
}

.sp-floater .sp-box{ 
	position:relative;
	background:#fff;
	border-radius:16px;
	box-shadow:0 8px 32px rgba(0,0,0,0.12);
	padding:24px;
	max-width:380px;
	width:100%;
	pointer-events:auto;
	animation:sp-floater-enter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	transform-origin:bottom center;
}

.sp-floater.sp-bottom_right{ 
	bottom:20px; 
	right:20px; 
}

.sp-floater.sp-bottom_left{ 
	bottom:20px; 
	left:20px; 
}

@keyframes sp-floater-enter{
	0%{ 
		opacity:0; 
		transform:translateY(100px) scale(0.8); 
	}
	50%{
		transform:translateY(-10px) scale(1.05);
	}
	100%{ 
		opacity:1; 
		transform:translateY(0) scale(1); 
	}
}

/* Mobile responsive */
@media (max-width: 768px){
	.sp-floater{ 
		left:10px !important;
		right:10px !important;
		bottom:10px;
	}
	.sp-floater .sp-box{
		max-width:none;
		width:100%;
		padding:20px;
	}
}

.sp-close{ position:absolute; top:8px; background:transparent; border:0; line-height:1; cursor:pointer; transition:all 0.2s; }
.sp-close:hover{ transform:rotate(90deg); opacity:0.7; }
.sp-close.sp-pos-right{ right:10px; }
.sp-close.sp-pos-left{ left:10px; }

.sp-content{ margin-top:12px; font-size:16px; line-height:1.6; }
.sp-content img{ display:block; width:100%; height:auto; border-radius:12px; }

/* Görsel-only mod: padding/background kalkar */
.sp-img-only{ background:transparent; padding:0 !important; }
.sp-img-only .sp-content{ margin-top:0; }

/* ========== ANIMASYONLAR ========== */
/* Animasyon hızları */
.sp-anim-fast{ animation-duration:0.3s !important; }
.sp-anim-normal{ animation-duration:0.5s !important; }
.sp-anim-slow{ animation-duration:0.8s !important; }

/* Giriş Animasyonları */
.sp-anim-fadeIn{ animation-name:sp-fadeIn; }
@keyframes sp-fadeIn{ from{ opacity:0; } to{ opacity:1; } }

.sp-anim-slideUp{ animation-name:sp-slideUp; }
@keyframes sp-slideUp{ from{ opacity:0; transform:translateY(60px); } to{ opacity:1; transform:translateY(0); } }

.sp-anim-slideDown{ animation-name:sp-slideDown; }
@keyframes sp-slideDown{ from{ opacity:0; transform:translateY(-60px); } to{ opacity:1; transform:translateY(0); } }

.sp-anim-slideLeft{ animation-name:sp-slideLeft; }
@keyframes sp-slideLeft{ from{ opacity:0; transform:translateX(60px); } to{ opacity:1; transform:translateX(0); } }

.sp-anim-slideRight{ animation-name:sp-slideRight; }
@keyframes sp-slideRight{ from{ opacity:0; transform:translateX(-60px); } to{ opacity:1; transform:translateX(0); } }

.sp-anim-zoomIn{ animation-name:sp-zoomIn; }
@keyframes sp-zoomIn{ from{ opacity:0; transform:scale(0.5); } to{ opacity:1; transform:scale(1); } }

.sp-anim-zoomOut{ animation-name:sp-zoomOut; }
@keyframes sp-zoomOut{ from{ opacity:0; transform:scale(1.5); } to{ opacity:1; transform:scale(1); } }

.sp-anim-bounceIn{ animation-name:sp-bounceIn; }
@keyframes sp-bounceIn{ 0%{ opacity:0; transform:scale(0.3); } 50%{ opacity:1; transform:scale(1.05); } 70%{ transform:scale(0.9); } 100%{ transform:scale(1); } }

.sp-anim-rotateIn{ animation-name:sp-rotateIn; }
@keyframes sp-rotateIn{ from{ opacity:0; transform:rotate(-200deg) scale(0.5); } to{ opacity:1; transform:rotate(0) scale(1); } }

.sp-anim-flipIn{ animation-name:sp-flipIn; }
@keyframes sp-flipIn{ from{ opacity:0; transform:perspective(400px) rotateX(90deg); } to{ opacity:1; transform:perspective(400px) rotateX(0); } }

.sp-anim-shake{ animation-name:sp-shake; }
@keyframes sp-shake{ 0%,100%{ transform:translateX(0); } 10%,30%,50%,70%,90%{ transform:translateX(-10px); } 20%,40%,60%,80%{ transform:translateX(10px); } }

/* Çıkış Animasyonları */
.sp-anim-fadeOut{ animation-name:sp-fadeOut; }
@keyframes sp-fadeOut{ from{ opacity:1; } to{ opacity:0; } }

.sp-anim-slideUpExit{ animation-name:sp-slideUpExit; }
@keyframes sp-slideUpExit{ from{ opacity:1; transform:translateY(0); } to{ opacity:0; transform:translateY(-60px); } }

.sp-anim-slideDownExit{ animation-name:sp-slideDownExit; }
@keyframes sp-slideDownExit{ from{ opacity:1; transform:translateY(0); } to{ opacity:0; transform:translateY(60px); } }

.sp-anim-zoomOutExit{ animation-name:sp-zoomOutExit; }
@keyframes sp-zoomOutExit{ from{ opacity:1; transform:scale(1); } to{ opacity:0; transform:scale(0.5); } }

.sp-anim-rotateOutExit{ animation-name:sp-rotateOutExit; }
@keyframes sp-rotateOutExit{ from{ opacity:1; transform:rotate(0); } to{ opacity:0; transform:rotate(200deg) scale(0.5); } }

/* ========== COUNTDOWN TIMER ========== */
.sp-countdown{ margin:16px 0; padding:12px; background:rgba(0,0,0,0.05); border-radius:8px; text-align:center; }
.sp-countdown-title{ font-size:14px; font-weight:600; margin-bottom:8px; color:#666; }
.sp-countdown-timer{ display:flex; justify-content:center; gap:12px; font-family:monospace; }
.sp-countdown-unit{ display:flex; flex-direction:column; align-items:center; min-width:50px; }
.sp-countdown-value{ font-size:32px; font-weight:700; line-height:1; color:#111; }
.sp-countdown-label{ font-size:11px; text-transform:uppercase; color:#888; margin-top:4px; }
.sp-countdown-expired{ font-size:20px; font-weight:700; color:#e74c3c; padding:16px; }

/* Countdown Styles */
.sp-countdown.sp-style-modern{ background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:white; }
.sp-countdown.sp-style-modern .sp-countdown-title{ color:rgba(255,255,255,0.9); }
.sp-countdown.sp-style-modern .sp-countdown-value{ color:white; text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-countdown.sp-style-modern .sp-countdown-label{ color:rgba(255,255,255,0.7); }

.sp-countdown.sp-style-minimal{ background:transparent; border:2px solid #e5e7eb; }
.sp-countdown.sp-style-minimal .sp-countdown-title{ color:#374151; }
.sp-countdown.sp-style-minimal .sp-countdown-value{ color:#111827; }
.sp-countdown.sp-style-minimal .sp-countdown-label{ color:#6b7280; }

.sp-countdown.sp-style-neon{ background:#000; border:2px solid #00ffff; box-shadow:0 0 20px rgba(0,255,255,0.5), inset 0 0 20px rgba(0,255,255,0.1); }
.sp-countdown.sp-style-neon .sp-countdown-title{ color:#00ffff; text-shadow:0 0 10px #00ffff; }
.sp-countdown.sp-style-neon .sp-countdown-value{ color:#00ffff; text-shadow:0 0 15px #00ffff, 0 0 30px #00ffff; }
.sp-countdown.sp-style-neon .sp-countdown-label{ color:#00ffff; text-shadow:0 0 5px #00ffff; }

.sp-countdown.sp-style-gradient{ background:linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57); background-size:300% 300%; animation:sp-gradient-shift 3s ease infinite; }
.sp-countdown.sp-style-gradient .sp-countdown-title{ color:white; text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-countdown.sp-style-gradient .sp-countdown-value{ color:white; text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-countdown.sp-style-gradient .sp-countdown-label{ color:rgba(255,255,255,0.8); }

/* Countdown Sizes */
.sp-countdown.sp-size-small{ padding:8px; }
.sp-countdown.sp-size-small .sp-countdown-title{ font-size:12px; }
.sp-countdown.sp-size-small .sp-countdown-value{ font-size:24px; }
.sp-countdown.sp-size-small .sp-countdown-label{ font-size:9px; }
.sp-countdown.sp-size-small .sp-countdown-timer{ gap:8px; }
.sp-countdown.sp-size-small .sp-countdown-unit{ min-width:35px; }

.sp-countdown.sp-size-large{ padding:20px; }
.sp-countdown.sp-size-large .sp-countdown-title{ font-size:18px; }
.sp-countdown.sp-size-large .sp-countdown-value{ font-size:48px; }
.sp-countdown.sp-size-large .sp-countdown-label{ font-size:14px; }
.sp-countdown.sp-size-large .sp-countdown-timer{ gap:16px; }
.sp-countdown.sp-size-large .sp-countdown-unit{ min-width:70px; }

@keyframes sp-gradient-shift{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }

/* ========== YENİ COUNTDOWN STİLLERİ ========== */
.sp-countdown.sp-style-glass{ 
	background:rgba(255,255,255,0.1); 
	backdrop-filter:blur(10px); 
	border:1px solid rgba(255,255,255,0.2); 
	box-shadow:0 8px 32px rgba(0,0,0,0.1); 
}
.sp-countdown.sp-style-glass .sp-countdown-title{ color:rgba(255,255,255,0.9); }
.sp-countdown.sp-style-glass .sp-countdown-value{ color:white; text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-countdown.sp-style-glass .sp-countdown-label{ color:rgba(255,255,255,0.7); }

.sp-countdown.sp-style-dark{ background:#1a1a1a; color:white; border:2px solid #333; }
.sp-countdown.sp-style-dark .sp-countdown-title{ color:#e0e0e0; }
.sp-countdown.sp-style-dark .sp-countdown-value{ color:white; }
.sp-countdown.sp-style-dark .sp-countdown-label{ color:#999; }

.sp-countdown.sp-style-light{ background:#f8f9fa; color:#333; border:2px solid #e9ecef; }
.sp-countdown.sp-style-light .sp-countdown-title{ color:#495057; }
.sp-countdown.sp-style-light .sp-countdown-value{ color:#212529; }
.sp-countdown.sp-style-light .sp-countdown-label{ color:#6c757d; }

.sp-countdown.sp-style-cyber{ 
	background:linear-gradient(45deg, #0f0f23, #1a1a2e, #16213e); 
	border:2px solid #00ff41; 
	box-shadow:0 0 20px rgba(0,255,65,0.3), inset 0 0 20px rgba(0,255,65,0.1); 
}
.sp-countdown.sp-style-cyber .sp-countdown-title{ color:#00ff41; text-shadow:0 0 10px #00ff41; }
.sp-countdown.sp-style-cyber .sp-countdown-value{ color:#00ff41; text-shadow:0 0 15px #00ff41, 0 0 30px #00ff41; }
.sp-countdown.sp-style-cyber .sp-countdown-label{ color:#00ff41; text-shadow:0 0 5px #00ff41; }

.sp-countdown.sp-style-nature{ 
	background:linear-gradient(135deg, #2d5016, #4a7c59, #6b8e23); 
	color:white; 
}
.sp-countdown.sp-style-nature .sp-countdown-title{ color:rgba(255,255,255,0.9); }
.sp-countdown.sp-style-nature .sp-countdown-value{ color:white; text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-countdown.sp-style-nature .sp-countdown-label{ color:rgba(255,255,255,0.7); }

.sp-countdown.sp-style-royal{ 
	background:linear-gradient(135deg, #8b4513, #daa520, #ffd700); 
	color:#fff8dc; 
	box-shadow:0 4px 15px rgba(139,69,19,0.4); 
}
.sp-countdown.sp-style-royal .sp-countdown-title{ color:#fff8dc; text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-countdown.sp-style-royal .sp-countdown-value{ color:#fff8dc; text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-countdown.sp-style-royal .sp-countdown-label{ color:rgba(255,248,220,0.8); }

.sp-countdown.sp-style-space{ 
	background:linear-gradient(45deg, #0c0c0c, #1a1a2e, #16213e, #0f3460); 
	border:2px solid #4a90e2; 
	box-shadow:0 0 30px rgba(74,144,226,0.4), inset 0 0 30px rgba(74,144,226,0.1); 
}
.sp-countdown.sp-style-space .sp-countdown-title{ color:#4a90e2; text-shadow:0 0 10px #4a90e2; }
.sp-countdown.sp-style-space .sp-countdown-value{ color:#4a90e2; text-shadow:0 0 15px #4a90e2, 0 0 30px #4a90e2; }
.sp-countdown.sp-style-space .sp-countdown-label{ color:#4a90e2; text-shadow:0 0 5px #4a90e2; }

.sp-countdown.sp-style-ocean{ 
	background:linear-gradient(135deg, #0077be, #00a8cc, #40e0d0); 
	color:white; 
}
.sp-countdown.sp-style-ocean .sp-countdown-title{ color:rgba(255,255,255,0.9); }
.sp-countdown.sp-style-ocean .sp-countdown-value{ color:white; text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-countdown.sp-style-ocean .sp-countdown-label{ color:rgba(255,255,255,0.7); }

.sp-countdown.sp-style-fire{ 
	background:linear-gradient(45deg, #ff4500, #ff6347, #ff7f50, #ffa500); 
	color:white; 
	box-shadow:0 0 20px rgba(255,69,0,0.4); 
}
.sp-countdown.sp-style-fire .sp-countdown-title{ color:white; text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-countdown.sp-style-fire .sp-countdown-value{ color:white; text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-countdown.sp-style-fire .sp-countdown-label{ color:rgba(255,255,255,0.8); }

.sp-countdown.sp-style-ice{ 
	background:linear-gradient(135deg, #b0e0e6, #87ceeb, #add8e6); 
	color:#2c3e50; 
	border:2px solid #87ceeb; 
}
.sp-countdown.sp-style-ice .sp-countdown-title{ color:#2c3e50; }
.sp-countdown.sp-style-ice .sp-countdown-value{ color:#2c3e50; }
.sp-countdown.sp-style-ice .sp-countdown-label{ color:#34495e; }

.sp-countdown.sp-style-gold{ 
	background:linear-gradient(135deg, #ffd700, #ffed4e, #f1c40f); 
	color:#8b4513; 
	box-shadow:0 4px 15px rgba(255,215,0,0.4); 
}
.sp-countdown.sp-style-gold .sp-countdown-title{ color:#8b4513; text-shadow:0 1px 2px rgba(255,255,255,0.5); }
.sp-countdown.sp-style-gold .sp-countdown-value{ color:#8b4513; text-shadow:0 1px 2px rgba(255,255,255,0.5); }
.sp-countdown.sp-style-gold .sp-countdown-label{ color:#a0522d; }

/* ========== COUPON CODE ========== */
.sp-coupon{ margin:16px 0; text-align:center; }
.sp-coupon-title{ font-size:14px; font-weight:600; margin-bottom:8px; color:#666; }
.sp-coupon-code{ display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border-radius:8px; cursor:pointer; transition:all 0.3s ease; position:relative; }
.sp-coupon-code:hover{ transform:translateY(-2px); }
.sp-coupon-text{ font-family:monospace; font-weight:700; font-size:16px; letter-spacing:1px; }
.sp-coupon-copy{ background:rgba(0,0,0,0.1); border:none; padding:4px 8px; border-radius:4px; font-size:12px; cursor:pointer; transition:all 0.2s ease; }
.sp-coupon-copy:hover{ background:rgba(0,0,0,0.2); }
.sp-coupon-copied{ background:#10b981 !important; color:white !important; }

/* Coupon Styles */
.sp-coupon.sp-style-modern{ background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); color:white; box-shadow:0 4px 15px rgba(102,126,234,0.4); }
.sp-coupon.sp-style-modern .sp-coupon-title{ color:rgba(255,255,255,0.9); }
.sp-coupon.sp-style-modern .sp-coupon-copy{ background:rgba(255,255,255,0.2); color:white; }

.sp-coupon.sp-style-minimal{ background:transparent; border:2px dashed #d1d5db; color:#374151; }
.sp-coupon.sp-style-minimal .sp-coupon-title{ color:#6b7280; }
.sp-coupon.sp-style-minimal .sp-coupon-copy{ background:#f3f4f6; color:#374151; }

.sp-coupon.sp-style-neon{ background:#000; border:2px solid #ff00ff; box-shadow:0 0 20px rgba(255,0,255,0.5), inset 0 0 20px rgba(255,0,255,0.1); color:#ff00ff; }
.sp-coupon.sp-style-neon .sp-coupon-title{ color:#ff00ff; text-shadow:0 0 10px #ff00ff; }
.sp-coupon.sp-style-neon .sp-coupon-text{ text-shadow:0 0 15px #ff00ff, 0 0 30px #ff00ff; }
.sp-coupon.sp-style-neon .sp-coupon-copy{ background:rgba(255,0,255,0.2); color:#ff00ff; text-shadow:0 0 5px #ff00ff; }

.sp-coupon.sp-style-gradient{ background:linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57); background-size:300% 300%; animation:sp-gradient-shift 3s ease infinite; color:white; box-shadow:0 4px 15px rgba(0,0,0,0.2); }
.sp-coupon.sp-style-gradient .sp-coupon-title{ color:rgba(255,255,255,0.9); text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-coupon.sp-style-gradient .sp-coupon-text{ text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-coupon.sp-style-gradient .sp-coupon-copy{ background:rgba(255,255,255,0.2); color:white; }

.sp-coupon.sp-style-vintage{ background:linear-gradient(135deg, #8b4513 0%, #d2691e 100%); color:#fff8dc; border:3px solid #654321; box-shadow:0 4px 15px rgba(139,69,19,0.4); position:relative; }
.sp-coupon.sp-style-vintage::before{ content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; background:#fff8dc; border-radius:50%; transform:translateY(-50%); }
.sp-coupon.sp-style-vintage::after{ content:''; position:absolute; top:50%; right:-10px; width:20px; height:20px; background:#fff8dc; border-radius:50%; transform:translateY(-50%); }
.sp-coupon.sp-style-vintage .sp-coupon-title{ color:#fff8dc; text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-coupon.sp-style-vintage .sp-coupon-text{ text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-coupon.sp-style-vintage .sp-coupon-copy{ background:rgba(255,248,220,0.2); color:#fff8dc; }

/* Coupon Sizes */
.sp-coupon.sp-size-small .sp-coupon-title{ font-size:12px; }
.sp-coupon.sp-size-small .sp-coupon-text{ font-size:14px; }
.sp-coupon.sp-size-small .sp-coupon-code{ padding:8px 16px; }
.sp-coupon.sp-size-small .sp-coupon-copy{ padding:2px 6px; font-size:10px; }

.sp-coupon.sp-size-large .sp-coupon-title{ font-size:18px; }
.sp-coupon.sp-size-large .sp-coupon-text{ font-size:20px; }
.sp-coupon.sp-size-large .sp-coupon-code{ padding:16px 24px; }
.sp-coupon.sp-size-large .sp-coupon-copy{ padding:6px 12px; font-size:14px; }

/* ========== YENİ KUPON STİLLERİ ========== */
.sp-coupon.sp-style-glass{ 
	background:rgba(255,255,255,0.1); 
	backdrop-filter:blur(10px); 
	border:1px solid rgba(255,255,255,0.2); 
	box-shadow:0 8px 32px rgba(0,0,0,0.1); 
	color:white; 
}
.sp-coupon.sp-style-glass .sp-coupon-title{ color:rgba(255,255,255,0.9); }
.sp-coupon.sp-style-glass .sp-coupon-text{ text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-coupon.sp-style-glass .sp-coupon-copy{ background:rgba(255,255,255,0.2); color:white; }

.sp-coupon.sp-style-dark{ background:#1a1a1a; color:white; border:2px solid #333; box-shadow:0 4px 15px rgba(0,0,0,0.3); }
.sp-coupon.sp-style-dark .sp-coupon-title{ color:#e0e0e0; }
.sp-coupon.sp-style-dark .sp-coupon-copy{ background:#333; color:white; }

.sp-coupon.sp-style-light{ background:#f8f9fa; color:#333; border:2px solid #e9ecef; box-shadow:0 4px 15px rgba(0,0,0,0.1); }
.sp-coupon.sp-style-light .sp-coupon-title{ color:#495057; }
.sp-coupon.sp-style-light .sp-coupon-copy{ background:#e9ecef; color:#333; }

.sp-coupon.sp-style-cyber{ 
	background:linear-gradient(45deg, #0f0f23, #1a1a2e, #16213e); 
	border:2px solid #00ff41; 
	box-shadow:0 0 20px rgba(0,255,65,0.3), inset 0 0 20px rgba(0,255,65,0.1); 
	color:#00ff41; 
}
.sp-coupon.sp-style-cyber .sp-coupon-title{ color:#00ff41; text-shadow:0 0 10px #00ff41; }
.sp-coupon.sp-style-cyber .sp-coupon-text{ text-shadow:0 0 15px #00ff41, 0 0 30px #00ff41; }
.sp-coupon.sp-style-cyber .sp-coupon-copy{ background:rgba(0,255,65,0.2); color:#00ff41; text-shadow:0 0 5px #00ff41; }

.sp-coupon.sp-style-nature{ 
	background:linear-gradient(135deg, #2d5016, #4a7c59, #6b8e23); 
	color:white; 
	box-shadow:0 4px 15px rgba(45,80,22,0.4); 
}
.sp-coupon.sp-style-nature .sp-coupon-title{ color:rgba(255,255,255,0.9); text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-coupon.sp-style-nature .sp-coupon-text{ text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-coupon.sp-style-nature .sp-coupon-copy{ background:rgba(255,255,255,0.2); color:white; }

.sp-coupon.sp-style-royal{ 
	background:linear-gradient(135deg, #8b4513, #daa520, #ffd700); 
	color:#fff8dc; 
	border:3px solid #654321; 
	box-shadow:0 4px 15px rgba(139,69,19,0.4); 
	position:relative; 
}
.sp-coupon.sp-style-royal::before{ content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; background:#fff8dc; border-radius:50%; transform:translateY(-50%); }
.sp-coupon.sp-style-royal::after{ content:''; position:absolute; top:50%; right:-10px; width:20px; height:20px; background:#fff8dc; border-radius:50%; transform:translateY(-50%); }
.sp-coupon.sp-style-royal .sp-coupon-title{ color:#fff8dc; text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-coupon.sp-style-royal .sp-coupon-text{ text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-coupon.sp-style-royal .sp-coupon-copy{ background:rgba(255,248,220,0.2); color:#fff8dc; }

.sp-coupon.sp-style-space{ 
	background:linear-gradient(45deg, #0c0c0c, #1a1a2e, #16213e, #0f3460); 
	border:2px solid #4a90e2; 
	box-shadow:0 0 30px rgba(74,144,226,0.4), inset 0 0 30px rgba(74,144,226,0.1); 
	color:#4a90e2; 
}
.sp-coupon.sp-style-space .sp-coupon-title{ color:#4a90e2; text-shadow:0 0 10px #4a90e2; }
.sp-coupon.sp-style-space .sp-coupon-text{ text-shadow:0 0 15px #4a90e2, 0 0 30px #4a90e2; }
.sp-coupon.sp-style-space .sp-coupon-copy{ background:rgba(74,144,226,0.2); color:#4a90e2; text-shadow:0 0 5px #4a90e2; }

.sp-coupon.sp-style-ocean{ 
	background:linear-gradient(135deg, #0077be, #00a8cc, #40e0d0); 
	color:white; 
	box-shadow:0 4px 15px rgba(0,119,190,0.4); 
}
.sp-coupon.sp-style-ocean .sp-coupon-title{ color:rgba(255,255,255,0.9); text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-coupon.sp-style-ocean .sp-coupon-text{ text-shadow:0 2px 4px rgba(0,0,0,0.3); }
.sp-coupon.sp-style-ocean .sp-coupon-copy{ background:rgba(255,255,255,0.2); color:white; }

.sp-coupon.sp-style-fire{ 
	background:linear-gradient(45deg, #ff4500, #ff6347, #ff7f50, #ffa500); 
	color:white; 
	box-shadow:0 0 20px rgba(255,69,0,0.4); 
}
.sp-coupon.sp-style-fire .sp-coupon-title{ color:white; text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-coupon.sp-style-fire .sp-coupon-text{ text-shadow:0 2px 4px rgba(0,0,0,0.5); }
.sp-coupon.sp-style-fire .sp-coupon-copy{ background:rgba(255,255,255,0.2); color:white; }

.sp-coupon.sp-style-ice{ 
	background:linear-gradient(135deg, #b0e0e6, #87ceeb, #add8e6); 
	color:#2c3e50; 
	border:2px solid #87ceeb; 
	box-shadow:0 4px 15px rgba(135,206,235,0.4); 
}
.sp-coupon.sp-style-ice .sp-coupon-title{ color:#2c3e50; }
.sp-coupon.sp-style-ice .sp-coupon-copy{ background:#e6f3ff; color:#2c3e50; }

.sp-coupon.sp-style-gold{ 
	background:linear-gradient(135deg, #ffd700, #ffed4e, #f1c40f); 
	color:#8b4513; 
	border:3px solid #daa520; 
	box-shadow:0 4px 15px rgba(255,215,0,0.4); 
	position:relative; 
}
.sp-coupon.sp-style-gold::before{ content:''; position:absolute; top:50%; left:-10px; width:20px; height:20px; background:#8b4513; border-radius:50%; transform:translateY(-50%); }
.sp-coupon.sp-style-gold::after{ content:''; position:absolute; top:50%; right:-10px; width:20px; height:20px; background:#8b4513; border-radius:50%; transform:translateY(-50%); }
.sp-coupon.sp-style-gold .sp-coupon-title{ color:#8b4513; text-shadow:0 1px 2px rgba(255,255,255,0.5); }
.sp-coupon.sp-style-gold .sp-coupon-text{ text-shadow:0 1px 2px rgba(255,255,255,0.5); }
.sp-coupon.sp-style-gold .sp-coupon-copy{ background:rgba(139,69,19,0.2); color:#8b4513; }

/* ========== YÜZEN POPUP HOVER EFEKTİ ========== */
.sp-floater .sp-box{ 
	transition:transform 0.3s ease, box-shadow 0.3s ease; 
	position: relative;
}
.sp-floater .sp-box img{ 
	transition:all 0.3s ease; 
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.sp-floater .sp-box img:hover{ 
	transform:scale(1.05); 
	box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

/* Görsel büyütme efekti için özel stiller */
.sp-image-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 9998;
	cursor: pointer;
	animation: sp-fade-in 0.3s ease;
}

@keyframes sp-fade-in{
	from{ opacity: 0; }
	to{ opacity: 1; }
}