{"id":4648,"date":"2025-10-14T05:59:34","date_gmt":"2025-10-14T05:59:34","guid":{"rendered":"https:\/\/marble.nafiss.net\/?page_id=4648"},"modified":"2025-10-16T08:10:52","modified_gmt":"2025-10-16T08:10:52","slug":"elegant-uni","status":"publish","type":"page","link":"https:\/\/q-ceramic.com\/ar\/elegant-uni\/","title":{"rendered":"\u0627\u0644\u064a\u062c\u0627\u0646\u062a \u064a\u0648\u0646\u064a"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div  class=\"vc_row wpb_row vc_row-fluid vc_custom_1550601539825 vc_row-o-equal-height vc_row-flex\"><div class=\"full_width\"><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1760419095717\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 32px;min-height:400px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6 vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1553289769443\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 90px;min-height:40px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<h6 style=\"color: #ffffff;text-align: left\" class=\"vc_custom_heading vc_do_custom_heading tin vc_custom_1760418949500\" >\u0627\u0644\u064a\u062c\u0627\u0646\u062a \u064a\u0648\u0646\u064a<\/h6><div class=\"sep_iner\"><div class=\"up_separator wpb_animate_when_almost_visible wpb_appear appear sep_border\" style=\"margin-top:15px;margin-bottom:15px;width:62px;border-color:#d5ac63;border-width:3px;\"><\/div><\/div><h2 style=\"color: #ffffff;text-align: left\" class=\"vc_custom_heading vc_do_custom_heading tin vc_custom_1760418961780\" >\u0627\u0644\u0628\u0633\u0627\u0637\u0629 \u0641\u064a \u0645\u062a\u0646\u0627\u0648\u0644 \u064a\u062f\u0643<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"color: #ffffff;\">\u0628\u0644\u0627\u0637 \u064a\u0648\u0646\u064a \u0627\u0644\u0623\u0646\u064a\u0642\u060c \u0627\u0644\u0623\u0646\u064a\u0642\u060c \u0627\u0644\u0645\u062a\u0642\u0646\u060c \u0645\u0635\u0645\u0645 \u0644\u0645\u0646 \u064a\u0624\u0645\u0646\u0648\u0646 \u0628\u0623\u0646 \u0627\u0644\u0628\u0633\u0627\u0637\u0629 \u0647\u064a \u0627\u0644\u0623\u062c\u0645\u0644. \u062e\u0637\u0648\u0637\u0647 \u0627\u0644\u0646\u0638\u064a\u0641\u0629\u060c \u0648\u0623\u0633\u0637\u062d\u0647 \u0627\u0644\u0646\u0627\u0639\u0645\u0629\u060c \u0648\u062a\u0634\u0637\u064a\u0628\u0647 \u0627\u0644\u0645\u0648\u062d\u062f\u060c \u062a\u062c\u0639\u0644 \u0645\u062c\u0645\u0648\u0639\u062a\u0647 \u062c\u0648\u0647\u0631 \u0627\u0644\u0628\u0633\u0627\u0637\u0629 \u0627\u0644\u0639\u0635\u0631\u064a\u0629\u060c \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u062a\u0635\u0645\u064a\u0645 \u062f\u064a\u0643\u0648\u0631\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629 \u0647\u0627\u062f\u0626\u0629 \u0648\u0645\u062a\u0645\u0627\u0633\u0643\u0629 \u0648\u0631\u0627\u0642\u064a\u0629.<\/p>\n<p style=\"color: #ffffff;\">\u062a\u064f\u0642\u062f\u0651\u0645 \"\u0625\u064a\u0644\u064a\u062c\u0627\u0646\u062a \u064a\u0648\u0646\u064a\" \u0627\u0644\u0623\u0633\u0627\u0633 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0644\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a\u060c \u0645\u0646 \u062d\u0645\u0627\u0645\u0627\u062a \u0627\u0644\u0633\u0628\u0627 \u0627\u0644\u0647\u0627\u062f\u0626\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0623\u0646\u064a\u0642\u0629\u060c \u0648\u062d\u062a\u0649 \u0627\u0644\u0645\u0646\u0627\u0632\u0644 \u0627\u0644\u0639\u0635\u0631\u064a\u0629 \u0627\u0644\u0641\u0627\u062e\u0631\u0629. \u062a\u064f\u0636\u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0628\u0644\u0627\u0637\u0627\u062a \u0628\u0633\u0627\u0637\u0629\u064b \u0631\u0627\u0642\u064a\u0629 \u0628\u0644\u0645\u0633\u0629 \u0646\u0647\u0627\u0626\u064a\u0629 \u0645\u062b\u0627\u0644\u064a\u0629\u060c \u0648\u0647\u064a \u0645\u062a\u0648\u0641\u0631\u0629 \u0628\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0645\u062d\u0627\u064a\u062f\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u0635\u0631\u0629.<\/p>\n<p style=\"color: #ffffff;\">\u0635\u064f\u0645\u0645\u062a \u0628\u0644\u0627\u0637\u0627\u062a \u0627\u0644\u064a\u062c\u0627\u0646\u062a \u064a\u0648\u0646\u064a \u0644\u0625\u0636\u0641\u0627\u0621 \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u0636\u064a\u0627\u062a \u0648\u0627\u0644\u062c\u062f\u0631\u0627\u0646\u060c \u0648\u062a\u064f\u0636\u0641\u064a \u0644\u0645\u0633\u0629\u064b \u0645\u0646 \u0627\u0644\u0623\u0646\u0627\u0642\u0629 \u0627\u0644\u0647\u0627\u062f\u0626\u0629 \u0639\u0644\u0649 \u0623\u064a \u0645\u0633\u0627\u062d\u0629. \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0623\u0648 \u0627\u0644\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0628\u0633\u064a\u0637\u0629\u060c \u062d\u064a\u062b \u062a\u064f\u0636\u0641\u064a \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0648\u0627\u0644\u062a\u0646\u0627\u063a\u0645 \u0648\u0627\u0644\u0641\u062e\u0627\u0645\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0639\u0644\u0649 \u0643\u0644 \u062a\u0635\u0645\u064a\u0645.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 90px;min-height:55px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid vc_custom_1760345794917\"><div class=\"vc_container\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n\/* Base image container for smooth transition (using a class) *\/\n.tile-image {\n    \/* Add smooth transitions for the visual properties *\/\n    transition: transform 0.3s ease-in-out;\n}\n\n\/* Image Container Hover: slightly zoom the image *\/\n.tile-item:hover .tile-image {\n    transform: scale(1.05); \/* Scales up the image by 5% *\/\n}\n\n\/* Base style for the item wrapper (optional: adds a subtle box-shadow for depth) *\/\n.tile-item {\n    transition: box-shadow 0.3s ease-in-out;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); \/* Subtle initial shadow *\/\n    overflow: hidden; \/* Ensures the scaled image stays within the bounds *\/\n    border-radius: 5px; \/* Added for smoother visual of the shadow *\/\n}\n\n\/* Item Wrapper Hover: add a stronger shadow for \"lift\" effect *\/\n.tile-item:hover {\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); \/* Stronger shadow on hover *\/\n}\n<\/style>\n\n<div style=\"font-family: Arial, sans-serif; max-width: 1200px; margin: 0 auto;\">\n\n    <h1 style=\"text-align: center; color: #581d33; border-bottom: 2px solid #ccc; padding-bottom: 10px; margin-bottom: 30px; font-size: 25px;\">\n        \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a\n    <\/h1>\n<\/div>\n\n    <h2 style=\"color: #581d33; font-size: 1.2em; margin-top: 30px; border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 20px;\">\n        \u0639\u0627\u062c\u064a\n    <\/h2>\n    <div style=\"display: flex; gap: 20px; flex-wrap: nowrap; align-items: flex-end; margin-bottom: 40px;\">\n        <div class=\"tile-item\" style=\"flex: 1 1 350px; min-width: 250px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/ivory12.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">60 x 120 cm rect. 10 mm<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"tile-item\" style=\"flex: 1 1 250px; min-width: 150px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/ivory22.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">60 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"tile-item\" style=\"flex: 0 0 100px; min-width: 150px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/ivory32.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">30 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <h2 style=\"color: #581d33; font-size: 1.2em; margin-top: 30px; border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 20px;\">\n        \u0627\u0628\u064a\u0636\n    <\/h2>\n    <div style=\"display: flex; gap: 20px; flex-wrap: nowrap; align-items: flex-end; margin-bottom: 40px;\">\n        <div class=\"tile-item\" style=\"flex: 1 1 350px; min-width: 250px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/white11.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">60 x 120 cm rect. 10 mm<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"tile-item\" style=\"flex: 1 1 250px; min-width: 150px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/white21.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">60 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"tile-item\" style=\"flex: 0 0 100px; min-width: 150px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/white31.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">30 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n    <h2 style=\"color: #581d33; font-size: 1.2em; margin-top: 30px; border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 20px;\">\n        \u0631\u0645\u0627\u062f\u064a \u0641\u0627\u062a\u062d\n    <\/h2>\n    <div style=\"display: flex; gap: 20px; flex-wrap: nowrap; align-items: flex-end; margin-bottom: 40px;\">\n        <div class=\"tile-item\" style=\"flex: 1 1 350px; min-width: 250px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/lightgrey12.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">60 x 120 cm rect. 10 mm<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"tile-item\" style=\"flex: 1 1 250px; min-width: 150px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/lightgrey22.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">60 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"tile-item\" style=\"flex: 0 0 100px; min-width: 150px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/lightgrey32.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">30 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <h2 style=\"color: #581d33; font-size: 1.2em; margin-top: 30px; border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 20px;\">\n        \u0631\u0645\u0627\u062f\u064a\n    <\/h2>\n    <div style=\"display: flex; gap: 20px; flex-wrap: nowrap; align-items: flex-end; margin-bottom: 40px;\">\n        <div class=\"tile-item\" style=\"flex: 1 1 350px; min-width: 250px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/grey13.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n               <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">60 x 120 cm rect. 10 mm<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"tile-item\" style=\"flex: 1 1 250px; min-width: 150px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/grey23.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">60 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"tile-item\" style=\"flex: 0 0 100px; min-width: 150px; background-color: #fff;\">\n            <div class=\"tile-image\" style=\"height: 130px; background-image: url('https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/grey33.jpeg'); background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #ddd; border-bottom: none;\"><\/div>\n            <div style=\"display: flex; justify-content: center; align-items: center; height: 40px;\">\n                <p style=\"text-align: center; font-size: 0.9em; color: #581d33; margin: 0; line-height: 15px;\">30 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid\"><div class=\"vc_container\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    \/* Custom configuration for the color approximating the maroon\/berry text in the image *\/\n    :root {\n        --decor-color: #8b0000; \/* Dark Crimson *\/\n        --light-gray: #f3f4f6; \/* Equivalent to gray-100 *\/\n    }\n    \/* Custom font import for a clean look *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\n\n    \/* Global styles for the wrapper to center the main content *\/\n    .body-wrapper {\n        display: flex; \/* Makes it a flex container *\/\n        justify-content: center; \/* Centers the child (main-content) horizontally *\/\n        width: 100%; \/* Ensures it takes full width to enable centering *\/\n        min-height: 100%; \/* Optional: ensures it fills the viewport height *\/\n        box-sizing: border-box; \/* Includes padding and border in the element's total width and height *\/\n        font-family: 'Inter', sans-serif;\n    }\n\n    \/* Equivalent to the main content container classes *\/\n    .main-content {\n        display: flex; \/* flex *\/\n        flex-direction: column; \/* flex-col *\/\n        gap: 4rem; \/* gap-16 *\/\n        max-width: 56rem; \/* max-w-4xl *\/\n        width: 100%; \/* w-full *\/\n        padding-top: 4rem; \/* pt-16 *\/\n        \/*\n          The main-content is now centered by the .body-wrapper's 'justify-content: center;'.\n          We do not need margin: 0 auto; here because the parent is using flex-box centering.\n        *\/\n    }\n\n    \/* Responsive styles for screens larger than 640px (sm) *\/\n    @media (min-width: 640px) {\n\n        .main-content {\n            flex-direction: row; \/* sm:flex-row *\/\n            gap: 6rem; \/* sm:gap-24 *\/\n        }\n    }\n\n    .decor-card {\n        display: flex;\n        flex-direction: column;\n        align-items: center; \/* items-center *\/\n        width: 100%; \/* w-full *\/\n    }\n\n    @media (min-width: 640px) {\n        .decor-card {\n            width: 50%; \/* sm:w-1\/2 *\/\n        }\n    }\n\n    .decor-title {\n        font-size: 1.25rem; \/* text-xl *\/\n        font-weight: 600; \/* font-semibold *\/\n        margin-bottom: 1.5rem; \/* mb-6 *\/\n        text-transform: uppercase; \/* uppercase *\/\n        letter-spacing: 0.1em; \/* tracking-widest *\/\n        color: var(--decor-color);\n    }\n\n    .tile-wrapper {\n        \/* Widths: w-56 (14rem) for mobile, sm:w-64 (16rem) for desktop *\/\n        width: 14rem;\n        max-width: 100%; \/* max-w-full *\/\n        border-radius: 0.5rem; \/* rounded-lg *\/\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); \/* shadow-2xl *\/\n        overflow: hidden; \/* overflow-hidden *\/\n        transition: transform 300ms ease-in-out; \/* transition duration-300 *\/\n    }\n\n    @media (min-width: 640px) {\n        .tile-wrapper {\n            width: 16rem;\n        }\n    }\n\n    .tile-wrapper:hover {\n        transform: scale(1.01); \/* hover:scale-[1.01] *\/\n    }\n\n    .tile-image {\n        width: 100%; \/* w-full *\/\n        height: auto; \/* h-auto *\/\n        object-fit: cover; \/* object-cover *\/\n        border: 2px solid var(--light-gray); \/* border-2 border-gray-100 *\/\n    }\n\n    .tile-details {\n        margin-top: 1rem; \/* mt-4 *\/\n        text-align: center; \/* text-center *\/\n        font-size: 14px; \/* text-sm *\/\n        font-weight: 500; \/* font-medium *\/\n        color: var(--decor-color);\n    }\n\n    .tile-details .bold-text {\n        margin-top: 0.125rem; \/* mt-0.5 *\/\n        font-weight: 700; \/* font-bold *\/\n    }\n<\/style>\n<div class=\"body-wrapper\">\n    <div class=\"main-content\">\n\n        <div class=\"decor-card\">\n            <h2 class=\"decor-title\">\n                \u062f\u064a\u0643\u0648\u0631 1\n            <\/h2>\n            <div class=\"tile-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/decor22.jpeg\"\n                    alt=\"Decor 1 - Light, subtle herringbone pattern tile.\"\n                    class=\"tile-image\">\n            <\/div>\n            <div class=\"tile-details\">\n                <p>30 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"decor-card\">\n            <h2 class=\"decor-title\">\n                \u062f\u064a\u0643\u0648\u0631 2\n            <\/h2>\n            <div class=\"tile-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/marble.nafiss.net\/wp-content\/uploads\/2025\/10\/decor12.jpeg\"\n                    alt=\"Decor 2 - Brown, beige, and white geometric retro pattern tile.\"\n                    class=\"tile-image\">\n            <\/div>\n            <div class=\"tile-details\">\n                <p>30 x 60 cm rect. 9 mm<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t    <style>\n        .table_component {\n            overflow-x: auto; \/* Changed to overflow-x for horizontal scrolling on small screens *\/\n            width: 100%;\n            border-radius: 0.5rem; \/* Rounded corners for the container *\/\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n        }\n\n        .table_component table {\n            border: 1px solid transparent;\n            height: 100%;\n            min-width: 600px;\n            width: 100%;\n            table-layout: auto;\n            border-collapse: collapse;\n            border-spacing: 1px;\n            text-align: center; \/* Already centered, but retained *\/\n        }\n\n        .table_component caption {\n            caption-side: top;\n            text-align: center;\n            font-size: 1.25rem;\n            font-weight: 700;\n            padding: 10px 0;\n            color: #581d33;\n        }\n\n        \/* Explicitly center TH content *\/\n        .table_component th {\n            border: 1px solid transparent;\n            background-color: #eceff1;\n            color: #581d33;\n            padding: 10px;\n            font-weight: 600;\n            text-align: center; \/* Ensures text is centered *\/\n        }\n\n        \/* Explicitly center TD content *\/\n        .table_component td {\n            border: 1px solid transparent;\n            background-color: #ffffff;\n            color: #000000;\n            padding: 10px;\n            transition: background-color 0.2s ease;\n            text-align: center; \/* Ensures text is centered *\/\n        }\n        \n        \/* Styles for Row Hover Effect *\/\n        .table_component tbody tr:hover {\n            cursor: pointer;\n        }\n\n        .table_component tbody tr:hover td {\n            background-color: #f0f0f0; \/* Change background color on hover *\/\n        }\n        \/* End Styles for Row Hover Effect *\/\n\n    <\/style>\n<body class=\"\">\n\n    <div style=\"font-family: 'Inter', sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px;\">\n        <h1 style=\"text-align: center; color: #581d33; border-bottom: 2px solid #ccc; padding-bottom: 10px; margin-bottom: 30px; font-size: 25px; font-weight: 700;\">\n            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u063a\u0644\u064a\u0641\n        <\/h1>\n\n        <!-- The main table component -->\n        <div class=\"table_component\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Size<\/th>\n                        <th>Thickness<\/th>\n                        <th>Finish<\/th>\n                        <th>Pcs\/Box<\/th>\n                        <th>Msq\/Box<\/th>\n                        <th>Kg\/Box<\/th>\n                        <th>Box\/Pallet<\/th>\n                        <th>Msq\/Pallet<\/th>\n                        <th>Kg\/Pallet<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td>30 x 60<\/td>\n                        <td>9mm<\/td>\n                        <td>Matt<\/td>\n                        <td>8<\/td>\n                        <td>1.44<\/td>\n                        <td>27.94<\/td>\n                        <td>48<\/td>\n                        <td>69.12<\/td>\n                        <td>1341.12<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>60 x 60<\/td>\n                        <td>9mm<\/td>\n                        <td>Matt<\/td>\n                        <td>4<\/td>\n                        <td>1.44<\/td>\n                        <td>27.94<\/td>\n                        <td>30<\/td>\n                        <td>43.2<\/td>\n                        <td>838.2<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>60 x 120<\/td>\n                        <td>10mm<\/td>\n                        <td>Matt<\/td>\n                        <td>2<\/td>\n                        <td>1.44<\/td>\n                        <td>32<\/td>\n                        <td>28<\/td>\n                        <td>40.32<\/td>\n                        <td>914.5<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n        <!-- End of table component -->\n\n    <\/div>\n\n<\/body>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div  class=\"vc_row wpb_row vc_row-fluid shadow vc_custom_1553100935990\"><div class=\"vc_container\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 70px;min-height:35px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<h2 style=\"color: #ffffff;text-align: center\" class=\"vc_custom_heading vc_do_custom_heading tin vc_custom_1754905990327\" >\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0643\u064a\u0648 \u0633\u064a\u0631\u0627\u0645\u064a\u0643 \u0623\u0646 \u064a\u0631\u062a\u0642\u064a<br \/>\n\u0628\u0645\u0634\u0631\u0648\u0639\u0643 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0627\u0644\u064a<\/h2><h3 style=\"font-size: 21px;color: #bdbdbd;line-height: 28px;text-align: center\" class=\"vc_custom_heading vc_do_custom_heading\" >\u0623\u0646\u062a \u062a\u062d\u0644\u0645\u060c \u0648\u0646\u062d\u0646 \u0646\u0635\u0645\u0645<\/h3><div class=\"vc_empty_space\"   style=\"height: 15px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<div class=\"upbtnposition\" style=\"text-align:center\" ><a class=\"up-button  up_btn-s\" title=\"\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b\" href=\"\/ar\/schedule-a-chat\/\" style='color:#ffffff;background:#4f1028;border-color:#ffffff;'><span>\u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0627\u064b<span class=\"icon_divider\"><\/span> <i class=\"fa fa-calendar\" style=\"padding-left: 14px;\"><\/i><\/span><\/a><\/div>\n<div class=\"vc_empty_space\"   style=\"height: 77px;min-height:50px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Elegant UniMinimalism at Your Fingertips Sleek. Seamless. Sophisticated. Elegant Uni tiles are designed for those who believe less truly is more. Its clean lines, smooth surfaces, and a uniform finish make his collection the essence of modern minimalism \u2013 perfect for creating calm, cohesive, and upscale interiors. Elegant Uni offers the perfect foundation for every kind of space - from a serene spa bathroom to a polished corporate office and even a modern luxe home. These tiles deliver refined simplicity with a flawless finish and are available in a versatile range of neutral and contemporary colors. Crafted to create a &hellip; <a href=\"https:\/\/q-ceramic.com\/ar\/elegant-uni\/\">Continued<\/a>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-4648","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/pages\/4648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/comments?post=4648"}],"version-history":[{"count":7,"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/pages\/4648\/revisions"}],"predecessor-version":[{"id":4959,"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/pages\/4648\/revisions\/4959"}],"wp:attachment":[{"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/media?parent=4648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}