/* Páginas de produto — V15: matriz de viewport compartilhada; conteúdo vazio. */
.product-page .product-content{box-sizing:border-box;min-width:0;background:transparent;border-top:0 solid var(--product-accent);}
/* A moldura monocromática e a composição de venda serão aplicadas após o mockup canônico. */

/* V16: centered placeholder without changing the canonical header/footer. */
.product-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;text-align:center}
.product-placeholder img{width:min(140px,24vw);max-height:110px;object-fit:contain}
.product-placeholder h2{font:700 clamp(18px,2.3vw,28px)/1.15 Arial,sans-serif;margin:0;color:var(--product-accent,#243c7a)}
.product-placeholder p{font:700 clamp(20px,2.8vw,34px)/1.15 Arial,sans-serif;color:#bb1717;margin:4px 0}

/* V29 | P_0A: somente placeholders HREF em telas pequenas.
   Não altera a matriz desktop nem a página P_00. */
@media (max-width: 720px) {
  body.page-catalog--matrix.product-page {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
    padding: 12px;
  }
  .page-catalog--matrix.product-page .catalog-stage {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: max(574px, calc(100dvh - 24px));
    flex: 1 1 auto;
  }
  .page-catalog--matrix.product-page .catalog-main {
    min-width: 0;
    grid-template-rows: auto minmax(0,1fr) auto;
  }
  .page-catalog--matrix.product-page .catalog-header {
    height: auto;
    min-height: 68px;
    padding: 10px 12px;
    gap: 8px 12px;
    flex-wrap: wrap;
  }
  .page-catalog--matrix.product-page .catalog-brand {
    width: min(200px,100%);
    max-width: 100%;
    flex: 0 1 200px;
    max-height: 38px;
  }
  .page-catalog--matrix.product-page .catalog-title {
    flex: 1 1 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 21px;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .page-catalog--matrix.product-page .catalog-content {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .page-catalog--matrix.product-page .product-placeholder {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: auto;
    padding: 16px;
    gap: 10px;
  }
  .page-catalog--matrix.product-page .product-placeholder img {
    width: min(140px,45vw);
    max-width: 100%;
    max-height: 90px;
  }
  .page-catalog--matrix.product-page .product-placeholder h2 {
    max-width: 100%;
    font-size: 22px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  .page-catalog--matrix.product-page .product-placeholder p {
    font-size: 24px;
    line-height: 1.25;
  }
  .page-catalog--matrix.product-page .catalog-footer {
    height: auto;
    min-height: 42px;
    padding: 7px 10px;
    flex-wrap: wrap;
    white-space: normal;
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
    gap: 3px 6px;
  }
}

.product-page .catalog-header{position:relative}
.product-page .p0a-return{display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;min-width:25px;min-height:30px;font:700 25px/1 Arial,sans-serif;color:#245c8b;text-decoration:none}
.product-page .p0a-return:focus-visible{outline:2px solid #245c8b;outline-offset:2px}
@media(max-width:720px){
 .page-catalog--matrix.product-page .catalog-header{flex-wrap:nowrap;justify-content:space-between;min-height:56px;gap:7px;padding:8px 10px}
 .page-catalog--matrix.product-page .p0a-return{flex:0 0 22px;min-width:22px;font-size:23px}
 .page-catalog--matrix.product-page .catalog-brand{flex:0 1 auto;width:39%;max-width:39%;min-width:0;max-height:38px}
 .page-catalog--matrix.product-page .catalog-title{flex:1 1 auto;order:initial;min-width:0;max-width:none;font-size:clamp(14px,3.7vw,20px);line-height:1.12;text-align:right;overflow-wrap:normal;word-break:normal}
}

/* V32 — controle de retorno traduzido e blinking CSS visível. */
body.product-page .p0a-return{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-width:0;min-height:34px;font:700 14px/1.15 Arial,sans-serif;white-space:nowrap;color:#245c8b;text-decoration:none}
body.product-page .p0a-return svg{width:22px;height:22px;flex:none}
body.product-page .p0a-return:hover{text-decoration:underline}
@media(max-width:720px){.page-catalog--matrix.product-page .p0a-return{flex:0 0 auto;min-width:0;font-size:clamp(11px,3vw,14px);gap:3px}.page-catalog--matrix.product-page .p0a-return svg{width:18px;height:18px}}