/* Páginas de produto (SEO) — complementa loja.css */
.pd-nav{display:flex;gap:10px;align-items:center;margin-left:auto}
.pd-nav a:not(.btn){color:var(--tinta);text-decoration:none;font-size:14px}
.pd{padding-top:22px;padding-bottom:50px}
.pd h1{font-family:var(--fonte-titulo);font-size:34px;line-height:1.1;letter-spacing:var(--tracking-titulo);margin:4px 0 8px}
.pd h2{font-family:var(--fonte-titulo);font-size:19px;margin:0 0 10px}
.pd-trilha{font-size:13px;color:var(--aco,#5A6874);margin-bottom:14px}.pd-trilha a{color:inherit}
.pd-topo{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:34px;align-items:start;margin-bottom:26px}
.pd-foto{background:var(--superficie,#fff);border:1px solid var(--linha);border-radius:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pd-foto img{width:100%;height:100%;object-fit:contain;padding:18px}
.pd-foto span{font-family:var(--fonte-titulo);font-size:22px;color:var(--aco,#5A6874);padding:20px;text-align:center}
.pd-txt p{margin:0 0 12px;line-height:1.6}
.pd-sub1{font-size:16px;color:var(--aco,#5A6874)}
.pd-frase{font-weight:600}
.pd-selo{display:inline-block;background:var(--marca);color:#fff;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}
.pd-preco{margin:16px 0}.pd-preco small{display:block;font-size:12px;color:var(--aco,#5A6874)}.pd-preco b{font-size:26px}.pd-preco span{margin-left:8px;font-size:13px;color:var(--aco,#5A6874)}
.pd-acoes{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}
.pd-nota{font-size:12.5px;color:var(--aco,#5A6874)}
.pd-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.pd-bloco{background:var(--superficie,#fff);border:1px solid var(--linha);border-radius:10px;padding:18px 20px;margin-bottom:16px}
.pd-grade .pd-bloco{margin-bottom:0}.pd-grade{margin-bottom:16px}
.pd-bloco ul{margin:0;padding-left:18px;line-height:1.7}
.pd-rol{overflow-x:auto}
.pd-tab{width:100%;border-collapse:collapse;font-size:13.5px}.pd-tab th,.pd-tab td{padding:7px 9px;border-bottom:1px solid var(--linha);text-align:left;white-space:nowrap}
.pd-tab th{font-size:12px;color:var(--aco,#5A6874);font-weight:600}.pd-tab .n{text-align:right}.pd-tab .c{text-align:center;font-size:16px}
.pd-tab a{font-weight:600;color:var(--marca)}
.pd-cotas{margin:0;text-align:center}.pd-cotas img{max-width:100%;max-height:420px}.pd-cotas figcaption{font-size:13px;color:var(--aco,#5A6874);margin-top:6px}
.pd-compat .pd-sub{color:var(--aco,#5A6874);font-size:13px}
.pd-fonte{font-size:12px;color:var(--aco,#5A6874)}
.pd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.pd-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--tinta);border:1px solid var(--linha);border-radius:8px;padding:10px;background:var(--sala,#fff)}
.pd-card:hover{border-color:var(--tinta)}
.pd-card img,.pd-card>span{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:6px}
.pd-card b{font-size:14px}.pd-card small{font-size:12px;color:var(--aco,#5A6874)}
@media(max-width:760px){.pd-topo{grid-template-columns:1fr}.pd h1{font-size:27px}.pd-nav a:not(.btn){display:none}}

/* 18/10/2026 — etapa 1 do plano de tráfego: dúvida técnica no WhatsApp, prazo e frete pelo CEP, foto menor no celular */
.pd-acoes .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.pd-acoes .pd-wa{border-color:#1F9D6B;color:#13643F;background:var(--superficie,#fff);font-weight:600}
.pd-acoes .pd-wa:hover{background:#1F9D6B;border-color:#1F9D6B;color:#fff}
.pd-wa svg{width:18px;height:18px;flex:none}
.pd-lk{display:inline-block;font-size:13.5px;color:var(--aco,#5A6874);margin:0 0 12px}
.pd-frete{border:1px solid var(--linha);border-radius:10px;background:var(--superficie,#fff);padding:14px 16px;margin:4px 0 14px}
.pd .pd-frete h2{font-size:16px;margin:0 0 8px}
.pf-regras{list-style:none;margin:0 0 12px;padding:0;font-size:13.5px;line-height:1.5}
.pf-regras li{position:relative;padding-left:22px;margin:0 0 5px}
.pf-regras li svg{position:absolute;left:0;top:2px;width:16px;height:16px;color:var(--marca,#7C1A1A)}
.pf-cep label{display:block;font-size:12.5px;font-weight:600;color:var(--aco,#5A6874);margin:0 0 5px}
.pf-linha{display:flex;gap:8px;align-items:stretch}
.pf-linha input{flex:0 1 160px;min-width:0;font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--linha-forte,#C9B896);border-radius:var(--r,6px);background:#fff;color:var(--tinta)}
.pf-linha input:focus{outline:2px solid var(--marca,#7C1A1A);outline-offset:1px}
.pf-res:empty{display:none}
.pf-res{margin-top:10px}
.pf-onde{font-size:12.5px;color:var(--aco,#5A6874);margin:0 0 4px!important}
.pf-op{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--linha);font-size:14px}
.pf-op b{display:block;font-weight:600}
.pf-op small{display:block;font-size:12.5px;color:var(--aco,#5A6874)}
.pf-moto small{color:#13643F;font-weight:600}
.pf-v{font-weight:700;white-space:nowrap}
.pf-dica{font-size:13px;color:var(--aco,#5A6874);margin:0!important}
.pf-erro{font-size:13px;color:#A11D1D;margin:0!important}
.pd .pf-nota{font-size:12px;color:var(--aco,#5A6874);margin:10px 0 0}
@media(max-width:760px){
  .pd{padding-top:14px}
  .pd-trilha{margin-bottom:10px}
  .pd-topo{gap:16px}
  .pd-foto{aspect-ratio:auto;height:min(38vh,280px)}
  .pd-foto img{padding:10px}
  .pd-preco{margin:10px 0 12px}
  .pd-acoes{flex-direction:column}
  .pd-acoes .btn{width:100%;padding:12px 14px;font-size:15px}
  /* no celular, preço e botões antes do texto longo de apresentação (a ordem do HTML não muda) */
  .pd-txt{display:flex;flex-direction:column}
  .pd-txt>.pd-selo,.pd-txt>.pd-lk{align-self:flex-start}
  .pd-txt>p:not([class]){order:3}
  .pd-txt>.pd-nota{order:4}
  .pd-txt>.pd-frete{order:5}
}

/* =========== PROTEÇÃO DE CONTEÚDO (31/10/2026) ===========
   Sem seleção de texto com o cursor e sem "salvar imagem" nas fotos.
   Campos de formulário continuam selecionáveis (sem isso o iPhone não deixa digitar). */
html, body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}
input, textarea, select, [contenteditable="true"]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default;}
img, video{-webkit-user-drag:none;-webkit-touch-callout:none;}
