{"id":4551,"date":"2025-10-13T12:10:34","date_gmt":"2025-10-13T12:10:34","guid":{"rendered":"https:\/\/marble.nafiss.net\/?page_id=4551"},"modified":"2025-10-16T08:10:27","modified_gmt":"2025-10-16T08:10:27","slug":"ardesia","status":"publish","type":"page","link":"https:\/\/q-ceramic.com\/ar\/ardesia\/","title":{"rendered":"ardesia"},"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_1760352301420\"><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_1760352322100\" >\u0623\u0631\u062f\u064a\u0633\u064a\u0627<\/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_1760352344003\" >\u0623\u0646\u0627\u0642\u0629 \u0623\u0628\u062f\u064a\u0629 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0645\u0633\u062a\u0648\u062d\u0649 \u0645\u0646 \u0627\u0644\u0623\u0631\u062f\u0648\u0627\u0632<\/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;\">\u0623\u0636\u0641 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u063a\u0646\u064a \u0644\u0644\u062d\u062c\u0631 \u0627\u0644\u0623\u0631\u062f\u0648\u0627\u0632\u064a \u0627\u0644\u0625\u064a\u0637\u0627\u0644\u064a \u0625\u0644\u0649 \u0645\u0633\u0627\u062d\u062a\u0643 \u0645\u0639 Ardesia\u060c \u0648\u0647\u064a \u062a\u062d\u0641\u0629 \u0641\u0646\u064a\u0629 \u0645\u0633\u062a\u0648\u062d\u0627\u0629 \u0645\u0646 \u0627\u0644\u062d\u062c\u0631 \u0627\u0644\u0623\u0631\u062f\u0648\u0627\u0632\u064a \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0642\u0648\u0627\u0645 \u0627\u0644\u062c\u0631\u064a\u0621 \u0648\u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u063a\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0646\u0629 \u0627\u0644\u062a\u064a \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647\u0627.<\/p>\n<p style=\"color: #ffffff;\">\u0644\u0642\u0631\u0648\u0646\u060c \u0639\u064f\u0631\u0641 \u0627\u0644\u0623\u0631\u062f\u0648\u0627\u0632 \u0627\u0644\u0625\u064a\u0637\u0627\u0644\u064a \u0628\u062c\u0645\u0627\u0644\u0647 \u0627\u0644\u062e\u0627\u0645 \u0648\u0645\u0631\u0648\u0646\u062a\u0647. \u0645\u0639 \u0623\u0631\u062f\u064a\u0633\u064a\u0627\u060c \u0646\u064f\u062c\u0633\u0651\u062f \u0647\u0630\u0627 \u0627\u0644\u062c\u0648\u0647\u0631 \u0641\u064a \u0628\u0644\u0627\u0637\u0629 \u0645\u0635\u0646\u0648\u0639\u0629 \u0644\u062a\u062f\u0648\u0645 \u0637\u0648\u064a\u0644\u064b\u0627 \u0648\u0645\u064f\u0635\u0645\u0645\u0629 \u0644\u062a\u064f\u0628\u0647\u0631. \u0645\u0644\u0645\u0633\u0647\u0627 \u0627\u0644\u0646\u0627\u0639\u0645 \u0648\u062a\u0646\u0648\u0639 \u0623\u0644\u0648\u0627\u0646\u0647\u0627 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 - \u0627\u0644\u0631\u0645\u0627\u062f\u064a \u0627\u0644\u062f\u0627\u0643\u0646\u060c \u0648\u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u0647\u0627\u062f\u0626\u060c \u0648\u0627\u0644\u0623\u062e\u0636\u0631 \u0627\u0644\u062a\u0631\u0627\u0628\u064a\u060c \u0648\u0627\u0644\u0623\u0631\u062c\u0648\u0627\u0646\u064a \u0627\u0644\u0631\u0642\u064a\u0642 - \u062a\u064f\u0636\u0641\u064a \u0645\u0638\u0647\u0631\u064b\u0627 \u0631\u0627\u0642\u064a\u064b\u0627 \u0648\u0637\u0628\u064a\u0639\u064a\u064b\u0627 \u0641\u064a \u0622\u0646 \u0648\u0627\u062d\u062f.<\/p>\n<p style=\"color: #ffffff;\">\u0645\u0642\u0627\u0648\u0645\u0629 \u0644\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062c\u0648\u064a\u0629\u061f \u0646\u0639\u0645. \u0633\u0647\u0644\u0629 \u0627\u0644\u0635\u064a\u0627\u0646\u0629\u061f \u0628\u0627\u0644\u062a\u0623\u0643\u064a\u062f. \u0631\u0627\u0626\u0639\u0629\u061f \u0628\u0644\u0627 \u0634\u0643. \u0645\u0646 \u0627\u0644\u0623\u0631\u0636\u064a\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u062c\u062f\u0631\u0627\u0646 \u0627\u0644\u0645\u0645\u064a\u0632\u0629 \u0648\u0627\u0644\u0628\u0627\u062d\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629\u060c \u062a\u064f\u0636\u0641\u064a \u0623\u0631\u062f\u064a\u0633\u064a\u0627 \u0625\u0631\u062b\u064b\u0627 \u0639\u0631\u064a\u0642\u064b\u0627 \u0645\u0646 \u0627\u0644\u062d\u0631\u0641\u064a\u0629 \u0627\u0644\u0625\u064a\u0637\u0627\u0644\u064a\u0629 \u0639\u0644\u0649 \u0623\u064a \u0645\u0643\u0627\u0646.<\/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\/ivory1.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\/ivory2.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\/ivory3.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\/white1.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\/white2.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\/white3.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        \u0628\u064a\u062c\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\/beige12.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\/beige22.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\/beige32.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\/grey12.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\/grey22.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\/grey32.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 \u062f\u0627\u0643\u0646\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\/darkgrey11.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\/darkgrey21.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\/darkgrey31.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\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\/decor2.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\/decor1.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":"ArdesiaEternal Elegance in Slate-Inspired Design Bring the rich heritage of Italian slate stone into your space with Ardesia, a slate-inspired masterpiece that blends bold textures, rich colors, and unmatched durability. For centuries, Italian slate has been prized for its raw beauty and resilience. With Ardesia, we capture that essence in a tile that\u2019s built to last and designed to impress. Its fine-grained textures and natural color variations\u2014deep greys, cool blues, earthy greens, and subtle purples\u2014create a look that\u2019s both sophisticated and organic. Weather-resistant? Check. Easy to maintain? Absolutely. Stunning? Without a doubt. From flooring to feature walls and outdoor patios, &hellip; <a href=\"https:\/\/q-ceramic.com\/ar\/ardesia\/\">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-4551","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/pages\/4551","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=4551"}],"version-history":[{"count":14,"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/pages\/4551\/revisions"}],"predecessor-version":[{"id":4956,"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/pages\/4551\/revisions\/4956"}],"wp:attachment":[{"href":"https:\/\/q-ceramic.com\/ar\/wp-json\/wp\/v2\/media?parent=4551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}