{"product_id":"bmw-3-4-2011-2019-series-f30-f31-f32-f33-f34-f36-android-13-carplay-android-auto-autoradio-nbt-evo","title":"Autoradio Android premium per BMW Serie 3\/4 (F30–F36) 2011–2019","description":"\u003cstyle\u003e\n\/* =========================================================\n   TOP TAKTIL — BMW 3 \/ 4 SERIES PRODUCT DESCRIPTION\n   Shopify | Mobile First | Responsive | SEO Friendly\n========================================================= *\/\n\n.tt-product-description {\n  --tt-navy: #061B2C;\n  --tt-blue: #073E78;\n  --tt-blue-bright: #268FD0;\n  --tt-blue-light: #5AAEE3;\n  --tt-accent: #FFD6A5;\n  --tt-border: #E5EDF5;\n  --tt-soft: #F7FAFD;\n  --tt-white: #FFFFFF;\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 12px 0 30px;\n\n  color: var(--tt-navy);\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 1.7;\n  box-sizing: border-box;\n}\n\n.tt-product-description *,\n.tt-product-description *::before,\n.tt-product-description *::after {\n  box-sizing: border-box;\n}\n\n.tt-product-description img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n\n\/* =========================================================\n   HERO IMAGE\n========================================================= *\/\n\n.tt-product-description .tt-product-hero {\n  margin-bottom: 34px;\n  overflow: hidden;\n  border-radius: 18px;\n  background: var(--tt-soft);\n  box-shadow: 0 8px 28px rgba(6, 27, 44, 0.07);\n}\n\n.tt-product-description .tt-product-hero img {\n  width: 100%;\n  object-fit: contain;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.tt-product-description .tt-intro {\n  max-width: 900px;\n  margin: 0 auto 32px;\n  text-align: center;\n}\n\n.tt-product-description .tt-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 12px;\n  padding: 7px 14px;\n\n  border: 1px solid rgba(7, 62, 120, 0.10);\n  border-radius: 999px;\n\n  background: rgba(255, 214, 165, 0.28);\n\n  color: var(--tt-blue);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n\n.tt-product-description .tt-main-heading {\n  margin: 0 0 16px;\n\n  color: var(--tt-navy);\n  font-size: clamp(27px, 4vw, 40px);\n  font-weight: 750;\n  line-height: 1.15;\n  letter-spacing: -0.025em;\n}\n\n.tt-product-description .tt-main-heading span {\n  background: linear-gradient(\n    115deg,\n    var(--tt-blue) 0%,\n    var(--tt-blue-bright) 68%,\n    var(--tt-blue-light) 100%\n  );\n\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  color: transparent;\n}\n\n.tt-product-description .tt-intro p {\n  margin: 0;\n  color: rgba(6, 27, 44, 0.76);\n  font-size: 17px;\n}\n\n\n\/* =========================================================\n   SECTION HEADINGS\n========================================================= *\/\n\n.tt-product-description .tt-section {\n  margin: 42px 0;\n}\n\n.tt-product-description .tt-section-title {\n  margin: 0 0 22px;\n\n  color: var(--tt-navy);\n  font-size: clamp(23px, 3vw, 30px);\n  font-weight: 750;\n  line-height: 1.2;\n  letter-spacing: -0.02em;\n}\n\n.tt-product-description .tt-section-title::after {\n  content: \"\";\n  display: block;\n\n  width: 72px;\n  height: 3px;\n\n  margin-top: 10px;\n\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    var(--tt-blue),\n    var(--tt-blue-bright),\n    var(--tt-accent)\n  );\n}\n\n\n\/* =========================================================\n   KEY BENEFITS GRID\n========================================================= *\/\n\n.tt-product-description .tt-benefits {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 14px;\n}\n\n.tt-product-description .tt-benefit {\n  position: relative;\n\n  padding: 20px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 16px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FFFFFF 0%,\n      #FFFFFF 70%,\n      rgba(38, 143, 208, 0.045) 100%\n    );\n\n  box-shadow: 0 5px 18px rgba(6, 27, 44, 0.045);\n}\n\n.tt-product-description .tt-benefit::before {\n  content: \"\";\n\n  position: absolute;\n  top: 17px;\n  left: 0;\n\n  width: 4px;\n  height: 34px;\n\n  border-radius: 0 999px 999px 0;\n\n  background: linear-gradient(\n    180deg,\n    var(--tt-blue-bright),\n    var(--tt-accent)\n  );\n}\n\n.tt-product-description .tt-benefit strong {\n  display: block;\n\n  margin-bottom: 6px;\n\n  color: var(--tt-blue);\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.tt-product-description .tt-benefit p {\n  margin: 0;\n\n  color: rgba(6, 27, 44, 0.74);\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n\n\/* =========================================================\n   FEATURE CARDS WITH IMAGES\n========================================================= *\/\n\n.tt-product-description .tt-feature-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 20px;\n}\n\n.tt-product-description .tt-feature-card {\n  overflow: hidden;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 18px;\n\n  background: var(--tt-white);\n\n  box-shadow: 0 6px 22px rgba(6, 27, 44, 0.055);\n}\n\n.tt-product-description .tt-feature-card__content {\n  padding: 22px;\n}\n\n.tt-product-description .tt-feature-card h3 {\n  margin: 0 0 8px;\n\n  color: var(--tt-navy);\n  font-size: 19px;\n  font-weight: 700;\n  line-height: 1.3;\n}\n\n.tt-product-description .tt-feature-card p {\n  margin: 0;\n\n  color: rgba(6, 27, 44, 0.74);\n  font-size: 15px;\n  line-height: 1.65;\n}\n\n.tt-product-description .tt-feature-card img {\n  width: 100%;\n  max-height: 520px;\n\n  object-fit: contain;\n\n  background: #FFFFFF;\n}\n\n\n\/* =========================================================\n   TECHNICAL SPECIFICATIONS\n========================================================= *\/\n\n.tt-product-description .tt-spec-panel {\n  padding: 22px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 18px;\n\n  background: var(--tt-soft);\n}\n\n.tt-product-description .tt-spec-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 10px;\n\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n.tt-product-description .tt-spec {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n\n  padding: 13px 15px;\n\n  border: 1px solid rgba(7, 62, 120, 0.07);\n  border-radius: 10px;\n\n  background: #FFFFFF;\n}\n\n.tt-product-description .tt-spec strong {\n  color: var(--tt-blue);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.tt-product-description .tt-spec span {\n  color: rgba(6, 27, 44, 0.76);\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   ADVANCED FEATURES\n========================================================= *\/\n\n.tt-product-description .tt-check-list {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 10px;\n\n  margin: 20px 0 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n.tt-product-description .tt-check-list li {\n  position: relative;\n\n  padding: 12px 14px 12px 40px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 11px;\n\n  background: #FFFFFF;\n\n  color: rgba(6, 27, 44, 0.77);\n  font-size: 14px;\n}\n\n.tt-product-description .tt-check-list li::before {\n  content: \"✓\";\n\n  position: absolute;\n  top: 11px;\n  left: 14px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 18px;\n  height: 18px;\n\n  border-radius: 50%;\n\n  background: rgba(255, 214, 165, 0.45);\n\n  color: var(--tt-blue);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   PACKAGE\n========================================================= *\/\n\n.tt-product-description .tt-package {\n  overflow: hidden;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 18px;\n\n  background: #FFFFFF;\n\n  box-shadow: 0 6px 22px rgba(6, 27, 44, 0.05);\n}\n\n.tt-product-description .tt-package-image {\n  padding: 10px;\n\n  background: var(--tt-soft);\n}\n\n.tt-product-description .tt-package-image img {\n  max-height: 650px;\n  object-fit: contain;\n}\n\n.tt-product-description .tt-package-content {\n  padding: 24px;\n}\n\n.tt-product-description .tt-package-list {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 8px;\n\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n.tt-product-description .tt-package-list li {\n  position: relative;\n\n  padding: 10px 10px 10px 31px;\n\n  color: rgba(6, 27, 44, 0.78);\n  font-size: 15px;\n}\n\n.tt-product-description .tt-package-list li::before {\n  content: \"✓\";\n\n  position: absolute;\n  left: 4px;\n  top: 9px;\n\n  color: var(--tt-blue-bright);\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   COMPATIBILITY NOTICE\n========================================================= *\/\n\n.tt-product-description .tt-compatibility {\n  margin-top: 38px;\n  padding: 24px;\n\n  border: 1px solid rgba(255, 214, 165, 0.9);\n  border-left: 5px solid var(--tt-accent);\n  border-radius: 16px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255, 214, 165, 0.18),\n      rgba(38, 143, 208, 0.045)\n    );\n}\n\n.tt-product-description .tt-compatibility h2 {\n  margin: 0 0 10px;\n\n  color: var(--tt-navy);\n  font-size: 21px;\n  font-weight: 750;\n}\n\n.tt-product-description .tt-compatibility p {\n  margin: 8px 0 0;\n\n  color: rgba(6, 27, 44, 0.78);\n  font-size: 15px;\n}\n\n.tt-product-description .tt-compatibility strong {\n  color: var(--tt-blue);\n}\n\n\n\/* =========================================================\n   TRUST BAR\n========================================================= *\/\n\n.tt-product-description .tt-trust {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 10px;\n\n  margin-top: 20px;\n}\n\n.tt-product-description .tt-trust-item {\n  padding: 13px 15px;\n\n  border-radius: 10px;\n\n  background: var(--tt-navy);\n\n  color: #FFFFFF;\n  text-align: center;\n\n  font-size: 14px;\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media screen and (min-width: 750px) {\n\n  .tt-product-description {\n    padding: 20px 10px 40px;\n  }\n\n  .tt-product-description .tt-benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tt-product-description .tt-feature-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tt-product-description .tt-spec-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tt-product-description .tt-check-list {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tt-product-description .tt-package-list {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .tt-product-description .tt-trust {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n}\n\n\n\/* =========================================================\n   LAPTOP \/ DESKTOP\n========================================================= *\/\n\n@media screen and (min-width: 990px) {\n\n  .tt-product-description {\n    padding: 24px 16px 50px;\n  }\n\n  .tt-product-description .tt-benefits {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .tt-product-description .tt-feature-card {\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      border-color 0.25s ease;\n  }\n\n  .tt-product-description .tt-feature-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(38, 143, 208, 0.22);\n    box-shadow: 0 12px 30px rgba(6, 27, 44, 0.09);\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 480px) {\n\n  .tt-product-description {\n    font-size: 15px;\n  }\n\n  .tt-product-description .tt-intro {\n    text-align: left;\n  }\n\n  .tt-product-description .tt-eyebrow {\n    font-size: 11px;\n  }\n\n  .tt-product-description .tt-intro p {\n    font-size: 15px;\n  }\n\n  .tt-product-description .tt-benefit,\n  .tt-product-description .tt-feature-card__content,\n  .tt-product-description .tt-spec-panel,\n  .tt-product-description .tt-package-content,\n  .tt-product-description .tt-compatibility {\n    padding: 18px;\n  }\n\n}\n\n\/* =========================================================\n   SHOPIFY \/ SEO \/ LAPTOP \/ MOBILE HARDENING\n========================================================= *\/\n\n.tt-product-description {\n  padding-left: 16px;\n  padding-right: 16px;\n  overflow-wrap: break-word;\n}\n\n.tt-product-description img {\n  max-width: 100%;\n  height: auto;\n}\n\n@media screen and (max-width: 989px) {\n  .tt-product-description {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n}\n\n@media screen and (max-width: 749px) {\n  .tt-product-description {\n    padding-left: 10px;\n    padding-right: 10px;\n    overflow-x: hidden;\n  }\n\n  .tt-product-description .tt-main-heading {\n    font-size: clamp(24px, 7vw, 28px);\n  }\n\n  .tt-product-description .tt-benefits,\n  .tt-product-description .tt-feature-grid,\n  .tt-product-description .tt-spec-grid,\n  .tt-product-description .tt-check-list,\n  .tt-product-description .tt-package-list,\n  .tt-product-description .tt-trust {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tt-product-description .tt-feature-card {\n    transition: none;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"tt-product-description\"\u003e\n\n\n  \u003c\/div\u003e","brand":"toptaktil","offers":[{"title":"T9 PRO | 4 GB RAM + 64 GB ROM | 8 Core","offer_id":55331921625417,"sku":null,"price":490.0,"currency_code":"EUR","in_stock":true},{"title":"T9 PRO MAX| 6GB RAM + 128GB ROM | 8 Core | 4G","offer_id":55331921658185,"sku":null,"price":590.0,"currency_code":"EUR","in_stock":true},{"title":"T9 PRO MAX| 8GB RAM + 128GB ROM | 8 Core | 4G","offer_id":55331921690953,"sku":null,"price":639.0,"currency_code":"EUR","in_stock":true},{"title":"T9 PRO MAX Plus| 8GB RAM + 256GB ROM | 8 Core | 4G","offer_id":55331921723721,"sku":null,"price":690.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/4917\/4857\/files\/product-1492311_31ce81d6-21e3-49e3-9cc5-8597d285f414.jpg?v=1789322639","url":"https:\/\/www.toptaktil.fr\/it\/products\/bmw-3-4-2011-2019-series-f30-f31-f32-f33-f34-f36-android-13-carplay-android-auto-autoradio-nbt-evo","provider":"TOPTAKTIL","version":"1.0","type":"link"}