.gift-ad-panel { position: fixed; bottom: 15px; left: 15px; right: auto; z-index: 9999; transform: translateX(-120%); transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); opacity: 0; visibility: hidden; }
.gift-ad-panel.show { transform: translateX(0); opacity: 1; visibility: visible; }
.gift-ad-panel.stay { transform: translateX(0); opacity: 1; visibility: visible; }
.ad-card { background: linear-gradient(90deg, rgb(32, 67, 104), rgb(41, 84, 145)); border-radius: 16px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(255, 215, 0, 0.3), 0 0 0 4px rgba(0, 0, 0, 0.2); padding: 0; min-width: 280px; max-width: 320px; backdrop-filter: blur(10px); animation: glowPulse 2s ease-in-out infinite; position: relative; }
@keyframes glowPulse { 0%, 100% { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.0), 0 0 0 2px rgba(255, 217, 0, 0.4); } 50% { box-shadow: 0 10px 50px rgba(0, 0, 0, 0.0), 0 0 0 2px rgba(255, 217, 0, 0.9); } }
.ad-header {background-color: #d79218;background-image: url(../images/active.jpg);background-size: cover;background-blend-mode: overlay;padding: 4px;border-radius: 16px 16px 0 0;display: flex;align-items: center;gap: 8px;position: relative;}
.ad-header .ad-icon { font-size: 28px; animation: bounce 1s ease-in-out infinite; }
@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
.ad-header .ad-title { font-size: 16px; font-weight: bold; color: #ffffff; margin: 0; letter-spacing: 1px; flex: 1; }
.ad-close-btn { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.3); border: none; color: #ffffff; font-size: 18px; font-weight: bold; cursor: pointer; width: 25px; height: 25px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; padding: 0; line-height: 1; }
.ad-close-btn:hover { background: rgba(0, 0, 0, 0.5); transform: translateY(-50%) scale(1.1); }
.ad-close-btn:active { transform: translateY(-50%) scale(0.95); }
body.rtl .ad-close-btn { right: auto; left: 8px; }
.ad-body { padding: 14px; background: rgba(255, 255, 255, 0.05); }
.ad-code-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #d8d5d9; margin-bottom: 2px; font-weight: 600; }
.ad-code-wrapper { display: flex; align-items: center; gap: 10px; background: rgb(112 125 138 / 55%); background-image: url(../images/active.jpg); border-radius: 12px; padding: 4px 8px 4px 12px; border: 1px solid rgba(1, 105, 168); margin-bottom: 12px; }
.ad-code { font-family: 'Courier New', monospace; font-size: 15px; font-weight: bold; color: #f1f1f1; background: transparent; padding: 6px 0; flex: 1; text-shadow: 0 0 5px rgba(33, 53, 80, 0.5); }
.copy-btn { background: linear-gradient(190deg, #f1f1f1 0%, #c3c2c2 100%); border: none; border-radius: 8px; padding: 8px 12px; color: #1c2c43; font-family: 'Tajawal'; font-weight: bold; font-size: 14px; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 5px; white-space: nowrap; }
body.rtl .copy-btn { font-family: 'Tajawal'; }
.copy-btn:hover { transform: scale(1.05); box-shadow: 0 2px 8px rgba(31, 65, 110, 0.5); }
.copy-btn:active { transform: scale(0.98); }
.copy-btn.copied { background: linear-gradient(180deg, #55bdec 0%, #194a6c 100%); color: white; }
.copy-btn.copied .copy-text { color: white; }
.copy-icon, .check-icon { font-size: 14px; }
.ad-description { font-size: 10px; color: #cccccc; line-height: 1.4; margin-top: 10px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 10px; }
.gift-ad-panel.closed { display: none !important; }
body.rtl .gift-ad-panel { left: auto; right: 15px; transform: translateX(120%); }
body.rtl .gift-ad-panel.show, body.rtl .gift-ad-panel.stay { transform: translateX(0); }
body.rtl .ad-code-wrapper { flex-direction: row; padding: 4px 12px 4px 8px; }
@media (max-width: 768px) { .ad-card { min-width: 240px; max-width: 280px; } .ad-code { font-size: 15px; } .copy-btn { padding: 6px 12px; font-size: 11px; } .gift-ad-panel { bottom: 10px; left: 10px; } body.rtl .gift-ad-panel { right: 10px; left: auto; } .ad-close-btn { width: 24px; height: 24px; font-size: 16px; } }