.popup-overlay{position:fixed;bottom:30px;right:30px;z-index:1000;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}.popup-overlay.show{opacity:1;visibility:visible;transform:translateY(0)}.popup-notice{width:400px;height:230px;background:#faa729;border-radius:2px;box-shadow:0 25px 50px #2c2c2c26,0 0 0 1px #2c2c2c0d;position:relative;padding:40px 35px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;transform:none;transition:none;border:none}.popup-notice h2{color:#2c2c2c;margin-bottom:2px;font-size:1.4em;font-weight:600;letter-spacing:-.01em;line-height:1.3}.popup-notice p{color:#666;font-size:.95em;margin-bottom:0;font-weight:400;line-height:1.5}.close-button{position:absolute;top:20px;right:20px;width:24px;height:24px;background:transparent;border:none;color:#999;font-size:28px;font-weight:300;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:color .2s ease,transform .2s ease;border-radius:2px;padding:0}.close-button:hover{color:#2c2c2c;transform:scale(1.1)}.close-button:active{transform:scale(.95)}.popup-notice:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#e5398d,#7e24b1);border-radius:2px 0 0 2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container{animation:fadeInUp .6s ease-out}.cta-button{background:#2c2c2c;color:#fff;border:none;padding:12px 24px;font-size:.9rem;font-weight:500;border-radius:2px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;font-family:inherit;letter-spacing:.01em}.cta-button:hover{background:#1a1a1a;transform:translateY(-1px)}.cta-button:active{transform:translateY(0)}@media (max-width: 480px){.popup-notice{width:90vw;max-width:350px;height:auto;min-height:180px;padding:30px 25px}.popup-notice h2{font-size:1.2em}.popup-notice p{font-size:.9em}}@media (max-width: 768px){.popup-overlay{bottom:0;right:0;left:0;width:100%;padding:20px}.popup-notice{width:100%;max-width:none;height:auto;min-height:180px;padding:30px 25px;margin:0}.popup-notice h2{font-size:1.2em}.popup-notice p{font-size:.9em}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */