/* V.G. Returns */
.vgr { --vgr-color: #695c52; max-width: 760px; margin: 0 auto; color: #333; }
.vgr-card { background: #fff; border: 1px solid #e5e1dc; border-radius: 0; padding: 24px; margin-bottom: 16px; }
.vgr h2 { font-size: 1.35rem; margin: 0 0 12px; }
.vgr h3 { font-size: 1.05rem; margin: 20px 0 10px; }
.vgr-muted { color: #777; font-size: .9rem; }
.vgr-steps { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0 0 16px; flex-wrap: wrap; }
.vgr-steps li { flex: 1; min-width: 160px; padding: 10px 12px; border-radius: 0; background: #f4f2ef; color: #888; font-size: .9rem; text-align: center; }
.vgr-steps li.is-active { background: var(--vgr-color); color: #fff; }
.vgr-steps li.is-done { color: var(--vgr-color); }
.vgr-orders, .vgr-items { list-style: none; padding: 0; margin: 0; }
.vgr-order, .vgr-item { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #eee; flex-wrap: wrap; }
.vgr-order > div:first-child { display: flex; flex-direction: column; }
.vgr-order-side { display: flex; align-items: center; gap: 12px; }
.vgr-order.is-closed, .vgr-item.is-disabled { opacity: .55; }
.vgr-item label { display: flex; align-items: center; gap: 10px; margin: 0; cursor: pointer; }
.vgr-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.vgr-tile { display: flex; flex-direction: column; gap: 4px; border: 2px solid #e5e1dc; border-radius: 0; padding: 16px; cursor: pointer; text-align: center; margin: 0; }
.vgr-tile input { position: absolute; opacity: 0; pointer-events: none; }
.vgr-tile strong { font-size: 1.1rem; color: var(--vgr-color); }
.vgr-tile span { font-size: .9rem; color: #666; }
.vgr-tile.is-selected { border-color: var(--vgr-color); background: #faf8f6; }
.vgr-field { margin-top: 16px; display: flex; flex-direction: column; gap: 6px; }
.vgr-field select, .vgr-field textarea, .vgr-item select { border: 1px solid #ccc; border-radius: 0; padding: 8px; font: inherit; }
.vgr-field input { border: 1px solid #ccc; border-radius: 0; padding: 8px; font: inherit; }
.vgr .cf-turnstile { margin-top: 16px; }
.vgr-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; }
.vgr-btn { display: inline-block; background: var(--vgr-color); color: #fff !important; border: 0; border-radius: 0 !important; padding: 10px 20px; font-weight: 600; cursor: pointer; text-decoration: none; }
.vgr-btn:hover, .vgr-btn:focus { color: #fff !important; opacity: .9; text-decoration: none; }
.vgr-btn-lg { padding: 14px 28px; font-size: 1.05rem; }
.vgr-btn[disabled] { opacity: .6; cursor: default; }
.vgr-link { background: none; border: 0; color: var(--vgr-color); cursor: pointer; padding: 0; }
.vgr-info { background: #faf8f6; border-radius: 0; padding: 12px 16px; margin: 16px 0; font-size: .92rem; }
.vgr-info p { margin: 4px 0; }
.vgr-done { text-align: center; }
.vgr-done-icon { width: 56px; height: 56px; line-height: 56px; margin: 0 auto 12px; border-radius: 0; background: var(--vgr-color); color: #fff; font-size: 28px; }
.vgr-order-btn { margin-top: 12px; }
.vgr [hidden] { display: none !important; }
.vgr-title { text-align: center; font-size: 1.8rem; margin: 0 0 20px; }
.vgr-done-icon { border-radius: 50%; }