{"title":"xTool - P3","description":"\u003cstyle\u003e\n\/* ============================================================\n   AITO3D · Design system des descriptions de collection\n   Direction : Apple product page — tuiles plates, typo forte,\n   un seul accent (cyan #0EA0E4), aucune bordure, aucun dégradé.\n   Scope : #aito3d-col — injecté dans chaque description au build\n   Compatible champ \"description\" des collections Shopify · 100 % CSS\n   ============================================================ *\/\n\n#aito3d-col,\n#aito3d-col *,\n#aito3d-col *::before,\n#aito3d-col *::after {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n#aito3d-col {\n    \/* ---- Couleur ---- *\/\n    --cyan: #0ea0e4;            \/* accent sur fond noir, icônes, chiffre *\/\n    --cyan-text: #0a76a8;       \/* accent lisible en texte sur fond clair (≥ 4.5:1) *\/\n    --black: #000000;\n    --text: #1d1d1f;\n    --text-2: #6e6e73;\n    --text-3: #86868b;\n    --tile: #f5f5f7;\n    --white: #ffffff;\n    --hairline: rgba(0, 0, 0, 0.10);\n    --on-black-2: #a1a1a6;\n    --on-black-hairline: rgba(255, 255, 255, 0.16);\n\n    \/* ---- Forme \u0026 mouvement ---- *\/\n    --r-tile: 28px;\n    --r-inner: 18px;\n    --r-pill: 980px;\n    --gap: 12px;\n    --ease: cubic-bezier(0.25, 0.1, 0.25, 1);\n\n    \/* Seul réglage à toucher pour agrandir \/ réduire tout le bloc *\/\n    font-size: 16px;\n    font-family: inherit;\n    position: relative;\n    max-width: 1180px;\n    margin: 0 auto 2.5em;\n    color: var(--text);\n    line-height: 1.5;\n    text-align: left;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n@media (max-width: 600px) {\n    #aito3d-col { font-size: 15px; }\n}\n\n#aito3d-col h2,\n#aito3d-col h3,\n#aito3d-col p,\n#aito3d-col span,\n#aito3d-col strong,\n#aito3d-col li,\n#aito3d-col a {\n    font-family: inherit;\n    text-transform: none;\n}\n#aito3d-col ul { list-style: none; }\n#aito3d-col strong { font-weight: 600; }\n#aito3d-col ::selection { background: var(--cyan); color: #fff; }\n\n\/* Les tuiles s'empilent avec un gouttière fixe, comme une grille apple.com *\/\n#aito3d-col \u003e * + * { margin-top: var(--gap); }\n\n\/* Eyebrow partagé — petit, semi-gras, casse normale : un seul style de sur-titre *\/\n#aito3d-col .eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5em;\n    font-size: 0.8em;\n    font-weight: 600;\n    letter-spacing: 0;\n    line-height: 1.3;\n    color: var(--cyan-text);\n}\n\n\/* Liens texte : accent, soulignement uniquement au survol *\/\n#aito3d-col a {\n    color: var(--cyan-text);\n    text-decoration: none;\n    transition: color 0.2s var(--ease);\n}\n#aito3d-col a:hover { text-decoration: underline; text-underline-offset: 0.18em; }\n\n\/* ============================================================\n   1 · TUILE NOIRE — early-bird (la seule pièce forte du bloc)\n   ============================================================ *\/\n#aito3d-col .eb {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: clamp(1.5em, 4vw, 3.5em);\n    padding: clamp(1.75em, 3.5vw, 2.75em) clamp(1.5em, 3.5vw, 3em);\n    border-radius: var(--r-tile);\n    background: var(--black);\n    color: #fff;\n}\n#aito3d-col .eb-body { flex: 1 1 auto; min-width: 0; }\n\n#aito3d-col .eb .eyebrow {\n    color: var(--cyan);\n    margin-bottom: 0.75em;\n}\n#aito3d-col .eb-dot {\n    width: 0.45em;\n    height: 0.45em;\n    border-radius: 50%;\n    background: var(--cyan);\n}\n\n#aito3d-col .eb-title {\n    font-size: clamp(1.5em, 3vw, 2.05em);\n    font-weight: 600;\n    line-height: 1.1;\n    letter-spacing: -0.02em;     \/* tracking négatif : le grand texte se resserre *\/\n    color: #fff;\n    margin-bottom: 0.5em;\n    max-width: 22ch;\n}\n#aito3d-col .eb-copy {\n    font-size: 1em;\n    line-height: 1.5;\n    color: var(--on-black-2);\n    max-width: 56ch;\n}\n#aito3d-col .eb-copy strong { color: #fff; }\n\n#aito3d-col .eb-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5em 1.5em;\n    margin-top: 1.5em;\n    padding-top: 1.25em;\n    border-top: 1px solid var(--on-black-hairline);\n}\n#aito3d-col .eb-meta li {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5em;\n    font-size: 0.85em;\n    font-weight: 400;\n    letter-spacing: 0.005em;     \/* petit texte : tracking légèrement positif *\/\n    color: var(--on-black-2);\n}\n#aito3d-col .eb-meta svg {\n    width: 1.1em;\n    height: 1.1em;\n    flex-shrink: 0;\n    color: var(--cyan);\n}\n\n\/* Visuel : le chiffre de l'offre + l'illustration (SVG inline ou \u003cimg\u003e hébergée sur Shopify) *\/\n#aito3d-col .eb-visual {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    gap: clamp(1.25em, 2.5vw, 2.25em);\n}\n#aito3d-col .eb-offer {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 0.2em;\n    text-align: right;\n}\n#aito3d-col .eb-art {\n    flex-shrink: 0;\n    width: clamp(150px, 17vw, 208px);\n}\n#aito3d-col .eb-art svg,\n#aito3d-col .eb-art img {\n    display: block;\n    width: 100%;\n    height: auto;\n}\n#aito3d-col .eb-value {\n    display: block;\n    font-size: clamp(3em, 6.5vw, 4.5em);\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: -0.04em;     \/* chiffre d'affiche : tracking très resserré *\/\n    color: var(--cyan);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n#aito3d-col .eb-pct {\n    font-size: 0.5em;\n    font-weight: 600;\n    letter-spacing: -0.01em;\n    vertical-align: 0.6em;\n    margin-left: 0.08em;\n}\n#aito3d-col .eb-offer .eyebrow {\n    font-size: 0.85em;\n    font-weight: 500;\n    color: var(--on-black-2);\n}\n\n\/* ============================================================\n   2 · TUILE ARRIVAGE — grise, calme\n   ============================================================ *\/\n#aito3d-col .col-arrivage {\n    display: flex;\n    align-items: flex-start;\n    gap: 1.1em;\n    padding: clamp(1.4em, 2.6vw, 1.9em) clamp(1.5em, 3.5vw, 3em);\n    background: var(--tile);\n    border-radius: var(--r-tile);\n}\n#aito3d-col .col-arrivage .aic {\n    flex-shrink: 0;\n    display: grid;\n    place-items: center;\n    width: 2.6em;\n    height: 2.6em;\n    border-radius: 50%;\n    background: var(--white);\n    color: var(--cyan-text);\n}\n#aito3d-col .col-arrivage .aic svg { width: 1.35em; height: 1.35em; }\n#aito3d-col .col-arrivage .eyebrow { margin-bottom: 0.35em; }\n#aito3d-col .col-arrivage h3 {\n    font-size: 1.25em;\n    font-weight: 600;\n    letter-spacing: -0.015em;\n    line-height: 1.2;\n    color: var(--text);\n    margin-bottom: 0.35em;\n}\n#aito3d-col .col-arrivage p {\n    font-size: 0.95em;\n    line-height: 1.5;\n    color: var(--text-2);\n    max-width: 68ch;\n}\n#aito3d-col .col-arrivage strong { color: var(--text); }\n#aito3d-col .col-arrivage p + p { margin-top: 0.4em; }\n#aito3d-col .a-next {\n    display: flex;\n    align-items: center;\n    gap: 0.5em;\n    margin-top: 0.9em;\n    padding-top: 0.8em;\n    border-top: 1px solid var(--hairline);\n    font-size: 0.88em;\n    color: var(--text-2);\n}\n#aito3d-col .a-next svg { width: 1.1em; height: 1.1em; flex-shrink: 0; color: var(--cyan-text); }\n#aito3d-col .a-next strong { color: var(--text); }\n#aito3d-col .a-qty,\n#aito3d-col .a-date {\n    font-weight: 600;\n    color: var(--text);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n\/* ============================================================\n   3 · TUILE PRINCIPALE — grise, contenu blanc à l'intérieur\n   ============================================================ *\/\n#aito3d-col .col-main {\n    padding: clamp(1.75em, 4vw, 3.25em) clamp(1.5em, 3.5vw, 3em);\n    background: var(--tile);\n    border-radius: var(--r-tile);\n}\n\n\/* L'ancien badge devient un simple sur-titre *\/\n#aito3d-col .col-badge {\n    display: inline-flex;\n    margin-bottom: 1em;\n}\n\n#aito3d-col h2 {\n    font-size: clamp(1.85em, 4.2vw, 2.75em);\n    font-weight: 600;\n    line-height: 1.08;\n    letter-spacing: -0.025em;\n    color: var(--text);\n    max-width: 20ch;\n    margin-bottom: 0.5em;\n}\n\n#aito3d-col .col-intro {\n    font-size: 1.06em;\n    line-height: 1.5;\n    color: var(--text-2);\n    max-width: 62ch;\n}\n#aito3d-col .col-intro + .col-intro { margin-top: 0.8em; }\n#aito3d-col .col-intro .hl,\n#aito3d-col .col-intro strong { color: var(--text); font-weight: 600; }\n\n\/* ---------- Points forts : tuiles blanches, icône accent en tête ---------- *\/\n#aito3d-col .col-usps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n    gap: var(--gap);\n    margin-top: 2.25em;\n}\n#aito3d-col .col-usp {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 0.9em;\n    padding: 1.4em 1.4em 1.5em;\n    background: var(--white);\n    border-radius: var(--r-inner);\n}\n#aito3d-col .col-usp .uic {\n    display: block;\n    color: var(--cyan-text);\n}\n#aito3d-col .col-usp .uic svg { width: 1.55em; height: 1.55em; }\n#aito3d-col .col-usp strong {\n    display: block;\n    font-size: 1.02em;\n    font-weight: 600;\n    letter-spacing: -0.012em;\n    line-height: 1.25;\n    color: var(--text);\n    margin-bottom: 0.3em;\n}\n#aito3d-col .col-usp p {\n    font-size: 0.9em;\n    line-height: 1.45;\n    color: var(--text-2);\n}\n\n\/* ---------- Conseil : une ligne de pied, séparée d'un filet ---------- *\/\n#aito3d-col .col-note {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.7em;\n    margin-top: 2em;\n    padding-top: 1.4em;\n    border-top: 1px solid var(--hairline);\n}\n#aito3d-col .col-note .ic {\n    flex-shrink: 0;\n    width: 1.1em;\n    height: 1.1em;\n    margin-top: 0.15em;\n    color: var(--cyan-text);\n}\n#aito3d-col .col-note p {\n    font-size: 0.9em;\n    line-height: 1.5;\n    color: var(--text-2);\n    max-width: 80ch;\n}\n#aito3d-col .col-note strong { color: var(--text); }\n\n\/* ---------- Gamme : pilules blanches, sans bordure ---------- *\/\n#aito3d-col .col-variants { margin-top: 2.25em; }\n#aito3d-col .col-variants .eyebrow {\n    display: flex;\n    color: var(--text-3);\n    margin-bottom: 0.8em;\n}\n#aito3d-col .col-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5em;\n}\n#aito3d-col .col-chips span {\n    font-size: 0.88em;\n    font-weight: 500;\n    letter-spacing: -0.005em;\n    line-height: 1.2;\n    color: var(--text);\n    background: var(--white);\n    border-radius: var(--r-pill);\n    padding: 0.6em 1.05em;\n}\n\n\/* ---------- Actions : un bouton pilule noir + un lien chevron ---------- *\/\n#aito3d-col .col-btns {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 0.9em 1.75em;\n    margin-top: 2.25em;\n}\n#aito3d-col .col-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5em;\n    font-size: 1em;\n    font-weight: 500;\n    letter-spacing: -0.008em;\n    line-height: 1.2;\n    text-decoration: none;\n    transition: background 0.2s var(--ease), color 0.2s var(--ease), transform 0.12s var(--ease);\n}\n#aito3d-col .col-btn svg { width: 1.05em; height: 1.05em; flex-shrink: 0; }\n#aito3d-col .col-btn.main {\n    padding: 0.75em 1.4em;\n    border-radius: var(--r-pill);\n    color: #fff;\n    background: var(--black);\n}\n#aito3d-col .col-btn.main:hover { background: #2b2b2e; color: #fff; text-decoration: none; }\n#aito3d-col .col-btn.main:active { transform: scale(0.97); }\n#aito3d-col .col-btn.ghost {\n    color: var(--cyan-text);\n    background: none;\n}\n#aito3d-col .col-btn.ghost svg { display: none; }\n#aito3d-col .col-btn.ghost::after {\n    content: '';\n    width: 0.42em;\n    height: 0.42em;\n    margin-left: 0.1em;\n    border-right: 1.5px solid currentColor;\n    border-top: 1.5px solid currentColor;\n    transform: rotate(45deg);\n    transition: transform 0.2s var(--ease);\n}\n#aito3d-col .col-btn.ghost:hover { text-decoration: underline; text-underline-offset: 0.18em; }\n#aito3d-col .col-btn.ghost:hover::after { transform: translateX(2px) rotate(45deg); }\n\n\/* ============================================================\n   Accessibilité \u0026 adaptations\n   ============================================================ *\/\n#aito3d-col a:focus-visible {\n    outline: 2px solid var(--cyan);\n    outline-offset: 3px;\n    border-radius: 6px;\n}\n#aito3d-col .col-btn.main:focus-visible { border-radius: var(--r-pill); }\n\n@media (prefers-reduced-motion: reduce) {\n    #aito3d-col *,\n    #aito3d-col *::before,\n    #aito3d-col *::after {\n        animation: none !important;\n        transition-duration: 0.001s !important;\n    }\n    #aito3d-col .col-btn.main:active,\n    #aito3d-col .col-btn.ghost:hover::after { transform: none; }\n    #aito3d-col .col-btn.ghost:hover::after { transform: rotate(45deg); }\n}\n@media (prefers-reduced-transparency: reduce) {\n    #aito3d-col { --hairline: #d2d2d7; --on-black-hairline: #48484a; }\n}\n@media (prefers-contrast: more) {\n    #aito3d-col { --text-2: #424245; --text-3: #6e6e73; --hairline: rgba(0, 0, 0, 0.3); --on-black-2: #d2d2d7; }\n    #aito3d-col .col-arrivage,\n    #aito3d-col .col-main { box-shadow: inset 0 0 0 1px var(--hairline); }\n    #aito3d-col .col-usp,\n    #aito3d-col .col-chips span { box-shadow: inset 0 0 0 1px var(--hairline); }\n}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width: 734px) {\n    #aito3d-col {\n        --r-tile: 18px;\n        --r-inner: 14px;\n    }\n    \/* Le chiffre passe en tête de tuile : c'est la première chose qu'on lit *\/\n    #aito3d-col .eb {\n        flex-direction: column-reverse;\n        align-items: stretch;\n        gap: 1.25em;\n    }\n    #aito3d-col .eb-visual {\n        justify-content: space-between;\n        gap: 1em;\n        padding-bottom: 1.25em;\n        border-bottom: 1px solid var(--on-black-hairline);\n    }\n    #aito3d-col .eb-offer {\n        flex-direction: row;\n        align-items: baseline;\n        justify-content: flex-start;\n        gap: 0.7em;\n        text-align: left;\n    }\n    #aito3d-col .eb-art { width: 84px; }\n    #aito3d-col .eb-value { font-size: 2.6em; }\n    #aito3d-col .eb-title { max-width: none; }\n    #aito3d-col .col-arrivage { gap: 0.9em; }\n    #aito3d-col .col-arrivage .aic { width: 2.3em; height: 2.3em; }\n    #aito3d-col h2 { max-width: none; }\n}\n@media (max-width: 520px) {\n    #aito3d-col .col-btns { align-items: flex-start; flex-direction: column; }\n    #aito3d-col .col-btn.main { width: 100%; justify-content: center; }\n}\n\u003c\/style\u003e\n\n\u003cdiv id=\"aito3d-col\"\u003e\n\n\u003c!-- Présentation de la collection --\u003e\n\u003cdiv class=\"col-main\"\u003e\n\u003cspan class=\"col-badge eyebrow\"\u003eDécoupeuse laser CO₂ 80 W\u003c\/span\u003e\n\u003ch2\u003exTool P3 : 80 W de puissance CO₂ pour la production\u003c\/h2\u003e\n\u003cp class=\"col-intro\"\u003eLa P3 est la découpeuse \u003cstrong\u003elaser CO₂ 80 W\u003c\/strong\u003e de xTool : davantage de puissance pour \u003cspan class=\"hl\"\u003edécouper plus épais et plus vite\u003c\/span\u003e le bois, le MDF et l'acrylique, tout en gravant avec précision.\u003c\/p\u003e\n\u003cp class=\"col-intro\"\u003eElle s'adresse aux \u003cstrong\u003eateliers professionnels\u003c\/strong\u003e, aux agenceurs et aux créateurs qui produisent en volume : signalétique, mobilier, décoration, prototypage et commandes sur mesure.\u003c\/p\u003e\n\u003cdiv class=\"col-usps\"\u003e\n\u003cdiv class=\"col-usp\"\u003e\n\u003cspan class=\"uic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"currentColor\" fill-rule=\"evenodd\"\u003e\u003cpath d=\"M13 2 3 14h7l-1 8 10-12h-7l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e80 W de puissance\u003c\/strong\u003e\n\u003cp\u003eDes passes moins nombreuses sur les matériaux épais : un gain de temps réel en production.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-usp\"\u003e\n\u003cspan class=\"uic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"currentColor\" fill-rule=\"evenodd\"\u003e\u003cpath d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 4a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm0 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePrécision de gravure\u003c\/strong\u003e\n\u003cp\u003eDécoupe et gravure dans la même tâche, avec un rendu fin sur bois et acrylique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-usp\"\u003e\n\u003cspan class=\"uic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"currentColor\" fill-rule=\"evenodd\"\u003e\u003cpath d=\"M12 2 3 6.5v11L12 22l9-4.5v-11L12 2zm0 2.2 6.4 3.2L12 10.6 5.6 7.4 12 4.2zM5 9l6 3v7.4l-6-3V9zm8 10.4V12l6-3v7.4l-6 3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eKits prêts à produire\u003c\/strong\u003e\n\u003cp\u003eKit Polyvalent ou Kit Complet : les accessoires pour travailler toutes les formes, cylindres compris.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-usp\"\u003e\n\u003cspan class=\"uic\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"currentColor\" fill-rule=\"evenodd\"\u003e\u003cpath d=\"M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eConseil et SAV au Fenua\u003c\/strong\u003e\n\u003cp\u003eDémonstration, prise en main et suivi assurés localement par notre équipe à Arue, sans passer par l'étranger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-variants\"\u003e\n\u003cspan class=\"eyebrow\"\u003eDans cette collection\u003c\/span\u003e\n\u003cdiv class=\"col-chips\"\u003e\n\u003cspan\u003eP3 80 W\u003c\/span\u003e\u003cspan\u003eKit Polyvalent\u003c\/span\u003e\u003cspan\u003eKit Complet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"col-note\"\u003e\n\u003csvg class=\"ic\" viewbox=\"0 0 24 24\" fill=\"currentColor\" fill-rule=\"evenodd\"\u003e\u003cpath d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 4.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zM13.25 17h-2.5v-6.5h2.5V17z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cp\u003e\u003cstrong\u003eP3 ou P2S ?\u003c\/strong\u003e Pour une activité régulière sur panneaux épais, la P3 fait la différence ; pour un usage plus occasionnel, la \u003ca href=\"\/collections\/xtool-p2s\"\u003eP2S 55 W\u003c\/a\u003e est plus accessible. Parlons de votre projet : \u003ca href=\"\/pages\/contact\"\u003enos conseillers vous répondent\u003c\/a\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n","products":[],"url":"https:\/\/aito3d.fr\/collections\/xtool-p3.oembed","provider":"Aito3D","version":"1.0","type":"link"}