.takeover-ad{position:fixed;z-index:9999;transition:all .3s ease-in-out;box-shadow:0 10px 25px rgba(0,0,0,.3)}.takeover-fullscreen{top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:10000}.takeover-fullscreen .takeover-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(3px);cursor:pointer}.takeover-fullscreen .takeover-content{position:relative;max-width:90vw;max-height:90vh;background:white;border-radius:12px;overflow:hidden;animation:takeoverFadeIn .4s ease-out}.takeover-left-panel,.takeover-right-panel{top:20vh;width:280px;max-height:60vh;background:white;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:takeoverSlideIn .4s ease-out}.takeover-left-panel{left:calc((100vw - 1200px) / 2 - 300px);border:3px solid red}.takeover-right-panel{right:calc((100vw - 1200px) / 2 - 300px);border:3px solid blue}@media (max-width:1000px){.takeover-left-panel,.takeover-right-panel{display:none}}.takeover-left-panel .takeover-content,.takeover-right-panel .takeover-content{position:relative;height:100%;padding:2rem 1.5rem;overflow-y:auto}.takeover-top-banner{top:0;left:0;width:100vw;background:white;border-bottom:2px solid #e2e8f0;animation:takeoverDropDown .4s ease-out}.takeover-top-banner .takeover-content{position:relative;max-width:1200px;margin:0 auto;padding:1rem}.takeover-bottom-banner{bottom:0;left:0;width:100vw;background:white;border-top:2px solid #e2e8f0;animation:takeoverSlideUp .4s ease-out}.takeover-bottom-banner .takeover-content{position:relative;max-width:1200px;margin:0 auto;padding:1rem}.takeover-floating-corner{bottom:20px;right:20px;width:320px;max-height:400px;background:white;border-radius:12px;border:1px solid #e2e8f0;animation:takeoverFloat .4s ease-out}.takeover-floating-corner .takeover-content{position:relative;padding:1.5rem}.takeover-dismiss{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;transition:all .2s ease;color:#64748b}.takeover-dismiss:hover{background:rgba(0,0,0,.2);color:#374151;transform:scale(1.1)}.takeover-dismiss:focus{outline:2px solid #3b82f6;outline-offset:2px}.takeover-ad-content,.takeover-ad-image{width:100%;height:100%}.takeover-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:8px}.takeover-ad-link{display:block;text-decoration:none;color:inherit;transition:transform .2s ease}.takeover-ad-link:hover{transform:scale(1.02)}@keyframes takeoverFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes takeoverSlideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.takeover-right-panel{animation-name:takeoverSlideInRight}@keyframes takeoverSlideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes takeoverDropDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes takeoverSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes takeoverFloat{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.takeover-left-panel,.takeover-right-panel{width:280px}.takeover-floating-corner{width:300px;bottom:10px;right:10px}.takeover-fullscreen .takeover-content{max-width:95vw;max-height:95vh;margin:1rem}}@media (max-width:480px){.takeover-left-panel,.takeover-right-panel{width:100vw}.takeover-floating-corner{width:calc(100vw - 20px);left:10px;right:10px}}@media (prefers-reduced-motion:reduce){.takeover-ad{transition:none;animation:none}.takeover-ad-link:hover,.takeover-dismiss:hover{transform:none}}@media (prefers-contrast:high){.takeover-ad{border:2px solid}.takeover-dismiss{background:ButtonFace;border:1px solid ButtonText;color:ButtonText}}.takeover-ad:focus-within{outline:3px solid #3b82f6;outline-offset:2px}@media print{.takeover-ad{display:none!important}}