{"id":987513414,"date":"2026-09-18T23:20:20","date_gmt":"2026-09-18T19:20:20","guid":{"rendered":"https:\/\/nureline.com\/?page_id=987513414"},"modified":"2026-09-18T23:22:15","modified_gmt":"2026-09-18T19:22:15","slug":"fabrics","status":"publish","type":"page","link":"https:\/\/nureline.com\/ar\/fabrics\/","title":{"rendered":"Fabrics"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"987513414\" class=\"elementor elementor-987513414\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7390877 e-con-full e-flex e-con e-parent\" data-id=\"7390877\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2092746 elementor-widget elementor-widget-shortcode\" data-id=\"2092746\" 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\">\n    <div\n        id=\"nureline-tabs-470735\"\n        class=\"nureline-category-tabs\"\n    >\n\n\n        <!-- =================================================\n             TABS\n        ================================================== -->\n\n        <div\n            class=\"nureline-category-tab-list\"\n            role=\"tablist\"\n        >\n\n            \n                <button\n                    type=\"button\"\n                    id=\"nureline-tabs-470735-tab-0\"\n                    class=\"nureline-category-tab active\"\n                    data-panel=\"nureline-tabs-470735-panel-0\"\n                    role=\"tab\"\n                    aria-selected=\"true\"\n                >\n\n                    Normal Fabrics\n                <\/button>\n\n                \n                <button\n                    type=\"button\"\n                    id=\"nureline-tabs-470735-tab-1\"\n                    class=\"nureline-category-tab\"\n                    data-panel=\"nureline-tabs-470735-panel-1\"\n                    role=\"tab\"\n                    aria-selected=\"false\"\n                >\n\n                    Special Editions\n                <\/button>\n\n                \n        <\/div>\n\n\n        <!-- =================================================\n             PRODUCT PANELS\n        ================================================== -->\n\n        \n\n            <div\n                id=\"nureline-tabs-470735-panel-0\"\n                class=\"nureline-category-products active\"\n                role=\"tabpanel\"\n            >\n\n                \n        <div class=\"nureline-category-grid\">\n    \n\n        <a\n            class=\"nureline-category-product\"\n            href=\"https:\/\/nureline.com\/ar\/product\/n01\/\"\n        >\n\n\n            <!-- IMAGE -->\n\n            <div\n                class=\"nureline-category-image\"\n            >\n\n\n                \n\n                <img decoding=\"async\"\n                    src=\"https:\/\/nureline.com\/wp-content\/uploads\/2026\/09\/5a515d09-7171-4c8b-8275-e28c3e3985f4-576x1024.jpeg\"\n                    alt=\"N01\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n\n            <!-- INFORMATION -->\n\n            <div\n                class=\"nureline-category-info\"\n            >\n\n\n                <h3\n                    class=\"nureline-category-name\"\n                >\n\n                    N01\n                <\/h3>\n\n\n                <div\n                    class=\"nureline-category-price\"\n                >\n\n                    <span class=\"wcpbc-price wcpbc-price-987513169\" data-product-id=\"987513169\"><span class=\"woocommerce-Price-amount amount\">580&nbsp;<span class=\"woocommerce-Price-currencySymbol\">AED<\/span><\/span><\/span>\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/a>\n\n\n        <\/div>\n            <\/div>\n\n\n            \n\n            <div\n                id=\"nureline-tabs-470735-panel-1\"\n                class=\"nureline-category-products\"\n                role=\"tabpanel\"\n            >\n\n                \n        <div class=\"nureline-category-grid\">\n    \n\n        <a\n            class=\"nureline-category-product\"\n            href=\"https:\/\/nureline.com\/ar\/product\/r020\/\"\n        >\n\n\n            <!-- IMAGE -->\n\n            <div\n                class=\"nureline-category-image\"\n            >\n\n\n                \n                    <span\n                        class=\"nureline-category-stock\"\n                    >\n                        Out of Stock\n                    <\/span>\n\n\n                \n\n                <img decoding=\"async\"\n                    src=\"https:\/\/nureline.com\/wp-content\/uploads\/2026\/04\/36e48e2e-b908-4a7c-833d-3fcb3f2fd14e-576x1024.jpeg\"\n                    alt=\"R020\"\n                    loading=\"lazy\"\n                >\n\n            <\/div>\n\n\n            <!-- INFORMATION -->\n\n            <div\n                class=\"nureline-category-info\"\n            >\n\n\n                <h3\n                    class=\"nureline-category-name\"\n                >\n\n                    R020\n                <\/h3>\n\n\n                <div\n                    class=\"nureline-category-price\"\n                >\n\n                    <span class=\"wcpbc-price wcpbc-price-987513156\" data-product-id=\"987513156\"><span class=\"woocommerce-Price-amount amount\">680&nbsp;<span class=\"woocommerce-Price-currencySymbol\">AED<\/span><\/span><\/span>\n                <\/div>\n\n\n            <\/div>\n\n\n        <\/a>\n\n\n        <\/div>\n            <\/div>\n\n\n            \n    <\/div>\n\n\n    <!-- =====================================================\n         CSS\n    ====================================================== -->\n\n    <style>\n\n    \/* =====================================================\n       MAIN\n    ====================================================== *\/\n\n    #nureline-tabs-470735 {\n\n        width: 100%;\n\n        max-width: 1450px;\n\n        margin: 0 auto;\n\n        padding:\n            0\n            20px\n            70px;\n\n        font-family:\n            \"Cormorant Garamond\",\n            Georgia,\n            serif;\n\n        color: #493832;\n\n    }\n\n\n    \/* =====================================================\n       TABS\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-tab-list {\n\n        display: flex;\n\n        justify-content: center;\n\n        align-items: center;\n\n        gap: 55px;\n\n        width: 100%;\n\n        margin:\n            0\n            auto\n            55px;\n\n        border-bottom:\n            1px solid\n            rgba(73,56,50,.14);\n\n    }\n\n\n    \/* =====================================================\n       TAB\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-tab {\n\n        position: relative;\n\n        appearance: none;\n\n        border: 0 !important;\n\n        outline: none !important;\n\n        background:\n            transparent !important;\n\n        box-shadow:\n            none !important;\n\n        padding:\n            0\n            0\n            16px;\n\n        margin: 0;\n\n        font-family:\n            \"Cormorant Garamond\",\n            Georgia,\n            serif;\n\n        font-size:\n            clamp(\n                24px,\n                2.4vw,\n                34px\n            );\n\n        font-weight: 500;\n\n        line-height: 1;\n\n        letter-spacing:\n            .035em;\n\n        color: #806e67;\n\n        cursor: pointer;\n\n        transition:\n            color .25s ease;\n\n    }\n\n\n    \/* =====================================================\n       REMOVE ALL HOVER BACKGROUND\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-tab:hover,\n\n    #nureline-tabs-470735    .nureline-category-tab:focus,\n\n    #nureline-tabs-470735    .nureline-category-tab:active {\n\n        background:\n            transparent !important;\n\n        background-color:\n            transparent !important;\n\n        box-shadow:\n            none !important;\n\n        outline:\n            none !important;\n\n    }\n\n\n    \/* =====================================================\n       HOVER TEXT\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-tab:hover {\n\n        color: #AC5549;\n\n    }\n\n\n    \/* =====================================================\n       ACTIVE TAB\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-tab.active {\n\n        color: #AC5549;\n\n    }\n\n\n    \/* =====================================================\n       ACTIVE UNDERLINE\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-tab::after {\n\n        content: \"\";\n\n        position: absolute;\n\n        left: 0;\n\n        right: 0;\n\n        bottom: -1px;\n\n        height: 1px;\n\n        background: #AC5549;\n\n        transform:\n            scaleX(0);\n\n        transition:\n            transform .3s ease;\n\n    }\n\n\n    #nureline-tabs-470735    .nureline-category-tab.active::after {\n\n        transform:\n            scaleX(1);\n\n    }\n\n\n    \/* =====================================================\n       PRODUCT PANEL\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-products {\n\n        display: none;\n\n        animation:\n            nurelineProductFade\n            .35s ease;\n\n    }\n\n\n    #nureline-tabs-470735    .nureline-category-products.active {\n\n        display: block;\n\n    }\n\n\n    @keyframes nurelineProductFade {\n\n        from {\n\n            opacity: 0;\n\n            transform:\n                translateY(8px);\n\n        }\n\n        to {\n\n            opacity: 1;\n\n            transform:\n                translateY(0);\n\n        }\n\n    }\n\n\n    \/* =====================================================\n       PRODUCT GRID\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-grid {\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(\n                4,\n                minmax(0,1fr)\n            );\n\n        gap:\n            38px\n            20px;\n\n        width: 100%;\n\n    }\n\n\n    \/* =====================================================\n       PRODUCT CARD\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-product {\n\n        position: relative;\n\n        display: block;\n\n        min-width: 0;\n\n        text-decoration: none !important;\n\n        color: #493832 !important;\n\n    }\n\n\n    \/* =====================================================\n       SQUARE IMAGE\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-image {\n\n        position: relative;\n\n        width: 100%;\n\n        aspect-ratio: 1 \/ 1;\n\n        overflow: hidden;\n\n        background:\n            #f5f0eb;\n\n    }\n\n\n    #nureline-tabs-470735    .nureline-category-image img {\n\n        display: block;\n\n        width: 100%;\n\n        height: 100%;\n\n        object-fit: cover;\n\n        transition:\n            transform\n            .7s\n            cubic-bezier(\n                .2,.6,.2,1\n            );\n\n    }\n\n\n    #nureline-tabs-470735    .nureline-category-product:hover\n    .nureline-category-image img {\n\n        transform:\n            scale(1.035);\n\n    }\n\n\n    \/* =====================================================\n       SALE BADGE\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-sale {\n\n        position: absolute;\n\n        top: 13px;\n\n        left: 13px;\n\n        z-index: 5;\n\n        padding:\n            7px\n            11px;\n\n        background:\n            #AC5549;\n\n        color:\n            #ffffff;\n\n        font-family:\n            Arial,\n            sans-serif;\n\n        font-size:\n            9px;\n\n        font-weight:\n            500;\n\n        letter-spacing:\n            .13em;\n\n        text-transform:\n            uppercase;\n\n    }\n\n\n    \/* =====================================================\n       OUT OF STOCK BADGE\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-stock {\n\n        position: absolute;\n\n        top: 13px;\n\n        left: 13px;\n\n        z-index: 5;\n\n        padding:\n            7px\n            11px;\n\n        background:\n            rgba(\n                73,\n                56,\n                50,\n                .90\n            );\n\n        color:\n            #ffffff;\n\n        font-family:\n            Arial,\n            sans-serif;\n\n        font-size:\n            9px;\n\n        font-weight:\n            500;\n\n        letter-spacing:\n            .12em;\n\n        text-transform:\n            uppercase;\n\n    }\n\n\n    \/* =====================================================\n       PRODUCT INFO\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-info {\n\n        padding:\n            15px\n            3px\n            0;\n\n        text-align:\n            center;\n\n    }\n\n\n    \/* =====================================================\n       PRODUCT NAME\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-name {\n\n        margin:\n            0\n            0\n            7px;\n\n        font-family:\n            \"Cormorant Garamond\",\n            Georgia,\n            serif;\n\n        font-size:\n            22px;\n\n        font-weight:\n            500;\n\n        line-height:\n            1.2;\n\n        color:\n            #493832;\n\n    }\n\n\n    \/* =====================================================\n       PRICE\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-price {\n\n        font-family:\n            \"Cormorant Garamond\",\n            Georgia,\n            serif;\n\n        font-size:\n            20px;\n\n        line-height:\n            1.2;\n\n        color:\n            #AC5549;\n\n    }\n\n\n    \/* =====================================================\n       REGULAR PRICE\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-price del {\n\n        margin-right:\n            7px;\n\n        color:\n            #aaa09b;\n\n        font-size:\n            17px;\n\n        text-decoration:\n            line-through;\n\n    }\n\n\n    \/* =====================================================\n       SALE PRICE\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-price ins {\n\n        color:\n            #AC5549;\n\n        font-weight:\n            600;\n\n        text-decoration:\n            none;\n\n    }\n\n\n    \/* =====================================================\n       EMPTY CATEGORY\n    ====================================================== *\/\n\n    #nureline-tabs-470735    .nureline-category-empty {\n\n        padding:\n            70px\n            20px;\n\n        text-align:\n            center;\n\n        font-size:\n            21px;\n\n        color:\n            #806e67;\n\n    }\n\n\n    \/* =====================================================\n       TABLET\n    ====================================================== *\/\n\n    @media (max-width: 1024px) {\n\n        #nureline-tabs-470735 {\n\n            padding-left:\n                15px;\n\n            padding-right:\n                15px;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-grid {\n\n            grid-template-columns:\n                repeat(\n                    3,\n                    minmax(0,1fr)\n                );\n\n            gap:\n                30px\n                14px;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-tab-list {\n\n            gap:\n                35px;\n\n            margin-bottom:\n                40px;\n\n        }\n\n    }\n\n\n    \/* =====================================================\n       MOBILE\n    ====================================================== *\/\n\n    @media (max-width: 767px) {\n\n        #nureline-tabs-470735 {\n\n            padding:\n                0\n                8px\n                50px;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-tab-list {\n\n            justify-content:\n                center;\n\n            gap:\n                24px;\n\n            margin-bottom:\n                30px;\n\n            overflow-x:\n                auto;\n\n            scrollbar-width:\n                none;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-tab-list::-webkit-scrollbar {\n\n            display:\n                none;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-tab {\n\n            flex:\n                0 0 auto;\n\n            font-size:\n                21px;\n\n            padding-bottom:\n                12px;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-grid {\n\n            grid-template-columns:\n                repeat(\n                    2,\n                    minmax(0,1fr)\n                );\n\n            gap:\n                30px\n                9px;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-name {\n\n            font-size:\n                19px;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-price {\n\n            font-size:\n                18px;\n\n            color:\n                #AC5549;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-price ins {\n\n            color:\n                #AC5549;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-sale,\n\n        #nureline-tabs-470735        .nureline-category-stock {\n\n            top:\n                9px;\n\n            left:\n                9px;\n\n            padding:\n                5px\n                8px;\n\n            font-size:\n                8px;\n\n        }\n\n    }\n\n\n    \/* =====================================================\n       VERY SMALL PHONES\n    ====================================================== *\/\n\n    @media (max-width: 400px) {\n\n        #nureline-tabs-470735        .nureline-category-tab {\n\n            font-size:\n                19px;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-tab-list {\n\n            gap:\n                20px;\n\n        }\n\n\n        #nureline-tabs-470735        .nureline-category-grid {\n\n            gap:\n                25px\n                7px;\n\n        }\n\n    }\n\n    <\/style>\n\n\n    <!-- =====================================================\n         JAVASCRIPT\n    ====================================================== -->\n\n    <script>\n\n    document.addEventListener(\n        \"DOMContentLoaded\",\n        function () {\n\n            const wrapper =\n                document.getElementById(\n                    \"nureline-tabs-470735\"\n                );\n\n\n            if ( ! wrapper ) {\n                return;\n            }\n\n\n            const tabs =\n                wrapper.querySelectorAll(\n                    \".nureline-category-tab\"\n                );\n\n\n            const panels =\n                wrapper.querySelectorAll(\n                    \".nureline-category-products\"\n                );\n\n\n            tabs.forEach(\n                function ( tab ) {\n\n                    tab.addEventListener(\n                        \"click\",\n                        function () {\n\n                            const target =\n                                tab.getAttribute(\n                                    \"data-panel\"\n                                );\n\n\n                            \/* Remove active *\/\n\n                            tabs.forEach(\n                                function ( item ) {\n\n                                    item.classList.remove(\n                                        \"active\"\n                                    );\n\n                                    item.setAttribute(\n                                        \"aria-selected\",\n                                        \"false\"\n                                    );\n\n                                }\n                            );\n\n\n                            panels.forEach(\n                                function ( panel ) {\n\n                                    panel.classList.remove(\n                                        \"active\"\n                                    );\n\n                                }\n                            );\n\n\n                            \/* Add active *\/\n\n                            tab.classList.add(\n                                \"active\"\n                            );\n\n                            tab.setAttribute(\n                                \"aria-selected\",\n                                \"true\"\n                            );\n\n\n                            const selected =\n                                wrapper.querySelector(\n                                    \"#\" + target\n                                );\n\n\n                            if ( selected ) {\n\n                                selected.classList.add(\n                                    \"active\"\n                                );\n\n                            }\n\n                        }\n                    );\n\n                }\n            );\n\n        }\n    );\n\n    <\/script>\n\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-987513414","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nureline.com\/ar\/wp-json\/wp\/v2\/pages\/987513414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nureline.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nureline.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nureline.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nureline.com\/ar\/wp-json\/wp\/v2\/comments?post=987513414"}],"version-history":[{"count":7,"href":"https:\/\/nureline.com\/ar\/wp-json\/wp\/v2\/pages\/987513414\/revisions"}],"predecessor-version":[{"id":987513422,"href":"https:\/\/nureline.com\/ar\/wp-json\/wp\/v2\/pages\/987513414\/revisions\/987513422"}],"wp:attachment":[{"href":"https:\/\/nureline.com\/ar\/wp-json\/wp\/v2\/media?parent=987513414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}