/* Páginas geradas de produto (ferramentas/gerar_site.py). Usa os tokens de loja.css. */

.phero { padding-bottom: var(--s-6); }
.phero__grade { display: grid; }
.phero__foto { margin-inline: calc(-1 * var(--margem)); height: min(44svh, 460px); overflow: hidden; background: #ECEEEB; }
.phero__foto img { width: 100%; height: 100%; object-fit: contain; background: #ECEEEB; }
.phero__texto { display: grid; gap: var(--s-4); padding-top: var(--s-5); }
.phero h1 { font-size: clamp(2rem, 1.2rem + 3.4vw, 3.9rem); max-width: 14ch; }
.phero__sub { color: var(--ink-soft); font-size: var(--step-1); line-height: 1.45; max-width: 36ch; }
@media (min-width: 900px) {
  .phero { padding-top: var(--s-6); }
  .phero__grade { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-8); align-items: center; }
  .phero__foto { order: -1; margin: 0; height: auto; aspect-ratio: 4 / 5; max-height: calc(100svh - var(--topo-h) - 64px); border-radius: var(--raio-img); }
  .phero__foto img { object-fit: cover; }
  .phero .upw-btn-shine { justify-self: start; min-width: 300px; }
}

.pontos__grade { display: grid; gap: var(--s-6); }
.pontos { border-top: 1px solid var(--line); }
.pontos li { display: grid; gap: 4px; padding-block: var(--s-5); border-bottom: 1px solid var(--line); }
.pontos h3 { font-size: var(--step-2); }
.pontos p { color: var(--ink-soft); max-width: 52ch; }
.aviso { margin-top: var(--s-5); padding: var(--s-4) var(--s-5); border-radius: var(--raio-card); background: var(--ink); color: #E6EAE6; }
.aviso strong { color: var(--lima); }
@media (min-width: 900px) { .pontos__grade { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--s-8); align-items: start; } }

.oferta { background: var(--surface); border-block: 1px solid var(--line); }
.oferta__caixa { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: var(--s-4) var(--s-5); align-items: center; }
.oferta__caixa img { width: 112px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 12px; }
.oferta__cab { display: grid; gap: var(--s-2); }
.oferta__cab h2 { font-size: var(--step-3); }
.oferta__caixa > .upw-btn-shine, .oferta__caixa > .riscos { grid-column: 1 / -1; }
@media (min-width: 700px) {
  .oferta__caixa { grid-template-columns: 240px minmax(0, 1fr); max-width: 860px; column-gap: var(--s-7); row-gap: var(--s-4); align-items: start; }
  .oferta__caixa img { width: 240px; grid-row: 1 / span 3; }
  .oferta__caixa > .upw-btn-shine, .oferta__caixa > .riscos { grid-column: 2; }
  .oferta__caixa > .upw-btn-shine { justify-self: start; min-width: 300px; }
}

.outros .grade-produtos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .outros .grade-produtos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }