{"product_id":"apple-carplay-sans-fil-r-trofit-pour-peugeot-citroen-android-auto-d-codeur-int-gration","title":"Apple CarPlay wireless | Retrofit per Peugeot Citroën | Android Auto | Decoder | Integrazione","description":"\u003cdiv class=\"tt-peugeot-carplay\"\u003e\n\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"tt-pc-intro\"\u003e\n    \u003cspan class=\"tt-pc-eyebrow\"\u003eTOP TAKTIL • Sistema retrofit CarPlay\u003c\/span\u003e\n\n    \u003ch2\u003e\n\n      Kit retrofit Apple CarPlay \u0026amp; Android Auto per Peugeot \u0026amp; Citroën\n    \u003c\/h2\u003e\n\n\n    \u003cp class=\"tt-pc-lead\"\u003e\n      Aggiorna il sistema di infotainment di fabbrica della tua Peugeot o Citroën compatibile con\n      \u003cstrong\u003eApple CarPlay e Android Auto wireless\u003c\/strong\u003e, mantenendo il cruscotto originale,\n      il display e le funzioni del veicolo. Progettata per i sistemi \u003cstrong\u003eSMEG e MRN compatibili\u003c\/strong\u003e,\n      questa soluzione retrofit aggiunge la moderna connettività smartphone senza sostituire lo schermo originale.\n    \u003c\/p\u003e\n\n\n    \u003cimg class=\"tt-pc-main-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1029\/6688\/6735\/files\/retrofit_audi_3.webp?v=1788117831\" alt=\"Kit retrofit TOP TAKTIL CarPlay e Android Auto per Peugeot e Citroën con sistemi SMEG MRN\" loading=\"eager\" decoding=\"async\" width=\"1200\" height=\"750\"\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- COMPATIBILITY WARNING --\u003e\n  \u003csection class=\"tt-pc-alert\"\u003e\n    \u003cdiv class=\"tt-pc-alert-icon\"\u003e!\u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n      \u003cstrong\u003eVerifica di compatibilità richiesta prima dell'ordine\u003c\/strong\u003e\n\n      \u003cp\u003e\n        Questo kit retrofit è progettato per sistemi di infotainment \u003cstrong\u003eSMEG e MRN compatibili\u003c\/strong\u003e.\n        \u003cstrong\u003eNon è compatibile con i sistemi NAC\u003c\/strong\u003e.\n        Si prega di confermare il sistema originale prima di ordinare. In caso di dubbi,\n        contattateci indicando il modello del veicolo, l'anno e una foto del cruscotto originale.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- KEY BENEFITS --\u003e\n  \u003csection class=\"tt-pc-section\"\u003e\n    \u003cdiv class=\"tt-pc-section-heading\"\u003e\n\n      \u003cspan\u003eAggiornamento intelligente di tipo originale\u003c\/span\u003e\n      \u003ch2\u003eConnettività moderna. Cruscotto originale.\u003c\/h2\u003e\n\n      \u003cp\u003e\n        Aggiungi le funzionalità dello smartphone che usi ogni giorno mantenendo l'aspetto\n        e la funzionalità del tuo sistema di infotainment di fabbrica.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tt-pc-highlights\"\u003e\n\n\n      \u003carticle class=\"tt-pc-card\"\u003e\n        \u003cdiv class=\"tt-pc-icon\"\u003e⚡\u003c\/div\u003e\n\n\n        \u003ch3\u003eElaborazione ad alte prestazioni\u003c\/h3\u003e\n\n\n        \u003cp\u003e\n          Alimentato dal \u003cstrong\u003eprocessore SUNPLUS SPHE8368-U\u003c\/strong\u003e per supportare\n          Apple CarPlay, Android Auto e funzioni di mirroring smartphone compatibili\n          con un funzionamento multimediale fluido.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"tt-pc-card\"\u003e\n        \u003cdiv class=\"tt-pc-icon\"\u003e⌁\u003c\/div\u003e\n\n\n        \u003ch3\u003eConnettività cablata e wireless\u003c\/h3\u003e\n\n\n        \u003cp\u003e\n          Collega iPhone e smartphone Android compatibili utilizzando la connettività\n          cablata o wireless supportata per un comodo accesso ad app,\n          chiamate, messaggi, musica e navigazione.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"tt-pc-card\"\u003e\n        \u003cdiv class=\"tt-pc-icon\"\u003e▣\u003c\/div\u003e\n\n\n        \u003ch3\u003eDuplicazione dello schermo dello smartphone\u003c\/h3\u003e\n\n\n        \u003cp\u003e\n          Le funzioni AirPlay e AutoLink compatibili consentono di visualizzare i contenuti supportati\n          dal tuo smartphone tramite lo schermo originale del veicolo.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cimg class=\"tt-pc-wide-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1029\/6688\/6735\/files\/retrofit_audiii.webp?v=1788117831\" alt=\"Apple CarPlay Android Auto e duplicazione schermo smartphone su display originale Peugeot Citroën\" loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"750\"\u003e\n  \u003c\/section\u003e\n\n\n  \u003c!-- COMPATIBILITY --\u003e\n  \u003csection class=\"tt-pc-compatibility\"\u003e\n\n    \u003cdiv class=\"tt-pc-section-heading\"\u003e\n\n      \u003cspan\u003eCompatibilità veicolo\u003c\/span\u003e\n      \u003ch2\u003eModelli Peugeot \u0026amp; Citroën compatibili\u003c\/h2\u003e\n\n\n      \u003cp\u003e\n        La compatibilità dipende dal sistema multimediale originale del veicolo,\n        non solo dal modello o dall'anno di produzione.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"tt-pc-model-grid\"\u003e\n\n\n      \u003cdiv class=\"tt-pc-model-card\"\u003e\n\n        \u003cdiv class=\"tt-pc-brand\"\u003ePeugeot\u003c\/div\u003e\n\n\n        \u003cul\u003e\n\n          \u003cli\u003ePeugeot 308\u003c\/li\u003e\n\n          \u003cli\u003ePeugeot 408\u003c\/li\u003e\n\n          \u003cli\u003ePeugeot 4008\u003c\/li\u003e\n\n          \u003cli\u003ePeugeot 5008\u003c\/li\u003e\n\n          \u003cli\u003ePeugeot Sega\u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003cdiv class=\"tt-pc-model-card\"\u003e\n\n        \u003cdiv class=\"tt-pc-brand\"\u003eCitroën\u003c\/div\u003e\n\n\n        \u003cul\u003e\n\n          \u003cli\u003eCitroën C4\u003c\/li\u003e\n\n          \u003cli\u003eCitroën C5\u003c\/li\u003e\n\n          \u003cli\u003eCitroën C6\u003c\/li\u003e\n\n          \u003cli\u003eCitroën Berlingo\u003c\/li\u003e\n\n          \u003cli\u003eGamma Citroën DS\u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"tt-pc-compatibility-note\"\u003e\n\n      \u003cstrong\u003eNota:\u003c\/strong\u003e\n      Solo il modello del veicolo non garantisce la compatibilità.\n      Il tuo veicolo deve essere equipaggiato con un sistema SMEG o MRN supportato.\n    \u003c\/div\u003e\n\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"tt-pc-section\"\u003e\n\n    \u003cdiv class=\"tt-pc-section-heading\"\u003e\n\n      \u003cspan\u003eFunzioni avanzate\u003c\/span\u003e\n      \u003ch2\u003eTutto ciò che serve per la guida quotidiana\u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"tt-pc-features\"\u003e\n\n\n      \u003carticle class=\"tt-pc-feature\"\u003e\n        \u003cdiv class=\"tt-pc-feature-number\"\u003e01\u003c\/div\u003e\n\n\n        \u003ch3\u003eApple CarPlay \u0026amp; Android Auto\u003c\/h3\u003e\n\n\n        \u003cul\u003e\n\n          \u003cli\u003eApple CarPlay wireless compatibile\u003c\/li\u003e\n\n          \u003cli\u003eConnettività Android Auto compatibile\u003c\/li\u003e\n\n          \u003cli\u003eMusica, chiamate e messaggi\u003c\/li\u003e\n\n          \u003cli\u003eNavigazione tramite app smartphone compatibili\u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"tt-pc-feature\"\u003e\n        \u003cdiv class=\"tt-pc-feature-number\"\u003e02\u003c\/div\u003e\n\n\n        \u003ch3\u003eTelecamere \u0026amp; assistenza al parcheggio\u003c\/h3\u003e\n\n\n        \u003cul\u003e\n\n          \u003cli\u003eSupporto per telecamere di retromarcia compatibili\u003c\/li\u003e\n\n          \u003cli\u003eIntegrazione telecamera OEM o aftermarket quando supportata\u003c\/li\u003e\n\n          \u003cli\u003eCompatibilità con sensori di parcheggio quando supportata\u003c\/li\u003e\n\n          \u003cli\u003eSupporto di un ingresso CVBS per telecamera DVR anteriore\u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"tt-pc-feature\"\u003e\n        \u003cdiv class=\"tt-pc-feature-number\"\u003e03\u003c\/div\u003e\n\n\n        \u003ch3\u003eControllo vocale\u003c\/h3\u003e\n\n\n        \u003cul\u003e\n\n          \u003cli\u003eSupporto Siri tramite Apple CarPlay\u003c\/li\u003e\n\n          \u003cli\u003eGoogle Assistant tramite Android Auto\u003c\/li\u003e\n\n          \u003cli\u003eChiamate e messaggi a mani libere\u003c\/li\u003e\n\n          \u003cli\u003eMusica e navigazione con controllo vocale\u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"tt-pc-feature\"\u003e\n        \u003cdiv class=\"tt-pc-feature-number\"\u003e04\u003c\/div\u003e\n\n\n        \u003ch3\u003eIntegrazione multimediale\u003c\/h3\u003e\n\n\n        \u003cul\u003e\n\n          \u003cli\u003eRiproduzione multimediale USB\u003c\/li\u003e\n\n          \u003cli\u003eFormati audio e video compatibili\u003c\/li\u003e\n\n          \u003cli\u003eSupporto della duplicazione dello schermo dello smartphone\u003c\/li\u003e\n\n          \u003cli\u003eIntegrazione con lo schermo originale del veicolo\u003c\/li\u003e\n\n        \u003c\/ul\u003e\n\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- GALLERY --\u003e\n  \u003csection class=\"tt-pc-gallery\"\u003e\n\n    \u003cdiv class=\"tt-pc-section-heading\"\u003e\n\n      \u003cspan\u003ePresentazione del prodotto\u003c\/span\u003e\n      \u003ch2\u003eScopri il sistema retrofit in dettaglio\u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"tt-pc-gallery-grid\"\u003e\n\n\n      \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/6ea7121a-8519-4531-8d1f-cbd3ce4488bd.__CR0,0,970,600_PT0_SX970_V1___.jpg\" alt=\"Processore SUNPLUS SPHE8368-U utilizzato nel sistema retrofit CarPlay Peugeot Citroën\" loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"600\"\u003e\n\n      \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/b6c465e6-f6ea-4eb4-b7c6-6e895fbea4cf.__CR0,0,970,600_PT0_SX970_V1___.jpg\" alt=\"Funzioni Android Auto visualizzate sullo schermo multimediale originale Peugeot Citroën\" loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"600\"\u003e\n\n      \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/1a6a3a9c-73f8-4f28-aca5-f903cb43d46a.__CR0,0,970,600_PT0_SX970_V1___.jpg\" alt=\"Installazione retrofit CarPlay che conserva l'autoradio Peugeot Citroën originale\" loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"600\"\u003e\n\n      \u003cimg src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/a61459ef-3bb6-41e5-aebc-bec851d95816.__CR0,0,970,600_PT0_SX970_V1___.jpg\" alt=\"Prima e dopo l'installazione del retrofit Apple CarPlay per Peugeot e Citroën\" loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"600\"\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- INSTALLATION --\u003e\n  \u003csection class=\"tt-pc-installation\"\u003e\n\n    \u003cdiv class=\"tt-pc-section-heading\"\u003e\n\n      \u003cspan\u003eIntegrazione specifica per il veicolo\u003c\/span\u003e\n      \u003ch2\u003eProgettato per integrarsi con il tuo sistema originale\u003c\/h2\u003e\n\n      \u003cp\u003e\n        Il modulo retrofit viene installato dietro il sistema di infotainment originale,\n        consentendo di aggiungere moderne funzioni smartphone senza sostituire\n        il display di fabbrica.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003cimg class=\"tt-pc-install-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1029\/6688\/6735\/files\/guide_retrofit_peugeot_citroen.webp?v=1788119381\" alt=\"Guida all'installazione del modulo retrofit CarPlay Android Auto Peugeot Citroën\" loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"750\"\u003e\n\n\n    \u003cdiv class=\"tt-pc-steps\"\u003e\n\n\n      \u003cdiv class=\"tt-pc-step\"\u003e\n\n        \u003cdiv class=\"tt-pc-step-number\"\u003e1\u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003eMantieni il sistema originale\u003c\/h3\u003e\n\n\n          \u003cp\u003e\n            Lo schermo e l'unità multimediale principale originali rimangono installati.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003cdiv class=\"tt-pc-step\"\u003e\n\n        \u003cdiv class=\"tt-pc-step-number\"\u003e2\u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003eCollega il modulo retrofit\u003c\/h3\u003e\n\n\n          \u003cp\u003e\n            Il modulo si integra con il veicolo utilizzando le connessioni\n            e le interfacce specifiche per il veicolo fornite.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003cdiv class=\"tt-pc-step\"\u003e\n\n        \u003cdiv class=\"tt-pc-step-number\"\u003e3\u003c\/div\u003e\n\n\n        \u003cdiv\u003e\n\n          \u003ch3\u003eConfigura e testa\u003c\/h3\u003e\n\n\n          \u003cp\u003e\n            Dopo l'installazione, il sistema viene configurato e controllato\n            per CarPlay, Android Auto, audio e funzioni del veicolo supportate.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"tt-pc-notice\"\u003e\n\n      \u003cdiv class=\"tt-pc-notice-title\"\u003eAggiornamento di tipo originale\u003c\/div\u003e\n\n\n      \u003cp\u003e\n        Mantieni l'aspetto originale del tuo cruscotto aggiungendo\n        Apple CarPlay, Android Auto e funzioni di connettività intelligente compatibili.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- SUPPORT --\u003e\n  \u003csection class=\"tt-pc-support\"\u003e\n\n    \u003cdiv class=\"tt-pc-support-icon\"\u003e✓\u003c\/div\u003e\n\n\n    \u003cdiv\u003e\n\n      \u003ch2\u003eNon sai quale sistema equipaggia il tuo veicolo?\u003c\/h2\u003e\n\n\n      \u003cp\u003e\n        Inviaci la \u003cstrong\u003emarca, il modello, l'anno del veicolo e una foto chiara del cruscotto originale\u003c\/strong\u003e.\n        Il nostro team può aiutarti a verificare la compatibilità prima di ordinare.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   TOP TAKTIL — PEUGEOT \/ CITROËN CARPLAY DESCRIPTION\n========================================================= *\/\n\n.tt-peugeot-carplay {\n  --tt-navy: #061B2C;\n  --tt-blue: #073E78;\n  --tt-bright-blue: #268FD0;\n  --tt-light-blue: #5AAEE3;\n  --tt-accent: #FFD6A5;\n  --tt-soft-blue: #F5F9FD;\n  --tt-border: #E3EBF3;\n\n  width: 100%;\n  max-width: 1100px;\n\n  margin: 0 auto;\n  padding: 10px 0 30px;\n\n  color: var(--tt-navy);\n\n  font-family: inherit;\n  font-size: 16px;\n  line-height: 1.7;\n\n  box-sizing: border-box;\n}\n\n\n.tt-peugeot-carplay *,\n.tt-peugeot-carplay *::before,\n.tt-peugeot-carplay *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n========================================================= *\/\n\n.tt-peugeot-carplay h2,\n.tt-peugeot-carplay h3 {\n  color: var(--tt-navy);\n  margin-top: 0;\n}\n\n\n.tt-peugeot-carplay h2 {\n  margin-bottom: 16px;\n\n  font-size: clamp(26px, 3vw, 38px);\n  font-weight: 750;\n  line-height: 1.18;\n\n  letter-spacing: -0.025em;\n}\n\n\n.tt-peugeot-carplay h3 {\n  margin-bottom: 8px;\n\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.35;\n}\n\n\n.tt-peugeot-carplay p {\n  margin-top: 0;\n  margin-bottom: 14px;\n}\n\n\n.tt-peugeot-carplay strong {\n  color: var(--tt-navy);\n  font-weight: 700;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.tt-pc-intro {\n  text-align: center;\n}\n\n\n.tt-pc-eyebrow,\n.tt-pc-section-heading \u003e span {\n  display: inline-block;\n\n  margin-bottom: 10px;\n\n  color: var(--tt-blue);\n\n  font-size: 12px;\n  font-weight: 750;\n  line-height: 1.3;\n\n  letter-spacing: 0.10em;\n  text-transform: uppercase;\n}\n\n\n.tt-pc-lead {\n  max-width: 820px;\n\n  margin: 0 auto 26px !important;\n\n  color: rgba(6, 27, 44, 0.76);\n\n  font-size: 17px;\n  line-height: 1.72;\n}\n\n\n.tt-pc-main-image,\n.tt-pc-wide-image,\n.tt-pc-install-image {\n  display: block;\n\n  width: 100%;\n  max-width: 850px;\n  height: auto;\n\n  margin: 26px auto;\n\n  border-radius: 18px;\n\n  object-fit: contain;\n\n  box-shadow:\n    0 10px 34px rgba(6, 27, 44, 0.08);\n}\n\n\n\/* =========================================================\n   COMPATIBILITY ALERT\n========================================================= *\/\n\n.tt-pc-alert {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n\n  margin: 32px 0;\n\n  padding: 20px 22px;\n\n  border: 1px solid rgba(255, 214, 165, 0.9);\n  border-left: 4px solid var(--tt-accent);\n  border-radius: 14px;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(255, 214, 165, 0.18),\n      rgba(255, 255, 255, 0.92)\n    );\n}\n\n\n.tt-pc-alert-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 34px;\n\n  width: 34px;\n  height: 34px;\n\n  border-radius: 50%;\n\n  background: var(--tt-accent);\n\n  color: var(--tt-navy);\n\n  font-size: 18px;\n  font-weight: 800;\n}\n\n\n.tt-pc-alert strong {\n  display: block;\n  margin-bottom: 4px;\n}\n\n\n.tt-pc-alert p {\n  margin: 0;\n\n  color: rgba(6, 27, 44, 0.74);\n}\n\n\n\/* =========================================================\n   GENERIC SECTION\n========================================================= *\/\n\n.tt-pc-section,\n.tt-pc-gallery,\n.tt-pc-compatibility,\n.tt-pc-installation {\n  margin-top: 50px;\n}\n\n\n.tt-pc-section-heading {\n  max-width: 780px;\n\n  margin: 0 auto 26px;\n\n  text-align: center;\n}\n\n\n.tt-pc-section-heading p {\n  color: rgba(6, 27, 44, 0.70);\n}\n\n\n\/* =========================================================\n   HIGHLIGHT CARDS\n========================================================= *\/\n\n.tt-pc-highlights {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 18px;\n}\n\n\n.tt-pc-card {\n  position: relative;\n\n  padding: 24px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FFFFFF 0%,\n      #F8FBFE 100%\n    );\n\n  box-shadow:\n    0 6px 22px rgba(6, 27, 44, 0.055);\n\n  transition:\n    transform 0.25s ease,\n    border-color 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n\n.tt-pc-card::before {\n  content: \"\";\n\n  position: absolute;\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 3px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--tt-blue),\n      var(--tt-bright-blue),\n      var(--tt-accent)\n    );\n}\n\n\n.tt-pc-card p {\n  margin-bottom: 0;\n\n  color: rgba(6, 27, 44, 0.70);\n}\n\n\n.tt-pc-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 48px;\n  height: 48px;\n\n  margin-bottom: 16px;\n\n  border-radius: 14px;\n\n  background: rgba(38, 143, 208, 0.08);\n\n  color: var(--tt-blue);\n\n  font-size: 22px;\n}\n\n\n\/* =========================================================\n   COMPATIBILITY\n========================================================= *\/\n\n.tt-pc-compatibility {\n  padding: 32px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #F7FAFD 0%,\n      #FFFFFF 100%\n    );\n}\n\n\n.tt-pc-model-grid {\n  display: grid;\n\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 20px;\n}\n\n\n.tt-pc-model-card {\n  padding: 22px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 16px;\n\n  background: #FFFFFF;\n}\n\n\n.tt-pc-brand {\n  margin-bottom: 12px;\n\n  color: var(--tt-blue);\n\n  font-size: 20px;\n  font-weight: 750;\n}\n\n\n.tt-pc-model-card ul {\n  list-style: none;\n\n  margin: 0;\n  padding: 0;\n}\n\n\n.tt-pc-model-card li {\n  position: relative;\n\n  padding: 9px 0 9px 22px;\n\n  border-bottom: 1px solid #EDF2F6;\n\n  color: rgba(6, 27, 44, 0.78);\n}\n\n\n.tt-pc-model-card li:last-child {\n  border-bottom: 0;\n}\n\n\n.tt-pc-model-card li::before {\n  content: \"✓\";\n\n  position: absolute;\n  left: 0;\n\n  color: var(--tt-bright-blue);\n\n  font-weight: 750;\n}\n\n\n.tt-pc-compatibility-note {\n  margin-top: 20px;\n\n  padding: 15px 18px;\n\n  border-left: 3px solid var(--tt-accent);\n  border-radius: 8px;\n\n  background: rgba(255, 214, 165, 0.14);\n\n  color: rgba(6, 27, 44, 0.76);\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.tt-pc-features {\n  display: grid;\n\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 18px;\n}\n\n\n.tt-pc-feature {\n  position: relative;\n\n  padding: 24px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 18px;\n\n  background: #FFFFFF;\n\n  box-shadow:\n    0 5px 18px rgba(6, 27, 44, 0.045);\n}\n\n\n.tt-pc-feature-number {\n  margin-bottom: 10px;\n\n  color: var(--tt-bright-blue);\n\n  font-size: 13px;\n  font-weight: 800;\n\n  letter-spacing: 0.08em;\n}\n\n\n.tt-pc-feature ul {\n  margin: 12px 0 0;\n  padding-left: 20px;\n}\n\n\n.tt-pc-feature li {\n  margin-bottom: 7px;\n\n  color: rgba(6, 27, 44, 0.72);\n}\n\n\n\/* =========================================================\n   GALLERY\n========================================================= *\/\n\n.tt-pc-gallery-grid {\n  display: grid;\n\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 16px;\n}\n\n\n.tt-pc-gallery-grid img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n  aspect-ratio: 970 \/ 600;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 16px;\n\n  object-fit: cover;\n\n  box-shadow:\n    0 7px 24px rgba(6, 27, 44, 0.065);\n\n  transition:\n    transform 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n\n\/* =========================================================\n   INSTALLATION\n========================================================= *\/\n\n.tt-pc-installation {\n  padding: 34px;\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #F5F9FD 0%,\n      #FFFFFF 100%\n    );\n\n  border: 1px solid var(--tt-border);\n}\n\n\n.tt-pc-steps {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 18px;\n\n  margin-top: 28px;\n}\n\n\n.tt-pc-step {\n  display: flex;\n  align-items: flex-start;\n\n  gap: 14px;\n}\n\n\n.tt-pc-step-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 34px;\n\n  width: 34px;\n  height: 34px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--tt-blue),\n      var(--tt-bright-blue)\n    );\n\n  color: #FFFFFF;\n\n  font-size: 14px;\n  font-weight: 750;\n}\n\n\n.tt-pc-step h3 {\n  margin-bottom: 5px;\n}\n\n\n.tt-pc-step p {\n  margin-bottom: 0;\n\n  color: rgba(6, 27, 44, 0.68);\n\n  font-size: 14.5px;\n}\n\n\n.tt-pc-notice {\n  margin-top: 26px;\n\n  padding: 18px 20px;\n\n  border-left: 4px solid var(--tt-accent);\n  border-radius: 10px;\n\n  background: #FFFFFF;\n}\n\n\n.tt-pc-notice-title {\n  margin-bottom: 3px;\n\n  color: var(--tt-blue);\n\n  font-weight: 750;\n}\n\n\n.tt-pc-notice p {\n  margin: 0;\n\n  color: rgba(6, 27, 44, 0.72);\n}\n\n\n\/* =========================================================\n   SUPPORT\n========================================================= *\/\n\n.tt-pc-support {\n  display: flex;\n  align-items: center;\n\n  gap: 18px;\n\n  margin-top: 42px;\n\n  padding: 26px;\n\n  border: 1px solid rgba(38, 143, 208, 0.18);\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      105deg,\n      rgba(7, 62, 120, 0.045),\n      rgba(38, 143, 208, 0.075)\n    );\n}\n\n\n.tt-pc-support-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 48px;\n\n  width: 48px;\n  height: 48px;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--tt-blue),\n      var(--tt-bright-blue)\n    );\n\n  color: #FFFFFF;\n\n  font-size: 20px;\n  font-weight: 800;\n}\n\n\n.tt-pc-support h2 {\n  margin-bottom: 5px;\n\n  font-size: 21px;\n}\n\n\n.tt-pc-support p {\n  margin-bottom: 0;\n\n  color: rgba(6, 27, 44, 0.72);\n}\n\n\n\/* =========================================================\n   DESKTOP HOVER\n========================================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n  .tt-pc-card:hover {\n    transform: translateY(-4px);\n\n    border-color: rgba(38, 143, 208, 0.28);\n\n    box-shadow:\n      0 12px 30px rgba(6, 27, 44, 0.09);\n  }\n\n\n  .tt-pc-gallery-grid img:hover {\n    transform: translateY(-3px);\n\n    box-shadow:\n      0 12px 30px rgba(6, 27, 44, 0.10);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET \/ LAPTOP\n========================================================= *\/\n\n@media screen and (max-width: 989px) {\n\n  .tt-pc-highlights {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n\n  .tt-pc-highlights .tt-pc-card:last-child {\n    grid-column: 1 \/ -1;\n  }\n\n\n  .tt-pc-steps {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  .tt-peugeot-carplay {\n    padding: 6px 0 24px;\n\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n\n  .tt-peugeot-carplay h2 {\n    font-size: 25px;\n    line-height: 1.2;\n  }\n\n\n  .tt-peugeot-carplay h3 {\n    font-size: 17px;\n  }\n\n\n  .tt-pc-lead {\n    font-size: 15.5px;\n  }\n\n\n  .tt-pc-main-image,\n  .tt-pc-wide-image,\n  .tt-pc-install-image {\n    max-width: 100%;\n\n    margin: 20px auto;\n\n    border-radius: 12px;\n  }\n\n\n  .tt-pc-alert {\n    gap: 12px;\n\n    margin: 24px 0;\n\n    padding: 16px;\n\n    border-radius: 12px;\n  }\n\n\n  .tt-pc-alert-icon {\n    flex-basis: 30px;\n\n    width: 30px;\n    height: 30px;\n  }\n\n\n  .tt-pc-section,\n  .tt-pc-gallery,\n  .tt-pc-compatibility,\n  .tt-pc-installation {\n    margin-top: 36px;\n  }\n\n\n  .tt-pc-highlights,\n  .tt-pc-model-grid,\n  .tt-pc-features,\n  .tt-pc-gallery-grid {\n    grid-template-columns: 1fr;\n  }\n\n\n  .tt-pc-highlights .tt-pc-card:last-child {\n    grid-column: auto;\n  }\n\n\n  .tt-pc-card,\n  .tt-pc-feature,\n  .tt-pc-model-card {\n    padding: 18px;\n\n    border-radius: 14px;\n  }\n\n\n  .tt-pc-compatibility,\n  .tt-pc-installation {\n    padding: 20px 16px;\n\n    border-radius: 16px;\n  }\n\n\n  .tt-pc-gallery-grid {\n    gap: 12px;\n  }\n\n\n  .tt-pc-gallery-grid img {\n    border-radius: 12px;\n  }\n\n\n  .tt-pc-support {\n    align-items: flex-start;\n\n    gap: 13px;\n\n    padding: 18px;\n\n    border-radius: 14px;\n  }\n\n\n  .tt-pc-support-icon {\n    flex-basis: 38px;\n\n    width: 38px;\n    height: 38px;\n\n    font-size: 16px;\n  }\n\n\n  .tt-pc-support h2 {\n    font-size: 18px;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL PHONES\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n  .tt-peugeot-carplay h2 {\n    font-size: 23px;\n  }\n\n\n  .tt-pc-alert {\n    padding: 14px;\n  }\n\n\n  .tt-pc-compatibility,\n  .tt-pc-installation {\n    padding: 18px 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   SHOPIFY \/ SEO \/ LAPTOP \/ MOBILE HARDENING\n========================================================= *\/\n\n.tt-peugeot-carplay {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n.tt-peugeot-carplay img {\n  max-width: 100%;\n  height: auto;\n}\n\n.tt-peugeot-carplay p,\n.tt-peugeot-carplay li,\n.tt-peugeot-carplay h2,\n.tt-peugeot-carplay h3,\n.tt-peugeot-carplay span {\n  overflow-wrap: break-word;\n}\n\n@media screen and (max-width: 989px) {\n  .tt-peugeot-carplay {\n    padding-left: 14px;\n    padding-right: 14px;\n  }\n}\n\n@media screen and (max-width: 749px) {\n  .tt-peugeot-carplay {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  .tt-peugeot-carplay h2 {\n    font-size: clamp(23px, 7vw, 25px);\n  }\n\n  .tt-pc-highlights,\n  .tt-pc-model-grid,\n  .tt-pc-features,\n  .tt-pc-gallery-grid,\n  .tt-pc-steps {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tt-pc-card,\n  .tt-pc-gallery-grid img {\n    transition: none;\n  }\n}\n\n\u003c\/style\u003e","brand":"toptaktil","offers":[{"title":"Default Title","offer_id":55331920707913,"sku":null,"price":290.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0936\/4917\/4857\/files\/retrofit_peugeot.webp?v=1789322631","url":"https:\/\/www.toptaktil.fr\/it\/products\/apple-carplay-sans-fil-r-trofit-pour-peugeot-citroen-android-auto-d-codeur-int-gration","provider":"TOPTAKTIL","version":"1.0","type":"link"}