/* Approved order-carousel mockup. Loaded by /market-beta only. */
.moc{margin:12px 0 18px;color:var(--ink);min-width:0}
.moc-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;gap:12px}
.moc-head h2{font-size:20px;line-height:1.25;letter-spacing:-.5px;font-weight:850;margin:0}
.moc-all{border:0;background:none;color:var(--blue);font:inherit;font-size:14px;font-weight:750;padding:4px 0;min-height:32px;white-space:nowrap}
.moc-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:1px 0 5px;scroll-padding-left:0;touch-action:pan-x pan-y}
.moc-track::-webkit-scrollbar{display:none}
.moc-card{flex:0 0 80%;min-width:0;scroll-snap-align:start;border:1px solid #dce7ff;border-radius:16px;padding:14px;background:#fff;box-shadow:0 3px 9px #0b1b4d05;box-sizing:border-box;display:flex;flex-direction:column}
.moc-card:only-child{flex-basis:100%}
.moc-card[data-ready="true"]{border-color:#bdebd6;background:linear-gradient(120deg,#effcf5,#f4fff9)}
.moc-open{display:block;width:100%;text-align:left;border:0;padding:0;background:none;font:inherit;color:inherit;cursor:pointer}
.moc-status{display:flex;align-items:center;gap:10px;margin-bottom:9px;min-height:28px}
.moc-status strong{font-size:18px;line-height:1.22;font-weight:850;letter-spacing:-.6px;overflow-wrap:anywhere;flex:1}
.moc-symbol{display:grid;place-items:center;color:var(--blue);width:28px;height:28px;flex-shrink:0}
.moc-symbol svg,.moc-chevron svg,.moc-action svg,.moc-photo>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.moc-card[data-ready="true"] .moc-symbol{border-radius:50%;background:#00a875;color:white}
.moc-chevron{width:14px;flex-shrink:0}.moc-chevron svg{width:14px}
.moc-place{display:block;font-size:14px;line-height:1.4;font-weight:750;overflow-wrap:anywhere}
.moc-address{display:block;color:#65708a;font-size:12px;line-height:1.45;margin-top:2px;overflow-wrap:anywhere;min-height:18px}
.moc-preview{display:flex;align-items:center;gap:4px;margin:12px 0;min-width:0}
.moc-photo{display:grid;place-items:center;position:relative;width:24%;aspect-ratio: .94;flex-shrink:0;border:1px solid #e8edf5;background:#fff;border-radius:12px;overflow:hidden;color:#9aaac2}
.moc-photo img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:3px}
.moc-count{font-size:12px;color:#65708a;line-height:1.4;margin-left:auto;max-width:28%;overflow-wrap:anywhere}
.moc-action{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:var(--navy);color:white;font:inherit;font-size:13px;font-weight:750;min-height:40px;padding:9px 8px;width:100%;cursor:pointer;margin-top:auto}
.moc-card:not([data-ready="true"]) .moc-action{background:#edf3ff;color:var(--blue)}
.moc-payment{font-size:10.5px;text-align:center;color:#65708a;line-height:1.5;margin:6px 0 0;min-height:16px}
.moc-dots{display:flex;justify-content:center;gap:6px;margin-top:6px}
.moc-dot{border:0;background:none;padding:6px 0;min-width:14px;cursor:pointer}
.moc-dot:before{content:"";display:block;margin:auto;width:6px;height:6px;border-radius:9px;background:#c8d5ee}
.moc-dot[aria-current="true"]:before{background:var(--blue);width:14px}
.moc :is(button):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.pf-in>.moc{margin-top:14px;margin-bottom:8px}
.moc[data-section="home"]{margin-top:-8px}
.pf-hd{min-height:44px;margin-bottom:6px}
.pf-page .pf-top{margin-bottom:0}
.pf-page .pf-ava,.pf-page .pf-ava img,.pf-page .pf-ava .ini{width:58px;height:58px;flex-basis:58px}
.pf-card{padding:12px}
@media(min-width:720px){.moc-card{flex-basis:310px}.moc-card:only-child{flex-basis:310px}.moc-track{gap:14px}.moc{max-width:100%}}
@media(prefers-reduced-motion:reduce){.moc-track{scroll-behavior:auto}}
