Cybertruck Carbon Fiber Door Panel Covers 4 Packs
Marca: Tesery Official Store
Tipo: Carbon Fiber
$7,807.84 MXN
Precios en MXN al tipo de cambio de referencia del día; el precio final se confirma al cotizar.
| Opción | SKU | Precio |
|---|---|---|
| Glossy | TCCB002-GC | $7,807.84 MXN |
| Matte | TCCB002-MC | $7,807.84 MXN |
.product-page-cybertruck {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
color: #333;
line-height: 1.6;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease-in-out;
}
.product-page-cybertruck:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.product-page-cybertruck .header-container {
text-align: center;
margin-bottom: 40px;
}
.product-page-cybertruck h2 {
color: #007BFF;
font-size: 2.5em;
margin-bottom: 10px;
font-weight: 700;
}
.product-page-cybertruck h3 {
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 15px;
font-weight: 600;
}
.product-page-cybertruck p {
margin-bottom: 20px;
}
.product-page-cybertruck .placeholder-video,
.product-page-cybertruck .placeholder-image {
width: 100%;
background-color: #e0e0e0;
color: #777;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
margin-bottom: 20px;
font-style: italic;
overflow: hidden;
aspect-ratio: 16 / 9;
}
.product-page-cybertruck .feature-section {
display: flex;
align-items: center;
gap: 50px;
margin-bottom: 40px;
}
.product-page-cybertruck .feature-section.reverse {
flex-direction: row-reverse;
}
.product-page-cybertruck .feature-text {
flex: 1;
}
.product-page-cybertruck .feature-text h3 {
margin-top: 0;
color: #333;
}
.product-page-cybertruck .feature-text .underline-line {
width: 50px;
height: 2px;
background-color: #007BFF;
margin: 10px 0 20px 0;
}
.product-page-cybertruck .feature-image {
flex: 1;
aspect-ratio: 1 / 1;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-page-cybertruck .feature-image:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.product-page-cybertruck .feature-image .placeholder-image {
aspect-ratio: 1 / 1;
border-radius: 10px;
}
.product-page-cybertruck .feature-list ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.product-page-cybertruck .feature-list li {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
background-color: #fff;
padding: 15px;
border-radius: 8px;
border: 1px solid #eee;
transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.product-page-cybertruck .feature-list li:hover {
background-color: #f0f8ff;
transform: translateY(-3px);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.product-page-cybertruck .feature-list .icon {
color: #007BFF;
font-size: 1.5em;
margin-right: 15px;
}
.product-page-cybertruck .feature-list .text {
flex: 1;
}
.product-page-cybertruck .feature-list h4 {
margin: 0 0 5px 0;
font-weight: 600;
}
.product-page-cybertruck .feature-list p {
margin: 0;
font-size: 0.95em;
color: #555;
}
.product-page-cybertruck .installation-section {
margin-top: 40px;
padding: 20px;
background-color: #f0f0f0;
border-radius: 10px;
}
.product-page-cybertruck .faq-section {
margin-top: 40px;
}
.product-page-cybertruck .faq-item {
border-bottom: 1px solid #ddd;
}
.product-page-cybertruck .faq-question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 15px 0;
}
.product-page-cybertruck .faq-question h3 {
margin: 0;
font-size: 1.2em;
transition: color 0.3s ease;
}
.product-page-cybertruck .faq-question:hover h3 {
color: #007BFF;
}
.product-page-cybertruck .faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-in-out;
padding: 0 15px;
}
.product-page-cybertruck .faq-answer.expanded {
max-height: 200px;
padding: 15px;
}
.product-page-cybertruck .faq-question .icon {
font-size: 1.2em;
transition: transform 0.3s ease;
}
.product-page-cybertruck .faq-question.active .icon {
transform: rotate(45deg);
}
@media (max-width: 768px) {
.product-page-cybertruck {
padding: 10px;
}
.product-page-cybertruck h2 {
font-size: 2em;
}
.product-page-cybertruck .feature-section,
.product-page-cybertruck .feature-s…