/* XUSH order form (xo) — shared by /product/:id and /shop. 2026-10-04 */
.xo-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:400;display:none;align-items:flex-end;justify-content:center;font-family:'Montserrat',sans-serif;}
.xo-ov.open{display:flex;}
.xo{position:relative;background:#fff;width:100%;max-width:460px;max-height:94vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0;padding:24px 20px 28px;box-sizing:border-box;color:#1a1a1a;font-weight:300;animation:xoUp .22s ease;}
@keyframes xoUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@media(min-width:700px){.xo-ov{align-items:center}.xo{border-radius:6px;padding:28px 28px 30px;}}
.xo *{box-sizing:border-box;}
.xo-x{position:absolute;top:8px;right:8px;width:44px;height:44px;background:none;border:0;font-size:20px;color:#888;cursor:pointer;line-height:1;}
.xo-items{display:flex;flex-direction:column;gap:10px;padding-right:34px;}
.xo-item{display:flex;gap:12px;align-items:center;}
.xo-item img,.xo-item .xo-ph{width:56px;height:56px;object-fit:cover;background:#D6E0CC;flex-shrink:0;}
.xo-item-n{font-size:.82rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.xo-item-p{font-size:.85rem;font-weight:600;color:#3D4F63;margin-top:4px;}
.xo-more{font-size:.75rem;color:#6b6b6b;}
.xo-qty{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;}
.xo-lbl{display:block;font-size:.68rem;letter-spacing:.8px;text-transform:uppercase;color:#6b6b6b;font-weight:500;}
.xo-step{display:flex;align-items:center;border:1.5px solid #e2e6de;border-radius:2px;}
.xo-step button{width:44px;height:40px;background:none;border:0;font-size:18px;color:#3D4F63;cursor:pointer;font-family:inherit;}
.xo-step span{min-width:32px;text-align:center;font-size:.95rem;font-weight:500;}
.xo-sum{background:#f8f8f6;padding:12px 14px;margin-top:14px;display:flex;flex-direction:column;gap:8px;}
.xo-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.82rem;color:#444;}
.xo-free{font-weight:600;color:#2F6B3A;}
.xo-bar{height:4px;background:#e2e6de;border-radius:2px;overflow:hidden;}
.xo-bar i{display:block;height:4px;background:#3D4F63;}
.xo-hint{font-size:.72rem;color:#555;}
.xo-tot{border-top:1px solid #e2e6de;padding-top:8px;}
.xo-tot b{font-size:1rem;font-weight:600;color:#3D4F63;}
.xo-f{margin-top:16px;display:flex;flex-direction:column;gap:7px;}
.xo-tel{display:flex;border:1.5px solid #e2e6de;border-radius:2px;background:#fff;transition:border-color .15s;}
.xo-tel:focus-within,.xo-in:focus{border-color:#3D4F63;}
.xo-tel span{padding:13px 10px 13px 14px;font-size:.95rem;font-weight:500;border-right:1px solid #e2e6de;}
.xo-tel input{flex:1;min-width:0;border:0;outline:none;padding:13px 12px;font-family:inherit;font-size:.95rem;color:#1a1a1a;background:transparent;}
.xo-in{width:100%;border:1.5px solid #e2e6de;border-radius:2px;padding:13px 14px;font-family:inherit;font-size:.95rem;color:#1a1a1a;outline:none;background:#fff;}
.xo-bad .xo-tel,.xo-bad.xo-in{border-color:#E8442A;}
.xo-err{font-size:.72rem;color:#C93A22;display:none;}
.xo-err.on{display:block;}
.xo-go{display:block;width:100%;margin-top:18px;padding:16px;background:#3D4F63;color:#fff;border:0;border-radius:2px;font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;}
.xo-go:disabled{opacity:.5;cursor:default;}
.xo-terms{margin:10px 0 0;font-size:.68rem;line-height:1.5;color:#6b6b6b;text-align:center;}
.xo a{color:#C93A22;text-underline-offset:2px;}
.xo-trust{margin-top:16px;display:flex;flex-direction:column;gap:8px;}
.xo-trust div{display:flex;gap:10px;align-items:center;font-size:.75rem;color:#444;}
.xo-trust svg{flex-shrink:0;}
.xo-chat{margin-top:14px;border-top:1px solid #e2e6de;padding-top:12px;font-size:.75rem;color:#6b6b6b;text-align:center;}
.xo-ts{margin-top:10px;display:flex;justify-content:center;}
.xo-ts:empty{display:none;}
.xo-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:12px;}
.xo-ok{width:64px;height:64px;border-radius:50%;background:#D6E0CC;display:flex;align-items:center;justify-content:center;}
.xo-ok.xo-warn{background:#F6E0DC;}
.xo-done h2{margin:0;font-size:1.25rem;font-weight:500;color:#3D4F63;}
.xo-done p{margin:0;font-size:.88rem;line-height:1.6;color:#444;}
.xo-done p b{font-weight:600;color:#1a1a1a;white-space:nowrap;}
.xo-btns{width:100%;display:flex;flex-direction:column;gap:10px;}
.xo-btn1{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#3D4F63;color:#fff !important;text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;}
.xo-btn2{display:block;width:100%;padding:14px;border:1.5px solid #3D4F63;background:#fff;color:#3D4F63;font-family:inherit;font-size:.78rem;font-weight:500;border-radius:2px;cursor:pointer;}
.xo-note{font-size:.7rem;color:#6b6b6b;}
