Cybertruck Performance Look Dry Carbon Fiber Front Door Sill Trim (1 Pair)
Marque: Tesery Official Store
Type: Carbon Fiber
$184.94 CAD
Prix en CAD au taux de change de référence du jour ; le prix final est confirmé lors du devis.
| Option | SKU | Prix |
|---|---|---|
| Glossy | TCCB003-GC | $184.94 CAD |
| Matte | TCCB003-MC | $184.94 CAD |
.product-page-cybertruck-sills {
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-sills:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.product-page-cybertruck-sills .header-container {
text-align: center;
margin-bottom: 40px;
}
.product-page-cybertruck-sills h2 {
color: #007BFF;
font-size: 2.5em;
margin-bottom: 10px;
font-weight: 700;
}
.product-page-cybertruck-sills h3 {
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 15px;
font-weight: 600;
}
.product-page-cybertruck-sills p {
margin-bottom: 20px;
}
.product-page-cybertruck-sills .placeholder-video,
.product-page-cybertruck-sills .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-sills .feature-section {
display: flex;
align-items: center;
gap: 50px;
margin-bottom: 40px;
}
.product-page-cybertruck-sills .feature-section.reverse {
flex-direction: row-reverse;
}
.product-page-cybertruck-sills .feature-text {
flex: 1;
}
.product-page-cybertruck-sills .feature-text h3 {
margin-top: 0;
color: #333;
}
.product-page-cybertruck-sills .feature-text .underline-line {
width: 50px;
height: 2px;
background-color: #007BFF;
margin: 10px 0 20px 0;
}
.product-page-cybertruck-sills .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-sills .feature-image:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.product-page-cybertruck-sills .feature-image .placeholder-image {
aspect-ratio: 1 / 1;
border-radius: 10px;
}
.product-page-cybertruck-sills .list-section {
margin-top: 40px;
padding: 20px;
background-color: #f0f0f0;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.product-page-cybertruck-sills .list-section h3 {
margin-top: 0;
}
.product-page-cybertruck-sills .list-section ul {
list-style-type: none;
padding: 0;
}
.product-page-cybertruck-sills .list-section li {
padding: 8px 0;
border-bottom: 1px solid #ddd;
}
.product-page-cybertruck-sills .list-section li:last-child {
border-bottom: none;
}
.product-page-cybertruck-sills .faq-section {
margin-top: 40px;
}
.product-page-cybertruck-sills .faq-item {
border-bottom: 1px solid #ddd;
}
.product-page-cybertruck-sills .faq-question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 15px 0;
}
.product-page-cybertruck-sills .faq-question h3 {
margin: 0;
font-size: 1.2em;
transition: color 0.3s ease;
}
.product-page-cybertruck-sills .faq-question:hover h3 {
color: #007BFF;
}
.product-page-cybertruck-sills .faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease-in-out;
padding: 0 15px;
}
.product-page-cybertruck-sills .faq-question .icon {
font-size: 1.2em;
transition: transform 0.3s ease;
}
.product-page-cybertruck-sills .faq-question.active .icon {
transform: rotate(45deg);
}
@media (max-width: 768px) {
.product-page-cybertruck-sills {
padding: 10px;
}
.product-page-cybertruck-sills h2 {
font-size: 2em;
}
.product-page-cybertruck-sills .feature-section,
.product-page-cybertruck-sills .feature-section.reverse {
flex-direction: column;
}
.product-page-cybertruck-sills .feature-text {
order: 2;
}
.product-page-cybertruck-sills .feature-image {
order: 1;
margin-bottom: 20px;
}
.product-page-cybertruck-sills .feature-text .underline-line {
margin: 10px auto 20px;
}
.product-page-cybertruck-sills .feature-text,
.product-page-cybertruck-sills .feature-image {
width: 100%;
}
}
Cy…