.drawer__scrim{position:fixed;inset:0;z-index:90;background:var(--scrim)}.drawer__panel{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(100%,420px);display:flex;flex-direction:column;background:var(--bg);color:var(--text);border-left:var(--bw-bold) solid var(--border-bold);font-family:var(--font-body);animation:drawer-in var(--dur-base) var(--ease-out)}.drawer__panel:focus-visible{outline:none;box-shadow:none;background:var(--bg);color:var(--text)}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__head{flex:none;height:64px;padding:0 12px 0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--bw-bold) solid var(--border-bold);background:var(--surface)}.drawer__title{margin:0;font-family:var(--font-display);font-weight:var(--fw-extra);font-size:var(--text-h3);letter-spacing:-.03em;text-transform:uppercase;color:var(--text-strong)}.drawer__close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:var(--bw-hair) solid var(--border-strong);color:var(--text-strong);cursor:pointer;transition:var(--t-hover)}.drawer__close:hover{background:var(--surface-inverse);color:var(--text-inverse)}.drawer__body{flex:1;min-height:0;overflow-y:auto;padding:0 20px}.drawer__empty{padding:40px 0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.drawer__empty p{margin:0;font-size:var(--text-body);line-height:1.6}.drawer__error{margin:16px 0;padding:10px 12px;border-left:var(--band) solid var(--danger);background:var(--danger-field);color:var(--danger);font-size:var(--text-aux)}.drawer__foot{flex:none;padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px;border-top:var(--bw-bold) solid var(--border-bold);background:var(--surface)}.drawer__total{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.drawer__amount{font-family:var(--font-mono);font-size:26px;font-variant-numeric:tabular-nums;color:var(--text-strong)}.drawer__note{align-self:flex-end;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-align:right}.opt__radio{position:relative;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 var(--bw-bold) var(--border-strong)}.opt__radio--on{box-shadow:inset 0 0 0 var(--bw-bold) var(--info)}.opt__radio--on:after{content:"";position:absolute;inset:4px;background:var(--info)}.cl{margin:0;padding:0;list-style:none}.cl__row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-bottom:var(--bw-hair) solid var(--border)}.cl__thumb{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-inverse)}.cl__thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.cl__thumb--elite img{object-fit:contain;padding:8px}.cl__sigla{font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:.08em;color:var(--text-inverse)}.cl__body{display:flex;flex-direction:column;gap:4px;min-width:0}.cl__name{font-size:var(--text-body-sm);font-weight:var(--fw-semibold);line-height:1.3;color:var(--text-strong)}.cl__meta{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.cl__problem{margin-top:4px;padding:6px 8px;border-left:var(--band) solid var(--text-strong);background-color:var(--bg-sunken);background-image:var(--hatch-45);font-size:var(--text-aux-sm);line-height:1.5;color:var(--text-strong)}.cl__remove{align-self:flex-start;min-height:28px;padding:0;background:none;border:0;color:var(--text-strong);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.16em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media(pointer:coarse){.cl__remove{min-height:var(--touch-min)}}.cl__price{font-family:var(--font-mono);font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:var(--text-strong);white-space:nowrap}.cl__skeleton{display:inline-block;width:64px;height:14px;background:var(--bg-sunken)}.cl__added{flex:none;padding:12px 20px;display:flex;align-items:flex-start;gap:10px;border-bottom:var(--bw-hair) solid var(--success-edge);background:var(--success-field);color:var(--text);font-size:var(--text-aux);line-height:1.5}.cl__added svg{margin-top:2px;color:var(--success)}.cl__added strong{font-weight:var(--fw-semibold);color:var(--text-strong)}