/* ─────────────────────────────────────────────────────────────────────────────
   MODELO "PRESELL CURTA" — padrão das presells do Prime Gear Finds (13/08/2026)
   A página INTEIRA é a oferta: nada de review abaixo. Substitui o modelo anterior
   (hero de oferta + review longo), que o Wagner reprovou por rolar demais.

   Depende de /css/oferta-v1.css: as classes pg-* (badge, h1, sub, facts, price,
   buy, guarantee, social) vêm de lá. Este arquivo só cuida do layout de duas
   colunas em tela cheia e da compressão por altura de tela no celular.

   ⚠ Ao alterar, publicar como oferta-curta-v2.css e trocar o link nas páginas —
   sobrescrever deixa o cache servindo a versão antiga por horas.
   ───────────────────────────────────────────────────────────────────────────── */

.oc-hero{background:#fff}
.oc-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:0}
.oc-txt{padding:26px 20px 30px}
.oc-img{background:#eef2ec;display:flex;align-items:center;justify-content:center;padding:26px 20px}
.oc-img img{width:100%;max-width:330px;height:auto;border-radius:14px}
.oc-note{max-width:1180px;margin:0 auto;padding:0 20px 26px;font-size:12px;line-height:1.45;color:#79808a}
.oc-hero .pg-h1{font-size:31px;margin:12px 0 10px}
.oc-hero .pg-buy{margin-top:2px}

/* ── CELULAR: o produto tem de aparecer na 1ª dobra JUNTO com o botão. Com a foto
     depois do texto o CTA cabia e o produto não; a foto subiu para o topo e cada
     bloco acima do botão foi comprimido para pagar a altura dela.
     ★ Medir pela altura REAL: o iPhone 14 tem 844, mas com as barras do Safari
     sobram ~750 — foi essa medida que reprovou a 1ª tentativa. ── */
@media(max-width:899px){
  .disclosure-bar{font-size:11.5px;padding:4px 12px;line-height:1.35}
  .site-inner{padding:9px 16px}
  .oc-wrap{gap:0}
  .oc-img{order:1;background:transparent;padding:10px 18px 0}
  .oc-img img{max-width:148px;border-radius:12px}
  .oc-txt{order:2;padding:10px 18px 24px}
  .oc-hero .pg-h1{font-size:26px;line-height:1.1;margin:8px 0 7px}
  .oc-hero .pg-sub{font-size:14px;line-height:1.4;margin-bottom:10px}
  .oc-hero .pg-facts{margin-bottom:11px}
  .oc-hero .pg-facts li{font-size:14px;margin-bottom:5px}
  .oc-hero .pg-price{padding:8px 10px;gap:6px;margin-bottom:10px}
  .oc-hero .pg-amount{font-size:23px}
  .oc-hero .pg-buy{font-size:16.5px;padding:14px 16px}
  .oc-note{padding:16px 18px 24px}
}
/* telas baixas (iPhone SE, Android antigo): mesma regra, comprimida mais um degrau */
@media(max-width:899px) and (max-height:700px){
  .oc-img{padding:6px 18px 0}
  .oc-img img{max-width:112px}
  .oc-txt{padding:6px 18px 20px}
  .oc-hero .pg-h1{font-size:23px;line-height:1.08;margin:6px 0 6px}
  .oc-hero .pg-sub{font-size:13px;line-height:1.35;margin-bottom:8px}
  .oc-hero .pg-facts{margin-bottom:9px}
  .oc-hero .pg-facts li{font-size:13.5px;margin-bottom:4px;padding-left:25px}
  .oc-hero .pg-price{padding:6px 9px;margin-bottom:8px}
  .oc-hero .pg-amount{font-size:21px}
  .oc-hero .pg-buy{font-size:16px;padding:12px 14px}
  .pg-badge{font-size:10.5px;padding:4px 9px}
}
/* telas muito baixas (≤660px): último degrau, só para o botão não sair da dobra */
@media(max-width:899px) and (max-height:660px){
  .disclosure-bar{font-size:11px;padding:3px 12px}
  .oc-img{padding:4px 18px 0}
  .oc-img img{max-width:94px}
  .oc-txt{padding:4px 18px 18px}
  .oc-hero .pg-sub{margin-bottom:7px}
  .oc-hero .pg-facts li{margin-bottom:3px}
}
@media(min-width:900px){
  .oc-wrap{grid-template-columns:1.02fr .98fr;align-items:stretch}
  .oc-txt{padding:56px 46px 56px 24px;display:flex;flex-direction:column;justify-content:center}
  .oc-img img{max-width:420px}
  .oc-hero .pg-h1{font-size:41px}
  .oc-hero .pg-buy{width:auto;max-width:470px}
  .oc-note{padding-left:24px}
}