#user-type-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999999;opacity:0;visibility:hidden;transition:.35s ease}#user-type-gate.active{opacity:1;visibility:visible}.user-gate-box{width:92%;max-width:1100px;height:80vh;background:#fff;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 30px 80px #00000040;transform:translateY(20px) scale(.96);opacity:0;transition:.4s cubic-bezier(.4,0,.2,1)}#user-type-gate.active .user-gate-box{transform:translateY(0) scale(1);opacity:1}.user-gate-content{display:flex;height:100%}.user-gate-image{width:60%;position:relative;padding:15px}.user-gate-image img{width:100%;height:100%;object-fit:contain}.user-gate-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.2),transparent)}.user-gate-text{width:40%;padding:60px 45px;display:flex;flex-direction:column;justify-content:center;text-align:center}.store-name{color:#e07a47;font-weight:700;font-size:clamp(35px,4vw,55px)}.user-gate-box h2{font-size:clamp(20px,3vw,45px);font-weight:600;line-height:1.2;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.15)}.user-gate-box p{color:#666;margin-bottom:30px;font-size:15px}.user-gate-buttons{display:flex;flex-direction:column;gap:12px}.user-gate-buttons a{padding:14px;border-radius:999px;font-weight:600;text-align:center;text-decoration:none;transition:.3s ease}.user-gate-buttons a[data-type=retail]{background:#0c4eaf;color:#f2cf3d}.user-gate-buttons a[data-type=wholesale]{background:#f2cf3d;color:#0c4eaf}.user-gate-buttons a:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.user-gate-close{position:absolute;top:14px;right:18px;font-size:18px;color:#888;text-decoration:none;transition:.2s;z-index:2}.user-gate-close:hover{color:#000}@media(max-width:768px){.user-gate-box{height:auto}.user-gate-content{flex-direction:column}.user-gate-image{width:100%;height:220px;padding:10px}.user-gate-text{width:100%;padding:30px 20px;text-align:center}.user-gate-box h2{font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/user-gate.css.map */