{"product_id":"renault-master-x62-rwd-engine-2-3l-turbo-diesel-m9t-2013-2026","title":"RENAULT MASTER X62 RWD ENGINE 2.3L TURBO DIESEL M9T 2013-2025","description":"Dyna Parts - Premium Automotive Components\n  \n  \n  \n\n  \n    \/* CRITICAL: Prevent all layout shifts and ensure stability *\/\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n      -webkit-text-size-adjust: none !important;\n      -moz-text-size-adjust: none !important;\n      -ms-text-size-adjust: none !important;\n      text-size-adjust: none !important;\n      -webkit-touch-callout: none;\n      -webkit-tap-highlight-color: transparent;\n      -webkit-user-select: none;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    html {\n      font-size: 16px !important;\n      -webkit-text-size-adjust: none !important;\n      text-size-adjust: none !important;\n      overflow-x: hidden !important;\n      width: 100% !important;\n      max-width: 100% !important;\n      height: 100%;\n      background: #000000;\n    }\n\n    body {\n      font-family: \"Inter\", sans-serif;\n      background: linear-gradient(135deg,\n          #000000 0%,\n          #1a1a1a 50%,\n          #000000 100%);\n      color: #ffffff;\n      line-height: 1.6;\n      overflow-x: hidden !important;\n      width: 100% !important;\n      max-width: 100% !important;\n      min-width: 320px;\n      font-size: 16px !important;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      -webkit-text-size-adjust: none !important;\n      text-size-adjust: none !important;\n      position: relative;\n      min-height: 100vh;\n    }\n\n    \/* Enhanced Automotive Background with CSS Art *\/\n    .automotive-bg {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: -1;\n      opacity: 0.08;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    \/* CSS Screw Graphics *\/\n    .screw {\n      position: absolute;\n      width: 20px;\n      height: 20px;\n      background: radial-gradient(circle, #333 30%, #666 70%);\n      border-radius: 50%;\n      border: 2px solid #444;\n    }\n\n    .screw::before {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 12px;\n      height: 2px;\n      background: #222;\n      transform: translate(-50%, -50%);\n    }\n\n    .screw::after {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 2px;\n      height: 12px;\n      background: #222;\n      transform: translate(-50%, -50%);\n    }\n\n    \/* CSS Bolt Graphics *\/\n    .bolt {\n      position: absolute;\n      width: 16px;\n      height: 24px;\n      background: linear-gradient(to bottom, #555 0%, #333 50%, #555 100%);\n      border-radius: 2px;\n    }\n\n    .bolt::before {\n      content: \"\";\n      position: absolute;\n      top: -4px;\n      left: -2px;\n      width: 20px;\n      height: 8px;\n      background: linear-gradient(to bottom, #666, #444);\n      border-radius: 2px;\n    }\n\n    \/* CSS Gear Graphics *\/\n    .gear {\n      position: absolute;\n      width: 30px;\n      height: 30px;\n      background: radial-gradient(circle, #444 40%, transparent 41%);\n      border-radius: 50%;\n    }\n\n    .gear::before {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 40px;\n      height: 40px;\n      background: conic-gradient(from 0deg,\n          #333 0deg 30deg,\n          transparent 30deg 60deg,\n          #333 60deg 90deg,\n          transparent 90deg 120deg,\n          #333 120deg 150deg,\n          transparent 150deg 180deg,\n          #333 180deg 210deg,\n          transparent 210deg 240deg,\n          #333 240deg 270deg,\n          transparent 270deg 300deg,\n          #333 300deg 330deg,\n          transparent 330deg 360deg);\n      border-radius: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    \/* Position automotive elements *\/\n    .automotive-bg .screw:nth-child(1) {\n      top: 10%;\n      left: 15%;\n    }\n\n    .automotive-bg .screw:nth-child(2) {\n      top: 25%;\n      right: 20%;\n    }\n\n    .automotive-bg .screw:nth-child(3) {\n      top: 60%;\n      left: 10%;\n    }\n\n    .automotive-bg .screw:nth-child(4) {\n      top: 80%;\n      right: 15%;\n    }\n\n    .automotive-bg .screw:nth-child(5) {\n      top: 40%;\n      left: 80%;\n    }\n\n    .automotive-bg .bolt:nth-child(6) {\n      top: 20%;\n      left: 70%;\n    }\n\n    .automotive-bg .bolt:nth-child(7) {\n      top: 70%;\n      left: 25%;\n    }\n\n    .automotive-bg .bolt:nth-child(8) {\n      top: 50%;\n      right: 10%;\n    }\n\n    .automotive-bg .bolt:nth-child(9) {\n      top: 90%;\n      left: 60%;\n    }\n\n    .nav-wrapper {\n      padding: 16px;\n      background-color: #000000;\n      width: 100%;\n      border-bottom: 4px solid #ff0000;\n    }\n\n    .nav-links {\n      display: flex;\n      \/* flex-direction: column; *\/\n      align-items: center;\n      gap: 12px;\n      justify-content: space-around;\n    }\n\n    .nav-links a {\n      color: #ffffff;\n      font-weight: 600;\n      text-decoration: none;\n      text-shadow: 0 0 20px rgba(255, 0, 0, 0.5);\n    }\n\n    .nav-links a:hover {\n      text-decoration: underline;\n    }\n\n    \/* @media (min-width: 640px) {\n        .nav-links {\n          flex-direction: column;\n          justify-content: center;\n        }\n      } *\/\n\n    .automotive-bg .gear:nth-child(10) {\n      top: 15%;\n      left: 50%;\n    }\n\n    .automotive-bg .gear:nth-child(11) {\n      top: 75%;\n      right: 40%;\n    }\n\n    .automotive-bg .gear:nth-child(12) {\n      top: 45%;\n      left: 5%;\n    }\n\n    \/* Enhanced Header with Metallic Effect *\/\n    .header {\n      background: linear-gradient(135deg,\n          #000000 0%,\n          #1a1a1a 50%,\n          #000000 100%);\n      border-bottom: 4px solid #ff0000;\n      padding: 2.5rem 0;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 5px 20px rgba(255, 0, 0, 0.3);\n    }\n\n    .header::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: linear-gradient(45deg,\n          transparent 48%,\n          rgba(255, 0, 0, 0.1) 49%,\n          rgba(255, 0, 0, 0.1) 51%,\n          transparent 52%),\n        radial-gradient(circle at 20% 20%,\n          rgba(255, 0, 0, 0.05) 0%,\n          transparent 50%),\n        radial-gradient(circle at 80% 80%,\n          rgba(255, 0, 0, 0.05) 0%,\n          transparent 50%);\n      z-index: 1;\n    }\n\n    .header-content {\n      text-align: center;\n      position: relative;\n      z-index: 2;\n    }\n\n    .brand-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 1.5rem;\n    }\n\n    .brand-icon {\n      width: 90px;\n      height: 90px;\n      background: linear-gradient(135deg,\n          #ff0000 0%,\n          #cc0000 50%,\n          #ff0000 100%);\n      border-radius: 15px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 3rem !important;\n      margin-right: 2rem;\n      border: 3px solid #333;\n      box-shadow: 0 0 30px rgba(255, 0, 0, 0.5),\n        inset 0 2px 5px rgba(255, 255, 255, 0.2),\n        inset 0 -2px 5px rgba(0, 0, 0, 0.3);\n      position: relative;\n    }\n\n    .brand-icon::before {\n      content: \"\";\n      position: absolute;\n      top: 10px;\n      left: 10px;\n      right: 10px;\n      height: 2px;\n      background: linear-gradient(to right,\n          transparent,\n          rgba(255, 255, 255, 0.3),\n          transparent);\n    }\n\n    .brand-name {\n      font-family: \"Orbitron\", monospace;\n      font-size: 4.5rem !important;\n      font-weight: 900;\n      background: linear-gradient(135deg,\n          #ff0000 0%,\n          #ffffff 30%,\n          #ff0000 60%,\n          #ffffff 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      text-shadow: 0 0 20px rgba(255, 0, 0, 0.5);\n      position: relative;\n    }\n\n    .brand-name::after {\n      content: \"DYNA PARTS\";\n      position: absolute;\n      top: 2px;\n      left: 2px;\n      background: linear-gradient(135deg,\n          rgba(255, 0, 0, 0.3) 0%,\n          transparent 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      z-index: -1;\n    }\n\n    .brand-tagline {\n      font-size: 20px !important;\n      color: #cccccc;\n      font-weight: 600;\n      margin-top: 1rem;\n      text-transform: uppercase;\n      letter-spacing: 3px;\n      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);\n    }\n\n    \/* Enhanced Main Content *\/\n    .main-wrapper {\n      background: linear-gradient(180deg,\n          #000000 0%,\n          #1a1a1a 50%,\n          #000000 100%),\n        radial-gradient(circle at 30% 30%,\n          rgba(255, 0, 0, 0.03) 0%,\n          transparent 50%),\n        radial-gradient(circle at 70% 70%,\n          rgba(255, 0, 0, 0.03) 0%,\n          transparent 50%);\n      position: relative;\n      overflow-x: hidden;\n      \/* min-height: 100vh; *\/\n    }\n\n    \/* Enhanced Product Showcase *\/\n    .product-showcase {\n      position: relative;\n      z-index: 2;\n      background: linear-gradient(135deg,\n          #1a1a1a 0%,\n          #000000 50%,\n          #1a1a1a 100%);\n      margin: 4rem 0;\n      border-radius: 25px;\n      overflow: hidden;\n      border: 3px solid #333;\n      box-shadow: 0 25px 80px rgba(255, 0, 0, 0.2),\n        inset 0 1px 0 rgba(255, 255, 255, 0.1),\n        inset 0 -1px 0 rgba(0, 0, 0, 0.5);\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      min-height: 700px;\n    }\n\n    \/* Enhanced Gallery Section *\/\n    .gallery-section {\n      background: linear-gradient(135deg,\n          #000000 0%,\n          #1a1a1a 50%,\n          #000000 100%),\n        radial-gradient(circle at 80% 20%,\n          rgba(255, 0, 0, 0.05) 0%,\n          transparent 50%);\n      padding: 4rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      border-right: 3px solid #333;\n    }\n\n    .gallery-decoration {\n      position: absolute;\n      top: 2rem;\n      right: 2rem;\n      width: 120px;\n      height: 120px;\n      background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);\n      clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n      opacity: 0.15;\n      box-shadow: 0 0 20px rgba(255, 0, 0, 0.3);\n    }\n\n    .gallery-content {\n      max-width: 550px;\n      width: 100%;\n      position: relative;\n      z-index: 2;\n    }\n\n    .image-gallery {\n      position: relative;\n    }\n\n    .image-gallery input[type=\"radio\"] {\n      display: none;\n    }\n\n    .main-image-frame {\n      max-height: 100%;\n      max-width: 100%;\n      position: relative;\n      aspect-ratio: 1;\n      background: #000000;\n      border-radius: 20px;\n      overflow: hidden;\n      margin-bottom: 2.5rem;\n      border: 4px solid #ff0000;\n      box-shadow: 0 0 40px rgba(255, 0, 0, 0.4),\n        inset 0 2px 10px rgba(255, 255, 255, 0.1),\n        inset 0 -2px 10px rgba(0, 0, 0, 0.3);\n    }\n\n    .main-image {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      opacity: 0;\n      visibility: hidden;\n      -webkit-user-drag: none;\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      transition: opacity 0.4s ease, visibility 0.4s ease;\n    }\n\n    .image-gallery input[type=\"radio\"]:nth-child(1):checked~.main-image-frame .main-image:nth-child(1),\n    .image-gallery input[type=\"radio\"]:nth-child(2):checked~.main-image-frame .main-image:nth-child(2),\n    .image-gallery input[type=\"radio\"]:nth-child(3):checked~.main-image-frame .main-image:nth-child(3),\n    .image-gallery input[type=\"radio\"]:nth-child(4):checked~.main-image-frame .main-image:nth-child(4),\n    .image-gallery input[type=\"radio\"]:nth-child(5):checked~.main-image-frame .main-image:nth-child(5),\n    .image-gallery input[type=\"radio\"]:nth-child(6):checked~.main-image-frame .main-image:nth-child(6) {\n      opacity: 1;\n      visibility: visible;\n    }\n\n    .main-image:first-child {\n      opacity: 1;\n      \/* visibility: visible; *\/\n    }\n\n    .image-badge {\n      position: absolute;\n      top: 20px;\n      left: 20px;\n      background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);\n      color: white;\n      padding: 0.8rem 1.5rem;\n      border-radius: 8px;\n      font-size: 14px !important;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      z-index: 10;\n      border: 2px solid #333;\n      box-shadow: 0 5px 15px rgba(255, 0, 0, 0.3);\n    }\n\n    .thumbnail-container {\n      display: flex;\n      gap: 1rem;\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    .thumbnail-box {\n      width: 80px;\n      height: 80px;\n      border-radius: 10px;\n      overflow: hidden;\n      cursor: pointer;\n      border: 3px solid #333;\n      position: relative;\n      -webkit-tap-highlight-color: transparent;\n      -webkit-touch-callout: none;\n      transition: all 0.3s ease;\n      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n    }\n\n    .thumbnail-box:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 8px 25px rgba(255, 0, 0, 0.2);\n    }\n\n    .image-gallery input[type=\"radio\"]:nth-child(1):checked~.thumbnail-container .thumbnail-box:nth-child(1),\n    .image-gallery input[type=\"radio\"]:nth-child(2):checked~.thumbnail-container .thumbnail-box:nth-child(2),\n    .image-gallery input[type=\"radio\"]:nth-child(3):checked~.thumbnail-container .thumbnail-box:nth-child(3),\n    .image-gallery input[type=\"radio\"]:nth-child(4):checked~.thumbnail-container .thumbnail-box:nth-child(4),\n    .image-gallery input[type=\"radio\"]:nth-child(5):checked~.thumbnail-container .thumbnail-box:nth-child(5),\n    .image-gallery input[type=\"radio\"]:nth-child(6):checked~.thumbnail-container .thumbnail-box:nth-child(6) {\n      border-color: #ff0000;\n      box-shadow: 0 0 20px rgba(255, 0, 0, 0.6);\n      transform: translateY(-3px);\n    }\n\n    .thumbnail-box:first-child {\n      border-color: #ff0000;\n      box-shadow: 0 0 20px rgba(255, 0, 0, 0.6);\n      transform: translateY(-3px);\n    }\n\n    .thumbnail-box img {\n      width: 80px;\n      height: 80px;\n      object-fit: cover;\n      -webkit-user-drag: none;\n      -webkit-touch-callout: none;\n    }\n\n    \/* Enhanced Product Details *\/\n    .details-section {\n      padding: 4rem;\n      background: linear-gradient(135deg,\n          #1a1a1a 0%,\n          #000000 50%,\n          #1a1a1a 100%),\n        radial-gradient(circle at 20% 80%,\n          rgba(255, 0, 0, 0.05) 0%,\n          transparent 50%);\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      position: relative;\n    }\n\n    .details-decoration {\n      position: absolute;\n      bottom: 3rem;\n      left: 3rem;\n      width: 100px;\n      height: 100px;\n      background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);\n      border-radius: 50%;\n      opacity: 0.15;\n      box-shadow: 0 0 30px rgba(255, 0, 0, 0.3);\n    }\n\n    .product-category {\n      background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);\n      color: white;\n      padding: 0.8rem 2rem;\n      border-radius: 8px;\n      font-size: 14px !important;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      display: inline-block;\n      margin-bottom: 2rem;\n      border: 2px solid #333;\n      box-shadow: 0 5px 15px rgba(255, 0, 0, 0.3);\n    }\n\n    .product-title {\n      font-family: \"Orbitron\", monospace;\n      font-size: 3rem !important;\n      font-weight: 700;\n      color: #ffffff;\n      margin-bottom: 1.5rem;\n      line-height: 1.2;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      text-shadow: 0 2px 10px rgba(255, 0, 0, 0.3);\n    }\n\n    .product-description {\n      color: #cccccc;\n      font-size: 18px !important;\n      line-height: 1.8;\n      margin-bottom: 2.5rem;\n      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);\n    }\n\n    .product-specs {\n      background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%),\n        radial-gradient(circle at 50% 50%,\n          rgba(255, 0, 0, 0.03) 0%,\n          transparent 70%);\n      padding: 2rem;\n      border-radius: 15px;\n      border: 2px solid #333;\n      margin-bottom: 2rem;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5),\n        inset 0 1px 0 rgba(255, 255, 255, 0.1);\n    }\n\n    .specs-title {\n      font-size: 20px !important;\n      font-weight: 600;\n      color: #ff0000;\n      margin-bottom: 1.5rem;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .specs-list {\n      display: grid;\n      gap: 0.8rem;\n    }\n\n    .spec-item {\n      display: flex;\n      justify-content: space-between;\n      padding: 1rem;\n      border-bottom: 1px solid #333;\n      background: rgba(255, 0, 0, 0.02);\n      border-radius: 5px;\n    }\n\n    .spec-name {\n      font-size: 16px !important;\n      color: #cccccc;\n      font-weight: 500;\n    }\n\n    .spec-value {\n      font-size: 16px !important;\n      color: #ffffff;\n      font-weight: 600;\n    }\n\n    \/* Enhanced Sections *\/\n    .promises-section {\n      background: linear-gradient(135deg,\n          #1a1a1a 0%,\n          #000000 50%,\n          #1a1a1a 100%),\n        radial-gradient(circle at 25% 25%,\n          rgba(255, 0, 0, 0.05) 0%,\n          transparent 50%),\n        radial-gradient(circle at 75% 75%,\n          rgba(255, 0, 0, 0.05) 0%,\n          transparent 50%);\n      padding: 5rem 0;\n      border-top: 3px solid #333;\n      border-bottom: 3px solid #333;\n      position: relative;\n    }\n\n    .section-header {\n      text-align: center;\n      margin-bottom: 4rem;\n    }\n\n    .section-title {\n      font-family: \"Orbitron\", monospace;\n      font-size: 3rem !important;\n      font-weight: 700;\n      background: linear-gradient(135deg,\n          #ff0000 0%,\n          #ffffff 30%,\n          #ff0000 60%,\n          #ffffff 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      margin-bottom: 1.5rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      text-shadow: 0 0 20px rgba(255, 0, 0, 0.3);\n    }\n\n    .section-subtitle {\n      color: #cccccc;\n      font-size: 18px !important;\n      font-weight: 500;\n    }\n\n    .promises-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n      gap: 2.5rem;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .promise-card {\n      background: linear-gradient(135deg,\n          #000000 0%,\n          #1a1a1a 50%,\n          #000000 100%),\n        radial-gradient(circle at 50% 50%,\n          rgba(255, 0, 0, 0.03) 0%,\n          transparent 70%);\n      padding: 2.5rem;\n      border-radius: 15px;\n      border: 2px solid #333;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n      transition: all 0.3s ease;\n    }\n\n    .promise-card:hover {\n      transform: translateY(-5px);\n      box-shadow: 0 20px 50px rgba(255, 0, 0, 0.1);\n      border-color: #ff0000;\n    }\n\n    .promise-card::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 4px;\n      background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);\n    }\n\n    .promise-icon {\n      font-size: 4rem !important;\n      margin-bottom: 1.5rem;\n      display: block;\n      color: #ff0000;\n      text-shadow: 0 0 20px rgba(255, 0, 0, 0.5);\n    }\n\n    .promise-title {\n      font-size: 20px !important;\n      font-weight: 600;\n      color: #ffffff;\n      margin-bottom: 1.5rem;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .promise-description {\n      color: #cccccc;\n      font-size: 16px !important;\n      line-height: 1.7;\n    }\n\n    \/* Enhanced Reviews Section *\/\n    .reviews-section {\n      background: linear-gradient(135deg,\n          #000000 0%,\n          #1a1a1a 50%,\n          #000000 100%),\n        radial-gradient(circle at 60% 40%,\n          rgba(255, 0, 0, 0.03) 0%,\n          transparent 50%);\n      padding: 5rem 0;\n    }\n\n    .reviews-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n      gap: 2.5rem;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .review-card {\n      background: linear-gradient(135deg,\n          #1a1a1a 0%,\n          #000000 50%,\n          #1a1a1a 100%),\n        radial-gradient(circle at 30% 70%,\n          rgba(255, 0, 0, 0.03) 0%,\n          transparent 50%);\n      padding: 2.5rem;\n      border-radius: 15px;\n      border: 2px solid #333;\n      position: relative;\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n      transition: all 0.3s ease;\n    }\n\n    .review-card:hover {\n      transform: translateY(-3px);\n      border-color: #ff0000;\n      box-shadow: 0 20px 50px rgba(255, 0, 0, 0.1);\n    }\n\n    .review-stars {\n      display: flex;\n      gap: 3px;\n      margin-bottom: 1.5rem;\n    }\n\n    .star {\n      color: #ff0000;\n      font-size: 20px !important;\n      text-shadow: 0 0 10px rgba(255, 0, 0, 0.5);\n    }\n\n    .review-text {\n      color: #cccccc;\n      font-size: 16px !important;\n      line-height: 1.7;\n      margin-bottom: 1.5rem;\n      font-style: italic;\n    }\n\n    .reviewer-info {\n      display: flex;\n      align-items: center;\n      gap: 1.5rem;\n    }\n\n    .reviewer-avatar {\n      width: 50px;\n      height: 50px;\n      background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      color: white;\n      font-size: 18px !important;\n      border: 2px solid #333;\n      box-shadow: 0 5px 15px rgba(255, 0, 0, 0.3);\n    }\n\n    .reviewer-details {\n      flex: 1;\n    }\n\n    .reviewer-name {\n      font-size: 16px !important;\n      font-weight: 600;\n      color: #ffffff;\n      margin-bottom: 0.3rem;\n    }\n\n    .reviewer-location {\n      font-size: 14px !important;\n      color: #cccccc;\n    }\n\n    \/* Enhanced Similar Products *\/\n    .similar-products-section {\n      background: linear-gradient(135deg,\n          #1a1a1a 0%,\n          #000000 50%,\n          #1a1a1a 100%),\n        radial-gradient(circle at 40% 60%,\n          rgba(255, 0, 0, 0.03) 0%,\n          transparent 50%);\n      padding: 5rem 0;\n      border-top: 3px solid #333;\n    }\n\n    .products-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 2.5rem;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .product-card {\n      background: linear-gradient(135deg,\n          #000000 0%,\n          #1a1a1a 50%,\n          #000000 100%),\n        radial-gradient(circle at 50% 50%,\n          rgba(255, 0, 0, 0.02) 0%,\n          transparent 70%);\n      border-radius: 15px;\n      overflow: hidden;\n      border: 2px solid #333;\n      transition: all 0.3s ease;\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n    }\n\n    .product-card:hover {\n      border-color: #ff0000;\n      transform: translateY(-5px);\n      box-shadow: 0 20px 50px rgba(255, 0, 0, 0.1);\n    }\n\n    .product-image {\n      width: 100%;\n      height: 220px;\n      background: #000000;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-bottom: 2px solid #333;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .product-image::before {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: linear-gradient(45deg,\n          transparent 48%,\n          rgba(255, 0, 0, 0.05) 49%,\n          rgba(255, 0, 0, 0.05) 51%,\n          transparent 52%);\n    }\n\n    .product-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: center;\n      transition: transform 0.3s ease;\n    }\n\n    \/* .product-card:hover .product-image img {\n        transform: scale(1.05);\n      } *\/\n\n    .product-info {\n      padding: 2rem;\n    }\n\n    .product-name {\n      font-size: 18px !important;\n      font-weight: 600;\n      color: #ffffff;\n      margin-bottom: 0.8rem;\n      text-transform: uppercase;\n    }\n\n    .product-code {\n      font-size: 14px !important;\n      color: #ff0000;\n      margin-bottom: 1.5rem;\n      text-transform: uppercase;\n      font-weight: 600;\n    }\n\n    .product-features {\n      list-style: none;\n    }\n\n    .product-features li {\n      font-size: 14px !important;\n      color: #cccccc;\n      margin-bottom: 0.5rem;\n      position: relative;\n      padding-left: 1.5rem;\n    }\n\n    .product-features li::before {\n      content: \"▶\";\n      position: absolute;\n      left: 0;\n      color: #ff0000;\n      font-size: 10px !important;\n    }\n\n    \/* Enhanced Technical Section *\/\n    .technical-section {\n      background: linear-gradient(135deg,\n          #000000 0%,\n          #1a1a1a 50%,\n          #000000 100%),\n        radial-gradient(circle at 70% 30%,\n          rgba(255, 0, 0, 0.03) 0%,\n          transparent 50%);\n      padding: 5rem 0;\n      border-top: 3px solid #333;\n    }\n\n    .technical-content {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    .tech-specs-container {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 4rem;\n      margin-top: 4rem;\n    }\n\n    .tech-specs-table {\n      background: linear-gradient(135deg,\n          #1a1a1a 0%,\n          #000000 50%,\n          #1a1a1a 100%),\n        radial-gradient(circle at 50% 50%,\n          rgba(255, 0, 0, 0.03) 0%,\n          transparent 70%);\n      padding: 2.5rem;\n      border-radius: 15px;\n      border: 2px solid #333;\n      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);\n    }\n\n    .tech-specs-title {\n      font-size: 22px !important;\n      font-weight: 600;\n      text-align: center;\n      margin-bottom: 2.5rem;\n      color: #ff0000;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .tech-specs-list {\n      display: grid;\n      gap: 1.2rem;\n    }\n\n    .tech-spec-item {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 1.2rem;\n      background: rgba(255, 0, 0, 0.05);\n      border-radius: 8px;\n      border: 1px solid #333;\n      transition: all 0.2s ease;\n    }\n\n    .tech-spec-item:hover {\n      background: rgba(255, 0, 0, 0.08);\n      border-color: #ff0000;\n    }\n\n    .tech-spec-name {\n      font-size: 16px !important;\n      font-weight: 500;\n      color: #cccccc;\n    }\n\n    .tech-spec-value {\n      font-size: 16px !important;\n      color: #ffffff;\n      font-weight: 600;\n    }\n\n    \/* Enhanced Footer *\/\n    .footer {\n      background: linear-gradient(135deg,\n          #000000 0%,\n          #1a1a1a 50%,\n          #000000 100%),\n        radial-gradient(circle at 50% 50%,\n          rgba(255, 0, 0, 0.05) 0%,\n          transparent 50%);\n      color: white;\n      \/* padding: 4rem 0 2rem; *\/\n      text-align: center;\n      border-top: 4px solid #ff0000;\n      box-shadow: 0 -10px 30px rgba(255, 0, 0, 0.1);\n    }\n\n    .footer-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 3rem;\n      margin-bottom: 3rem;\n    }\n\n    .footer-column h3 {\n      font-size: 20px !important;\n      margin-bottom: 1.5rem;\n      color: #ff0000;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      font-weight: 700;\n    }\n\n    .footer-links {\n      list-style: none;\n    }\n\n    .footer-links li {\n      margin-bottom: 0.8rem;\n    }\n\n    .footer-links a {\n      color: #cccccc;\n      text-decoration: none;\n      font-size: 16px !important;\n      -webkit-tap-highlight-color: transparent;\n      -webkit-touch-callout: none;\n      transition: all 0.3s ease;\n      font-weight: 500;\n    }\n\n    .footer-links a:hover {\n      color: #ff0000;\n      text-shadow: 0 0 10px rgba(255, 0, 0, 0.5);\n    }\n\n    .footer-bottom {\n      border-top: 2px solid #333;\n      padding-top: 2rem;\n      color: #cccccc;\n      font-size: 16px !important;\n      font-weight: 500;\n    }\n\n    \/* RESPONSIVE DESIGN *\/\n    @media screen and (max-width: 480px) {\n      .container {\n        padding: 0 1rem;\n      }\n\n      .brand-name {\n        font-size: 2.8rem !important;\n      }\n\n      .product-showcase {\n        grid-template-columns: 1fr;\n      }\n\n      .gallery-section {\n        border-right: none;\n        border-bottom: 3px solid #333;\n      }\n\n      .tech-specs-container {\n        grid-template-columns: 1fr;\n        gap: 2rem;\n      }\n\n      .promises-grid,\n      .reviews-grid,\n      .products-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .thumbnail-box {\n        width: 70px;\n        height: 70px;\n      }\n    }\n\n    @media (max-width: 1024px) {\n      .product-showcase {\n        grid-template-columns: 1fr;\n      }\n\n      .gallery-section {\n        border-right: none;\n        border-bottom: 3px solid #333;\n      }\n\n      .tech-specs-container {\n        grid-template-columns: 1fr;\n        gap: 2rem;\n      }\n    }\n\n    @media (max-width: 768px) {\n\n      .gallery-section,\n      .details-section {\n        padding: 2.5rem 2rem;\n      }\n\n      .promises-grid,\n      .reviews-grid,\n      .products-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .footer-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    \/* Prevent horizontal overflow *\/\n    html,\n    body,\n    .header,\n    .main-wrapper,\n    .product-showcase,\n    .promises-section,\n    .reviews-section,\n    .similar-products-section,\n    .technical-section,\n    .footer {\n      overflow-x: hidden !important;\n      max-width: 100% !important;\n    }\n\n    \/* Force text sizes *\/\n    p,\n    span,\n    div,\n    a,\n    li,\n    td,\n    th,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      font-size: 16px !important;\n    }\n\n    h1 {\n      font-size: 32px !important;\n    }\n\n    h2 {\n      font-size: 28px !important;\n    }\n\n    h3 {\n      font-size: 24px !important;\n    }\n\n    h4 {\n      font-size: 20px !important;\n    }\n\n    \/* iOS WebView fixes *\/\n    @supports (-webkit-touch-callout: none) {\n      * {\n        -webkit-text-size-adjust: none !important;\n        -webkit-font-smoothing: antialiased;\n        -webkit-touch-callout: none;\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      input,\n      select,\n      textarea,\n      button {\n        font-size: 16px !important;\n        -webkit-appearance: none;\n        border-radius: 0;\n      }\n\n      img {\n        -webkit-user-drag: none;\n        -webkit-touch-callout: none;\n        -webkit-user-select: none;\n      }\n    }\n  \n\n\n\n  \n  Country\/Region of Manufacture: JapanManufacturer Part Number: -M9TOE\/OEM Part Number: -M9TBrand: Renault","brand":"Dyna Car Parts","offers":[{"title":"Default Title","offer_id":42834683789402,"sku":"DY_Engines_2418","price":4800.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0635\/3633\/2890\/files\/1_b3732785-e9cf-49b3-999a-5946fd74567d.jpg?v=1769640739","url":"https:\/\/dynacarparts.com\/products\/renault-master-x62-rwd-engine-2-3l-turbo-diesel-m9t-2013-2026","provider":"Dyna Car Parts","version":"1.0","type":"link"}