@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Montserrat:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }

:root {
  --preto: #2C1810;
  --branco: #F5EFE6;
  --terracota: #C46A4A;
  --terracota-dark: #A8573A;
  --dourado: #C8A96A;
  --dourado-dark: #A8893A;
  --cinza-bg: #EDE4D8;
  --cinza-borda: #D9CCBA;
  --cinza-texto: #8B7355;
  --cinza-hover: #EAE0D4;
  --verde-wp: #25d366;
  --vermelho: #c0392b;
  --trans: 0.3s ease;
  --trans-fast: 0.18s ease;
}

html { scroll-behavior: smooth; }
body { font-family:'Inter',sans-serif; background:var(--branco); color:var(--preto); line-height:1.5; -webkit-font-smoothing:antialiased; font-size:14px; }
html { background:var(--branco); }

/* ===== TOPO (anúncio) ===== */
.topo-anuncio {
  background:var(--terracota);
  color:#F5EFE6;
  text-align:center;
  padding:.55rem 1rem;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* ===== HEADER ===== */
header {
  position:sticky;
  top:0;
  z-index:100;
  background:#F5EFE6;
  border-bottom:1px solid var(--cinza-borda);
}

.header-top {
  max-width:1400px;
  margin:0 auto;
  padding:0 2rem;
  display:flex;
  align-items:center;
  height:64px;
  gap:1.5rem;
}

.logo {
  display:flex;
  flex-direction:column;
  line-height:1.1;
  text-decoration:none;
  flex-shrink:0;
  gap:.05rem;
}

/* "Friperie" — discreto, Montserrat */
.logo-friperie {
  font-family:'Montserrat', sans-serif;
  font-size:.68rem;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--cinza-texto);
}

/* "Chérie" — protagonista, Playfair Display */
.logo-cherie {
  font-family:'Playfair Display', serif;
  font-size:1.65rem;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--terracota);
  line-height:1;
}

.search-bar {
  flex:1;
  max-width:360px;
  position:relative;
}

.search-bar input {
  width:100%;
  padding:.55rem 1rem .55rem 2.4rem;
  border:1px solid var(--cinza-borda);
  border-radius:2px;
  font-family:'Inter',sans-serif;
  font-size:.82rem;
  outline:none;
  transition:border-color var(--trans-fast);
  background:var(--cinza-bg);
  color:var(--preto);
}

.search-bar input::placeholder { color:var(--cinza-texto); }
.search-bar input:focus { border-color:var(--terracota); background:#F5EFE6; }

.search-bar svg {
  position:absolute;
  left:.7rem;
  top:50%;
  transform:translateY(-50%);
  color:var(--cinza-texto);
  width:15px; height:15px;
}

.header-acoes { display:flex; align-items:center; gap:.25rem; margin-left:auto; }

.btn-header-icone {
  background:none;
  border:none;
  cursor:pointer;
  padding:.6rem;
  color:var(--preto);
  transition:opacity var(--trans-fast);
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.btn-header-icone:hover { opacity:.6; }
.btn-header-icone svg { width:22px; height:22px; }

/* Botão cliente com nome */
.btn-header-cliente {
  background:none;border:none;cursor:pointer;padding:.4rem .65rem;
  color:var(--preto);position:relative;
  display:flex;align-items:center;gap:.4rem;
  border-radius:20px;transition:background var(--trans-fast);
}
.btn-header-cliente:hover { background:var(--cinza-bg); }
.btn-header-cliente svg { flex-shrink:0; }
#clienteNomeHeader {
  font-size:.75rem;font-weight:600;color:var(--terracota);
  max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:'Montserrat',sans-serif;letter-spacing:.01em;
}
@media(max-width:480px){ #clienteNomeHeader { display:none !important; } }

.carrinho-badge {
  position:absolute;
  top:4px; right:4px;
  background:var(--terracota);
  color:#F5EFE6;
  font-size:.58rem;
  font-weight:700;
  border-radius:50%;
  width:15px; height:15px;
  display:none;
  align-items:center;
  justify-content:center;
}

/* NAV CATEGORIAS */
.header-nav {
  border-top:1px solid var(--cinza-borda);
  overflow-x:auto;
  scrollbar-width:none;
}

.header-nav::-webkit-scrollbar { display:none; }

.nav-lista {
  max-width:1400px;
  margin:0 auto;
  padding:0 2rem;
  display:flex;
  gap:0;
  list-style:none;
}

.nav-lista li a {
  display:block;
  padding:.75rem 1.1rem;
  font-size:.75rem;
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--cinza-texto);
  text-decoration:none;
  border-bottom:2px solid transparent;
  transition:all var(--trans-fast);
  white-space:nowrap;
}

.nav-lista li a:hover { color:var(--terracota); border-bottom-color:var(--terracota); }
.nav-lista li a.ativo { color:var(--dourado); border-bottom-color:var(--dourado); }

/* ===== HERO ===== */
.hero {
  position:relative;
  background:var(--cinza-bg);
  overflow:hidden;
  height: clamp(280px, 40vw, 480px);
  display:flex;
  align-items:center;
}

.hero-conteudo {
  max-width:1400px;
  width:100%;
  margin:0 auto;
  padding:0 2rem;
  z-index:1;
}

.hero-tag {
  font-family:'Montserrat', sans-serif;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.22em;
  color:var(--dourado);
  margin-bottom:.75rem;
  font-weight:500;
}

.hero h1 {
  font-family:'Playfair Display', serif;
  font-size:clamp(1.8rem, 4vw, 3.2rem);
  font-weight:400;
  font-style:italic;
  line-height:1.2;
  letter-spacing:-.01em;
  color:var(--preto);
  margin-bottom:1.25rem;
  max-width:500px;
}

.hero h1 strong { font-weight:600; font-style:normal; }

.hero-cta {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.7rem 1.5rem;
  background:var(--terracota);
  color:#F5EFE6;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  transition:all var(--trans-fast);
  border:none;
  font-family:'Inter',sans-serif;
}

.hero-cta:hover { background:var(--terracota-dark); }

.hero-deco {
  position:absolute;
  right:0; top:0; bottom:0;
  width:45%;
  background:linear-gradient(135deg, #D4896A, #C46A4A);
  clip-path:polygon(8% 0, 100% 0, 100% 100%, 0% 100%);
  opacity:.25;
}

/* ===== BARRA DE FILTROS ===== */
.barra-filtros {
  max-width:1400px;
  margin:0 auto;
  padding:1.5rem 2rem .5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}

.filtros-chips { display:flex; gap:.4rem; flex-wrap:wrap; }

.chip {
  padding:.38rem .9rem;
  border:1px solid var(--cinza-borda);
  background:var(--branco);
  font-family:'Inter',sans-serif;
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.04em;
  cursor:pointer;
  transition:all var(--trans-fast);
  color:var(--cinza-texto);
  border-radius:1px;
}

.chip.ativo { background:var(--terracota); color:#F5EFE6; border-color:var(--terracota); }
.chip:hover { border-color:var(--terracota); color:var(--terracota); }

.vitrine-contagem { font-size:.72rem; color:var(--cinza-texto); white-space:nowrap; letter-spacing:.04em; }

/* ===== GRID ===== */
.vitrine {
  max-width:1400px;
  margin:0 auto;
  padding:1.5rem 2rem 4rem;
}

.grid-produtos {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1px;
  background:var(--cinza-borda);
}

/* ===== CARD AMARO STYLE ===== */
.card {
  background:var(--branco);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
}

/* Imagem em retrato 3:4 */
.card-imagem {
  position:relative;
  width:100%;
  padding-top:133.33%; /* 3:4 portrait */
  background:var(--cinza-bg);
  overflow:hidden;
}

/* CARROSSEL */
.carrossel { position:absolute; inset:0; overflow:hidden; }
.carrossel-track { display:flex; height:100%; transition:transform .5s ease; }
.carrossel-track img { min-width:100%; width:100%; height:100%; object-fit:cover; flex-shrink:0; transition:transform .6s ease; }
.card:hover .carrossel-track img { transform:scale(1.04); }

.sem-foto {
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--cinza-bg);
  color:var(--cinza-borda);
}
.sem-foto svg { width:40px; height:40px; }

/* Botões prev/next */
.carr-btn {
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(255,255,255,.85); border:none; cursor:pointer;
  width:28px; height:28px; display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; z-index:3; opacity:0; transition:opacity var(--trans-fast);
  color:var(--preto); line-height:1;
}
.card:hover .carr-btn { opacity:1; }
.carr-prev { left:.4rem; }
.carr-next { right:.4rem; }
.carr-btn:hover { background:var(--branco); }

/* Dots */
.carrossel-dots { position:absolute; bottom:.6rem; left:50%; transform:translateX(-50%); display:flex; gap:.3rem; z-index:3; }
.dot { width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.5); cursor:pointer; transition:background var(--trans-fast); }
.dot.ativo { background:var(--branco); }

/* Badge vendido */
.badge-vendido {
  position:absolute; top:.75rem; left:.75rem;
  background:rgba(196,106,74,.9); color:#F5EFE6;
  font-size:.62rem; font-weight:600; text-transform:uppercase;
  letter-spacing:.08em; padding:.2rem .65rem;
  z-index:3;
}

/* Badge fotos */
.badge-fotos {
  position:absolute; bottom:.6rem; right:.6rem;
  background:rgba(0,0,0,.45); color:var(--branco);
  font-size:.62rem; padding:.15rem .45rem;
  z-index:3;
}

/* Botão lupa zoom */
.btn-zoom-lupa {
  position:absolute; bottom:.6rem; right:.6rem;
  background:rgba(255,255,255,.92);
  border:none; border-radius:50%; cursor:pointer;
  width:32px; height:32px;
  display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity var(--trans-fast);
  box-shadow:0 1px 6px rgba(0,0,0,.18);
  z-index:3;
}
.card:hover .btn-zoom-lupa { opacity:1; }
.btn-zoom-lupa:hover { background:#fff; transform:scale(1.1); }

/* Botão wishlist */
.btn-wishlist {
  position:absolute; top:.6rem; right:.6rem;
  background:var(--branco);
  border:none; cursor:pointer;
  width:32px; height:32px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  opacity:0;
  transition:opacity var(--trans-fast);
  z-index:3;
  box-shadow:0 1px 6px rgba(0,0,0,.12);
}

.card:hover .btn-wishlist { opacity:1; }
.btn-wishlist:hover svg { fill:#e74c3c; stroke:#e74c3c; }
.btn-wishlist svg { width:16px; height:16px; transition:all var(--trans-fast); }

/* Botão "Adicionar" aparece sobre a imagem no hover */
.overlay-comprar {
  position:absolute;
  bottom:0; left:0; right:0;
  transform:translateY(100%);
  transition:transform var(--trans);
  z-index:3;
}

.card:not(.vendido-card):hover .overlay-comprar { transform:translateY(0); }

.btn-overlay {
  width:100%;
  padding:.7rem;
  background:var(--terracota);
  color:#F5EFE6;
  border:none;
  font-family:'Inter',sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background var(--trans-fast);
}

.btn-overlay:hover { background:var(--terracota-dark); }
.btn-overlay.no-carrinho { background:var(--terracota-dark); }

/* Corpo do card */
.card-corpo {
  padding:.85rem .75rem;
  display:flex;
  flex-direction:column;
  gap:.2rem;
}

.card-categoria {
  font-family:'Montserrat', sans-serif;
  font-size:.62rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--dourado);
  font-weight:500;
}

.card-nome {
  font-family:'Playfair Display', serif;
  font-size:.9rem;
  font-weight:400;
  line-height:1.35;
  color:var(--preto);
}

.card-preco {
  font-size:.9rem;
  font-weight:600;
  margin-top:.15rem;
}

/* Descrição e características */
.card-descricao {
  font-size:.78rem; color:var(--cinza-texto); line-height:1.6;
  padding:.5rem .75rem 0; border-top:1px solid var(--cinza-borda);
  margin-top:.1rem;
}
.card-caracteristicas { padding:.5rem .75rem 0; }
.carac-lista { list-style:none; display:flex; flex-direction:column; gap:.2rem; margin-top:.3rem; }
.carac-lista li {
  display:flex; gap:.5rem; font-size:.72rem; align-items:baseline;
  border-bottom:1px solid var(--cinza-bg); padding-bottom:.2rem;
}
.carac-lista li:last-child { border-bottom:none; }
.carac-chave { color:var(--cinza-texto); min-width:70px; flex-shrink:0; }
.carac-valor { color:var(--preto); font-weight:500; }
.carac-separador { color:var(--cinza-borda); flex-shrink:0; }

/* Botão frete compacto */
.btn-frete-mini {
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  font-size:.68rem;
  color:var(--cinza-texto);
  background:none;
  border:none;
  cursor:pointer;
  padding:0;
  font-family:'Inter',sans-serif;
  margin-top:.2rem;
  transition:color var(--trans-fast);
  text-decoration:underline;
  text-underline-offset:2px;
}

.btn-frete-mini:hover { color:var(--preto); }

/* Frete box */
.frete-box { border-top:1px solid var(--cinza-borda); padding:.6rem .75rem; }
.frete-input-row { display:flex; gap:.4rem; }
.frete-input-row input { flex:1; padding:.45rem .65rem; border:1px solid var(--cinza-borda); font-family:'Inter',sans-serif; font-size:.78rem; outline:none; border-radius:1px; }
.frete-input-row input:focus { border-color:var(--terracota); }
.frete-input-row button { padding:.45rem .75rem; background:var(--terracota); color:#F5EFE6; border:none; cursor:pointer; font-size:.72rem; font-weight:600; font-family:'Inter',sans-serif; transition:background var(--trans-fast); }
.frete-input-row button:hover { background:var(--terracota-dark); }
.frete-resultados { margin-top:.5rem; }
.frete-opcao { display:flex; align-items:center; justify-content:space-between; padding:.35rem 0; border-bottom:1px solid var(--cinza-bg); font-size:.75rem; }
.frete-opcao:last-child { border-bottom:none; }
.frete-opcao-nome { color:var(--cinza-texto); font-size:.75rem; }
.frete-opcao-prazo { font-size:.68rem; color:#aaa; }
.frete-opcao-preco { font-weight:600; font-size:.78rem; }
.frete-loading { font-size:.75rem; color:var(--cinza-texto); padding:.4rem; text-align:center; }
.frete-erro { font-size:.75rem; color:var(--vermelho); padding:.35rem; text-align:center; }

/* ===== ESTADO VAZIO ===== */
.estado-vazio {
  grid-column:1/-1; text-align:center; padding:5rem 1rem; color:var(--cinza-texto);
  background:var(--branco);
}
.estado-vazio svg { width:48px; height:48px; opacity:.2; margin-bottom:1rem; }
.estado-vazio h3 { font-weight:400; margin-bottom:.4rem; }

/* ===== SPINNER ===== */
.spinner { display:none; width:32px; height:32px; border:2px solid var(--cinza-borda); border-top-color:var(--terracota); border-radius:50%; animation:spin .7s linear infinite; margin:4rem auto; }
.spinner.ativo { display:block; }
@keyframes spin { to { transform:rotate(360deg); } }

/* ===== WP FLUTUANTE ===== */
.btn-wp-flutuante {
  position:fixed; bottom:2rem; right:6rem; z-index:150;
  width:52px; height:52px; border-radius:50%;
  background:var(--verde-wp); color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 16px rgba(37,211,102,.4);
  transition:transform var(--trans-fast), box-shadow var(--trans-fast);
  text-decoration:none;
}
.btn-wp-flutuante:hover { transform:scale(1.08); box-shadow:0 6px 24px rgba(37,211,102,.55); }
.btn-wp-flutuante svg { width:28px; height:28px; }
.wp-tooltip { position:absolute; right:62px; background:#F5EFE6; color:var(--terracota); font-size:.7rem; font-weight:600; padding:.3rem .75rem; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity var(--trans-fast); border-radius:2px; border:1px solid var(--cinza-borda); font-family:'Montserrat',sans-serif; letter-spacing:.04em; }
.btn-wp-flutuante:hover .wp-tooltip { opacity:1; }

/* ===== OVERLAY ===== */
.overlay { position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:200; opacity:0; pointer-events:none; transition:opacity var(--trans); }
.overlay.visivel { opacity:1; pointer-events:all; }

/* ===== DRAWER CARRINHO ===== */
.drawer-carrinho { position:fixed; right:0; top:0; bottom:0; width:min(400px,100vw); background:var(--branco); z-index:201; display:flex; flex-direction:column; transform:translateX(100%); transition:transform var(--trans); box-shadow:-4px 0 40px rgba(0,0,0,.1); }
.drawer-carrinho.aberto { transform:translateX(0); }

.drawer-header { display:flex; align-items:center; justify-content:space-between; padding:1.25rem 1.5rem; border-bottom:1px solid var(--cinza-borda); flex-shrink:0; }
.drawer-header h2 { font-size:.95rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; }
.btn-fechar { background:none; border:none; cursor:pointer; color:var(--cinza-texto); padding:.2rem; transition:opacity var(--trans-fast); }
.btn-fechar:hover { opacity:.5; }
.btn-fechar svg { width:20px; height:20px; }

.drawer-itens { flex:1; overflow-y:auto; padding:1rem 1.5rem; display:flex; flex-direction:column; gap:.85rem; }

.carrinho-vazio { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; text-align:center; color:var(--cinza-texto); gap:.5rem; }
.carrinho-vazio svg { width:44px; height:44px; opacity:.18; }
.carrinho-vazio p { font-weight:500; font-size:.9rem; }
.carrinho-vazio span { font-size:.78rem; }

.item-carrinho { display:flex; gap:.85rem; align-items:flex-start; padding-bottom:.85rem; border-bottom:1px solid var(--cinza-bg); }
.item-carrinho:last-child { border-bottom:none; }
.item-thumb { width:72px; height:96px; object-fit:cover; flex-shrink:0; background:var(--cinza-bg); }
.sem-img { display:flex; align-items:center; justify-content:center; }
.item-info { flex:1; min-width:0; }
.item-nome { font-size:.82rem; font-weight:500; line-height:1.3; margin-bottom:.2rem; }
.item-cat { font-size:.68rem; color:var(--cinza-texto); text-transform:uppercase; letter-spacing:.06em; margin-bottom:.3rem; }
.item-preco { font-size:.88rem; font-weight:600; }
.btn-remover { background:none; border:none; cursor:pointer; color:var(--cinza-borda); padding:.4rem; transition:color var(--trans-fast); flex-shrink:0; border-radius:6px; }
.btn-remover:hover { color:var(--vermelho); background:#fee2e2; }
.btn-remover svg { width:20px; height:20px; display:block; }
.item-rodape { display:flex; justify-content:space-between; align-items:center; margin-top:.2rem; }
.item-rodape .item-preco { margin:0; }
.btn-remover-txt {
  background:none; border:none; cursor:pointer;
  font-size:.72rem; font-weight:600; color:var(--cinza-texto);
  padding:.25rem .5rem; border-radius:4px;
  text-decoration:underline; text-underline-offset:2px;
  transition:color var(--trans-fast);
}
.btn-remover-txt:hover { color:var(--vermelho); }

.drawer-rodape { display:none; flex-direction:column; border-top:1px solid var(--cinza-borda); flex-shrink:0; }

.frete-carrinho { padding:.85rem 1.5rem; border-bottom:1px solid var(--cinza-bg); background:var(--cinza-bg); }
.frete-carrinho-titulo { font-size:.68rem; text-transform:uppercase; letter-spacing:.1em; color:var(--cinza-texto); font-weight:600; margin-bottom:.5rem; }

.frete-opcao-radio { display:flex; align-items:center; gap:.6rem; padding:.45rem 0; border-bottom:1px solid var(--cinza-borda); cursor:pointer; font-size:.78rem; }
.frete-opcao-radio:last-child { border-bottom:none; }
.frete-opcao-radio input[type="radio"] { accent-color:var(--terracota); flex-shrink:0; }
.frete-opcao-info { flex:1; }
.frete-opcao-nome { display:block; color:var(--preto); font-weight:500; font-size:.78rem; }
.frete-opcao-prazo { display:block; font-size:.68rem; color:#aaa; }
.frete-opcao-preco { font-weight:700; font-size:.82rem; flex-shrink:0; }

.totalizacoes { padding:.85rem 1.5rem; display:flex; flex-direction:column; gap:.4rem; border-bottom:1px solid var(--cinza-bg); }
.total-linha { display:flex; justify-content:space-between; font-size:.82rem; color:var(--cinza-texto); }
.total-final { font-size:.95rem; font-weight:700; color:var(--preto); padding-top:.45rem; border-top:1px solid var(--cinza-borda); margin-top:.2rem; }

.btn-finalizar { margin:.85rem 1.5rem; padding:.8rem; background:var(--terracota); color:#F5EFE6; border:none; font-family:'Inter',sans-serif; font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:background var(--trans-fast); display:flex; align-items:center; justify-content:center; gap:.5rem; }
.btn-finalizar:hover { background:var(--terracota-dark); }
.aviso-pagamento { display:flex; align-items:center; justify-content:center; gap:.3rem; font-size:.68rem; color:var(--cinza-texto); padding:0 1.5rem .85rem; }

/* ===== MODAL COMPRA ===== */
.modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:300; display:flex; align-items:center; justify-content:center; padding:1rem; opacity:0; pointer-events:none; transition:opacity var(--trans); }
.modal-overlay.visivel { opacity:1; pointer-events:all; }

.modal-compra { background:var(--branco); width:100%; max-width:460px; max-height:92vh; overflow-y:auto; box-shadow:0 24px 60px rgba(0,0,0,.2); }

.modal-header { display:flex; align-items:center; justify-content:space-between; padding:1.1rem 1.5rem; border-bottom:1px solid var(--cinza-borda); position:sticky; top:0; background:var(--branco); z-index:1; }
.modal-header h3 { font-size:.85rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; }

.modal-resumo { padding:.85rem 1.5rem; background:var(--cinza-bg); border-bottom:1px solid var(--cinza-borda); }
.resumo-itens { display:flex; flex-direction:column; gap:.35rem; }
.resumo-item { display:flex; justify-content:space-between; font-size:.8rem; }
.resumo-frete { color:var(--cinza-texto); }
.resumo-total { display:flex; justify-content:space-between; font-size:.88rem; font-weight:600; padding-top:.5rem; border-top:1px solid var(--cinza-borda); margin-top:.35rem; }
.sem-frete { font-size:.72rem; color:orange; text-align:center; padding:.35rem; }

.pagamento-opcoes { padding:.85rem 1.5rem; display:flex; flex-direction:column; gap:.5rem; }

.btn-pagamento { display:flex; align-items:center; gap:.85rem; padding:.8rem 1rem; border:1px solid var(--cinza-borda); background:var(--branco); cursor:pointer; transition:border-color var(--trans-fast); text-align:left; font-family:'Inter',sans-serif; }
.btn-pagamento:hover { border-color:var(--preto); }
.btn-pagamento.selecionado { border-color:var(--terracota); border-width:2px; }
.btn-pagamento.selecionado::after { content:'✓'; margin-left:auto; font-weight:700; font-size:.85rem; }
.pag-icon { font-size:1.35rem; flex-shrink:0; }
.btn-pagamento div { display:flex; flex-direction:column; }
.btn-pagamento strong { font-size:.82rem; font-weight:600; }
.btn-pagamento small { font-size:.7rem; color:var(--cinza-texto); margin-top:.1rem; }

.parcelas-box { display:flex; align-items:center; gap:.75rem; padding:.35rem 1.5rem .85rem; }
.parcelas-box label { font-size:.78rem; font-weight:600; white-space:nowrap; }
.parcelas-box select { flex:1; padding:.5rem .75rem; border:1px solid var(--cinza-borda); font-family:'Inter',sans-serif; font-size:.8rem; outline:none; }

.btn-confirmar-pag { display:block; width:calc(100% - 3rem); margin:0 1.5rem 1.5rem; padding:.8rem; background:var(--terracota); color:#F5EFE6; border:none; font-family:'Inter',sans-serif; font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:background var(--trans-fast); }
.btn-confirmar-pag:hover:not(:disabled) { background:var(--terracota-dark); }
.btn-confirmar-pag:disabled { opacity:.3; cursor:not-allowed; }

/* FORM PAG */
.form-pag { padding:1.1rem 1.5rem 1.5rem; display:flex; flex-direction:column; gap:.8rem; }
.campo-pag label { display:block; font-size:.68rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--cinza-texto); margin-bottom:.3rem; }
.campo-pag input, .campo-pag select { width:100%; padding:.6rem .85rem; border:1px solid var(--cinza-borda); font-family:'Inter',sans-serif; font-size:.85rem; outline:none; transition:border-color var(--trans-fast); border-radius:0; }
.campo-pag input:focus, .campo-pag select:focus { border-color:var(--terracota); }

/* CARD PREVIEW */
.card-preview { background:linear-gradient(135deg,#1a1a2e,#16213e); padding:1.15rem 1.4rem; color:#fff; height:120px; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; }
.card-preview::before { content:''; position:absolute; top:-40px; right:-40px; width:140px; height:140px; border-radius:50%; background:rgba(255,255,255,.04); }
.card-preview.debito { background:linear-gradient(135deg,#1b4332,#2d6a4f); }
.card-chip { width:28px; height:20px; background:linear-gradient(135deg,#f6c90e,#d4a017); border-radius:3px; }
.card-num { font-size:.95rem; letter-spacing:.2em; font-family:monospace; }
.card-bottom { display:flex; justify-content:space-between; font-size:.68rem; opacity:.75; }

/* PIX */
.pix-qr-box { display:flex; flex-direction:column; align-items:center; gap:.6rem; }
.qr-svg { width:150px; height:150px; border:2px solid var(--cinza-borda); padding:5px; }
.pix-instrucao { font-size:.75rem; color:var(--cinza-texto); text-align:center; }
.pix-chave-box { background:var(--cinza-bg); padding:.8rem 1rem; }
.pix-chave-label { font-size:.68rem; color:var(--cinza-texto); font-weight:600; margin-bottom:.35rem; text-transform:uppercase; letter-spacing:.06em; }
.pix-chave-row { display:flex; gap:.4rem; }
.pix-chave-row input { flex:1; font-size:.78rem; background:var(--branco); border:1px solid var(--cinza-borda); padding:.5rem .7rem; outline:none; }
.pix-chave-row button { padding:.5rem .9rem; background:var(--terracota); color:#F5EFE6; border:none; font-size:.72rem; font-weight:600; cursor:pointer; font-family:'Inter',sans-serif; }
.pix-valor-label { font-size:.85rem; text-align:center; color:var(--cinza-texto); }
.pix-valor-label strong { color:var(--preto); font-size:.95rem; }

/* BOLETO */
.boleto-box { background:var(--cinza-bg); padding:.9rem; display:flex; flex-direction:column; gap:.65rem; }
.boleto-header { display:flex; justify-content:space-between; align-items:center; font-size:.75rem; }
.boleto-logo { font-weight:700; }
.boleto-venc { color:var(--vermelho); font-size:.68rem; font-weight:600; }
.boleto-barras { background:#fff; padding:.4rem; }
.boleto-linha-row { display:flex; gap:.4rem; }
.boleto-linha-row input { flex:1; font-size:.68rem; font-family:monospace; border:1px solid var(--cinza-borda); padding:.45rem .6rem; outline:none; }
.boleto-linha-row button { padding:.45rem .7rem; background:var(--terracota); color:#F5EFE6; border:none; font-size:.7rem; font-weight:600; cursor:pointer; font-family:'Inter',sans-serif; }
.boleto-instrucoes { list-style:none; display:flex; flex-direction:column; gap:.25rem; }
.boleto-instrucoes li { font-size:.72rem; color:var(--cinza-texto); padding-left:.7rem; position:relative; }
.boleto-instrucoes li::before { content:'·'; position:absolute; left:0; }

/* PROCESSANDO / SUCESSO */
.modal-processando { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:3.5rem 2rem; gap:1.25rem; }
.spinner-modal { width:40px; height:40px; border:2px solid var(--cinza-borda); border-top-color:var(--terracota); border-radius:50%; animation:spin .7s linear infinite; }
.modal-processando p { font-size:.88rem; color:var(--cinza-texto); }
.modal-sucesso { display:flex; flex-direction:column; align-items:center; padding:2.5rem 1.5rem; gap:.9rem; }
.sucesso-icone { font-size:3rem; }
.modal-sucesso h3 { font-size:1rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.sucesso-detalhes { width:100%; background:var(--cinza-bg); padding:.9rem 1.1rem; display:flex; flex-direction:column; gap:.4rem; }
.sucesso-linha { display:flex; justify-content:space-between; font-size:.8rem; }
.sucesso-linha span { color:var(--cinza-texto); }
.sucesso-total { padding-top:.4rem; border-top:1px solid var(--cinza-borda); margin-top:.2rem; font-size:.88rem; }
.sucesso-total span, .sucesso-total strong { color:var(--preto); }

/* ===== NEWSLETTER ===== */
.newsletter {
  background:var(--terracota);
  color:#F5EFE6;
  padding:3rem 2rem;
  text-align:center;
}
.newsletter h3 { font-size:1rem; font-weight:300; letter-spacing:.08em; text-transform:uppercase; margin-bottom:.5rem; }
.newsletter p { font-size:.78rem; color:rgba(255,255,255,.5); margin-bottom:1.5rem; }
.newsletter-form { display:flex; max-width:380px; margin:0 auto; gap:0; }
.newsletter-form input { flex:1; padding:.7rem 1rem; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.05); color:#fff; font-family:'Inter',sans-serif; font-size:.82rem; outline:none; }
.newsletter-form input::placeholder { color:rgba(255,255,255,.35); }
.newsletter-form button { padding:.7rem 1.25rem; background:#F5EFE6; color:var(--terracota); border:none; font-family:'Inter',sans-serif; font-size:.75rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; transition:background var(--trans-fast); white-space:nowrap; }
.newsletter-form button:hover { background:#EDE4D8; }

/* ===== TABELA DE MEDIDAS ===== */
.modal-medidas-overlay {
  position:fixed; inset:0; background:rgba(44,24,16,.45);
  z-index:400; display:flex; align-items:center; justify-content:center;
  padding:1rem; opacity:0; pointer-events:none; transition:opacity var(--trans);
}
.modal-medidas-overlay.visivel { opacity:1; pointer-events:all; }

.modal-medidas {
  background:#F5EFE6; width:100%; max-width:680px;
  max-height:90vh; overflow-y:auto; display:flex; flex-direction:column;
  box-shadow:0 24px 60px rgba(44,24,16,.18);
}

.medidas-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:1.1rem 1.5rem; border-bottom:1px solid var(--cinza-borda);
  position:sticky; top:0; background:#F5EFE6; z-index:1;
}
.medidas-header h3 {
  font-family:'Playfair Display', serif;
  font-size:1.05rem; font-weight:600; color:var(--preto);
}

/* Abas */
.medidas-tabs {
  display:flex; border-bottom:1px solid var(--cinza-borda);
  overflow-x:auto; scrollbar-width:none; flex-shrink:0;
}
.medidas-tabs::-webkit-scrollbar { display:none; }
.tab-medida {
  padding:.65rem 1.2rem; font-size:.7rem; font-weight:600;
  font-family:'Montserrat', sans-serif; text-transform:uppercase;
  letter-spacing:.08em; color:var(--cinza-texto); background:none;
  border:none; border-bottom:2px solid transparent; cursor:pointer;
  white-space:nowrap; transition:all var(--trans-fast);
}
.tab-medida:hover { color:var(--terracota); }
.tab-medida.ativa { color:var(--terracota); border-bottom-color:var(--terracota); }

/* Painel */
.medidas-painel { display:none; padding:1.25rem 1.5rem; flex-direction:column; gap:1.25rem; }
.medidas-painel.ativo { display:flex; }

/* Como medir */
.como-medir {
  background:var(--cinza-bg); padding:1rem 1.1rem;
  display:flex; gap:1.5rem; flex-wrap:wrap;
}
.como-medir-item { display:flex; align-items:flex-start; gap:.6rem; flex:1; min-width:140px; }
.como-medir-icone {
  width:32px; height:32px; border-radius:50%; background:var(--terracota);
  color:#F5EFE6; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; font-size:.72rem; font-weight:700; font-family:'Montserrat',sans-serif;
}
.como-medir-texto strong { display:block; font-size:.72rem; font-weight:600; color:var(--preto); margin-bottom:.1rem; }
.como-medir-texto span { font-size:.68rem; color:var(--cinza-texto); line-height:1.4; }

/* Sub-título de seção */
.medidas-subtitulo {
  font-family:'Montserrat', sans-serif; font-size:.65rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.12em; color:var(--dourado);
  margin-bottom:.4rem;
}

/* Tabela */
.tabela-medidas { width:100%; border-collapse:collapse; font-size:.78rem; }
.tabela-medidas thead tr { background:var(--preto); color:#F5EFE6; }
.tabela-medidas thead th {
  padding:.55rem .75rem; text-align:center;
  font-family:'Montserrat', sans-serif; font-size:.62rem;
  font-weight:600; letter-spacing:.1em; text-transform:uppercase;
}
.tabela-medidas thead th:first-child { text-align:left; }
.tabela-medidas tbody tr { border-bottom:1px solid var(--cinza-borda); transition:background var(--trans-fast); }
.tabela-medidas tbody tr:hover { background:var(--cinza-bg); }
.tabela-medidas tbody tr:last-child { border-bottom:none; }
.tabela-medidas td {
  padding:.52rem .75rem; text-align:center; color:var(--cinza-texto); font-size:.78rem;
}
.tabela-medidas td:first-child {
  text-align:left; font-weight:700; color:var(--preto);
  font-family:'Montserrat', sans-serif; font-size:.72rem; letter-spacing:.04em;
}
.medidas-unidade {
  font-size:.65rem; color:var(--cinza-texto); text-align:right;
  font-style:italic; margin-top:.35rem;
}

/* Botão abrir tabela no card */
.btn-medidas {
  display:inline-flex; align-items:center; gap:.3rem;
  font-size:.68rem; color:var(--cinza-texto); background:none;
  border:none; cursor:pointer; padding:0; font-family:'Inter',sans-serif;
  margin-top:.1rem; transition:color var(--trans-fast);
  text-decoration:underline; text-underline-offset:2px;
}
.btn-medidas:hover { color:var(--terracota); }

/* ===== FOOTER ===== */
footer {
  background:var(--cinza-bg);
  border-top:1px solid var(--cinza-borda);
  padding:2.5rem 2rem;
}
.footer-inner { max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
.footer-copy { font-size:.72rem; color:var(--cinza-texto); }
.footer-links { display:flex; gap:1.5rem; }
.footer-links a { font-size:.72rem; color:var(--cinza-texto); text-decoration:none; transition:color var(--trans-fast); }
.footer-links a:hover { color:var(--terracota); }

/* ===== RESPONSIVO ===== */
@media (max-width:1100px) {
  .grid-produtos { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:768px) {
  .header-top { padding:0 1rem; height:56px; }
  .hero { height:220px; }
  .hero-deco { display:none; }
  .barra-filtros { padding:1rem 1rem .5rem; }
  .vitrine { padding:1rem 0 3rem; }
  .grid-produtos { grid-template-columns:repeat(2,1fr); }
  .nav-lista { padding:0 1rem; }
  .btn-wp-flutuante { bottom:1.25rem; right:1.25rem; width:46px; height:46px; }
}

@media (max-width:480px) {
  .hero h1 { font-size:1.5rem; }
  .card-nome { font-size:.8rem; }
}

/* ===== OVERLAY AUTH ===== */
.modal-overlay.modal-auth-overlay {
  position:fixed;inset:0;z-index:8000;background:rgba(44,24,16,.6);
  display:flex;align-items:center;justify-content:center;padding:1rem;
  opacity:1;pointer-events:all;backdrop-filter:blur(3px);
}

/* ===== MODAL LOGIN/CADASTRO ===== */
.modal-auth {
  background:#fff;border-radius:20px;width:100%;max-width:420px;
  padding:2.25rem 2rem 2rem;position:relative;
  box-shadow:0 32px 80px rgba(44,24,16,.22);
  animation:authSlideIn .25s ease;
}
@keyframes authSlideIn {
  from { opacity:0;transform:translateY(18px) scale(.97); }
  to   { opacity:1;transform:translateY(0) scale(1); }
}
.modal-auth-fechar {
  position:absolute;top:.9rem;right:.9rem;background:var(--cinza-bg);border:none;
  width:32px;height:32px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;cursor:pointer;color:var(--cinza-texto);transition:all .2s;
}
.modal-auth-fechar:hover { background:var(--cinza-borda);color:var(--preto); }

/* Marca dentro do modal */
.auth-brand { text-align:center;margin-bottom:1.5rem; }
.auth-brand-flor { font-size:1.4rem;color:var(--terracota);line-height:1;margin-bottom:.4rem; }
.auth-brand-nome {
  font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:600;
  color:var(--preto);letter-spacing:.01em;line-height:1;
}
.auth-brand-nome em { font-style:italic;color:var(--terracota); }
.auth-brand-sub { font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-texto);margin-top:.3rem; }

/* Tabs */
.auth-tabs {
  display:flex;gap:.4rem;margin-bottom:1.5rem;
  background:var(--cinza-bg);border-radius:10px;padding:.25rem;
}
.auth-tab {
  flex:1;padding:.5rem;background:none;border:none;cursor:pointer;
  font-size:.82rem;font-weight:500;color:var(--cinza-texto);
  border-radius:8px;transition:all .2s;
}
.auth-tab.ativo {
  background:#fff;color:var(--preto);font-weight:600;
  box-shadow:0 1px 6px rgba(44,24,16,.1);
}

/* Campos */
.campo-auth { display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem; }
.campo-auth label { font-size:.73rem;font-weight:600;color:var(--preto);letter-spacing:.02em;text-transform:uppercase; }
.campo-auth-input-wrap { position:relative; }
.campo-icone {
  position:absolute;left:.85rem;top:50%;transform:translateY(-50%);
  width:16px;height:16px;color:var(--cinza-texto);pointer-events:none;
  flex-shrink:0;
}
.campo-auth input {
  width:100%;padding:.65rem .9rem;border:1.5px solid var(--cinza-borda);
  border-radius:9px;font-size:.88rem;font-family:inherit;
  background:var(--branco);color:var(--preto);transition:border-color .2s,box-shadow .2s;
}
.campo-auth-input-wrap input { padding-left:2.6rem !important; padding-right:2.4rem !important; }
.campo-auth input:focus {
  outline:none;border-color:var(--terracota);
  box-shadow:0 0 0 3px rgba(196,106,74,.12);
}
.campo-auth input::placeholder { color:var(--cinza-borda); }
.auth-grid-2 { display:grid;grid-template-columns:1fr 1fr;gap:.6rem; }

/* Botão principal */
.btn-auth-submit {
  width:100%;padding:.8rem;
  background:linear-gradient(135deg,var(--terracota),var(--terracota-dark));
  color:#fff;border:none;border-radius:10px;
  font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;
  margin-top:.6rem;transition:opacity .2s,transform .1s;letter-spacing:.02em;
}
.btn-auth-submit:hover { opacity:.9; }
.btn-auth-submit:active { transform:scale(.98); }

/* Links e extras */
.auth-erro { color:#dc2626;font-size:.77rem;margin:.2rem 0;padding:.4rem .6rem;background:#fee2e2;border-radius:6px; }
.auth-ok   { color:#065f46;font-size:.77rem;margin:.2rem 0;padding:.4rem .6rem;background:#d1fae5;border-radius:6px; }
.auth-hint { font-size:.75rem;color:var(--cinza-texto);margin:.1rem 0 .75rem; }
.auth-link-texto { text-align:center;font-size:.78rem;color:var(--cinza-texto);margin-top:.9rem; }
.auth-link { background:none;border:none;cursor:pointer;color:var(--terracota);font-weight:600;font-size:.78rem;padding:0; }
.auth-link:hover { text-decoration:underline; }

/* ===== MODAL ÁREA DO CLIENTE ===== */
.modal-cliente {
  background:#fff;border-radius:20px;width:100%;max-width:720px;max-height:90vh;
  display:flex;overflow:hidden;
  box-shadow:0 32px 80px rgba(44,24,16,.22);
  animation:authSlideIn .25s ease;
}

/* Sidebar */
.cliente-sidebar {
  width:220px;flex-shrink:0;background:var(--preto);
  display:flex;flex-direction:column;padding:1.5rem 0;
}
.cliente-sidebar-perfil {
  display:flex;align-items:center;gap:.75rem;
  padding:0 1.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:.75rem;
}
.cliente-avatar {
  width:38px;height:38px;border-radius:50%;
  background:var(--terracota);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;flex-shrink:0;
}
.cliente-sidebar-nome { font-size:.82rem;font-weight:600;color:#fff;line-height:1.2; }
.cliente-sidebar-email { font-size:.68rem;color:rgba(255,255,255,.45);margin-top:.1rem; }
.cliente-sidebar-nav { flex:1;display:flex;flex-direction:column;gap:.1rem;padding:0 .6rem; }
.csn-btn {
  display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;
  background:none;border:none;cursor:pointer;border-radius:9px;
  font-size:.8rem;font-weight:500;color:rgba(255,255,255,.6);
  text-align:left;transition:all .2s;
}
.csn-btn:hover { background:rgba(255,255,255,.08);color:#fff; }
.csn-btn.ativo { background:var(--terracota);color:#fff; }
.csn-sair {
  display:flex;align-items:center;gap:.55rem;padding:.65rem 1.35rem;
  background:none;border:none;cursor:pointer;
  font-size:.75rem;color:rgba(255,255,255,.35);transition:color .2s;margin-top:.5rem;
}
.csn-sair:hover { color:#f87171; }

/* Conteúdo */
.cliente-conteudo { flex:1;overflow-y:auto;position:relative; }
.cliente-fechar-btn {
  position:absolute;top:.85rem;right:.85rem;background:var(--cinza-bg);border:none;
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;cursor:pointer;color:var(--cinza-texto);z-index:5;transition:all .2s;
}
.cliente-fechar-btn:hover { background:var(--cinza-borda);color:var(--preto); }
.cliente-secao { padding:1.75rem 1.75rem 1.75rem; }
.secao-titulo {
  font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;
  color:var(--preto);margin-bottom:1.25rem;
}
.carregando-sec { text-align:center;padding:3rem;color:var(--cinza-texto);font-size:.85rem; }
.secao-divisor {
  display:flex;align-items:center;gap:.75rem;margin:1rem 0;
}
.secao-divisor::before,.secao-divisor::after {
  content:'';flex:1;height:1px;background:var(--cinza-borda);
}
.secao-divisor span { font-size:.72rem;font-weight:600;color:var(--cinza-texto);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap; }

/* Cards pedidos */
.pedido-card {
  border:1.5px solid var(--cinza-borda);border-radius:12px;padding:1rem 1.1rem;
  margin-bottom:.75rem;transition:border-color .2s,box-shadow .2s;
}
.pedido-card:hover { border-color:var(--terracota);box-shadow:0 2px 12px rgba(196,106,74,.1); }
.pedido-card-topo { display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem; }
.pedido-num { font-weight:700;font-size:.85rem;color:var(--preto); }
.pedido-status-badge {
  font-size:.67rem;font-weight:700;padding:.22rem .6rem;border-radius:20px;letter-spacing:.03em;
}
.pedido-status-badge.pendente    { background:#fef3c7;color:#92400e; }
.pedido-status-badge.aprovado    { background:#d1fae5;color:#065f46; }
.pedido-status-badge.em_analise  { background:#dbeafe;color:#1e40af; }
.pedido-status-badge.enviado     { background:#e0e7ff;color:#3730a3; }
.pedido-status-badge.entregue    { background:#f0fdf4;color:#166534; }
.pedido-status-badge.cancelado   { background:#fee2e2;color:#991b1b; }
.pedido-status-badge.recusado    { background:#fee2e2;color:#991b1b; }
.pedido-itens-preview { display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem; }
.pedido-item-mini {
  font-size:.78rem;color:var(--cinza-texto);display:flex;align-items:center;gap:.4rem;
}
.pedido-item-mini::before { content:'·';color:var(--terracota);font-size:1rem; }
.pedido-total-linha { display:flex;justify-content:space-between;font-size:.78rem;color:var(--cinza-texto);border-top:1px solid var(--cinza-borda);padding-top:.5rem;margin-top:.4rem; }
.pedido-total-linha strong { color:var(--preto); }

/* Endereços */
.end-card {
  border:1.5px solid var(--cinza-borda);border-radius:10px;padding:.9rem 1rem;
  margin-bottom:.6rem;display:flex;justify-content:space-between;align-items:flex-start;
  transition:border-color .2s;
}
.end-card.principal { border-color:var(--terracota);background:#fff8f5; }
.end-info { font-size:.8rem;line-height:1.6;color:var(--cinza-texto); }
.end-apelido { font-weight:700;font-size:.83rem;color:var(--preto);margin-bottom:.15rem;display:flex;align-items:center;gap:.4rem; }
.badge-principal { background:var(--terracota);color:#fff;font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:10px;text-transform:uppercase;letter-spacing:.04em; }
.end-acoes { display:flex;gap:.4rem;flex-shrink:0;margin-left:.5rem; }
.btn-end-acao {
  background:none;border:1px solid var(--cinza-borda);border-radius:6px;
  padding:.28rem .55rem;font-size:.7rem;cursor:pointer;transition:all .15s;color:var(--cinza-texto);
}
.btn-end-acao:hover { background:var(--cinza-bg);border-color:var(--preto);color:var(--preto); }
.btn-end-acao.excluir { color:#dc2626;border-color:#fca5a5; }
.btn-end-acao.excluir:hover { background:#fee2e2; }
.btn-novo-end {
  width:100%;padding:.7rem;border:1.5px dashed var(--cinza-borda);border-radius:10px;
  background:none;cursor:pointer;font-size:.82rem;color:var(--cinza-texto);
  margin-top:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem;
}
.btn-novo-end:hover { border-color:var(--terracota);color:var(--terracota);background:#fff8f5; }
.form-end-panel {
  margin-top:1rem;padding:1.1rem 1.1rem;background:var(--cinza-bg);
  border-radius:12px;border:1px solid var(--cinza-borda);
}
.form-end-titulo { font-size:.8rem;font-weight:700;color:var(--preto);margin-bottom:.9rem;text-transform:uppercase;letter-spacing:.06em; }
.form-end-acoes { display:flex;gap:.5rem;margin-top:.75rem; }
.btn-cancelar-end {
  padding:.7rem 1.1rem;border:1.5px solid var(--cinza-borda);border-radius:9px;
  cursor:pointer;background:#fff;font-size:.85rem;color:var(--cinza-texto);transition:all .15s;
}
.btn-cancelar-end:hover { border-color:var(--preto);color:var(--preto); }

/* Responsivo cliente */
@media(max-width:580px){
  .modal-cliente { flex-direction:column;max-height:100vh;border-radius:16px 16px 0 0; }
  .cliente-sidebar { width:100%;flex-direction:row;align-items:center;padding:.75rem 1rem;gap:0; }
  .cliente-sidebar-perfil { border-bottom:none;padding:0;margin-bottom:0;flex:1; }
  .cliente-sidebar-nav { flex-direction:row;overflow-x:auto;padding:0;flex:2; }
  .csn-btn span { display:none; }
  .csn-sair { padding:.4rem .6rem; }
  .cliente-sidebar-email { display:none; }
}

/* ===== CADASTRO EM PASSOS ===== */
.cad-progress {
  display:flex;align-items:center;gap:0;margin-bottom:.4rem;
}
.cad-step-dot {
  width:28px;height:28px;border-radius:50%;background:var(--cinza-borda);
  color:var(--cinza-texto);font-size:.75rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:all .3s;
}
.cad-step-dot.ativo { background:var(--terracota);color:#fff; }
.cad-step-dot.feito { background:var(--preto);color:#fff; }
.cad-step-line { flex:1;height:2px;background:var(--cinza-borda);transition:background .3s; }
.cad-step-line.ativo { background:var(--terracota); }
.cad-step-label {
  display:flex;justify-content:space-between;margin-bottom:1.1rem;
}
.cad-step-label span {
  font-size:.68rem;font-weight:500;color:var(--cinza-borda);text-transform:uppercase;
  letter-spacing:.06em;text-align:center;flex:1;transition:color .3s;
}
.cad-step-label span.ativo { color:var(--terracota); }
.cad-step-label span.feito { color:var(--preto); }

.obrig { color:var(--terracota);font-size:.75rem; }
.campo-dica { font-size:.7rem;margin-top:.15rem;min-height:.9rem;display:block; }
.campo-dica.ok  { color:#059669; }
.campo-dica.err { color:#dc2626; }

/* Select estilizado */
.campo-auth select {
  width:100%;padding:.65rem .9rem;border:1.5px solid var(--cinza-borda);
  border-radius:9px;font-size:.88rem;font-family:inherit;
  background:var(--branco);color:var(--preto);
  appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238B7355'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .7rem center;background-size:14px;
  transition:border-color .2s;
}
.campo-auth select:focus { outline:none;border-color:var(--terracota);box-shadow:0 0 0 3px rgba(196,106,74,.12); }

/* CEP row com botão */
.cep-row { display:flex;align-items:flex-end;gap:.5rem;margin-bottom:.8rem; }
.cep-row .campo-auth { margin-bottom:0; }
.btn-buscar-cep {
  height:40px;padding:0 .9rem;background:var(--preto);color:#fff;
  border:none;border-radius:9px;font-size:.78rem;font-weight:600;
  cursor:pointer;white-space:nowrap;transition:background .2s;flex-shrink:0;
}
.btn-buscar-cep:hover { background:var(--terracota); }

/* Checkbox custom */
.cad-check {
  display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;
  font-size:.8rem;color:var(--cinza-texto);margin-bottom:.6rem;line-height:1.4;
}
.cad-check input[type="checkbox"] {
  width:16px;height:16px;flex-shrink:0;margin-top:.1rem;
  accent-color:var(--terracota);cursor:pointer;
}

/* Força da senha */
.senha-forca {
  display:flex;align-items:center;gap:.3rem;margin-top:.35rem;
}
.sf-bar {
  flex:1;height:4px;border-radius:2px;background:var(--cinza-borda);transition:background .3s;
}
.sf-bar.fraca  { background:#ef4444; }
.sf-bar.media  { background:#f59e0b; }
.sf-bar.forte  { background:#10b981; }
#sfLabel { font-size:.68rem;color:var(--cinza-texto);white-space:nowrap;min-width:40px; }

/* Modal auth maior para o cadastro */
.modal-auth { max-height:92vh;overflow-y:auto; }

/* Cards de endereço no checkout */
.end-checkout-card {
  display:flex;align-items:flex-start;gap:.75rem;
  border:2px solid var(--cinza-borda);border-radius:10px;
  padding:.75rem 1rem;margin-bottom:.5rem;cursor:pointer;
  transition:border-color .2s,background .2s;background:var(--branco);
}
.end-checkout-card:hover { border-color:#aaa; }
.end-checkout-card.selecionado { border-color:var(--terracota);background:#fff8f5; }
.end-checkout-radio {
  width:18px;height:18px;border-radius:50%;border:2px solid var(--cinza-borda);
  flex-shrink:0;margin-top:.1rem;display:flex;align-items:center;justify-content:center;
  transition:border-color .2s;
}
.end-checkout-card.selecionado .end-checkout-radio { border-color:var(--terracota); }
.end-checkout-radio::after {
  content:'';width:8px;height:8px;border-radius:50%;background:var(--terracota);
  display:none;
}
.end-checkout-card.selecionado .end-checkout-radio::after { display:block; }
.end-checkout-info { flex:1;font-size:.82rem; }
.end-checkout-apelido { font-weight:700;font-size:.8rem;margin-bottom:.15rem; }
.end-checkout-principal { background:var(--terracota);color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:20px;margin-left:.4rem;vertical-align:middle; }

/* Botão olhinho (mostrar/ocultar senha) */
.btn-olho {
  position:absolute;right:.75rem;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;padding:.2rem;
  color:var(--cinza-texto);display:flex;align-items:center;justify-content:center;
  transition:color .2s;
}
.btn-olho:hover { color:var(--preto); }
/* Wrapper sem ícone esquerdo (campo-pag) */
.campo-pag-wrap { position:relative; }
.campo-pag-wrap input { padding-right:2.4rem !important; }