/* ───────────────────────────────────────────────────────────────────────
   PDP V2 SKIN, Rosa V (catalog). Reveste o markup do content-single-product.php
   com o visual do mockup aprovado (pdp-v2-mockup.html): tipografia Anton/Hanken,
   pricebox em card, galeria em frame neutro, pills laranja, CTA verde.
   Escopado em #bcx-pdp pra não vazar. Carrega DEPOIS do pdp.css.
   calderon 04/06/2026.
   ─────────────────────────────────────────────────────────────────────── */
#bcx-pdp{
  --p:var(--bcx-primary,#EC5424); --p-dark:#c8401a; --p-light:#fff1ea;
  --ink:#1d1b19; --muted:#6b645e; --line:#e7e2dc; --bg:#f7f7f7; --card:#fff;
  --green:#16a34a; --green-dark:#15803d; --pix:#047857; --pix-light:#d8f3e6;
  --disp:'Inter',sans-serif; --body:'Inter',sans-serif;
  font-family:var(--body); color:var(--ink);
}
#bcx-pdp *{font-family:var(--body)}

/* títulos no Anton. font-weight 800 garante bold mesmo se Anton não carregar (fallback sans). */
#bcx-pdp .product-title{font-family:var(--disp)!important;font-weight:800!important;font-size:38px;line-height:1.04;letter-spacing:.3px;color:var(--ink)}
#bcx-pdp .section h2,#bcx-pdp .specs-title,#bcx-pdp .reviews-title{font-family:var(--disp)!important;font-weight:800!important;letter-spacing:.3px;font-size:28px;line-height:1.08}

/* pills de esporte */
#bcx-pdp .info-tag-multi{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#bcx-pdp .info-tag{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--p-dark);background:var(--p-light);padding:5px 11px;border-radius:100px;border:0}
#bcx-pdp .info-sku{font-size:12px;color:var(--muted);letter-spacing:.3px;margin-bottom:6px}
#bcx-pdp .product-chamada{font-size:16.5px;color:var(--muted);max-width:46ch;margin:8px 0 0}

/* rating */
#bcx-pdp .rating-row{display:flex;align-items:center;gap:9px;margin-top:12px}
#bcx-pdp .rating-row .stars{color:var(--p);letter-spacing:2px;font-size:16px}
#bcx-pdp .rating-row strong{font-weight:800}
#bcx-pdp .reviews-link{color:var(--muted);text-decoration:underline;font-size:13px}

/* PRICEBOX em card */
#bcx-pdp .price-block{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.05);margin-top:16px;display:flex!important;flex-direction:row!important;align-items:center;gap:18px;justify-content:space-between}
#bcx-pdp .price-main{flex:1;min-width:0}
@media(max-width:520px){#bcx-pdp .price-block{flex-direction:column!important;align-items:stretch}}
#bcx-pdp .price-line:first-child,#bcx-pdp .price-block>.price-line{margin:0}
#bcx-pdp .price-val{font-family:var(--disp)!important;font-weight:800!important;font-size:42px;line-height:1;color:var(--ink)}
#bcx-pdp .price-old{font-size:16px;color:var(--muted);text-decoration:line-through}
#bcx-pdp .price-discount{background:var(--green);color:#fff;font-weight:800;font-size:12.5px;padding:5px 10px;border-radius:8px}
#bcx-pdp .price-parcela,#bcx-pdp .price-pix{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-top:10px}
#bcx-pdp .price-parcela strong{color:var(--ink)}
#bcx-pdp .price-pix{color:var(--pix);font-weight:700}
#bcx-pdp .price-pix strong{font-weight:800}
#bcx-pdp .price-economia{display:inline-block;margin-top:8px;background:var(--pix-light);color:var(--pix);font-weight:800;font-size:12.5px;padding:5px 11px;border-radius:8px}

/* estoque */
#bcx-pdp .stock-row{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--green-dark);margin-top:14px}
#bcx-pdp .stock-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.2)}
#bcx-pdp .stock-urgency{background:var(--p-light);color:var(--p-dark);font-size:11.5px;padding:3px 8px;border-radius:6px;font-weight:800}

/* variação / swatches (radios do variable.php viram pills) */
#bcx-pdp .variations label,#bcx-pdp .qty-label,#bcx-pdp .bcx-var-label{font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--muted);text-transform:uppercase}
#bcx-pdp .bcx-swatch,#bcx-pdp .bcx-variation-pill{border:2px solid var(--line)!important;background:#fff!important;border-radius:12px!important;padding:10px 16px!important;font-weight:700!important}
#bcx-pdp .bcx-swatch.is-active,#bcx-pdp .bcx-variation-pill.selected,#bcx-pdp .bcx-variation-pill.is-active{border-color:var(--p)!important;background:var(--p-light)!important}

/* QTY + CTA verde */
#bcx-pdp .qty-input{border:1px solid var(--line);border-radius:12px;overflow:hidden}
#bcx-pdp .qty-input button{background:#fff;border:0;color:var(--ink)}
#bcx-pdp .cta-buy,#bcx-pdp .single_add_to_cart_button{background:var(--green)!important;color:#fff!important;border:0!important;border-radius:12px!important;height:54px!important;font-weight:800!important;font-size:16px!important;letter-spacing:.2px;transition:background .15s,transform .1s}
#bcx-pdp .cta-buy:hover,#bcx-pdp .single_add_to_cart_button:hover{background:var(--green-dark)!important;transform:translateY(-1px)}
#bcx-pdp .cta-frete-hint{font-size:12.5px;color:var(--muted);text-align:center;margin-top:8px}

/* trust + selos + pagamento */
#bcx-pdp .trust-grid{margin-top:14px}
#bcx-pdp .trust-item{font-size:12.5px;color:var(--muted);font-weight:600}
#bcx-pdp .trust-item .ic{color:var(--p)}
#bcx-pdp .pdp-attr-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
#bcx-pdp .pdp-attr{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--muted)}
#bcx-pdp .pdp-attr svg{color:var(--p)}
#bcx-pdp .payment-methods{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
#bcx-pdp .payment-methods-label{font-size:11.5px;color:var(--muted);font-weight:600;margin-bottom:8px}
#bcx-pdp .payment-icon{font-size:11px;font-weight:800;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:4px 8px;background:#fff;letter-spacing:.3px}
#bcx-pdp .payment-icon.pix{color:var(--pix);border-color:var(--pix-light);background:var(--pix-light)}

/* GALERIA, frame neutro + contain (regra #7) */
#bcx-pdp .gallery-main{background:#f4f1ed;border:1px solid var(--line);border-radius:16px;overflow:hidden}
#bcx-pdp .gallery-main img.product-photo,#bcx-pdp .gallery-main img{object-fit:contain!important}
#bcx-pdp .gallery-thumb{border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#f7f7f7}
#bcx-pdp .gallery-thumb.is-active,#bcx-pdp .gallery-thumb.active{border-color:var(--p)}
#bcx-pdp .gallery-thumb img{object-fit:contain;padding:4px}

/* seções de conteúdo. Padding all-around pra o texto não ficar colado na borda do card. */
#bcx-pdp .section{padding:32px 34px}
@media(max-width:560px){#bcx-pdp .section{padding:22px 18px}}
#bcx-pdp .specs-table-wrap,#bcx-pdp .specs-table{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}

/* ── Oferta combo, rodapé: desktop tudo à direita agrupado; mobile centralizado. calderon 04/06/2026 ── */
@media(min-width:781px){
  #bcx-pdp .bcx-cj-foot{display:flex!important;justify-content:flex-end;align-items:center;gap:22px;flex-wrap:nowrap}
  #bcx-pdp .bcx-cj-count{text-align:right}
  #bcx-pdp .bcx-cj-totals{text-align:right}
  #bcx-pdp .bcx-cj-cta{flex:none}
}
@media(max-width:780px){
  #bcx-pdp .bcx-cj-foot{justify-content:center;text-align:center}
  #bcx-pdp .bcx-cj-count,#bcx-pdp .bcx-cj-totals{text-align:center}
}

/* ── Breadcrumb dentro do box do produto (faixa no topo, span full) ── */
@media(min-width:781px){
  #bcx-pdp .pdp-hero{grid-template-areas:"crumb crumb" "gallery info-above" "gallery info-below"!important;grid-template-rows:auto max-content 1fr!important}
  #bcx-pdp .bcx-pdp-crumb{grid-area:crumb}
}
#bcx-pdp .bcx-pdp-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12.5px;color:var(--muted);padding:0 0 14px;margin-bottom:4px;border-bottom:1px solid var(--line)}
#bcx-pdp .bcx-pdp-crumb a{color:var(--muted);text-decoration:none}
#bcx-pdp .bcx-pdp-crumb a:hover{color:var(--p)}
#bcx-pdp .bcx-pdp-crumb .sep{opacity:.45;margin:0 2px}
#bcx-pdp .bcx-pdp-crumb .current{color:var(--ink);font-weight:700}
@media(max-width:780px){#bcx-pdp .bcx-pdp-crumb{display:none}}

/* Reviews: esconde o avatar/gravatar e fecha o recuo. calderon 04/06/2026 */
#bcx-pdp .commentlist .comment_container img.avatar,
#bcx-pdp .commentlist .comment-author .avatar,
#bcx-pdp #comments .avatar{display:none!important}
#bcx-pdp .commentlist .comment-text{float:none!important;width:100%!important;margin-left:0!important}

/* ── Estrelas das reviews nativas WC (sem depender da webfont "star"): unicode ── */
#bcx-pdp .star-rating{display:inline-block;position:relative;height:1.1em;line-height:1.1;width:5.6em;font-size:15px;overflow:hidden;letter-spacing:2px}
#bcx-pdp .star-rating::before{content:"★★★★★";color:#ddd6cf;position:absolute;left:0;top:0;white-space:nowrap}
#bcx-pdp .star-rating span{position:absolute;left:0;top:0;white-space:nowrap;color:transparent}
#bcx-pdp .star-rating span *{color:transparent}
#bcx-pdp .star-rating span::before{content:"★★★★★";color:var(--p)}
#bcx-pdp .comment-form-rating .stars a{color:var(--p)}

/* FAQ */
#bcx-pdp .faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;overflow:hidden}
#bcx-pdp .faq-item summary,#bcx-pdp .faq-q{font-weight:700;font-size:15px}

/* ── FAQ padrão ISP (cards 2 colunas, barra laranja à esquerda, fundo claro) ── */
#bcx-pdp .bcx-pdp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
@media(max-width:780px){#bcx-pdp .bcx-pdp-faq-grid{grid-template-columns:1fr}}
#bcx-pdp .bcx-pdp-faq-c{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 26px 24px 30px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
#bcx-pdp .bcx-pdp-faq-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--p)}
#bcx-pdp .bcx-pdp-faq-c:hover{transform:translateY(-3px);border-color:#f0cdbd;box-shadow:0 14px 32px rgba(236,84,36,.10)}
#bcx-pdp .bcx-pdp-faq-q{font-family:var(--body);font-weight:800;font-size:17px;line-height:1.25;color:var(--ink);margin:0 0 8px}
#bcx-pdp .bcx-pdp-faq-a{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0}

/* reviews barras na cor da marca */
#bcx-pdp .reviews-bar .fill,#bcx-pdp .reviews-bar > span:last-child{background:var(--p)}
#bcx-pdp .reviews-score{font-family:var(--disp)!important}

/* ── Fundo e fonte da página toda (modo catalog/Rosa), igual ao mockup ── */
body.single-product.bcx-catalog,
body.single-product.bcx-is-product{background:#f7f7f7!important}
body.single-product.bcx-catalog #bcx-pdp,
body.single-product.bcx-is-product #bcx-pdp{background:#f7f7f7}

/* ── Variação em PILLS (estilo mockup, laranja), substitui o select nativo ── */
#bcx-pdp .bcx-variations-wrap{margin:16px 0 4px}
#bcx-pdp .bcx-variation-label{display:block;font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;margin-bottom:8px}
#bcx-pdp .bcx-pill-row{display:flex;flex-wrap:wrap;gap:10px}
#bcx-pdp .bcx-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 18px;background:#fff;border:2px solid var(--line);border-radius:12px;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;transition:.15s;font-family:var(--body);line-height:1.2}
#bcx-pdp .bcx-pill:hover:not(.is-out-of-stock):not(.is-selected){border-color:var(--p);background:var(--p-light)}
#bcx-pdp .bcx-pill.is-selected{border-color:var(--p);background:var(--p-light);color:var(--p-dark);box-shadow:0 0 0 1px var(--p)}
#bcx-pdp .bcx-pill-check{display:none;color:var(--p);flex-shrink:0}
#bcx-pdp .bcx-pill.is-selected .bcx-pill-check{display:inline-flex}
#bcx-pdp .bcx-pill.is-out-of-stock{color:#a59e97;background:#f1efec;border-color:var(--line);cursor:not-allowed;text-decoration:line-through}
#bcx-pdp .bcx-variation-select-wrap{display:none} /* esconde o select nativo, pills assumem */
#bcx-pdp .bcx-reset-variations{font-size:12.5px;color:var(--muted);text-decoration:underline}

/* ════════════════════════════════════════════════════════════════════════
   BLOCOS EDITORIAIS PDP — coesos com a ISV/ISP (Anton uppercase, tile laranja,
   atmosfera pêssego, reveal escalonado). calderon 04/06/2026.
   ════════════════════════════════════════════════════════════════════════ */

/* Cabeçalho compartilhado (eyebrow com tracinho + título Anton) */
#bcx-pdp .bcx-pdp-bens-head{margin-bottom:22px}
#bcx-pdp .bcx-pdp-bens-k{display:flex!important;width:fit-content;align-items:center;gap:9px;font-family:var(--body);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--p-dark);border:0!important}
#bcx-pdp .bcx-pdp-k-rule{display:inline-block;flex:none;width:26px;height:3px;border-radius:3px;background:var(--p)}
#bcx-pdp .bcx-pdp-bens-h{display:block!important;font-family:var(--disp)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.4px;font-size:30px;line-height:1.04;color:var(--ink);margin:12px 0 0;border:0!important;padding:0!important}
#bcx-pdp .bcx-pdp-bens-sub{font-size:15.5px;line-height:1.55;color:var(--muted);max-width:60ch;margin:12px 0 0}

/* Grid base (3 col) compartilhado */
#bcx-pdp .bcx-pdp-bens-grid,#bcx-pdp .bcx-pdp-quando-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
@media(max-width:780px){#bcx-pdp .bcx-pdp-bens-grid,#bcx-pdp .bcx-pdp-quando-grid{grid-template-columns:1fr}}

/* ── Bloco "Por que ele resolve" (cards de valor) ── */
#bcx-pdp .bcx-pdp-ben{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 24px 24px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
#bcx-pdp .bcx-pdp-ben::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--p),var(--p-dark));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
#bcx-pdp .bcx-pdp-ben:hover{transform:translateY(-4px);border-color:#f0cdbd;box-shadow:0 18px 40px rgba(236,84,36,.12)}
#bcx-pdp .bcx-pdp-ben:hover::before{transform:scaleX(1)}
#bcx-pdp .bcx-pdp-ben-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#bcx-pdp .bcx-pdp-ben-ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:15px;background:rgba(236,84,36,.10);color:var(--p);flex:none;transition:background .35s,color .35s,transform .35s}
#bcx-pdp .bcx-pdp-ben:hover .bcx-pdp-ben-ic{background:var(--p);color:#fff;transform:rotate(-4deg) scale(1.04)}
#bcx-pdp .bcx-pdp-ben-stat{font-family:var(--disp)!important;font-weight:800!important;font-size:38px;line-height:.9;color:var(--p);letter-spacing:.5px;text-align:right}
#bcx-pdp .bcx-pdp-ben h3{font-family:var(--disp)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.3px;font-size:19px;line-height:1.1;color:var(--ink);margin:0 0 10px}
#bcx-pdp .bcx-pdp-ben p{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0}
#bcx-pdp .bcx-pdp-ben-tags{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
#bcx-pdp .bcx-pdp-ben-tags li{display:inline-flex;align-items:center;gap:5px;background:rgba(236,84,36,.07);color:var(--p-dark);font-size:11.5px;font-weight:700;letter-spacing:.1px;padding:5px 10px 5px 8px;border-radius:100px;line-height:1}
#bcx-pdp .bcx-pdp-ben-tags li svg{width:12px;height:12px;color:var(--p);flex:none}

/* ── Bloco "Quando usar" (timeline numerada 01/02/03) ── */
#bcx-pdp .bcx-pdp-quando-col{position:relative;background:linear-gradient(165deg,#fff6f1,var(--card) 62%);border:1px solid var(--line);border-radius:18px;padding:26px 24px 24px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s}
#bcx-pdp .bcx-pdp-quando-col:hover{transform:translateY(-4px);border-color:#f0cdbd;box-shadow:0 18px 40px rgba(236,84,36,.12)}
#bcx-pdp .bcx-pdp-quando-num{position:absolute;top:14px;right:20px;font-family:var(--disp);font-weight:800;font-size:46px;line-height:1;color:var(--p);opacity:.16;letter-spacing:1px;pointer-events:none}
#bcx-pdp .bcx-pdp-quando-ic{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(236,84,36,.10);color:var(--p);margin-bottom:16px;position:relative;z-index:1}
#bcx-pdp .bcx-pdp-quando-col h3{font-family:var(--disp)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.3px;font-size:18px;line-height:1.1;color:var(--ink);margin:0 0 9px;position:relative;z-index:1}
#bcx-pdp .bcx-pdp-quando-col p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.55;position:relative;z-index:1}

/* ── "Quando usar" foto-led (cada momento com foto real do atleta) ── */
#bcx-pdp .bcx-pdp-quando-col.has-photo{padding:0;background:var(--card)}
#bcx-pdp .bcx-pdp-quando-photo{position:relative;aspect-ratio:4/3;overflow:hidden}
#bcx-pdp .bcx-pdp-quando-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
#bcx-pdp .bcx-pdp-quando-col.has-photo:hover .bcx-pdp-quando-photo img{transform:scale(1.05)}
#bcx-pdp .bcx-pdp-quando-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,10,8,.30) 0%,rgba(13,10,8,0) 34%,rgba(13,10,8,.05) 60%,rgba(13,10,8,.72) 100%)}
#bcx-pdp .bcx-pdp-quando-col.has-photo .bcx-pdp-quando-num{position:absolute;top:12px;right:16px;font-size:40px;color:#fff;opacity:.92;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.35)}
#bcx-pdp .bcx-pdp-quando-tag{position:absolute;left:16px;bottom:14px;z-index:2;font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.4px;font-size:19px;line-height:1.05;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4);max-width:85%}
#bcx-pdp .bcx-pdp-quando-tag::before{content:"";display:block;width:26px;height:3px;border-radius:3px;background:var(--p);margin-bottom:8px}
#bcx-pdp .bcx-pdp-quando-body{padding:16px 20px 20px}
#bcx-pdp .bcx-pdp-quando-body p{font-size:14.5px;color:var(--muted);line-height:1.55;margin:0}

/* Reveal escalonado on-scroll (fallback: visível) */
#bcx-pdp .bcx-pdp-ben,#bcx-pdp .bcx-pdp-quando-col{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:no-preference){
  #bcx-pdp.bcx-reveal-ready .bcx-pdp-ben,#bcx-pdp.bcx-reveal-ready .bcx-pdp-quando-col{opacity:0;transform:translateY(18px)}
  #bcx-pdp.bcx-reveal-ready .bcx-pdp-bens-grid.is-in .bcx-pdp-ben,
  #bcx-pdp.bcx-reveal-ready .bcx-pdp-quando-grid.is-in .bcx-pdp-quando-col{animation:bcxRevealUp .55s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0) * .09s)}
}
@keyframes bcxRevealUp{to{opacity:1;transform:translateY(0)}}

/* ── Respiro no bloco de upsell/combo (estava colado e cortando) ── */
#bcx-pdp .bcx-upsell-checkbox-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin:28px 0 8px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
#bcx-pdp .bcx-upsell-title{font-family:var(--disp)!important;font-weight:400;font-size:22px;letter-spacing:.3px;margin:0 0 16px;color:var(--ink)}
#bcx-pdp .bcx-upsell-list{display:flex;flex-direction:column;gap:12px}
#bcx-pdp .bcx-upsell-item{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}
#bcx-pdp .bcx-upsell-item:hover{border-color:var(--p)}
#bcx-pdp .bcx-upsell-img{flex:0 0 auto;width:60px;height:60px;border-radius:10px;overflow:hidden;background:#f4f1ed}
#bcx-pdp .bcx-upsell-img img{width:100%;height:100%;object-fit:contain;padding:4px}
#bcx-pdp .bcx-upsell-name{flex:1;font-size:14px;font-weight:700;color:var(--ink);line-height:1.3}
#bcx-pdp .bcx-upsell-price{font-weight:800;color:var(--ink);white-space:nowrap}
#bcx-pdp .bcx-upsell-add-selected{margin-top:16px;width:100%;background:var(--green)!important;color:#fff!important;border:0!important;border-radius:12px!important;height:50px;font-weight:800!important;font-size:15px!important;cursor:pointer}
#bcx-pdp .bcx-upsell-add-selected:hover{background:var(--green-dark)!important}

/* ── Descrição colapsável ── */
#bcx-pdp .bcx-desc-collapse{}
#bcx-pdp .bcx-desc-collapse>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
#bcx-pdp .bcx-desc-collapse>summary::-webkit-details-marker{display:none}
#bcx-pdp .bcx-desc-collapse>summary h2{margin:0}
#bcx-pdp .bcx-desc-chev{font-family:var(--body);font-weight:800;font-size:26px;color:var(--p);line-height:1;transition:transform .2s}
#bcx-pdp .bcx-desc-collapse[open] .bcx-desc-chev{transform:rotate(45deg)}
#bcx-pdp .bcx-desc-body{margin-top:16px;color:#4a443f;font-size:15px;line-height:1.6}
#bcx-pdp .bcx-desc-body h3,#bcx-pdp .bcx-desc-body strong{color:var(--ink)}

/* ── Estado "sem avaliações" ── */
#bcx-pdp .reviews-empty{color:var(--muted);font-size:15px;background:#fff;border:1px dashed var(--line);border-radius:12px;padding:18px 20px}

/* ── Detalhes em ABAS (Descrição | Para quem | Modo de uso | Composição) ── */
#bcx-pdp .bcx-pdp-tabs{}
#bcx-pdp .bcx-tabs-nav{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px}
#bcx-pdp .bcx-tab-btn{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;font-family:var(--body);font-weight:700;font-size:14.5px;color:var(--muted);cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}
#bcx-pdp .bcx-tab-btn:hover{color:var(--ink)}
#bcx-pdp .bcx-tab-btn.is-active{color:var(--p);border-bottom-color:var(--p)}
#bcx-pdp .bcx-tab-panel{display:none;font-size:15px;line-height:1.65;color:#4a443f}
#bcx-pdp .bcx-tab-panel.is-active{display:block;animation:bcx-tab-fade .2s ease-out}
#bcx-pdp .bcx-tab-panel h3,#bcx-pdp .bcx-tab-panel strong{color:var(--ink)}
#bcx-pdp .bcx-tab-panel ul{padding-left:18px}
#bcx-pdp .bcx-tab-panel p{margin:0 0 10px}
@keyframes bcx-tab-fade{from{opacity:0}to{opacity:1}}

/* ── Rendimento / duração (destaque perto do preço) ── */
#bcx-pdp .bcx-rendimento{display:inline-flex;align-items:center;gap:7px;margin-top:12px;background:var(--p-light);color:var(--p-dark);font-weight:700;font-size:13px;padding:7px 12px;border-radius:10px}
#bcx-pdp .bcx-rendimento svg{color:var(--p)}

/* ── Custo por aplicação: selo pequeno e VERDE ao lado do preço (verde=positivo;
   laranja é a cor da marca e lê como alerta). Muda com a variação. ── */
/* Dois boxes empilhados ao lado do preço: custo/aplicação (verde) + rendimento em usos (azul). calderon 04/06/2026 */
#bcx-pdp .price-rende-wrap{flex:0 0 116px;width:116px;display:flex;flex-direction:column;gap:8px}
#bcx-pdp .price-rende{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;padding:9px 8px;border-radius:12px}
#bcx-pdp .price-rende--cost{background:var(--pix-light);border:1px solid #b9e6d0}
#bcx-pdp .price-rende--uses{background:#e0effc;border:1px solid #b6d8f5}
#bcx-pdp .price-rende-ic{display:inline-flex;margin-bottom:2px}
#bcx-pdp .price-rende-ic svg{width:20px;height:20px}
#bcx-pdp .price-rende--cost .price-rende-ic,#bcx-pdp .price-rende--cost .price-rende-cost,#bcx-pdp .price-rende--cost .price-rende-lbl{color:var(--pix)}
#bcx-pdp .price-rende--uses .price-rende-ic,#bcx-pdp .price-rende--uses .price-rende-apps,#bcx-pdp .price-rende--uses .price-rende-lbl{color:#0b69c4}
#bcx-pdp .price-rende-cost{font-weight:800;font-size:18px;line-height:1.05}
#bcx-pdp .price-rende-apps{font-weight:800;font-size:20px;line-height:1.05}
#bcx-pdp .price-rende-lbl{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-top:1px}
@media(max-width:520px){#bcx-pdp .price-rende-wrap{flex-direction:row;width:auto;flex:0 0 auto;align-self:flex-start}#bcx-pdp .price-rende{flex:1}}

/* ── Reforço: "Quando usar" sem bater nas bordas ── */
#bcx-pdp .bcx-pdp-quando .bcx-pdp-bens-head{padding:0 2px}
#bcx-pdp .bcx-pdp-quando-grid{padding:2px}

/* ===== HERO = cópia fiel da Guedes (estudada, alta conversão). calderon 07/06/2026 =====
   Inter, tamanhos/espaçamentos e estrelas amarelas (#FBC312) idênticos à Guedes.
   Só o primeiro bloco (hero). Anton segue nas ISPs e nos blocos de benefício. */
#bcx-pdp .pdp-hero .product-title{font-family:'Inter',sans-serif!important;font-weight:800!important;font-size:24px!important;line-height:1.22!important;letter-spacing:-.3px!important;color:var(--ink)}
#bcx-pdp .pdp-hero .price-val{font-family:'Inter',sans-serif!important;font-weight:900!important;font-size:36px!important;line-height:1!important;letter-spacing:-1px!important;color:var(--ink)}
#bcx-pdp .pdp-hero .rating-row{gap:10px;font-size:13px;margin-bottom:18px;flex-wrap:wrap}
#bcx-pdp .pdp-hero .rating-row .stars{color:#FBC312!important;letter-spacing:1px;font-size:15px}
#bcx-pdp .pdp-hero .reviews-link{font-family:'Inter',sans-serif}
#bcx-pdp .pdp-hero .product-chamada{display:none!important}
#bcx-pdp .pdp-hero .price-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
@media(max-width:768px){
  #bcx-pdp .pdp-hero .product-title{font-size:18px!important;line-height:1.3!important}
  #bcx-pdp .pdp-hero .price-val{font-size:28px!important;letter-spacing:-.6px!important}
  #bcx-pdp .pdp-hero .rating-row{font-size:12px;margin-bottom:14px}
  #bcx-pdp .pdp-hero .rating-row .stars{font-size:14px}
  #bcx-pdp .pdp-hero .price-parcela{font-size:12px}
}
@media(max-width:380px){
  #bcx-pdp .pdp-hero .product-title{font-size:17px!important}
  #bcx-pdp .pdp-hero .price-val{font-size:26px!important}
}

/* mobile: preço full-width (Guedes) e os 2 boxes valor lado a lado ABAIXO. (rende-wrap abaixo do preco) calderon 07/06/2026 */
@media(max-width:520px){
  #bcx-pdp .price-main{flex:1 1 100%!important;width:100%}
  #bcx-pdp .price-rende-wrap{flex:1 1 100%!important;width:100%!important;flex-direction:row!important;align-self:stretch;margin-top:12px}
  #bcx-pdp .price-rende{flex:1}
}

/* ajustes finos calderon 07/06/2026: tag do "quando usar" menor + abas menores lado a lado no mobile */
#bcx-pdp .bcx-pdp-quando-tag{font-size:16px}
#bcx-pdp .bcx-tab-btn{font-size:13.5px}
@media(max-width:520px){
  #bcx-pdp .bcx-pdp-quando-tag{font-size:14px}
  #bcx-pdp .bcx-tabs-nav{flex-wrap:nowrap;gap:2px}
  #bcx-pdp .bcx-tab-btn{flex:1 1 0;min-width:0;font-size:12px;padding:9px 4px;letter-spacing:-.2px;text-align:center;white-space:nowrap}
}