/* Clube Animal Balance (/clube), Minha Conta (/minhaconta) e o bloco do Clube/cashback nos checkouts — tema 5 da loja (tokens de loja.css) */
.cl-hero{background:var(--navy,#12365a);color:#fff;padding:34px 16px 30px}.cl-in{max-width:760px;margin:0 auto}
.cl-tag{margin:0 0 8px;font-size:12.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--cta,#ffd12e)}
.cl-hero h1{color:#fff;margin:0 0 10px;font-size:clamp(26px,7vw,40px);line-height:1.12}.cl-sub{margin:0 0 16px;font-size:16px;line-height:1.5;color:inherit;opacity:.92}
.cl-cta{display:inline-flex;width:100%;max-width:420px;min-height:54px;font-size:17px}.cl-mini{font-size:13px;line-height:1.5;color:var(--sub,#55677b);margin:8px 0 0}.cl-hero .cl-mini{color:#cfe0f2}
.cl-ok{max-width:760px;margin:16px auto 0;padding:14px 16px;border-radius:var(--r,6px);background:var(--ok-l,#e8f5ee);color:var(--ok,#177245);font-size:15px}
.cl-ben{max-width:960px;margin:22px auto;padding:0 16px;display:grid;gap:12px}@media(min-width:760px){.cl-ben{grid-template-columns:repeat(2,1fr)}}
.cl-b{padding:16px;border:1px solid var(--line,#dce2e8);border-top:4px solid var(--cta,#ffd12e);border-radius:var(--r,6px);background:#fff}.cl-n{font-size:12.5px;font-weight:900;color:var(--brand,#164c88);letter-spacing:.08em}
.cl-b h2{margin:4px 0 6px;font-size:17px;color:var(--navy,#12365a)}.cl-b p{margin:0;font-size:14px;line-height:1.5;color:var(--sub,#55677b)}
.cl-ex,.cl-form,.cl-faq{max-width:760px;margin:0 auto 24px;padding:0 16px}.cl-ex h2,.cl-form h2,.cl-faq h2{font-size:20px;color:var(--navy,#12365a);margin:0 0 10px}
.cl-tb{width:100%;border-collapse:collapse;font-size:14px}.cl-tb th,.cl-tb td{padding:9px 6px;border-bottom:1px solid var(--line,#dce2e8);text-align:left}.cl-tb small{color:var(--ok,#177245);font-weight:700}
.cl-form form,.cl-pix{padding:16px;border:1px solid var(--line,#dce2e8);border-radius:var(--r,6px);background:#fff;display:grid;gap:10px}
.cl-pix{justify-items:center;text-align:center}.cl-pix textarea{width:100%;font:12px/1.4 ui-monospace,monospace;padding:8px;border:1px solid var(--line,#dce2e8);border-radius:4px}
.cl-faq details{border-bottom:1px solid var(--line,#dce2e8);padding:10px 0}.cl-faq summary{cursor:pointer;font-weight:800;color:var(--navy,#12365a)}.cl-faq p{font-size:14px;line-height:1.55;color:var(--sub,#55677b)}
.fl2{display:grid;gap:10px}@media(min-width:640px){.fl2{grid-template-columns:1fr 1fr}}
.cl-form .fl,.ct-login .fl{display:grid;gap:4px;font-size:13px;font-weight:700;color:var(--ink,#1d3147)}.cl-form input,.ct-login input{min-height:48px;padding:0 12px;border:1px solid var(--line2,#c9d4df);border-radius:var(--r,6px);font:16px var(--ff,system-ui)}
.stripe-el{min-height:48px}
/* Minha Conta */
.ct-wrap{max-width:860px;margin:0 auto;padding:22px 16px 40px}.ct-login{max-width:440px;margin:0 auto;display:grid;gap:12px}.ct-login form{display:grid;gap:10px}
.ct-wrap h1{margin:0 0 6px;font-size:26px;color:var(--navy,#12365a)}.ct-link{border:0;background:none;color:var(--brand,#164c88);font:700 14px var(--ff,system-ui);text-decoration:underline;cursor:pointer;padding:8px 0;justify-self:start}
.ct-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ct-abas{display:flex;gap:6px;overflow-x:auto;margin:14px 0;padding-bottom:4px;scrollbar-width:none}.ct-abas::-webkit-scrollbar{display:none}
.ct-abas button{flex:0 0 auto;min-height:40px;padding:0 14px;border:1px solid var(--line,#dce2e8);border-radius:999px;background:#fff;color:var(--ink,#1d3147);font:700 14px var(--ff,system-ui);cursor:pointer}
.ct-abas button[aria-selected=true]{background:var(--navy,#12365a);border-color:var(--navy,#12365a);color:#fff}
.ct-card{padding:14px;border:1px solid var(--line,#dce2e8);border-radius:var(--r,6px);background:#fff;margin:0 0 10px}.ct-card h3{margin:0 0 4px;font-size:15.5px;color:var(--navy,#12365a)}
.ct-l{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:3px 0}.ct-l span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.ct-l.desc span:last-child{color:var(--ok,#177245)}
.ct-st{display:inline-block;font-size:12px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--soft,#f4f6f8);color:var(--sub,#55677b)}.ct-st.ok{background:var(--ok-l,#e8f5ee);color:var(--ok,#177245)}.ct-st.no{background:#fde9e7;color:var(--off,#c8372d)}.ct-st.av{background:var(--warn-l,#fff4dc);color:var(--warn,#8a5a00)}
.ct-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 12px}@media(min-width:640px){.ct-kpis{grid-template-columns:repeat(4,1fr)}}
.ct-k{padding:12px;border-radius:var(--r,6px);background:var(--brand-l,#edf3f9)}.ct-k b{display:block;font-size:20px;color:var(--navy,#12365a);font-variant-numeric:tabular-nums}.ct-k small{font-size:12px;color:var(--sub,#55677b)}
.ct-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ct-acoes a,.ct-acoes button{min-height:40px;padding:0 14px;border-radius:var(--r,6px);border:1px solid var(--line2,#c9d4df);background:#fff;color:var(--ink,#1d3147);font:700 13.5px var(--ff,system-ui);display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}
.ct-acoes .perigo{border-color:#f0c4bf;color:var(--off,#c8372d)}.ct-acoes .bt-buy{border:0}.ct-conf{margin-top:10px;padding:10px;border-radius:var(--r,6px);background:#fff6f5;border:1px solid #f0c4bf;font-size:14px}
.ct-vazio{padding:20px;text-align:center;color:var(--sub,#55677b);font-size:14px;border:1px dashed var(--line2,#c9d4df);border-radius:var(--r,6px)}
.ct-ext{width:100%;border-collapse:collapse;font-size:13.5px}.ct-ext td{padding:8px 4px;border-bottom:1px solid var(--line,#dce2e8);vertical-align:top}.ct-ext td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.ct-ext small{display:block;color:var(--mute,#626d7a);font-size:12px}
.cr{color:var(--ok,#177245)}.db{color:var(--off,#c8372d)}
/* bloco do Clube e do cashback no checkout (loja e VSL) */
.cl-box{margin:12px 0;padding:12px;border:2px dashed var(--cta-d,#f2bd00);border-radius:var(--r,8px);background:#fffbea;display:grid;gap:8px}
.cl-box label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:14px;line-height:1.4}.cl-box input{width:22px;height:22px;flex:0 0 auto;margin:1px 0 0;accent-color:#164c88}
.cl-box b{color:#12365a}.cl-box small{display:block;color:#55677b;font-size:12.5px}.cl-box .cl-on{color:#177245;font-weight:800}
.cl-preco{display:block;font-size:12px;color:#177245;font-weight:700;margin-top:2px}
.rs-l.desc.cl span:first-child::after{content:""}
/* menu da Minha Conta: lateral no computador, abas roláveis no celular (390 px sem rolagem lateral da página) */
.ct-grid{display:grid;gap:14px}@media(min-width:860px){.ct-grid{grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}}
.ct-menu{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px;position:sticky;top:0;background:#fff;z-index:5}.ct-menu::-webkit-scrollbar{display:none}
.ct-menu button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid var(--line,#dce2e8);border-radius:999px;background:#fff;color:var(--ink,#1d3147);font:700 14px var(--ff,system-ui);cursor:pointer}
.ct-menu button .ic{width:20px;height:20px}.ct-menu button[aria-current=page]{background:var(--navy,#12365a);border-color:var(--navy,#12365a);color:#fff}.ct-menu button[aria-current=page] .ic{--ic-l:#fff}
.ct-menu .ct-sair{color:var(--off,#c8372d);border-color:#f0c4bf}
@media(min-width:860px){.ct-menu{flex-direction:column;overflow:visible;margin:0;padding:8px;border:1px solid var(--line,#dce2e8);border-radius:var(--r,6px);top:12px}
  .ct-menu button{border:0;border-radius:var(--r,6px);justify-content:flex-start;min-height:46px;font-size:15px}.ct-menu button:hover{background:var(--soft,#f4f6f8)}.ct-menu .ct-sair{margin-top:6px;border-top:1px solid var(--line,#dce2e8);border-radius:0}}
.ct-main{min-width:0}.ct-main h2{font-size:20px;color:var(--navy,#12365a);margin:0 0 10px}
.bnf{display:grid;gap:10px}.bnf-c{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line,#dce2e8);border-radius:var(--r,6px);background:#fff;border-left:4px solid var(--cta,#ffd12e)}
.bnf-c .ic{width:40px;height:40px}.bnf-c h3{margin:0 0 3px;font-size:15.5px;color:var(--navy,#12365a)}.bnf-c p{margin:0 0 4px;font-size:13.5px;line-height:1.45;color:var(--sub,#55677b)}
.bnf-c .bnf-v{font-size:12.5px;font-weight:700;color:var(--warn,#8a5a00)}.bnf-c .bnf-cod{display:inline-block;font:800 13px ui-monospace,monospace;padding:3px 8px;border:1px dashed var(--brand,#164c88);border-radius:4px;color:var(--brand,#164c88)}
.ct-ola{display:grid;gap:10px}.ct-prox{display:grid;gap:8px}@media(min-width:640px){.ct-prox{grid-template-columns:1fr 1fr}}
.ct-ajuda a{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line,#dce2e8);border-radius:var(--r,6px);margin:0 0 8px;text-decoration:none;color:var(--ink,#1d3147);font-weight:700}
/* entrada "Minha conta" no topo da loja */
.conta-bt{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:4px;color:var(--navy,#12365a);font:800 13.5px var(--ff,system-ui);text-decoration:none;white-space:nowrap}
.conta-bt .ic{width:24px;height:24px}.conta-bt .cb-chip{background:var(--ok-l,#e8f5ee);color:var(--ok,#177245);border-radius:999px;padding:2px 8px;font-size:12px;font-variant-numeric:tabular-nums}
@media(max-width:520px){.conta-bt .cb-t{max-width:70px;overflow:hidden;text-overflow:ellipsis}.conta-bt{padding:0 4px}}
.cats a.cats-conta{background:var(--cta,#ffd12e);color:var(--cta-ink,#13263d);border-radius:999px;padding-left:12px;padding-right:12px}
/* Bump do Clube na assinatura (18/10/2026): 1 cartão limpo logo acima do Finalizar, 1 toque. Mesma altura marcado/desmarcado. */
.clb{margin:12px 0;padding:14px;border:2px solid var(--line2,#c9d4df);border-radius:10px;background:#fff;display:grid;gap:10px;transition:border-color .15s,background .15s}
.clb.clb-on{border-color:var(--ok,#177245);background:var(--ok-l,#e8f5ee)}
.clb .clb-top{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px;margin:0;font-weight:400;font-size:15px}
.clb .clb-top input{display:block;width:28px;height:28px;flex:0 0 auto;margin:0;padding:0;border:0;accent-color:var(--ok,#177245);cursor:pointer}
.clb-top input:focus-visible{outline:3px solid var(--brand,#164c88);outline-offset:2px}
.clb-tt{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;line-height:1.25}.clb-tt b{font-size:16px;color:var(--navy,#12365a)}
.clb-pr{font-size:15px;font-weight:800;color:var(--ok,#177245);white-space:nowrap}
.clb-ic{flex:0 0 auto;display:block}
.clb-eco{margin:0;font-size:14px;line-height:1.4;color:var(--ink,#1d3147);min-height:2.8em}.clb-eco b{color:var(--ok,#177245)}
.clb-ben{list-style:none;margin:0;padding:0;display:grid;gap:6px}.clb-ben li{display:flex;align-items:center;gap:8px;font-size:13.5px;line-height:1.3;color:var(--ink,#1d3147)}
.clb-mais{font-size:13.5px}.clb-mais summary{cursor:pointer;font-weight:800;color:var(--brand,#164c88);min-height:32px;display:flex;align-items:center}
.clb-mais ul{margin:6px 0 8px;padding-left:18px;display:grid;gap:4px;color:var(--sub,#55677b);line-height:1.4}.clb-mais a{font-weight:700}
/* Notas e status sem vermelho/laranja de erro (dono, 19/10/2026): vermelho só para erro real de ação do cliente */
.bnf-c .bnf-v{color:var(--sub,#55677b)}
.ct-menu .ct-sair{color:var(--sub,#55677b);border-color:var(--line,#dce2e8)}
.ct-st.av{background:var(--brand-l,#edf3f9);color:var(--navy,#12365a)}
.ct-st.no{background:var(--soft,#f4f6f8);color:#4a5563}
.db{color:var(--ink,#1d3147)}
.ct-manter{border-color:#ffd12e;background:#fffbea}.ct-manter img{display:block;margin:8px auto;max-width:220px}.ct-manter textarea{width:100%;font-size:12px}
/* Endereços e dados + aviso de spam no login (dono, 19/10/2026) */
.ct-aviso{margin:8px 0 2px!important}.ct-aviso b{color:var(--ink,#1d3147);font-weight:700}
.ct-reenv{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}.ct-reenv .ct-link[disabled]{color:var(--nota,#5c6672);text-decoration:none;cursor:default}
.ct-form{display:grid;gap:10px;padding:14px;border:1px solid var(--line,#dce2e8);border-radius:var(--r,6px);background:#fff;margin:0 0 10px}.ct-form h3{margin:0;font-size:15.5px;color:var(--navy,#12365a)}
.ct-form .fl2{display:grid;gap:10px;grid-template-columns:1fr 1fr;align-items:end}.ct-form .cep-st{font-size:13px;color:var(--sub,#55677b);padding-bottom:14px}
.ct-chk{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;min-height:44px}.ct-chk input{width:20px;height:20px;accent-color:var(--brand,#164c88)}
.ct-end.prin{border-color:var(--brand,#164c88);box-shadow:inset 3px 0 0 var(--brand,#164c88)}.ct-card .ct-l .ct-link{padding:4px 0}
.ct-salvo{margin:0 0 10px!important}
@media(max-width:380px){.ct-form .fl2{grid-template-columns:1fr}}
.ct-acoes .bt-buy,.ct-form .ct-acoes .bt-buy{background:var(--cta,#fcd12a);color:var(--cta-ink,#14233a)}
