{"product_id":"12-3-inch-car-stereo-for-audi-a4-a5-s4-s5-b8-2009-2016-with-audi-multimedia-system-wireless-carplay-android-auto-bluetooth-upgrade-factory-radio-ips-touch-screen-replacement","title":"Autoradio da 12,3″ per Audi A4\/A5\/S4\/S5 B8 (2009–2016) con CarPlay e Android Auto","description":"\u003cstyle\u003e\n  \/* =========================================================\n     TOP TAKTIL — PREMIUM PRODUCT DESCRIPTION\n     Scoped CSS: safe for Shopify product descriptions\n  ========================================================= *\/\n\n  .tt-product-description {\n    --tt-navy: #061B2C;\n    --tt-blue: #073E78;\n    --tt-bright-blue: #268FD0;\n    --tt-light-blue: #5AAEE3;\n    --tt-accent: #FFD6A5;\n    --tt-border: #E4EBF2;\n    --tt-soft: #F7FAFD;\n\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n    color: var(--tt-navy);\n    font-family: inherit;\n    font-size: 16px;\n    line-height: 1.68;\n  }\n\n  .tt-product-description * {\n    box-sizing: border-box;\n  }\n\n  .tt-product-description h2,\n  .tt-product-description h3,\n  .tt-product-description h4,\n  .tt-product-description p {\n    margin-top: 0;\n  }\n\n  \/* =========================================================\n     HEADINGS\n  ========================================================= *\/\n\n  .tt-product-description h2 {\n    margin: 0 0 16px;\n    font-size: clamp(27px, 3vw, 38px);\n    line-height: 1.14;\n    font-weight: 750;\n    letter-spacing: -0.025em;\n\n    background: linear-gradient(\n      115deg,\n      var(--tt-blue) 0%,\n      var(--tt-bright-blue) 68%,\n      var(--tt-light-blue) 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 h3 {\n    margin: 0 0 15px;\n    color: var(--tt-navy);\n    font-size: 22px;\n    line-height: 1.25;\n    font-weight: 700;\n    letter-spacing: -0.015em;\n  }\n\n  .tt-product-description h4 {\n    margin: 0 0 7px;\n    color: var(--tt-navy);\n    font-size: 17px;\n    line-height: 1.3;\n    font-weight: 700;\n  }\n\n  \/* =========================================================\n     TEXT\n  ========================================================= *\/\n\n  .tt-product-description p {\n    margin-bottom: 14px;\n    color: rgba(6, 27, 44, 0.78);\n  }\n\n  .tt-product-description strong {\n    color: var(--tt-navy);\n    font-weight: 700;\n  }\n\n  .tt-product-description .tt-intro {\n    max-width: 900px;\n    margin-bottom: 24px;\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  \/* =========================================================\n     IMAGES\n  ========================================================= *\/\n\n  .tt-product-description .tt-image {\n    display: block;\n    width: 100%;\n    max-width: 970px;\n    height: auto;\n    margin: 26px auto;\n    border-radius: 18px;\n    object-fit: contain;\n  }\n\n  .tt-product-description .tt-content-image {\n    display: block;\n    width: 100%;\n    max-width: 820px;\n    height: auto;\n    margin: 20px auto 24px;\n    border-radius: 16px;\n    object-fit: contain;\n  }\n\n  \/* =========================================================\n     SECTIONS\n  ========================================================= *\/\n\n  .tt-product-description .tt-section {\n    margin: 34px 0;\n  }\n\n  .tt-product-description .tt-box {\n    margin: 26px 0;\n    padding: 24px 26px;\n\n    border: 1px solid var(--tt-border);\n    border-radius: 18px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #FFFFFF 0%,\n        #F8FBFE 70%,\n        rgba(38, 143, 208, 0.055) 100%\n      );\n\n    box-shadow: 0 6px 22px rgba(6, 27, 44, 0.035);\n  }\n\n  \/* =========================================================\n     COMPATIBILITY BOX\n  ========================================================= *\/\n\n  .tt-product-description .tt-compatibility {\n    position: relative;\n    border-left: 4px solid var(--tt-accent);\n    background:\n      linear-gradient(\n        135deg,\n        #FFFDF9 0%,\n        #FFFFFF 60%,\n        rgba(255, 214, 165, 0.08) 100%\n      );\n  }\n\n  .tt-product-description .tt-compatibility-label {\n    display: inline-flex;\n    align-items: center;\n    margin-bottom: 12px;\n    padding: 7px 12px;\n\n    border-radius: 999px;\n\n    background: rgba(255, 214, 165, 0.42);\n    color: var(--tt-blue);\n\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n  }\n\n  .tt-product-description .tt-warning {\n    margin-top: 16px;\n    margin-bottom: 0;\n    padding: 13px 15px;\n\n    border-radius: 10px;\n    background: rgba(255, 214, 165, 0.2);\n\n    color: var(--tt-navy);\n  }\n\n  \/* =========================================================\n     LISTS\n  ========================================================= *\/\n\n  .tt-product-description ul {\n    margin: 0;\n    padding-left: 22px;\n  }\n\n  .tt-product-description li {\n    margin-bottom: 9px;\n    color: rgba(6, 27, 44, 0.8);\n  }\n\n  .tt-product-description li:last-child {\n    margin-bottom: 0;\n  }\n\n  .tt-product-description li::marker {\n    color: var(--tt-bright-blue);\n  }\n\n  \/* =========================================================\n     FEATURE CARDS\n  ========================================================= *\/\n\n  .tt-product-description .tt-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .tt-product-description .tt-feature-card {\n    min-width: 0;\n    padding: 20px;\n\n    border: 1px solid var(--tt-border);\n    border-radius: 16px;\n\n    background: #FFFFFF;\n\n    box-shadow: 0 5px 18px rgba(6, 27, 44, 0.05);\n  }\n\n  .tt-product-description .tt-feature-card img {\n    display: block;\n    width: 100%;\n    max-width: 180px;\n    height: auto;\n    margin: 0 auto 16px;\n    border-radius: 12px;\n    object-fit: contain;\n  }\n\n  .tt-product-description .tt-feature-card p {\n    margin-bottom: 0;\n    font-size: 15px;\n  }\n\n  \/* =========================================================\n     SPECIFICATIONS\n  ========================================================= *\/\n\n  .tt-product-description .tt-specs-wrap {\n    width: 100%;\n    overflow-x: auto;\n    border: 1px solid var(--tt-border);\n    border-radius: 14px;\n    background: #FFFFFF;\n  }\n\n  .tt-product-description .tt-specs {\n    width: 100%;\n    border-collapse: collapse;\n    margin: 0;\n  }\n\n  .tt-product-description .tt-specs td {\n    padding: 13px 15px;\n    border-bottom: 1px solid var(--tt-border);\n    vertical-align: top;\n  }\n\n  .tt-product-description .tt-specs tr:last-child td {\n    border-bottom: 0;\n  }\n\n  .tt-product-description .tt-specs td:first-child {\n    width: 34%;\n    background: var(--tt-soft);\n    color: var(--tt-navy);\n    font-weight: 700;\n  }\n\n  \/* =========================================================\n     SUPPORT \/ WARRANTY\n  ========================================================= *\/\n\n  .tt-product-description .tt-support {\n    margin-top: 32px;\n    padding: 24px 26px;\n    border-radius: 18px;\n\n    background: linear-gradient(\n      105deg,\n      var(--tt-navy) 0%,\n      var(--tt-blue) 58%,\n      var(--tt-bright-blue) 100%\n    );\n\n    box-shadow: 0 10px 28px rgba(7, 62, 120, 0.16);\n  }\n\n  .tt-product-description .tt-support h3,\n  .tt-product-description .tt-support p,\n  .tt-product-description .tt-support strong {\n    color: #FFFFFF;\n  }\n\n  .tt-product-description .tt-support p {\n    margin-bottom: 0;\n    opacity: 0.92;\n  }\n\n  \/* =========================================================\n     TABLET \/ SMALL LAPTOP\n  ========================================================= *\/\n\n  @media screen and (max-width: 989px) {\n    .tt-product-description {\n      max-width: 100%;\n    }\n\n    .tt-product-description .tt-image {\n      max-width: 850px;\n    }\n\n    .tt-product-description .tt-content-image {\n      max-width: 720px;\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-feature-card:last-child {\n      grid-column: 1 \/ -1;\n    }\n  }\n\n  \/* =========================================================\n     MOBILE\n  ========================================================= *\/\n\n  @media screen and (max-width: 749px) {\n    .tt-product-description {\n      width: 100%;\n      max-width: 100%;\n      font-size: 15px;\n      line-height: 1.62;\n    }\n\n    .tt-product-description h2 {\n      font-size: 27px;\n      line-height: 1.16;\n      margin-bottom: 14px;\n    }\n\n    .tt-product-description h3 {\n      font-size: 20px;\n      line-height: 1.28;\n    }\n\n    .tt-product-description h4 {\n      font-size: 16.5px;\n    }\n\n    .tt-product-description .tt-intro {\n      font-size: 15.5px;\n      line-height: 1.65;\n    }\n\n    .tt-product-description .tt-section {\n      margin: 28px 0;\n    }\n\n    .tt-product-description .tt-image,\n    .tt-product-description .tt-content-image {\n      width: 100%;\n      max-width: 100%;\n      margin: 20px auto;\n      border-radius: 13px;\n    }\n\n    .tt-product-description .tt-box,\n    .tt-product-description .tt-support {\n      padding: 18px;\n      border-radius: 14px;\n    }\n\n    .tt-product-description .tt-compatibility {\n      border-left-width: 3px;\n    }\n\n    .tt-product-description .tt-compatibility-label {\n      font-size: 11px;\n      padding: 6px 10px;\n    }\n\n    .tt-product-description .tt-feature-grid {\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n\n    .tt-product-description .tt-feature-card,\n    .tt-product-description .tt-feature-card:last-child {\n      grid-column: auto;\n      padding: 17px;\n    }\n\n    .tt-product-description .tt-feature-card img {\n      max-width: 160px;\n    }\n\n    .tt-product-description .tt-specs {\n      font-size: 14px;\n    }\n\n    .tt-product-description .tt-specs td {\n      padding: 11px 10px;\n    }\n\n    .tt-product-description .tt-specs td:first-child {\n      width: 40%;\n    }\n  }\n\n  \/* Extra-small phones *\/\n  @media screen and (max-width: 420px) {\n    .tt-product-description h2 {\n      font-size: 25px;\n    }\n\n    .tt-product-description .tt-specs td {\n      display: block;\n      width: 100% !important;\n    }\n\n    .tt-product-description .tt-specs td:first-child {\n      padding-bottom: 7px;\n      border-bottom: 0;\n    }\n\n    .tt-product-description .tt-specs td:last-child {\n      padding-top: 7px;\n    }\n\n    .tt-product-description .tt-specs tr:not(:last-child) td:last-child {\n      border-bottom: 1px solid var(--tt-border);\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  box-sizing: border-box;\n}\n\n.tt-product-description img {\n  max-width: 100%;\n  height: auto;\n}\n\n.tt-product-description p,\n.tt-product-description li,\n.tt-product-description td,\n.tt-product-description h2,\n.tt-product-description h3,\n.tt-product-description h4 {\n  overflow-wrap: break-word;\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  }\n\n  .tt-product-description h2 {\n    font-size: clamp(24px, 7vw, 27px);\n  }\n\n  .tt-product-description .tt-specs-wrap {\n    overflow: visible;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tt-product-description * {\n    scroll-behavior: auto !important;\n  }\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"tt-product-description\"\u003e\n\n\n  \u003ch2\u003eSchermo 12,3″ CarPlay \u0026amp; Android Auto per Audi A4 A5 B8\u003c\/h2\u003e\n\n\n  \u003cp class=\"tt-intro\"\u003e\n    Modernizza gli interni della tua Audi con un aggiornamento premium dello\n    \u003cstrong\u003eschermo touchscreen IPS da 12,3 pollici per i modelli Audi A4 e A5 B8\u003c\/strong\u003e.\n    Progettato per integrarsi con il sistema multimediale originale Audi compatibile,\n    questo display widescreen aggiunge Apple CarPlay, Android Auto e una moderna\n    connettività smartphone mantenendo le principali funzioni originali del veicolo.\n  \u003c\/p\u003e\n\n\n  \u003cimg class=\"tt-image\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/a8b12645-445c-45d6-9e45-b0844808cea4.__CR0,0,970,600_PT0_SX970_V1___.jpg\" alt=\"Schermo CarPlay e Android Auto 12,3 pollici installato in Audi A4 A5 B8\" loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"600\"\u003e\n\n\n  \u003c\/div\u003e","brand":"TOPTAKTIL","offers":[{"title":"A4 B8 \/ S4 B8: 2009–2016","offer_id":55331918709065,"sku":"B0DSVTF4RK","price":429.0,"currency_code":"EUR","in_stock":true},{"title":"RS4 B8 2012–2015","offer_id":55331918741833,"sku":"B0DM4N963D","price":429.0,"currency_code":"EUR","in_stock":true},{"title":"A5 \/ S5 2008–2016","offer_id":55331918774601,"sku":"B0DSVVN49L","price":369.0,"currency_code":"EUR","in_stock":true},{"title":"RS5 2010-2015","offer_id":55331918807369,"sku":"B0DSVVC95L","price":369.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/4917\/4857\/files\/12.3_inch_screen_audi.webp?v=1789322612","url":"https:\/\/www.toptaktil.fr\/it\/products\/12-3-inch-car-stereo-for-audi-a4-a5-s4-s5-b8-2009-2016-with-audi-multimedia-system-wireless-carplay-android-auto-bluetooth-upgrade-factory-radio-ips-touch-screen-replacement","provider":"TOPTAKTIL","version":"1.0","type":"link"}