#customer-home{--ch-g:#2fa34a;--ch-gd:#23823a;--ch-gl:#eaf7ee;--ch-y:#f6c517;--ch-bg:#f5f8f6;--ch-card:#fff;--ch-ink:#16201c;--ch-muted:#6b7c74;--ch-line:#e5ece8;--ch-rad:16px;--ch-sh:0 2px 10px #14281e0f;font-family:var(--font-jakarta), system-ui, -apple-system, "Segoe UI", sans-serif;background:var(--ch-bg);color:var(--ch-ink);-webkit-tap-highlight-color:transparent;min-height:100vh;padding-bottom:128px;font-size:15px;line-height:1.5}#customer-home img{max-width:100%}#customer-home .ch-hero{background:linear-gradient(155deg, var(--ch-gd), var(--ch-g));color:#fff;text-align:center;border-radius:0 0 24px 24px;padding:28px 18px 22px;position:relative}#customer-home .ch-hero .ch-logo{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 10px;display:flex;overflow:hidden;box-shadow:0 8px 18px #0000002e}#customer-home .ch-hero .ch-logo-fallback{color:var(--ch-g)}#customer-home .ch-hero h1{letter-spacing:-.01em;margin:2px 0;font-size:20px;font-weight:800}#customer-home .ch-hero .ch-ar{opacity:.94;direction:rtl;font-size:12.5px}#customer-home .ch-hero p{opacity:.94;margin-top:4px;font-size:12px}#customer-home .ch-hero .ch-trust{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}#customer-home .ch-hero .ch-trust span{background:#ffffff29;border-radius:20px;padding:6px 11px;font-size:11.5px;font-weight:600;transition:transform .15s,background .15s}#customer-home .ch-hero .ch-trust span:hover{background:#ffffff42}#customer-home .ch-panel{border:1px solid var(--ch-line);max-width:400px;box-shadow:var(--ch-sh);background:#fff;border-radius:20px;margin:24px auto;padding:22px}#customer-home .ch-pending{text-align:center}#customer-home .ch-pending-badge{color:#8a6100;background:linear-gradient(145deg,#fef4c2,#fbe28f);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 14px;animation:.35s cubic-bezier(.34,1.56,.64,1) ch-pop;display:flex;box-shadow:0 6px 16px #f6c51752}#customer-home .ch-pending .ch-sub{margin-bottom:16px;line-height:1.5}#customer-home .ch-pending-info{background:var(--ch-bg);text-align:left;border-radius:12px;margin:4px 0 14px;padding:12px 14px}#customer-home .ch-pending-info .ch-line{padding:4px 0;font-size:13px}#customer-home .ch-pending .ch-btn.wa{text-decoration:none}#customer-home .ch-panel h2{text-align:center;margin-bottom:4px;font-size:20px;font-weight:800}#customer-home .ch-panel .ch-sub{color:var(--ch-muted);text-align:center;margin-bottom:16px;font-size:13px}#customer-home .ch-tabs{background:var(--ch-gl);border-radius:12px;gap:6px;margin-bottom:18px;padding:4px;display:flex}#customer-home .ch-tab{color:var(--ch-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:9px 10px;font-size:13px;font-weight:700;transition:background .15s,color .15s,transform .1s}#customer-home .ch-tab.on{color:var(--ch-g);background:#fff;box-shadow:0 2px 6px #0000000f}#customer-home .ch-tab:active{transform:scale(.97)}#customer-home .ch-fld{text-align:left;margin-bottom:12px;display:block}#customer-home .ch-fld span{color:var(--ch-muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}#customer-home .ch-fld input,#customer-home .ch-fld textarea{border:1px solid var(--ch-line);background:#fff;border-radius:12px;width:100%;padding:12px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}#customer-home .ch-fld input:focus,#customer-home .ch-fld textarea:focus{border-color:var(--ch-g);outline:none;box-shadow:0 0 0 3px #2fa34a24}#customer-home .ch-pin{text-align:center;letter-spacing:12px;font-size:26px}#customer-home .ch-fld .ch-phone{border:1px solid var(--ch-line);background:#fff;border-radius:12px;align-items:stretch;margin:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}#customer-home .ch-fld .ch-phone:focus-within{border-color:var(--ch-g);box-shadow:0 0 0 3px #2fa34a24}#customer-home .ch-fld .ch-phone .ch-phone-pfx{-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--ch-ink)!important;border-right:1px solid var(--ch-line)!important;background:0 0!important;align-items:center!important;margin:0!important;padding:0 12px!important;font-size:15px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important}#customer-home .ch-fld .ch-phone input{width:auto!important;min-width:0!important;height:44px!important;box-shadow:none!important;letter-spacing:normal!important;color:var(--ch-ink)!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important;flex:1!important;padding:0 12px!important;font-family:inherit!important;font-size:15px!important;line-height:44px!important}#customer-home .ch-fld .ch-phone input::placeholder{color:var(--ch-muted);letter-spacing:normal;opacity:1;font-size:15px}#customer-home .ch-btn{background:var(--ch-g);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:14px;font-size:15px;font-weight:800;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 12px #2fa34a40}#customer-home .ch-btn:hover{background:var(--ch-gd);box-shadow:0 6px 14px #2fa34a52}#customer-home .ch-btn:active{transform:scale(.98);box-shadow:0 2px 6px #2fa34a40}#customer-home .ch-btn:disabled{opacity:.55;cursor:not-allowed}#customer-home .ch-btn.y{background:var(--ch-y);color:#5a4500;box-shadow:0 4px 12px #f6c51759}#customer-home .ch-btn.y:hover{background:#ecbb0b}#customer-home .ch-btn.wa{background:#25d366;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:0 4px 12px #25d3664d}#customer-home .ch-btn.wa:hover{background:#1fbe58}#customer-home .ch-btn.ghost{color:var(--ch-g);border:1.5px solid var(--ch-g);box-shadow:none;background:#fff}#customer-home .ch-btn.ghost:hover{background:var(--ch-gl)}#customer-home .ch-muted{color:var(--ch-muted);font-size:12px}#customer-home .ch-muted a{color:var(--ch-g);cursor:pointer;font-weight:600}#customer-home .ch-muted a:hover{text-decoration:underline}#customer-home .ch-err{color:#d64545;min-height:18px;margin-top:2px;font-size:13px}#customer-home .ch-hint{color:var(--ch-g);margin:6px 0;font-size:12px;font-weight:600}#customer-home .ch-tools{z-index:6;background:var(--ch-bg);max-width:820px;margin:0 auto;padding:12px 16px 6px;position:sticky;top:0}#customer-home .ch-bar{gap:8px;display:flex;position:relative}#customer-home .ch-bar-ico{color:var(--ch-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#customer-home .ch-bar input{border:1px solid var(--ch-line);box-shadow:var(--ch-sh);background:#fff;border-radius:12px;flex:1;padding:12px 14px 12px 38px;font-size:15px;transition:border-color .15s,box-shadow .15s}#customer-home .ch-bar input:focus{border-color:var(--ch-g);outline:none;box-shadow:0 0 0 3px #2fa34a1f}#customer-home .ch-chips{scrollbar-width:none;gap:8px;padding:10px 2px 4px;display:flex;overflow-x:auto}#customer-home .ch-chips::-webkit-scrollbar{display:none}#customer-home .ch-chip{white-space:nowrap;border:1px solid var(--ch-line);color:var(--ch-muted);cursor:pointer;background:#fff;border-radius:20px;flex:none;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform .1s}#customer-home .ch-chip:hover{border-color:var(--ch-g);color:var(--ch-g)}#customer-home .ch-chip:active{transform:scale(.96)}#customer-home .ch-chip.on{background:var(--ch-g);color:#fff;border-color:var(--ch-g);box-shadow:0 3px 8px #2fa34a4d}#customer-home .ch-wrap{max-width:820px;margin:0 auto;padding:6px 16px 16px}#customer-home .ch-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}@media (min-width:480px){#customer-home .ch-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}#customer-home .ch-card{background:var(--ch-card);border:1px solid var(--ch-line);border-radius:var(--ch-rad);box-shadow:var(--ch-sh);flex-direction:column;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}#customer-home .ch-card:hover{border-color:#d4e3da;transform:translateY(-2px);box-shadow:0 6px 16px #14281e14}#customer-home .ch-card:active{transform:scale(.98)}#customer-home .ch-thumb{aspect-ratio:1;background:var(--ch-gl);border-radius:0;justify-content:center;align-items:center;width:100%;margin:0;display:flex;position:relative;overflow:hidden}#customer-home .ch-thumb img{object-fit:cover;width:100%;height:100%;display:block}#customer-home .ch-thumb-emoji{font-size:56px;line-height:1}#customer-home .ch-card-body{flex-direction:column;flex:1;padding:12px;display:flex}#customer-home .ch-nm{font-size:14px;font-weight:700}#customer-home .ch-bn{color:var(--ch-muted);font-size:12px}#customer-home .ch-pr{flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;font-size:14px;line-height:1;display:flex}#customer-home .ch-pr-amt{color:#b97e00;font-weight:800}#customer-home .ch-pr-sep{color:var(--ch-muted);font-size:12px;font-weight:500}#customer-home .ch-pr-unit{color:var(--ch-muted);font-size:12px;font-weight:600}#customer-home .ch-pr-uom{color:#8a5f00;cursor:pointer;background:#fff5df;border:1px solid #f2e2b3;border-radius:999px;align-items:center;gap:3px;padding:3px 6px 3px 8px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex;position:relative}#customer-home .ch-pr-uom:hover{background:#ffecc0;border-color:#e6d190}#customer-home .ch-pr-uom svg{color:#b97e00;opacity:.85}#customer-home .ch-pr-uom select{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;font:inherit;color:inherit;background:0 0;border:none;position:absolute;inset:0}#customer-home .ch-spacer{flex:1}#customer-home .ch-add{background:var(--ch-g);color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:9px;padding:10px;font-size:14px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}#customer-home .ch-add:hover{background:var(--ch-gd)}#customer-home .ch-add:active{transform:scale(.97)}#customer-home .ch-add:disabled{color:#fff;cursor:not-allowed;background:#cfd6d1}#customer-home .ch-step{background:var(--ch-gl);border-radius:11px;align-items:center;gap:8px;margin-top:9px;padding:4px;display:flex}#customer-home .ch-step button{cursor:pointer;width:36px;height:34px;color:var(--ch-g);background:#fff;border:none;border-radius:9px;justify-content:center;align-items:center;font-weight:700;transition:transform .1s,background .15s;display:inline-flex;box-shadow:0 1px 3px #00000014}#customer-home .ch-step button:hover{background:#f0faf3}#customer-home .ch-step button:active{transform:scale(.9)}#customer-home .ch-step b{text-align:center;flex:1;font-size:14px}#customer-home .ch-cartbar{border-top:1px solid var(--ch-line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:8;background:#fff;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 22px #0000001f}#customer-home .ch-cartbar .ch-inner{align-items:center;gap:12px;max-width:820px;margin:0 auto;display:flex}#customer-home .ch-cartbar .ch-cc{background:var(--ch-gl);width:40px;height:40px;color:var(--ch-gd);border-radius:12px;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex;position:relative}#customer-home .ch-cartbar .ch-badge{background:var(--ch-y);color:#5a4500;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}#customer-home .ch-cartbar .ch-tot{flex:1}#customer-home .ch-cartbar .ch-tot .ch-k{color:var(--ch-muted);font-size:11px}#customer-home .ch-cartbar .ch-tot b{font-size:18px;display:block}#customer-home .ch-cartbar .ch-go{background:var(--ch-g);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:13px 20px;font-size:15px;font-weight:800;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 12px #2fa34a40}#customer-home .ch-cartbar .ch-go:hover{background:var(--ch-gd)}#customer-home .ch-cartbar .ch-go:active{transform:scale(.97)}@keyframes ch-bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}#customer-home .ch-bump{animation:.35s ch-bump}#customer-home .ch-modal{z-index:12;background:#00000073;justify-content:center;align-items:flex-end;animation:.15s ch-fade;display:flex;position:fixed;inset:0}@keyframes ch-fade{0%{opacity:0}to{opacity:1}}#customer-home .ch-sheet{width:100%;max-width:820px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#fff;border-radius:20px 20px 0 0;max-height:90vh;animation:.25s cubic-bezier(.32,.72,0,1) ch-slideup;overflow:auto}@keyframes ch-slideup{0%{opacity:.6;transform:translateY(60px)}to{opacity:1;transform:none}}#customer-home .ch-grab{background:var(--ch-line);border-radius:3px;width:42px;height:5px;margin:0 auto 12px}#customer-home .ch-sheet h3{margin-bottom:10px;font-size:18px;font-weight:700}#customer-home .ch-sheet-head{color:var(--ch-ink);align-items:center;gap:8px;display:flex}#customer-home .ch-sheet-head svg{color:var(--ch-g);stroke-width:2.2px}#customer-home .ch-sheet-head-count{color:var(--ch-muted);font-size:14px;font-weight:600}#customer-home .ch-back-link{align-items:center;gap:4px;display:inline-flex}#customer-home .ch-crow{border-bottom:1px solid var(--ch-line);align-items:center;gap:11px;padding:10px 0;display:flex}#customer-home .ch-crow .ch-ce{background:var(--ch-gl);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex;overflow:hidden}#customer-home .ch-crow .ch-ce img{object-fit:cover;width:100%;height:100%}#customer-home .ch-crow .ch-ci{flex:1;min-width:0}#customer-home .ch-crow .ch-ci .ch-cn{font-size:14px;font-weight:700}#customer-home .ch-crow .ch-ci .ch-cp{color:var(--ch-muted);font-size:12px}#customer-home .ch-crow .ch-cstep{align-items:center;gap:6px;display:flex}#customer-home .ch-crow .ch-cstep button{border:1px solid var(--ch-line);cursor:pointer;width:30px;height:30px;color:var(--ch-g);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}#customer-home .ch-crow .ch-cstep button:hover{background:var(--ch-gl)}#customer-home .ch-crow .ch-cstep button:active{transform:scale(.9)}#customer-home .ch-crow .ch-cstep b{text-align:center;min-width:30px;font-size:13px}#customer-home .ch-camt{text-align:right;min-width:74px;font-size:13px;font-weight:800}#customer-home .ch-line{justify-content:space-between;padding:4px 0;font-size:14px;display:flex}#customer-home .ch-tline{justify-content:space-between;padding:6px 0;font-size:16px;font-weight:800;display:flex}#customer-home .ch-addr{background:var(--ch-bg);border-radius:12px;margin-top:4px;padding:12px;font-size:13px}#customer-home .ch-addr a{color:var(--ch-g);cursor:pointer;font-weight:700}#customer-home .ch-addr a:hover{text-decoration:underline}#customer-home .ch-empty{text-align:center;color:var(--ch-muted);padding:30px 10px}#customer-home .ch-empty .ch-big{font-size:40px}#customer-home .ch-account-wrap{z-index:3;max-width:820px;margin:-18px auto 0;padding:0 16px;position:relative}#customer-home .ch-account{border:1px solid var(--ch-line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 6px 20px #14281e14}#customer-home .ch-account-me{align-items:center;gap:10px;min-width:0;display:flex}#customer-home .ch-avatar{background:linear-gradient(145deg, var(--ch-g), var(--ch-gd));color:#fff;letter-spacing:.5px;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex;box-shadow:0 3px 8px #2fa34a40}#customer-home .ch-account-text{min-width:0}#customer-home .ch-account-hello{color:var(--ch-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600;line-height:1.1}#customer-home .ch-account-name{color:var(--ch-ink);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}#customer-home .ch-account-code{color:var(--ch-muted);font-size:12px;font-weight:500}#customer-home .ch-account-actions{flex:none;align-items:center;gap:6px;display:flex}#customer-home .ch-account-actions form{margin:0}#customer-home .ch-pill{background:var(--ch-gl);color:var(--ch-gd);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s,border-color .15s;display:inline-flex}#customer-home .ch-pill:hover{background:#dfefe4}#customer-home .ch-pill:active{transform:scale(.97)}#customer-home .ch-pill.ghost{color:var(--ch-muted);border-color:var(--ch-line);background:0 0}#customer-home .ch-pill.ghost:hover{color:#d64545;background:#d645450f;border-color:#d6454559}@media (max-width:419px){#customer-home .ch-pill span{display:none}#customer-home .ch-pill{padding:8px}}#customer-home .ch-footer{text-align:center;color:var(--ch-muted);padding:18px 0 26px;font-size:12px}#customer-home .ch-footer a{color:var(--ch-muted);align-items:center;gap:5px;text-decoration:none;display:inline-flex}#customer-home .ch-footer a:hover{color:var(--ch-g);text-decoration:underline}#customer-home .ch-success{text-align:center;padding:12px 6px}#customer-home .ch-success .ch-tick{background:var(--ch-gl);width:68px;height:68px;color:var(--ch-g);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;animation:.35s cubic-bezier(.34,1.56,.64,1) ch-pop;display:flex}#customer-home .ch-success .ch-tick svg{stroke-width:2px}@keyframes ch-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}