{"product_id":"grade-clay-bar-safe-for-model-3-y-x-s-juniper-highland","title":"Reusable Grade Clay Bar for Model 3 \/ Y \/ X \/ S","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\u003cstyle\u003e        \/* Define Colors for Professional Black Theme *\/        :root {            --primary-color: #000000;            --dark-text: #1d1d1f;            --secondary-text: #424245;            --light-border: #e5e5e7;            --hover-border: #000000;            --hover-text: #000000;             --light-bg: #f5f5f7;            --white-bg: #ffffff;            --accent-color: #000000; \/* Adjusted to Black for Professional Cleaning Product *\/        }        * {            box-sizing: border-box;        }        body {            margin: 0;            padding: 0;            background-color: #fff;        }        .tesery-product-description-container {            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;            max-width: 1200px;            margin: 0 auto;            padding: 20px;            color: var(--dark-text);            line-height: 1.6;        }        .tesery-product-description-container h2 {            color: var(--dark-text);            font-size: 36px;            margin-bottom: 10px;            text-align: center;            font-weight: 700;        }                .h2-divider {            width: 60px;            height: 4px;            background-color: var(--primary-color);            margin: 0 auto 20px;            border-radius: 2px;        }                .product-tags {            text-align: center;            margin-bottom: 40px;            display: flex;            justify-content: center;            gap: 12px;            flex-wrap: wrap;        }        .product-tags .tag {            display: inline-block;            padding: 6px 16px;            background-color: var(--white-bg);            border: 1px solid var(--light-border);            border-radius: 20px;            font-size: 14px;            color: var(--secondary-text);            font-weight: 500;            transition: all 0.3s ease;        }        .product-tags .tag:hover {            border-color: var(--primary-color);            color: var(--primary-color);        }        .tesery-product-description-container h3 {            color: var(--dark-text);            font-size: 32px;             margin-top: 80px;            margin-bottom: 30px;            text-align: center;            font-weight: 600;        }        .tesery-product-description-container h4 {            font-size: 22px;            margin-bottom: 12px;            color: var(--primary-color);            font-weight: 600;        }        .tesery-product-description-container p {            font-size: 17px;            color: var(--secondary-text);            margin-bottom: 20px;        }                \/* Image Display Sections (Replacing Video) *\/        .main-visual-item,        .bottom-visual-item {            position: relative;            width: 100%;            margin-bottom: 50px;            border-radius: 16px;            overflow: hidden;            box-shadow: 0 10px 30px rgba(0,0,0,0.08);        }        .main-visual-item img,        .bottom-visual-item img {            width: 100%;            height: auto;            display: block;            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);        }        .main-visual-item:hover img {            transform: scale(1.02);        }        .features-section {            margin-bottom: 60px;        }        .feature-item {            display: flex;            margin-bottom: 50px;            gap: 50px;            align-items: center;            padding: 30px;            border-radius: 20px;            background-color: var(--light-bg);            transition: all 0.3s ease;        }        .feature-item:hover {            background-color: #fff;            box-shadow: 0 20px 40px rgba(0,0,0,0.06);        }        .feature-image {            flex: 1;            aspect-ratio: 1\/1;            border-radius: 12px;            overflow: hidden;            max-width: 50%;        }                .feature-image img {            width: 100%;            height: 100%;            object-fit: cover;        }        .feature-content {            flex: 1;            padding: 0 10px;        }        .feature-divider {            width: 40px;            height: 3px;            background-color: var(--primary-color);             margin-bottom: 20px;        }        .feature-item.reverse {            flex-direction: row-reverse;        }                \/* Specs Table Style *\/        .specs-container {            max-width: 900px;            margin: 0 auto 60px;            padding: 20px;            background-color: var(--white-bg);            border: 1px solid var(--light-border);            border-radius: 16px;        }                .spec-item {            display: flex;            justify-content: space-between;            padding: 18px 0;            border-bottom: 1px solid var(--light-border);            font-size: 16px;        }                .spec-item:last-child {            border-bottom: none;        }                .spec-item strong {            color: var(--primary-color);            flex: 0 0 40%;        }        .spec-item span {            flex: 0 0 60%;            text-align: right;            color: var(--secondary-text);        }        \/* Steps Layout for \"How to Use\" *\/        .how-to-use-grid {            display: grid;            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));            gap: 20px;            margin-bottom: 60px;        }        .step-card {            background: var(--light-bg);            padding: 25px;            border-radius: 16px;            text-align: center;        }        .step-number {            width: 40px;            height: 40px;            background: var(--primary-color);            color: #fff;            border-radius: 50%;            display: flex;            align-items: center;            justify-content: center;            margin: 0 auto 15px;            font-weight: bold;        }        \/* FAQ Styling *\/        .faq-section {            margin-top: 80px;        }        .faq-item {            margin-bottom: 15px;            border: 1px solid var(--light-border);             border-radius: 12px;             overflow: hidden;        }        .faq-toggle { display: none; }        .faq-question {            padding: 20px 25px;            cursor: pointer;            font-size: 18px;            font-weight: 500;            display: flex;            justify-content: space-between;            align-items: center;            background: var(--white-bg);        }        .faq-question::after {            content: '+';            font-size: 24px;            transition: transform 0.3s;        }        .faq-toggle:checked + .faq-question::after {            content: '−';        }        .faq-answer {            max-height: 0;            overflow: hidden;            transition: all 0.3s ease;            background: var(--white-bg);            padding: 0 25px;        }        .faq-toggle:checked ~ .faq-answer {            max-height: 200px;            padding: 10px 25px 25px;            border-top: 1px solid var(--light-border);        }        \/* Responsive Design *\/        @media (max-width: 768px) {            .tesery-product-description-container h2 { font-size: 28px; }            .feature-item, .feature-item.reverse {                flex-direction: column;                gap: 20px;                padding: 20px;            }            .feature-image, .feature-content { max-width: 100%; }            .how-to-use-grid { grid-template-columns: 1fr; }            .spec-item { flex-direction: column; }            .spec-item span { text-align: left; margin-top: 5px; }        }    \u003c\/style\u003e\u003cdiv class=\"tesery-product-description-container\"\u003e\n\u003ch2\u003eReusable Grade Clay Bar\u003c\/h2\u003e\n\u003cdiv class=\"h2-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-tags\"\u003e\n\u003cspan class=\"tag\"\u003ePaint Safe\u003c\/span\u003e \u003cspan class=\"tag\"\u003eDeep Cleaning\u003c\/span\u003e \u003cspan class=\"tag\"\u003eTesla Model 3\/Y\/S\/X\u003c\/span\u003e \u003cspan class=\"tag\"\u003eReusable\u003c\/span\u003e \u003cspan class=\"tag\"\u003ePro Detailing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; max-width: 800px; margin: 0 auto 40px; font-size: 18px;\"\u003eThis Paint-safe Clay Bar is engineered to remove embedded contaminants such as industrial fallout, brake dust, tree sap residue, and road film—without damaging clear coat or paint finish.\u003c\/p\u003e\n\u003cdiv class=\"features-section\"\u003e\n\u003ch3\u003eWhy Choose This Clay Bar?\u003c\/h3\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"feature-image\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/reusable-grade-clay-bar-for-model-3-y-x-s-4855702.jpg?v=1772250272\" alt=\"Gentle on Factory Paint\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eGentle on Factory Paint\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eDesigned for Tesla's unique paint finish. Smooth movement helps reduce surface friction while maintaining a clean and even finish. Compatible with all Model 3, Y, S, and X vehicles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"feature-image\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/reusable-grade-clay-bar-for-model-3-y-x-s-9796773.jpg?v=1772250272\" alt=\"Reusable and Durable\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eReusable \u0026amp; Long-Lasting\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eEasily folded and reshaped after use. Our durable polymer material resists breaking apart and can be divided for multiple detailing sessions, offering incredible value.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"feature-image\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/reusable-grade-clay-bar-for-model-3-y-x-s-3621654.jpg?v=1772250271\" alt=\"Multi-Surface Use\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eMulti-Surface Cleaning\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eIdeal for automotive paint, glass, windows, and mirrors. Perfect as a preparation step before waxing, sealing, or applying a ceramic coating.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eHow to Use\u003c\/h3\u003e\n\u003cdiv class=\"how-to-use-grid\"\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e1\u003c\/div\u003e\n\u003ch4\u003ePre-wash\u003c\/h4\u003e\n\u003cp\u003eRinse away sand and loose dirt using water or car wash shampoo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e2\u003c\/div\u003e\n\u003ch4\u003eLubricate\u003c\/h4\u003e\n\u003cp\u003eSpray clean water or clay lubricant generously on the surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e3\u003c\/div\u003e\n\u003ch4\u003eGlide\u003c\/h4\u003e\n\u003cp\u003eFlatten clay and move lightly over the surface—no pressure needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step-card\"\u003e\n\u003cdiv class=\"step-number\"\u003e4\u003c\/div\u003e\n\u003ch4\u003eFold\u003c\/h4\u003e\n\u003cp\u003eWhen dirty, fold the clay inward to reveal a clean surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eTechnical Specifications\u003c\/h3\u003e\n\u003cdiv class=\"specs-container\"\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eName:\u003c\/strong\u003e \u003cspan\u003eReusable Grade Clay Bar for Model 3 \/ Y \/ X \/ S\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e \u003cspan\u003eApprox. 180g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eMaterial:\u003c\/strong\u003e \u003cspan\u003eFine polymer elastic clay\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eColor:\u003c\/strong\u003e \u003cspan\u003eClassic Blue\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003eCompatibility:\u003c\/strong\u003e \u003cspan\u003eTesla Model 3 \/ Y \/ S \/ X (Universal)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch3\u003eCare \u0026amp; Usage Tips\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"faq1\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1\" class=\"faq-question\"\u003eWhat should I do if I drop the clay on the ground?\u003c\/label\u003e\u003cdiv class=\"faq-answer\"\u003e\u003cp\u003eSafety first: \u003cb\u003eDiscontinue use immediately\u003c\/b\u003e if the clay is dropped on the ground. It can pick up microscopic stones or sand that will scratch your paint.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"faq2\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2\" class=\"faq-question\"\u003eHow should I store the clay bar after use?\u003c\/label\u003e\u003cdiv class=\"faq-answer\"\u003e\u003cp\u003eClean the clay after use and store it in an airtight container. Keep it slightly moist (add a spray of lubricant or water) to prevent it from drying out.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"faq3\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3\" class=\"faq-question\"\u003eCan I use this without lubricant?\u003c\/label\u003e\u003cdiv class=\"faq-answer\"\u003e\u003cp\u003eNo. Always use with sufficient water or a dedicated clay lubricant. Dry claying will cause friction and may mar the paint surface.\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Default Title","offer_id":46962058625221,"sku":"TCT005","price":9.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/5008\/7365\/files\/reusable-grade-clay-bar-for-model-3-y-x-s-5443056_3c7d7c29-9e94-4da1-b86c-9773307adb2a.jpg?v=1789807566","url":"https:\/\/tescraft.shop\/products\/grade-clay-bar-safe-for-model-3-y-x-s-juniper-highland","provider":"TesCraft","version":"1.0","type":"link"}