/* Classes usadas pelas páginas NOVAS (pix, avaliações, termos, endereço) que o CSS
   compilado do original não trazia. Mesma convenção de nome do Tailwind. */
.h-\[204px\]{height:204px}
.w-\[204px\]{width:204px}
.w-\[220px\]{width:220px}
.h-\[56px\]{height:56px}
.w-\[56px\]{width:56px}
.pb-\[40px\]{padding-bottom:40px}
.shadow-\[0_4px_12px_rgba\(254\,44\,85\,0\.3\)\]{box-shadow:0 4px 12px rgba(254,44,85,.3)}
.appearance-none{appearance:none;-webkit-appearance:none;-moz-appearance:none}
.underline-offset-2{text-underline-offset:2px}
/* ESCOLHA DO FRETE (2026-10-02) — página de checkout. O rádio é real (funciona sem JavaScript);
   o visual sai daqui. Cores da loja: vermelho #fe2c55, texto #161823, cinza #5a5b60/#8a8b91. */
.tsf-frete{background:#fff;border-radius:8px}
.tsf-titulo{font-size:12.5px;font-weight:700;color:#161823;margin:0 0 6px}
.tsf-op{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;margin-top:6px;border:1px solid #e3e3e6;border-radius:8px;cursor:pointer;background:#fff;-webkit-tap-highlight-color:transparent}
.tsf-op input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.tsf-radio{flex:0 0 18px;width:18px;height:18px;border-radius:999px;border:2px solid #c9c9cf;display:grid;place-items:center;transition:border-color .15s,background .15s}
.tsf-radio::after{content:"";width:6px;height:6px;border-radius:999px;background:#fff;opacity:0}
.tsf-op.tsf-on,.tsf-op:has(input:checked){border-color:#fe2c55;background:#fff5f7}
.tsf-op.tsf-on .tsf-radio,.tsf-op input:checked+.tsf-radio{border-color:#fe2c55;background:#fe2c55}
.tsf-op.tsf-on .tsf-radio::after,.tsf-op input:checked+.tsf-radio::after{opacity:1}
.tsf-op input:focus-visible+.tsf-radio{outline:2px solid #fe2c55;outline-offset:2px}
.tsf-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.tsf-nome{font-size:13px;font-weight:700;color:#161823;line-height:1.25}
.tsf-transp{font-weight:500;color:#5a5b60}
.tsf-prazo{font-size:11.5px;color:#5a5b60;line-height:1.3}
.tsf-preco{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:13px;color:#161823;white-space:nowrap;line-height:1.2}
.tsf-ancora{font-size:11px;color:#8a8b91}
/* COMPLEMENTOS — order bumps no checkout (2026-10-02, aprovado pelo dono na prévia). A caixa é real (funciona
   sem JavaScript); o app.js só pinta o cartão marcado e soma no total. Mesmo visual da prévia aprovada. */
.tsb{margin-top:8px;background:#fff;padding:12px 16px 14px}
.tsb-titulo{font-size:14px;font-weight:700;color:#161823;display:flex;align-items:center;gap:6px}
.tsb-sub{font-size:12px;color:#5a5b60;margin-top:2px}
.tsb-op{display:flex;gap:10px;align-items:center;border:1px solid #e8e8ea;border-radius:10px;padding:9px 10px;margin-top:9px;cursor:pointer;position:relative;background:#fff;-webkit-tap-highlight-color:transparent}
.tsb-op input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.tsb-op.on,.tsb-op:has(input:checked){border-color:#fe2c55;background:#fff5f7}
.tsb-op img{width:62px;height:62px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#f5f5f5}
.tsb-info{flex:1;min-width:0;display:block}
.tsb-nome,.tsb-desc,.tsb-preco{display:block}
.tsb-nome{font-size:13px;font-weight:700;color:#161823;line-height:1.25}
.tsb-desc{font-size:11.5px;color:#5a5b60;line-height:1.3;margin-top:2px}
.tsb-preco{margin-top:4px;font-size:12px}
.tsb-preco s{color:#8a8b91;margin-right:4px}
.tsb-preco b{color:#fe2c55;font-size:13.5px}
.tsb-off{display:inline-block;margin-left:4px;background:#fff0f3;color:#fe2c55;font-weight:700;font-size:10.5px;padding:1px 5px;border-radius:4px}
.tsb-chk{width:22px;height:22px;border-radius:6px;border:2px solid #c9c9cf;flex-shrink:0;display:grid;place-items:center;transition:background .15s,border-color .15s}
.tsb-op.on .tsb-chk,.tsb-op input:checked~.tsb-chk{background:#fe2c55;border-color:#fe2c55}
.tsb-op.on .tsb-chk:after,.tsb-op input:checked~.tsb-chk:after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.tsb-op input:focus-visible~.tsb-chk{outline:2px solid #fe2c55;outline-offset:2px}
/* OFERTA DEPOIS DA COMPRA — tela do Pix pago (2026-10-02). Cartão, Pix novo dentro do cartão e confirmação. */
.tsu{margin-top:18px;border:2px dashed #fe2c55;border-radius:14px;padding:14px;text-align:left;background:#fff}
.tsu-tag{display:inline-block;background:#fe2c55;color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:.2px}
.tsu-tit{margin-top:8px;font-size:17px;font-weight:800;color:#161823;line-height:1.25}
.tsu-row{display:flex;gap:12px;align-items:center;margin-top:10px}
.tsu-row img{width:96px;height:96px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#f0f0f0}
.tsu-txt{font-size:12.5px;color:#3d3e44;line-height:1.35}
.tsu-preco{margin-top:6px;font-size:13px}.tsu-preco s{color:#8a8b91;margin-right:6px}.tsu-preco b{color:#fe2c55;font-size:20px;font-weight:800}
.tsu-btn{margin-top:12px;display:block;width:100%;border:0;border-radius:999px;background:#fe2c55;color:#fff;font-size:15px;font-weight:800;padding:12px 0;cursor:pointer}
.tsu-btn small{display:block;font-size:10.5px;font-weight:600;opacity:.9}
.tsu-btn[disabled]{opacity:.7;cursor:default}
.tsu-btn.tsu-sec{background:#fff;color:#fe2c55;border:1.5px solid #fe2c55;font-size:14px;padding:10px 0}
.tsu-nao{display:block;margin-top:9px;text-align:center;font-size:12.5px;color:#8a8b91;text-decoration:underline;cursor:pointer;background:none;border:0;width:100%}
.tsu-pix{margin-top:10px;text-align:center}
.tsu-pix-tit{font-size:13.5px;font-weight:700;color:#161823;line-height:1.3}
.tsu-qr{display:block;margin:10px auto 0;width:180px;height:180px;border:1px solid #f0f0f0;border-radius:10px;padding:6px;background:#fff}
.tsu-copia{margin-top:10px;width:100%;box-sizing:border-box;border:0;border-radius:8px;background:#f7f7f7;padding:9px 10px;font-size:12px;color:#161823;outline:none}
.tsu-esp{margin-top:9px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:#5a5b60}
.tsu-gira{display:inline-block;width:12px;height:12px;border-radius:999px;border:2px solid #fe2c55;border-top-color:transparent;animation:tsu-gira .8s linear infinite}
@keyframes tsu-gira{to{transform:rotate(360deg)}}
.tsu-ok{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:15px;font-weight:800;color:#00a693}
.tsu-ok:before{content:"";width:22px;height:22px;border-radius:999px;background:#e7f7f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300b8a9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat;flex-shrink:0}
.tsu-aviso{margin-top:8px;font-size:12.5px;color:#b45309;line-height:1.35}
.tsu-extras{margin-top:12px;border-radius:8px;background:#f0faf8;padding:10px 12px;text-align:left;font-size:12.5px;line-height:1.4;color:#161823}
.tsu-extras b{display:block;font-size:12px;color:#00866f;margin-bottom:2px}
.tsu-validade{margin-top:2px;font-size:11.5px;color:#8a8b91}
@media (prefers-reduced-motion:reduce){.tsu-gira{animation:none}}