.modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-wrapper{position:relative;width:100%;max-width:28rem;margin:0 1rem;z-index:10}.modal-content{width:100%;background:white;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;max-height:90vh;display:flex;flex-direction:column;animation:modalZoomIn .2s ease-out}@media (prefers-color-scheme:dark){.modal-content{background:rgb(31,41,55)}}.modal-header{flex-shrink:0}.modal-body{flex:1;overflow-y:auto}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:640px){.modal-wrapper{margin:0 1.5rem}.modal-content{max-height:80vh}}@media (max-width:375px){.modal-wrapper{margin:0 .75rem}.modal-content{max-height:95vh}}@media (orientation:landscape) and (max-height:600px){.modal-content{max-height:95vh}}@supports (-webkit-touch-callout:none){.modal-container{height:-webkit-fill-available}}.loading-modal-overlay{z-index:10000!important}.coupon-modal-overlay,.loading-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important}.coupon-modal-overlay{z-index:9999!important;pointer-events:auto}.coupon-modal-content,.loading-modal-content{position:relative;transform:translateY(0);margin:auto}.unified-promo-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10000!important;transform:translateZ(0)!important;margin:0!important;padding:16px!important;overflow:hidden!important}:root{--promo-duration-fast:0.15s;--promo-duration-normal:0.3s;--promo-duration-slow:0.6s;--promo-ease-in:cubic-bezier(0.4,0,1,1);--promo-ease-out:cubic-bezier(0,0,0.2,1);--promo-ease-in-out:cubic-bezier(0.4,0,0.2,1);--promo-ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--promo-translate-sm:4px;--promo-translate-md:8px;--promo-translate-lg:12px;--promo-scale-hover:1.05;--promo-scale-active:0.98;--promo-scale-focus:1.02;--promo-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--promo-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--promo-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--promo-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1)}.promo-card-base{transition:transform var(--promo-duration-normal) var(--promo-ease-out),box-shadow var(--promo-duration-normal) var(--promo-ease-out),opacity var(--promo-duration-fast) var(--promo-ease-out);will-change:transform,box-shadow}.promo-card-hover{transform:translateY(calc(-1 * var(--promo-translate-md))) scale(var(--promo-scale-hover));box-shadow:var(--promo-shadow-lg)}.promo-card-active{transform:translateY(0) scale(var(--promo-scale-active));transition-duration:var(--promo-duration-fast)}.promo-card-focus{transform:scale(var(--promo-scale-focus));box-shadow:var(--promo-shadow-md),0 0 0 3px rgb(59 130 246/.3)}.promo-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity var(--promo-duration-normal) var(--promo-ease-out),transform var(--promo-duration-normal) var(--promo-ease-out);will-change:opacity,transform}.promo-overlay-fade{opacity:0;pointer-events:none}.promo-overlay-fade.active{opacity:1;pointer-events:auto}.promo-overlay-slide{opacity:0;transform:translateY(100%);pointer-events:none}.promo-overlay-slide.active{opacity:1;transform:translateY(0);pointer-events:auto}.promo-overlay-reveal{opacity:0;transform:scale(.9);pointer-events:none}.promo-overlay-reveal.active{opacity:1;transform:scale(1);pointer-events:auto}.promo-discount-overlay{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;font-weight:700;font-size:.875rem;padding:.5rem .75rem;border-radius:.75rem;box-shadow:var(--promo-shadow-md);position:absolute;top:.75rem;left:.75rem;z-index:20}.promo-action-overlay{background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:white}.promo-action-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:transform var(--promo-duration-fast) var(--promo-ease-out),box-shadow var(--promo-duration-fast) var(--promo-ease-out);will-change:transform,box-shadow}.promo-action-button:hover{transform:translateY(calc(-1 * var(--promo-translate-sm))) scale(var(--promo-scale-hover));box-shadow:var(--promo-shadow-lg)}.promo-action-button:active{transform:scale(var(--promo-scale-active))}.promo-status-overlay{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;padding:1rem;margin:1rem;box-shadow:var(--promo-shadow-lg)}.promo-status-success{background:linear-gradient(135deg,#10b981,#059669);color:white}.promo-status-loading{background:linear-gradient(135deg,#6b7280,#4b5563);color:white}.promo-status-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.promo-expired-overlay{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.promo-expired-badge{background:#ef4444;color:white;font-weight:700;padding:.5rem 1rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem}@keyframes promo-shine{0%{transform:translateX(-100%) skewX(-12deg);opacity:0}50%{opacity:1}to{transform:translateX(200%) skewX(-12deg);opacity:0}}.promo-shine-effect{position:relative;overflow:hidden}.promo-shine-effect:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%) skewX(-12deg);transition:none;z-index:1}.promo-shine-effect:hover:before{animation:promo-shine .6s ease-out}@keyframes promo-pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,0)}}.promo-pulse-glow{animation:promo-pulse-glow 2s infinite}@keyframes promo-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.promo-wiggle{animation:promo-wiggle .5s ease-in-out}@keyframes promo-bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.promo-bounce-in{animation:promo-bounce-in .5s var(--promo-ease-bounce)}.promo-optimized{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.promo-will-animate{will-change:transform,opacity,box-shadow}.promo-animation-end{will-change:auto}@media (prefers-reduced-motion:reduce){.promo-action-button,.promo-card-base,.promo-overlay{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}.promo-bounce-in,.promo-pulse-glow,.promo-shine-effect:before,.promo-wiggle{animation:none!important}.promo-card-hover{transform:none!important}}@media (prefers-contrast:high){.promo-overlay{border:2px solid;background-color:Canvas;color:CanvasText}.promo-action-button{border:2px solid ButtonText;background-color:ButtonFace;color:ButtonText}.promo-discount-overlay{border:2px solid;background:HighlightText;color:Highlight}}@media (prefers-reduced-motion:no-preference){.promo-card-base:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}}@media (max-width:768px){:root{--promo-duration-fast:0.1s;--promo-duration-normal:0.2s;--promo-duration-slow:0.3s;--promo-translate-sm:2px;--promo-translate-md:4px;--promo-translate-lg:6px}.promo-card-hover{transform:translateY(calc(-1 * var(--promo-translate-sm))) scale(1.02)}.promo-shine-effect:hover:before{animation-duration:.3s}.modal-content{width:95%!important;max-width:500px!important;margin:0 1rem!important}.promo-action-button{padding:.75rem 1.25rem;font-size:.875rem}}@media (max-width:480px){.promo-card-hover{transform:none;box-shadow:var(--promo-shadow-md)}.promo-overlay{margin:.5rem}.promo-action-button{padding:.5rem 1rem;font-size:.875rem}.modal-content{width:98%!important;max-width:none!important;margin:0 .5rem!important;max-height:95vh!important}.promo-action-button{min-height:44px;min-width:44px}}@media (max-width:360px){:root{--promo-duration-fast:0.05s;--promo-duration-normal:0.1s;--promo-duration-slow:0.2s}.promo-card-hover{transform:none!important}.promo-overlay{margin:.25rem}.promo-action-button{padding:.5rem .75rem;font-size:.8rem}.modal-content{width:100%!important;height:100%!important;max-height:100vh!important;border-radius:0!important;margin:0!important}}.promo-pause-animations{animation-play-state:paused!important}.promo-resume-animations{animation-play-state:running!important}.promo-debug-performance *{outline:1px solid red;background-color:rgba(255,0,0,.1)!important}.promo-delay-100{animation-delay:.1s}.promo-delay-200{animation-delay:.2s}.promo-delay-300{animation-delay:.3s}.promo-delay-500{animation-delay:.5s}.promo-duration-100{animation-duration:.1s!important}.promo-duration-200{animation-duration:.2s!important}.promo-duration-300{animation-duration:.3s!important}.promo-duration-500{animation-duration:.5s!important}.promo-duration-1000{animation-duration:1s!important}.animated-promo-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;align-items:start;justify-items:center}.animated-promo-card-container{width:100%;max-width:500px;min-height:160px;display:flex;align-items:stretch}