/* ============================================================
   BODYMAN — Seção "Conheça as 3 fragrâncias"
   Todas as classes usam o prefixo .bm- para não conflitar
   com o CSS da página onde a seção for colada.
   ============================================================ */

:root{
  --bm-bg:        #0E141B;   /* estúdio escuro, tom frio da marca */
  --bm-surface:   #172029;   /* painel */
  --bm-surface-2: #1F2B36;
  --bm-line:      rgba(237,242,246,.14);
  --bm-txt:       #EDF2F6;
  --bm-muted:     #93A1AC;
  --bm-brand:     #6FB3DC;
  --bm-ok:        #7FD3A6;   /* economia */
  --bm-fogo:      #E8873C;   /* lançamento */

  --bm-enigma:    #CFC7B7;   /* platina do rótulo Enigma */
  --bm-midtown:   #8FC6E8;   /* azul-gelo do rótulo Midtown */
  --bm-barbarius: #3FA9C9;   /* azul-petróleo do frasco Barbarius */

  --img-enigma:    url(enigma.webp);
  --img-midtown:    url(midtown.webp);
  --img-barbarius:    url(barbarius.webp);

  --bm-radius: 4px;
  --bm-max: 1160px;
}

.bm{
  background: var(--bm-bg);
  color: var(--bm-txt);
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  padding: 0 0 96px;
  overflow-x:hidden;
}
.bm *,.bm *::before,.bm *::after{box-sizing:border-box;}
.bm p{margin:0 0 1em;}
.bm p:last-child{margin-bottom:0;}
.bm ul{margin:0;padding:0;list-style:none;}

.bm-wrap{max-width:var(--bm-max);margin:0 auto;padding:0 24px;}

/* ---------- tipografia ---------- */
.bm-display{
  font-weight:800;
  font-stretch:125%;
  letter-spacing:-.015em;
  line-height:.95;
  text-transform:uppercase;
  margin:0;
}
.bm-h2{font-size:clamp(34px,6vw,64px);}
.bm-h3{font-size:clamp(30px,5vw,52px);}
.bm-lead{color:var(--bm-muted);max-width:56ch;font-size:18px;}

/* ---------- abertura ---------- */
.bm-open{margin-bottom:72px;}
.bm-rule{display:flex;gap:6px;margin:26px 0 22px;max-width:340px;}
.bm-rule span{height:3px;flex:1;}
.bm-rule span:nth-child(1){background:var(--bm-enigma);}
.bm-rule span:nth-child(2){background:var(--bm-midtown);}
.bm-rule span:nth-child(3){background:var(--bm-barbarius);}

/* ---------- faixa de produto ---------- */
.bm-slab{
  --ac: var(--bm-brand);
  border-top:1px solid var(--bm-line);
  padding:64px 0;
  position:relative;
}
.bm-slab::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 70% at 18% 40%, color-mix(in srgb, var(--ac) 16%, transparent), transparent 70%);
}
.bm-slab[data-ac="midtown"]{--ac:var(--bm-midtown);}
.bm-slab[data-ac="barbarius"]{--ac:var(--bm-barbarius);}
.bm-slab:last-of-type{border-bottom:1px solid var(--bm-line);}

.bm-slab-grid{
  position:relative;
  display:grid;
  grid-template-columns: 320px 1fr;
  gap:56px;
  align-items:center;
}
.bm-slab:nth-of-type(even) .bm-slab-grid{grid-template-columns:1fr 320px;}
.bm-slab:nth-of-type(even) .bm-figure{order:2;}

/* frasco */
.bm-figure{
  display:flex;flex-direction:column;align-items:center;gap:18px;
  margin:0;
}
.bm-figure{position:relative;}
.bm-figure::before{                       /* brilho na cor da fragrância */
  content:"";position:absolute;left:50%;top:44%;width:290px;height:290px;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--ac) 32%,transparent),transparent 65%);
  animation:bm-brilho 9s ease-in-out infinite;
}
.bm-figure img{
  position:relative;z-index:1;
  width:100%;max-width:236px;height:auto;display:block;
  filter:drop-shadow(0 30px 26px rgba(0,0,0,.55));
  animation:bm-flutuar 7s ease-in-out infinite;
}
.bm-figure .bm-vol{position:relative;z-index:1;}

@keyframes bm-flutuar{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-12px);}
}
@keyframes bm-brilho{
  0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1);}
  50%{opacity:.9;transform:translate(-50%,-50%) scale(1.08);}
}

/* entrada ao rolar a página */
.bm-reveal{opacity:0;transform:translateY(28px);}
.bm-reveal.bm-visivel{
  opacity:1;transform:none;
  transition:opacity .8s ease,transform .8s cubic-bezier(.22,.68,.2,1);
  transition-delay:var(--atraso-entrada,0s);
}
.bm-vol{
  font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);
  padding:7px 14px;border-radius:999px;
}

/* conteúdo */
.bm-familia{
  font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ac);margin:0 0 14px;
}
.bm-nome{font-size:clamp(38px,6.4vw,74px);margin-bottom:10px;}
.bm-nome em{font-style:normal;color:var(--ac);}
.bm-headline{
  font-size:clamp(19px,2.4vw,24px);font-weight:600;font-stretch:112%;
  margin:0 0 20px;color:var(--bm-txt);
}
.bm-desc{color:var(--bm-muted);max-width:60ch;}

.bm-destaques{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 28px;margin:26px 0;max-width:640px;
}
.bm-destaques li{
  position:relative;padding-left:18px;font-size:15.5px;color:var(--bm-txt);
}
.bm-destaques li::before{
  content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;
  background:var(--ac);
}

/* notas */
.bm-notas{
  display:flex;flex-wrap:wrap;gap:12px;margin:28px 0;
  padding:18px 20px;background:var(--bm-surface);border-left:2px solid var(--ac);
}
.bm-nota{display:flex;align-items:center;gap:10px;padding-right:18px;}
.bm-nota svg{width:30px;height:30px;color:var(--ac);flex:none;}
.bm-nota span{font-size:14px;color:var(--bm-muted);line-height:1.25;}

/* tags */
.bm-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;}
.bm-tags li{
  font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  border:1px solid var(--bm-line);border-radius:999px;padding:7px 14px;color:var(--bm-muted);
}

.bm-comercial{
  border-top:1px solid var(--bm-line);padding-top:20px;margin-top:4px;
  color:var(--bm-muted);font-size:16px;max-width:62ch;
}

/* ---------- botões ---------- */
.bm-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:inherit;font-size:15px;font-weight:700;font-stretch:112%;
  letter-spacing:.08em;text-transform:uppercase;
  padding:17px 30px;border-radius:var(--bm-radius);
  border:1px solid transparent;cursor:pointer;
  background:var(--ac,var(--bm-brand));color:#0E141B;
  transition:filter .18s ease, transform .18s ease;
}
.bm-btn:hover{filter:brightness(1.08);}
.bm-btn:active{transform:translateY(1px);}
.bm-btn--ghost{background:transparent;color:var(--bm-txt);border-color:var(--bm-line);}
.bm-btn--ghost:hover{border-color:var(--ac,var(--bm-brand));color:var(--ac,var(--bm-brand));filter:none;}
.bm-btn--lg{width:100%;padding:22px 30px;font-size:17px;}
.bm-btn[disabled]{opacity:.4;cursor:not-allowed;}
.bm :focus-visible{outline:2px solid var(--bm-brand);outline-offset:3px;}

/* ---------- comparador ---------- */
.bm-compare{margin:96px 0 0;}
.bm-table{width:100%;border-collapse:collapse;margin-top:40px;text-align:left;}
.bm-table th,.bm-table td{
  padding:18px 20px;border-bottom:1px solid var(--bm-line);vertical-align:top;font-size:15.5px;
}
.bm-table thead th{
  font-size:clamp(20px,2.6vw,28px);font-weight:800;font-stretch:118%;text-transform:uppercase;
  letter-spacing:-.01em;padding-bottom:14px;
}
.bm-table thead th[data-ac]{border-bottom:3px solid var(--bm-brand);}
.bm-table thead th[data-ac="midtown"]{border-bottom-color:var(--bm-midtown);}
.bm-table thead th[data-ac="barbarius"]{border-bottom-color:var(--bm-barbarius);}
.bm-table thead th:first-child{border-bottom:1px solid var(--bm-line);}
.bm-table tbody th{
  font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--bm-muted);width:170px;
}
.bm-table td{color:var(--bm-txt);}

.bm-trio{
  margin-top:40px;background:var(--bm-surface);border:1px solid var(--bm-line);
  padding:36px;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;
}
.bm-trio h4{margin:0 0 6px;font-size:26px;font-weight:800;font-stretch:118%;}
.bm-trio p{color:var(--bm-muted);margin:0;max-width:44ch;}

/* ---------- seletor ---------- */
.bm-buy{margin:104px 0 0;display:grid;grid-template-columns:1.25fr .85fr;gap:56px;align-items:start;}

.bm-opcoes{display:grid;gap:14px;margin:32px 0 0;}
.bm-opcao{
  position:relative;display:flex;gap:18px;align-items:center;width:100%;text-align:left;
  background:var(--bm-surface);border:1px solid var(--bm-line);border-radius:var(--bm-radius);
  padding:22px 24px;cursor:pointer;color:inherit;font-family:inherit;
  transition:border-color .18s ease,background .18s ease;
}
.bm-opcao:hover{border-color:color-mix(in srgb,var(--bm-brand) 50%,transparent);}
.bm-opcao[aria-pressed="true"]{border-color:var(--bm-brand);background:var(--bm-surface-2);}
.bm-mark{
  width:20px;height:20px;border-radius:50%;border:1px solid var(--bm-muted);flex:none;position:relative;
}
.bm-opcao[aria-pressed="true"] .bm-mark{border-color:var(--bm-brand);}
.bm-opcao[aria-pressed="true"] .bm-mark::after{
  content:"";position:absolute;inset:4px;border-radius:50%;background:var(--bm-brand);
}
.bm-opcao-txt{flex:1;}
.bm-opcao-nome{font-size:18px;font-weight:700;font-stretch:112%;display:block;}
.bm-opcao-sub{font-size:14px;color:var(--bm-muted);}
.bm-flag{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:var(--bm-brand);color:#0E141B;padding:5px 10px;border-radius:999px;flex:none;
}
.bm-opcao--kit{padding:26px 24px;}
.bm-opcao--kit .bm-opcao-nome{font-size:21px;}

/* slots de escolha */
.bm-slots{margin-top:34px;display:grid;gap:26px;}
.bm-slot-titulo{
  font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bm-muted);margin:0 0 12px;
}
.bm-escolhas{display:grid;gap:10px;}
.bm-escolha{
  --ac:var(--bm-enigma);
  width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer;
  background:transparent;border:1px solid var(--bm-line);border-radius:var(--bm-radius);
  padding:16px 18px;display:flex;gap:14px;align-items:flex-start;
  transition:border-color .18s ease,background .18s ease;
}
.bm-escolha[data-ac="midtown"]{--ac:var(--bm-midtown);}
.bm-escolha[data-ac="barbarius"]{--ac:var(--bm-barbarius);}
.bm-escolha:hover{border-color:color-mix(in srgb,var(--ac) 55%,transparent);}
.bm-escolha[aria-pressed="true"]{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,transparent);}
.bm-dot{width:10px;height:10px;border-radius:50%;background:var(--ac);flex:none;margin-top:8px;}
.bm-escolha-nome{font-weight:700;font-stretch:112%;font-size:17px;display:block;}
.bm-escolha-desc{font-size:14.5px;color:var(--bm-muted);}
.bm-escolha-vol{font-size:13px;color:var(--bm-muted);display:block;margin-top:2px;}

.bm-detalhe-btn{
  background:none;border:0;padding:6px 0 0;margin:0;font-family:inherit;cursor:pointer;
  font-size:13.5px;font-weight:600;color:var(--ac);text-decoration:underline;text-underline-offset:3px;
}
.bm-detalhe{
  display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;
}
.bm-detalhe[data-aberto="true"]{grid-template-rows:1fr;}
.bm-detalhe-inner{overflow:hidden;}
.bm-detalhe-corpo{
  padding:14px 0 4px;font-size:14.5px;color:var(--bm-muted);border-top:1px solid var(--bm-line);margin-top:12px;
}
.bm-detalhe-corpo strong{color:var(--bm-txt);font-weight:700;}

/* kit em destaque */
.bm-kit{
  background:var(--bm-surface);border:1px solid color-mix(in srgb,var(--bm-brand) 40%,transparent);
  border-radius:var(--bm-radius);padding:32px;position:sticky;top:24px;
}
.bm-kit-topo{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bm-brand);margin:0 0 10px;}
.bm-kit h3{margin:0 0 18px;font-size:30px;font-weight:800;font-stretch:118%;text-transform:uppercase;line-height:1;}
.bm-trio-frascos{display:flex;align-items:flex-end;justify-content:center;gap:4px;margin:0 0 22px;}
.bm-trio-frascos span{
  width:32%;aspect-ratio:295/781;display:block;
  background:var(--img) center/contain no-repeat;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.5));
  animation:bm-flutuar 7s ease-in-out infinite;
  animation-delay:var(--atraso,0s);
}
.bm-kit-itens{display:grid;gap:8px;font-size:15.5px;padding-bottom:18px;border-bottom:1px solid var(--bm-line);}
.bm-kit-itens li{display:flex;justify-content:space-between;gap:12px;}
.bm-kit-itens span{color:var(--bm-muted);}
.bm-kit-total{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--bm-line);}
.bm-kit-total dt{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--bm-muted);margin:0;}
.bm-kit-total dd{margin:0;font-size:26px;font-weight:800;font-stretch:118%;}
.bm-kit-frase{padding:18px 0;color:var(--bm-muted);font-size:15px;}
.bm-checks{display:grid;gap:9px;margin:0 0 24px;font-size:15px;}
.bm-checks li{display:flex;gap:10px;align-items:flex-start;}
.bm-checks svg{width:17px;height:17px;color:var(--bm-brand);flex:none;margin-top:4px;}

/* resumo */
.bm-resumo{
  margin-top:26px;background:var(--bm-surface-2);border:1px solid var(--bm-line);
  border-radius:var(--bm-radius);padding:26px;
}
.bm-resumo h4{margin:0 0 16px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bm-muted);}
.bm-resumo-lista{display:grid;gap:10px;font-size:15.5px;margin-bottom:18px;}
.bm-resumo-lista li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--bm-line);padding-bottom:9px;}
.bm-resumo-lista li span{color:var(--bm-muted);}
.bm-resumo-lista li[data-vazio="true"]{color:var(--bm-muted);border-bottom-style:solid;}
.bm-resumo-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px;}
.bm-resumo-total strong{font-size:22px;font-weight:800;font-stretch:118%;}
.bm-aviso{font-size:14px;color:var(--bm-brand);margin:14px 0 0;text-align:center;min-height:1.2em;}

/* ---------- responsivo ---------- */
@media (max-width:980px){
  .bm-buy{grid-template-columns:1fr;gap:40px;}
  .bm-kit{position:static;}
}
@media (max-width:820px){
  .bm{padding:64px 0 72px;}
  .bm-slab-grid,
  .bm-slab:nth-of-type(even) .bm-slab-grid{grid-template-columns:1fr;gap:32px;}
  .bm-slab:nth-of-type(even) .bm-figure{order:0;}
  .bm-figure svg{max-width:180px;}
  .bm-destaques{grid-template-columns:1fr;}
  .bm-trio{flex-direction:column;align-items:flex-start;}
  .bm-trio .bm-btn{width:100%;}

  /* comparador vira blocos empilhados */
  .bm-table,.bm-table tbody,.bm-table tr,.bm-table th,.bm-table td{display:block;width:auto;}
  .bm-table thead{display:none;}
  .bm-table tr{margin-bottom:22px;border:1px solid var(--bm-line);padding:6px 0;}
  .bm-table tbody th{border-bottom:0;padding-bottom:4px;width:auto;}
  .bm-table td{border-bottom:1px solid var(--bm-line);padding-top:8px;}
  .bm-table td::before{
    content:attr(data-col);display:block;font-size:12px;letter-spacing:.14em;
    text-transform:uppercase;color:var(--bm-muted);margin-bottom:3px;
  }
  .bm-table tr td:last-child{border-bottom:0;}
}
@media (prefers-reduced-motion:reduce){
  .bm *{transition-duration:.01ms !important;animation:none !important;}
  .bm-reveal,.bm-anim{opacity:1 !important;transform:none !important;}
}

/* ---------- barra de lançamento (fora da seção) ---------- */
.bm-topbar{
  background:linear-gradient(90deg,#12303F,#1D5473);
  color:#EDF2F6;font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:14px;line-height:1.35;text-align:center;padding:11px 16px;
}

/* ---------- abertura de lançamento ---------- */
.bm-selo{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--bm-fogo);border:1px solid color-mix(in srgb,var(--bm-fogo) 55%,transparent);
  border-radius:999px;padding:7px 14px;margin:0 0 20px;
}
.bm-badges{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;}
.bm-badge{
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid var(--bm-line);border-radius:999px;padding:8px 14px;color:var(--bm-muted);
}
.bm-badge--estoque{border-color:color-mix(in srgb,var(--bm-fogo) 50%,transparent);color:var(--bm-fogo);}

/* ---------- comparação de ofertas ---------- */
.bm-precos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;}
.bm-preco{
  display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;
  font-family:inherit;color:inherit;
  background:var(--bm-surface);border:1px solid var(--bm-line);border-radius:8px;padding:26px 22px;
  transition:border-color .18s ease,transform .18s ease;
}
.bm-preco:hover{border-color:color-mix(in srgb,var(--bm-brand) 55%,transparent);}
.bm-preco[aria-pressed="true"]{border-color:var(--bm-brand);box-shadow:inset 0 0 0 1px var(--bm-brand);}
.bm-preco--kit{
  border-color:var(--bm-brand);
  background:linear-gradient(180deg,rgba(111,179,220,.14),var(--bm-surface) 55%);
  box-shadow:0 20px 44px rgba(0,0,0,.4);
}
.bm-preco-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px;}
.bm-preco-qtd{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bm-muted);}
.bm-preco--kit .bm-preco-qtd{color:var(--bm-txt);}
.bm-preco-valor{font-size:clamp(34px,4.6vw,48px);font-weight:800;font-stretch:118%;line-height:1;}
.bm-preco-unit{font-size:15px;color:var(--bm-muted);}
.bm-preco-econ{font-size:14px;font-weight:700;color:var(--bm-ok);letter-spacing:.04em;text-transform:uppercase;}
.bm-preco-nota{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--bm-line);
  font-size:15px;color:var(--bm-txt);
}
.bm-preco-nota strong{color:var(--bm-ok);}
.bm-preco-melhor{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:var(--bm-brand);color:#0E141B;border-radius:999px;padding:5px 10px;
}
.bm-preco-fogo{
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:var(--bm-fogo);color:#0E141B;border-radius:999px;padding:5px 10px;
}

/* ---------- prova social ---------- */
.bm-social{margin:96px 0 0;}
.bm-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px;max-width:720px;}
.bm-stat{background:var(--bm-surface);border:1px solid var(--bm-line);border-radius:8px;padding:28px 26px;}
.bm-stat-num{font-size:clamp(38px,6vw,58px);font-weight:800;font-stretch:125%;line-height:1;}
.bm-stat-lab{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bm-muted);margin-top:10px;}
.bm-stars{position:relative;display:inline-block;white-space:nowrap;font-size:20px;letter-spacing:4px;line-height:1;color:rgba(237,242,246,.22);margin-top:12px;}
.bm-stars i{position:absolute;left:0;top:0;overflow:hidden;font-style:normal;color:#F2C14E;}
.bm-fonte{color:var(--bm-muted);font-size:14px;margin-top:20px;max-width:64ch;}
.bm-social-cta{margin:26px 0 0;}
.bm-depo{scroll-margin-top:24px;}

/* ---------- por que levar os 3 ---------- */
.bm-porque{margin:96px 0 0;}
.bm-porque-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;}
.bm-porque-card{
  --ac:var(--bm-enigma);
  background:var(--bm-surface);border:1px solid var(--bm-line);border-top:3px solid var(--ac);
  border-radius:0 0 8px 8px;padding:24px 22px;
}
.bm-porque-card[data-ac="midtown"]{--ac:var(--bm-midtown);}
.bm-porque-card[data-ac="barbarius"]{--ac:var(--bm-barbarius);}
.bm-porque-nome{font-size:24px;font-weight:800;font-stretch:118%;text-transform:uppercase;margin:0 0 8px;}
.bm-porque-traco{color:var(--bm-muted);font-size:15px;margin:0 0 10px;}
.bm-porque-vol{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);}
.bm-porque-fecho{
  margin-top:28px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;
  background:var(--bm-surface);border:1px solid color-mix(in srgb,var(--bm-brand) 45%,transparent);
  border-radius:8px;padding:28px 30px;
}
.bm-porque-fecho p{margin:0;color:var(--bm-muted);max-width:46ch;}
.bm-porque-fecho strong{color:var(--bm-txt);font-weight:700;}

/* ---------- âncora de upsell no seletor ---------- */
.bm-upsell{
  display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  margin-top:24px;padding:16px 18px;border:1px dashed var(--bm-brand);border-radius:6px;
  background:rgba(111,179,220,.08);
}
.bm-upsell p{margin:0;font-size:15.5px;}
.bm-btn--sm{padding:11px 18px;font-size:13px;}

/* ---------- preço no card do kit ---------- */
.bm-flags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.bm-preco-bloco{padding:4px 0 18px;border-bottom:1px solid var(--bm-line);margin-bottom:18px;}
.bm-de{color:var(--bm-muted);font-size:16px;}
.bm-de s{text-decoration-thickness:1px;}
.bm-por{font-size:clamp(42px,7vw,56px);font-weight:800;font-stretch:125%;line-height:1;margin:6px 0 6px;}
.bm-cada{color:var(--bm-muted);font-size:15.5px;}
.bm-caixa-destaque{
  border:1px solid color-mix(in srgb,var(--bm-ok) 55%,transparent);
  background:rgba(127,211,166,.1);border-radius:6px;padding:16px 18px;margin:18px 0;
  font-size:16px;line-height:1.45;
}
.bm-caixa-destaque strong{color:var(--bm-ok);}
.bm-opcao-preco{display:block;font-size:15px;font-weight:700;margin-top:4px;}
.bm-opcao-econ{color:var(--bm-ok);font-weight:700;}

/* ---------- resumo ---------- */
.bm-resumo-linhas{display:grid;gap:9px;font-size:14.5px;margin:16px 0 18px;}
.bm-resumo-linhas div{display:flex;justify-content:space-between;gap:14px;color:var(--bm-muted);}
.bm-resumo-linhas div b{color:var(--bm-txt);font-weight:600;}
.bm-resumo-linhas div.bm-eco b,.bm-resumo-linhas div.bm-eco{color:var(--bm-ok);}
.bm-resumo-lista li svg{width:15px;height:15px;color:var(--bm-ok);flex:none;margin-top:5px;}
.bm-resumo-lista li{align-items:flex-start;}

/* ---------- avaliações / carrossel ---------- */
.bm-depo{margin:96px 0 0;}
.bm-depo-cab{display:flex;flex-direction:column;gap:10px;}
.bm-depo-resumo{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--bm-muted);font-size:15px;margin:0;}
.bm-depo-resumo b{color:var(--bm-txt);font-weight:700;font-size:17px;}
.bm-depo-resumo .bm-stars{margin:0;}

.bm-carrossel{position:relative;margin-top:30px;}
.bm-janela{overflow:hidden;padding:10px 2px 14px;}
.bm-track{
  display:flex;gap:18px;touch-action:pan-y;cursor:grab;
  will-change:transform;transform:translate3d(0,0,0);
}
.bm-track:active{cursor:grabbing;}
.bm-depo-card{
  flex:0 0 calc((100% - 36px)/3);
  background:var(--bm-surface);border:1px solid var(--bm-line);border-radius:10px;
  padding:26px 24px;display:flex;flex-direction:column;gap:12px;
  transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease;
}
.bm-depo-card--destaque{
  transform:scale(1.035);border-color:color-mix(in srgb,var(--bm-brand) 45%,transparent);
  box-shadow:0 18px 40px rgba(0,0,0,.34);
}
.bm-depo-topo{display:flex;gap:14px;align-items:center;}
.bm-avatar{
  width:46px;height:46px;border-radius:50%;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;letter-spacing:.04em;
  background:color-mix(in srgb,var(--c) 26%,var(--bm-surface-2));
  color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);
}
.bm-depo-nome{font-weight:700;font-size:16.5px;margin:0;}
.bm-depo-meta{color:var(--bm-muted);font-size:13.5px;margin:2px 0 0;}
.bm-depo-texto{color:var(--bm-txt);font-size:15.5px;margin:0;flex:1;}
.bm-depo-produto{
  font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--bm-muted);border-top:1px solid var(--bm-line);padding-top:14px;margin:0;
}
.bm-seta{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:42px;height:42px;border-radius:50%;cursor:pointer;
  background:rgba(14,20,27,.88);border:1px solid var(--bm-line);color:var(--bm-txt);
  font-family:inherit;font-size:22px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .2s ease,background .2s ease;
}
.bm-seta:hover{border-color:var(--bm-brand);background:var(--bm-surface-2);}
.bm-seta--ant{left:-14px;}
.bm-seta--prox{right:-14px;}
.bm-dots{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:18px;}
.bm-dot{
  width:7px;height:7px;border-radius:50%;padding:0;border:0;cursor:pointer;
  background:rgba(237,242,246,.22);transition:background .25s ease,width .25s ease;
}
.bm-dot[aria-current="true"]{background:var(--bm-brand);width:20px;border-radius:999px;}
.bm-verificada{
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--bm-ok);border:1px solid color-mix(in srgb,var(--bm-ok) 50%,transparent);
  border-radius:999px;padding:4px 9px;flex:none;
}
@media (max-width:979px){ .bm-depo-card{flex-basis:calc((100% - 18px)/2);} .bm-depo-card--destaque{transform:none;} }
@media (max-width:679px){
  .bm-depo-card{flex-basis:86%;}
  .bm-seta--ant{left:-6px;} .bm-seta--prox{right:-6px;}
}


/* ---------- CTA fixo no mobile ---------- */
.bm-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  display:none;gap:12px;align-items:center;justify-content:space-between;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(14,20,27,.96);border-top:1px solid var(--bm-line);
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;color:var(--bm-txt);
}
.bm-sticky[data-visivel="true"]{display:flex;}
.bm-sticky-txt{font-size:12.5px;line-height:1.3;color:var(--bm-muted);}
.bm-sticky-txt b{display:block;color:var(--bm-txt);font-size:14px;}
.bm-sticky .bm-btn{padding:14px 18px;font-size:14px;flex:none;}
@media (min-width:821px){ .bm-sticky{display:none !important;} }

@media (max-width:900px){
  .bm-precos{grid-template-columns:1fr;}
  .bm-preco--kit{order:-1;}
  .bm-porque-grid{grid-template-columns:1fr;}
  .bm-stats{grid-template-columns:1fr;}
}
@media (max-width:820px){
  .bm-porque-fecho .bm-btn{width:100%;}
  .bm-upsell .bm-btn{width:100%;}
}

/* ================= HERO ================= */
.bm-hero{padding:46px 0 60px;}
.bm-hero-grid{
  display:grid;grid-template-columns:1.02fr .98fr;
  grid-template-areas:"intro frascos" "oferta frascos";
  column-gap:56px;align-items:center;
}
.bm-hero-intro{grid-area:intro;align-self:end;}
.bm-hero-bloco{grid-area:oferta;align-self:start;margin-top:30px;}
.bm-hero-frascos{grid-area:frascos;}

.bm-hero-titulo{font-size:clamp(38px,5.6vw,68px);margin:0 0 18px;}
.bm-hero-sub{color:var(--bm-muted);font-size:18.5px;max-width:46ch;margin:0;}

.bm-hero-oferta{
  background:linear-gradient(180deg,rgba(111,179,220,.13),var(--bm-surface) 60%);
  border:1px solid var(--bm-brand);border-radius:10px;padding:24px 26px;
}
.bm-hero-kit{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 12px;
  font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}
.bm-hero-kit span{color:var(--bm-muted);letter-spacing:.1em;}
.bm-hero-linha{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0;}
.bm-hero-de{color:var(--bm-muted);font-size:19px;}
.bm-hero-por{font-size:clamp(46px,7.4vw,64px);font-weight:800;font-stretch:125%;line-height:1;}
.bm-hero-cada{color:var(--bm-ok);font-size:16px;font-weight:600;margin:10px 0 0;}
.bm-hero-cta{margin-top:18px;width:100%;}
.bm-hero-checks{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;
  margin:20px 0 0;font-size:14.5px;
}
.bm-hero-checks li{display:flex;gap:9px;align-items:flex-start;}
.bm-hero-checks svg{width:16px;height:16px;color:var(--bm-ok);flex:none;margin-top:4px;}

/* composição dos 3 frascos, sem card e sem fundo */
.bm-hero-frascos{
  position:relative;width:100%;max-width:580px;margin:0 auto;
  display:flex;align-items:flex-end;justify-content:center;
}
.bm-hero-frascos::before{            /* profundidade: brilho atrás */
  content:"";position:absolute;left:50%;top:46%;width:86%;height:66%;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,rgba(143,198,232,.20),transparent 68%);
  filter:blur(10px);
}
.bm-hero-frascos::after{             /* sombra de contato no chão */
  content:"";position:absolute;left:50%;bottom:-8px;width:74%;height:16px;transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(0,0,0,.6),transparent 72%);
  filter:blur(7px);
}
.bm-hf{
  position:relative;display:block;flex:none;width:36%;aspect-ratio:295/781;
  transform:translate3d(var(--mx,0px),var(--my,0px),0);
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
  will-change:transform;
}
.bm-hf i{                            /* camada da imagem: flutua sozinha */
  display:block;width:100%;height:100%;
  background:var(--img) center/contain no-repeat;
  filter:drop-shadow(0 26px 22px rgba(0,0,0,.55));
  animation:var(--anim) var(--dur,8s) ease-in-out infinite;
  animation-delay:var(--atraso,0s);
  will-change:transform;
}
.bm-hf--enigma{z-index:2;}
.bm-hf--midtown{width:38%;margin:0 -5% 9%;z-index:3;}   /* central: maior, sobreposto e mais alto */
.bm-hf--barbarius{z-index:2;}

@keyframes bm-flutua-a{
  0%,100%{transform:translate3d(0,0,0) rotate(-1deg);}
  50%{transform:translate3d(0,-11px,0) rotate(.6deg);}
}
@keyframes bm-flutua-b{
  0%,100%{transform:translate3d(0,0,0) rotate(.8deg);}
  50%{transform:translate3d(0,-14px,0) rotate(-.7deg);}
}
@keyframes bm-flutua-c{
  0%,100%{transform:translate3d(0,-2px,0) rotate(1.2deg);}
  50%{transform:translate3d(0,-12px,0) rotate(-.4deg);}
}

/* entrada encadeada ao carregar */
@keyframes bm-entrar{ to{opacity:1;transform:translate3d(0,0,0);} }
.bm-anim{
  opacity:0;transform:translate3d(0,16px,0);
  animation:bm-entrar .72s cubic-bezier(.22,.68,.2,1) forwards;
  animation-delay:calc(var(--seq,0) * .11s);
}

@media (max-width:900px){
  .bm-hero{padding:22px 0 36px;}
  .bm-hero-grid{grid-template-columns:1fr;grid-template-areas:"intro" "frascos" "oferta";}
  .bm-hero-titulo{font-size:clamp(28px,7.6vw,38px);margin-bottom:12px;}
  .bm-hero-sub{font-size:16px;}
  .bm-hero-frascos{max-width:300px;margin:18px auto 14px;}
  .bm-hero-bloco{margin-top:4px;}
  .bm-hero-oferta{padding:20px;}
  .bm-hero-por{font-size:clamp(40px,11vw,52px);}
  .bm-hero-checks{margin-top:16px;font-size:14px;}
}
@media (max-width:420px){
  .bm-hero-frascos{max-width:260px;}
  .bm-hero-sub{font-size:15.5px;}
}

/* ---------- envio no mesmo dia ---------- */
.bm-faixa{
  margin:76px 0 0;display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:16px;
}
.bm-faixa-item{
  background:var(--bm-surface);border:1px solid var(--bm-line);border-radius:8px;padding:22px 20px;
}
.bm-faixa-item--destaque{
  border-color:color-mix(in srgb,var(--bm-brand) 55%,transparent);
  background:linear-gradient(180deg,rgba(111,179,220,.13),var(--bm-surface) 62%);
}
.bm-faixa-titulo{
  font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;
  display:flex;align-items:center;gap:8px;color:var(--bm-muted);
}
.bm-faixa-item--destaque .bm-faixa-titulo{color:var(--bm-brand);}
.bm-faixa-txt{margin:0;font-size:15px;color:var(--bm-txt);}
.bm-faixa-min{margin:8px 0 0;font-size:13px;color:var(--bm-muted);}

.bm-hero-checks li.bm-envio-item{
  grid-column:1/-1;color:var(--bm-brand);font-weight:600;align-items:center;
}
.bm-envio-nota{font-size:12.5px;color:var(--bm-muted);margin:10px 0 0;}

.bm-envio-box{
  border:1px solid color-mix(in srgb,var(--bm-brand) 45%,transparent);
  background:rgba(111,179,220,.09);border-radius:6px;padding:14px 16px;margin:0 0 16px;
}
.bm-envio-titulo{margin:0;font-size:14px;font-weight:700;letter-spacing:.03em;color:var(--bm-txt);}
.bm-envio-sub{margin:5px 0 0;font-size:14px;color:var(--bm-muted);}
.bm-envio-box .bm-envio-nota{margin:9px 0 0;font-size:12px;}

@media (max-width:980px){ .bm-faixa{grid-template-columns:1fr 1fr;} }
@media (max-width:620px){ .bm-faixa{grid-template-columns:1fr;} }

/* =====================================================================
   CHECKOUT PIX
   ===================================================================== */
.bm-co{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;color:var(--bm-txt);}
.bm-co[hidden]{display:none;}
.bm-co-fundo{position:absolute;inset:0;background:rgba(6,10,14,.82);backdrop-filter:blur(3px);}
.bm-co-painel{position:relative;z-index:1;width:min(560px,100%);max-height:100%;
  display:flex;flex-direction:column;background:var(--bm-surface);
  border:1px solid var(--bm-line);border-radius:12px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.55);}
.bm-co-topo{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--bm-line);}
.bm-co-passos{display:flex;flex-wrap:wrap;gap:8px;flex:1;}
.bm-co-passo{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--bm-muted);padding:5px 10px;border-radius:999px;border:1px solid transparent;}
.bm-co-passo.ativo{color:var(--bm-txt);border-color:var(--bm-brand);}
.bm-co-passo.feito{color:var(--bm-ok);}
.bm-co-x{background:none;border:0;color:var(--bm-muted);font-size:28px;line-height:1;cursor:pointer;padding:0 4px;}
.bm-co-x:hover{color:var(--bm-txt);}
.bm-co-corpo{padding:22px 22px 26px;overflow-y:auto;-webkit-overflow-scrolling:touch;}

.bm-co-titulo{font-size:26px;font-weight:800;font-stretch:118%;margin:0 0 6px;line-height:1.1;}
.bm-co-sub{color:var(--bm-muted);font-size:14.5px;margin:0 0 18px;}

.bm-co-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;}
.bm-co-campo{display:flex;flex-direction:column;gap:6px;grid-column:1/-1;}
.bm-co-campo--metade{grid-column:auto;}
.bm-co-campo span{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-muted);}
.bm-co-campo input{
  font-family:inherit;font-size:16px;                 /* 16px evita zoom no iOS */
  padding:14px 14px;border-radius:8px;color:var(--bm-txt);
  background:var(--bm-surface-2);border:1px solid var(--bm-line);width:100%;
}
.bm-co-campo input:focus{outline:2px solid var(--bm-brand);outline-offset:1px;}
.bm-co-campo input.erro{border-color:#E27C6B;}
.bm-co-erro{color:#E8907E;font-size:13px;font-style:normal;min-height:1em;}
.bm-co-cepstatus{grid-column:1/-1;font-size:13px;color:var(--bm-muted);margin-top:-8px;}

.bm-co-acoes{display:flex;gap:12px;align-items:center;}
.bm-co-acoes .bm-btn--ghost{flex:none;}
.bm-co-acoes .bm-btn--lg{flex:1;}

.bm-co-itens{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:9px;font-size:15.5px;}
.bm-co-itens li{display:flex;justify-content:space-between;gap:12px;
  border-bottom:1px dashed var(--bm-line);padding-bottom:8px;}
.bm-co-itens li span:last-child{color:var(--bm-muted);}
.bm-co-linhas{margin:0 0 16px;display:grid;gap:8px;font-size:14.5px;}
.bm-co-linhas div{display:flex;justify-content:space-between;gap:12px;}
.bm-co-linhas dt{color:var(--bm-muted);margin:0;}
.bm-co-linhas dd{margin:0;}
.bm-co-gratis{color:var(--bm-ok);font-weight:700;}
.bm-co-entrega{font-size:14px;color:var(--bm-muted);line-height:1.5;margin:0 0 16px;}
.bm-co-total{display:flex;justify-content:space-between;align-items:baseline;
  padding:14px 0;border-top:1px solid var(--bm-line);margin-bottom:16px;}
.bm-co-total span{color:var(--bm-muted);font-size:14px;}
.bm-co-total strong{font-size:28px;font-weight:800;font-stretch:118%;}
.bm-co-msg{color:#E8907E;font-size:14px;margin:0 0 12px;min-height:1em;}

.bm-co-valor{text-align:center;font-size:34px;font-weight:800;font-stretch:118%;margin:0 0 18px;}
.bm-co-qr{display:block;width:230px;height:230px;margin:0 auto 16px;background:#fff;
  border-radius:10px;padding:10px;}
.bm-co-qr canvas,.bm-co-qr img{width:100%;height:100%;display:block;}
.bm-co-copia{margin:18px 0 14px;}
.bm-co-copia code{display:block;font-size:12px;line-height:1.5;color:var(--bm-muted);
  background:var(--bm-surface-2);border:1px solid var(--bm-line);border-radius:8px;
  padding:12px;word-break:break-all;max-height:90px;overflow:auto;margin-bottom:12px;}
.bm-co-copia .bm-btn{width:100%;}
.bm-co-aguardando{display:flex;align-items:center;justify-content:center;gap:9px;
  font-size:14.5px;color:var(--bm-brand);margin:16px 0 6px;}
.bm-co-pulso{width:9px;height:9px;border-radius:50%;background:var(--bm-brand);
  animation:bm-co-pulsar 1.4s ease-in-out infinite;}
@keyframes bm-co-pulsar{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.bm-co-ref{text-align:center;font-size:13px;color:var(--bm-muted);margin:14px 0 0;}
.bm-co-teste{background:rgba(232,135,60,.15);border:1px solid var(--bm-fogo);color:var(--bm-fogo);
  border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700;text-align:center;margin:0 0 16px;}

.bm-co-ok{text-align:center;}
.bm-co-ok .bm-co-itens{text-align:left;margin-top:18px;}
.bm-co-selo{width:66px;height:66px;border-radius:50%;margin:6px auto 16px;
  display:flex;align-items:center;justify-content:center;font-size:32px;
  color:var(--bm-ok);border:2px solid var(--bm-ok);background:rgba(127,211,166,.12);
  animation:bm-co-selo .5s cubic-bezier(.2,.8,.3,1.2) both;}
@keyframes bm-co-selo{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
.bm-co-envio{font-size:14px;color:var(--bm-brand);margin:16px 0 20px;}

@media (max-width:620px){
  .bm-co{align-items:flex-end;}
  .bm-co-painel{width:100%;max-height:96vh;border-radius:14px 14px 0 0;}
  .bm-co-corpo{padding:18px 16px calc(22px + env(safe-area-inset-bottom));}
  .bm-co-titulo{font-size:23px;}
  .bm-co-grid{gap:12px;}
  .bm-co-qr{width:min(260px,72vw);height:min(260px,72vw);}
  .bm-co-acoes{flex-direction:column-reverse;align-items:stretch;}
  .bm-co-acoes .bm-btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){
  .bm-co-pulso,.bm-co-selo{animation:none !important;}
}