/* ============================================================================
   Fluv Commerce — conta do comprador, favoritos, ofertas e rodapé.

   Mesma regra do loja.css: nenhuma cor literal de marca, só var(--ec-*). É o
   que deixa cada tema (e o seletor de cor do painel) pintar estas telas
   também. As únicas cores fixas são branco/preto translúcidos de sombra e véu.
   ========================================================================= */

/* `.ec-campo{display:block}` vence o [hidden] do navegador: sem isto, campo
   escondido (senha nova fora da troca de senha, telefone já conhecido no
   checkout) aparecia mesmo assim. */
.ec-campo[hidden],.ec-auth [hidden],.ec-ck-ident [hidden],.ec-ck-ident__opcao[hidden]{display:none!important}

/* ── Cabeçalho: favoritos e conta ───────────────────────────────────────── */
.ec-acao--conta{flex-direction:row;gap:9px;text-align:left}
.ec-acao--conta>span:last-child{display:flex;flex-direction:column;line-height:1.15;font-size:.82rem;font-weight:700;color:var(--ec-texto)}
.ec-acao--conta small{font-size:.68rem;font-weight:600;color:var(--ec-texto-suave)}
.ec-acao__avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9rem;
  background:var(--ec-primaria);color:var(--ec-sobre-primaria);box-shadow:0 0 0 3px color-mix(in srgb,var(--ec-primaria) 18%,transparent)}
.ec-acao__bolha.is-pulo{animation:ec-pulo .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes ec-pulo{0%{transform:scale(.6)}60%{transform:scale(1.25)}100%{transform:scale(1)}}

.ec-conta-menu{position:relative}
.ec-conta-menu__caixa{position:absolute;right:0;top:calc(100% + 8px);z-index:90;min-width:220px;padding:8px;
  background:var(--ec-superficie);border:1px solid var(--ec-borda);border-radius:var(--ec-raio);
  box-shadow:0 18px 44px rgba(17,24,39,.16);opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s,transform .18s,visibility .18s}
.ec-conta-menu__caixa::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.ec-conta-menu__caixa a,.ec-conta-menu__caixa button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;
  background:none;border-radius:var(--ec-raio-sm);font:inherit;font-size:.9rem;font-weight:600;color:var(--ec-texto);cursor:pointer;text-align:left}
.ec-conta-menu__caixa i{width:18px;text-align:center;color:var(--ec-texto-suave)}
.ec-conta-menu__caixa a:hover,.ec-conta-menu__caixa button:hover{background:var(--ec-suave);color:var(--ec-primaria)}
.ec-conta-menu__caixa button{border-top:1px solid var(--ec-borda);border-radius:0 0 var(--ec-raio-sm) var(--ec-raio-sm);margin-top:4px}
@media (hover:hover){.ec-conta-menu:hover .ec-conta-menu__caixa,.ec-conta-menu:focus-within .ec-conta-menu__caixa{opacity:1;visibility:visible;transform:none}}
.ec-conta-menu.is-aberto .ec-conta-menu__caixa{opacity:1;visibility:visible;transform:none}
@media (max-width:620px){.ec-acao--fav,.ec-acao--conta,.ec-conta-menu{display:none}}

/* ── Favorito: visível no toque e com batida ao salvar ──────────────────── */
@media (hover:none){.ec-card__favorito{opacity:1;transform:none}}
.ec-card__favorito.is-batida i,.ec-prod__fav.is-batida i{animation:ec-batida .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes ec-batida{0%{transform:scale(1)}35%{transform:scale(1.45)}100%{transform:scale(1)}}
.ec-card.is-saindo{opacity:0;transform:scale(.94);transition:opacity .3s,transform .3s}

/* ── Componente de entrar ───────────────────────────────────────────────── */
.ec-auth{width:100%}
.ec-auth__abas{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:22px;
  background:var(--ec-suave);border-radius:999px}
.ec-auth__abas button{position:relative;z-index:1;border:0;background:none;padding:10px;border-radius:999px;font:inherit;
  font-size:.92rem;font-weight:700;color:var(--ec-texto-suave);cursor:pointer;transition:color .2s}
.ec-auth__abas button.is-ativa{color:var(--ec-texto)}
.ec-auth__trilho{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;
  background:var(--ec-superficie);box-shadow:0 2px 10px rgba(17,24,39,.1);transition:transform .32s cubic-bezier(.4,0,.2,1)}
.ec-auth__abas[data-ativa=criar] .ec-auth__trilho{transform:translateX(100%)}
.ec-auth__abas[data-ativa=recuperar] .ec-auth__trilho,.ec-auth__abas[data-ativa=codigo] .ec-auth__trilho{opacity:.35}

.ec-auth__palco{position:relative;transition:height .26s cubic-bezier(.4,0,.2,1)}
.ec-auth__palco[style*=height]{overflow:hidden}
.ec-auth__painel{display:none}
.ec-auth__painel.is-ativo{display:block}
.ec-auth__painel.is-saindo{animation:ec-esmaece-sai .17s ease forwards}
.ec-auth__painel.is-entrando{animation:ec-esmaece-entra .26s cubic-bezier(.2,.8,.2,1) both}
@keyframes ec-esmaece-sai{to{opacity:0;transform:translateX(-10px);filter:blur(2px)}}
@keyframes ec-esmaece-entra{from{opacity:0;transform:translateX(12px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}

.ec-auth__senha{position:relative}
.ec-auth__olho{position:absolute;right:6px;bottom:6px;width:38px;height:38px;border:0;background:none;border-radius:var(--ec-raio-sm);
  color:var(--ec-texto-suave);cursor:pointer}
.ec-auth__olho:hover{color:var(--ec-primaria);background:var(--ec-suave)}
.ec-auth__senha .ec-input{padding-right:48px}
.ec-auth__linha{display:flex;justify-content:flex-end;margin:-6px 0 14px}
.ec-auth__ou{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--ec-texto-suave);font-size:.8rem;font-weight:600}
.ec-auth__ou::before,.ec-auth__ou::after{content:"";flex:1;height:1px;background:var(--ec-borda)}
.ec-auth__nota{margin:12px 0 0;font-size:.82rem;color:var(--ec-texto-suave);text-align:center}
.ec-auth__titulo{margin:0 0 6px;font-size:1.2rem}
.ec-auth__texto{margin:0 0 18px;color:var(--ec-texto-suave);font-size:.93rem}
.ec-auth__voltar{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:0;margin-bottom:14px;font:inherit;
  font-size:.84rem;font-weight:700;color:var(--ec-texto-suave);cursor:pointer}
.ec-auth__voltar:hover{color:var(--ec-primaria)}
.ec-auth__erro{margin:0 0 12px;padding:10px 13px;border-radius:var(--ec-raio-sm);font-size:.86rem;font-weight:600;
  color:var(--ec-erro);background:color-mix(in srgb,var(--ec-erro) 9%,transparent)}
.ec-auth__erro.is-treme{animation:ec-treme .36s}
@keyframes ec-treme{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.ec-auth__envelope{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:14px;font-size:1.5rem;
  background:color-mix(in srgb,var(--ec-primaria) 12%,transparent);color:var(--ec-primaria)}
.ec-auth__digitos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:16px}
.ec-auth__digitos .ec-input{min-width:0;width:100%;text-align:center;font-size:1.45rem;font-weight:800;padding:12px 0;font-variant-numeric:tabular-nums}
.ec-auth__digitos .ec-input:focus{transform:translateY(-2px)}
.ec-auth__forca{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:-8px 0 14px}
.ec-auth__forca i{height:4px;border-radius:2px;background:var(--ec-borda);transition:background .25s}
.ec-auth__forca[data-nivel="1"] i:nth-child(1){background:var(--ec-erro)}
.ec-auth__forca[data-nivel="2"] i:nth-child(-n+2){background:var(--ec-destaque)}
.ec-auth__forca[data-nivel="3"] i{background:var(--ec-sucesso)}
.ec-auth.is-concluido{opacity:.55;pointer-events:none;transition:opacity .3s}

/* ── Janela por cima da loja (a loja esmaece por trás) ──────────────────── */
.ec-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px}
.ec-modal[hidden]{display:none}
.ec-modal__veu{position:absolute;inset:0;background:rgba(10,12,20,.42);backdrop-filter:blur(6px) saturate(.9);
  opacity:0;transition:opacity .22s}
.ec-modal__cx{position:relative;width:min(430px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;
  padding:28px 26px 24px;background:var(--ec-superficie);border-radius:calc(var(--ec-raio) + 6px);
  box-shadow:0 30px 80px rgba(10,12,20,.32);opacity:0;transform:translateY(18px) scale(.97);
  transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1)}
.ec-modal.is-aberto .ec-modal__veu{opacity:1}
.ec-modal.is-aberto .ec-modal__cx{opacity:1;transform:none}
.ec-modal__fechar{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:var(--ec-suave);
  color:var(--ec-texto-suave);cursor:pointer}
.ec-modal__fechar:hover{color:var(--ec-texto)}
.ec-modal__cab{margin:0 36px 18px 0}
.ec-modal__cab b{display:block;font-family:var(--ec-fonte-titulo);font-size:1.25rem}
.ec-modal__cab span{font-size:.9rem;color:var(--ec-texto-suave)}
html.ec-modal-aberto{overflow:hidden}
html.ec-modal-aberto #ecConteudo,html.ec-modal-aberto .ec-topo{filter:saturate(.85)}
@media (max-width:620px){
  .ec-modal{place-items:end center;padding:0}
  .ec-modal__cx{width:100%;border-radius:22px 22px 0 0;padding:26px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(40px)}
}

/* ── Página /entrar ─────────────────────────────────────────────────────── */
.ec-entrar{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;
  padding:calc(48px * var(--ec-ritmo)) 0;min-height:min(78vh,760px)}
.ec-entrar__selo{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:.8rem;font-weight:700;
  background:color-mix(in srgb,var(--ec-primaria) 11%,transparent);color:var(--ec-primaria);margin-bottom:18px}
.ec-entrar h1{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.12;margin:0 0 28px;max-width:16ch}
.ec-entrar__lista{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.ec-entrar__lista li{display:flex;gap:15px;align-items:flex-start}
.ec-entrar__lista i{width:42px;height:42px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;
  background:var(--ec-superficie);border:1px solid var(--ec-borda);color:var(--ec-primaria);box-shadow:var(--ec-sombra-sm,0 2px 8px rgba(0,0,0,.05))}
.ec-entrar__lista b{display:block;font-size:.98rem}
.ec-entrar__lista span{font-size:.9rem;color:var(--ec-texto-suave)}
.ec-entrar__cartao{background:var(--ec-superficie);border:1px solid var(--ec-borda);border-radius:calc(var(--ec-raio) + 6px);
  padding:30px 28px;box-shadow:0 24px 60px rgba(17,24,39,.09)}
.ec-entrar__rastreio{margin:18px 0 0;text-align:center;font-size:.86rem;color:var(--ec-texto-suave)}
.ec-entrar__rastreio a{color:var(--ec-primaria);font-weight:700}
@media (max-width:860px){
  .ec-entrar{grid-template-columns:1fr;gap:26px;padding-top:24px}
  .ec-entrar__lado{order:2}
  .ec-entrar h1{font-size:1.45rem;margin-bottom:18px}
  .ec-entrar__cartao{padding:24px 18px}
}

/* ── Minha conta ────────────────────────────────────────────────────────── */
.ec-conta{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;padding:calc(32px * var(--ec-ritmo)) 0}
.ec-conta__lado{position:sticky;top:96px;background:var(--ec-superficie);border:1px solid var(--ec-borda);border-radius:var(--ec-raio);padding:16px}
.ec-conta__perfil{display:flex;gap:12px;align-items:center;padding:6px 6px 16px;margin-bottom:8px;border-bottom:1px solid var(--ec-borda);min-width:0}
.ec-conta__perfil>div{min-width:0}
.ec-conta__perfil b{display:block;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ec-conta__perfil div span{display:block;font-size:.8rem;color:var(--ec-texto-suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ec-conta__avatar{width:46px;height:46px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.15rem;
  background:linear-gradient(135deg,var(--ec-primaria),color-mix(in srgb,var(--ec-primaria) 60%,var(--ec-secundaria,var(--ec-primaria))));color:var(--ec-sobre-primaria)}
.ec-conta__nav{display:grid;gap:2px}
.ec-conta__nav a,.ec-conta__nav button{display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;background:none;border-radius:var(--ec-raio-sm);
  font:inherit;font-size:.92rem;font-weight:600;color:var(--ec-texto-suave);cursor:pointer;text-align:left;width:100%}
.ec-conta__nav i{width:18px;text-align:center}
.ec-conta__nav a:hover,.ec-conta__nav button:hover{background:var(--ec-suave);color:var(--ec-texto)}
.ec-conta__nav a.is-ativo{background:color-mix(in srgb,var(--ec-primaria) 11%,transparent);color:var(--ec-primaria)}
.ec-conta__nav em{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;
  font-style:normal;font-size:.72rem;font-weight:800;background:var(--ec-destaque);color:var(--ec-sobre-destaque)}
.ec-conta__nav em.is-neutro{background:var(--ec-suave);color:var(--ec-texto-suave)}
.ec-conta__nav button{margin-top:6px;border-top:1px solid var(--ec-borda);border-radius:0;padding-top:14px}
.ec-conta__cab{margin-bottom:22px}
.ec-conta__cab h1{margin:0 0 4px;font-size:clamp(1.4rem,2.4vw,1.85rem)}
.ec-conta__cab p{margin:0;color:var(--ec-texto-suave)}
.ec-conta__cab--acao{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}

.ec-conta__ultimo{display:flex;align-items:center;gap:18px;padding:18px;margin-bottom:18px;border-radius:var(--ec-raio);
  background:var(--ec-superficie);border:1px solid var(--ec-borda);transition:border-color .2s,box-shadow .2s,transform .2s}
.ec-conta__ultimo:hover{border-color:color-mix(in srgb,var(--ec-primaria) 45%,var(--ec-borda));box-shadow:0 12px 32px rgba(17,24,39,.08);transform:translateY(-1px)}
.ec-conta__ultimo-fotos{display:flex;flex-shrink:0}
.ec-conta__ultimo-fotos img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff;border:2px solid var(--ec-superficie);
  box-shadow:0 2px 8px rgba(0,0,0,.08);margin-left:-14px}
.ec-conta__ultimo-fotos img:first-child{margin-left:0}
.ec-conta__ultimo-txt{flex:1;min-width:0;display:grid;gap:7px}
.ec-conta__ultimo-data{font-size:.84rem;color:var(--ec-texto-suave)}
.ec-conta__ultimo-ir{font-weight:700;font-size:.9rem;color:var(--ec-primaria);white-space:nowrap}
.ec-rotulo-mini{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ec-texto-suave)}

.ec-status{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}
.ec-status--sucesso{background:color-mix(in srgb,var(--ec-sucesso) 13%,transparent);color:var(--ec-sucesso)}
.ec-status--alerta{background:color-mix(in srgb,var(--ec-alerta,var(--ec-destaque)) 15%,transparent);color:color-mix(in srgb,var(--ec-alerta,var(--ec-destaque)) 80%,var(--ec-texto))}
.ec-status--erro{background:color-mix(in srgb,var(--ec-erro) 12%,transparent);color:var(--ec-erro)}
.ec-status--info{background:color-mix(in srgb,var(--ec-primaria) 12%,transparent);color:var(--ec-primaria)}
.ec-mini-trilha{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-width:260px}
.ec-mini-trilha span{height:5px;border-radius:3px;background:var(--ec-borda)}
.ec-mini-trilha span.is-feita{background:var(--ec-sucesso)}
.ec-mini-trilha span.is-atual{box-shadow:0 0 0 3px color-mix(in srgb,var(--ec-sucesso) 22%,transparent)}

.ec-conta__atalhos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.ec-conta__atalhos a{display:grid;gap:2px;padding:16px;border-radius:var(--ec-raio);background:var(--ec-superficie);border:1px solid var(--ec-borda);transition:border-color .2s}
.ec-conta__atalhos a:hover{border-color:var(--ec-primaria)}
.ec-conta__atalhos i{color:var(--ec-primaria);margin-bottom:6px}
.ec-conta__atalhos b{font-size:1.45rem;line-height:1}
.ec-conta__atalhos span{font-size:.84rem;color:var(--ec-texto-suave)}
.ec-conta__aviso{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--ec-raio);
  background:color-mix(in srgb,var(--ec-destaque) 13%,var(--ec-superficie));border:1px solid color-mix(in srgb,var(--ec-destaque) 35%,transparent)}
.ec-conta__aviso>i:first-child{font-size:1.3rem;color:var(--ec-destaque)}
.ec-conta__aviso div{flex:1}
.ec-conta__aviso b{display:block}
.ec-conta__aviso span{font-size:.88rem;color:var(--ec-texto-suave)}
.ec-link-mais{font-size:.9rem;font-weight:700;color:var(--ec-primaria);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}

.ec-pedidos{display:grid;gap:14px}
.ec-pedido-cartao{padding:18px;border-radius:var(--ec-raio);background:var(--ec-superficie);border:1px solid var(--ec-borda);display:grid;gap:14px}
.ec-pedido-cartao header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ec-pedido-cartao header b{display:block}
.ec-pedido-cartao header span:not(.ec-status){font-size:.84rem;color:var(--ec-texto-suave)}
.ec-pedido-cartao__itens{display:flex;align-items:center;gap:14px;min-width:0}
.ec-pedido-cartao__itens p{margin:0;font-size:.88rem;color:var(--ec-texto-suave);min-width:0}
.ec-pedido-cartao__fotos{display:flex;gap:6px;flex-shrink:0}
.ec-pedido-cartao__fotos img,.ec-pedido-cartao__fotos span{width:48px;height:48px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid var(--ec-borda);
  display:grid;place-items:center;font-size:.8rem;font-weight:700;color:var(--ec-texto-suave)}
.ec-pedido-cartao footer{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--ec-borda)}
.ec-pedido-cartao__total{margin-right:auto;display:grid}
.ec-pedido-cartao__total span{font-size:.8rem;color:var(--ec-texto-suave)}

.ec-avaliar-lista{display:grid;gap:14px}
.ec-avaliar{padding:18px;border-radius:var(--ec-raio);background:var(--ec-superficie);border:1px solid var(--ec-borda);display:grid;gap:12px}
.ec-avaliar__produto{display:flex;gap:12px;align-items:center}
.ec-avaliar__produto img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--ec-borda)}
.ec-avaliar__produto span{display:block;font-size:.82rem;color:var(--ec-texto-suave)}
.ec-avaliar .ec-btn{justify-self:start}
.ec-avaliar__ok{margin:0;color:var(--ec-sucesso);font-weight:700}
.ec-estrelas-escolha{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.ec-estrelas-escolha input{position:absolute;opacity:0;pointer-events:none}
.ec-estrelas-escolha label{font-size:1.6rem;color:var(--ec-borda);cursor:pointer;transition:color .15s,transform .15s}
.ec-estrelas-escolha label:hover,.ec-estrelas-escolha label:hover~label,.ec-estrelas-escolha input:checked~label{color:var(--ec-destaque)}
.ec-estrelas-escolha label:hover{transform:scale(1.15)}
.ec-estrelas-escolha input:focus-visible+label{outline:2px solid var(--ec-primaria);outline-offset:2px;border-radius:4px}

.ec-enderecos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.ec-endereco{padding:18px;border-radius:var(--ec-raio);background:var(--ec-superficie);border:1.5px solid var(--ec-borda);display:grid;gap:10px}
.ec-endereco.is-padrao{border-color:color-mix(in srgb,var(--ec-primaria) 55%,var(--ec-borda))}
.ec-endereco header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ec-endereco header i{color:var(--ec-primaria);margin-right:4px}
.ec-endereco__selo{font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--ec-primaria) 12%,transparent);color:var(--ec-primaria)}
.ec-endereco p{margin:0;font-size:.9rem;color:var(--ec-texto-suave);line-height:1.6}
.ec-endereco footer{display:flex;gap:16px;flex-wrap:wrap}
.ec-ck-link--perigo{color:var(--ec-erro)}
.ec-endereco-form{margin-bottom:18px}
.ec-endereco-form__acoes{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.ec-check{display:flex;align-items:center;gap:9px;font-size:.92rem;cursor:pointer}
.ec-check input{width:18px;height:18px;accent-color:var(--ec-primaria)}

@media (max-width:860px){
  .ec-conta{grid-template-columns:1fr;gap:18px;padding-top:18px}
  .ec-conta__lado{position:static;padding:10px}
  .ec-conta__perfil{padding:6px 6px 12px}
  .ec-conta__nav{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
  .ec-conta__nav::-webkit-scrollbar{display:none}
  .ec-conta__nav a,.ec-conta__nav button{width:auto;white-space:nowrap;padding:9px 12px;flex-shrink:0}
  .ec-conta__nav button{margin:0;border:0;padding:9px 12px}
  .ec-conta__ultimo{flex-wrap:wrap}
  .ec-conta__ultimo-ir{width:100%}
}
@media (max-width:620px){
  .ec-conta__atalhos{gap:8px}
  .ec-conta__atalhos a{padding:12px}
  .ec-pedido-cartao__itens p{display:none}
}

/* ── Favoritos e convite para a conta ───────────────────────────────────── */
.ec-convite-conta{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:22px;border-radius:var(--ec-raio);
  background:color-mix(in srgb,var(--ec-primaria) 8%,var(--ec-superficie));border:1px solid color-mix(in srgb,var(--ec-primaria) 22%,transparent)}
.ec-convite-conta>i{font-size:1.5rem;color:var(--ec-primaria)}
.ec-convite-conta div{flex:1;min-width:0}
.ec-convite-conta b{display:block}
.ec-convite-conta span{font-size:.88rem;color:var(--ec-texto-suave)}
.ec-convite-conta--pedido{margin:4px 0 20px}
@media (max-width:620px){.ec-convite-conta{flex-wrap:wrap}.ec-convite-conta .ec-btn{width:100%}}

/* ── Acompanhar pedido ──────────────────────────────────────────────────── */
.ec-rastreio{display:grid;place-items:center;padding:calc(48px * var(--ec-ritmo)) 0;min-height:60vh}
.ec-rastreio__cartao{width:min(440px,100%);padding:32px 28px;border-radius:calc(var(--ec-raio) + 6px);background:var(--ec-superficie);
  border:1px solid var(--ec-borda);box-shadow:0 24px 60px rgba(17,24,39,.08);text-align:center}
.ec-rastreio__cartao form{text-align:left;margin-top:22px}
.ec-rastreio__cartao h1{font-size:1.5rem;margin:0 0 6px}
.ec-rastreio__cartao>p{margin:0;color:var(--ec-texto-suave);font-size:.93rem}
.ec-rastreio__icone{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin:0 auto 16px;font-size:1.5rem;
  background:color-mix(in srgb,var(--ec-primaria) 12%,transparent);color:var(--ec-primaria)}
.ec-rastreio-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--ec-borda)}
.ec-rastreio-linha>div{margin-right:auto}
.ec-rastreio-linha span{display:block;font-size:.8rem;color:var(--ec-texto-suave)}
.ec-rastreio-linha strong{font-family:ui-monospace,monospace;font-size:1.1rem;letter-spacing:.04em}
.ec-rastreio-espera{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--ec-borda);color:var(--ec-texto-suave);font-size:.9rem}

/* ── Checkout: identificação ────────────────────────────────────────────── */
.ec-ck-quem{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:var(--ec-raio-sm);background:var(--ec-suave)}
.ec-ck-quem div{flex:1;min-width:0}
.ec-ck-quem b{display:block;font-size:.95rem}
.ec-ck-quem span{font-size:.84rem;color:var(--ec-texto-suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.ec-ck-quem__avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800;
  background:var(--ec-primaria);color:var(--ec-sobre-primaria)}
.ec-ck-ident{display:grid;gap:4px}
.ec-ck-ident__opcao{padding:16px;border-radius:var(--ec-raio);border:1.5px solid var(--ec-borda);background:var(--ec-superficie);
  transition:opacity .28s,filter .28s,border-color .28s,box-shadow .28s,transform .28s}
.ec-ck-ident--logado .ec-ck-ident__opcao{padding:0;border:0;background:none}
.ec-ck-ident__opcao.is-foco{border-color:color-mix(in srgb,var(--ec-primaria) 55%,var(--ec-borda));box-shadow:0 10px 30px color-mix(in srgb,var(--ec-primaria) 10%,transparent)}
.ec-ck-ident__opcao.is-esmaecido{opacity:.45;filter:saturate(.6);transform:scale(.99)}
.ec-ck-ident__opcao.is-esmaecido:hover{opacity:.75}
.ec-ck-ident__rotulo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.95rem;margin-bottom:12px;color:var(--ec-texto)}
.ec-ck-ident__rotulo i{color:var(--ec-primaria)}
.ec-ck-ident__ou{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--ec-texto-suave);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.ec-ck-ident__ou::before,.ec-ck-ident__ou::after{content:"";flex:1;height:1px;background:var(--ec-borda)}
.ec-ck-ident__cab{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;border:0;background:none;padding:0;font:inherit;text-align:left;cursor:pointer;color:inherit}
.ec-ck-ident__cab .ec-ck-ident__rotulo{margin:0}
.ec-ck-ident__sub{grid-column:1;font-size:.85rem;color:var(--ec-texto-suave)}
.ec-ck-ident__seta{grid-column:2;grid-row:1/span 2;color:var(--ec-texto-suave);transition:transform .25s}
.ec-ck-ident__login{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1),margin .32s}
.ec-ck-ident__login>.ec-auth{overflow:hidden;min-height:0}
#ecCkLogin.is-aberta .ec-ck-ident__login{grid-template-rows:1fr;margin-top:16px}
#ecCkLogin.is-aberta .ec-ck-ident__seta{transform:rotate(180deg)}
.ec-ck-ident__aviso{margin:0 0 14px;font-size:.88rem;color:var(--ec-texto-suave)}
.ec-ck-ident__aviso i{color:var(--ec-primaria)}
.ec-ck-dica{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding:9px 11px;border-radius:var(--ec-raio-sm);font-size:.84rem;
  background:color-mix(in srgb,var(--ec-primaria) 9%,transparent);color:var(--ec-texto)}
.ec-ck-dica[hidden]{display:none}
.ec-ck-dica i{color:var(--ec-primaria)}
.ec-ck-salvos{margin-bottom:6px}
.ec-ck-salvo .ec-opcao__txt span{white-space:normal}
.ec-ck-conta-depois{margin:12px 0 0;font-size:.84rem;color:var(--ec-texto-suave);text-align:center}
.ec-auth--compacto .ec-auth__nota{text-align:left}

/* ── Oferta relâmpago ───────────────────────────────────────────────────── */
.ec-selo--relampago{background:var(--ec-destaque);color:var(--ec-sobre-destaque);display:inline-flex;align-items:center;gap:4px}
.ec-card__relogio{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;color:var(--ec-erro)}
.ec-card__relogio b{font-variant-numeric:tabular-nums}
.ec-card__relogio.is-encerrada{color:var(--ec-texto-suave)}

.ec-relampago{position:relative}
.ec-relampago .ec-wrap{position:relative;padding:26px;border-radius:calc(var(--ec-raio) + 8px);overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ec-primaria) 92%,#000) 0%,var(--ec-primaria) 55%,color-mix(in srgb,var(--ec-destaque) 70%,var(--ec-primaria)) 100%);
  color:var(--ec-sobre-primaria)}
.ec-relampago .ec-wrap::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-180px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--ec-destaque) 55%,transparent),transparent 70%);opacity:.55;pointer-events:none}
.ec-relampago__topo{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.ec-relampago__titulo{display:flex;align-items:center;gap:14px}
.ec-relampago__titulo h2{margin:2px 0 0;color:inherit;font-size:clamp(1.3rem,2.6vw,1.9rem)}
.ec-relampago__raio{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:1.4rem;
  background:var(--ec-destaque);color:var(--ec-sobre-destaque);box-shadow:0 8px 24px rgba(0,0,0,.2);animation:ec-raio 2.4s ease-in-out infinite}
@keyframes ec-raio{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg) scale(1.06)}}
.ec-relampago__selo{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;opacity:.9}
.ec-relampago__relogio{display:flex;align-items:center;gap:8px}
.ec-relampago__acaba{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-right:4px}
.ec-relampago__relogio div{min-width:56px;padding:8px 6px;border-radius:12px;text-align:center;background:rgba(0,0,0,.22);backdrop-filter:blur(4px)}
.ec-relampago__relogio b{display:block;font-size:1.45rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.ec-relampago__relogio small{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.8}
.ec-relampago__relogio.is-ultimas div{animation:ec-urgente 1s ease-in-out infinite}
@keyframes ec-urgente{50%{background:rgba(0,0,0,.4)}}
.ec-relampago__trilho{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);gap:14px;overflow-x:auto;
  scroll-snap-type:x mandatory;overflow-y:hidden;padding-bottom:10px;scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.55) transparent;color:var(--ec-texto)}
.ec-relampago__trilho .ec-card{background:var(--ec-superficie)}
.ec-relampago__trilho>.ec-card{scroll-snap-align:start}
@media (max-width:620px){
  .ec-relampago .ec-wrap{padding:18px 14px;width:100%;border-radius:0}
  .ec-relampago__relogio{width:100%;justify-content:space-between}
  .ec-relampago__relogio div{flex:1;min-width:0}
  .ec-relampago__acaba{display:none}
  .ec-relampago__trilho{grid-auto-columns:46%}
}

.ec-prod__relampago{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;margin:6px 0 12px;
  border-radius:var(--ec-raio-sm);font-size:.88rem;font-weight:800;color:var(--ec-sobre-primaria);
  background:linear-gradient(110deg,var(--ec-primaria),color-mix(in srgb,var(--ec-destaque) 75%,var(--ec-primaria)))}
.ec-prod__relampago-tempo{font-weight:600}
.ec-prod__relampago-tempo b{font-variant-numeric:tabular-nums;font-weight:800}
.ec-prod__acoes2{display:flex;gap:10px;margin-bottom:18px}
.ec-prod__acoes2 .ec-btn--bloco{flex:1}
.ec-prod__fav{width:56px;flex-shrink:0;padding-inline:0}
.ec-prod__fav.is-ativo{color:var(--ec-erro);border-color:color-mix(in srgb,var(--ec-erro) 45%,var(--ec-borda))}

/* ── Rodapé: selos e voltar ao topo ─────────────────────────────────────── */
.ec-rodape__selos{border-bottom:1px solid var(--ec-borda);margin-bottom:40px}
.ec-rodape__selos .ec-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;padding:26px 0}
.ec-rodape__selo{display:flex;align-items:center;gap:13px}
.ec-rodape__selo>i{width:44px;height:44px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;font-size:1.05rem;
  background:color-mix(in srgb,var(--ec-primaria) 11%,transparent);color:var(--ec-primaria)}
.ec-rodape__selo b{display:block;font-size:.92rem;color:var(--ec-texto)}
.ec-rodape__selo span{font-size:.82rem;color:var(--ec-texto-suave)}
.ec-rodape__base{position:relative}
.ec-rodape__topo{width:40px;height:40px;border-radius:50%;border:1px solid var(--ec-borda);background:var(--ec-superficie);color:var(--ec-texto-suave);
  cursor:pointer;flex-shrink:0;transition:color .2s,border-color .2s,transform .2s}
.ec-rodape__topo:hover{color:var(--ec-primaria);border-color:var(--ec-primaria);transform:translateY(-2px)}
@media (max-width:620px){
  .ec-rodape__selos .ec-wrap{grid-template-columns:1fr 1fr;gap:14px;padding:20px 0}
  .ec-rodape__selo{flex-direction:column;align-items:flex-start;gap:8px}
  .ec-rodape__selos{margin-bottom:28px}
}

@media (prefers-reduced-motion:reduce){
  .ec-auth__painel.is-saindo,.ec-auth__painel.is-entrando,.ec-relampago__raio,.ec-relampago__relogio.is-ultimas div{animation:none}
  .ec-modal__cx,.ec-ck-ident__opcao,.ec-auth__palco{transition:none}
}