/* Vitrine Catavo — folha das telas de compra: matriz de atacado (DS §12),
   pedido rápido, sacola, checkout, confirmação, conta e acesso B2B.
   Carregada só nas páginas que usam (o resto está em app.css). */

/* ---------- matriz de atacado ---------- */
.mx-form{display:grid;gap:14px;min-width:0}
.rules{line-height:1.55}
.mx-head{display:grid;gap:2px}
.mx-hint{font-size:var(--fs-xs);color:var(--color-muted)}
.mx-head h2{font-family:var(--font-body);font-size:var(--fs-body);font-weight:600;letter-spacing:0}
.mx-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mx-tools .btn{text-transform:none;letter-spacing:0;font-size:var(--fs-sm)}
.mx-wrap{overflow-x:auto;border:1px solid var(--color-border);background:var(--color-bg)}
.mx{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}
.mx th,.mx td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--color-border);white-space:nowrap}
.mx tbody td.c{vertical-align:top;padding-block:10px 6px}
.mx thead th{font-size:var(--fs-xs);font-weight:600;color:var(--color-muted);background:var(--color-surface);letter-spacing:.04em}
.mx th[scope=row]{text-align:left;font-weight:500;position:sticky;left:0;background:var(--color-bg);z-index:1;padding-left:14px;min-width:150px}
.mx thead th:first-child{text-align:left;padding-left:14px;position:sticky;left:0;z-index:2}
.mx th[scope=row] .dot{display:inline-block;vertical-align:-4px;margin-right:8px}
.mx th[scope=row] small{display:block;font-size:var(--fs-2xs);color:var(--color-muted);font-weight:400}
.mx .chev{display:none}
.mx tbody tr:hover th[scope=row],.mx tbody tr:hover td{background:color-mix(in srgb,var(--color-surface) 50%,var(--color-bg))}
.cell{width:52px;height:40px;text-align:center;border:1px solid var(--color-border-input);border-radius:var(--r);background:var(--color-bg);font-weight:600;font-variant-numeric:tabular-nums;padding:0;font-size:16px}
.cell:focus{outline:none;border-color:var(--color-text);box-shadow:var(--shadow-focus)}
.cell.filled{background:var(--color-surface)}
.cell.flash{animation:flash .3s var(--ease)}
@keyframes flash{from{background:var(--color-surface-2)}}
.cell-box{display:inline-flex;align-items:center}
.mx .step{display:none}
.stock{display:block;height:16px;line-height:16px;margin-top:4px;font-size:var(--fs-2xs);color:var(--color-muted)}
.stock.low{color:var(--color-warning-fg);font-weight:600}
.na{color:var(--color-disabled)}
.dash{display:inline-grid;place-items:center;width:52px;height:40px;background:var(--color-surface);border:1px dashed var(--color-border-input);border-radius:var(--r)}
.mx td.none .dash{background:none;border-color:transparent}
/* acima do estoque (V2): célula marcada + texto "só N" + alerta com "Ajustar" — nunca só cor */
.mx td.is-over .cell{border:2px solid var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger-fg)}
.mx td.is-over .stock{color:var(--color-danger-fg);font-weight:600}
.mx-over{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:var(--color-danger-bg);color:var(--color-danger-fg);font-size:var(--fs-sm);border-radius:var(--r)}
.mx-over .btn-text{margin-left:auto;padding:0;font-size:var(--fs-sm);font-weight:600;color:inherit}
.mx .rq{font-weight:600;min-width:56px}
.mx .rv{text-align:right;padding-right:12px;min-width:110px}
.mx tfoot th,.mx tfoot td{font-weight:600;border-bottom:0;background:var(--color-surface)}
.mx .ra{position:relative;width:44px}
.row-acts{display:none;position:absolute;right:8px;top:calc(100% - 6px);z-index:5;flex-direction:column;align-items:stretch;min-width:220px;padding:6px;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-pop)}
.ra.open .row-acts{display:flex}
.row-acts .btn{justify-content:flex-start}
.mx-tip{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--color-muted)}
.mx-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.mx-foot .btn{flex:1 1 240px}.mx-foot .added{flex-basis:100%}
.mx-sum{display:grid;gap:2px;font-size:var(--fs-xs)}
.mx-sum b{font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:767px){
  .mx-tip{display:none}
  .mx-form .mx-wrap{border:0;overflow:visible;background:none}
  .mx thead,.mx tfoot{display:none}
  .mx,.mx tbody{display:block}
  .mx tr{display:grid;grid-template-columns:1fr auto auto 44px;align-items:center;border:1px solid var(--color-border);margin-bottom:8px;background:var(--color-bg)}
  .mx th[scope=row]{grid-row:1;grid-column:1/-1;position:static;min-height:56px;display:flex;align-items:center;gap:10px;border:0;padding:0 14px;cursor:pointer}
  .mx th[scope=row] .dot{margin:0}
  .mx .chev{display:block;margin-left:auto;transition:transform .2s}
  .mx tr.open .chev{transform:rotate(180deg)}
  .mx .rq{grid-row:1;grid-column:2;border:0;font-size:var(--fs-sm);min-width:0;padding:0 4px 0 0;pointer-events:none;z-index:1}
  .mx .rq::after{content:" pç"}
  .mx .rv{grid-row:1;grid-column:3;border:0;min-width:0;font-size:var(--fs-sm);color:var(--color-muted);padding:0 4px 0 0;pointer-events:none;z-index:1}
  .mx .rv::before{content:"· "}
  .mx tr.is-zero .rv{display:none}
  .mx td.c{grid-column:1/-1;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:6px 14px;border-top:1px solid var(--color-border);border-bottom:0;text-align:left}
  .mx td.c::before{content:attr(data-label);font-weight:600}
  .mx td.c .stock{grid-column:2;grid-row:1;margin:0}
  .mx td.c .cell-box{grid-column:3;grid-row:1;border:1px solid var(--color-border-input);border-radius:var(--r)}
  .mx td.is-over .cell-box{border:2px solid var(--color-danger)}.mx td.is-over .cell{border:0;border-inline:1px solid var(--color-border)}
  .mx tbody td.c{padding-block:6px}
  .mx td.na .stock{display:block}
  .mx td.na .dash{grid-column:3;grid-row:1;width:auto;background:none;padding-right:20px}
  .mx .step{display:grid;width:44px;height:44px}
  .mx .cell{border:0;border-inline:1px solid var(--color-border);border-radius:0;width:52px;height:44px}
  .mx td.ra{grid-column:1/-1;width:auto;border:0;padding:4px 14px 12px;position:static}
  .mx .row-menu{display:none}
  .row-acts{display:flex;position:static;flex-direction:row;flex-wrap:wrap;min-width:0;padding:8px 0 0;border:0;border-top:1px solid var(--color-border);box-shadow:none;background:none}
  .row-acts .btn{border:1px solid var(--color-border-input)}
  .mx.js tr:not(.open) td.c,.mx.js tr:not(.open) td.ra{display:none}
}
.mx-card{display:grid;gap:16px;padding:20px 0;border-top:1px solid var(--color-border)}
.mx-card-head{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start}
.mx-card-head .ph{width:72px}
.mx-card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:6px;font-size:var(--fs-xs);color:var(--color-muted)}
.mx-card-meta .price{font-size:var(--fs-sm);color:var(--color-text)}
.mx-card-title{font-size:var(--fs-h2)}
.mx-card-title a:hover{text-decoration:underline;text-underline-offset:3px}
.grade-sheet .mx-card{border:0;padding-top:0}
.grade-sheet .mx-head{display:none}
.grade-sheet .mx-foot{position:sticky;bottom:-20px;z-index:var(--z-raised);margin:0 -20px -20px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--color-bg);border-top:1px solid var(--color-border)}
@media (min-width:1024px){.grade-sheet.sheet-adaptive{width:min(760px,100vw)}}

/* ---------- pedido rápido ---------- */
.quick-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:760px}
.quick-form .input{flex:1 1 260px}
.quick-form .btn{flex:1 1 140px}@media (min-width:768px){.quick-form .btn{flex:none}}
.quick-list{display:grid;margin-top:16px}
.quick-empty{justify-items:center;text-align:center;margin-inline:auto;color:var(--color-muted)}
.paste-table{width:100%;border-collapse:collapse;font-size:var(--fs-xs);margin-top:12px}
.paste-table td,.paste-table th{padding:6px 8px;border-bottom:1px solid var(--color-border);text-align:left}
.paste-table .bad{color:var(--color-danger-fg)}
.paste-table .good{color:var(--color-success-fg)}

/* ---------- sacola ---------- */
.bag{padding-block:16px 64px}
.bag-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
@media (min-width:1024px){.bag-grid{grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}.bag-side{position:sticky;top:calc(var(--header-h) + 24px)}}
.bag-group{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--color-border)}
.bag-group:first-child{border-top:1px solid var(--color-border)}
.bag-group .ph{width:72px}
.bg-top{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-sm)}
.bg-top a{font-weight:500}
.bg-top b{font-variant-numeric:tabular-nums;white-space:nowrap}
.bg-sub{font-size:var(--fs-xs);color:var(--color-muted)}
.bg-lines{display:grid;gap:8px;margin-top:8px}
.bg-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:var(--fs-sm)}
.bg-line>span:first-child{min-width:48px}
.bg-why{flex-wrap:wrap;margin-top:-4px}
.bg-line .btn-text{margin-left:auto}
.bg-line.bad{color:var(--color-danger-fg)}
.bg-actions{display:flex;gap:16px;margin-top:8px}
.mini{border-collapse:collapse;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;margin-top:8px}
.mini th,.mini td{padding:3px 10px 3px 0;text-align:center}
.mini th:first-child,.mini td:first-child{text-align:left;color:var(--color-muted)}
.mini thead th{color:var(--color-muted);font-weight:500}
.mini td.bad{color:var(--color-danger-fg);font-weight:600}
.summary{display:grid;gap:10px;padding:20px;background:var(--color-surface);margin-bottom:24px}
.summary h2{font-family:var(--font-body);font-size:var(--fs-body);font-weight:600;letter-spacing:0}
.sum-row{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-sm)}
.sum-row b{font-variant-numeric:tabular-nums}
.sum-row.grand{font-size:var(--fs-body);font-weight:600;padding-top:10px;border-top:1px solid var(--color-border)}
.min{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--color-border)}
.rule-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rule-list li{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-sm)}
.rule-list .ok{color:var(--color-success-fg)}.rule-list .bad{color:var(--color-danger-fg)}
.cep-row{display:flex;gap:8px}
.cep-row .input{min-height:44px}
.bag-head h1 .count{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-muted)}
.bag-loading{max-width:560px}
.rules-box{display:grid;gap:10px;padding:16px 20px;border:1px solid var(--color-border);margin-bottom:16px}
.rules-box progress{width:100%}
.label-caps{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.coupon summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;cursor:pointer;list-style:none;font-size:var(--fs-sm);border-top:1px solid var(--color-border)}
.coupon summary::-webkit-details-marker{display:none}
.coupon[open] summary .icon{transform:rotate(90deg)}
.coupon .cep-row{margin-bottom:8px}
.wa-finish>summary{list-style:none;cursor:pointer}
.wa-finish>summary::-webkit-details-marker{display:none}
.wa-finish[open]>summary{margin-bottom:16px}
.wa-finish .order-form{padding-top:4px}
.btn.is-disabled{opacity:.5;pointer-events:none}
.summary .btn{margin-top:4px}
.radios{display:grid;gap:8px}
.co-main{display:grid;gap:20px;min-width:0}
.co-items{display:grid;gap:4px;margin-bottom:8px}
.co-side .btn-text{display:inline-block;margin-top:8px}
@media (max-width:1023px){.co-side{order:-1}.co-side .btn-text{display:none}.co-summary[open] summary{margin-bottom:0}}
.ship-opts{display:grid;gap:6px;font-size:var(--fs-xs)}
.order-form{display:grid;gap:14px}
.order-form h2{font-family:var(--font-body);font-size:var(--fs-body);font-weight:600;letter-spacing:0}
.form-actions{display:flex;flex-wrap:wrap;gap:8px}
.form-actions .btn{flex:1}

/* ---------- checkout ---------- */
.co{display:grid;gap:24px;padding-block:8px 64px}
@media (min-width:1024px){.co{grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start}.co-side{position:sticky;top:calc(var(--header-h) + 24px)}}
.co-steps{display:flex;gap:6px;list-style:none;margin:0;padding:0;font-size:var(--fs-xs)}
.co-steps li{flex:1;display:grid;gap:6px;color:var(--color-muted)}
.co-steps li::before{content:"";height:3px;background:var(--color-surface-2)}
.co-steps li.done::before,.co-steps li[aria-current]::before{background:var(--color-text)}
.co-steps li[aria-current]{color:var(--color-text);font-weight:600}
.co-step{border:0;margin:0;padding:0;display:grid;gap:14px}
.co-step legend{font-family:var(--font-heading);font-size:var(--fs-h2);margin-bottom:6px;padding:0}
.field-cep{max-width:240px}
.co-nav{display:flex;gap:12px;margin-top:8px}
.co-nav .btn-primary{flex:1}
.co-summary summary{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;background:var(--color-surface);cursor:pointer;list-style:none;font-size:var(--fs-sm);font-weight:500}
.co-summary summary::-webkit-details-marker{display:none}
.co-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;font-size:var(--fs-xs);padding:8px 0}
.co-item .ph{width:56px}
@media (min-width:1024px){.co-summary summary{display:none}.co-summary>div{display:block!important}}
.pix-box{display:grid;gap:8px;padding:16px;border:1px dashed var(--color-border-input);font-size:var(--fs-sm)}

/* ---------- confirmação e acompanhamento ---------- */
.receipt{padding-block:32px 64px;display:grid;grid-template-columns:minmax(0,1fr);gap:40px;max-width:960px}
.receipt-head{display:grid;gap:14px;justify-items:start}
.receipt-head h1{font-size:var(--fs-h1)}
.ok-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success)}
.receipt-body{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.receipt-body h2{font-size:var(--fs-h2)}
.track-link{display:grid;gap:6px;max-width:560px}
.track-link .input{font-size:var(--fs-sm)}
.receipt-body .btn,.receipt-head .btn{justify-self:start}
.ref-line{font-weight:500}
.receipt-mx{width:100%;font-size:var(--fs-sm);margin:0}
.receipt-mx th,.receipt-mx td{padding:10px 8px;border-bottom:1px solid var(--color-border);white-space:nowrap}
.receipt-mx thead th{background:var(--color-surface);color:var(--color-muted);font-size:var(--fs-xs)}
.receipt-mx tbody th{text-align:left;font-weight:500}
.receipt-mx small{display:block;color:var(--color-muted);font-weight:400}
.receipt-mx .rv{text-align:right}
.receipt-mx tfoot th,.receipt-mx tfoot td{font-weight:600;border-bottom:0}
.facts{display:grid;gap:8px;margin:0;font-size:var(--fs-sm)}
.facts div{display:flex;gap:12px}
.facts dt{color:var(--color-muted);min-width:120px}
.facts dd{margin:0}
.timeline{list-style:none;margin:0;padding:0;display:grid}
.timeline li{display:grid;grid-template-columns:24px 1fr;gap:12px;padding-bottom:18px;position:relative;font-size:var(--fs-sm)}
.timeline li::before{content:"";width:12px;height:12px;margin:5px 6px;border-radius:50%;border:2px solid var(--color-border-input);background:var(--color-bg);position:relative;z-index:1}
.timeline li::after{content:"";position:absolute;left:11px;top:18px;bottom:0;width:2px;background:var(--color-border)}
.timeline li:last-child::after{display:none}
.timeline li.done::before{border-color:var(--color-success);background:var(--color-success)}
.timeline li.now::before{border-color:var(--color-text);background:var(--color-text);box-shadow:0 0 0 4px var(--color-surface-2)}
.timeline small{display:block;color:var(--color-muted);font-size:var(--fs-xs)}

/* ---------- conta e acesso ---------- */
.acct{display:grid;gap:24px;padding-block:8px 64px}
@media (min-width:1024px){.acct{grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}}
.acct-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--color-border)}
.acct-nav a{padding:12px 10px;white-space:nowrap;font-size:var(--fs-sm);border-bottom:2px solid transparent}
.acct-nav a[aria-current]{border-bottom-color:var(--color-text);font-weight:600}
@media (min-width:1024px){.acct-nav{flex-direction:column;border:0}.acct-nav a{border:0;border-left:2px solid transparent;padding:10px 14px}.acct-nav a[aria-current]{border-left-color:var(--color-text)}}
.panel{border:1px solid var(--color-border);padding:20px;display:grid;gap:12px;align-content:start}
.panel h2{font-family:var(--font-body);font-size:var(--fs-body);font-weight:600;letter-spacing:0}
.panels{display:grid;gap:16px}
@media (min-width:768px){.panels{grid-template-columns:1fr 1fr}}
.order-row{display:grid;gap:10px;padding:18px 0;border-bottom:1px solid var(--color-border)}
.order-row:first-child{border-top:1px solid var(--color-border)}
.or-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline}
.or-top b{font-size:var(--fs-body)}
.tag{display:inline-block;padding:3px 10px;border-radius:var(--r-pill);background:var(--color-surface);font-size:var(--fs-2xs);font-weight:600;letter-spacing:.04em}
.tag.ok{background:var(--color-success-bg);color:var(--color-success-fg)}.tag.warn{background:var(--color-warning-bg);color:var(--color-warning-fg)}
.auth{max-width:440px;margin:24px auto 64px;display:grid;gap:18px}
.auth h1{font-size:var(--fs-h1)}
.auth-card{display:grid;gap:14px;padding:24px;border:1px solid var(--color-border);background:var(--color-bg)}
.otp{letter-spacing:.5em;text-align:center;font-size:1.5rem;font-variant-numeric:tabular-nums}
.form-wide{max-width:720px;display:grid;gap:16px}
.form-grid{display:grid;gap:14px}
@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}}
.rules-grid{display:grid;gap:16px;margin-block:24px}
@media (min-width:768px){.rules-grid{grid-template-columns:repeat(3,1fr)}}
.rule-card{display:grid;gap:8px;padding:20px;background:var(--color-surface);font-size:var(--fs-sm)}
.rule-card b{font-size:var(--fs-h3);font-family:var(--font-heading);font-weight:500}
@media (min-width:768px){.rules-grid.four{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.rules-grid.four{grid-template-columns:repeat(4,1fr)}}
.rule-card ul{margin:0;padding-left:18px;display:grid;gap:4px}
.rules-grid.four .rule-card{align-content:start}
.wholesale-top{padding-top:16px}.wholesale-top .page-head{margin-bottom:8px}.wholesale-rules{padding-bottom:48px}
.info-page{max-width:68ch;display:grid;gap:20px;padding-block:8px 64px}
.info-page h1{font-size:var(--fs-h1)}
.info-page h2{font-size:var(--fs-h2);margin-top:8px}
.info-page p{color:var(--color-muted)}

/* ---------- movidos de app.css (formulários longos, lookbook, guia) ---------- */
textarea.input{padding:12px 14px;min-height:96px;resize:vertical}
.input.mono{font-family:ui-monospace,Consolas,monospace;font-size:14px}
.field-row{display:flex;gap:12px}
.field.uf{width:84px}
.opt-tag{font-weight:400;color:var(--color-muted);font-size:var(--fs-xs)}
.radio{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--color-border);font-size:var(--fs-sm);cursor:pointer}
.radio:has(input:checked){border-color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text)}
.radio input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--color-text);flex:none}
.radio b{font-weight:600}.radio small{display:block;color:var(--color-muted);font-size:var(--fs-xs)}
.radio .price-tag{margin-left:auto;font-weight:600;white-space:nowrap}
.looks{display:grid;gap:56px}
.look-item{display:grid;gap:20px}
@media (min-width:1024px){.looks{grid-template-columns:1fr 1fr;gap:64px 40px}}
.lb-grid{display:grid;gap:40px 24px}
@media (min-width:768px){.lb-grid{grid-template-columns:1fr 1fr}}
.lb-card{display:grid;gap:8px;font-size:var(--fs-sm)}
.lb-title{font-family:var(--font-heading);font-size:var(--fs-h2)}
.size-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin-top:12px}
.size-table th,.size-table td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--color-border)}
.size-table th{font-weight:600;font-size:var(--fs-xs)}
.size-table td:first-child,.size-table th:first-child{text-align:left}
.size-table tr.hl td{background:var(--color-surface);font-weight:600}
/* Página de acesso do catálogo fechado (senha, CNPJ ou só aprovados) */
.access-body{display:grid;gap:16px;max-width:680px}.access-msg{max-width:680px;margin-bottom:16px}
/* checkout: endereço, termos e PIX copia e cola (ADR-021) */
.co-address{display:grid;gap:14px}
.field.street-no{width:110px;flex:none}
.terms{display:grid;gap:8px;padding:14px;background:var(--color-surface)}
.check-row{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm);cursor:pointer}
.check-row input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--color-text);flex:none}
.radio small:empty{display:none}
.ship-opts small{display:block;font-size:inherit}.ship-opts b{white-space:nowrap}
.pix{display:grid;gap:20px;align-items:start}
@media (min-width:640px){.pix{grid-template-columns:200px minmax(0,1fr)}}
.pix-qr{width:200px;max-width:100%;border:1px solid var(--color-border);padding:8px;background:var(--color-on-image)}
.pix-qr svg{display:block;width:100%;height:auto}
.pix-text{display:grid;gap:10px;justify-items:start;min-width:0}
.pix-total{font-family:var(--font-heading);font-size:var(--fs-h2);margin:0}
.pix-code{width:100%;font-family:ui-monospace,monospace;font-size:var(--fs-xs);word-break:break-all;resize:none}
.acct-form{display:grid;gap:14px;max-width:440px}
/* Sacola de atacado: "Baixar PDF" pela impressão do navegador (orçamento). */
.print-only{display:none}
@media print{
.site-header,.site-footer,.topbar,.order-bar,.bag-head,.bg-actions,.skip-link,.toast-region,.bag-side .order-form,.coupon,.bag-loading,[data-bag-min] progress,.btn,button,.icon-btn,.bag-head .eyebrow,.alert{display:none!important}
body{background:#fff;color:#000}
.print-only{display:block!important}
.print-head{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #000}
.bag-grid{display:block!important}
.bag-side{position:static!important;margin-top:16px}
}

/* ---------- alerta de erro (sacola e checkout) ---------- */
.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:var(--color-danger-bg);color:var(--color-danger-fg);font-size:var(--fs-sm);margin-bottom:16px}

/* ---------- card de compra rápida (DS-2 §20): cor, tamanho, quantidade e "Adicionar" na listagem ---------- */
.qc-form{display:grid;gap:8px;margin-top:4px}
.qc-opt{border:0;margin:0;padding:0;min-width:0;display:grid;gap:4px}
.qc-label{font-size:var(--fs-xs);color:var(--color-muted);padding:0}
.qc-label b{font-weight:500;color:var(--color-text)}
.qc .swatches{margin:0 0 0 -6px}
.qc-sizes{gap:6px}
.qc-sizes .size{min-width:40px;min-height:36px;padding:2px 8px;font-size:var(--fs-xs)}
.qc-buy{display:flex;flex-wrap:wrap;gap:8px}
.qc-buy .stepper button,.qc-buy .stepper .cell{width:36px;height:36px}
.qc-buy .btn{flex:1 1 96px}
.qc .btn,.qc .card-cta{margin:0}
.qc .hint:empty{display:none}