/* Gramática Der Ausländer (Black November 2026): complementos da página sobre ../css/main.css.
   Reaproveita os componentes do Clube (hero, proof, steps, levels/lessons, price-card, inc, promo, video)
   e só acrescenta o que não existe lá: grade de ofertas, bloco do livro físico com cupom e depoimentos sem foto. */
.g-gold{color:var(--gold)}
.hero__lead s,.perk-list s{color:var(--gray-48);text-decoration-color:var(--gold)}
.g-readers{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;color:var(--gray-80);font-size:.9375rem}
.g-readers img{width:auto;height:44px}
.g-readers strong{color:var(--ink)}

/* "Sobre": 4 colunas no lugar das 3 do método */
.g-steps{grid-template-columns:repeat(4,1fr)}

/* selo dourado (75% OFF, 15% OFF) */
.g-tag{justify-self:start;align-self:start;border-color:var(--gold);background:var(--gold);color:var(--black);font-size:.8125rem;letter-spacing:.02em}

/* ofertas digitais */
.g-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);align-items:stretch}
.g-offer{position:static;grid-template-rows:auto auto auto 1fr auto auto;border-color:var(--border-warm);padding:clamp(22px,2.6vw,32px)}
.g-offer--best{border-color:var(--gold);box-shadow:var(--gold-glow);background:linear-gradient(160deg,var(--dark-surface-3),var(--dark-surface-2))}
.g-offer__img{justify-self:center;width:auto;height:180px;object-fit:contain}
.g-offer .price-card__note{font-size:.875rem;color:var(--gray-80)}
.g-offer .price__alt s{color:var(--gray-48);text-decoration-color:var(--gold)}
.g-assure{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:28px}

/* livro físico com cupom */
.g-physical{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start;margin-top:clamp(56px,7vw,96px);padding:clamp(22px,3vw,36px);border:1px solid var(--border-warm);border-radius:var(--radius-unified);background:var(--dark-surface-1)}
.g-physical__copy{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:start}
.g-physical__img{width:100%;height:auto;border-radius:var(--radius-unified)}
.g-physical .inc{position:static;background:var(--black)}
.g-physical .inc p .link-arrow{display:flex;width:fit-content;margin-top:8px;color:var(--gold-soft)}
.g-physical .inc__val em{color:var(--gold);font-family:var(--font-header);font-size:1.125rem}
.g-coupon{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 12px 12px 18px;border:1px dashed var(--gold);border-radius:var(--radius-unified);background:var(--black)}
.g-coupon__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-48)}
.g-coupon__code{font-family:var(--font-header);font-weight:600;font-size:1.25rem;letter-spacing:.06em;color:var(--gold-pale)}
.g-coupon__btn{margin-left:auto;min-height:42px;padding:8px 18px}

/* depoimentos sem foto: ícone de aspas no lugar do avatar */
.g-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.g-quote>.icon{width:34px;height:34px;color:var(--gold)}
.g-photo img{width:min(100%,520px);height:auto;margin-inline:auto}

/* Black November em destaque: oferta no hero, prazo, selos e linha de compra */
.g-off{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:var(--gold);color:var(--black);font-family:var(--font-header);font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1;letter-spacing:.01em}
.g-deadline{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--gold);border-radius:999px;color:var(--gold-pale);font-family:var(--font-header);font-weight:500;font-size:.9375rem;line-height:1.3}
.g-deadline .icon{width:18px;height:18px;color:var(--gold)}
.g-deadline strong{color:var(--gold);font-weight:700}
.g-deadline--lg{font-size:1.0625rem;padding:10px 20px}
.g-deal{display:grid;gap:16px;width:100%;max-width:560px;padding:clamp(18px,2.2vw,24px);border:1px solid var(--gold);border-radius:var(--radius-unified);background:linear-gradient(160deg,var(--dark-surface-3),var(--dark-surface-1));box-shadow:var(--gold-glow)}
.g-deal__top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.g-deal__price{font-family:var(--font-header);font-size:clamp(1.125rem,1.8vw,1.375rem);line-height:1.3;color:var(--ink)}
.g-deal__price s,.g-buyrow s,.g-sticky s{color:var(--gray-48);text-decoration-color:var(--gold)}
.g-deal__price strong{color:var(--gold);font-size:1.6em;font-weight:700;white-space:nowrap}
.g-deal__combo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding-top:16px;border-top:1px solid var(--border-warm)}
.g-deal__combo p{display:grid;gap:2px;font-family:var(--font-header);font-size:1.0625rem;color:var(--ink)}
.g-deal__combo small{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}
.g-deal__combo strong{color:var(--gold);font-size:1.25em}
.g-deal__more{color:var(--gold-soft);font-size:.9375rem}
.hero__frame .g-badge{position:absolute;top:4%;left:0;display:grid;place-content:center;width:clamp(92px,10vw,124px);aspect-ratio:1;border-radius:50%;background:var(--gold);color:var(--black);font-family:var(--font-header);font-weight:600;font-size:clamp(.875rem,1.1vw,1.0625rem);line-height:1;text-align:center;transform:rotate(-10deg);box-shadow:var(--gold-glow)}
.g-badge strong{font-size:2.1em;font-weight:700}
.g-strip{border-block:1px solid var(--black)}
.g-coupon-hint{display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:10px 18px;border:1px dashed var(--gold);border-radius:999px;color:var(--gold-pale);font-size:.9375rem;text-decoration:none}
.g-coupon-hint .icon{width:20px;height:20px;color:var(--gold)}
.g-coupon-hint:hover{color:var(--gold)}
.g-until{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--gold-soft)}
.g-until .icon{width:18px;height:18px;color:var(--gold)}
.g-until strong{color:var(--gold)}
.g-buyrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:24px;padding:14px 14px 14px 18px;border:1px solid var(--gold);border-radius:var(--radius-unified);background:var(--black)}
.g-buyrow p{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-family:var(--font-header);font-size:1.0625rem;color:var(--ink)}
.g-buyrow p .icon{display:inline-block;width:16px;height:16px;vertical-align:-2px;color:var(--gold)}
.g-buyrow strong{color:var(--gold);font-size:1.2em}
.g-sticky .g-sticky__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;border:1px solid var(--gold);border-radius:var(--radius-unified);background:var(--black);box-shadow:var(--shadow-card)}
.g-sticky .g-sticky__bar p{display:grid;line-height:1.2;font-family:var(--font-header)}
.g-sticky .g-sticky__bar small{font-size:.75rem;color:var(--gold-soft)}
.g-sticky .g-sticky__bar strong{font-size:1.0625rem;color:var(--ink)}
.g-sticky .btn{width:auto;flex:none;box-shadow:none}

@media (max-width:1100px){
  .g-steps{grid-template-columns:repeat(2,1fr)}
  .g-steps .step:nth-child(3){border-left:0}
  .g-steps .step:nth-child(n+3){border-top:1px solid var(--border-warm)}
}
@media (max-width:980px){
  .g-steps{grid-template-columns:1fr}
  .g-steps .step:nth-child(n+2){border-left:0;border-top:1px solid var(--border-warm)}
  .g-offers{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
  .g-offer--best{order:-1}
  .g-physical{grid-template-columns:minmax(0,1fr)}
  .g-quotes{grid-template-columns:minmax(0,1fr)}
  .g-promo .promo__media{flex:none;justify-content:center}
  .g-promo .promo__media img{width:min(100%,360px)}
  .g-promo .promo__body{padding:21px 0 0}
  /* a barra fixa desta página tem duas linhas de texto: o WhatsApp sobe para não encostar nela */
  body:has(#sticky-cta[data-show]) .wa-float{bottom:100px}
}
@media (max-width:720px){
  .g-physical__copy{grid-template-columns:minmax(0,1fr)}
  .g-physical__img{width:140px}
  .g-coupon__btn{margin-left:0;flex:1 1 100%}
  .g-offer__img{height:150px}
  .g-buyrow .btn,.g-deal__combo .btn{flex:1 1 100%;justify-content:center}
}
.g-nowrap{white-space:nowrap}
.g-sticky .g-sticky__bar strong{white-space:nowrap}
@media (max-width:400px){
  .g-sticky .g-sticky__bar strong{font-size:.9375rem}
}
