:root{--float-width:400px;}
.float-ad-container{position:fixed;z-index:9999;width:var(--float-width);height:var(--float-height);border-radius:12px;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;overflow:visible;transition:box-shadow 0.3s ease,opacity 0.35s ease,transform 0.35s ease;animation:floatBounceIn 0.6s cubic-bezier(0.175,0.885,0.32,1.275) both;left:0;top:0;}
.float-ad-container.dragging{cursor:grabbing;z-index:10000;transition:box-shadow 0.2s ease,opacity 0.35s ease,transform 0.35s ease;}
.float-ad-container.closing{opacity:0;transform:scale(0.7);pointer-events:none;}
.float-ad-container.hidden{display:none;}
@keyframes floatBounceIn{0%{opacity:0;transform:scale(0.5) translateY(30px);}
50%{opacity:0.8;transform:scale(1.04) translateY(-5px);}
70%{transform:scale(0.97) translateY(2px);}
100%{opacity:1;transform:scale(1) translateY(0);}
}
.float-ad-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px;pointer-events:none;-webkit-user-drag:none;box-sizing:border-box;}
.float-ad-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;border-radius:50%;background:#ff4757;color:#fff;border:3px solid #fff;font-size:16px;font-weight:bold;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(255,71,87,0.4);transition:all 0.25s ease;z-index:10;padding:0;outline:none;-webkit-tap-highlight-color:transparent;}
.float-ad-close:hover{background:#ff1744;transform:scale(1.15);box-shadow:0 6px 18px rgba(255,23,68,0.55);}
.float-ad-close:active{transform:scale(0.9);box-shadow:0 2px 6px rgba(255,23,68,0.5);transition:all 0.1s ease;}
.float-ad-close:focus-visible{outline:3px solid #ff4757;outline-offset:3px;}
@media (max-width:480px){:root{--float-width:240px;}
.float-ad-close{top:-10px;right:-10px;width:28px;height:28px;font-size:14px;border-width:2px;}
}
@media (max-width:320px){:root{--float-width:200px;}
.float-ad-close{top:-8px;right:-8px;width:24px;height:24px;font-size:12px;border-width:2px;}
}