/* =========================================================================
   T3RRA — design system. Tokens = a "pele" de cada segmento.
   :root traz a skin BEBÊ (default). [data-segment="..."] troca a pele.
   ========================================================================= */
:root{
  color-scheme: light;   /* site é sempre claro — evita I-beam/caret branco quando o SO está em modo escuro */
  /* I-beam preto delicado — só nos campos e labels de texto (garante contraste mesmo com ponteiro branco no SO) */
  --cur-text:  url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='9'%20height='18'%3E%3Cg%20fill='none'%20stroke-linecap='round'%3E%3Cpath%20d='M4.5%202.5v13M2.5%202.5h4M2.5%2015.5h4'%20stroke='%23ffffff'%20stroke-width='2.2'%20opacity='.55'/%3E%3Cpath%20d='M4.5%202.5v13M2.5%202.5h4M2.5%2015.5h4'%20stroke='%233b4252'%20stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 4 9, text;
  /* skin bebê: pastel sonho — leve, arejado, lilás de acento (revertido 2026-09-21 a pedido do Bruno; era ROSÉ) */
  --bg:        #f4f7fb;   /* azul-branco arejado */
  --surface:   #ffffff;
  --surface-2: #eaeff6;
  --line:      #e0e7f0;
  --text:      #3b4252;   /* slate suave */
  --muted:     #8a93a6;
  --accent:    #9d86c9;   /* lilás */
  --accent-ink:#7e6bb0;
  --accent-soft:#eae3f5;
  --green:     #7fae86;   /* pix / selos */
  --free:      #8ba792;   /* verde poeirento p/ brinde/GRÁTIS — tom mais baixo que o --green */
  --radius:    18px;
  --radius-sm: 12px;
  --shadow:    0 10px 30px rgba(70,80,110,.10);
  --shadow-lg: 0 24px 60px rgba(70,80,110,.16);
  --font-ui:   "Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-display:"Quicksand", "Nunito Sans", system-ui, sans-serif;
  --maxw: 1160px;
}
[data-segment="casamento"]{
  --bg:#fbf9f4; --surface:#fff; --surface-2:#f4efe6; --line:#e8e0d1;
  --text:#2c2a24; --muted:#8b8474; --accent:#b79b5a; --accent-ink:#8a6f36;
  --accent-soft:#f4ecd8; --green:#7d9270;
}
[data-segment="pets"]{
  --bg:#f4f8f7; --surface:#fff; --surface-2:#e9f1ef; --line:#d8e6e2;
  --text:#243230; --muted:#6f8582; --accent:#3fa6a0; --accent-ink:#2b7a75;
  --accent-soft:#d8efec; --green:#5aa06a;
}

*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--bg); color:var(--text);
  font-family:var(--font-ui); font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
  min-height:100vh; display:flex; flex-direction:column;
}
.site-main{flex:1 0 auto}   /* páginas curtas: empurra o rodapé pro fim da tela */
img{max-width:100%;display:block}
/* ícones de linha (Tabler webfont) — cor da marca, alinhados ao texto */
.tico{color:var(--accent);vertical-align:-.13em;font-size:1.08em;line-height:1;font-style:normal}
a{color:inherit;text-decoration:none}
/* I-beam preto onde há texto/campo (linhas de texto, mesmo com ícone junto); fundo e containers de layout ficam com a setinha nativa */
p,h1,h2,h3,h4,h5,h6,li,dt,dd,td,th,caption,figcaption,blockquote,address,label,span,strong,em,b,i,small,
div:not(:has(> div,> section,> article,> aside,> nav,> header,> footer,> ul,> ol,> dl,> form,> fieldset,> table,> figure,> iframe,> video,> canvas)),
section:not(:has(*)),article:not(:has(*)),header:not(:has(*)),footer:not(:has(*)),aside:not(:has(*)),
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],input[type=password],input[type=url],input:not([type]),textarea{cursor:var(--cur-text)}
/* iOS: campo com fonte < 16px faz o Safari dar zoom ao focar. Força 16px em todo campo de texto. */
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],input[type=password],input[type=url],input:not([type]),textarea,select{font-size:16px!important}
/* mídia sem texto → setinha nativa (as clicáveis viram mãozinha na regra seguinte) */
img,svg,picture,video,canvas{cursor:default}
/* interativos e tudo que está dentro deles → mãozinha (depois das regras de texto, pra prevalecer) */
a,a *,button,button *,select,summary,[role=button],[role=button] *,[onclick],[onclick] *,
.btn,.btn *,.btn-ghost,.btn-ghost *,.chip,.chip *,.nav-toggle,.drawer-close,.drawer-close *,.cart-rm,.cupom-x,.cart-cupom-btn,.cart-cupom-btn *,.soon-btn,.soon-btn *{cursor:pointer}
/* Brick de pagamento do Mercado Pago: o MP injeta os textos no nosso DOM com cursor próprio → força o I-beam (!important) menos nos interativos/campos (os campos do cartão são iframes do MP, fora do nosso alcance) */
#paymentBrick_container *:not(:where(button,a,input,select,iframe,[role=button],svg,path)){cursor:var(--cur-text)!important}
/* botão de pagar (e seus filhos) = mãozinha; durante o pagamento = aguarde (progress) */
#paymentBrick_container button,#paymentBrick_container button *,#paymentBrick_container [role=button],#paymentBrick_container [role=button] *{cursor:pointer!important}
#paymentBrick_container.is-paying,#paymentBrick_container.is-paying *{cursor:progress!important}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.1;margin:0}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-ui);font-weight:700;font-size:15px;
  padding:13px 22px;border-radius:999px;border:1.5px solid transparent;
  cursor:pointer;transition:.15s transform,.15s box-shadow,.15s background;
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(157,134,201,.35)}
.btn-primary:hover{background:var(--accent-ink)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}
.btn-ghost:hover{background:var(--surface-2)}
.btn-block{width:100%;margin-top:12px}

/* ---------- tarja de inauguração ---------- */
.inaug-off .inaug-bar{display:none}
.inaug-bar{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(90deg,var(--accent),var(--accent-ink));color:#fff;
  font-size:14px;line-height:1.35;padding:10px 46px;text-align:center}
.inaug-bar strong{font-weight:800}
.inaug-br{display:none}   /* quebra do cupom só no mobile */
.inaug-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,.18);border:none;color:#fff;width:26px;height:26px;
  border-radius:50%;cursor:pointer;font-size:12px;line-height:1;display:grid;place-items:center}
.inaug-x:hover{background:rgba(255,255,255,.32)}
@media(max-width:560px){.inaug-bar{font-size:12.5px;padding:9px 40px;gap:8px} .inaug-br{display:inline}}

/* ---------- header ---------- */
.site-header{
  position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
  transition:transform .28s ease;   /* auto-hide: some ao descer, volta ao subir */
  will-change:transform;
}
.site-header.header-hidden{transform:translateY(-100%)}
.header-inner{display:flex;align-items:center;gap:24px;height:70px}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{
  display:grid;place-items:center;width:38px;height:38px;border-radius:11px;
  background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:600;
}
.brand-name{font-family:var(--font-ui);font-size:22px;font-weight:700;letter-spacing:.5px}
.site-nav{display:flex;gap:6px;margin-left:8px}
.nav-link{padding:8px 14px;border-radius:999px;font-weight:700;font-size:15px;color:var(--muted)}
.nav-link:hover{color:var(--text);background:var(--surface-2)}
.nav-link.is-active{color:var(--accent-ink);background:var(--accent-soft)}
.nav-link small{font-size:11px;opacity:.7;font-weight:600}
.nav-link.is-soon{cursor:default;opacity:.75}
.cart-btn{
  position:relative;margin-left:auto;display:grid;place-items:center;
  width:44px;height:44px;border-radius:12px;border:1px solid var(--line);
  background:var(--surface);color:var(--text);cursor:pointer
}
.cart-btn:hover{background:var(--surface-2)}
.cart-count{
  position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;
  border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:800;
  display:grid;place-items:center
}

/* ---------- hero ---------- */
.hero{padding:56px 0 40px}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.kicker{
  display:inline-block;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent-ink);background:var(--accent-soft);padding:6px 12px;border-radius:999px
}
.hero-copy h1{font-size:clamp(34px,4.6vw,56px);margin:16px 0}
.lead{font-size:18px;color:var(--muted);max-width:33rem}
.hero-cta{display:flex;gap:12px;margin:26px 0 20px;flex-wrap:wrap}
.hero-badges{list-style:none;display:flex;gap:20px;flex-wrap:wrap;padding:0;margin:0;color:var(--muted);font-weight:700;font-size:14px}
.hero-badges li{display:flex;align-items:center;gap:8px}
.hero-badges li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
/* hero art */
.hero-art{display:grid;place-items:center end}
.hero-card{
  width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);
  border-radius:26px;box-shadow:var(--shadow-lg);padding:26px;text-align:center
}
.hero-preview{
  aspect-ratio:1;border-radius:20px;background:
    radial-gradient(120% 120% at 30% 20%,var(--accent-soft),var(--surface-2));
  display:grid;place-items:center;border:1px solid var(--line)
}
.hero-initial{font-family:var(--font-display);font-size:120px;color:var(--accent);line-height:1}
.hero-chips{display:flex;gap:10px;justify-content:center;margin:18px 0 12px}
.chip{width:26px;height:26px;border-radius:50%;background:var(--c);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line)}
.chip-on{outline:2px solid var(--accent);outline-offset:2px}
.hero-cardnote{color:var(--muted);font-size:13px;margin:12px 0 0}
/* carrossel do hero — imagem limpa; legenda e navegação FORA da imagem */
.hero-slides{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .6s ease;pointer-events:none;text-decoration:none}
.hero-slide.is-on{opacity:1;pointer-events:auto}
.hero-slide-ph{opacity:1;display:grid;place-items:center;background:radial-gradient(120% 120% at 30% 20%,var(--accent-soft),var(--surface-2))}
/* categoria + título abaixo da imagem */
.hero-cap{display:flex;flex-direction:column;gap:8px;align-items:center;margin:14px 0 2px}
.hero-slide-cat{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:4px 11px;border-radius:999px}
.hero-slide-nome{color:var(--text);font-weight:800;font-size:18px;line-height:1.2}
/* linha de navegação: setas + bolinhas, abaixo da imagem */
.hero-nav-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0 2px}
.hero-nav{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .15s ease,border-color .15s ease}
.hero-nav:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.06)}
.hero-nav:active{transform:scale(.95)}
.hero-dots{display:flex;gap:4px;justify-content:center}
.hero-dot{border:0;background:none;padding:6px 5px;cursor:pointer;display:inline-flex;align-items:center;line-height:0}
.hero-dot span{display:block;width:11px;height:11px;border-radius:999px;background:var(--line);transition:width .25s ease,background .25s ease}
.hero-dot.is-on span{width:28px;background:var(--accent)}
.hero-art{transition:transform .18s ease,box-shadow .18s ease}

/* ---------- seções ---------- */
.section{padding:56px 0}
.section-alt{background:var(--surface-2)}
/* seções brancas empilhadas não somam o respiro (a de cima já dá os 56px): evita ~112px de vazio */
.section + .section:not(.section-alt){padding-top:0}
.section-alt + .section:not(.section-alt){padding-top:56px}
/* página de produto: fotos e detalhes vêm logo abaixo de blocos brancos (config/fotos) → sem topo duplicado */
#fotos-produto,#detalhes{padding-top:0}
.section-head{text-align:center;max-width:60ch;margin:0 auto 34px}
.section-head h2{font-size:clamp(26px,3vw,38px)}
.section-head p{color:var(--muted);font-size:17px;margin:10px 0 0}
@media(min-width:701px){ .section-head h2.aval-title{white-space:nowrap} }   /* "Avaliações de quem já comprou" em 1 linha no desktop */

/* ---------- cards ---------- */
.grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.18s transform,.18s box-shadow;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card-thumb{position:relative;aspect-ratio:1;background:var(--surface-2)}
.card-thumb-ph{position:absolute;inset:14px;border-radius:12px;background:
   repeating-linear-gradient(45deg,#fff,#fff 12px,var(--surface-2) 12px,var(--surface-2) 24px)}
.card-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--accent);color:#fff;font-weight:800;font-size:12px;padding:5px 9px;border-radius:8px}
.card-body{padding:16px 16px 18px;flex:1;display:flex;flex-direction:column}
.card-cat{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.card-name{font-size:18px;margin:6px 0 12px;min-height:3.1em}   /* reserva 2 linhas → preços/botões alinham entre cards */
.card-body .btn-block{margin-top:auto}                          /* botão sempre no rodapé do card */
.card-price{display:flex;align-items:baseline;gap:8px}
.price-now{font-size:20px;font-weight:800}
.price-old{color:var(--muted);text-decoration:line-through;font-size:14px}
.price-pix{display:block;color:var(--green);font-weight:700;font-size:14px;margin-top:2px;margin-bottom:24px}
.card-thumb svg.thumb-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.card-thumb img.thumb-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.card-badge.soon{background:var(--surface);color:var(--muted);border:1px solid var(--line);font-weight:700}
.soon-btn{opacity:.75;pointer-events:none;cursor:default}

/* ---------- steps ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.step-n{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-display);font-size:20px;font-weight:600;margin-bottom:14px}
.step h3{font-size:20px;margin-bottom:8px}
.step p{color:var(--muted);margin:0}

/* ---------- footer ---------- */
.site-footer{background:var(--text);color:#f3ece3;margin-top:20px}
.footer-inner{display:flex;gap:48px;padding:44px 20px 30px;flex-wrap:wrap}
.footer-brand{max-width:260px}
.footer-brand .brand-mark{margin-bottom:12px}
.footer-brand p{color:#c9bcab;margin:0}
.footer-cols{display:flex;gap:48px;margin-left:auto;flex-wrap:wrap}
.footer-cols h2{font-family:var(--font-ui);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#a99a86;margin-bottom:12px}
.footer-cols a{display:block;color:#e6dccd;padding:4px 0;font-weight:600}
.footer-cols a:hover{color:#fff}
.footer-cols small{color:#a99a86;font-weight:600}
.footer-cols .foot-soon{display:block;color:#a99a86;padding:4px 0;font-weight:600;cursor:default}
.footer-legal{border-top:1px solid rgba(255,255,255,.1);padding:16px 20px;color:#a99a86;font-size:13px}
@media(max-width:600px){ .footer-legal{padding-right:74px} }   /* respiro pro FAB do WhatsApp não cobrir o endereço/CEP */
@media(max-width:600px){ .footer-legal .ft-cep-sep{display:none} .footer-legal .ft-cep{display:block} }   /* CEP na própria linha, sem o traço pendurado */

/* ---------- drawer (carrinho lateral) ---------- */
.drawer-overlay{position:fixed;inset:0;z-index:60;background:rgba(40,46,60,.45);opacity:0;transition:.2s opacity}
.drawer-overlay.is-open{opacity:1}
.drawer{
  position:fixed;top:0;right:0;z-index:61;height:100dvh;width:min(420px,92vw);
  background:var(--bg);border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(120,80,80,.16);
  transform:translateX(100%);transition:.24s transform cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column
}
.drawer.is-open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}
.drawer-head strong{font-family:var(--font-display);font-size:20px;font-weight:600}
.drawer-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:8px}
.drawer-close:hover{background:var(--surface-2);color:var(--text)}
.drawer-body{flex:1;overflow-y:auto;padding:22px 12px;display:flex;flex-direction:column}
.drawer-empty{text-align:center;color:var(--muted);padding:40px 0}
.drawer-empty p{margin-bottom:18px}
.cart-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.cart-item{display:flex;gap:12px;align-items:flex-start}
.cart-thumb{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:20px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.cart-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.cart-info strong{font-size:15px}
.cart-sub{font-size:12.5px;color:var(--muted)}
.cart-price{font-weight:800;font-size:14px;margin-top:3px}
.cart-rm{background:none;border:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:0 2px}
.cart-rm:hover{color:var(--text)}
.cart-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.cart-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:16px}
.cart-total strong{font-size:20px}
.cart-note{text-align:center;color:var(--muted);font-size:12px;margin:10px 0 0}
body.no-scroll{overflow:hidden}

/* ---------- responsivo ---------- */
@media (max-width:860px){
  .hero-inner{grid-template-columns:1fr;gap:30px}
  .hero-art{order:-1;justify-items:center}
  .grid-cards{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr}
  .site-nav{display:none}
}
@media (max-width:460px){
  .grid-cards{grid-template-columns:1fr}
}

/* ── Cards ricos (preview 3D + foto real) + input de nome + kit — compartilhados home/nome/cidade ── */
.hm-inputrow{max-width:440px;margin:16px auto 0}
.hm-inputrow input{width:100%;padding:15px 18px;border:1.5px solid var(--accent);border-radius:14px;font-size:16.5px;font-weight:600;background:var(--surface);color:var(--text);text-align:center;box-shadow:0 4px 14px rgba(126,103,196,.12)}
.hm-inputrow input::placeholder{font-weight:500;color:var(--muted)}
.hm-inputrow input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
/* 6 produtos = 2 linhas de 3 (01/10/2026) — vale pras páginas de cidade e de nomes (a home tem o mesmo no index.php) */
.hm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1000px;margin:26px auto 0}
@media(max-width:1000px){ .hm-cards{grid-template-columns:repeat(3,1fr)} }
@media(max-width:600px){ .hm-cards{grid-template-columns:repeat(2,1fr);gap:12px} }
.mc{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column}
/* card "Em breve" (marcado no gestão): selo no canto + texto no lugar do preço (01/10/2026) */
.mc-badge{position:absolute;top:-9px;left:-9px;z-index:3;background:var(--green,#4caf7d);color:#fff;font-weight:800;font-size:11px;padding:5px 10px;border-radius:20px;box-shadow:0 3px 9px rgba(40,46,60,.22)}
.mc-badge.soon{left:auto;right:-9px;background:var(--accent);font-size:12px;padding:6px 12px;letter-spacing:.02em}
.mc.is-soon .mc-photo img{filter:saturate(.85)}
/* faixa diagonal "EM BREVE" na própria foto (fica na .mc-photo → some junto quando abre o 3D) */
.mc-ribbon{position:absolute;top:26px;right:-52px;z-index:2;width:210px;transform:rotate(45deg);background:var(--accent);color:#fff;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:8px 0;box-shadow:0 4px 12px rgba(40,46,60,.28);pointer-events:none}
@media(max-width:600px){ .mc-ribbon{top:20px;right:-58px;font-size:11.5px;padding:6px 0} }
.mc-soon-txt{margin-top:auto;font-weight:800;font-size:15px;color:var(--accent-ink,var(--accent))}
/* HÍBRIDO: foto por padrão; vira 3D ao clicar "Ver 3D" (iframe só carrega na intenção) */
.mc-media{position:relative;aspect-ratio:1/1;border-radius:20px 20px 0 0;overflow:hidden;background:var(--surface-2)}
.mc-photo{position:absolute;inset:0;transition:opacity .35s}
.mc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.mc-3d{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .35s;background:radial-gradient(120% 120% at 50% 12%,#fff,var(--surface-2))}
.mc-3d iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.mc.is-live .mc-photo{opacity:0}
.mc.is-live .mc-3d{opacity:1;pointer-events:auto}
.mc-hint{position:absolute;left:10px;top:10px;z-index:2;background:rgba(255,255,255,.92);color:var(--accent-ink);font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(70,80,110,.14);display:flex;align-items:center;gap:5px;cursor:pointer;transition:opacity .3s,transform .12s}
.mc-hint:hover{transform:translateY(-1px)}
.mc-hint.foto{opacity:0;pointer-events:none}
.mc.is-live .mc-hint.d3{opacity:0;pointer-events:none}
.mc.is-live .mc-hint.foto{opacity:1;pointer-events:auto}
.mc-soon{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-weight:700;font-size:13px}
.mc-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:5px;flex:1}
.mc-name{font-size:15.5px;line-height:1.3;margin:0;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc-stars{display:flex;align-items:center;gap:5px}
.mc-stars .av-star{width:14px;height:14px}
.mc-rev-n{font-size:12px;color:var(--muted);font-weight:600}
.mc-price{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:auto}
.mc-sub{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mc-price .now{font-weight:800;font-size:19px;color:#16a34a}
.mc-price .was{font-size:13px;color:var(--muted);text-decoration:line-through}
.mc-off{background:color-mix(in srgb,var(--green) 15%,var(--surface));color:#5f8567;font-weight:700;font-size:10px;padding:2px 7px;border-radius:20px;line-height:1.5}
.mc-pix,.mc-parc{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.mc-pix b,.mc-parc b{color:var(--text);font-weight:700}
.mc-ic-pix{flex:none;display:block}
.mc-parc .ti{flex:none;font-size:15px;line-height:1}
.mc-body .btn{margin-top:9px}
/* mini-carrossel de avaliação por card (home + nomes + cidades) */
.mc-rev{border-top:1px solid var(--line);padding:12px 12px 14px;display:flex;align-items:center;gap:10px}
.mc-rev-nav{flex:none;border:none;background:var(--surface-2,#eef1f7);color:var(--muted);cursor:pointer;font-size:20px;line-height:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:0;transition:background .15s,color .15s}
.mc-rev-nav:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface))}
.mc-rev-track{flex:1;min-width:0;position:relative}
.mc-rev-slide{display:none}
.mc-rev-slide.is-on{display:block;animation:mrIn .25s ease}
@keyframes mrIn{from{opacity:0}to{opacity:1}}
.mc-rev-stars{display:flex;gap:1px;color:#f4b400;margin-bottom:3px}
.mc-rev-stars svg{width:13px;height:13px}
.mc-rev-txt{font-size:12.5px;line-height:1.4;color:var(--text);margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc-rev-who{font-size:11px;color:var(--muted)}
/* grid 2×2 de avaliações por produto (com foto) — home + nomes + cidades */
.pr-rev{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:920px;margin:0 auto}
.pr-rev-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:16px 18px;display:flex;flex-direction:column}
.pr-rev-label{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:12.5px;letter-spacing:.02em;color:var(--accent-ink);margin-bottom:12px}
.pr-rev-car{position:relative;flex:1;display:flex;align-items:center;gap:10px}
.pr-rev-track{flex:1;min-width:0;display:grid}
.pr-rev-slide{grid-area:1/1;display:flex;gap:14px;align-items:flex-start;visibility:hidden;opacity:0;transition:opacity .25s ease}
.pr-rev-slide.is-on{visibility:visible;opacity:1}
.pr-rev-photo{flex:none;width:104px;height:104px;border-radius:12px;overflow:hidden;background:var(--surface-2,#eef1f7)}
.pr-rev-photo img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}
.pr-rev-content{flex:1;min-width:0}
.pr-rev-stars{display:flex;gap:1px;color:#f4b400;margin-bottom:5px}
.pr-rev-stars svg{width:15px;height:15px}
.pr-rev-txt{font-size:14px;line-height:1.5;color:var(--text);margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pr-rev-who{font-size:12.5px;color:var(--muted)}
.pr-rev-nav{flex:none;border:none;background:var(--surface-2,#eef1f7);color:var(--muted);cursor:pointer;font-size:20px;line-height:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:0;transition:background .15s,color .15s}
.pr-rev-nav:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface))}
@media(max-width:640px){ .pr-rev{grid-template-columns:1fr;max-width:520px} }
.nmkit-box{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:24px;box-shadow:var(--shadow);padding:28px 24px;text-align:center}
.nmkit-box h2{margin:0 0 6px;font-size:22px}
.nmkit-box p{margin:0 auto 18px;color:var(--muted);font-size:15px;max-width:580px}
.nmkit-box p b{color:var(--accent)}
.nmkit-items{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.nmkit-it{display:flex;flex-direction:column;align-items:center;gap:7px;width:96px}
.nmkit-it-img{width:76px;height:76px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center;color:var(--accent)}
.nmkit-it-img img{width:100%;height:100%;object-fit:cover}
.nmkit-it span{font-size:12.5px;font-weight:700}
.nmkit-plus{font-size:20px;color:var(--accent);font-weight:800}
.nmkit-eq{font-size:26px;color:var(--accent);font-weight:800;margin:0 2px}
.nmkit-gift .nmkit-it-img{border-style:dashed;border-color:color-mix(in srgb,var(--free,var(--green)) 55%,var(--line));background:color-mix(in srgb,var(--free,var(--green)) 10%,var(--surface));color:var(--free,var(--green));font-size:34px}
.nmkit-gift span{color:var(--free,var(--green))}
.nmkit-gift .nmkit-free{display:inline-block;background:var(--free,var(--green));color:#fff;font-weight:800;font-size:10px;line-height:1;padding:3px 7px;border-radius:20px;vertical-align:middle;letter-spacing:.03em;margin-left:3px}
.nmkit-gift.has-foto .nmkit-it-img{border-style:solid;border-color:color-mix(in srgb,var(--free,var(--green)) 40%,var(--line));background:var(--surface);color:inherit;font-size:inherit}
/* Selo ✓ "no carrinho" — usado na home e no cross-sell (marcado via JS pela classe .is-in) */
.nmkit-it{position:relative}
.nmkit-it .nk-chk{position:absolute;top:-7px;right:4px;z-index:2;width:22px;height:22px;border-radius:50%;background:var(--free,var(--green));color:#fff;display:none;place-items:center}
.nmkit-it .nk-chk i{font-size:13px;color:#fff}
.nmkit-it.is-in .nk-chk{display:grid}
.nmkit-it.is-in .nmkit-it-img{border-color:color-mix(in srgb,var(--free,var(--green)) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--free,var(--green)) 35%,transparent)}
/* Equação do kit (home, /nomes, /personalizados e cross-sell) — alinha pelo TOPO e limpa no mobile */
a.nmkit-it{transition:transform .12s}
a.nmkit-it:hover{transform:translateY(-3px)}
.nmkit-items{align-items:flex-start}
.nmkit-plus,.nmkit-eq{align-self:flex-start;height:76px;display:flex;align-items:center}
@media(max-width:560px){
  .nmkit-items{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;align-items:start}
  .nmkit-plus{display:none}
  .nmkit-eq{grid-column:1/-1;width:auto;height:auto;justify-content:center;margin:0;font-size:22px}
  .nmkit-it{width:auto}
  .nmkit-gift{grid-column:1/-1}
  .nmkit-it .nk-chk{right:auto;left:calc(50% + 26px)}
}
.hm-trust{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:900px;margin:24px auto 0}
.hm-trust span{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 6px;font-size:12px;font-weight:700;color:var(--text);box-shadow:var(--shadow)}
.hm-trust .tico{color:var(--accent);font-size:16px;vertical-align:0;flex:none}
@media(max-width:600px){
  .hm-cards{grid-template-columns:1fr;max-width:460px;margin:26px auto 0}
  .hm-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:none;margin:20px auto 0}
  .hm-trust span{flex-direction:column;gap:5px;padding:11px 4px;font-size:10.5px;border-radius:12px;white-space:nowrap}
  .hm-trust .tico{font-size:18px}
}

/* Aviso de cookies (LGPD) — lógica no site.js (t3rra_cookie_consent) */
.cookie-banner{position:fixed;left:20px;bottom:20px;z-index:60;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:16px 18px}
.cookie-banner[hidden]{display:none}
.cookie-banner p{margin:0 0 12px;font-size:13.5px;line-height:1.5;color:var(--text)}
.cookie-banner a{color:var(--accent-ink);text-decoration:underline}
.cookie-actions{display:flex;gap:8px;justify-content:flex-end}
.cookie-actions .btn{padding:8px 16px;font-size:14px}
@media(max-width:600px){ .cookie-banner{left:12px;right:12px;bottom:12px;max-width:none} }

/* ── Ícones Tabler 3.19.0 (subset) — SVG embutido como máscara, no lugar da webfont de 845 KiB.
   Mesmas classes: <i class="ti ti-heart">. Herda cor (currentColor) e tamanho (font-size).
   Ícone novo: pegar o SVG em cdn.jsdelivr.net/npm/@tabler/icons@3.19.0/icons/outline/<nome>.svg
   e adicionar uma linha .ti-<nome>{--ti:url(...)} aqui (stroke/fill = %23000). ── */
.ti{display:inline-block;width:1em;height:1em;line-height:1;font-style:normal;flex:none}
.ti::before{content:"";display:block;width:100%;height:100%;background:currentColor;-webkit-mask:var(--ti) center/contain no-repeat;mask:var(--ti) center/contain no-repeat}
.ti-alert-circle{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E")}
.ti-alert-triangle{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 9v4'/%3E%3Cpath d='M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E")}
.ti-arrow-right{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M5 12l14 0'/%3E%3Cpath d='M13 18l6 -6'/%3E%3Cpath d='M13 6l6 6'/%3E%3C/svg%3E")}
.ti-bulb{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M3 12h1m8 -9v1m8 8h1m-15.4 -6.4l.7 .7m12.1 -.7l-.7 .7'/%3E%3Cpath d='M9 16a5 5 0 1 1 6 0a3.5 3.5 0 0 0 -1 3a2 2 0 0 1 -4 0a3.5 3.5 0 0 0 -1 -3'/%3E%3Cpath d='M9.7 17l4.6 0'/%3E%3C/svg%3E")}
.ti-check{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E")}
.ti-circle-check{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E")}
.ti-circle-dot{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3C/svg%3E")}
.ti-clock-hour-4{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M12 12l3 2'/%3E%3Cpath d='M12 7v5'/%3E%3C/svg%3E")}
.ti-cloud{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M6.657 18c-2.572 0 -4.657 -2.007 -4.657 -4.483c0 -2.475 2.085 -4.482 4.657 -4.482c.393 -1.762 1.794 -3.2 3.675 -3.773c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486c0 1.927 -1.551 3.487 -3.465 3.487h-11.878'/%3E%3C/svg%3E")}
.ti-confetti{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M4 5h2'/%3E%3Cpath d='M5 4v2'/%3E%3Cpath d='M11.5 4l-.5 2'/%3E%3Cpath d='M18 5h2'/%3E%3Cpath d='M19 4v2'/%3E%3Cpath d='M15 9l-1 1'/%3E%3Cpath d='M18 13l2 -.5'/%3E%3Cpath d='M18 19h2'/%3E%3Cpath d='M19 18v2'/%3E%3Cpath d='M14 16.518l-6.518 -6.518l-4.39 9.58a1 1 0 0 0 1.329 1.329l9.579 -4.39z'/%3E%3C/svg%3E")}
.ti-cookie{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M8 13v.01'/%3E%3Cpath d='M12 17v.01'/%3E%3Cpath d='M12 12v.01'/%3E%3Cpath d='M16 14v.01'/%3E%3Cpath d='M11 8v.01'/%3E%3Cpath d='M13.148 3.476l2.667 1.104a4 4 0 0 0 4.656 6.14l.053 .132a3 3 0 0 1 0 2.296q -.745 1.18 -1.024 1.852q -.283 .684 -.66 2.216a3 3 0 0 1 -1.624 1.623q -1.572 .394 -2.216 .661q -.712 .295 -1.852 1.024a3 3 0 0 1 -2.296 0q -1.203 -.754 -1.852 -1.024q -.707 -.292 -2.216 -.66a3 3 0 0 1 -1.623 -1.624q -.397 -1.577 -.661 -2.216q -.298 -.718 -1.024 -1.852a3 3 0 0 1 0 -2.296q .719 -1.116 1.024 -1.852q .257 -.62 .66 -2.216a3 3 0 0 1 1.624 -1.623q 1.547 -.384 2.216 -.661q .687 -.285 1.852 -1.024a3 3 0 0 1 2.296 0'/%3E%3C/svg%3E")}
.ti-copy{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z'/%3E%3Cpath d='M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1'/%3E%3C/svg%3E")}
.ti-cube{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M21 16.008v-8.018a1.98 1.98 0 0 0 -1 -1.717l-7 -4.008a2.016 2.016 0 0 0 -2 0l-7 4.008c-.619 .355 -1 1.01 -1 1.718v8.018c0 .709 .381 1.363 1 1.717l7 4.008a2.016 2.016 0 0 0 2 0l7 -4.008c.619 -.355 1 -1.01 1 -1.718z'/%3E%3Cpath d='M12 22v-10'/%3E%3Cpath d='M12 12l8.73 -5.04'/%3E%3Cpath d='M3.27 6.96l8.73 5.04'/%3E%3C/svg%3E")}
.ti-download{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2'/%3E%3Cpath d='M7 11l5 5l5 -5'/%3E%3Cpath d='M12 4l0 12'/%3E%3C/svg%3E")}
.ti-droplet{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M7.502 19.423c2.602 2.105 6.395 2.105 8.996 0c2.602 -2.105 3.262 -5.708 1.566 -8.546l-4.89 -7.26c-.42 -.625 -1.287 -.803 -1.936 -.397a1.376 1.376 0 0 0 -.41 .397l-4.893 7.26c-1.695 2.838 -1.035 6.441 1.567 8.546z'/%3E%3C/svg%3E")}
.ti-gift{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M3 8m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1z'/%3E%3Cpath d='M12 8l0 13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E")}
.ti-heart-filled{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E  %3Cpath d='M6.979 3.074a6 6 0 0 1 4.988 1.425l.037 .033l.034 -.03a6 6 0 0 1 4.733 -1.44l.246 .036a6 6 0 0 1 3.364 10.008l-.18 .185l-.048 .041l-7.45 7.379a1 1 0 0 1 -1.313 .082l-.094 -.082l-7.493 -7.422a6 6 0 0 1 3.176 -10.215z'/%3E%3C/svg%3E")}
.ti-heart{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572'/%3E%3C/svg%3E")}
.ti-home{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M5 12l-2 0l9 -9l9 9l-2 0'/%3E%3Cpath d='M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6'/%3E%3C/svg%3E")}
.ti-key{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1 -4.069 0l-.301 -.301l-6.558 6.558a2 2 0 0 1 -1.239 .578l-.175 .008h-1.172a1 1 0 0 1 -.993 -.883l-.007 -.117v-1.172a2 2 0 0 1 .467 -1.284l.119 -.13l.414 -.414h2v-2h2v-2l2.144 -2.144l-.301 -.301a2.877 2.877 0 0 1 0 -4.069l2.643 -2.643a2.877 2.877 0 0 1 4.069 0z'/%3E%3Cpath d='M15 9h.01'/%3E%3C/svg%3E")}
.ti-lock{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0'/%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4'/%3E%3C/svg%3E")}
.ti-mood-puzzled{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M14.986 3.51a9 9 0 1 0 1.514 16.284c2.489 -1.437 4.181 -3.978 4.5 -6.794'/%3E%3Cpath d='M10 10h.01'/%3E%3Cpath d='M14 8h.01'/%3E%3Cpath d='M12 15c1 -1.333 2 -2 3 -2'/%3E%3Cpath d='M20 9v.01'/%3E%3Cpath d='M20 6a2.003 2.003 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483'/%3E%3C/svg%3E")}
.ti-mood-smile{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 10l.01 0'/%3E%3Cpath d='M15 10l.01 0'/%3E%3Cpath d='M9.5 15a3.5 3.5 0 0 0 5 0'/%3E%3C/svg%3E")}
.ti-moon{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z'/%3E%3C/svg%3E")}
.ti-package{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5'/%3E%3Cpath d='M12 12l8 -4.5'/%3E%3Cpath d='M12 12l0 9'/%3E%3Cpath d='M12 12l-8 -4.5'/%3E%3Cpath d='M16 5.25l-8 4.5'/%3E%3C/svg%3E")}
.ti-palette{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25'/%3E%3Cpath d='M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3Cpath d='M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3Cpath d='M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3C/svg%3E")}
.ti-printer{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2'/%3E%3Cpath d='M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4'/%3E%3Cpath d='M7 13m0 2a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2z'/%3E%3C/svg%3E")}
.ti-rainbow{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M22 17c0 -5.523 -4.477 -10 -10 -10s-10 4.477 -10 10'/%3E%3Cpath d='M18 17a6 6 0 1 0 -12 0'/%3E%3Cpath d='M14 17a2 2 0 1 0 -4 0'/%3E%3C/svg%3E")}
.ti-rosette-discount-check{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E")}
.ti-ruler-measure{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M19.875 12c.621 0 1.125 .512 1.125 1.143v5.714c0 .631 -.504 1.143 -1.125 1.143h-15.875a1 1 0 0 1 -1 -1v-5.857c0 -.631 .504 -1.143 1.125 -1.143h15.75z'/%3E%3Cpath d='M9 12v2'/%3E%3Cpath d='M6 12v3'/%3E%3Cpath d='M12 12v3'/%3E%3Cpath d='M18 12v3'/%3E%3Cpath d='M15 12v2'/%3E%3Cpath d='M3 3v4'/%3E%3Cpath d='M3 5h18'/%3E%3Cpath d='M21 3v4'/%3E%3C/svg%3E")}
.ti-shield{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3'/%3E%3C/svg%3E")}
.ti-sparkles{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6z'/%3E%3C/svg%3E")}
.ti-stack-2{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 4l-8 4l8 4l8 -4l-8 -4'/%3E%3Cpath d='M4 12l8 4l8 -4'/%3E%3Cpath d='M4 16l8 4l8 -4'/%3E%3C/svg%3E")}
.ti-star{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z'/%3E%3C/svg%3E")}
.ti-target{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'/%3E%3Cpath d='M12 12m-5 0a5 5 0 1 0 10 0a5 5 0 1 0 -10 0'/%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3C/svg%3E")}
.ti-truck-delivery{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M5 17h-2v-4m-1 -8h11v12m-4 0h6m4 0h2v-6h-8m0 -5h5l3 5'/%3E%3Cpath d='M3 9l4 0'/%3E%3C/svg%3E")}
.ti-weight{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M12 6m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'/%3E%3Cpath d='M6.835 9h10.33a1 1 0 0 1 .984 .821l1.637 9a1 1 0 0 1 -.984 1.179h-13.604a1 1 0 0 1 -.984 -1.179l1.637 -9a1 1 0 0 1 .984 -.821z'/%3E%3C/svg%3E")}
.ti-world{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E  %3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0'/%3E%3Cpath d='M3.6 9h16.8'/%3E%3Cpath d='M3.6 15h16.8'/%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18'/%3E%3Cpath d='M12.5 3a17 17 0 0 1 0 18'/%3E%3C/svg%3E")}