.back{min-height:40px;font-size:15px}.back span{transition:transform .4s var(--ease)}.back:hover span{transform:translate(-3px)}.po{padding:clamp(104px, 14vh, 152px) 0 var(--sec);align-items:start;gap:clamp(48px,6vw,96px);display:grid}@media (width>=1000px){.po{grid-template-columns:5fr 6fr}.po-summary{position:sticky;top:104px}}.po-title{margin-bottom:32px;font-size:clamp(44px,5vw,80px)}.po-product{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--void);overflow:hidden}.po-product .pic,.po-product .ph{border:0}.po-spec{border-top:1px solid var(--hairline);grid-template-columns:1fr 1fr;margin:0;display:grid}.po-spec div{padding:14px 18px}.po-spec div:nth-child(odd){border-right:1px solid var(--hairline)}.po-spec div:nth-child(-n+2){border-bottom:1px solid var(--hairline)}.po-spec dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:12px}.po-spec dd{margin:0;font-size:15px}.po-steps{margin:32px 0 0;padding:0;list-style:none}.po-steps li{border-bottom:1px solid var(--hairline);grid-template-columns:44px 1fr;gap:8px;padding:18px 0;display:grid}.po-steps li:first-child{border-top:1px solid var(--hairline)}.po-steps .mono{color:var(--mint);padding-top:3px}.po-steps h2{letter-spacing:-.015em;margin-bottom:4px;font-size:18px;font-weight:600;line-height:1.3}.po-steps p{color:var(--text-2);font-size:15px}.po-form-wrap{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);padding:clamp(24px,4vw,48px)}.po-form-title{margin-bottom:8px;font-size:clamp(28px,2.6vw,40px)}.po-form fieldset{border:0;border-bottom:1px solid var(--hairline);min-width:0;margin:0;padding:28px 0 4px}.po-form legend{float:left;width:100%;color:var(--mint);margin-bottom:18px;padding:0}.po-form legend+*{clear:both}.row{gap:0 16px;display:grid}@media (width>=560px){.row{grid-template-columns:1fr 1fr}}.field{min-width:0;margin-bottom:20px}.field label{margin-bottom:8px;font-size:15px;font-weight:500;display:block}.opt{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-left:6px;font-size:11px;font-weight:400}.hint{color:var(--text-3);margin-top:6px;font-size:13px}.po-form input:not([type=checkbox]),.po-form textarea{border-radius:var(--radius);background:var(--void);border:1px solid var(--hairline);width:100%;min-height:50px;color:var(--text);font:400 16px/1.4 var(--font);padding:12px 14px;transition:border-color .25s,box-shadow .25s}.po-form textarea{resize:vertical;min-height:96px}.po-form input:hover,.po-form textarea:hover{border-color:#3d4a52}.po-form input:focus,.po-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(var(--mint-rgb), .18);outline:none}.po-form [aria-invalid=true]{border-color:#ff8f7a!important}.err{color:#ff9f8c;margin-top:6px;font-size:14px}.po-form input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 40px var(--raised) inset;caret-color:var(--text)}.row-qty{align-items:end}.stepper{grid-template-columns:50px 1fr 50px;max-width:220px;display:grid}.stepper button{border:1px solid var(--hairline);background:var(--raised);min-height:50px;color:var(--text);cursor:pointer;font-size:20px;transition:border-color .25s,color .25s}.stepper button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.stepper button:last-child{border-radius:0 var(--radius) var(--radius) 0}.stepper button:hover{color:var(--mint);border-color:var(--mint)}.po-form .stepper input{text-align:center;font-family:var(--mono);-moz-appearance:textfield;border-inline:0;border-radius:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-note{color:var(--text-3);margin-bottom:24px;font-size:14px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.checks{padding:24px 0 8px}.check{color:var(--text-2);cursor:pointer;grid-template-columns:22px 1fr;align-items:start;gap:12px;margin-bottom:16px;font-size:15px;display:grid}.check input{appearance:none;background:var(--void);cursor:pointer;border:1px solid #4a565e;border-radius:5px;place-items:center;width:22px;height:22px;margin:1px 0 0;transition:background .2s,border-color .2s;display:grid}.check input:after{content:"";border:2px solid #06100e;width:11px;height:6px;transition:transform .2s var(--ease);border-top:0;border-right:0;transform:rotate(-45deg)translate(1px,-1px)scale(0)}.check input:checked{background:var(--mint);border-color:var(--mint)}.check input:checked:after{transform:rotate(-45deg)translate(1px,-1px)scale(1)}.check input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.check .err{grid-column:2;margin-top:-4px}.form-error{border-radius:var(--radius);color:#ffb3a5;background:#ff8f7a0f;border:1px solid #ff8f7a66;margin:8px 0 16px;padding:14px 16px;font-size:15px}.btn-block{width:100%;min-height:56px;margin-top:8px;font-size:16px}.btn[disabled]{opacity:.7;cursor:progress}.spinner{border:2px solid #06100e4d;border-top-color:#06100e;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:none}.btn.busy .spinner{display:block}.btn.busy .btn-label{opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.fine{color:var(--text-3);margin-top:14px;font-size:13px}.po-done{animation:doneIn .8s var(--ease);outline:none;justify-items:start;gap:0;scroll-margin-top:96px;display:grid}.po-done[hidden]{display:none}.po-done h2{margin-bottom:20px;font-size:clamp(36px,4vw,60px)}.po-done .eyebrow{color:var(--mint);margin-bottom:16px}.po-done strong{color:var(--text);overflow-wrap:anywhere;font-weight:600}.done-mark svg{fill:none;width:56px;height:56px;stroke:var(--mint);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:28px}.done-mark circle{stroke-dasharray:140;stroke-dashoffset:140px;animation:draw 1s var(--ease) .1s forwards;opacity:.5}.done-mark path{stroke-dasharray:40;stroke-dashoffset:40px;animation:draw .6s var(--ease) .6s forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes doneIn{0%{opacity:0;transform:translateY(12px)}}.done-ref{background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--radius);grid-template-columns:auto auto;gap:1px;margin:32px 0 8px;display:grid;overflow:hidden}.done-ref div{background:var(--void);padding:14px 22px}.done-ref dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:12px}.done-ref dd{font-family:var(--mono);color:var(--mint);letter-spacing:.04em;margin:0;font-size:20px}.po-done .link{margin-top:16px}
