{"title":"Medical Consumables","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\"\u003eClinical\u003c\/span\u003e \u0026amp; \u003cspan class=\"heading-accent\"\u003ePrecision-Focused\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\"\u003eClinical \u0026amp; Precision‑Focused\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003ePrecision-engineered disposable and single-use products designed to meet the stringent demands of modern clinical and laboratory environments. Our consumables prioritize patient safety, infection control, and operational efficiency, ensuring consistent performance where it matters most.\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\"\u003eQuality \u0026amp; Compliance‑Focused\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eDelivering uncompromising quality across a comprehensive range of medical essentials. Manufactured in compliance with international healthcare standards, our consumables provide clinics and laboratories with the reliability required for safe, sterile, and efficient daily practice.\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\"\u003eEfficiency \u0026amp; Workflow‑Focused\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eOptimize your clinical workflow with our portfolio of high-performance consumables. Designed for seamless integration into medical and laboratory settings, our products support infection prevention, procedural accuracy, and uninterrupted practice efficiency.\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; Comprehensive\u003c\/span\u003e\n\u003cdiv class=\"card-text\"\u003eThe foundation of safe and effective patient care. We supply a complete line of premium medical consumables engineered for clinical excellence. From routine examinations to specialized laboratory procedures, our products deliver the sterility, durability, and precision that healthcare professionals demand.\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\/collections\/medical-consumables.oembed","provider":"STI Care by R\u0026M inter","version":"1.0","type":"link"}