.event-modal{display:none}.js-enabled .event-modal.is-open{display:flex!important}.event-modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;overscroll-behavior:contain}.event-modal-content{background:transparent;padding:24px 24px 32px;border-radius:10px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;box-sizing:border-box;margin:auto}@media (min-width: 1024px){.event-modal{align-items:center;justify-content:center;padding:32px}.event-modal-content{max-width:460px;padding:24px 28px 28px;transform:translateY(-10px)}}.event-modal-countdown{position:relative;background:linear-gradient(90deg,#036,#0057a3);color:#ffd600;padding:7px 10px 5px;text-align:center;border-radius:12px;max-width:325px;min-width:230px;margin:18px auto 6px;box-shadow:0 2px 12px #0020401a;transition:background .3s,box-shadow .2s,transform .18s ease}.event-modal-countdown:hover{background:linear-gradient(90deg,#0057a3,#036);box-shadow:0 6px 20px #00204059}.timer-title{font-size:20px;font-weight:700;margin-bottom:6px;color:#fff;letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,32,64,.12);transition:color .2s}.event-modal-countdown:hover .timer-title{color:#ffd600}.timer-row{display:flex;justify-content:center;align-items:flex-end;gap:12px}.timer-col{display:flex;flex-direction:column;align-items:center;background:linear-gradient(90deg,#23272f,#343942);border-radius:8px;padding:4px 8px;transition:background .2s,transform .18s,box-shadow .18s;box-shadow:0 3px 8px #00000026}.event-modal-countdown:hover .timer-col{background-color:#0366b0;transform:translateY(-2px)}.timer-num{font-size:20px;font-weight:700;color:#ffd600;line-height:1.1;transition:color .2s}.timer-separator{font-size:14px;font-weight:700;color:#ffd600;transition:color .2s}.timer-label{font-size:10px;color:#ffd600;margin-top:1px;line-height:1.1;transition:color .2s}.event-modal-countdown:hover .timer-num,.event-modal-countdown:hover .timer-separator{color:#fff;transform:translateY(-2px)}.event-modal-countdown:hover .timer-label{color:#fff}.event-modal-close{position:absolute;top:10px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:url(/cdn/shop/files/CloseButton.svg?v=1755067797) center center no-repeat;background-size:cover;cursor:pointer;border:none;box-shadow:0 2px 8px #0000001f;transition:background-image .2s ease,transform .15s ease;z-index:3;-webkit-tap-highlight-color:transparent}.event-modal-close:hover{background-image:url(/cdn/shop/files/CloseButtonHovered.svg?v=1755067797);transform:scale(1.1)}.event-modal-close:active{transform:scale(.95)}.event-modal-close:focus-visible{outline:2px solid #0366b0;outline-offset:2px}.modal-image-wrapper{position:relative;display:inline-block}.modal-image-wrapper:before{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;background:conic-gradient(from 0deg,#ffd60059,#ffd60000,#ffd60059,#ffd60000,#ffd60059,#ffd60000,#ffd60059,#ffd60000,#ffd60059 360deg);border-radius:12px;filter:blur(18px);z-index:-1;pointer-events:none;animation:rotateBreatheGlow 12s linear infinite,glowOpacityBreath 4s ease-in-out infinite}@keyframes rotateBreatheGlow{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes glowOpacityBreath{0%,to{opacity:.35}50%{opacity:.6}}.event-modal-button{display:inline-block;padding:10px 20px;background-color:#ff3b30;color:#fff;text-decoration:none;border-radius:5px;font-size:16px;font-weight:700;border:none;text-align:center;box-shadow:0 4px 12px #0003;transition:background-color .2s ease,color .2s ease,transform .18s ease,box-shadow .2s ease}.event-modal-button:hover{background-color:#0366b0;color:#ffd600;transform:scale(1.08);box-shadow:0 6px 16px #0000004d}.event-modal-button:active{transform:scale(.97)}.remaining-counter{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:999px;font-size:15px;font-weight:700;text-transform:uppercase;background-color:#ff3b30;color:#fff;text-align:center;letter-spacing:.04em;line-height:1.2;width:fit-content;margin:10px auto 4px;position:relative;overflow:hidden;box-shadow:0 0 10px #ff3b304d,0 0 16px #ffc80026;animation:counterGlow 2.6s ease-in-out infinite;will-change:transform,box-shadow;transition:box-shadow .3s ease,transform .2s ease}@keyframes counterGlow{0%,to{transform:scale(1);box-shadow:0 0 10px #ff3b3040,0 0 18px #ffc80026}50%{transform:scale(1.08);box-shadow:0 0 22px #ff3b3080,0 0 38px #ffc80059}}.remaining-counter.low{background-color:#b00020;animation:counterGlowLow 2.2s ease-in-out infinite}@keyframes counterGlowLow{0%,to{transform:scale(1);box-shadow:0 0 12px #b0002059,0 0 20px #ffb40033}50%{transform:scale(1.12);box-shadow:0 0 28px #b0002099,0 0 44px #ffc80066}}.share-buttons{display:flex;align-items:center;justify-content:center;margin-top:18px;gap:8px}.share-buttons span{margin-right:6px;font-size:14px;color:#ffd600}.share-buttons button{background:#fff;border:none;cursor:pointer;padding:0;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #00000026;transition:background-color .2s ease,transform .2s ease-in-out,box-shadow .2s ease}.share-buttons button:hover{background-color:#ffd600;transform:scale(1.1);box-shadow:0 5px 12px #00000040}.social-icon{width:24px;height:24px;transition:transform .2s ease-in-out}.social-icon:hover{transform:scale(1.1)}@media (max-width: 480px){.event-modal-countdown{background:transparent!important;padding:6px 12px 4px;margin:10px auto 6px;border-radius:10px;max-width:99vw}.event-modal-countdown:before{content:"";position:absolute;top:0;bottom:0;left:-4px;right:-4px;border-radius:inherit;background:linear-gradient(90deg,#036,#0057a3);box-shadow:0 2px 12px #0020401a;z-index:0}.event-modal-countdown>*{position:relative;z-index:1}.timer-title{font-size:17px;margin-bottom:3px}.timer-row{gap:7px}.timer-col{padding:2px 5px;border-radius:6px}.timer-num{font-size:17px}.timer-label{font-size:11px;margin-top:0}.timer-separator{font-size:11px;margin-bottom:0}.remaining-counter{font-size:13px;margin-top:4px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/event-modal-wcounter-karl.css.map */