:root{
      --azul:#0a4ed6;
      --azul-escuro:#073a9e;
      --vermelho:#e10600;
      --preto:#0a0a0a;
      --cinza:#565959;
      --cinza-borda:#d5d9d9;
      --cinza-bg:#f7f8fa;
      --amarelo:#ffd814;
      --amarelo-hover:#f7ca00;
      --laranja:#ffa41c;
      --laranja-hover:#fa8900;
      --verde:#067d62;
    }

body.modal-aberto { overflow: hidden; }

.cliente-modal {
  position: fixed; inset: 0; z-index: 10000; display: none;
  align-items: center; justify-content: center; padding: 20px;
  background: rgba(0, 0, 0, 0.58);
}

.produto-avaliacoes > h2 { margin-bottom: 6px; }
#avaliacoes-resumo { color: var(--cinza); }
.avaliacao-login, .avaliacao-sucesso { margin: 22px 0; padding: 16px; border-radius: 6px; background: #f1f5f9; }
.avaliacao-login a { color: var(--azul); font-weight: 700; }
.avaliacao-sucesso { color: #075f4c; background: #edf8f4; }
.avaliacao-form { margin: 24px 0 32px; padding: 22px; border: 1px solid var(--cinza-borda); border-radius: 8px; }
.avaliacao-form[hidden] { display: none; }
.avaliacao-form fieldset { margin: 0 0 18px; padding: 0; border: 0; }
.avaliacao-form legend, .avaliacao-form > label { display: block; margin-bottom: 8px; font-weight: 600; }
.avaliacao-estrelas { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; }
.avaliacao-estrelas input { position: absolute; opacity: 0; }
.avaliacao-estrelas label { padding-right: 5px; color: #c7c7c7; font-size: 34px; cursor: pointer; }
.avaliacao-estrelas label:hover, .avaliacao-estrelas label:hover ~ label, .avaliacao-estrelas input:checked ~ label { color: #f5a623; }
.avaliacao-form textarea { width: 100%; resize: vertical; padding: 12px; border: 1px solid var(--cinza-borda); border-radius: 6px; font: inherit; }
.avaliacao-form__rodape { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 10px; }
.avaliacao-form__rodape span { color: var(--cinza); font-size: 12px; }
.btn-avaliar { width: auto; margin: 0; border: 0; background: var(--azul); color: #fff; }
.btn-avaliar:disabled { cursor: wait; opacity: .65; }
.avaliacao-erro { margin-top: 10px; color: var(--vermelho); font-size: 14px; }
.avaliacoes-lista { display: grid; gap: 16px; }
.avaliacao-card { padding: 20px 0; border-top: 1px solid var(--cinza-borda); }
.avaliacao-card__topo { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 7px; }
.avaliacao-card time { color: var(--cinza); font-size: 13px; }
.avaliacao-card > p { margin-top: 10px; color: #333; white-space: pre-wrap; }
.estrelas { color: #f5a623; letter-spacing: 2px; }
.estrelas span { color: #c7c7c7; }
.avaliacao-resposta { margin-top: 16px; padding: 14px 16px; border-left: 3px solid var(--azul); background: #f6f7f8; }
.avaliacao-resposta p { margin-top: 5px; white-space: pre-wrap; }
.avaliacoes-vazio { padding: 22px 0; color: var(--cinza); }
.produtos-recomendados[hidden] { display: none; }
.produtos-recomendados .btn-checkout { background: #202e4d; }
.produtos-recomendados .btn-checkout:hover { background: #ff0202; }
.resposta-avaliacao-form { margin-top: 16px; padding: 16px; border-radius: 6px; background: #f1f5f9; }
.resposta-avaliacao-form label { display: block; margin-bottom: 8px; color: var(--azul-escuro); font-weight: 700; }
.resposta-avaliacao-form textarea { box-sizing: border-box; width: 100%; padding: 10px; resize: vertical; border: 1px solid var(--cinza-borda); border-radius: 6px; font: inherit; }
.btn-responder-avaliacao { width: auto; margin: 10px 0 0 auto; border: 0; background: var(--azul); color: #fff; }
.btn-responder-avaliacao:disabled { cursor: wait; opacity: .65; }
.cliente-modal.aberto { display: flex; }
.cliente-modal__conteudo {
  position: relative; width: min(100%, 440px); padding: 30px;
  border-radius: 12px; background: #fff;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.25);
}
.cliente-modal__conteudo h2 { margin: 0 35px 8px 0; }
.cliente-modal__conteudo p { margin: 0 0 22px; color: #666; }
.cliente-modal__conteudo label { display: block; margin: 14px 0 6px; font-weight: 600; }
.cliente-modal__conteudo input {
  box-sizing: border-box; width: 100%; padding: 12px;
  border: 1px solid #cfcfcf; border-radius: 7px; font-size: 16px;
}
.cliente-modal__conteudo input:focus {
  border-color: #2563eb; outline: 2px solid rgba(37, 99, 235, 0.15);
}
.cliente-modal__fechar {
  position: absolute; top: 12px; right: 15px; border: 0;
  background: transparent; color: #555; font-size: 30px; cursor: pointer;
}
.cliente-modal__erro {
  display: block; min-height: 18px; margin-top: 4px;
  color: #c62828; font-size: 13px;
}
.cliente-modal__continuar { width: 100%; margin-top: 12px; }
    *{box-sizing:border-box;margin:0;padding:0}
    body{
      font-family:'Segoe UI',Arial,sans-serif;
      background:#fff;
      color:#0f1111;
      line-height:1.45;
    }

    /* Loading / erro */
    .track-loading{
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      gap:14px;min-height:60vh;color:var(--cinza);
    }
    .spinner{
      width:42px;height:42px;border-radius:50%;
      border:4px solid var(--cinza-borda);border-top-color:var(--azul);
      animation:spin 0.9s linear infinite;
    }
    @keyframes spin{to{transform:rotate(360deg)}}
    .track-error{
      text-align:center;padding:60px 20px;color:var(--vermelho);font-weight:600;
    }

    /* Breadcrumb */
    .breadcrumb{
      max-width:1500px;margin:0 auto;padding:14px 24px 4px;
      font-size:13px;color:var(--cinza);
    }
    .breadcrumb span{margin:0 6px;color:#999}

    /* Layout */
    .produto-grid{
      max-width:1500px;margin:0 auto;padding:14px 24px 40px;
      display:grid;grid-template-columns:1fr 1.2fr 320px;gap:28px;
    }
    @media (max-width:1024px){.produto-grid{grid-template-columns:1fr}}

    .col-imagem{
      display:flex;justify-content:center;align-items:flex-start;
      padding:10px;
      position:relative;
    }
    .col-imagem img{
      max-width:100%;max-height:520px;object-fit:contain;
    }

    .zoom-wrap{
      position:relative;
      overflow:hidden;
      cursor:zoom-in;
      border-radius:8px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    #zoom-img{
      display:block;
      width:100%;
      max-height:520px;
      object-fit:contain;

      transition:
          transform .08s linear,
          transform-origin .08s linear;
    }

    .zoom-wrap.zoom-ativo #zoom-img{
      transform:scale(2.5);
    }

    .sem-foto-tintim--detalhe {
      min-height: 390px;
      max-width: 520px;
      text-decoration: none;
      font-size: 24px;
    }
    .sem-foto-tintim--detalhe i { font-size: 58px; }
    .sem-foto-tintim--detalhe small { font-size: 16px; }

    /* Coluna info */
    .col-info h1{
      font-size:24px;font-weight:500;color:#0f1111;line-height:1.3;
      margin-bottom:6px;
    }
    .col-info .loja{
      color:var(--azul);font-size:14px;margin-bottom:8px;display:inline-block;
    }
    .col-info .categoria-row{
      font-size:14px;color:#0f1111;margin-bottom:10px;
    }
    .cat-tag{
      display:inline-block;background:var(--azul);color:#fff;
      padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;
      letter-spacing:.4px;text-transform:uppercase;
    }
    .badge-mais-vendido{
      display:inline-flex;align-items:center;gap:6px;
      background:var(--vermelho);color:#fff;
      font-size:12px;font-weight:700;padding:3px 8px;border-radius:3px;
      margin:10px 0 6px;
    }
    .badge-mais-vendido + small{color:var(--cinza);font-size:13px}

    .divider{border:0;border-top:1px solid var(--cinza-borda);margin:14px 0}

    .preco-bloco{margin:6px 0}
    .desconto{color:var(--vermelho);font-size:18px;font-weight:500;margin-right:6px}
    .preco{
      color:#0f1111;font-size:14px;font-weight:400;display:inline-block;
    }
    .preco strong{
      font-size:28px;font-weight:500;vertical-align:middle;
    }
    .preco sup{font-size:14px;top:-12px;margin-right:2px;padding-left:5px;}

    .parcelas{font-size:14px;color:#0f1111;margin-top:6px}
    .parcelas a{color:var(--azul)}

    .sobre{margin-top:18px}
    .sobre h3{font-size:16px;margin-bottom:8px;color:#0f1111}
    .sobre ul{padding-left:20px;color:#0f1111;font-size:14px}
    .sobre li{margin-bottom:6px}

    /* Coluna compra */
    .col-compra{
      border:1px solid var(--cinza-borda);border-radius:8px;
      padding:18px;background:#fff;height:fit-content;
      box-shadow:0 2px 5px rgba(15,17,17,.06);
    }
    .preco-box{font-size:14px;color:#0f1111;margin-bottom:12px}
    .preco-box strong{font-size:26px;font-weight:500}
    .preco-box sup{font-size:13px;top:-10px;margin-right:2px}

    .frete{font-size:14px;margin-bottom:10px;color:#0f1111}
    .frete b{color:var(--verde)}

    .desconto-pix-boleto {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin: 10px 0 16px;
      padding: 12px;
      border: 1px solid #b7dfd2;
      border-radius: 7px;
      background: #edf8f4;
      color: #075f4c;
    }
    .desconto-pix-boleto > i { margin-top: 3px; font-size: 20px; }
    .desconto-pix-boleto strong,
    .desconto-pix-boleto span,
    .desconto-pix-boleto small { display: block; }
    .desconto-pix-boleto strong { font-size: 16px; line-height: 1.2; }
    .desconto-pix-boleto span { font-size: 14px; }
    .desconto-pix-boleto small { margin-top: 5px; color: #264d44; font-size: 12px; }
    .desconto-pix-boleto small b { color: #075f4c; font-size: 14px; }

    .local{
      font-size:13px;color:var(--azul);margin-bottom:12px;display:flex;gap:6px;
    }
    .local::before{content:"📍"}

    .estoque{
      color:var(--preto);font-size:18px;font-weight:500;margin-bottom:12px;
    }

    .qtd-row{
      display:flex;align-items:center;gap:10px;margin-bottom:14px;
      font-size:14px;
    }
    .qtd-row select{
      border:1px solid var(--cinza-borda);border-radius:6px;padding:6px 10px;
      background:var(--cinza-bg);font-size:13px;cursor:pointer;
    }

    .btn{
      display:block;width:100%;padding:10px 14px;
      cursor:pointer;margin-bottom:10px;
      transition:background .15s,transform .05s;
    }
    .btn:active{transform:translateY(1px)}
    .btn-carrinho{
      background:var(--azul);color:#fff;
    }
    .btn-carrinho:hover{background:var(--azul-escuro)}
    .btn-comprar{
      background:var(--vermelho);color:#fff;
    }
    .btn-comprar:hover{background:#b30500}
    .btn-orcamento{
      background:#fff;color:var(--preto);border:1px solid var(--cinza-borda);
    }
    .btn-orcamento:hover{background:var(--cinza-bg)}

    .info-vendedor{
      font-size:13px;color:#0f1111;margin-top:14px;line-height:1.8;
    }
    .info-vendedor div{display:flex;gap:8px}
    .info-vendedor span:first-child{color:var(--cinza);min-width:90px}
    .info-vendedor span:last-child{color:var(--azul)}

    .qtd-dropdown-wrap {
      position: relative;
      display: inline-block;
      width: 100%;
      max-width: 220px;
    }

    .qtd-dropdown-trigger {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 14px;
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 20px;
      cursor: pointer;
      font-size: 14px;
      color: #333;
    }
    .qtd-dropdown-trigger:hover {
      border-color: #999;
    }

    .qtd-chevron {
      font-size: 16px;
      color: #666;
      line-height: 1;
    }

    .qtd-dropdown-list {
      position: absolute;
      top: calc(100% + 4px);
      left: 0;
      width: 100%;
      max-height: 180px;
      overflow-y: auto;
      background: #fff;
      border: 1px solid #ccc;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      z-index: 20;
      display: none;
    }
    .qtd-dropdown-list.aberto {
      display: block;
    }

    .qtd-item {
      padding: 8px 14px;
      cursor: pointer;
      font-size: 14px;
    }
    .qtd-item:hover {
      background: #f0f0f0;
    }
    .qtd-item.selecionado {
      background: #e8f0fe;
      font-weight: bold;
    }

    .col-lateral {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .col-pagamento {
      border: 1px solid var(--cinza-borda);
      border-radius: 8px;
      padding: 18px;
      background: #fff;
      height: fit-content;
      box-shadow: 0 2px 5px rgba(15, 17, 17, .06);
    }

    .col-pagamento h2 {
      font-size: 16px;
      font-weight: 500;
      color: #0f1111;
      margin-bottom: 16px;
    }

    .pagamento-grupo {
      margin-bottom: 16px;
    }
    .pagamento-grupo:last-child {
      margin-bottom: 0;
    }

    .pagamento-label {
      display: block;
      font-size: 13px;
      color: #0f1111;
      margin-bottom: 6px;
    }

    .pagamento-sub {
      display: block;
      font-size: 12px;
      color: var(--cinza);
      margin-bottom: 8px;
    }

    .pagamento-icones {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }

    .pagamento-icones i {
      font-size: 30px;
      color: var(--cinza);
    }

    .pagamento-icones img {
      width: 76px;
      height: auto; 
    }

    .pagamento-icones .fa-cc-visa { color: #1a1f71; }
    .pagamento-icones .fa-cc-mastercard { color: #eb001b; }
    .pagamento-icones .fa-cc-amex { color: #2671b6; }
    .pagamento-icones .fa-pix { color: var(--verde); }

    .pagamento-texto {
      font-size: 13px;
      color: var(--cinza);
    }

    .col-imagem {
      display: flex;
      gap: 12px;
    }

    .thumb-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-height: 480px;
      overflow-y: auto;
      flex-shrink: 0;
    }

    .thumb-item {
      width: 64px;
      height: 64px;
      border: 2px solid #e0e0e0;
      border-radius: 6px;
      padding: 2px;
      background: #fff;
      cursor: pointer;
      overflow: hidden;
      transition: border-color 0.15s ease;
    }

    .thumb-item:hover {
      border-color: #999;
    }

    .thumb-item.thumb-ativo {
      border-color: #2563eb; /* ajuste pra cor da sua marca, ex: azul navy ou vermelho da Columbras */
    }

    .thumb-item img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

/* Mantém suas regras existentes de #zoom-img, #zoom-lupa, .zoom-ativo etc. */

.produto-tabs { max-width: 1500px; margin: 12px auto 64px; scroll-behavior: smooth; }
.produto-tabs__nav { background: #f1f1f1; }
.produto-tabs__nav ul {
  display: flex; max-width: 920px; margin: 0 auto; padding: 0;
  list-style: none;
}
.produto-tabs__nav li { flex: 1; }
.produto-tabs__nav a {
  display: block; padding: 17px 20px; border-bottom: 3px solid transparent;
  color: #343434; font-weight: 600; text-align: center; text-decoration: none;
  transition: color .2s, border-color .2s, background .2s;
}
.produto-tabs__nav a:hover,
.produto-tabs__nav a:focus-visible {
  border-bottom-color: var(--azul); background: #fff; color: var(--azul-escuro);
  outline: none;
}
.produto-secao {
  max-width: 920px; margin: 0 auto; padding: 38px 0 18px;
  scroll-margin-top: 24px;
}
.produto-secao + .produto-secao { margin-top: 22px; border-top: 1px solid var(--cinza-borda); }
.produto-secao h2 { margin-bottom: 26px; color: var(--azul-escuro); font-size: 30px; }
.produto-secao h3 { margin-bottom: 12px; font-size: 17px; }
.tabela-especificacoes-wrap { margin-bottom: 30px; overflow-x: auto; }
.tabela-especificacoes { width: 100%; border-collapse: collapse; }
.tabela-especificacoes th,
.tabela-especificacoes td { padding: 11px 15px; border-bottom: 1px solid #d8d8d8; text-align: left; }
.tabela-especificacoes th { background: #e7e7e7; color: #333; font-size: 14px; }
.tabela-especificacoes td { background: #f3f3f3; color: #444; font-size: 14px; }
.descricao-produto { padding: 18px 20px; border-radius: 4px; background: #f1f1f1; }
.descricao-produto h3 { color: var(--azul-escuro); }
.descricao-produto p { color: #444; white-space: pre-line; }
.diferenciais-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.diferenciais-grid article { padding: 24px; border: 1px solid var(--cinza-borda); border-radius: 8px; }
.diferenciais-grid i { margin-bottom: 16px; color: var(--vermelho); font-size: 28px; }
.diferenciais-grid h3 { color: var(--azul-escuro); }
.diferenciais-grid p { color: var(--cinza); font-size: 14px; }

@media (max-width: 968px) {
  .produto-tabs { margin-bottom: 40px; }
  .produto-secao { padding-right: 24px; padding-left: 24px; }
  .diferenciais-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .produto-tabs__nav ul { align-items: stretch; }
  .produto-tabs__nav a { height: 100%; padding: 14px 8px; font-size: 13px; }
  .produto-secao h2 { font-size: 25px; }
}