.op-cod{margin:.4rem 0}.op-cod__open{width:100%;display:grid;gap:.2rem;padding:1.4rem 1.6rem;border:0;border-radius:999px;background:#1d3f78;color:#fff;cursor:pointer;box-shadow:0 4px #0f2550;font-family:inherit;text-align:center}.op-cod__open:active{transform:translateY(2px);box-shadow:0 2px #0f2550}.op-cod__title{font-size:1.8rem;font-weight:800}.op-cod__sub{font-size:1.25rem;opacity:.9}html.opx-lock,html.opx-lock body{overflow:hidden}.opx{--opx-navy: #1d3f78;--opx-blue: #2f5ea8;--opx-ice: #eef3fa;--opx-line: #c9d4e3;--opx-ink: #1b2a36;--opx-muted: #4d5b6b;--opx-ok: #1e7a46;--opx-bad: #b42318;padding:0;border:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;background:transparent;color:var(--opx-ink);font-family:Montserrat,Assistant,Arial,sans-serif}.opx[open]{display:flex;align-items:flex-end;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000}.opx::backdrop{background:#0f25508c}.opx:not([open]){display:none}.opx [hidden]{display:none!important}.opx__sheet{width:100%;max-width:480px;max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px #0f255040;animation:opx-up .22s ease-out;-webkit-overflow-scrolling:touch}@keyframes opx-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media(min-width:750px){.opx[open]{align-items:center}.opx__sheet{border-radius:22px;max-height:90vh}}@media(prefers-reduced-motion:reduce){.opx__sheet{animation:none}}.opx__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 12px;background:#fff;border-bottom:1px solid #e3e9f2}.opx__h{margin:0;font-size:18px;font-weight:800;color:var(--opx-navy);line-height:1.3}.opx__muted{margin:2px 0 0;font-size:12px;color:var(--opx-muted);line-height:1.4}.opx__center{text-align:center}.opx__close{flex:none;width:44px;height:44px;border:0;border-radius:22px;background:var(--opx-ice);color:var(--opx-navy);display:flex;align-items:center;justify-content:center;cursor:pointer}.opx__body{display:flex;flex-direction:column;gap:14px;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}.opx__items{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:232px;overflow-y:auto}.opx__item{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--opx-ice)}.opx__img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:#fff;flex:none}.opx__pinfo{flex:1;min-width:0}.opx__pname{margin:0;font-size:14px;font-weight:700;line-height:1.3}.opx__pprice{margin:0;font-size:14px;font-weight:800;color:var(--opx-navy);white-space:nowrap}.opx__payopt input[type=radio]{position:absolute;opacity:0;pointer-events:none}.opx__payopt:focus-within{outline:2px solid var(--opx-blue);outline-offset:2px}.opx__label{margin:4px 0 -4px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--opx-navy)}.opx__field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--opx-ink)}.opx__opt{font-weight:400;color:var(--opx-muted)}.opx__field input,.opx__coderow input{width:100%;box-sizing:border-box;height:48px;padding:0 14px;border:1.5px solid var(--opx-line);border-radius:12px;font:inherit;font-size:16px;font-weight:400;color:var(--opx-ink);background:#fff}.opx__field input:focus,.opx__coderow input:focus{outline:none;border-color:var(--opx-blue);box-shadow:0 0 0 3px #dbe7f7}.opx__field input[aria-invalid=true]{border-color:var(--opx-bad)}.opx__field input::placeholder{color:#6b7787}.opx__err{font-size:12.5px;font-weight:600;color:var(--opx-bad)}.opx__pay{display:grid;gap:10px}.opx__payopt{position:relative;display:flex;align-items:center;gap:12px;padding:13px 14px;min-height:48px;border:1.5px solid var(--opx-line);border-radius:14px;cursor:pointer;color:var(--opx-navy)}.opx__payopt:before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--opx-line);box-sizing:border-box}.opx__payopt.is-on{border:2px solid var(--opx-blue);background:var(--opx-ice)}.opx__payopt.is-on:before{border:6px solid var(--opx-blue)}.opx__paytext{flex:1;display:flex;flex-direction:column;gap:2px;color:var(--opx-ink)}.opx__paytext strong{font-size:15px}.opx__paytext span{font-size:12px;color:var(--opx-muted)}.opx__coderow{display:flex;gap:8px}.opx__coderow input{flex:1;min-width:0;text-transform:uppercase}.opx__apply{flex:none;height:48px;padding:0 18px;border:0;border-radius:12px;background:var(--opx-navy);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.opx__codemsg{font-size:13px;font-weight:600;color:var(--opx-muted)}.opx__codemsg.is-ok{color:var(--opx-ok)}.opx__codemsg.is-bad{color:var(--opx-bad)}.opx__sum{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:#f6f8fb;font-size:14px}.opx__sum>div{display:flex;justify-content:space-between;gap:12px}.opx__save,.opx__free{color:var(--opx-ok);font-weight:700}.opx__hint{margin:-2px 0 0;font-size:12px;color:var(--opx-muted)}.opx__total{padding-top:8px;border-top:1px solid #dde4ee;font-size:17px;font-weight:800;color:var(--opx-navy)}.opx__formerr{margin:0;padding:10px 12px;border-radius:10px;background:#fdecec;color:var(--opx-bad);font-size:13.5px;font-weight:600}.opx__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.opx__submit{width:100%;min-height:56px;border:0;border-radius:999px;background:var(--opx-navy);color:#fff;font:inherit;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 4px #0f2550}.opx__submit:active{transform:translateY(2px);box-shadow:0 2px #0f2550}.opx__submit:disabled{opacity:.75;cursor:wait}.opx__note{margin:-4px 0 0;font-size:12px;color:var(--opx-muted);text-align:center}.opx__tick{width:76px;height:76px;margin:8px auto 0;border-radius:50%;background:#e3f3ea;color:var(--opx-ok);display:flex;align-items:center;justify-content:center}.opx__steps{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:1.45}.opx__ig{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1.5px solid var(--opx-line);border-radius:999px;color:var(--opx-navy);font-size:14px;font-weight:700;text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/30/assets/op-codpop.css.map */