{"id":2043,"date":"2026-08-10T04:58:56","date_gmt":"2026-08-10T04:58:56","guid":{"rendered":"https:\/\/staging2.insprago.com\/Radiant\/?page_id=2043"},"modified":"2026-08-10T11:02:10","modified_gmt":"2026-08-10T11:02:10","slug":"catalog","status":"publish","type":"page","link":"https:\/\/staging2.insprago.com\/Radiant\/catalog\/","title":{"rendered":"Catalog"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2043\" class=\"elementor elementor-2043\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f70a3da e-flex e-con-boxed e-con e-parent\" data-id=\"f70a3da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3c6040 elementor-widget elementor-widget-shortcode\" data-id=\"c3c6040\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n\r\n    <div class=\"sakura-search-page\">\r\n\r\n\r\n        <!-- ====================================================\r\n             LOADING OVERLAY\r\n        ==================================================== -->\r\n\r\n        <div\r\n            class=\"sakura-search-loading\"\r\n            id=\"sakuraSearchLoading\"\r\n            aria-hidden=\"true\"\r\n        >\r\n\r\n            <div class=\"sakura-loading-box\">\r\n\r\n                <div class=\"sakura-loading-spinner\"><\/div>\r\n\r\n                <h3 class=\"sakura-loading-title\">\r\n                    Searching Products\r\n                <\/h3>\r\n\r\n                <p class=\"sakura-loading-text\">\r\n                    Please wait while we find the best\r\n                    matching products.\r\n                <\/p>\r\n\r\n                <div class=\"sakura-loading-progress\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ====================================================\r\n             SEARCH HEADER\r\n        ==================================================== -->\r\n\r\n        <div class=\"sakura-search-header\">\r\n\r\n            <div class=\"sakura-eyebrow\">\r\n                PRODUCT SEARCH\r\n            <\/div>\r\n\r\n            <h2>\r\n                The Search Starts Here\r\n            <\/h2>\r\n\r\n            <p>\r\n                Find the product you need by entering a\r\n                Sakura part number, OEM number, reference\r\n                number or product name.\r\n            <\/p>\r\n\r\n\r\n            <form\r\n                method=\"get\"\r\n                class=\"sakura-main-search\"\r\n            >\r\n\r\n                <div class=\"sakura-search-input-wrap\">\r\n\r\n                    <span class=\"sakura-search-icon\">\r\n                        \u2315\r\n                    <\/span>\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        name=\"sakura_search\"\r\n                        value=\"\"\r\n                        placeholder=\"Enter Sakura Part Number or OEM Number...\"\r\n                        autocomplete=\"off\"\r\n                        aria-label=\"Search products\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    type=\"submit\"\r\n                    class=\"sakura-search-button\"\r\n                >\r\n                    Search\r\n                <\/button>\r\n\r\n\r\n                <a\r\n                    href=\"\/Radiant\/wp-json\/wp\/v2\/pages\/2043\"\r\n                    class=\"sakura-clear-button\"\r\n                >\r\n                    Clear\r\n                <\/a>\r\n\r\n            <\/form>\r\n\r\n\r\n            \r\n                <div class=\"sakura-search-help\">\r\n\r\n                    <span class=\"sakura-help-label\">\r\n                        Search using\r\n                    <\/span>\r\n\r\n                    <span class=\"sakura-help-tag\">\r\n                        Sakura Number\r\n                    <\/span>\r\n\r\n                    <span class=\"sakura-help-or\">\r\n                        or\r\n                    <\/span>\r\n\r\n                    <span class=\"sakura-help-tag\">\r\n                        OEM Number\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            \r\n        <\/div>\r\n\r\n\r\n        \r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ============================================================\r\n         PREMIUM CSS\r\n    ============================================================ -->\r\n\r\n    <style>\r\n\r\n    \/* ============================================================\r\n       ROOT\r\n    ============================================================ *\/\r\n\r\n    .sakura-search-page {\r\n\r\n        --sakura-primary:#167d83;\r\n        --sakura-primary-dark:#105d62;\r\n        --sakura-accent:#d51f36;\r\n\r\n        --sakura-dark:#172126;\r\n        --sakura-text:#39444a;\r\n        --sakura-muted:#78838a;\r\n\r\n        --sakura-border:#e5e9eb;\r\n        --sakura-soft:#f6f8f9;\r\n        --sakura-white:#ffffff;\r\n\r\n        width:100%;\r\n        max-width:1440px;\r\n\r\n        margin:60px auto;\r\n        padding:0 30px;\r\n\r\n        box-sizing:border-box;\r\n\r\n        color:var(--sakura-text);\r\n\r\n        position:relative;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       SEARCH HEADER\r\n    ============================================================ *\/\r\n\r\n    .sakura-search-header {\r\n        margin-bottom:45px;\r\n    }\r\n\r\n\r\n    .sakura-eyebrow,\r\n    .sakura-results-label {\r\n\r\n        margin-bottom:10px;\r\n\r\n        color:var(--sakura-primary);\r\n\r\n        font-size:11px;\r\n        font-weight:700;\r\n\r\n        letter-spacing:1.8px;\r\n        text-transform:uppercase;\r\n    }\r\n\r\n\r\n    .sakura-search-header h2 {\r\n\r\n        margin:0 0 14px;\r\n\r\n        color:var(--sakura-dark);\r\n\r\n        font-size:clamp(32px,4vw,48px);\r\n\r\n        line-height:1.1;\r\n\r\n        font-weight:700;\r\n\r\n        letter-spacing:-1.2px;\r\n    }\r\n\r\n\r\n    .sakura-search-header h2::after {\r\n\r\n        content:\"\";\r\n\r\n        display:block;\r\n\r\n        width:55px;\r\n        height:3px;\r\n\r\n        margin-top:18px;\r\n\r\n        background:var(--sakura-primary);\r\n\r\n        border-radius:10px;\r\n    }\r\n\r\n\r\n    .sakura-search-header p {\r\n\r\n        max-width:760px;\r\n\r\n        margin:0 0 28px;\r\n\r\n        color:var(--sakura-muted);\r\n\r\n        font-size:16px;\r\n\r\n        line-height:1.75;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       SEARCH BAR\r\n    ============================================================ *\/\r\n\r\n    .sakura-main-search {\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1fr)\r\n            150px\r\n            110px;\r\n\r\n        gap:10px;\r\n\r\n        padding:7px;\r\n\r\n        background:#fff;\r\n\r\n        border:1px solid var(--sakura-border);\r\n\r\n        border-radius:10px;\r\n\r\n        box-shadow:\r\n            0 8px 30px rgba(20,35,40,.07);\r\n    }\r\n\r\n\r\n    .sakura-search-input-wrap {\r\n\r\n        position:relative;\r\n\r\n        display:flex;\r\n        align-items:center;\r\n    }\r\n\r\n\r\n    .sakura-search-icon {\r\n\r\n        position:absolute;\r\n\r\n        left:20px;\r\n\r\n        color:var(--sakura-primary);\r\n\r\n        font-size:23px;\r\n\r\n        line-height:1;\r\n\r\n        pointer-events:none;\r\n    }\r\n\r\n\r\n    .sakura-main-search input {\r\n\r\n        width:100%;\r\n\r\n        height:58px;\r\n\r\n        padding:\r\n            0 20px 0 52px;\r\n\r\n        border:0;\r\n\r\n        outline:none;\r\n\r\n        background:transparent;\r\n\r\n        color:var(--sakura-dark);\r\n\r\n        font-size:16px;\r\n\r\n        box-sizing:border-box;\r\n    }\r\n\r\n\r\n    .sakura-main-search input::placeholder {\r\n        color:#9aa3a8;\r\n    }\r\n\r\n\r\n    .sakura-search-button {\r\n\r\n        height:58px;\r\n\r\n        border:0;\r\n\r\n        border-radius:7px;\r\n\r\n        background:var(--sakura-primary);\r\n\r\n        color:#fff;\r\n\r\n        font-size:15px;\r\n\r\n        font-weight:600;\r\n\r\n        cursor:pointer;\r\n\r\n        transition:all .25s ease;\r\n    }\r\n\r\n\r\n    .sakura-search-button:hover {\r\n\r\n        background:var(--sakura-primary-dark);\r\n\r\n        transform:translateY(-1px);\r\n    }\r\n\r\n\r\n    .sakura-clear-button {\r\n\r\n        height:58px;\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n\r\n        justify-content:center;\r\n\r\n        border-radius:7px;\r\n\r\n        border:1px solid var(--sakura-border);\r\n\r\n        background:#fff;\r\n\r\n        color:var(--sakura-text);\r\n\r\n        text-decoration:none;\r\n\r\n        font-size:14px;\r\n\r\n        font-weight:500;\r\n\r\n        transition:all .25s ease;\r\n    }\r\n\r\n\r\n    .sakura-clear-button:hover {\r\n\r\n        border-color:var(--sakura-dark);\r\n\r\n        background:var(--sakura-dark);\r\n\r\n        color:#fff;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       SEARCH HELP\r\n    ============================================================ *\/\r\n\r\n    .sakura-search-help {\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n\r\n        gap:8px;\r\n\r\n        margin-top:16px;\r\n\r\n        padding:13px 17px;\r\n\r\n        border:1px solid var(--sakura-border);\r\n\r\n        border-radius:7px;\r\n\r\n        background:var(--sakura-soft);\r\n\r\n        color:var(--sakura-muted);\r\n\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .sakura-help-label {\r\n        margin-right:3px;\r\n    }\r\n\r\n\r\n    .sakura-help-tag {\r\n\r\n        padding:5px 9px;\r\n\r\n        border:1px solid #dce6e7;\r\n\r\n        border-radius:4px;\r\n\r\n        background:#fff;\r\n\r\n        color:var(--sakura-primary);\r\n\r\n        font-weight:600;\r\n    }\r\n\r\n\r\n    .sakura-help-or {\r\n        color:#a1a9ad;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       RESULTS LAYOUT\r\n    ============================================================ *\/\r\n\r\n    .sakura-results-area {\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:minmax(0,1fr);\r\n\r\n        gap:0;\r\n\r\n        align-items:start;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       SIDEBAR\r\n    ============================================================ *\/\r\n\r\n    .sakura-sidebar {\r\n\r\n        position:sticky;\r\n\r\n        top:25px;\r\n\r\n        overflow:hidden;\r\n\r\n        background:#fff;\r\n\r\n        border:1px solid var(--sakura-border);\r\n\r\n        border-radius:10px;\r\n\r\n        box-shadow:\r\n            0 8px 28px rgba(20,35,40,.06);\r\n    }\r\n\r\n\r\n    .sakura-sidebar-title {\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n\r\n        justify-content:space-between;\r\n\r\n        padding:18px 20px;\r\n\r\n        background:var(--sakura-dark);\r\n\r\n        color:#fff;\r\n\r\n        font-size:15px;\r\n\r\n        font-weight:600;\r\n    }\r\n\r\n\r\n    .sakura-sidebar-title-left {\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n\r\n        gap:10px;\r\n    }\r\n\r\n\r\n    .sakura-sidebar-icon {\r\n\r\n        width:30px;\r\n        height:30px;\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        border-radius:6px;\r\n\r\n        background:rgba(255,255,255,.12);\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    .sakura-filter-count {\r\n\r\n        min-width:26px;\r\n\r\n        height:26px;\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        padding:0 7px;\r\n\r\n        border-radius:20px;\r\n\r\n        background:var(--sakura-primary);\r\n\r\n        color:#fff;\r\n\r\n        font-size:11px;\r\n\r\n        font-weight:700;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       FILTER\r\n    ============================================================ *\/\r\n\r\n    .sakura-filter {\r\n\r\n        padding:20px 21px;\r\n\r\n        border-bottom:1px solid var(--sakura-border);\r\n    }\r\n\r\n\r\n    .sakura-filter label {\r\n\r\n        display:block;\r\n\r\n        margin-bottom:9px;\r\n\r\n        color:var(--sakura-dark);\r\n\r\n        font-size:11px;\r\n\r\n        font-weight:700;\r\n\r\n        text-transform:uppercase;\r\n\r\n        letter-spacing:.8px;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       SELECT\r\n    ============================================================ *\/\r\n\r\n    .sakura-premium-select {\r\n\r\n        width:100%;\r\n\r\n        height:46px;\r\n\r\n        padding:0 40px 0 13px;\r\n\r\n        border:1px solid var(--sakura-border);\r\n\r\n        border-radius:6px;\r\n\r\n        outline:none;\r\n\r\n        background-color:#fff;\r\n\r\n        color:var(--sakura-text);\r\n\r\n        font-size:14px;\r\n\r\n        cursor:pointer;\r\n\r\n        appearance:none;\r\n\r\n        background-image:\r\n\r\n            linear-gradient(\r\n                45deg,\r\n                transparent 50%,\r\n                #7b858b 50%\r\n            ),\r\n\r\n            linear-gradient(\r\n                135deg,\r\n                #7b858b 50%,\r\n                transparent 50%\r\n            );\r\n\r\n        background-position:\r\n\r\n            calc(100% - 17px) 19px,\r\n            calc(100% - 12px) 19px;\r\n\r\n        background-size:5px 5px;\r\n\r\n        background-repeat:no-repeat;\r\n\r\n        transition:all .25s ease;\r\n    }\r\n\r\n\r\n    .sakura-premium-select:hover {\r\n        border-color:#bdc7ca;\r\n    }\r\n\r\n\r\n    .sakura-premium-select:focus {\r\n\r\n        border-color:var(--sakura-primary);\r\n\r\n        box-shadow:\r\n            0 0 0 3px\r\n            rgba(22,125,131,.10);\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       RANGE\r\n    ============================================================ *\/\r\n\r\n    .sakura-filter-range {\r\n\r\n        border-bottom:1px solid var(--sakura-border);\r\n    }\r\n\r\n\r\n    .sakura-filter-range:last-child {\r\n        border-bottom:0;\r\n    }\r\n\r\n\r\n    .sakura-filter-toggle {\r\n\r\n        width:100%;\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n\r\n        justify-content:space-between;\r\n\r\n        padding:16px 21px;\r\n\r\n        border:0;\r\n\r\n        background:#fff;\r\n\r\n        color:var(--sakura-dark);\r\n\r\n        font-size:13px;\r\n\r\n        font-weight:600;\r\n\r\n        text-align:left;\r\n\r\n        cursor:pointer;\r\n\r\n        transition:all .2s ease;\r\n    }\r\n\r\n\r\n    .sakura-filter-toggle:hover {\r\n        background:var(--sakura-soft);\r\n    }\r\n\r\n\r\n    .sakura-toggle-arrow {\r\n\r\n        color:#9aa3a8;\r\n\r\n        font-size:9px;\r\n\r\n        transition:\r\n            transform .25s ease;\r\n    }\r\n\r\n\r\n    .sakura-filter-range.active\r\n    .sakura-toggle-arrow {\r\n\r\n        transform:rotate(180deg);\r\n\r\n        color:var(--sakura-primary);\r\n    }\r\n\r\n\r\n    .sakura-range-content {\r\n\r\n        display:none;\r\n\r\n        align-items:center;\r\n\r\n        gap:8px;\r\n\r\n        padding:\r\n            0 21px 19px;\r\n\r\n        background:#fff;\r\n    }\r\n\r\n\r\n    .sakura-filter-range.active\r\n    .sakura-range-content {\r\n\r\n        display:flex;\r\n    }\r\n\r\n\r\n    .sakura-range-content input {\r\n\r\n        width:100%;\r\n\r\n        min-width:0;\r\n\r\n        height:42px;\r\n\r\n        padding:0 11px;\r\n\r\n        border:1px solid var(--sakura-border);\r\n\r\n        border-radius:5px;\r\n\r\n        outline:none;\r\n\r\n        background:#fff;\r\n\r\n        color:var(--sakura-dark);\r\n\r\n        font-size:13px;\r\n\r\n        box-sizing:border-box;\r\n    }\r\n\r\n\r\n    .sakura-range-content input:focus {\r\n\r\n        border-color:var(--sakura-primary);\r\n\r\n        box-shadow:\r\n            0 0 0 3px\r\n            rgba(22,125,131,.08);\r\n    }\r\n\r\n\r\n    .sakura-range-divider {\r\n\r\n        flex:0 0 auto;\r\n\r\n        color:#a0a8ac;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       FILTER ACTIONS\r\n    ============================================================ *\/\r\n\r\n    .sakura-filter-actions {\r\n\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            1fr\r\n            1.5fr;\r\n\r\n        gap:8px;\r\n\r\n        padding:\r\n            18px 21px 21px;\r\n\r\n        background:var(--sakura-soft);\r\n    }\r\n\r\n\r\n    .sakura-filter-actions button,\r\n    .sakura-filter-actions a {\r\n\r\n        height:44px;\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        border-radius:6px;\r\n\r\n        font-size:13px;\r\n\r\n        font-weight:600;\r\n\r\n        text-decoration:none;\r\n\r\n        cursor:pointer;\r\n\r\n        transition:all .25s ease;\r\n    }\r\n\r\n\r\n    .sakura-submit-btn {\r\n\r\n        border:1px solid var(--sakura-primary);\r\n\r\n        background:var(--sakura-primary);\r\n\r\n        color:#fff;\r\n    }\r\n\r\n\r\n    .sakura-submit-btn:hover {\r\n\r\n        background:var(--sakura-primary-dark);\r\n\r\n        border-color:var(--sakura-primary-dark);\r\n    }\r\n\r\n\r\n    .sakura-reset {\r\n\r\n        border:1px solid var(--sakura-border);\r\n\r\n        background:#fff;\r\n\r\n        color:var(--sakura-text);\r\n    }\r\n\r\n\r\n    .sakura-reset:hover {\r\n        border-color:#b9c1c5;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       RESULTS HEADING\r\n    ============================================================ *\/\r\n\r\n    .sakura-results-heading {\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n\r\n        justify-content:space-between;\r\n\r\n        gap:20px;\r\n\r\n        margin-bottom:18px;\r\n\r\n        padding:\r\n            0 0 18px;\r\n\r\n        border-bottom:\r\n            1px solid var(--sakura-border);\r\n    }\r\n\r\n\r\n    .sakura-results-heading h3 {\r\n\r\n        margin:0 0 5px;\r\n\r\n        color:var(--sakura-dark);\r\n\r\n        font-size:25px;\r\n\r\n        font-weight:700;\r\n    }\r\n\r\n\r\n    .sakura-results-heading p {\r\n\r\n        margin:0;\r\n\r\n        color:var(--sakura-muted);\r\n\r\n        font-size:13px;\r\n    }\r\n\r\n\r\n    .sakura-results-heading strong {\r\n\r\n        color:var(--sakura-primary);\r\n    }\r\n\r\n\r\n    .sakura-count {\r\n\r\n        display:flex;\r\n\r\n        align-items:baseline;\r\n\r\n        gap:5px;\r\n\r\n        flex-shrink:0;\r\n\r\n        padding:8px 13px;\r\n\r\n        border:1px solid var(--sakura-border);\r\n\r\n        border-radius:5px;\r\n\r\n        background:var(--sakura-soft);\r\n\r\n        color:var(--sakura-muted);\r\n\r\n        font-size:11px;\r\n\r\n        font-weight:600;\r\n    }\r\n\r\n\r\n    .sakura-count strong {\r\n\r\n        color:var(--sakura-dark);\r\n\r\n        font-size:16px;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       TABLE\r\n    ============================================================ *\/\r\n\r\n    .sakura-table-wrap {\r\n\r\n        width:100%;\r\n\r\n        overflow-x:auto;\r\n\r\n        border:1px solid var(--sakura-border);\r\n\r\n        border-radius:9px;\r\n\r\n        background:#fff;\r\n\r\n        box-shadow:\r\n            0 6px 25px rgba(20,35,40,.05);\r\n    }\r\n\r\n\r\n    .sakura-table {\r\n\r\n        width:100%;\r\n\r\n        min-width:850px;\r\n\r\n        border-collapse:separate;\r\n\r\n        border-spacing:0;\r\n\r\n        background:#fff;\r\n    }\r\n\r\n\r\n    .sakura-table th {\r\n\r\n        padding:15px;\r\n\r\n        border-bottom:\r\n            1px solid #263238;\r\n\r\n        background:var(--sakura-dark);\r\n\r\n        color:#fff;\r\n\r\n        text-align:left;\r\n\r\n        font-size:10px;\r\n\r\n        font-weight:700;\r\n\r\n        text-transform:uppercase;\r\n\r\n        letter-spacing:.7px;\r\n\r\n        white-space:nowrap;\r\n    }\r\n\r\n\r\n    .sakura-table th:first-child {\r\n\r\n        padding-left:20px;\r\n\r\n        border-radius:\r\n            8px 0 0 0;\r\n    }\r\n\r\n\r\n    .sakura-table th:last-child {\r\n\r\n        border-radius:\r\n            0 8px 0 0;\r\n    }\r\n\r\n\r\n    .sakura-table td {\r\n\r\n        padding:15px;\r\n\r\n        border-bottom:\r\n            1px solid #edf0f1;\r\n\r\n        color:var(--sakura-text);\r\n\r\n        font-size:13px;\r\n\r\n        vertical-align:middle;\r\n    }\r\n\r\n\r\n    .sakura-table td:first-child {\r\n        padding-left:20px;\r\n    }\r\n\r\n\r\n    .sakura-table tbody tr {\r\n\r\n        transition:\r\n            background .2s ease;\r\n    }\r\n\r\n\r\n    .sakura-table tbody tr:hover {\r\n        background:#f8fbfb;\r\n    }\r\n\r\n\r\n    .sakura-table tbody tr:last-child td {\r\n        border-bottom:0;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       REFERENCE\r\n    ============================================================ *\/\r\n\r\n    .sakura-reference-link {\r\n\r\n        color:var(--sakura-dark) !important;\r\n\r\n        font-weight:600 !important;\r\n\r\n        text-decoration:none !important;\r\n    }\r\n\r\n\r\n    .sakura-reference-link:hover {\r\n        color:var(--sakura-primary) !important;\r\n    }\r\n\r\n\r\n    .sakura-red {\r\n\r\n        color:var(--sakura-primary);\r\n\r\n        font-weight:700;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       STATUS\r\n    ============================================================ *\/\r\n\r\n    .sakura-status-text {\r\n\r\n        display:inline-flex;\r\n\r\n        align-items:center;\r\n\r\n        gap:6px;\r\n\r\n        padding:5px 10px;\r\n\r\n        border:1px solid #dfe7e8;\r\n\r\n        border-radius:5px;\r\n\r\n        background:#f5f8f8;\r\n\r\n        color:#536066;\r\n\r\n        font-size:11px;\r\n\r\n        font-weight:600;\r\n\r\n        white-space:nowrap;\r\n    }\r\n\r\n\r\n    .sakura-status-text::before {\r\n\r\n        content:\"\";\r\n\r\n        width:6px;\r\n        height:6px;\r\n\r\n        border-radius:50%;\r\n\r\n        background:#2d9b78;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       VIEW BUTTON\r\n    ============================================================ *\/\r\n\r\n    .sakura-view {\r\n\r\n        width:36px !important;\r\n        height:36px;\r\n\r\n        display:inline-flex !important;\r\n\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        border:\r\n            1px solid\r\n            var(--sakura-border);\r\n\r\n        border-radius:6px;\r\n\r\n        background:#fff;\r\n\r\n        color:var(--sakura-primary) !important;\r\n\r\n        font-size:16px;\r\n\r\n        text-decoration:none !important;\r\n\r\n        transition:all .25s ease;\r\n    }\r\n\r\n\r\n    .sakura-view:hover {\r\n\r\n        border-color:\r\n            var(--sakura-primary);\r\n\r\n        background:\r\n            var(--sakura-primary);\r\n\r\n        color:#fff !important;\r\n\r\n        transform:\r\n            translateX(2px);\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       NO RESULTS\r\n    ============================================================ *\/\r\n\r\n    .sakura-no-results {\r\n\r\n        padding:70px 30px;\r\n\r\n        border:\r\n            1px solid\r\n            var(--sakura-border);\r\n\r\n        border-radius:10px;\r\n\r\n        background:#fff;\r\n\r\n        text-align:center;\r\n    }\r\n\r\n\r\n    .sakura-no-results-icon {\r\n\r\n        width:58px;\r\n        height:58px;\r\n\r\n        display:flex;\r\n\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        margin:0 auto 20px;\r\n\r\n        border:\r\n            1px solid\r\n            var(--sakura-border);\r\n\r\n        border-radius:50%;\r\n\r\n        background:var(--sakura-soft);\r\n\r\n        color:var(--sakura-accent);\r\n\r\n        font-size:24px;\r\n    }\r\n\r\n\r\n    .sakura-no-results h3 {\r\n\r\n        margin:0 0 8px;\r\n\r\n        color:var(--sakura-dark);\r\n\r\n        font-size:24px;\r\n    }\r\n\r\n\r\n    .sakura-no-results p {\r\n\r\n        margin:0 0 25px;\r\n\r\n        color:var(--sakura-muted);\r\n\r\n        font-size:14px;\r\n    }\r\n\r\n\r\n    .sakura-no-results a {\r\n\r\n        display:inline-flex;\r\n\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        padding:12px 22px;\r\n\r\n        border-radius:6px;\r\n\r\n        background:\r\n            var(--sakura-primary);\r\n\r\n        color:#fff;\r\n\r\n        text-decoration:none;\r\n\r\n        font-size:13px;\r\n\r\n        font-weight:600;\r\n\r\n        transition:all .25s ease;\r\n    }\r\n\r\n\r\n    .sakura-no-results a:hover {\r\n\r\n        background:\r\n            var(--sakura-primary-dark);\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       LOADING OVERLAY\r\n    ============================================================ *\/\r\n\r\n    .sakura-search-loading {\r\n\r\n        position:fixed;\r\n\r\n        inset:0;\r\n\r\n        z-index:999999;\r\n\r\n        display:none;\r\n\r\n        align-items:center;\r\n        justify-content:center;\r\n\r\n        padding:20px;\r\n\r\n        background:\r\n            rgba(255,255,255,.94);\r\n\r\n        backdrop-filter:\r\n            blur(5px);\r\n\r\n        -webkit-backdrop-filter:\r\n            blur(5px);\r\n    }\r\n\r\n\r\n    .sakura-search-loading.active {\r\n\r\n        display:flex;\r\n\r\n        animation:\r\n            sakuraLoadingFadeIn\r\n            .15s ease-out;\r\n    }\r\n\r\n\r\n    @keyframes sakuraLoadingFadeIn {\r\n\r\n        from {\r\n            opacity:0;\r\n        }\r\n\r\n        to {\r\n            opacity:1;\r\n        }\r\n    }\r\n\r\n\r\n    .sakura-loading-box {\r\n\r\n        width:\r\n            min(360px,100%);\r\n\r\n        padding:34px 28px;\r\n\r\n        border:\r\n            1px solid\r\n            var(--sakura-border);\r\n\r\n        border-radius:12px;\r\n\r\n        background:#fff;\r\n\r\n        box-shadow:\r\n            0 20px 60px\r\n            rgba(20,35,40,.12);\r\n\r\n        text-align:center;\r\n    }\r\n\r\n\r\n    .sakura-loading-spinner {\r\n\r\n        width:42px;\r\n        height:42px;\r\n\r\n        margin:\r\n            0 auto 20px;\r\n\r\n        border:\r\n            3px solid\r\n            #e5e9eb;\r\n\r\n        border-top-color:\r\n            var(--sakura-primary);\r\n\r\n        border-radius:50%;\r\n\r\n        animation:\r\n            sakuraLoadingSpin\r\n            .8s linear infinite;\r\n    }\r\n\r\n\r\n    @keyframes sakuraLoadingSpin {\r\n\r\n        to {\r\n            transform:rotate(360deg);\r\n        }\r\n    }\r\n\r\n\r\n    .sakura-loading-title {\r\n\r\n        margin:\r\n            0 0 7px;\r\n\r\n        color:\r\n            var(--sakura-dark);\r\n\r\n        font-size:17px;\r\n\r\n        font-weight:700;\r\n    }\r\n\r\n\r\n    .sakura-loading-text {\r\n\r\n        margin:0;\r\n\r\n        color:\r\n            var(--sakura-muted);\r\n\r\n        font-size:13px;\r\n\r\n        line-height:1.6;\r\n    }\r\n\r\n\r\n    .sakura-loading-progress {\r\n\r\n        width:100%;\r\n\r\n        height:3px;\r\n\r\n        margin-top:22px;\r\n\r\n        overflow:hidden;\r\n\r\n        border-radius:10px;\r\n\r\n        background:#edf1f2;\r\n    }\r\n\r\n\r\n    .sakura-loading-progress::after {\r\n\r\n        content:\"\";\r\n\r\n        display:block;\r\n\r\n        width:45%;\r\n\r\n        height:100%;\r\n\r\n        border-radius:inherit;\r\n\r\n        background:\r\n            var(--sakura-primary);\r\n\r\n        animation:\r\n            sakuraLoadingProgress\r\n            1.2s ease-in-out infinite;\r\n    }\r\n\r\n\r\n    @keyframes sakuraLoadingProgress {\r\n\r\n        0% {\r\n            transform:translateX(-120%);\r\n        }\r\n\r\n        50% {\r\n            transform:translateX(100%);\r\n        }\r\n\r\n        100% {\r\n            transform:translateX(250%);\r\n        }\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       BODY LOCK\r\n    ============================================================ *\/\r\n\r\n    body.sakura-is-loading {\r\n        overflow:hidden !important;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       TABLET\r\n    ============================================================ *\/\r\n\r\n    @media (max-width:1100px) {\r\n\r\n        .sakura-results-area {\r\n\r\n            grid-template-columns:1fr;\r\n        }\r\n\r\n\r\n        .sakura-sidebar {\r\n\r\n            position:relative;\r\n\r\n            top:auto;\r\n        }\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       MOBILE\r\n    ============================================================ *\/\r\n\r\n    @media (max-width:700px) {\r\n\r\n        .sakura-search-page {\r\n\r\n            margin:35px auto;\r\n\r\n            padding:0 15px;\r\n        }\r\n\r\n\r\n        .sakura-search-header {\r\n\r\n            margin-bottom:30px;\r\n        }\r\n\r\n\r\n        .sakura-search-header h2 {\r\n\r\n            font-size:32px;\r\n        }\r\n\r\n\r\n        .sakura-search-header p {\r\n\r\n            font-size:14px;\r\n\r\n            line-height:1.65;\r\n        }\r\n\r\n\r\n        .sakura-main-search {\r\n\r\n            grid-template-columns:1fr;\r\n\r\n            padding:7px;\r\n        }\r\n\r\n\r\n        .sakura-main-search input,\r\n        .sakura-search-button,\r\n        .sakura-clear-button {\r\n\r\n            height:50px;\r\n        }\r\n\r\n\r\n        .sakura-search-help {\r\n\r\n            flex-wrap:wrap;\r\n\r\n            line-height:1.6;\r\n        }\r\n\r\n\r\n        .sakura-results-heading {\r\n\r\n            display:block;\r\n        }\r\n\r\n\r\n        .sakura-count {\r\n\r\n            display:inline-flex;\r\n\r\n            margin-top:12px;\r\n        }\r\n\r\n\r\n        .sakura-filter-actions {\r\n\r\n            grid-template-columns:1fr;\r\n        }\r\n\r\n\r\n        .sakura-table-wrap {\r\n\r\n            border-radius:7px;\r\n        }\r\n\r\n\r\n        .sakura-table th,\r\n        .sakura-table td {\r\n\r\n            padding:\r\n                12px 10px;\r\n\r\n            font-size:12px;\r\n        }\r\n\r\n\r\n        .sakura-table th:first-child,\r\n        .sakura-table td:first-child {\r\n\r\n            padding-left:12px;\r\n        }\r\n\r\n\r\n        .sakura-loading-box {\r\n\r\n            padding:\r\n                30px 22px;\r\n        }\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       ACCESSIBILITY\r\n    ============================================================ *\/\r\n\r\n    .sakura-search-page button:focus-visible,\r\n    .sakura-search-page a:focus-visible,\r\n    .sakura-search-page input:focus-visible,\r\n    .sakura-search-page select:focus-visible {\r\n\r\n        outline:\r\n            2px solid\r\n            var(--sakura-primary);\r\n\r\n        outline-offset:2px;\r\n    }\r\n\r\n\r\n    \/* ============================================================\r\n       REDUCED MOTION\r\n    ============================================================ *\/\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n        .sakura-search-page *,\r\n        .sakura-search-page *::before,\r\n        .sakura-search-page *::after {\r\n\r\n            transition:none !important;\r\n\r\n            animation:none !important;\r\n        }\r\n    }\r\n\r\n    \r\n    .sakura-oem-section {\r\n        margin-top:42px;\r\n        padding-top:38px;\r\n        border-top:1px solid var(--sakura-border);\r\n    }\r\n    .sakura-oem-heading {\r\n        display:flex;\r\n        align-items:flex-end;\r\n        justify-content:space-between;\r\n        gap:20px;\r\n        margin-bottom:20px;\r\n    }\r\n    .sakura-oem-heading h3 {\r\n        margin:0 0 8px;\r\n        color:var(--sakura-dark);\r\n        font-size:28px;\r\n    }\r\n    .sakura-oem-heading p {\r\n        margin:0;\r\n        color:var(--sakura-muted);\r\n    }\r\n    @media (max-width:700px) {\r\n        .sakura-oem-heading { align-items:flex-start; flex-direction:column; }\r\n    }\r\n\r\n    <\/style>\r\n\r\n\r\n    <!-- ============================================================\r\n         JAVASCRIPT\r\n    ============================================================ -->\r\n\r\n    <script>\r\n\r\n    document.addEventListener(\r\n        'DOMContentLoaded',\r\n        function () {\r\n\r\n\r\n            \/* ====================================================\r\n               RANGE FILTER TOGGLES\r\n            ==================================================== *\/\r\n\r\n            document\r\n                .querySelectorAll(\r\n                    '.sakura-filter-toggle'\r\n                )\r\n                .forEach(\r\n                    function (toggle) {\r\n\r\n                        toggle.addEventListener(\r\n                            'click',\r\n                            function () {\r\n\r\n                                var parent =\r\n                                    this.closest(\r\n                                        '.sakura-filter-range'\r\n                                    );\r\n\r\n                                if (parent) {\r\n\r\n                                    parent.classList.toggle(\r\n                                        'active'\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            \/* ====================================================\r\n               LOADING ELEMENT\r\n            ==================================================== *\/\r\n\r\n            var loading =\r\n                document.getElementById(\r\n                    'sakuraSearchLoading'\r\n                );\r\n\r\n\r\n            \/* ====================================================\r\n               SHOW LOADING\r\n            ==================================================== *\/\r\n\r\n            function showSakuraLoading() {\r\n\r\n                if (!loading) {\r\n                    return;\r\n                }\r\n\r\n                loading.classList.add(\r\n                    'active'\r\n                );\r\n\r\n                loading.setAttribute(\r\n                    'aria-hidden',\r\n                    'false'\r\n                );\r\n\r\n                document.body.classList.add(\r\n                    'sakura-is-loading'\r\n                );\r\n            }\r\n\r\n\r\n            \/* ====================================================\r\n               SEARCH FORM\r\n            ==================================================== *\/\r\n\r\n            document\r\n                .querySelectorAll(\r\n                    '.sakura-main-search'\r\n                )\r\n                .forEach(\r\n                    function (form) {\r\n\r\n                        form.addEventListener(\r\n                            'submit',\r\n                            function () {\r\n\r\n                                showSakuraLoading();\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            \/* ====================================================\r\n               FILTER FORM\r\n            ==================================================== *\/\r\n\r\n            document\r\n                .querySelectorAll(\r\n                    '.sakura-sidebar form'\r\n                )\r\n                .forEach(\r\n                    function (form) {\r\n\r\n                        form.addEventListener(\r\n                            'submit',\r\n                            function () {\r\n\r\n                                showSakuraLoading();\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            \/* ====================================================\r\n               RESET \/ CLEAR\r\n            ==================================================== *\/\r\n\r\n            document\r\n                .querySelectorAll(\r\n                    '.sakura-main-search a, .sakura-reset'\r\n                )\r\n                .forEach(\r\n                    function (link) {\r\n\r\n                        link.addEventListener(\r\n                            'click',\r\n                            function () {\r\n\r\n                                showSakuraLoading();\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            \/* ====================================================\r\n               PREVENT DOUBLE SUBMIT\r\n            ==================================================== *\/\r\n\r\n            document\r\n                .querySelectorAll(\r\n                    '.sakura-main-search'\r\n                )\r\n                .forEach(\r\n                    function (form) {\r\n\r\n                        form.addEventListener(\r\n                            'submit',\r\n                            function () {\r\n\r\n                                var button =\r\n                                    form.querySelector(\r\n                                        'button[type=\"submit\"]'\r\n                                    );\r\n\r\n                                if (button) {\r\n\r\n                                    button.disabled =\r\n                                        true;\r\n\r\n                                    button.style.opacity =\r\n                                        '0.65';\r\n\r\n                                    button.style.cursor =\r\n                                        'wait';\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            \/* ====================================================\r\n               BROWSER BACK\/FORWARD\r\n            ==================================================== *\/\r\n\r\n            window.addEventListener(\r\n                'pageshow',\r\n                function () {\r\n\r\n                    if (loading) {\r\n\r\n                        loading.classList.remove(\r\n                            'active'\r\n                        );\r\n\r\n                        loading.setAttribute(\r\n                            'aria-hidden',\r\n                            'true'\r\n                        );\r\n                    }\r\n\r\n                    document.body.classList.remove(\r\n                        'sakura-is-loading'\r\n                    );\r\n\r\n\r\n                    \/* Restore buttons *\/\r\n\r\n                    document\r\n                        .querySelectorAll(\r\n                            '.sakura-main-search button'\r\n                        )\r\n                        .forEach(\r\n                            function (button) {\r\n\r\n                                button.disabled =\r\n                                    false;\r\n\r\n                                button.style.opacity =\r\n                                    '';\r\n\r\n                                button.style.cursor =\r\n                                    '';\r\n\r\n                            }\r\n                        );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n    <\/script>\r\n\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2043","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging2.insprago.com\/Radiant\/wp-json\/wp\/v2\/pages\/2043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging2.insprago.com\/Radiant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging2.insprago.com\/Radiant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging2.insprago.com\/Radiant\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging2.insprago.com\/Radiant\/wp-json\/wp\/v2\/comments?post=2043"}],"version-history":[{"count":8,"href":"https:\/\/staging2.insprago.com\/Radiant\/wp-json\/wp\/v2\/pages\/2043\/revisions"}],"predecessor-version":[{"id":2064,"href":"https:\/\/staging2.insprago.com\/Radiant\/wp-json\/wp\/v2\/pages\/2043\/revisions\/2064"}],"wp:attachment":[{"href":"https:\/\/staging2.insprago.com\/Radiant\/wp-json\/wp\/v2\/media?parent=2043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}