.elementor-9 .elementor-element.elementor-element-1d66443{--display:flex;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-9 .elementor-element.elementor-element-b40a3c2{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ee1da0c{width:100%;max-width:100%;margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:9;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-ee1da0c{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-b40a3c2{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-5e913e1 */:root{
  --sa-gold:#C89B5C;
  --sa-gold-2:#DFBB7C;
  --sa-gold-3:#A87C42;
  --sa-muted:rgba(255,255,255,.75);
  --sa-font:"Vazirmatn",Tahoma,Arial,sans-serif;
}
.sa-hero{position:relative;overflow:hidden;height:56.25vw;min-height:640px;display:flex;flex-direction:column;font-family:var(--sa-font);color:#fff;background:#221910;direction:rtl}
.sa-hero *,.sa-hero *::before,.sa-hero *::after{box-sizing:border-box}

/* لایه تصویر پس‌زمینه + گرادیان تیره سمت چپ */
.sa-hero__bg{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(13,9,6,.97) 0%,rgba(13,9,6,.93) 20%,rgba(13,9,6,.64) 40%,rgba(13,9,6,.28) 58%,rgba(13,9,6,.06) 75%,rgba(13,9,6,0) 88%),linear-gradient(to top,rgba(13,9,6,.8) 0%,rgba(13,9,6,0) 30%),linear-gradient(to bottom,rgba(13,9,6,.45) 0%,rgba(13,9,6,0) 20%),var(--sa-hero-img);background-size:cover;background-position:center}

/* ═══ هدر ═══ */
.sa-header{position:relative;z-index:30;padding:clamp(16px,2.4vw,26px) clamp(18px,4.5vw,84px) 0;opacity:0;animation:sa-rise .8s .1s cubic-bezier(.22,.68,.35,1) forwards}
.sa-header__bar{display:flex;align-items:center;gap:clamp(16px,2.5vw,44px)}
.sa-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.sa-logo svg{width:clamp(42px,3.4vw,54px);height:auto;display:block}
.sa-logo__text{display:flex;flex-direction:column;line-height:1.25}
.sa-logo__text b{font-size:clamp(20px,1.8vw,27px);font-weight:800;color:var(--sa-gold)}
.sa-logo__text small{font-size:11.5px;font-weight:400;color:rgba(255,255,255,.62);margin-top:4px;white-space:nowrap}
.sa-nav{flex:1;display:flex;justify-content:center}
.sa-nav ul{display:flex;gap:clamp(18px,2.6vw,38px);list-style:none;margin:0;padding:0}
.sa-nav a{position:relative;display:inline-block;padding:10px 2px;color:rgba(255,255,255,.88);text-decoration:none;font-size:clamp(13.5px,1vw,15.5px);font-weight:500;transition:color .25s}
.sa-nav a:hover{color:var(--sa-gold-2)}
.sa-nav a.is-active{color:var(--sa-gold);font-weight:700}
.sa-nav a.is-active::after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;border-radius:3px;background:var(--sa-gold)}
.sa-actions{display:flex;align-items:center;gap:clamp(10px,1.4vw,20px)}
.sa-iconbtn{position:relative;display:grid;place-items:center;background:none;border:0;padding:6px;cursor:pointer;color:rgba(255,255,255,.92);text-decoration:none;transition:color .25s,transform .25s}
.sa-iconbtn:hover{color:var(--sa-gold-2);transform:translateY(-2px)}
.sa-iconbtn svg{width:23px;height:23px;display:block}
.sa-cart__count{position:absolute;top:-4px;left:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:50%;background:var(--sa-gold);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:1.5px solid rgba(20,13,8,.85);box-sizing:border-box}
.sa-burger{display:none}
.sa-mpanel{display:none}

/* ═══ محتوای هیرو ═══ */
.sa-hero__main{position:relative;z-index:10;flex:1;display:flex;align-items:center;padding:32px clamp(18px,4.5vw,84px)}
.sa-hero__content{width:min(620px,100%);margin-inline-start:auto}
.sa-title{margin:0 0 22px;text-shadow:0 3px 26px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.6);font-weight:900;font-size:clamp(32px,4.6vw,64px);line-height:1.3}
.sa-title>span{display:block}
.sa-title__sub{font-size:.78em;margin-top:14px;white-space:nowrap}
.sa-title em{font-style:normal;color:var(--sa-gold)}
.sa-lead{margin:0 0 40px;text-shadow:0 1px 14px rgba(0,0,0,.7);max-width:520px;color:var(--sa-muted);font-size:clamp(14px,1.1vw,16.5px);line-height:2.1;font-weight:400}
.sa-cta-row{display:flex;justify-content:flex-end}
.sa-cta{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--sa-gold-2),var(--sa-gold) 55%,var(--sa-gold-3));color:#fff;text-decoration:none;font-weight:700;font-size:15.5px;padding:15px 34px;border-radius:12px;box-shadow:0 12px 32px rgba(200,155,92,.35);transition:transform .3s,box-shadow .3s}
.sa-cta:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(200,155,92,.48)}
.sa-cta svg{width:19px;height:19px}

/* ═══ نوار ویژگی‌های پایین ═══ */
.sa-features{position:relative;z-index:10;padding:0 clamp(18px,4.5vw,84px) clamp(30px,5.5vh,58px)}
.sa-features__grid{display:grid;grid-template-columns:repeat(4,1fr);width:min(640px,100%);margin-inline-start:auto}
.sa-feature{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 12px;text-align:center;transition:transform .3s}
.sa-feature:hover{transform:translateY(-3px)}
.sa-feature+.sa-feature{border-inline-start:1px solid rgba(255,255,255,.18)}
.sa-feature svg{width:38px;height:38px;color:var(--sa-gold)}
.sa-feature span{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.8)}

/* ═══ انیمیشن ورود ═══ */
@keyframes sa-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.sa-anim{opacity:0;animation:sa-rise .9s cubic-bezier(.22,.68,.35,1) forwards}
.sa-d1{animation-delay:.25s}.sa-d2{animation-delay:.4s}.sa-d3{animation-delay:.55s}.sa-d4{animation-delay:.7s}.sa-d5{animation-delay:.85s}
@media (prefers-reduced-motion:reduce){.sa-anim,.sa-header{animation:none;opacity:1}}

/* ═══ موبایل و تبلت ═══ */
@media(max-width:1100px){
  .sa-nav{display:none}
  .sa-burger{display:grid}
  .sa-mpanel{display:block;position:absolute;top:calc(100% + 10px);right:18px;left:18px;background:rgba(17,11,7,.97);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:8px 20px 14px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s}
  .sa-header.sa-open .sa-mpanel{opacity:1;visibility:visible;transform:none}
  .sa-mpanel a{display:block;padding:13px 4px;color:rgba(255,255,255,.9);text-decoration:none;font-size:15px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08)}
  .sa-mpanel a:last-child{border-bottom:0}
  .sa-mpanel a.is-active{color:var(--sa-gold);font-weight:700}
}
@media(max-width:860px){
  .sa-features__grid{grid-template-columns:repeat(2,1fr);row-gap:10px;margin:0 auto}
  .sa-feature{border-inline-start:none!important}
  .sa-feature:nth-child(even){border-inline-start:1px solid rgba(255,255,255,.18)!important}
  .sa-feature:nth-child(3),.sa-feature:nth-child(4){border-top:1px solid rgba(255,255,255,.14);padding-top:20px}
}
@media(max-width:640px){
  .sa-title{font-size:clamp(28px,9vw,36px)}
  .sa-title__sub{white-space:normal}
  .sa-lead{line-height:2}
  .sa-cta{width:100%;justify-content:center}
  .sa-hero__main{padding-top:48px;padding-bottom:44px}
  .sa-logo__text small{display:none}
}

/* ════════════════════════════════════════════════════════════
   🖼 تصویر پس‌زمینه هیرو:
   فایل home_hero_building_bricks.jpg را در وردپرس (رسانه ← افزودن)
   آپلود کن، آدرس کاملش را کپی کن و جای عبارت زیر پیست کن.
   مثال: url('https://site.ir/wp-content/uploads/home_hero_building_bricks.jpg')
══════════════════════════════════════════════════════════════ */
:root{--sa-hero-img:url('https://massagedehkadeh.com/wp-content/uploads/2026/08/clean_brick_building_background.webp')}
@media(max-width:640px){.sa-hero::after{content:"";position:absolute;inset:0;background:rgba(13,9,6,.3);z-index:5}}

/* ═══ تمام‌عرض، چسبیده به لبه‌های صفحه ═══ */
body{overflow-x:hidden}
.sa-hero{width:100vw;max-width:100vw;margin-inline-start:calc(50% - 50vw)}

/* ═══ جلوگیری از تداخل رنگ قالب با متن‌های هیرو ═══ */
.sa-hero,.sa-hero .sa-title,.sa-hero .sa-title span{color:#fff!important}
.sa-hero .sa-title em,.sa-hero .sa-logo__text b{color:var(--sa-gold)!important}
.sa-hero .sa-logo__text small{color:rgba(255,255,255,.62)!important}
.sa-hero .sa-lead{color:var(--sa-muted)!important}
.sa-hero .sa-nav a{color:rgba(255,255,255,.88)!important}
.sa-hero .sa-nav a.is-active{color:var(--sa-gold)!important}
.sa-hero .sa-nav a:hover{color:var(--sa-gold-2)!important}
.sa-hero .sa-cta{color:#fff!important}
.sa-hero .sa-mpanel a{color:rgba(255,255,255,.9)!important}
.sa-hero .sa-mpanel a.is-active{color:var(--sa-gold)!important}
.sa-hero .sa-feature span{color:#fff!important}

/* ═══ قفل اندازه/فونت متن‌ها در برابر استایل قالب (فیکس تیتر کوچک) ═══ */
.sa-hero,.sa-hero *{font-family:var(--sa-font)!important}
.sa-hero{height:56.25vw!important;min-height:640px!important}
.sa-hero .sa-title{margin:0 0 22px!important;font-size:clamp(34px,4.6vw,64px)!important;font-weight:900!important;line-height:1.35!important}
.sa-hero .sa-title__sub{font-size:.78em!important;margin-top:14px!important}
.sa-hero .sa-title em{font-style:normal!important}
.sa-hero .sa-lead{margin:0 0 40px!important;font-size:clamp(14px,1.1vw,16.5px)!important;line-height:2.1!important;font-weight:400!important}
.sa-hero .sa-cta{font-size:15.5px!important;font-weight:700!important}
.sa-hero .sa-nav a{font-size:clamp(13.5px,1vw,15.5px)!important;font-weight:500!important}
.sa-hero .sa-nav a.is-active{font-weight:700!important}
.sa-hero .sa-logo__text b{font-size:clamp(20px,1.8vw,27px)!important;font-weight:800!important}
.sa-hero .sa-logo__text small{font-size:11.5px!important;font-weight:400!important}
.sa-hero .sa-feature span{font-size:14px!important;font-weight:600!important}
.sa-hero .sa-title>span{display:block!important}

/* ═══ فیکس نسخه جدید ═══ */
/* عکس بدون برش، مثل یک قاب عکس با نسبت ۱۶:۹ — موبایل ارتفاع آزاد */
@media(max-width:860px){.sa-hero{height:auto!important;min-height:800px!important}}

/* جلوگیری از استایل دکمه‌های قالب روی آیکون‌ها (رفع دکمه سبز جستجو) */
.sa-hero .sa-iconbtn{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:6px!important;color:rgba(255,255,255,.92)!important}
.sa-hero .sa-iconbtn:hover{color:var(--sa-gold-2)!important}
.sa-hero .sa-logo svg{width:clamp(42px,3.4vw,54px)!important;height:auto!important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee1da0c *//* =========================================================
   شهر آجر | HOME
   Premium Dark Brick + Soft Gold Background
   Elementor HTML Widget
   ========================================================= */


/* =========================
   FONT
   ========================= */

@font-face{
  font-family:"YekanBakh";
  src:url("https://shahrajoor.ir/wp-content/uploads/2026/08/YekanBakh-VF.ttf") format("truetype");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}


/* =========================
   VARIABLES
   ========================= */

:root{
  --sa-gold:#C89B5C;
  --sa-gold-2:#DFBB7C;
  --sa-gold-3:#A87C42;

  --sa-bg:#0d0906;
  --sa-bg-2:#120b07;
  --sa-bg-3:#170f09;

  --sa-white:#fff;
  --sa-muted:rgba(255,255,255,.75);

  --sa-font:"YekanBakh",Tahoma,Arial,sans-serif;

  --sa-girih:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23C89B5C' stroke-width='1.1'%3E%3Cpath d='M67.7 51.5 51.5 67.7H28.5L12.3 51.5V28.5L28.5 12.3h23L67.7 28.5Z'/%3E%3Cpath d='M10 10h60v60H10z'/%3E%3Cpath d='M40 4 76 40 40 76 4 40Z'/%3E%3C/g%3E%3C/svg%3E");

  /* بافت آجر بسیار ملایم */
  --sa-brick-pattern:
    linear-gradient(
      rgba(13,9,6,.94),
      rgba(13,9,6,.94)
    ),
    repeating-linear-gradient(
      0deg,
      transparent 0 38px,
      rgba(200,155,92,.055) 38px 39px
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0 76px,
      rgba(200,155,92,.045) 76px 77px
    );

  --sa-brick-glow:
    radial-gradient(
      700px 380px at 50% 0%,
      rgba(200,155,92,.10),
      transparent 72%
    );
}


/* =========================================================
   RESET / BASE
   ========================================================= */

.sa-home{
  direction:rtl;
  position:relative;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;

  font-family:var(--sa-font);
  color:#fff;

  background:
    var(--sa-brick-glow),
    var(--sa-brick-pattern),
    var(--sa-bg) !important;

  overflow-x:hidden;
}


.sa-home *,
.sa-home *::before,
.sa-home *::after{
  box-sizing:border-box;
}


.sa-home img{
  max-width:100%;
}


.sa-home a{
  text-decoration:none;
}


.sa-home button{
  font-family:var(--sa-font);
}


/* =========================================================
   INNER
   ========================================================= */

.sa-inner{
  width:min(1360px,100%);
  margin-inline:auto;
  padding-inline:clamp(18px,4.5vw,84px);
  position:relative;
  z-index:2;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.sa-sec-head{
  text-align:center;
  margin-bottom:clamp(34px,4.4vw,60px);
}


.sa-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  padding:7px 18px;

  border-radius:100px;

  border:1px solid rgba(200,155,92,.34);

  background:
    linear-gradient(
      135deg,
      rgba(200,155,92,.12),
      rgba(200,155,92,.055)
    );

  color:var(--sa-gold-2);

  font-size:13px;
  font-weight:600;
}


.sa-eyebrow i{
  width:7px;
  height:7px;

  border-radius:2px;

  background:var(--sa-gold);

  display:block;

  transform:rotate(45deg);

  box-shadow:
    0 0 10px rgba(200,155,92,.35);
}


.sa-sec-title{
  margin:18px 0 14px;

  font-size:clamp(28px,3.4vw,46px);

  font-weight:900;

  line-height:1.4;

  color:#fff;
}


.sa-sec-title em{
  font-style:normal;
  color:var(--sa-gold);
}


.sa-sec-lead{
  margin:0 auto;

  max-width:620px;

  font-size:clamp(13.5px,1.05vw,15.5px);

  line-height:2.1;

  color:var(--sa-muted);
}


/* =========================================================
   COMMON BRICK BACKGROUND
   ========================================================= */

.sa-products,
.sa-stats,
.sa-values{
  position:relative;
  width:100vw;
  max-width:100vw;

  margin-inline-start:calc(50% - 50vw);

  overflow:hidden;
}


/* لایه بافت آجر */
.sa-products::after,
.sa-stats::after,
.sa-values::after{

  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  z-index:0;

  background-image:

    radial-gradient(
      650px 360px at 50% 0%,
      rgba(200,155,92,.075),
      transparent 72%
    ),

    repeating-linear-gradient(
      0deg,
      transparent 0 42px,
      rgba(200,155,92,.035) 42px 43px
    ),

    repeating-linear-gradient(
      90deg,
      transparent 0 84px,
      rgba(200,155,92,.028) 84px 85px
    );

  opacity:.75;
}


/* نور خیلی نرم روی زمینه */
.sa-products::before,
.sa-stats::before,
.sa-values::before{

  content:"";

  position:absolute;

  width:650px;
  height:360px;

  top:-180px;
  left:50%;

  transform:translateX(-50%);

  background:
    radial-gradient(
      ellipse,
      rgba(200,155,92,.08),
      transparent 70%
    );

  pointer-events:none;

  z-index:0;
}


/* =========================================================
   PRODUCTS
   ========================================================= */

.sa-products{

  padding:
    clamp(56px,7vw,110px)
    0;

  background:

    radial-gradient(
      1100px 520px at 88% -10%,
      rgba(200,155,92,.13),
      transparent 62%
    ),

    radial-gradient(
      900px 520px at 5% 108%,
      rgba(200,155,92,.075),
      transparent 60%
    ),

    linear-gradient(
      180deg,
      #0d0906 0%,
      #150e08 48%,
      #0d0906 100%
    ) !important;
}


/* حذف خط بالای سکشن */
.sa-products > .sa-products__inner{
  position:relative;
  z-index:2;
}


.sa-products__inner{

  width:min(1360px,100%);

  margin-inline:auto;

  padding-inline:clamp(18px,4.5vw,84px);

  position:relative;

  z-index:2;
}


/* =========================================================
   PRODUCTS GRID
   ========================================================= */

.sa-grid{

  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:clamp(16px,1.7vw,26px);

  position:relative;

  z-index:2;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.sa-card{

  display:flex;

  flex-direction:column;

  min-width:0;

  border-radius:20px;

  overflow:hidden;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.065),
      rgba(255,255,255,.025)
    ) !important;

  border:1px solid rgba(255,255,255,.10) !important;

  box-shadow:
    0 18px 40px rgba(0,0,0,.35);

  transition:
    transform .35s cubic-bezier(.22,.68,.35,1),
    border-color .35s,
    box-shadow .35s;
}


.sa-card:hover{

  transform:translateY(-8px);

  border-color:
    rgba(200,155,92,.55) !important;

  box-shadow:
    0 26px 60px rgba(0,0,0,.5),
    0 0 0 1px rgba(200,155,92,.18);
}


/* =========================================================
   PRODUCT THUMB
   ========================================================= */

.sa-prod__thumb{

  position:relative;

  aspect-ratio:4/3;

  overflow:hidden;

  background-color:
    var(--b2,#6d3218);

  background-image:

    radial-gradient(
      140px 70px at 22% 22%,
      rgba(255,255,255,.12),
      transparent 70%
    ),

    radial-gradient(
      180px 90px at 82% 78%,
      rgba(0,0,0,.20),
      transparent 70%
    ),

    repeating-linear-gradient(
      90deg,
      rgba(0,0,0,.055) 0 48px,
      rgba(255,255,255,.05) 48px 96px
    ),

    repeating-linear-gradient(
      0deg,
      rgba(0,0,0,.05) 0 26px,
      rgba(255,255,255,.045) 26px 52px
    ),

    linear-gradient(
      150deg,
      var(--b1,#9b4326),
      var(--b2,#61230f)
    );

  transition:
    transform .5s cubic-bezier(.22,.68,.35,1),
    filter .4s;
}


.sa-card:hover .sa-prod__thumb{

  transform:scale(1.045);

  filter:saturate(1.06);
}


.sa-prod__thumb::before{

  content:"";

  position:absolute;

  inset:-2px;

  background:
    var(--m,#e6d9c6);

  opacity:.82;

  -webkit-mask-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='64'%3E%3Cg fill='%23000'%3E%3Crect width='120' height='3'/%3E%3Crect y='32' width='120' height='3'/%3E%3Crect x='58' y='3' width='3' height='29'/%3E%3Crect y='35' width='2' height='29'/%3E%3Crect x='118' y='35' width='2' height='29'/%3E%3C/g%3E%3C/svg%3E");

  mask-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='64'%3E%3Cg fill='%23000'%3E%3Crect width='120' height='3'/%3E%3Crect y='32' width='120' height='3'/%3E%3Crect x='58' y='3' width='3' height='29'/%3E%3Crect y='35' width='2' height='29'/%3E%3Crect x='118' y='35' width='2' height='29'/%3E%3C/g%3E%3C/svg%3E");

  -webkit-mask-size:96px 52px;
  mask-size:96px 52px;

  -webkit-mask-repeat:repeat;
  mask-repeat:repeat;
}


.sa-thumb--rustic::before{

  -webkit-mask-size:120px 62px;
  mask-size:120px 62px;

  opacity:.9;
}


.sa-thumb--thin::before{

  -webkit-mask-size:130px 34px;
  mask-size:130px 34px;

  opacity:.75;
}


.sa-prod__thumb::after{

  content:"";

  position:absolute;

  inset:0;

  background-image:
    var(--sa-photo,none);

  background-size:cover;

  background-position:center;

  box-shadow:
    inset 0 -70px 70px -34px rgba(13,9,6,.6),
    inset 0 26px 44px -30px rgba(255,255,255,.16);
}


/* =========================================================
   BADGE
   ========================================================= */

.sa-badge{

  position:absolute;

  z-index:3;

  top:14px;
  right:14px;

  padding:6px 14px;

  border-radius:100px;

  background:rgba(13,9,6,.72);

  border:1px solid rgba(255,255,255,.18);

  backdrop-filter:blur(6px);

  color:#fff;

  font-size:11.5px;

  font-weight:700;
}


.sa-badge--gold{

  background:
    linear-gradient(
      135deg,
      var(--sa-gold-2),
      var(--sa-gold) 55%,
      var(--sa-gold-3)
    );

  border-color:transparent;

  color:#2a1d0d;
}


.sa-badge--new{

  background:rgba(255,255,255,.92);

  border-color:transparent;

  color:#2a1d0d;
}


/* =========================================================
   SHINE
   ========================================================= */

.sa-shine{

  position:absolute;

  z-index:2;

  top:0;
  bottom:0;

  width:55%;

  right:-70%;

  background:
    linear-gradient(
      100deg,
      transparent,
      rgba(255,255,255,.34),
      transparent
    );

  transform:skewX(-14deg);

  transition:
    right .75s cubic-bezier(.22,.68,.35,1);

  pointer-events:none;
}


.sa-card:hover .sa-shine{
  right:125%;
}


/* =========================================================
   PRODUCT BODY
   ========================================================= */

.sa-card__body{

  padding:
    20px
    20px
    6px;

  flex:1;
}


.sa-card__title{

  margin:
    0
    0
    10px;

  font-size:
    clamp(15.5px,1.2vw,18px);

  font-weight:800;

  line-height:1.7;

  color:#fff;
}


.sa-card__desc{

  margin:
    0
    0
    16px;

  font-size:13px;

  line-height:2;

  color:rgba(255,255,255,.66);
}


/* =========================================================
   CHIPS
   ========================================================= */

.sa-chips{

  display:flex;

  flex-wrap:wrap;

  gap:7px;

  list-style:none;

  margin:0;

  padding:0;
}


.sa-chips li{

  padding:
    5px
    11px;

  border-radius:8px;

  background:
    rgba(200,155,92,.10);

  border:
    1px solid rgba(200,155,92,.22);

  color:var(--sa-gold-2);

  font-size:11.5px;

  font-weight:600;
}


/* =========================================================
   CARD FOOT
   ========================================================= */

.sa-card__foot{

  display:flex;

  align-items:center;

  gap:10px;

  padding:
    16px
    20px
    20px;

  margin-top:14px;

  border-top:
    1px solid rgba(255,255,255,.08);
}


/* =========================================================
   BUTTON
   ========================================================= */

.sa-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:9px;

  padding:
    13px
    18px;

  border-radius:12px;

  border:0 !important;

  cursor:pointer;

  background:
    linear-gradient(
      135deg,
      var(--sa-gold-2),
      var(--sa-gold) 55%,
      var(--sa-gold-3)
    ) !important;

  color:#fff !important;

  text-decoration:none;

  font-family:var(--sa-font);

  font-size:14.5px;

  font-weight:700;

  box-shadow:
    0 10px 26px rgba(200,155,92,.30);

  transition:
    transform .3s,
    box-shadow .3s,
    filter .3s;
}


.sa-btn svg{

  width:18px;
  height:18px;

  display:block;
}


.sa-btn:hover{

  transform:translateY(-3px);

  box-shadow:
    0 16px 34px rgba(200,155,92,.45);

  filter:brightness(1.05);
}


.sa-btn--lg{

  flex:none;

  padding:
    16px
    40px;

  font-size:15.5px;
}


/* =========================================================
   FAVORITE
   ========================================================= */

.sa-fav{

  flex:none;

  display:grid;

  place-items:center;

  width:44px;
  height:44px;

  border-radius:12px;

  cursor:pointer;

  background:
    rgba(255,255,255,.05) !important;

  border:
    1px solid rgba(255,255,255,.14) !important;

  color:
    rgba(255,255,255,.75);

  transition:
    color .25s,
    border-color .25s,
    background .25s,
    transform .25s;
}


.sa-fav svg{

  width:19px;
  height:19px;

  display:block;
}


.sa-fav:hover{

  color:var(--sa-gold-2);

  border-color:
    rgba(200,155,92,.5) !important;

  background:
    rgba(200,155,92,.12) !important;

  transform:translateY(-2px);
}


/* =========================================================
   CALL BAR
   ========================================================= */

.sa-callbar{

  position:relative;

  z-index:2;

  margin-top:
    clamp(30px,3.6vw,52px);

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:22px;

  flex-wrap:wrap;

  padding:
    clamp(20px,2.4vw,30px)
    clamp(22px,3vw,42px);

  border-radius:20px;

  background:
    linear-gradient(
      90deg,
      rgba(200,155,92,.16),
      rgba(255,255,255,.04)
    ) !important;

  border:
    1px solid rgba(200,155,92,.28) !important;
}


.sa-callbar__txt{

  display:flex;

  flex-direction:column;

  gap:7px;
}


.sa-callbar__txt b{

  font-size:
    clamp(15px,1.35vw,20px);

  font-weight:800;

  color:#fff;
}


.sa-callbar__txt span{

  font-size:13px;

  color:rgba(255,255,255,.7);
}


/* =========================================================
   STATS
   ========================================================= */

.sa-stats{

  padding:
    clamp(20px,3vw,40px)
    0
    clamp(46px,5vw,80px);

  background:
    linear-gradient(
      180deg,
      #150e08,
      #100a06
    ) !important;
}


.sa-stats__row{

  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  border-radius:20px;

  overflow:hidden;

  border:
    1px solid rgba(200,155,92,.26);

  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.03) 0 46px,
      transparent 46px 92px
    ),
    linear-gradient(
      90deg,
      rgba(200,155,92,.14),
      rgba(255,255,255,.03)
    );

  box-shadow:
    0 18px 44px rgba(0,0,0,.4);
}


.sa-stat{

  padding:
    clamp(22px,2.6vw,34px)
    14px;

  text-align:center;

  position:relative;

  transition:
    background .3s;
}


.sa-stat + .sa-stat{

  border-inline-start:
    1px solid rgba(255,255,255,.10);
}


.sa-stat:hover{

  background:
    rgba(200,155,92,.08);
}


.sa-stat b{

  display:block;

  font-size:
    clamp(26px,3.2vw,44px);

  font-weight:900;

  color:var(--sa-gold);

  line-height:1.2;
}


.sa-stat span{

  display:block;

  margin-top:8px;

  font-size:12.5px;

  font-weight:500;

  color:rgba(255,255,255,.72);
}


/* =========================================================
   VALUES
   ========================================================= */

.sa-values{

  padding:
    clamp(56px,6.5vw,100px)
    0;

  background:
    linear-gradient(
      180deg,
      #0d0906 0%,
      #130c07 50%,
      #0d0906 100%
    ) !important;
}


/* =========================================================
   VALUES GRID
   ========================================================= */

.sa-vgrid{

  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:
    clamp(14px,1.6vw,22px);
}


/* =========================================================
   VALUE CARD
   ========================================================= */

.sa-vcard{

  position:relative;

  overflow:hidden;

  padding:
    30px
    24px;

  border-radius:20px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.065),
      rgba(255,255,255,.025)
    ) !important;

  border:
    1px solid rgba(255,255,255,.10) !important;

  box-shadow:
    0 16px 36px rgba(0,0,0,.28);

  transition:
    transform .35s,
    border-color .35s,
    box-shadow .35s;
}


.sa-vcard::after{

  content:"";

  position:absolute;

  top:-24px;
  left:-24px;

  width:120px;
  height:120px;

  background-image:
    var(--sa-girih);

  background-size:60px 60px;

  opacity:.12;

  transition:
    opacity .35s,
    transform .5s;

  pointer-events:none;
}


.sa-vcard:hover{

  transform:translateY(-8px);

  border-color:
    rgba(200,155,92,.5) !important;

  box-shadow:
    0 24px 50px rgba(0,0,0,.45);
}


.sa-vcard:hover::after{

  opacity:.26;

  transform:
    rotate(12deg)
    scale(1.08);
}


/* =========================================================
   VALUE ICON
   ========================================================= */

.sa-vcard__ico{

  display:grid;

  place-items:center;

  width:56px;
  height:56px;

  margin-bottom:18px;

  border-radius:16px;

  background:
    linear-gradient(
      135deg,
      rgba(223,187,124,.95),
      rgba(168,124,66,.95)
    );

  color:#1a1209;

  box-shadow:
    0 12px 26px rgba(200,155,92,.3);
}


.sa-vcard__ico svg{

  width:28px;
  height:28px;
}


.sa-vcard h3{

  margin:
    0
    0
    10px;

  font-size:17px;

  font-weight:800;

  color:#fff;

  position:relative;

  z-index:2;
}


.sa-vcard p{

  margin:0;

  font-size:13px;

  line-height:2.05;

  color:rgba(255,255,255,.65);

  position:relative;

  z-index:2;
}


/* =========================================================
   PRODUCTS GLOW
   ========================================================= */

.sa-products__glow{

  position:absolute;

  inset:0;

  pointer-events:none;

  z-index:1;

  background:

    radial-gradient(
      600px 320px at 50% 35%,
      rgba(200,155,92,.055),
      transparent 70%
    );

  opacity:.8;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1180px){

  .sa-grid{

    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

}


@media(max-width:900px){

  .sa-grid{

    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  .sa-vgrid{

    grid-template-columns:
      repeat(2,1fr);
  }


  .sa-stats__row{

    grid-template-columns:
      repeat(2,1fr);
  }


  .sa-stat:nth-child(3){

    border-inline-start:0;
  }


  .sa-stat:nth-child(n+3){

    border-top:
      1px solid rgba(255,255,255,.1);
  }

}


@media(max-width:560px){

  .sa-grid{

    grid-template-columns:1fr;
  }


  .sa-vgrid{

    grid-template-columns:1fr;
  }


  .sa-callbar{

    flex-direction:column;

    align-items:stretch;

    text-align:center;
  }


  .sa-callbar .sa-btn--lg{

    width:100%;

    justify-content:center;
  }


  .sa-stats__row{

    grid-template-columns:1fr 1fr;
  }


  .sa-stat{

    padding:
      20px
      8px;
  }

}


/* =========================================================
   ELEMENTOR OVERRIDE
   جلوگیری از سفید شدن Container
   ========================================================= */

.sa-home,
.sa-home section,
.sa-home .sa-inner,
.sa-home .sa-products__inner{

  border-color:transparent;
}


.sa-home section{

  box-shadow:none;
}


/* =========================================================
   STYLE LOCK
   ========================================================= */

.sa-home,
.sa-home *{

  font-family:
    var(--sa-font) !important;
}


.sa-home{

  background-color:
    #0d0906 !important;

  color:#fff !important;
}


.sa-home .sa-sec-title,
.sa-home .sa-card__title,
.sa-home .sa-callbar__txt b,
.sa-home .sa-vcard h3{

  color:#fff !important;
}


.sa-home .sa-sec-title{

  margin:
    18px
    0
    14px !important;

  font-size:
    clamp(28px,3.4vw,46px) !important;

  font-weight:900 !important;

  line-height:1.4 !important;
}


.sa-home .sa-sec-title em{

  color:
    var(--sa-gold) !important;

  font-style:normal !important;
}


.sa-home .sa-sec-lead{

  color:
    var(--sa-muted) !important;

  font-size:
    clamp(13.5px,1.05vw,15.5px) !important;

  line-height:2.1 !important;
}


.sa-home .sa-eyebrow{

  color:
    var(--sa-gold-2) !important;

  font-size:13px !important;

  font-weight:600 !important;
}


.sa-home .sa-card__title{

  font-size:
    clamp(15.5px,1.2vw,18px) !important;

  font-weight:800 !important;

  line-height:1.7 !important;
}


.sa-home .sa-card__desc{

  color:
    rgba(255,255,255,.66) !important;

  font-size:13px !important;

  line-height:2 !important;
}


.sa-home .sa-chips{

  list-style:none !important;

  margin:0 !important;

  padding:0 !important;
}


.sa-home .sa-chips li{

  color:
    var(--sa-gold-2) !important;

  font-size:11.5px !important;

  font-weight:600 !important;

  background:
    rgba(200,155,92,.10) !important;

  border:
    1px solid rgba(200,155,92,.22) !important;

  margin:0 !important;
}


.sa-home .sa-btn{

  background:
    linear-gradient(
      135deg,
      var(--sa-gold-2),
      var(--sa-gold) 55%,
      var(--sa-gold-3)
    ) !important;

  color:#fff !important;

  border:0 !important;

  border-radius:12px !important;

  font-size:14.5px !important;

  font-weight:700 !important;

  text-decoration:none !important;
}


.sa-home .sa-btn--lg{

  font-size:15.5px !important;
}


.sa-home .sa-btn:hover{

  color:#fff !important;
}


.sa-home .sa-fav{

  background:
    rgba(255,255,255,.05) !important;

  border:
    1px solid rgba(255,255,255,.14) !important;

  color:
    rgba(255,255,255,.75) !important;

  border-radius:12px !important;

  box-shadow:none !important;
}


.sa-home .sa-fav:hover{

  color:
    var(--sa-gold-2) !important;

  background:
    rgba(200,155,92,.12) !important;
}


.sa-home .sa-badge{

  color:#fff !important;

  font-size:11.5px !important;

  font-weight:700 !important;
}


.sa-home .sa-badge--gold,
.sa-home .sa-badge--new{

  color:#2a1d0d !important;
}


.sa-home .sa-card{

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.062),
      rgba(255,255,255,.028)
    ) !important;

  border:
    1px solid rgba(255,255,255,.10) !important;

  border-radius:20px !important;
}


.sa-home .sa-card:hover{

  border-color:
    rgba(200,155,92,.55) !important;
}


.sa-home .sa-callbar__txt span{

  color:
    rgba(255,255,255,.7) !important;

  font-size:13px !important;
}


.sa-home .sa-stat b{

  color:
    var(--sa-gold) !important;

  font-size:
    clamp(26px,3.2vw,44px) !important;

  font-weight:900 !important;

  line-height:1.2 !important;
}


.sa-home .sa-stat span{

  color:
    rgba(255,255,255,.72) !important;

  font-size:12.5px !important;

  font-weight:500 !important;
}


.sa-home .sa-stats__row{

  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.03) 0 46px,
      transparent 46px 92px
    ),
    linear-gradient(
      90deg,
      rgba(200,155,92,.14),
      rgba(255,255,255,.03)
    ) !important;

  border:
    1px solid rgba(200,155,92,.26) !important;

  border-radius:20px !important;
}


.sa-home .sa-vcard{

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.06),
      rgba(255,255,255,.025)
    ) !important;

  border:
    1px solid rgba(255,255,255,.1) !important;

  border-radius:20px !important;
}


.sa-home .sa-vcard h3{

  font-size:17px !important;

  font-weight:800 !important;
}


.sa-home .sa-vcard p{

  color:
    rgba(255,255,255,.65) !important;

  font-size:13px !important;

  line-height:2.05 !important;
}/* End custom CSS */