.znav{--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--surface:#FFFFFF;--surface-2:#FCFDFE;--ink:#0B1220;--muted:#5B6476;--accent:#FF580D;--accent-deep:#E24A05;--accent-soft:rgba(255,88,13,.1);--accent-border:rgba(255,88,13,.22);--line:rgba(15,23,42,.08);--line-strong:rgba(15,23,42,.14);--shadow-sm:0 4px 10px rgba(0,0,0,.05);--shadow-lg:0 18px 44px rgba(0,0,0,.1);--shadow-btn:0 8px 20px rgba(255,88,13,.28);--r-card:14px;--r-tile:11px;--r-pill:999px;font-family:var(--font);color:var(--ink);max-width:100%;margin:0;box-sizing:border-box}.znav *,.znav *:before,.znav *:after{box-sizing:border-box}.znav-bar{width:100%;display:flex;align-items:center;gap:18px;text-align:left;cursor:pointer;font-family:inherit;background:var(--surface);border:1px solid var(--accent-border);border-radius:18px;padding:16px 20px;box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-sm);transition:box-shadow .15s,transform .1s}.znav-bar:hover{box-shadow:0 0 0 4px var(--accent-soft),var(--shadow-sm)}.znav-bar:active{transform:translateY(1px)}.znav-bar-txt{flex:1;min-width:0}.znav-bar-txt strong{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:var(--ink)}.znav-bar-txt span{display:block;font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1.5}.znav-cta{flex:none;display:inline-flex;align-items:center;gap:9px;background:var(--accent);color:#fff;font-weight:800;font-size:14.5px;padding:12px 19px;border-radius:var(--r-pill);box-shadow:var(--shadow-btn);white-space:nowrap}.znav-cta svg{width:18px;height:18px}.znav-bar:hover .znav-cta{background:var(--accent-deep)}.znav-chev{font-size:12px;transition:transform .18s}.znav.is-open .znav-chev{transform:rotate(180deg)}@media(max-width:520px){.znav-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.znav-bar-txt span{font-size:12.5px}.znav-cta{justify-content:center;padding:10px 16px}}.znav-collapse{display:none}.znav.is-open .znav-collapse{display:block;margin-top:12px}.znav-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.znav-col{position:relative}.znav-head{width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-card);padding:11px 12px;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:9px;transition:border-color .15s,box-shadow .2s,opacity .2s}.znav-head:hover:not([disabled]){border-color:var(--accent-border)}.znav-num{flex:none;width:22px;height:22px;border-radius:var(--r-pill);background:var(--line);color:var(--muted);font-weight:800;font-size:11px;display:grid;place-items:center;transition:background .2s,color .2s}.znav-col.done .znav-num,.znav-col.ready .znav-num{background:var(--accent);color:#fff;box-shadow:var(--shadow-btn)}.znav-txt{min-width:0;flex:1}.znav-txt .lab{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted);display:block}.znav-txt .val{font-size:14px;font-weight:700;display:block;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.znav-txt .val.ph{color:var(--muted);font-weight:600}.znav-col.disabled .znav-head{opacity:.5;cursor:not-allowed}.znav-col.ready .znav-head{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent-border)}.znav-mchev{flex:none;color:var(--muted);font-size:12px;transition:transform .18s}.znav-col.open .znav-mchev{transform:rotate(180deg)}.znav-dd{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:6px;max-height:280px;overflow:auto;animation:znavpop .17s ease}@keyframes znavpop{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.znav-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:9px 10px;border-radius:10px;cursor:pointer;font-family:inherit;color:var(--ink)}.znav-opt:hover,.znav-opt:focus-visible{background:var(--accent-soft);outline:none}.znav-tile{flex:none;width:30px;height:30px;border-radius:9px;background:#fff;box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--accent)}.znav-tile svg{width:18px;height:18px}.znav-tile.mono{background:var(--accent-soft);box-shadow:none;font-weight:800;font-size:14px}.znav-opt strong{font-size:14px;font-weight:700;flex:1}.znav-cnt{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 8px}.znav-results{margin-top:14px}.znav-empty{text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--line-strong);border-radius:var(--r-card);padding:18px;background:var(--surface-2)}.znav-rhead{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.znav-rhead h3{font-size:16px;font-weight:800;margin:0}.znav-rhead .n{color:var(--muted);font-size:12.5px}.znav-reset{margin-left:auto;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);border-radius:var(--r-pill);padding:5px 12px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.znav-reset:hover{color:var(--accent);border-color:var(--accent-border)}.znav-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.znav-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2);padding:11px;gap:9px;text-decoration:none;color:var(--ink);transition:box-shadow .15s,border-color .15s}.znav-card:hover{box-shadow:var(--shadow-sm);border-color:var(--accent-border)}.znav-thumb{height:96px;border-radius:var(--r-tile);background:#fff;box-shadow:var(--shadow-sm);display:grid;place-items:center;overflow:hidden;color:var(--accent)}.znav-thumb img{width:100%;height:100%;object-fit:cover}.znav-thumb svg{width:32px;height:32px}.znav-card h3{font-size:13.5px;font-weight:700;margin:0;line-height:1.3}.znav-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:6px}.znav-price{font-weight:800;font-size:14.5px}.znav-go{font-size:12px;font-weight:700;color:var(--accent)}@media(prefers-reduced-motion:reduce){.znav *,.znav *:before,.znav *:after{animation:none!important;transition:none!important}}@media(max-width:600px){.znav-selector{grid-template-columns:1fr}.znav-cards{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sp-znav.css.map */