/* Atacado no tema novo: só o que não existe no varejo. MÓ · Designer, 13/10/2026.
   Tudo o mais vem das folhas aprovadas (checkout, pdp, categoria, home, home-comercial, tabela-produtos).
   Mesmos tokens: --terra, --terra-dk, --ouro, --tinta, --apoio, --papel, --linha, --borda, --ok, --raio, --raio-in, sombras P e M. */
.num{font-variant-numeric:tabular-nums}

/* "a confirmar": marca de prévia. Não vai para o tema. */
.conf{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;border:1px dashed var(--aviso-tx);background:var(--aviso-bg);color:var(--aviso-tx);font-size:.75rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;vertical-align:middle}

/* Cabeçalho: mesma marca, etiqueta da loja e atalho do Pedido rápido */
.site-cab .logo{gap:10px;text-decoration:none}
.tag-loja{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--terra-dk);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.acoes-site .pr-link{color:var(--terra-dk);font-weight:700;border:1px solid transparent}
.acoes-site .pr-link.on{background:#fdf1ea;border-color:#f0cdbd}
.acoes-site .pr-link svg{stroke-width:2}
.b-txt .acoes-h svg,.btn-tinta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.b-txt .acoes-h .btn-sec{min-height:52px}
.home-at .b-txt h1{max-width:17ch}

/* Cartão de produto: embalagem, Pix, equivalente e cartão */
.card-at .emb-c{justify-self:start;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--apoio)}
.card-at a.nome{min-height:4.05em}
.card-at .pr{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;line-height:1.25}
.card-at .pr .de{flex-basis:100%}
.card-at .pr .no-pix{font-size:.8125rem;font-weight:700;color:var(--ok)}
.card-at .pr .un-c{flex-basis:100%;font-size:.875rem;font-weight:700;color:var(--tinta)}
.card-at .pr small{flex-basis:100%;margin-top:4px;padding-top:6px;border-top:1px solid var(--linha)}
.card-at .acoes-card .btn-sec{flex:1;min-width:0}
.card-at .acoes-card .btn-sec svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Home: bloco do Pedido rápido */
.rapido-home{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:36px 40px;overflow:hidden}
.rh-txt h2{font-size:1.75rem;font-weight:900;letter-spacing:-.01em;line-height:1.15;max-width:18ch}
.rh-txt p:not(.olho){margin:12px 0 22px;max-width:44ch;line-height:1.6}
.btn-tinta{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:14px 22px;border-radius:var(--raio-in);background:var(--tinta);color:#fff;font-weight:700;font-size:1.0625rem;text-decoration:none}
.btn-tinta:hover{background:#3d2b22}
.rh-previa{background:var(--papel);border-radius:var(--raio);box-shadow:var(--sombra-m);font-size:.875rem;margin-bottom:-64px;position:relative}
.rh-previa::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 80%);border-radius:0 0 var(--raio) var(--raio)}
.pv-cab,.rh-previa li{display:grid;grid-template-columns:minmax(0,1fr) 118px 104px;gap:12px;align-items:center;padding:10px 16px}
.pv-cab{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--apoio);border-bottom:1px solid var(--linha)}
.pv-cab span:nth-child(2){text-align:right}
.rh-previa ul{list-style:none;background:#fff}
.rh-previa li{grid-template-columns:48px minmax(0,1fr) 118px 104px;border-bottom:1px solid var(--linha)}
.rh-previa li img{width:48px;height:48px;object-fit:contain;border-radius:var(--raio-in);box-shadow:0 0 0 1px var(--linha)}
.pv-n b{display:block;line-height:1.3;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-n small,.pv-p small{display:block;color:var(--apoio);font-size:.75rem}
.pv-n small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-p{text-align:right}.pv-p b{font-weight:900;font-size:.9375rem}
.pv-q{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;height:38px;border:1px solid var(--borda);border-radius:var(--raio-in);background:#fff}
.pv-q i{font-style:normal;font-size:1.125rem;color:var(--apoio)}
.pv-fim{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 80px;color:var(--apoio)}
.pv-fim b{color:var(--tinta);font-size:1.0625rem;font-weight:900}

/* Home: como funciona (passos numerados, sem ícone em caixinha) */
.passos-at{list-style:none;counter-reset:passo;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--tinta)}
.passos-at li{counter-increment:passo;display:grid;gap:6px;align-content:start;padding:18px 24px 4px 0}
.passos-at li+li{padding-left:24px;border-left:1px solid var(--linha)}
.passos-at li::before{content:counter(passo);font-size:2.5rem;font-weight:900;line-height:1;color:var(--terra);letter-spacing:-.02em;margin-bottom:6px}
.passos-at b{font-size:1.0625rem;line-height:1.3}
.passos-at span{font-size:.9375rem;color:var(--apoio);line-height:1.55}
.nota-como{margin-top:18px;font-size:.875rem;color:var(--apoio)}

/* Home: entrega do atacado */
.secao-cab a{color:var(--terra-dk);font-weight:700;display:inline-flex;align-items:center;min-height:44px}
.ent-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
.ent-lado{display:grid;gap:16px}
.ent-bloco{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:24px;display:grid;gap:8px;align-content:start}
.ent-bloco>svg{width:28px;height:28px;color:var(--terra-dk)}
.ent-bloco h3{font-size:1.1875rem;font-weight:700;line-height:1.3}
.ent-bloco p{font-size:.9375rem;line-height:1.55}
.ent-nota{color:var(--apoio);font-size:.875rem!important}
.veiculos{list-style:none;display:grid;gap:0;margin:10px 0 6px}
.veiculos li{display:grid;grid-template-columns:76px minmax(0,1fr) 96px;gap:14px;align-items:center;min-height:44px;border-top:1px solid var(--linha)}
.veiculos li:last-child{border-bottom:1px solid var(--linha)}
.veiculos .barra{height:8px;border-radius:999px;background:var(--papel);box-shadow:inset 0 0 0 1px var(--linha);overflow:hidden}
.veiculos .num{text-align:right;font-weight:700;font-size:.9375rem;white-space:nowrap}
.jeito .btn-sec{justify-self:start;min-height:44px;padding:10px 16px;font-size:.9375rem}
.jeito .btn-sec svg{width:20px;height:20px;color:inherit}

/* Produto: ficha da embalagem e os dois preços */
.ficha-emb{list-style:none;display:flex;flex-wrap:wrap;border:1px solid var(--linha);border-radius:var(--raio-in);background:#fff;margin-bottom:18px}
.ficha-emb li{flex:1 1 150px;display:flex;gap:10px;align-items:center;padding:12px 16px}
.ficha-emb li+li{border-left:1px solid var(--linha)}
.ficha-emb svg{width:24px;height:24px;color:var(--terra-dk);flex:none}
.ficha-emb small{display:block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--apoio)}
.ficha-emb b{font-size:1rem;line-height:1.3}
.preco-at{gap:6px;margin-bottom:18px}
.preco-at .a-partir{font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--apoio)}
.linha-pix{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.linha-pix .rot-pix{font-size:1.0625rem;font-weight:700;color:var(--ok)}
.linha-cartao{display:flex;gap:10px;align-items:flex-start;padding-top:10px;border-top:1px solid var(--linha);font-size:1rem}
.linha-cartao svg{width:22px;height:22px;color:var(--apoio);flex:none;margin-top:1px}
.linha-cartao b{font-weight:900}
.linha-cartao small{display:block;font-size:.875rem;color:var(--apoio);line-height:1.5;margin-top:2px}
.conta-q{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:10px 14px;border-radius:var(--raio-in);background:var(--papel);font-size:.9375rem}
.conta-q .cq-a{font-weight:700}
.conta-q .cq-b{color:var(--apoio)}
.veic-dica{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:10px 14px;border-radius:var(--raio-in);background:var(--papel);font-size:.9375rem}
.veic-dica svg{color:var(--terra-dk);flex:none;margin-top:1px}
.pdp-at .frete-p{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:20px;margin-top:16px}
.pdp-at .compra .btn-sec svg{width:20px;height:20px}
.barra-fim.barra-pdp,.barra-fim.barra-rapido{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.bf-tot{display:grid;line-height:1.25}
.bf-tot small{font-size:.8125rem;color:var(--apoio)}
.bf-tot b{font-size:1.125rem;font-weight:900}
.barra-fim .btn{width:auto;min-height:48px;padding-inline:18px;font-size:1rem}

/* Produto: folha de estados */
.estados-at h1{font-size:1.75rem;font-weight:900}
.estados-at .intro{color:var(--apoio);margin:6px 0 24px}
.estados-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.estado{background:var(--papel);border:1px dashed var(--borda);border-radius:var(--raio);padding:18px}
.estado header{margin-bottom:14px}
.estado header h2{font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--terra-dk)}
.estado header p{font-size:.875rem;color:var(--apoio);line-height:1.5;margin-top:4px}
.estado h3{font-size:1.1875rem;font-weight:900;line-height:1.25;margin-bottom:8px}
.est-emb{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.9375rem;margin-bottom:14px}
.estado .estado .linha-compra{grid-template-columns:minmax(0,1fr)}
.estado .qtd-p{justify-self:start}
.btn-zap-cheio{background:#25d366;color:#111;text-decoration:none}
.btn-zap-cheio:hover{background:#1fbd5a}
.btn-zap-cheio svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.estado .btn-sec svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:900px){
  .tag-loja{height:20px;padding:0 8px;font-size:.6875rem}
  .acoes-site .pr-link{display:inline-flex}
  .rapido-home{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px 18px}
  .rh-txt h2{font-size:1.5rem}
  .pv-cab{display:none}
  .rh-previa li{grid-template-columns:44px minmax(0,1fr) auto;padding:10px 12px}
  .rh-previa li .pv-q{display:none}
  .rh-previa{margin-bottom:-58px}
  .passos-at{grid-template-columns:minmax(0,1fr)}
  .passos-at li{grid-template-columns:44px minmax(0,1fr);column-gap:8px;padding:14px 0}
  .passos-at li+li{padding-left:0;border-left:0;border-top:1px solid var(--linha)}
  .passos-at li::before{grid-row:1/span 2;font-size:2rem;margin:0}
  .passos-at li b,.passos-at li span{grid-column:2}
  .ent-grid{grid-template-columns:minmax(0,1fr)}
  .ent-bloco{padding:18px}
  .veiculos li{grid-template-columns:64px minmax(0,1fr) 88px;gap:10px}
    .estados-grid{grid-template-columns:minmax(0,1fr)}
  .barra-fim.barra-pdp,.barra-fim.barra-rapido{display:grid}
  .pdp-at .compra .linha-compra .btn{display:none}
  .pdp-at .compra .linha-compra{grid-template-columns:auto}
}
.rh-txt .olho{font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--terra-dk);margin-bottom:10px}
.ficha-emb li{padding:12px 14px}
.ficha-emb b{white-space:nowrap}
@media (max-width:900px){
  .site-cab .linha1{gap:4px}
  .site-cab .logo{gap:6px}
  .tag-loja{padding:0 7px;font-size:.625rem;letter-spacing:.06em}
  .acoes-site{gap:0}
  .acoes-site a{padding:0 7px}
  .pdp-at .compra .linha-compra .qtd-p{justify-self:start}
}
.nw{white-space:nowrap}
.site-rod a{flex-wrap:wrap;column-gap:.3em}

/* ============ Rodada 2 (13/10): parecer da Direção de UX e arte + direção do Franklin ============ */

/* Cabeçalho no celular: Pedido rápido com nome, na linha da busca */
.pr-cel,.quebra-cab,.rp-filtro-b{display:none}
.pr-cel svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acoes-site .qtd-cart[hidden]{display:none}

/* Home: ato de prova (números do catálogo) */
.prova{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 40px;margin-top:28px;padding:18px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);font-size:1.0625rem;color:var(--apoio)}
.prova span{display:inline-block}
.prova b.num{margin-right:6px}
.prova b{font-weight:900;color:var(--tinta)}
.prova b.num{font-size:1.75rem;letter-spacing:-.02em;line-height:1}
.secao.junto{margin-top:36px}
.corr-at .corr{align-content:center;padding-block:18px}
.corr-at .corr.todos{background:var(--tinta);color:#fff}
.faixa-varejo{margin-top:56px;padding:18px 22px;font-size:1rem}

/* Home: veículos em degraus e cartão sem buraco */
.ent-local{grid-template-rows:auto auto 1fr auto}
.veiculos{grid-auto-rows:minmax(44px,1fr)}
.veiculos li{min-height:0}
.veiculos .barra i{display:block;height:100%;border-radius:999px;background:var(--ouro);transform-origin:left center}

/* Produto: ficha (embalagem, preço por kg no Pix e no cartão) e economia no Pix */
.ficha-emb{display:grid;grid-template-columns:1.25fr 1fr 1fr}
.ficha-emb li{padding:12px 14px}
.ficha-emb .f-pix b{color:var(--ok)}
.info .meta{align-items:center}
.info .meta .pil{font-size:.75rem}
.eco-pix{font-size:1rem;font-weight:500;color:var(--ok)}
.eco-pix b{font-weight:900}
.linha-cartao{align-items:center}
.linha-cartao small{display:inline;margin-left:10px}
.sob-qtd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:-2px}
.atalhos-q{display:flex;gap:8px}
.atalhos-q button{min-width:48px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--borda);background:#fff;color:var(--tinta);font:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;position:relative}
.atalhos-q button::after{content:"";position:absolute;inset:-4px 0}
.atalhos-q button:hover{border-color:var(--terra-dk);color:var(--terra-dk)}
.atalhos-q button[aria-pressed=true]{background:#fdf1ea;border-color:var(--terra-dk);color:var(--terra-dk)}
.lim{display:block;font-size:.8125rem;font-weight:700;color:var(--aviso-tx);line-height:1.35}
.lim:empty{display:none}
.nota-nf{font-size:.875rem;color:var(--apoio)}
.qtd-p button:disabled{color:#b9ab9e;cursor:not-allowed;background:none}
.veic-dica .vd-ic{display:inline-flex;color:var(--terra-dk);flex:none;margin-top:1px}
.veic-dica .vd-ic[hidden]{display:none}
.veic-dica .vd-b{color:var(--apoio)}
.btn.feito{background:var(--ok)}
.estado .ficha-emb{grid-template-columns:1fr 1fr;margin-bottom:14px}
.estado .ficha-emb li:first-child{grid-column:1/-1;border-bottom:1px solid var(--linha)}
.estado .ficha-emb li:nth-child(2){border-left:0}
.estado .linha-compra{grid-template-columns:auto minmax(0,1fr)}
.estado .linha-cartao small{display:block;margin-left:0}

/* Pedido rápido */
.rapido-intro{max-width:70ch;margin:-8px 0 18px;color:var(--apoio)}
body.com-resumo .rapido{padding-bottom:150px}
.rp{--fixo-h:120px;--cab-h:0px;--cols:44px 72px minmax(0,1fr) 140px 120px 104px 128px 136px 124px}
.rp-topo{position:sticky;top:var(--cab-h);z-index:6;background:var(--papel);padding-top:8px;margin-top:-8px}
.rp-linha{display:flex;gap:12px;align-items:center;background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:14px 16px}
.rp-linha .tp-busca{flex:1 1 260px}
.rp-linha .tp-sel{flex:0 0 220px;display:block;position:relative}
.rp-extra{display:flex;gap:12px;align-items:center}
.rp-extra .tp-sel .conf{position:absolute;top:-9px;right:10px;background:var(--aviso-bg)}
.rp-linha .check{min-height:48px;font-size:.9375rem;white-space:nowrap}
.tp-sel select{font:inherit;font-size:1rem;min-height:48px;width:100%;padding:0 38px 0 14px;border:1px solid var(--borda);border-radius:var(--raio-in);color:var(--tinta);appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a1d17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px}
.tp-sel select:focus{outline:2px solid var(--terra-dk);outline-offset:1px}
.rp-pilulas{display:none}
.rp-cols{display:grid;grid-template-columns:var(--cols);padding:12px 0 8px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--apoio)}
.rp-cols span{padding:0 12px;white-space:nowrap}
.rp-cols .d,.rp-t .d{text-align:right}
.grp{scroll-margin-top:calc(var(--cab-h) + var(--fixo-h) + 4px)}
.grp[hidden],.rp-t tr[hidden],.grp-sem[hidden],.tp-vazio[hidden],.rs-zap[hidden],.rs-veic[hidden],.rp-pilulas button[hidden]{display:none!important}
.grp-t{position:sticky;top:calc(var(--cab-h) + var(--fixo-h));z-index:4;display:flex;align-items:baseline;gap:10px;padding:18px 0 10px;background:var(--papel);font-size:1.1875rem;font-weight:900;letter-spacing:-.01em}
.grp-t small{font-size:.875rem;font-weight:700;color:var(--apoio)}
.rp-t{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);overflow:hidden;font-size:.9375rem}
.k-foto{width:72px}.k-emb{width:140px}.k-pix{width:120px}.k-cartao{width:104px}.k-est{width:128px}.k-q{width:136px}.k-sub{width:124px}
.rp-t td{padding:10px 12px;border-bottom:1px solid var(--linha);vertical-align:middle;transition:none}
.rp-t tbody tr:last-child td,.rp-t tbody tr:not([hidden]):has(+ tr[hidden]:last-child) td{border-bottom:0}
.rp-t .foto{padding-right:0}
.rp-t .foto img{width:56px;height:56px;object-fit:contain;border-radius:var(--raio-in);box-shadow:0 0 0 1px var(--linha);background:#fff}
.rp-t .nome a{display:block;color:var(--tinta);font-weight:700;line-height:1.3;text-decoration:none}
.rp-t .nome a:hover{color:var(--terra-dk);text-decoration:underline;text-underline-offset:3px}
.rp-t .nome small{display:block;color:var(--apoio);font-size:.8125rem;margin-top:2px}
.rp-t .m-emb,.rp-t .m-cartao,.rp-t .m-selos{display:none!important}
.rp-t .selos{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.rp-t .selos:empty{display:none}
.rp-t td.emb{font-weight:600}
.rp-t td.preco{font-weight:900;font-size:1rem;white-space:nowrap}
.rp-t td.preco s{display:block;font-weight:500;font-size:.8125rem;color:var(--apoio)}
.rp-t td.preco small{display:block;font-weight:500;font-size:.75rem;color:var(--apoio)}
.rp-t td.cartao{font-weight:700;color:var(--apoio);white-space:nowrap}
.rp-t .qtd-p{height:44px}
.rp-t .qtd-p button{width:38px;height:42px;font-size:1.25rem}
.rp-t .qtd-p input{width:40px;height:42px;font-size:1rem;color:var(--apoio);font-weight:500}
.rp-t tr.sel .qtd-p input{color:var(--tinta);font-weight:900}
.rp-t tr.sel .qtd-p{border-color:var(--terra-dk);box-shadow:0 0 0 1px var(--terra-dk)}
.rp-t .lim{margin-top:4px}
.rp-t .st{display:block;font-size:1rem;font-weight:900;white-space:nowrap}
.rp-t tr.sel td{background:#fdf5f1}
.rp-t tr.sem td{background:var(--papel)}
.rp-t tr.sem .nome a,.rp-t tr.sem td.preco{color:var(--apoio)}
.rp-t tr.sem .foto img{opacity:.5}
.rp-t .btn-add{min-height:40px;padding:0 10px;font-size:.875rem}
.rp-t .zap-l{margin-top:4px;border-color:#9fd8b3;color:#14602f}
.rp-t .zap-l[aria-disabled=true]{border-color:var(--linha);color:var(--apoio)}
.btn-add svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pil.zap{background:#e6f7ec;color:#14602f}
.pil.pouco{background:var(--aviso-bg);color:var(--aviso-tx)}
.grp-sem{display:flex;align-items:center;width:100%;min-height:44px;margin-top:8px;padding:0 16px;border:1px dashed var(--borda);border-radius:var(--raio-in);background:none;color:var(--apoio);font:inherit;font-size:.9375rem;font-weight:700;cursor:pointer}
.grp-sem:hover{color:var(--terra-dk);border-color:var(--terra-dk)}
.grp.so-sem .rp-t{display:none}
.tp-vazio{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:28px;text-align:center;margin-top:16px}
.tp-vazio .limpar{font:inherit;font-weight:700;color:var(--terra-dk);background:none;border:0;text-decoration:underline;min-height:44px;cursor:pointer}
.rp-nota{margin-top:20px;font-size:.875rem;color:var(--apoio);max-width:70ch}

/* Resumo do pedido, fixo embaixo nas duas larguras */
.rp-resumo{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--linha);box-shadow:0 -8px 24px rgba(42,29,23,.10);transform:translateY(100%);visibility:hidden}
.rp-resumo.on{transform:none;visibility:visible}
.rp-resumo .in{max-width:1180px;margin-inline:auto;padding:14px clamp(16px,3vw,32px) calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 36px;align-items:center}
.rs-a{display:grid;gap:2px;font-size:.9375rem;min-width:0}
.rs-a b{font-weight:700}
.rs-veic,.rs-zap{color:var(--apoio);font-size:.875rem;border-radius:6px}
.rs-zap a,.rs-enviar{color:var(--terra-dk);font-weight:700;text-underline-offset:3px}
.rs-b{display:grid;justify-items:end;line-height:1.25;white-space:nowrap}
.rs-l1{font-size:1rem;font-weight:700;color:var(--ok)}
.rs-pix{font-size:1.375rem;font-weight:900;color:var(--tinta);border-radius:6px;display:inline-block;padding:0 4px}
.rs-b small{font-size:.875rem;color:var(--apoio)}
.rs-cartao{display:inline-block;border-radius:6px}
.rs-c{display:flex;align-items:center;gap:20px}
.rs-enviar{justify-self:start;font-size:.875rem;padding-block:6px;margin-block:-2px -6px}
.rs-c .btn{width:auto;min-height:52px;padding-inline:24px;white-space:nowrap}
.rs-c .btn:disabled,.rs-c .btn[aria-disabled=true]{background:#e5d9cc;color:var(--apoio);cursor:not-allowed}
.rs-c .b-curto{display:none}
.rs-c .b-longo{display:inline}
.cq-pix,.cq-cartao,.bf-tot b{display:inline-block;border-radius:6px}

/* Larguras intermediárias do Pedido rápido: a embalagem desce para baixo do nome */
@media (max-width:1100px){
  .rp{--cols:44px 72px minmax(0,1fr) 120px 104px 128px 136px 116px}
  .rp-t .k-emb,.rp-t td.emb,.rp-cols span:nth-child(4){display:none}
  .rp-t .k-sub{width:116px}
  .rp-t .m-emb{display:block!important}
  .rp-linha .tp-sel{flex-basis:190px}
  .rp-resumo .in{gap:8px 20px}
  .rs-enviar{display:none}
}
/* Celular e tablet em pé: cada produto vira uma linha compacta de duas faixas */
@media (max-width:960px){
  .rp-topo{position:static;padding:0;margin:0;display:contents}
  .rp-fixo{position:sticky;top:var(--cab-h);z-index:6;background:var(--papel);padding:8px 0 6px;margin:0 calc(-1 * clamp(16px,3vw,32px));padding-inline:clamp(16px,3vw,32px)}
  .rp-linha{flex-wrap:wrap;padding:0;background:none;box-shadow:none;gap:10px}
  .rp-corr,.rp-cols{display:none!important}
  .rp-linha .tp-busca{flex:1 1 0}
  .rp-filtro-b{display:inline-flex;align-items:center;height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--borda);background:#fff;color:var(--tinta);font:inherit;font-size:.9375rem;font-weight:700;cursor:pointer}
  .rp-filtro-b[aria-expanded=true]{border-color:var(--terra-dk);color:var(--terra-dk);background:#fdf1ea}
  .rp-extra{flex:1 1 100%;display:none}
  .rp-linha.aberto .rp-extra{display:flex}
  .rp-extra .tp-sel{flex:1 1 0}
  .rp-pilulas{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:10px calc(-1 * clamp(16px,3vw,32px)) 0;padding:0 clamp(16px,3vw,32px) 2px}
  .rp-pilulas::-webkit-scrollbar{display:none}
  .rp-pilulas button{flex:none;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--borda);background:#fff;color:var(--tinta);font:inherit;font-size:.9375rem;font-weight:600;white-space:nowrap;cursor:pointer;position:relative}
  .rp-pilulas button::after{content:"";position:absolute;inset:-2px 0}
  .rp-pilulas button[aria-current=true]{background:var(--tinta);border-color:var(--tinta);color:#fff}
  .grp-t{padding:14px 0 8px;font-size:1.0625rem}
  .rp-t,.rp-t tbody{display:block;background:none;box-shadow:none;border-radius:0;overflow:visible}
  .rp-t colgroup{display:none}
  .rp-t tr{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"foto nome preco" "foto emb emb" "est est q";gap:2px 10px;align-items:start;background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p);padding:8px 12px;margin-bottom:8px}
  .rp-t td{display:block;padding:0;border:0;background:none!important}
  .rp-t tr.sel{box-shadow:inset 0 0 0 2px var(--terra-dk),var(--sombra-p)}
  .rp-t tr.sem{background:var(--papel)}
  .rp-t td.emb,.rp-t td.cartao,.rp-t .cod,.rp-t .nome .selos,.rp-t .un,.rp-t .st{display:none!important}
  .rp-t .foto{grid-area:foto;align-self:start}
  .rp-t td.nome{display:contents}
  .rp-t .nome a{grid-area:nome;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9375rem;line-height:1.25}
  .rp-t .m-emb{grid-area:emb;display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 4px!important;align-self:start;line-height:1.3}
  .rp-t td.preco{grid-area:preco;text-align:right;font-size:1.0625rem;line-height:1.25}
  .rp-t .m-cartao{display:block!important;font-size:.8125rem!important}
  .rp-t td.est{grid-area:est;align-self:center;display:flex;gap:6px;flex-wrap:nowrap;overflow:hidden;align-items:center}
  .rp-t td.preco s{display:inline;margin-right:6px;font-size:.75rem}
  .rp-t td.preco{grid-row:1/span 2}
  .rp-t .m-selos{display:contents!important}
  .rp-t td.q{grid-area:q;display:flex;flex-direction:column;align-items:flex-end}
  .rp-t .qtd-p{width:120px;height:44px}
  .rp-t .qtd-p button{width:40px}
  .rp-t .qtd-p input{flex:1;width:38px}
  .rp-t td.c-sub{display:none}
  .rp-t tr.sem td.q{display:none}
  .rp-t tr.sem td.c-sub{display:block;grid-area:q}
  .rp-t tr.sem .btn-add{min-height:44px;width:120px}
  .rp-t .lim{text-align:right}
  body.com-resumo .rapido{padding-bottom:190px}
  .rp-resumo .in{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding-block:10px}
  .rs-a{grid-column:1/-1;font-size:.8125rem}
  .rs-veic,.rs-zap{font-size:.8125rem}
  .rs-b{justify-items:start}
  .rs-pix{font-size:1.1875rem;padding:0}
  .rs-l1{font-size:.875rem}
  .rs-b small{font-size:.75rem;white-space:normal}
  .rs-eco{display:none}
  .rs-c .btn{min-height:48px;padding-inline:16px;font-size:1rem}
  .rs-c .b-longo{display:none}
  .rs-c .b-curto{display:inline}
}
@media (max-width:900px){
  .site-cab .linha1{row-gap:8px}
  .acoes-site .pr-link{display:none}
  .quebra-cab{display:block;order:4;flex-basis:100%;height:0}
  .site-cab .busca-site{order:5;flex:1 1 0;min-width:0;max-width:none}
  .pr-cel{order:6;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 14px;border-radius:999px;border:1px solid #f0cdbd;background:#fdf1ea;color:var(--terra-dk);font-size:.9375rem;font-weight:700;text-decoration:none;white-space:nowrap}
  .pr-cel.on{border-color:var(--terra-dk)}
  .tag-loja{height:22px;padding:0 8px;font-size:.6875rem;letter-spacing:.06em}
  .acoes-site a{padding:0 9px}
  .prova{justify-content:flex-start;gap:8px 22px;font-size:.9375rem;padding:14px 0;margin-top:20px}
  .prova b.num{font-size:1.375rem}
  .faixa-varejo{margin-top:40px}
  /* produto: título, preço, ficha, compra */
  .pdp-at .info{display:flex;flex-direction:column}
  .pdp-at .info>*{order:3}
  .pdp-at .info>h1,.pdp-at .info>.meta{order:0}
  .pdp-at .info>.preco-at{order:1}
  .pdp-at .info>.ficha-emb{order:2}
  .ficha-emb{grid-template-columns:1.2fr 1fr 1fr}
  .ficha-emb li{padding:10px 10px;align-items:flex-start}
  .ficha-emb li+li{border-left:1px solid var(--linha)}
  .ficha-emb svg{display:none}
  .ficha-emb small{font-size:.6875rem;letter-spacing:.03em;line-height:1.25;margin-bottom:3px}
  .ficha-emb b{font-size:.9375rem;white-space:normal}
  .linha-cartao small{display:block;margin-left:0}
  .pdp-at .compra,.pdp-at .frete-p,.pdp-at .atacado{width:100%}
}

/* Movimento: só resposta a toque em ponto de decisão. Sem preferência por menos movimento. */
@media (prefers-reduced-motion:no-preference){
  .mudou{animation:at-mudou 240ms cubic-bezier(.2,.7,.2,1)}
  @keyframes at-mudou{from{transform:translateY(-3px);background-color:var(--aviso-bg)}to{transform:none;background-color:transparent}}
  .trocou{animation:at-contorno 600ms ease-out}
  .trocou .rs-v,.trocou .vd-a,.trocou .vd-ic{animation:at-aparece 200ms ease-out}
  @keyframes at-contorno{from{box-shadow:0 0 0 2px var(--terra)}to{box-shadow:0 0 0 2px rgba(219,93,52,0)}}
  @keyframes at-aparece{from{opacity:0}to{opacity:1}}
  .rp-t td{transition:background-color 160ms ease-out}
  .rp-t tr{transition:box-shadow 160ms ease-out}
  .st.entra{animation:at-entra 160ms ease-out}
  @keyframes at-entra{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
  .rp-resumo{transition:transform 220ms cubic-bezier(.2,.7,.2,1),visibility 0s linear 220ms}
  .rp-resumo.on{transition:transform 220ms cubic-bezier(.2,.7,.2,1),visibility 0s}
  .btn.feito,.btn{transition:background-color 180ms ease-out}
  .qtd-cart.pulo{animation:at-pulo 260ms ease-out}
  @keyframes at-pulo{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
  .veiculos.anima .barra i{transform:scaleX(0)}
  .veiculos.anima.visto .barra i{transform:scaleX(1);transition:transform 600ms cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms)}
}
.rs-zap a{display:inline-block;padding-block:12px;margin-block:-12px}
@media (min-width:961px){.rp-t .m-un{display:none}}
@media (min-width:561px) and (max-width:900px){.home-at .palco .f-alta{aspect-ratio:auto;min-height:440px}}
.estado .linha-compra{grid-template-columns:minmax(0,1fr)}
.estado .linha-compra .qtd-p{justify-self:start}

/* ============ Rodada 3 (13/10): revisão de interface (B1 a B4, A1 a A11) e segunda rodada da Direção ============ */

/* Pedido rápido: cabeçalho do site não acompanha a rolagem e a busca do site sai (proposta da Gestão, reversível) */
.pag-rapido .site-cab{position:static}
.pag-rapido .site-cab .busca-site,.pag-rapido .pr-cel,.pag-rapido .quebra-cab{display:none}
.d-so{display:inline}.m-so{display:none}
.pv-q{text-align:center;font-weight:900;font-size:1rem;border:0;background:none;height:auto;display:block}
.pv-n b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pv-cab{font-size:.75rem}

/* Filtros com os rótulos das colunas dentro da mesma caixa */
.rp{--cols:72px minmax(0,1fr) 140px 120px 104px 128px 136px 124px}
.rp-caixa{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra-p)}
.rp-linha{background:none;box-shadow:none;border-radius:0;padding:12px 16px}
.rp-cols{border-top:1px solid var(--linha);padding:9px 0 8px}
.rp-status{font-size:.875rem;color:var(--apoio);white-space:nowrap}
.rp-topo{padding-bottom:0}
.rp-pular{position:absolute;left:-9999px}
.rp-pular:focus{position:static;display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-weight:700;color:var(--terra-dk)}
.rp-pular[hidden]{display:none}
.rp-t .k-foto{width:72px}
.rp-t .foto{padding-left:16px}
.rp-t tr.zap.sel td{background:#f1faf4}
.rp-t tr.zap.sel .qtd-p{border-color:#1f7a4d;box-shadow:0 0 0 1px #1f7a4d}
.rp-t .lim{white-space:nowrap}
.rp-t .zap-l .m-so{display:none}
.rp-t .qtd-p input{-moz-appearance:textfield}

/* Resumo: no máximo 84 px no computador */
.rp-resumo .in{padding-block:12px;gap:4px 32px}
.rs-a{gap:0;line-height:1.45}
.rs-l-1{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-l-1 .rs-veic{font-size:.9375rem;color:var(--tinta)}
.rs-l-2{display:block;font-size:.875rem;color:var(--apoio);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-l-2 a{color:var(--terra-dk);font-weight:700;text-underline-offset:3px;display:inline-block;padding-block:11px;margin-block:-11px}
.rs-enviar{padding-block:11px;margin-block:-11px;font-size:.875rem}
.rs-enviar[hidden],.rs-pt[hidden],.rs-sob[hidden],.rs-add[hidden],.rs-zap-btn[hidden]{display:none!important}
.rs-zap-btn{width:auto;min-height:52px;padding-inline:22px;white-space:nowrap}
.rs-zap-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}
.rp-resumo:focus{outline:2px solid var(--terra-dk);outline-offset:-2px}
body.com-resumo .rapido{padding-bottom:calc(var(--resumo-h,90px) + 40px)}

@media (max-width:1100px){
  .rp{--cols:72px minmax(0,1fr) 120px 104px 128px 136px 116px}
  .rp-cols span:nth-child(4){display:revert}
  .rp-cols span:nth-child(3){display:none}
  .rp-linha .tp-sel{flex-basis:214px}
  .rs-enviar,.rs-pt{display:none!important}
}
@media (max-width:960px){
  .d-so{display:none}.m-so{display:inline}
  .car-topo{flex-direction:column;align-items:flex-start;gap:0}
  .rp-caixa{background:none;box-shadow:none;border-radius:0}
  .rp-linha{padding:0}
  .rp-fixo{top:0}
  /* linha do produto: nome inteiro (até 3 linhas), preço na faixa do seletor, exceções como etiqueta na borda */
  .rp-t tr{position:relative;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"foto nome nome" "foto emb emb" "preco preco q";gap:2px 10px;padding:8px 12px;margin-bottom:10px}
  .rp-t .foto{padding-left:0}
  .rp-t .nome a{-webkit-line-clamp:3;line-height:1.22}
  .rp-t .m-emb{white-space:normal;overflow:visible;margin:0 0 6px!important}
  .rp-t td.preco{grid-row:auto;grid-area:preco;text-align:left;align-self:center;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:1.0625rem;line-height:1.3}
  .rp-t td.preco s{order:3;margin:0}
  .rp-t td.est{position:absolute;top:-9px;right:10px;display:flex;gap:4px;overflow:visible;grid-area:auto}
  .rp-t td.est .pil{box-shadow:0 0 0 2px var(--papel)}
  .rp-t td.est .pil.ok{display:none}
  .rp-t td.q{align-self:center}
  .rp-t .qtd-p{width:134px;height:46px}
  .rp-t .qtd-p button{width:44px;height:44px}
  .rp-t .qtd-p input{width:44px;height:44px;flex:none}
  .rp-t tr.sem td.c-sub{grid-area:q;align-self:center}
  .rp-t tr.sem .btn-add{min-height:44px;width:134px}
  .rp-t tr.zap.sel{box-shadow:inset 0 0 0 2px #1f7a4d,var(--sombra-p)}
  .rp-t tr.zap.sel td.preco{display:none}
  .rp-t tr.zap.sel td.c-sub{display:flex;grid-area:preco;align-self:center}
  .rp-t tr.zap.sel .st{display:none!important}
  .rp-t .zap-l{margin:0;min-height:44px;border:0;padding:0;background:none;color:#14602f;text-decoration:underline;text-underline-offset:3px;font-size:.9375rem}
  .rp-t .zap-l .m-so{display:inline}
  .grp-t{padding:12px 0 12px}
  /* resumo: no máximo 92 px */
  .rp-resumo .in{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:8px 16px calc(8px + env(safe-area-inset-bottom))}
  .rs-a{grid-column:1/-1;font-size:.8125rem;line-height:1.4;display:flex;gap:0;min-width:0}
  .rs-l-1{flex:0 1 auto;min-width:0}
  .rs-l-1 .rs-veic{font-size:.8125rem}
  .rs-emb,.rs-pelo{display:none}
  .rs-l-2{flex:none;font-size:.8125rem;overflow:visible}
  .rs-l-2 .rs-zap::before{content:" · "}
  .rs-b small{white-space:nowrap}
  .rs-c .btn{min-height:48px;padding-inline:16px;font-size:1rem}
  .rs-zap-btn{min-height:48px}
  .acoes-site a{min-width:44px;justify-content:center}
}
/* tela baixa (notebook pequeno, zoom de 200%, celular deitado): os filtros deixam de acompanhar a rolagem */
@media (max-height:560px){
  .rp-topo,.rp-fixo{position:static!important}
}
@media (max-width:900px){
  .tag-loja{font-size:.75rem;letter-spacing:.04em}
  .ficha-emb small{font-size:.75rem;text-transform:none;letter-spacing:0;font-weight:600}
}
/* produto no tablet em pé: a foto não toma a primeira tela inteira */
@media (min-width:561px) and (max-width:900px){
  .pdp-at .foto-g{aspect-ratio:auto;height:420px}
  .pdp-at .foto-g img{width:auto;height:88%}
}
@media (max-width:1280px){.rs-eco{display:none}}
@media (max-width:960px){
  .rs-a,.rs-l-1 .rs-veic,.rs-l-2{font-size:.75rem}
  .rs-l-2 a{padding-block:14px;margin-block:-14px}
}
@media (max-width:380px){
  .rs-np{display:none}
  .site-cab .logo img{height:30px}
  .pag-rapido .site-cab .linha1{flex-wrap:nowrap}
}
@media (max-width:350px){
  .site-cab .logo{flex-direction:column;align-items:flex-start;gap:2px}
  .tag-loja{height:18px}
}
@media (max-width:960px){
  .rp-t tr{padding:11px 12px 8px;margin-bottom:12px}
  .rp-t td.est{top:-13px}
  .rp-t .zap-l{gap:5px}
  .rp-t .zap-l .m-so{margin-left:-5px}
}
@media (min-width:561px) and (max-width:900px){
  .pdp-at .galeria .foto-g{aspect-ratio:auto!important;height:420px}
  .pdp-at .galeria .foto-g img{width:88%!important;height:370px!important;max-height:370px;object-fit:contain}
}
@media (max-width:960px){.rp-t tbody{padding-top:8px}}

/* ============ Rodada 4 (13/10): segunda verificação da Revisão (N1 a N3) e acabamento ============ */
/* N2: até 400 px o link do queijo é "Pedir N" com o ícone, para não encostar no seletor */
@media (max-width:400px){ .rp-t .zap-l .m-so{display:none} }
/* título fixo do corredor: fundo opaco em toda a altura e um pouco além das laterais (cobre a sombra dos cartões) */
.grp-t{margin:0 -6px;padding-inline:6px;background:var(--papel);box-shadow:0 1px 0 var(--papel)}
/* coluna do subtotal com folga à direita (botão WhatsApp do queijo e Avise-me) */
.rp{--cols:72px minmax(0,1fr) 140px 120px 104px 128px 136px 140px}
.rp-t .k-sub{width:140px}
.rp-t td.c-sub{padding-right:18px}
.rp-cols span:last-child{padding-right:18px}
@media (max-width:1100px){
  .rp{--cols:72px minmax(0,1fr) 120px 104px 128px 136px 132px}
  .rp-t .k-sub{width:132px}
}
/* lista de exemplo da home: nome e código inteiros */
.pv-n b{-webkit-line-clamp:3}
.pv-n small{white-space:normal;overflow:visible}
.bf-tot b,.bf-tot small{white-space:nowrap}
@media (max-width:360px){ .barra-fim.barra-pdp .btn{padding-inline:12px;font-size:.9375rem} }
.pv-n b{display:block;-webkit-line-clamp:unset;overflow:visible}

/* ============ Decisões do Franklin de 13/10 (lote 1 aprovado) ============ */
.rev-origem{font-size:.9375rem;color:var(--apoio);margin-top:4px}
.google-at .avaliacoes{margin-top:0}
.rp-repetir{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:14px;padding:14px 18px;border-radius:var(--raio);background:#fff;box-shadow:var(--sombra-p)}
.rp-repetir[hidden]{display:none}
.rp-repetir p{flex:1 1 260px;font-size:.9375rem}
.rp-repetir .rr-d{display:block;color:var(--apoio)}
.rp-repetir .rr-b{min-height:48px}
.rp-repetir .rr-b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rp-repetir .rr-s{flex-basis:100%;font-weight:700;color:var(--ok)}
.rp-repetir .rr-s:empty{display:none}
.rp-t td.preco .conf,.card-at .un-c .conf{margin-top:3px;font-weight:700}
.rp-t td.preco .conf{display:inline-flex}
@media (max-width:1100px){ .rs-enviar{display:inline-block!important} }
@media (max-width:960px){
  .rs-l-2{margin-left:auto;padding-left:10px}
  .rs-l-2::before{content:none}
  .rp-t td.preco .conf{order:4}
}
@media (max-width:960px){.rp-resumo .in{padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}}
.rp-aviso{margin-top:14px;padding:12px 16px;border-radius:var(--raio);background:#fff;box-shadow:var(--sombra-p);font-size:.9375rem;line-height:1.5}
.rp-aviso[hidden]{display:none}
.rp-aviso b{color:var(--ok)}
.rp-aviso span{display:block;color:var(--aviso-tx);font-weight:700}
.acoes-site .qtd-cart{font-size:.75rem}
.acoes-site .carrinho .qtd-cart{font-size:.75rem}

/* peça de peso variável: pedida pelo WhatsApp, com o preço por kg à mostra (resposta do Franklin de 13/10) */
.nota-peso{display:block;margin-top:6px;font-size:.8125rem;line-height:1.4;color:var(--apoio);font-weight:500}
.card-at .un-c.nota-peso{white-space:normal}
.preco-at .nota-peso{font-size:.875rem;margin-top:10px}
.card-at .acoes-card a.btn-sec{min-height:44px}

/* ============ Rodada de 14/10: linha e resumo da peça de peso variável no Pedido rápido ============ */
.rp-t td.pv-nota{display:none}
.rs-peca{display:block;font-size:.875rem;color:#14602f;font-weight:700}
.rs-peca[hidden],.rs-b[hidden]{display:none!important}
.rp-resumo.so-peca .rs-veic{color:var(--apoio)}
.rp-resumo.so-peca .rs-zap-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
@media (max-width:960px){
  /* linha marcada: a frase da pesagem em largura inteira, embaixo do link e do seletor (a frase do nome some aqui) */
  .rp-t tr.zap .nome .nota-peso{display:none}
  .rp-t tr.zap{grid-template-areas:"foto nome nome" "foto emb emb" "preco preco q" "pv pv pv"}
  .rp-t tr.zap td.pv-nota{display:block;grid-area:pv;font-size:.8125rem;line-height:1.4;color:var(--apoio);padding:6px 0 2px;border-top:1px solid var(--linha);margin-top:6px}
  .rs-peca{grid-column:1/-1;font-size:.8125rem;flex:1 0 100%;order:3}
  .rs-a{flex-wrap:wrap}
  .rp-resumo.so-peca .in{grid-template-columns:minmax(0,1fr)}
  .rp-resumo.so-peca .rs-l-1{white-space:normal;overflow:visible}
  .rp-resumo.so-peca .rs-veic{display:block;white-space:normal}
  .rp-resumo.so-peca .rs-c,.rp-resumo.so-peca .rs-zap-btn{width:100%;justify-content:center}
}

/* ============ Pedido rápido (tema) ============ */
/* No tema a largura da loja é a do tema (--largura-loja), não os 1180 px da prévia: o resumo acompanha o conteúdo */
.rp-resumo .in{max-width:var(--largura-loja,1180px)}
/* Foco do teclado fora das camadas fixas (filtros, título do corredor e resumo): medido pelo script, aplicado aqui com !important */
html.rp-pagina{scroll-padding-top:var(--rp-pad-top,12px)!important;scroll-padding-bottom:var(--rp-pad-bottom,12px)!important}
/* O Pix é o preço em destaque (primeiro e maior); o cartão vem depois, menor (Franklin: o Pix sempre em destaque) */
.rp-t td.cartao{font-size:.875rem;font-weight:600}
.rp-t td.cartao .num{display:block}
/* Aviso do "Repetir pedido": tom de erro quando o pedido não é encontrado (a primeira linha deixa de ser verde) */
.rp-aviso[data-tom=negado] b{color:var(--aviso-tx)}
.rp-aviso b{display:block}
/* Retorno do "Adicionar ao carrinho": o que foi, o que entrou com menos e o que ficou de fora; fixo logo acima do resumo */
.rp-retorno{position:fixed;left:50%;bottom:calc(var(--resumo-h,0px) + 14px);transform:translateX(-50%);z-index:22;width:min(600px,calc(100% - 24px));padding:14px 16px 8px;border-radius:var(--raio);background:#fff;box-shadow:0 10px 32px rgba(42,29,23,.22),inset 4px 0 0 var(--ok);font-size:.9375rem;line-height:1.45}
/* Os dois avisos ficam na tela de leitura mesmo "escondidos" (1 px, recortados): região ao vivo que some com display:none não é anunciada */
.rp-aviso[hidden],.rp-retorno[hidden]{display:block;position:absolute;top:0;left:0;bottom:auto;transform:none;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);border:0;box-shadow:none;white-space:nowrap;animation:none}
.rp-retorno[data-tom=aviso]{box-shadow:0 10px 32px rgba(42,29,23,.22),inset 4px 0 0 var(--aviso-tx)}
.rp-retorno .rt-t{font-weight:900}
.rp-retorno .rt-a{margin-top:4px;font-weight:700;color:var(--aviso-tx)}
.rp-retorno .rt-ac{display:flex;gap:6px;justify-content:flex-end;margin-top:6px}
.rp-retorno .rt-ac a,.rp-retorno .rt-ac button{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--raio-in);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.rp-retorno .rt-ac a{background:var(--terra-dk);color:#fff;border:0}
.rp-retorno .rt-ac button{background:none;border:1px solid var(--borda);color:var(--tinta)}
@media (prefers-reduced-motion:no-preference){
  .rp-retorno:not([hidden]){animation:rp-sobe 200ms cubic-bezier(.2,.7,.2,1)}
  @keyframes rp-sobe{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
}

/* ===== Direção de UX, 20/10/2026 (parecer do tema) ===== */
/* Home a 1440: abertura sem faixa vazia no meio (texto e palco dividem a largura) */
@media (min-width:1200px){
  .home-at .b-hero.final{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
  .home-at .b-hero .b-txt{max-width:660px}
  .home-at .b-txt h1{max-width:20ch}
  .home-at .b-txt .sub-h{max-width:640px}
  .home-at .palco.so .carr{max-width:none}
  .home-at .palco .f-alta{aspect-ratio:auto;min-height:480px}
}

/* Produto, galeria que acompanha a rolagem (item 12 e adendo da Direção): as abas ficam fora da .topo-prod, então a galeria nunca passa por cima delas.
   A foto principal é limitada para a galeria inteira (foto e miniaturas em uma fileira) caber entre o cabeçalho fixo e a borda de baixo;
   em janela baixa (menos de 700 px de altura) a galeria é normal, sem ficar fixa. */
.pdp-at .abas{margin-top:28px}
@media (min-width:1024px){
  .pdp-at .abas{margin-top:32px}
  .pdp-at .abas [role=tabpanel] .an-texto{max-width:92ch}
}
@media (min-width:1024px) and (min-height:700px){
  .pdp-at .topo-prod .galeria{position:sticky;top:calc(var(--cab-h,126px) + 24px);align-self:start}
  .pdp-at .galeria .foto-g{max-height:calc(100svh - var(--cab-h,126px) - 48px - var(--mini-g,0px))}
  .pdp-at .galeria:has(.miniaturas){--mini-g:88px}
  .pdp-at .galeria .miniaturas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pdp-at .galeria .miniaturas button{flex:none}
}
@media (min-width:1024px) and (max-height:699px){
  .pdp-at .topo-prod .galeria{position:static}
}
/* Comprar junto (item 13): a cor de ação não vira fundo de bloco; contorno neutro e só a caixa de seleção em terracota */
.pdp-at .junto-lado .jl{border-color:var(--linha);background:#fff;box-shadow:none}
.pdp-at .junto-lado .jl:has(input:checked){border-color:var(--borda);background:#fff;box-shadow:none}
.pdp-at .junto-lado .jl input[type=checkbox]{accent-color:var(--terra-dk)}
.pdp-at .junto-lado .jl.este input{display:none}
.pdp-at .junto-lado .jl.este{grid-template-columns:48px minmax(0,1fr) auto}
.pdp-at .junto-lado .jl:focus-within{outline:2px solid var(--terra-dk);outline-offset:2px}
/* Miniaturas no celular (item 15): uma faixa só, que rola */
@media (max-width:900px){
  .pdp-at .miniaturas{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .pdp-at .miniaturas button{flex:none;scroll-snap-align:start}
}
/* Cabeçalho (item 16): o contador não encosta no rótulo; "no Pix" ao lado do total */
.loja-atacado .acoes-site .carrinho .qtd-cart{left:27px}
.loja-atacado .acoes-site .carrinho .rot b+small{font-size:.75rem;font-weight:500;color:var(--apoio);margin-left:4px}
.rp-aviso .rp-ver{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--terra-dk);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* S3: o link do nome no Pedido rápido ganha área de toque maior sem mexer no desenho */
.rp-t td.nome a{position:relative}
.rp-t td.nome a::after{content:"";position:absolute;inset:-10px -4px}

/* ============ Venda por peso (22/10/2026, regra do Franklin para os queijos): preço por kg, mínimo, quantidade em kg, só WhatsApp ============ */
/* Caixa do mínimo: a única caixa tingida do bloco de compra (Direção, 22/10) */
.preco-at .min-peso{display:block;width:100%;margin-top:10px;padding:12px 14px;border-radius:var(--raio-in);background:var(--papel);border:1px solid var(--borda);font-size:1rem;line-height:1.4;color:var(--tinta)}
.preco-at .min-peso b{font-weight:900}
.preco-at .min-peso span{color:var(--apoio);font-weight:500}
.preco-at .min-peso small{display:block;margin-top:2px;font-size:.9375rem;font-weight:500;color:var(--apoio)}
/* Bloco de compra no desenho do produto comum: quantidade em kg e botão na mesma linha, estimativa embaixo, aviso depois do botão */
.compra-peso .linha-compra{display:flex;align-items:stretch;gap:10px}
.compra-peso .un-kg{align-self:center;font-size:1.0625rem;font-weight:700;color:var(--apoio)}
.compra-peso .qtd-p input{width:56px}
.compra-peso .linha-compra .btn-pedir-zap{flex:1 1 auto;min-width:0;justify-content:center;gap:10px}
.compra-peso .lim{display:block;font-size:.875rem;line-height:1.4;color:var(--apoio)}
.compra-peso .lim:empty{height:0;overflow:hidden}
.compra-peso .sob-qtd:has(.lim:empty){margin-top:-12px}
.compra-peso .conta-q{display:block;padding:0;background:none;border-radius:0}
.compra-peso .conta-q .cq-l{display:block;font-size:1rem;color:var(--tinta)}
.compra-peso .conta-q .cq-pix{font-size:1.375rem;font-weight:800;color:var(--tinta);margin:0 2px}
.compra-peso .conta-q .cq-no{font-size:1rem;font-weight:700;color:var(--ok)}
.compra-peso .conta-q .cq-c{display:block;margin-top:2px;font-size:.875rem;line-height:1.4;color:var(--apoio)}
.compra-peso .conta-q .cq-cartao{border-radius:0}
/* Aviso da pesagem: nota neutra com o ícone de floco, sem fundo */
.aviso-peso{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:.9375rem;line-height:1.45;color:var(--tinta)}
.aviso-peso svg{width:20px;height:20px;flex:none;margin-top:1px;fill:none;stroke:var(--apoio);stroke-width:1.8}
@media (max-width:900px){
  /* no celular o botão do WhatsApp é o da barra fixa */
  .pdp-at .compra-peso .linha-compra .btn-pedir-zap{display:none}
  .pdp-at .compra-peso .linha-compra{display:flex}
}
/* Entrega refrigerada: cartão fixo, sem CEP */
.frete-frio .linha-entrega{margin-top:0}
/* cartão de produto, linha do Pedido rápido e catálogo */
.card-at .un-c.min-c{white-space:normal;font-weight:700;color:var(--tinta);line-height:1.35}
.card-at .pr small.num{display:block}
.rp-t td.preco .min-l{display:block;font-size:.8125rem;font-weight:700;color:var(--tinta);margin-top:2px}
.rp-t td.preco .por-kg-m{display:none}
.rp-t tr.peso td.q{color:var(--apoio);font-size:.8125rem}
.cat-min{font-size:.8125rem;font-weight:700}
@media (max-width:960px){ .rp-t td.preco .por-kg-m{display:inline;font-size:.8125rem;font-weight:700;color:var(--ok);margin-left:4px} }
/* embalagem longa ("Peça com peso entre 3 e 4 kg") estourava a ficha em 1024 px (achado de 22/10): a coluna pode encolher e o texto quebra */
@media (max-width:1180px){ .ficha-emb{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)} .ficha-emb li{min-width:0} .ficha-emb b{white-space:normal} }
/* Pedido rápido, linha por peso em tela estreita: o texto "Mínimo 6 kg: R$ 258,00" e o botão "Pedir pelo WhatsApp" não cabem lado a lado abaixo de 360 px; o botão desce para a largura inteira */
@media (max-width:359px){
  .rp-t tr.peso{grid-template-areas:"foto nome nome" "foto emb emb" "preco preco preco" "q q q"}
  .rp-t tr.peso td.q{justify-self:stretch;margin-top:6px}
  .rp-t tr.peso td.q .zap-kg{width:100%;justify-content:center;min-height:44px}
}
/* barra fixa do produto por peso em 320 px: o rótulo "6 kg no Pix, cerca de" quebra em duas linhas em vez de encostar no botão (folga mínima de 12 px, o vão da grade) */
@media (max-width:380px){ .barra-fim.barra-pdp .bf-tot{min-width:0} .barra-fim.barra-pdp .bf-tot small{white-space:normal;line-height:1.2} }