:root{--zlp-ink: #111111;--zlp-muted: #666666;--zlp-line: #dddddd;--zlp-tint: #f6f5f3;--zlp-img: #f2f2f2;--zlp-green: #1f6b4a;--zlp-green-bg: #e9f5ee;--zlp-card-rail: 42vw;--zlp-card-grid: 44vw;--zlp-radius: 10px}.zlp-reward{border:1.5px dashed var(--zlp-ink);border-radius:12px;padding:12px 14px;margin:10px 0 4px;display:flex;flex-direction:column;gap:8px}.zlp-reward-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--zlp-ink)}.zlp-reward-sub{font-size:12.5px;line-height:1.4;color:#333}.zlp-chip-ok{font-size:10.5px;font-weight:800;color:var(--zlp-green);background:var(--zlp-green-bg);padding:3px 7px;border-radius:4px;letter-spacing:.3px;white-space:nowrap}.zlp-bar{height:6px;border-radius:3px;background:#e9e9e9;position:relative;overflow:hidden}.zlp-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--zlp-ink);transition:width .35s ease}.zlp-fit{background:#f4f4f4;border-radius:12px;padding:8px 8px 8px 12px;margin:4px 0 14px;display:flex;align-items:center;gap:8px}.zlp-fit-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.zlp-fit-txt b{font-size:12.5px;color:var(--zlp-ink)}.zlp-fit-txt small{font-size:11px;color:#555}.zlp-fit-step{display:flex;align-items:center;background:#fff;border-radius:10px;height:40px}.zlp-fit-step button{width:36px;height:40px;border:0;background:transparent;font-size:18px;color:var(--zlp-ink);cursor:pointer;padding:0}.zlp-fit-step span{min-width:26px;text-align:center;font-size:15px;font-weight:800;color:var(--zlp-ink)}.zlp-fit-rec{height:40px;min-width:66px;padding:0 10px;box-sizing:border-box;border-radius:10px;background:var(--zlp-ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12.5px;font-weight:700;white-space:nowrap}.zlp{padding:22px 0;color:var(--zlp-ink)}.zlp--tint{background:var(--zlp-tint)}.zlp-head{margin-bottom:12px}.zlp .zlp-title{margin:0!important;font-size:24px!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;color:var(--zlp-ink)!important}.zlp-line{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:#444}.zlp-steps{background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.zlp-step-row{display:grid;grid-template-columns:repeat(var(--zlp-n, 4),minmax(0,1fr));gap:4px}.zlp-step{display:flex;flex-direction:column;line-height:1.25;text-align:center}.zlp-step:first-child{text-align:left}.zlp-step:last-child{text-align:right}.zlp-step b{font-size:11px;font-weight:800}.zlp-step small{font-size:10.5px;color:var(--zlp-muted)}.zlp-step.is-done b{color:var(--zlp-green)}.zlp-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;padding-bottom:2px}.zlp-tabs::-webkit-scrollbar{display:none}.zlp-tab{flex-shrink:0;height:34px;padding:0 14px;border-radius:17px;border:1.5px solid var(--zlp-line);background:#fff;color:var(--zlp-ink);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}.zlp-tab span{opacity:.55;font-weight:600}.zlp-tab.is-on{background:var(--zlp-ink);border-color:var(--zlp-ink);color:#fff}.zlp-panel{display:none}.zlp-panel.is-on{display:block}.zlp-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.zlp-rail::-webkit-scrollbar{display:none}.zlp-swipe{margin:8px 0 0;font-size:11.5px;color:var(--zlp-muted)}.zlp-swipe:empty{display:none}.zlp-empty{font-size:13px;color:var(--zlp-muted);margin:8px 0}.zlp-card{position:relative;flex:0 0 var(--zlp-card-rail);scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;min-width:0}.zlp--tint .zlp-card{background:#fff;border-radius:12px;padding:8px;box-sizing:border-box}.zlp-img{position:relative;display:block;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;background:var(--zlp-img)}.zlp-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.zlp-off{position:absolute;left:6px;top:6px;font-size:10px;font-weight:800;background:var(--zlp-ink);color:#fff;padding:3px 6px;border-radius:4px}.zlp-unlock{position:absolute;left:0;right:0;bottom:0;background:#111111e0;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.3px;padding:5px 4px;text-align:center;text-transform:uppercase}.zlp-unlock[hidden]{display:none}.zlp-name{font-size:12.5px;font-weight:600;line-height:1.3;height:2.6em;overflow:hidden;color:var(--zlp-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zlp-foot{display:flex;align-items:center;justify-content:space-between;gap:4px}.zlp-price{display:flex;flex-direction:column;line-height:1.15}.zlp-price b{font-size:13px}.zlp-price s{font-size:10.5px;color:#888}.zlp-add,.zlp-added{height:32px;padding:0 12px;border-radius:8px;border:1.5px solid var(--zlp-ink);background:#fff;color:var(--zlp-ink);font:inherit;font-size:11.5px;font-weight:800;cursor:pointer;white-space:nowrap}.zlp-added{background:var(--zlp-ink);color:#fff}.zlp-add.is-loading,.zlp-added.is-loading{opacity:.5;pointer-events:none}.zlp-qty{display:flex;align-items:center;height:32px;border-radius:8px;background:var(--zlp-ink);color:#fff}.zlp-qty button{width:26px;height:32px;border:0;background:transparent;color:#fff;font-size:15px;cursor:pointer;padding:0}.zlp-qty span{min-width:14px;text-align:center;font-size:12px;font-weight:800}.zlp--grid .zlp-rail{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:var(--zlp-card-grid);gap:16px 10px}.zlp--grid .zlp-card{flex:none}.zlp--grid .zlp-act{position:absolute;right:8px;top:0;transform:translateY(calc(var(--zlp-card-grid) * 4 / 3 - 42px))}.zlp--grid .zlp-add{height:34px;border:0;border-radius:17px;box-shadow:0 2px 8px #00000026}.zlp--grid .zlp-add:before{content:"+ "}.zlp--grid .zlp-added,.zlp--grid .zlp-qty{height:34px;border-radius:17px}.zlp--grid .zlp-price{flex-direction:row;align-items:baseline;gap:6px}@media(min-width:750px){:root{--zlp-card-rail: 200px;--zlp-card-grid: 210px}}.zlp-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none}.zlp-sheet.is-on{display:block}.zlp-sheet-bg{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000073;cursor:pointer}.zlp-sheet-box{position:absolute;left:0;right:0;bottom:0;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px 20px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;color:var(--zlp-ink)}@media(min-width:750px){.zlp-sheet-box{left:50%;right:auto;bottom:auto;top:50%;width:460px;transform:translate(-50%,-50%);border-radius:16px}}.zlp-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:18px;border:0;background:#f2f2f2;color:var(--zlp-ink);font-size:20px;cursor:pointer;z-index:2}.zlp-gal{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-16px}.zlp-gal::-webkit-scrollbar{display:none}.zlp-gal img{flex:0 0 auto;width:210px!important;height:280px!important;max-width:none;object-fit:cover;border-radius:10px;scroll-snap-align:start;background:var(--zlp-img)}.zlp-sh-info{display:flex;flex-direction:column;gap:3px}.zlp-sh-info b{font-size:15px}.zlp-sh-price{font-size:14px}.zlp-sh-price s{color:#888;margin-left:6px;font-size:12.5px}.zlp-sh-save{font-size:12px;font-weight:700;color:var(--zlp-green)}.zlp-sh-save:empty{display:none}.zlp-sh-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;letter-spacing:.5px}.zlp-chart-btn{display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;min-height:32px;font:inherit;font-size:13px;font-weight:700;color:var(--zlp-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;letter-spacing:0}.zlp-chart img{width:100%;border-radius:10px}.zlp-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.zlp-size{height:46px;border-radius:10px;border:1.5px solid var(--zlp-line);background:#fff;color:var(--zlp-ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:0 4px}.zlp-size.is-on{background:var(--zlp-ink);border-color:var(--zlp-ink);color:#fff}.zlp-size:disabled{color:#bbb;text-decoration:line-through;cursor:not-allowed}.zlp-sh-add{height:52px;border-radius:10px;border:0;background:var(--zlp-ink);color:#fff;font:inherit;font-size:14px;font-weight:800;letter-spacing:.6px;cursor:pointer}.zlp-sh-add:disabled{opacity:.45;cursor:not-allowed}.zlp-sh-err{margin:-6px 0 0;font-size:12px;color:#b3261e}.zlp-sh-err:empty{display:none}.zlp-pill{position:fixed;left:14px;right:14px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:2147482000;height:52px;border-radius:26px;background:var(--zlp-green);color:#fff;display:none;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 0 18px;box-shadow:0 10px 24px #0000002e;font-size:13px;font-weight:700}.zlp-pill.is-on{display:flex}.zlp-pill button{height:38px;padding:0 14px;border-radius:19px;border:0;background:#fff;color:var(--zlp-ink);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;flex-shrink:0}@media(min-width:750px){.zlp-pill{left:auto;right:24px;width:380px;bottom:24px}}.zlp-toast{position:fixed;left:50%;top:16px;z-index:2147483001;transform:translate(-50%,-140%);transition:transform .3s ease;background:var(--zlp-ink);color:#fff;padding:10px 16px;border-radius:22px;font-size:13px;font-weight:700;box-shadow:0 8px 20px #0003;max-width:90vw;text-align:center}.zlp-toast.is-on{transform:translate(-50%)}body.zlp-lock{overflow:hidden!important}
/*# sourceMappingURL=/cdn/shop/t/27/assets/zl-pdp.css.map */