.page-checkout{background:#000}.co-top{height:72px;padding-inline:var(--gutter);border-bottom:1px solid var(--c-line);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.co-top__back,.co-top__secure{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-fg-2);align-items:center;gap:8px;font-size:11px;display:inline-flex}.co-top__back:hover{color:#fff}.co-top__secure{justify-self:end}.co-top__brand svg{aspect-ratio:596.66/124.95;fill:#fff;width:auto;height:20px;display:block}@media (max-width:560px){.co-top__back span,.co-top__secure span{display:none}}.co{isolation:isolate;max-width:1440px;padding:clamp(28px, 4vw, 56px) var(--gutter) clamp(80px, 10vw, 140px);grid-template-columns:minmax(0,1fr) minmax(330px,420px);align-items:start;gap:clamp(32px,6vw,110px);margin:0 auto;display:grid;position:relative}.co-flow{grid-area:1/1;min-width:0}.co-receipt{grid-area:1/2}.co-bgword{z-index:-1;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #ffffff0e;transform:translate3d(calc(var(--step,0) * -10vw + var(--mx,0) * 1px), calc(var(--my,0) * 1px), 0);transition:transform 1.4s var(--ease-out);pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:27vw;line-height:1;position:fixed;bottom:-5vw;left:0}.co-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:clamp(40px,6vw,84px);display:grid}.co-rail li{position:relative}.co-rail li:before,.co-rail li:after{content:"";background:var(--c-line);width:100%;height:2px;position:absolute;top:0;left:0}.co-rail li:after{transform-origin:0;transition:transform .9s var(--ease-out);background:#fff;transform:scaleX(0)}.co-rail li.is-done:after,.co-rail li.is-current:after{transform:scaleX(1)}.co-rail button{text-align:left;width:100%;color:var(--c-fg-4);gap:6px;padding-top:14px;transition:color .3s;display:grid}.co-rail button:not(:disabled):hover,.co-rail .is-current button,.co-rail .is-done button{color:#fff}.co-rail button:disabled{cursor:not-allowed}.co-rail__n{font-family:var(--f-mono);letter-spacing:.12em;font-size:11px}.co-rail .is-done .co-rail__n:after{content:"  ✓"}.co-rail__t{font-family:var(--f-display);letter-spacing:-.01em;text-transform:uppercase;font-size:13px;font-weight:700}@media (max-width:560px){.co-rail__t{letter-spacing:.02em;font-size:10px}}.co-step{position:relative}.co-step.is-enter-fwd{animation:step-fwd .85s var(--ease-out) both}.co-step.is-enter-back{animation:step-back .85s var(--ease-out) both}@keyframes step-fwd{0%{opacity:0;transform:translate(70px)}}@keyframes step-back{0%{opacity:0;transform:translate(-70px)}}.co-step__num{z-index:-1;font-family:var(--f-display);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px #ffffff29;pointer-events:none;font-size:clamp(130px,17vw,290px);font-weight:900;line-height:1;position:absolute;top:-.42em;right:-1vw}.co-step.is-enter-fwd .co-step__num{animation:num-fwd 1.3s var(--ease-out) both}.co-step.is-enter-back .co-step__num{animation:num-back 1.3s var(--ease-out) both}@keyframes num-fwd{0%{opacity:0;transform:translate(180px)}}@keyframes num-back{0%{opacity:0;transform:translate(-180px)}}.co-step__head{gap:16px;max-width:680px;margin-bottom:clamp(28px,4vw,44px);display:grid}.co-step__title{outline:none;font-size:clamp(46px,6.6vw,108px);line-height:.86}.co-step__sub{max-width:52ch;color:var(--c-fg-2)}.co-form{gap:26px;display:grid}.co-seg{margin-bottom:30px}.co-label{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-fg-3);font-size:11px;font-weight:500}.co .field__input,.co-done .field__input{border:0;border-bottom:1px solid var(--c-line-2);background-color:#0000;height:56px;padding:0 2px;font-size:18px}.co .field__input:hover{border-bottom-color:#ffffff80}.co .field__input:focus{background-color:#0000;border-bottom-color:#fff;box-shadow:0 1px #fff}.co select.field__input{background-position:right 2px center;padding-right:32px}.co .field.is-invalid .field__input{border-bottom-style:dashed;border-bottom-color:#fff}.co .field__hint a{color:var(--c-fg-2);text-underline-offset:3px;text-decoration:underline}.co-actions{flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:8px;display:flex}.co-next{min-width:300px}.co-confirm{min-width:340px}.co-terms{margin:4px 0 18px}.co-me{border:1px solid var(--c-line-2);background:var(--c-bg-2);flex-wrap:wrap;align-items:center;gap:16px 20px;margin-bottom:26px;padding:22px;display:flex}.co-me__avatar{color:#000;width:58px;height:58px;font-family:var(--f-display);background:#fff;border-radius:50%;place-items:center;font-size:18px;font-weight:800;display:grid}.co-me__info{flex:1;min-width:180px}.co-me__name{font-size:18px;font-weight:600}.co-me__meta{font-family:var(--f-mono);color:var(--c-fg-3);overflow-wrap:anywhere;font-size:12px}.co-ship{animation:fade-in .5s var(--ease-out);gap:14px;display:grid}.co-options{gap:10px;display:grid}.co-option{display:block;position:relative}.co-option input{opacity:0;pointer-events:none;position:absolute}.co-option__box{border:1px solid var(--c-line-2);cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px 20px 18px 54px;transition:background .35s,color .35s,border-color .35s;display:grid}.co-option__box:before{content:"";border:1px solid;border-radius:50%;width:18px;height:18px;margin-top:-9px;transition:box-shadow .3s,background .3s;position:absolute;top:50%;left:20px;box-shadow:inset 0 0 0 4px #0000}.co-option:hover .co-option__box{border-color:#fff}.co-option input:checked+.co-option__box{color:#000;background:#fff;border-color:#fff}.co-option input:checked+.co-option__box:before{background:#000;box-shadow:inset 0 0 0 4px #fff}.co-option input:focus-visible+.co-option__box{outline-offset:3px;outline:2px solid #fff}.co-option__main{gap:2px;min-width:0;display:grid}.co-option__main strong{font-size:15px;font-weight:600}.co-option__main em,.co-option__eta small{font-style:normal;font-family:var(--f-mono);opacity:.65;font-size:11px}.co-option__eta{text-align:right;justify-items:end;font-size:13px;display:grid}.co-option__box b{min-width:76px;font-family:var(--f-mono);justify-items:end;font-size:14px;font-weight:600;display:grid}.co-option__box s{opacity:.55;font-size:11px;font-weight:400}.co-free{text-transform:uppercase;letter-spacing:.08em}@media (max-width:560px){.co-option__box{grid-template-columns:minmax(0,1fr) auto;padding-left:48px}.co-option__eta{text-align:left;grid-area:2/1;justify-items:start}.co-option__box b{grid-area:1/2/span 2}}.co-pay{animation:fade-in .5s var(--ease-out);gap:24px;display:grid}.co-note{border:1px dashed var(--c-line-2);color:var(--c-fg-2);gap:18px;padding:22px;display:flex}.co-note p+p{margin-top:6px;font-size:14px}.co-note strong{color:#fff}.co-block{border:1px solid var(--c-line);background:#0a0a0acc;gap:4px;padding:20px 22px;display:grid}.co-block__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.co-block p{color:var(--c-fg-2);overflow-wrap:anywhere;font-size:15px}.co-block strong{color:#fff;font-weight:600}.co-block__hl{font-family:var(--f-mono);margin-top:8px;color:#fff!important;font-size:12px!important}.co-items{gap:16px;display:grid}.co-item{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.co-item__media{aspect-ratio:4/5;background:radial-gradient(120% 90% at 50% 36%,#262626 0%,#111 60%,#080808 100%);display:block}.co-item__media img{object-fit:contain;width:100%;height:100%}.co-item__info{gap:2px;min-width:0;display:grid}.co-item__info strong{font-size:14px}.co-item__info em{font-style:normal;font-family:var(--f-mono);color:var(--c-fg-3);font-size:11px}.co-item .qty{height:32px;margin-top:8px}.co-item .qty button{width:30px}.co-item__price{font-family:var(--f-mono);justify-items:end;gap:8px;font-size:14px;display:grid}.co-item__price .text-btn{font-size:10px}.co-receipt{perspective:1500px;position:sticky;top:24px}.co-ticket{display:none}.co-printer{z-index:2;background:linear-gradient(#222,#080808);border-radius:10px;height:20px;margin:0 -14px;position:relative;box-shadow:inset 0 1px #ffffff1a,0 10px 24px #000c}.co-printer span{background:#000;border-radius:3px;height:3px;position:absolute;bottom:5px;left:14px;right:14px;box-shadow:0 1px #ffffff14}.receipt-clip{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:50% 0;transition:transform .7s var(--ease-out);filter:drop-shadow(0 28px 34px #000000b3);margin-top:-9px;padding:0 0 36px;position:relative;overflow:hidden}.receipt{--zz:14px;color:#141414;font-family:var(--f-mono);letter-spacing:.01em;background:repeating-linear-gradient(0deg, #00000006 0 1px, transparent 1px 5px), linear-gradient(90deg, #0000000d, transparent 7%, transparent 93%, #0000000d), var(--c-paper);-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zz) 100%;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zz) 100%;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / var(--zz) 100%;padding:34px 26px 40px;font-size:12px;line-height:1.65;animation:1.6s steps(20,end) .2s both print-in;position:relative}@keyframes print-in{0%{transform:translateY(-100%)}}.r-head{text-align:center;justify-items:center;gap:1px;font-size:11px;display:grid}.r-logo{aspect-ratio:596.66/124.95;fill:#111;width:150px;height:auto;margin-bottom:10px}.r-line{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.r-line>span{overflow-wrap:anywhere;min-width:0}.r-line>b{text-align:right;white-space:nowrap;font-weight:600}.r-line.r-break>b{white-space:normal;overflow-wrap:anywhere;max-width:68%}.r-line.is-print{animation:.55s steps(11,end) both line-print}@keyframes line-print{0%{clip-path:inset(0 100% 0 0);color:var(--c-paper);background:#141414}70%{color:var(--c-paper);background:#141414}to{clip-path:inset(0)}}.r-cols{letter-spacing:.14em;color:#666;font-size:10px}.r-item{margin-top:6px;font-weight:600}.r-sub{color:#5b5b5b;font-size:11px}.r-total{margin:4px 0;font-size:15px;font-weight:700}.r-total>b{letter-spacing:-.02em;font-size:21px;font-weight:800}.r-rule{border-top:1.5px dashed #00000052;height:0;margin:12px 0}.r-rule--double{border-top:4px double #141414}.r-pending{color:#9a9a9a;letter-spacing:.06em;font-style:normal}.r-coupon{flex-wrap:wrap;gap:6px;margin:4px 0 6px;display:flex}.r-coupon input{color:#141414;min-width:0;height:40px;font-family:var(--f-mono);text-transform:uppercase;background:0 0;border:1px dashed #141414;outline:none;flex:1;padding:0 10px;font-size:16px}.r-coupon input::placeholder{color:#8c8c8c;letter-spacing:.06em;font-size:12px}.r-coupon input:focus{border-style:solid}.r-coupon button[type=submit]{height:40px;color:var(--c-paper);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;background:#141414;padding:0 14px;font-size:11px;font-weight:600}.r-coupon__on{flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.r-coupon__on button{text-underline-offset:2px;color:#444;font-size:11px;text-decoration:underline}.r-coupon__msg{color:#141414;flex-basis:100%;font-size:11px}.r-coupon__msg:before{content:"! ";font-weight:800}.r-foot{text-align:center;letter-spacing:.08em;justify-items:center;gap:2px;margin-top:18px;font-size:10.5px;display:grid}.r-barcode{fill:#141414;width:100%;height:50px;margin-bottom:4px}.r-thanks{margin-top:8px;font-size:12px;font-weight:700}.r-stamp{color:#141414;font-family:var(--f-display);letter-spacing:.08em;text-transform:uppercase;opacity:.82;mix-blend-mode:multiply;pointer-events:none;border:5px double #141414;border-radius:6px;padding:8px 18px;font-size:30px;font-weight:900;animation:.55s cubic-bezier(.2,1.6,.4,1) 2.1s both stamp;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.r-stamp--wait{font-size:24px}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-14deg)scale(2.6)}}@media (max-width:960px){.co{grid-template-columns:minmax(0,1fr);gap:32px}.co-receipt{grid-area:1/1;position:relative;top:0}.co-flow{grid-row:2}.co-ticket{z-index:3;border:1px solid var(--c-line-2);background:var(--c-bg-2);align-items:center;gap:12px;width:100%;height:56px;padding:0 18px;display:flex;position:relative}.co-ticket__label{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-fg-2);text-align:left;flex:1;align-items:center;gap:8px;font-size:11px;display:inline-flex}.co-ticket strong{font-family:var(--f-mono);font-size:15px}.co-ticket__chev{transition:transform .4s var(--ease-out)}.co-receipt.is-open .co-ticket__chev{transform:rotate(180deg)}.co-printer{border-radius:0 0 10px 10px;margin:0}.co-receipt:not(.is-open) .co-printer,.co-receipt:not(.is-open) .receipt-clip{display:none}.co-receipt.is-open .receipt{animation-duration:.9s}.receipt-clip{margin-inline:12px}.co-next,.co-confirm{width:100%;min-width:0}.co-bgword{font-size:40vw}}.co-processing{z-index:95;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;place-items:center;animation:.3s fade-in;display:grid;position:fixed;inset:0}.co-processing__box{text-align:center;justify-items:center;gap:22px;padding:24px;display:grid}.co-processing__wm{aspect-ratio:596.66/124.95;fill:#fff;width:150px;height:auto;animation:pulse-wm 1.6s var(--ease-in-out) infinite alternate}@keyframes pulse-wm{0%{opacity:.35}to{opacity:1}}.co-processing__text{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.co-processing__bar{background:var(--c-line-2);width:240px;height:1px;overflow:hidden}.co-processing__bar span{transform-origin:0;background:#fff;height:100%;animation:2.6s linear forwards proc-bar;display:block}@keyframes proc-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.co-empty{padding:clamp(80px, 14vw, 180px) var(--gutter);text-align:center;justify-items:center;gap:20px;display:grid}.co-empty svg.wm{aspect-ratio:596.66/124.95;fill:#262626;width:190px;height:auto}.co-empty p{color:var(--c-fg-3)}.co-done{max-width:1440px;padding:clamp(32px, 5vw, 64px) var(--gutter) clamp(80px, 10vw, 140px);margin:0 auto}.co-done__grid{grid-template-columns:minmax(0,1fr) minmax(320px,410px);align-items:start;gap:clamp(32px,6vw,110px);display:grid}.co-done__main{min-width:0;animation:step-fwd .9s var(--ease-out) both}.co-done__title{outline:none;margin:16px 0 20px;font-size:clamp(50px,7vw,120px);line-height:.86}.co-done__main .lead strong{color:#fff;overflow-wrap:anywhere;font-weight:600}.co-paybox{border:1px solid var(--c-line-2);background:var(--c-bg-2);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:26px;margin:36px 0;padding:24px;display:grid}.co-paybox--ok{grid-template-columns:minmax(0,1fr)}.co-paybox__info{gap:10px;min-width:0;display:grid}.co-paybox__info>p:not(.co-label){color:var(--c-fg-2);font-size:14px}.co-copy{gap:8px;display:flex}.co-copy input{border:1px solid var(--c-line-2);min-width:0;height:44px;font-family:var(--f-mono);color:var(--c-fg-2);background:0 0;flex:1;padding:0 12px;font-size:12px}.co-timer{font-family:var(--f-mono);font-size:12px;color:var(--c-fg-3)!important}.co-timer strong{color:#fff}.co-timeline{border-left:1px solid var(--c-line-2);margin:12px 0 40px;padding-left:26px;display:grid}.co-timeline li{color:var(--c-fg-3);padding:11px 0;font-size:15px;position:relative}.co-timeline li span{border:1px solid var(--c-line-2);background:#000;border-radius:50%;width:13px;height:13px;position:absolute;top:16px;left:-33px}.co-timeline li.is-done,.co-timeline li.is-now{color:#fff}.co-timeline li.is-done span{background:#fff;border-color:#fff}.co-timeline li.is-now span{border-color:#fff;animation:1.6s ease-in-out infinite pulse}.co-timeline small{font-family:var(--f-mono);color:var(--c-fg-3);font-size:11px;display:block}@keyframes pulse{50%{box-shadow:0 0 0 7px #ffffff1f}}.co-done__ctas{flex-wrap:wrap;gap:10px;display:flex}.co-done__paper{position:sticky;top:24px}.receipt-clip.is-printing .receipt{animation:2.1s steps(26,end) .15s both print-in}@media (max-width:960px){.co-done__grid{grid-template-columns:minmax(0,1fr)}.co-done__paper{max-width:440px;position:static}.co-paybox{grid-template-columns:minmax(0,1fr);justify-items:start}}@media (prefers-reduced-motion:reduce){.receipt,.receipt-clip.is-printing .receipt,.r-line.is-print,.r-stamp{animation:none!important}}.co-gateway{border:1px solid var(--c-line-2);background:var(--c-bg-2);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:20px;display:grid}.co-gateway p+p{color:var(--c-fg-2);margin-top:6px;font-size:14px}.co-block--total{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.co-total{font-family:var(--f-mono);font-weight:600;color:#fff!important;font-size:22px!important}.co-confirm:disabled{opacity:.4}.co-paybox .text-btn{justify-self:start}
