Description
/* All styles are scoped within #custom-product-description */ #custom-product-description body { font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen, Ubuntu, Cantarell, “Open Sans”, “Helvetica Neue”, sans-serif; margin: 0; padding: 0; background-color: #fff; /* Changed to white */ color: #333; line-height: 1.6; } #custom-product-description .product-wrapper { background-color: #fff; /* Changed to white */ margin: 40px auto; max-width: 1200px; border-radius: 12px; box-shadow: none; /* Removed shadow from overall wrapper */ padding: 20px; box-sizing: border-box; } #custom-product-description .container { max-width: 100%; margin: 0 auto; padding: 0; } /* — Global Content Card Styling — */ #custom-product-description .content-card { background-color: #fff; padding: 30px; margin-bottom: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); overflow: hidden; /* Added dynamic effect */ transition: transform 0.3s ease, box-shadow 0.3s ease; } #custom-product-description .content-card:hover { transform: translateY(-5px); /* Lift effect */ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* Enhanced shadow */ } /* Special handling for tables within content-card to avoid hover effect on table itself */ #custom-product-description .content-card .parameters-table, #custom-product-description .content-card .comparison-table { box-shadow: none; /* Remove card shadow from inner tables */ transform: none; /* Remove transform from inner tables */ transition: none; } /* — Section Title Underline Design — */ #custom-product-description .section-title-underline { width: 80px; height: 4px; background: linear-gradient(to right, transparent, #3498db, #2c3e50, #3498db, transparent); margin: 15px auto 40px auto; border-radius: 2px; } #custom-product-description h1, #custom-product-description h2 { color: #2c3e50; text-align: center; margin-bottom: 20px; } /* — Product Title & Tagline — */ #custom-product-description .intro-section { padding: 30px 20px 20px 20px; text-align: center; } #custom-product-description .intro-section h1 { margin-bottom: 10px; } #custom-product-description .intro-section .tagline { text-align: center; font-size: 1.5em; color: #2c3e50; margin-bottom: 30px; font-weight: 500; } /* — Intro Separator — */ #custom-product-description .intro-separator { border-bottom: 1px solid #e0e0e0; margin: 10px auto; width: 80%; } /* — Video Placeholder (if needed, keep for potential future use) — */ #custom-product-description .video-container { position: relative; padding-bottom: 133.33%; width: 75%; max-width: 400px; height: 0; overflow: hidden; border-radius: 8px; background-color: #000; margin: 20px auto; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } #custom-product-description .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } #custom-product-description .video-caption { text-align: center; font-style: italic; color: #777; margin-top: 10px; margin-bottom: 0; } /* — Reasons Section Styling (Removed) — */ /* — Call to Action & Image Module — */ #custom-product-description .full-width-image { width: 100%; height: auto; display: block; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin-top: 0; } #custom-product-description .image-caption { text-align: center; font-style: italic; color: #777; margin-top: 10px; margin-bottom: 0; } /* — Innovation Section Styling (individual cards) – ALTERNATING LAYOUT — */ #custom-product-description .innovation-title-wrapper { text-align: center; margin-bottom: 40px; padding-top: 20px; } #custom-product-description .innovation-title-wrapper h2 { margin-bottom: 15px; } #custom-product-description .innovation-section { margin-bottom: 40px; padding: 0 20px; } #custom-product-description .innovation-item { display: flex; align-items: center; /* Vertically align content */ gap: 40px; /* Space between text and image */ margin-bottom: 40px; background-color: #fff; padding: 25px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* Added dynamic effect */ transition: transform 0.3s ease, box-shadow 0.3s ease; } #custom-product-description .innovation-item:hover { transform: translateY(-5px); /* Lift effect */ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* Enhanced shadow */ } #custom-product-description .innovation-item:last-child { margin-bottom: 0; } /* Alternating layout based on visual appearance: 1st item (odd): Image Left, Text Right -> flex-direction: row 2nd item (even): Text Left, Image Right -> flex-direction: row-reverse 3rd item (odd): Image Left, Text Right -> flex-direction: row 4th item (even): Text Left, Image Right -> flex-direction: row-reverse */ #custom-product-description .innovation-item:nth-child(odd) { flex-direction: row; /* 图片在左，文案在右 */ } #custom-product-description .innovation-item:nth-child(even) { flex-direction: row-reverse; /* 文案在左，图片在右 */ } #custom-product-description .innovation-item img { width: 50%; /* Image takes half space */ flex: 0 0 calc(50% – 20px); /* Account for gap in flex basis */ height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin-top: 0; } #custom-product-description .innovation-item .text-content { flex: 1; width: calc(50% – 20px); /* Text content takes half space */ text-align: left; /* Align text to the left */ } #custom-product-description .innovation-item h3 { text-align: left; /* Ensure title is left-aligned */ font-size: 1.5em; margin-bottom: 15px; color: #2c3e50; } #custom-product-description .innovation-item p { font-size: 1.1em; color: #555; margin: 0; text-align: left; /* Ensure paragraph is left-aligned */ } /* — More Features of TESERY Roof Rack Platform Styling (retained grid structure) — */ #custom-product-description .reasons-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 40px; padding: 0 20px; } #custom-product-description .reason-card { background-color: #fff; padding: 25px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); position: relative; overflow: hidden; /* Hover effect is applied to parent content-card, so individual reason-card don’t need it */ } #custom-product-description .reason-card::before { content: ”; position: absolute; left: 0; top: 0; height: 100%; width: 8px; background-color: #3498db; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #custom-product-description .reason-content { display: flex; align-items: flex-start; gap: 15px; padding-left: 15px; } #custom-product-description .reason-content .emoji { font-size: 2.2em; line-height: 1; flex-shrink: 0; } #custom-product-description .reason-text h3 { margin-top: 0; font-size: 1.3em; text-align: left; color: #34495e; margin-bottom: 10px; } #custom-product-description .reason-text p { font-size: 0.95em; color: #666; margin: 0; } /* — Single Scenario Images — */ #custom-product-description .single-scenario-image { width: 100%; height: auto; object-fit: cover; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); margin-top: 20px; } /* — Product Parameters Table — */ #custom-product-description .parameters-table { width: 100%; border-collapse: collapse; background-color: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.05); margin-top: 20px; } #custom-product-description .parameters-table th, #custom-product-description .parameters-table td { border: 1px solid #eee; padding: 12px 15px; text-align: left; } #custom-product-description .parameters-table th { background-color: #2c3e50; color: white; font-weight: bold; } #custom-product-description .parameters-table tr:nth-child(even) { background-color: #e8f4f8; } #custom-product-description .parameters-table td:first-child { font-weight: bold; color: #34495e; } /* — Competitor Comparison — */ #custom-product-description .comparison-table { width: 100%; border-collapse: collapse; background-color: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.05); margin-top: 20px; } #custom-product-description .comparison-table th, #custom-product-description .comparison-table td { border: 1px solid #eee; padding: 12px 15px; text-align: left; } #custom-product-description .comparison-table th { background-color: #2c3e50; color: white; font-weight: bold; } #custom-product-description .comparison-table tr:nth-child(even) { background-color: #e8f4f8; } #custom-product-description .comparison-table td:first-child { font-weight: bold; color: #34495e; } #custom-product-description .check-icon { color: #28a745; font-weight: bold; } #custom-product-description .cross-icon { color: #dc3545; font-weight: bold; } /* — FAQ Section — */ #custom-product-description .faq-section-wrapper { /* Wrapper for FAQ to be a white content card */ } #custom-product-description .faq-item { /* Removed background-color: #e8f4f8; */ background-color: #fff; /* Explicitly white */ padding: 0; /* Adjusted padding as details/summary will have their own */ margin-bottom: 15px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.03); overflow: hidden; /* For rounded corners */ transition: box-shadow 0.3s ease; /* Add transition for hover effect */ } #custom-product-description .faq-item:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* Subtle hover shadow */ } #custom-product-description .faq-item:last-child { margin-bottom: 0; } #custom-product-description .faq-item details { border: 1px solid #eee; /* Light border for each collapsible item */ border-radius: 8px; overflow: hidden; } #custom-product-description .faq-item summary { font-size: 1.2em; color: #34495e; padding: 20px; cursor: pointer; outline: none; list-style: none; /* Remove default marker */ position: relative; background-color: #e8f4f8; /* Light blue background for the question bar */ font-weight: bold; transition: background-color 0.3s ease; } #custom-product-description .faq-item summary:hover { background-color: #dbeaf0; /* Slightly darker on hover */ } #custom-product-description .faq-item summary::-webkit-details-marker { display: none; /* Hide default arrow in webkit browsers */ } #custom-product-description .faq-item summary::after { content: ‘▼’; /* Custom arrow for collapsed state */ position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; font-size: 0.8em; color: #2c3e50; } #custom-product-description .faq-item details[open] summary::after { transform: translateY(-50%) rotate(180deg); /* Rotate arrow when open */ } #custom-product-description .faq-item summary h3 { margin: 0; /* Reset margin for h3 inside summary */ font-size: 1em; /* Keep h3 size consistent with summary */ text-align: left; display: inline; /* To allow custom arrow positioning */ } #custom-product-description .faq-item p { color: #555; margin: 0; padding: 15px 20px 20px 20px; /* Padding for the answer content */ border-top: 1px solid #eee; /* Separator for answer */ background-color: #fff; } @media (max-width: 768px) { #custom-product-description .product-wrapper { margin: 20px auto; padding: 15px; border-radius: 8px; } #custom-product-description .content-card { padding: 20px; margin-bottom: 30px; } #custom-product-description .reasons-grid { grid-template-columns: 1fr; padding: 0 10px; } #custom-product-description .innovation-section { padding: 0 10px; } #custom-product-description .innovation-item { flex-direction: column !important; /* Stack image and text on small screens */ text-align: center; padding: 20px; } #custom-product-description .innovation-item img, #custom-product-description .innovation-item .text-content { width: 100%; flex: none; } #custom-product-description .innovation-item h3, #custom-product-description .innovation-item p { text-align: center; /* Center text on small screens */ } #custom-product-description .single-scenario-image { height: auto; } #custom-product-description .video-container { width: 100%; /* Full width on small screens */ padding-bottom: 100%; /* Adjust for square or default to fit width */ max-width: none; } #custom-product-description .faq-item summary { padding: 15px; /* Smaller padding on mobile */ } #custom-product-description .faq-item summary::after { right: 15px; /* Adjust arrow position on mobile */ } #custom-product-description .faq-item p { padding: 10px 15px 15px 15px; /* Smaller padding for answer on mobile */ } }
TESERY Roof Rack Cargo Platform Rooftop Cargo System for Tesla Model Y
Clip in your boards, bikes or tent and go. No tools, no scratches, just quiet miles and ready-for-anything freedom
4 Reasons to Choose TESERY Roof Rack Platform!
Model Y Exterior Upgrade
Unique styling perfectly matches your Tesla Model Y, enhancing its sporty appeal and readiness for adventure.
Multi-functional T-slot System
Equipped with T-slots all around, easily connect various accessories like kayaks, bikes, skis, and roof boxes for your camping adventures.
Robust Construction
Made from durable, weather-resistant aviation-grade aluminum alloy, it supports up to 100kg of cargo (do not overload) while remaining lightweight.
Non-Destructive Installation
No drilling required! Easily install it onto your Model Y’s roof using the original car holes, ensuring no damage to the roof glass during the process.
More Features of TESERY Roof Rack Platform
🔇
Minimal Wind Noise
Streamlined aerodynamic design reduces wind noise even at high speeds, ensuring a quiet drive when properly installed.
🎯
Exclusively Custom-Made for Model Y
This Tesla Y roof rack platform is tailor-made for Model Y, with precise dimensions and seamless integration with the overall vehicle design.
🏕️
High Utility Rate
Ideal for carrying camping gear, firewood, luggage, hunting, and fishing equipment during camping, road trips, or moving.
✨
Resistant to Aging & Fading
The Tesla Y roof rack platform surface features a rust-proof, black powder coating, preventing oxidation and fading, which helps maintain its luster and texture long-term.
Product Parameters
| Applicable Models | Model Y 2020-ON (Model Y Juniper Included) |
| Product Material | Aviation-grade Aluminum Alloy |
| Length | 1.5 meters |
| Front Width | 1.25 meters |
| Rear Width | 1.12 meters |
| Weight | 18.5 kg |
| Max Load Capacity | 100 kg (220 pounds) |
How Our Roof Rack Compares
| Feature | TESERY Cargo Platform | Standard Crossbar Roof Rack | Fabric Rooftop Bag |
|---|---|---|---|
| Design & Integration | ✔ Platform style, sleek, full vehicle width, multi-accessory mounting points | ✖ Bars only, limited mounting, less integrated look | ✖ Bag only, no hard mounting, temporary look |
| Cargo Versatility | ✔ T-slot system for kayaks, bikes, skis, roof boxes, etc. | ✔ Can carry some accessories with specific mounts | ✖ Primarily for soft luggage, limited by bag shape |
| Construction Material | ✔ Durable aviation-grade Aluminum Alloy | ✔ Aluminum or steel, can be heavy | ✖ Fabric, less robust, prone to wear |
| Load Capacity | ✔ Up to 100kg (220 lbs) | ✔ Varies, typically 60-75kg (130-165 lbs) | ✖ Varies, typically 40-50kg (90-110 lbs) |
| Wind Noise | ✔ Streamlined aerodynamic design for minimal noise | ✖ Can generate significant wind noise | ✖ Can flap/create noise at speed |
| Installation | ✔ Non-destructive, uses original car holes | ✔ Typically clamps to roof, mostly non-destructive | ✔ Straps to crossbars or through doors |
| Aesthetics | ✔ Enhances sporty look, seamlessly integrated | ✖ Functional, but less aesthetic | ✖ Temporary, can look bulky |
Frequently Asked Questions (FAQ)
Q: Will this roof rack fit my Tesla Model Y?
A: Yes, this Tesla Y roof rack cargo platform is custom-designed for Model Y 2020-ON, including the Model Y Juniper, ensuring a precise and seamless fit.
Q: What kind of items can I carry on this platform?
A: With its versatile T-slot system, you can easily attach accessories to carry kayaks, bicycles, skis, roof boxes, camping gear, firewood, luggage, hunting, and fishing equipment.
Q: What is the maximum weight capacity?
A: The Tesla Y roof rack platform is built with robust aviation-grade aluminum alloy and can support up to 100kg (220 lbs) of cargo. Please ensure you do not overload it.
Q: Is the installation difficult, and will it damage my roof?
A: Installation is non-destructive and straightforward. It uses the original car holes, so no drilling is required, ensuring no damage to your roof glass during the process.
Q: Does it cause much wind noise while driving?
A: Thanks to its streamlined aerodynamic design, the platform is engineered to minimize wind noise, even at high speeds, providing a quiet driving experience when properly installed.
Q: Is the material resistant to rust and fading?
A: Yes, the platform’s surface features a rust-proof, black powder coating, making it highly resistant to oxidation and fading, which helps maintain its luster and texture long-term.
Explore more from our collection.
Reviews
There are no reviews yet.