:root{--navy:#1f2a44;--navy2:#1f3b74;--ink:#1a1f2b;--muted:#5b6375;--line:#d9dce3;--bg2:#f5f6f8;--err:#c62828;--ok:#1d7a46;--r:10px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:var(--navy2)}img{max-width:100%;display:block}.ok-header{border-bottom:1px solid var(--line);background:#fff}.ok-header__in{max-width:1100px;margin:0 auto;padding:16px 20px 6px;display:flex;align-items:center;justify-content:center;position:relative}.ok-logo img{height:40px;width:auto}.ok-cart{position:absolute;right:20px;top:50%;transform:translateY(-30%);color:var(--navy2)}.ok-badges{display:flex;justify-content:center;align-items:center;gap:10px;padding:0 12px 12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.ok-badges i{width:1px;height:12px;background:var(--navy);opacity:.4}.ok-main{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 90px)}.ok-left{padding:36px 48px 40px max(20px,calc(50vw - 540px))}.ok-left>*{max-width:500px;margin-left:auto}.ok-right{background:var(--bg2);border-left:1px solid var(--line);padding:36px max(20px,calc(50vw - 540px)) 40px 48px}.ok-right .ok-summary{max-width:420px;position:-webkit-sticky;position:sticky;top:24px}.ok-h{font-size:20px;font-weight:600;margin:30px 0 14px}.ok-sub{color:var(--muted);font-size:13px;margin:-6px 0 12px}.ok-express{text-align:center;margin-top:4px}.ok-express__label{color:var(--muted);font-size:14px;margin:0 0 10px}.ok-express__hint{color:var(--muted);font-size:12px;margin:8px 0 0}.ok-pp{min-height:48px}.ok-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:22px 0 4px}.ok-or:after,.ok-or:before{content:"";flex:1 1;height:1px;background:var(--line)}.ok-field{position:relative;display:block;margin-bottom:12px}.ok-field input,.ok-field select{width:100%;height:50px;border:1px solid var(--line);border-radius:var(--r);padding:20px 14px 6px;font:inherit;color:var(--ink);background:#fff;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ok-field select{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235b6375' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.ok-field input:focus,.ok-field select:focus{border-color:var(--navy2);box-shadow:0 0 0 1px var(--navy2)}.ok-field__label{position:absolute;left:15px;top:15px;font-size:15px;color:var(--muted);pointer-events:none;transition:all .12s}.ok-field input:focus+.ok-field__label,.ok-field input:not(:placeholder-shown)+.ok-field__label,.ok-field select+.ok-field__label{top:6px;font-size:11px}.ok-field--err input,.ok-field--err select{border-color:var(--err)}.ok-field__error{display:block;color:var(--err);font-size:12px;margin-top:4px}.ok-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.ok-row--3{grid-template-columns:1.3fr 1fr 1fr}.ok-check{display:flex;gap:8px;align-items:center;font-size:14px;margin:2px 0 6px;cursor:pointer}.ok-check input{width:17px;height:17px;accent-color:var(--navy2)}.ok-ship{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--navy2);background:#f4f7fd;border-radius:var(--r);padding:15px 16px;font-size:14px}.ok-card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:14px}.ok-card__head{display:flex;justify-content:space-between;padding:14px 16px;background:#f4f7fd;border-bottom:1px solid var(--line);font-weight:600;font-size:14px}.ok-cards{color:var(--muted);font-weight:500;font-size:12px}.ok-card__body{padding:12px;background:var(--bg2)}.ok-cf{min-height:50px;margin-bottom:4px}.ok-paybox{margin-top:6px}.ok-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border:0;border-radius:var(--r);background:var(--navy2);color:#fff;font:600 16px/1 inherit;text-decoration:none;cursor:pointer}.ok-btn--pay{width:100%;margin-top:8px}.ok-btn:disabled{opacity:.6;cursor:default}.ok-msg{color:var(--err);background:#fdecec;border:1px solid #f5c2c2;border-radius:8px}.ok-msg,.ok-warn{padding:10px 12px;font-size:14px}.ok-warn{color:#8a5a00;background:#fff6e0;border:1px solid #f3d999;border-radius:8px}.ok-legal{font-size:13px;color:var(--muted);margin-top:14px}.ok-foot{margin-top:36px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.ok-foot nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px}.ok-foot nav a{font-size:13px}.ok-lines{list-style:none;margin:0 0 18px;padding:0}.ok-line{display:grid;grid-template-columns:64px 1fr auto;grid-gap:14px;gap:14px;align-items:center;margin-bottom:14px}.ok-line__img{position:relative;width:64px;height:64px;border-radius:8px;border:1px solid var(--line);background:#fff}.ok-line__img img{width:100%;height:100%;object-fit:contain;border-radius:8px}.ok-line__qty{position:absolute;top:-8px;right:-8px;background:var(--navy);color:#fff;font-size:12px;min-width:21px;height:21px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 5px}.ok-line__title{font-size:14px;font-weight:500}.ok-line__variant{font-size:12px;color:var(--muted);margin-top:2px}.ok-line__price{text-align:right;font-size:14px;display:flex;flex-direction:column}.ok-line__price s{color:var(--muted);font-size:12px}.ok-code{display:flex;gap:10px}.ok-code input{flex:1 1;height:48px;border:1px solid var(--line);border-radius:var(--r);padding:0 14px;font:inherit;background:#fff}.ok-code button{height:48px;padding:0 18px;border:0;border-radius:var(--r);background:var(--navy2);color:#fff;font:600 14px/1 inherit;cursor:pointer}.ok-code button:disabled{background:#e3e5ea;color:#8a90a0;cursor:default}.ok-code__msg{color:var(--err);font-size:13px;margin:6px 0 0}.ok-tag{display:inline-flex;align-items:center;gap:8px;background:#e7ebf3;border-radius:6px;padding:4px 6px 4px 10px;font-size:13px;margin-top:10px}.ok-tag button{border:0;background:none;font-size:16px;cursor:pointer;color:var(--muted)}.ok-totals{margin-top:18px;font-size:14px}.ok-totals>div{display:flex;justify-content:space-between;margin:8px 0}.ok-totals__grand{font-size:19px;font-weight:700;margin-top:14px!important}.ok-totals__grand small{font-size:12px;font-weight:400;color:var(--muted);margin-right:4px}.ok-totals__save{color:var(--ok);font-weight:600}.ok-assure{list-style:none;padding:16px;margin:22px 0 0;background:#fff;border:1px solid var(--line);border-radius:var(--r);font-size:13px;color:var(--muted)}.ok-assure li{margin:6px 0}.ok-assure strong{color:var(--ink)}.ok-empty{text-align:center;padding:40px 0}.ok-msummary,.ok-mtoggle{display:none}.ok-thanks{max-width:560px;margin:60px auto;padding:0 20px;text-align:center;line-height:1.6}.ok-thanks__icon{width:64px;height:64px;border-radius:50%;background:var(--ok);color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.ok-thanks__order{font-weight:600;color:var(--muted)}@media (max-width:900px){.ok-main{grid-template-columns:1fr}.ok-right{display:none}.ok-left{padding:20px 16px 30px}.ok-left>*{max-width:none}.ok-mtoggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:14px 16px;border:0;font:inherit;color:var(--navy2);cursor:pointer}.ok-msummary,.ok-mtoggle{background:var(--bg2);border-bottom:1px solid var(--line)}.ok-msummary{display:block;padding:16px}.ok-row--3{grid-template-columns:1fr 1fr}.ok-row--3>:first-child{grid-column:1/-1}.ok-logo img{height:32px}}