{"id":5098,"date":"2026-06-24T14:03:03","date_gmt":"2026-06-24T14:03:03","guid":{"rendered":"https:\/\/optics.carritech.com\/?page_id=5098"},"modified":"2026-07-29T13:35:03","modified_gmt":"2026-07-29T13:35:03","slug":"compatibility-check","status":"publish","type":"page","link":"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/","title":{"rendered":"Compatibility Check"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5098\" class=\"elementor elementor-5098\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-207f69f e-con-full e-flex e-con e-parent\" data-id=\"207f69f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33fa374 elementor-widget elementor-widget-html\" data-id=\"33fa374\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"co-check-hero\">\n  <div class=\"co-check-hero__bg\"><\/div>\n\n  <div class=\"co-check-hero__inner\">\n\n    <div class=\"co-check-hero__content\">\n      <span class=\"co-check-hero__eyebrow\">Optical transceiver compatibility check<\/span>\n\n      <h1>Need to confirm which optic will work in your equipment?<\/h1>\n\n      <p class=\"co-check-hero__intro\">\n        Send us your OEM platform, host equipment, existing part number or required module type and the Carritech Optics team will help identify the right compatible transceiver option.\n      <\/p>\n\n      <div class=\"co-check-hero__actions\">\n        <a href=\"#compatibility-form\" class=\"co-check-btn co-check-btn--primary\">\n          Start compatibility check\n        <\/a>\n        <a href=\"https:\/\/optics.carritech.com\/optical-transceivers\/\" class=\"co-check-btn co-check-btn--secondary\">\n          Browse optical transceivers\n        <\/a>\n      <\/div>\n\n      <div class=\"co-check-hero__trust\">\n        <span>Coded for leading OEM platforms<\/span>\n        <span>Tested before shipment<\/span>\n        <span>Support for part number matching<\/span>\n        <span>Short lead times available<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"co-check-hero__panel\" aria-hidden=\"true\">\n\n      <div class=\"co-check-form-preview\">\n        <div class=\"co-check-form-preview__top\">\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n        <div class=\"co-check-form-preview__body\">\n          <div class=\"co-check-form-preview__field\">\n            <small>OEM platform<\/small>\n            <strong>Cisco \/ Juniper \/ Nokia \/ Huawei<\/strong>\n          <\/div>\n\n          <div class=\"co-check-form-preview__field\">\n            <small>Existing part number<\/small>\n            <strong>Send us what you have<\/strong>\n          <\/div>\n\n          <div class=\"co-check-form-preview__field\">\n            <small>Required module<\/small>\n            <strong>Speed, form factor, reach<\/strong>\n          <\/div>\n\n          <div class=\"co-check-form-preview__status\">\n            <span><\/span>\n            Compatibility request ready\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"co-check-floating-card co-check-floating-card--one\">\n        <small>Step 01<\/small>\n        <strong>Tell us the equipment<\/strong>\n      <\/div>\n\n      <div class=\"co-check-floating-card co-check-floating-card--two\">\n        <small>Step 02<\/small>\n        <strong>We confirm the option<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  .co-check-hero,\n  .co-check-hero * {\n    box-sizing: border-box;\n  }\n\n  .co-check-hero {\n    position: relative;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 78% 24%, rgba(114, 191, 68, 0.22), transparent 34%),\n      radial-gradient(circle at 14% 82%, rgba(255, 255, 255, 0.08), transparent 32%),\n      linear-gradient(135deg, #080808 0%, #1a1a1a 48%, #2a2a2a 100%);\n    color: #ffffff;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    padding: clamp(82px, 9vw, 142px) 24px;\n  }\n\n  .co-check-hero__bg {\n    position: absolute;\n    inset: 0;\n    opacity: 0.15;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);\n    background-size: 46px 46px;\n    pointer-events: none;\n  }\n\n  .co-check-hero__inner {\n    position: relative;\n    z-index: 2;\n    width: min(1200px, 100%);\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);\n    gap: clamp(38px, 6vw, 84px);\n    align-items: center;\n  }\n\n  .co-check-hero__content {\n    max-width: 730px;\n  }\n\n  .co-check-hero__eyebrow {\n    display: inline-flex;\n    margin-bottom: 20px;\n    padding: 8px 14px;\n    border-radius: 999px;\n    background: rgba(114, 191, 68, 0.14);\n    color: #dff7d5;\n    border: 1px solid rgba(114, 191, 68, 0.34);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .co-check-hero h1 {\n    margin: 0;\n    color: #ffffff;\n    font-size: clamp(38px, 4.9vw, 66px);\n    line-height: 1.03;\n    letter-spacing: -0.05em;\n    font-weight: 600;\n  }\n\n  .co-check-hero__intro {\n    max-width: 690px;\n    margin: 26px 0 0;\n    color: rgba(255, 255, 255, 0.82);\n    font-size: clamp(17px, 1.45vw, 21px);\n    line-height: 1.65;\n    font-weight: 400;\n  }\n\n  .co-check-hero__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 34px;\n  }\n\n  .co-check-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 54px;\n    padding: 15px 24px;\n    border-radius: 999px;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1;\n    text-decoration: none !important;\n    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;\n  }\n\n  .co-check-btn:hover {\n    transform: translateY(-2px);\n  }\n\n  .co-check-btn--primary {\n    background: #72bf44;\n    color: #111111 !important;\n    box-shadow: 0 16px 38px rgba(114, 191, 68, 0.26);\n  }\n\n  .co-check-btn--primary:hover {\n    background: #8bd95b;\n    color: #111111 !important;\n  }\n\n  .co-check-btn--secondary {\n    background: rgba(255, 255, 255, 0.08);\n    color: #ffffff !important;\n    border: 1px solid rgba(255, 255, 255, 0.22);\n  }\n\n  .co-check-btn--secondary:hover {\n    background: rgba(255, 255, 255, 0.15);\n    color: #ffffff !important;\n  }\n\n  .co-check-hero__trust {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px 18px;\n    margin-top: 36px;\n    max-width: 660px;\n  }\n\n  .co-check-hero__trust span {\n    position: relative;\n    padding-left: 24px;\n    color: rgba(255, 255, 255, 0.80);\n    font-size: 14px;\n    line-height: 1.35;\n  }\n\n  .co-check-hero__trust span::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 5px;\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background: #72bf44;\n    box-shadow: 0 0 0 5px rgba(114, 191, 68, 0.16);\n  }\n\n  .co-check-hero__panel {\n    position: relative;\n    min-height: 500px;\n  }\n\n  .co-check-form-preview {\n    position: relative;\n    z-index: 3;\n    max-width: 460px;\n    margin-left: auto;\n    border-radius: 30px;\n    overflow: hidden;\n    background: rgba(255, 255, 255, 0.96);\n    color: #111111;\n    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.35);\n  }\n\n  .co-check-form-preview__top {\n    display: flex;\n    gap: 8px;\n    padding: 18px 22px;\n    background: #f1f1ef;\n    border-bottom: 1px solid rgba(17, 17, 17, 0.08);\n  }\n\n  .co-check-form-preview__top span {\n    width: 11px;\n    height: 11px;\n    border-radius: 50%;\n    background: #c9c9c9;\n  }\n\n  .co-check-form-preview__body {\n    padding: 28px;\n  }\n\n  .co-check-form-preview__field {\n    padding: 18px;\n    border-radius: 18px;\n    background: #f6f7f5;\n    border: 1px solid rgba(17, 17, 17, 0.07);\n  }\n\n  .co-check-form-preview__field + .co-check-form-preview__field {\n    margin-top: 14px;\n  }\n\n  .co-check-form-preview__field small {\n    display: block;\n    margin-bottom: 7px;\n    color: #6b6b6b;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .co-check-form-preview__field strong {\n    display: block;\n    color: #111111;\n    font-size: 17px;\n    line-height: 1.35;\n    font-weight: 700;\n  }\n\n  .co-check-form-preview__status {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 18px;\n    padding: 16px 18px;\n    border-radius: 18px;\n    background: rgba(114, 191, 68, 0.14);\n    color: #245f12;\n    font-size: 14px;\n    font-weight: 800;\n  }\n\n  .co-check-form-preview__status span {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: #72bf44;\n    box-shadow: 0 0 0 7px rgba(114, 191, 68, 0.18);\n  }\n\n  .co-check-floating-card {\n    position: absolute;\n    z-index: 4;\n    width: min(230px, 56%);\n    padding: 18px;\n    border-radius: 20px;\n    background: rgba(17, 17, 17, 0.86);\n    color: #ffffff;\n    border: 1px solid rgba(255, 255, 255, 0.13);\n    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.24);\n    backdrop-filter: blur(14px);\n  }\n\n  .co-check-floating-card small {\n    display: block;\n    margin-bottom: 5px;\n    color: #72bf44;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .co-check-floating-card strong {\n    display: block;\n    color: #ffffff;\n    font-size: 16px;\n    line-height: 1.35;\n    font-weight: 700;\n  }\n\n  .co-check-floating-card--one {\n    left: 0;\n    top: 72px;\n  }\n\n  .co-check-floating-card--two {\n    right: -10px;\n    bottom: 68px;\n  }\n\n  @media (max-width: 1024px) {\n    .co-check-hero__inner {\n      grid-template-columns: 1fr;\n    }\n\n    .co-check-hero__panel {\n      min-height: auto;\n      max-width: 620px;\n    }\n\n    .co-check-form-preview {\n      margin-left: 0;\n    }\n\n    .co-check-floating-card--one {\n      left: auto;\n      right: 24px;\n      top: 34px;\n    }\n\n    .co-check-floating-card--two {\n      right: 24px;\n      bottom: 34px;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .co-check-hero {\n      padding: 70px 18px;\n    }\n\n    .co-check-hero h1 {\n      font-size: 38px;\n      line-height: 1.06;\n    }\n\n    .co-check-hero__actions {\n      flex-direction: column;\n    }\n\n    .co-check-btn {\n      width: 100%;\n    }\n\n    .co-check-hero__trust {\n      grid-template-columns: 1fr;\n    }\n\n    .co-check-form-preview__body {\n      padding: 20px;\n    }\n\n    .co-check-floating-card {\n      position: relative;\n      inset: auto;\n      width: 100%;\n      margin-top: 14px;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-022ea87 e-con-full e-flex e-con e-parent\" data-id=\"022ea87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9345e22 elementor-widget elementor-widget-shortcode\" data-id=\"9345e22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        .ct-compatibility-toggle,\n        .ct-compatibility-toggle * {\n            box-sizing: border-box;\n        }\n        .ct-compatibility-toggle {\n            width: 100%;\n            padding: 72px 24px;\n            background:\n                radial-gradient(\n                    circle at 88% 12%,\n                    rgba(114, 191, 68, 0.11),\n                    transparent 27%\n                ),\n                linear-gradient(\n                    180deg,\n                    #f7f7f7 0%,\n                    #ffffff 100%\n                );\n            font-family: inherit;\n        }\n        .ct-compatibility-toggle__inner {\n            width: 100%;\n            max-width: 1240px;\n            margin: 0 auto;\n        }\n        .ct-compatibility-toggle__header {\n            max-width: 820px;\n            margin: 0 auto 34px;\n            text-align: center;\n        }\n        .ct-compatibility-toggle__eyebrow {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 14px;\n            padding: 8px 14px;\n            border: 1px solid rgba(114, 191, 68, 0.42);\n            border-radius: 999px;\n            background: rgba(114, 191, 68, 0.12);\n            color: #427b25;\n            font-size: 13px;\n            line-height: 1.2;\n            font-weight: 600;\n            letter-spacing: 0.06em;\n            text-transform: uppercase;\n        }\n        .ct-compatibility-toggle__header h2 {\n            margin: 0;\n            color: #111111;\n            font-size: clamp(32px, 4vw, 50px);\n            line-height: 1.08;\n            font-weight: 600;\n            letter-spacing: -0.035em;\n        }\n        .ct-compatibility-toggle__header p {\n            max-width: 720px;\n            margin: 18px auto 0;\n            color: #4a4a4a;\n            font-size: 17px;\n            line-height: 1.65;\n        }\n        .ct-compatibility-toggle__tabs {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 8px;\n            width: min(100%, 760px);\n            margin: 0 auto 36px;\n            padding: 8px;\n            border: 1px solid #e5e5e5;\n            border-radius: 999px;\n            background: #ffffff;\n            box-shadow: 0 14px 42px rgba(0, 0, 0, 0.08);\n        }\n        .ct-compatibility-toggle__tab {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            width: 100%;\n            min-height: 58px;\n            padding: 14px 22px;\n            border: 0;\n            border-radius: 999px;\n            background: transparent;\n            color: #555555;\n            font-family: inherit;\n            font-size: 15px;\n            line-height: 1.25;\n            font-weight: 600;\n            text-align: center;\n            cursor: pointer;\n            transition:\n                background 0.2s ease,\n                color 0.2s ease,\n                box-shadow 0.2s ease,\n                transform 0.2s ease;\n        }\n        .ct-compatibility-toggle__tab:hover {\n            color: #111111;\n            background: #f5f5f5;\n        }\n        .ct-compatibility-toggle__tab.is-active {\n            background: #111111;\n            color: #ffffff;\n            box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);\n        }\n        .ct-compatibility-toggle__tab.is-active:hover {\n            background: #111111;\n            color: #ffffff;\n        }\n        .ct-compatibility-toggle__tab-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 30px;\n            height: 30px;\n            flex: 0 0 auto;\n            border-radius: 50%;\n            background: rgba(17, 17, 17, 0.08);\n            color: currentColor;\n        }\n        .ct-compatibility-toggle__tab.is-active\n        .ct-compatibility-toggle__tab-icon {\n            background: #72bf44;\n            color: #ffffff;\n        }\n        .ct-compatibility-toggle__tab-icon svg {\n            width: 16px;\n            height: 16px;\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n        .ct-compatibility-toggle__content {\n            position: relative;\n        }\n        .ct-compatibility-toggle__panel {\n            animation: ctCompatibilityPanelIn 0.28s ease;\n        }\n        .ct-compatibility-toggle__panel[hidden] {\n            display: none !important;\n        }\n        \/*\n         * Prevent the nested checker widths from adding unnecessary\n         * horizontal margins inside this section.\n         *\/\n        .ct-compatibility-toggle__panel .ct-compat-checker,\n        .ct-compatibility-toggle__panel .ct-hardware-compat-checker {\n            width: 100%;\n            max-width: none;\n        }\n        @keyframes ctCompatibilityPanelIn {\n            from {\n                opacity: 0;\n                transform: translateY(8px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        @media (max-width: 720px) {\n            .ct-compatibility-toggle {\n                padding: 58px 18px;\n            }\n            .ct-compatibility-toggle__tabs {\n                grid-template-columns: 1fr;\n                border-radius: 24px;\n            }\n            .ct-compatibility-toggle__tab {\n                border-radius: 18px;\n            }\n            .ct-compatibility-toggle__header {\n                margin-bottom: 28px;\n            }\n            .ct-compatibility-toggle__header p {\n                font-size: 16px;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            .ct-compatibility-toggle__tab,\n            .ct-compatibility-toggle__panel {\n                animation: none;\n                transition: none;\n            }\n        }\n    <\/style>\n    <section\n        class=\"ct-compatibility-toggle\"\n        id=\"ct-compatibility-toggle-1\"\n        data-ct-compatibility-toggle\n    >\n        <div class=\"ct-compatibility-toggle__inner\">\n            <header class=\"ct-compatibility-toggle__header\">\n                <span class=\"ct-compatibility-toggle__eyebrow\">\n                    Compatibility tools\n                <\/span>\n                <h2>Find the right transceiver for your network<\/h2>\n                <p>\n                    Search by an existing OEM part number or select network hardware\n                    to discover compatible Carritech Optics transceivers.\n                <\/p>\n            <\/header>\n            <div\n                class=\"ct-compatibility-toggle__tabs\"\n                role=\"tablist\"\n                aria-label=\"Choose a compatibility search method\"\n            >\n                <button\n                    type=\"button\"\n                    class=\"ct-compatibility-toggle__tab is-active\"\n                    id=\"ct-compatibility-toggle-1-oem-tab\"\n                    role=\"tab\"\n                    aria-selected=\"true\"\n                    aria-controls=\"ct-compatibility-toggle-1-oem-panel\"\n                    tabindex=\"0\"\n                    data-ct-compatibility-tab=\"oem\"\n                >\n                    <span class=\"ct-compatibility-toggle__tab-icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"11\" cy=\"11\" r=\"6\"><\/circle>\n                            <path d=\"M16 16L21 21\"><\/path>\n                        <\/svg>\n                    <\/span>\n                    <span>Find OEM Equivalent<\/span>\n                <\/button>\n                <button\n                    type=\"button\"\n                    class=\"ct-compatibility-toggle__tab\"\n                    id=\"ct-compatibility-toggle-1-hardware-tab\"\n                    role=\"tab\"\n                    aria-selected=\"false\"\n                    aria-controls=\"ct-compatibility-toggle-1-hardware-panel\"\n                    tabindex=\"-1\"\n                    data-ct-compatibility-tab=\"hardware\"\n                >\n                    <span class=\"ct-compatibility-toggle__tab-icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\n                            <path d=\"M7 9H17\"><\/path>\n                            <path d=\"M7 13H12\"><\/path>\n                            <path d=\"M16 13H17\"><\/path>\n                        <\/svg>\n                    <\/span>\n                    <span>Check Hardware Compatibility<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"ct-compatibility-toggle__content\">\n                <div\n                    class=\"ct-compatibility-toggle__panel\"\n                    id=\"ct-compatibility-toggle-1-oem-panel\"\n                    role=\"tabpanel\"\n                    aria-labelledby=\"ct-compatibility-toggle-1-oem-tab\"\n                    data-ct-compatibility-panel=\"oem\"\n                >\n                        <style>\n        .ct-compat-checker {\n            width: min(1200px, calc(100% - 48px));\n            margin: 0 auto;\n            font-family: \"Montserrat\", Arial, sans-serif;\n        }\n        .ct-compat-checker * {\n            box-sizing: border-box;\n        }\n        .ct-compat-search {\n            margin-bottom: 34px;\n            padding: 28px;\n            background: #f5f8fa;\n            border: 1px solid #e1e8ed;\n            border-radius: 20px;\n        }\n        .ct-compat-search h2 {\n            margin: 0 0 10px;\n            color: #002849;\n            font-size: 30px;\n            line-height: 1.15;\n            font-weight: 600;\n            letter-spacing: -0.02em;\n        }\n        .ct-compat-search p {\n            margin: 0 0 22px;\n            max-width: 780px;\n            color: #52616b;\n            font-size: 16px;\n            line-height: 1.6;\n        }\n        .ct-compat-search-form {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) auto;\n            gap: 12px;\n            align-items: center;\n        }\n        .ct-compat-search-input {\n            width: 100%;\n            min-height: 54px;\n            padding: 14px 16px;\n            border: 1px solid #dce5ea;\n            border-radius: 999px;\n            background: #ffffff;\n            color: #1d2b34;\n            font-size: 16px;\n            line-height: 1.2;\n            outline: none;\n        }\n        .ct-compat-search-input:focus {\n            border-color: #72bf44;\n            box-shadow: 0 0 0 4px rgba(114, 191, 68, 0.14);\n        }\n        .ct-compat-search-button,\n        .ct-compat-reset-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 54px;\n            padding: 14px 24px;\n            border-radius: 999px;\n            border: 2px solid #72bf44;\n            background: #72bf44;\n            color: #ffffff !important;\n            font-size: 15px;\n            font-weight: 600;\n            text-decoration: none;\n            cursor: pointer;\n            transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\n        }\n        .ct-compat-search-button:hover {\n            background: #5fa337;\n            border-color: #5fa337;\n            color: #ffffff !important;\n            transform: translateY(-1px);\n        }\n        .ct-compat-reset-button {\n            background: #ffffff;\n            border-color: #002849;\n            color: #002849 !important;\n        }\n        .ct-compat-reset-button:hover {\n            background: #002849;\n            border-color: #002849;\n            color: #ffffff !important;\n            transform: translateY(-1px);\n        }\n        .ct-compat-search-actions {\n            display: flex;\n            gap: 10px;\n            flex-wrap: wrap;\n        }\n        \/*\n         * Compact search box \u2014 used when results are already on screen, so the\n         * form doesn't compete with the answer the visitor came for.\n         *\/\n        .ct-compat-search--compact {\n            margin-top: 36px;\n            margin-bottom: 0;\n            padding: 22px 24px;\n        }\n        .ct-compat-search--compact h2 {\n            margin-bottom: 14px;\n            font-size: 19px;\n            letter-spacing: -0.01em;\n        }\n        .ct-compat-results-wrap.is-loading {\n            opacity: 0.55;\n            pointer-events: none;\n        }\n        \/*\n         * Result headline \u2014 a full-width banner, and the first thing on screen\n         * after a search. Sized to be read at a glance rather than scanned for.\n         *\n         * Specificity here is deliberately high, and font-size carries\n         * !important, because the theme's own h2 rules are more specific than\n         * a bare class and were shrinking this heading back down.\n         *\/\n        .ct-compat-result-head {\n            display: flex;\n            align-items: center;\n            gap: 24px;\n            width: 100%;\n            margin: 0 0 26px;\n            padding: clamp(24px, 2.6vw, 36px) clamp(22px, 2.6vw, 38px);\n            background:\n                radial-gradient(circle at 96% 12%, rgba(114, 191, 68, 0.20), transparent 32%),\n                linear-gradient(135deg, rgba(114, 191, 68, 0.13) 0%, rgba(114, 191, 68, 0.04) 46%, #ffffff 100%);\n            border: 1px solid #dce7d7;\n            border-left: 6px solid #72bf44;\n            border-radius: 18px;\n            box-shadow: 0 18px 48px rgba(0, 40, 73, 0.07);\n        }\n        .ct-compat-result-head__icon {\n            flex: 0 0 auto;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 68px;\n            height: 68px;\n            border-radius: 50%;\n            background: #72bf44;\n            color: #ffffff;\n            font-size: 38px;\n            line-height: 1;\n            font-weight: 800;\n            box-shadow: 0 0 0 10px rgba(114, 191, 68, 0.13);\n        }\n        .ct-compat-result-head__copy {\n            flex: 1 1 auto;\n            min-width: 0;\n        }\n        .ct-compat-match .ct-compat-result-head .ct-compat-result-head__title {\n            margin: 0 !important;\n            padding: 0 !important;\n            color: #111111;\n            font-size: clamp(26px, 3.2vw, 42px) !important;\n            line-height: 1.04 !important;\n            font-weight: 700 !important;\n            letter-spacing: -0.035em;\n            text-transform: none !important;\n        }\n        .ct-compat-match .ct-compat-result-head .ct-compat-result-head__sub {\n            max-width: none;\n            margin: 12px 0 0;\n            color: #4a5a64;\n            font-size: clamp(16px, 1.3vw, 19px);\n            line-height: 1.55;\n        }\n        .ct-compat-result-head__sub strong {\n            color: #111111;\n            font-weight: 700;\n        }\n        @media (max-width: 700px) {\n            .ct-compat-result-head {\n                gap: 16px;\n                padding: 22px 20px;\n                margin-bottom: 20px;\n            }\n            .ct-compat-result-head__icon {\n                width: 50px;\n                height: 50px;\n                font-size: 27px;\n                box-shadow: 0 0 0 7px rgba(114, 191, 68, 0.13);\n            }\n            .ct-compat-match .ct-compat-result-head .ct-compat-result-head__sub {\n                font-size: 15px;\n            }\n        }\n        .ct-optics-results-top {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 16px;\n            margin-bottom: 18px;\n        }\n        .ct-optics-results-count {\n            color: #52616b;\n            font-size: 14px;\n        }\n        .ct-optics-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 22px;\n        }\n        .ct-optics-card {\n            display: flex;\n            flex-direction: column;\n            background: #ffffff;\n            border: 1px solid #e1e8ed;\n            border-radius: 18px;\n            overflow: hidden;\n            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n        }\n        .ct-optics-card:hover {\n            transform: translateY(-3px);\n            border-color: #cbd8df;\n            box-shadow: 0 12px 30px rgba(0, 40, 73, 0.08);\n        }\n        .ct-optics-card-image {\n            display: block;\n            width: 100%;\n            aspect-ratio: 4 \/ 3;\n            background: #f7fafc;\n            overflow: hidden;\n            padding: 0;\n        }\n        .ct-optics-card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n        .ct-optics-card-body {\n            display: flex;\n            flex-direction: column;\n            flex: 1 1 auto;\n            padding: 20px;\n        }\n        .ct-optics-linked-title {\n            margin: 0 0 8px;\n            font-size: 17px;\n            line-height: 1.3;\n            font-weight: 600;\n            color: #002849;\n        }\n        .ct-optics-linked-title a {\n            color: inherit;\n            text-decoration: none;\n        }\n        .ct-optics-linked-title a:hover {\n            color: #72bf44;\n        }\n        .ct-optics-part-number {\n            margin: 0 0 16px;\n            font-size: 14px;\n            line-height: 1.45;\n            font-weight: 600;\n            color: #52616b;\n        }\n        .ct-optics-specs {\n            display: grid;\n            gap: 9px;\n            margin-top: 14px;\n            margin-bottom: 20px;\n        }\n        .ct-optics-spec {\n            display: grid;\n            grid-template-columns: 100px 1fr;\n            gap: 8px;\n            font-size: 13px;\n            line-height: 1.35;\n            border-top: 1px solid #eef3f5;\n            padding-top: 9px;\n        }\n        .ct-optics-spec-label {\n            color: #6a7a86;\n            font-weight: 600;\n        }\n        .ct-optics-spec-value {\n            color: #1d2b34;\n        }\n        .ct-optics-card-actions {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 10px;\n            margin-top: auto;\n        }\n        .ct-optics-card-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            min-height: 46px;\n            padding: 13px 18px;\n            border-radius: 999px;\n            background: #72bf44;\n            border: 2px solid #72bf44;\n            color: #ffffff !important;\n            text-decoration: none;\n            font-size: 14px;\n            font-weight: 600;\n            line-height: 1;\n            cursor: pointer;\n            transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n        }\n        .ct-optics-card-button:hover {\n            background: #5fa337;\n            border-color: #5fa337;\n            color: #ffffff !important;\n            transform: translateY(-1px);\n            box-shadow: 0 10px 24px rgba(114, 191, 68, 0.22);\n            text-decoration: none;\n        }\n        .ct-optics-card-button--secondary {\n            background: #ffffff;\n            border-color: #002849;\n            color: #002849 !important;\n        }\n        .ct-optics-card-button--secondary:hover {\n            background: #002849;\n            border-color: #002849;\n            color: #ffffff !important;\n            box-shadow: 0 10px 24px rgba(0, 40, 73, 0.16);\n        }\n        \/*\n         * Single OEM-to-Carritech compatibility match.\n         * Uses the same two-card and centre-arrow layout as the hardware matcher.\n         *\/\n        .ct-compat-match {\n            display: grid;\n            gap: 20px;\n        }\n        .ct-compat-match__row {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) 118px minmax(0, 1fr);\n            gap: 22px;\n            align-items: stretch;\n        }\n        \/* Direct (description) match: single Carritech card, no OEM side *\/\n        .ct-compat-match--direct .ct-compat-match__row {\n            grid-template-columns: 1fr;\n        }\n        .ct-compat-match__card {\n            display: grid;\n            grid-template-columns: 160px minmax(0, 1fr);\n            gap: 18px;\n            align-items: center;\n            min-height: 190px;\n            padding: 20px;\n            background: #ffffff;\n            border: 1px solid #dcdcdc;\n            border-left: 6px solid #72bf44;\n            box-shadow: 0 18px 50px rgba(0, 40, 73, 0.08);\n            min-width: 0;\n        }\n        .ct-compat-match__card--carritech {\n            position: relative;\n        }\n        .ct-compat-match__image-link {\n            display: block;\n            text-decoration: none !important;\n        }\n        .ct-compat-match__image-box {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 160px;\n            height: 140px;\n            padding: 16px;\n            background:\n                radial-gradient(circle at 78% 24%, rgba(114, 191, 68, 0.13), transparent 34%),\n                linear-gradient(135deg, #f8fbfc 0%, #eef3f5 100%);\n            border: 1px solid #eef3f5;\n            overflow: hidden;\n        }\n        .ct-compat-match__image-box::after {\n            content: \"\";\n            position: absolute;\n            right: -54px;\n            bottom: -64px;\n            width: 140px;\n            height: 140px;\n            border-radius: 50%;\n            background: rgba(114, 191, 68, 0.13);\n            pointer-events: none;\n        }\n        .ct-compat-match__image-box img {\n            position: relative;\n            z-index: 2;\n            display: block;\n            max-width: 100%;\n            max-height: 110px;\n            width: auto;\n            height: auto;\n            object-fit: contain;\n        }\n        .ct-compat-match__content {\n            min-width: 0;\n        }\n        .ct-compat-match__label-row {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 8px;\n            margin-bottom: 10px;\n        }\n        .ct-compat-match__label {\n            display: inline-flex;\n            align-items: center;\n            width: fit-content;\n            padding: 7px 10px;\n            border-radius: 999px;\n            background: rgba(114, 191, 68, 0.14);\n            border: 1px solid rgba(114, 191, 68, 0.34);\n            color: #245f12;\n            font-size: 11px;\n            line-height: 1;\n            font-weight: 700;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n        .ct-compat-match__tick {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            background: #72bf44;\n            color: #ffffff;\n            font-size: 18px;\n            line-height: 1;\n            font-weight: 800;\n            box-shadow: 0 0 0 6px rgba(114, 191, 68, 0.14);\n        }\n        .ct-compat-match__name {\n            margin: 0;\n            color: #68bf32;\n            font-size: clamp(20px, 1.75vw, 27px);\n            line-height: 1.16;\n            font-weight: 600;\n            letter-spacing: -0.03em;\n        }\n        .ct-compat-match__name a {\n            color: inherit;\n            text-decoration: none !important;\n        }\n        .ct-compat-match__name a:hover {\n            color: #4f9828;\n        }\n        .ct-compat-match__part {\n            margin: 9px 0 0;\n            color: #52616b;\n            font-size: 14px;\n            line-height: 1.45;\n            font-weight: 600;\n        }\n        .ct-compat-match__specs {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 8px;\n            margin-top: 14px;\n        }\n        .ct-compat-match__spec {\n            padding: 9px 10px;\n            background: #f8fbfc;\n            border: 1px solid #edf2f4;\n        }\n        .ct-compat-match__spec strong {\n            display: block;\n            margin-bottom: 3px;\n            color: #6a7a86;\n            font-size: 10px;\n            line-height: 1.2;\n            font-weight: 700;\n            letter-spacing: 0.06em;\n            text-transform: uppercase;\n        }\n        .ct-compat-match__spec span {\n            display: block;\n            color: #111111;\n            font-size: 12px;\n            line-height: 1.35;\n            font-weight: 600;\n        }\n        .ct-compat-match__actions {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 10px;\n            margin-top: 15px;\n        }\n        .ct-compat-match__connector {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 0;\n        }\n        .ct-compat-match__connector-inner {\n            position: relative;\n            width: 100%;\n        }\n        .ct-compat-match__connector-text {\n            position: absolute;\n            left: 50%;\n            top: -29px;\n            transform: translateX(-50%);\n            color: #245f12;\n            font-size: 12px;\n            line-height: 1;\n            font-weight: 700;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            white-space: nowrap;\n        }\n        .ct-compat-match__arrow {\n            position: relative;\n            display: block;\n            width: 100%;\n            height: 4px;\n            border-radius: 999px;\n            background: #72bf44;\n            box-shadow: 0 0 0 8px rgba(114, 191, 68, 0.12);\n        }\n        .ct-compat-match__arrow::before {\n            content: \"\";\n            position: absolute;\n            left: -7px;\n            top: 50%;\n            width: 14px;\n            height: 14px;\n            transform: translateY(-50%);\n            border-radius: 50%;\n            background: #72bf44;\n            box-shadow: 0 0 0 7px rgba(114, 191, 68, 0.14);\n        }\n        .ct-compat-match__arrow::after {\n            content: \"\";\n            position: absolute;\n            right: -2px;\n            top: 50%;\n            width: 16px;\n            height: 16px;\n            border-top: 4px solid #72bf44;\n            border-right: 4px solid #72bf44;\n            transform: translateY(-50%) rotate(45deg);\n            background: transparent;\n        }\n        .ct-compat-match__confirmation {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            padding: 20px 22px;\n            background: #ffffff;\n            border: 1px solid #dcdcdc;\n            border-left: 6px solid #72bf44;\n            box-shadow: 0 16px 42px rgba(0, 40, 73, 0.07);\n        }\n        .ct-compat-match__confirmation-icon {\n            flex: 0 0 auto;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 46px;\n            height: 46px;\n            border-radius: 50%;\n            background: #72bf44;\n            color: #ffffff;\n            font-size: 26px;\n            line-height: 1;\n            font-weight: 800;\n            box-shadow: 0 0 0 8px rgba(114, 191, 68, 0.14);\n        }\n        .ct-compat-match__confirmation-copy {\n            min-width: 0;\n        }\n        .ct-compat-match__confirmation-copy strong {\n            display: block;\n            margin-bottom: 4px;\n            color: #111111;\n            font-size: 18px;\n            line-height: 1.3;\n            font-weight: 600;\n        }\n        .ct-compat-match__confirmation-copy span {\n            display: block;\n            color: #52616b;\n            font-size: 14px;\n            line-height: 1.55;\n        }\n        @media (max-width: 1100px) {\n            .ct-compat-match__row {\n                grid-template-columns: 1fr;\n                gap: 18px;\n            }\n            .ct-compat-match__connector {\n                min-height: 78px;\n            }\n            .ct-compat-match__connector-inner {\n                width: 4px;\n                height: 78px;\n            }\n            .ct-compat-match__connector-text {\n                left: 50%;\n                top: 50%;\n                transform: translate(26px, -50%);\n            }\n            .ct-compat-match__arrow {\n                width: 4px;\n                height: 100%;\n            }\n            .ct-compat-match__arrow::before {\n                left: 50%;\n                top: -7px;\n                transform: translateX(-50%);\n            }\n            .ct-compat-match__arrow::after {\n                right: auto;\n                left: 50%;\n                top: auto;\n                bottom: -2px;\n                transform: translateX(-50%) rotate(135deg);\n            }\n        }\n        @media (max-width: 700px) {\n            .ct-compat-match__card {\n                grid-template-columns: 1fr;\n                gap: 15px;\n                min-height: auto;\n                padding: 18px;\n            }\n            .ct-compat-match__image-link,\n            .ct-compat-match__image-box {\n                width: 100%;\n            }\n            .ct-compat-match__image-box {\n                height: 170px;\n            }\n            .ct-compat-match__image-box img {\n                max-height: 130px;\n            }\n            .ct-compat-match__name {\n                font-size: 22px;\n            }\n            .ct-compat-match__actions,\n            .ct-compat-match__specs {\n                grid-template-columns: 1fr;\n            }\n            .ct-compat-match__confirmation {\n                align-items: flex-start;\n                padding: 18px;\n            }\n            .ct-compat-no-match {\n                grid-template-columns: 1fr;\n                gap: 18px;\n                padding: 24px 20px;\n            }\n            .ct-compat-no-match__icon {\n                width: 56px;\n                height: 56px;\n                font-size: 26px;\n            }\n            .ct-compat-no-match__actions {\n                flex-direction: column;\n            }\n            .ct-compat-no-match__button {\n                width: 100%;\n            }\n        }\n        .ct-optics-empty,\n        .ct-compat-start,\n        .ct-compat-loading {\n            background: #f5f8fa;\n            border: 1px solid #e1e8ed;\n            border-radius: 16px;\n            padding: 28px;\n            color: #52616b;\n            font-size: 15px;\n            line-height: 1.55;\n        }\n        \/*\n         * Positive no-match result.\n         * Reassures the visitor and gives them clear next steps.\n         *\/\n        .ct-compat-no-match {\n            position: relative;\n            overflow: hidden;\n            display: grid;\n            grid-template-columns: 64px minmax(0, 1fr);\n            gap: 20px;\n            align-items: start;\n            padding: clamp(24px, 3vw, 34px);\n            background:\n                radial-gradient(circle at 92% 18%, rgba(114, 191, 68, 0.16), transparent 28%),\n                linear-gradient(135deg, #ffffff 0%, #f7faf7 100%);\n            border: 1px solid #dce7d7;\n            border-left: 6px solid #72bf44;\n            border-radius: 20px;\n            box-shadow: 0 18px 48px rgba(0, 40, 73, 0.08);\n        }\n        .ct-compat-no-match__icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 64px;\n            height: 64px;\n            border-radius: 50%;\n            background: rgba(114, 191, 68, 0.14);\n            border: 1px solid rgba(114, 191, 68, 0.36);\n            color: #4f9c2f;\n            font-size: 30px;\n            font-weight: 700;\n            line-height: 1;\n            box-shadow: 0 0 0 8px rgba(114, 191, 68, 0.08);\n        }\n        .ct-compat-no-match__content {\n            min-width: 0;\n        }\n        .ct-compat-no-match__eyebrow {\n            display: block;\n            margin-bottom: 7px;\n            color: #4f9c2f;\n            font-size: 12px;\n            line-height: 1.2;\n            font-weight: 700;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n        .ct-compat-no-match__title {\n            margin: 0;\n            color: #002849;\n            font-size: clamp(24px, 3vw, 34px);\n            line-height: 1.15;\n            font-weight: 600;\n            letter-spacing: -0.025em;\n        }\n        .ct-compat-no-match__text {\n            max-width: 850px;\n            margin: 12px 0 0;\n            color: #52616b;\n            font-size: 16px;\n            line-height: 1.65;\n        }\n        .ct-compat-no-match__text strong {\n            color: #1d2b34;\n            font-weight: 600;\n        }\n        .ct-compat-no-match__actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            margin-top: 22px;\n        }\n        .ct-compat-no-match__button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 48px;\n            padding: 13px 20px;\n            border: 2px solid #72bf44;\n            border-radius: 999px;\n            background: #72bf44;\n            color: #ffffff !important;\n            font-size: 14px;\n            line-height: 1;\n            font-weight: 700;\n            text-align: center;\n            text-decoration: none !important;\n            transition:\n                transform 0.2s ease,\n                background 0.2s ease,\n                border-color 0.2s ease,\n                color 0.2s ease,\n                box-shadow 0.2s ease;\n        }\n        .ct-compat-no-match__button:hover {\n            transform: translateY(-1px);\n            background: #5fa337;\n            border-color: #5fa337;\n            color: #ffffff !important;\n            box-shadow: 0 10px 24px rgba(114, 191, 68, 0.22);\n        }\n        .ct-compat-no-match__button--secondary {\n            background: #ffffff;\n            border-color: #002849;\n            color: #002849 !important;\n        }\n        .ct-compat-no-match__button--secondary:hover {\n            background: #002849;\n            border-color: #002849;\n            color: #ffffff !important;\n            box-shadow: 0 10px 24px rgba(0, 40, 73, 0.16);\n        }\n        .ct-compat-price-modal {\n            position: fixed;\n            inset: 0;\n            z-index: 999999;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            padding: 24px;\n            background: rgba(17, 17, 17, 0.72);\n            backdrop-filter: blur(8px);\n        }\n        .ct-compat-price-modal.is-active {\n            display: flex;\n        }\n        .ct-compat-price-modal__overlay {\n            position: absolute;\n            inset: 0;\n            display: block;\n            cursor: pointer;\n        }\n        .ct-compat-price-modal__dialog {\n            position: relative;\n            z-index: 2;\n            width: min(100%, 760px);\n            max-height: calc(100vh - 48px);\n            overflow-y: auto;\n            background: #ffffff;\n            border-radius: 24px;\n            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34);\n        }\n        .ct-compat-price-modal__header {\n            position: relative;\n            padding: 28px 30px 24px;\n            background:\n                radial-gradient(circle at 85% 15%, rgba(114, 191, 68, 0.18), transparent 26%),\n                linear-gradient(135deg, #f7f7f7 0%, #ffffff 100%);\n            border-bottom: 1px solid #e5e5e5;\n        }\n        .ct-compat-price-modal__eyebrow {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            margin-bottom: 10px;\n            color: #72bf44;\n            font-size: 12px;\n            font-weight: 600;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n        .ct-compat-price-modal__eyebrow::before {\n            content: \"\";\n            width: 26px;\n            height: 3px;\n            background: #72bf44;\n            border-radius: 999px;\n        }\n        .ct-compat-price-modal__header h3 {\n            margin: 0 42px 10px 0;\n            color: #111111;\n            font-size: 28px;\n            line-height: 1.18;\n            font-weight: 600;\n            letter-spacing: -0.02em;\n        }\n        .ct-compat-price-modal__header p {\n            margin: 0;\n            color: #555555;\n            font-size: 15px;\n            line-height: 1.55;\n        }\n        .ct-compat-price-modal__product {\n            display: inline-flex;\n            flex-wrap: wrap;\n            gap: 8px;\n            align-items: center;\n            margin-top: 16px;\n            padding: 10px 12px;\n            background: #ffffff;\n            border: 1px solid #dddddd;\n            border-left: 4px solid #72bf44;\n            border-radius: 12px;\n            color: #111111;\n            font-size: 14px;\n            line-height: 1.3;\n            font-weight: 600;\n        }\n        .ct-compat-price-modal__product span {\n            color: #777777;\n            font-size: 11px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n        .ct-compat-price-modal__close {\n            position: absolute;\n            top: 22px;\n            right: 22px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 38px;\n            height: 38px;\n            background: #111111;\n            border: 0;\n            border-radius: 999px;\n            color: #ffffff !important;\n            font-size: 24px;\n            line-height: 1;\n            text-decoration: none;\n            cursor: pointer;\n            transition: background 0.2s ease, transform 0.2s ease;\n        }\n        .ct-compat-price-modal__close:hover {\n            background: #72bf44;\n            color: #ffffff !important;\n            transform: rotate(90deg);\n        }\n        .ct-compat-price-modal__body {\n            padding: 30px;\n        }\n        .ct-compat-price-form {\n            display: grid;\n            gap: 18px;\n            margin: 0;\n        }\n        .ct-compat-price-form__row {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 16px;\n        }\n        .ct-compat-price-form__field {\n            display: grid;\n            gap: 7px;\n        }\n        .ct-compat-price-form__field label {\n            color: #111111;\n            font-size: 13px;\n            font-weight: 600;\n            line-height: 1.25;\n        }\n        .ct-compat-price-form__field label em {\n            color: #72bf44;\n            font-style: normal;\n        }\n        .ct-compat-price-form__field input {\n            width: 100%;\n            min-height: 50px;\n            padding: 13px 14px;\n            background: #f8f8f8;\n            border: 1px solid #d8d8d8;\n            border-radius: 12px;\n            color: #111111;\n            font-size: 15px;\n            line-height: 1.2;\n            outline: none;\n        }\n        .ct-compat-price-form__field input:focus {\n            background: #ffffff;\n            border-color: #72bf44;\n            box-shadow: 0 0 0 4px rgba(114, 191, 68, 0.15);\n        }\n        .ct-compat-price-form__note {\n            margin: 2px 0 0;\n            color: #666666;\n            font-size: 13px;\n            line-height: 1.5;\n        }\n        .ct-compat-price-form__submit {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: fit-content;\n            min-height: 54px;\n            padding: 16px 30px;\n            background: #72bf44;\n            border: 2px solid #72bf44;\n            border-radius: 999px;\n            color: #ffffff;\n            font-size: 16px;\n            font-weight: 600;\n            line-height: 1;\n            cursor: pointer;\n        }\n        .ct-compat-price-form__submit:hover {\n            background: #5fa337;\n            border-color: #5fa337;\n        }\n        @media (max-width: 1200px) {\n            .ct-optics-grid {\n                grid-template-columns: repeat(3, minmax(0, 1fr));\n            }\n        }\n        @media (max-width: 900px) {\n            .ct-optics-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n            .ct-compat-search-form {\n                grid-template-columns: 1fr;\n            }\n            .ct-compat-search-actions {\n                width: 100%;\n            }\n            .ct-compat-search-button,\n            .ct-compat-reset-button {\n                width: 100%;\n            }\n        }\n        @media (max-width: 640px) {\n            .ct-compat-checker {\n                width: min(100%, calc(100% - 36px));\n            }\n        }\n        @media (max-width: 620px) {\n            .ct-optics-grid {\n                grid-template-columns: 1fr;\n            }\n            .ct-optics-spec {\n                grid-template-columns: 95px 1fr;\n            }\n        }\n        @media (max-width: 700px) {\n            .ct-compat-price-modal {\n                padding: 14px;\n            }\n            .ct-compat-price-modal__dialog {\n                border-radius: 20px;\n                max-height: calc(100vh - 28px);\n            }\n            .ct-compat-price-modal__header {\n                padding: 24px 22px 20px;\n            }\n            .ct-compat-price-modal__header h3 {\n                font-size: 24px;\n                margin-right: 42px;\n            }\n            .ct-compat-price-modal__body {\n                padding: 22px;\n            }\n            .ct-compat-price-form__row {\n                grid-template-columns: 1fr;\n            }\n            .ct-compat-price-form__submit {\n                width: 100%;\n            }\n        }\n    <\/style>\n    <section\n        class=\"ct-compat-checker\"\n        data-ct-compat-checker\n        data-ajax-url=\"https:\/\/optics.carritech.com\/wp-admin\/admin-ajax.php\"\n        data-nonce=\"684eb58b67\"\n        data-modal-id=\"ct-compat-price-request-modal-6a777a07dd174\"\n        data-page-url=\"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/\"\n        data-initial-query=\"\"\n    >\n                <div class=\"ct-compat-search\">\n                            <h2>Find your Carritech Optics alternative<\/h2>\n                <p>\n                    Enter an OEM manufacturer part number \u2014 or describe the optic you need\n                    (speed, type, wavelength, distance) \u2014 and we'll find the matching\n                    Carritech Optics transceiver.\n                <\/p>\n                        <form class=\"ct-compat-search-form\" method=\"get\" action=\"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/\" data-ct-compat-form>\n                <input\n                    class=\"ct-compat-search-input\"\n                    type=\"text\"\n                    name=\"ct_compat_part_number\"\n                    value=\"\"\n                    placeholder=\"e.g. DS-SFP-FC16G-LW \u2014 or 10G LR SFP+ 1310nm 10km\"\n                    autocomplete=\"off\"\n                    data-ct-compat-input\n                >\n                <div class=\"ct-compat-search-actions\">\n                    <button class=\"ct-compat-search-button\" type=\"submit\">Search<\/button>\n                    <a\n                        class=\"ct-compat-reset-button\"\n                        href=\"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/\"\n                        data-ct-compat-reset\n                        style=\"display:none;\"                    >\n                        Reset\n                    <\/a>\n                <\/div>\n            <\/form>\n        <\/div>\n                <div class=\"ct-compat-results-wrap\" data-ct-compat-results>\n            <div class=\"ct-compat-start\">Enter an OEM manufacturer part number \u2014 or a description of the optic you need \u2014 to find its matched Carritech Optics transceiver.<\/div>        <\/div>\n            <\/section>\n    <div class=\"ct-compat-price-modal\" id=\"ct-compat-price-request-modal-6a777a07dd174\" aria-hidden=\"true\">\n        <div class=\"ct-compat-price-modal__overlay\" data-ct-compat-modal-close><\/div>\n        <div class=\"ct-compat-price-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ct-compat-price-request-modal-6a777a07dd174-title\">\n            <div class=\"ct-compat-price-modal__header\">\n                <button type=\"button\" class=\"ct-compat-price-modal__close\" data-ct-compat-modal-close aria-label=\"Close price request form\">\u00d7<\/button>\n                <div class=\"ct-compat-price-modal__eyebrow\">Price request<\/div>\n                <h3 id=\"ct-compat-price-request-modal-6a777a07dd174-title\">\n                    Request a price for this transceiver\n                <\/h3>\n                <p>\n                    Send us your details and our team will respond with pricing, availability and lead time information.\n                <\/p>\n                <div class=\"ct-compat-price-modal__product\">\n                    <span>Product<\/span>\n                    <strong data-ct-compat-selected-product>Selected product<\/strong>\n                <\/div>\n            <\/div>\n            <div class=\"ct-compat-price-modal__body\">\n                <form\n                    class=\"ct-compat-price-form\"\n                    action=\"https:\/\/forms.zohopublic.eu\/carritechtelecomunicaciones1\/form\/OpticalTransceiverPriceRequest\/formperma\/0KHw6JZKiRun8Asdmfe4Re_Q34z30DnbRTPdjf5yPoM\/htmlRecords\/submit\"\n                    name=\"compat_price_form\"\n                    method=\"POST\"\n                    accept-charset=\"UTF-8\"\n                    enctype=\"multipart\/form-data\"\n                    onsubmit='document.charset=\"UTF-8\";'\n                >\n                    <input type=\"hidden\" name=\"zf_referrer_name\" value=\"\" data-ct-compat-zf-referrer>\n                    <input type=\"hidden\" name=\"zf_redirect_url\" value=\"\">\n                    <input type=\"hidden\" name=\"zc_gad\" value=\"\">\n                    <input type=\"hidden\" name=\"SingleLine1\" value=\"\" data-ct-compat-part-number>\n                    <div class=\"ct-compat-price-form__row\">\n                        <div class=\"ct-compat-price-form__field\">\n                            <label for=\"ct-compat-price-request-modal-6a777a07dd174-first-name\">First Name <em>*<\/em><\/label>\n                            <input id=\"ct-compat-price-request-modal-6a777a07dd174-first-name\" type=\"text\" name=\"Name_First\" maxlength=\"255\" fieldType=\"7\" autocomplete=\"given-name\" required>\n                        <\/div>\n                        <div class=\"ct-compat-price-form__field\">\n                            <label for=\"ct-compat-price-request-modal-6a777a07dd174-last-name\">Last Name <em>*<\/em><\/label>\n                            <input id=\"ct-compat-price-request-modal-6a777a07dd174-last-name\" type=\"text\" name=\"Name_Last\" maxlength=\"255\" fieldType=\"7\" autocomplete=\"family-name\" required>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ct-compat-price-form__row\">\n                        <div class=\"ct-compat-price-form__field\">\n                            <label for=\"ct-compat-price-request-modal-6a777a07dd174-email\">Email <em>*<\/em><\/label>\n                            <input id=\"ct-compat-price-request-modal-6a777a07dd174-email\" type=\"email\" name=\"Email\" checktype=\"c5\" maxlength=\"255\" fieldType=\"9\" autocomplete=\"email\" required>\n                        <\/div>\n                        <div class=\"ct-compat-price-form__field\">\n                            <label for=\"ct-compat-price-request-modal-6a777a07dd174-company\">Company<\/label>\n                            <input id=\"ct-compat-price-request-modal-6a777a07dd174-company\" type=\"text\" name=\"SingleLine\" checktype=\"c1\" maxlength=\"255\" fieldType=\"1\" autocomplete=\"organization\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"ct-compat-price-form__field\">\n                        <label for=\"ct-compat-price-request-modal-6a777a07dd174-quantity\">Quantity Required <em>*<\/em><\/label>\n                        <input id=\"ct-compat-price-request-modal-6a777a07dd174-quantity\" type=\"number\" name=\"Number\" checktype=\"c2\" maxlength=\"18\" fieldType=\"3\" min=\"1\" step=\"1\" required>\n                    <\/div>\n                    <p class=\"ct-compat-price-form__note\">\n                        This form submits securely through Zoho. Carritech will use your details to respond to your price request.\n                    <\/p>\n                    <button class=\"ct-compat-price-form__submit\" type=\"submit\">\n                        Submit Price Request\n                    <\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n        (function () {\n            var checker = document.querySelector('[data-ct-compat-checker]');\n            if (!checker) {\n                return;\n            }\n            var form = checker.querySelector('[data-ct-compat-form]');\n            var input = checker.querySelector('[data-ct-compat-input]');\n            var results = checker.querySelector('[data-ct-compat-results]');\n            var resetButton = checker.querySelector('[data-ct-compat-reset]');\n            var ajaxUrl = checker.getAttribute('data-ajax-url');\n            var nonce = checker.getAttribute('data-nonce');\n            var modalId = checker.getAttribute('data-modal-id');\n            var pageUrl = checker.getAttribute('data-page-url');\n            function setLoading(isLoading) {\n                if (!results) {\n                    return;\n                }\n                if (isLoading) {\n                    results.classList.add('is-loading');\n                    results.innerHTML = '<div class=\"ct-compat-loading\">Searching compatible products...<\/div>';\n                } else {\n                    results.classList.remove('is-loading');\n                }\n            }\n            function updateUrl(query) {\n                if (!window.history || !window.history.pushState) {\n                    return;\n                }\n                var url = new URL(pageUrl, window.location.origin);\n                if (query) {\n                    url.searchParams.set('ct_compat_part_number', query);\n                }\n                window.history.pushState({}, '', url.toString());\n            }\n            function performSearch(query) {\n                query = (query || '').trim();\n                setLoading(true);\n                var formData = new FormData();\n                formData.append('action', 'ct_optics_compat_search');\n                formData.append('nonce', nonce);\n                formData.append('ct_compat_part_number', query);\n                formData.append('modal_id', modalId);\n                fetch(ajaxUrl, {\n                    method: 'POST',\n                    credentials: 'same-origin',\n                    body: formData\n                })\n                    .then(function (response) {\n                        return response.text();\n                    })\n                    .then(function (html) {\n                        results.innerHTML = html;\n                        results.classList.remove('is-loading');\n                        if (resetButton) {\n                            resetButton.style.display = query ? '' : 'none';\n                        }\n                        updateUrl(query);\n                        \/* GA4: log the search, its type, and whether it found a match *\/\n                        if (query && typeof window.gtag === 'function') {\n                            window.gtag('event', 'checker_search', {\n                                search_type: query.indexOf(' ') > -1 ? 'description' : 'part_number',\n                                search_term: query.toLowerCase(),\n                                match_found: results.querySelector('.ct-compat-match') ? 'yes' : 'no'\n                            });\n                        }\n                    })\n                    .catch(function () {\n                        results.innerHTML = '<div class=\"ct-optics-empty\"><p>Sorry, something went wrong. Please try again.<\/p><\/div>';\n                        results.classList.remove('is-loading');\n                    });\n            }\n            if (form) {\n                form.addEventListener('submit', function (event) {\n                    event.preventDefault();\n                    performSearch(input ? input.value : '');\n                });\n            }\n            if (resetButton) {\n                resetButton.addEventListener('click', function (event) {\n                    event.preventDefault();\n                    if (input) {\n                        input.value = '';\n                    }\n                    performSearch('');\n                });\n            }\n            \/*\n             * GA4: a link arriving with a part number already in the URL\n             * (e.g. an email CTA like ?ct_compat_part_number=QSFP-100G-SR4-S)\n             * renders its results server-side and never passes through\n             * performSearch \u2014 so without this it is invisible in the\n             * checker_search numbers. Log it once, on load.\n             *\/\n            var initialQuery = checker.getAttribute('data-initial-query') || '';\n            function logPrefilledSearch(attempt) {\n                if (!initialQuery) {\n                    return;\n                }\n                if (typeof window.gtag === 'function') {\n                    window.gtag('event', 'checker_search', {\n                        search_type: 'prefilled_link',\n                        search_term: initialQuery.toLowerCase(),\n                        match_found: results && results.querySelector('.ct-compat-match') ? 'yes' : 'no'\n                    });\n                    return;\n                }\n                \/* gtag.js may not have initialised yet \u2014 retry briefly. *\/\n                if (attempt < 10) {\n                    window.setTimeout(function () {\n                        logPrefilledSearch(attempt + 1);\n                    }, 300);\n                }\n            }\n            logPrefilledSearch(0);\n            \/*\n             * Modal handling with event delegation so AJAX-loaded buttons work too.\n             *\/\n            var modal = document.getElementById(modalId);\n            if (!modal) {\n                return;\n            }\n            var selectedProduct = modal.querySelector('[data-ct-compat-selected-product]');\n            var hiddenPartNumber = modal.querySelector('[data-ct-compat-part-number]');\n            var hiddenReferrer = modal.querySelector('[data-ct-compat-zf-referrer]');\n            var closeButtons = modal.querySelectorAll('[data-ct-compat-modal-close]');\n            function openModal(productTitle) {\n                productTitle = productTitle || '';\n                if (selectedProduct) {\n                    selectedProduct.textContent = productTitle;\n                }\n                if (hiddenPartNumber) {\n                    hiddenPartNumber.value = productTitle;\n                }\n                if (hiddenReferrer) {\n                    hiddenReferrer.value = productTitle;\n                }\n                modal.classList.add('is-active');\n                modal.setAttribute('aria-hidden', 'false');\n                document.documentElement.style.overflow = 'hidden';\n                \/* GA4: price request modal opened *\/\n                if (typeof window.gtag === 'function') {\n                    window.gtag('event', 'price_request_open', { product: productTitle });\n                }\n            }\n            function closeModal() {\n                modal.classList.remove('is-active');\n                modal.setAttribute('aria-hidden', 'true');\n                document.documentElement.style.overflow = '';\n            }\n            document.addEventListener('click', function (event) {\n                var button = event.target.closest('.ct-compat-get-price-button[data-modal-id=\"' + modalId + '\"]');\n                if (!button) {\n                    return;\n                }\n                openModal(button.getAttribute('data-product-title'));\n            });\n            closeButtons.forEach(function (button) {\n                button.addEventListener('click', closeModal);\n            });\n            document.addEventListener('keydown', function (event) {\n                if (event.key === 'Escape' && modal.classList.contains('is-active')) {\n                    closeModal();\n                }\n            });\n        })();\n    <\/script>\n                    <\/div>\n                <div\n                    class=\"ct-compatibility-toggle__panel\"\n                    id=\"ct-compatibility-toggle-1-hardware-panel\"\n                    role=\"tabpanel\"\n                    aria-labelledby=\"ct-compatibility-toggle-1-hardware-tab\"\n                    data-ct-compatibility-panel=\"hardware\"\n                    hidden\n                >\n                        <style>\n        .ct-hw-compat-checker,\n        .ct-hw-compat-checker * {\n            box-sizing: border-box;\n        }\n        .ct-hw-compat-checker {\n            width: min(1240px, calc(100% - 48px));\n            margin: 0 auto;\n            font-family: inherit;\n        }\n        .ct-hw-compat-search {\n            position: relative;\n            overflow: hidden;\n            margin-bottom: 34px;\n            padding: 28px;\n            background:\n                radial-gradient(circle at 94% 10%, rgba(114, 191, 68, 0.13), transparent 28%),\n                #f7f7f7;\n            border: 1px solid #e5e5e5;\n            border-radius: 20px;\n        }\n        .ct-hw-compat-search h2 {\n            position: relative;\n            z-index: 1;\n            margin: 0 0 10px;\n            color: #111111;\n            font-size: 30px;\n            line-height: 1.15;\n            font-weight: 600;\n            letter-spacing: -0.02em;\n        }\n        .ct-hw-compat-search p {\n            position: relative;\n            z-index: 1;\n            max-width: 820px;\n            margin: 0 0 22px;\n            color: #4a4a4a;\n            font-size: 16px;\n            line-height: 1.6;\n        }\n        .ct-hw-compat-search-form {\n            position: relative;\n            z-index: 1;\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) auto;\n            gap: 12px;\n            align-items: center;\n        }\n        .ct-hw-compat-search-input {\n            width: 100%;\n            min-height: 54px;\n            padding: 14px 18px;\n            border: 1px solid #e5e5e5;\n            border-radius: 999px;\n            background: #ffffff;\n            color: #111111;\n            font-size: 16px;\n            line-height: 1.2;\n            outline: none;\n        }\n        .ct-hw-compat-search-input:focus {\n            border-color: #72bf44;\n            box-shadow: 0 0 0 4px rgba(114, 191, 68, 0.14);\n        }\n        .ct-hw-compat-search-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n        .ct-hw-compat-search-button,\n        .ct-hw-compat-reset-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 54px;\n            padding: 14px 24px;\n            border: 2px solid #72bf44;\n            border-radius: 999px;\n            background: #72bf44;\n            color: #ffffff !important;\n            font-size: 15px;\n            line-height: 1;\n            font-weight: 600;\n            text-decoration: none !important;\n            cursor: pointer;\n            transition:\n                transform 0.2s ease,\n                background 0.2s ease,\n                border-color 0.2s ease,\n                color 0.2s ease,\n                box-shadow 0.2s ease;\n        }\n        .ct-hw-compat-search-button:hover {\n            transform: translateY(-1px);\n            background: #5fa337;\n            border-color: #5fa337;\n            color: #ffffff !important;\n            box-shadow: 0 10px 24px rgba(114, 191, 68, 0.2);\n        }\n        .ct-hw-compat-reset-button {\n            background: #ffffff;\n            border-color: #111111;\n            color: #111111 !important;\n        }\n        .ct-hw-compat-reset-button:hover {\n            transform: translateY(-1px);\n            background: #111111;\n            border-color: #111111;\n            color: #ffffff !important;\n        }\n        .ct-hw-compat-results.is-loading {\n            opacity: 0.55;\n            pointer-events: none;\n        }\n        .ct-hw-compat-start,\n        .ct-hw-compat-loading,\n        .ct-hw-compat-empty {\n            padding: 28px;\n            background: #f7f7f7;\n            border: 1px solid #e5e5e5;\n            border-radius: 16px;\n            color: #4a4a4a;\n            font-size: 15px;\n            line-height: 1.55;\n        }\n        .ct-hw-compat-match {\n            display: grid;\n            gap: 24px;\n        }\n        .ct-hw-compat-hardware {\n            position: relative;\n            overflow: hidden;\n            display: grid;\n            grid-template-columns: 230px minmax(0, 1fr);\n            gap: 28px;\n            align-items: center;\n            padding: 26px;\n            background:\n                radial-gradient(circle at 92% 16%, rgba(114, 191, 68, 0.16), transparent 27%),\n                linear-gradient(135deg, #ffffff 0%, #f7f7f7 100%);\n            border: 1px solid #e5e5e5;\n            border-left: 6px solid #72bf44;\n            border-radius: 22px;\n            box-shadow: 0 18px 50px rgba(0, 0, 0, 0.08);\n        }\n        .ct-hw-compat-hardware__image-link {\n            display: block;\n            text-decoration: none !important;\n        }\n        .ct-hw-compat-hardware__image-box {\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            aspect-ratio: 4 \/ 3;\n            padding: 18px;\n            overflow: hidden;\n            background:\n                radial-gradient(circle at 78% 24%, rgba(114, 191, 68, 0.13), transparent 34%),\n                linear-gradient(135deg, #fafafa 0%, #f0f0f0 100%);\n            border: 1px solid #ebebeb;\n            border-radius: 16px;\n        }\n        .ct-hw-compat-hardware__image-box img {\n            position: relative;\n            z-index: 2;\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n        .ct-hw-compat-hardware__placeholder {\n            position: relative;\n            z-index: 2;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 76px;\n            height: 76px;\n            border-radius: 20px;\n            background: #111111;\n            color: #ffffff;\n            font-size: 24px;\n            line-height: 1;\n            font-weight: 700;\n            letter-spacing: 0.04em;\n            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.08);\n        }\n        .ct-hw-compat-hardware__content {\n            position: relative;\n            z-index: 2;\n            min-width: 0;\n        }\n        .ct-hw-compat-hardware__label {\n            display: inline-flex;\n            align-items: center;\n            width: fit-content;\n            margin-bottom: 12px;\n            padding: 7px 10px;\n            border: 1px solid rgba(114, 191, 68, 0.34);\n            border-radius: 999px;\n            background: rgba(114, 191, 68, 0.14);\n            color: #245f12;\n            font-size: 11px;\n            line-height: 1;\n            font-weight: 700;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n        .ct-hw-compat-hardware__title {\n            margin: 0;\n            color: #111111;\n            font-size: clamp(25px, 3vw, 38px);\n            line-height: 1.12;\n            font-weight: 600;\n            letter-spacing: -0.03em;\n        }\n        .ct-hw-compat-hardware__title a {\n            color: inherit;\n            text-decoration: none !important;\n        }\n        .ct-hw-compat-hardware__title a:hover {\n            color: #72bf44;\n        }\n        .ct-hw-compat-hardware__manufacturer {\n            margin: 10px 0 0;\n            color: #4a4a4a;\n            font-size: 14px;\n            line-height: 1.45;\n            font-weight: 600;\n        }\n        .ct-hw-compat-hardware__description {\n            max-width: 760px;\n            margin: 14px 0 0;\n            color: #4a4a4a;\n            font-size: 15px;\n            line-height: 1.65;\n        }\n        .ct-hw-compat-hardware__link {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            margin-top: 18px;\n            color: #111111 !important;\n            font-size: 14px;\n            line-height: 1.2;\n            font-weight: 600;\n            text-decoration: none !important;\n        }\n        .ct-hw-compat-hardware__link::after {\n            content: \"\u2192\";\n            color: #72bf44;\n            font-size: 18px;\n            transition: transform 0.2s ease;\n        }\n        .ct-hw-compat-hardware__link:hover {\n            color: #72bf44 !important;\n        }\n        .ct-hw-compat-hardware__link:hover::after {\n            transform: translateX(4px);\n        }\n        .ct-hw-compat-confirmation {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            padding: 20px 22px;\n            background: #ffffff;\n            border: 1px solid #dcdcdc;\n            border-left: 6px solid #72bf44;\n            border-radius: 16px;\n            box-shadow: 0 16px 42px rgba(0, 0, 0, 0.07);\n        }\n        .ct-hw-compat-confirmation__icon {\n            flex: 0 0 auto;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 46px;\n            height: 46px;\n            border-radius: 50%;\n            background: #72bf44;\n            color: #ffffff;\n            font-size: 25px;\n            line-height: 1;\n            font-weight: 800;\n            box-shadow: 0 0 0 8px rgba(114, 191, 68, 0.14);\n        }\n        .ct-hw-compat-confirmation__copy {\n            min-width: 0;\n        }\n        .ct-hw-compat-confirmation__copy strong {\n            display: block;\n            margin-bottom: 4px;\n            color: #111111;\n            font-size: 18px;\n            line-height: 1.3;\n            font-weight: 600;\n        }\n        .ct-hw-compat-confirmation__copy span {\n            display: block;\n            color: #4a4a4a;\n            font-size: 14px;\n            line-height: 1.55;\n        }\n        .ct-hw-compat-products-header {\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 20px;\n            margin-top: 6px;\n        }\n        .ct-hw-compat-products-header__copy h3 {\n            margin: 0;\n            color: #111111;\n            font-size: clamp(25px, 3vw, 34px);\n            line-height: 1.15;\n            font-weight: 600;\n            letter-spacing: -0.025em;\n        }\n        .ct-hw-compat-products-header__copy p {\n            margin: 8px 0 0;\n            color: #4a4a4a;\n            font-size: 15px;\n            line-height: 1.55;\n        }\n        .ct-hw-compat-products-count {\n            flex: 0 0 auto;\n            padding: 8px 12px;\n            border-radius: 999px;\n            background: #f2f7ef;\n            border: 1px solid #dcead5;\n            color: #3f7f24;\n            font-size: 13px;\n            line-height: 1;\n            font-weight: 700;\n        }\n        .ct-hw-compat-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 22px;\n        }\n        .ct-hw-compat-card {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n            overflow: hidden;\n            background: #ffffff;\n            border: 1px solid #e5e5e5;\n            border-radius: 18px;\n            transition:\n                transform 0.2s ease,\n                box-shadow 0.2s ease,\n                border-color 0.2s ease;\n        }\n        .ct-hw-compat-card:hover {\n            transform: translateY(-3px);\n            border-color: #d4d4d4;\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);\n        }\n        .ct-hw-compat-card__image {\n            display: block;\n            width: 100%;\n            aspect-ratio: 4 \/ 3;\n            padding: 0;\n            overflow: hidden;\n            background: #f7f7f7;\n        }\n        .ct-hw-compat-card__image img {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        .ct-hw-compat-card__body {\n            display: flex;\n            flex: 1 1 auto;\n            flex-direction: column;\n            padding: 20px;\n        }\n        .ct-hw-compat-card__badge {\n            display: inline-flex;\n            width: fit-content;\n            margin-bottom: 10px;\n            padding: 6px 9px;\n            border: 1px solid rgba(114, 191, 68, 0.32);\n            border-radius: 999px;\n            background: rgba(114, 191, 68, 0.12);\n            color: #397a20;\n            font-size: 10px;\n            line-height: 1;\n            font-weight: 700;\n            letter-spacing: 0.07em;\n            text-transform: uppercase;\n        }\n        .ct-hw-compat-card__title {\n            margin: 0 0 8px;\n            color: #111111;\n            font-size: 17px;\n            line-height: 1.3;\n            font-weight: 600;\n        }\n        .ct-hw-compat-card__title a {\n            color: inherit;\n            text-decoration: none !important;\n        }\n        .ct-hw-compat-card__title a:hover {\n            color: #72bf44;\n        }\n        .ct-hw-compat-card__part {\n            margin: 0 0 14px;\n            color: #4a4a4a;\n            font-size: 14px;\n            line-height: 1.45;\n            font-weight: 600;\n        }\n        .ct-hw-compat-card__specs {\n            display: grid;\n            gap: 9px;\n            margin-top: 10px;\n            margin-bottom: 20px;\n        }\n        .ct-hw-compat-card__spec {\n            display: grid;\n            grid-template-columns: 100px minmax(0, 1fr);\n            gap: 8px;\n            padding-top: 9px;\n            border-top: 1px solid #f0f0f0;\n            font-size: 13px;\n            line-height: 1.35;\n        }\n        .ct-hw-compat-card__spec strong {\n            color: #6b6b6b;\n            font-weight: 600;\n        }\n        .ct-hw-compat-card__spec span {\n            min-width: 0;\n            color: #111111;\n            overflow-wrap: anywhere;\n        }\n        .ct-hw-compat-card__actions {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 10px;\n            margin-top: auto;\n        }\n        .ct-hw-compat-card__button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            min-height: 46px;\n            padding: 13px 18px;\n            border: 2px solid #72bf44;\n            border-radius: 999px;\n            background: #72bf44;\n            color: #ffffff !important;\n            font-size: 14px;\n            line-height: 1;\n            font-weight: 600;\n            text-align: center;\n            text-decoration: none !important;\n            cursor: pointer;\n            transition:\n                transform 0.2s ease,\n                background 0.2s ease,\n                border-color 0.2s ease,\n                color 0.2s ease,\n                box-shadow 0.2s ease;\n        }\n        .ct-hw-compat-card__button:hover {\n            transform: translateY(-1px);\n            background: #5fa337;\n            border-color: #5fa337;\n            color: #ffffff !important;\n            box-shadow: 0 10px 24px rgba(114, 191, 68, 0.22);\n        }\n        .ct-hw-compat-card__button--secondary {\n            background: #ffffff;\n            border-color: #111111;\n            color: #111111 !important;\n        }\n        .ct-hw-compat-card__button--secondary:hover {\n            background: #111111;\n            border-color: #111111;\n            color: #ffffff !important;\n            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);\n        }\n        .ct-hw-compat-no-match {\n            position: relative;\n            overflow: hidden;\n            display: grid;\n            grid-template-columns: 64px minmax(0, 1fr);\n            gap: 20px;\n            align-items: start;\n            padding: clamp(24px, 3vw, 34px);\n            background:\n                radial-gradient(circle at 92% 18%, rgba(114, 191, 68, 0.16), transparent 28%),\n                linear-gradient(135deg, #ffffff 0%, #f7faf7 100%);\n            border: 1px solid #dce7d7;\n            border-left: 6px solid #72bf44;\n            border-radius: 20px;\n            box-shadow: 0 18px 48px rgba(0, 0, 0, 0.08);\n        }\n        .ct-hw-compat-no-match__icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 64px;\n            height: 64px;\n            border: 1px solid rgba(114, 191, 68, 0.36);\n            border-radius: 50%;\n            background: rgba(114, 191, 68, 0.14);\n            color: #4f9c2f;\n            font-size: 30px;\n            line-height: 1;\n            font-weight: 700;\n            box-shadow: 0 0 0 8px rgba(114, 191, 68, 0.08);\n        }\n        .ct-hw-compat-no-match__eyebrow {\n            display: block;\n            margin-bottom: 7px;\n            color: #4f9c2f;\n            font-size: 12px;\n            line-height: 1.2;\n            font-weight: 700;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n        .ct-hw-compat-no-match__title {\n            margin: 0;\n            color: #111111;\n            font-size: clamp(24px, 3vw, 34px);\n            line-height: 1.15;\n            font-weight: 600;\n            letter-spacing: -0.025em;\n        }\n        .ct-hw-compat-no-match__text {\n            max-width: 850px;\n            margin: 12px 0 0;\n            color: #4a4a4a;\n            font-size: 16px;\n            line-height: 1.65;\n        }\n        .ct-hw-compat-no-match__text strong {\n            color: #111111;\n            font-weight: 600;\n        }\n        .ct-hw-compat-no-match__actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            margin-top: 22px;\n        }\n        .ct-hw-compat-no-match__button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 48px;\n            padding: 13px 20px;\n            border: 2px solid #72bf44;\n            border-radius: 999px;\n            background: #72bf44;\n            color: #ffffff !important;\n            font-size: 14px;\n            line-height: 1;\n            font-weight: 700;\n            text-decoration: none !important;\n            transition:\n                transform 0.2s ease,\n                background 0.2s ease,\n                border-color 0.2s ease,\n                color 0.2s ease,\n                box-shadow 0.2s ease;\n        }\n        .ct-hw-compat-no-match__button:hover {\n            transform: translateY(-1px);\n            background: #5fa337;\n            border-color: #5fa337;\n            color: #ffffff !important;\n            box-shadow: 0 10px 24px rgba(114, 191, 68, 0.22);\n        }\n        .ct-hw-compat-no-match__button--secondary {\n            background: #ffffff;\n            border-color: #111111;\n            color: #111111 !important;\n        }\n        .ct-hw-compat-no-match__button--secondary:hover {\n            background: #111111;\n            border-color: #111111;\n            color: #ffffff !important;\n        }\n        .ct-hw-compat-price-modal {\n            position: fixed;\n            inset: 0;\n            z-index: 999999;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            padding: 24px;\n            background: rgba(17, 17, 17, 0.72);\n            backdrop-filter: blur(8px);\n        }\n        .ct-hw-compat-price-modal.is-active {\n            display: flex;\n        }\n        .ct-hw-compat-price-modal__overlay {\n            position: absolute;\n            inset: 0;\n            display: block;\n            cursor: pointer;\n        }\n        .ct-hw-compat-price-modal__dialog {\n            position: relative;\n            z-index: 2;\n            width: min(100%, 760px);\n            max-height: calc(100vh - 48px);\n            overflow-y: auto;\n            background: #ffffff;\n            border: 1px solid rgba(255, 255, 255, 0.4);\n            border-radius: 24px;\n            box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34);\n        }\n        .ct-hw-compat-price-modal__header {\n            position: relative;\n            padding: 28px 30px 24px;\n            background:\n                radial-gradient(circle at 85% 15%, rgba(114, 191, 68, 0.18), transparent 26%),\n                linear-gradient(135deg, #f7f7f7 0%, #ffffff 100%);\n            border-bottom: 1px solid #e5e5e5;\n        }\n        .ct-hw-compat-price-modal__eyebrow {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            margin-bottom: 10px;\n            color: #72bf44;\n            font-size: 12px;\n            line-height: 1;\n            font-weight: 600;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n        .ct-hw-compat-price-modal__eyebrow::before {\n            content: \"\";\n            width: 26px;\n            height: 3px;\n            border-radius: 999px;\n            background: #72bf44;\n        }\n        .ct-hw-compat-price-modal__header h3 {\n            margin: 0 42px 10px 0;\n            color: #111111;\n            font-size: 28px;\n            line-height: 1.18;\n            font-weight: 600;\n            letter-spacing: -0.02em;\n        }\n        .ct-hw-compat-price-modal__header p {\n            margin: 0;\n            color: #555555;\n            font-size: 15px;\n            line-height: 1.55;\n        }\n        .ct-hw-compat-price-modal__product {\n            display: inline-flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 8px;\n            margin-top: 16px;\n            padding: 10px 12px;\n            background: #ffffff;\n            border: 1px solid #dddddd;\n            border-left: 4px solid #72bf44;\n            border-radius: 12px;\n            color: #111111;\n            font-size: 14px;\n            line-height: 1.3;\n            font-weight: 600;\n        }\n        .ct-hw-compat-price-modal__product span {\n            color: #777777;\n            font-size: 11px;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n        }\n        .ct-hw-compat-price-modal__close {\n            position: absolute;\n            top: 22px;\n            right: 22px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 38px;\n            height: 38px;\n            padding: 0;\n            border: 0;\n            border-radius: 999px;\n            background: #111111;\n            color: #ffffff !important;\n            font-size: 24px;\n            line-height: 1;\n            cursor: pointer;\n            transition: transform 0.2s ease, background 0.2s ease;\n        }\n        .ct-hw-compat-price-modal__close:hover {\n            transform: rotate(90deg);\n            background: #72bf44;\n        }\n        .ct-hw-compat-price-modal__body {\n            padding: 30px;\n        }\n        .ct-hw-compat-price-form {\n            display: grid;\n            gap: 18px;\n            margin: 0;\n        }\n        .ct-hw-compat-price-form__row {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 16px;\n        }\n        .ct-hw-compat-price-form__field {\n            display: grid;\n            gap: 7px;\n        }\n        .ct-hw-compat-price-form__field label {\n            color: #111111;\n            font-size: 13px;\n            line-height: 1.25;\n            font-weight: 600;\n        }\n        .ct-hw-compat-price-form__field label em {\n            color: #72bf44;\n            font-style: normal;\n        }\n        .ct-hw-compat-price-form__field input {\n            width: 100%;\n            min-height: 50px;\n            padding: 13px 14px;\n            border: 1px solid #d8d8d8;\n            border-radius: 12px;\n            background: #f8f8f8;\n            color: #111111;\n            font-size: 15px;\n            line-height: 1.2;\n            outline: none;\n        }\n        .ct-hw-compat-price-form__field input:focus {\n            background: #ffffff;\n            border-color: #72bf44;\n            box-shadow: 0 0 0 4px rgba(114, 191, 68, 0.15);\n        }\n        .ct-hw-compat-price-form__note {\n            margin: 2px 0 0;\n            color: #666666;\n            font-size: 13px;\n            line-height: 1.5;\n        }\n        .ct-hw-compat-price-form__submit {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: fit-content;\n            min-height: 54px;\n            padding: 16px 30px;\n            border: 2px solid #72bf44;\n            border-radius: 999px;\n            background: #72bf44;\n            color: #ffffff;\n            font-size: 16px;\n            line-height: 1;\n            font-weight: 600;\n            cursor: pointer;\n        }\n        .ct-hw-compat-price-form__submit:hover {\n            background: #5fa337;\n            border-color: #5fa337;\n        }\n        @media (max-width: 1200px) {\n            .ct-hw-compat-grid {\n                grid-template-columns: repeat(3, minmax(0, 1fr));\n            }\n        }\n        @media (max-width: 900px) {\n            .ct-hw-compat-search-form {\n                grid-template-columns: 1fr;\n            }\n            .ct-hw-compat-search-actions,\n            .ct-hw-compat-search-button,\n            .ct-hw-compat-reset-button {\n                width: 100%;\n            }\n            .ct-hw-compat-hardware {\n                grid-template-columns: 180px minmax(0, 1fr);\n            }\n            .ct-hw-compat-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n        }\n        @media (max-width: 700px) {\n            .ct-hw-compat-hardware {\n                grid-template-columns: 1fr;\n                gap: 18px;\n                padding: 20px;\n            }\n            .ct-hw-compat-hardware__image-box {\n                max-height: 240px;\n            }\n            .ct-hw-compat-products-header {\n                align-items: flex-start;\n                flex-direction: column;\n            }\n            .ct-hw-compat-confirmation {\n                align-items: flex-start;\n                padding: 18px;\n            }\n            .ct-hw-compat-no-match {\n                grid-template-columns: 1fr;\n                gap: 18px;\n                padding: 24px 20px;\n            }\n            .ct-hw-compat-no-match__actions {\n                flex-direction: column;\n            }\n            .ct-hw-compat-no-match__button {\n                width: 100%;\n            }\n            .ct-hw-compat-price-modal {\n                padding: 14px;\n            }\n            .ct-hw-compat-price-modal__dialog {\n                max-height: calc(100vh - 28px);\n                border-radius: 20px;\n            }\n            .ct-hw-compat-price-modal__header {\n                padding: 24px 22px 20px;\n            }\n            .ct-hw-compat-price-modal__header h3 {\n                margin-right: 42px;\n                font-size: 24px;\n            }\n            .ct-hw-compat-price-modal__body {\n                padding: 22px;\n            }\n            .ct-hw-compat-price-form__row {\n                grid-template-columns: 1fr;\n            }\n            .ct-hw-compat-price-form__submit {\n                width: 100%;\n            }\n        }\n        @media (max-width: 620px) {\n            .ct-hw-compat-grid {\n                grid-template-columns: 1fr;\n            }\n            .ct-hw-compat-card__spec {\n                grid-template-columns: 95px minmax(0, 1fr);\n            }\n        }\n        @media (max-width: 560px) {\n            .ct-hw-compat-checker {\n                width: min(100%, calc(100% - 36px));\n            }\n        }\n    <\/style>\n    <section\n        class=\"ct-hw-compat-checker\"\n        id=\"ct-hw-compat-checker-6a777a07dd340\"\n        data-ct-hw-compat-checker\n        data-ajax-url=\"https:\/\/optics.carritech.com\/wp-admin\/admin-ajax.php\"\n        data-nonce=\"37464861ac\"\n        data-modal-id=\"ct-hw-compat-price-modal-6a777a07dd341\"\n        data-page-url=\"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/\"\n    >\n        <div class=\"ct-hw-compat-search\">\n            <h2>Find transceivers compatible with your hardware<\/h2>\n            <p>\n                Enter a hardware manufacturer or model number to see the Carritech Optics\n                transceivers that have been matched to that platform.\n            <\/p>\n            <form\n                class=\"ct-hw-compat-search-form\"\n                method=\"get\"\n                action=\"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/\"\n                data-ct-hw-compat-form\n            >\n                <input\n                    class=\"ct-hw-compat-search-input\"\n                    type=\"text\"\n                    name=\"ct_hardware_model\"\n                    value=\"\"\n                    placeholder=\"Enter a manufacturer or hardware model, e.g. Cisco NCS 540\"\n                    autocomplete=\"off\"\n                    data-ct-hw-compat-input\n                >\n                <div class=\"ct-hw-compat-search-actions\">\n                    <button class=\"ct-hw-compat-search-button\" type=\"submit\">\n                        Search Hardware\n                    <\/button>\n                    <a\n                        class=\"ct-hw-compat-reset-button\"\n                        href=\"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/\"\n                        data-ct-hw-compat-reset\n                        style=\"display:none;\"                    >\n                        Reset\n                    <\/a>\n                <\/div>\n            <\/form>\n        <\/div>\n        <div class=\"ct-hw-compat-results\" data-ct-hw-compat-results>\n            <div class=\"ct-hw-compat-start\">Enter a hardware manufacturer or model number above to see its compatible Carritech Optics transceivers.<\/div>        <\/div>\n    <\/section>\n    <div class=\"ct-hw-compat-price-modal\" id=\"ct-hw-compat-price-modal-6a777a07dd341\" aria-hidden=\"true\">\n        <div class=\"ct-hw-compat-price-modal__overlay\" data-ct-hw-compat-modal-close><\/div>\n        <div\n            class=\"ct-hw-compat-price-modal__dialog\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"ct-hw-compat-price-modal-6a777a07dd341-title\"\n        >\n            <div class=\"ct-hw-compat-price-modal__header\">\n                <button\n                    type=\"button\"\n                    class=\"ct-hw-compat-price-modal__close\"\n                    data-ct-hw-compat-modal-close\n                    aria-label=\"Close price request form\"\n                >\u00d7<\/button>\n                <div class=\"ct-hw-compat-price-modal__eyebrow\">Price request<\/div>\n                <h3 id=\"ct-hw-compat-price-modal-6a777a07dd341-title\">\n                    Request a price for this transceiver\n                <\/h3>\n                <p>\n                    Send us your details and our team will respond with pricing,\n                    availability and lead-time information.\n                <\/p>\n                <div class=\"ct-hw-compat-price-modal__product\">\n                    <span>Product<\/span>\n                    <strong data-ct-hw-compat-selected-product>Selected product<\/strong>\n                <\/div>\n            <\/div>\n            <div class=\"ct-hw-compat-price-modal__body\">\n                <form\n                    class=\"ct-hw-compat-price-form\"\n                    action=\"https:\/\/forms.zohopublic.eu\/carritechtelecomunicaciones1\/form\/OpticalTransceiverPriceRequest\/formperma\/0KHw6JZKiRun8Asdmfe4Re_Q34z30DnbRTPdjf5yPoM\/htmlRecords\/submit\"\n                    name=\"hardware_compat_price_form\"\n                    method=\"POST\"\n                    accept-charset=\"UTF-8\"\n                    enctype=\"multipart\/form-data\"\n                    onsubmit='document.charset=\"UTF-8\";'\n                >\n                    <input type=\"hidden\" name=\"zf_referrer_name\" value=\"\" data-ct-hw-compat-zf-referrer>\n                    <input type=\"hidden\" name=\"zf_redirect_url\" value=\"\">\n                    <input type=\"hidden\" name=\"zc_gad\" value=\"\">\n                    <input type=\"hidden\" name=\"SingleLine1\" value=\"\" data-ct-hw-compat-part-number>\n                    <div class=\"ct-hw-compat-price-form__row\">\n                        <div class=\"ct-hw-compat-price-form__field\">\n                            <label for=\"ct-hw-compat-price-modal-6a777a07dd341-first-name\">\n                                First Name <em>*<\/em>\n                            <\/label>\n                            <input\n                                id=\"ct-hw-compat-price-modal-6a777a07dd341-first-name\"\n                                type=\"text\"\n                                name=\"Name_First\"\n                                maxlength=\"255\"\n                                fieldType=\"7\"\n                                autocomplete=\"given-name\"\n                                required\n                            >\n                        <\/div>\n                        <div class=\"ct-hw-compat-price-form__field\">\n                            <label for=\"ct-hw-compat-price-modal-6a777a07dd341-last-name\">\n                                Last Name <em>*<\/em>\n                            <\/label>\n                            <input\n                                id=\"ct-hw-compat-price-modal-6a777a07dd341-last-name\"\n                                type=\"text\"\n                                name=\"Name_Last\"\n                                maxlength=\"255\"\n                                fieldType=\"7\"\n                                autocomplete=\"family-name\"\n                                required\n                            >\n                        <\/div>\n                    <\/div>\n                    <div class=\"ct-hw-compat-price-form__row\">\n                        <div class=\"ct-hw-compat-price-form__field\">\n                            <label for=\"ct-hw-compat-price-modal-6a777a07dd341-email\">\n                                Email <em>*<\/em>\n                            <\/label>\n                            <input\n                                id=\"ct-hw-compat-price-modal-6a777a07dd341-email\"\n                                type=\"email\"\n                                name=\"Email\"\n                                checktype=\"c5\"\n                                maxlength=\"255\"\n                                fieldType=\"9\"\n                                autocomplete=\"email\"\n                                required\n                            >\n                        <\/div>\n                        <div class=\"ct-hw-compat-price-form__field\">\n                            <label for=\"ct-hw-compat-price-modal-6a777a07dd341-company\">Company<\/label>\n                            <input\n                                id=\"ct-hw-compat-price-modal-6a777a07dd341-company\"\n                                type=\"text\"\n                                name=\"SingleLine\"\n                                checktype=\"c1\"\n                                maxlength=\"255\"\n                                fieldType=\"1\"\n                                autocomplete=\"organization\"\n                            >\n                        <\/div>\n                    <\/div>\n                    <div class=\"ct-hw-compat-price-form__field\">\n                        <label for=\"ct-hw-compat-price-modal-6a777a07dd341-quantity\">\n                            Quantity Required <em>*<\/em>\n                        <\/label>\n                        <input\n                            id=\"ct-hw-compat-price-modal-6a777a07dd341-quantity\"\n                            type=\"number\"\n                            name=\"Number\"\n                            checktype=\"c2\"\n                            maxlength=\"18\"\n                            fieldType=\"3\"\n                            min=\"1\"\n                            step=\"1\"\n                            required\n                        >\n                    <\/div>\n                    <p class=\"ct-hw-compat-price-form__note\">\n                        This form submits securely through Zoho. Carritech will use your\n                        details to respond to your price request.\n                    <\/p>\n                    <button class=\"ct-hw-compat-price-form__submit\" type=\"submit\">\n                        Submit Price Request\n                    <\/button>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n        (function () {\n            var checker = document.getElementById('ct-hw-compat-checker-6a777a07dd340');\n            if (!checker) {\n                return;\n            }\n            var form = checker.querySelector('[data-ct-hw-compat-form]');\n            var input = checker.querySelector('[data-ct-hw-compat-input]');\n            var results = checker.querySelector('[data-ct-hw-compat-results]');\n            var resetButton = checker.querySelector('[data-ct-hw-compat-reset]');\n            var ajaxUrl = checker.getAttribute('data-ajax-url');\n            var nonce = checker.getAttribute('data-nonce');\n            var modalId = checker.getAttribute('data-modal-id');\n            var pageUrl = checker.getAttribute('data-page-url');\n            function updateUrl(query) {\n                if (!window.history || !window.history.pushState) {\n                    return;\n                }\n                var url = new URL(pageUrl, window.location.origin);\n                if (query) {\n                    url.searchParams.set('ct_hardware_model', query);\n                }\n                window.history.pushState({}, '', url.toString());\n            }\n            function setLoading() {\n                if (!results) {\n                    return;\n                }\n                results.classList.add('is-loading');\n                results.innerHTML = '<div class=\"ct-hw-compat-loading\">Searching for compatible transceivers...<\/div>';\n            }\n            function performSearch(query) {\n                query = (query || '').trim();\n                setLoading();\n                var formData = new FormData();\n                formData.append('action', 'ct_hw_compat_search');\n                formData.append('nonce', nonce);\n                formData.append('ct_hardware_model', query);\n                formData.append('modal_id', modalId);\n                fetch(ajaxUrl, {\n                    method: 'POST',\n                    credentials: 'same-origin',\n                    body: formData\n                })\n                    .then(function (response) {\n                        if (!response.ok) {\n                            throw new Error('Request failed');\n                        }\n                        return response.text();\n                    })\n                    .then(function (html) {\n                        if (results) {\n                            results.innerHTML = html;\n                            results.classList.remove('is-loading');\n                        }\n                        if (resetButton) {\n                            resetButton.style.display = query ? '' : 'none';\n                        }\n                        updateUrl(query);\n                        \/* GA4: log the hardware search, whether it matched, and the matched hardware *\/\n                        if (query && typeof window.gtag === 'function') {\n                            var matchEl = results ? results.querySelector('.ct-hw-compat-match') : null;\n                            var hwTitleEl = results ? results.querySelector('.ct-hw-compat-hardware__title') : null;\n                            window.gtag('event', 'checker_search', {\n                                search_type: 'hardware',\n                                search_term: query.toLowerCase(),\n                                match_found: matchEl ? 'yes' : 'no',\n                                matched_hardware: hwTitleEl ? hwTitleEl.textContent.trim() : ''\n                            });\n                        }\n                    })\n                    .catch(function () {\n                        if (results) {\n                            results.innerHTML = '<div class=\"ct-hw-compat-empty\">Sorry, something went wrong. Please try the search again.<\/div>';\n                            results.classList.remove('is-loading');\n                        }\n                    });\n            }\n            if (form) {\n                form.addEventListener('submit', function (event) {\n                    event.preventDefault();\n                    performSearch(input ? input.value : '');\n                });\n            }\n            if (resetButton) {\n                resetButton.addEventListener('click', function (event) {\n                    event.preventDefault();\n                    if (input) {\n                        input.value = '';\n                    }\n                    performSearch('');\n                });\n            }\n            \/*\n             * GA4: a link arriving with a hardware model already in the URL\n             * renders its results server-side and never passes through\n             * performSearch \u2014 log it once, on load, so campaign links that\n             * deep-link into a hardware result are not invisible.\n             *\/\n            var initialQuery = \"\";\n            function logPrefilledSearch(attempt) {\n                if (!initialQuery) {\n                    return;\n                }\n                if (typeof window.gtag === 'function') {\n                    var matchEl = results ? results.querySelector('.ct-hw-compat-match') : null;\n                    var hwTitleEl = results ? results.querySelector('.ct-hw-compat-hardware__title') : null;\n                    window.gtag('event', 'checker_search', {\n                        search_type: 'hardware_prefilled_link',\n                        search_term: String(initialQuery).toLowerCase(),\n                        match_found: matchEl ? 'yes' : 'no',\n                        matched_hardware: hwTitleEl ? hwTitleEl.textContent.trim() : ''\n                    });\n                    return;\n                }\n                if (attempt < 10) {\n                    window.setTimeout(function () {\n                        logPrefilledSearch(attempt + 1);\n                    }, 300);\n                }\n            }\n            logPrefilledSearch(0);\n            var modal = document.getElementById(modalId);\n            if (!modal) {\n                return;\n            }\n            var selectedProduct = modal.querySelector('[data-ct-hw-compat-selected-product]');\n            var hiddenPartNumber = modal.querySelector('[data-ct-hw-compat-part-number]');\n            var hiddenReferrer = modal.querySelector('[data-ct-hw-compat-zf-referrer]');\n            var closeButtons = modal.querySelectorAll('[data-ct-hw-compat-modal-close]');\n            function openModal(productTitle) {\n                productTitle = productTitle || '';\n                if (selectedProduct) {\n                    selectedProduct.textContent = productTitle;\n                }\n                if (hiddenPartNumber) {\n                    hiddenPartNumber.value = productTitle;\n                }\n                if (hiddenReferrer) {\n                    hiddenReferrer.value = productTitle;\n                }\n                modal.classList.add('is-active');\n                modal.setAttribute('aria-hidden', 'false');\n                document.documentElement.style.overflow = 'hidden';\n                \/* GA4: price request modal opened *\/\n                if (typeof window.gtag === 'function') {\n                    window.gtag('event', 'price_request_open', { product: productTitle });\n                }\n            }\n            function closeModal() {\n                modal.classList.remove('is-active');\n                modal.setAttribute('aria-hidden', 'true');\n                document.documentElement.style.overflow = '';\n            }\n            checker.addEventListener('click', function (event) {\n                var button = event.target.closest('.ct-hw-compat-get-price-button');\n                if (!button) {\n                    return;\n                }\n                openModal(button.getAttribute('data-product-title'));\n            });\n            closeButtons.forEach(function (button) {\n                button.addEventListener('click', closeModal);\n            });\n            document.addEventListener('keydown', function (event) {\n                if (event.key === 'Escape' && modal.classList.contains('is-active')) {\n                    closeModal();\n                }\n            });\n        })();\n    <\/script>\n                    <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <script>\n        (function () {\n            var section = document.getElementById(\n                \"ct-compatibility-toggle-1\"            );\n            if (!section) {\n                return;\n            }\n            var tabs = Array.prototype.slice.call(\n                section.querySelectorAll('[data-ct-compatibility-tab]')\n            );\n            var panels = Array.prototype.slice.call(\n                section.querySelectorAll('[data-ct-compatibility-panel]')\n            );\n            function activateTab(selectedTab, moveFocus) {\n                var selectedName = selectedTab.getAttribute(\n                    'data-ct-compatibility-tab'\n                );\n                tabs.forEach(function (tab) {\n                    var isActive =\n                        tab.getAttribute('data-ct-compatibility-tab') ===\n                        selectedName;\n                    tab.classList.toggle('is-active', isActive);\n                    tab.setAttribute(\n                        'aria-selected',\n                        isActive ? 'true' : 'false'\n                    );\n                    tab.setAttribute('tabindex', isActive ? '0' : '-1');\n                });\n                panels.forEach(function (panel) {\n                    var isActive =\n                        panel.getAttribute('data-ct-compatibility-panel') ===\n                        selectedName;\n                    panel.hidden = !isActive;\n                });\n                if (moveFocus) {\n                    selectedTab.focus();\n                }\n            }\n            tabs.forEach(function (tab, index) {\n                tab.addEventListener('click', function () {\n                    activateTab(tab, false);\n                });\n                tab.addEventListener('keydown', function (event) {\n                    var targetIndex = index;\n                    if (\n                        event.key === 'ArrowRight' ||\n                        event.key === 'ArrowDown'\n                    ) {\n                        targetIndex = (index + 1) % tabs.length;\n                    } else if (\n                        event.key === 'ArrowLeft' ||\n                        event.key === 'ArrowUp'\n                    ) {\n                        targetIndex =\n                            (index - 1 + tabs.length) % tabs.length;\n                    } else if (event.key === 'Home') {\n                        targetIndex = 0;\n                    } else if (event.key === 'End') {\n                        targetIndex = tabs.length - 1;\n                    } else {\n                        return;\n                    }\n                    event.preventDefault();\n                    activateTab(tabs[targetIndex], true);\n                });\n            });\n        })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11e2ac4 e-con-full e-flex e-con e-parent\" data-id=\"11e2ac4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb8c5c1 elementor-widget elementor-widget-html\" data-id=\"eb8c5c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"compatibility-form\" class=\"co-zoho-form-section\">\n  <div class=\"co-zoho-form-inner\">\n\n    <div class=\"co-zoho-form-heading\">\n      <span class=\"co-zoho-form-eyebrow\">Request a compatibility check<\/span>\n      <h2>Send us your transceiver requirement<\/h2>\n      <p>\n        Complete the form below with as much detail as possible. If you do not know every specification, just send what you have and our team will help identify the correct compatible option.\n      <\/p>\n    <\/div>\n\n    <form\n      class=\"co-zoho-form\"\n      action=\"https:\/\/forms.zohopublic.eu\/carritechtelecomunicaciones1\/form\/TransceiverCompatibilityCheck\/formperma\/leVVc6_9B6qqt70Bg0uCCR_k09cpkfVyqZLwlRKZ0FY\/htmlRecords\/submit\"\n      name=\"form\"\n      method=\"POST\"\n      accept-charset=\"UTF-8\"\n      enctype=\"multipart\/form-data\"\n      onsubmit=\"return coValidateCompatibilityForm();\"\n    >\n\n      <input type=\"hidden\" name=\"zf_referrer_name\" value=\"\">\n      <input type=\"hidden\" name=\"zf_redirect_url\" value=\"\">\n      <input type=\"hidden\" name=\"zc_gad\" value=\"\">\n\n      <div class=\"co-zoho-form-card\">\n\n        <div class=\"co-zoho-form-row co-zoho-form-row--two\">\n          <div class=\"co-zoho-field\">\n            <label for=\"Name_First\">First name <em>*<\/em><\/label>\n            <input type=\"text\" id=\"Name_First\" name=\"Name_First\" maxlength=\"255\" fieldType=\"7\">\n            <p id=\"Name_First_error\" class=\"co-zoho-error\">Please enter your first name.<\/p>\n          <\/div>\n\n          <div class=\"co-zoho-field\">\n            <label for=\"Name_Last\">Last name <em>*<\/em><\/label>\n            <input type=\"text\" id=\"Name_Last\" name=\"Name_Last\" maxlength=\"255\" fieldType=\"7\">\n            <p id=\"Name_Last_error\" class=\"co-zoho-error\">Please enter your last name.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"co-zoho-form-row co-zoho-form-row--two\">\n          <div class=\"co-zoho-field\">\n            <label for=\"SingleLine\">Company <em>*<\/em><\/label>\n            <input type=\"text\" id=\"SingleLine\" name=\"SingleLine\" maxlength=\"255\" fieldType=\"1\" checktype=\"c1\">\n            <p id=\"SingleLine_error\" class=\"co-zoho-error\">Please enter your company name.<\/p>\n          <\/div>\n\n          <div class=\"co-zoho-field\">\n            <label for=\"Email\">Email <em>*<\/em><\/label>\n            <input type=\"text\" id=\"Email\" name=\"Email\" maxlength=\"255\" fieldType=\"9\" checktype=\"c5\">\n            <p id=\"Email_error\" class=\"co-zoho-error\">Please enter a valid email address.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"co-zoho-form-row co-zoho-form-row--two\">\n          <div class=\"co-zoho-field\">\n            <label for=\"international_PhoneNumber_countrycode\">Phone <em>*<\/em><\/label>\n            <input\n              type=\"text\"\n              id=\"international_PhoneNumber_countrycode\"\n              name=\"PhoneNumber_countrycode\"\n              maxlength=\"20\"\n              checktype=\"c7\"\n              compname=\"PhoneNumber\"\n              phoneFormat=\"1\"\n              isCountryCodeEnabled=\"false\"\n              fieldType=\"11\"\n              valType=\"number\"\n              phoneFormatType=\"1\"\n            >\n            <p id=\"PhoneNumber_countrycode_error\" class=\"co-zoho-error\">Please enter a valid phone number.<\/p>\n          <\/div>\n\n          <div class=\"co-zoho-field\">\n            <label for=\"SingleLine1\">OEM \/ manufacturer platform<\/label>\n            <input type=\"text\" id=\"SingleLine1\" name=\"SingleLine1\" maxlength=\"255\" fieldType=\"1\" checktype=\"c1\" placeholder=\"Cisco, Juniper, Nokia, Huawei, Arista, Dell, HPE...\">\n            <p id=\"SingleLine1_error\" class=\"co-zoho-error\">Invalid value.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"co-zoho-form-row co-zoho-form-row--two\">\n          <div class=\"co-zoho-field\">\n            <label for=\"SingleLine2\">Existing part number, if known<\/label>\n            <input type=\"text\" id=\"SingleLine2\" name=\"SingleLine2\" maxlength=\"255\" fieldType=\"1\" checktype=\"c1\" placeholder=\"e.g. QSFP-100G-LR4-S\">\n            <p id=\"SingleLine2_error\" class=\"co-zoho-error\">Invalid value.<\/p>\n          <\/div>\n\n          <div class=\"co-zoho-field\">\n            <label for=\"SingleLine3\">Required speed \/ form factor<\/label>\n            <input type=\"text\" id=\"SingleLine3\" name=\"SingleLine3\" maxlength=\"255\" fieldType=\"1\" checktype=\"c1\" placeholder=\"e.g. 10G SFP+, 100G QSFP28, 400G QSFP-DD\">\n            <p id=\"SingleLine3_error\" class=\"co-zoho-error\">Invalid value.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"co-zoho-form-row\">\n          <div class=\"co-zoho-field co-zoho-field--small\">\n            <label for=\"Number\">Quantity<\/label>\n            <input type=\"text\" id=\"Number\" name=\"Number\" maxlength=\"18\" fieldType=\"3\" checktype=\"c2\">\n            <p id=\"Number_error\" class=\"co-zoho-error\">Please enter numbers only.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"co-zoho-form-row\">\n          <div class=\"co-zoho-field\">\n            <label for=\"MultiLine\">Do you need the transceivers coded or reprogrammed?<\/label>\n            <textarea id=\"MultiLine\" name=\"MultiLine\" maxlength=\"65535\" checktype=\"c1\" placeholder=\"Tell us if you need modules supplied already coded, reprogrammed for a different platform, or checked for compatibility.\"><\/textarea>\n            <p id=\"MultiLine_error\" class=\"co-zoho-error\">Invalid value.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"co-zoho-form-row\">\n          <div class=\"co-zoho-field\">\n            <label for=\"MultiLine1\">Message \/ requirements<\/label>\n            <textarea id=\"MultiLine1\" name=\"MultiLine1\" maxlength=\"65535\" checktype=\"c1\" placeholder=\"Add any extra information about the equipment, network environment, delivery requirements or existing modules.\"><\/textarea>\n            <p id=\"MultiLine1_error\" class=\"co-zoho-error\">Invalid value.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"co-zoho-form-footer\">\n          <button type=\"submit\" class=\"co-zoho-submit\">\n            Submit compatibility request\n          <\/button>\n\n          <p>\n            Required fields are marked with an asterisk. Your request will be sent directly to Carritech Optics.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/form>\n\n  <\/div>\n<\/section>\n\n<style>\n  .co-zoho-form-section,\n  .co-zoho-form-section * {\n    box-sizing: border-box;\n  }\n\n  .co-zoho-form-section {\n    background:\n      radial-gradient(circle at 12% 16%, rgba(114, 191, 68, 0.12), transparent 30%),\n      linear-gradient(180deg, #f8f9f7 0%, #eeeeeb 100%);\n    color: #151515;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    padding: clamp(72px, 8vw, 120px) 24px;\n  }\n\n  .co-zoho-form-inner {\n    width: min(980px, 100%);\n    margin: 0 auto;\n  }\n\n  .co-zoho-form-heading {\n    max-width: 780px;\n    margin: 0 auto 38px;\n    text-align: center;\n  }\n\n  .co-zoho-form-eyebrow {\n    display: inline-flex;\n    margin-bottom: 16px;\n    padding: 8px 14px;\n    border-radius: 999px;\n    background: rgba(114, 191, 68, 0.14);\n    color: #3f7d25;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .co-zoho-form-heading h2 {\n    margin: 0;\n    color: #111111;\n    font-size: clamp(34px, 4.2vw, 58px);\n    line-height: 1.06;\n    letter-spacing: -0.045em;\n    font-weight: 600;\n  }\n\n  .co-zoho-form-heading p {\n    max-width: 760px;\n    margin: 20px auto 0;\n    color: #555555;\n    font-size: clamp(16px, 1.35vw, 19px);\n    line-height: 1.7;\n  }\n\n  .co-zoho-form {\n    width: 100%;\n  }\n\n  .co-zoho-form-card {\n    position: relative;\n    padding: clamp(24px, 4vw, 44px);\n    border-radius: 32px;\n    background: #ffffff;\n    border: 1px solid rgba(17, 17, 17, 0.08);\n    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.075);\n    overflow: hidden;\n  }\n\n  .co-zoho-form-card::before {\n    content: \"\";\n    position: absolute;\n    top: -120px;\n    right: -120px;\n    width: 260px;\n    height: 260px;\n    border-radius: 50%;\n    background: rgba(114, 191, 68, 0.12);\n    pointer-events: none;\n  }\n\n  .co-zoho-form-row {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 18px;\n    margin-bottom: 18px;\n  }\n\n  .co-zoho-form-row--two {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .co-zoho-field {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .co-zoho-field--small {\n    max-width: 280px;\n  }\n\n  .co-zoho-field label {\n    margin-bottom: 9px;\n    color: #151515;\n    font-size: 15px;\n    line-height: 1.35;\n    font-weight: 700;\n  }\n\n  .co-zoho-field label em {\n    color: #72bf44;\n    font-style: normal;\n    font-weight: 800;\n  }\n\n  .co-zoho-field input,\n  .co-zoho-field textarea {\n    width: 100%;\n    border: 1px solid rgba(17, 17, 17, 0.14);\n    border-radius: 16px;\n    background: #f7f8f6;\n    color: #151515;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 15px;\n    line-height: 1.4;\n    outline: none;\n    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n  }\n\n  .co-zoho-field input {\n    min-height: 52px;\n    padding: 14px 16px;\n  }\n\n  .co-zoho-field textarea {\n    min-height: 132px;\n    padding: 16px;\n    resize: vertical;\n  }\n\n  .co-zoho-field input::placeholder,\n  .co-zoho-field textarea::placeholder {\n    color: rgba(21, 21, 21, 0.42);\n  }\n\n  .co-zoho-field input:focus,\n  .co-zoho-field textarea:focus {\n    border-color: #72bf44;\n    background: #ffffff;\n    box-shadow: 0 0 0 4px rgba(114, 191, 68, 0.15);\n  }\n\n  .co-zoho-error {\n    display: none;\n    margin: 8px 0 0;\n    color: #c62828;\n    font-size: 13px;\n    line-height: 1.4;\n    font-weight: 600;\n  }\n\n  .co-zoho-field.co-zoho-field--error input,\n  .co-zoho-field.co-zoho-field--error textarea {\n    border-color: #c62828;\n    box-shadow: 0 0 0 4px rgba(198, 40, 40, 0.10);\n  }\n\n  .co-zoho-field.co-zoho-field--error .co-zoho-error {\n    display: block;\n  }\n\n  .co-zoho-form-footer {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 18px;\n    margin-top: 28px;\n    padding-top: 26px;\n    border-top: 1px solid rgba(17, 17, 17, 0.08);\n  }\n\n  .co-zoho-submit {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 56px;\n    padding: 16px 26px;\n    border: 0;\n    border-radius: 999px;\n    background: #72bf44;\n    color: #111111;\n    font-family: \"Montserrat\", Arial, sans-serif;\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1;\n    cursor: pointer;\n    box-shadow: 0 16px 38px rgba(114, 191, 68, 0.24);\n    transition: transform 0.2s ease, background 0.2s ease;\n  }\n\n  .co-zoho-submit:hover {\n    transform: translateY(-2px);\n    background: #8bd95b;\n  }\n\n  .co-zoho-form-footer p {\n    flex: 1;\n    min-width: 220px;\n    margin: 0;\n    color: #666666;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  @media (max-width: 760px) {\n    .co-zoho-form-section {\n      padding: 64px 18px;\n    }\n\n    .co-zoho-form-heading {\n      text-align: left;\n    }\n\n    .co-zoho-form-heading h2 {\n      font-size: 34px;\n    }\n\n    .co-zoho-form-row--two {\n      grid-template-columns: 1fr;\n    }\n\n    .co-zoho-field--small {\n      max-width: none;\n    }\n\n    .co-zoho-form-footer {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    .co-zoho-submit {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<script>\n  function coValidateCompatibilityForm() {\n    var form = document.forms[\"form\"];\n    var valid = true;\n\n    var requiredFields = [\n      {\n        name: \"Name_First\",\n        error: \"Name_First_error\"\n      },\n      {\n        name: \"Name_Last\",\n        error: \"Name_Last_error\"\n      },\n      {\n        name: \"SingleLine\",\n        error: \"SingleLine_error\"\n      },\n      {\n        name: \"Email\",\n        error: \"Email_error\",\n        type: \"email\"\n      },\n      {\n        name: \"PhoneNumber_countrycode\",\n        error: \"PhoneNumber_countrycode_error\",\n        type: \"phone\"\n      }\n    ];\n\n    var optionalFields = [\n      {\n        name: \"Number\",\n        error: \"Number_error\",\n        type: \"number\"\n      }\n    ];\n\n    function clearError(fieldName, errorId) {\n      var field = form[fieldName];\n      var error = document.getElementById(errorId);\n\n      if (!field) return;\n\n      var wrapper = field.closest(\".co-zoho-field\");\n      if (wrapper) {\n        wrapper.classList.remove(\"co-zoho-field--error\");\n      }\n\n      if (error) {\n        error.style.display = \"none\";\n      }\n    }\n\n    function showError(fieldName, errorId) {\n      var field = form[fieldName];\n      var error = document.getElementById(errorId);\n\n      if (!field) return;\n\n      var wrapper = field.closest(\".co-zoho-field\");\n      if (wrapper) {\n        wrapper.classList.add(\"co-zoho-field--error\");\n      }\n\n      if (error) {\n        error.style.display = \"block\";\n      }\n\n      if (valid) {\n        field.focus();\n      }\n\n      valid = false;\n    }\n\n    function isEmail(value) {\n      return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(value);\n    }\n\n    function isPhone(value) {\n      return \/^[+()0-9.\\-\\s]+$\/.test(value);\n    }\n\n    function isNumber(value) {\n      return \/^-?[0-9]+$\/.test(value);\n    }\n\n    requiredFields.forEach(function(item) {\n      var field = form[item.name];\n      if (!field) return;\n\n      var value = field.value.trim();\n      clearError(item.name, item.error);\n\n      if (!value) {\n        showError(item.name, item.error);\n        return;\n      }\n\n      if (item.type === \"email\" && !isEmail(value)) {\n        showError(item.name, item.error);\n        return;\n      }\n\n      if (item.type === \"phone\" && !isPhone(value)) {\n        showError(item.name, item.error);\n        return;\n      }\n    });\n\n    optionalFields.forEach(function(item) {\n      var field = form[item.name];\n      if (!field) return;\n\n      var value = field.value.trim();\n      clearError(item.name, item.error);\n\n      if (value && item.type === \"number\" && !isNumber(value)) {\n        showError(item.name, item.error);\n      }\n    });\n\n    document.charset = \"UTF-8\";\n    return valid;\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Optical transceiver compatibility check Need to confirm which optic will work in your equipment? Send us your OEM platform, host equipment, existing part number or required module type and the Carritech Optics team will help identify the right compatible transceiver option. Start compatibility check Browse optical transceivers Coded for leading OEM platforms Tested before shipment [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":18,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5098","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Compatibility Check | Carritech Optics<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Compatibility Check\" \/>\n<meta property=\"og:description\" content=\"Optical transceiver compatibility check Need to confirm which optic will work in your equipment? Send us your OEM platform, host equipment, existing part number or required module type and the Carritech Optics team will help identify the right compatible transceiver option. Start compatibility check Browse optical transceivers Coded for leading OEM platforms Tested before shipment [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/\" \/>\n<meta property=\"og:site_name\" content=\"Carritech Optics\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-29T13:35:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/optics.carritech.com\\\/optical-transceivers\\\/compatibility-check\\\/\",\"url\":\"https:\\\/\\\/optics.carritech.com\\\/optical-transceivers\\\/compatibility-check\\\/\",\"name\":\"Compatibility Check | Carritech Optics\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/optics.carritech.com\\\/#website\"},\"datePublished\":\"2026-06-24T14:03:03+00:00\",\"dateModified\":\"2026-07-29T13:35:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/optics.carritech.com\\\/optical-transceivers\\\/compatibility-check\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/optics.carritech.com\\\/optical-transceivers\\\/compatibility-check\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/optics.carritech.com\\\/optical-transceivers\\\/compatibility-check\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/optics.carritech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optical Transceivers\",\"item\":\"https:\\\/\\\/optics.carritech.com\\\/optical-transceivers\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Compatibility Check\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/optics.carritech.com\\\/#website\",\"url\":\"https:\\\/\\\/optics.carritech.com\\\/\",\"name\":\"Carritech Optics\",\"description\":\"High Quality Optical Transceivers\",\"publisher\":{\"@id\":\"https:\\\/\\\/optics.carritech.com\\\/#organization\"},\"alternateName\":\"Carritech Optics\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/optics.carritech.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/optics.carritech.com\\\/#organization\",\"name\":\"Carritech Optics\",\"url\":\"https:\\\/\\\/optics.carritech.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/optics.carritech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/optics.carritech.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Carritech-optics.png\",\"contentUrl\":\"https:\\\/\\\/optics.carritech.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/Carritech-optics.png\",\"width\":2048,\"height\":681,\"caption\":\"Carritech Optics\"},\"image\":{\"@id\":\"https:\\\/\\\/optics.carritech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Compatibility Check | Carritech Optics","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/","og_locale":"it_IT","og_type":"article","og_title":"Compatibility Check","og_description":"Optical transceiver compatibility check Need to confirm which optic will work in your equipment? Send us your OEM platform, host equipment, existing part number or required module type and the Carritech Optics team will help identify the right compatible transceiver option. Start compatibility check Browse optical transceivers Coded for leading OEM platforms Tested before shipment [&hellip;]","og_url":"https:\/\/optics.carritech.com\/it\/optical-transceivers\/compatibility-check\/","og_site_name":"Carritech Optics","article_modified_time":"2026-07-29T13:35:03+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/optics.carritech.com\/optical-transceivers\/compatibility-check\/","url":"https:\/\/optics.carritech.com\/optical-transceivers\/compatibility-check\/","name":"Compatibility Check | Carritech Optics","isPartOf":{"@id":"https:\/\/optics.carritech.com\/#website"},"datePublished":"2026-06-24T14:03:03+00:00","dateModified":"2026-07-29T13:35:03+00:00","breadcrumb":{"@id":"https:\/\/optics.carritech.com\/optical-transceivers\/compatibility-check\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/optics.carritech.com\/optical-transceivers\/compatibility-check\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/optics.carritech.com\/optical-transceivers\/compatibility-check\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/optics.carritech.com\/"},{"@type":"ListItem","position":2,"name":"Optical Transceivers","item":"https:\/\/optics.carritech.com\/optical-transceivers\/"},{"@type":"ListItem","position":3,"name":"Compatibility Check"}]},{"@type":"WebSite","@id":"https:\/\/optics.carritech.com\/#website","url":"https:\/\/optics.carritech.com\/","name":"Ottica Carritech","description":"Ricetrasmettitori ottici di alta qualit\u00e0","publisher":{"@id":"https:\/\/optics.carritech.com\/#organization"},"alternateName":"Carritech Optics","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/optics.carritech.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/optics.carritech.com\/#organization","name":"Ottica Carritech","url":"https:\/\/optics.carritech.com\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/optics.carritech.com\/#\/schema\/logo\/image\/","url":"https:\/\/optics.carritech.com\/wp-content\/uploads\/2024\/11\/Carritech-optics.png","contentUrl":"https:\/\/optics.carritech.com\/wp-content\/uploads\/2024\/11\/Carritech-optics.png","width":2048,"height":681,"caption":"Carritech Optics"},"image":{"@id":"https:\/\/optics.carritech.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/optics.carritech.com\/it\/wp-json\/wp\/v2\/pages\/5098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optics.carritech.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/optics.carritech.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/optics.carritech.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/optics.carritech.com\/it\/wp-json\/wp\/v2\/comments?post=5098"}],"version-history":[{"count":19,"href":"https:\/\/optics.carritech.com\/it\/wp-json\/wp\/v2\/pages\/5098\/revisions"}],"predecessor-version":[{"id":100403,"href":"https:\/\/optics.carritech.com\/it\/wp-json\/wp\/v2\/pages\/5098\/revisions\/100403"}],"up":[{"embeddable":true,"href":"https:\/\/optics.carritech.com\/it\/wp-json\/wp\/v2\/pages\/18"}],"wp:attachment":[{"href":"https:\/\/optics.carritech.com\/it\/wp-json\/wp\/v2\/media?parent=5098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}