/* =============================================================
   PAGES — produto, colecao e carrinho
   (styles.css continua sendo a base)
   ============================================================= */

/* ---------- botao secundario ---------- */
.btn--outline{
  border:1.5px solid var(--ink); color:var(--ink);
  padding:12px 28px; font-size:16px; background:transparent;
}
.btn--outline:hover{ background:var(--ink); color:#fff; }

/* ---------- breadcrumb ---------- */
.crumbs{
  display:flex; align-items:center; gap:6px; flex-wrap:wrap;
  padding:22px 0 6px; font-size:13.5px; color:var(--muted);
}
.crumbs a:hover{ color:var(--ink); text-decoration:underline; }
.crumbs span{ color:var(--ink); }
.crumbs svg{ opacity:.5; }

.notfound{ padding:80px 0 120px; text-align:center; }
.notfound h1{ font-size:32px; font-weight:700; margin-bottom:10px; }
.notfound p{ color:var(--muted); margin-bottom:22px; }
.notfound code{ background:var(--card-bg); padding:2px 7px; border-radius:var(--r-sm); }

/* =============================================================
   PDP — pagina de produto
   ============================================================= */
.pdp{
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:clamp(24px,4vw,56px); align-items:start; padding-block:18px 40px;
}

/* --- galeria --- */
.pdp__gallery{ display:flex; gap:14px; align-items:flex-start; position:sticky; top:88px; }
.pdp__thumbs{ display:flex; flex-direction:column; gap:10px; flex:0 0 auto; }
.pdp__thumb{
  width:66px; height:66px; border-radius:var(--r-sm); overflow:hidden;
  background:var(--card-bg); border:2px solid transparent; padding:4px;
  transition:border-color .2s var(--ease);
}
.pdp__thumb img{ width:100%; height:100%; object-fit:contain; }
.pdp__thumb.is-active{ border-color:var(--ink); }
.pdp__stage{
  position:relative; flex:1 1 auto; background:var(--card-bg);
  border-radius:var(--r-lg); aspect-ratio:1/.92; overflow:hidden;
}
.pdp__stage-inner{ position:absolute; inset:0; display:grid; place-items:center; }
.pdp__stage-inner img{ width:100%; height:100%; object-fit:contain; padding:6%; }

/* --- buybox --- */
.pdp__badge{
  display:inline-block; background:var(--ink); color:#fff;
  font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  padding:5px 10px; border-radius:var(--r-sm); margin-bottom:12px;
}
.pdp__title{ font-size:clamp(26px,3vw,36px); font-weight:700; line-height:1.15; }
.pdp__tagline{ font-size:15px; color:var(--ink-2); margin-top:8px; }

.pdp__rating{ display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-size:14px; }
.pdp__reviews{ color:var(--muted); text-decoration:underline; }
.stars{ letter-spacing:1px; color:#d5d5d5; font-size:15px; }
.stars .star.is-on,.stars .star.is-half{ color:#f5a623; }

.pdp__prices{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-top:18px; }
.pdp__price{ font-size:clamp(24px,2.6vw,32px); font-weight:700; }
.pdp__price--sale{ color:var(--sale); }
.pdp__compare{ font-size:17px; color:var(--muted); text-decoration:line-through; }
.pdp__savetag{
  background:var(--red); color:#fff; font-size:13px; font-weight:700;
  padding:4px 10px; border-radius:var(--r-pill);
}

.pdp__affirm{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  margin-top:10px; font-size:13.5px; color:var(--ink-2);
}
.pdp__affirm-logo{ height:18px; width:auto; }

.pdp__field{ margin-top:24px; }
.pdp__label{ display:block; font-size:14px; font-weight:600; margin-bottom:9px; }
.pdp__variants{ display:flex; gap:9px; flex-wrap:wrap; }
.pdp__variant{
  border:1.5px solid var(--line); border-radius:var(--r-pill);
  padding:8px 18px; font-size:14px; font-weight:500;
  transition:border-color .2s var(--ease), background .2s var(--ease);
}
.pdp__variant:hover{ border-color:var(--ink-2); }
.pdp__variant.is-active{ border-color:var(--ink); background:var(--ink); color:#fff; }

.pdp__qty{ display:inline-flex; align-items:center; gap:0; border:1.5px solid var(--line); border-radius:var(--r-pill); }
.pdp__qty button{ width:42px; height:42px; display:grid; place-items:center; }
.pdp__qty button:hover{ color:var(--red); }
.pdp__qty span{ min-width:34px; text-align:center; font-weight:600; font-variant-numeric:tabular-nums; }

.pdp__actions{ display:flex; gap:12px; margin-top:26px; flex-wrap:wrap; }
.pdp__actions .btn{ flex:1 1 190px; }

.pdp__trust{ margin-top:26px; border-top:1px solid var(--line); padding-top:18px; }
.pdp__trust li{
  display:flex; align-items:flex-start; gap:10px;
  font-size:13.5px; color:var(--ink-2); padding:7px 0;
}
.pdp__trust svg{ flex:0 0 auto; margin-top:2px; color:var(--muted); }

/* --- faixa de specs-chave --- */
.pdp__highlights{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px;
  background:var(--card-bg); border-radius:var(--r-lg);
  padding:clamp(20px,3vw,32px); margin-bottom:clamp(28px,4vw,44px);
}
.pdp__hl{ text-align:center; }
.pdp__hl svg{ margin:0 auto 10px; color:var(--ink-2); }
.pdp__hl b{ display:block; font-size:clamp(17px,1.8vw,22px); font-weight:700; }
.pdp__hl span{ font-size:13px; color:var(--muted); }

/* =============================================================
   ABAS
   ============================================================= */
.tabs{ padding-bottom:clamp(30px,5vw,60px); }
.tabs__bar{
  display:flex; gap:0; border-bottom:1px solid var(--line);
  overflow-x:auto; scrollbar-width:none;
}
.tabs__bar::-webkit-scrollbar{ display:none; }
.tabs__btn{
  position:relative; padding:15px 22px; font-size:15px; font-weight:500;
  color:var(--muted); white-space:nowrap; transition:color .2s var(--ease);
}
.tabs__btn:hover{ color:var(--ink); }
.tabs__btn.is-active{ color:var(--ink); font-weight:600; }
.tabs__btn.is-active::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--ink);
}
.tabs__panel{ display:none; padding-top:clamp(24px,3.5vw,40px); }
.tabs__panel.is-active{ display:block; }
.tabs__empty{ color:var(--muted); font-size:15px; padding:10px 0 30px; }
.tabs__empty code{ background:var(--card-bg); padding:2px 6px; border-radius:4px; font-size:13px; }

/* --- blocos de conteudo (aba visao geral) --- */
.feature{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,4vw,52px);
  align-items:center; margin-bottom:clamp(24px,4vw,48px);
}
.feature--flip .feature__media{ order:2; }
.feature__media{
  background:var(--card-bg); border-radius:var(--r-lg);
  aspect-ratio:4/3; overflow:hidden;
}
.feature__media img{ width:100%; height:100%; object-fit:cover; }
.feature__text h3{ font-size:clamp(20px,2.2vw,28px); font-weight:700; margin-bottom:10px; }
.feature__text p{ font-size:15px; color:var(--ink-2); line-height:1.6; }

/* --- ficha tecnica --- */
.spectable{ margin-bottom:32px; }
.spectable h3{ font-size:18px; font-weight:700; margin-bottom:12px; }
.spectable table{ width:100%; border-collapse:collapse; }
.spectable tr{ border-bottom:1px solid var(--line); }
.spectable th{
  text-align:left; font-weight:500; color:var(--ink-2);
  padding:13px 16px 13px 0; font-size:14.5px; width:44%;
}
.spectable td{ padding:13px 0; font-size:14.5px; font-weight:600; }

/* --- na caixa --- */
.boxlist{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
.boxlist li{
  display:flex; align-items:center; gap:10px;
  background:var(--card-bg); border-radius:var(--r-md);
  padding:14px 18px; font-size:14.5px;
}
.boxlist svg{ color:var(--red); flex:0 0 auto; }

/* --- avaliacoes --- */
.reviews__score{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.reviews__score b{ font-size:40px; font-weight:700; line-height:1; }
.reviews__score span{ font-size:14px; color:var(--muted); }

/* --- faq --- */
.faq__item{ border-bottom:1px solid var(--line); }
.faq__item summary{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 0; font-size:16px; font-weight:600; cursor:pointer; list-style:none;
}
.faq__item summary::-webkit-details-marker{ display:none; }
.faq__item summary svg{ flex:0 0 auto; transition:transform .25s var(--ease); color:var(--muted); }
.faq__item[open] summary svg{ transform:rotate(90deg); }
.faq__item p{ padding:0 0 20px; font-size:14.5px; color:var(--ink-2); line-height:1.6; max-width:78ch; }

/* --- downloads --- */
.downloads li + li{ margin-top:2px; }
.downloads a{
  display:flex; align-items:center; gap:10px;
  padding:14px 0; font-size:15px; border-bottom:1px solid var(--line);
}
.downloads a:hover{ color:var(--red); }
.downloads svg{ color:var(--muted); }

/* =============================================================
   COLECAO
   ============================================================= */
.collection__banner{ margin-bottom:clamp(20px,3vw,32px); }
.collection__banner .banner__content{ justify-content:center; }

.filters{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  flex-wrap:wrap; padding-bottom:16px; border-bottom:1px solid var(--line);
}
.filters__chips{ display:flex; gap:8px; flex-wrap:wrap; }
.chip{
  border:1.5px solid var(--line); border-radius:var(--r-pill);
  padding:7px 16px; font-size:13.5px; font-weight:500;
  transition:border-color .2s var(--ease), background .2s var(--ease);
}
.chip:hover{ border-color:var(--ink-2); }
.chip.is-active{ background:var(--ink); border-color:var(--ink); color:#fff; }

.filters__right{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.filters__check{ display:flex; align-items:center; gap:7px; font-size:14px; cursor:pointer; }
.filters__check input{ width:16px; height:16px; accent-color:var(--red); }
.filters__sort{ display:flex; align-items:center; gap:8px; font-size:14px; color:var(--ink-2); }
.filters__sort select{
  border:1.5px solid var(--line); border-radius:var(--r-sm);
  padding:8px 12px; font-size:14px; font-family:inherit; background:#fff; cursor:pointer;
}
.filters__count{ font-size:13.5px; color:var(--muted); padding:16px 0 0; }

.grid--collection{ padding-bottom:clamp(36px,6vw,70px); }

/* =============================================================
   CARRINHO (pagina)
   ============================================================= */
.cartpage{
  display:grid; grid-template-columns:minmax(0,1fr) 330px;
  gap:clamp(24px,4vw,48px); align-items:start; padding-bottom:clamp(40px,6vw,80px);
}
.crow{
  display:grid; grid-template-columns:104px minmax(0,1fr) auto auto;
  gap:18px; align-items:center;
  padding:20px 0; border-bottom:1px solid var(--line);
}
.crow__img{ width:104px; height:104px; background:var(--card-bg); border-radius:var(--r-md); overflow:hidden; }
.crow__img img{ width:100%; height:100%; object-fit:contain; padding:9%; }
.crow__name{ font-size:15.5px; font-weight:600; line-height:1.3; }
.crow__name:hover{ color:var(--red); }
.crow__variant{ font-size:13px; color:var(--muted); margin-top:3px; }
.crow__remove{ font-size:12.5px; color:var(--muted); text-decoration:underline; margin-top:8px; }
.crow__remove:hover{ color:var(--red); }
.crow__qty{ display:inline-flex; align-items:center; border:1.5px solid var(--line); border-radius:var(--r-pill); }
.crow__qty button{ width:36px; height:36px; display:grid; place-items:center; }
.crow__qty span{ min-width:30px; text-align:center; font-weight:600; font-variant-numeric:tabular-nums; }
.crow__total{ font-size:16px; font-weight:700; min-width:88px; text-align:right; }

.cartpage__summary{
  background:var(--card-bg); border-radius:var(--r-lg);
  padding:26px 24px; position:sticky; top:88px;
}
.cartpage__summary h2{ font-size:19px; font-weight:700; margin-bottom:18px; }
.srow{ display:flex; justify-content:space-between; align-items:baseline; padding:8px 0; font-size:14.5px; }
.srow__hint{ font-size:12.5px; color:var(--muted); padding:2px 0 8px; }
.srow--total{
  border-top:1px solid var(--line); margin-top:10px; padding-top:16px;
  font-size:17px; font-weight:700;
}
.cartpage__summary .btn{ width:100%; margin-top:16px; }
.cartpage__continue{
  display:block; text-align:center; margin-top:14px;
  font-size:13.5px; color:var(--ink-2); text-decoration:underline;
}
.cartpage__empty{ padding:60px 0 100px; text-align:center; }
.cartpage__empty p{ font-size:17px; color:var(--muted); margin-bottom:22px; }

/* drawer: link extra */
.drawer__link{
  display:block; text-align:center; margin-top:12px;
  font-size:13px; color:var(--ink-2); text-decoration:underline;
}
.citem__variant{ font-size:12.5px; color:var(--muted); margin-top:2px; }

/* =============================================================
   RESPONSIVO
   ============================================================= */
@media (max-width:1024px){
  .pdp{ grid-template-columns:minmax(0,1fr); }
  .pdp__gallery{ position:static; }
  .cartpage{ grid-template-columns:1fr; }
  .cartpage__summary{ position:static; }
  .pdp__highlights{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  .pdp__gallery{ flex-direction:column-reverse; }
  .pdp__thumbs{ flex-direction:row; overflow-x:auto; min-width:0; scrollbar-width:none; }
  .pdp__thumbs::-webkit-scrollbar{ display:none; }
  .feature,.feature--flip .feature__media{ grid-template-columns:1fr; order:0; }
  .crow{ grid-template-columns:76px minmax(0,1fr) auto; row-gap:12px; }
  .crow__img{ width:76px; height:76px; }
  .crow__total{ grid-column:2 / -1; text-align:left; }
  .filters{ flex-direction:column; align-items:stretch; }
}


/* ---------- nota do fabricante (fonte sempre visivel) ---------- */

.reviews__secao{ font-size:15px; font-weight:700; margin-bottom:14px; }

/* =============================================================
   PDP v2 — estrutura da pagina de produto topo de linha
   ============================================================= */
.pdp__col-esq{ position:sticky; top:88px; min-width:0; }

/* galeria */
.pdp__wish{
  position:absolute; top:14px; right:14px; z-index:3;
  width:38px; height:38px; display:grid; place-items:center;
  border-radius:50%; color:var(--red); background:transparent;
}
.pdp__wish:hover{ background:rgba(0,0,0,.05); }
.pdp__dots{
  position:absolute; left:0; right:0; bottom:14px; z-index:3;
  display:flex; justify-content:center; gap:7px;
}
.pdp__dot{ width:22px; height:4px; border-radius:2px; background:#d0d0d0; }
.pdp__dot.is-active{ background:var(--ink); }
.pdp__thumbs{ flex-direction:row; margin-top:12px; overflow-x:auto; min-width:0; scrollbar-width:none; }
.pdp__thumbs::-webkit-scrollbar{ display:none; }

/* caixa de specs sob a galeria */
.specbox{
  margin-top:18px; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:20px 22px;
}
.specbox__grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:16px 20px;
}
.specbox__item{ display:flex; gap:10px; align-items:flex-start; }
.specbox__item svg{ flex:0 0 auto; margin-top:2px; color:var(--ink-2); }
.specbox__item b{ display:block; font-size:14.5px; font-weight:600; line-height:1.25; }
.specbox__item span{ font-size:12px; color:var(--muted); }
.specbox__selos{
  display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center;
  margin-top:20px; padding-top:16px; border-top:1px solid var(--line);
}
.selo{
  font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--ink-2); border:1px solid var(--line); border-radius:var(--r-sm); padding:5px 10px;
}

/* cabecalho do buybox */
.pdp__cabecalho{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.pdp__estoque{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:6px;
  font-size:13px; color:var(--ink-2); white-space:nowrap; margin-top:6px;
}


/* avisos */
.avisobox{
  display:flex; gap:12px; align-items:flex-start;
  border-left:3px solid #e8a33d; background:#fdf8ef;
  border-radius:var(--r-sm); padding:14px 16px; margin-top:16px;
}
.avisobox svg{ flex:0 0 auto; color:#c8791a; margin-top:1px; }
.avisobox b{ display:block; font-size:13.5px; font-weight:700; color:#8a5a12; }
.avisobox p{ font-size:12.5px; color:var(--ink-2); margin-top:3px; line-height:1.5; }
.avisobox a{ display:inline-block; font-size:12.5px; color:#c8791a; font-weight:600; margin-top:5px; }


/* descricao */
.pdp__desc{ margin-top:26px; }
.pdp__desc h2{ font-size:17px; font-weight:700; margin-bottom:8px; }
.pdp__desc p{ font-size:14px; color:var(--ink-2); line-height:1.6; }

/* combo */
.combo{ margin-top:26px; }
.combo h2{ font-size:17px; font-weight:700; margin-bottom:12px; }
.combo__item{
  display:flex; align-items:center; gap:12px; cursor:pointer;
  border:1px solid var(--line); border-radius:var(--r-md);
  padding:12px 14px; margin-bottom:10px; transition:border-color .18s var(--ease);
}
.combo__item:hover{ border-color:var(--ink-2); }
.combo__item input{ width:17px; height:17px; accent-color:var(--red); flex:0 0 auto; }
.combo__img{ width:52px; height:52px; flex:0 0 auto; background:var(--card-bg); border-radius:var(--r-sm); }
.combo__img img{ width:100%; height:100%; object-fit:contain; padding:5px; }
.combo__info{ flex:1 1 auto; min-width:0; }
.combo__info b{ display:block; font-size:13.5px; font-weight:600; line-height:1.3; }
.combo__info i{ display:block; font-size:11.5px; color:var(--muted); font-style:normal; margin-top:2px; }
.combo__preco{ display:flex; gap:7px; align-items:baseline; margin-top:3px; }
.combo__preco em{ font-style:normal; font-size:14px; font-weight:700; }
.combo__preco em.is-sale{ color:var(--sale); }
.combo__preco s{ font-size:12.5px; color:var(--muted); }

/* bloco final de compra */
.compra{
  border:1px solid var(--line); border-radius:var(--r-md);
  padding:16px; margin-top:22px;
}
.compra__linha{ display:flex; align-items:center; gap:12px; }
.compra__thumb{ width:46px; height:46px; flex:0 0 auto; background:var(--card-bg); border-radius:var(--r-sm); }
.compra__thumb img{ width:100%; height:100%; object-fit:contain; padding:4px; }
.compra__nome{ font-size:13.5px; font-weight:600; line-height:1.3; }
.compra__nome i{ font-style:normal; color:var(--muted); margin-left:6px; }
.compra .pdp__qty{ margin-top:14px; }
.compra__total{ font-size:22px; font-weight:700; margin:14px 0 16px; }
.compra__btn{ width:100%; margin-bottom:9px; }
/* pagamento expresso: um abaixo do outro, altura igual */
.btn--pay{
  background:#000; color:#fff; padding:0; height:48px;
  display:flex; align-items:center; justify-content:center;
}
.btn--pay:hover{ background:#1a1a1a; }
.btn--pay svg{ display:block; }
.btn--gpay{ background:#000; }
.btn--apay{ background:#000; }
.compra__btn + .compra__btn{ margin-top:9px; }

/* textos legais */
.legal{ font-size:11.5px; color:var(--muted); line-height:1.5; margin-top:12px; }
.legal--cert{ display:flex; gap:7px; align-items:flex-start; }
.legal--cert svg{ flex:0 0 auto; color:#e8a33d; margin-top:1px; }
.legal--link{ display:inline-block; text-decoration:underline; }
.legal--link:hover{ color:var(--red); }

/* =============================================================
   ABA PRODUTO
   ============================================================= */
.produto__titulo{ font-size:clamp(28px,3.6vw,44px); font-weight:700; line-height:1.1; }
.produto__intro{ font-size:15px; color:var(--ink-2); line-height:1.65; margin-top:14px; max-width:70ch; }

.pdp__video{
  position:relative; margin-top:clamp(22px,3vw,36px);
  border-radius:var(--r-lg); overflow:hidden; aspect-ratio:16/7; background:#111;
}
.pdp__video img,.pdp__video video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

/* mosaico de destaques */
.mosaico{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px; margin-top:clamp(22px,3vw,36px);
}
.mosaico__tile{
  position:relative; min-height:210px; border-radius:var(--r-md);
  overflow:hidden; background:#151515; display:flex; align-items:flex-end;
}
.mosaico__tile--grande{ grid-column:span 2; min-height:300px; }
.mosaico__bg{ position:absolute; inset:0; }
.mosaico__bg img{ width:100%; height:100%; object-fit:cover; opacity:.55; }
.mosaico__txt{ position:relative; z-index:2; padding:20px 22px; color:#fff; }
.mosaico__txt b{ display:block; font-size:clamp(22px,2.6vw,32px); font-weight:700; line-height:1.1; }
.mosaico__txt span{ font-size:13px; opacity:.85; }

.tabs__bloco{ margin-bottom:clamp(28px,4vw,44px); }
.tabs__h3{ font-size:20px; font-weight:700; margin-bottom:14px; }

@media (max-width:1024px){
  .pdp__col-esq{ position:static; }
  .mosaico__tile--grande{ grid-column:span 1; min-height:210px; }
}

/* ---------- perguntas e respostas ---------- */
.qa{ margin-top:clamp(28px,4vw,44px); padding-top:clamp(24px,3vw,36px); border-top:1px solid var(--line); }
.qa__head{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
.qa__head .tabs__h3{ margin-bottom:0; }
.qa__lista{ display:grid; gap:20px; }
.qa__item{ padding-bottom:18px; border-bottom:1px solid var(--line); }
.qa__item:last-child{ border-bottom:0; }
.qa__p{ font-size:15px; font-weight:600; line-height:1.5; }
.qa__r{ font-size:14.5px; color:var(--ink-2); line-height:1.6; margin-top:7px; max-width:78ch; }
.qa__p b,.qa__r b{ color:var(--red); margin-right:5px; }
.qa__meta{ font-size:12.5px; color:var(--muted); margin-top:7px; }

/* ---------- colecao: intro, texto final e FAQ ---------- */
.colecao__intro{
  font-size:15.5px; color:var(--ink-2); line-height:1.6;
  max-width:76ch; margin:-6px 0 22px;
}
.colecao__seo{
  margin-top:clamp(30px,4vw,52px); padding-top:clamp(24px,3vw,36px);
  border-top:1px solid var(--line);
}
.colecao__seo h2,.colecao__faq h2{ font-size:22px; font-weight:700; margin-bottom:12px; }
.colecao__seo p{ font-size:15px; color:var(--ink-2); line-height:1.65; max-width:78ch; }
.colecao__faq{ margin-top:clamp(28px,3.5vw,44px); padding-bottom:clamp(24px,3vw,40px); }

/* ---------- estrelas + contagem no bloco de compra ---------- */
.pdp__rating{ display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-size:14px; flex-wrap:wrap; }
.pdp__nota{ font-size:15px; font-weight:700; }
.pdp__reviews{ color:var(--ink-2); text-decoration:underline; }
.pdp__resumo,.pdp__fonte-inline{
  font-size:12.5px; color:var(--muted); padding-left:9px; border-left:1px solid var(--line);
}
.pdp__rating:hover .pdp__reviews{ color:var(--red); }
.stars{ letter-spacing:1px; font-size:16px; }

.reviews__parcial{ font-size:13px; color:var(--muted); margin-bottom:16px; }
.reviews__mais{ margin-top:20px; }

/* peca de largura total (imagem com texto proprio, sem sobreposicao) */
.bloco-largo{
  margin:clamp(22px,3vw,36px) 0 0; border-radius:var(--r-lg); overflow:hidden;
  background:var(--card-bg);
}
.bloco-largo img{ width:100%; height:auto; display:block; }

/* avaliacoes no fim da aba Produto */
.produto__avaliacoes{
  margin-top:clamp(28px,4vw,44px); padding-top:clamp(24px,3vw,36px);
  border-top:1px solid var(--line);
}

/* =============================================================
   CUSTOMER REVIEWS — formato da referencia, estrelas douradas
   ============================================================= */
/* cabecalho centralizado acima do resumo */
.cr__cabecalho{
  display:flex; flex-direction:column; align-items:center; gap:9px;
  text-align:center; margin-bottom:22px;
}
/* selo de avaliacoes: centralizado, nas medidas pedidas */
.cr__selo{
  display:flex; justify-content:center; align-items:center; gap:7px;
  width:200px; max-width:100%; margin:14px auto 0;
  font-size:14px; font-weight:600; color:var(--ink-2);
}
.cr__selo svg{ color:var(--verificado); flex:0 0 auto; }
.cr__estrelas-topo .stars{ font-size:24px; }

@media (max-width:768px){
  .cr__selo{ width:160px; font-size:13px; }
  .cr__estrelas-topo .stars{ font-size:20px; }
}
.cr__titulo{ font-size:clamp(22px,2.4vw,28px); font-weight:700; margin:0; }

/* cartao de resumo */
.cr__resumo{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center;
  gap:clamp(20px,4vw,52px);
  background:var(--card-bg); border-radius:var(--r-lg);
  padding:clamp(20px,3vw,32px);
}
.cr__nota{ display:flex; align-items:center; gap:16px; }
.cr__nota b{ font-size:clamp(38px,5vw,60px); font-weight:700; line-height:1; }
.cr__nota .stars{ display:flex; gap:2px; white-space:nowrap; }
.cr__nota .stars .star{ display:inline-block; }
.cr__nota span{ display:block; font-size:13.5px; color:var(--ink-2); margin-top:4px; }

.cr__barras{ display:grid; gap:6px; border-left:1px solid var(--line); padding-left:clamp(18px,3vw,40px); }
.cr__barra{ display:flex; align-items:center; gap:10px; font-size:13px; }
.cr__n{ display:inline-flex; align-items:center; gap:3px; min-width:26px; color:var(--ink-2); }
.cr__estrela{ color:#f5a623; font-style:normal; }
.stars{ display:inline-flex; gap:2px; white-space:nowrap; line-height:1; }
.cr__trilho{ flex:1 1 auto; max-width:230px; height:7px; border-radius:var(--r-pill); background:#e2e2e2; overflow:hidden; }
.cr__trilho i{ display:block; height:100%; background:var(--ink); border-radius:inherit; }
.cr__q{ min-width:34px; text-align:right; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.cr__escrever{ white-space:nowrap; }
.cr__vazio{ font-size:15px; color:var(--muted); }

/* ordenacao */
.cr__topo{ display:flex; justify-content:flex-end; margin:clamp(20px,3vw,30px) 0 14px; }
.cr__ordenar{ display:flex; align-items:center; gap:8px; font-size:14px; color:var(--ink-2); }
.cr__select{
  border:0; background:transparent; font:inherit; font-weight:600;
  color:var(--ink); cursor:pointer; padding:4px 2px;
}

/* grade de cards */
.cr__grade{ columns:3; column-gap:16px; }
.rv{
  break-inside:avoid; display:inline-block; width:100%;
  background:#fff; border:1px solid var(--line); border-radius:var(--r-lg);
  padding:20px 22px; margin-bottom:16px;
}
.rv__topo{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.rv__data{ font-size:12.5px; color:var(--muted); }
.rv__titulo{ font-size:16px; font-weight:700; line-height:1.3; margin:10px 0 8px; }
.rv__texto{ font-size:14.5px; color:var(--ink-2); line-height:1.6; }
.rv__texto.is-cortado{
  display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden;
}
.rv__mais{ font-size:13.5px; font-weight:700; color:var(--red); margin-top:4px; }
.rv__autor{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:14px; font-size:13.5px; }
.rv__selo{
  display:inline-flex; align-items:center; gap:5px;
  font-size:12.5px; color:var(--ink-2); white-space:nowrap;
}
.rv__selo svg{ color:var(--verificado); flex:0 0 auto; }
.rv__resposta{
  margin-top:14px; padding-top:14px; border-top:1px solid var(--line);
}
.rv__resposta b{ display:block; font-size:13px; font-weight:700; margin-bottom:5px; }
.rv__resposta p{ font-size:13px; color:var(--ink-2); line-height:1.6; }

/* carregar mais */
.cr__mais-wrap{ display:flex; justify-content:center; margin-top:8px; }
.cr__mais{
  background:var(--card-bg); border-radius:var(--r-pill);
  padding:13px 30px; font-size:14.5px; font-weight:500;
  transition:background .2s var(--ease);
}
.cr__mais:hover{ background:#eaeaea; }

@media (max-width:1024px){ .cr__grade{ columns:2; } }
@media (max-width:760px){
  .cr__grade{ columns:1; }
  .cr__resumo{ grid-template-columns:1fr; gap:20px; }
  .cr__barras{ border-left:0; padding-left:0; }
}

/* =============================================================
   BLOCO DE OFERTA — destaques, selo, economia e estoque
   ============================================================= */
.oferta{ margin-top:20px; }

.oferta__lista{ display:grid; gap:11px; }
.oferta__lista li{ display:flex; align-items:flex-start; gap:11px; font-size:14.5px; line-height:1.45; }
.oferta__lista svg{ flex:0 0 auto; margin-top:1px; color:var(--ink-2); }
.oferta__lista b{ font-weight:600; }
.oferta__lista span{ color:var(--muted); }

.oferta__ponto{
  width:8px; height:8px; border-radius:50%; background:#1a9e5c;
  flex:0 0 auto; display:inline-block;
}

.oferta__destaque{
  display:flex; align-items:center; gap:10px; margin-top:18px;
  font-size:15px; font-weight:700; color:#1a9e5c;
}

.oferta__economia{
  display:flex; align-items:center; gap:9px; margin-top:9px;
  font-size:14px; color:var(--ink-2);
}
.oferta__economia svg{ flex:0 0 auto; color:var(--muted); }
.oferta__economia b{ color:var(--ink); font-weight:700; }

.oferta__estoque{
  margin-top:16px; border:1px solid var(--line); border-radius:var(--r-md);
  padding:14px 16px;
}
.oferta__estoque-titulo{
  display:flex; align-items:center; gap:9px;
  font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--red);
}
.oferta__estoque-txt{ font-size:14.5px; color:var(--ink-2); margin-top:7px; }
.oferta__estoque-txt b{ color:var(--red); font-weight:700; }

/* =============================================================
   PONTO PULSANTE  (mesmo padrao usado no projeto OneBlade)
   nucleo com pulso de opacidade + anel que expande e some
   ============================================================= */
.pulso{
  position:relative; flex:0 0 auto; display:inline-block;
  width:9px; height:9px; border-radius:50%;
  background:#1a9e5c;
  animation:pulsoNucleo 1.4s ease-in-out infinite;
  will-change:opacity;
}
.pulso::after{
  content:''; position:absolute; inset:0; border-radius:50%;
  background:#1a9e5c;
  animation:pulsoAnel 1.4s ease-out infinite;
  will-change:transform, opacity; pointer-events:none;
}
.pulso--vermelho,
.pulso--vermelho::after{ background:var(--red); }

@keyframes pulsoNucleo{
  0%, 100%{ opacity:1; }
  50%     { opacity:.4; }
}
@keyframes pulsoAnel{
  0%       { opacity:.55; transform:scale(1); }
  80%, 100%{ opacity:0;   transform:scale(2.8); }
}

/* quem pede menos movimento ve o ponto parado */
@media (prefers-reduced-motion:reduce){
  .pulso{ animation-duration:2.2s; }
  .pulso::after{ animation:none; opacity:0; }
}

/* barra do lote da oferta relampago */
.oferta__barra{
  height:6px; border-radius:var(--r-pill); background:#eee;
  overflow:hidden; margin:10px 0 8px;
}
.oferta__barra i{
  display:block; height:100%; border-radius:inherit;
  background:var(--red); transition:width .4s var(--ease);
}

/* link para ler as avaliacoes na fonte */

/* =============================================================
   ORDER BUMPS NO CARRINHO
   ============================================================= */
.bumps{ margin-top:34px; padding-top:26px; border-top:1px solid var(--line); }
.bumps__titulo{ font-size:19px; font-weight:700; margin:0 0 14px; }

.bump{
  display:flex; align-items:center; gap:14px;
  border:1px solid var(--line); border-radius:var(--r-md);
  padding:12px 14px; margin-bottom:10px;
}
.bump__img{
  flex:0 0 62px; width:62px; height:62px; border-radius:10px;
  background:var(--soft); display:grid; place-items:center; overflow:hidden;
}
.bump__img img{ width:100%; height:100%; object-fit:contain; }

.bump__info{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
.bump__info b{ font-size:15px; font-weight:600; }
.bump__info i{ font-style:normal; font-size:12.5px; color:var(--muted); }
.bump__preco{ display:flex; align-items:baseline; gap:8px; margin-top:2px; }
.bump__preco em{ font-style:normal; font-weight:700; font-size:16px; }
.bump__preco em.is-sale{ color:var(--red); }
.bump__preco s{ color:var(--muted); font-size:13.5px; }

.bump__add{
  flex:0 0 auto; padding:9px 22px; border-radius:999px;
  border:1.5px solid var(--ink); background:#fff; color:var(--ink);
  font-family:inherit; font-size:14px; font-weight:600; cursor:pointer;
  transition:background .15s, color .15s, border-color .15s;
}
.bump__add:hover{ background:var(--ink); color:#fff; }
.bump__add.is-ok{
  background:var(--soft); border-color:var(--line);
  color:var(--muted); cursor:default; pointer-events:none;
}

@media (max-width:640px){
  .bump{ flex-wrap:wrap; }
  .bump__add{ width:100%; margin-top:4px; }
}

/* =============================================================
   CHECKOUT
   ============================================================= */
.ck{
  display:grid; grid-template-columns:minmax(0,1fr) 380px;
  gap:56px; align-items:start; padding-bottom:70px;
}
.ck__col{ min-width:0; }
.ck__bloco{ margin-bottom:38px; }
.ck__titulo{ font-size:21px; font-weight:700; margin:0 0 18px; }

/* --- campos com rotulo flutuante --- */
.campo{ position:relative; display:block; margin-bottom:14px; }
.campo > input,
.campo > select{
  width:100%; padding:19px 16px 7px; font-family:inherit; font-size:15px;
  color:var(--ink); background:#fff;
  border:1px solid var(--line); border-radius:var(--r-md);
  transition:border-color .15s;
}
.campo > select{ appearance:none; cursor:pointer; padding-right:42px; }
.campo > input:focus,
.campo > select:focus{ outline:none; border-color:var(--ink); }

.campo > span{
  position:absolute; left:16px; top:50%; transform:translateY(-50%);
  font-size:15px; color:var(--muted); pointer-events:none;
  transition:top .13s, font-size .13s, color .13s;
}
.campo > input:focus + span,
.campo > input:not(:placeholder-shown) + span,
.campo > select:focus + span,
.campo > select:valid + span{ top:15px; font-size:11.5px; }
.campo > span i{ font-style:normal; color:var(--red); margin-left:2px; }

.campo--select::after{
  content:''; position:absolute; right:18px; top:calc(50% - 3px);
  width:9px; height:9px; border-right:1.8px solid var(--ink-2);
  border-bottom:1.8px solid var(--ink-2); transform:rotate(45deg);
  pointer-events:none;
}
.campo.is-invalido > input,
.campo.is-invalido > select{ border-color:var(--red); }

.ck__dupla{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ck__dupla .campo{ margin-bottom:14px; }

.ck__check{ display:flex; align-items:center; gap:10px; font-size:14.5px; margin-top:4px; }
.ck__check input{ width:17px; height:17px; accent-color:var(--red); cursor:pointer; }

/* --- caixa do cartao --- */
.ck__seguro{
  display:flex; align-items:center; gap:8px;
  font-size:13.5px; color:var(--muted); margin:0 0 14px;
}
.ck__seguro svg{ flex:0 0 auto; }
.ck__cartao{
  border:1px solid var(--line); border-radius:var(--r-md);
  padding:20px 18px; min-height:120px; background:#fff;
}
.ck__carregando{ color:var(--muted); font-size:14px; }
.ck__indisponivel{ margin:0; font-size:14px; color:var(--ink-2); line-height:1.6; }
.ck__indisponivel code{
  background:var(--soft); padding:2px 6px; border-radius:5px; font-size:13px;
}

.ck__erro{
  margin:0 0 16px; padding:13px 16px; border-radius:var(--r-md);
  background:#fdecea; color:#a3271a; font-size:14px; font-weight:500;
}
.ck__pagar{ width:100%; padding:17px; font-size:16.5px; }
.ck__pagar:disabled{ opacity:.5; cursor:not-allowed; }
.ck__nota{ font-size:12.5px; color:var(--muted); text-align:center; margin:14px 0 0; }

/* --- painel do resumo --- */
.ck__resumo{ position:sticky; top:96px; padding-left:44px; border-left:1px solid var(--line); }
.ck__resumoTitulo{ font-size:17px; font-weight:700; margin:0 0 20px; }

.ck__itens{ margin-bottom:22px; }
.ck__item{ display:flex; align-items:flex-start; gap:13px; margin-bottom:16px; }
.ck__itemImg{
  flex:0 0 66px; width:66px; height:66px; border-radius:10px;
  background:var(--soft); display:grid; place-items:center; overflow:hidden;
}
.ck__itemImg img{ width:100%; height:100%; object-fit:contain; }
.ck__itemInfo{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.ck__itemInfo b{ font-size:14px; font-weight:600; line-height:1.35; }
.ck__itemInfo i{ font-style:normal; font-size:12.5px; color:var(--muted); }
.ck__itemInfo em{ font-style:normal; font-size:15px; font-weight:700; }
.ck__itemQtd{ flex:0 0 auto; font-size:13.5px; color:var(--muted); }

.ck__linha{
  display:flex; justify-content:space-between; align-items:flex-start; gap:16px;
  padding:13px 0; border-top:1px solid var(--line); font-size:14.5px;
}
.ck__linha b{ white-space:nowrap; font-weight:700; }
.ck__linha--frete span{ font-size:13px; color:var(--muted); line-height:1.5; }
.ck__linha--total{ font-size:17px; font-weight:700; padding-top:16px; }
.ck__linha--total b{ font-size:24px; color:var(--red); }

/* --- pagina de retorno --- */
.obrigado{ max-width:560px; margin:80px auto 100px; text-align:center; }
.obrigado__selo{
  width:76px; height:76px; margin:0 auto 26px; border-radius:50%;
  display:grid; place-items:center; color:#fff;
}
.obrigado--ok     .obrigado__selo{ background:#1a9f5d; }
.obrigado--espera .obrigado__selo{ background:#e8a020; }
.obrigado--ruim   .obrigado__selo{ background:var(--red); }
.obrigado h1{ font-size:30px; font-weight:700; margin:0 0 14px; line-height:1.25; }
.obrigado p{ font-size:15.5px; color:var(--ink-2); line-height:1.6; margin:0 0 8px; }
.obrigado__ref{ font-size:12.5px !important; color:var(--muted) !important; margin-top:16px !important; }
.obrigado__acoes{ display:flex; gap:12px; justify-content:center; margin-top:32px; flex-wrap:wrap; }

@media (max-width:960px){
  .ck{ grid-template-columns:1fr; gap:38px; }
  .ck__resumo{
    position:static; padding-left:0; border-left:0;
    border-top:1px solid var(--line); padding-top:28px; order:-1;
  }
}
@media (max-width:560px){
  .ck__dupla{ grid-template-columns:1fr; gap:0; }
}

/* =============================================================
   TRAVA GERAL CONTRA VAZAMENTO HORIZONTAL NO CELULAR
   -------------------------------------------------------------
   Grid e flex usam min-content como minimo por padrao, entao um
   filho largo (tira de miniaturas, tabela, bloco de codigo)
   estica a coluna toda em vez de rolar dentro dela. As regras
   abaixo devolvem o controle ao container.
   ============================================================= */
.pdp__col-dir,
.pdp__stage,
.specbox,
.cartpage__list,
.ck__col{ min-width:0; }

/* conteudo largo rola dentro da propria caixa, nunca na pagina */
.pdp__thumbs,
.tabs__nav,
.filters{ max-width:100%; }

@media (max-width:640px){
  /* miniaturas menores deixam a tira caber sem rolagem na maioria dos casos */
  .pdp__thumb{ width:58px; height:58px; }
  .specbox{ padding:16px; }
  .specbox__grid{ grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:14px 16px; }
}

@media (max-width:400px){
  .pdp__title{ font-size:23px; }
  .pdp__thumb{ width:52px; height:52px; }
  .specbox__grid{ grid-template-columns:1fr; }
  .bump{ gap:11px; padding:11px; }
  .bump__img{ flex:0 0 54px; width:54px; height:54px; }
  .ck__resumo{ padding-top:22px; }
  .ck__itemImg{ flex:0 0 56px; width:56px; height:56px; }
  .obrigado h1{ font-size:24px; }
  .cr__grade{ columns:1; }
}

/* =============================================================
   EXPRESS CHECKOUT NA PAGINA DE PRODUTO
   O elemento so aparece quando o aparelho tem carteira, entao
   a margem fica nele mesmo e some junto quando ele nao renderiza.
   ============================================================= */
.compra__express{ margin-top:0; }
.compra__express.tem-carteira{ margin-top:10px; }

/* =============================================================
   RODAPE DO CHECKOUT — so o essencial
   ============================================================= */
.footer-ck{
  border-top:1px solid var(--line); padding:26px 0 40px;
  text-align:center; background:#fff;
}
.footer-ck__seguro{
  font-size:13.5px; font-weight:600; color:var(--ink-2); margin:0 0 7px;
}
.footer-ck__legal{ font-size:12.5px; color:var(--muted); margin:0; line-height:1.7; }
.footer-ck__legal a{ color:var(--muted); text-decoration:underline; }
.footer-ck__legal a:hover{ color:var(--ink); }

@media (max-width:1024px){
  /* No celular a coluna da galeria vem primeiro, e a caixa de
     especificacoes ja mostra motor, velocidade, pneu e carga.
     Repetir as mesmas quatro linhas abaixo do preco so alonga
     a rolagem ate o botao de comprar. */
  .oferta__lista{ display:none; }
}

/* carteiras no carrinho: sem carteira o elemento fica vazio e nao ocupa espaco */
.cart__express{ margin-top:0; }
.cart__express.tem-carteira{ margin-top:10px; }

/* =============================================================
   CHECKOUT RAPIDO — carteiras no topo da pagina de pagamento
   ============================================================= */
.ck__expresso{ margin-bottom:30px; }
.ck__expressoCaixa{ min-height:48px; }

/* divisor "or pay with card" */
.ck__ou{
  display:flex; align-items:center; gap:14px;
  margin-top:22px; color:var(--muted); font-size:13px;
}
.ck__ou::before,.ck__ou::after{
  content:''; flex:1; height:1px; background:var(--line);
}
.ck__ou span{ flex:0 0 auto; }

/* voltar ao produto, no topo do checkout */
.ck__voltar{
  display:inline-flex; align-items:center; gap:5px;
  font-size:14px; font-weight:500; color:var(--ink-2);
  padding:14px 0 2px; transition:color .15s;
}
.ck__voltar:hover{ color:var(--red); }
.ck__voltar svg{ flex:0 0 auto; }