.x-lbl{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.85rem;color:var(--muted);margin:.2rem 0 .6rem}
.x-lbl select,.x-fit select,.x-in,.x-wf input,.x-wf select,.x-box select,.x-tbl select,.x-marg select,.x-f2 input,.x-f2 select{font:inherit;font-size:.85rem;padding:.4rem .55rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);max-width:100%;min-width:0;box-sizing:border-box}
.x-in{width:100%;margin:.3rem 0}
.x-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}
.x-list{display:grid;gap:.55rem;margin:.6rem 0}
.x-ord,.x-box,.x-pt,.x-bi,.x-core,.x-cl,.x-pr{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;min-width:0;overflow-wrap:anywhere}
.x-ord{border-left:4px solid var(--dc,var(--line))}
.x-ord.x-new{border-left-color:var(--o)}
.x-oh{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;align-items:baseline}
.x-oh b{color:var(--head)}
.x-st,.x-tag{font-size:.72rem;padding:.12rem .5rem;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap}
.x-new .x-st{background:var(--o);color:var(--deep)}
.x-ord ul{margin:.35rem 0;padding-left:1.1rem;font-size:.85rem}
.x-ord li small{margin-left:.35rem;color:var(--muted);font-size:.72rem}
.x-pt small,.x-pr small,.x-bi small,.x-core small,.x-cl small,.x-tbl small,.x-row small{display:block;color:var(--muted);font-size:.74rem}
.x-why{font-size:.8rem;background:var(--bg2);border-radius:8px;padding:.4rem .55rem;margin:.35rem 0}
.x-of{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem}
.x-map{width:100%;height:auto;display:block;color:var(--text);background:var(--bg2);border-radius:12px;border:1px solid var(--line)}
.x-pulse{animation:x-p 1.2s ease-in-out infinite}
@keyframes x-p{50%{opacity:.3}}
.x-rules{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0 1rem}
.x-rules span{font-size:.7rem;padding:.15rem .5rem;border-radius:99px;border:1px solid var(--dc);color:var(--text)}
.x-bh{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;font-weight:600;color:var(--head);margin-bottom:.5rem}
.x-box .dk-bl{margin:.4rem 0 .6rem}
.x-pt{margin:.5rem 0;display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;align-items:center;background:var(--bg2)}
.x-pt>div:first-child{flex:1 1 180px;min-width:0}
.x-pt b{display:block;color:var(--head)}
.x-h4{margin:.9rem 0 .4rem;font-size:.9rem;color:var(--head)}
.x-stock{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.35rem}
.x-stock span{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.2rem;font-size:.75rem;padding:.35rem .45rem;border:1px solid var(--line);border-radius:8px}
.x-stock em{font-style:normal;color:var(--muted);overflow-wrap:anywhere}
.x-stock .x-low{border-color:var(--o)}
.x-mini{font:inherit;font-size:.72rem;padding:.25rem .6rem;border-radius:99px;border:1px solid var(--o);background:transparent;color:var(--o);cursor:pointer;white-space:nowrap}
.x-mini:disabled{opacity:.45;cursor:default}
.x-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin:.3rem 0}
.x-chip{font:inherit;font-size:.72rem;padding:.2rem .55rem;border-radius:99px;border:1px dashed var(--line);background:var(--bg2);color:var(--text);cursor:pointer}
.x-sc{display:flex;flex-wrap:wrap;gap:.25rem;width:100%}
.x-sc i{font-style:normal;font-size:.7rem;padding:.1rem .4rem;border-radius:6px;background:var(--card);border:1px solid var(--line)}
.x-sc i.x-0{opacity:.5;text-decoration:line-through}
.x-hit{display:block;font-size:.72rem;color:var(--o);font-weight:600}
.x-fit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}
.x-pr{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem}
.x-pr b,.x-bi b,.x-core b,.x-cl b,.x-row b{color:var(--head)}
.x-bi{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;align-items:center}
.x-ok{border-left:4px solid #2f9e6b}
.x-bad{border-left:4px solid #d64545}
.x-bad small{color:#d64545}
.x-bb{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.x-phone{border:2px solid var(--line);border-radius:18px;padding:.8rem;background:var(--bg2);margin-top:.8rem}
.x-tw{overflow-x:auto}
.x-tbl{width:100%;border-collapse:collapse;font-size:.8rem}
.x-tbl th,.x-tbl td{text-align:left;padding:.4rem .35rem;border-bottom:1px solid var(--line);vertical-align:middle}
.x-tbl th{color:var(--muted);font-weight:500}
.x-up{color:#d64545;font-weight:600}
.x-marg{display:flex;flex-wrap:wrap;gap:.6rem;margin:.3rem 0 .7rem;font-size:.82rem;color:var(--muted)}
.x-flyer{border:2px solid var(--o);border-radius:12px;overflow:hidden;margin:.6rem 0;background:var(--card)}
.x-fh{background:var(--o);color:var(--deep);padding:.6rem .8rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem}
.x-fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}
.x-fg div{background:var(--card);padding:.6rem;display:flex;flex-direction:column;gap:.1rem;min-width:0}
.x-fg b{font-size:.8rem;color:var(--head);overflow-wrap:anywhere}
.x-fg em{font-style:normal;font-size:1.25rem;font-weight:700;color:var(--o)}
.x-fg small{font-size:.68rem;color:var(--muted)}
.x-flyer p{padding:.4rem .8rem;margin:0;color:var(--muted)}
.x-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.85rem;min-width:0}
.x-qty{display:flex;align-items:center;gap:.3rem;flex-shrink:0}
.x-qty button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--bg2);color:var(--text);cursor:pointer;font:inherit}
.x-qty span{min-width:1.4rem;text-align:center;font-weight:600}
.x-f2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem;margin:.6rem 0}
.x-warn{font-size:.8rem;border-radius:8px;padding:.45rem .6rem;background:var(--bg2);border-left:3px solid var(--o);margin:.5rem 0}
.x-sum{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem;font-size:.85rem;margin:.3rem 0}
.x-core,.x-cl{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem .7rem}
.x-core.x-late{border-color:var(--o)}
.x-wf{display:grid;gap:.4rem;margin:.6rem 0}
.x-strike{text-decoration:line-through;color:var(--muted)}
.x-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;margin-top:1rem}
.x-ba ul{margin:0;padding-left:1.1rem;font-size:.8rem}
.x-ba>div:first-child li{color:var(--muted);text-decoration:line-through}
@media (max-width:560px){.x-fit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.x-ba,.x-f2{grid-template-columns:minmax(0,1fr)}.x-fg em{font-size:1.05rem}.x-stock{grid-template-columns:repeat(2,minmax(0,1fr))}}