.mp-hero{max-width:520px}
.mp-hero .eyebrow{margin-bottom:26px}
.mp-hero h1{font-size:clamp(46px,5.2vw,72px);font-weight:300;line-height:.98;letter-spacing:-.05em;margin:0}
.mp-hero h1 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.035em}
.mp-submit{margin-top:34px}
.mp-submit:disabled{opacity:.6;cursor:default}

.mp-results{max-width:720px;margin-top:70px;padding-bottom:110px;display:grid;gap:14px}
.mp-card{border:1px solid #ddd;padding:22px 24px;display:flex;gap:18px}
.mp-card-foto{flex:0 0 72px;width:72px;height:86px;background:#f2f2ee;overflow:hidden}
.mp-card-foto img{width:100%;height:100%;object-fit:cover;display:block}
.mp-card-corpo{flex:1;min-width:0}
.mp-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.mp-card-top strong{font-size:17px;font-weight:500}
.mp-badge{font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid #ccc;color:#666;white-space:nowrap}
.mp-badge.ok{background:#e8f3ea;border-color:#2f7d43;color:#2f7d43}
.mp-badge.wait{background:#fdf3e3;border-color:#b9821f;color:#b9821f}
.mp-badge.pend{background:#f2f2ee;border-color:#ccc;color:#666}
.mp-card-meta{font-size:13px;color:#555;margin-top:10px;line-height:1.8}
.mp-card-valor{font-size:13px;color:#555;margin-top:6px}
.mp-card-valor strong{color:#111;font-weight:500}
.mp-empty{font-size:15px;color:#666;padding:30px 0}
.mp-empty-contato{margin-top:10px;font-size:14px}
.mp-empty-contato a{color:inherit}

/* Linha do tempo do pedido */
.mp-stepper{display:flex;margin:14px 0 2px;gap:0}
.mp-step{flex:1;position:relative;text-align:center;font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:#aaa}
.mp-step-dot{display:block;width:9px;height:9px;border-radius:50%;background:#ddd;margin:0 auto 6px;position:relative;z-index:1}
.mp-step-label{display:block;padding:0 2px}
.mp-step:not(:first-child)::before{content:'';position:absolute;top:4px;left:-50%;width:100%;height:1px;background:#ddd}
.mp-step.feito,.mp-step.atual{color:#111}
.mp-step.feito .mp-step-dot{background:#2f7d43}
.mp-step.feito:not(:first-child)::before{background:#2f7d43}
.mp-step.atual .mp-step-dot{background:#b9821f;box-shadow:0 0 0 3px #fdf3e3}
.mp-step.atual:not(:first-child)::before{background:#2f7d43}

/* Troca de tamanho pelo cliente */
.mp-relogio{margin:0 0 2px;font-size:14px;font-weight:700;color:#14532d;background:#eefaf1;border:1px solid #bfe3c9;padding:8px 12px;font-variant-numeric:tabular-nums}
.mp-relogio.is-urgente{color:#7a0f15;background:#fff5f5;border-color:#f0b6ba}
.mp-relogio.is-fim{color:#555;background:#f2f2ee;border-color:#ddd}
.mp-relogio-data{margin:0 0 8px;font-size:12px;color:#666}
.mp-troca{margin-top:12px}
.mp-troca-abrir{font:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#111;color:#fff;border:0;padding:10px 16px;cursor:pointer}
.mp-troca-painel{margin-top:10px;padding:12px;background:#f7f7f4;border:1px solid #e3e3dc;font-size:13px;display:flex;flex-direction:column;gap:10px}
.mp-troca-painel p{margin:0;line-height:1.5}
.mp-troca-painel label{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mp-troca-painel select{font:inherit;padding:8px 10px;min-width:140px;border:1px solid #bbb;background:#fff}
.mp-troca-med{display:block;margin:-6px 0 0;font-size:12px;color:#14532d;font-weight:600;min-height:1em}
.mp-troca-tab{width:100%;border-collapse:collapse;font-size:12px;background:#fff;border:1px solid #e3e3dc}
.mp-troca-tab caption{text-align:left;font-weight:700;padding:0 0 4px;font-size:12px}
.mp-troca-tab th,.mp-troca-tab td{padding:5px 8px;border-top:1px solid #eee;text-align:left}
.mp-troca-tab th{background:#f2f2ee;font-weight:700}
.mp-troca-acoes{display:flex;gap:10px;flex-wrap:wrap}
.mp-troca-ok{font:inherit;font-size:12px;font-weight:700;background:#111;color:#fff;border:0;padding:10px 16px;cursor:pointer}
.mp-troca-ok:disabled{opacity:.5;cursor:wait}
.mp-troca-cancela{font:inherit;font-size:12px;background:none;border:0;text-decoration:underline;cursor:pointer;color:#555}
.mp-troca-msg{font-weight:600}

/* Aviso de produção (sob encomenda) */
.mp-producao{margin-top:12px;padding:10px 12px;background:#fff8e1;border-left:3px solid #c9a227;font-size:13px;line-height:1.5;color:#3a3200}
.mp-producao strong{color:#111}
.mp-aviso-entrega{background:#fff4d6;border-left-width:4px;border-left-color:#d4a017}
.mp-aviso-entrega strong{font-size:14px}

/* Rastreio */
.mp-rastreio{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:#555}
.mp-rastreio code{font-size:12px;background:#f2f2ee;padding:2px 6px}
.mp-rastreio a,.mp-rastreio button{font-size:11px;font-weight:600;letter-spacing:.03em;background:none;border:0;padding:0;cursor:pointer;color:#111;text-decoration:underline;text-underline-offset:3px}

@media(max-width:800px){
  .mp-results{margin-top:50px;padding-bottom:80px}
  .mp-card{padding:16px;gap:12px}
  .mp-card-foto{flex-basis:56px;width:56px;height:68px}
  .mp-step-label{font-size:9px}
}

.mp-rastreio-dica{flex:1 1 100%;margin:4px 0 0;font-size:12px;line-height:1.5;color:#555}