/* Bloco de avaliações da ficha — largo, embaixo dos relacionados. */
.oav{max-width:var(--theme-content-width,1290px);margin:48px auto 64px;padding:0 20px;box-sizing:border-box}
.oav__titulo{font-size:clamp(22px,3vw,30px);margin:0 0 20px;text-align:center}

.oav-resumo{display:flex;gap:32px;align-items:center;flex-wrap:wrap;justify-content:center;
  padding:20px;border:1px solid var(--theme-border-color,#e6e2da);border-radius:14px;margin-bottom:20px}
.oav-resumo__nota{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:130px;
  background:none;border:0;padding:8px 10px;border-radius:12px;cursor:pointer;font:inherit;color:inherit}
.oav-resumo__nota:hover{background:#f7f4ee}
.oav-resumo__nota b{font-size:40px;line-height:1;font-weight:600}
.oav-resumo__nota span{font-size:13px;opacity:.7}
.oav-resumo__barras{flex:1;min-width:240px;max-width:420px;display:grid;gap:4px}

/* Cada barra é um botão: clicar no número, na barra ou na quantidade filtra por aquela nota. */
.oav-barra{display:grid;grid-template-columns:34px 1fr 46px;align-items:center;gap:8px;font-size:13px;
  background:none;border:0;padding:4px 8px;border-radius:8px;cursor:pointer;font-family:inherit;color:inherit;width:100%;text-align:left}
.oav-barra:hover:not([disabled]){background:#f7f4ee}
.oav-barra[disabled]{cursor:default;opacity:.45}
.oav-barra.is-ativa{background:#efe9dd;box-shadow:inset 0 0 0 1px #d9cdb4}
.oav-barra__n{white-space:nowrap}
.oav-barra__t{background:#ece8e0;border-radius:99px;height:8px;overflow:hidden}
.oav-barra__t i{display:block;height:100%;background:#e8a020;border-radius:99px}
.oav-barra__q{text-align:right;opacity:.7;font-variant-numeric:tabular-nums}

/* 🚨 A estrela "vazia" do Woo é o MESMO glifo por baixo do cheio. Com a cor quase igual à do cheio,
   os dois se somam na borda e leem como sombra dupla — foi o que o dono viu. Cor neutra separa os
   dois papéis: laranja é o que a pessoa deu, bege é o que faltou. */
.oav .star-rating::before,.oav-dest .star-rating::before{color:#ded6c7}

.oav__controles{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.oav__ordem{display:flex;align-items:center;gap:8px;font-size:14px}
.oav__ordem select{padding:8px 10px;border-radius:10px;border:1px solid var(--theme-border-color,#e6e2da);background:#fff}
.oav__foto{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}

/* Grade em colunas (masonry): card não estica pra acompanhar o vizinho mais alto. */
.oav__grade{columns:4 250px;column-gap:16px}
.oav-card{break-inside:avoid;display:inline-block;width:100%;box-sizing:border-box;margin:0 0 16px;
  padding:16px;border:1px solid var(--theme-border-color,#e6e2da);border-radius:14px;background:#fff}
.oav-card__topo{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.oav-card__topo time{font-size:12px;opacity:.6}
.oav-card__texto{margin:0 0 10px;font-size:15px;line-height:1.55}
.oav-card__pe{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:10px}
.oav-card__ini{width:26px;height:26px;border-radius:50%;background:#efeae1;display:grid;place-items:center;font-size:12px;font-weight:600}
.oav-card__nome{font-weight:600}
.oav-card .orides-av-origem{opacity:.65}
.oav-card .orides-av-origem::before{content:"· ";opacity:.6}

/* 🚨 A borda e o espaço em volta da miniatura NÃO eram meus: o tema desenha borda em <a> de conteúdo,
   e o link é inline, então a line-height (26,4px) sobra embaixo da foto. O conserto é o link virar
   bloco com line-height 0 e a borda sair dele — a moldura fica no próprio recorte da imagem. */
.oav-card .orides-review-fotos{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.oav-card .orides-lightbox-link{display:block;line-height:0;border:0;padding:0;border-radius:10px;overflow:hidden;
  width:76px;height:76px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.oav-card .orides-review-fotos img,.oav-card .orides-review-fotos video{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0}
.oav-card .orides-av-resposta{margin:10px 0 0;padding:10px 12px;background:#faf7f2;border-left:3px solid #e8d9bf;border-radius:0 10px 10px 0;font-size:13.5px}
.oav-card .orides-av-resposta p{margin:4px 0 0}

.oav__vazio{text-align:center;opacity:.7;margin:24px 0}
.oav__mais{display:block;margin:24px auto 0;padding:12px 28px;border-radius:99px;border:1px solid #23211e;
  background:#23211e;color:#fff;font-size:15px;cursor:pointer}
.oav__mais:hover{opacity:.88}
.oav__mais[disabled]{opacity:.6;cursor:default}

@media (max-width:781px){
  .oav{margin:32px auto 40px;padding:0 16px}
  .oav__grade{columns:1}
  .oav-resumo{gap:20px;padding:16px}
}

/* Destaques: carrossel de 3 que arrasta pro lado, antes do acordeão. */
.oav-dest{max-width:var(--theme-block-width,750px);margin:28px auto 8px}
.oav-dest__topo{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.oav-dest__topo h2{font-size:18px;margin:0}
.oav-dest__topo a{font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* grid-auto-flow column + scroll-snap: rola de verdade, então dedo e trackpad funcionam sem JS.
   A largura de cada card sai de --oav-vis (3 visíveis), não de um número fixo de colunas. */
.oav-dest__tira{--oav-vis:3;display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - (var(--oav-vis) - 1) * 12px) / var(--oav-vis));
  gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;
  padding-bottom:6px;overscroll-behavior-x:contain}
.oav-dest__tira::-webkit-scrollbar{height:6px}
.oav-dest__tira::-webkit-scrollbar-thumb{background:#ded6c7;border-radius:99px}
.oav-dest__tira .oav-card{display:block;margin:0;padding:14px;scroll-snap-align:start}
.oav-dest__tira .oav-card__texto{font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.oav-dest__tira .orides-lightbox-link{width:64px;height:64px}
.oav-dest__tira .orides-av-resposta{display:none}
@media (max-width:781px){
  .oav-dest{margin:20px auto 4px}
  .oav-dest__tira{--oav-vis:1.15}
}

/* 🚨 O coração da lista de presentes: o tema desenha um botão redondo de 44px encostado na borda
   direita da coluna. Decisão do dono (14/set): sem moldura, junto do título. */
.ct-product-additional-actions{margin-left:6px;align-self:flex-start}
.ct-wishlist-button-single{border:0!important;background:transparent!important;width:auto!important;height:auto!important;padding:2px!important}