@font-face{font-family:JuJuly Display;src:url(assets/jujuly/chewy-regular.woff) format("woff");font-display:swap}body[data-skin=jujuly]{--j-blue:#0758c8;--j-deep:#0046ad;--j-yellow:#f4da31;--j-red:#d51f2a;--j-ink:#161b24;--j-soft:#eef5ff;--accent:var(--j-blue);--green:var(--j-blue);--sage:#e6effe;--paper:#fff;--cream:#fff;--border:#dae4f4;--ink:var(--j-ink);--muted:#727a85;background:linear-gradient(135deg,#edf5ff,#fff 48%,#e7f1ff);color:var(--j-ink)}body[data-skin=jujuly] .phone{background:#fff;border-color:#d5e2f7}body[data-skin=jujuly] .phone-status,body[data-skin=jujuly] .zalo-bar{background:#fff;color:#121212}body[data-skin=jujuly] .customer-app,body[data-skin=jujuly] .c-scroll{background:#fff}body[data-skin=jujuly] .verified{color:var(--j-blue)}body[data-skin=jujuly] .brand-mark{background:var(--j-blue);color:#fff;border-radius:45% 50% 43% 48%}body[data-skin=jujuly] .connected-dot{background:var(--j-blue)}body[data-skin=jujuly] .view-switch button.active,body[data-skin=jujuly] .skin-switch button[aria-pressed=true]{background:var(--j-blue);border-color:var(--j-blue);color:#fff}body[data-skin=jujuly] h1{font-family:JuJuly Display,Quicksand,sans-serif!important;color:var(--j-blue)}body[data-skin=jujuly] .j-art{display:block;width:100%;height:100%;overflow:hidden}body[data-skin=jujuly] .j-home{padding:12px 17px 20px;overflow-x:hidden}body[data-skin=jujuly] .j-welcome{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}body[data-skin=jujuly] .j-welcome strong{font-family:JuJuly Display,sans-serif;font-size:24px;color:var(--j-blue);line-height:1.1}body[data-skin=jujuly] .j-welcome small{display:block;font-size:9px;color:#353a42;margin-top:5px}body[data-skin=jujuly] .j-welcome button{background:none;color:var(--j-blue);padding:6px;width:38px;height:38px}body[data-skin=jujuly] .j-welcome svg{width:26px;height:26px}body[data-skin=jujuly] .j-opening{height:260px;position:relative;overflow:hidden;background:#fff;margin:0 -3px}body[data-skin=jujuly] .j-opening-title{font-family:JuJuly Display,Quicksand,sans-serif;color:var(--j-blue);font-size:76px;letter-spacing:-3px;line-height:1.05;padding-top:7px;position:relative;z-index:2;pointer-events:none}body[data-skin=jujuly] .j-opening-title>span{display:block;color:var(--j-red);font-family:Arial,sans-serif;font-size:31px;letter-spacing:-1px;font-weight:1000;line-height:1.2}body[data-skin=jujuly] .j-good-day{position:absolute;top:123px;left:11px;font-family:JuJuly Display,sans-serif;font-size:15px;line-height:.95;transform:rotate(-15deg);padding:5px 9px;background:var(--j-yellow);color:#17191e;z-index:2}body[data-skin=jujuly] .j-opening-note{position:absolute;bottom:41px;left:5px;z-index:2;pointer-events:none}body[data-skin=jujuly] .j-opening-note strong{display:block;font:800 16px Arial,sans-serif;letter-spacing:-.3px}body[data-skin=jujuly] .j-opening-note span{display:block;font-size:10px;line-height:1.4;margin-top:4px}body[data-skin=jujuly] .j-barcode{position:absolute;bottom:14px;left:7px;width:50px;height:16px;background:repeating-linear-gradient(90deg,#17191e 0 1px,transparent 1px 2px,#17191e 2px 4px,transparent 4px 6px)}body[data-skin=jujuly] .j-pet{position:absolute;top:67px;right:0;width:162px;height:190px;padding:0;background:#fff;cursor:grab;touch-action:none;transform:translate(var(--j-pet-x,0px),var(--j-pet-y,0px));border:0;z-index:1;border-radius:20px}body[data-skin=jujuly] .j-pet:active{cursor:grabbing}body[data-skin=jujuly] .j-pet:focus-visible{outline:3px dashed var(--j-blue);outline-offset:-4px}body[data-skin=jujuly] .j-pet .j-dog-art{animation:j-breathe 4s ease-in-out infinite;transform-origin:50% 95%}body[data-skin=jujuly] .j-pet-happy .j-dog-art{animation:j-dog-hop .6s ease-in-out 2}body[data-skin=jujuly] .j-bark{position:absolute;right:11px;top:49px;z-index:4;background:var(--j-yellow);padding:7px 10px;border-radius:14px 13px 2px;font-size:11px;font-weight:800;opacity:0;transform:translateY(6px) scale(.8);transition:.2s;pointer-events:none}body[data-skin=jujuly] .j-bark.visible{opacity:1;transform:translateY(0) scale(1)}body[data-skin=jujuly] .j-slider{background:var(--j-blue);color:#fff;display:flex;align-items:center;justify-content:space-between;border-radius:100px;min-height:46px;padding:4px 12px;gap:6px}body[data-skin=jujuly] .j-slider>button{border:0;background:transparent;color:var(--j-yellow);min-width:38px;min-height:36px;font-size:12px}body[data-skin=jujuly] .j-slider .j-slider-label{color:#fff;padding:3px 14px;border:1.2px solid white;border-radius:50%;min-height:36px;min-width:122px;transform:rotate(-3deg)}body[data-skin=jujuly] .j-slider-label>span{font-family:JuJuly Display,sans-serif;font-size:18px;display:block;line-height:.95}body[data-skin=jujuly] .j-slider-label small{font-size:8px;line-height:1.2;display:block;margin-top:3px}body[data-skin=jujuly] .j-slide-change .j-slider-label{animation:j-slide-in .35s ease-out}body[data-skin=jujuly] .j-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px -4px 13px}body[data-skin=jujuly] .j-modes button{border:0;background:none;padding:0 5px;display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0;position:relative;transition:transform .2s}body[data-skin=jujuly] .j-modes button:not(:last-child):after{content:"";position:absolute;right:0;top:8px;height:36px;width:1px;background:#b7bcc5}body[data-skin=jujuly] .j-modes svg{width:38px;height:36px;overflow:visible}body[data-skin=jujuly] .j-modes strong{font-size:10px;line-height:1.25;max-width:65px;color:#111}body[data-skin=jujuly] .j-modes button:hover{transform:translateY(-4px)}body[data-skin=jujuly] .j-stamp-card{display:block;width:100%;padding:0;background:transparent;color:var(--j-blue);text-align:left;border:0}body[data-skin=jujuly] .j-stamp-card>span:first-child{border:1.3px solid var(--j-blue);padding:8px 9px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}body[data-skin=jujuly] .j-stamp-card b{white-space:nowrap}body[data-skin=jujuly] .j-stamp-card b span{font-size:18px;margin-left:2px}body[data-skin=jujuly] .j-stamp-strip{display:flex;justify-content:space-between;gap:5px;padding:11px 2px 8px}body[data-skin=jujuly] .j-stamp{width:31px;height:35px;display:block;opacity:.22;filter:grayscale(1);position:relative}body[data-skin=jujuly] .j-stamp.j-stamped{opacity:1;filter:none}body[data-skin=jujuly] .j-stamp.j-stamped:after{content:"✓";position:absolute;right:-3px;bottom:-3px;font-size:10px;font-weight:900;background:var(--j-blue);color:#fff;width:14px;height:14px;border-radius:50%;display:grid;place-items:center}body[data-skin=jujuly] .j-home-club{width:100%;border:0;background:var(--j-blue);border-radius:18px;text-align:left;color:#fff;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;margin-top:5px}body[data-skin=jujuly] .j-home-club small{font-size:9px;letter-spacing:1px}body[data-skin=jujuly] .j-home-club strong{display:block;font:24px JuJuly Display,sans-serif;margin:3px 0}body[data-skin=jujuly] .j-home-club span span{font-size:10px}body[data-skin=jujuly] .j-club-heart{font-size:58px;color:var(--j-yellow);line-height:1;transform:rotate(-12deg)}body[data-skin=jujuly] .j-home-location{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#717883;margin:12px 0 0}body[data-skin=jujuly] .j-home-location button{font-size:9px;color:var(--j-blue);background:none;padding:0}body[data-skin=jujuly] .j-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:var(--j-blue);border-radius:21px 21px 19px 19px;flex-shrink:0;margin:0 10px 8px;padding:10px 5px 8px;gap:2px;min-height:64px;box-shadow:0 4px 10px #0758c820;position:relative;z-index:8}body[data-skin=jujuly] .j-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:0 2px;background:none;color:#fff;border-radius:12px;opacity:.78;position:relative}body[data-skin=jujuly] .j-nav button>svg{width:22px;height:22px}body[data-skin=jujuly] .j-nav button>span{font-size:9px;white-space:nowrap}body[data-skin=jujuly] .j-nav button.active{opacity:1}body[data-skin=jujuly] .j-nav button.active>svg{fill:#ffffff25;stroke-width:3}body[data-skin=jujuly] .j-nav button.active:before{content:"";position:absolute;top:-6px;width:5px;height:3px;background:var(--j-yellow);border-radius:3px}body[data-skin=jujuly] .j-nav button:hover{opacity:1;background:#ffffff12}body[data-skin=jujuly] .j-menu{padding:10px 12px 16px}body[data-skin=jujuly] .j-menu-heading{display:flex;align-items:center;justify-content:center;position:relative;margin:5px 0 21px}body[data-skin=jujuly] .j-menu-heading h2{font-family:Arial,sans-serif;font-size:19px;font-weight:700;color:#111;margin:0}body[data-skin=jujuly] .j-menu-heading button{position:absolute;right:0;background:none;width:32px;height:32px;color:#111;padding:5px}body[data-skin=jujuly] .j-menu-brand{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:15px}body[data-skin=jujuly] .j-menu-brand>div:first-child>strong{font-size:14px;color:#111;white-space:nowrap}body[data-skin=jujuly] .j-menu-brand small{display:block;font-size:8px;color:#747b85;margin-top:4px}body[data-skin=jujuly] .j-menu-modes{display:flex;border-radius:30px;background:#f4f4f4;gap:1px;padding:2px}body[data-skin=jujuly] .j-menu-modes button{padding:7px 8px;border-radius:40px;border:0;background:none;font-size:8px;white-space:nowrap;color:#4c535b;min-height:31px}body[data-skin=jujuly] .j-menu-modes button.active{background:var(--j-blue);color:#fff}body[data-skin=jujuly] .j-search{display:flex;align-items:center;gap:7px;border:1px solid #e1e6ed;border-radius:9px;padding:7px 9px;margin-bottom:13px;color:#7b8590}body[data-skin=jujuly] .j-search input{min-width:0;width:100%;border:0;background:none;font-size:10px;outline:none;color:#111}body[data-skin=jujuly] .j-menu-layout{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;align-items:start}body[data-skin=jujuly] .j-categories{display:flex;flex-direction:column;gap:5px;position:sticky;top:0}body[data-skin=jujuly] .j-categories button{padding:15px 5px 15px 10px;border:0;border-left:2px solid transparent;text-align:left;font-size:10px;line-height:1.5;background:none;color:#737983;min-height:48px}body[data-skin=jujuly] .j-categories button.active{color:#101318;border-left-color:var(--j-blue);font-weight:800;background:linear-gradient(90deg,#f1f6ff,#fff)}body[data-skin=jujuly] .j-products{display:flex;flex-direction:column;gap:16px}body[data-skin=jujuly] .j-product{display:grid;grid-template-columns:70px minmax(0,1fr);gap:9px;position:relative;padding-bottom:4px;min-height:95px;animation:j-card-in .35s ease both}body[data-skin=jujuly] .j-product-image{border:0;background:#f8f6f1;border-radius:9px;padding:0;width:70px;height:80px;overflow:hidden}body[data-skin=jujuly] .j-product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}body[data-skin=jujuly] .j-product-image:hover img{transform:scale(1.08)}body[data-skin=jujuly] .j-product h3{font-family:Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.25;margin:3px 0 5px;padding-right:2px;color:#111}body[data-skin=jujuly] .j-product p{font-size:9px;line-height:1.4;color:#747981;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body[data-skin=jujuly] .j-product>div>strong{font-size:11px;color:#111}body[data-skin=jujuly] .j-product-add{position:absolute;right:0;bottom:2px;background:var(--j-blue);color:#fff;border:0;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font:800 21px Arial,sans-serif;line-height:1;padding:0;transition:transform .2s}body[data-skin=jujuly] .j-product-add:hover{transform:rotate(90deg)}body[data-skin=jujuly] .j-product button:disabled{opacity:.4;cursor:not-allowed}body[data-skin=jujuly] .j-sold-out{display:block;color:var(--j-red);font-size:8px;margin-top:4px}body[data-skin=jujuly] .j-no-results{padding:25px 5px;font-size:12px;color:#747981;line-height:1.8}body[data-skin=jujuly] .j-cart{background:var(--j-soft);border:1px solid #ccdefb;margin:0 12px 8px;padding:9px 11px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;color:var(--j-blue)}body[data-skin=jujuly] .j-cart>div{font-size:10px}body[data-skin=jujuly] .j-cart>div span{display:block;margin-top:3px;font-weight:700}body[data-skin=jujuly] .j-cart button{padding:9px 11px;background:var(--j-blue);border:0;color:#fff;border-radius:30px;font-size:10px;font-weight:700}body[data-skin=jujuly] .j-page-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:9px}body[data-skin=jujuly] .j-page-title h2{font:700 19px Arial,sans-serif;color:#111;margin:0}body[data-skin=jujuly] .j-page-title>button{background:none;border:0;width:32px;height:36px;font-size:31px;padding:0;color:#111}body[data-skin=jujuly] .j-page-title>span{font-size:22px;color:var(--j-blue)}body[data-skin=jujuly] .j-rewards,body[data-skin=jujuly] .j-updates{padding:13px 19px 22px}body[data-skin=jujuly] .j-reward-status{display:flex;justify-content:space-between;gap:8px;align-items:center;background:var(--j-blue);color:#fff;padding:12px 10px;border-radius:10px;font-size:10px}body[data-skin=jujuly] .j-reward-status button{font-size:9px;background:none;color:#fff;white-space:nowrap;padding:0}body[data-skin=jujuly] .j-reward-logo{width:245px;height:200px;max-width:100%;margin:24px auto 15px;display:flex;flex-direction:column;align-items:center;justify-content:center}body[data-skin=jujuly] .j-reward-logo>span{font:italic 18px Georgia,serif;border-bottom:2px solid #111;color:#111;transform:rotate(-6deg);padding-bottom:5px;white-space:nowrap;margin-bottom:12px}body[data-skin=jujuly] .j-reward-logo svg{height:145px;flex-shrink:0}body[data-skin=jujuly] .j-reward-stamps{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;gap:17px 14px;max-width:230px;margin:12px auto 23px}body[data-skin=jujuly] .j-reward-stamps .j-stamp{width:35px;height:40px}body[data-skin=jujuly] .j-primary{width:100%;border:0;background:var(--j-blue);color:#fff;border-radius:30px;padding:13px 15px;font-size:12px;font-weight:700;min-height:43px;display:block;transition:background .2s,transform .2s}body[data-skin=jujuly] .j-primary:hover{background:var(--j-deep);transform:translateY(-2px)}body[data-skin=jujuly] .j-primary:disabled{background:#cbd9ee;color:#617696;cursor:not-allowed;transform:none}body[data-skin=jujuly] .j-secondary{width:100%;background:#fff;border:1.2px solid var(--j-blue);color:var(--j-blue);border-radius:30px;padding:11px 13px;font-size:11px;font-weight:700;min-height:42px}body[data-skin=jujuly] .j-text-button{display:block;width:100%;background:none;border:0;color:var(--j-blue);font-size:11px;padding:12px 5px;min-height:40px;text-decoration:underline;text-underline-offset:4px}body[data-skin=jujuly] .j-reward-hint{font-size:10px;color:#777f89;text-align:center;line-height:1.6;margin:9px 0 17px}body[data-skin=jujuly] .j-reward-person{display:flex;flex-direction:column;align-items:center;padding:14px;background:var(--j-soft);border-radius:12px;gap:5px;margin:0 0 13px}body[data-skin=jujuly] .j-reward-person strong{color:var(--j-blue);font-size:12px}body[data-skin=jujuly] .j-reward-person span{font-size:9px;color:#5c7190}body[data-skin=jujuly] .j-update-card{border:1px solid var(--j-blue);border-radius:20px;padding:19px;margin:0 0 18px;color:var(--j-blue);overflow:hidden;background:#fff;animation:j-card-in .35s ease both}body[data-skin=jujuly] .j-update-tag{font-size:9px;letter-spacing:1px;line-height:1.5;font-weight:800}body[data-skin=jujuly] .j-update-card h3{font:33px/1.05 JuJuly Display,sans-serif;margin:12px 0 15px;letter-spacing:-.5px}body[data-skin=jujuly] .j-update-card p{font-size:11px;line-height:1.8;color:#4e5c73;margin:12px 0 17px}body[data-skin=jujuly] .j-update-art{height:155px;position:relative;margin:0 0 9px}body[data-skin=jujuly] .j-update-art svg{width:128px;height:160px;position:absolute;right:0;top:-5px}body[data-skin=jujuly] .j-update-art>span{position:absolute;left:2px;top:40px;transform:rotate(-12deg);background:var(--j-yellow);color:#111;font:22px/1 JuJuly Display,sans-serif;padding:9px 13px}body[data-skin=jujuly] .j-update-member{background:var(--j-blue);color:#fff}body[data-skin=jujuly] .j-update-member p{color:#e1edff}body[data-skin=jujuly] .j-update-member .j-primary{background:#fff;color:var(--j-blue)}body[data-skin=jujuly] .j-update-class{background:#fffbea;border-color:var(--j-yellow)}body[data-skin=jujuly] .j-info-dialog{background:#fff;color:#172136;border:2px solid var(--j-blue);border-radius:22px;width:min(390px,calc(100vw - 32px));padding:32px 25px 21px;max-height:85dvh;box-shadow:0 20px 80px #003a7d30}body[data-skin=jujuly] .j-info-dialog::backdrop{background:#00245c65;backdrop-filter:blur(3px)}body[data-skin=jujuly] .j-info-dialog h2{font:36px/1.1 JuJuly Display,sans-serif;color:var(--j-blue);margin:15px 0 20px}body[data-skin=jujuly] .j-info-dialog p{font-size:12px;line-height:1.8;margin:12px 0 19px;color:#526176}body[data-skin=jujuly] .j-info-dialog .j-info-note{font-size:10px;background:var(--j-soft);padding:10px;border-radius:10px}body[data-skin=jujuly] .j-info-close{position:absolute;right:10px;top:9px;border:0;background:var(--j-soft);color:var(--j-blue);width:34px;height:34px;border-radius:50%;font-size:25px}body[data-skin=jujuly] .j-info-line b{font-size:13px;color:var(--j-blue)}body[data-skin=jujuly] .j-confetti{position:fixed;z-index:1000;pointer-events:none;font-size:19px;color:var(--j-red);animation:j-burst .8s ease-out both}body[data-skin=jujuly] .j-confetti:nth-child(2n){color:var(--j-yellow)}body[data-skin=jujuly] .m-member-card,body[data-skin=jujuly] .m-promo{background:var(--j-blue);border-radius:19px;color:#fff;border-color:var(--j-blue)}body[data-skin=jujuly] .m-member-card .m-card-watermark{font:80px JuJuly Display,sans-serif;opacity:.2}body[data-skin=jujuly] .m-card-barcode,body[data-skin=jujuly] .m-card-barcode svg{color:#fff}body[data-skin=jujuly] .m-card-tier{font-family:JuJuly Display,sans-serif}body[data-skin=jujuly] .m-card-note,body[data-skin=jujuly] .m-card-bottom small{color:#d6e8ff}body[data-skin=jujuly] .m-profile,body[data-skin=jujuly] .m-scroll,body[data-skin=jujuly] .m-heading{background:#fff}body[data-skin=jujuly] .m-primary,body[data-skin=jujuly] .m-active,body[data-skin=jujuly] .c-qr-confirm,body[data-skin=jujuly] .c-bottom-action>button,body[data-skin=jujuly] .c-sheet-bottom>button,body[data-skin=jujuly] .c-slot-grid .active{background:var(--j-blue);color:#fff;border-color:var(--j-blue)}body[data-skin=jujuly] .m-primary{border-radius:30px}body[data-skin=jujuly] .m-checkin-banner,body[data-skin=jujuly] .m-stats,body[data-skin=jujuly] .m-row-icon,body[data-skin=jujuly] .m-amount.m-selected,body[data-skin=jujuly] .m-tier.m-current,body[data-skin=jujuly] .c-block{background:#f5f8ff;border-color:#cbdcfa}body[data-skin=jujuly] .m-stats strong,body[data-skin=jujuly] .m-shortcuts>button>span,body[data-skin=jujuly] .m-row-icon,body[data-skin=jujuly] .m-profile-welcome h2,body[data-skin=jujuly] .m-heading h2{color:var(--j-blue)}body[data-skin=jujuly] .m-nav{background:var(--j-blue);color:#fff;margin:0 10px 8px;border-radius:20px;padding:8px 5px;border:0}body[data-skin=jujuly] .m-nav button{color:#fff!important;background:none!important}body[data-skin=jujuly] .m-nav button svg{color:inherit}body[data-skin=jujuly] .m-nav .m-active{opacity:1}body[data-skin=jujuly] .c-page-heading,body[data-skin=jujuly] .c-sheet,body[data-skin=jujuly] .c-sheet-body{background:#fff}body[data-skin=jujuly] .c-fulfillment .active,body[data-skin=jujuly] .c-option-buttons .active{border-color:var(--j-blue);color:var(--j-blue);background:#ecf3ff}body[data-skin=jujuly] .c-status,body[data-skin=jujuly] .c-success-icon{background:#e8f1ff;color:var(--j-blue)}body[data-skin=jujuly] .c-track-step.done .c-track-dot{background:var(--j-blue)}body[data-skin=jujuly] .pos-topbar{border-bottom-color:#dae5f7}body[data-skin=jujuly] .pos-frame{--accent:var(--j-blue);--pos-green:var(--j-blue)}body[data-skin=jujuly] .pos-nav .active,body[data-skin=jujuly] .pos-tabs .active,body[data-skin=jujuly] .pos-filter.active,body[data-skin=jujuly] .pos-primary{background:var(--j-blue);border-color:var(--j-blue);color:#fff}@keyframes j-breathe{0%,to{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-4px)}}@keyframes j-dog-hop{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-12px) rotate(-4deg)}65%{transform:translateY(-2px) rotate(4deg)}}@keyframes j-slide-in{0%{opacity:.4;transform:translate(12px) rotate(-3deg)}to{opacity:1;transform:translate(0) rotate(-3deg)}}@keyframes j-card-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes j-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(calc(-50% + var(--jx)),calc(-50% + var(--jy))) rotate(var(--jr)) scale(1.2)}}body[data-skin=jujuly][data-motion=off] *,body[data-skin=jujuly][data-motion=off] *:before,body[data-skin=jujuly][data-motion=off] *:after{animation:none!important;transition:none!important}body[data-skin=jujuly][data-motion=off] .j-confetti{display:none}@media(max-width:430px){body[data-skin=jujuly] .j-home{padding:10px 15px 18px}body[data-skin=jujuly] .j-menu-layout{grid-template-columns:65px minmax(0,1fr);gap:8px}body[data-skin=jujuly] .j-product{grid-template-columns:64px minmax(0,1fr);gap:8px}body[data-skin=jujuly] .j-product-image{width:64px;height:76px}body[data-skin=jujuly] .j-menu-modes button{padding:7px 6px;font-size:8px}}@media(prefers-reduced-motion:reduce){body[data-skin=jujuly] *,body[data-skin=jujuly] *:before,body[data-skin=jujuly] *:after{animation:none!important;transition:none!important}body[data-skin=jujuly] .j-confetti{display:none}}body[data-skin=jujuly] .j-opening-title{height:118px;width:100%;padding-top:5px}body[data-skin=jujuly] .j-opening-wordmark{height:113px;width:100%;object-fit:contain}body[data-skin=jujuly] .m-profile{padding:10px 14px 22px}body[data-skin=jujuly] .j-membership-reference{margin:0 0 19px}body[data-skin=jujuly] .j-topup-reference{background:var(--j-blue);color:#fff;border-radius:19px;overflow:hidden;padding:16px 15px 10px}body[data-skin=jujuly] .j-topup-reference>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}body[data-skin=jujuly] .j-topup-reference>header strong{font:22px JuJuly Display,Quicksand,sans-serif;color:#fff}body[data-skin=jujuly] .j-topup-reference>header small{display:block;color:#e4efff;font-size:8px;line-height:1.4;margin-top:3px}body[data-skin=jujuly] .j-topup-reference>header>span{font-size:10px;font-weight:700;white-space:nowrap}body[data-skin=jujuly] .j-topup-reference>button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;color:#fff;padding:12px 0;text-align:left;min-height:91px}body[data-skin=jujuly] .j-topup-reference>button+button{border-top:1px solid #ffffff35}body[data-skin=jujuly] .j-topup-reference>button>span:nth-child(2){flex:1;min-width:0}body[data-skin=jujuly] .j-topup-reference>button strong{font-family:Arial,sans-serif;font-size:20px;line-height:1.2;display:block;letter-spacing:-.4px;color:#fff}body[data-skin=jujuly] .j-topup-reference>button small{display:block;font-size:10px;line-height:1.55;color:#e5f0ff;margin-top:5px}body[data-skin=jujuly] .j-topup-reference>button:hover strong{text-decoration:underline;text-underline-offset:4px}body[data-skin=jujuly] .j-topup-gift{background:var(--j-red);color:#fff;display:grid;place-items:center;width:27px;height:27px;align-self:flex-start;margin-top:3px;border-radius:50%;flex-shrink:0}body[data-skin=jujuly] .j-topup-gift>svg{width:18px;height:18px}body[data-skin=jujuly] .j-topup-bubble{width:57px;height:57px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:var(--j-blue);background:#fff;box-shadow:inset -7px -5px #e4ebf7;font:23px JuJuly Display,sans-serif;transform:rotate(5deg);transition:transform .2s}body[data-skin=jujuly] .j-topup-cup{background:var(--j-yellow);box-shadow:inset -6px -5px #e0c21d;transform:rotate(-6deg)}body[data-skin=jujuly] .j-topup-reference>button:hover .j-topup-bubble{transform:rotate(-6deg) translateY(-3px)}body[data-skin=jujuly] .j-topup-reference>p{font-size:8px;line-height:1.6;color:#dfedff;margin:4px 0 0}body[data-skin=jujuly] .j-membership-pets{position:relative;display:flex;align-items:center;width:100%;min-height:119px;padding:14px 13px;text-align:left;background:var(--j-blue);color:#fff;border:0;border-radius:18px;margin:10px 0 12px;overflow:hidden}body[data-skin=jujuly] .j-membership-pets>span{position:relative;z-index:1;pointer-events:none}body[data-skin=jujuly] .j-membership-pets small{font:23px JuJuly Display,sans-serif;display:block;margin-bottom:4px}body[data-skin=jujuly] .j-membership-pets strong{display:block;font:800 15px/1.2 Arial,sans-serif;color:#fff;letter-spacing:-.4px}body[data-skin=jujuly] .j-membership-pets strong i{color:var(--j-red);font-style:normal}body[data-skin=jujuly] .j-membership-pets span span{font-size:8px;line-height:1.4;display:block;margin-top:8px;color:#e1eeff}body[data-skin=jujuly] .j-pets-original{display:block;width:112px;height:90px;position:absolute;right:-7px;bottom:2px;pointer-events:none}body[data-skin=jujuly] .j-membership-wordmark{width:253px;max-width:100%;margin:2px auto 0;text-align:center;padding-bottom:12px}body[data-skin=jujuly] .j-membership-wordmark-art{display:block;width:100%;height:148px;overflow:hidden}body[data-skin=jujuly] .j-membership-wordmark>span{display:inline-block;color:#131313;font:italic 18px Georgia,serif;transform:rotate(-7deg);border-bottom:2px solid #131313;padding:0 5px 6px;margin-top:-5px}body[data-skin=jujuly] .j-member-divider{border-top:1px solid #e1e9f6;margin-top:6px;padding-top:15px;color:var(--j-blue);font-size:11px;font-weight:700;text-align:center}body[data-skin=jujuly] .j-nav button[data-m-nav=membership]{opacity:1}body[data-skin=jujuly] .j-nav button[data-m-nav=membership] svg{stroke-width:3}body[data-skin=jujuly] .j-opening{height:285px}body[data-skin=jujuly] .j-pet{top:98px;width:139px;height:181px;right:14px}body[data-skin=jujuly] .j-opening-title{padding-top:5px}body[data-skin=jujuly] .j-opening-wordmark{height:115px}body[data-skin=jujuly] .j-good-day{top:143px}body[data-skin=jujuly] .j-opening-note{bottom:45px}body[data-skin=jujuly] .j-opening-wordmark{height:130px}body[data-skin=jujuly] .j-membership-pets{padding:0;display:block}body[data-skin=jujuly] .j-membership-pets>span{display:none}body[data-skin=jujuly] .j-membership-pets .j-pets-original{position:static;width:100%;height:auto;aspect-ratio:274 / 125;opacity:1}body[data-skin=jujuly] .j-membership-wordmark>span{display:none}