.elementor-1455 .elementor-element.elementor-element-6d259ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1455 .elementor-element.elementor-element-56dfef4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;}.elementor-1455 .elementor-element.elementor-element-56dfef4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1455 .elementor-element.elementor-element-42abbee img{border-radius:16px 16px 16px 16px;}.elementor-1455 .elementor-element.elementor-element-1fa3293{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1455 .elementor-element.elementor-element-cd84728{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1455 .elementor-element.elementor-element-1c2b773{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-1455 .elementor-element.elementor-element-a12da1e > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1455 .elementor-element.elementor-element-f99fd80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1455 .elementor-element.elementor-element-f99fd80.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1455 .elementor-element.elementor-element-f99fd80 .elementor-tab-title{border-width:0px;background-color:#E9E9E9;padding:20px 20px 20px 20px;}.elementor-1455 .elementor-element.elementor-element-f99fd80 .elementor-tab-content{border-width:0px;background-color:#F5F5F5;padding:20px 20px 0px 20px;}.elementor-1455 .elementor-element.elementor-element-f99fd80 .elementor-toggle-item:not(:last-child){margin-block-end:20px;}.elementor-1455 .elementor-element.elementor-element-f99fd80 .elementor-toggle-title{font-family:var( --e-global-typography-fd78c8f-font-family ), Sans-serif;font-size:var( --e-global-typography-fd78c8f-font-size );font-weight:var( --e-global-typography-fd78c8f-font-weight );line-height:var( --e-global-typography-fd78c8f-line-height );}.elementor-1455 .elementor-element.elementor-element-5ad4028{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-1455 .elementor-element.elementor-element-6d259ba{--content-width:1600px;}.elementor-1455 .elementor-element.elementor-element-56dfef4{--width:95.995%;}}@media(max-width:1024px){.elementor-1455 .elementor-element.elementor-element-1c2b773{margin:-6px -6px calc(var(--kit-widget-spacing, 0px) + -6px) -6px;}.elementor-1455 .elementor-element.elementor-element-f99fd80 .elementor-toggle-title{font-size:var( --e-global-typography-fd78c8f-font-size );line-height:var( --e-global-typography-fd78c8f-line-height );}}@media(max-width:767px){.elementor-1455 .elementor-element.elementor-element-1c2b773{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1455 .elementor-element.elementor-element-a12da1e > .elementor-element-populated{margin:-37px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1455 .elementor-element.elementor-element-f99fd80 .elementor-toggle-title{font-size:var( --e-global-typography-fd78c8f-font-size );line-height:var( --e-global-typography-fd78c8f-line-height );}}/* Start custom CSS for container, class: .elementor-element-6d259ba *//* =========================================================
   Tile Guide – Professional Editorial Styling
   Apply by adding class "tile-guide" to the Section/Container
   ========================================================= */

/* Container */
.tile-guide{
  max-width: 900px;
  margin: 0 auto;
  padding: 30px 0px;
  color: #111827;
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Better rhythm (global spacing) */
.tile-guide p{
  margin: 0 0 16px 0;
}

.tile-guide p + p{
  margin-top: 10px;
}

.tile-guide ul,
.tile-guide ol{
  margin: 12px 0 18px 0;
  padding-left: 20px;
}

.tile-guide li{
  margin: 9px 0;
}

/* Headings */
.tile-guide h1,
.tile-guide h2,
.tile-guide h3,
.tile-guide h4{
  color: #0b1220;
  letter-spacing: -0.25px;
  margin: 0;
}

/* H1 – hero title */
.tile-guide h1{
  font-size: clamp(30px, 3.4vw, 44px);
  line-height: 1.12;
  margin-bottom: 14px;
}

/* Subtle “deck” effect for the first paragraphs */
.tile-guide h1 + h2{
  margin-top: 26px;
}

/* H2 – strong section header with elegant divider */
.tile-guide h2{
  font-size: clamp(20px, 2.2vw, 27px);
  line-height: 1.25;
  margin-top: 42px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.12);
  position: relative;
}

/* Accent bar under H2 */
.tile-guide h2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 72px;
  height: 3px;
  background: rgba(15, 23, 42, 0.28);
  border-radius: 999px;
}

/* H3 – readable subhead */
.tile-guide h3{
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.35;
  margin-top: 22px;
  margin-bottom: 8px;
}

/* H4 – optional, subtle */
.tile-guide h4{
  font-size: 16px;
  line-height: 1.45;
  margin-top: 16px;
  margin-bottom: 6px;
  color: rgba(11, 18, 32, 0.92);
}

/* Links – clean + professional */
.tile-guide a{
  color: #0b1220;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(11, 18, 32, 0.35);
}

.tile-guide a:hover{
  text-decoration-color: rgba(11, 18, 32, 0.75);
}

/* Section “cards” effect (no HTML change required)
   This visually groups content under each H2. */
.tile-guide h2{
  scroll-margin-top: 110px; /* nice for anchor jumps */
}

/* We can't select "all until next h2" in pure CSS,
   but we can still create a premium feel by styling the
   first paragraph after each H2 and tightening spacing. */
.tile-guide h2 + p{
  margin-top: 10px;
  font-size: 18px;
}

/* Add subtle emphasis to important paragraphs (optional)
   If you wrap a paragraph like: <p class="lead">...</p> */
.tile-guide .lead{
  font-size: 19px;
  line-height: 1.85;
  color: rgba(17, 24, 39, 0.95);
}

/* Contractor note callout (optional)
   Use: <div class="pro-tip"><p>...</p></div> */
.tile-guide .pro-tip{
  margin: 18px 0 18px 0;
  padding: 14px 14px;
  background: rgba(15, 23, 42, 0.03);
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-left: 4px solid rgba(15, 23, 42, 0.30);
  border-radius: 12px;
}

.tile-guide .pro-tip p{
  margin: 0;
}

/* Checklist styling (targets the last checklist UL naturally)
   If you only have one UL in the article, it will apply to it.
   If you have multiple ULs, see note below. */
.tile-guide ul{
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(15, 23, 42, 0.02);
  border-radius: 14px;
  padding: 14px 18px 14px 36px;
}

/* List bullet polish */
.tile-guide ul li::marker{
  color: rgba(15, 23, 42, 0.55);
}

/* Optional: If you add <h2>Tile Selection Checklist</h2> before the UL,
   we can make that specific UL look even better. */
.tile-guide h2 + ul{
  margin-top: 14px;
}

/* Images inside article */
.tile-guide img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  margin: 18px 0;
}

/* Subtle separators without being loud */
.tile-guide hr{
  border: none;
  border-top: 1px solid rgba(15, 23, 42, 0.10);
  margin: 28px 0;
}

/* Mobile tuning */
@media (max-width: 700px){
  .tile-guide{
    font-size: 16px;
    padding: 24px 14px;
  }

  .tile-guide h2{
    margin-top: 32px;
  }

  .tile-guide ul{
    padding-left: 32px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8311b57 *//* ===============================
   Tile Guide – Tighter Spacing Fix
   =============================== */

/* فاصله قبل H2 (بین سکشن‌ها) */
.tile-guide h2{
  margin-top: 26px;   /* قبلاً 42px */
  margin-bottom: 8px;
  padding-bottom: 8px;
}

/* اولین H2 مقاله (بعد از Hero یا Intro) */
.tile-guide h1 + h2{
  margin-top: 22px;   /* قبلاً 26px */
}

/* فاصله بین H2 و متن توضیح زیرش */
.tile-guide h2 + p{
  margin-top: 6px;    /* قبلاً 10px */
}

/* فاصله پاراگراف آخر هر سکشن با H2 بعدی */
.tile-guide p:last-child{
  margin-bottom: 10px; /* قبلاً 16px */
}

/* فاصله H3 با متن قبلی */
.tile-guide h3{
  margin-top: 18px;   /* قبلاً 22px */
  margin-bottom: 6px;
}

/* فاصله متن بعد از H3 */
.tile-guide h3 + p{
  margin-top: 4px;
}

/* لیست‌ها کمی جمع‌تر */
.tile-guide ul,
.tile-guide ol{
  margin: 10px 0 14px 0; /* قبلاً 12px 0 18px */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fa3293 *//* ===============================
   Reno Table – Premium Styling
   Colors: #112031 | #e3f0ff | #f3c623
   =============================== */

.reno-table-wrap{
  overflow-x: auto;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(17,32,49,0.08);
  background: #ffffff;
  margin-top: 24px;
}

.reno-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 620px;
  font-size: 15px;
  color: #0f172a;
}

/* ---------- Header ---------- */

.reno-table thead{
  background: #112031;
}

.reno-table thead th{
  padding: 16px 18px;
  text-align: left;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.3px;
  border-bottom: 3px solid #f3c623;
}

/* ---------- Body ---------- */

.reno-table tbody tr{
  transition: background 0.25s ease;
}

.reno-table tbody tr:nth-child(even){
  background: #f8fbff;
}

.reno-table tbody tr:hover{
  background: #e3f0ff;
}

.reno-table td{
  padding: 14px 18px;
  border-bottom: 1px solid rgba(15,23,42,0.08);
  vertical-align: middle;
}

/* ---------- First Column (Category) ---------- */

.reno-table td:first-child{
  font-weight: 600;
  color: #112031;
}

/* ---------- Accent Prices ---------- */

.reno-table td:last-child{
  font-weight: 600;
  color: #0f172a;
}

/* ---------- Mobile Optimization ---------- */

@media (max-width: 768px){
  .reno-table{
    font-size: 14px;
  }

  .reno-table thead th{
    padding: 14px;
  }

  .reno-table td{
    padding: 12px 14px;
  }
}
/* ===============================
   Tile Guide – Tighter Spacing Fix
   =============================== */

/* فاصله قبل H2 (بین سکشن‌ها) */
.tile-guide h2{
  margin-top: 28px;   /* قبلاً 42px */
  margin-bottom: 10px;
  padding-bottom: 8px;
}

/* اولین H2 مقاله (بعد از Hero یا Intro) */
.tile-guide h1 + h2{
  margin-top: 22px;   /* قبلاً 26px */
}

/* فاصله بین H2 و متن توضیح زیرش */
.tile-guide h2 + p{
  margin-top: 4px;    /* قبلاً 10px */
}

/* فاصله پاراگراف آخر هر سکشن با H2 بعدی */
.tile-guide p:last-child{
  margin-bottom: 10px; /* قبلاً 16px */
}

/* فاصله H3 با متن قبلی */
.tile-guide h3{
  margin-top: 16px;   /* قبلاً 22px */
  margin-bottom: 4px;
}

/* فاصله متن بعد از H3 */
.tile-guide h3 + p{
  margin-top: 4px;
}

/* لیست‌ها کمی جمع‌تر */
.tile-guide ul,
.tile-guide ol{
  margin: 10px 0 14px 0; /* قبلاً 12px 0 18px */
}/* End custom CSS */
/* Start custom CSS */body {
    padding: 0;
    margin: 0;
}/* End custom CSS */