/* =========================================================================
   B.Clinic — v3 (publicação): cards Black Friday + hero retrato
   Carregado DEPOIS de styles.css e campaign.css. Não altera outros componentes.
   ========================================================================= */

/* ---------- Hero: reserva de espaço + nitidez ---------- */
.hero .hero-img .ph{position:absolute;inset:0}
.hero .hero-img .ph.filled>img{image-rendering:auto;backface-visibility:hidden}
.hero .hero-img .ph.filled{contain:paint}
/* Correção: .glass sobrescrevia position → selo virava barra no topo da coluna */
.hero .hero-img .hero-loc{position:absolute;width:auto;max-width:calc(100% - 32px);z-index:3;right:24px;bottom:24px}
@media (max-width:620px){
  .hero .hero-img .hero-loc{right:12px;bottom:12px;padding:8px 13px;font-size:9.5px;letter-spacing:.2em}
}

/* Retrato vertical (arquivo nativo 507×848).
   Ajuste: a foto passou a ocupar a coluna INTEIRA (sangria total, object-fit:
   cover), eliminando as faixas beges e o filete da moldura editorial.
   Em mobile (≤620px) já era largura total — comportamento mantido. */
@media (min-width:621px){
  .hero .hero-img .ph.filled[data-fit="retrato"]{
    inset:0;left:0;top:0;transform:none;
    width:100%;height:100%;aspect-ratio:auto;max-width:none;
    background:#2b2926;box-shadow:none;overflow:hidden}
  .hero .hero-img .ph.filled[data-fit="retrato"]>img{object-fit:cover;object-position:58% 42%}
  .hero:not(.v-dark) .hero-img:has(.ph[data-fit="retrato"]){background:#2b2926}
  .hero:not(.v-dark) .hero-img:has(.ph[data-fit="retrato"]) .hero-loc{
    right:24px;left:auto;transform:none;bottom:clamp(14px,2vw,22px);white-space:nowrap}
}
@media (min-width:621px) and (max-width:900px){
  .hero-img:has(.ph[data-fit="retrato"]){aspect-ratio:auto;height:clamp(520px,78vw,700px)}
}
@media (max-width:620px){
  .hero:not(.v-dark) .hero-img:has(.ph[data-fit="retrato"]){aspect-ratio:4/4.7}
}

/* ---------- Card BF v3: arte → área comercial neutra ---------- */
.acard.v3{height:100%}
.acard.v3 .info{display:flex;flex-direction:column;gap:9px;padding:18px 20px 0;flex:1}
.acard.v3 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.acard.v3 .kind{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--champ-ink)}
.acard.v3.dk .kind{color:var(--champ-2)}
.acard.v3 .kind .where{letter-spacing:.12em;font-weight:600;opacity:.7;text-align:right}
.acard.v3 .desc{margin:0;font-size:14px;line-height:1.55;text-wrap:pretty;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.55em * 2)}
.acard.v3.dk .desc{color:#cfc6b9}
.acard.v3.light .desc{color:var(--stone)}

.acard.v3 .meta{align-items:flex-end;margin:16px 20px 0;padding:14px 0 18px;border-top:1px solid rgba(214,193,158,.16)}
.acard.v3.light .meta{border-top-color:var(--line)}
.acard.v3 .aprice{gap:4px}
.acard.v3 .aprice .val{font-size:clamp(24px,1.9vw,28px);color:var(--ivory)}
.acard.v3.light .aprice .val{color:var(--ink)}
.acard.v3 .aprice .val small{font-size:12px;margin-left:2px}
.acard.v3 .was{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1}
.acard.v3 .was s{opacity:.5;text-decoration-thickness:1px}
.acard.v3 .pct{font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 7px 3px;border-radius:999px;
  color:var(--champ-2);border:1px solid rgba(214,193,158,.45);background:rgba(214,193,158,.08)}
.acard.v3.light .pct{color:var(--champ-ink);border-color:var(--champ)}
.acard.v3 .more{padding:6px 0 7px}
.acard.v3 .more span{display:inline-block;transition:transform .35s var(--ease)}
.acard.v3 .more:hover span{transform:translateX(3px)}

/* Grade esticada: os cards alinham base mesmo com descrições de tamanhos diferentes */
.bf-grid.art{align-items:stretch}
@media (max-width:620px){
  .acard.v3 .info{padding:16px 16px 0}
  .acard.v3 .meta{margin:14px 16px 0;padding:12px 0 16px}
  .acard.v3 .desc{font-size:13.5px}
}