.pedido-arroz { width:min(1280px,calc(100% - 48px)); margin:84px auto 120px; display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:clamp(35px,6vw,100px); scroll-margin-top:100px; color:#211b1a; }
.pedido-arroz__intro { align-self:start; position:sticky; top:110px; }
.pedido-arroz__intro h2 { margin:18px 0 24px; max-width:520px; font-size:clamp(2rem,3.4vw,3.25rem); font-weight:500; letter-spacing:-.055em; line-height:1.08; }
.pedido-arroz__intro > p:not(.retail-kicker) { max-width:430px; color:#696464; font-size:1.08rem; line-height:1.6; }
.pedido-arroz__etapas { display:grid; gap:0; list-style:none; padding:0; margin:36px 0 0; border-top:1px solid #e4dfdb; }
.pedido-arroz__etapas li { display:flex; align-items:center; gap:18px; padding:14px 0; border-bottom:1px solid #e4dfdb; }
.pedido-arroz__etapas img { display:block; flex:0 0 auto; width:80px; height:80px; object-fit:contain; }
.pedido-arroz__etapas small { display:block; margin-bottom:5px; color:#912724; font-size:.7rem; font-weight:700; letter-spacing:.04em; }
.pedido-arroz__etapas b { display:block; color:#2b2524; font-size:.95rem; font-weight:600; }
.pedido-arroz__painel { border:1px solid #e6e0dc; border-radius:18px; background:#faf9f7; padding:clamp(23px,3.3vw,46px); }
.pedido-arroz__grupo + .pedido-arroz__grupo { border-top:1px solid #dfd8d2; margin-top:36px; padding-top:35px; }
.pedido-arroz__passo { margin:0 0 24px; color:#912724; font-size:.78rem; font-weight:800; letter-spacing:.075em; text-transform:uppercase; text-align:center; }
.pedido-arroz label { display:block; min-width:0; color:#2b2524; font-size:.88rem; font-weight:700; }
.pedido-arroz input:not([type=radio]):not([type=checkbox]):not([type=file]),.pedido-arroz textarea { display:block; width:100%; min-height:48px; margin-top:9px; padding:11px 14px; border:1px solid #d8d0ca; border-radius:8px; background:#fff; color:#211b1a; font:inherit; font-size:.94rem; font-weight:400; outline:none; }
.pedido-arroz textarea { min-height:95px; resize:vertical; }
.pedido-arroz input:focus-visible,.pedido-arroz textarea:focus-visible { outline:2px solid #912724; outline-offset:2px; }
.pedido-arroz__grupo > label { margin-top:21px; }
.pedido-arroz__opcoes { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 0 22px; padding:0; border:0; }
.pedido-arroz__opcoes legend { margin-bottom:11px; font-size:.88rem; font-weight:700; }
.pedido-arroz__opcoes label { display:flex; align-items:flex-start; gap:10px; min-height:96px; padding:18px 15px; border:1px solid #d8d0ca; border-radius:10px; background:#fff; cursor:pointer; }
.pedido-arroz__opcoes label:has(input:checked) { border-color:#912724; box-shadow:0 0 0 1px #912724; }
.pedido-arroz__opcoes input { accent-color:#912724; margin-top:3px; }
.pedido-arroz__opcoes b,.pedido-arroz__opcoes small { display:block; }
.pedido-arroz__opcoes small { margin-top:6px; color:#696464; font-size:.78rem; font-weight:400; }
.pedido-arroz__linha { display:grid; grid-template-columns:1fr 1fr; gap:17px; align-items:end; margin:20px 0; }
.pedido-arroz__total { display:flex; flex-direction:column; justify-content:center; min-height:48px; padding:0 0 2px; }
.pedido-arroz__total span { color:#696464; font-size:.76rem; }
.pedido-arroz__total strong { margin-top:4px; color:#912724; font-size:1.34rem; }
.pedido-arroz__opcional { color:#8a8380; font-size:.78rem; font-weight:400; }
.pedido-arroz__arquivo input { display:block; width:100%; margin:11px 0 0; padding:14px; border:1px dashed #bcb0aa; border-radius:10px; background:#fff; font:inherit; font-weight:400; }
.pedido-arroz__arquivo > span { display:block; margin-top:9px; color:#696464; font-size:.78rem; font-weight:400; }
.pedido-arroz__preview { display:flex; align-items:center; gap:15px; margin-top:16px; padding:10px; border:1px solid #e4dfdb; border-radius:10px; background:#fff; }
.pedido-arroz__preview[hidden] { display:none; }
.pedido-arroz__preview img { width:72px; height:72px; border-radius:6px; object-fit:contain; background:#f5f3f0; }
.pedido-arroz__preview span { overflow-wrap:anywhere; font-size:.8rem; color:#696464; }
.pedido-arroz__aviso { margin:22px 0; padding:14px 17px; border-left:3px solid #912724; background:#f2eeea; color:#5f5752; font-size:.85rem; line-height:1.5; }
.pedido-arroz__aceite { display:flex!important; align-items:flex-start; gap:10px; margin:0 0 20px!important; line-height:1.45; font-weight:400!important; }
.pedido-arroz__aceite input { flex:0 0 18px; width:18px; height:18px; margin-top:2px; accent-color:#912724; }
.pedido-arroz__aceite span { flex:1; min-width:0; }
.pedido-arroz__armadilha { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden; clip-path:inset(50%); }
.pedido-arroz__erro { padding:13px 15px; border-radius:8px; background:#fbe9e9; color:#912724; font-size:.85rem; }
.pedido-arroz__enviar { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:54px; padding:0 21px; border:0; border-radius:8px; background:#912724; color:#fff; font:inherit; font-size:.95rem; font-weight:700; cursor:pointer; }
.pedido-arroz__enviar:disabled { opacity:.6; cursor:wait; }
.pedido-arroz__enviar span { font-size:1.4rem; }
.pedido-arroz__sucesso { padding:80px 18px; text-align:center; }
.pedido-arroz__sucesso[hidden] { display:none; }
.pedido-arroz__sucesso > span { display:grid; place-items:center; width:60px; height:60px; margin:0 auto 25px; border-radius:50%; background:#912724; color:#fff; font-size:2rem; }
.pedido-arroz__sucesso > span .ui-icon { width:30px; height:30px; }
.pedido-arroz__sucesso h3 { margin:0 0 15px; font-size:2.4rem; font-weight:500; letter-spacing:-.05em; }
.pedido-arroz__sucesso p { max-width:400px; margin:0 auto 20px; color:#696464; line-height:1.55; }
.pedido-arroz__sucesso small { color:#912724; font-weight:700; }
@media(max-width:850px) { .pedido-arroz { grid-template-columns:1fr; gap:28px; margin:65px auto 85px; } .pedido-arroz__intro { position:static; text-align:center; } .pedido-arroz__intro h2,.pedido-arroz__intro > p:not(.retail-kicker) { margin-left:auto; margin-right:auto; } .pedido-arroz__etapas { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:28px; } .pedido-arroz__etapas li { flex-direction:column; gap:8px; padding:16px 0; } .pedido-arroz__etapas img { width:72px; height:72px; } .pedido-arroz__etapas b { font-size:.8rem; } }
@media(max-width:570px) { .pedido-arroz { width:calc(100% - 32px); } .pedido-arroz__intro h2 { font-size:clamp(1.9rem,9vw,2.7rem); } .pedido-arroz__etapas { flex-wrap:wrap; gap:10px 18px; } .pedido-arroz__painel { padding:22px 17px; } .pedido-arroz__linha { grid-template-columns:1fr; gap:4px; } .pedido-arroz__opcoes { gap:8px; } .pedido-arroz__opcoes label { padding:15px 10px; } }