:root{--bg: #f5f6fb;--surface: #ffffff;--ink: #14151f;--muted: #6b7280;--line: #e9eaf3;--primary: #4f46e5;--primary-dark: #4338ca;--primary-soft: #eef0ff;--green: #16a34a;--green-soft: #e7f8ee;--red: #e11d48;--amber: #b45309;--radius: 22px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 12px 28px -18px rgba(16, 24, 40, .28)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.45}button,input{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.shell{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.rail{display:none}.content{width:100%;max-width:1120px;margin:0 auto;padding:16px 16px 104px}.stack{display:flex;flex-direction:column;gap:16px}.topbar{position:sticky;top:0;z-index:20;background:#f5f6fbdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px 16px 8px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1120px;margin:0 auto}.greet{display:flex;flex-direction:column;min-width:0}.greet-hi{font-size:12px;color:var(--muted)}.greet-title{font-size:20px;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:8px}.top-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;color:#374151;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #16a34a29}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:13px;border:1px solid var(--line);background:#fff;color:#4b5563;transition:.16s ease;flex:none}.icon-btn:hover{border-color:#d5d8e6;color:var(--primary)}.icon-btn.wa{color:var(--green)}.icon-btn.danger{color:var(--red)}.icon-btn.danger:hover{background:#fff1f4;border-color:#ffd7e0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card.soft{background:linear-gradient(160deg,#f8f8ff,#f2f3ff);border-color:#e3e4f7;box-shadow:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.card-title{font-size:16px;letter-spacing:-.01em}.card-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.order-grid{display:grid;gap:16px;grid-template-columns:1fr}.form-card{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:12.5px;font-weight:700;color:#374151;letter-spacing:.01em}.optional{font-weight:500;color:#9ca3af}.input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:#fbfbfe;outline:none;transition:.16s ease}.input.plain{padding:10px 14px}.input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4f46e51a}.input-group{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fbfbfe;overflow:hidden;transition:.16s ease}.input-group:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4f46e51a}.input-group .input{border:none;background:transparent;box-shadow:none;min-height:44px}.input-group .input:focus{box-shadow:none}.prefix{padding:0 12px;font-size:13px;font-weight:700;color:#6b7280;border-right:1px solid var(--line);align-self:stretch;display:flex;align-items:center;background:#f3f4fa}.input-group.small{max-width:190px}.hint{font-size:11.5px;color:#9ca3af}.err{font-size:12.5px;color:var(--red);font-weight:600}.ops{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.ops::-webkit-scrollbar{display:none}.op-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;transition:.16s ease;color:#4b5563}.op-chip:hover{border-color:#cfd2e4}.op-chip.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);box-shadow:0 0 0 3px #4f46e514}.op-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 7px;border-radius:9px;font-size:10.5px;font-weight:800;letter-spacing:.02em}.op-badge.big{min-width:48px;height:40px;border-radius:13px;font-size:12px}.op-name{padding-right:2px}.nominals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nominal-chip{display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-radius:15px;border:1px solid var(--line);background:#fff;transition:.16s ease}.nominal-chip:hover{border-color:#cfd2e4;transform:translateY(-1px)}.nominal-chip.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px #4f46e514}.nominal-value{font-size:14px;font-weight:800;color:var(--ink)}.nominal-price{font-size:10.5px;color:var(--muted)}.custom-row{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}.custom-label{font-size:12px;color:var(--muted);font-weight:600}.total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#4f46e5,#7c3aed 70%,#9333ea);color:#fff;box-shadow:0 16px 30px -20px #4f46e5e6}.total-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.78}.total-value{display:block;font-size:24px;letter-spacing:-.02em;margin:1px 0 2px}.total-sub{font-size:11.5px;opacity:.85}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:12px 16px;font-size:13.5px;font-weight:700;background:#fff;color:#374151;transition:.16s ease;text-align:center}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),#6d28d9);color:#fff;box-shadow:0 12px 24px -14px #4f46e5e6}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),#5b21b6)}.btn-ghost{background:#fff;border-color:var(--line);color:#4b5563}.btn-ghost:hover{border-color:#cfd2e4;color:var(--primary)}.btn-wa{background:#16a34a;color:#fff;box-shadow:0 12px 24px -16px #16a34ae6}.btn-wa:hover{background:#15803d}.btn-wa-outline{background:var(--green-soft);color:#15803d;border-color:#c6efd6}.btn-wa-outline:hover{background:#d8f4e4}.btn-danger{background:#fff1f4;color:var(--red);border-color:#ffd7e0}.btn-sm{padding:9px 13px;font-size:12.5px;border-radius:12px}.btn-block{width:100%}.side-col{display:flex;flex-direction:column;gap:16px}.mini-list{display:flex;flex-direction:column;gap:6px}.mini-item{display:flex;align-items:center;gap:10px;padding:9px;border-radius:14px;border:1px solid transparent;background:#fafbff;text-align:left;transition:.16s ease;width:100%}.mini-item:hover{border-color:#dcdff0;background:#f4f5ff}.mini-body{display:flex;flex-direction:column;min-width:0;flex:1}.mini-body strong{font-size:13px}.mini-body small{font-size:11.5px;color:var(--muted)}.mini-tag{font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:8px;background:#eef0fa;color:#4b5563;white-space:nowrap}.mini-tag.soft{background:transparent;color:#9ca3af;font-weight:500;padding-left:0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:var(--primary-soft);color:var(--primary-dark);font-weight:800;font-size:13px;flex:none}.avatar.lg{width:44px;height:44px;border-radius:15px;font-size:17px}.warn{color:var(--amber);font-weight:700}.suggest-wrap{position:relative}.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px -20px #10182866;padding:6px;display:flex;flex-direction:column;gap:2px}.suggest-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;border:none;background:transparent;text-align:left}.suggest-item:hover{background:#f5f6ff}.suggest-item span:not(.avatar){display:flex;flex-direction:column;min-width:0}.suggest-item strong{font-size:13px}.suggest-item small{font-size:11.5px;color:var(--muted)}.search-wrap{position:relative;margin-bottom:14px}.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.search{padding-left:42px;margin-bottom:14px}.search-wrap .search{margin-bottom:0}.cust-grid{display:grid;gap:10px;grid-template-columns:1fr}.cust-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:12px;transition:.16s ease}.cust-card:hover{border-color:#dcdff0;box-shadow:0 14px 26px -22px #10182880}.cust-top{display:flex;gap:11px;align-items:flex-start}.cust-body{display:flex;flex-direction:column;gap:3px;min-width:0}.cust-body strong{font-size:14px}.cust-nomor{font-size:12.5px;color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:3px}.cust-note{font-size:11.5px;color:#6b7280;background:#f7f7fd;border-radius:8px;padding:5px 8px;margin-top:3px}.cust-time{font-size:10.5px;color:#a4a7b5;margin-top:2px}.cust-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cust-actions .btn-primary{margin-right:auto}.confirm-inline{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);flex-wrap:wrap}.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow)}.stat-label{font-size:11px;color:var(--muted);font-weight:600}.stat-value{font-size:18px;letter-spacing:-.02em;overflow-wrap:anywhere}.input.phone{letter-spacing:.02em;font-variant-numeric:tabular-nums}.stat-value.accent{color:var(--primary)}.filter-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:12.5px;font-weight:600;color:#4b5563;white-space:nowrap}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.chip-count{font-size:10.5px;background:#f0f1fa;color:#4b5563;border-radius:999px;padding:1px 6px;font-weight:700}.chip.active .chip-count{background:#ffffff3d;color:#fff}.order-list{display:flex;flex-direction:column;gap:10px}.order-card{border:1px solid var(--line);border-left:4px solid #cbd5e1;border-radius:16px;padding:13px 14px;display:flex;flex-direction:column;gap:9px;background:#fff}.order-card.st-baru{border-left-color:#4f46e5}.order-card.st-proses{border-left-color:#f59e0b}.order-card.st-selesai{border-left-color:#16a34a}.oc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.oc-id{display:flex;align-items:center;gap:10px;min-width:0}.oc-id>div{display:flex;flex-direction:column;min-width:0}.oc-name{font-size:13.5px}.oc-meta{font-size:11.5px;color:var(--muted)}.oc-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}.oc-time{font-size:10.5px;color:#a4a7b5}.pill{font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:999px;letter-spacing:.02em}.pill-baru{background:#eef0ff;color:#4338ca}.pill-proses{background:#fef3c7;color:#b45309}.pill-selesai{background:#dcfce7;color:#15803d}.oc-price{font-size:16px;font-weight:800;letter-spacing:-.01em}.oc-status{display:flex;gap:5px;background:#f6f7fc;padding:4px;border-radius:12px}.status-btn{flex:1;border:none;background:transparent;border-radius:9px;padding:7px 4px;font-size:11.5px;font-weight:700;color:#6b7280;transition:.16s ease}.status-btn:hover:not(:disabled){background:#eceeff;color:var(--primary-dark)}.status-btn.active{background:#fff;color:var(--primary-dark);box-shadow:0 2px 8px -4px #10182880}.status-btn:disabled{cursor:default}.oc-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;text-align:center;color:var(--muted);font-size:13px}.empty.small{padding:16px 8px}.empty-emoji{font-size:26px}.loading-card{display:flex;align-items:center;gap:12px;justify-content:center;color:var(--muted);font-size:13px;padding:40px 18px}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid #e3e4f7;border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-around;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border:none;background:transparent;font-size:10.5px;font-weight:700;color:#8b8fa3;border-radius:14px}.tab.active{color:var(--primary);background:var(--primary-soft)}.tab-icon{position:relative;display:inline-flex}.tab-dot{position:absolute;top:-2px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--red);border:2px solid #fff}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#11142273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:460px;background:#fff;border-radius:24px 24px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px -20px #10182866;max-height:92vh;overflow-y:auto;animation:rise .22s ease}@keyframes rise{0%{transform:translateY(16px);opacity:.6}}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.sheet-title{font-size:17px;letter-spacing:-.01em}.sheet-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.sheet-form{display:flex;flex-direction:column;gap:13px}.success{display:flex;flex-direction:column;gap:10px;text-align:center}.success-icon{width:54px;height:54px;border-radius:50%;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto}.success-line{font-size:13.5px;color:#4b5563}.success-price{font-size:22px;font-weight:800;letter-spacing:-.02em}.wa-stack{display:flex;flex-direction:column;gap:8px;margin:6px 0 4px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:80;display:inline-flex;align-items:center;gap:8px;background:#14151f;color:#fff;font-size:12.5px;font-weight:600;padding:10px 16px;border-radius:999px;box-shadow:0 16px 30px -16px #0009;animation:fade .16s ease}.toast-dot{width:7px;height:7px;border-radius:50%;background:#4ade80}@media (min-width: 560px){.nominals{grid-template-columns:repeat(3,1fr)}.cust-grid{grid-template-columns:repeat(2,1fr)}.stat-row{grid-template-columns:repeat(4,1fr)}.sheet-backdrop{align-items:center;padding:20px}.sheet{border-radius:24px;padding-bottom:20px}.toast{bottom:24px}}@media (min-width: 900px){.rail{display:flex;flex-direction:column;gap:20px;width:252px;flex:none;position:sticky;top:0;height:100vh;padding:22px 16px;background:#fff;border-right:1px solid var(--line)}.rail-brand{display:flex;align-items:center;gap:10px;padding:0 4px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#9333ea);color:#fff;box-shadow:0 12px 22px -14px #4f46e5e6}.rail-brand span:last-child{display:flex;flex-direction:column}.rail-brand strong{font-size:15px;letter-spacing:-.01em}.rail-brand small{font-size:11px;color:var(--muted)}.rail-nav{display:flex;flex-direction:column;gap:6px}.rail-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:15px;border:1px solid transparent;background:transparent;text-align:left;transition:.16s ease}.rail-item:hover{background:#f6f7fd}.rail-item.active{background:var(--primary-soft);border-color:#dfe1fb}.rail-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:#f2f3fa;color:#5b6070;flex:none}.rail-item.active .rail-icon{background:#fff;color:var(--primary)}.rail-item>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.rail-item strong{font-size:13px}.rail-item small{font-size:11px;color:var(--muted)}.badge{background:var(--red);color:#fff;font-size:10.5px;font-weight:800;border-radius:999px;padding:1px 7px}.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.rail-note{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:15px;background:linear-gradient(160deg,#f7f8ff,#eef0ff);border:1px solid #e4e6fa}.rail-note strong{font-size:12.5px}.rail-note small{font-size:11px;color:var(--muted)}.topbar{padding:18px 24px 4px}.content{padding:16px 24px 40px}.tabbar{display:none}.greet-title{font-size:23px}.order-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr);align-items:start}.side-col{position:sticky;top:84px}.nominals{grid-template-columns:repeat(3,1fr)}.form-card{padding:22px}}@media (min-width: 1100px){.nominals{grid-template-columns:repeat(3,1fr)}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(900px 420px at 15% -10%,#e6e4ff 0%,transparent 60%),radial-gradient(700px 380px at 110% 15%,#dcfce7 0%,transparent 55%),var(--bg)}.auth-card{width:100%;max-width:400px;padding:26px 22px 22px;display:flex;flex-direction:column;gap:12px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.auth-brand strong{display:block;font-size:16px;letter-spacing:-.01em}.auth-brand small{display:block;font-size:11.5px;color:var(--muted)}.auth-title{font-size:21px;letter-spacing:-.02em}.auth-sub{font-size:13px;color:var(--muted);line-height:1.5}.auth-sep{text-align:center;font-size:11.5px;color:var(--muted);margin:2px 0}.auth-form{display:flex;flex-direction:column;gap:9px}.auth-input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:14px;background:#fff;outline:none}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.auth-error{background:#fee2e2;color:#b91c1c;border-radius:12px;padding:9px 12px;font-size:12.5px}.top-logout{padding:8px 12px;border-radius:12px;font-size:12.5px;width:auto}.store{min-height:100vh;padding:0 0 40px;background:radial-gradient(900px 420px at 12% -8%,#e7e6ff,#e7e6ff00 62%),radial-gradient(700px 380px at 92% 2%,#dff6ec,#dff6ec00 60%),var(--bg)}.store-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 4px;max-width:1080px;margin:0 auto}.store-brand{display:flex;align-items:center;gap:10px}.store-brand span:last-child{display:flex;flex-direction:column}.store-brand strong{font-size:14.5px;letter-spacing:-.01em}.store-brand small{font-size:11px;color:var(--muted)}.store-admin{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:11.5px;font-weight:700;color:#5b6070}.store-admin:hover{border-color:#cfd2e4;color:var(--primary)}.hero{max-width:1080px;margin:0 auto;padding:22px 16px 6px}.hero-tag{display:inline-block;font-size:11px;font-weight:700;color:#15803d;background:#e7f8ee;border:1px solid #c9eed9;padding:5px 11px;border-radius:999px}.hero-title{font-size:27px;line-height:1.16;letter-spacing:-.03em;margin:12px 0 8px;max-width:17ch}.hero-accent{background:linear-gradient(120deg,#4f46e5,#9333ea);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:13.5px;color:#5b6070;max-width:46ch}.hero-steps{display:grid;gap:8px;margin-top:16px}.hero-step{display:flex;align-items:center;gap:10px;background:#ffffffc7;border:1px solid rgba(233,234,243,.9);border-radius:15px;padding:10px 12px}.hero-step div{display:flex;flex-direction:column}.hero-step strong{font-size:12.5px}.hero-step small{font-size:11px;color:var(--muted)}.step-num{width:26px;height:26px;flex:none;border-radius:9px;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.store-main{max-width:1080px;margin:0 auto;padding:16px;display:grid;gap:16px;grid-template-columns:1fr;align-items:start}.store-form{display:flex;flex-direction:column;gap:15px}.store-side{display:flex;flex-direction:column;gap:16px}.btn-lg{padding:15px 18px;font-size:14.5px;border-radius:16px}.price-list{display:flex;flex-direction:column;gap:1px;margin:10px 0;border-radius:14px;overflow:hidden;border:1px solid var(--line)}.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;font-size:12.5px;background:#fbfbff}.price-row:nth-child(2n){background:#fff}.price-row strong{color:var(--primary-dark)}.store-done{display:flex;align-items:center;gap:9px;background:var(--green-soft);border:1px solid #c9eed9;border-radius:14px;padding:10px 12px;font-size:12px;color:#166534}.store-done a{font-weight:800;text-decoration:underline}.store-done-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:999px;background:#fff;color:var(--green)}.store-foot{max-width:1080px;margin:0 auto;padding:18px 16px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}.link-btn{border:none;background:transparent;padding:0;font-size:11.5px;font-weight:700;color:var(--primary);text-decoration:underline}@media (min-width: 560px){.hero-steps{grid-template-columns:repeat(3,1fr)}.hero-title{font-size:34px;max-width:20ch}}@media (min-width: 900px){.store-top{padding:20px 24px 4px}.hero{padding:26px 24px 8px}.store-main{padding:20px 24px 8px;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr)}.store-side{position:sticky;top:20px}.hero-title{font-size:40px}.hero-sub{font-size:14.5px}.store-foot{padding:22px 24px 0}}