/* =========================================================================
   BRAND — Seguidores Real  (tema "Brasil": verde escuro + verde-limão)
   Camada de design compartilhada. Carregada em TODOS os headers.
   Objetivo: visual único e profissional em todo o site, sem tocar na
   estrutura/JS. Só sobrescreve aparência das classes já existentes.
   ========================================================================= */

:root{
  /* Verdes */
  --br-green:        #1f9d3c;   /* verde bandeira (botões)            */
  --br-green-dark:   #157a2e;   /* hover                              */
  --br-green-deep:   #0d3b1e;   /* detalhes escuros                  */
  --br-lime:         #a3e635;   /* verde-limão (números, destaques)   */
  --br-lime-soft:    #c7f24a;
  /* Fundos */
  --br-hero-1:       #0c1c13;   /* topo do hero escuro               */
  --br-hero-2:       #0a2a17;   /* base do hero escuro               */
  --br-ink:          #0f1b13;   /* texto forte                       */
  --br-muted:        #5b6b60;   /* texto secundário                  */
  --br-line:         #e6ece7;   /* divisórias                        */
  --br-paper:        #ffffff;
  --br-paper-2:      #f5f8f5;
  --br-gold:         #f5b301;   /* estrelas                          */
  --br-wpp:          #25d366;
  /* Forma */
  --br-radius:       10px;
  --br-radius-sm:    8px;
  /* sombras suaves em camadas (premium): 1 contato tênue + 1 ambiente difusa */
  --br-shadow:       0 1px 2px rgba(13,59,30,.04), 0 6px 18px rgba(13,59,30,.05);
  --br-shadow-lg:    0 2px 6px rgba(13,59,30,.05), 0 14px 34px rgba(13,59,30,.08);
  --br-hair:         rgba(13,59,30,.08);   /* borda fininha premium */
  --br-font:         'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --br-font-display: 'Poppins', 'Inter', system-ui, sans-serif;
  /* I-beam escuro proprio (com halo branco) p/ nao depender do cursor do SO */
  --br-caret: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2224%22%20viewBox%3D%220%200%2016%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cg%20stroke%3D%22%23ffffff%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M8%203v18%22%2F%3E%3Cpath%20d%3D%22M5%203h6%22%2F%3E%3Cpath%20d%3D%22M5%2021h6%22%2F%3E%3C%2Fg%3E%3Cg%20stroke%3D%22%231f2a24%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8%203v18%22%2F%3E%3Cpath%20d%3D%22M5%203h6%22%2F%3E%3Cpath%20d%3D%22M5%2021h6%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") 8 12, text;
}

/* ---- base tipográfica (não força cor de fundo global p/ não quebrar temas) ---- */
body.brand-ui{
  font-family: var(--br-font);
  color: var(--br-ink);
  background: var(--br-paper-2);
  overflow-x: clip; /* mata scroll horizontal sem quebrar o header sticky */
}
body.brand-ui h1, body.brand-ui h2, body.brand-ui h3,
body.brand-ui .brand-hero__title, body.brand-ui .pkg-card__num{
  font-family: var(--br-font-display);
  letter-spacing:-.01em;
}

/* =========================================================================
   1. HEADER UNIFICADO  (.brand-header)
   ========================================================================= */
.brand-header{
  position: sticky; top:0; z-index: 1000;
  background: var(--br-paper);
  border-bottom: 1px solid var(--br-line);
  box-shadow: 0 2px 14px rgba(13,59,30,.05);
}
.brand-header__bar{
  max-width: 1180px; margin:0 auto; padding: 14px 20px;
  display:grid; grid-template-columns: 44px 1fr 44px; align-items:center; gap:12px;
}
.brand-burger{
  width:44px;height:44px;border:0;background:transparent;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;border-radius:10px;
}
.brand-burger:hover{ background: var(--br-paper-2); }
.brand-burger span{ height:2.5px;border-radius:3px;background:var(--br-ink);display:block; transition:.25s; }
.brand-header__logo{ display:flex;justify-content:center;align-items:center; }
.brand-header__logo img{ max-height: 46px; width:auto; }
.brand-cart{
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  color:var(--br-ink);position:relative;border-radius:10px;text-decoration:none;font-size:20px;
}
.brand-cart:hover{ background: var(--br-paper-2); color:var(--br-green); }
.brand-cart__count{
  position:absolute;top:5px;right:4px;min-width:17px;height:17px;padding:0 4px;
  background:var(--br-lime);color:var(--br-ink);font-size:10px;font-weight:700;
  border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1;
}

/* menu deslizante */
.brand-nav-toggle{ display:none; }
.brand-nav{
  position:fixed; inset:0 auto 0 0; width:min(84vw,320px);
  background:var(--br-paper); z-index:1200; padding:22px 18px;
  transform:translateX(-105%); transition:transform .28s ease;
  box-shadow: 12px 0 40px rgba(0,0,0,.18); overflow-y:auto;
}
.brand-nav__head{ display:flex;justify-content:space-between;align-items:center;margin-bottom:14px; }
.brand-nav__head img{ max-height:40px; }
.brand-nav__close{ border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:var(--br-ink); }
.brand-nav a.brand-nav__link{
  display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:8px;
  color:var(--br-ink);text-decoration:none;font-weight:600;font-size:15px;
}
.brand-nav a.brand-nav__link:hover{ background:var(--br-paper-2); color:var(--br-green); }
.brand-nav a.brand-nav__link i{ width:22px;text-align:center;color:var(--br-green); }
.brand-overlay{
  position:fixed;inset:0;background:rgba(6,20,12,.5);z-index:1100;opacity:0;visibility:hidden;transition:.28s;
}
.brand-nav-toggle:checked ~ .brand-nav{ transform:translateX(0); }
.brand-nav-toggle:checked ~ .brand-overlay{ opacity:1;visibility:visible; }

/* =========================================================================
   2. HERO ESCURO
   ========================================================================= */
.brand-hero{
  background: radial-gradient(120% 90% at 85% 10%, #14432a 0%, var(--br-hero-1) 55%, var(--br-hero-2) 100%);
  color:#eaf3ec; position:relative; overflow:hidden;
}
.brand-hero__wrap{ max-width:1180px;margin:0 auto;padding:56px 20px 64px; }
.brand-hero.has-bg{ min-height:400px;display:flex;align-items:center; }
.brand-hero.has-bg .brand-hero__wrap{ width:100%; }
.brand-hero__kicker{
  display:inline-block;color:var(--br-lime);font-weight:700;font-size:14px;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;
}
.brand-hero__title{
  font-size:clamp(38px,6.5vw,76px);font-weight:800;line-height:.98;margin:0 0 6px;color:#fff;
  text-transform:uppercase;
}
.brand-hero__title .lime{ color:var(--br-lime); display:block;font-size:.5em;font-weight:800;margin-top:8px;letter-spacing:.01em; }
.brand-sectitle__cta{ margin-top:20px;font-size:13px; }
.brand-hero__curve{ position:absolute;top:0;right:0;width:60%;height:100%;pointer-events:none;z-index:1;opacity:.9; }
.brand-hero.has-bg{ position:relative;overflow:hidden; }
.brand-hero.has-bg .brand-hero__wrap{ position:relative;z-index:2; }
@media (max-width:820px){ .brand-hero__curve{ display:none; } }
.brand-hero__feats{ margin-top:26px;display:flex;flex-direction:column;gap:16px;max-width:420px; }
.brand-feat{ display:flex;gap:14px;align-items:flex-start; }
.brand-feat__ic{
  flex:0 0 42px;width:42px;height:42px;border-radius:50%;
  border:1.5px solid rgba(163,230,53,.55);display:flex;align-items:center;justify-content:center;
  color:var(--br-lime);font-size:17px;
}
.brand-feat__tt{ font-weight:700;color:#fff;text-transform:uppercase;font-size:15px;letter-spacing:.02em; }
.brand-feat__ds{ color:#b9cdbf;font-size:13.5px;margin-top:2px; }
.brand-hero__cta{ margin-top:28px; }

/* layout em 2 colunas + arte */
.brand-hero__grid{ display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center; }
.brand-hero__art{ position:relative;min-height:340px;display:flex;align-items:center;justify-content:center; }
.brand-hero__glow{
  position:absolute;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle at 50% 45%, rgba(163,230,53,.14), rgba(31,157,60,.05) 55%, transparent 72%);
}
.brand-hero__badge{
  position:relative;width:150px;height:150px;border-radius:34px;
  background:linear-gradient(135deg,#1f9d3c,#0d3b1e);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:64px;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  transform:rotate(-6deg);
}
.brand-hero__chip{
  position:absolute;background:#fff;color:var(--br-ink);
  font-weight:700;font-size:12.5px;padding:9px 13px;border-radius:999px;border:1px solid rgba(13,59,30,.06);
  box-shadow:0 6px 16px rgba(0,0,0,.14);display:flex;align-items:center;gap:7px;white-space:nowrap;
}
.brand-hero__chip i{ color:var(--br-green); }
.brand-hero__chip.chip-a{ top:14%;right:2%; }
.brand-hero__chip.chip-b{ bottom:16%;left:0%; }
.brand-hero__chip.chip-c{ bottom:6%;right:14%;background:var(--br-lime);color:var(--br-ink); }
.brand-hero__chip.chip-c i{ color:var(--br-green-deep); }
@media (max-width:820px){
  .brand-hero__grid{ grid-template-columns:1fr; }
  .brand-hero__art{ display:none; }
}

/* =========================================================================
   3. TÍTULO DE SEÇÃO
   ========================================================================= */
.brand-sectitle{ text-align:center;margin:52px auto 8px;max-width:820px;padding:0 20px; }
.brand-sectitle h2{
  font-size:clamp(26px,4vw,40px);font-weight:800;text-transform:uppercase;margin:0;color:var(--br-ink);
}
.brand-sectitle .sub{
  display:flex;align-items:center;justify-content:center;gap:12px;color:var(--br-muted);
  font-size:15px;margin-top:12px;
}
.brand-sectitle .sub::before,.brand-sectitle .sub::after{
  content:"";height:3px;width:34px;border-radius:3px;
  background:linear-gradient(90deg,var(--br-green),var(--br-lime));
}

/* =========================================================================
   4. BOTÕES
   ========================================================================= */
.brand-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--br-green);color:#fff;border:0;cursor:pointer;text-decoration:none !important;
  font-family:var(--br-font);font-weight:600;font-size:14px;
  padding:12px 22px;border-radius:9px;transition:.16s;
}
.brand-btn:hover{ background:var(--br-green-dark);color:#fff;text-decoration:none !important; }
.brand-btn span, .brand-btn i{ text-decoration:none !important; }
.brand-btn--dark{ background:var(--br-ink); }
.brand-btn--dark:hover{ background:#000; }
.brand-btn--block{ width:100%; }

/* =========================================================================
   5. CARDS DE PACOTE  (reaproveita .category-box / .category-container do pedido)
   ========================================================================= */
.brand-ui .category-container{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;
  max-width:1180px;margin:0 auto;padding:6px 20px 10px;
}
.brand-ui .category-box{
  background:var(--br-paper);border:1px solid var(--br-line);border-radius:var(--br-radius);
  overflow:hidden;box-shadow:var(--br-shadow);transition:.22s;display:flex;flex-direction:column;
  position:relative;padding:0;margin:0;
}
.brand-ui .category-box:hover{ transform:translateY(-4px);box-shadow:var(--br-shadow-lg);border-color:#cfe6d3; }
/* topo escuro do card */
.brand-ui .category-box button{
  all:unset;cursor:pointer;display:flex;flex-direction:column;width:100%;box-sizing:border-box;
}
.brand-ui .category-box button h1{
  background:linear-gradient(135deg,#12331f 0%,#0b1e12 100%);
  color:var(--br-lime);font-size:40px;font-weight:800;line-height:1;margin:0;
  padding:26px 22px 22px;position:relative;
}
.brand-ui .category-box button h1::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,var(--br-green),var(--br-lime));
}
.brand-ui .category-box button p{
  color:var(--br-ink);font-size:14.5px;font-weight:500;line-height:1.35;
  padding:18px 22px 6px;margin:0;min-height:56px;
}
.brand-ui .category-box button span{
  color:var(--br-green);font-size:26px;font-weight:800;padding:2px 22px 4px;display:block;
}
/* rótulo "mais vendido / desconto" */
.brand-ui .category-box.card-toast::before{
  content:attr(data-card-toast-text);position:absolute;top:0;left:0;z-index:2;
  background:var(--br-lime);color:var(--br-ink);font-size:11px;font-weight:800;
  padding:6px 12px;border-bottom-right-radius:12px;letter-spacing:.02em;text-transform:uppercase;
}

/* =========================================================================
   5b. CARDS DE PACOTE — marcação nova (.pkg-card), controle total p/ referência
   ========================================================================= */
.brand-cats{ background:var(--br-paper-2); padding:6px 0 8px; }
.brand-cat-block{ max-width:1180px;margin:0 auto;padding:14px 20px 30px; }
.brand-cat-block__title{
  display:flex;align-items:center;gap:12px;margin:26px 0 20px;
}
.brand-cat-block__title h3{
  font-size:clamp(20px,3vw,28px);font-weight:800;text-transform:uppercase;margin:0;color:var(--br-ink);
}
.brand-cat-block__title .pill{
  margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:var(--br-ink);color:#fff;
  font-weight:700;font-size:13px;padding:8px 14px;border-radius:999px;
}
.brand-cat-block__title .pill .dot{ width:9px;height:9px;border-radius:50%;background:var(--br-lime);box-shadow:0 0 0 4px rgba(163,230,53,.25); }

.pkg-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px; }
.pkg-card{
  background:var(--br-paper);border:1px solid var(--br-line);border-radius:var(--br-radius);
  overflow:hidden;box-shadow:var(--br-shadow);transition:.22s;display:flex;flex-direction:column;
  position:relative;margin:0;padding:0;
}
.pkg-card:hover{ transform:translateY(-4px);box-shadow:var(--br-shadow-lg);border-color:#cfe6d3; }
.pkg-card__top{
  background:
     radial-gradient(120% 120% at 100% 0%, rgba(163,230,53,.12) 0%, transparent 48%),
     linear-gradient(135deg,#123320 0%,#0a1c11 100%);
  padding:40px 66px 20px 22px;position:relative;min-height:118px;
}
.pkg-card__top::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--br-green),var(--br-lime));
}
.pkg-card__num{
  color:var(--br-lime);font-size:clamp(22px,2.4vw,29px);font-weight:800;line-height:1;
  letter-spacing:-.03em;white-space:nowrap;
}
.pkg-card__label{ color:var(--br-lime-soft);font-weight:700;font-size:12.5px;text-transform:uppercase;line-height:1.2;margin-top:6px;letter-spacing:.02em; }
.pkg-card__ic{
  position:absolute;top:40px;right:20px;width:42px;height:42px;border-radius:50%;
  border:1.5px solid rgba(163,230,53,.4);display:flex;align-items:center;justify-content:center;
  color:var(--br-lime);font-size:18px;background:rgba(9,24,14,.55);line-height:1;
}
.pkg-card__ic::before{ line-height:1;display:block;text-align:center; }
.pkg-card__badge{
  position:absolute;top:0;left:0;z-index:2;background:var(--br-lime);color:var(--br-green-deep);
  font-size:10.5px;font-weight:800;padding:6px 13px;border-radius:0 0 14px 0;
  text-transform:uppercase;letter-spacing:.04em;box-shadow:0 3px 8px rgba(0,0,0,.2);
}
.pkg-card__body{ padding:20px 22px 22px;display:flex;flex-direction:column;text-align:center;flex:1; }
.pkg-card__desc{ color:var(--br-muted);font-size:13.5px;line-height:1.4;margin:0 0 14px;min-height:36px; }
.pkg-card__price{ color:var(--br-green);font-size:30px;font-weight:800;line-height:1; }
.pkg-card__install{ color:var(--br-muted);font-size:12.5px;margin-top:4px; }
.pkg-card__stars{ color:var(--br-gold);font-size:15px;letter-spacing:2px;margin:10px 0 14px; }
.pkg-card__btn{ margin-top:auto; }

/* =========================================================================
   6. BARRA DE CONFIANÇA (rodapé de benefícios)
   ========================================================================= */
.brand-trust{
  max-width:1180px;margin:44px auto;padding:26px 20px;background:var(--br-paper);
  border:1px solid var(--br-line);border-radius:var(--br-radius);box-shadow:var(--br-shadow);
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
}
.brand-trust__it{ text-align:center;padding:8px 12px;border-right:1px solid var(--br-line); }
.brand-trust__it:last-child{ border-right:0; }
.brand-trust__it i{ font-size:26px;color:var(--br-green);margin-bottom:8px;display:block; }
.brand-trust__it b{ display:block;color:var(--br-ink);font-size:14px;font-weight:700;text-transform:uppercase; }
.brand-trust__it span{ color:var(--br-muted);font-size:12.5px; }

/* =========================================================================
   6a2. FAQ na página inicial (accordion nativo)
   ========================================================================= */
.brand-faq{ max-width:820px;margin:10px auto 20px;padding:0 20px 40px; }
.brand-faq__list{ margin-top:22px; }
.brand-faq__item{
  background:var(--br-paper);border:1px solid var(--br-line);border-radius:9px;
  box-shadow:var(--br-shadow);margin-bottom:12px;overflow:hidden;
}
.brand-faq__item summary{
  list-style:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;font-weight:700;color:var(--br-ink);font-size:15.5px;
}
.brand-faq__item summary::-webkit-details-marker{ display:none; }
.brand-faq__item summary i{ color:var(--br-green);transition:transform .2s;flex:0 0 auto; }
.brand-faq__item[open] summary i{ transform:rotate(180deg); }
.brand-faq__item[open] summary{ border-bottom:1px solid var(--br-line); }
.brand-faq__ans{ padding:14px 20px 18px;color:var(--br-muted);font-size:14.5px;line-height:1.6; }
.brand-faq__ans p{ margin:0 0 8px; }

/* =========================================================================
   6b. CHECKOUT (tema Brasil)
   ========================================================================= */
.co-shell{ max-width:1080px;margin:0 auto;padding:26px 18px 60px; }
.co-grid{ display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:start; }
.co-card{ background:var(--br-paper);border:1px solid var(--br-hair);border-radius:11px;box-shadow:var(--br-shadow);padding:20px; }

/* cursor/caret visíveis nos campos */
body.brand-ui input[type="text"],
body.brand-ui input[type="email"],
body.brand-ui input[type="password"],
body.brand-ui input[type="tel"],
body.brand-ui input[type="search"],
body.brand-ui input.form-control,
body.brand-ui textarea{ color:var(--br-ink);cursor:var(--br-caret); }
body.brand-ui input::placeholder,
body.brand-ui textarea::placeholder{ color:#9aa8a0; }

.co-right{ align-self:start; }

/* ===== Card de verificação de perfil (Instagram/Apify) ===== */
.ig-prof{ margin-top:10px; }
.ig-prof__load{ padding:10px 2px 6px; }
.ig-prof__load-tx{ font-size:12.5px;color:var(--br-muted);font-weight:500;letter-spacing:.01em;margin-bottom:9px; }
.ig-prof__bar{ position:relative;height:4px;border-radius:99px;background:#edf1ee;overflow:hidden; }
.ig-prof__bar span{ position:absolute;top:0;left:0;height:100%;width:35%;border-radius:99px;
   background:linear-gradient(90deg,rgba(31,157,60,0),var(--br-green) 45%,var(--br-lime));animation:igbar 1.25s cubic-bezier(.65,.15,.35,.85) infinite; }
@keyframes igbar{ 0%{ left:-35%; } 100%{ left:100%; } }
.ig-prof__card{ display:flex;align-items:center;gap:11px;background:var(--br-paper-2);border:1px solid var(--br-hair);border-radius:10px;padding:10px 12px; }
.ig-prof__pic{ width:46px;height:46px;border-radius:50%;object-fit:cover;background:#e9efe9;flex:0 0 46px;border:1.5px solid #fff;box-shadow:0 0 0 1px var(--br-hair); }
.ig-prof__info{ flex:1;min-width:0; }
.ig-prof__nm{ display:flex;align-items:center;gap:5px;font-weight:700;color:var(--br-ink);font-size:14px;line-height:1.2; }
.ig-prof__fn{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ig-prof__ver{ color:#3897f0;font-size:13px;flex:0 0 auto; }
.ig-prof__un{ font-size:12.5px;color:var(--br-muted);margin-top:1px; }
.ig-prof__stats{ display:flex;gap:12px;font-size:12px;color:var(--br-muted);margin-top:4px; }
.ig-prof__stats b{ color:var(--br-ink); }
.ig-prof__ok{ flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#137a3e;background:#e6f6ec;border:1px solid #bfe6cd;border-radius:8px;padding:5px 9px; }
.ig-prof__warn{ margin-top:8px;font-size:13px;line-height:1.4;color:#8a1c1c;background:#fdeaea;border:1px solid #f4c7c7;border-radius:9px;padding:9px 11px; }
.ig-prof__warn i{ margin-right:5px; }
.brand-btn.is-disabled{ opacity:.5;cursor:not-allowed;filter:grayscale(.2); }

/* ===== Seletor de modo (@ do perfil x link da publicação) ===== */
.ig-seg{ display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px; }
.ig-seg__opt{ display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;
   border:1.5px solid var(--br-line);border-radius:9px;padding:10px 8px;font-size:12.5px;font-weight:600;color:var(--br-ink);
   background:var(--br-paper);transition:border-color .15s,background .15s; }
.ig-seg__opt input{ display:none; }
.ig-seg__opt i{ color:var(--br-muted); }
.ig-seg__opt.is-active{ border-color:var(--br-green);background:#eaf7ee; }
.ig-seg__opt.is-active i{ color:var(--br-green); }

/* ===== Grade de publicações ===== */
.ig-posts__head{ display:flex;align-items:center;justify-content:space-between;gap:10px; }
.ig-posts__ttl{ font-weight:700;color:var(--br-ink);font-size:14px;display:flex;align-items:center;gap:7px;margin:0; }
.ig-posts__ttl i{ color:var(--br-green); }
.ig-posts__refresh{ border:1px solid var(--br-line);background:var(--br-paper);color:var(--br-muted);border-radius:8px;
   font-size:12px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px; }
.ig-posts__refresh:hover{ border-color:var(--br-green);color:var(--br-green); }
.ig-posts__grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px; }
.ig-post{ position:relative;padding:0;border:2px solid var(--br-line);border-radius:12px;overflow:hidden;cursor:pointer;
   aspect-ratio:1/1;background:#eef2ee;line-height:0;transition:border-color .15s,transform .12s,box-shadow .15s; }
.ig-post img{ width:100%;height:100%;object-fit:cover;display:block;transition:filter .15s,transform .2s; }
.ig-post:hover{ transform:translateY(-1px);box-shadow:0 4px 12px rgba(13,59,30,.12); }
.ig-post:hover img{ transform:scale(1.03); }
.ig-post__b{ position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:7px;background:rgba(0,0,0,.5);
   color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;z-index:2; }
.ig-post.is-sel{ border-color:var(--br-green);box-shadow:0 0 0 3px rgba(31,157,60,.18); }
.ig-post.is-sel::after{ content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,20,12,.12),rgba(8,20,12,.5)); }
.ig-post__qty{ position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:6px;
   color:#fff;font-weight:800;font-size:clamp(15px,4vw,21px);text-shadow:0 1px 8px rgba(0,0,0,.55);pointer-events:none; }
.ig-post__qty i{ font-size:.82em;opacity:.95; }
.ig-posts__warn{ margin-top:9px;font-size:12.5px;color:#8a5a00;background:#fff6e5;border:1px solid #f3dca0;border-radius:9px;padding:8px 11px; }
.ig-posts__warn i{ margin-right:5px; }
.ig-posts__sum{ margin-top:9px;font-size:12.5px;color:var(--br-ink);background:#eef7f0;border:1px solid #cfe8d6;border-radius:9px;padding:9px 11px;line-height:1.7; }
.ig-posts__sum i{ color:var(--br-green);margin-right:4px;font-size:11px; }
.ig-posts__sum b{ color:#137a3e; }
@media (max-width:560px){ .ig-posts__grid{ grid-template-columns:repeat(3,1fr); } .ig-seg{ grid-template-columns:1fr; } }

/* ===== Resumo completo estilo Cakto/Kiwify ===== */
.co-order{ padding:0 !important;overflow:hidden; }
.co-order__head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:13px 18px;border-bottom:1px solid var(--br-hair);
}
.co-order__title{ font-weight:700;font-size:15px;color:var(--br-ink);letter-spacing:-.01em; }
.co-order__secure{
  display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--br-green);
  border:1px solid rgba(31,157,60,.35);background:rgba(31,157,60,.06);padding:5px 11px;border-radius:999px;
}
.co-order__item{ display:flex;align-items:center;gap:12px;padding:13px 18px; }
/* logo da rede social (marca) na miniatura */
.co-order__thumb.ig, .cross-item__thumb.ig{ background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important; }
.co-order__thumb.tt, .cross-item__thumb.tt{ background:#010101 !important; }
.co-order__thumb{
  flex:0 0 46px;width:46px;height:46px;border-radius:8px;color:#fff;font-size:22px;
  background:linear-gradient(135deg,var(--br-green),var(--br-green-deep));display:flex;align-items:center;justify-content:center;
}
.co-order__info{ flex:1;min-width:0; }
.co-order__nm{ font-weight:600;color:var(--br-ink);font-size:13.5px;line-height:1.35; }
.co-order__mini{ color:var(--br-muted);font-size:12px;margin-top:3px;display:flex;align-items:center;gap:5px; }
.co-order__mini i{ color:var(--br-green); }
.co-order__pr{ font-weight:700;color:var(--br-ink);font-size:14px;white-space:nowrap; }
.co-qty{ display:inline-flex;align-items:center;margin-top:9px;border:1px solid var(--br-line);border-radius:10px;overflow:hidden;width:max-content; }
.co-qty__b{ width:30px;height:28px;border:0;background:var(--br-paper-2);color:var(--br-ink);font-size:16px;font-weight:700;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:.14s; }
.co-qty__b:hover{ background:var(--br-green);color:#fff; }
.co-qty__v{ min-width:36px;text-align:center;font-weight:700;color:var(--br-ink);font-size:14px; }

/* Você também pode gostar */
.co-cross{ padding:6px 20px 8px;border-top:1px solid var(--br-hair); }
.co-cross__t{ font-weight:700;font-size:12px;color:var(--br-muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 10px; }
.cross-item{
  display:flex;align-items:center;gap:11px;background:var(--br-paper);border:1px solid var(--br-line);
  border-radius:8px;padding:9px 11px;margin-bottom:8px;cursor:pointer;transition:.16s;position:relative;user-select:none;
}
.cross-item:last-child{ margin-bottom:0; }
.cross-item:hover{ border-color:#cfe6d3;background:#fbfdfb; }
.cross-item.is-selected{ border-color:var(--br-green);background:linear-gradient(0deg,rgba(31,157,60,.05),rgba(31,157,60,.05)),#fff; }
.cross-item input{ position:absolute;opacity:0;pointer-events:none; }
.cross-item__thumb{
  flex:0 0 38px;width:38px;height:38px;border-radius:10px;color:#fff;font-size:16px;
  background:linear-gradient(135deg,var(--br-green),var(--br-green-deep));display:flex;align-items:center;justify-content:center;
}
.cross-item__info{ flex:1;min-width:0; }
.cross-item__nm{ font-weight:600;color:var(--br-ink);font-size:12.5px;line-height:1.3;text-transform:uppercase;letter-spacing:.02em; }
.cross-item__pr{ margin-top:3px;font-size:13px; }
.cross-item__pr s{ color:var(--br-muted);font-weight:400;margin-right:5px;font-size:12px; }
.cross-item__pr b{ color:var(--br-green);font-weight:800; }
.cross-item__box{
  flex:0 0 24px;width:24px;height:24px;border-radius:8px;border:2px solid #d7e2da;background:#fff;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;transition:.15s;
}
.cross-item__box i{ opacity:0;transform:scale(.5);transition:.15s; }
.cross-item:hover .cross-item__box{ border-color:var(--br-green); }
.cross-item.is-selected .cross-item__box{ background:var(--br-green);border-color:var(--br-green); }
.cross-item.is-selected .cross-item__box i{ opacity:1;transform:scale(1); }

/* totais */
.co-order__totals{ padding:14px 18px 16px; }
.co-order__row{ display:flex;justify-content:space-between;align-items:center;padding:6px 0;color:var(--br-muted);font-size:14px; }
.co-order__row span:last-child{ color:var(--br-ink);font-weight:600; }
.co-order__row--total{ border-top:1px solid var(--br-hair);margin-top:6px;padding-top:14px; }
.co-order__row--total span:first-child{ color:var(--br-ink);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.03em; }
.co-order__row--total .val{ color:var(--br-green) !important;font-size:24px;font-weight:700;letter-spacing:-.02em;font-family:var(--br-font-display); }

/* cupom de desconto */
.co-coupon{ display:flex;gap:8px;padding:10px 20px 0; }
.co-coupon input{ flex:1;min-width:0;border:1.5px solid var(--br-line);border-radius:10px;padding:11px 13px;font-size:13px;color:var(--br-ink);background:var(--br-paper);cursor:var(--br-caret); }
.co-coupon input:focus{ border-color:var(--br-green);outline:none; }
.co-coupon button{ flex:0 0 auto;background:var(--br-green);color:#fff;border:0;border-radius:10px;padding:0 16px;font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.15s; }
.co-coupon button:hover{ background:var(--br-green-dark); }
.co-coupon__msg{ padding:0 20px;font-size:12px;min-height:15px;margin-top:6px;font-weight:600; }
.co-coupon__msg.ok{ color:var(--br-green-dark); }
.co-coupon__msg.err{ color:#dc2626; }

/* ===== Tela de PIX (premium) ===== */
.pix-screen{ display:block; }
.pix-card{
  width:100%;max-width:none;background:var(--br-paper);border:1px solid var(--br-hair);
  border-radius:11px;box-shadow:var(--br-shadow);padding:24px 22px;text-align:center;
}
/* trava de segurança: se algum alerta cair na tela do PIX, não empurra o layout */
.pix-screen #alert-message:empty{ display:none; }
.pix-card__sel{ text-align:left;color:var(--br-muted);font-size:12.5px;font-weight:600;margin-bottom:8px; }
.pix-card__item{ display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--br-hair);margin-bottom:14px; }
.pix-card__ic{ flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--br-green),var(--br-green-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px; }
.pix-card__nm{ flex:1;min-width:0;font-weight:700;color:var(--br-ink);font-size:14px;line-height:1.25;text-align:left; }
.pix-card__val{ font-weight:800;color:var(--br-green);font-size:16px;white-space:nowrap; }
.pix-card__wait{ display:flex;align-items:center;justify-content:center;gap:9px;color:var(--br-muted);font-size:13px;font-weight:600;margin-bottom:16px; }
.pix-spin{ width:16px;height:16px;border:2.5px solid rgba(31,157,60,.25);border-top-color:var(--br-green);border-radius:50%;animation:pix-rot .8s linear infinite;display:inline-block; }
@keyframes pix-rot{ to{ transform:rotate(360deg); } }
.pix-card__qr{ display:flex;justify-content:center;margin:0 auto 16px;padding:14px;background:#fff;border:1px solid var(--br-hair);border-radius:9px;width:max-content;box-shadow:var(--br-shadow); }
.pix-card__qr img,.pix-card__qr canvas,.pix-card__qr #ruskpayQr img{ width:210px;height:210px;display:block;border-radius:6px; }
.pix-card__hint{ color:var(--br-muted);font-size:12.5px;margin-bottom:8px; }
.pix-card__code{ display:flex;gap:8px;margin-bottom:18px; }
.pix-card__code input{ flex:1;min-width:0;border:1.5px solid var(--br-line);border-radius:10px;padding:11px 12px;font-size:12px;color:var(--br-ink);background:var(--br-paper-2);cursor:var(--br-caret); }
.pix-card__code button{
  flex:0 0 auto;background:var(--br-ink);color:#fff;border:0;border-radius:10px;padding:0 16px;
  font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;
}
.pix-card__code button:hover{ background:#000; }
.pix-card__total{ display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--br-hair);padding-top:14px; }
.pix-card__total span{ color:var(--br-ink);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em; }
.pix-card__total b{ color:var(--br-green);font-size:24px;font-weight:800; }
.pix-card__secure{ display:flex;align-items:center;justify-content:center;gap:6px;color:var(--br-muted);font-size:11.5px;margin-top:14px; }
.pix-card__secure i{ color:var(--br-green); }
.co-card h2.co-title{ font-size:20px;font-weight:800;margin:0 0 4px;color:var(--br-ink); }
.co-help{ display:flex;justify-content:flex-end;margin-bottom:6px; }
.co-help a{ color:var(--br-green);font-size:13.5px;font-weight:600;text-decoration:none; }
.co-field{ margin-bottom:16px; }
.co-field label{ display:block;font-weight:600;font-size:14px;color:var(--br-ink);margin-bottom:6px; }
.co-field .req{ color:#e11d48; }
.co-field input.form-control,
.co-field select.form-control,
.co-field .selectize-input{
  border-radius:8px !important;border:1.5px solid var(--br-line) !important;
  padding:12px 14px !important;font-size:15px;width:100%;box-shadow:none !important;
}
.co-field input.form-control:focus,
.co-field select.form-control:focus{ border-color:var(--br-green) !important;outline:none; }
/* select de pagamento (Selectize): é um dropdown, não campo de digitar */
.co-field .selectize-input,
.co-field .selectize-input input,
.co-field .selectize-control.single .selectize-input{ cursor:pointer !important;caret-color:transparent !important; }
.co-hint{ font-size:11.5px;color:var(--br-muted);margin:5px 0 0 2px; }
.co-check{ display:flex;align-items:center;gap:9px;font-size:14px;color:var(--br-ink); }
.co-check a{ color:var(--br-green);font-weight:600;text-decoration:none; }
.co-actions{ margin-top:20px;display:flex;flex-direction:column;gap:10px; }
.co-actions .brand-btn{ width:100%; }

/* resumo do pedido — premium */
.co-summary__head{
  background:linear-gradient(135deg,#103a22 0%,#0a1c11 100%);color:#fff;
  border-radius:17px 17px 0 0;padding:17px 22px;font-weight:700;font-size:15.5px;
  letter-spacing:.005em;margin:-24px -24px 0;position:relative;overflow:hidden;
}
.co-summary__head::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--br-green),var(--br-lime) 55%,transparent);
}
.co-summary__total{ display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--br-hair);margin-top:6px;padding-top:16px; }
.co-summary__total b{ font-weight:700;color:var(--br-ink);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em; }
.co-summary__total .val{ color:var(--br-green);font-size:27px;font-weight:800;letter-spacing:-.01em; }

/* resumo itemizado estilo Cakto/Kiwify */
.co-summary__lines{ padding:18px 2px 4px; }
.co-line{ display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--br-hair); }
.co-line:last-child{ border-bottom:0; }
.co-line__nm{ color:var(--br-ink);font-size:13.5px;font-weight:600;line-height:1.3; }
.co-line__nm small{ display:block;color:var(--br-muted);font-weight:400;font-size:11.5px;margin-top:1px; }
.co-line__pr{ color:var(--br-green);font-weight:800;font-size:14px;white-space:nowrap; }
.co-line--upsell .co-line__nm{ color:var(--br-ink);font-weight:600; }
.co-line--upsell .co-line__nm::before{ content:"+ ";color:var(--br-green);font-weight:800; }
.co-line--upsell .co-line__ic{ color:var(--br-green);margin-right:2px; }

/* upsell full-width (abaixo), lista empilhada */
.up-section{
  margin-top:24px;padding:22px;border-radius:var(--br-radius);border:1px solid var(--br-line);
  background:var(--br-paper);box-shadow:var(--br-shadow);
}
.up-section__head{
  display:flex;align-items:center;gap:9px;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;font-size:14px;color:var(--br-ink);margin-bottom:16px;
}
.up-section__head i{ color:var(--br-green); }
.up-section__grid{ display:flex;flex-direction:column;gap:12px; }
.up-card{
  display:flex;align-items:center;gap:14px;cursor:pointer;user-select:none;position:relative;
  background:var(--br-paper);border:2px dashed #cfe0d4;border-radius:10px;padding:16px 18px;transition:.18s;
}
.up-card:hover{ border-color:var(--br-green);box-shadow:0 8px 20px rgba(31,157,60,.10); }
.up-card.is-selected{ border-style:solid;border-color:var(--br-green);background:linear-gradient(0deg,rgba(31,157,60,.05),rgba(31,157,60,.05)),#fff; }
.up-card input{ position:absolute;opacity:0;pointer-events:none; }
.up-card__ic{
  flex:0 0 46px;width:46px;height:46px;border-radius:50%;color:#fff;font-size:19px;
  background:linear-gradient(135deg,var(--br-green),var(--br-green-deep));display:flex;align-items:center;justify-content:center;
}
.up-card__info{ flex:1;min-width:0; }
.up-card__title{ font-weight:700;color:var(--br-ink);font-size:15px;line-height:1.25; }
.up-card__price{ color:var(--br-green);font-weight:800;font-size:20px;margin-top:4px; }
.up-card__price span{ color:var(--br-muted);font-weight:500;font-size:12.5px; }
.up-card__save{ color:var(--br-green-dark);font-size:12.5px;font-weight:600;margin-top:2px; }
.up-card__btn{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;background:var(--br-green);color:#fff;
  font-weight:700;font-size:14px;padding:11px 20px;border-radius:999px;transition:.18s;box-shadow:0 6px 16px rgba(31,157,60,.28);
}
.up-card:hover .up-card__btn{ background:var(--br-green-dark); }
.up-card.is-selected .up-card__btn{ background:var(--br-ink);box-shadow:none; }
.up-card__btn .add,.up-card__btn .added{ display:inline-flex;align-items:center;gap:7px; }
.up-card__btn .added{ display:none; }
.up-card.is-selected .up-card__btn .add{ display:none; }
.up-card.is-selected .up-card__btn .added{ display:inline-flex; }
@media (max-width:560px){
  .up-section__grid{ grid-template-columns:1fr; }
  .up-card{ flex-wrap:wrap; }
  .up-card__btn{ width:100%;justify-content:center;margin-top:8px; }
}

@media (max-width:860px){
  .co-grid{ grid-template-columns:1fr; }
  .co-right{ order:2;position:static;top:auto; } /* resumo abaixo no mobile, sem sticky */
  .co-left{ order:1; }
}

/* =========================================================================
   6c. MEUS PEDIDOS
   ========================================================================= */
.mo-shell{ max-width:760px;margin:0 auto;padding:40px 18px 70px; }

/* Layout user: conteúdo preenche a tela em páginas curtas (footer não fica no meio),
   sem usar flex no body (que conflita com overflow-y:scroll da base e trava o scroll) */
body.user-layout .brand-page-content{ min-height: calc(100vh - 170px); }
.mo-head{ text-align:center;margin-bottom:22px; }
.mo-head h1{ font-size:clamp(24px,4vw,34px);font-weight:800;text-transform:uppercase;margin:0 0 6px;color:var(--br-ink); }
.mo-head p{ color:var(--br-muted);font-size:15px;margin:0; }
.mo-form{ background:var(--br-paper);border:1px solid var(--br-line);border-radius:var(--br-radius);box-shadow:var(--br-shadow);padding:22px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end; }
.mo-form .fld{ flex:1;min-width:220px; }
.mo-form label{ display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:var(--br-ink); }
.mo-form input{ width:100%;border:1.5px solid var(--br-line);border-radius:8px;padding:12px 14px;font-size:15px; }
.mo-form input:focus{ border-color:var(--br-green);outline:none; }
.mo-alert{ margin-top:14px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;padding:12px 14px;font-size:14px; }
.mo-results{ margin-top:20px; }
.mo-order{ background:var(--br-paper);border:1px solid var(--br-line);border-radius:9px;box-shadow:var(--br-shadow);padding:18px;margin-bottom:14px; }
.mo-order__top{ display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px; }
.mo-order__id{ font-weight:800;color:var(--br-ink);font-size:15px; }
.mo-order__badge{ font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:999px;background:#e8f5ec;color:var(--br-green-dark);text-transform:uppercase; }
.mo-order__svc{ color:var(--br-ink);font-weight:600;font-size:15px;margin-bottom:8px; }
.mo-order__meta{ display:flex;gap:16px;flex-wrap:wrap;color:var(--br-muted);font-size:13px;margin-bottom:10px; }
.mo-order__meta i{ color:var(--br-green);margin-right:5px; }
.mo-order__stats{ display:flex;gap:8px;flex-wrap:wrap; }
.mo-order__stats span{ background:var(--br-paper-2);border:1px solid var(--br-line);border-radius:10px;padding:6px 10px;font-size:12.5px;color:var(--br-muted); }
.mo-order__stats b{ color:var(--br-ink); }

/* =========================================================================
   6d. PÁGINAS INSTITUCIONAIS (FAQ, Contato, Termos) — troca laranja -> verde
   ========================================================================= */
body.brand-ui section.faq,
body.brand-ui section.contact{
  background: radial-gradient(120% 90% at 85% 10%, #14432a 0%, var(--br-hero-1) 55%, var(--br-hero-2) 100%) !important;
}
body.brand-ui section.faq .faq-header .title,
body.brand-ui section.contact .contact-header .title,
body.brand-ui section.faq .faq-header,
body.brand-ui section.contact .contact-header{ color:#fff !important; }
body.brand-ui section.faq .faq-item .bg-question{ color:var(--br-green) !important; }
body.brand-ui section.faq .faq-item .card{
  border:1px solid var(--br-line);border-radius:9px !important;box-shadow:var(--br-shadow) !important;overflow:hidden;
}
body.brand-ui section.faq .faq-item .card-title{ color:var(--br-ink); }

/* breadcrumb (header-top mini-menu) */
body.brand-ui section.header-top .mini-menu li.active{ border-color:var(--br-green) !important;color:var(--br-green) !important; }
body.brand-ui section.header-top .mini-menu li.active a,
body.brand-ui section.header-top .mini-menu li:hover a{ background-color:var(--br-green) !important;color:#fff !important; }

/* pacotes antigos (se aparecerem) */
body.brand-ui section.package-content .pk-lists .item .price{
  background:linear-gradient(135deg,var(--br-green),var(--br-green-dark)) !important;
}

/* Termos / Blog: título e cards */
body.brand-ui section.blog .title-name,
body.brand-ui section.blog .blog-header .title h1{ color:var(--br-ink) !important;font-weight:800; }
body.brand-ui section.blog .card{ border:1px solid var(--br-line);border-radius:9px !important;box-shadow:var(--br-shadow) !important; }
body.brand-ui section.blog .card-title{ color:var(--br-ink) !important; }
body.brand-ui section.blog .card-header{ border-bottom:1px solid var(--br-line); }
/* links dentro do conteúdo institucional */
body.brand-ui section.blog a, body.brand-ui section.faq a.link, body.brand-ui section.contact a{ color:var(--br-green); }
/* breadcrumb: icone Home neutro */
body.brand-ui section.header-top .mini-menu li:not(.active) a{ color:var(--br-muted); }

/* =========================================================================
   6e. LOGIN / AUTENTICAÇÃO (tema Brasil)
   ========================================================================= */
.auth-login-form{
  background: radial-gradient(120% 90% at 85% 10%, #14432a 0%, var(--br-hero-1) 55%, var(--br-hero-2) 100%) !important;
  min-height:100vh;display:flex;align-items:center;justify-content:center;
}
.auth-login-form .btn-gradient,
.auth-login-form .btn-submit{
  background:var(--br-green) !important;background-image:none !important;color:#fff !important;
  border:0 !important;box-shadow:0 8px 20px rgba(31,157,60,.3) !important;
}
.auth-login-form .btn-gradient:hover{ background:var(--br-green-dark) !important; }
.auth-login-form .form-login,
.auth-login-form .card{ border-radius:var(--br-radius) !important; }
.auth-login-form a.small,
.auth-login-form a.float-right{ color:var(--br-green) !important; }

/* =========================================================================
   7. FOOTER
   ========================================================================= */
.brand-footer{
  background:var(--br-hero-1);color:#c7d6cb;margin-top:56px;
}
.brand-footer__wrap{
  max-width:1180px;margin:0 auto;padding:40px 20px 26px;
  display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;
}
.brand-footer__brand{ display:flex;align-items:center;gap:12px; }
.brand-footer__brand img{ max-height:40px; }
.brand-footer__brand .nm{ color:#fff;font-weight:700; }
.brand-footer__copy{ font-size:12.5px;color:#8fa697; }

/* =========================================================================
   8. WhatsApp float (padroniza se existir)
   ========================================================================= */
.brand-wpp{
  position:fixed;right:20px;bottom:20px;z-index:1300;width:58px;height:58px;border-radius:50%;
  background:var(--br-wpp);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:28px;box-shadow:0 4px 14px rgba(37,211,102,.28);text-decoration:none;transition:.2s;
}
.brand-wpp:hover{ transform:scale(1.04);color:#fff; }

/* =========================================================================
   9. RESPONSIVO
   ========================================================================= */
@media (max-width:720px){
  .brand-trust{ grid-template-columns:repeat(2,1fr);row-gap:20px; }
  .brand-trust__it:nth-child(2){ border-right:0; }
  .brand-hero__title{ font-size:clamp(34px,11vw,54px); }
  .brand-ui .category-container{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px; }
  .brand-ui .category-box button h1{ font-size:32px;padding:20px 16px 16px; }
  .brand-ui .category-box button p{ padding:14px 16px 4px;font-size:13px;min-height:44px; }
  .brand-ui .category-box button span{ padding:2px 16px 4px;font-size:21px; }
}

/* ============ OTIMIZAÇÃO MOBILE (profissional/compacto) ============ */
@media (max-width:768px){
  /* header mais fino */
  .brand-header__bar{ padding:8px 14px;grid-template-columns:38px 1fr 38px;gap:8px; }
  .brand-header__logo img{ max-height:30px; }
  .brand-burger{ width:38px;height:38px;padding:11px;gap:4px; }
  .brand-burger span{ height:2px; }
  .brand-cart{ width:38px;height:38px;font-size:17px; }
  .brand-cart__count{ min-width:15px;height:15px;font-size:9px;top:3px;right:2px; }
  .brand-nav{ width:min(80vw,290px);padding:18px 14px; }
  .brand-nav a.brand-nav__link{ padding:11px 12px;font-size:14px; }

  /* hero compacto */
  .brand-hero__wrap{ padding:28px 16px 32px; }
  .brand-hero__kicker{ font-size:11px;letter-spacing:.1em;margin-bottom:8px; }
  .brand-hero__title{ font-size:clamp(29px,8.5vw,40px); }
  .brand-hero__feats{ margin-top:16px;gap:11px;max-width:none; }
  .brand-feat__ic{ flex:0 0 34px;width:34px;height:34px;font-size:14px; }
  .brand-feat__tt{ font-size:12.5px; }
  .brand-feat__ds{ font-size:11.5px; }
  .brand-hero__cta{ margin-top:16px;padding:11px 20px;font-size:14px; }

  /* titulos de secao */
  .brand-sectitle{ margin:28px auto 4px; }
  .brand-sectitle h2{ font-size:clamp(19px,6vw,25px); }
  .brand-sectitle .sub{ font-size:12.5px; }
  .brand-cat-block{ padding:8px 12px 20px; }
  .brand-cat-block__title{ margin:14px 0 12px;gap:8px; }
  .brand-cat-block__title h3{ font-size:16px; }
  .brand-cat-block__title .pill{ font-size:10px;padding:6px 9px; }
  .brand-cat-block__title .pill .dot{ width:7px;height:7px; }

  /* cards de pacote — 2 colunas compactas */
  .pkg-grid{ grid-template-columns:repeat(2,1fr);gap:10px; }
  .pkg-card__top{ padding:28px 44px 12px 13px;min-height:84px; }
  .pkg-card__num{ font-size:clamp(19px,6vw,24px); }
  .pkg-card__label{ font-size:10px; }
  .pkg-card__ic{ width:30px;height:30px;font-size:13px;top:28px;right:11px; }
  .pkg-card__badge{ font-size:8.5px;padding:4px 8px; }
  .pkg-card__body{ padding:12px 11px 14px; }
  .pkg-card__desc{ font-size:11px;min-height:28px;margin-bottom:8px; }
  .pkg-card__price{ font-size:18px; }
  .pkg-card__install{ font-size:10.5px; }
  .pkg-card__stars{ font-size:12px;margin:6px 0 10px; }
  .pkg-card__btn.brand-btn,.brand-btn--block{ font-size:12px;padding:10px 10px;gap:6px; }

  /* FAQ */
  .brand-faq{ padding:0 14px 28px; }
  .brand-faq__item summary{ padding:13px 15px;font-size:13.5px; }
  .brand-faq__ans{ padding:12px 15px 15px;font-size:13px; }

  /* checkout */
  .co-shell{ padding:16px 12px 36px; }
  .co-card{ padding:18px 15px; }
  .co-card h2.co-title{ font-size:17px; }
  .co-summary__head{ margin:-18px -15px 0;padding:13px 15px;font-size:15px; }
  .co-summary__qty{ font-size:34px; }
  .co-summary__total .val{ font-size:21px; }
  .up-section{ padding:16px 12px; }
  .up-section__head{ font-size:12px; }
  .up-card__ic{ flex:0 0 36px;width:36px;height:36px;font-size:15px; }
  .up-card__title{ font-size:12.5px; }
  .up-card__price{ font-size:16px; }
  .up-card__price span{ font-size:11px; }

  /* meus pedidos */
  .mo-shell{ padding:26px 14px 40px; }
  .mo-head h1{ font-size:21px; }
  .mo-head p{ font-size:13px; }
  .mo-form{ padding:16px 14px;gap:10px; }

  /* WhatsApp float menor */
  .brand-wpp{ width:50px;height:50px;font-size:24px;right:14px;bottom:14px; }
}

@media (max-width:400px){
  .brand-hero__title{ font-size:clamp(25px,8vw,33px); }
  .pkg-card__num{ font-size:20px; }
  .pkg-card__price{ font-size:17px; }
  .brand-header__logo img{ max-height:27px; }
}