Vareta de Oleo (Pequena Varias cores) - YCF (SM150/ FACTORY/ BIGY FACTORY 150/190)

<div class="w-100 my-2 gf-workshop-container" style="width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
<style>
.gf-thumb-zoom-wrap { position: relative !important; }
.gf-thumb-zoom-popover {
display: none;
position: absolute;
bottom: 100%;
left: 0;
z-index: 1050;
background: #ffffff;
border: 1px solid #cbd5e1;
padding: 8px;
width: 220px;
border-radius: 4px;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
pointer-events: none;
}
.gf-thumb-zoom-popover img { width: 100%; height: auto; object-fit: contain; max-height: 180px; }
.gf-thumb-zoom-wrap:hover .gf-thumb-zoom-popover { display: block !important; }
</style>

<!-- ═══ BLOCO 1: CABEÇALHO TÉCNICO & IDENTIFICAÇÃO NO DESENHO OFICIAL ═══ -->
<div class="card rounded-0 border mb-4 bg-white shadow-none" style="border: 1px solid #e2e8f0 !important; border-radius: 0px !important;">
<div class="card-body p-4" style="border-radius: 0px !important;">
<div class="row align-items-center g-4">
<div class="col-lg-8">
<div class="d-flex flex-wrap align-items-center gap-2 mb-2">

<span class="badge bg-dark rounded-0 px-2 py-1 fw-bold text-uppercase" style="background-color: #000000 !important; color: #ffffff !important; border-radius: 0px !important; font-size: 12px; letter-spacing: 0.5px;">
<i class="fa fa-crosshairs me-1"></i> PEÇA NUMERADA N.º 25 NO DESENHO
</span>
<span class="badge bg-dark rounded-0 px-2 py-1 fw-semibold text-white" style="background-color: #0f172a !important; border-radius: 0px !important; font-size: 12px;">
<i class="fa fa-sitemap me-1"></i> Peças Motor 150cc Tipo CRF
</span>
<span class="badge rounded-0 px-2 py-1 fw-semibold text-white" style="background-color: #000000 !important; border-radius: 0px !important; font-size: 12px;">
<i class="fa fa-check-circle me-1 text-success"></i> Peça 100% Original
</span>
<span class="badge rounded-0 px-2 py-1 fw-semibold text-white" style="background-color: #16a34a !important; border-radius: 0px !important; font-size: 12px;">
<i class="fa fa-check-circle me-1"></i> Sob Encomenda / Cotação
</span>

</div>
<div class="d-flex flex-wrap align-items-center gap-1 mb-3">
<span class="small fw-bold text-muted me-1"><i class="fa fa-motorcycle text-danger me-1"></i>Modelos Compatíveis:</span>
<span class="badge bg-light text-dark border px-2 py-1 fw-semibold" style="border-radius: 0px !important; font-size: 11px; border-color: #cbd5e1 !important;"><i class="fa fa-tag me-1 text-secondary"></i>Motor 150cc Tipo CRF</span>
</div>
<h4 class="fw-bold text-dark mb-2" style="font-size: 1.35rem; line-height: 1.3;">
Peça Identificada no Desenho Técnico Oficial
</h4>
<p class="text-muted mb-3" style="font-size: 0.95rem; line-height: 1.5;">
Esta peça corresponde à <strong>Peça Numerada n.º 25 no Desenho Peças Motor 150cc Tipo CRF</strong> para veículos e motorizações <strong>YCF Riding</strong> (Motor 150cc Tipo CRF). Quantidade recomendada na mota: <strong>1.0 un.</strong>
</p>
<div class="d-flex flex-wrap gap-2">

<a href="/microficha/2800" target="_blank" class="btn rounded-0 fw-bold px-3 py-2 shadow-sm" style="background-color: #000000 !important; color: #ffffff !important; border: 1px solid #000000 !important; border-radius: 0px !important; text-decoration: none;">
<i class="fa fa-external-link me-1"></i> Ver na Microficha Oficial
</a>

</div>
</div>
<div class="col-lg-4 text-center">

<a href="/microficha/2800" target="_blank" class="d-inline-block p-2 border bg-white rounded-0 shadow-sm text-decoration-none" style="border-radius: 0px !important;">
<img src="/web/image/product.template/10231/image_512" alt="Vareta de Oleo (Pequena Varias cores) - YCF (SM150/ FACTORY/ BIGY FACTORY 150/190)" class="img-fluid rounded-0" style="max-height: 150px; width: auto; max-width: 100%; object-fit: contain; border-radius: 0px !important; display: block; margin: 0 auto;"/>
</a>
<div class="small text-muted mt-2"><i class="fa fa-search me-1"></i> Clique para ampliar o esquema</div>

</div>
</div>
</div>
</div>


<!-- ═══ BLOCO 2: COMPONENTES RECOMENDADOS PARA MONTAGEM CONJUNTA ═══ -->
<div class="card rounded-0 border mb-4 bg-light shadow-none gf-companion-block-wrapper" style="overflow: visible !important; border: 1px solid #e2e8f0 !important; border-radius: 0px !important;">
<div class="card-header bg-white border-bottom py-3 rounded-0" style="border-radius: 0px !important;">
<div class="d-flex align-items-center justify-content-between">
<h6 class="fw-bold mb-0 text-dark" style="font-size: 0.95rem;">
<i class="fa fa-wrench me-2 text-danger"></i> Componentes Recomendados para Montagem Conjunta
</h6>
<span class="text-muted small">
<i class="fa fa-link me-1"></i> Clique em qualquer cartão para consultar e encomendar
</span>
</div>
</div>
<div class="card-body p-3" style="overflow: visible !important; border-radius: 0px !important;">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-4 g-3 align-items-stretch" style="overflow: visible !important;">

<div class="col-md-3 col-sm-6" style="overflow: visible !important;">
<a href="/shop/product/10484" target="_blank" class="text-decoration-none d-block h-100 text-dark">
<div class="card h-100 rounded-0 border p-3 bg-white gf-companion-card position-relative" style="overflow: visible !important; border: 1px solid #e2e8f0 !important; border-radius: 0px !important;">
<div class="d-flex align-items-center gap-3 mb-2" style="overflow: visible !important;">
<div class="gf-thumb-zoom-wrap position-relative d-inline-block" style="flex-shrink: 0; cursor: pointer; overflow: visible !important;">
<div class="p-1 border bg-light text-center" style="width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 0px !important;">
<img src="/web/image/product.template/10484/image_128" alt="Junta de embraiagem CRF, YCF / Pitbike" class="img-fluid rounded-0" style="max-height: 48px; max-width: 48px; object-fit: contain; border-radius: 0px !important;"/>
</div>
<div class="gf-thumb-zoom-popover shadow-lg">
<img src="/web/image/product.template/10484/image_512" alt="Junta de embraiagem CRF, YCF / Pitbike"/>
<div class="fw-bold text-dark small mt-2 text-truncate">Junta de embraiagem CRF, YCF / Pitbike</div>
<div class="text-muted small font-monospace">Ref: 11319/152FMH</div>
<div class="text-danger fw-bold small mt-1">5.69 €</div>
</div>
</div>
<div style="min-width: 0;">
<div class="d-flex align-items-center gap-1">
<span class="badge bg-dark rounded-0 px-2 py-0" style="background-color: #000000 !important; border-radius: 0px !important; font-size: 10px;">Peça n.º 1</span>
<span class="badge rounded-0 px-1 py-0 text-muted" style="background-color: #f1f5f9 !important; color: #64748b !important; font-size: 10px;"><i class="fa fa-clock-o me-1"></i>Sob Consulta</span>
</div>
<h6 class="fw-bold mb-0 text-dark small text-truncate mt-1" style="max-width: 170px;" title="Junta de embraiagem CRF, YCF / Pitbike">Junta de embraiagem CRF, YCF / Pitbike</h6>
<span class="text-muted small font-monospace">Ref: 11319/152FMH</span>
</div>
</div>
<div class="d-flex justify-content-between align-items-center mt-auto pt-2 border-top">
<span class="fw-bold text-dark" style="color: #000000 !important; font-size: 1.05rem;">5.69 €</span>
<button type="button" class="btn btn-secondary btn-sm rounded-0 py-1 px-2 fw-semibold gf-companion-out-stock-btn" style="border: 1px solid #cbd5e1 !important; color: #64748b !important; background-color: #f1f5f9 !important; border-radius: 0px !important; font-size: 11px; cursor: not-allowed;" onclick="event.preventDefault(); event.stopPropagation();"><i class="fa fa-clock-o me-1"></i> Sob Consulta</button>
</div>
</div>
</a>
</div>

<div class="col-md-3 col-sm-6" style="overflow: visible !important;">
<a href="/shop/product/12846" target="_blank" class="text-decoration-none d-block h-100 text-dark">
<div class="card h-100 rounded-0 border p-3 bg-white gf-companion-card position-relative" style="overflow: visible !important; border: 1px solid #e2e8f0 !important; border-radius: 0px !important;">
<div class="d-flex align-items-center gap-3 mb-2" style="overflow: visible !important;">
<div class="gf-thumb-zoom-wrap position-relative d-inline-block" style="flex-shrink: 0; cursor: pointer; overflow: visible !important;">
<div class="p-1 border bg-light text-center" style="width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 0px !important;">
<img src="/web/image/product.template/12846/image_128" alt="Tampa do Magnetico (Aluminio), YCF (YX) / Pitbike" class="img-fluid rounded-0" style="max-height: 48px; max-width: 48px; object-fit: contain; border-radius: 0px !important;"/>
</div>
<div class="gf-thumb-zoom-popover shadow-lg">
<img src="/web/image/product.template/12846/image_512" alt="Tampa do Magnetico (Aluminio), YCF (YX) / Pitbike"/>
<div class="fw-bold text-dark small mt-2 text-truncate">Tampa do Magnetico (Aluminio), YCF (YX) / Pitbike</div>
<div class="text-muted small font-monospace">Ref: 11411/152FMH</div>
<div class="text-danger fw-bold small mt-1">30.08 €</div>
</div>
</div>
<div style="min-width: 0;">
<div class="d-flex align-items-center gap-1">
<span class="badge bg-dark rounded-0 px-2 py-0" style="background-color: #000000 !important; border-radius: 0px !important; font-size: 10px;">Peça n.º 2</span>
<span class="badge rounded-0 px-1 py-0 text-muted" style="background-color: #f1f5f9 !important; color: #64748b !important; font-size: 10px;"><i class="fa fa-clock-o me-1"></i>Sob Consulta</span>
</div>
<h6 class="fw-bold mb-0 text-dark small text-truncate mt-1" style="max-width: 170px;" title="Tampa do Magnetico (Aluminio), YCF (YX) / Pitbike">Tampa do Magnetico (Aluminio), YCF (YX) / Pitbike</h6>
<span class="text-muted small font-monospace">Ref: 11411/152FMH</span>
</div>
</div>
<div class="d-flex justify-content-between align-items-center mt-auto pt-2 border-top">
<span class="fw-bold text-dark" style="color: #000000 !important; font-size: 1.05rem;">30.08 €</span>
<button type="button" class="btn btn-secondary btn-sm rounded-0 py-1 px-2 fw-semibold gf-companion-out-stock-btn" style="border: 1px solid #cbd5e1 !important; color: #64748b !important; background-color: #f1f5f9 !important; border-radius: 0px !important; font-size: 11px; cursor: not-allowed;" onclick="event.preventDefault(); event.stopPropagation();"><i class="fa fa-clock-o me-1"></i> Sob Consulta</button>
</div>
</div>
</a>
</div>

<div class="col-md-3 col-sm-6" style="overflow: visible !important;">
<a href="/shop/product/6455" target="_blank" class="text-decoration-none d-block h-100 text-dark">
<div class="card h-100 rounded-0 border p-3 bg-white gf-companion-card position-relative" style="overflow: visible !important; border: 1px solid #e2e8f0 !important; border-radius: 0px !important;">
<div class="d-flex align-items-center gap-3 mb-2" style="overflow: visible !important;">
<div class="gf-thumb-zoom-wrap position-relative d-inline-block" style="flex-shrink: 0; cursor: pointer; overflow: visible !important;">
<div class="p-1 border bg-light text-center" style="width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 0px !important;">
<img src="/web/image/product.template/6455/image_128" alt="Tampa do Magnetico (preto), YCF (YX) / Pitbike" class="img-fluid rounded-0" style="max-height: 48px; max-width: 48px; object-fit: contain; border-radius: 0px !important;"/>
</div>
<div class="gf-thumb-zoom-popover shadow-lg">
<img src="/web/image/product.template/6455/image_512" alt="Tampa do Magnetico (preto), YCF (YX) / Pitbike"/>
<div class="fw-bold text-dark small mt-2 text-truncate">Tampa do Magnetico (preto), YCF (YX) / Pitbike</div>
<div class="text-muted small font-monospace">Ref: 11411/152FMH-BK</div>
<div class="text-danger fw-bold small mt-1">36.59 €</div>
</div>
</div>
<div style="min-width: 0;">
<div class="d-flex align-items-center gap-1">
<span class="badge bg-dark rounded-0 px-2 py-0" style="background-color: #000000 !important; border-radius: 0px !important; font-size: 10px;">Peça n.º 3</span>
<span class="badge rounded-0 px-1 py-0 text-muted" style="background-color: #f1f5f9 !important; color: #64748b !important; font-size: 10px;"><i class="fa fa-clock-o me-1"></i>Sob Consulta</span>
</div>
<h6 class="fw-bold mb-0 text-dark small text-truncate mt-1" style="max-width: 170px;" title="Tampa do Magnetico (preto), YCF (YX) / Pitbike">Tampa do Magnetico (preto), YCF (YX) / Pitbike</h6>
<span class="text-muted small font-monospace">Ref: 11411/152FMH-BK</span>
</div>
</div>
<div class="d-flex justify-content-between align-items-center mt-auto pt-2 border-top">
<span class="fw-bold text-dark" style="color: #000000 !important; font-size: 1.05rem;">36.59 €</span>
<button type="button" class="btn btn-secondary btn-sm rounded-0 py-1 px-2 fw-semibold gf-companion-out-stock-btn" style="border: 1px solid #cbd5e1 !important; color: #64748b !important; background-color: #f1f5f9 !important; border-radius: 0px !important; font-size: 11px; cursor: not-allowed;" onclick="event.preventDefault(); event.stopPropagation();"><i class="fa fa-clock-o me-1"></i> Sob Consulta</button>
</div>
</div>
</a>
</div>

<div class="col-md-3 col-sm-6" style="overflow: visible !important;">
<a href="/shop/product/4810" target="_blank" class="text-decoration-none d-block h-100 text-dark">
<div class="card h-100 rounded-0 border p-3 bg-white gf-companion-card position-relative" style="overflow: visible !important; border: 1px solid #e2e8f0 !important; border-radius: 0px !important;">
<div class="d-flex align-items-center gap-3 mb-2" style="overflow: visible !important;">
<div class="gf-thumb-zoom-wrap position-relative d-inline-block" style="flex-shrink: 0; cursor: pointer; overflow: visible !important;">
<div class="p-1 border bg-light text-center" style="width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 0px !important;">
<img src="/web/image/product.template/4810/image_128" alt="Valvula 23x66x5 - YCF / Pitbike" class="img-fluid rounded-0" style="max-height: 48px; max-width: 48px; object-fit: contain; border-radius: 0px !important;"/>
</div>
<div class="gf-thumb-zoom-popover shadow-lg">
<img src="/web/image/product.template/4810/image_512" alt="Valvula 23x66x5 - YCF / Pitbike"/>
<div class="fw-bold text-dark small mt-2 text-truncate">Valvula 23x66x5 - YCF / Pitbike</div>
<div class="text-muted small font-monospace">Ref: 14720/152FMI</div>
<div class="text-danger fw-bold small mt-1">15.45 €</div>
</div>
</div>
<div style="min-width: 0;">
<div class="d-flex align-items-center gap-1">
<span class="badge bg-dark rounded-0 px-2 py-0" style="background-color: #000000 !important; border-radius: 0px !important; font-size: 10px;">Peça n.º 4</span>
<span class="badge rounded-0 px-1 py-0 text-muted" style="background-color: #f1f5f9 !important; color: #64748b !important; font-size: 10px;"><i class="fa fa-clock-o me-1"></i>Sob Consulta</span>
</div>
<h6 class="fw-bold mb-0 text-dark small text-truncate mt-1" style="max-width: 170px;" title="Valvula 23x66x5 - YCF / Pitbike">Valvula 23x66x5 - YCF / Pitbike</h6>
<span class="text-muted small font-monospace">Ref: 14720/152FMI</span>
</div>
</div>
<div class="d-flex justify-content-between align-items-center mt-auto pt-2 border-top">
<span class="fw-bold text-dark" style="color: #000000 !important; font-size: 1.05rem;">15.45 €</span>
<button type="button" class="btn btn-secondary btn-sm rounded-0 py-1 px-2 fw-semibold gf-companion-out-stock-btn" style="border: 1px solid #cbd5e1 !important; color: #64748b !important; background-color: #f1f5f9 !important; border-radius: 0px !important; font-size: 11px; cursor: not-allowed;" onclick="event.preventDefault(); event.stopPropagation();"><i class="fa fa-clock-o me-1"></i> Sob Consulta</button>
</div>
</div>
</a>
</div>

</div>
</div>
</div>


<!-- ═══ BLOCO 3: CARDS DE IDENTIFICAÇÃO TÉCNICA E OFICINA ═══ -->
<div class="row g-3 mb-4">
<div class="col-md-6">
<div class="card h-100 rounded-0 border shadow-none bg-white" style="border: 1px solid #e2e8f0 !important; border-radius: 0px !important;">
<div class="card-header bg-light py-2 px-3 border-bottom rounded-0" style="border-radius: 0px !important;">
<h6 class="fw-bold mb-0 text-dark small"><i class="fa fa-barcode me-2 text-danger"></i> Referências &amp; Códigos de Identificação</h6>
</div>
<div class="card-body p-3">
<table class="table table-sm table-borderless mb-0 small">
<tr class="border-bottom"><td class="text-muted ps-0">Referência Original OEM:</td><td class="text-end pe-0 fw-bold font-monospace text-dark">N/A</td></tr>
<tr class="border-bottom"><td class="text-muted ps-0">Referência Anterior / Substituída:</td><td class="text-end pe-0 text-muted font-monospace">N/A</td></tr>
<tr class="border-bottom"><td class="text-muted ps-0">Marca Oficial Homologada:</td><td class="text-end pe-0 fw-semibold text-dark">YCF Riding Genuine OEM</td></tr>
<tr class="border-bottom"><td class="text-muted ps-0">Motorização / Aplicação:</td><td class="text-end pe-0 fw-semibold text-dark">Motor 150cc Tipo CRF</td></tr>
<tr class="border-bottom"><td class="text-muted ps-0">Disponibilidade de Stock:</td><td class="text-end pe-0"><span class="text-muted fw-bold"><i class="fa fa-clock-o me-1"></i> Sob Consulta / Encomenda</span></td></tr>
<tr><td class="text-muted ps-0">Garantia Técnica:</td><td class="text-end pe-0 fw-bold text-success"><i class="fa fa-shield me-1"></i> Certificado de Origem</td></tr>
</table>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100 rounded-0 border shadow-none bg-white" style="border: 1px solid #e2e8f0 !important; border-radius: 0px !important;">
<div class="card-header bg-light py-2 px-3 border-bottom rounded-0" style="border-radius: 0px !important;">
<h6 class="fw-bold mb-0 text-dark small"><i class="fa fa-cogs me-2 text-danger"></i> Guia Técnico &amp; Montagem de Oficina</h6>
</div>
<div class="card-body p-3">
<table class="table table-sm table-borderless mb-0 small">
<tr class="border-bottom"><td class="text-muted ps-0">Tipo de Substituição:</td><td class="text-end pe-0 fw-semibold text-dark">Substituição Direta Original OEM</td></tr>
<tr class="border-bottom"><td class="text-muted ps-0">Posição no Desenho:</td><td class="text-end pe-0 fw-bold text-dark">Peça Numerada com n.º 25</td></tr>
<tr class="border-bottom"><td class="text-muted ps-0">Garantia de Qualidade:</td><td class="text-end pe-0 text-success fw-bold"><i class="fa fa-check me-1"></i> Peça 100% Original Homologada</td></tr>
<tr class="border-bottom"><td class="text-muted ps-0">Instalação na Mota:</td><td class="text-end pe-0 text-dark">Conforme manual de serviço e oficina do fabricante</td></tr>
<tr class="border-bottom"><td class="text-muted ps-0">Binário de Aperto:</td><td class="text-end pe-0 fw-bold text-dark">Conforme especificação oficial do fabricante</td></tr>
<tr><td class="text-muted ps-0">Apoio Técnico:</td><td class="text-end pe-0 fw-bold text-dark">Oficina Especializada MotoXpert</td></tr>
</table>
</div>
</div>
</div>
</div>


<!-- ═══ BLOCO 4: TABELA DE COMPATIBILIDADE DE VEÍCULOS (6 COLUNAS COM BOTÃO DEDICADO) ═══ -->
<div class="card rounded-0 border shadow-none bg-white mb-4" style="border: 1px solid #e2e8f0 !important; border-radius: 0px !important;">
<div class="card-header bg-light border-bottom py-3 px-3 rounded-0 d-flex flex-wrap align-items-center justify-content-between gap-2" style="border-radius: 0px !important;">
<div class="d-flex align-items-center gap-2">
<h6 class="fw-bold mb-0 text-dark"><i class="fa fa-motorcycle me-2 text-danger"></i> Modelos Compatíveis Homologados</h6>
<span class="badge bg-dark rounded-0 px-2 py-1" style="background-color: #000000 !important; border-radius: 0px !important; font-size: 11px;">4 Modelo(s) Mapeado(s)</span>
</div>
</div>
<div class="table-responsive" style="max-height: 480px; overflow-y: auto;">
<table class="table table-hover table-striped align-middle mb-0 small">
<thead class="table-dark sticky-top">
<tr>
<th class="ps-3" style="border-radius: 0px !important;">Marca</th>
<th>Modelo</th>
<th class="text-center" style="width: 85px;">Cilindrada</th>
<th>Anos / Versão</th>
<th>Sub-sistema / Montagem</th>
<th class="text-center pe-3" style="width: 140px; border-radius: 0px !important;">Microficha</th>
</tr>
</thead>
<tbody>
<tr>
<td class="ps-3 fw-bold text-dark">YCF Riding</td>
<td class="fw-semibold text-dark">Motor 150cc Tipo CRF</td>
<td class="text-center"><span style="background-color: #0f172a !important; color: #ffffff !important; font-weight: 700; border-radius: 0px !important; font-size: 11px; padding: 3px 8px; border: 1px solid #0f172a; display: inline-block;">Pitbike</span></td>
<td class="text-dark fw-medium">Série Homologada</td>
<td><i class="fa fa-sitemap text-danger me-1"></i> Peças Motor 150cc Tipo CRF (Peça n.º 25)</td>
<td class="text-center pe-3">
<a href="/microficha/2800" target="_blank" class="btn btn-outline-dark btn-sm rounded-0 fw-semibold px-2 py-1 gf-btn-view-microficha" style="border: 1px solid #000000 !important; color: #000000 !important; background-color: transparent !important; border-radius: 0px !important; font-size: 11px; white-space: nowrap; text-decoration: none;">
<i class="fa fa-external-link me-1"></i> Ver Microficha
</a>
</td>
</tr>

<tr>
<td class="ps-3 fw-bold text-dark">YCF Riding</td>
<td class="fw-semibold text-dark">Motor 190cc DT190FDX</td>
<td class="text-center"><span style="background-color: #0f172a !important; color: #ffffff !important; font-weight: 700; border-radius: 0px !important; font-size: 11px; padding: 3px 8px; border: 1px solid #0f172a; display: inline-block;">Pitbike</span></td>
<td class="text-dark fw-medium">Série Homologada</td>
<td><i class="fa fa-sitemap text-danger me-1"></i> Peças Motor 190cc DT190FDX (Peça n.º 26)</td>
<td class="text-center pe-3">
<a href="/microficha/2803" target="_blank" class="btn btn-outline-dark btn-sm rounded-0 fw-semibold px-2 py-1 gf-btn-view-microficha" style="border: 1px solid #000000 !important; color: #000000 !important; background-color: transparent !important; border-radius: 0px !important; font-size: 11px; white-space: nowrap; text-decoration: none;">
<i class="fa fa-external-link me-1"></i> Ver Microficha
</a>
</td>
</tr>

<tr>
<td class="ps-3 fw-bold text-dark">YCF Riding</td>
<td class="fw-semibold text-dark">Motor 150cc YX150-3</td>
<td class="text-center"><span style="background-color: #0f172a !important; color: #ffffff !important; font-weight: 700; border-radius: 0px !important; font-size: 11px; padding: 3px 8px; border: 1px solid #0f172a; display: inline-block;">Pitbike</span></td>
<td class="text-dark fw-medium">Série Homologada</td>
<td><i class="fa fa-sitemap text-danger me-1"></i> Peças Motor 150cc YX150-3 (Peça n.º 27)</td>
<td class="text-center pe-3">
<a href="/microficha/2801" target="_blank" class="btn btn-outline-dark btn-sm rounded-0 fw-semibold px-2 py-1 gf-btn-view-microficha" style="border: 1px solid #000000 !important; color: #000000 !important; background-color: transparent !important; border-radius: 0px !important; font-size: 11px; white-space: nowrap; text-decoration: none;">
<i class="fa fa-external-link me-1"></i> Ver Microficha
</a>
</td>
</tr>

<tr>
<td class="ps-3 fw-bold text-dark">YCF Riding</td>
<td class="fw-semibold text-dark">Motor 150cc KLX</td>
<td class="text-center"><span style="background-color: #0f172a !important; color: #ffffff !important; font-weight: 700; border-radius: 0px !important; font-size: 11px; padding: 3px 8px; border: 1px solid #0f172a; display: inline-block;">Pitbike</span></td>
<td class="text-dark fw-medium">Série Homologada</td>
<td><i class="fa fa-sitemap text-danger me-1"></i> Peças Motor 150cc KLX (Peça n.º 36)</td>
<td class="text-center pe-3">
<a href="/microficha/2799" target="_blank" class="btn btn-outline-dark btn-sm rounded-0 fw-semibold px-2 py-1 gf-btn-view-microficha" style="border: 1px solid #000000 !important; color: #000000 !important; background-color: transparent !important; border-radius: 0px !important; font-size: 11px; white-space: nowrap; text-decoration: none;">
<i class="fa fa-external-link me-1"></i> Ver Microficha
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>


<!-- ═══ BLOCO 5: ADVERTÊNCIA TÉCNICA ÂMBAR & NOTA DE CONFORMIDADE ═══ -->
<div class="p-3 mb-3 bg-light rounded-0 text-dark small" style="border-left: 4px solid #f59e0b; border-radius: 0px !important; background-color: #fffbeb !important;">
<div class="mb-2">
<i class="fa fa-wrench text-warning me-1"></i>
<strong>Recomendação Técnica MotoXpert:</strong> Para salvaguardar a garantia do fabricante e garantir o correto funcionamento mecânico e elétrico da sua mota, aconselha-se a instalação com as ferramentas adequadas e em conformidade com as especificações do manual de oficina oficial.
</div>
<div class="text-muted border-top pt-2" style="border-color: #fde68a !important; font-size: 11px;">
<i class="fa fa-info-circle me-1"></i>
<strong>Nota de Conformidade:</strong> Os esquemas e desenhos técnicos explodidos destinam-se a auxiliar na correta identificação e montagem da peça no veículo. Em caso de dúvida sobre a aplicação, confirme sempre pela referência OEM original ou contacte a equipa técnica MotoXpert.
</div>
</div>

<!-- Script de Filtro Instantâneo e Adição ao Carrinho -->
<script>
if (!window.gfFilterCompatModels) {
window.gfFilterCompatModels = function(input, tableId) {
var filter = (input.value || '').toLowerCase();
var rows = document.querySelectorAll('#' + tableId + ' tbody tr');
rows.forEach(function(row) {
var text = (row.innerText || '').toLowerCase();
row.style.display = text.indexOf(filter) > -1 ? '' : 'none';
});
};
}
if (!window.gfAddCompanionToCart) {
window.gfAddCompanionToCart = function(btn, productId) {
var $btn = $(btn);
var origHtml = $btn.html();
$btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin me-1"></i> A adicionar...');
fetch('/shop/cart/update_json', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
jsonrpc: '2.0',
method: 'call',
params: { product_id: productId, add_qty: 1 }
})
})
.then(function(r) { return r.json(); })
.then(function(data) {
if (data && data.result) {
$btn.removeClass('btn-dark').addClass('btn-success').html('<i class="fa fa-check me-1"></i> Adicionado!');
var $qtyBadge = $('.my_cart_quantity');
if ($qtyBadge.length) {
$qtyBadge.text(data.result.cart_quantity || (parseInt($qtyBadge.text() || 0) + 1));
}
$(document).trigger('tp_cart_updated', [data.result]);
setTimeout(function() {
$btn.removeClass('btn-success').addClass('btn-dark').html(origHtml).prop('disabled', false);
}, 2500);
} else {
window.location.href = '/shop/cart/update?product_id=' + productId + '&add_qty=1';
}
})
.catch(function(err) {
$btn.prop('disabled', false).html(origHtml);
window.location.href = '/shop/cart/update?product_id=' + productId + '&add_qty=1';
});
};
}
</script>

</div>

Garantias & Condições :

Garantia 100% Original

Devoluções até 14 Dias

Envio Rápido 24/48h