/* tudoparaguai — estilos do front (tela de resultados). Paleta jacaranda. */
.tpg-wrap { --tpg-jacaranda:#5B45B5; --tpg-jacaranda-50:#EEEDFE; --tpg-jacaranda-900:#26215C;
  --tpg-red:#E63329; --tpg-ink:#1c1b22; --tpg-muted:#6b6a76; --tpg-faint:#9a99a4;
  --tpg-line:rgba(28,27,34,.10); --tpg-surface:#f5f4f9;
  font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif; color:var(--tpg-ink);
  max-width:760px; margin:0 auto; }

/* GAP entre o header e o conteúdo: busca e PDP usam .tpg-wrap (sem padding-top) e colavam no
   header. Adiciona um respiro; a foto da PDP ganha box-sizing pra não estourar a largura no mobile. */
.tpg-results { padding-top: 18px; }
.tpg-pdp { margin-top: 16px; }
.tpg-pdp__img { box-sizing: border-box; }

/* Páginas de texto do tema (Sobre/FAQ/…): garante container legível MESMO se o style.css do
   tema no servidor estiver desatualizado — sem isto o título aparecia colado na borda. */
.tpg-content{max-width:760px;margin:0 auto;padding:34px 20px 52px;font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif}
.tpg-content__title{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0 0 20px}

/* Paginação da busca */
.tpg-pager { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; margin:28px 0 8px; }
.tpg-pager__num, .tpg-pager__btn { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 13px; border:1px solid var(--tpg-line); border-radius:10px; background:#fff; color:var(--tpg-ink); font-weight:700; font-size:14px; text-decoration:none; transition:border-color .12s, background .12s, color .12s; }
.tpg-pager__num:hover, .tpg-pager__btn:hover { border-color:var(--tpg-jacaranda); color:var(--tpg-jacaranda); }
.tpg-pager__num--on, .tpg-pager__num--on:hover { background:var(--tpg-jacaranda); border-color:var(--tpg-jacaranda); color:#fff; }
.tpg-pager__gap { color:var(--tpg-faint); padding:0 2px; }

.tpg-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:14px; }
.tpg-logo { font-weight:800; font-size:24px; letter-spacing:-.02em; text-decoration:none; }
.tpg-logo b { color:var(--tpg-jacaranda); font-weight:800; }
.tpg-logo i { color:var(--tpg-red); font-style:normal; font-weight:800; }
.tpg-topbar__hint { font-size:12px; color:var(--tpg-faint); }

.tpg-search { display:flex; gap:8px; margin-bottom:18px; }
.tpg-search input { flex:1; height:46px; border:1.5px solid var(--tpg-line); border-radius:12px; padding:0 16px;
  font-size:16px; font-family:inherit; color:var(--tpg-ink); background:#fff; outline:none; }
.tpg-search input:focus { border-color:var(--tpg-jacaranda); }
.tpg-search button { height:46px; padding:0 22px; border:0; border-radius:12px; background:var(--tpg-jacaranda);
  color:#fff; font-weight:800; font-size:15px; font-family:inherit; cursor:pointer; }

.tpg-results__head { font-size:13px; color:var(--tpg-muted); margin:0 0 14px; }
.tpg-results__head strong { color:var(--tpg-ink); font-weight:800; }
.tpg-results__empty { font-size:15px; color:var(--tpg-muted); padding:24px 0; }
/* RESULTADOS DA BUSCA em LISTA (linha por produto) — mais perto do ComprasParaguai e melhor no
   mobile. Escopo só em .tpg-results__grid (os trilhos da home seguem em card). A página do
   produto (PDP) não usa isso. */
.tpg-results__grid { display:flex; flex-direction:column; gap:10px; }
.tpg-results__grid .tpg-card-link { display:block; }
.tpg-results__grid .tpg-card { flex-direction:row; align-items:center; gap:16px; padding:12px 16px; border-radius:14px; }
.tpg-results__grid .tpg-card__imgwrap { flex:0 0 96px; width:96px; margin-bottom:0; }
.tpg-results__grid .tpg-card__img { width:96px; height:96px; aspect-ratio:auto; margin-bottom:0; }
.tpg-results__grid .tpg-card__body { flex:1 1 auto; }
.tpg-results__grid .tpg-card__title { -webkit-line-clamp:2; min-height:0; margin:0 0 6px; }
.tpg-results__grid .tpg-card__price { margin-top:0; }
@media (max-width:540px){
  .tpg-results__grid .tpg-card { gap:12px; padding:10px 12px; }
  .tpg-results__grid .tpg-card__imgwrap { flex-basis:76px; width:76px; }
  .tpg-results__grid .tpg-card__img { width:76px; height:76px; }
}

.tpg-sort { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0 0 14px; font-size:13px; }
.tpg-sort__label { color:var(--tpg-faint); }
.tpg-sort__link { text-decoration:none; color:var(--tpg-muted); padding:5px 11px; border-radius:8px; border:1px solid var(--tpg-line); }
.tpg-sort__link--active { color:#fff; background:var(--tpg-jacaranda); border-color:var(--tpg-jacaranda); font-weight:800; }

.tpg-card { display:flex; flex-direction:column; border:1px solid var(--tpg-line); border-radius:16px; padding:12px; background:#fff; flex:1 1 auto; }
.tpg-card__img { width:100%; aspect-ratio:1; object-fit:contain; border-radius:10px; background:#fff; border:1px solid var(--tpg-line); margin-bottom:10px; }
.tpg-card__img--ph { background:var(--tpg-surface); border-style:dashed; aspect-ratio:1; }
.tpg-card__body { display:flex; flex-direction:column; flex:1; min-width:0; }
.tpg-card .tpg-price { margin-top:auto; }
.tpg-card .tpg-price__val { font-size:18px; }
.tpg-card__title { font-size:15px; }
.tpg-card__head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
.tpg-card__title { font-size:16px; font-weight:800; margin:0; line-height:1.25; }
.tpg-card__meta { font-size:12px; color:var(--tpg-faint); margin:3px 0 0; }
.tpg-card__stores { white-space:nowrap; font-size:12px; color:var(--tpg-muted); background:var(--tpg-surface);
  padding:5px 11px; border-radius:9px; font-weight:600; }

.tpg-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 10px; margin-bottom:4px; }
.tpg-price__label { align-self:center; display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; color:#fff;
  background:var(--tpg-jacaranda); padding:4px 11px; border-radius:9px; }
.tpg-price__label::before { content:'★'; font-size:11px; }
.tpg-price__val { font-size:22px; font-weight:800; color:var(--tpg-ink); }
.tpg-price__note { font-size:12px; color:var(--tpg-muted); }
.tpg-price--none .tpg-price__none { font-size:14px; color:var(--tpg-faint); font-style:italic; }
.tpg-range { font-size:12px; color:var(--tpg-muted); margin:0; }

/* pagina de produto (estilo Zoom): foto + podio das 3 melhores ao lado */
.tpg-prod-top { display:flex; gap:24px; align-items:flex-start; flex-wrap:wrap; margin-bottom:18px; }
.tpg-prod__img { width:240px; height:240px; flex-shrink:0; object-fit:contain; border:1px solid var(--tpg-line); border-radius:14px; background:#fff; }
.tpg-prod__main { flex:1; min-width:300px; }
.tpg-prod__title { font-size:23px; font-weight:800; margin:0 0 4px; line-height:1.2; }
.tpg-prod__meta { font-size:13px; color:var(--tpg-faint); margin:0 0 16px; }
.tpg-prod__nostock { font-size:14px; color:var(--tpg-muted); }
.tpg-podium { display:flex; flex-direction:column; gap:10px; }
.tpg-podium__row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; border:1px solid var(--tpg-line); border-radius:12px; padding:12px 14px; background:#fff; }
.tpg-podium--1 { border-color:#e8c349; background:#fffdf3; }
.tpg-podium--2 { border-color:#c8ccd2; }
.tpg-podium--3 { border-color:#d8b08a; }
.tpg-medal { font-size:24px; line-height:1; flex-shrink:0; }
.tpg-podium__store { flex:1; min-width:110px; display:flex; flex-direction:column; }
.tpg-podium__name { font-size:15px; font-weight:800; }
.tpg-podium__rank { font-size:11px; color:var(--tpg-muted); }
.tpg-podium__price { display:flex; flex-direction:column; align-items:flex-end; min-width:90px; }
.tpg-podium__usd { font-size:18px; font-weight:800; }
.tpg-podium__brl { font-size:12px; color:var(--tpg-muted); }
.tpg-prod__h2 { font-size:15px; font-weight:800; color:var(--tpg-muted); margin:22px 0 10px; }
.tpg-offers { display:flex; flex-direction:column; gap:8px; }
.tpg-offers--top .tpg-offer { border-color:#d9d3f3; }
.tpg-offer { display:flex; align-items:center; gap:14px; flex-wrap:wrap; border:1px solid var(--tpg-line); border-radius:12px; padding:12px 14px; background:#fff; }
.tpg-offer__store { display:flex; align-items:center; gap:10px; flex:1; min-width:160px; }
.tpg-offer__logo { width:40px; height:40px; flex-shrink:0; border-radius:8px; background:var(--tpg-jacaranda-50); color:var(--tpg-jacaranda-900); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; }
.tpg-offer__id { display:flex; flex-direction:column; min-width:0; }
.tpg-offer__name { font-size:14px; font-weight:600; }
.tpg-offer__addr { font-size:11px; color:var(--tpg-faint); }
.tpg-offer__price { display:flex; flex-direction:column; align-items:flex-end; min-width:96px; }
.tpg-offer__usd { font-size:17px; font-weight:800; }
.tpg-offer__brl { font-size:12px; color:var(--tpg-muted); }
.tpg-offer__oos { font-size:11px; color:var(--tpg-faint); }
.tpg-offer--oos .tpg-offer__usd { color:var(--tpg-faint); text-decoration:line-through; }
.tpg-offer__cta { white-space:nowrap; padding:9px 16px; border-radius:10px; background:var(--tpg-jacaranda); color:#fff; font-weight:800; font-size:13px; text-decoration:none; }
.tpg-offer--oos .tpg-offer__cta { background:var(--tpg-faint); }
.tpg-card-link { text-decoration:none; color:inherit; display:flex; flex-direction:column; }
.tpg-card-link:hover .tpg-card { border-color:var(--tpg-jacaranda); }

/* barra de cambio no topo (fora do .tpg-wrap: cores proprias) */
.tpg-fxbar { background:#5B45B5; color:#fff; font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif; font-size:13px; }
.tpg-fxbar__inner { max-width:1080px; margin:0 auto; padding:7px 18px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.tpg-fxbar__label { font-weight:800; opacity:.82; }
.tpg-fx { white-space:nowrap; }
.tpg-fx b { font-weight:800; opacity:.78; margin-right:3px; }
.tpg-fxbar__note { margin-left:auto; font-weight:700; opacity:.9; white-space:nowrap; }
@media (max-width:720px){ .tpg-fxbar__note { margin-left:0; flex-basis:100%; opacity:.82; } }

/* rodape branded (fundo jacaranda escuro) */
.tpg-footer { background:#26215C; color:#fff; font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif; margin-top:48px; }
.tpg-footer__inner { max-width:1080px; margin:0 auto; padding:36px 18px; }
.tpg-footer__brand { margin-bottom:6px; }
.tpg-footer__logo { height:34px; width:auto; display:block; margin-bottom:12px; }
.tpg-footer__wordmark { font-size:22px; font-weight:800; letter-spacing:-.02em; }
.tpg-footer__wordmark b { color:#fff; } .tpg-footer__wordmark i { color:#fff; font-style:normal; opacity:.8; }
.tpg-footer__tagline { font-size:13px; color:rgba(255,255,255,.7); margin:6px 0 0; max-width:420px; line-height:1.5; }
.tpg-footer__links { display:flex; gap:20px; flex-wrap:wrap; margin:20px 0; }
.tpg-footer__links a { color:#fff; text-decoration:none; font-size:14px; font-weight:600; opacity:.9; }
.tpg-footer__links a:hover { opacity:1; text-decoration:underline; }
.tpg-footer__bottom { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.15); padding-top:16px; font-size:12px; color:rgba(255,255,255,.6); }
.tpg-fx__flag { font-size:14px; vertical-align:-1px; }

/* esconde a top bar padrao do Flatsome (nossa barra de cambio a substitui) */
#top-bar.header-top { display:none !important; }

/* esconde o rodape default do Flatsome (widgets Arquivos/Categorias + "Copyright Flatsome Theme") — o nosso .tpg-footer o substitui */
#footer { display:none !important; }

/* pagina inicial (home) */
.tpg-home { max-width:1040px; }
/* HERO = banner-herói / slot promocional (placeholder branded até o cadastro de banners). */
.tpg-hero { margin:18px 0 26px; border-radius:20px; padding:42px 46px; color:#fff; position:relative; overflow:hidden;
  background:linear-gradient(120deg,#5B45B5 0%,#46358f 56%,#352a72 100%); }
.tpg-hero::after { content:""; position:absolute; right:-70px; top:-70px; width:300px; height:300px; border-radius:50%; background:rgba(230,51,41,.20); }
.tpg-hero::before { content:""; position:absolute; left:-50px; bottom:-90px; width:240px; height:240px; border-radius:50%; background:rgba(255,255,255,.06); }
.tpg-hero__inner { position:relative; z-index:1; max-width:680px; }
.tpg-hero__kicker { display:inline-block; font-size:12px; font-weight:800; letter-spacing:.07em; color:#EFE9DD; background:rgba(255,255,255,.15); padding:6px 13px; border-radius:20px; }
.tpg-hero__title { font-size:34px; line-height:1.08; font-weight:800; letter-spacing:-.02em; margin:16px 0 10px; color:#fff; }
.tpg-hero__sub { font-size:16px; line-height:1.5; color:rgba(255,255,255,.88); margin:0 0 22px; }
.tpg-hero__cta { display:inline-block; background:#E63329; color:#fff; font-weight:800; font-size:15px; text-decoration:none; padding:13px 24px; border-radius:26px; }
.tpg-hero__cta:hover { background:#cf2b22; }
@media (max-width:680px){ .tpg-hero { padding:28px 22px; } .tpg-hero__title { font-size:26px; } }
.tpg-home__sec { margin:30px 0; }
.tpg-home__h2 { font-size:18px; font-weight:800; color:var(--tpg-ink); margin:0 0 14px; }
.tpg-home__sec--mais { border:1.5px solid #f6d4d2; background:#fdf3f2; border-radius:16px; padding:18px 18px 22px; }
.tpg-home__h2--mais { color:var(--tpg-red); }
.tpg-cats { display:grid; grid-template-columns:repeat(auto-fill, minmax(118px,1fr)); gap:10px; }
.tpg-cat { display:flex; flex-direction:column; align-items:center; gap:7px; text-decoration:none; color:var(--tpg-ink); border:1px solid var(--tpg-line); border-radius:14px; padding:16px 8px; background:#fff; text-align:center; }
.tpg-cat:hover { border-color:var(--tpg-jacaranda); }
.tpg-cat__emoji { font-size:26px; line-height:1; }
.tpg-cat__name { font-size:13px; font-weight:700; line-height:1.2; }
.tpg-cat--soon { opacity:.6; }
.tpg-cat__badge { font-size:10px; font-weight:700; color:var(--tpg-faint); background:var(--tpg-surface); padding:2px 7px; border-radius:6px; }

/* mega-menu de categorias (site-wide, abaixo do header) */
.tpg-nav { background:#fff; border-bottom:1px solid rgba(28,27,34,.1); font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif; }
.tpg-nav__inner { max-width:1080px; margin:0 auto; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.tpg-nav__cats { list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:2px; flex-wrap:wrap; }
.tpg-nav__cat { position:relative; }
.tpg-nav__top { display:flex; align-items:center; gap:7px; padding:13px 12px; font-size:14px; font-weight:700; color:#26215C; text-decoration:none; white-space:nowrap; cursor:pointer; border-bottom:2px solid transparent; }
.tpg-nav__cat:hover .tpg-nav__top { color:#5B45B5; border-bottom-color:#5B45B5; }
.tpg-nav__top--soon { color:#9a99a4; cursor:default; }
.tpg-nav__cat--soon:hover .tpg-nav__top--soon { color:#9a99a4; border-bottom-color:transparent; }
.tpg-nav__emoji { font-size:16px; }
.tpg-nav__badge { font-size:9px; font-weight:700; color:#9a99a4; background:#f5f4f9; padding:2px 5px; border-radius:5px; margin-left:4px; }
.tpg-nav__panel { position:absolute; top:100%; left:0; min-width:210px; background:#fff; border:1px solid rgba(28,27,34,.12); border-radius:0 0 12px 12px; box-shadow:0 8px 24px rgba(38,33,92,.13); padding:8px; display:none; flex-direction:column; gap:1px; z-index:60; }
.tpg-nav__cat:hover .tpg-nav__panel { display:flex; }
.tpg-nav__panel a, .tpg-nav__panel .tpg-nav__sub-soon { font-size:13px; padding:8px 10px; border-radius:8px; text-decoration:none; color:#1c1b22; }
.tpg-nav__panel a:hover { background:#EEEDFE; color:#5B45B5; }
.tpg-nav__sub-soon { color:#9a99a4; }
.tpg-nav__hots { display:flex; align-items:center; gap:4px; flex-shrink:0; }
.tpg-nav__hot { font-size:13.5px; font-weight:800; color:#E63329; text-decoration:none; padding:13px 11px; white-space:nowrap; }
.tpg-nav__hot:hover { color:#b3271f; }
@media (max-width:600px){ .tpg-nav__inner{ flex-direction:column; align-items:flex-start; gap:0; padding:6px 12px; } .tpg-nav__panel{ position:static; box-shadow:none; border:0; padding:0 0 6px 30px; min-width:0; } .tpg-nav__cat:hover .tpg-nav__panel{ display:none; } }

/* ===== barra do header (Categorias + busca unica + destaques) ===== */
.tpg-hbar { background:#fff; border-bottom:1px solid rgba(28,27,34,.1); font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif; position:relative; z-index:40; }
.tpg-hbar__inner { max-width:1080px; margin:0 auto; padding:10px 18px; display:flex; align-items:center; gap:12px; }
.tpg-catdrop { position:relative; flex-shrink:0; }
.tpg-catdrop__btn { list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px; background:#5B45B5; color:#fff; font-weight:800; font-size:14px; padding:11px 16px; border-radius:11px; white-space:nowrap; user-select:none; }
.tpg-catdrop__btn::-webkit-details-marker { display:none; }
.tpg-catdrop__bars { font-size:15px; }
.tpg-catdrop__caret { font-size:11px; opacity:.85; }
.tpg-catdrop[open] .tpg-catdrop__caret { transform:rotate(180deg); }
.tpg-catdrop__panel { position:absolute; top:calc(100% + 8px); left:0; width:min(880px,92vw); background:#fff; border:1px solid rgba(28,27,34,.12); border-radius:14px; box-shadow:0 12px 40px rgba(38,33,92,.16); padding:18px; display:grid; grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:16px 18px; z-index:70; }
.tpg-catcol { display:flex; flex-direction:column; gap:2px; }
.tpg-catcol__head { display:flex; align-items:center; gap:6px; font-size:14px; font-weight:800; color:#26215C; text-decoration:none; margin-bottom:5px; padding-bottom:6px; border-bottom:1px solid rgba(28,27,34,.08); }
.tpg-catcol__head:hover { color:#5B45B5; }
.tpg-catcol__emoji { font-size:15px; }
.tpg-catcol a:not(.tpg-catcol__head) { font-size:13px; color:#6b6a76; text-decoration:none; padding:3px 0; }
.tpg-catcol a:not(.tpg-catcol__head):hover { color:#5B45B5; }
.tpg-hsearch { flex:1; display:flex; align-items:center; min-width:0; }
.tpg-hsearch input { flex:1; min-width:0; height:44px; border:1.5px solid rgba(28,27,34,.14); border-right:0; border-radius:11px 0 0 11px; padding:0 16px; font-size:15px; font-family:inherit; color:#1c1b22; background:#fff; outline:none; }
.tpg-hsearch input:focus { border-color:#5B45B5; }
.tpg-hsearch button { height:44px; padding:0 18px; border:0; border-radius:0 11px 11px 0; background:#5B45B5; color:#fff; font-size:16px; cursor:pointer; }
.tpg-hbar__hots { display:flex; align-items:center; gap:6px; flex-shrink:0; }
.tpg-hbar__hot { font-size:13.5px; font-weight:800; color:#E63329; text-decoration:none; padding:8px; white-space:nowrap; }
.tpg-hbar__hot:hover { color:#b3271f; }
.tpg-cats--big { grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; }
.tpg-cats--big .tpg-cat { padding:26px 12px; gap:12px; }
.tpg-cats--big .tpg-cat__emoji { font-size:40px; }
.tpg-cats--big .tpg-cat__name { font-size:14.5px; }
@media (max-width:760px){ .tpg-hbar__inner{ flex-wrap:wrap; } .tpg-hbar__hots{ width:100%; order:3; justify-content:center; } .tpg-catdrop__panel{ width:92vw; grid-template-columns:repeat(2,1fr); } }

/* ===== full width + categorias em UMA linha (2026-06-30) ===== */
.tpg-wrap, .tpg-home { max-width:1370px; margin:0 auto; padding:0 22px; }
.tpg-fxbar__inner, .tpg-hbar__inner, .tpg-footer__inner { max-width:1370px; }
.tpg-home__sechead { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 14px; }
.tpg-home__sechead .tpg-home__h2 { margin:0; }
.tpg-home__seemore { font-size:13px; font-weight:800; color:#5B45B5; text-decoration:none; white-space:nowrap; flex-shrink:0; }
.tpg-cats--row { display:flex; flex-wrap:nowrap; overflow:hidden; gap:14px; }
.tpg-cats--row .tpg-cat { flex:0 0 auto; width:150px; }

/* ===== HEADER 2 LINHAS (brand kit: jacaranda #5B45B5 / vermelho #E63329 / creme #EFE9DD / escuro #14161B) ===== */
#header, .header-wrapper { display:none !important; }   /* esconde TODO o header do Flatsome */
.tpg-hd { position:sticky; top:0; z-index:200; font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif; }
.tpg-hd__top { background:#fff; border-bottom:1px solid #ECE9E0; }
.tpg-hd__top .tpg-hd__inner { max-width:1370px; margin:0 auto; padding:14px 22px; display:flex; align-items:center; gap:22px; }
.tpg-hd__logo { flex-shrink:0; display:flex; align-items:center; text-decoration:none; }
.tpg-hd__logoimg { height:42px; width:auto; display:block; }
.tpg-hd__wordmark { font-size:26px; font-weight:800; letter-spacing:-.02em; } .tpg-hd__wordmark b{color:#5B45B5;} .tpg-hd__wordmark i{color:#E63329; font-style:normal;}
.tpg-hd__search { flex:1; min-width:0; display:flex; }
.tpg-hd__pill { flex:1; display:flex; align-items:stretch; background:#fff; border:1.5px solid #5B45B5; border-radius:26px; overflow:hidden; height:50px; min-width:0; }
.tpg-hd__cat { border:0; outline:0; background:#fff; font-family:inherit; font-size:13.5px; font-weight:600; color:#14161B; padding:0 10px 0 18px; border-right:1px solid #ECE9E0; cursor:pointer; max-width:140px; }
.tpg-hd__input { flex:1; min-width:0; border:0; outline:0; padding:0 16px; font-family:inherit; font-size:15px; color:#14161B; background:#fff; }
.tpg-hd__input::placeholder { color:#9a99a4; }
.tpg-hd__go { border:0; background:#E63329; color:#fff; padding:0 26px; font-size:18px; cursor:pointer; }
.tpg-hd__go:hover { background:#cf2c23; }
.tpg-hd__acct { display:flex; align-items:center; gap:22px; flex-shrink:0; }
.tpg-hd__acct a { color:#14161B; text-decoration:none; font-size:14px; font-weight:700; white-space:nowrap; display:flex; align-items:center; gap:6px; }
.tpg-hd__acct a:hover { color:#5B45B5; }
.tpg-hd__ico { font-size:16px; }
.tpg-hd__bottom { background:#5B45B5; }
.tpg-hd__bottom .tpg-hd__inner { max-width:1370px; margin:0 auto; padding:0 22px; display:flex; align-items:stretch; gap:6px; }
.tpg-hd__cats { position:relative; flex-shrink:0; }
.tpg-hd__catsbtn { list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:9px; color:#fff; font-weight:800; font-size:15px; padding:14px 18px; white-space:nowrap; user-select:none; }
.tpg-hd__catsbtn::-webkit-details-marker { display:none; }
.tpg-hd__bars { font-size:17px; } .tpg-hd__caret { font-size:11px; opacity:.85; }
.tpg-hd__cats[open] .tpg-hd__catsbtn { background:rgba(255,255,255,.13); }
.tpg-hd__cats[open] .tpg-hd__caret { transform:rotate(180deg); }
.tpg-hd__menu { display:flex; align-items:center; gap:2px; flex-wrap:nowrap; overflow:hidden; }
.tpg-hd__menu a { color:#fff; text-decoration:none; font-size:14.5px; font-weight:700; padding:14px 13px; white-space:nowrap; opacity:.96; }
.tpg-hd__menu a:hover { opacity:1; background:rgba(255,255,255,.1); }
.tpg-mega { position:absolute; top:100%; left:0; width:min(780px,94vw); background:#fff; border-radius:0 0 14px 14px; box-shadow:0 16px 48px rgba(20,22,27,.22); display:flex; overflow:hidden; z-index:210; }
.tpg-mega__moms { width:240px; flex-shrink:0; border-right:1px solid #ECE9E0; padding:8px 0; max-height:440px; overflow:auto; }
.tpg-mega__mom { display:flex; align-items:center; gap:10px; width:100%; border:0; background:none; cursor:pointer; text-align:left; font-family:inherit; font-size:14px; color:#3a3942; padding:11px 18px; text-decoration:none; }
.tpg-mega__mom .tpg-mega__arrow { margin-left:auto; color:#c8c7d0; }
.tpg-mega__mom.is-active { background:#F4EFFB; color:#5B45B5; font-weight:800; }
.tpg-mega__mom.is-active .tpg-mega__arrow { color:#5B45B5; }
/* "Ver todos os X" — atalho pra categoria inteira, destacado no topo do painel de subitens. */
.tpg-mega__all { grid-column:1/-1; font-weight:800; color:#5B45B5; text-decoration:none; padding:4px 0 8px; border-bottom:1px solid #ECE9E0; margin-bottom:4px; }
.tpg-mega__all:hover { text-decoration:underline; }
.tpg-mega__emoji { font-size:16px; }
.tpg-mega__subs { flex:1; padding:18px 20px; min-height:260px; }
.tpg-mega__sub { display:none; } .tpg-mega__sub.is-shown { display:block; }
.tpg-mega__subhead { font-size:12px; font-weight:800; color:#9a99a4; text-transform:uppercase; letter-spacing:.04em; margin-bottom:14px; }
.tpg-mega__grid { display:grid; grid-template-columns:1fr 1fr; gap:11px 20px; }
.tpg-mega__grid a { font-size:14px; color:#14161B; text-decoration:none; } .tpg-mega__grid a:hover { color:#5B45B5; }
@media (max-width:980px){ .tpg-hd__acct { display:none; } .tpg-hd__top .tpg-hd__inner { gap:14px; padding:12px 16px; } }
@media (max-width:680px){
  .tpg-hd__top .tpg-hd__inner { flex-wrap:wrap; }
  .tpg-hd__search { order:3; width:100%; flex-basis:100%; }
  .tpg-hd__menu { display:none; }   /* no mobile esconde os links de texto (Promoções/Lojas…) que apareciam cortados; mantém ☰ Categorias */
  .tpg-mega { width:94vw; flex-direction:column; }
  .tpg-mega__moms { width:100%; max-height:none; display:flex; overflow-x:auto; border-right:0; border-bottom:1px solid #ECE9E0; }
  .tpg-mega__mom { width:auto; white-space:nowrap; }
}

/* reset dos estilos de form do Flatsome dentro do header (botao/select/input bugados) */
.tpg-hd .tpg-hd__pill button, .tpg-hd .tpg-hd__pill input, .tpg-hd .tpg-hd__pill select { margin:0 !important; box-shadow:none !important; min-height:0 !important; }
.tpg-hd .tpg-hd__cat, .tpg-hd .tpg-hd__input { border-radius:0 !important; background:#fff !important; }
.tpg-hd .tpg-hd__go { border:0 !important; border-radius:0 !important; height:auto !important; line-height:1 !important; }
.tpg-hd__logoimg { height:42px; width:auto; display:block; }

/* ===== CARD comparador (Desde US$ X + em N lojas + favoritar) — redesign lideres ===== */
.tpg-card__imgwrap { position:relative; margin-bottom:10px; }
.tpg-card__fav { position:absolute; top:8px; right:8px; font-size:18px; color:#c8c7d0; line-height:1; }
.tpg-card__meta { font-size:10.5px; font-weight:700; color:#9a99a4; text-transform:uppercase; letter-spacing:.03em; margin:0 0 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tpg-card__title { font-size:14px; font-weight:600; color:#14161B; line-height:1.3; margin:0 0 10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:36px; }
.tpg-card__price { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 6px; margin-top:auto; }
.tpg-card__from { font-size:12px; color:#9a99a4; }
.tpg-card__val { font-size:19px; font-weight:800; color:#14161B; }
.tpg-card__brl { flex-basis:100%; font-size:12.5px; font-weight:700; color:#7a7a85; }   /* R$ menor, abaixo do US$ */
.tpg-card__price--none .tpg-card__consult { font-size:13px; color:#9a99a4; font-style:italic; }
.tpg-card__stores { font-size:12px; font-weight:700; color:#1D9E75; margin-top:3px; }
.tpg-card-link:hover .tpg-card { border-color:#5B45B5; }

/* ===== trilho (slider MANUAL com setas; uma linha, nunca quebra/corta) ===== */
.tpg-rail { position:relative; }
.tpg-rail__track { display:flex; gap:14px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; padding:6px 2px; }
.tpg-rail__track::-webkit-scrollbar { display:none; }
.tpg-rail__track > * { flex:0 0 auto; }
.tpg-rail--cats .tpg-cat { width:150px; padding:24px 10px; }
.tpg-rail--cats .tpg-cat__emoji { font-size:38px; }
.tpg-rail--cats .tpg-cat__name { font-size:14px; }
.tpg-rail--cards .tpg-card-link { width:204px; }
.tpg-rail__arrow { position:absolute; top:calc(50% - 6px); transform:translateY(-50%); width:40px; height:40px; border-radius:50%; border:1px solid rgba(20,22,27,.12); background:#fff; color:#14161B; font-size:22px; line-height:1; cursor:pointer; box-shadow:0 4px 14px rgba(20,22,27,.16); z-index:6; display:flex; align-items:center; justify-content:center; }
.tpg-rail__arrow:hover { color:#5B45B5; border-color:#5B45B5; }
.tpg-rail__arrow--prev { left:-14px; }
.tpg-rail__arrow--next { right:-14px; }
.tpg-rail__arrow[hidden] { display:none; }

/* ===== header TODO jacarandá (estilo Zoom — uma cor só) ===== */
.tpg-hd__top { background:#5B45B5; border-bottom:1px solid rgba(255,255,255,.10); }
.tpg-hd__acct a { color:#fff; }
.tpg-hd__acct a:hover { color:#fff; opacity:.82; }
.tpg-hd__pill { border:0; }

/* ===== PAGINA DE PRODUTO (PDP) estilo Zoom ===== */
.tpg-product { padding-top:24px; }
.tpg-prod__title { font-size:26px; font-weight:800; letter-spacing:-.01em; color:#14161B; margin:0 0 6px; line-height:1.25; }
.tpg-prod__meta { font-size:13px; color:#9a99a4; margin:0 0 22px; }
.tpg-pdp { display:grid; grid-template-columns:minmax(300px,1fr) minmax(380px,1.2fr); gap:36px; align-items:stretch; margin-bottom:30px; }
.tpg-pdp__left { display:flex; flex-direction:column; gap:16px; position:sticky; top:130px; align-self:start; }
.tpg-pdp__right { display:flex; flex-direction:column; align-self:start; }
/* só estica até a altura da foto quando há +1 oferta (com 1, fica compacto) */
.tpg-pdp__right--fill { align-self:stretch; }
.tpg-pdp__img { width:100%; aspect-ratio:1; object-fit:contain; background:#fff; border:1px solid rgba(20,22,27,.08); border-radius:16px; padding:22px; }
.tpg-pdp__img--ph { background:#f5f4f9; border-style:dashed; }
.tpg-pdp__share { display:flex; gap:8px; flex-wrap:wrap; }
.tpg-pdp__sharebtn { display:inline-flex; align-items:center; gap:7px; font-family:inherit; font-size:13px; font-weight:700; color:#14161B; background:#fff; border:1px solid rgba(20,22,27,.14); border-radius:10px; padding:9px 14px; cursor:pointer; }
.tpg-pdp__sharebtn:hover { border-color:#5B45B5; color:#5B45B5; }
.tpg-pdp__offers { display:flex; flex-direction:column; gap:14px; padding-top:6px; }
.tpg-pdp__alllink { display:inline-block; margin-top:14px; font-size:14px; font-weight:800; color:#5B45B5; text-decoration:none; }
.tpg-pdp__sec { margin:34px 0; }
.tpg-prod__h2 { font-size:18px; font-weight:800; color:#14161B; margin:0 0 16px; }
/* o bloco das 3 ofertas ESTICA até a altura da foto (cards crescem iguais); o "Ver todas"
   fica embaixo do bloco (empurrado pra baixo). */
.tpg-pdp__right--fill .tpg-pdp__offers { flex:1; }
.tpg-offers { display:flex; flex-direction:column; gap:12px; }
.tpg-of { position:relative; display:flex; align-items:center; gap:16px; flex-wrap:wrap; background:#fff; border:1px solid rgba(20,22,27,.1); border-radius:14px; padding:18px 20px; }
.tpg-pdp__right--fill .tpg-pdp__offers .tpg-of { flex:1; }
.tpg-of--best { border:2px solid #1D9E75; }
.tpg-of--oos { opacity:.62; }
.tpg-of__badge { position:absolute; top:-10px; left:16px; background:#1D9E75; color:#fff; font-size:11px; font-weight:800; padding:3px 10px; border-radius:7px; }
/* FOTO GRANDE do produto de cada oferta */
.tpg-of__pic { width:72px; height:72px; flex:0 0 auto; object-fit:contain; background:#fff; border:1px solid rgba(20,22,27,.08); border-radius:10px; padding:4px; box-sizing:border-box; }
.tpg-of__pic--ph { background:#f5f4f9; display:block; }
.tpg-of__lead { display:flex; align-items:center; gap:14px; flex:1; min-width:190px; }
/* LOGO da loja GRANDE e legível (wordmark cabe na largura; sem espremer num quadradinho) */
.tpg-of__logo { width:104px; height:56px; flex:0 0 auto; border-radius:10px; background:#EEEDFE; color:#26215C; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:20px; overflow:hidden; }
.tpg-of__logo--img { background:#fff; border:1px solid rgba(20,22,27,.10); }
.tpg-of__logo--img img { width:100%; height:100%; object-fit:contain; padding:5px 8px; box-sizing:border-box; }
.tpg-of__logo--dark { background:#181A20; border-color:#181A20; }
/* nome do produto como a loja exibe (p/ informar ao vendedor) */
.tpg-of__pname { margin-top:4px; font-size:14.5px; font-weight:600; line-height:1.35; color:#3a3a44; min-width:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.tpg-of__id { display:flex; flex-direction:column; min-width:0; }
.tpg-of__name { font-size:16px; font-weight:800; color:#14161B; }
.tpg-of__addr { font-size:12px; color:#9a99a4; }
.tpg-of__price { display:flex; flex-direction:column; align-items:flex-end; min-width:110px; }
.tpg-of__usd { font-size:20px; font-weight:800; color:#14161B; }
.tpg-of__brl { font-size:13px; color:#6b6a76; }
.tpg-of--oos .tpg-of__usd { text-decoration:line-through; color:#9a99a4; }
.tpg-of__oos { font-size:11px; color:#9a99a4; }
.tpg-of__cta { white-space:nowrap; padding:11px 22px; border-radius:11px; background:#5B45B5; color:#fff; font-weight:800; font-size:14px; text-decoration:none; }
.tpg-of__cta:hover { background:#4a3795; }
.tpg-of--oos .tpg-of__cta { background:#9a99a4; }
.tpg-pdp__history-ph { display:flex; align-items:center; gap:16px; background:#faf9fd; border:1px dashed rgba(91,69,181,.3); border-radius:14px; padding:22px 24px; color:#6b6a76; font-size:14px; line-height:1.5; }
.tpg-pdp__history-ico { font-size:30px; }
.tpg-pdp__history-ph strong { color:#14161B; }
@media (max-width:820px){ .tpg-pdp { grid-template-columns:1fr; } .tpg-pdp__left { position:static; } }

/* ===== categorias da home: UMA linha, SEM rolagem, principais limitadas + Ver todas ===== */
.tpg-cats { display:flex; gap:12px; }
.tpg-cats .tpg-cat { flex:1 1 0; min-width:0; padding:22px 10px; }
.tpg-cats .tpg-cat__emoji { font-size:36px; }
.tpg-cats .tpg-cat__name { font-size:13.5px; }
@media (max-width:980px){ .tpg-cats .tpg-cat:nth-child(n+7){ display:none; } }
@media (max-width:680px){ .tpg-cats .tpg-cat:nth-child(n+5){ display:none; } }
@media (max-width:440px){ .tpg-cats .tpg-cat:nth-child(n+4){ display:none; } }

/* ===== trilho de PRODUTOS: cards INTEIROS por vista (encaixe exato) + snap (nada cortado) ===== */
.tpg-rail__track { scroll-snap-type:x mandatory; }
.tpg-rail__track > * { scroll-snap-align:start; }
.tpg-rail--cards .tpg-card-link { flex:0 0 calc((100% - 56px)/5); width:auto; }
@media (max-width:1100px){ .tpg-rail--cards .tpg-card-link { flex-basis:calc((100% - 42px)/4); } }
@media (max-width:760px){ .tpg-rail--cards .tpg-card-link { flex-basis:calc((100% - 28px)/3); } }
@media (max-width:520px){ .tpg-rail--cards .tpg-card-link { flex-basis:calc((100% - 14px)/2); } }

/* ===== busca sem seletor: lupa PRETA dentro da caixa (sem botao vermelho) ===== */
.tpg-hd__go { background:transparent !important; padding:0 16px !important; display:flex; align-items:center; }
.tpg-hd__go:hover { background:transparent !important; opacity:.6; }
.tpg-hd__input { padding:0 8px 0 22px; }
/* atalhos: Entrar em destaque (box) + Favoritos */
.tpg-hd__acct a { display:flex; align-items:center; gap:7px; }
.tpg-hd__fav { padding:9px 4px; }
.tpg-hd__entrar { background:rgba(255,255,255,.16); border-radius:24px; padding:9px 16px; }
.tpg-hd__entrar:hover { background:rgba(255,255,255,.28); opacity:1; }
.tpg-hd__entrar svg, .tpg-hd__fav svg { display:block; }

/* ===== OOS: mostra preço normal + info "consultar disponibilidade" (sem cinza/risco) ===== */
.tpg-of--oos { opacity:1; }
.tpg-of--oos .tpg-of__usd { text-decoration:none; color:#14161B; }
.tpg-of--oos .tpg-of__cta { background:#5B45B5; }
.tpg-of__oos { color:#B45309; font-weight:700; }
.tpg-card__stores--consult { color:#B45309; }
/* foto do produto menor + nunca transbordar a coluna (corrige sobreposicao com as ofertas).
   SÓ no desktop (>820px): sem o @media, esta regra sobrepunha o "1 coluna" do mobile (linha ~364)
   e a PDP ficava em 2 colunas apertadas no celular = rolagem lateral. */
@media (min-width:821px){ .tpg-pdp { grid-template-columns:minmax(0,440px) minmax(0,1fr); gap:40px; } }
.tpg-pdp__img { max-width:100%; padding:18px; }

/* ===== LOJAS (grid, sem rolagem lateral — regra: só produtos rolam pro lado) ===== */
.tpg-stores { display:grid; grid-template-columns:repeat(auto-fill,minmax(224px,1fr)); gap:14px; }
.tpg-store { display:flex; align-items:center; gap:14px; padding:15px 16px; border:1.5px solid var(--tpg-line); border-radius:16px; background:#fff; text-decoration:none; color:inherit; transition:border-color .12s, box-shadow .12s; }
.tpg-store:hover { border-color:#5B45B5; box-shadow:0 6px 18px rgba(91,69,181,.12); }
.tpg-store__logo { flex:0 0 auto; width:54px; height:54px; border-radius:13px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:18px; color:#5B45B5; background:#EEEDFE; overflow:hidden; }
.tpg-store__logo--img { background:#fff; border:1px solid var(--tpg-line); }
/* logos de texto branco (só existem em versão p/ header escuro): chip escuro + respiro. */
.tpg-store__logo--dark { background:#181A20; border-color:#181A20; padding:6px; }
.tpg-store__logo--img img { width:100%; height:100%; object-fit:contain; }
.tpg-store__id { min-width:0; display:flex; flex-direction:column; gap:3px; }
.tpg-store__name { font-weight:800; font-size:15.5px; color:#14161B; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tpg-store__meta { font-size:13px; color:var(--tpg-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* ===== PÁGINA DA LOJA (/loja) ===== */
.tpg-shead { display:flex; align-items:center; gap:20px; padding:6px 0 22px; border-bottom:1px solid var(--tpg-line); margin-bottom:26px; }
.tpg-shead__logo { position:relative; flex:0 0 auto; width:86px; height:86px; border-radius:20px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:32px; color:#5B45B5; background:#EEEDFE; overflow:hidden; }
.tpg-shead__logo--img { background:#fff; border:1px solid var(--tpg-line); }
.tpg-shead__logo--dark { background:#181A20; border-color:#181A20; padding:10px; }
.tpg-shead__logo--img img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; background:#fff; }
/* fallback: iniciais aparecem se a <img> do logo falhar (onerror a remove) */
.tpg-shead__logo[data-ini]::before { content:attr(data-ini); position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:#EEEDFE; color:#5B45B5; font-weight:800; }
.tpg-shead__logo--dark[data-ini]::before, .tpg-shead__logo--dark img { background:#181A20; }
.tpg-shead__id { min-width:0; }
.tpg-shead__name { font-size:27px; font-weight:800; letter-spacing:-.01em; margin:0 0 6px; color:#14161B; }
.tpg-shead__meta { font-size:14px; color:var(--tpg-muted); display:flex; align-items:center; gap:8px; margin:0; flex-wrap:wrap; }
.tpg-shead__dot { color:var(--tpg-faint); }
.tpg-shead__site { display:inline-block; margin-top:9px; font-size:13.5px; font-weight:800; color:#5B45B5; text-decoration:none; }
.tpg-shead__site:hover { text-decoration:underline; }
.tpg-store-page__sec .tpg-home__h2 { margin:0 0 16px; }
@media (max-width:560px){ .tpg-shead__logo { width:64px; height:64px; font-size:24px; } .tpg-shead__name { font-size:22px; } }

/* ===== PÁGINA DE CATEGORIA (navegação por categoria de verdade) ===== */
.tpg-cat-page { padding-top:18px; }
.tpg-cathead { margin:0 0 14px; }
.tpg-cathead__title { font-size:27px; font-weight:800; letter-spacing:-.01em; margin:0 0 4px; color:#14161B; }
.tpg-cathead__count { font-size:14px; color:var(--tpg-muted); margin:0; }
/* filtros ativos (pílulas removíveis) */
.tpg-cat__actives { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; }
.tpg-cat__active { display:inline-flex; align-items:center; gap:6px; background:#5B45B5; color:#fff; font-size:13px; font-weight:700; padding:6px 12px; border-radius:999px; text-decoration:none; }
.tpg-cat__active:hover { background:#4a37a0; }
/* linhas de faceta (Tipo / Marca / Linha) — chips roláveis no mobile */
.tpg-cat-facets { display:flex; flex-direction:column; gap:10px; margin:0 0 20px; }
.tpg-cat__facet { display:flex; align-items:center; gap:12px; min-width:0; }
.tpg-cat__facetlabel { flex:0 0 54px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:var(--tpg-faint); }
.tpg-chips { display:flex; gap:8px; overflow-x:auto; padding-bottom:2px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.tpg-chips::-webkit-scrollbar { display:none; }
.tpg-chip { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; background:#fff; border:1px solid var(--tpg-line); border-radius:999px; padding:7px 13px; font-size:13.5px; color:#3a3942; text-decoration:none; transition:border-color .12s, background .12s; }
.tpg-chip:hover { border-color:#5B45B5; color:#5B45B5; }
.tpg-chip--on { background:#F4EFFB; border-color:#5B45B5; color:#5B45B5; font-weight:800; }
.tpg-chip__n { font-size:11.5px; color:var(--tpg-faint); font-weight:600; }
.tpg-chip--on .tpg-chip__n { color:#5B45B5; }
@media (max-width:560px){ .tpg-cathead__title { font-size:22px; } .tpg-cat__facet { flex-direction:column; align-items:flex-start; gap:5px; } .tpg-cat__facetlabel { flex-basis:auto; } }
/* índice /categoria/ (sem parâmetro): grade de todas as categorias */
.tpg-catindex { display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:12px; margin-top:8px; }
.tpg-catindex__tile { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:22px 12px; border:1px solid var(--tpg-line); border-radius:14px; background:#fff; text-decoration:none; color:#14161B; transition:border-color .12s, box-shadow .12s; }
.tpg-catindex__tile:hover { border-color:#5B45B5; box-shadow:0 4px 14px rgba(91,69,181,.12); }
.tpg-catindex__emoji { font-size:30px; line-height:1; }
.tpg-catindex__name { font-size:14.5px; font-weight:700; text-align:center; }

/* ===== HISTÓRICO DE PREÇO (gráfico SVG inline, sem JS) ===== */
.tpg-chart { border:1px solid var(--tpg-line); border-radius:14px; padding:16px 18px 12px; background:#fff; max-width:680px; }
.tpg-chart__svg { width:100%; height:auto; display:block; overflow:visible; }
.tpg-chart__ylab { font-size:11px; fill:var(--tpg-muted); font-family:'Plus Jakarta Sans',sans-serif; }
.tpg-chart__xlab { font-size:11px; fill:var(--tpg-faint); font-family:'Plus Jakarta Sans',sans-serif; }
.tpg-chart__cap { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:10px; padding-top:12px; border-top:1px solid var(--tpg-line); font-size:13px; color:var(--tpg-muted); }
.tpg-chart__cap b { color:var(--tpg-ink); font-weight:800; }

/* ===== MINHA CONTA — lista de desejos + alertas (⑨) ===== */
.tpg-card__fav { cursor:pointer; pointer-events:auto; user-select:none; transition:transform .1s, color .1s; }
.tpg-card__fav:hover { transform:scale(1.15); }
.tpg-card__fav.is-fav { color:#E63329; }
.tpg-pdp__sharebtn.is-fav { color:#E63329; border-color:#E63329; }
.tpg-account { max-width:900px; }
.tpg-account__title { font-size:30px; font-weight:800; color:#14161B; margin:8px 0 10px; }
.tpg-account__intro { font-size:15.5px; line-height:1.6; color:#3a3a44; margin:0 0 24px; max-width:640px; }
.tpg-account__sec { border:1px solid var(--tpg-line); border-radius:16px; padding:20px 22px; margin:0 0 20px; background:#fff; }
.tpg-account__h2 { font-size:18px; font-weight:800; color:#14161B; margin:0 0 14px; }
.tpg-account__p { font-size:14.5px; line-height:1.55; color:var(--tpg-muted); margin:0 0 14px; max-width:560px; }
.tpg-alertform { display:flex; gap:10px; flex-wrap:wrap; max-width:520px; }
.tpg-alertform input { flex:1; min-width:200px; height:46px; border:1.5px solid var(--tpg-line); border-radius:12px; padding:0 15px; font-family:inherit; font-size:15px; }
.tpg-alertform input:focus { outline:0; border-color:#5B45B5; }
.tpg-alertform button { border:0; background:#E63329; color:#fff; font-family:inherit; font-weight:800; font-size:14.5px; padding:0 22px; border-radius:12px; cursor:pointer; }
.tpg-alertform button:hover { background:#cf2b22; }
.tpg-account__msg { margin:12px 0 0; font-size:14px; font-weight:700; }
.tpg-account__msg.is-ok { color:#1D9E75; }
.tpg-account__msg.is-err { color:#E63329; }
.tpg-account__foot { margin-top:8px; }
.tpg-account__foot a { color:#5B45B5; font-weight:700; text-decoration:none; }
.tpg-wishlist { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; }
.tpg-wishlist__empty { color:var(--tpg-muted); font-size:14.5px; grid-column:1/-1; margin:0; }
.tpg-wcard { position:relative; border:1px solid var(--tpg-line); border-radius:14px; overflow:hidden; background:#fff; }
.tpg-wcard__link { display:flex; flex-direction:column; text-decoration:none; color:inherit; padding-bottom:12px; }
.tpg-wcard__img { width:100%; aspect-ratio:1/1; object-fit:contain; background:#f6f6f8; padding:10px; box-sizing:border-box; }
.tpg-wcard__img--ph { display:block; }
.tpg-wcard__title { font-size:13px; font-weight:600; line-height:1.3; color:#14161B; padding:10px 12px 4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tpg-wcard__price { font-size:15px; font-weight:800; color:#14161B; padding:0 12px; }
.tpg-wcard__brl { font-size:12px; font-weight:700; color:#7a7a85; padding:0 12px; }
.tpg-wcard__rm { position:absolute; top:8px; right:8px; width:26px; height:26px; border:0; border-radius:50%; background:rgba(20,22,27,.55); color:#fff; font-size:13px; cursor:pointer; line-height:1; }
.tpg-wcard__rm:hover { background:#E63329; }

/* ===== PÁGINAS INSTITUCIONAIS (⑤/⑥) ===== */
.tpg-page { max-width:760px; }
.tpg-page__title { font-size:30px; font-weight:800; letter-spacing:-.01em; color:#14161B; margin:8px 0 18px; }
.tpg-page h2 { font-size:19px; font-weight:800; color:#14161B; margin:28px 0 10px; }
.tpg-page p { font-size:15.5px; line-height:1.65; color:#3a3a44; margin:0 0 14px; }
.tpg-page ul, .tpg-page ol { padding-left:22px; margin:0 0 16px; }
.tpg-page li { font-size:15.5px; line-height:1.6; color:#3a3a44; margin:0 0 8px; }
.tpg-page a { color:#5B45B5; font-weight:700; }
.tpg-page__steps li { margin-bottom:12px; }
.tpg-page__note { background:#fdf3f2; border:1px solid #f6d4d2; border-radius:14px; padding:16px 18px; color:#5a4a48 !important; font-size:14.5px !important; }

/* ===== BUSCA DENTRO DA LOJA (③) ===== */
.tpg-ssearch { display:flex; gap:0; margin:0 0 22px; max-width:520px; border:1.5px solid #5B45B5; border-radius:24px; overflow:hidden; background:#fff; }
.tpg-ssearch__input { flex:1; min-width:0; border:0; outline:0; padding:0 18px; height:46px; font-family:inherit; font-size:15px; color:#14161B; background:#fff; }
.tpg-ssearch__input::placeholder { color:#9a99a4; }
.tpg-ssearch__go { flex:0 0 auto; border:0; background:#5B45B5; color:#fff; font-family:inherit; font-weight:800; font-size:14.5px; padding:0 22px; cursor:pointer; }
.tpg-ssearch__go:hover { background:#4c3aa0; }
.tpg-store-page__back { font-weight:700; font-size:14px; color:#5B45B5; text-decoration:none; white-space:nowrap; }
.tpg-store-page__back:hover { text-decoration:underline; }

/* ===== PAGINAÇÃO (página da loja) ===== */
.tpg-store-page__pg { font-weight:600; font-size:14px; color:var(--tpg-faint); }
.tpg-pg { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin:26px 0 4px; }
.tpg-pg__item { min-width:38px; height:38px; padding:0 11px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--tpg-line); border-radius:10px; background:#fff; color:var(--tpg-ink); font-weight:700; font-size:14px; text-decoration:none; }
.tpg-pg__item:hover { border-color:#5B45B5; color:#5B45B5; }
.tpg-pg__item--cur { background:#5B45B5; border-color:#5B45B5; color:#fff; }
.tpg-pg__item--off { color:var(--tpg-faint); border-color:var(--tpg-line); opacity:.5; pointer-events:none; }
.tpg-pg__dots { display:inline-flex; align-items:flex-end; padding:0 4px; color:var(--tpg-faint); }

/* ===== FAIXA DE CONFIANÇA (⑥ somos comparador, não loja) ===== */
.tpg-trust { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0 0 30px; }
.tpg-trust__item { display:flex; align-items:flex-start; gap:12px; padding:15px 16px; border:1px solid var(--tpg-line); border-radius:14px; background:#fff; }
.tpg-trust__ic { font-size:22px; line-height:1.1; flex:0 0 auto; }
.tpg-trust__txt { display:flex; flex-direction:column; gap:3px; min-width:0; }
.tpg-trust__txt strong { font-size:14px; font-weight:800; color:var(--tpg-ink); }
.tpg-trust__txt span { font-size:12.5px; line-height:1.4; color:var(--tpg-muted); }
@media (max-width:820px){ .tpg-trust { grid-template-columns:1fr; } }

/* ===== TILE DE CATEGORIA COM FOTO REAL (⑦) ===== */
.tpg-cat--photo { padding:0; overflow:hidden; background:#fff; }
.tpg-cat--photo .tpg-cat__ph { width:100%; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; background:#fff; overflow:hidden; }
.tpg-cat--photo .tpg-cat__ph img { width:100%; height:100%; object-fit:contain; padding:12px; box-sizing:border-box; }
.tpg-cat--photo .tpg-cat__name { padding:10px 8px 13px; }

/* ===== LOJAS EM CÍRCULO NA HOME (①) — logo pequeno, nome embaixo, "ver todas" sem JS ===== */
.tpg-storecircles { display:flex; flex-wrap:wrap; gap:22px 14px; justify-content:center; }
.tpg-storec { flex:0 0 auto; width:118px; display:flex; flex-direction:column; align-items:center; gap:11px; text-decoration:none; color:inherit; }
.tpg-storec__logo { width:104px; height:104px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:30px; color:#5B45B5; background:#EEEDFE; overflow:hidden; border:1px solid var(--tpg-line); transition:transform .12s, box-shadow .12s; }
.tpg-storec:hover .tpg-storec__logo { transform:translateY(-2px); box-shadow:0 8px 18px rgba(91,69,181,.18); }
.tpg-storec__logo--img { background:#fff; }
.tpg-storec__logo--img img { width:100%; height:100%; object-fit:contain; padding:5px; box-sizing:border-box; }
.tpg-storec__logo--dark { background:#181A20; border-color:#181A20; }
.tpg-storec__name { font-size:13.5px; font-weight:700; line-height:1.25; text-align:center; color:#14161B; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.tpg-storec--extra { display:none; }
.tpg-morestores-cb:checked ~ .tpg-storecircles .tpg-storec--extra { display:flex; }
.tpg-morestores { display:inline-block; margin-top:18px; font-size:13.5px; font-weight:800; color:#5B45B5; cursor:pointer; user-select:none; }
.tpg-morestores:hover { text-decoration:underline; }
.tpg-morestores__less { display:none; }
.tpg-morestores-cb:checked ~ .tpg-morestores .tpg-morestores__more { display:none; }
.tpg-morestores-cb:checked ~ .tpg-morestores .tpg-morestores__less { display:inline; }
@media (max-width:560px){ .tpg-storec { width:80px; } .tpg-storec__logo { width:62px; height:62px; } }

/* ===== BUSCAS POPULARES — chips (⑫) ===== */
.tpg-terms__chips { display:flex; flex-wrap:wrap; gap:9px; }
.tpg-term { display:inline-block; padding:8px 15px; border:1px solid var(--tpg-line); border-radius:22px; background:#fff; font-size:13.5px; font-weight:700; color:#3a3550; text-decoration:none; }
.tpg-term:hover { border-color:#5B45B5; color:#5B45B5; background:#f7f5ff; }

/* ===== AUTOCOMPLETE DA BUSCA (⑧) ===== */
.tpg-hd__search { position:relative; }
.tpg-hd__ac { position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:90; background:#fff; border:1px solid var(--tpg-line); border-radius:14px; box-shadow:0 14px 34px rgba(20,22,27,.16); overflow:hidden auto; max-height:72vh; }
.tpg-hd__ac[hidden] { display:none; }
.tpg-ac__item { display:block; padding:11px 16px; font-size:14.5px; font-weight:600; color:#14161B; text-decoration:none; }
.tpg-ac__item + .tpg-ac__item { border-top:1px solid #f0eff5; }
.tpg-ac__item:hover, .tpg-ac__item.is-active { background:#f4f2fb; }
/* linha de PRODUTO no autocomplete (foto + preço, como loja online) ⑧ */
.tpg-acp { display:flex; align-items:center; gap:12px; padding:10px 14px; }
.tpg-acp__img { width:50px; height:50px; flex:0 0 auto; object-fit:contain; background:#fff; border:1px solid var(--tpg-line); border-radius:9px; padding:3px; box-sizing:border-box; }
.tpg-acp__img--ph { background:#f5f4f9; display:block; }
.tpg-acp__info { display:flex; flex-direction:column; gap:2px; min-width:0; }
.tpg-acp__title { font-size:13.5px; font-weight:600; color:#14161B; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.tpg-acp__price { font-size:13px; font-weight:800; color:#14161B; }
.tpg-acp__brl { font-weight:700; color:#7a7a85; }
.tpg-acp__stores { font-weight:700; color:#5B45B5; margin-left:7px; }
/* linha de TERMO (atalho de texto) */
.tpg-act { display:flex; align-items:center; gap:9px; color:var(--tpg-muted); font-weight:600; }
.tpg-act__ic { opacity:.55; }

/* ===== Filtros dinâmicos (barra lateral de facetas) ===== */
.tpg-searchlayout{display:flex;gap:20px;align-items:flex-start}
.tpg-searchlayout__main{flex:1 1 auto;min-width:0}
.tpg-facets{flex:0 0 220px;width:220px;font-size:14px;border:1px solid #ececec;border-radius:12px;padding:4px 14px 14px;background:#fff}
.tpg-facets__toggle{display:none;cursor:pointer;font-weight:700;padding:10px 0;list-style:none}
.tpg-facets__toggle::-webkit-details-marker{display:none}
.tpg-facets__clear{display:inline-block;margin:8px 0 0;font-size:13px;color:#c0392b;text-decoration:none}
.tpg-facets__clear:hover{text-decoration:underline}
.tpg-facets__group{padding:12px 0;border-top:1px solid #f2f2f2}
.tpg-facets__group:first-of-type{border-top:0}
.tpg-facets__title{margin:0 0 8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#777}
.tpg-facets__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.tpg-facet{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:5px 8px;border-radius:8px;color:#232323;text-decoration:none;transition:background .12s}
.tpg-facet:hover{background:#f5f5f5}
.tpg-facet--on{background:#eef3ff;font-weight:700}
.tpg-facet--on .tpg-facet__lbl::before{content:"\2713\00a0";color:#2d6cdf}
.tpg-facet__n{color:#a0a0a0;font-size:12px;flex:none}
@media(min-width:721px){.tpg-facets>*:not(summary){display:block}}
@media(max-width:720px){
  .tpg-searchlayout{flex-direction:column}
  .tpg-facets{width:auto;flex:none;align-self:stretch}
  .tpg-facets__toggle{display:block}
}

/* Foto com origem morta (loja removeu a imagem): placeholder limpo no lugar do "?" quebrado. */
img.tpg-img--dead{
  background:#f3f3f1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' fill='none' stroke='%23c3c3bd' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:40px;
}

/* ===== Header MINIMALISTA (1 linha) — /home-nova ===== */
.tpg-hd--min .tpg-hd__navrow{display:flex;align-items:center;gap:2px;margin:0 auto 0 26px}
.tpg-hd--min .tpg-hd__menu{display:flex;align-items:center}
@media (max-width:760px){
  .tpg-hd--min .tpg-hd__navrow{margin-left:12px}          /* mantém ☰ Categorias visível */
  .tpg-hd--min .tpg-hd__menu{display:none}                /* esconde Mais Buscados/Promoções/Lojas/Como Funciona */
  .tpg-hd--min .tpg-hd__acct{display:flex}                /* re-mostra a conta (sobrepõe o hide global de ≤980px) */
  .tpg-hd--min .tpg-hd__fav{display:none}                 /* no mobile, só "Entrar" */
}
/* Header/câmbio COMPACTOS no celular: 1 linha de câmbio (ticker) + 1 linha principal
   (logo à esquerda · ☰ + Entrar à direita) — padrão de header mobile de e-commerce. */
@media (max-width:560px){
  .tpg-fxbar__note{display:none}                          /* câmbio vira 1 linha só (sem quebrar a nota) */
  .tpg-fxbar__inner{flex-wrap:nowrap;overflow-x:auto;gap:14px;padding:6px 14px;font-size:12px}
  .tpg-fxbar__inner::-webkit-scrollbar{display:none}
  /* header da home NÃO fixa no topo no mobile: rola junto com a página (não "desce" acompanhando) */
  .tpg-hd--min{position:static}
  /* layout clássico mobile: ☰ à ESQUERDA · logo NO MEIO · Entrar à DIREITA, equilibrados */
  .tpg-hd--min .tpg-hd__top .tpg-hd__inner{position:relative;flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:12px 16px}
  .tpg-hd--min .tpg-hd__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
  .tpg-hd--min .tpg-hd__logoimg{height:40px}              /* logo MAIOR (era 30) */
  .tpg-hd--min .tpg-hd__navrow{order:1;margin:0}          /* ☰ à esquerda */
  .tpg-hd--min .tpg-hd__acct{order:2;margin:0;gap:6px}    /* Entrar à direita */
  .tpg-hd--min .tpg-hd__entrar{padding:9px 15px;font-size:13.5px}
  .tpg-hd--min .tpg-hd__catsbtn{padding:6px 2px;font-size:0}       /* só o ícone ☰ (esconde "Categorias") */
  .tpg-hd--min .tpg-hd__catsbtn .tpg-hd__bars{font-size:25px}      /* ☰ MAIOR, equilibra com Entrar */
  .tpg-hd--min .tpg-hd__catsbtn .tpg-hd__caret{display:none}
}

/* ===== Home MINIMALISTA (estilo Google) — /home-nova ===== */
/* o tema envolve páginas de texto num <article> com título; nesta, tira o título e o limite de largura */
.tpg-content:has(.tpg-min){max-width:none;margin:0;padding:0}
.tpg-content:has(.tpg-min) .tpg-content__title{display:none}
.tpg-min{min-height:64vh;display:flex;align-items:center;justify-content:center;padding:48px 20px}
.tpg-min__inner{width:100%;max-width:640px;text-align:center}
.tpg-min__logo{font-size:46px;line-height:1;font-weight:800;letter-spacing:-.02em;margin:0 0 12px;color:var(--tpg-ink)}
.tpg-min__logo span{color:var(--tpg-jacaranda)}
.tpg-min__tag{color:var(--tpg-muted);font-size:16px;line-height:1.4;margin:0 auto 30px;max-width:460px}
.tpg-min__search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--tpg-line);border-radius:999px;padding:7px 7px 7px 20px;box-shadow:0 8px 30px rgba(28,27,34,.09);transition:box-shadow .15s,border-color .15s}
.tpg-min__search:focus-within{border-color:var(--tpg-jacaranda);box-shadow:0 10px 34px rgba(91,69,181,.20)}
.tpg-min__ico{color:var(--tpg-faint);flex:none}
.tpg-min__input{flex:1;min-width:0;border:0;outline:0;font-size:18px;padding:13px 4px;background:transparent;color:var(--tpg-ink);font-family:inherit}
.tpg-min__btn{flex:none;border:0;border-radius:999px;background:var(--tpg-red);color:#fff;font-weight:700;font-size:15px;padding:13px 24px;cursor:pointer;font-family:inherit}
.tpg-min__btn:hover{filter:brightness(.95)}
.tpg-min__chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:24px 0 0}
.tpg-min__chip{font-size:14px;color:var(--tpg-muted);background:var(--tpg-surface);border-radius:999px;padding:9px 15px;text-decoration:none;transition:background .12s,color .12s}
.tpg-min__chip:hover{background:#ece8f7;color:var(--tpg-jacaranda)}
.tpg-min__trust{margin:28px 0 0;color:var(--tpg-faint);font-size:13px}
@media (max-width:520px){
  .tpg-min{min-height:60vh;padding:32px 16px}
  .tpg-min__logo{font-size:36px}
  .tpg-min__tag{font-size:15px;margin-bottom:24px}
  .tpg-min__input{font-size:16px}
  .tpg-min__btn{padding:13px 18px}
}

/* ===== /lojas — grade de todas as lojas ===== */
.tpg-content:has(.tpg-lojas){max-width:none;margin:0;padding:0}
.tpg-content:has(.tpg-lojas) .tpg-content__title{display:none}
.tpg-lojas{max-width:1100px;margin:0 auto;padding:34px 20px 60px}
.tpg-lojas__head{text-align:center;margin:0 0 28px}
.tpg-lojas__title{font-size:30px;font-weight:800;color:var(--tpg-ink);margin:0 0 6px;letter-spacing:-.02em}
.tpg-lojas__sub{color:var(--tpg-muted);font-size:15px;margin:0}
.tpg-lojas__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.tpg-lojacard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:22px 16px;background:#fff;border:1px solid var(--tpg-line);border-radius:16px;text-decoration:none;transition:box-shadow .15s,transform .15s,border-color .15s}
.tpg-lojacard:hover{box-shadow:0 10px 28px rgba(28,27,34,.10);transform:translateY(-2px);border-color:transparent}
.tpg-lojacard__logo{position:relative;width:96px;height:96px;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--tpg-line)}
.tpg-lojacard__logo[data-ini]::before{content:attr(data-ini);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--tpg-surface);color:var(--tpg-jacaranda);font-weight:800;font-size:30px}
.tpg-lojacard__logo img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;background:#fff;padding:10px;box-sizing:border-box;display:block}
.tpg-lojacard__logo--dark,.tpg-lojacard__logo--dark img{background:#14161b}
.tpg-lojacard__logo--txt{display:flex;align-items:center;justify-content:center;background:var(--tpg-surface);color:var(--tpg-jacaranda);font-weight:800;font-size:30px;border:0}
.tpg-lojacard__name{font-size:15px;font-weight:700;color:var(--tpg-ink)}
.tpg-lojacard__meta{font-size:12.5px;color:var(--tpg-faint)}
@media (max-width:520px){ .tpg-lojas__grid{grid-template-columns:repeat(2,1fr);gap:12px} .tpg-lojacard__logo{width:78px;height:78px} .tpg-lojas__title{font-size:24px} }