Cybertruck Front License Plate Holder | No-Drill, Anti-Theft Mounting Kit
Marca: Tesery Official Store
Tipo: License Plate Frame
SKU: TCLF001
$540.20 MXN
Precios en MXN al tipo de cambio de referencia del día; el precio final se confirma al cotizar.
/* Scoping the styles to this specific component */
.cybertruck-mount-detail {
font-family: 'Inter', sans-serif;
color: #1f2937; /* Dark Gray for main text */
padding: 0;
margin: 0;
box-sizing: border-box;
line-height: 1.6;
}
/* H2 Titles - Mandatory Blue Color */
.cybertruck-mount-detail h2 {
color: #007BFF;
text-align: center;
padding-top: 3rem;
padding-bottom: 1.5rem;
font-size: 2.25rem; /* text-3xl */
font-weight: 700;
}
.cybertruck-mount-detail h3 {
font-size: 1.5rem; /* text-xl */
font-weight: 600;
color: #111827;
}
.cybertruck-mount-detail p {
font-size: 1rem;
margin-bottom: 1rem;
}
/* Main Sections and Containers */
.ct-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
/* 1. Main Visual Section Styling (16:9 Aspect Ratio) */
.ct-visual {
background: #f3f4f6;
padding: 2rem 0;
border-bottom: 1px solid #e5e7eb;
}
.ct-visual-item {
aspect-ratio: 16 / 9;
background-color: #d1d5db;
color: #374151;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
margin-bottom: 1.5rem;
border-radius: 0.75rem;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ct-visual-item:hover {
transform: scale(1.01);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
/* 2. Features Section (Alternating 60/40 Layout) */
.ct-feature-block {
display: flex;
align-items: stretch;
margin: 3rem 0;
overflow: hidden; /* To ensure border-radius on images is clipped */
border-radius: 0.5rem; /* Module level cornering for aesthetics */
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
transition: box-shadow 0.3s ease, transform 0.3s ease;
width: 100%; /* Spanning to the edge of its parent container */
}
.ct-feature-block:hover {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
transform: translateY(-5px);
}
.ct-image-60 {
width: 60%;
aspect-ratio: 1 / 1; /* Updated to 1:1 ratio (1000x1000) */
background-color: #4b5563; /* Placeholder background */
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 500;
overflow: hidden;
}
.ct-content-40 {
width: 40%;
padding: 2.5rem;
background-color: white;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
/* Image-Left / Content-Right Block */
.ct-left-image .ct-image-60 {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.ct-left-image .ct-content-40 {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
/* Image-Right / Content-Left Block (Reverse) */
.ct-right-image {
flex-direction: row-reverse;
}
.ct-right-image .ct-image-60 {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.ct-right-image .ct-content-40 {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
/* Feature Text Styling: Blue Separator */
.ct-feature-separator {
width: 50px;
height: 2px;
background-color: #007BFF;
margin: 0.5rem auto 1rem auto; /* Center the separator */
transition: width 0.3s ease;
}
.ct-feature-block:hover .ct-feature-separator {
width: 80px;
}
.ct-feature-title {
font-size: 1.25rem;
font-weight: 700;
color: #1f2937;
}
.ct-feature-description {
color: #374151;
font-size: 0.95rem;
/* Prevent text overflow for simplicity, preferring multiple lines if needed */
white-space: normal;
max-width: 100%;
}
/* 3. Removed Compatibility Section CSS */
/* 4. Removed Installation Section CSS */
/* 5. FAQ Section (Accordion) */
.ct-faq {
background: #f3f4f6;
padding: 3rem 1rem;
}
.ct-accordion-item {
margin-bottom: 1rem;
border: 1px solid #d1d5db;
border-radius: 0.5rem;
overflow: hidden;
transition: box-shadow 0.3s ease;
}
.ct-accordion-item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.ct-accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
cursor: pointer;
background-color: #ffffff;
transition: background-color 0.2s ease;
}
.ct-accordion-header:hover {
background-color: #f0f0f0;
}
.ct-accordion-content {
max-heigh…