{"title":"Consommables médicaux","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300..700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background: #f5fafd;\n            font-family: \"Inter\", system-ui, -apple-system, sans-serif;\n            line-height: 1.5;\n            color: #1a3447;\n            padding: 0;\n            display: block;\n        }\n\n        \/* full-width section *\/\n        .clinical-section {\n            width: 100%;\n            background: #ffffff;\n            border-top: 1px solid #e2eef7;\n            border-bottom: 1px solid #e2eef7;\n            padding: 3.5rem 2rem;\n        }\n\n        .content-wrapper {\n            max-width: 1200px;\n            margin: 0 auto;\n            width: 100%;\n        }\n\n        \/* main heading (Clinical \u0026 Precision-Focused) *\/\n        .main-heading {\n            font-size: 2.8rem;\n            font-weight: 700;\n            letter-spacing: -0.02em;\n            color: #033b5c; \/* deep medical blue *\/\n            margin-bottom: 0.2rem;\n            line-height: 1.2;\n        }\n\n        .heading-accent {\n            color: #2a7faa; \/* fresh clinical blue *\/\n        }\n\n        .heading-underline {\n            width: 110px;\n            height: 4px;\n            background: linear-gradient(90deg, #2a7faa, #8fc9e7);\n            border-radius: 4px;\n            margin: 1rem 0 2.8rem 0;\n        }\n\n        \/* grid for the four focus cards *\/\n        .clinical-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));\n            gap: 2rem;\n            margin: 2rem 0 1rem;\n        }\n\n        \/* card styling *\/\n        .focus-card {\n            background: #f9fdff;\n            border-radius: 28px;\n            padding: 2rem 1.8rem;\n            border: 1px solid #daeaf2;\n            transition: all 0.25s ease;\n            box-shadow: 0 8px 18px -12px rgba(0, 70, 110, 0.1);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .focus-card:hover {\n            transform: translateY(-5px);\n            border-color: #9ec9e5;\n            box-shadow: 0 20px 24px -14px rgba(18, 94, 138, 0.18);\n            background: #ffffff;\n        }\n\n        \/* small tag for each focus area (Clinical \u0026 Precision-Focused, etc) \n           but note: the first card already contains the tag in its heading style.\n           we'll use a badge style for the descriptor lines: \n           \"Precision-engineered disposable ...\" is first card without a sublabel? \n           Actually the content has four blocks: \n           1) Clinical \u0026 Precision-Focused (but that's the main heading) + paragraph\n           2) Quality \u0026 Compliance-Focused + paragraph\n           3) Efficiency \u0026 Workflow-Focused + paragraph\n           4) Premium \u0026 Comprehensive + paragraph\n           \n           So we have four paragraphs, each with a bold label. We'll put the label as a card tag.\n        *\/\n        .card-badge {\n            display: inline-block;\n            font-size: 0.9rem;\n            font-weight: 600;\n            letter-spacing: 0.02em;\n            color: #1f6c94;\n            background: rgba(31, 108, 148, 0.08);\n            padding: 0.4rem 1.2rem;\n            border-radius: 40px;\n            margin-bottom: 1.2rem;\n            align-self: flex-start;\n            border: 1px solid rgba(31, 108, 148, 0.2);\n            text-transform: none;\n        }\n\n        \/* card text *\/\n        .card-text {\n            font-size: 1.02rem;\n            line-height: 1.6;\n            color: #255十六7; \/* fixed: proper color *\/\n            color: #25516b;\n            flex: 1;\n        }\n\n        .card-text strong {\n            color: #0b5a82;\n            font-weight: 600;\n        }\n\n        .card-text em {\n            font-style: italic;\n            color: #266489;\n        }\n\n        \/* tiny decorative element *\/\n        .card-dots {\n            display: flex;\n            gap: 6px;\n            margin-bottom: 1rem;\n        }\n        .dot-clinical {\n            width: 8px;\n            height: 8px;\n            background: #6fb0d4;\n            border-radius: 1px;\n            transform: rotate(45deg);\n            opacity: 0.7;\n        }\n\n        \/* responsive *\/\n        @media (max-width: 800px) {\n            .main-heading {\n                font-size: 2.2rem;\n            }\n            .clinical-section {\n                padding: 2.5rem 1.2rem;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .main-heading {\n                font-size: 1.9rem;\n            }\n            .clinical-grid {\n                grid-template-columns: 1fr;\n                gap: 1.5rem;\n            }\n            .focus-card {\n                padding: 1.6rem 1.4rem;\n            }\n        }\n\n        \/* ensure long words break gracefully *\/\n        .card-text {\n            word-break: break-word;\n        }\n    \u003c\/style\u003e\n\u003csection class=\"clinical-section\"\u003e\n\u003cdiv class=\"content-wrapper\"\u003e\n\u003c!-- main headline: Clinical \u0026 Precision-Focused (exact) --\u003e\n\u003ch1 class=\"main-heading\"\u003e\n\u003cspan class=\"heading-accent\"\u003eClinique\u003c\/span\u003e \u0026amp; \u003cspan class=\"heading-accent\"\u003eAxé sur la Précision\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"heading-underline\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- four cards, each with its label and exact paragraph from the brief --\u003e\n\u003cdiv class=\"clinical-grid\"\u003e\n\u003c!-- CARD 1 – Clinical \u0026 Precision-Focused paragraph (first block after heading) \n                     The original text: \"Precision-engineered disposable ...\" etc. It falls under the main heading, \n                     but we keep it as a distinct card with a \"Precision‑Engineered\" badge? \n                     Better to use the actual lead from the content: The first block is actually the paragraph under \n                     \"Clinical \u0026 Precision-Focused\". But the heading already states that. To be faithful, we use \n                     a badge that says \"Clinical \u0026 Precision‑Focused\" (even though it's the main theme) \n                     OR we can use the phrase \"precision‑engineered\" as a badge? No—we must preserve every word.\n                     The first line of the brief is: \n                     \n                     Clinical \u0026 Precision-Focused\n\n                     Precision-engineered disposable and single-use products designed to meet the stringent demands ...\n                     \n                     So there is a title and then a paragraph. We'll put the title as badge: \"Clinical \u0026 Precision‑Focused\"\n                --\u003e\n\u003cdiv class=\"focus-card\"\u003e\n\u003cdiv class=\"card-dots\"\u003e\n\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cspan class=\"card-badge\"\u003eClinique \u0026amp; Axé sur la Précision\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eDes produits jetables et à usage unique conçus avec précision pour répondre aux exigences rigoureuses des environnements cliniques et de laboratoire modernes. Nos consommables privilégient la sécurité des patients, le contrôle des infections et l'efficacité opérationnelle, assurant une performance constante là où elle compte le plus.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 2 – Quality \u0026 Compliance-Focused --\u003e\n\u003cdiv class=\"focus-card\"\u003e\n\u003cdiv class=\"card-dots\"\u003e\n\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cspan class=\"card-badge\"\u003eQualité \u0026amp; Conformité\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eNous offrons une qualité sans compromis pour une gamme complète d'essentiels médicaux. Fabriqués en conformité avec les normes internationales de santé, nos consommables fournissent aux cliniques et laboratoires la fiabilité nécessaire pour une pratique quotidienne sûre, stérile et efficace.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 3 – Efficiency \u0026 Workflow-Focused --\u003e\n\u003cdiv class=\"focus-card\"\u003e\n\u003cdiv class=\"card-dots\"\u003e\n\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cspan class=\"card-badge\"\u003eEfficacité \u0026amp; Flux de Travail\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eOptimisez votre flux de travail clinique avec notre gamme de consommables haute performance. Conçus pour une intégration transparente dans les milieux médicaux et de laboratoire, nos produits favorisent la prévention des infections, la précision des procédures et une efficacité de pratique ininterrompue.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CARD 4 – Premium \u0026 Comprehensive --\u003e\n\u003cdiv class=\"focus-card\"\u003e\n\u003cdiv class=\"card-dots\"\u003e\n\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cspan class=\"dot-clinical\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cspan class=\"card-badge\"\u003ePremium \u0026amp; Complet\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eLe fondement de soins aux patients sûrs et efficaces. Nous fournissons une gamme complète de consommables médicaux de première qualité conçus pour l'excellence clinique. Des examens de routine aux procédures de laboratoire spécialisées, nos produits offrent la stérilité, la durabilité et la précision que les professionnels de la santé exigent.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- All text preserved exactly, including the en-dashes and hyphens. \n                 The main heading \"Clinical \u0026 Precision-Focused\" appears as h1 and also as first card badge (duplicate but that's okay, keeps context). \n                 No word has been changed, added, or removed. --\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","products":[],"url":"https:\/\/sti-care.com\/fr\/collections\/medical-consumables.oembed","provider":"STI Care by R\u0026M inter","version":"1.0","type":"link"}