:root{--popup-radius: 24px;--popup-width: 720px;--popup-bg: #111111;--popup-text: #f1f1f1;--popup-muted: #8a8a8f;--popup-overlay: rgba(0,0,0,.6)}.gemboy-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--popup-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);z-index:999999;padding:24px}.gemboy-popup-overlay.active{opacity:1;visibility:visible}.gemboy-popup{width:100%;max-width:var(--popup-width);background:var(--popup-bg);border-radius:var(--popup-radius);overflow:hidden;display:grid;grid-template-columns:280px 1fr;box-shadow:0 40px 100px #00000059;transform:translateY(20px) scale(.96);transition:transform .45s cubic-bezier(.22,1,.36,1);position:relative}.gemboy-popup-overlay.active .gemboy-popup{transform:translateY(0) scale(1)}.gemboy-popup-image{overflow:hidden;background:#f5f5f5;min-height:360px}.gemboy-popup-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.8s ease}.gemboy-popup:hover .gemboy-popup-image img{transform:scale(1.04)}.gemboy-popup-content{display:flex;flex-direction:column;justify-content:flex-start;padding:42px}.gemboy-popup-content h2{font-size:32px;line-height:1.08;font-weight:500;letter-spacing:-.03em;margin:0 0 22px}.gemboy-popup-content strong{font-weight:700}.gemboy-popup-content p{margin:0;font-size:17px;line-height:1.7;color:var(--popup-muted);max-width:380px}.gemboy-popup-button{margin-top:32px;height:52px;border:none;border-radius:999px;background:#1d1d1f;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.gemboy-popup-button:hover{background:#222;transform:translateY(-2px);box-shadow:0 16px 30px #0000002e}.gemboy-popup-close{position:absolute;top:22px;right:22px;width:42px;height:42px;border:none;background:#1d1d1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;font-size:26px;cursor:pointer;transition:.25s ease;z-index:10}.gemboy-popup-close:hover{background:#1d1d1f}@media(max-width:768px){.gemboy-popup{grid-template-columns:1fr;max-width:420px}.gemboy-popup-image{height:270px}.gemboy-popup-content{padding:42px 28px}.gemboy-popup-content h2{font-size:30px}.gemboy-popup-content p{font-size:15px}.gemboy-popup-button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/gemboy-popup.css.map */