/* Gaveta da sacola (index.html) */
.drawer-bg{position:fixed;inset:0;z-index:95;background:rgba(11,42,107,.45);opacity:0;pointer-events:none;transition:opacity .25s}
.drawer-bg.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:96;width:min(420px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s;box-shadow:-10px 0 40px rgba(11,42,107,.18)}
.drawer.open{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}
.drawer-head h3{font-size:18px;color:var(--navy)}
.drawer-head button{font-size:26px;line-height:1;color:var(--muted)}
.drawer-items{flex:1;overflow-y:auto;padding:8px 22px}
.drawer-empty{text-align:center;color:var(--muted);padding:60px 10px}
.drawer-empty .btn{display:inline-block;margin-top:18px}
.ditem{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.ditem img{width:72px;height:72px;object-fit:cover;border-radius:10px;background:var(--ice)}
.ditem h4{font-size:13px;font-weight:600;line-height:1.4}
.ditem small{display:block;color:var(--muted);font-size:11.5px;margin:2px 0 8px}
.ditem .qty{width:max-content}
.ditem .qty button{width:30px;height:32px;font-size:16px}
.ditem .dprice{text-align:right;font-weight:700;color:var(--navy);font-size:13px;white-space:nowrap}
.ditem .rm{display:block;margin-top:10px;margin-left:auto;font-size:11.5px;color:var(--muted);text-decoration:underline}
.drawer-foot{border-top:1px solid var(--line);padding:18px 22px 22px}
.drawer-foot .row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}
.drawer-foot .row b{color:var(--navy);font-size:17px}
.drawer-foot p{font-size:11.5px;color:var(--muted);margin-bottom:14px}
.drawer-foot .btn{display:block;width:100%;text-align:center}

/* Simulador de frete na gaveta */
.frete-sim{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}
.frete-sim label{display:block;font-size:12px;font-weight:700;color:var(--navy);margin-bottom:6px}
.frete-row{display:flex;gap:8px}
.frete-row input{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:999px;padding:0 16px;font:inherit;font-size:13px;outline:none}
.frete-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(10,79,196,.1)}
.frete-row button{height:40px;padding:0 18px;border-radius:999px;background:var(--navy);color:#fff;font-weight:600;font-size:12.5px}
.frete-row button:disabled{opacity:.6}
.frete-res{margin-top:10px;font-size:12.5px}
.frete-op{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}
.frete-op:last-child{border-bottom:0}
.frete-op small{display:block;color:var(--muted);font-size:11px}
.frete-op b{color:var(--navy);white-space:nowrap}
.frete-op b.gratis{color:var(--promo)}
.frete-msg{color:var(--muted);font-size:12px;margin-top:8px}
.frete-msg.err{color:#c62d42}