.step{flex:1;min-width:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px 8px;cursor:pointer;position:relative;transition:background .22s;border-right:1px solid rgba(255,255,255,.06)}.step:last-child{border-right:none}.step::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:70%;height:2px;background:#fff;border-radius:2px 2px 0 0;transition:transform .3s cubic-bezier(.34,1.2,.64,1)}.step.on::after{transform:translateX(-50%) scaleX(1)}.step.on{background:rgba(255,255,255,.1)}.step-ic{font-size:13px;color:rgba(255,255,255,.35);transition:color .22s,transform .3s cubic-bezier(.34,1.3,.64,1)}.step.on .step-ic{color:#fff;transform:scale(1.15)}.step.done .step-ic{color:rgba(255,255,255,.65)}.step-lbl{font-size:7px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.3);transition:color .22s}.step.on .step-lbl{color:rgba(255,255,255,.92)}.step.done .step-lbl{color:rgba(255,255,255,.55)}.done-pip{width:4px;height:4px;border-radius:50%;background:#6ee8a0;position:absolute;top:7px;right:7px;opacity:0;transition:opacity .3s}.step.done .done-pip{opacity:1;animation:pipPop .35s cubic-bezier(.34,1.5,.64,1) both}.panel{display:none;padding:16px 18px 14px;min-height:120px}.panel.on{display:block;animation:slideIn .28s cubic-bezier(.22,1,.36,1) both}.p-head{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--b);margin-bottom:13px;opacity:0;animation:fadeUp .35s .08s cubic-bezier(.22,1,.36,1) forwards}.p-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--blt),transparent)}.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.opt{padding:10px 7px 8px;border:1px solid var(--line);border-radius:8px;font-size:11px;font-weight:600;color:var(--g);background:var(--soft);cursor:pointer;text-align:center;user-select:none;transition:color .18s,border-color .18s,background .18s;opacity:0;animation:tileIn .32s cubic-bezier(.22,1,.36,1) forwards}.opt:nth-child(1){animation-delay:.05s}.opt:nth-child(2){animation-delay:.09s}.opt:nth-child(3){animation-delay:.13s}.opt:nth-child(4){animation-delay:.17s}.opt:nth-child(5){animation-delay:.21s}.opt:nth-child(6){animation-delay:.25s}.opt:hover{border-color:var(--b);color:var(--b);background:var(--bltx)}.opt.on{border-color:var(--b);background:var(--b);color:#fff}.opt-icon{display:block;font-size:17px;margin-bottom:5px;transition:transform .22s cubic-bezier(.34,1.3,.64,1)}.opt:hover .opt-icon{transform:scale(1.14)}.opt.on .opt-icon{transform:scale(1.1)}.opt-m.on{background:var(--bltx);color:var(--bdk);border-color:var(--b)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.sw{width:30px;height:30px;border-radius:6px;cursor:pointer;position:relative;border:2px solid transparent;transition:transform .2s cubic-bezier(.34,1.3,.64,1),border-color .2s;flex-shrink:0;opacity:0;animation:tileIn .32s cubic-bezier(.22,1,.36,1) forwards}.sw:nth-child(1){animation-delay:.04s}.sw:nth-child(2){animation-delay:.07s}.sw:nth-child(3){animation-delay:.1s}.sw:nth-child(4){animation-delay:.13s}.sw:nth-child(5){animation-delay:.16s}.sw:nth-child(6){animation-delay:.19s}.sw:nth-child(7){animation-delay:.22s}.sw:nth-child(8){animation-delay:.25s}.sw:nth-child(9){animation-delay:.28s}.sw:nth-child(10){animation-delay:.31s}.sw:nth-child(11){animation-delay:.34s}.sw:nth-child(12){animation-delay:.37s}.sw:nth-child(13){animation-delay:.4s}.sw:nth-child(14){animation-delay:.43s}.sw:hover{transform:scale(1.12)}.sw.on{border-color:var(--b);transform:scale(1.1)}.sw::after{content:"";position:absolute;inset:0;border-radius:4px;opacity:0;transition:opacity .18s;background:rgba(0,0,0,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3 3 7-7' stroke='%23fff' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}.sw.on::after{opacity:1}.sw[data-t]:hover::before{content:attr(data-t);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:9px;font-family:"Cabin",sans-serif;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:99;animation:tipIn .15s ease both}.clr-tag{margin-top:8px;font-size:11px;font-weight:600;color:var(--b);height:16px}.sz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sz-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sz{padding:9px 4px;border:1px solid var(--line);border-radius:8px;font-size:11px;font-weight:700;color:var(--g);background:var(--soft);cursor:pointer;text-align:center;user-select:none;transition:all .18s;opacity:0;animation:tileIn .32s cubic-bezier(.22,1,.36,1) forwards}.sz:nth-child(1){animation-delay:.05s}.sz:nth-child(2){animation-delay:.1s}.sz:nth-child(3){animation-delay:.15s}.sz:nth-child(4){animation-delay:.2s}.sz:hover{border-color:var(--b);color:var(--b);background:var(--bltx)}.sz.on{border-color:var(--b);background:var(--b);color:#fff}.cust-row{display:none;align-items:center;gap:7px;margin-top:9px;padding:9px 12px;background:var(--soft);border:1px solid var(--line);border-radius:8px;animation:slideIn .22s ease both}.cust-row.show{display:flex}.cust-row input{flex:1;padding:6px 9px;border:1px solid var(--line);border-radius:6px;font-size:12px;font-family:"Cabin",sans-serif;color:var(--ink);outline:none;background:#fff;transition:border-color .15s}.cust-row input:focus{border-color:var(--b)}.field-group{display:flex;flex-direction:column;gap:10px}.field-row{display:flex;gap:10px}.field-row .fg{flex:1}.fg label{display:block;font-size:9px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--b);margin-bottom:5px}.fg input,.fg select,.fg textarea{width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:7px;font-family:"Cabin",sans-serif;font-size:12px;color:var(--ink);background:var(--soft);outline:none;resize:none;transition:border-color .15s,box-shadow .15s}.fg input:focus,.fg select:focus{border-color:var(--b);box-shadow:0 0 0 3px rgba(30,104,146,.1)}.qty-row{display:flex;align-items:center;gap:14px}.q-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--soft)}.qb{width:34px;height:34px;background:0 0;border:none;font-size:17px;font-weight:600;color:var(--b);cursor:pointer;font-family:"Cabin",sans-serif;transition:background .18s,color .18s;display:flex;align-items:center;justify-content:center}.qb:hover{background:var(--b);color:#fff}.qn{width:44px;height:34px;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:13px;font-weight:700;font-family:"Cabin",sans-serif;color:var(--ink);background:#fff;outline:none}.qty-info{font-size:11px;color:var(--g);font-weight:600;line-height:1.6}.qty-info strong{display:block;color:var(--b);font-weight:700}.sum-txt strong{color:#fff;font-weight:700}.ovl.show{display:flex}.fprev strong{color:var(--b)}